/******************************************************************/
/******************* Client Specific CSS File.*********************/
/* This file is referenced after the estar css file				  */
/* so can over-write estar styling as required.					  */
/******************************************************************/

@font-face { font-family: "BrownLight"; src: url("/images/assetimages/fonts/lineto-brown-light-c.eot"); src: url("/images/assetimages/fonts/lineto-brown-light-c.eot?#iefix") format("embedded-opentype"), url("/images/assetimages/fonts/lineto-brown-light-c.woff") format("woff"), url("/images/assetimages/fonts/lineto-brown-light-c.ttf") format("truetype"), url("/images/assetimages/fonts/lineto-brown-light-c.svg#LLBrownWeb-Regular") format("svg"); font-weight: normal; font-style: normal; }


.rewards .offer-details .expiry, .account .offer-details .expiry{display:none;}
.site-nav ul.page-links li:first-child{border-bottom: 1px solid #d5d5d5;}
.product .additional-info .composition h2{font-size:1.3rem;}
.product .additional-info .toggle-panel p{margin:0 0 5% 0;}
.product .additional-info .toggle-panel a .copy_cta { display: inline-block; margin: 1% auto 0; font-family: "BrownLight", "Brown", Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 0.105em; text-transform: uppercase; font-weight: normal; line-height: 140%; padding: 5px 20px; border: 1px solid #000; background: none; }
.listing-categories .toggle-header{font-size:1.4rem;margin:0;padding-left:1rem;width:auto;border-top:0;letter-spacing: 0.04em;}
.listing-categories.nav_2{border-bottom:1px solid #d5d5d5;}

#incentives .description a{text-decoration:underline;}
.product .p_and_a a, .product .offer > a{padding-right:12%;width:88%;}
/*.product .offer{display:none;}*/

/* My Account > Email Preferences iFrame*/
iframe.email_preferences {min-width: 100% !important;}

/* Sale Category Links */
#sale_categories h2{text-align: center;margin: 5% 0 2% 0;letter-spacing: 0.1em;}
#sale_categories ul { text-align: center; margin: 0 0 4% 0; }
#sale_categories ul li { clear: none; display: inline-block; margin: 4% 1% 0 1%; width:35%;}
#sale_categories ul li a { display: inline-block; margin: 0 auto; text-align: center; font-family: 'BrownLight', 'Brown', Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 0.105em; text-transform: uppercase; font-weight: normal; line-height: 140%; padding: 5px 0; border: 1px solid #000; background: none; width: 100%; }
#sale_categories ul li a.selected { background: #000; color: #FFF; }


/* New In Banners */
#new_in img{width:100%;}
#new_in ul.new_in_links { text-align: center; margin: 0 0 4% 0; }
#new_in ul.new_in_links:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
#new_in ul.new_in_links li { clear: none; display: inline-block; margin: 4% 1% 0 1%;width:35%; }
#new_in ul.new_in_links li:after { display:none; }
#new_in ul.new_in_links li a { display: inline-block; margin: 0 auto; text-align: center; font-family: 'BrownLight', 'Brown', Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 0.105em; text-transform: uppercase; font-weight: normal; line-height: 140%; padding: 5px 0; border: 1px solid #000; background: none; width: 100%; }
#new_in ul.new_in_links li a.active { background: #000; color: #FFF; }

/* CARDHOLDER PROGRAM - JOIN FORM */
.account-page.join.loggedout .cardholder_introduction {text-align:center;font-size:15px;color: #000;margin:0 0 5% 0;padding:0;}
.account-page.join.loggedout .cardholder_introduction img{width:100%;margin:0 0 4% 0;}
.account-page.join.loggedout .cardholder_introduction h2{font-size: 16px; margin: 0 0 5%;text-transform:uppercase;text-align:center;letter-spacing:0.1em; }
.account-page.join.loggedout .cardholder_introduction p{font-size:13px;padding:0 10% 5% 10%;line-height:160%;}
.account-page.join.loggedout .cardholder_introduction a .copy_cta { display: inline-block; margin: 1% auto 0; font-family: "BrownLight", "Brown", Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 0.105em; text-transform: uppercase; font-weight: normal; line-height: 140%; padding: 5px 20px; border: 1px solid #000; background: none; width: 100px; }
.account-page.join.loggedout .signup-notice {color:#A0A0A0;line-height:160%;}
.account-page.join.loggedout .signup-notice a{display:inline;color:#A0A0A0;}

/* TAGGD */
.product #taggd-container-mobile { margin: 5% 0 0 0;padding:0;border:0; }
.product #taggd-container-mobile .taggd { border-top: 1px solid #ddd; }
.product #taggd-container-mobile .no-content { display:none; }
.product #taggd-container-mobile .taggd .taggd-header { text-transform: uppercase; }
.product #taggd-container-mobile .taggd .taggd-content.list .grid-item .list-view .media-detail-view{display:none;}

/* ERROR 404 */
#error_404 {width:100%;font-family:"Brown",Arial, Helvetica, sans-serif;text-align: center; }
#error_404 h2{font-size:18px;letter-spacing: 0.15em;font-weight: bold;text-transform: uppercase;margin:20px 0;padding:0 12%;text-align: center;}
#error_404 p{ font-size: 13px; font-family: "BrownLight", "Brown", Arial, Helvetica, sans-serif; letter-spacing: 0.04em; line-height: 160%; margin:20px 0;padding:0 10%;}
#error_404 .shop_links {width:100%; margin: 40px 0 0 0; padding: 0; list-style: none; font-family: "Brown", Arial, Helvetica, sans-serif;  }
#error_404 .shop_links li { display: block; float: left; width: 50%; margin: 0 0 2% 0 ; clear:none;padding:0 0 10% 0; }
#error_404 .shop_links li a { display: block; color: #000; text-decoration: none; display: block; position: relative; }
#error_404 .shop_links li img { width: 94%; }
#error_404 .shop_links:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
#error_404 .shop_links .copy_container { display: block; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; background: #FFF; }
#error_404 .shop_links .copy_heading { display: block; font-size: 14px; letter-spacing: 0.04em; text-transform: uppercase; font-weight: normal; line-height: 140%; text-align: center; margin: 10px 0; }
#error_404 .copy_cta { display: inline-block; margin: 0; font-family: "BrownLight", "Brown", Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; font-weight: normal; line-height: 140%; padding: 5px 20px; border: 1px solid #000; background: none;  }

/* HEADER - STORES LINK */
.site-header .header-links .stores-link{background-position:center -2430px;background-size:35px auto;margin-right:0.5rem;display:none;}
@media only screen and (max-width: 375px) {.site-header .header-links {width:25%;}.site-header .header-links .stores-link{display:none;} }
@media only screen and (min-width : 375px) {.site-header .header-links {width:30%;}.site-header .header-links .stores-link{display:inline-block;}}

/* PERSONALISE POPUP */
.personalise-popup .tab-header.ui-state-active{background:#000;border: 1px solid #000;}
.personalise-popup .tab-header.ui-state-active a{color:#FFF; font-weight: bold;letter-spacing: 0.04em;}
.personalise-popup .tab-header, .personalise-popup .tab-header.disabled{border-color:#000;}
.personalise-popup .tab-header a, .personalise-popup .tab-header span{color:#000;font-weight: bold;letter-spacing: 0.04em;}
.personalise-popup .tab-header:nth-child(1) a:before, .personalise-popup .tab-header:nth-child(1) span:before { content: "1. "; }
.personalise-popup .tab-header:nth-child(2) a:before, .personalise-popup .tab-header:nth-child(2) span:before { content: "2. "; }
.personalise-popup .tab-header:nth-child(3) a:before, .personalise-popup .tab-header:nth-child(3) span:before { content: "3. "; }
.personalise-popup .message p{font-size: 1.4rem;font-weight:bold;}
/*.personalise-popup .message p:nth-child(1):before{ content: "1. "; }
.personalise-popup .message p:nth-child(2):before{ content: "2. "; }
.personalise-popup .message p:nth-child(3):before{ content: "3. "; }*/
.personalise-popup .tab-wrapper .message{padding: 0.25rem 0 1.25rem;}
.personalise-popup .tab-wrapper .message p{margin:0;}
.personalise-colour .control{flex:2;}
.personalise-colour .radio-option label{border-radius: 100%;}
.add_to_cart .personalise-trigger.btn{background: #67bebf;border-color: #67bebf;color:#FFF;}

/* FILTERS */
.filters .filter:not(.by-size) li[data-aspect*='Beauty']{display:none;}
.filters .filter:not(.by-size) li[data-aspect*='Khaki']{display:none;}
.filters .filter:not(.by-size) li[data-aspect*='Miscellaneous']{display:none;}
.filters .filter:not(.by-size) li[data-aspect*='Off']{display:none;}
.filters .filter:not(.by-size) li[data-aspect*='Navy']{display:none;}