﻿/* body { background: #000000; } */
body { min-height: 100vh; } /* font-family: 'Open Sans', sans-serif; */

h1, h2 { color:#73aa17; font-weight: 700;}
h3, h4, h5, h6 { color:#e32086; font-weight: 600; }

.anthem-tagline {font-weight: 600;}
.anthem-tagline .custServiceLabel .callPrompt {color: #73aa17;}
.anthem-tagline .anthemHotline {font-weight: 600;}
.anthem-tagline .anthemHotline .contact span {display: none;}

.logo > a { background-image: url(/_img/vflm/logo.jpg); }

a { color: #73aa17; }
a:hover { color: #A4bA6B; }
#mainContent p > a:not(.btn), #mainContent .passwordReset { color: #73aa17; }

.highlight { color: #73aa17; }
.marked { background: #73aa17; }
blockquote:before, blockquote p span:before { color: #73aa17; }
.paging ul li a { background: #73aa17; }
.paging ul li a:hover, .paging ul li a.on { background: #A4bA6B; }
.accordion > h3 { border: 1px solid #73aa17; color: #73aa17; }
.accordion > h3:hover { border: 1px solid #73aa17; }
.accordion > h3.on { background: #73aa17; }
.radList label.checked:after, .formListRadio label.checked:after { background: #73aa17; }

.miniBasket .item { font-weight: 400; }
.miniBasket .item:before { color: #73aa17; }

.hamburger span:before,
.hamburger span:after,
.hamburger span { background-color: #73aa17; height: 3px; }

.tabs .dropdown.showOptions li a:hover { color: #fff; background: #73aa17; }
.tabs .dropdown.showOptions a.on,
.tabs .dropdown.showOptions a.on:hover { background-color: #A4bA6B; color: #fff; }

.main-nav-wrap { background-color: #73aa17; border: 1px solid #73aa17; }

#nav {
    background-color: #73aa17;
    color: #fff;
}

/* #nav ul li a:hover { background-color: #A4bA6B; color: #fff; }
#nav ul li.liOn a { background-color: #fff; color: #73aa17; } */
#nav ul li.liOn > a, #nav ul li.liOn a, #nav ul li.liOn ul a { background-color: #A4bA6B; color: #fff; }
#nav ul ul { background-color: #A4bA6B; }
#nav ul ul li a, #nav .liOn ul li a { color: #fff; }

#nav ul ul li.member-benefits{display:inline-block;}

.submenuTrigger { background-color: #73aa17; }

.btn, .btnAlt { background-color: #73aa17; border-color: #73aa17; color: #fff; } /* padding: 8px 20px; */
.btn:hover { background-color: #A4bA6B; border-color: #A4bA6B; color: #fff; }
/*.soldout .btn:hover { background-color: #bac6d8; border-color: #bac6d8; color: #fff; }*/

.btnImpact { background-color: #fff; color: #73aa17; }

.miniBasket .item { font-weight: 400; }
.miniBasket .btn { color: #73aa17; border-color: #73aa17; }
.miniBasket .btn:before { background: #73aa17; }
.miniBasket .btn:hover, .miniBasket .btn:focus, .miniBasket .btn:active { border-color: #73aa17; }

.coCCBtn, .coChequeBtn { background: #73aa17; }
.coCCBtn:hover, .coChequeBtn:hover { background-color: #A4bA6B; border-color: #A4bA6B; }
.coCCBtn .btn, .coChequeBtn .btn { border-color: #73aa17; color: #fff; }
.coCCBtn .btn:hover, .coChequeBtn .btn:hover { border-color: #A4bA6B; color: #fff; }

.coCCBtn { background: #73aa17; }

.checkList label.checked:after, .formList:not(.radList):not(.formListRadio) label.checked:after, .checkbox.checked:after, .check.checked:after { border-color: #73aa17; }

#mainContent .geoSwitcher .select, #mainContent .geoSwitcher select { font-family: 'Open Sans', sans-serif; font-weight: 600; }
#mainContent .geoSwitcher > span { font-weight: 600; }
.stockList li .prodStock .prodStockTitle { font-weight: 400; }
.prodStockTitle b { font-weight: 600; }
.prodStockPromo { background: #f7f7f7; }
.prodStockPromo > span { font-weight: 400; }
.prodStockPromo .prodStockPromoForm input[type="submit"] { background-color: #73aa17; border-color: #73aa17; }

.tabs ul li a.on:after, .tabs ul li a.on:hover:after { background: #73aa17; }

.checkoutProgress li a { background: #A4bA6B; color: #fff; font-size: 13px; }
.checkoutProgress li a:after { border-color: transparent transparent transparent #A4bA6B; -webkit-transition: border-color .3s ease; transition: border-color .3s ease; }
.checkoutProgress li a:hover:after { border-color: transparent transparent transparent #A4bA6B; }

.checkoutProgress li a.btnDisabled:hover { background: #A4bA6B; color: #fff; }
.checkoutProgress li a.btnDisabled:hover:after { border-color: transparent transparent transparent #A4bA6B; }

.checkoutProgress .progressActive a,
.checkoutProgress .progressComplete a { background-color: #73aa17; color: #fff; }

.checkoutProgress .progressActive a:after,
.checkoutProgress .progressComplete a:after { border-color: transparent transparent transparent #73aa17; }

.checkoutProgress .progressActive a:hover, .checkoutProgress .progressComplete a:hover { background-color: #A4bA6B; }
.checkoutProgress .progressActive a:hover:after, .checkoutProgress .progressComplete a:hover:after { border-color: transparent transparent transparent #A4bA6B; }

.pcSearchButtons .btn[value="Enter address manually"] { background-color: #fff; border-color: #73aa17; }
.pcSearchButtons .btn[value="Enter address manually"]:hover { background-color: #73aa17; border-color: #73aa17; }

.ourPromise { background: #73aa17; }

#footer a:hover { color: #A4bA6B; }

.copyrightNEW { background: #000; float: none; padding: 8px 15px; text-align: left; width: auto; }
.copyrightNEW p { color: #fff; }

.cookie-notice .cookie-button .btn { background-color: #73aa17; color: #fff; }
.cookie-notice .cookie-button .btn:before { background-color: #A4bA6B; background-image: url(/_img/icons/cookie-check.svg); }

@media screen and (min-width: 801px) {
    #nav ul li:hover > a, #nav ul li a:hover { background-color: #A4bA6B; color: #fff; }
}

@media screen and (max-width: 900px) {
    .checkoutProgress .progressActive:first-child a:after { border-color: #73aa17; }

    .checkoutProgress li.progressComplete:first-child a:after,
    .checkoutProgress li.progressComplete:first-child a:hover:after { border-color: transparent #73aa17 transparent transparent; }
}

@media screen and (max-width: 800px) {
    #nav .home { width: auto; }
    #nav ul li.home.liOn a { background-color: #fff; }
    #nav ul li { border-bottom: 1px solid rgba(255,255,255,0.4); }
    #nav ul li.liOn:hover > a { background: #A4bA6B; }
    #nav ul ul { background: transparent; }
    #nav ul li.liOn ul a { background: transparent; }
}

@media screen and (max-width: 700px) {
    .anthem-tagline .anthemHotline { text-align: left; }
}

/* @media screen and (max-width: 600px) {
    #nav ul li {
        border-color: #A4bA6B;
    }
} */

/* = Membership pages
----------------------------------------------------------------------------------------------------------------- */
.template-member h2 { color: #73aa17 ;  }

.top-split h1 { color: #73aa17 ; }
.top-split h4 { color: #464646; }
.top-split .ts-left .leader {  color: #e32086  ; }
.top-split .ts-right h2 { margin:2px 0; color: #e32086 ; }
/* .top-split .ts-right .cols  img {    margin: 10px 0; } */

.list-chevrons li { background: url(/_img/icons/chevron-vf.svg) 0 center no-repeat; }
.list-chevrons h5 {   margin-bottom: 10px; font-weight:700;}
.list-ticks li,
.list-tick { background: url(/_img/icons/tick-vf.svg) 0 center no-repeat; }
.list-colourBullets li:before {color: #e32086 ;}

#op .top-split h1,
#become-member .top-split h1  { color: #e32086 ; }
#op .top-split .ts-left h1,
#become-member .top-split .ts-left h1 { color:#73aa17 ;} 

#op .mb--product{display:none;}

.logo-callout-strip h3 {color:#e32086;} 

.mb--promo { background-color: #e9f1de;} 
.mb-promotoggle {color: #73aa17 ;} 
.mb--promo .mb-promotoggle:after {background: url(/_img/icons/toggle-vf.svg) 0 0 no-repeat;  }  

.pl-content h3 { color:#e32086; } 
.pl-content .btn {background-color: #73aa17; border-color:#73aa17  ;}

.pl-content .btn:hover,
.btn--member,
.mb--pricing .stockList li .prodStock .prodStockSelection .btn  { background-color: #e32086 ; border-color:#e32086 ;} 

.lSSlideOuter .lSPager.lSpg > li a { background-color: #73aa17 ; border-color: #73aa17 ;  }
.lSSlideOuter .lSPager.lSpg > li.active a { background-color: #e32086 ; border-color: #e32086 ; } 

.slider-wrap--quotes { background: url(/_img/icons/speechmarks-pink.svg) center top no-repeat;}
.slider--quotes li cite { color: #adcb82  }

.pl-promo {border: none;}

.modalClose {background: #73aa17;}

@media screen and (min-width: 531px) {
    .logo-callout-strip h3 { margin-bottom: 5px;} 
}

@media screen and (max-width: 400px) {
    .list-chevrons li { background-size: 14px auto; }
}

/* = Landing / offer page ovverides
----------------------------------------------------------------------------------------------------------------- */
#op .main-nav-wrap,
#op .header-actions  { display: none; }

/* = Featured cols
----------------------------------------------------------------------------------------------------------------- */
.featured-cols.featured-cols-first-priority > div { margin-top: 42px; }
.featured-cols.featured-cols-first-priority > div:first-child { border: 16px solid #FFEF28; border-radius: 0 0 6px 6px; border-top-width: 8px; position: relative; }
.featured-cols.featured-cols-first-priority > div:first-child::before { background-color: #FFEF28; border-radius: 6px 6px 0 0; color: #464646; content: 'Best Buy!'; display: block; left: -16px; font-size: 22px; font-weight: 700; padding: 10px 0; position: absolute; right: -16px; text-align: center; text-transform: uppercase; top: -50px; }
.featured-cols  h2,
.featured-cols  h3 { color:#73aa17; }
.featured-cols .accordion-price, .featured-cols .accordion-trigger { display: none; }
.featured-cols.featured-cols-first-priority .accordion-trigger { color: #e32086; cursor: pointer; }
.featured-cols.featured-cols-first-priority .accordion-trigger::after { background: url(/_img/icons/chevron-pink-down-vflm.svg) center no-repeat; background-size: contain; content: ''; display: inline-block; height: 19px; margin-left: 10px; vertical-align: middle; width: 12px; }

@media screen and (max-width: 700px) {
    .featured-cols.featured-cols-first-priority > div { margin-top: 0; }
    .featured-cols.featured-cols-first-priority > div:first-child { margin-top: 42px; }
    .featured-cols.featured-cols-first-priority .accordion-price, .featured-cols.featured-cols-first-priority .accordion-trigger, .featured-cols.featured-cols-first-priority .accordion-open .accordion-content { display: block; }
    .featured-cols.featured-cols-first-priority .accordion-content { display: none; }
    .featured-cols.featured-cols-first-priority .accordion-open .accordion-trigger::after { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
}

.featured-cols.featured-cols-first-priority > div, .featured-cols.featured-cols-second-priority > div { margin-top: 42px; }
.featured-cols.featured-cols-first-priority > div:nth-child(1), .featured-cols.featured-cols-second-priority > div:nth-child(2) { border: 16px solid #FFEF28; border-radius: 0 0 6px 6px; border-top-width: 8px; position: relative; }
.featured-cols.featured-cols-first-priority > div:nth-child(1)::before, .featured-cols.featured-cols-second-priority > div:nth-child(2)::before { background-color: #FFEF28; border-radius: 6px 6px 0 0; color: #464646; content: 'Best Buy!'; display: block; left: -16px; font-size: 22px; font-weight: 700; padding: 10px 0; position: absolute; right: -16px; text-align: center; text-transform: uppercase; top: -50px; }
.featured-cols  h2,
.featured-cols  h3 { color:#003D6B; }
.featured-cols .accordion-price, .featured-cols .accordion-trigger { display: none; }
.featured-cols.featured-cols-first-priority .accordion-trigger, .featured-cols.featured-cols-second-priority .accordion-trigger { color: #e32086; cursor: pointer; }
.featured-cols.featured-cols-first-priority .accordion-trigger::after, .featured-cols.featured-cols-second-priority .accordion-trigger::after { background: url(/_img/icons/chevron-pink-down-vflm.svg) center no-repeat; background-size: contain; content: ''; display: inline-block; height: 19px; margin-left: 10px; vertical-align: middle; width: 12px; }

@media screen and (max-width: 700px) {
    .featured-cols.featured-cols-first-priority > div, .featured-cols.featured-cols-second-priority > div { margin-top: 0; }
    .featured-cols.featured-cols-first-priority > div:nth-child(1), .featured-cols.featured-cols-second-priority > div:nth-child(2) { margin-top: 42px; }
    .featured-cols.featured-cols-first-priority .accordion-price, .featured-cols.featured-cols-first-priority .accordion-trigger, .featured-cols.featured-cols-first-priority .accordion-open .accordion-content, .featured-cols.featured-cols-second-priority .accordion-price, .featured-cols.featured-cols-second-priority .accordion-trigger, .featured-cols.featured-cols-second-priority .accordion-open .accordion-content { display: block; }
    .featured-cols.featured-cols-first-priority .accordion-content, .featured-cols.featured-cols-second-priority .accordion-content { display: none; }
    .featured-cols.featured-cols-first-priority .accordion-open .accordion-trigger::after, .featured-cols.featured-cols-second-priority .accordion-open .accordion-trigger::after { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
}

/* = Comments and ratings additions
----------------------------------------------------------------------------------------------------------------- */
.commentAdd .comments-label { background-color: #73aa17;} 
.commentAdd.on .comments-label { background-color: #e32086; } 
.prodComments .commentList .medObjs .cont i { color:#73aa17; }

.star--on, 
.stars-wrap:hover a  { color: #e32086; }

.icoStars { background-image: url(/_img/stars-vflm.svg); transform: scale(1.1); transform-origin: 0 50%; }

/* = Membership block
----------------------------------------------------------------------------------------------------------------- */
.firstPriority .stockList li:nth-child(1), .secondPriority .stockList li:nth-child(2), .thirdPriority .stockList li:nth-child(3), .fourthPriority .stockList li:nth-child(4), .fifthPriority .stockList li:nth-child(5) { background: #FFEF28;  }
.firstPriority .stockList li:nth-child(1)::before, .secondPriority .stockList li:nth-child(2)::before, .thirdPriority .stockList li:nth-child(3)::before, .fourthPriority .stockList li:nth-child(4)::before, .fifthPriority .stockList li:nth-child(5)::before { color: #000; background-color: #FFEF28; }



/* = Promo
----------------------------------------------------------------------------------------------------------------- */
.stockpromo-info {
    margin-top: 20px;
}

@media screen and (min-width: 921px) {
    .prodStock .stockpromo-info {
        padding-bottom: 8px;
    }
}

.stockpromo-container {
    border-color: #e5e5e5;
}

.stockpromo-image .show-popup, .stockpromo-image:hover .show-popup {
    background-color: #e32086;
}

.close-popup {
    background-color: #d8eaef;
    border-color: #e5e5e5;
}

.close-popup span {
    background-color: #e32086;
}

.stockpromo-popup hr {
    border-color: #e5e5e5;
}

/* New stock saving */
.stockList li .prodStock .prodStockSaving { color:#73aa17; }