/* ---------------------------------------------------------------------
    WSBA custom styles
*/

/* Fonts */

/* DINOT - to be used for headings */
@font-face {
    font-family: 'DINOT';
    src: url('../fonts/DINOT/DINOT.OTF?') format('opentype'),url("../fonts/DINOT/a397c752-ee83-47cf-b8a8-b476511dd2c9.eot?#iefix") format("eot"),url("../fonts/DINOT/53fb9c60-2054-4c31-9283-5562244b4935.woff2") format("woff2"),url("../fonts/DINOT/45831ca8-93bd-4808-aa5f-3c915944f727.woff") format("woff"),url("../fonts/DINOT/429a3e29-88da-4603-94ff-c1450c089c88.ttf") format("truetype");
}

@font-face {
    font-family: 'DINOT';
    font-weight: bold;
    src: url('../fonts/DINOT/DINOT-BOLD.OTF?') format('opentype'),url("../fonts/DINOT/a94d5d16-cbe3-439e-b1a5-fbdfb180d789.eot?#iefix") format("eot"),url("../fonts/DINOT/8beea44e-c2c9-4889-9123-13d0e8b8d1bc.woff2") format("woff2"),url("../fonts/DINOT/871e70ec-2f76-44c5-a2f1-77ee8cd0a5fe.woff") format("woff"),url("../fonts/DINOT/8fa83ec7-0734-49e5-b5ad-b13a41463328.ttf") format("truetype");
}

@font-face {
    font-family: 'DINOT';
    font-weight: bold;
    font-style: italic;
    src: url('../fonts/DINOT/DINOT-BOLDITALIC.OTF?') format('opentype');
}

@font-face {
    font-family: 'DINOT';
    font-style: italic;
    src: url('../fonts/DINOT/DINOT-ITALIC.OTF?') format('opentype');
}

/* Montserrat - to be used for everything else */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Regular.ttf?') format('truetype');
}

@font-face {
    font-family: Montserrat;
    font-weight: bold;
    src: url('../fonts/Montserrat/Montserrat-Bold.ttf?') format('truetype');
}

@font-face {
    font-family: Montserrat;
    font-weight: bold;
    font-style: italic;
    src: url('../fonts/Montserrat/Montserrat-BoldItalic.ttf?') format('truetype');
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    src: url('../fonts/Montserrat/Montserrat-Italic.ttf?') format('truetype');
}

font[face="Arial"] {
    font-family: Montserrat !important;
}

*:not(h1):not(h2):not(h3):not(.wsba-title):not(#header .secondary-nav ul a):not(.fa):not(.fas):not(.far) {
    font-family: Montserrat !important;
}

div.ProductItemControl_PersonifyDefault, .PriceTextLabel, .PriceValueLabel, .breadCrumbs, .ctrlContent, .section, .MembershipSummary_PersonifyDefault, .round_content {
    font-family: Montserrat !important;
}

#ContainerPanelCategory .cle-home-products {
    margin-top: 0 !important;
}

#leftMenu {
    font-family: DINOT !important;
    font-weight: normal;
}

    #leftMenu *:not(#show_password), .Normal, .DNNModuleContent .ErrorMessage, .productInfo, .componentsList {
        font-family: Montserrat !important;
        font-size: 12px;
    }

#content {
    min-height: 607px;
}

#leftMenu input[type='submit'] {
    color: white;
}

#dnn_ctr2986_ContentPane {
    padding-left: 19px;
}

.wsba-title {
    font-family: DINOT !important;
    font-weight: 700;
}

.wsba-menus {
    padding: 0;
}

.mobile-logo-url span {
    color: white;
}

h1 {
    font-family: DINOT !important;
    font-weight: 700;
}

h2, h3, h5, /*.prde-mktg*/ #content h1, .Store #content h1, .moduleTitle {
    font-family: DINOT !important;
    font-weight: 700;
    text-transform: uppercase;
    color: #777;
}

