/******************************************************************/
/******************* Client Specific CSS File.*********************/
/* This file is referenced after the estar css file               */
/* so can over-write estar styling as required.                   */
/* Last Updated: 24/02/2021                                       */
/******************************************************************/

/* AW 15 Web Fonts */
@font-face{font-family:'Graphik';src:url(/images/assetimages/fonts/Graphik-Extralight-Web.eot);src:url(/images/assetimages/fonts/Graphik-Extralight-Web.eot?#iefix) format("embedded-opentype"),url(/images/assetimages/fonts/Graphik-Extralight-Web.woff) format("woff"),url(/images/assetimages/fonts/Graphik-Extralight-Web.ttf) format("truetype"),url(/images/assetimages/fonts/Graphik-Extralight-Web.svg#Graphik-Extralight) format("svg");font-weight:200;font-style:normal;font-stretch:normal}
@font-face{font-family:'Graphik';src:url(/images/assetimages/fonts/Graphik-Light-Web.eot);src:url(/images/assetimages/fonts/Graphik-Light-Web.eot?#iefix) format("embedded-opentype"),url(/images/assetimages/fonts/Graphik-Light-Web.woff) format("woff"),url(/images/assetimages/fonts/Graphik-Light-Web.ttf) format("truetype"),url(/images/assetimages/fonts/Graphik-Light-Web.svg#Graphik-Light) format("svg");font-weight:300;font-style:normal;font-stretch:normal}
@font-face{font-family:'Graphik';src:url(/images/assetimages/fonts/Graphik-Bold-Web.eot);src:url(/images/assetimages/fonts/Graphik-Bold-Web.eot?#iefix) format("embedded-opentype"),url(/images/assetimages/fonts/Graphik-Bold-Web.woff) format("woff"),url(/images/assetimages/fonts/Graphik-Bold-Web.ttf) format("truetype"),url(/images/assetimages/fonts/Graphik-Bold-Web.svg#Graphik-Bold) format("svg");font-weight:700;font-style:normal;font-stretch:normal}
@font-face {
    font-family: 'Soleil-Bold';
    src: url('/images/assetimages/2015/the-report/assets/fonts/Soleil-Bold.eot');
    src: url('/images/assetimages/2015/the-report/assets/fonts/Soleil-Bold.eot?#iefix') format('embedded-opentype'),url('/images/assetimages/2015/the-report/assets/fonts/Soleil-Bold.woff') format('woff'),url('/images/assetimages/2015/the-report/assets/fonts/Soleil-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Soleil';
    src: url('/images/assetimages/2015/the-report/assets/fonts/Soleil.eot');
    src: url('/images/assetimages/2015/the-report/assets/fonts/Soleil.eot?#iefix') format('embedded-opentype'),url('/images/assetimages/2015/the-report/assets/fonts/Soleil.woff') format('woff'),url('/images/assetimages/2015/the-report/assets/fonts/Soleil.ttf') format('truetype');
}
@font-face {
    font-family: 'DidotLTStd-Bold';
    src: url('/images/assetimages/2015/the-report/assets/fonts/DidotLTStd-Bold.eot');
    src: url('/images/assetimages/2015/the-report/assets/fonts/DidotLTStd-Bold.eot?#iefix') format('embedded-opentype'),url('/images/assetimages/2015/the-report/assets/fonts/DidotLTStd-Bold.woff') format('woff'),url('/images/assetimages/2015/the-report/assets/fonts/DidotLTStd-Bold.ttf') format('truetype');
}

/* Report styles */
    /* paragraph and link font */
    .content .tr-container a, .content .tr-container p {font-family: SoleilLt, ZurichBT, Arial, sans-serif !important; font-size: 12px; }
    /* subheadline 2 block */
    .tr-cp-subheadline2{position:absolute;width:300px}
    .tr-cp-subheadline2 h1{font-size:44px;letter-spacing:-1px;margin:0;line-height: 37px;text-indent:32px;}
    .tr-cp-subheadline2 h1:not(:first-child){font-family:DidotLTStd-Roman,Georgia,serif;font-size:44px;text-transform:uppercase;letter-spacing:-1px;text-indent:0;margin-bottom: -8px;margin-top:0;}
    .tr-cp-subheadline2 h2{font-family:DidotLTStd-Italic,Georgia,"Times New Roman",Times,serif;font-size:20px;margin-top:13px;text-indent:30px;opacity:1.5;letter-spacing:0;line-height:20px}
    .tr-cp-subheadline2 p{line-height:14px;letter-spacing:0;margin-bottom:20px}
    /* shop links */
    a.tr-shop-link-underline{text-transform:uppercase;color:#000;text-decoration:underline;font-size:12px;margin-top:10px;display:block}
    a.tr-shop-link-black-border{text-transform:uppercase;color:#000;display:inline-block;border:1px solid #000;padding:4px 15px}
    a.tr-shop-link-white-border{text-transform:uppercase;color:#fff;display:inline-block;border:1px solid #fff;padding:4px 15px}
    a.tr-shop-link{display:table-cell;height:30px;background-color:#000;text-align:center;vertical-align:middle;text-transform:uppercase;color:#fff;font-size:12px;-webkit-font-smoothing:auto;padding:0 25px}
    /* subhead block */
    .tr-cp-subhead{position:absolute;width:210px}
    .tr-cp-subhead h1{font-family:DidotLTStd-Italic,Georgia,"Times New Roman",Times,serif !important;font-size:40px !important;line-height:33px !important;letter-spacing:-1px !important;margin-bottom:10px !important;/* text-indent:30px !important */}
    .tr-cp-subhead h1:not(:first-child){margin-top:-8px !important;text-transform:uppercase !important;font-family:DidotLTStd-Roman,Georgia,"Times New Roman",Times,serif !important;text-indent:0 !important;letter-spacing:-2px !important}
    .tr-cp-subhead h2{font-family:Soleil,ZurichBT,Arial,sans-serif !important;font-size:12px !important;line-height:14px !important;text-transform:uppercase !important;margin-bottom:10px !important}
    .tr-cp-subhead p{font-size:12px !important;line-height:14px !important;margin-bottom:10px !important}
    /* subheadline 3*/
    .tr-cp-subheadline3 {position: absolute; width: 200px; }
    .tr-cp-subheadline3 h1 {text-transform: uppercase; margin: 0; line-height: 26px; font-size: 28px; }
    .tr-cp-subheadline3 p {margin-top: 6px; line-height: 14px; } 
    /* profile */
    .content .tr-cp-profile h2 {margin-bottom: 5px; }
    .content span.tr-cp-down-arrow {background-position: -21px -33px; width: 11px; height: 11px; background-size: 54px;}
    /* other styles */
    .tr-footer{float:left;width:100%}
    .blogpage .cat-header{background-image:url(/images/assetimages/2015/the-report/assets/images/contents-header.png);background-position:-129px -11px}
    .blogpage .cat-header > a{visibility:hidden}
    .blogpage .page_content {margin-top:0px}
    .tr-products-container {border-top: 1px solid #9a9a9a;/* float: left; */}
    /* contents page border fix */
    .tr-products-container {width: 100%; min-height: 1px; float: left; }
    /* mainimg fit to container */
    .tr-cp-mainimg img {width: 100%;}
    /* remove default slider class attr set by estar */
    .tr-content-container .tr-content.slick-slider .slick-list {max-width: inherit; margin: inherit;}
    /* fix shop the report image size and container*/
    .blog_featured .item img {width: 122px;}
    .tr-products-container .blog_featured {float: left; width: 100%;}

/* Make lookbook link bold in nav */
a.cat_132488, a.cat_132494, a.cat_132496, a.cat_134322, a.cat_134336, a.cat_134401 {font-family: 'ZurichBT-Roman' !important; } 

a.cat_132475 {color: red !important; }
a.cat_134706 {color: #e9cbb3 !important; }
.header_nav a, .header_nav span {margin: 0px 12px;}

/* Hide special offer text */
.product_detail .pricing .offer {display:  none; }

/* Make SALE in nav red */
/*.header_nav a.cat_18 {color: red; }*/

/* Remove top padding from hub page content */
#main_page .article_header .content {padding-top: 0px; }

/* Remove report tile */
section.featured-blog {display: none; }

/* Cart summer styles */
table.cart>tbody tr:first-of-type {background-color: #f2f2f2; }
table#summaryTable tr.total {background-color: #f2f2f2; border-bottom: 1px solid #9a9a9a; }
.cartpage a.link_button {background: #000; color: #fff; }

/* AW15 Category Headers */
.cat-header>.cat-name {font-size: 28px; font-family: DidotLTStd-Italic,Arial,sans-serif; font-weight: 300; line-height: 28px; text-transform: capitalize; display: inline; }
.cat-header>.cat-subcat {font-family: DidotLTStd-Bold,Arial,sans-serif; font-weight: 700; font-size: 28px; text-transform: uppercase; line-height: 29px; }
span.cat-name::after {content: " "; }

/* Quick Look styling fix */
#modal_popup a.link_button.store {width: 232px; float: right; background-color: white; color: black; border-color: #9A9A9A; }

/* Hide search by suburb for PIUS */
.storefinder.search .divider.vertical {display: none;}
.storefinder.search .by_suburb {visibility: hidden;}

/* Change store locator text */
#StoreLocatorForm h1 label {display: none; }
#StoreLocatorForm h1::before {content: "Search stores by suburb"; width: auto; }

/* Make category in megamenu red */
a.cat_124642 {color: red !important; }

/* Hide Witchery Report */
/*#site_nav .container ul li:first-child {
  display: none;
}*/

.wishlist .page_content .item .actions {
    opacity: 1;
}

/* Hide estar branding from footer */
#site_footer .estar { display: none !important; }

/* Add spacing on Become A Member Popup */
.login_pop_up .join-prompt .join-copy { margin-top: 80px !important; }

/* HIDE BREADCRUMBS ON INFOPAGES */
body.infopage .breadcrumbs { display: none !important; }


/***************** MEMBER POPUP *******************/
#modal_popup .acquisition_popup { width: 520px; padding: 0 0 20px 0; text-align: center; font-family: 'Avenir', Soleil, sans-serif; margin-top: 80px;}
#modal_popup .acquisition_popup .editprofile { background: none; width: auto; min-height: auto; margin: 0; padding: 0; }
#modal_popup .acquisition_popup header { font-size: 18px; letter-spacing: 2px; margin: 0 0 10px 0; font-family: "ProximaNova-Medium",helvetica,arial,sans-serif; }
#modal_popup .acquisition_popup p { font-family: "ProximaNova-Regular",helvetica,arial, sans-serif; padding: 0 5%; text-align: center; }
#modal_popup .acquisition_popup form { margin: 41px 25px 0 25px; font-size: 12px; text-align: center; }
#modal_popup .acquisition_popup form:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
#modal_popup .acquisition_popup form ol li { text-align: center; padding-bottom: 0; }
#modal_popup .acquisition_popup form label { width: 90px; }
#modal_popup .acquisition_popup form input[type='email'] { font-family: "ProximaNova-Regular",helvetica,arial, sans-serif; font-size: 12px; letter-spacing: 0.5px; background-color: #FFF !important; width: 314px; border: 0; border-bottom: 1px solid #999999; height: 11px; padding: 10px 3px;}
#modal_popup .acquisition_popup form input[type='email']::placeholder { font-family: "ProximaNova-Regular",helvetica,arial, sans-serif; color: #999999; letter-spacing: 0.05em; }
#modal_popup .acquisition_popup form input[type='email']:focus { color: #000000; border-bottom: 1px solid #000000; }
#modal_popup .acquisition_popup form input[type='submit'] { background-image: none; background-color: #000; border-color: #000; color: #FFF; font-family: 'Avenir', Soleil, sans-serif; font-size: 14px; padding: 5px 10px 6px 10px; width: 190px; text-transform: uppercase; font-weight: bold; cursor: pointer; }
#modal_popup .acquisition_popup .error { width: 300px; margin: 0; padding: 0 0 20px 35px; }
#modal_popup .acquisition_popup .error p { font-size: 11px; padding: 0; letter-spacing: normal; }
#modal_popup .acquisition_popup form li .error { width: auto; padding: 0 0 0 100px; }
#modal_popup .acquisition_popup .submit .major { background: #000000; border-color: #000000; font-family: "ProximaNova-Medium",helvetica,arial,sans-serif; font-size: 12px; letter-spacing: 0.8px; width: 320px; border-width: 1px; border-color: #000000;}
#modal_popup .acquisition_popup .submit .major:hover { background: #ffffff; color: #000000; }
#modal_popup .acquisition_popup .submit { margin: 30px auto 10px auto; text-align: center;}
#modal_popup .acquisition_popup .existing-member { margin-top: 31px; font-size: 12px; color: #767676; letter-spacing: 0.5px; }
#modal_popup .acquisition_popup .existing-member p { color: #666666; font-size: 12px; letter-spacing: 0.5px; }
#modal_popup .acquisition_popup .existing-member p a { color: #666666; text-decoration: underline; transition: .4s;}
#modal_popup .acquisition_popup .existing-member p a:hover { opacity: .7; transition: .4s;}
#acquisition_popup.popped .ui-dialog { height: 400px !important; width: 520px !important; padding: 0 !important;}
#acquisition_popup.popped .ui-dialog-title:not(:empty) { display: none !important; }
#acquisition_popup.popped .ui-dialog-titlebar-close { margin: 20px 20px 0 0 !important; background: url(/images/assetimages/icons/close.svg) 0 0px no-repeat !important; height:15px;}
#acquisition_popup.popped .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { opacity: .9; }

/***************** IPHONE ZOOM ISSUE *******************/
/* prevent iphones from zooming the site when focussing on undersized select/input elements in the basket and checkout */
body.iphone #app .order-list .item-container .option select { background: url(/Assets/icon-caret-down.svg) no-repeat 100% 6px; background-size: 9px; font-size: 16px; transform-origin: top left; transform: scale(0.8125); }
body.iphone #app .order-list .item-container .option input[type=text] { font-size: 16px; transform-origin: top left; transform: scale(0.8125); }
body.iphone #app .order-list .item-container .product-options .option select{ padding-left: 2rem; padding-right: 2rem; }
body.iphone #app .order-list .item-container .option.quantity select{ padding-left: 2.8rem; background: url(/Assets/icon-caret-down.svg) no-repeat 85% 6px; background-size: 9px; }
body.iphone #app .order-list .item-container .option.quantity input[type=text]{ padding-left: 1.1rem;}

/*************************** DINKUS ***********************/
/* PLP */
.cataloguepage .products .item figure .overlay.bundle{bottom: 0px !important;top: auto;width: 100%;left: 0;right:0;max-width: 100%;}
.cataloguepage .products .item figure .overlay.bundle:after {display: block; font-family: "ProximaNova-Light", Helvetica, Arial, "sans-serif";background: #000000;color: #FFF;font-size: 1.3rem;letter-spacing:0.5px;text-align: center;padding: 4% 5%; }
.cataloguepage .products .item figure .overlay.bundle img{display: none;}
/* PDP */
.productpage  figure.product_image .overlay.bundle{left: 10px;right: auto;top: 10px; width: 80px;height: 80px; background: #000000;}
.productpage  figure.product_image .overlay.bundle:after {display: block; font-family: "ProximaNova-Light", Helvetica, Arial, "sans-serif";color: #FFF;font-size: 13px;line-height:17px;text-align: center;position: absolute; width: 80%;top: 50%;left: 50%;transform: translate(-50%, -50%); }
.productpage  figure.product_image .overlay.bundle img{display: none;}
/* ocrf shirt */
.cataloguepage .products .item figure .overlay.ocrf-dinkus:after,
.productpage  figure.product_image .overlay.ocrf-dinkus:after{content:"OCRF White Shirt Campaign";}
/* register interest */
.cataloguepage .products .item figure .overlay.register-interest:after,
.productpage  figure.product_image .overlay.register-interest:after{content:"Register Interest";}

/* PLP V2 */
.cataloguepage .products .item figure .overlay.dinkus{bottom: 6px !important;top: auto;width: auto;left: 6px;max-width: 100%;}
.cataloguepage .products .item figure .overlay.dinkus:after {display: block; font-family: "ProximaNova-Light", Helvetica, Arial, "sans-serif";background: #000000;color: #FFF;font-size: 12px;letter-spacing:0.03rem;text-align: center;padding: 4px 0;}
.cataloguepage .products .item figure .overlay.dinkus img{display: none;}
/* FIX BIGGER IMAGE ON NEW IN PLP */
.item-full-width .overlay.dinkus { left: 6px !important; }
.item-half-width .overlay.dinkus { left: 6px !important; }
/* REGISTER INTEREST */
.cataloguepage .products .item figure .overlay.dinkus-register-interest:after{content:"Register Interest"; width: 100px; background: #000000; padding: 4px;}
.productpage  figure.product_image .overlay.dinkus-register-interest:after{content:"Register Interest"; width: 100px; background: #000000; padding: 4px; color: #ffffff; display: inline-block; font-family: "ProximaNova-Light", Helvetica, Arial, "sans-serif"; font-size: 12px; letter-spacing: 0.03rem; text-align: center;}
.productpage span.overlay.dinkus.dinkus-register-interest { top: -35px; left: 5px; }
/* PERSONALISE */
.cataloguepage .products .item figure .overlay.dinkus-personalise:after,
.productpage  figure.product_image .overlay.dinkus-personalise:after{content:"Personalise"; width: 100px; background: #758D7E; padding: 4px 0;}
/* STERLING SILVER */
.cataloguepage .products .item figure .overlay.dinkus-ss:after,
.productpage  figure.product_image .overlay.dinkus-ss:after{content:"Sterling Silver"; width: 100px; background: #000000; padding: 4px 0;}

/***************** CATEGORY PLP HEADERS *******************/
.cataloguepage .category_header { text-align: center; width: 700px; margin: 0 auto; padding: 30px 0; }
.cataloguepage .category_header h1 { font-family: "ProximaNova-Regular",helvetica,arial,sans-serif; font-size: 1.6rem; line-height: 2rem; letter-spacing: 0.5px; }
.cataloguepage .category_header p { font-family: "ProximaNova-Light",helvetica,arial,sans-serif; font-size: 1.3rem;  line-height: 2.1rem;  letter-spacing: 0.5px; }
.cataloguepage .category_header p a { font-family: "ProximaNova-Medium",helvetica,arial,sans-serif; color: #000000; text-decoration: none; }
.cataloguepage .category_header p a:hover { text-decoration: none; }