/*
Liberty London custom CSS - CSS for changing global styles
Any styles here that need to be added to the core style.css should be removed from here at time of release to prevent duplication.
Author: James Finch
*/

.footer h4 {
    text-transform: uppercase;
    font-family: "Avenir LT W01_85 Heavy1475544",sans-serif;
    letter-spacing: 1px;
}

/* Move roundel for accessories > jewellery only */
body.category-listing.accessories-jewellery .product-tile {
    overflow: visible;
    padding-top: 24px;
}

body.category-listing.accessories-jewellery .product-tile .roundel {
    margin-top: -24px;   
}

/*Department Landing Pages*/
/*Expose 2 panels - DLP's*/
.category-landing:not(.gifts) .ghost-button.show-more {
    display: none;
}

.category-landing:not(.gifts) .grid-panel-two.more-content {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    max-height: none;
}

/* Fashion PDP slider colour - need solution for css based on if product imagery shot on grey - flag in AX */
.women-clothing:not(.women-clothing-sleepwear) .product-image-container .slick-track,
.womenswear .product-image-container .slick-track,
.men-clothing .product-image-container .slick-track,
.liberty-collections-men-sleepwear .product-image-container .slick-track {
    background-color: #dad9d5;
}

.category-listing.men-clothing-socks-and-underwear .product-image-container .slick-track,
.product-page.men-clothing-socks-and-underwear .product-image-container .slick-track,
.category-listing.women-clothing-liberty-shirts .product-image-container .slick-track,
.product-page.women-clothing-liberty-shirts .product-image-container .slick-track,
.category-listing.men-clothing-liberty-shirts .product-image-container .slick-track,
.product-page.men-clothing-liberty-shirts .product-image-container .slick-track {
    background-color: #ffffff;
}

/* END Fashion PDP slider colour */

/* Hide crest when promo banner exisit on sign in page */
.pt_login .liberty-london-crest-ffffff {
    display: none;
}

/* Beauty Icons */
.beauty-content-wrapper p em {
    font-family: "ITC Caslon_224 W01 Book1551458", Georgia, serif;
}

.beauty-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.beauty-icons li {
    display: inline-block;
    width: 80px;
    margin: 10px;
    text-align: center;
    line-height: 1.1;
}

.beauty-icons li span {
    font-family: "Avenir LT W01_65 Medium1475532", sans-serif;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: normal;
}

.beauty-icons li:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.vegan-icon:before {
    background-image: url(../images/vegan-icon.svg);
}

.cruelty-free-icon:before {
    background-image: url(../images/cruelty-free-icon.svg);
}

.spf-icon:before {
    background-image: url(../images/spf-icon-v3.svg);
}

.natural-icon:before {
    background-image: url(../images/natural-icon-v2.svg);
}

.sustainable-packaging-icon:before {
    background-image: url(../images/sustainable-packaging-icon.svg);
}

.brightening-icon:before {
    background-image: url(../images/brightening-icon.svg);
}

.antioxidant-icon:before {
    background-image: url(../images/antioxidant-icon.svg);
}

.fragrance-free-icon:before {
    background-image: url(../images/fragrance-free-icon.svg);
}

.hydrating-icon:before {
    background-image: url(../images/hydrating-icon.svg);
}

.long-lasting-icon:before {
    background-image: url(../images/long-lasting-icon-v3.svg);
}

.smoothing-icon:before {
    background-image: url(../images/smoothing-icon.svg);
}

.oil-free-icon:before {
    background-image: url(../images/oil-free-icon.svg);
}

/***** To remove for SP:24 release *****/
html {
    margin-right: 0 !important;
}

.scroll-for-more.chevron-down-ffffff {
    margin-top: -65px;
}