.summer-sale-banner {
    padding: 10px; 
    margin-left: 20px;
    margin-right: 20px; 
    border-radius: 4px; 
    font-weight: bold; 
    background-color: rgb(166, 198, 150); 
    color: #444; 
    font-family: Montserrat;
}

.warning-banner {
    padding: 10px; 
    border-radius: 4px; 
    background-color: #faebcc; 
    color: #8a6d3b; 
    font-family: Montserrat;
}
.warning-banner-w-bottom-margin {
    padding: 10px; 
    border-radius: 4px; 
    background-color: #faebcc; 
    color: #8a6d3b; 
    font-family: Montserrat;
	margin-bottom: 15px;
}
.success-banner-w-bottom-margin {
    padding: 10px; 
    border-radius: 4px; 
    background-color: #d4edda; 
    color: #155724; 
    font-family: Montserrat;
    margin-bottom: 15px;
}

#leftMenu .RadPanelBar a.rpLink[href="http://tst.mywsba.org/personifyebusiness/Home/HostLogin.aspx"],
#leftMenu .RadPanelBar a.rpLink[href="https://tst.mywsba.org/personifyebusiness/Home/HostLogin.aspx"],
#leftMenu .RadPanelBar a.rpLink[href="http://localhost/personifyebusiness/Home/HostLogin.aspx"], #leftMenu .RadPanelBar a.rpLink[href="https://www.mywsba.org/personifyebusiness/Home/HostLogin.aspx"] {
    display: none;
}

.navbar-nav > li > .dropdown-menu {
    background-color: #608E55;
    margin-top: -1px;
}

.moduleTitle span.Head {
    color: #777;
}

.h-color-default, .h-color-primary {
    color: #777;
}

.RadWindow .buttonRow input {
    background-color: #005E84;
    background-color: #005E84;
    border-radius: 4px;
    color: white;
    text-decoration: none;
    text-shadow: none;
    border: 1px solid;
}

.panelWishList .controlPanel .controlButton {
    background: #00476D;
}

.btn.btn-primary, .general .ModPersonifyLoginC input.StandardButton, input.proccedAsGuest {
    background: #005E84;
    color: white;
    text-shadow: none;
    border-color: #005E84;
}

    .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:visited, .btn.btn-primary:focus,
    .RadWindow .buttonRow input:hover, .RadWindow .buttonRow input:active, .RadWindow .buttonRow input:visited, .RadWindow .buttonRow input:focus,
    .wsba-cancel:hover, .wsba-cancel:active, .wsba-cancel:visited, .wsba-cancel:focus {
        background: #00476D;
        color: white;
        text-shadow: none;
        border-color: #00476D;
    }

#dnn_dnnSEARCH_cmdSearch {
    /*background-position: -84px -126px;*/
    width: 30px;
    height: 30px;
    background-image: url(/personifyebusiness/Portals/_default/Skins/PersonifySkin/images/layout/wsbaSearch.png);
    background-repeat: no-repeat;
    border: 2px solid white;
    /*padding: 10px;*/
    border-radius: 6px;
    background-color: white;
    float: right;
    margin-left: 10px;
}

    #dnn_dnnSEARCH_cmdSearch img {
        visibility: hidden;
    }

/*.store-header .wsba-title span {
  visibility: hidden;
}
.store-header .wsba-title span:after {
  content:'goodbye'; 
  visibility: visible;
  display: block;
  position: absolute;
  background-color: red;
  padding: 5px;
  top: 2px;
}*/

.store-header .wsba-title h1, .store-header .mobile-logo-url span {
    display: none;
}

.store-header .wsba-title, .store-header .mobile-logo-url span {
    margin: 0.67em 0;
    font-size: 34px;
    color: white;
    margin: 0.67em 0;
    line-height: 54px;
    letter-spacing: -0.03em;
    font-weight: bold;
}

    .store-header .wsba-title:after, .store-header .mobile-logo-url:after {
        content: 'CLE Store';
        color: white;
    }

.mobile-logo-url span {
    color: white;
}

#pagina-mobile.mobile-page-header {
    color: #58595b;
}

