.FF-max-width { max-width: 1200px; }.quickbag-placeholder #cart-checkout-types { display: none; }.FF_cnc-spend-more { padding: 10px 20px; width: auto; display: block; text-align: center; font-weight: bold; color: #000; border: 1px dashed #000; float: right; text-transform: uppercase; font-size: 13px; margin-top: 20px; }.special-price { color: #db2727 !important; font-weight: bold; }.prim.show-nav { padding-bottom: 52px; }.site-wrapper, .header-inner, .footer-wrapper .footer-inner, .checkout-onepage-index .footer-wrapper { max-width: 1200px; }.percentage-promo { position: absolute; bottom: 0; text-align: center; width: 100%; padding: 8px 5px; text-transform: uppercase; color: #fff; background-color: #d00a2d; font-size: 15px; opacity: 0; transition: 0.5s linear opacity; -webkit-transition: 0.5s linear opacity; -o-transition: 0.5s linear opacity; -moz-transition: 0.5s linear opacity; font-weight: bold; }.ias-trigger.ias-trigger-next { width: 100%; display: inline-block; }.ias-trigger.ias-trigger-next a { text-align: center; cursor: pointer; display: block; width: 180px; background-color: #000; color: #fff!important; text-transform: uppercase; padding: 10px; font-size: 14px; margin: auto; }.product-item:hover .percentage-promo { opacity: 1; }@media screen and (min-width:1025px) { header.primary { max-width: 1200px; } .site-wrapper, .header-inner, .footer-wrapper .footer-inner, .checkout-onepage-index .footer-wrapper { width: 100%; } }.site-wide-banner { margin-bottom: 16px; }.site-wide-banner__link { font-size: 1.5rem; line-height: 21px; border-right: none; }@media (max-width: 767px) { .site-wide-banner__link { border-right: none; } }#promoThreeBlock div:last-child a { border-right: none; }.site-wide-banner__span { text-transform: lowercase; display: block; font-size: 13px; line-height: 15px; }.color-orange { color: #f89805; }.color-white { color: #fff; }.color-yellow { color: #fdc806; }.bg-black { background-color: #000; }.bg-red { background-color: #de362d; }.margin-bottom-16 { margin-bottom: 16px; }.back-button__action { background: #7399c6; color: #fff; width: 100%; display: inline-block; text-align: center; text-decoration: none; text-transform: uppercase; padding: 10px; margin-bottom: 10px; font-size:13px; }.back-button__action:hover { color:#fff; }/* SKYWIRE OVERRIDE CSS */.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }.ir:before { content: ""; display: block; width: 0; height: 150%; }.hidden { display: none !important; visibility: hidden; }.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }* { font-family: 'Lato', sans-serif; }img { max-width: 100%; }.FF_landing-block { text-align: center; position: relative; }.Landing-block__link { position: relative; display: block; overflow: hidden; height: 100%; }.FF_landing-block__title { color: #000 !important; letter-spacing: 2px !important; min-width: 280px; max-width: 100%; font-weight: bold; text-transform: uppercase; padding-top: 1em; padding-bottom: 0 !important; }.FF_landing-block__description { font-size: 1.2rem !important; padding-bottom: 0 !important; }.FF_landing-page-link { text-align: center; display: inline-block; margin: 0px auto; font-size: 14px; text-transform: uppercase; text-decoration: none !important; position: relative; background-color: rgba(255, 255, 255, 0.8); border: 0; padding: 8px 0 0 0; color: #000 !important; font-weight: bold; display: block; }.FF_landing-page-link-small { font-size: 12px; }.FF_landing-block-border, .FF_landing-page-border { border-bottom: 1px solid #ccc; margin-bottom: 1em; }.Landing-overlay-text { text-align: center; position: absolute; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.6); width: 100%; height: 100%; left: 0; right: 0; opacity: 0.4; overflow: hidden; transform: translateY(-100%) rotateX(35deg); transition: transform0.5s, opacity0.5s; -webkit-transform: translateY(-100%) rotateX(35deg); -webkit-transition: transform0.5s, opacity0.5s; -moz-transform: translateY(-100%) rotateX(35deg); -moz-transition: transform0.5s, opacity0.5s; -o-transform: translateY(-100%) rotateX(35deg); -o-transition: transform0.5s, opacity0.5s; }.Landing-overlay-text--slide-left { transform: translateX(-100%) rotateX(35deg); transition: transform0.5s, opacity0.5s; -webkit-transform: translateX(-100%) rotateX(35deg); -webkit-transition: transform0.5s, opacity0.5s; -moz-transform: translateX(-100%) rotateX(35deg); -moz-transition: transform0.5s, opacity0.5s; -o-transform: translateX(-100%) rotateX(35deg); -o-transition: transform0.5s, opacity0.5s; }.Landing-overlay-text--slide-right { transform: translateX(100%) rotateX(35deg); transition: transform0.5s, opacity0.5s; -webkit-transform: translateX(100%) rotateX(35deg); -webkit-transition: transform0.5s, opacity0.5s; -moz-transform: translateX(100%) rotateX(35deg); -moz-transition: transform0.5s, opacity0.5s; -o-transform: translateX(100%) rotateX(35deg); -o-transition: transform0.5s, opacity0.5s; }.Landing-overlay-text--slide-bottom { transform: translateY(100%) rotateX(35deg); transition: transform0.5s, opacity0.5s; -webkit-transform: translateY(100%) rotateX(35deg); -webkit-transition: transform0.5s, opacity0.5s; -moz-transform: translateY(100%) rotateX(35deg); -moz-transition: transform0.5s, opacity0.5s; -o-transform: translateY(100%) rotateX(35deg); -o-transition: transform0.5s, opacity0.5s; }.Landing-block__link:hover .Landing-overlay-text { opacity: 1; transform: rotateX(0); transition: transform 0.5s, opacity 0.5s; -moz-transform: rotateX(0); -moz-transition: transform 0.5s, opacity 0.5s; -webkit-transform: rotateX(0); -webkit-transition: transform 0.5s, opacity 0.5s; -o-transform: rotateX(0); -o-transition: transform 0.5s, opacity 0.5s; }.Landing-overlay-text__container { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; display: table; height: 100%; width: 100%; }.Landing-overlay-text__content { display: table-cell; vertical-align: middle; height: 100%; }.Landing-overlay-text__content span { background-color: #000; color: white; font-size: 18px; text-transform: uppercase; padding: 15px 25px; }.FF_absolute-overlay-text__link-50 { position: absolute; width: 50%; height: 100%; top: 0; }.FF_absolute-overlay-text__link-left { left: 0 }.FF_absolute-overlay-text__link-right { left: 50% }.FF_absolute-overlay-text__link:hover p { background-color: rgba(255, 255, 255, 0.8); }.FF_video-container { position: absolute; z-index: 10; left: 5px; right: 5px; bottom: 5px; top: 5px; height: auto; width: auto; display: none; }.FF_video-container__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }.FF_video-button { position: absolute; z-index: 11; max-width: 100px; bottom: 10px; cursor: pointer; left: 20px; }/** mobile **/@media screen and (max-width:1024px) { footer .FF_newsletter__input { margin: auto; float: none!important; } footer .FF_newsletter__button { margin: auto; float: none!important; margin-left: -2px; } .Landing-overlay-text { text-align: center; position: absolute; top: 0; bottom: 0; background: transparent; width: 100%; height: 100%; left: 0; right: 0; opacity: 1; overflow: hidden; transform: translateY(-0%) rotateX(0); transition: transform0.5s, opacity0.5s; -webkit-transform: translateY(-0%) rotateX(0); -webkit-transition: transform0.5s, opacity0.5s; -moz-transform: translateY(-0%) rotateX(0); -moz-transition: transform0.5s, opacity0.5s; -o-transform: translateY(-0%) rotateX(0); -o-transition: transform0.5s, opacity0.5s; } .Landing-overlay-text--slide-left { transform: translateX(-0%) rotateX(0); transition: transform0.5s, opacity0.5s; -webkit-transform: translateX(-0%) rotateX(0); -webkit-transition: transform0.5s, opacity0.5s; -moz-transform: translateX(-0%) rotateX(0); -moz-transition: transform0.5s, opacity0.5s; -o-transform: translateX(-0%) rotateX(0); -o-transition: transform0.5s, opacity0.5s; } .Landing-overlay-text--slide-right { transform: translateX(0%) rotateX(0); transition: transform0.5s, opacity0.5s; -webkit-transform: translateX(0%) rotateX(0); -webkit-transition: transform0.5s, opacity0.5s; -moz-transform: translateX(0%) rotateX(0); -moz-transition: transform0.5s, opacity0.5s; -o-transform: translateX(0%) rotateX(0); -o-transition: transform0.5s, opacity0.5s; } .Landing-overlay-text--slide-bottom { transform: translateY(0%) rotateX(0); transition: transform0.5s, opacity0.5s; -webkit-transform: translateY(0%) rotateX(0); -webkit-transition: transform0.5s, opacity0.5s; -moz-transform: translateY(0%) rotateX(0); -moz-transition: transform0.5s, opacity0.5s; -o-transform: translateY(0%) rotateX(0); -o-transition: transform0.5s, opacity0.5s; } .Landing-block__link:hover .Landing-overlay-text { opacity: 1; transform: rotateX(0); transition: transform 0.5s, opacity 0.5s; -moz-transform: rotateX(0); -moz-transition: transform 0.5s, opacity 0.5s; -webkit-transform: rotateX(0); -webkit-transition: transform 0.5s, opacity 0.5s; -o-transform: rotateX(0); -o-transition: transform 0.5s, opacity 0.5s; } .Landing-overlay-text__container { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; display: table; height: 100%; width: 100%; } .Landing-overlay-text__content { display: table-cell; vertical-align: middle; height: 100%; padding: 0 15px; } .Landing-overlay-text__content span { background-color: rgba(0, 0, 0, 0.6); color: white; width: 100%; font-size: 18px; text-transform: uppercase; padding: 15px 5px; display: inline-block; } }@media screen and (max-width:767px) { .Landing-overlay-text__content span { font-size: 14px; } .FF_mobile-padding-left-5 { padding-left: 5px; } .FF_mobile-padding-right-5 { padding-left: 5px; } }.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }.invisible { visibility: hidden; }.clearfix:before, .clearfix:after { content: " "; display: table; }.clearfix:after { clear: both; }.clearfix { *zoom: 1; }@media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }.fixed-wrapper { position: absolute; top: -167px; left: -146px; width: 156px; display: inline-block; z-index: 10000; }.giftcard-information { font-family: 'Lato', sans-serif; position: absolute; display: block; z-index: 10000; }.giftcard-information img { z-index: 1000; }@media screen and (max-width:1510px) { .giftcard-information { display: none; } }.christmas-information { font-family: 'Lato', sans-serif; position: fixed; bottom: 0; right: 100%; display: none; }.christmas-button { position: fixed; bottom: 0; right: 100%; cursor: pointer; display: none; }.christmas-button.open { display: block; right: 0; }.christmas-button.closed { display: none; right: 100%; }.christmas-button img { width: 40px; height: auto; }.christmas-close { font-weight: bold; color: #fff; background-color: #db080e; margin-bottom: 10px; border-radius: 50%; width: 25px; height: 25px; text-align: center; cursor: pointer; line-height: 24px; }.christmas-information.open { right: 0; }.christmas-information.closed { right: 100%; }.christmas-information__img { display: block; width: 250px; margin-right: 0; cursor: pointer; position: relative; }.christmas-information__heading-2 { font-size: 24px; color: #db080e; margin: 0; display: inline-block; letter-spacing: 7px; font-weight: 300; text-transform: uppercase; margin-bottom: 5px; }.christmas-information__heading-3 { font-size: 13px; color: #db080e; letter-spacing: 2px; font-weight: 300; display: inline-block; text-transform: uppercase; margin-bottom: 5px; }.christmas-information__sentence { font-size: 13px; color: #db080e; margin-top: 0; display: inline-block; }.christmas-information__hr { width: 80%; height: 1px; margin: auto; display: block; border: 0; background-color: #db080e; }.christmas-information__link { border: 1px solid #dc080e; text-transform: uppercase; padding: 10px 0; color: #dc080e; font-size: 11px; width: 100%; margin-top: 15px; display: inline-block; box-sizing: border-box; letter-spacing: 2px; text-decoration: none; }.christmas-information__link--white { border: 1px solid #fff; color: #fff; margin-top: 0; font-size: 9px; padding: 10px 10px; }.christmas-information__link--white:hover { color: #fff!important; }.christmas-information__link:hover { color: #dc080e; }.christmas-information__img img { position: absolute; right: 0px; bottom: 0px; z-index: 10; width: 170px; }.christmas-information a { text-decoration: none; }.christmas-information__heading-2--white { color: #fff; font-weight: bold; letter-spacing: 2px; font-size: 14px; }.christmas-information__heading-3--white { color: #fff; letter-spacing: 1.5px; font-weight: bold; margin: 0; font-size: 9px; }.christmas-information__sentence--white { color: #fff; }.margin-top-0 { margin-top: 0; }.christmas-information__introduction { padding: 15px 60px 15px 10px; background-color: #dc080e; text-align: center; display: inline-block; }.FF_responsive-video { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 20px; }.FF_responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }.top-site-banner { width: 100%; display: inline-block; background-color: #cf0a2c; padding: 10px 0; }.top-site-banner__buttons { width: 100%; display: inline-block; margin-top: 10px; }.top-site-banner__button { color: #fff!important; font-size: 12px!important; font-weight: 300; height: 100%; text-transform: uppercase; text-decoration: none; padding: 8px; display: inline-block; margin: 0 10px; border: 1px solid #fff; letter-spacing: 2px; min-width: 150px; }.top-site-banner__button:hover { background-color: rgba(255, 255, 255, 1); color: #000!important; text-decoration: none!important; }.top-site-banner--christmas { background-color: #e9e9e9; background-image: url('//d2nikgq6rubtj8.cloudfront.net/web/2015/12/10/L-snowflakes.png'), url('//d2nikgq6rubtj8.cloudfront.net/web/2015/12/10/R-snowflakes.png'); background-repeat: no-repeat; background-position: 0 0, 100% 0; background-size: cover; padding: 10px 0; }.top-site-banner--blue { background-color: #009fe3; }.top-site-banner--yellow { background-color: #fad000; }.top-site-banner__item { text-align: center; border-right: 1px solid #fff!important; }.top-site-banner__item:last-child { border-right: 0!important; }h2.top-site-banner__heading-2 { display: inline-block; width: 100%; margin: 0; margin-bottom: 5px; letter-spacing: 2px; font-size: 20px; line-height: 22px; color: white!important; text-transform: none; }h2.top-site-banner__heading-2 a { color: white!important; text-decoration: none; }h2.top-site-banner__heading-2 a:hover { color: white!important; text-decoration: none; }h2.top-site-banner__heading-2--three-block { font-size: 12px; line-height: 16px; }h3.top-site-banner__heading-3 a { color: white!important; text-decoration: none; }h3.top-site-banner__heading-3 a:hover { color: white!important; text-decoration: none; }h4.top-site-banner__heading-4 a { color: white!important; text-decoration: none; }h4.top-site-banner__heading-4 a:hover { color: white!important; text-decoration: none; }h4.top-site-banner__heading-4--christmas a { color: black!important; text-decoration: none; }h4.top-site-banner__heading-4--christmas a:hover { color: black!important; text-decoration: none; }h4.top-site-banner__heading-4--three-block { font-size: 10px; letter-spacing: 1px }p.top-site-banner__terms { color: #fff; text-align: center; margin-top: 12px; }h3.top-site-banner__heading-3 { text-transform: uppercase; display: inline-block; width: 100%; margin: 0; margin-bottom: 0px; letter-spacing: 2px; font-size: 15px; line-height: 14px; color: white!important; }h3.top-site-banner__heading-3--three-block { margin: 4px 0 0; color: white; letter-spacing: 1px; font-size: 11px; }h4.top-site-banner__heading-4 { color: white!important; margin: 0; font-size: 8px; }.top-site-banner--yellow h2.top-site-banner__heading-2 { color: black!important; }.top-site-banner--yellow h3.top-site-banner__heading-3 { color: black!important; }.top-site-banner--yellow h4.top-site-banner__heading-4 { color: black!important; }.top-site-banner strong { font-weight: bold; text-transform: uppercase; }.stroke-side-border { position: relative; padding: 0 2em; width: auto!important; }.stroke-side-border:before, .stroke-side-border:after { content: ""; position: absolute; right: 100%; height: 2px; top: 0; margin: auto 0; bottom: 0; width: 999px; background: #fff; }.stroke-side-border:after { left: 100%; right: initial; }.FF_BF_iframe_wrap { position: relative; }.FF_BF_iframe { position: absolute; top: 0; left: 0%; right: 0; bottom: 0; height: 100%; width: 100%; z-index: 10; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }.FF_BF_iframe.open { left: 0; }.FF_position-relative { position: relative; }.FF_overflow-hidden { overflow: hidden; }.FF_z-index-1000 { z-index: 1000; }@media screen and (max-width:768px) { .FF_mobile-padding-10 { padding: 0 10px; } }#promoThreeBlock { max-width: 1216px; margin: auto; }#promoThreeBlock a { padding: 5px 0; }#promoThreeBlock .blue { background-color:#B1D3FF; border:1px solid #B1D3FF; }#promoThreeBlock .border { border:1px solid black; }.promos { border-bottom:none; }@media screen and (min-width: 640px) { .promos { margin: 0 !important } }@media screen and (min-width: 640px) { .cms-home .page { margin: 0!important } }/************************************* ************* NEWSLETTER ***************** *************************************/.FF_newsletter__button { background: #000; border: 0px none; height: 32px; margin-left: -3px; width: 27px; color: #fff; border-left: 1px solid #ccc; vertical-align: middle; text-indent: 0; }.FF_newsletter__input { font-size: 11px !important; text-align: left !important; padding: 0 0 0 10px !important; width: 22em !important; background-color: #FFF !important; color: #ccc !important; border-radius: 0px !important; max-width: 100% !important; vertical-align: middle !important; letter-spacing: 1.5px; height: 32px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }.FF_newsletter__title { text-transform: uppercase; font-size: 28px !important; letter-spacing: 1px; padding-top: 0.3em; }.FF_newsletter { display: block; overflow: hidden; clear: both; display: inline-block; text-align: center; margin-bottom: 0; padding: 20px 0 10px 0; }footer .FF_newsletter h2 { color: #000; font-size: 1.3rem; text-align: left; letter-spacing: 1px; font-weight: bold; margin:0 0 5px 0; }.FF_newsletter p { text-transform: inherit; font-weight: normal; padding-bottom: 10px; text-align: left; font-size: 12px; color: #000; }/************************************* ************* FOOTER ***************** *************************************/footer { background: #212121; color: #fff; font-size: 12px; padding: 0; }footer .FF_grid-container { max-width:100%; padding:0; margin:0; }#footer-signup-block { background-color:#E3E3E3; }#footer-links-block { padding:40px 0; max-width:1232px; }.FF_footer-logos { background:#fff; }.FF_footer_terms_and_conditions p { width: 100%; margin: 20px auto 0 auto; text-align: center; }footer .FF_newsletter__input { border: 0!important; color: #555 !important; float: left; width: 100%!important; height: 50px;}footer .FF_newsletter__button { background: #000 !important; color: #fff; font-size: 14px; font-weight: normal; width:auto; padding:5px 60px; white-space:nowrap; height:50px; } footer .validation-advice { text-align: left; padding: 5px 0 0 0; clear: both; font-weight: bold; } footer .FF_newsletter-form__alert { display:none; } .FF_footer-links { margin-bottom: 25px; }.FF_footer-links__title { font-weight: bold; text-align: left; font-size: 14px; padding: 0 1em 1em 0; text-transform: uppercase; list-style: none; }.FF_footer-links__item { font-weight:initial; text-align: left; margin: 0 0 5px 0; display: inline-block; width: 100%; text-transform: uppercase; }.FF_footer-links__link { color: #fff; font-size: 12px; text-decoration: none; text-transform: capitalize; }.FF_footer-links__link:hover { text-decoration: underline; }.FF_footer-copy { text-align: center; font-size: 16px; text-transform: uppercase; }.FF_footer-links__more-button { text-transform: uppercase; font-size: 14px; width: 100%; font-weight: bold; display: block; cursor: pointer; text-align: center; padding: 10px 0; display: none; background-color: #fff; color: #000; }.FF_footer-logo { margin: 30px 0; }.FF_footer-logo a { width: 275px; display: block; margin: 0 auto; } .FF_footer-logos-left__logo, .FF_footer-logos-right__logo { margin:0; }#footer-copyright-row { text-align:center; margin-bottom:35px; padding-left:0; padding-top:20px; }#footer-copyright-row li { color: #000; float: none; padding: 0; display: inline; }#footer-copyright-row li.link:after { content:"|"; display:inline-block; width:20px; }#footer-copyright-row a { color:#000; text-decoration:none; }@media screen and (max-width: 1024px) and (min-width: 768px) { .FF_newsletter p { text-align: center; } }@media screen and (max-width:767px) { .FF_newsletter p { text-align: center; } .FF_footer-links__title { padding-top: 10px; text-align: center; } .FF_footer-links__item { text-align: center; } .FF_footer-links__more-button { display: block; } .FF_footer-links__list { max-height: 0; overflow: hidden; -webkit-transition: max-height ease-out 500ms; -moz-transition: max-height ease-out 500ms; -ms-transition: max-height ease-out 500ms; -o-transition: max-height ease-out 500ms; transition: max-height ease-out 500ms; padding: 0; background-color: #fff; color: #000; text-align: center; } .FF_footer-links__list--open { max-height: 999px; background-color: #fff; color: #000; text-align: center; } .FF_footer-links__list--open .FF_footer-links__link { color: #000; text-align: center; } .FF_footer-links__more-button--open { border-bottom: 1px solid #000; }}@media screen and (max-width:400px) { .FF_newsletter__input { width: 17em!important; } .FF_footer-logos-left__logo { margin: 0; } .FF_footer-logos-right__logo { margin: 0; } }/************************************* ************* SOCIAL ***************** *************************************/ #footer-social-block { background-color:#606060 ; padding:20px 0; text-align:center; line-height:2; }.FF_social { padding: 0; margin-top: 0; }.FF_social__item { display: inline-block; margin: 0 10px; font-size:1.65rem; }.FF_social__link { display: inline-block; width: 31px; height: 31px; background-size: 100% auto; background-position: center center; background-repeat: no-repeat; text-indent: -9999px; }.FF_social__link--facebook { background-image: url("//peacocks-images.s3.amazonaws.com/web/2017/10/25/facebook-icon.svg"); }.FF_social__link--twitter { background-image: url("//peacocks-images.s3.amazonaws.com/web/2017/10/25/twitter-icon.svg"); }.FF_social__link--googleplus { background-image: url("//peacocks-images.s3.amazonaws.com/web/2016/06/16/white_icons/googleplus.png"); }.FF_social__link--pinterest { background-image: url("//peacocks-images.s3.amazonaws.com/web/2017/10/25/pinterest-icon.svg"); }.FF_social__link--instagram { background-image: url("//peacocks-images.s3.amazonaws.com/web/2017/10/25/instagram-icon.svg"); }.FF_social__link--youtube { background-image: url("//peacocks-images.s3.amazonaws.com/web/2016/06/16/white_icons/youtube.png"); }.FF_social__link--blogger { background-image: url("//peacocks-images.s3.amazonaws.com/web/2017/10/25/wordpress-icon.svg"); }@media screen and (max-width: 1024px) and (min-width: 768px) { .FF_social { margin-bottom: 30px; text-align: center; } }@media screen and (max-width:767px) { .FF_social { margin-bottom: 30px; text-align: center; } }/********************************** ***** CATEGORY HEADER STYLING ***** **********************************/.overlay-text { text-align: center; position: relative; }.overlay-text--align-left { text-align: left; }.overlay-text--align-right { text-align: right; }.overlay-text__container { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; display: table; width: 100%; }.overlay-text__container--top { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: 3em auto auto; display: table; width: 100%; }.overlay-text__container--bottom { position: absolute; top: auto!important; bottom: 0; right: 0; left: 0; margin: auto auto 1em; display: table; width: 100%; }.overlay-text__content { display: table-cell; vertical-align: middle; padding: 20px 5px; }.overlay-text__link { color: #000!important; letter-spacing: 2px!important; min-width: 280px; max-width: 100%; font-weight: bold; }.overlay-text__link:hover { background-color: rgba(255, 255, 255, 0.8); }@media (min-width: 1025px) { .overlay-text__container--bottom { margin: auto auto 1em; } .overlay-text__container--double { margin-bottom: 17em; } .overlay-text__container--left { right: -45%; } .overlay-text__container--right { left: -45%; } }@media (max-width: 767px) { .FF_absolute-overlay-text__link-50 { width: 100%; position: relative; } .overlay-text__container--bottom { position: relative; } .FF_absolute-overlay-text__link-right { left: 0; } .overlay-text { margin-top: 90px; } .overlay-text__content { padding: 0 } }/** CATEGORY HEADER WITH IMAGE **/.page-wrapper>.category-header { min-height: auto; }.category-header { text-align: center; position: relative; padding: 0; margin-top: 0!important; margin-bottom: 20px; min-height: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; margin-top: 0!important; margin-bottom: 20px; min-height: 100%; background-position: top center; min-height: 220px; }.category-description .category-header { margin-bottom: 0px; }.category-header-content { position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: table; width: 100%; min-height: 100%; height: 100%; margin: auto; }.category-header-content--center { display: table; width: 100%; min-height: 100%; height: 100%; }.category-header-content-inner { display: table-cell; vertical-align: middle; padding: 20px 50px; color: #fff; min-height: 100%; height: 100%; }.category-header__title { font-size: 50px; margin: 0; font-weight: bold; text-transform: uppercase; letter-spacing: 8px; }.category-header__description { margin: auto!important; margin-bottom: 15px!important; font-size: 13px!important; line-height: 20px; color: #fff!important; max-width: 75%; }.category-header__sub-categories { display: table; padding: 0; }.category-header__sub-category { display: table-cell; float: none; vertical-align: middle; }.category-header__sub-category-link { color: #fff!important; font-size: 13px!important; font-weight: 300; height: 100%; text-transform: uppercase; text-decoration: none; padding: 8px; display: block; /**background-color: rgba(255,255,255,0.8);**/ border: 1px solid #fff; letter-spacing: 2px; }.category-header__sub-category-link:hover { background-color: rgba(255, 255, 255, 1); color: #000!important; text-decoration: none!important; }@media screen and (max-width:400px) { .category-header { display:none; } }/** STANDARD CATEGORY HEADER **/.category-header-content--standard { position: relative; width: 100%; background-color: rgba(0, 0, 0, 0.1); }.category-header-content-inner--standard { color: #000; }.category-header__title--standard {}.category-header--standard__sub-category-link { color: #000; margin-bottom: 10px; background-color: rgba(99, 157, 207, 0.4); display: block; }.category-header--standard__sub-category-link:hover { background-color: rgba(99, 157, 207, 0.6); }@media screen and (max-width:767px) { .category-header-content { position: relative; display: block; margin-top: 20px; } .category-header__title { font-size: 30px; letter-spacing: 4px; color: #fff!important; } .category-header__img { display: none; } .category-header-content-inner { display: inline-block; vertical-align: middle; padding: 0; color: #000; } .category-header-content-inner--standard { padding: 20px; } .category-header__description { margin-bottom: 25px; font-size: 12px!important; line-height: 18px; color: #000!important; max-width: 100%!important; } .category-header__sub-category { display: inline-block; } .category-header__sub-category-link { margin-bottom: 10px; background-color: rgba(0, 0, 0, 0.1); display: block; } .category-header__sub-category-link:hover { background-color: rgba(0, 0, 0, 0.2); } .category-header--standard__sub-category-link { background-color: rgba(99, 157, 207, 0.4); } .category-header--standard__sub-category-link:hover { background-color: rgba(99, 157, 207, 0.6); } }@media screen and (max-width:400px) { .category-header__sub-category { width: 50%; } }/****************** VERTICAL PRODUCT CAROUSEL ******************/.FF_vertical-carousel { width: 150px; height: auto; display: inline-block; float: right; position: absolute; right: 0; z-index: 0; text-align: center; }.FF_vertical-carousel p { font-size: 14px; }.FF_vertical-carousel-container { width: 150px; height: auto; display: inline-block; }@media screen and (max-width:1170px) { .FF_vertical-carousel { display: none; } }.slick-prev { background-position: center; width: 100%; display: inline-block; height: 40px; background-repeat: no-repeat; background-image: url('//d2nikgq6rubtj8.cloudfront.net/web/2016/01/12/uparrow.png'); -webkit-background-size: contain; background-size: contain; font-size: 0.0; color: transparent; border: none; cursor: pointer; z-index: 0; margin-bottom: 10px; background-color: #fff; }.slick-slide { margin: 15px 0; float: left; display: inline-block; position: relative; }.slick-slide a { display: inline-block; text-align: center; color: #000!important; text-decoration: none; font-size: 12px; }.slick-track { float: left; display: block; position: relative; }.slick-list { overflow: hidden; position: relative; }.slick-next:focus, .slick-prev:focus { outline: 0; }.slick-next { background-position: center; width: 100%; display: inline-block; height: 40px; margin-top: 10px; background-repeat: no-repeat; background-image: url('//d2nikgq6rubtj8.cloudfront.net/web/2016/01/12/downarrow-v2.png'); -webkit-background-size: contain; background-size: contain; font-size: 0.0; color: transparent; border: none; cursor: pointer; background-color: #fff; }.FF_vertical-carousel img { max-width: 100%; }/**** PRODUCT ITEMS 2 COLUMNS MOBILE ****/@media screen and (max-width: 640px) { .grid3-4-item { width: 46.5%; margin: 0 3.5% 2em 0; } .grid3-4-item:nth-child(2n) { margin-right: 0; } }/**** COLOR OF STARS FROM QUBIT *****/.bv-cleanslate .bv-core-container-35 .bv-inline-rating-container .bv-rating-stars-on, .bv-cleanslate .bv-core-container-35 .bv-primarySummary-rating-container .bv-rating-stars-container .bv-rating-stars { color: #F9C70F !important; }.product-view-wishlist-link { width: 100%; display: inline-block; background-color: #ccc; color: #000; padding: 7px 0; text-align: center; font-weight: bold; font-size: 10px; }.product-view-wishlist-link span span { padding: 0!important; background-color: transparent!important; border: none!important; box-shadow: none!important; background-image: none!important; border-radius: 0!important; text-shadow: none!important; font-size: 12px!important; color: #000!important; }/*newsletter-form STYLING*/#page-signup { text-align: center; }#page-signup .FF_newsletter p { display: none; }.FF_newsletter { padding: 20px 0 20px 0; }.FF_newsletter-form__group { margin: 15px 0; }.FF_newsletter-form__label, .FF_newsletter-form__group input[type=text] { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }.FF_newsletter-form__label { font-weight: bold; margin-bottom: 10px; font-size: 14px; }.FF_newsletter-form__input { padding: 10px 15px; }.FF_newsletter-form__invalid-input { border: 1px solid #FF2929; }.FF_newsletter-form__error { color: #FF2929; font-weight: bold; margin: 10px 0; }.FF_newsletter-form__group input[type=radio] { cursor: pointer; }#FF_newsletter-form__submit { padding: 10px 30px; cursor: pointer; text-transform: uppercase; background-color: black; color: white; border: none; font-size: 14px; }/*ALERT STYLING*/.FF_newsletter-form__alert { padding: 15px 0; font-size: 14px; font-weight: bold; }/** FILTERS **/@media screen and (min-width: 1025px) { .block-layered-nav .narrow-by-list dt { font-size: 13px; border: 0; border-bottom: 1px solid #B1B1B1; padding: 1em 0 0.2em; letter-spacing: 1px; text-transform: uppercase; margin: 1.5em 0 0.5em; background-position: 100% 6px; background-size: 30px; background-repeat: no-repeat; background-image: url('//peacocks-images.s3.amazonaws.com/web/2016/03/22/downarrow_filters.png'); } .block-layered-nav .narrow-by-list dt.opened { background-image: url('//peacocks-images.s3.amazonaws.com/web/2016/03/22/uparrow_filters.png'); } .block-layered-nav .narrow-by-list dd.open { display: block!important; } .block-layered-nav .narrow-by-list dd { display: none!important; } .block-layered-nav .narrow-by-list a { font-size: 12px; color: #000; } }.toolbar:first-child { border-bottom: none; }/*** BRAND NAVIGATION **/.header-wrapper { display: inline-block; width: 100%; }.FF_brand-navigation { background-color: #4c4c4c; width: 100%; float: left; color: #fff; display: inline-block; }.FF_brand-navigation__list { list-style: none; padding: 0; display: table; margin: auto; }.FF_brand-navigation__item { width: auto; display: inline-block; height: 100%; vertical-align: middle; display: table-cell; font-weight: bold; font-size: 10px; padding: 0; border-right: 1px solid rgba(255, 255, 255, 0.2); text-transform: uppercase; }.FF_brand-navigation__link { display: inline-block; font-size: 0.0; float: left; color: transparent; }.FF_brand-navigation__link:hover { background-color: #fff; }.FF_brand-navigation__item:first-child .FF_brand-navigation__link:hover { background-color: #000!important; }.FF_brand-navigation__link img { width: auto; }.FF_brand-navigation__link img.FF_brand-navigation__image--rollover { display: none; }.FF_brand-navigation__link:hover img { display: none; }.FF_brand-navigation__link:hover img.FF_brand-navigation__image--rollover { display: inline-block; }.FF_brand-navigation__item:first-child .FF_brand-navigation__link--current { background-color: #000!important; }.FF_brand-navigation__link--current { background-color: #fff; }.FF_brand-navigation__link--current img { display: none; }.FF_brand-navigation__link--current img.FF_brand-navigation__image--rollover { display: inline-block; }@media screen and (max-width:920px) { .FF_brand-navigation__link img { max-height: 32px; } }/*** HOME PAGE INSTAGRAM FEED STYLES ***/#instafeed { padding: 20px 0; }#instafeed>a { display: none; }#instafeed img { width: 50%; float: left; }#instafeed h2 { padding-bottom: 15px }#instafeed h2 img { width: 33px }div#flint_feefo_product_list { height: 20px; }/*@media (max-width: 767px) { #instafeed {padding:20px 0 10px 0} #instafeed a {display:none;} #instafeed img {width:50%;} #instafeed a:nth-child(2),#instafeed a:nth-child(3),#instafeed a:nth-child(4),#instafeed a:nth-child(5) {display:block;} #instafeed h2 img {width:26px;} }@media (max-width: 1024px) and (min-width: 768px) { #instafeed img {width:25%} }*//*** HOME PAGE REDESIGN - 20/09/2016 ***/#blogFeed { margin-bottom: 20px; padding: 20px 0; }#blogFeed>div { padding-left: 0 !important; }#blogFeed h2 { padding-bottom: 15px; }#blogFeed h2 img { width: 30px; float: left; margin-right: 3px; }.blog-item { background-position: center center; height: 270px; position: relative; }#blog-item-1 { border-right: 8px solid #fff; }#blog-item-2 { border-left: 8px solid #fff; }.blog-item a { display: block; color: #000; font-weight: bold; text-decoration: none; position: relative; top: 50%; transform: translateY(-50%); }.blog-item a:hover { text-decoration: none; color: #000; }.blog-item p { background-color: rgba(255, 255, 255, 0.8); margin: 180px 20px 0 20px; padding: 0 20px; height: 70px; text-align: center; }@media screen and (max-width: 640px) { .blog-item { border: 0 !important; } }@media screen and (min-width: 640px) { .product-item .product-name { font-size: 12px; font-size: 1.2rem; min-height: 36px; } }/** fix category page - product h2 needs height else breaks grid **/.product-item .product-name { min-height: 20px; }/******************* PRODUCT PAGE GRID RESPONSIVE **********************/ li.product-item.FF_grid-25.FF_tablet-grid-25.FF_mobile-grid-50 { margin-bottom:25px; }li.product-item.FF_grid-25.FF_tablet-grid-25.FF_mobile-grid-50 img { margin:auto; }li.product-item.FF_grid-25.FF_tablet-grid-25.FF_mobile-grid-50:nth-child(4n+1) { clear: left; }li.product-item.FF_grid-25.FF_tablet-grid-25.FF_mobile-grid-50 .product-image { height: auto!important; padding-bottom: 0!important; margin: auto!important; }li.product-item.FF_grid-25.FF_tablet-grid-25.FF_mobile-grid-50 .product-image img { position: relative!important; margin: auto!important; right:0; }li.product-item.FF_grid-25.FF_tablet-grid-25.FF_mobile-grid-50 img.product-item-rollover { right: 0!important; }li.product-item.FF_grid-25.FF_tablet-grid-25.FF_mobile-grid-50 img.product-item-rollover, li.product-item.FF_grid-25.FF_tablet-grid-25.FF_mobile-grid-50 img.product-item-promo-flag { position: absolute!important; }@media screen and (max-width:767px) { li.product-item.FF_grid-25.FF_tablet-grid-25.FF_mobile-grid-50:nth-child(2n+1) { clear: left; } }/************* ELFIE STYLING **************/#swinging-elves { position: absolute; right: -380px; top: 29px; }.cms-elfie #swinging-elves { display: none; }@media (max-width: 1580px) { #swinging-elves { display: none; } }.add-to-bag-elfie { cursor:pointer; }.module-accordion-heading-pcks.closed, .module-accordion-heading-pcks { background-image: none!important; }.module-accordion-heading-pcks { padding:1em 1em 1em 1.4em !important; margin:0 !important; font-size:14px !important; line-height:1.2 !important; position:relative !important; }.module-accordion-info .module-accordion-heading-pcks:after { position: absolute; top: 1.8em; left: 0; font-size: 9px; font-size: 0.9rem; } .module-accordion-heading-pcks:after { font-size: 8px; font-size: 0.8rem; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #444; content: "•"; float: left; font-weight: normal; margin-right: 1em; }.module-accordion-heading-pcks.closed:after { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .module-accordion.module-accordion-info select { display: none; }.module-accordion-content { display:none; }.module-accordion-content.open-menu { display:block !important; } .module-accordion-content-container { padding-bottom: 0 !important; padding-left: 0 !important; padding-top: 0 !important; }.module-accordion-heading-pcks a { text-decoration: none !important; font-weight: bold; }.module-accordion-item { border-bottom: 0 !important; }.sub-nav .dropdown-nav-list { padding:0 0 0 20px !important; font-size: 14px !important; font-weight: normal !important; background:0 !important; }.sub-nav .dropdown-nav-list a { border:0 !important; padding:0 !important; color:#641f2d !important; }.sub-nav ul li { border-bottom: 1px solid #f1f1f1; padding: 7px 0 !important; } .tabbed-content-container { display:none; } .tabbed-content-container.open-content { display:block; }#size-guide .tabbed-content-container.open-content { margin-top: 20px !important; }.tabbed-content-container h3 { font-weight: bold !important; font-size: 14px !important; }.sub-nav .dropdown-nav-list.tabbed-boxes { padding: 0 !important; }.sub-nav .dropdown-nav-list.tabbed-boxes a.sub-nav-current { color:#fff !important; background:#7a2523 !important; }.sub-nav ul.tabbed-boxes li { border: 1px solid #7a2523 !important; margin-right: 10px !important; width: calc(33% - 10px) !important; width: -moz-calc(33% - 10px) !important; width: -webkit-calc(33% - 10px) !important; width: -moz-calc(33% - 10px) !important; padding: 0 !important; text-transform: uppercase; }.sub-nav ul.tabbed-boxes li:last-child { margin-right: 0 !important; width: 33% !important; }.sub-nav ul.tabbed-boxes li a { padding: 10px 0 !important; display: block !important; }.dropdown-nav-select { padding-bottom:0; }.prim .subnav { padding:0; -webkit-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 3px 4px 4px 1px rgba(0,0,0,0.3); box-shadow: 3px 4px 4px 1px rgba(0,0,0,0.3); background: #f8f8f8; }.subnav > ul { padding-top:20px; }.subnav .highlighted { background-color:#E3E3E3; text-align:right; padding-right:20px; }.prim .hover .subnav { display:flex; }.prim ul ul.level0 { width:100% !important; }.prim .submenu-image { width:100%; margin-bottom: 20px; }@media screen and (max-width: 400px){ .module-accordion.module-accordion-info select { display:block; } body:not(.storefinder-index-index) .content .module-accordion-item { display:none; }}@media (max-width: 767px) {#promoThreeBlock a {color:#FE0000} #promoThreeBlock > div {display:none;} #promoThreeBlock >div:nth-child(1) {display:block;} }/** LANDING PAGE WEB TEXT STYLES **/ .std .LP_block a, .LP_block a{text-decoration:none;color:#000000;font-weight:bold;text-align:center;} .catalog-category-view .LP_block a {font-size:13px;} .LP_block {border-bottom:1px solid #eeeeee;} .LP_block p {padding: 10px 0; font-weight: normal; letter-spacing: 1px;}/** MEGA MENU STYLES **/@media screen and (min-width: 1025px) { .prim .subnav, .prim .subnav.three-columns	{ width:100vw !important; left:0; background:#ffffff; } }.menu-sub-nav .menu-sub-nav-back { display:none; }/*** SITE REDESIGN HOME PAGE AND OTHER TWEAKS - NOVEMBER 2017 **/ .cms-home .site-wrapper { max-width: 1920px; margin: 0 auto; padding-left:0; padding-right:0; clear:both; } .cms-home .page { margin:0; }.cms-home h1 { text-align: center; font-size: calc(25px + (39 - 25) * ((100vw - 300px) / (1680 - 300))); text-transform:uppercase; font-weight:normal; padding-bottom:0; margin:20px 0 0; letter-spacing: 9px; font-weight: 300; } .cms-home h1.with-keyline { margin-top:0; margin-bottom:20px; } .cms-home .HP-content-block h2{ font-variant: small-caps; text-align: center; margin: 0 auto 20px auto; font-weight: 100; letter-spacing: 1px; width: 33%; color: #555; font-size: 24px; width: 40%; line-height: 27px; } .cms-home h3 { width: 100%; margin: 0; padding: 0; text-align: center; font-size:18px; } .cms-home h3:after { display: inline-block; margin: 0 0 3px 20px; height: 1px; content: " "; text-shadow: none; background-color: #999; width: 140px; } .cms-home h3:before { display: inline-block; margin: 0 20px 3px 0; height: 1px; content: " "; text-shadow: none; background-color: #999; width: 140px; } .cms-home .HP-content-block a { display:block; position:relative; } #HP-hero-banner { width: 100%; max-width: 1600px; margin: 0 auto 20px; } .HP-content-block { max-width: 1232px; margin-bottom: 40px; } .HP-content-block img:hover { opacity: 0.9; } .FF_margin-bottom-16 { margin-bottom: 16px; } .FF_margin-top-16 { margin-top: 16px; } p.HP-web-text { background: #f6dc25; text-transform: uppercase; letter-spacing: 2px; text-align: center; color: #222; font-size: calc(16px + (30 - 16) * ((50vw - 400px) / (1680 - 400))); font-weight: 300; opacity: 1; letter-spacing: 5px; padding: 10px 0; bottom:0; width:100%; position:absolute; } .HP-blog-post-container:not(:last-child) { margin-right:10px; } .HP-blog-post-detail { border: 1px solid #000; border-top: 0; padding: 10px; text-align:left; height:221px; } .HP-blog-post-title { text-transform: uppercase; text-align: left; margin-top: 20px; font-weight:bold; } .HP-blog-post-read-more a { text-decoration:none; color: #000; }.cms-home .slick-prev { background: url(//peacocks-images.s3.amazonaws.com/web/2017/05/12/arrow-left-25.png) center center no-repeat; left:-40px; }.cms-home .slick-prev:hover { background: url(//peacocks-images.s3.amazonaws.com/web/2017/05/12/arrow-left-75.png) center center no-repeat; }.cms-home .slick-next { background: url(//peacocks-images.s3.amazonaws.com/web/2017/05/12/arrow-right-25.png) center center no-repeat; right: -40px; }.cms-home .slick-next:hover { background: url(//peacocks-images.s3.amazonaws.com/web/2017/05/12/arrow-right-75.png) center center no-repeat; }.cms-home .slick-arrow { display: block; height: 30px; width: 30px; position: absolute; top: 46%; transition: all 0.4s ease 100ms; z-index: 999; cursor: pointer; z-index:100; }.cms-home .slick-arrow:before {display:none;}@media (max-width: 1024px) { .HP-content-block img { margin:0 auto; } .HP-blog-posts-carousel { padding:0 30px; } .cms-home .slick-prev { left:-15px; } .cms-home .slick-next { right:-15px; } .HP-blog-posts-carousel .slick-prev{ left:0; } .HP-blog-posts-carousel .slick-next{ right:0; } .prim a { display:block; } .prim .subnav { box-shadow:none; } } @media (max-width: 1024px) and (min-width: 768px) { .cms-index-index .site-wrapper.second { padding-top:0; } .cms-home .HP-content-block h2 { width:38%; } .FF_tablet-padding-left-0 { padding-left:0; } .FF_tablet-padding-right-0 { padding-right:0; } .FF_tablet-margin-top-0	{ margin-top:0; } .FF_tablet-margin-bottom-10 { margin-bottom:10px; } .cms-home .FF_newsletter h2 { text-align:center; } footer .FF_newsletter__button { width: 100%; margin-top: 20px; } #footer-social-block { padding-bottom:0; } p.HP-web-text { letter-spacing:3px; } }@media (max-width: 767px) { .FF_mobile-padding-left-0 { padding-left:0; } .FF_mobile-padding-right-0 { padding-right:0; } .FF_mobile-margin-bottom-20 { margin-bottom:20px; } .FF_mobile-margin-bottom-0 { margin-bottom:0; } .FF_mobile-margin-top-16 { margin-top:16px; } .cms-home .HP-content-block h2 { width: 75%; } #HP-hero-banner { padding:0 18px; } .cms-home h3:before, .cms-home h3:after{ width:60px; } .cms-home .FF_newsletter h2 { text-align:center; } footer .FF_newsletter__button { width: 100%; margin-top: 20px; } .FF_social__item:first-child { display:block; } #footer-links-block { padding: 0; } #footer-copyright-row li:last-child { display:block; } .FF_footer-logos-left__logos { margin-bottom:20px; } #footer-social-block { padding-bottom:0; } footer .FF_newsletter h2 { text-align:center; } .HP-blog-post-container:not(:last-child) { margin-right:0; } .HP-content-block { margin-bottom:20px; } }/*** category carousel tweak ***/ #category-slider { max-width:1200px; margin:auto; } /*** checkout header tweak ***/ .checkout-onepage-index header.primary { padding:20px 0 !important; } /*** top nav right links tweak ***/ .header__topbar .header__topbar-right { font-size:0; display:none; } .header__topbar-right a:first-child { border-top-left-radius:2px; padding-left:20px; } .header__topbar-separator { margin: 0; padding: 3px 15px 2px; margin-bottom: -2px; } /*** category header p links tweak ***/ #cat-wrapper > p > a { text-decoration: none; color: #666; font-weight: bold; } /** accordion and tabbed content styles **/ .responsive-tabs { font-size:14px; max-width:1200px; margin:auto; } .responsive-tabs > dt.title { font-size: 15px; margin-bottom: 20px; position: relative; text-align: center; padding: 0; text-transform: uppercase; } .responsive-tabs > dt > a, .responsive-tabs > dt > a:hover { text-decoration: none; }.responsive-tabs > dt > a{ font-weight: bold; letter-spacing: uppercase; height: 100%; display: inline-block; width: 100%; color: rgba(0,0,0,0.5); transition: all 300ms ease-in-out; } .responsive-tabs > dt > a:hover { color: black; } .responsive-tabs > dd.tabs-content { display: none; margin: 0 0 20px; padding: 30px; border: 1px solid #b2b2b2; border-top: none; } .responsive-tabs > dt.active { margin-bottom: 0; border-bottom: none; }.responsive-tabs > dt.active a { color: black; } .responsive-tabs > dt.active + dd.tabs-content { display: block; } .responsive-tabs > dd.tabs-content a { text-decoration: underline; margin-top: 10px; } .responsive-tabs > dd.tabs-content h3 { margin: 0 0 10px; }.responsive-tabs > dd.tabs-content .section { margin-bottom: 40px; } .responsive-tabs > dd.tabs-content .section:last-child { margin: 0; } .responsive-tabs > dd.tabs-content ol { padding-left: 10px; list-style-type: decimal; } .responsive-tabs > dd.tabs-content ul { padding-left: 10px; list-style:none; } .responsive-tabs > dd.tabs-content ul li:before { content: "•"; font-size: 20px; margin-right: 5px; line-height: 16px; vertical-align: middle; margin-left: -12px; width: 7px; }@media(max-width:767px) { .responsive-tabs > dt.title { text-transform: uppercase; font-family: $font-special; letter-spacing: 0.9px; font-size: 13px; height: 44px; line-height: 42px; background-color: white; border: 1px solid #b2b2b2; color: rgba(0,0,0,0.3); padding: 0; transition: all .15s ease-in-out; }.responsive-tabs > dt.title.active { border-bottom: none; } .responsive-tabs > dt.title:hover, .responsive-tabs > dt.title:active { color: black; } .responsive-tabs > .tabs-content h2 { text-align: center; font-size: 14px; padding: 40px 20px; } .responsive-tabs > .tabs-content dl { border-bottom: 1px solid #b2b2b2; } } @media (min-width: 768px) { .responsive-tabs { text-align: center; margin: 0 auto 60px auto; max-width: 800px; } .responsive-tabs:after { content: " "; display: table; clear: both; } .responsive-tabs > dd.tabs-content { text-align: left; display: block; float: right; width: 100%; margin-left: -100%; opacity: 0; top: 60px; margin-bottom: 60px; position: relative; border-top: 1px solid #b2b2b2; padding: 50px; z-index: -1; height: 0; overflow: hidden; } .responsive-tabs > dd.tabs-content.active { opacity: 1; z-index: 2; height: auto; } .responsive-tabs > dd.tabs-content .kinetic-accordion { margin: 0 0 60px; } .responsive-tabs > dd.tabs-content .kinetic-accordion h2 { margin: 10px 0; font-size:18px; font-weight:bold; padding:0; } .responsive-tabs > dd.tabs-content .kinetic-accordion h3 { font-size:14px; font-weight:bold; } .responsive-tabs > dd.tabs-content .kinetic-accordion p { margin-left:20px; } .responsive-tabs > dd.tabs-content .kinetic-accordion .main, .responsive-tabs > dd.tabs-content .kinetic-accordion .main	p { margin-left:0; } .responsive-tabs > dt.title { display: inline-block; text-align: center; max-width: 45%; opacity: 0.8; position: relative; height: 60px; line-height: 60px; border: none; float: none; margin-right: -4px; width: auto; padding: 0 20px; box-sizing: content-box; } .responsive-tabs > dt.title:last-child:before { content: ''; width: 1px; height: 15px; background: black; display: inline-block; opacity: 0.5; position: absolute; left: 0; } .responsive-tabs > dt.title::after { content: ''; width: 0; height: 3px; background: black; display: block; margin: 0 auto; position: relative; bottom: 1px; z-index: 3; transition-property: width; transition-duration: 0.2s; transition-timing-function: ease-in-out; } .responsive-tabs > dt.title.active { opacity: 1; } .responsive-tabs > dt.title.active::after { width: 50px; } .responsive-tabs > dt.title:hover { border: none; } .responsive-tabs > dt.title a::after { display: inline-block; position: absolute; right: 0; top: 20px; transform: none; height: 20px; width: 1px; background-color: #b2b2b2; background-image: none; margin: 0; } .responsive-tabs > dt.title:last-of-type a::after, .responsive-tabs > dt.title.last a::after { display: none; } .responsive-tabs.tabs-1 > dt.title { max-width: 100%; margin: 0; } .responsive-tabs.tabs-2 > dt.title { max-width: 45%; } .responsive-tabs.tabs-3 > dt.title { max-width: 30%; } .responsive-tabs.tabs-5 { max-width: 100%; } .responsive-tabs.tabs-5 > dt.title { max-width: 19%; } .responsive-tabs.tabs-6 { max-width: 100%; } .responsive-tabs.tabs-6> dt.title { max-width: 15%; } .responsive-tabs.tabs-7 { max-width: 100%; } .responsive-tabs.tabs-7 > dt.title { max-width: 13%; } .responsive-tabs.tabs-8 { max-width: 100%; } .responsive-tabs.tabs-8 > dt.title { max-width: 12%; } .tabs-content { border: 1px solid #b2b2b2; padding: 50px; } .mobile-menu-open .responsive-tabs > dd.tabs-content.active { z-index: 0; } }.kinetic-accordion > dt, .kinetic-accordion > dd { width: 100%; text-align: left; position: relative; } .kinetic-accordion > dt { padding: 20px 0; border-top: 1px solid #b2b2b2; font-weight:bold; font-size:20px; } .kinetic-accordion > dt::after { content: '+'; position: absolute; right: 10px; font-size: 15px; color: black; top: 50%; transform: translate(0, -50%); } .kinetic-accordion > dt.active::after { content: '-'; } .kinetic-accordion > dt:hover { cursor: pointer; } .kinetic-accordion > dt.active + dd { border-top: 1px solid #b2b2b2; } .kinetic-accordion > dt.active + dd::before { content: ''; position: absolute; top: -2px; left: 0; width: 50px; height: 3px; background: black; display: block; visibility: visible; } .kinetic-accordion > dd { margin: 0; padding: 20px; }@media (min-width:768px) { .kinetic-accordion > dt:first-of-type { border-top: 1px solid #b2b2b2; } .kinetic-accordion > dt:last-of-type { border-bottom: 1px solid #b2b2b2; } .kinetic-accordion > dt:last-of-type.active { border-bottom: none; } .kinetic-accordion > dt:last-of-type.active + dd { border-bottom: 1px solid #b2b2b2; } .kinetic-accordion > dt.active + dd::before { width: 100px; } }/** GIFT CARDS LANDING PAGE**/ @media (min-width: 768px){ #giftcards-wrapper { max-width: 100%; background:url(https://peacocks-images.s3.amazonaws.com/web/2018/October/25/Left.jpg) no-repeat left center,url(https://peacocks-images.s3.amazonaws.com/web/2018/October/25/Right.jpg) no-repeat right center; position:relative; top:-3px; } } .cms-giftcards .site-wrapper { background-color:#fff; } #giftcards h1 { font-size: 11em; font-weight: bold; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: black; letter-spacing: 7px; padding-bottom:0; } #giftcards h2 { -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; letter-spacing: 5px; font-size: 3em; }  #giftcards p { letter-spacing:2px; } @media (max-width: 767px){ #giftcards h1 { font-size: 4em; } .cms-giftcards .page.primary { margin:0; } .cms-giftcards .std { margin-top:0; } } /** CHRISTMAS WISHLIST **/ .wishlist-index-index h1 { display:none; } .wishlist-index-index .title-buttons { margin-bottom:50px; } .wishlist-index-index #wishlist-table { margin-bottom:50px; border-top:1px solid #ccc; } .wishlist-index-index #wishlist-table, .wishlist-index-index #wishlist-table td { border:none; padding:0; } .wishlist-index-index #wishlist-table tr { display:block; position:relative; margin:13px 0; } .wishlist-index-index #wishlist-table tr:after { display: block; width: 100%; content: url(https://peacocks-images.s3.amazonaws.com/web/2018/November/7/Stars-Icon-01.svg); margin: auto; background: transparent; position: absolute; bottom: -37px; padding: 0 20px; left: 50%; transform: translate(-50%, 0); } .wishlist-index-index #wishlist-table button.button { background: #000 url(https://peacocks-images.s3.amazonaws.com/web/2018/November/7/Shopping-bag-Icon.svg) 93% center no-repeat; background-size: 18px; margin-bottom:10px; } .wishlist-index-index #wishlist-table a.button { background: #000 url(https://peacocks-images.s3.amazonaws.com/web/2018/November/7/Bin-Icon.svg) 93% center no-repeat; background-size: 18px; margin-bottom:10px; } #wishlist-view-form .button { max-width:150px; } .wishlist-index-index #wishlist-table button span span { font-weight:normal; } .wishlist-index-index #wishlist-table button > span, .wishlist-index-index #wishlist-table .button > span { padding-right:20px; } .wishlist-index-index .buttons-set .button { margin-right:10px; } .wishlist-index-index .wishlist-empty { text-align:center; } @media screen and (max-width: 767px) { .wishlist-index-index main, .wishlist-index-share main	{ margin:0; } .wishlist-index-index aside, .wishlist-index-share aside { margin:0 1em; } .wishlist-index-index #wishlist-table td { display:inline-flex; width:70%; } .wishlist-index-index #wishlist-table td:first-child { width:30%; float:left; } .wishlist-index-index #wishlist-table tr { display:inherit; position:inherit; } .wishlist-index-index #wishlist-table tr td .cart-cell { width:100%; margin-right:10px; } .wishlist-index-index #wishlist-table tr:after { content: url(https://peacocks-images.s3.amazonaws.com/web/2018/November/7/stars-mobile-01.svg); position:relative; bottom:14px; } #wishlist-view-form .button { max-width:none; margin:0; } .wishlist-index-index .wishlist-empty { width:70%; margin:auto } .wishlist-index-index .wishlist-empty a { width:50%; } } .wishlist-index-share .content form, .wishlist-index-share .content .page-title {width:30%;margin:auto;text-align:left;} .wishlist-index-share .content .page-title {margin:80px auto 30px auto;} .wishlist-index-share .content .page-title h1 {font-size: 31px;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #000;letter-spacing: 1px;padding-bottom:0;} .wishlist-index-share .content label {font-weight:normal;} .wishlist-index-share .content .recaptcha {text-align:center;} @media (max-width: 1024px) and (min-width: 768px) { .wishlist-index-share .content form, .wishlist-index-share .content .page-title {width:50%;} } @media screen and (max-width: 767px) { .wishlist-index-share .content form, .wishlist-index-share .content .page-title {width:80%;} }/*** CAR COMP TAB ***/ #car-comp-tab { width: 80px; right: 0; position: fixed; bottom: 50vh; z-index:1; }/** product sizes styling update 16-4-19 **/.product__option--disabled { background-color: #e8e8e8; border: 2px solid #e6e6e6; }.product__option--disabled:after, .product__option--disabled:before{ content: ""; width: 140%; height: 1px; background: #cacaca; position: absolute; left: -18%; top: 50%; }.product__option{ min-width: 51px; padding: 1em; display: inline-block; text-align: center; border: 2px solid #e6e6e6; text-decoration: none; overflow: hidden; margin-bottom: .3em; }.product__option--disabled span.product__option-value { color: #9d9d9d; }.product__option--active { background: #000000; color: #fff; border: 2px solid #333333 !important; }.product__option--active:hover { color: #ffffff !important; }.FF_single-product__main-image, .FF_single-product__thumbnail-image { width: 100%; }
@media screen and (min-width: 769px) {
  .sixbysix-default .complete-the-look__wrapper .product-item:not(.slick-slide), .sixbysix-default .recently-viewed__wrapper .product-item:not(.slick-slide) {
    max-width: 25%;
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .sixbysix-default .complete-the-look__wrapper .product-item:not(.slick-slide), .sixbysix-default .recently-viewed__wrapper .product-item:not(.slick-slide) {
    max-width: 100%;
    display: inline-block;
  }
}