/*
*
* Whitaker Custom CSS (Global)
*
*/


/* logo */
h1.logo {margin-top: -5px;}
a.logo {background: url(//s3.amazonaws.com/s3-website-hd/resources/backup/resources/drwhitaker/images/layout/logo-desktop.png) 50% 100% no-repeat; background-size: 100%;}
@media (max-width: 48em){
	h1.logo {margin-bottom: -15px;margin-top: 0px;}
}


/* shorten nav bar */
.sticky-header.sticky-header--is-sticky.is-open .wl-top-menu .wl-primarynav-list>.navitem>a, .sticky-header.sticky-header--is-sticky.is-open .wl-top-menu .wl-primarynav-list>.navitem .caption { padding: 20px 10px !important; }
@media (min-width: 77.5em){
    .wl-primarynav-list>.navitem>a, .caption { height: auto; }
}
@media (min-width: 48em) { 
    nav#navprimary { padding: 0; } 
    .wl-top-menu .wl-primarynav-list>.navitem>a .wl-primarynav-list__item-title, .wl-top-menu .wl-primarynav-list>.navitem .caption .wl-primarynav-list__item-title { height: auto; max-height: none; } 
    .wl-top-menu .wl-primarynav-list>.navitem>a, .wl-top-menu .wl-primarynav-list>.navitem .caption { height: auto; max-height: none; padding: 12px 10px; line-height: 1.1; } 
    .hoverIntent .wl-primarynav-list>.navitem.hover>.wl-subnav, .hoverIntent .wl-primarynav-list>.navitem.focus>.wl-subnav { top: auto; } 
    .wl-top-menu .wl-primarynav-list>.navitem>.caption .txt { height: auto !important; } 
    .wl-top-menu .wl-primarynav-list .wl-subnav,.wl-top-menu .wl-primarynav-list--left .wl-subnav { margin-top: 0px !important; }
}


/* category banners */
.category-banner *,.category-banner { -moz-box-sizing: border-box; box-sizing: border-box;}
.category-banner { display: block; margin: 20px auto;margin-top: -25px; }
.category-container { background-size:cover; padding: 7% 5% 5% 35%; border-bottom: solid 1px #ccc; }
.category-container h2 { font-size: 36px; color: #0069aa; font-weight: 300; }
.category-container p { font-size: 14px; color: #414042; }
.promo-code{background: #0069aa;padding:8px 10px;color: #FFFFFF; text-transform: uppercase;}
.promo-code.dashed{border:dashed 3px #0069aa; background: none;color: #0069aa;}
@media (max-width: 48em){
	.category-container {padding: 7% !important;}
}


/* article social icons */
.at-style-responsive .at-share-btn.at-svc-email, .addthis_inline_share_toolbox.pdp .at-style-responsive .at-share-btn-elements .at-share-btn{background-color: #0069aa !important;}
.at-style-responsive .at-share-btn:hover.at-svc-email .at-icon-wrapper .at-icon-email, .at-style-responsive .at-share-btn:focus.at-svc-email .at-icon-wrapper .at-icon-email, .at-style-responsive .at-share-btn:active.at-svc-email .at-icon-wrapper .at-icon-email {fill: #0069aa !important;}


/* product pages */
.product-detail-info .accordion-header {background: #005599;}
.discountable {margin-bottom: 20px;color:#c41230;font-weight:700 ;font-size: 0.8125rem;}
.discountable_pdp {margin-bottom: 20px; color: #c41230; font-weight: 700; font-size: 0.8125rem;text-align: center; }

/* WHIT HTML Rotator CSS  */
#rotatorBanner {height:450px !important; width: 100% !important; font-feature-settings: 'lnum' on !important;}
#rotatorBanner .row {height:100% !important; display: flex; justify-content: center; align-items: center;}
#rotatorBanner .rotator-text {padding: 2em;}
#rotatorBanner.right-img-rotator .rotator-text {padding-left: 5em;}
#rotatorBanner h1 {font-size:72px; line-height: 110%; margin: 0px !important;}
#rotatorBanner h2 {font-size:54px; line-height: 110%; margin: 0px !important; font-family: "Museo Sans","museo-sans","museo-sans-black",sans-serif; font-weight: bold;}
#rotatorBanner h3 {font-size:46px; line-height: 110%; font-family: "Museo Sans","museo-sans","museo-sans-black",sans-serif; font-weight: bold;}
#rotatorBanner h4 {font-size:38px; line-height: 110%;margin: 0px !important; font-family: "Goudy","sorts-mill-goudy",serif; font-weight: bold; color:#000000;}
#rotatorBanner p {font-size:20px; line-height: 120%; margin: 0 0 1.5em 0}
#rotatorBanner .bold {font-weight: bold;}
#rotatorBanner .promo-code {font-size:20px; line-height: 120%; margin: 1.5em 0 0 0}
#rotatorBanner .save-kern { letter-spacing: -4px !important; }
#rotatorBanner .up-to {display: inline-block;line-height: 1;text-align: center;font-size: .4em;position: relative;vertical-align: middle;margin: -0.4em .2em .2em .2em;}
#rotatorBanner strong{color: inherit;}
#rotatorBanner sup{font-size:.5em; font-weight:normal; vertical-align:middle}
#rotatorBanner button {font-size:24px; margin: 0; padding: 10px 40px !important;}

/* xl */
@media (max-width: 1200px) {
#rotatorBanner {height:400px !important;}
}
/* lg */
@media (max-width: 992px) {
#rotatorBanner {height:350px !important;}
#rotatorBanner h1 {font-size:72px;}
#rotatorBanner h2 {font-size:54px;}
#rotatorBanner h3 {font-size:46px;}
#rotatorBanner h4 {font-size:38px;}
#rotatorBanner p {font-size:20px;}	

}
/* md */
@media (max-width: 768px) {
#rotatorBanner {height:300px !important;}
#rotatorBanner h1 {font-size:56px;}
#rotatorBanner h2 {font-size:44px;}
#rotatorBanner h3 {font-size:38px;}
#rotatorBanner h4 {font-size:26px;}
#rotatorBanner p {font-size:20px;}
}
/* sm */
@media (max-width: 570px) {
#rotatorBanner.right-img-rotator .rotator-text {padding-left: 2em;}
#rotatorBanner h1 {font-size:42px;}
#rotatorBanner h2 {font-size:32px;}
#rotatorBanner h3 {font-size:28px;}
#rotatorBanner h4 {font-size:24px;}
#rotatorBanner p {font-size:20px;}
/* #rotatorBanner button {font-size:20px;} */
}
/* xs */
@media (max-width: 320px) {
#rotatorBanner {height:250px !important;}
#rotatorBanner h1 {font-size:30px;}
#rotatorBanner h2 {font-size:24px;}
#rotatorBanner h3 {font-size:22px;}	
#rotatorBanner h4 {font-size:20px;}	
#rotatorBanner p {font-size:18px;}
}



/* PDP buy box redesign CSS */

.rating__review {
    margin-bottom: 3%;
}

.tab-purchase .tabsnav a .tab-label,
.tab-search-results .tabsnav a .tab-label,
.product-detail-info .tabsnav a .tab-label {
    color: #333 !important;
}

.tab-purchase .panel .btn-group .btn,
.tab-search-results .panel .btn-group .btn,
.product-detail-info .panel .btn-group .btn {
    color: #666!important;
}

.tab-purchase .panel .btn-group .btn.active,
.tab-search-results .panel .btn-group .btn.active,
.product-detail-info .panel .btn-group .btn.active {
    background: #666 !important;
    background-color: #666 !important;
}

.tab-purchase {
    max-width: 700px !important;
    margin: 0 auto;
}

.tab-purchase.pdp-product-tabs .tabsnav .tab-tooltip .tab-label>.lines2 {
    font-weight: bold;
    padding-left: 2px;
  left:0px;
}

.tab-purchase .tabsnav a .tab-label {
    text-align: left !important;
    /*position: relative; */
}

.tab-purchase .tabsnav>li {
    position: relative !important;
}

#headingOTP {
    /* width: 100%;*/
    position: absolute;
    margin-top: -10px;
    font-weight: bold;
    margin-left: 10px;
    left: 0;
}
#otpRadio,
#adRadio{
 margin: 2px 5px 0 0px !important
}
@supports (-webkit-appearance:none) {
    #headingOTP {
/*            margin-left: -22%;*/
    }
}

@supports(-moz-appearance:meterbar) and (all:initial) {
    /*#headingOTP {
        margin-left: -40%;
    }*/
}

#priceInfoOTP {
    position: relative;
    width: 100%;
    margin-bottom: -35px;
    padding-left: 20px;
    color: #c66055!important;
    font-size: 0.8em;
    font-weight:bold;
}

#priceInfoAD {
    text-align: left;
    padding-left: 8px;
    color: #c66055!important;
    margin-bottom: -35px;
}

#promo {
    font-size: small;
    font-weight: normal !important;
    display: inline;
}

#otpRadio {}

@supports (-ms-ime-align: auto) {
    /*#priceInfoAD {
        padding-left: 20px;
    }
    #priceInfoOTP {
        padding-left: 50px;
    }*/
}

_:-ms-lang(x),
/*#priceInfoAD {
    padding-left: 20px;
}*/

.navRadio {
    height: 1.3em;
    vertical-align: bottom;
    margin-right: 5px !important;
}

.tab-purchase .tabsnav a,
.tab-search-results .tabsnav a,
.product-detail-info .tabsnav a {
    background: #ffffff!important;
    border: 1px solid #f0f0f0;
}

.tab-purchase .tabsnav .ui-state-active a,
.tab-search-results .tabsnav .ui-state-active a,
.product-detail-info .tabsnav .ui-state-active a {
    background: #fdfdfd;
    border: 1px solid #f0f0f0;
    border-bottom: 1px solid transparent;
}


@media screen and (min-width:320px) and (max-width:568px) {
    .tab-purchase.pdp-product-tabs .tabsnav .tab-tooltip .tab-label>.lines2 {
        font-weight: bold;
        font-size: 0.8em!important;
    }
    #promo {
        font-size: 0.72em;
        display: block!important;
    }
    #otpRadio {
        /*margin: 1.5% 0% 0% -70% !important;*/
    }
    #headingOTP {
        /*margin: -16% 0 0 11.5%!important;*/
        font-size: 0.7em!important;
        margin-left: 0px;
    }
    .tab-purchase .tabsnav .ui-state-active a .tab-label {
        text-align: center;
    }
    #priceInfoOTP {
        margin-top: 10px;
        text-align: center;
    }
    #adRadio {}
    #priceInfoAD {
        text-align: center;
        display: block !important;
        padding-top: 10px;
        padding-left: 0px;
    }
    #main>div:nth-child(1)>div.col-sm-7.col-xs-12>div>div.tab-purchase.pdp-product-tabs.wl-tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all>ul>li:nth-child(2)>a>div {}
    .price-final {
        font-size: 0.8rem;
    }
    .add-to-cart-btn {
        width: 130px !important;
    }
}

@media screen and (min-width:320px) and (max-width:768px) {
    .tab-purchase.pdp-product-tabs .tabsnav .tab-tooltip .tab-label>.lines2 {
        font-weight: bold;
        font-size: 0.8em!important;
    }
    #promo {
        font-size: 0.72em;
        display: block!important;
    }
    #otpRadio {
        /*margin: 1.5% 0% 0% -70% !important;*/
    }
    #headingOTP {
        /*margin: -16% 0 0 11.5%!important;*/
        font-size: 0.8em!important;
        margin-left: 10px;
    }
    .tab-purchase .tabsnav .ui-state-active a .tab-label {
        text-align: center;
    }
    #priceInfoOTP {
        margin-top: 10px;
        text-align: center;
    }
    #adRadio {}
    #priceInfoAD {
        text-align: center;
        display: block !important;
        padding-top: 10px;
        padding-left: 0px;
    }
    #main>div:nth-child(1)>div.col-sm-7.col-xs-12>div>div.tab-purchase.pdp-product-tabs.wl-tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all>ul>li:nth-child(2)>a>div {}
    .price-final {
        font-size: 0.8rem;
    }
    .add-to-cart-btn {
        width: 100% !important;
    }
  .btn-group label{
   	 width: 100% !important;
  }
    .tab-purchase .panel .btn-group .btn, .tab-search-results .panel .btn-group .btn, .product-detail-info .panel .btn-group .btn{
        min-height:inherit;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .tab-purchase .tabsnav a.tab-tooltip .tip,
    .tab-search-results .tabsnav a.tab-tooltip .tip,
    .product-detail-info .tabsnav a.tab-tooltip .tip {}
    .tab-purchase.pdp-product-tabs .tabsnav .tab-tooltip .tab-label>.lines2 {
        font-size: 0.8rem!important;
    }
    #promo {
        font-size: 0.6rem!important;
    }
    #headingOTP {
        font-size: 0.8rem;
    }
    #priceInfoOTP {}
    .price-final {
        font-size: 1rem!important;
    }
    #priceInfoAD {
        /*margin: 3% 0% 0% -33.5% !important;*/
    }
    #main>div:nth-child(1)>div.col-sm-7.col-xs-12>div>div.tab-purchase.pdp-product-tabs.wl-tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all>ul>li:nth-child(2) {}
    #otpRadio {}
    .add-to-cart-btn {
        width: 130px !important;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
    .tab-purchase .tabsnav a.tab-tooltip .tip,
    .tab-search-results .tabsnav a.tab-tooltip .tip,
    .product-detail-info .tabsnav a.tab-tooltip .tip {}
    .tab-purchase.pdp-product-tabs .tabsnav .tab-tooltip .tab-label>.lines2 {
        font-size: initial!important;
    }
    #promo {
        font-size: 0.8rem!important;
    }
    #headingOTP {
        font-size: initial!important;
        /*padding-left: 50%;*/
    }
    #priceInfoOTP {
        /*padding-left: 25%;*/
    }
    .price-final {
        font-size: 1rem!important;
    }
    #priceInfoAD {
        /*margin: 3% 0% 0% -34.5% !important;*/
    }
    #main>div:nth-child(1)>div.col-sm-7.col-xs-12>div>div.tab-purchase.pdp-product-tabs.wl-tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all>ul>li:nth-child(2) {}
    #otpRadio {}
}