#header {
    /*margin: 0 75px 0 75px;*/
    color: #58595b;
    height: auto;
    /*border-bottom: .5px solid #999;*/
}

    /*@media (min-width: 1300px) {
    #header {
        width: 1280px;
    }
}*/

    #header .welcome {
        font-size: 14px;
    }

    #header a {
        color: #58595b;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: -.03rem;
        padding: 15px;
    }

    #header .secondary-nav ul a {
        font-family: DINOT !important;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: -.03rem;
        border-left: 1px solid #999;
        border-radius: 0;
        border-bottom: 1px solid #999;
    }



    #header ul a {
        text-transform: uppercase;
    }

        #header ul a:hover, #header a:active, #header a:focus {
            /*background-color: transparent;*/
            /*color: #333;*/
        }

    #header .action {
        background-color: #58595b;
        color: white;
        margin: 0;
        padding-top: 10px;
    }

        #header .action a {
            color: white;
            padding: 0;
            margin-left: 10px;
        }

            #header .action a.cart {
                padding-right: 15px;
            }

#nav-jQuery-hook {
    display: flex;
    justify-content: flex-end;
}

    /*#nav-jQuery-hook .search {
    background-color: #608E55;
    margin: 0;
}*/

    #nav-jQuery-hook a {
        color: white;
        /*color: #777;*/
    }

    #nav-jQuery-hook .dropdown-menu a:hover {
        color: #333;
    }

.navbar-default {
    background-color: transparent;
    border: none;
    padding-top: 12px;
    margin-bottom: 0;
}

.navbar-nav.nav {
    font-family: DINOT !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.03rem;
    /*border-left: 1px solid #999;*/
    border-radius: 0;
    /*border-bottom: 1px solid #999;*/
    margin-right: 20px;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.store-header .navbar-nav.nav {
    margin-right: 20px;
    background-color: #608E55; /* Leafy Green 80% tint */
}

.wsba-footer {
    background: #686868;
    padding: 50px 100px 5px 100px;
    width: 100%;
    /*height: 150px;*/
    /*position: fixed; 
   bottom: 0px; 
   left: 0px;*/
}

.wsba-footerNav {
    color: #fff;
    font-family: Montserrat;
    text-align: right;
    padding-bottom: 20px;
}

    .wsba-footerNav a {
        color: #fff;
        margin: 0 0 0 2rem;
    }

        .wsba-footerNav a:hover {
            text-decoration: none;
            color: #a5a6a7;
        }

.wsba-footer-contact {
    color: #fff;
    font-family: Montserrat;
    text-align: right;
    font-size: 13px;
}

    .wsba-footer-contact a {
        color: #fff;
    }

        .wsba-footer-contact a:hover {
            text-decoration: none;
            color: #a5a6a7;
        }

.wsba-footer-contact-title {
    font-weight: bold;
}

.wsba-footer-contact-title-org {
    font-weight: bold;
    margin-top: 10px;
}

.wsba-footer-contact-copyright {
    margin-top: 20px;
}

.wsba-footer-title {
    font-family: DINOT;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: -.03rem;
    text-transform: uppercase;
}

.login {
    background-image: none;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    width: 500px;
    margin-top: 50px;
    margin-bottom: 285px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    height: auto;
}

    .login .SubHead span, .general .LoginContent .SubHead span {
        font-family: Montserrat;
    }

/* UPG-850 Target desktops only so that it doesn't interfere with existing responsive styles */
@media (min-width:1025px) {

    #dnn_ctr959_Login_pnlLogin table[width] {
        width: 454px !important;
    }

    #dnn_ctr959_Login_pnlLogin .NormalTextBox, #dnn_ctr463_Login_pnlLogin .NormalTextBox {
        width: 454px !important;
        background: url(../images/home/loginInput-long.png) no-repeat !important;
    }

    #dnn_ctr959_Login_cmdRegister, #dnn_ctr463_Login_cmdRegister {
        float: right;
    }

    #dnn_ctr463_dnnTITLE_titleLabel {
        display: none;
    }
}
#dnn_ctr463_Login_plUsername, #dnn_ctr463_Login_plPassword {
    font-family: Montserrat;
}