/* Footer podcast icon */
a.podcast-icon-000000 {
    background-image: url(../images/podcast-icon-simple-000000.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

/* Footer h3 update */
.footer-social h3 a {
    display: block;
    width: auto;
    height: auto;
    text-indent: 0;
    color: #000;
}

@media only screen and (min-width: 960px) {
    .footer-social .content-asset {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

/* Checkout updates */
.body_checkout .shipping-step.shipping-step-2 {
    float: left;
    width: 100%;
}

#main .checkoutsection #coupons-form {
    float: left;
    width: 100%;
    overflow: initial;
}

/* Scheduled PLP styles */
.plp-ad {
    background-position: 50%;
    background-size: cover;
}

.plp-ad .center-vertical .panel-text {
    bottom: 0;
    left: 0;
    right: auto;
    text-align: left;
}

.plp-ad .center-vertical .pre-heading,
.plp-ad .center-vertical p.sub-heading {
    margin-bottom: .8rem;
}

@media screen and (max-width: 1050px) {
    .plp-ad .center-vertical h4.heading {
        font-size: 1.3rem;
        line-height: 1.2;
    }
}

/* Check Out Cart table error message inline with the rest of text */
#cart-table .item-details span.error {
    line-height: 1.5;
    margin-left: 10px;
}

/* Hide fabric strip */
.fabric-strip {
    display: none;
}

/* Product hover copy */
.shop-products-grid p.item-name,
.shop-products-grid span.text-cta {
    color: #000;
}

.shopping-feature p.item-name,
.shopping-feature span.text-cta {
    color: #000;
}

/* Feature title updates */
.content-asset-page .video .center-vertical {
    color: #fff;
}

.content-asset-page .center-vertical {
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .content-asset-page .center-vertical .hero-copy h2 {
        display: none;
    }
}

/*Features page styles*/
.article-listing .read-more-content .row .content-asset {
    justify-content: unset;
}

.article-listing .read-category-block:last-child {
    display: block !important;
}

@media screen and (min-width: 960px) {
    .article-listing .read-category-block {
        width: 16%;
    }
}

@media screen and (min-width: 769px) {
    .read-category-block {
        width: 33%;
    }
}

/* Delivery tabs */
.deliveryinfo-tabs-wrapper .deliveryinfo-tabs {
    display: none;
}

.deliveryinfo-tabs-wrapper.ui-tabs .deliveryinfo-tabs {
    display: block;
}

/* Make show more button more prominent */
.homepage-grid .ghost-button.show-more {
    float: none;
    margin: 0 auto;
    clear: both;
    display: block;
    width: 100%;
    text-align: center;
    max-width: 340px;
}

/* Curalate title */
h2.curalate-title {
    font-size: 18px;
    text-align: center;
}

h2.curalate-title a {
    color: #000;
    border-bottom: 1px solid transparent;
}

h2.curalate-title:hover a {
    border-bottom: 1px solid #000;
}

/* Store Servie Hub Landing - Hide index thumb images */
.service-hub-landing img.index-abstract-image {
    display: none;
}

/* Store Service Page - Limited line on the title (maximum two lines) */
.service-hub-item .amplience-abstract div:last-child h4 {
    letter-spacing: normal;
    margin: 0 0 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Store Service Page - additional part font size */
.service-hub-additional-content .service-hub-additional-item .content-asset-abstract .amplience-abstract div:last-child h4 {
    font-size: 16px;
}

/* Store Service Page - additional part remove pre-text */
.service-hub-additional-item span.pre-heading {
    display: none;
}

/* Store Service Page - Mobile */
@media screen and (max-width: 768px) {
    .service-hub-landing section {
        padding: 0 10px;
    }

    .service-hub-landing .secondary-navigation {
        padding: 0px;
    }
}

/* Contet-asset-page - Hiding abstract image */
.content-asset-page .amplience-abstract {
    display: none;
}


/* Max height on product swatch variants */
@media only screen and (min-width: 931px) {
    .product-variations .attribute .value {
        max-height: 110px;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 931px) and (min-width: 600px) {
    .product-variations .attribute .value {
        max-width: 100%;
    }
}

/*Social Plugin*/
.row.full-width.article-social-container.sharer-0 .social.top {
    margin-top: 0 !important;
}

.article-social-container .social ul {
    margin-top: 22px !important;
}

.article-nav .share {
    color: #f5f5f5;
}

@media only screen and (max-width: 1200px) {
    .article-social-container .social ul {
        margin-top: -40px !important;
    }

    .article-nav .share {
        color: #666666;
    }
}

/* Helper for hiding category links in events that do not contain content assets */
#main li[data-folderid="content-hub-events-meettheexpert"],
#main li[data-folderid="content-hub-events-inconversation"] {
    display: none;
}

/* Helper for hiding promo message on PDP and PLP when needed only in basket */
.product-tile .hide-PDP-PLP,
#pdpMain .hide-PDP-PLP {
    display: none;
}

/* Shipping promos */
#shipping-method-list .shipping-promos li {
    list-style-type: none;
    color: #c49a6c;
}

/* Editorial updates for Dynamic Content */
.content-asset-page p {
    font-size: 16px;
    line-height: 26px;
}

h5.question {
    font-size: 13px;
    font-family: "Avenir LT W01_85 Heavy1475544", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
}

p.drop-cap:first-letter {
    float: left;
    font-size: 500%;
    line-height: .9;
    display: inline-block;
    margin-right: 15px;
    font-family: "ITCCaslon224W05-Black", Georgia, serif;
}

@-moz-document url-prefix() {
    p.drop-cap:first-child:first-letter {
        margin-top: 10px;
    }
}

.one-column figure.wide-image {
    margin-left: -10%;
    width: 120%;
}

.one-column figure {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
    position: relative;
    margin-bottom: 40px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
}

.one-column figure figcaption {
    font-family: "Avenir LT W01_85 Heavy1475544", sans-serif;
    position: absolute;
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    left: -20px;
    top: 20px;
}

.one-column figure a {
    display: block;
}

.one-column figure img {
    width: 100%;
    transition: all 300ms ease;
}

.one-column figure h6 {
    color: #999;
    font-size: 11px;
    line-height: 1.5;
    display: inline-block;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: -5px 15px 0;
    transform-origin: -5px 15px 0;
    float: left;
    position: absolute;
    bottom: 0;
    left: 0;
}

.two-column-layout {
    -webkit-columns: 2 278px;
    -moz-columns: 2 278px;
    columns: 2 278px;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
    margin-bottom: 60px;
}

.content-asset-page blockquote {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
}

.content-asset-page blockquote footer {
    display: inline;
}

.two-column-layout blockquote p {
    padding: 0;
}

.article.one-column img:hover {
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.article.one-column .article-slider .slick-slide {
    height: auto;
}

.article.one-column .article-slider figure {
    margin: 0;
}

.article.one-column .article-slider figure figcaption {
    bottom: 0;
    top: auto;
    left: 0;
    padding: 5px 15px;
    font-size: 11px;
    background: none;
    color: #000;
}

.article.one-column .article-slider a {
    position: relative;
    display: block;
}

.content-asset-page .main-article h2,
.content-asset-page .main-article h3 {
    line-height: 1.2;
}

.content-asset-page .main-article h3 {
    font-size: 1.5rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.article.two-column .main-article>.row {
    -webkit-columns: 2 400px;
    -moz-columns: 2 400px;
    columns: 2 400px;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
}

.content-asset-page .two-column blockquote {
    text-align: left;
}

.content-asset-page .two-column blockquote:before {
    display: none;
}

.content-asset-page .two-column blockquote p {
    padding: 0
}

.article.two-column figure {
    margin-bottom: 32px;
}

@media only screen and (max-width: 1017px) {
    .two-column-layout {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    .content-asset-page .main-article .eight.centered {
        padding: 0 5%;
    }

    .content-asset-page .article.one-column .article-slider {
        margin-top: 30px;
    }

    .content-asset-page .article.one-column p {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 1024px) {
    .one-column figure figcaption {
        font-size: 13px;
        padding: 5px 10px;
        top: 10px;
        left: -10px;
    }
}

/* Video Header */
.one-column .video-hero,
.two-column .video-hero {
    height: 740px;
    position: relative;
    height: calc(100vh - 150px);
    z-index: 0;
    overflow: hidden;
}

.one-column .video-hero video,
.two-column .video-hero video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

.one-column div#my-video,
.two-column div#my-video {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
}

.one-column video#my-video_html5_api,
.two-column video#my-video_html5_api {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
}

.one-column .video-hero .center-vertical,
.two-column .video-hero .center-vertical {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.one-column .video-hero .center-vertical .pre-heading,
.two-column .video-hero .center-vertical .pre-heading,
.one-column .video-hero .center-vertical .ghost-button,
.two-column .video-hero .center-vertical .ghost-button {
    color: #fff;
    border-color: #fff
}

.one-column .video-hero .center-vertical .ghost-button:hover,
.two-column .video-hero .center-vertical .ghost-button:hover {
    background: #fff;
    color: #000;
}

@media only screen and (max-width: 768px) {

    .one-column .video-js,
    .two-column .video-js {
        padding-bottom: 100% !important;
    }

    .one-column .video-js .vjs-tech,
    .two-column .video-js .vjs-tech {
        width: 200%;
        margin-left: -50%;
    }

    .one-column video#my-video_html5_api,
    .two-column video#my-video_html5_api {
        left: 100%;
    }
}

@media only screen and (max-width: 699px) {

    .one-column .video-hero .mute,
    .two-column .video-hero .mute {
        bottom: 0;
        left: 0;
    }
}


@media only screen and (max-width: 1024px) {

    .one-column .video-hero .mute,
    .two-column .video-hero .mute {
        display: none !important;
    }
}

/*Content Hub page padding*/
@media screen and (min-width: 960px) {

    .content-hub-index section,
    .content-hub-landing section {
        margin: 3.75rem auto;
    }
}

/* Personalise pop up footer */
.personalise-footer {
    width: 100%;
    position: relative;
    float: none;
    clear: both;
}

@media only screen and (max-width: 700px) {
    .custom-overlay.overlay-modal.overlay-personalisation .overlay-content .personalise-content-wrapper {
        width: 100%;
    }
}

/* Bazaarvoice Checkbox reset */
#bv-checkbox-reviews-termsAndConditions {
    -webkit-appearance: checkbox;
}

.reviews .bv-write-review-label.bv-text-link.bv-focusable.bv-submission-button {
    border: 1px solid #000 !important;
    display: block !important;
    width: 230px !important;
    margin: 10px auto !important;
    padding: 20px !important;
    border-radius: 3px !important;
    color: #000 !important;
    -webkit-transition: all 300ms ease !important;
    transition: all 300ms ease !important;
}

.reviews .bv-write-review-label.bv-text-link.bv-focusable.bv-submission-button:hover {
    background: #000 !important;
    color: #f5f5f5 !important;
}

/* Delivery tabs */
.deliveryinfo-tabs .deliveryinfo-table p {
    margin: 0;
}

/* Loyalty Banner */
.pt_loyalty .loyalty-home .box-loyalty {
    background-image: url(//i1.adis.ws/i/liberty/190214-loyalty-home-banner);
}

/* Homepage fix for six columns overlap */
@media only screen and (max-width: 768px) {

    .grid-panel-one .six.columns,
    .grid-panel-two .six.columns {
        clear: both;
    }
}

/* Footer column updates */
.legal-footer-title {
    color: #c49a6c;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
    display: inline-block;
    font-family: "Avenir LT W01_85 Heavy1475544", sans-serif;
}

/* One item slider arrow nav updates */
.stylepanel-slider h3 {
    padding: 0 10px;
}

.stylepanel-slider .oneitem-slider .slick-next,
.stylepanel-slider .oneitem-slider .slick-prev {
    top: 50%;
    border-radius: 0px;
}

/* h4 to black */
.panel-text h4 {
    font-family: ITCCaslon224W05-Black, Georgia, serif;
}

/* Revert bg style for category landing */
.category-landing {
    background-color: #fff;
}

.category-landing .homepage-grid {
    background-color: #f5f5f5;
}

.homepage-grid>.wrapper {
    padding-bottom: 30px;
    padding-bottom: 1.875rem;
    margin-bottom: 0;
}

/* Stop breaking Quote into two coloum*/
blockquote p {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

/* Temp BV fix for headers overlap */
#BVRRContainer .bv-cv2-cleanslate .bv-content-header-meta {
    position: relative !important;
}

#BVRRContainer .bv-cv2-cleanslate .bv-content-title-container {
    min-height: 0 !important;
}

#bv-mboxzone-lightbox.bv-cv2-cleanslate .bv-submission .bv-fieldsets .bv-form-actions .bv-submission-button-submit {
    padding: 15px !important;
    border-radius: 4px !important;
}

.bv-cv2-cleanslate .bv-core-container-83 .bv-submission .bv-required-fields-text {
    margin-top: 10px !important;
}

/* #wrapper for listings page */
@media only screen and (max-width: 959px) {
    #wrapper {
        margin-top: 89px;
    }
}

