/****************************/
/*           FONTS          */
/****************************/
h1 {font-size: 100px;font-family: 'Playfair Display', serif;color: #000000;}
h2 {font-size: 80px;font-family:'Playfair Display', serif;color:#000000;}
h3 {font-size: 38px;font-family:'AvenirLTStd-Black';color:#000000;}
h4 {font-size: 32px;font-family:'AvenirLTStd-Light';font-weight:100;color:#000000;}
h5 {font-size: 26px;font-family:'AvenirLTStd-Black';color:#000000;font-weight:bold;}
h6 {font-size: 22px;font-family: 'AvenirLTStd-Medium';font-weight:100;color:#000000;}
.tags {font-size:11px;font-family:'AvenirLTStd-Black';text-transform:uppercase;color:#717175;}
.dates {font-size: 11px;font-family: 'AvenirLTStd-Light';font-weight:100;text-transform:uppercase;color:#717175;}
.attributions {font-size:14px;font-family:'AvenirLTStd-Light';font-weight:100;color:#717175;}

.mainTitle{font-size: 80px;font-family:'Playfair Display', serif;color:#000000;}
.subTitle{font-size: 26px;font-family:'AvenirLTStd-Medium';color:#000000;}

.divTitle {font-size: 26px;font-family: 'AvenirLTStd-Medium';color: #000000;}

strong {font-family: 'AvenirLTStd-Black';}

.simpleHover {text-decoration: none;color: #000;border-bottom:2px solid #ce1126;}
.simpleHover:hover {color: #ce1126;}

.whiteSimpleHover {text-decoration: none;color: #FFFFFF;border-bottom: 2px solid #ce1126;}
.whiteSimpleHover:hover {color: #ce1126;}

.reverseSimpleHover {text-decoration: none;color: #ce1126;}
.reverseSimpleHover:hover {color: #000000;}
.simpleHoverNoUnderline {text-decoration: none;color: #000;}
.simpleHoverNoUnderline:hover {color: #ce1126;}
.reverseSimpleHoverNoUnderline {text-decoration: none;color: #ce1126;}
.reverseSimpleHoverNoUnderline:hover {color: #000;}

.newHoverClass {
    border-bottom: 3px solid #ce1126;
    color: #000000;
    font-family: 'AvenirLTStd-Medium';
    text-decoration: none;
    font-size: 12px;
    white-space: nowrap;
    margin-left: 20px;
}

    .newHoverClass:hover {
        color: #ce1126;
    }





/****************************/
/*       PAGE DEFAULTS      */
/****************************/
body {background-color: #FFFFFF;font-family: 'AvenirLTStd-Light';color:#000000;font-size: 16px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.row::after {content:"";clear: both;display: block;}

/****************************/
/* HEADER STRUCTURE & STYLE */
/****************************/
.headerContainerClass{border-bottom:1px solid #e4e5e6;width:100%;position:fixed;top:0px;left:0px;background-color:#FFFFFF;z-index:2}
.headerContainerClass2{width:100%;position:fixed;top:0px;left:0px;background-color:#FFFFFF;}
.logoContainerClass{padding-left:2.7%;background-color:#FFFFFF;padding-top:15px;padding-bottom:12px;}
.svgResize {height:47px;width:auto;}

/****************************/
/*     MAIN NAVIGATION      */
/****************************/
.mainNavigationClass {float:left;left:400px;position:absolute;min-width:650px;height: 39px;top: 0px;padding-top: 30px;padding-bottom: 9px;text-align: right;background-color:#FFFFFF;}
.myAccountClass {width: 33%;text-align: center;}
.myOrgClass {width: 33%;text-align: center;}
.myMembClass {width: 32%;text-align: center;}
.navGutterClass {width:31%;}

.myAccountMenuClass {
    width: 100%;
    position: absolute;
    left: 0px;
    background-color: #FFFFFF;
    top: 80px;
    color: #000000;
    display: none;
    border-bottom: 5px solid #ce1126;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #e4e5e6;
}
.myOrgMenuClass {
    width: 100%;
    position: absolute;
    left: 0px;
    background-color: #FFFFFF;
    top: 80px;
    color: #000000;
    display: none;
    border-bottom: 5px solid #ce1126;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #e4e5e6;
}
.myMembMenuClass {
    width: 100%;
    position: absolute;
    left: 0px;
    background-color: #FFFFFF;
    top: 80px;
    color: #000000;
    display: none;
    border-bottom: 5px solid #ce1126;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #e4e5e6;
}

.myAccountMenuHolderClass{width:100%;}
.accountMenuLGutterClass{width:25%;float:left;}
.accountMenuImageColClass{width:15%;float:left;min-height:100px;line-height:1.4em;}
.accountMenuColClass {width: 15%;float:left;line-height:1.4em;}
.accountMenuCol2Class {width: 15%;float:left;line-height:1.4em;}
.accountMenuRGutterClass {width: 30%;float:left;}

.perCircStat {font-size:50px;color:#000000;padding-top:15px;padding-left:5px;}
.perCirc .perCircInner {position: relative;top:10px;left:10px;text-align:center;width:105px;height:105px;border-radius:100%;background-color: #ffffff;}
.perCirc .perCircInner div {position:relative;top:22px;color:#1a1a1a;}
.perCirc {font-size:30px;line-height:1em;}

.perCircStat2 {font-size:50px;color:#000000;padding-top:15px;padding-left:5px;}
.perCirc2 .perCircInner2 {position:relative;top:10px;left:10px;text-align:center;width:205px;height:205px;border-radius:100%;background-color: #ffffff;}
.perCirc2 .perCircInner2 div {position:relative;top:22px;color:#1a1a1a;}
.perCirc2 {font-size:120px;line-height:1em;}

.myOrgMenuHolderClass{width:100%;}
.orgMenuLGutterClass{width:20%;float:left;}
.orgMenuImageColClass{width:15%;float:left;min-height:100px;line-height:1.4em;}
.orgMenuColClass {width: 20%;float:left;line-height:1.4em;}
.orgMenuCol2Class {width: 20%;float:left;line-height:1.4em;}
.orgMenuCol3Class {width: 20%;float:left;line-height:1.4em;}
.orgMenuRGutterClass {width:10%;float:left;}

.orgMenuLGutterClass1 {
    width: 16%;
    float: left;
}
.orgMenuImageColClass1 {
    width: 16%;
    float: left;
    min-height: 100px;
    line-height: 1.5em;
}

.orgMenuColClass1 {
    width: 16%;
    float: left;
    line-height: 1.5em;
}

.orgMenuCol2Class1 {
    width: 16%;
    float: left;
    line-height: 1.5em;
}

.orgMenuCol3Class1 {
    width: 16%;
    float: left;
    line-height: 1.5em;
}

.orgMenuRGutterClass1 {
    width: 16%;
    float: left;
}

.myMembMenuHolderClass{width:100%;}
.membMenuLGutterClass{width:20%;float:left;}
.membMenuColClass {width: 20%;float:left;line-height:1.4em;}
.membMenuCol2Class {width: 20%;float:left;line-height:1.4em;}
.membMenuCol3Class {width: 20%;float:left;line-height:1.4em;}
.membMenuRGutterClass {width: 20%;float:left;}


.membMenuLGutterClass1 {
    width: 16%;
    float: left;
}

.membMenuColClass1 {
    width: 16%;
    float: left;
    line-height: 1.5em;
}


.membMenuRGutterClass1 {
    width: 16%;
    float: left;
}





.aNavigationHover {position: relative;display: inline-block;color: #1a1a1a;overflow: hidden;background: linear-gradient(to right, #ce1126, #ce1126 50%, #1a1a1a 50%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;background-position: 100%;transition: background-position 500ms ease;cursor: pointer;font-size: 16px;font-weight: normal;text-decoration: none;font-family: 'AvenirLTStd-Light';z-index:999;}
.aNavigationHover:hover {background-position: 0 100%;text-decoration: none;z-index: 999;}

.aLinkHover {
    position: relative;
    display: inline-block;
    color: #1a1a1a;
    overflow: hidden;
    background: linear-gradient(to right, #ce1126, #ce1126 50%, #1a1a1a 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 500ms ease;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    font-family: 'AvenirLTStd-Light';
    z-index: 1;
}

    .aLinkHover:hover {
        background-position: 0 100%;
        text-decoration: none;
        z-index:1;
    }

.loginHeaderClass {float: right;position: absolute;width: 252px;height: 39px;top: 0px;right: 272px;padding-top: 30px;padding-bottom: 9px;text-align: right;}
.aLoginHover {position: relative;display: inline-block;color: #1a1a1a;overflow: hidden;background: linear-gradient(to right, #ce1126, #ce1126 50%, #1a1a1a 50%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;background-position: 100%;transition: background-position 500ms ease;cursor: pointer;font-size: 18px;font-weight: normal;text-decoration: none;font-family: 'AvenirLTStd-Medium';}
.aLoginHover:hover {background-position: 0 100%;text-decoration: none;}
.loginMenuClass {width: 384px;height: 168px;background-color: #FFFFFF;position: absolute;right: 262px;top: 99px;color: #FFFFFF;display: none;box-shadow: -1px 2px 5px 0px rgba(204,204,204,1);}

.hamburgerClass {top: -5px;display:none;}
.mobileMenuHolderClass{line-height:1.5em;display:none;background-color:#FFFFFF;z-index:100;margin-top:100px;padding-bottom:40px;}
.mobileHolderClass{margin-left:40px;margin-right:40px;}
.mobileNavHoverClass {font-size: 16px;font-weight: 300;text-decoration: none;font-family: 'AvenirLTStd-Light';color: #1a1a1a;margin-left:25px;}
.mobileNavHoverClass:hover {color:#ce1126;font-weight:400;}
.mobileNOCNav {background-color:#FFFFFF;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;padding-bottom:20px;padding-top:20px;}
.mobileNavHoverClass2 {font-size: 16px;font-weight: 300;text-decoration: none;font-family: 'AvenirLTStd-Light';color: #1a1a1a;}
.mobileNavHoverClass2:hover {color:#ce1126;font-weight:400;}


.nocHeaderClass {
    float: right;
    position: absolute;
    width: 252px;
    background-color: #1a1a1a;
    height: 39px;
    top: 0px;
    right: 0px;
    padding-top: 26px;
    padding-bottom: 12px;
    border-top: 3px solid #ce1126;
    text-align: center;

    /*width: 100%;
    position: absolute;
    left: 0px;
    background-color: #FFFFFF;
    top: 80px;
    color: #000000;
    display: none;
    border-bottom: 5px solid #ce1126;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #e4e5e6;*/
}
.nocMenuClass {width: 658px;background-color: #1a1a1a;position: absolute;right: 0px;top: 80px;color: #FFFFFF;display: none;border-bottom: 3px solid #ce1126;}
.aNocHover {position: relative;display: inline-block;color: #FFFFFF;overflow: hidden;background: linear-gradient(to right, #ce1126, #ce1126 50%, #FFFFFF 50%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;background-position: 100%;transition: background-position 500ms ease;cursor: pointer;font-size: 18px;font-weight:100;text-decoration: none;font-family:'AvenirLTStd-Black';}
.aNocHover:hover {background-position: 0 100%;text-decoration: none;}

.redButtonApp {
    padding: 20px;
    text-align: center;
    background-color: #ce1126;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    width: 90%;
    border: 1px solid #ce1126;
    cursor: pointer;
}

.whiteButtonApp {
    padding: 20px;
    text-align: center;
    background-color: #FFFFFF;
    color: #ce1126;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    width:90%;
    border: 1px solid #ce1126;
    cursor: pointer;
}

.redButton {padding:20px;text-align:center;background-color:#ce1126;color:#FFFFFF;font-size:14px;font-weight:bold;text-decoration:none;padding-left:40px;padding-right:40px;border:1px solid #ce1126;cursor:pointer;}
.redButton:hover {background-color:#FFFFFF;color:#ce1126;border:1px solid #FFFFFF;}

.blackButton {padding:20px;text-align:center;background-color:#1a1a1a;color:#FFFFFF;font-size:14px;font-weight:bold;text-decoration:none;padding-left:40px;padding-right:40px;border:1px solid #000000;cursor:pointer;}
.blackButton:hover {background-color:#FFFFFF;color:#ce1126;border:1px solid #FFFFFF;}

.blackButton2 {padding: 20px;text-align: center; background-color: #1a1a1a;color: #FFFFFF;font-size: 14px;font-weight: bold;text-decoration: none;padding-left: 18px;padding-right: 18px;border: 1px solid #FFFFFF;cursor: pointer;}
.blackButton2:hover {background-color: #FFFFFF;color: #ce1126;border: 1px solid #FFFFFF;}

.whiteButton {
    padding: 20px;
    text-align: center;
    background-color: #FFFFFF;
    color: #ce1126;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 40px;
    padding-right: 40px;
    border: 1px solid #ce1126;
    cursor: pointer;
    padding-top:15px;padding-bottom:15px;
}


.textInput[type=text]:focus {outline:none;border:1px solid #ebebeb;border-bottom:3px solid #ce1126;}
.textInput2[type=password]:focus {outline: none;border: 1px solid #ebebeb;border-bottom: 3px solid #ce1126;}

/****************************/
/*        BREADCRUMB        */
/****************************/

/****************************/
/*         MAIN PAGE        */
/****************************/
.mainPageContent {height: 100%;margin-top:105px;padding-left:17%;padding-right:17%;}
.mainPageContentApp {height: 100%;margin-top: 75px;}
    
.dashboardPageContent {height: 100%;margin-top:105px;width:100%;}

/****************************/
/*       FORM ELEMENTS      */
/****************************/
.formHolder {border-top:5px solid #000000;background-color:#F9F9F9;padding:40px;padding-bottom:60px;line-height:1.6em;border-bottom:40px solid #FFFFFF;}

/****************************/
/*       ADMIN PANEL        */
/****************************/
.adminArrowMainClass{padding-top:10px;padding-bottom:10px;width:100%;text-align:center;cursor:pointer;}
.adminMainClass {width: 100%;display:none;}
.adminDisplayClass {padding-top:40px;padding-bottom:40px;background-color:#e4e5e6;min-height:290px;width:100%;background-image:url('/Includes/Images/Generic/adminBG.png');background-repeat:repeat;}
.adminDisplayLGutterClass {float:left;width:20%;}
.adminContentClass {float:left;width:60%;min-height:1px;}
.adminDisplayRGutterClass {float:left;width:20%;}

/****************************/
/* FOOTER STRUCTURE & STYLE */
/****************************/
.footerContainerClass {width:100%;bottom:0px;left:0px;}
.footerFatNavClass {background-color:#1a1a1a;font-size:14px;color:#97979b;width:100%;padding-top:180px;padding-bottom:180px;}

.footerGutterL {float:left;width:20%;}
.footerCol1 {float:left;width:20%;}
.footerCol2 {float:left;width:30%;}
.footerCol3 {float:left;width:30%;}
.footerGutterR {float:left;width:10%;}

.footerInnerCol1 {vertical-align:top;margin-top:-110px;line-height:1.4em;}
.footerInnerCol1Div {border-right: 1px solid #343434;padding-top: 30px;padding-bottom: 30px;}
.footerInnerCol2 {vertical-align: top;margin-top: -75px;line-height: 1.4em;font-size:18px;}
.footerInnerCol3 {margin-top: -90px;line-height:2.0em;}

/* FOOTER MOBILE GRID */
@media only screen and (max-width:1400px) {
    .mainNavigationClass{display:none;}
    .svgResize {height:28px;}
    .nocHeaderClass {display: none !important;}
    .loginHeaderClass {right:20px;padding-top:20px;}
    .loginMenuClass {right: 10px;}
    .aLoginHover{font-size:16px;}
    .hamburgerClass {display:inline !important;}
    .adminMainClass{width:100%;background-color:#e4e5e6;}
    .adminDisplayClass {padding:0px;padding-top:40px;padding-bottom:40px;width:100%;}
    .adminDisplayRGutterClass {width:5%;}
    .adminDisplayClass {width:90%;}
    .adminDisplayLGutterClass {width:5%;}
    .footerInnerCol1Div {border-bottom: 1px solid #343434;}
    .footerFatNavClass{padding-top:40px;padding-bottom:40px;height:600px;text-align:center;}
    .footerGutterL {width: 100%;}
    .footerCol1 {width:100%;text-align:left;margin-top:75px;text-align:center;}
    .footerCol2 {width:100%;text-align:left;margin-top:75px;}
    .footerInnerCol2 {padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #343434;}
    .footerCol3 {width:100%;}
    .footerInnerCol3 {padding-top: 20px;padding-bottom: 20px;margin-top:0px;}
    .footerGutterR {width:100%;}
    .mainPageContent {min-height:calc(100vh - 923px);padding-left:5%;padding-right:5%;}
}

@media only screen and (min-width:1400px) {
    .mainPageContent {min-height: calc(100vh - 586px);}
}

.footerInfoHref {color: #97979b;text-decoration:none;}
.footerInfoHref:hover {color: #FFFFFF;text-decoration:none;font-weight:400;}

.footerTermsClass {width:100%;text-align:center;padding:20px;background-color:#0d0d0d;font-size:14px;color:#6a6a6a;padding-right:0px;padding-left:0px;}
.footerTermsHref {color:#6a6a6a;font-size:14px;text-decoration:none;font-weight: 400;}
.footerTermsHref:hover {color:#FFFFFF;font-weight:400;}

.aFooterHover {position: relative;display: inline-block;color: #FFFFFF;overflow: hidden;background: linear-gradient(to right, #ce1126, #ce1126 50%, #FFFFFF 50%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;background-position: 100%;transition: background-position 500ms ease;cursor: pointer;font-size: 16px;font-weight: 800;}
.aFooterHover:hover {background-position: 0 100%;}