.ModPersonifyLoginC a.CommandButton {
    font-family: Montserrat;
}

.logo-image {
    /*background: url(../images/layout/logo.png) no-repeat;*/
    width: 149px;
    position: absolute;
    top: -2px;
    padding: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: 10000;
    background-color: #fff;
    border: .5px solid transparent;
    border-bottom-color: #999;
    background-color: white;
}

.logo-cont {
    padding-right: 0;
}

.wsba-tone-mywsba .row {
    margin-bottom: 0;
}

.secondary-and-action h1 {
    font-family: DINOT !important;
    font-size: 34px;
    /*color: #58595b;*/
    color: white;
}

.secondary-nav .nav {
    background-color: #fff;
    border: none;
    border-radius: 0;
    border-right: 1px solid #999;
    margin-bottom: 0;
    display: flex;
    justify-content: flex-end;
}

.action-secondary-nav {
    font-family: DINOT !important;
    text-transform: uppercase;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.col-xs-0 {
    width: 0;
}

.store-content .navCol > h2 {
    height: 43px;
    background: #608E55; /*#58595b;*/ /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(#75AE62, #4EA247);*/ /*(#a4a5a8, #58595b);*/ /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(#75AE62, #4EA247);*/ /*(#a4a5a8, #58595b);*/ /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#75AE62, #4EA247);*/ /*(#a4a5a8, #58595b);*/ /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(#75AE62, #4EA247);*/ /*(#a4a5a8, #58595b);*/ /* Standard syntax (must be last) */
}

/* Change CLE Store in left nav to Browse */
/*.store-content .navCol > h2:after {
    content: 'bla'; 
}*/

.navCol > h2 {
    height: 43px;
    background: #005E84;
}

.wsba-tone-mywsba {
    background-color: #00476d;
}

.wsba-tone-store {
    background-color: #4EA247;
}

div.MTGDetailRibbonBadgeCredit {
    width: 53px;
    background-image: url(../images/CreditBadge_wide.png);
    position: absolute;
    top: 0px;
    right: 0px;
}

.umb-ce-credits {
    padding-bottom: 0;
    padding-top: 0;
    font-family: Montserrat;
}

.wsba-cancel {
    background: #005E84;
    color: white;
    text-shadow: none;
    border-color: #005E84;
}

/* -----------------------------------------------------------------------
    Reponsive styles
*/
@media only screen and (max-width: 673px) {
    .wsba-footer {
        display: none;
    }
}

@media only screen and (max-height: 625px) {
    .wsba-footer {
        display: none;
    }
}

@media only screen and (max-width: 1420px) {
    #header .secondary-nav ul a {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1300px) {
    #nav-jQuery-hook ul li a {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1280px) {
    #header h1 {
        display: none;
    }

    #header a {
        padding: 10px;
    }

    .logo-image {
        width: 110px;
        border: none;
    }
    /*.container-fluid {
        margin-left: 103.5px;
        margin-right: 103.5px;
    }*/

}

@media only screen and (max-width: 1199px) {
    .wsba-title {
        display: none;
    }
}

@media only screen and (max-width: 910px) {
    #nav-jQuery-hook ul li a {
        font-size: 10px;
        padding: 5px;
    }
}

@media only screen and (max-width: 910px) {
    #header a {
        font-size: 12px;
    }
}

@media only screen and (max-width: 968px) {
    .welcome {
        display: none;
    }
}

@media only screen and (max-width: 748px) {
    .logo-cont {
        display: none;
    }
}

/*------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 42em) {
    .logo-image, .secondary-and-action {
        display: none;
    }

    .MeetingDetailControl_PersonifyDefault .MTGDetailBottom, div.MTGDetailContent {
        width: 360px;
    }

    .MeetingDetailControl_PersonifyDefault .MTGDetailValue {
        width: 200px;
    }

}

/****************** fa font awesome override *********************/

.fa-2x {vertical-align: middle;}