/* Reduce padding on dropdown lists */
.depts-list>ul {
    padding: 20px 0;
}

/* Liberty Discovers updates */
.content-hub-index-grid .pre-heading,
.content-hub-landing .recent-events .text-cta {
    display: none;
}

/* Mute icon above hero copy on video articles*/
.mute {
    z-index: 10;
}

.info-slide-inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    float: none;
}

@media screen and (min-width: 960px) {
    .info-slider-text {
        float: none;
        text-align: center;
    }
}

/* Force all but the first plp promotion messages to hide */
.pt_product-search-result .product-tile .promotional-message a,
.product-tile .pdp-call-out-message {
    display: none;
}

.pt_product-search-result .product-tile .promotional-message a:first-child {
    display: block !important;
}

/* Sitewide link */
.rotate-promo-wrap,
.rotate-promo-wrap-two {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.rotate-promo-wrap-two {
    display: none;
}

.site-wide-message p {
    padding: 0;
    color: #c49a6c;
    font-family: "Avenir LT W01_85 Heavy1475544", sans-serif;
}

.site-wide-message p a {
    color: #c49a6c;
}

.site-wide-message p span,
.site-wide-message a span {
    color: #fff
}

.sitewide-signed-in,
.sitewide-signed-out {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.sitewide-signed-in.visible,
.sitewide-signed-out.visible {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* PDP promo messaging */
.pt_product-search-result .pdp-call-out-message,
.overlay-content .plp-call-out-message,
.product-page .plp-call-out-message,
.account-content .pdp-call-out-message {
    display: none !important;
}

/* Gold promo banner on PDP */
.promotional-message a {
    color: #c49a6c;
}

.promotional-message a:hover {
    text-decoration: underline;
}

.promotion-callout a {
    color: #ffffff;
}

.promotion-callout a:hover {
    text-decoration: underline;
}

.product-details-wrapper .product-image-wrapper {
    position: relative;
}

/* More like this carousel padding-top fix */
.product-more-like .thefilter.product-slider {
    padding-top: 10px;
}

/* One item pdp  */
.product-details-wrapper .product-image-container.show-one-image {
    margin-bottom: 0;
}

/* Flammable goods message on PDP */
.flammable-pdp-delivery-info:before {
    content: "";
    display: block;
    width: 24px;
    height: 18px;
    background: url('http://i1.adis.ws/i/liberty/flammable-goods-icon.png') 50% 0 no-repeat transparent;
    background-size: contain;
    float: left;
}

/* Beauty PDP design push social icons */
.additional-content .beauty-content-wrapper {
    margin-bottom: 15px;
}

/* Account home panel temp updates */
.account-home li .home-gtid-title,
.account-grid li .account-gtid-text {
    min-height: 0;
}

.account-grid li .account-gtid-text {
    margin-bottom: 20px;
}

.account-grid li .home-gtid-title {
    margin-top: 0;
}

@media only screen and (max-width: 500px) {
    .account-grid li {
        padding: 30px 50px;
    }

    .account-grid li .account-gtid-link {
        margin-left: 0;
    }
}

/***** END to remove for SP:24 release *****/


/**************************** HEADERMENU CSS *******************************/

/* Departments dropdown banners */
.banner a {
    overflow: hidden;
}

/*Liberty Drop Down*/
.Liberty.Collections .center-vertical {
    padding: 15px 20px 25px;
    text-align: center;
    width: 100%;
    background: rgba(255, 255, 255, 0.55);  
    vertical-align: bottom;
}

.Liberty.Collections .pre-heading {
    border-bottom: 2px solid #000;
    color: #000;
}

.Liberty.Collections .banner h4 {
    color: #000;
}

.Liberty.Collections .ghost-button {
    color: #000;
    border: .0625rem solid #000;
}

.Liberty.Collections .ghost-button:hover {
    background: #000;
    color: #fff;
}

@media screen and (max-width: 1350px) {
    .Liberty.Collections h4.heading {
        font-size: 24px;
        line-height: 1.2;
    }
}

@media screen and (max-width: 1360px) {
    .Liberty.Collections .banner h4 {
        font-size: 20px;
    }
    
    .Liberty.Collections .block-height {
        background-position: 50%;
    }
}


/*Beauty Drop Down */
.Beauty .pre-heading {
    border-bottom: 2px solid #000;
    color: #000;
}

.Beauty .banner h4 {
    color: #000;
}

.Beauty .ghost-button {
    color: #000;
    border: .0625rem solid #000;
}

.Beauty .ghost-button:hover {
    background: #000;
    color: #ffe555;
}

.Beauty .center-vertical {
    vertical-align: middle;
    text-align: center;
    padding: 20px;
    width: 100%;
}

.Beauty .banner h4 {
    text-indent: -9999999px;
    display: block;
    background: url(https://Liberty.a.bigcontent.io/v1/static/190925-beauty-triple-points-4);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 15px auto;
    width: 48%;
    height: 0;
    padding-bottom: 37%;
}

@media screen and (max-width: 1800px) {
    .Beauty .banner h4 {
        width: 68%;
        padding-bottom: 52%;
    }
}

@media screen and (max-width: 1350px) {
    .Beauty .banner h4 {
        width: 74%;
        padding-bottom: 57%;
    }
}

@media screen and (max-width: 1260px) {
    .Beauty .banner h4 {
        width: 85%;
        padding-bottom: 67%;
    }
}

/*Fabrics Drop Down*/
.Fabrics .center-vertical {
    width: 100%;
    padding: 20px;
    background: rgba(80, 26, 22, 0.7);
    vertical-align: bottom;
}

@media screen and (max-width: 1480px){
    .Fabrics .banner h4 {
        font-size: 22px;
    }
}

/*Home Drop Down*/
.Home .center-vertical {
    padding: 20px;
    width: 100%;
    background: rgba(6, 19, 37, 0.7);
    max-width: 350px;
    float: left;
    margin-top: 15%;
    vertical-align: top;
}

@media screen and (max-width: 1330px) {
    .Home .center-vertical {
        float: none;
        margin-top: 0;
        max-width: initial;
    }
    .Home .center-vertical h4 {
        font-size: 23px;
        line-height: 1.2;
    }
}

/*Women Drop Down*/
.Women .center-vertical {
    width: 100%;
    vertical-align: top;
    text-align: left;
    padding: 20px;
}

.Women .pre-heading {
    border-bottom: 2px solid #000;
    color: #000;
}

.Women .banner h4 {
    color: #000;
}

.Women .ghost-button {
    color: #000;
    border: .0625rem solid #000;
}

.Women .ghost-button:hover {
    background: #000;
    color: #fff;
}

@media screen and (max-width: 1580px){
    .Women .block-height {
        background-position: 45%;
    }
    .Women h4.heading {
        font-size: 24px;
        line-height: 1.3;
    }
}

/*Accessories Drop Down*/

.Accessories .center-vertical {
    width: 100%;
    vertical-align: bottom;
    text-align: left;
    padding: 20px;
}

.Accessories .pre-heading {
    border-bottom: 2px solid #000;
    color: #000;
}

.Accessories .banner h4 {
    color: #000;
}

.Accessories .ghost-button {
    color: #000;
    border: .0625rem solid #000;
}

.Accessories .ghost-button:hover {
    background: #000;
    color: #fff;
}

@media screen and (max-width: 1310px){
    .Accessories .banner h4 {
        font-size: 24px;
        line-height: 1.2;
    }
    .Accessories .center-vertical {
        background: rgba(255, 255, 255, 0.2);
    }
}

/*Mens Drop Down*/

.Men .center-vertical {
    width: 100%;
    vertical-align: top;
    padding: 20px;
    text-align: left;
}

.Men .pre-heading {
    border-bottom: 2px solid #000;
    color: #000;
}

.Men .banner h4 {
    color: #000;
}

.Men .ghost-button {
    color: #000;
    border: .0625rem solid #000;
}

.Men .ghost-button:hover {
    background: #000;
    color: #fff;
}

@media screen and (max-width: 1360px) {
    .Men .center-vertical {
        text-align: center;
        width: 100%;
        vertical-align: bottom;
        margin-bottom: 0;
        background: rgba(255, 255, 255, 0.6);
    }
    .Men .banner h4 {
        font-size: 20px;
    }
    .Men .block-height {
        background-position: 90%;
    }
}

/*Kids Drop Down*/
.Kids .center-vertical {
    text-align: center;
    padding: 20px;
    vertical-align: bottom;
    background: rgba(0, 34, 22, 0.6);
    width: 100%;
}

@media screen and (max-width: 1300px){
    .Kids .banner h4.heading {
        font-size: 24px;
        line-height: 1.2;
    }
}

/* Gifts nav ad */
.Gifts .center-vertical {
    vertical-align: top;
    padding: 15px;
    text-align: center;
    width: 100%;
    background: rgba(48, 61, 17, 0.7);
}

.Gifts h4.heading {
    font-size: 26px;
    line-height: 1.3;
}

@media screen and (max-width: 1290px){
    .Gifts h4.heading {
        font-size: 20px;
    }
    .Gifts .block-height {
        background-position: 70%;
    }
}

/* Brands dropdown banner */
.brand-nav-item .center-vertical {
    vertical-align: bottom;
    padding: 15px 20px 25px;
    text-align: right;
    width: 100%;
}

.brand-nav-item .pre-heading,
.brand-nav-item h4.heading,
.brand-nav-item .ghost-button {
    color: #fff;
}

.brand-nav-item .ghost-button,
.brand-nav-item .pre-heading {
    border-color: #fff;
}

.brand-nav-item .ghost-button:hover {
    color: #000;
    background: #fff;
}

/*color picker fix for prodcut sets LP-1400*/
.product-set-item .colour-chart-link {
    display: none;
}