/* ## corrects possible view port issues in browsers that do not recognize the viewport meta tag ## */
/* http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ */
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/*
* Corrects `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block;
}
/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/*
* Addresses styling for `hidden` attribute not present in IE 8/9.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/*
* 1. Sets default font family to sans-serif.
* 2. Prevents iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
/*
* Removes default margin.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
* Safari 5, and Chrome.
*/
h1 {
font-size: 2em;
}
/*
* Addresses styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/*
* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/*
* Addresses styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/*
* Corrects font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/*
* Sets consistent quote types.
*/
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
/*
* Addresses inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Embedded content
========================================================================== */
/*
* Removes border when inside `a` element in IE 8/9.
*/
img {
border: 0;
}
/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE 8/9 and Safari 5.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/*
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/*
* 1. Corrects color not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/*
* 1. Corrects font family not being inherited in all browsers.
* 2. Corrects font size not being inherited in all browsers.
* 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
*/
button,
input,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 2 */
margin: 0; /* 3 */
}
/*
* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/*
* Re-set default cursor for disabled elements.
*/
button[disabled],
input[disabled] {
cursor: default;
}
/*
* 1. Addresses box sizing set to `content-box` in IE 8/9.
* 2. Removes excess padding in IE 8/9.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
* Removes inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Removes default vertical scrollbar in IE 8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/* =============== Default Adjustments =============== */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
::-moz-selection { background: #3197fc; text-shadow: none; }
::selection { background: #3197fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img { max-width:100%; height:auto !important; vertical-align: middle; }
fieldset {border: 0;margin: 0; padding: 0; }
textarea { resize: vertical; }
p { margin:0 0 1em 0; }
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none; visibility: hidden; }
.visuallyHidden, .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyHidden.focusable:active,
.visuallyHidden.focusable:focus,
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.hide { display:none; }
.smallest { font-size:.8em; }
.smaller { font-size:.9em; }
.larger { font-size:1.1em; }
.largest { font-size:1.2em; }
.bold { font-weight:bold; }
.italic { font-style:italic !important; }
.strike {text-decoration:line-through !important;}
.red, .red:visited { color:#f00 !important; }
.green, .green:visited { color:#390 !important; }
.lgreen, .lgreen:visited { color:#97937d !important; }
.bgYellow { background:yellow; }
.bgGreen { background:lime; }
.vtop { vertical-align:top; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.floatLeft { float:left; }
.floatRight { float:right; }
.imgLeft { float:left; margin-right:5px; padding:5px; border:1px solid #c4c4c4; }
.imgRight { float:right; margin-left:5px; padding:5px; border:1px solid #c4c4c4; }
.nowrap { white-space:nowrap; }
.borderless { border:0; border-collapse:collapse; }
.breakforprint { page-break-after:always; }
.clear { overflow:hidden; clear:both; height:0; margin:0; font-size:1px; line-height:0; }
.skip { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.important { color:red; font-weight:bold; text-transform:uppercase; }
.click-user *:focus, .click-user *:active {outline:0;}
/* ## Base List styles ## */
ul, ol { margin:0 0 1em; }
.noBullet { padding:0 0 0 1em; list-style-type:none; }
.noIndent { padding:0; list-style-type:none; }
.bulletSquare { list-style-type:square; }
/* ## Note/hint text or link ## */
.note { margin:0 7px; font-size:.8em; color:#4e4e4e; }
.note a, .note a:link, .note a:visited { text-decoration:underline; }
/* ================================================================
PRIMARY LAYOUT STYLES
================================================================ */
/* Enter unique styles for site here */
/* ## Disabled Form Fields ## */
input[disabled=true] { background-color: #F0F0F0; }
textarea[disabled=true] { background-color: #F0F0F0; }
select[disabled=true] { background-color: #F0F0F0; }
input[readonly=true] { background-color: #F0F0F0; }
textarea[readonly=true] { background-color: #F0F0F0; }
select[readonly=true] { background-color: #F0F0F0; }
h1 {font-size: 1.5em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1em; }
h5 {font-size: 1em; }
h6 {font-size: .9em;}
@media only screen and (min-width:48em){
h1 {font-size: 2.8em;}
h2 {font-size: 2.6em;}
h3 {font-size: 1.3em;}
}
h1,
h2,
h3,
h4,
h5,
h6 {
color:#003366;
line-height:1.2;
font-weight:900;
margin:0 0 1rem 0;
}
h1, h2, h3 {
text-transform: uppercase;
}
h2:after,
.line:after {
content:"";
width:47px;
height:10px;
background:#c90016;
display:block;
margin-top:10px;
}
/* Removed :link from the list to help cut down on writing time and prevent the need for extra specificity for classes */
a, a:visited {color:#c90016; text-decoration:underline; }
a:hover, a:active, a:focus { color:#c90016; text-decoration:none; }
.btnText { margin:0; padding:0; color:#6D6D6D; text-decoration:underline; border:0; background:none; }
.btnText:hover { color:#6D6D6D; text-decoration:none; }
.svg-legend {
height: 0;
position: absolute;
top: -999em;
width: 0;
}
/* ## Link Modifiers ## */
a .text { text-decoration:underline; }
a:hover .text, a:active .text, a:focus .text { text-decoration:none; }
a [class^="icon-"] { text-decoration:none; }
a.removeLink { color:#f00; font-size:0.9em; }
/* ## Link Lists ## */
/* We use '<ul class="linkList">' when setting a list of organized links. */
ul.linkList {margin:0 0 15px 0; padding:0; list-style-type:none;}
ul.linkList li {margin-bottom:8px;}
ul.linkList a,
ul.linkList a:link,
ul.linkList a:visited { text-decoration:none;}
ul.linkList a:hover,
ul.linkList a:active {text-decoration:underline;}
/* ## Start Up Layout - Use, modify, or delete as need be ## */
body {background:#fff;}
.main-body {
font-family:"Lato",sans-serif;
line-height:1.8;
color:#003366;
position:relative;
}
.main-body.club .container {
max-width:75rem;
}
.site-footer {
text-align:center;
padding:3rem 0;
}
.site-footer p {
font-size:14px;
}
.site-footer .social-icons a {
color:#fff;
margin:0 5px;
}
.site-footer .info a {
color:#333;
}
/* ==========================================================================
Global Modules
========================================================================== */
.mod { position: relative; margin:0 0 1em; }
a.more-link {
color:#003366;
text-decoration:none;
font-size:14px;
padding:0;
font-weight:900;
display:inline-block;
font-size:20px;
}
a.more-link:after {
content:"\00bb";
font-size:40px;
font-weight:normal;
position:relative;
top:3px;
margin-left:4px;
}
.mod-title {}
/* Item Lists Content
========================================================================== */
.itemList {
margin:0;
padding:0;
list-style:none;
}
.item {
display: table;
padding: 1em 0;
width: 100%;
border-top: 1px solid #ccc;
}
.item:first-child { border-top:0; padding-top:0; }
.item:last-child { padding-bottom: 0; }
.item > .content {
display: table-cell;
width: 100%;
vertical-align: top;
}
.item .contentExtra {
display: table-cell;
vertical-align: top;
}
.content .title { margin:0; }
.itemList .content p { margin: 0; }
.content .date { font-size:0.85em; }
/* Item Media
========================================================================== */
.aside {
display: table-cell;
padding: 0 15px 0 0;
text-align: center;
}
.caption {
display: block;
font-size: 0.8em;
line-height: 1.2em;
}
/* Media Queries for Item Lists
========================================================================== */
@media (max-width : 400px) {
.item { display: block; }
.item > .content { display: block;}
.item > .aside { display: block;}
}
/* News
========================================================================== */
.article > .aside {
float:right;
margin: 1em;
}
.meta{
margin:0.5em 0;
}
.meta > div {
float: left;
}
.meta .social-tools{
float: right;
}
/* ==========================================================================
Filters
========================================================================== */
.filter{
padding: 1em;
border: 1px solid #444444;
background: #cccccc;
}
.filter-options{
float: left;
}
.filter-actions{
float: right;
}
/* Pagination
========================================================================== */
.paging {
padding: 1em;
}
.paging-results {
float: left;
}
.paging-list {
float: right;
}
.paging-list ul {
display: block;
padding: 0;
margin: 0;
}
.paging-list li{
display: block;
padding: 0;
margin: 0;
border: 1px solid #002B40;
border-left-width: 0;
float: left;
}
.paging-list li:first-child{
border-left-width: 1px;
}
.paging-list li a,
.paging-list li span {
display: block;
min-width: 30px;
padding: 2px 5px;
text-align: center;
}
.paging-list li a {
/* Link State */
}
.paging-list li span {
/* Current Page State */
}
.paging-list li.disabled {
display: none;
}
.paging-list li.disabled+li {
border-left-width: 1px;
}
.paging-list li.disabled+.all {
border-left-width: 0;
}
/* pagination and filters */
.filters {float:left; display:inline; margin:0 0 5px 0;}
.filters .filterList {float:left; display:inline; margin-bottom:5px;}
.filters label { display:inline; margin:0 5px 0 0; font-weight:bold; font-size:0.8em; }
.filters .sortList {float:left; display:inline; padding:3px 10px 0;}
.filters .sortList label {margin:0 5px 0 0;}
.filters select {margin-right:10px;}
.filters .sortList .last {border-right:0;}
.filters .sortItem {display:inline; margin:0; padding:2px 4px; font-size:0.8em; border-right:1px solid #999999;}
.filters .sortItem a, .filters .sortItem a:link, .filters .sortItem a:visited {padding-right:12px; text-decoration:none; background:url(/cms/images/club-portal/layout/arrow_sortorder.gif) no-repeat 100% 2px;}
.filters .sortItem a.down, .filters .sortItem a.down:link, .filters .sortItem a.down:visited {font-weight:bold; background-position:100% -18px;}
.filters .sortItem a.up, .filters .sortItem a.up:link, .filters .sortItem a.up:visited {font-weight:bold; background-position:100% -38px;}
.pagination {float:right; width:400px; margin:0 0 10px 0; text-align:right;}
.pagination .view {float:right; display:inline; padding:0 0 0 10px;}
.pagination .view a,.pagination .view a:link, .pagination .view a:visited { display:inline-block; text-decoration:none; padding:2px 6px;}
.pagination .paging {float:right; display:inline; padding:0 10px; border-right:1px solid #999999;}
.pagination .paging a,.pagination .paging a:link,.pagination .paging a:visited {float:left; display:inline; margin:0 3px; padding:2px 6px; text-align:center; text-decoration:none; }
.pagination .paging .active {float:left; display:inline; margin:0 4px; padding:2px 6px; text-align:center; color:#000; background-color:#d2d2d2; text-decoration:none; border:1px solid #969696;}
.pagination .paging .total { float:left; display:block; padding-top:2px; color:#999999;}
.pagination a.arrowRight,.pagination a.arrowRight:link,.pagination a.arrowRight:visited {float:left; display:inline; background:url(/cms/images/club-portal/layout/arrow_right_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}
.pagination a.arrowLeft,.pagination a.arrowLeft:link,.pagination a.arrowLeft:visited {float:left; display:inline; background:url(/cms/images/club-portal/layout/arrow_left_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}
/* ==============================================================
GLOBAL STYLES
============================================================== */
.alert {
overflow:hidden;
border: 1px solid #ff6666;
margin: 1em 0;
padding: 10px;
min-height: 50px;
color: #fff;
background-color: #ff0000;}
.alertSign {float:left;}
.alertItem {padding:10px 0; margin:0 0 0 50px;}
.alert a, .alert .date {color:#fff;}
.bdr { border:1px solid #ccc; padding:1px; }
.bdrTop { border-top:1px solid #999; }
.bdrRight { border-right:1px solid #999; }
.bdrBottom { border-bottom:1px solid #999; }
.bdrLeft { border-left:1px solid #999; }
.bdrDash { border:1px dashed #555244; }
.bdrDashTop { border-top:1px dashed #999; }
.bdrDashRight { border-right:1px dashed #999; }
.bdrDashBottom { border-bottom:1px dashed #999; }
.bdrDashLeft { border-left:1px dashed #999; }
.alternate {background-color: rgba(0,0,0,0.03);}
.row {background-color: #ffffff;}
/* ## Error Markers ## */
.fieldlbl {padding:4px 2px 0 0; text-align:right;}
.field {padding-left:2px;}
.fieldpad {padding-bottom:2px;}
.fieldtext {color:#000000;}
.fielderror {color:#cc0000;}
.fieldnorm {width:16px; height:20px;}
.fieldreq {width:16px; height:20px; background:transparent url(/cms/images/club-portal/global/field-req.gif) no-repeat center right;}
span.fieldreq {padding:0 6px; background-position:center center;}
span.fieldnorm {padding:0 6px; background-position:center center;}
.fieldred {width:16px; height:20px; background:transparent url(/cms/images/club-portal/global/field-error.gif) no-repeat center right;}
span.fieldred {padding:0 6px; background-position:center center;}
/* ## Tooltip Classes ## */
.toolTipWrpr {display:none;width:340px;z-index:99;}
.toolTipShadow {background: url(/cms/images/club-portal/core/tooltipbacktop.png) no-repeat top left;padding: 10px 13px 1px 13px;color:#666666;}
.toolTopShadowBottom {background: url(/cms/images/club-portal/core/tooltipbackbottom.png) no-repeat top left;width:340px;height:16px;}
.toolTipDate {font-size:11px;color:#999999;font-weight:bold;}
.toolTipName {font-size:14px;color:#666666;font-weight:bold;margin-bottom:14px;}
/* ## Generic Pager ## */
.sortStatus {float:left;}
.genericPager {float:right;}
.genericPager ul {list-style-type: none; margin:0; padding:0;}
.genericPager li {float:left; display:block; font-size:11px; margin:0 5px 5px 0;}
.genericPager li a {float:left; color:#003871; padding:2px 4px; border:1px solid #ddd; text-decoration:none; }
.genericPager li a:hover, .genericPager li a:focus { color:#000; background-color:#CFCFCF; border: 1px solid #000; text-decoration:none; }
.genericPager li.nolink {color:#fff; border:1px solid #ddd; padding:2px 4px;}
.genericPager li.active {color:#686868; border:1px solid #ddd; padding:2px 4px; background-color:#CFCFCF;}
/* ## Smart Bug ## */
.smartbug ul { list-style-type:none; background-color:#ccc; font-size:10px; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; padding:0px; }
.smartbug li { border-bottom:1px solid #000; }
.smartbug a, .smartbug a:link, .smartbug a:visited { text-decoration:none; display:block; color:#000; padding:5px; }
.smartbug a:hover { background-color:#999; text-decoration:underline; }
/* ## Master Overlay Styles ## */
.siteOverlay {
display:none;
position:relative;
width:550px;
max-width:95%;
min-height:1px;
background-color:#fff;
z-index:1000;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0 0 15px #333;
-moz-box-shadow:0 0 15px #333;
box-shadow:0 0 15px #333;
}
.siteOverlay .overlayBar {position:relative; padding:7px 10px; text-align:right; border-bottom:1px solid #e6e6e6;}
.siteOverlay .overlayClose {display:inline-block; cursor:pointer; z-index:5;}
.siteOverlay .overlayContent {padding:15px;}
/* =================================================================
MODULE STYLES
===================================================================*/
.bar {
margin-bottom:10px;
padding:0 10px;
}
.print-button svg {
width:20px;
height:20px;
margin-top:5px;
fill:#c90016;
}
.email-button {
font-size:18px;
}
/* ## Breadcrumb ## */
.breadcrumbs a, .breadcrumbs a:visited { text-decoration:none; }
.breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs a:active { text-decoration:underline; }
.breadcrumbs span { margin:0 2px; font-weight:normal; }
/* ## PAGE TOOLS ## */
/* Print and Email icons and wrapper */
.pageToolsWrapper {float:right; text-align:right; display:none;}
@media only screen and (min-width:48em){
.pageToolsWrapper {display:inline-block;}
}
.pageTool { margin:0 10px 0; font-size:0.938em; color:#686868; font-weight:normal; text-decoration:none; cursor:pointer; }
.pageToolsWrapper a {display:inline-block; margin-left:10px; text-decoration:none; vertical-align:top;}
.pageToolsWrapper a:hover,
.pageToolsWrapper a:focus {color:#1C4E87; text-decoration:none;}
.pageToolsWrapper a:hover svg,
.pageToolsWrapper a:focus svg {fill:#1C4E87; }
.pageToolsWrapper a.bookmark,
.pageToolsWrapper a.bookmark:link,
.pageToolsWrapper a.bookmark:visited {padding:0 0 0 18px; margin-left:7px; background-position:0 -39px;}
.pageToolsWrapper a.bookmark:hover,
.pageToolsWrapper a.bookmark:active {background-position:0 -119px;}
.pageToolsWrapper .addthis_toolbox { float:right; display:inline; }
.pageToolsWrapper .addthis_toolbox a,
.pageToolsWrapper .addthis_toolbox a:link,
.pageToolsWrapper .addthis_toolbox a:visited {background:none; padding:0; margin:0 0 0 5px; }
.addthis_toolbox { display:inline; }
/* =================================================================
THIRD PARTY STYLES
===================================================================*/
/* =================================================================
PRINT STYLES
===================================================================*/
.hd {padding:10px; border-bottom:3px solid #ccc; margin:0 0 10px 0;}
.ftr {padding:10px; border-top:3px solid #ccc; font-size:11px; text-align:center;}
.printBody {margin:0; padding:0; color:#333; background:#fff; width:100%;}
.printWrpr {width:660px; text-align:left; margin:0 auto; z-index:1;}
.emailBody {margin:0; padding:0; background:#fff; width:100%;}
.emailWrpr {width:680px; text-align:left; margin:0 auto; z-index:1;}
@media print {
* { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
a, a:visited { text-decoration: underline; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/* ## Button Styles ## */
/*
<span class="btnWrapper"><input class="btn" value="Submit" /></span>
or
<a href="#" class="btnWrapper"><span class="btn">Submit</a></a>
*/
.btnWrapper { display:inline-block; text-decoration:none !important; }
.btn, a.btn {
display:inline-block;
margin:0;
padding:4px 2rem;
font-weight:bold;
color:#fff !important;
background-color:#c90016;
border:2px solid #c90016;
text-align:center;
text-decoration:none;
cursor:pointer;
overflow:visible;
text-transform: uppercase;
border-radius:4px;
}
.btn:hover,
.btn:focus {
background-color:#003366;
border-color:#003366;
color:#fff;
}
.btn-alt,
a.btn-alt {
background-color:#ed174b;
border-color:#ed174b;
color:#fff;
}
.btn + .btn {
margin:10px 0;
}
.btn-large {padding:10px 2rem; font-size:20px;}
.btn-full-width {display:block; width:100%;}
/* ## modifier for icon fonts (IcoMoon) embedded within button wrapper ## */
.btnWrapper [class^="icon-"] { margin:0 3px; font-size:0.7em; }
/* ## Site Icons ## */
.iconImage { position:relative; display:inline-block; bottom:1px; width:10px; height:10px; vertical-align:middle; text-indent:-9999em; background:url(/cms/images/club-portal/layout/icons_default.png) no-repeat 0 0; overflow:hidden; }
.iconCart { width:22px; height:22px; background-position:0 0; }
.iconRefresh { width:22px; height:22px; background-position:0 -27px; }
.iconContinueArrow { width:22px; height:16px; background-position:0 -57px; }
.iconCheckbox { width: 18px; height: 14px; background-position: -23px -112px; }
.iconXSquareRed { width: 12px; height: 12px; background-position: 0 -112px; }
.iconSearch { width: 14px; height: 14px; background-position: -55px 0; }
.iconQuestion { width: 22px; height: 22px; background-position: 0 -75px; }
/* ## truncate styling ## */
.truncateLink {}
.truncateLink a, .truncateLink a:link, .truncateLink a:visited { margin-left:5px; }
.truncateLink a.truncateMore, .truncateLink a.truncateMore:link, .truncateLink a.truncateMore:visited {}
.truncateLink a.truncateLess, .truncateLink a.truncateLess:link, .truncateLink a.truncateLess:visited {}
.copyright { text-align:right; color:#787878;}
/* ## Footer Social Follow ## */
.social-icons a {font-size:1.7rem; text-decoration:none; display:inline-block; margin:0 3px; color:#003366; }
.social-icons a:hover,
.social-icons a:focus {color:#c90016; text-decoration:none; }
/* ## Table Wrapper to allow for overflow/scroll on smaller screens ## */
.tableWrapper { overflow:auto; }
table.dataTbl {
widtH:100%;
display: table;
border-collapse:collapse;
margin-bottom:20px;}
table.dataTbl tr:nth-child(odd) {background:#e6e6e6;}
table.dataTbl th {background:#478c26; padding:6px 15px; font-size:1em; border:1px solid #478c26; border-bottom:2px solid #fdd539; color:#fff;}
table.dataTbl th a {color:#fff; text-decoration:underline;}
table.dataTbl td {vertical-align:top; padding:6px 15px; border:1px solid #E1E1E1;}
table.dataTbl td td {border-style:none;}
/* ## NEW Limit Text Box ## */
.limitTextBox {}
.limitTextBox span { display:none; }
.limitTextBoxBar { width:100%; margin:0px 0 15px 0; }
.limitTextBoxBarWrpr {
width:100%;
border:0px solid #000;
overflow:hidden;
font-size:9px;
color:#000;
white-space:nowrap;
height:5px;
background-color:#FDFBBE;}
.limitTextBoxBarInner { width:0%; background-color:#FF0000; }
.limitTextBoxInputWrpr { display:table-cell; width:100%; vertical-align:top; }
.limitTextBoxInputWrpr textarea { box-sizing:border-box; vertical-align:top; }
.limitTextBoxSpellWrpr { display:table-cell; padding-left:5px; vertical-align:top; }
.limitTextBoxSpellWrpr img { max-width:16px !important; cursor: pointer; }
.vd {padding:0 5px;}
.topOfPage {text-align:right;}
.topOfPage a {background:transparent url(/cms/images/club-portal/arrow.gif) no-repeat 100% 50%; padding-right:13px;}
.figure-right {display:table; max-width:100%; float:right; margin:0 0 15px 20px;}
.figure-left {display:table; max-width:100%; float:left; margin:0 20px 15px 0;}
.figure-right figcaption,
.figure-left figcaption {margin-top:5px; display:table-caption; caption-side:bottom; font-size:0.9em;}
.figure-right img,
.figure-left img {
display: block;
width: 100%;}
.hidden-info, a.hidden-info { color:#fff; background:#00529b; -webkit-transition: all 0s; transition: all 0s; }
.hidden-info:focus { display:block; padding:10px; width:100%; text-align:center; }
/* =================================================================
ADMIN buttons fix
===================================================================*/
.modulePanel a, .modulePanel a:link, .modulePanel a:visited {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.overlayModulesWrprBrdr div.modulePanel {
margin-right:7px;
}
.site-header {
background:#fff;
text-align:center;
}
.site-logo {
display:inline-block;
margin:10px auto;
text-decoration:none;
width:270px;
text-align:left;
line-height:1.4;
position:relative;
right:-35px;
}
.site-logo img {
width:73px;
}
.site-logo .logo-image {
display:inline-block;
float:left;
padding-right:10px;
}
.site-logo .logo-text {
font-weight:900;
text-transform:uppercase;
color:#003366;
display:inline-block;
}
.logo-image p,
.logo-text p {margin:0;}
@media only screen and (min-width:60em){
.site-logo {
width:auto;
margin:1rem auto;
right:auto;
}
.site-logo .logo-image {
float:none;
padding:0 1rem;
}
.site-logo .logo-image img {
width:auto;
}
.club-site .site-logo .logo-image img{width: 100px;}
.site-logo .logo-text {
font-size:1.625rem;
}
}
@media only screen and (min-width:80em){
.site-logo {
margin:2.5rem auto 1.5rem auto;
}
.site-logo .logo-text {
font-size:2.625rem;
}
}
.site-footer {
background:#003366;
color:#fff;
}
.site-footer .footer-top,
.site-footer .footer-middle,
.site-footer .footer-bottom {
padding:20px 10px;
text-align:center;
}
.site-footer .footer-top,
.site-footer .footer-middle {
border-bottom:1px solid rgba(255,255,255,0.2);
}
.site-footer .footer-top img {
width:123px;
}
.footer-top .social-icons {
margin:20px 0;
}
.footer-top .social-icons a:hover,
.footer-top .social-icons a:focus {
color:#c2c2c2;
}
.footer-top .unit p,
.footer-top .unit .block {
display:inline-block;
margin:0;
}
@media only screen and (min-width:48em){
.footer-top .unit img {
display:inline;
}
.footer-top .social-icons {
display:inline;
color:#fff;
margin-top:20px;
margin-left:20px;
}
}
@media only screen and (min-width:80em){
.footer-top .unit {
float:left;
}
.footer-top .newsletter-box {
float:right;
}
}
.newsletter-box h4 {
display:inline-block;
color:#fff;
font-size:20px;
margin:0;
}
.newsletter-box p {
color:#99ccff;
}
.newsletter-box .table-row {
display:inline-block;
width:auto;
vertical-align:top;
margin-left:20px;
}
.newsletter-box .table-col {
display:table-cell !important;
vertical-align:top;
}
.newsletter-box .table-col .btn {
padding:10px 10px;
position:relative;
left:-5px;
border-style:none;
}
.newsletter-box .table-col .btn:hover,
.newsletter-box .table-col .btn:focus {
background:#99cdff;
}
.newsletter-box .table-row input[type="text"] {
border-style:none;
padding:10px;
}
@media only screen and (min-width:49em){
.newsletter-box p {
display:inline-block;
}
}
@media only screen and (min-width:80em){
.newsletter-box h4,
.newsletter-box p,
.newsletter-box .table-row {
float:left;
margin:0 0 0 10px;
}
.newsletter-box h4 {margin-top:12px;}
.newsletter-box p {margin-top:14px;}
.newsletter-box .table-row {margin-top:5px;}
.newsletter-box .table-row input {
margin-bottom:0 !important;
}
}
.site-footer .footer-middle {
text-align:center;
display:none;
}
.site-footer .footer-middle p {
margin:0;
}
.site-footer .footer-middle a {
color:#fff;
display:inline-block;
margin:0 5px;
font-weight:900;
text-decoration:none;
}
.site-footer .footer-middle a:hover,
.site-footer .footer-middle a:focus {
text-decoration:underline;
}
@media only screen and (min-width:48em){
.site-footer {
padding-top:1.5rem;
}
.site-footer .footer-middle {
display:block;
}
}
@media only screen and (min-width:80em){
.site-footer .footer-middle a {
font-size:1.25rem;
margin:0 18px;
}
}
.site-footer .footer-bottom {
font-size:14px;
color:#99cdff;
}
.site-footer .footer-bottom .unit {
display:block;
margin:7px 0;
}
@media only screen and (min-width:80em){
.site-footer .footer-bottom .unit {
display:inline;
margin:0;
}
}
.site-footer .footer-bottom a {
color:#99cdff;
}
.section {
padding:2rem 0;
}
.svg-icon {
width:90px;
height:90px;
fill:#003366;
}
.site-nav {
background:#c90016;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
}
.section.theme2 {
border-top:10px solid #c90016;
}
.section.theme3 {
background:#fff;
}
.section.theme4 {
background:#003366;
color:#fff;
}
.section.theme4 h2,
.section.theme4 a {
color:#fff;
}
.section.theme5 {
background:#f7f7f7;
}
.site-header .header-btn,
.site-header .social-icons {
display:none;
}
@media only screen and (min-width:60em){
.site-header .social-icons {
position:absolute;
top:5px;
right:170px;
display:block;
z-index:100;
}
.site-header .header-btn {
position:absolute;
top:0;
right:0;
display:block;
z-index:100;
}
}
.page-top {
position:relative;
background:#003365;
color:#fff;
text-align:left;
overflow:hidden;
padding:2rem 1rem;
}
.page-top img {
position:absolute;
top:0;
left:0;
height:100% !important;
max-width:999rem !important;
min-width:100%;
}
.page-top h1 {
color:#fff;
font-size:1.6rem;
}
.page-top p {
margin:0;
}
@media only screen and (min-width:48em){
.page-top {
padding:4rem 1rem;
text-align:center;
}
.page-top h1 {
font-size:2.8rem;
}
.page-top p {
font-size:1.125rem;
}
}
.corlnav {
margin:0 0 2rem 0;
}
.railNavHeading {
margin: 0 0 1rem 0;
color:#003366;
font-size:2.5rem;
font-weight:900;
text-transform:uppercase;
line-height:1.3;
}
.railNavHeading:after {
content: "";
width: 47px;
height: 10px;
background: #c90016;
display: block;
margin-top: 10px;
}
ul.railNav {
padding:0;
margin:0;
list-style-type:none;
}
ul.railNav li {
margin:0;
padding:0
}
ul.railNav li a {
padding:14px 1.5rem;
text-decoration:none;
display:block;
background:#ebebeb;
border-bottom:2px solid #fff;
text-transform:uppercase;
color:#003366;
}
ul.railNav li a:hover,
ul.railNav li a:focus,
ul.railNav li a.on {
background:#c90016;
color:#fff;
}
ul.railNav ul {
border-bottom:2px solid #fff;
}
ul.railNav ul a {
padding:5px 1.5rem 5px 3rem;
border-bottom:none;
}
.slideshow-home {
position:relative;
}
.slideshow-home .slick-track {
background: #003366;
}
.slideshow-home img {
min-width:1200px;
}
.club-site .slideshow-home img {min-width: 100%;}
.slideshow-home .slick-slide > div {
line-height:0.8;
}
.slideshow-home .slideItem > a {
position:relative;
display:block;
}
.slideshow-home .slideItem > a:before {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
content:"";
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002662+0,002662+50,002662+100&1+0,0.4+30,0.4+70,1+100 */
background: -moz-linear-gradient(left, rgba(0,38,98,1) 0%, rgba(0,38,98,0.4) 30%, rgba(0,38,98,0.4) 50%, rgba(0,38,98,0.4) 70%, rgba(0,38,98,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,38,98,1) 0%,rgba(0,38,98,0.4) 30%,rgba(0,38,98,0.4) 50%,rgba(0,38,98,0.4) 70%,rgba(0,38,98,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,38,98,1) 0%,rgba(0,38,98,0.4) 30%,rgba(0,38,98,0.4) 50%,rgba(0,38,98,0.4) 70%,rgba(0,38,98,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002662', endColorstr='#002662',GradientType=1 ); /* IE6-9 */
}
.slideshow-home .content {
position:relative;
width:100%;
padding:1rem 1rem 3rem 1rem;
color:#fff;
background:#003366;
line-height:1.4;
}
.slideshow-home .content h2 {
color:#fff;
font-size:1.4rem;
}
.slideshow-home .content p {
margin-bottom:2rem;
}
@media only screen and (min-width:48em){
.slideshow-home .content h2 {
font-size:2.5rem;
}
}
@media only screen and (min-width: 65em){
.slideshow-home .content {
position:absolute;
max-width:75rem;
width:100%;
margin-left: auto;
margin-right: auto;
padding:0 1rem;
left: 0;
right: 0;
bottom:4rem;
color:#fff;
line-height:1.4;
background: none;
}
}
@media only screen and (min-width:80em){
.slideshow-home img {
min-width:1920px;
}
.slideshow-home .content {
font-size:1.125rem;
padding-right:30%;
bottom:13rem;
}
.club-site .slideshow-home .content {
bottom:10rem;
}
.slideshow-home .content h2 {
font-size:46px;
}
.slideshow-home .content .btn {
padding:15px 48px;
}
}
.slideshow-home .content h2:after {
display:none;
}
.slideshow-home .slick-arrow {
display:none !important;
}
.slideshow-home .slick-prev:before,
.slideshow-home .slick-next:before {
color:#fff;
}
.slideshow-home .slick-prev,
.slideshow-home .slick-next {
z-index:1000;
}
@media only screen and (min-width:80em){
.slideshow-home .slick-prev {left:20px; display:inline-block !important;}
.slideshow-home .slick-next {right:20px; display:inline-block !important;}
}
@media only screen and (min-width:90em){
.slideshow-home .slick-prev {left:100px; }
.slideshow-home .slick-next {right:100px;}
}
.slideshow-home .slick-dots {
max-width:75rem;
width:100%;
margin-left: auto;
margin-right: auto;
padding:0 1rem;
left: 0;
right: 0;
bottom:0;
text-align:left;
}
@media only screen and (min-width:80em){
.slideshow-home .slick-dots {
bottom:1rem;
}
}
.slideshow-home .slick-dots li button {
border:1px solid #fff;
border-radius:50%;
padding:0;
width:12px;
height:12px;
}
.slideshow-home .slick-dots li.slick-active button {
background:#fff;
}
.slideshow-home .slick-dots li button:before {
display:none;
}
.slideshow-home .slick-dots li.slick-active button:before {
color:#fff;
}
.title,
.title a {
text-decoration:none;
color:#003366;
font-size:20px;
text-transform:none;
}
.home .newsSummary .mod-title,
.home .newsSummary .aside,
.home .newsSummary .more,
.home .videosSummary .mod-title,
.home .eventsSummary .mod-title,
.home .eventsSummary .aside,
.home .eventsSummary .more {
display:none;
}
.newsSummary .title:after,
.eventsSummary .title:after {
display:none;
}
.newsSummary .item,
.eventsSummary .item {
border-style:none;
}
@media only screen and (min-width:48em){
.home .newsSummary .itemList,
.home .eventsSummary .itemList {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap:wrap;
width: 100%;
position:relative;
}
.home .newsSummary .itemList:before,
.home .eventsSummary .itemList:before {
position:absolute;
top:0;
left:33%;
content:"";
width:1px;
height:90%;
border-left:2px dashed #6c6a6a;
display:block;
}
.home .newsSummary .itemList:after,
.home .eventsSummary .itemList:after {
position:absolute;
top:0;
left:67%;
content:"";
width:1px;
height:90%;
border-left:2px dashed #6c6a6a;
display:block;
}
.home .newsSummary .itemList .item,
.home .eventsSummary .itemList .item {
width:32%;
margin:0 1% 20px 1%;
padding:0 2rem;
}
.home .newsSummary .itemList .item:first-child,
.home .eventsSummary .itemList .item:first-child {
margin-left:0;
padding-left:0;
}
.home .newsSummary .itemList .item:last-child,
.home .eventsSummary .itemList .item:last-child {
margin-right:0;
padding-right:0;
}
}
.more-link-line {
text-align:right;
}
.panels .panel-left {
padding-right:10px;
padding-left:10px;
}
.panels .panel-right {
padding-left:10px;
padding-right:10px;
}
@media only screen and (min-width:48em){
.panels {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap:wrap;
width: 100%;
position:relative;
}
.panels:after {
position:absolute;
top:0;
left:50%;
content:"";
width:1px;
height:90%;
border-left:2px dashed #fff;
display:block;
}
.panels .panel-left,
.panels .panel-right {
width:50%;
}
.panels .panel-left {
padding-right:2rem;
padding-left:10px;
}
.panels .panel-right {
padding-left:3rem;
padding-right:10px;
}
}
.feed-item {
padding:1rem 0;
border-bottom:2px dashed #fff;
}
.feed-item .FeedItemIcon a {
font-size:30px;
text-decoration:none;
}
.home .videosSummary .itemList .item {
border-style:none;
}
.home .videosSummary .item .aside {
padding:0;
}
.home .videosSummary .itemList .item > .content {
display:none;
}
@media only screen and (min-width:40em){
.home .videosSummary .itemList {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap:wrap;
width: 100%;
}
.home .videosSummary .item {
width:47.5%;
margin:0 2.5% 1rem 0;
padding:0;
}
}
.video-item {
position:relative;
}
.video-item .aside a:after {
font-family: 'Basic-Icons';
content: "\25b7";
font-size:36px;
position:absolute;
top:50%;
left:50%;
color:#fff;
border:4px solid #fff;
border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
padding:5px;
margin-top:-30px;
margin-left:-30px;
line-height:1;
}
[id*="_divTwitter"] {
top:5px;
margin-left:6px;
position:relative;
}
/* news.css overwrites */
.newsSummaryWrpr h2 {
font-family: 'Montserrat', sans-serif;
letter-spacing: 0px;
padding:0;
border-style:none;
}