@charset "utf-8";

/* Global CSS

    This is used to overide CSS form the main comined.css

    This file is included on all sites. You can add further specificity by including the language class from body tag

    Values are:

    .language-en -- for EU
    .language-de -- for DE
    .language-fr -- for FR
    .language-es -- for ES
    .language-nl -- for NL
    .language-en_GB


LATEST CHANGES:

aw17 wk37 GLobal overides file 
customer star fix for Hannah

aw17 wk39 Adding focus to the 
feature products carousel 
arrows on mobile

*/

/* SEO text on all homepages */
.home-seo-footer {
    width: 98%;
    margin: 0 auto;
    text-align: center;
}
    .home-seo-footer h1 {
        font-size: 25px;
    }
        @media all and (max-width: 767px) {
            .home-seo-footer h1 {
                font-size: 18px;
            }
        }

    .home-seo-footer p {
        font-size: 16px;
        font-family: Lato-Light, "Lato", Arial, sans-serif;
        font-weight: 300;
        margin: 25px auto 35px;
        color: #333333;
        line-height: 26px;
    }

/* need to ascertain if this is now required -- it currently makes footer twice its height */
.footer .copyright-container {
    padding: 17px 0 87px;
}

/* -CC- 17-09-19 */
@media all and (min-width: 768px) {
    /* Remove sticky footer */
    .main-footer .sticky-footer.stuck {
        position: inherit;
        z-index: inherit;
    }
    /* Remove Hide / Show Bar */
    .sticky-footer .footer-header.width100 > .pull-left {
        display: none;
    }
}

/* Improve links above navigation -- store locator and login and country select */
.header .header-utility-section .utility-link,
.header .country-dropdown .dd-selection .dd {
    color: #999;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
}

/* Widen the gap between navigation links -- UK TBC */
.navigation-container .navbar .nav-main-links {
    padding: 11px 35px 0;
}
    .language-en_GB .navigation-container .navbar .nav-main-links {
        padding: 11px 20px 0;
    }

/* Make the flyout background colour darker */

.navbar-submenu-container .submenu-container .submenu-data .submenu-cols {
    background: rgba(0,0,0,0.90);
}

/* Letter spacing to navigation, service prop bar and text carousel to featured products headings on hp and dept pages */
.text-carousel .info,
.image-carousel .carousel-heading h2, 
.thoughts-achievements-container .heading-section h3,
.thoughts-achievements-container h1 {
    letter-spacing: 2px;
    font-family:Lato-regular, "Lato", Arial, sans-serif;   
}

.navigation-container .navbar .nav-main-links {
    letter-spacing: 2px;
}

    @media all and (max-width: 850px) {
       .text-carousel .info {
         letter-spacing: 1px;          
       }
   }

    @media all and (max-width: 450px) {
       .text-carousel .info {
         padding-top: 18px;          
       }
   }


/* Stop heading links on carousel from being blue */

.image-carousel .carousel-heading h2 a {
   color: #333333;
}


    /* Service prop adjustments to fit copy on smaller screens */
    @media all and (max-width: 415px) {
        .text-carousel .info {
            letter-spacing: 1px;
            font-size: 11px;
        }
    }


/* Fallback font for copy on banners & footer */

.transbox span,
.footer .footer-links a {
    font-family: Lato-regular, "Lato", Arial, sans-serif;
}

/*
.language-de .transbox span,
.language-es .transbox span {
    font-size: 20px;
}
*/

/* Hiding the logo that we can't use */

.footer .copyright-container .copyright img {
   display:none;
}

/* Make the links white in the hamburger menu */

@media (max-width: 991px) {
.hamburger-menu-container .menu .footer-container ul li a {
   color: #fff;
}
}

/* Widen the footer columns - need to add */
div.footer-links .links.width20,
div.footer-menu-header .menu-heading.width20 {
   width:25%;
}

/* -CC- 17-05-03 social media icon hover */
.hamburger-menu-container .menu .footer-container .social-media-icons a,
.footer .footer-content .footer-menu .social-media-icons a {
    position: relative;
    height: 20px;
    width: 20px;
}
.hamburger-menu-container .menu .footer-container .social-media-icons a:after,
.footer .footer-content .footer-menu .social-media-icons a:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
}

/* -CC- 17-05-03 this bit is needed due to .hamburger-menu-container images being different size */
.hamburger-menu-container .menu .footer-container .social-media-icons a:hover img,
.footer .footer-content .footer-menu .social-media-icons a:hover img {
    opacity: 0;
}
.hamburger-menu-container .menu .footer-container .social-media-icons a[title="Facebook"]:hover:after,
.footer .footer-content .footer-menu .social-media-icons a[title="Facebook"]:hover:after {
    background: url('https://s7g10.scene7.com/is/image/Pangaea2Build/IC_Facebook_Hover?$Original$');
    background-size: 100% auto;
}
.hamburger-menu-container .menu .footer-container .social-media-icons a[title="Twitter"]:hover:after,
.footer .footer-content .footer-menu .social-media-icons a[title="Twitter"]:hover:after {
    background: url('https://s7g10.scene7.com/is/image/Pangaea2Build/IC_Twitter_Hover?$Original$');
    background-size: 100% auto;
}
.hamburger-menu-container .menu .footer-container .social-media-icons a[title="Instagram"]:hover:after {
	background: url('https://s7g10.scene7.com/is/image/Pangaea2Build/IC_Instagram_Hover2?$Original$');
    background-size: 100% auto;
}
.footer .footer-content .footer-menu .social-media-icons a[title="Instagram"]:hover:after {
    background: url('https://s7g10.scene7.com/is/image/Pangaea2Build/IC_Instagram_Hover?$Original$');
    background-size: 100% auto;
}
.hamburger-menu-container .menu .footer-container .social-media-icons a[title="YouTube"]:hover:after,
.footer .footer-content .footer-menu .social-media-icons a[title="YouTube"]:hover:after {
    background: url('https://s7g10.scene7.com/is/image/Pangaea2Build/IC_Youtube_Hover?$Original$');
    background-size: 100% auto;
}
/* -CC- 17-05-03 don't forget this may be used in the future but ATM is display: none 
.hamburger-menu-container .menu .footer-container .social-media-icons a[title="Pinterest"]:hover:after,
.footer .footer-content .footer-menu .social-media-icons a[title="Pinterest"]:hover:after {} */

/* Change selectors default background and border colour , especially on prodcut page */
.box-selectors .box-elements.active, 
.box-selectors .box-elements:hover {
    background: #dbeffc;
    border-color: #0092ff;    
}

/* Hide the invalid voucher code on order confirmation */
.advertisement-container .voucher-box {
    display: none;
}

/* Hide the 'Latest goodies from the Clarks World' on order confirmation */

.pageLabel-orderConfirmation .advertisement-container {
    display: none;
}

/* Hide non-functioning instagram icon  */
.product-listing .social-sites-icons .a2a_button_instagram {
    display: none;
}

/* hide filters that come through on storelocator header -- changed to be more specific with Important on 29th December 
This is due to css being set inline with script
*/
/* When UK goes live these may need making more specific to EU sites only */
.navigation-container .store-locator-container .store-locator-modal .search-container .form-group .store-details {
	display: none!important;
}

/* Tidy storelocator layout and oversized copy in header area on different screens */ 
    /* html 5 placeholder changes - must be on seperate lines, cannot be bunched. See Aid if unsure - first set are specifically for ES  */
    .language-es .navigation-container .store-locator-container .store-locator-modal .store-locater-box input::-webkit-input-placeholder { 
        font-size: 28px;
    } 
    .language-es .navigation-container .store-locator-container .store-locator-modal input.search-store::-moz-placeholder { 
        font-size: 28px;
    } 
    .language-es .navigation-container .store-locator-container .store-locator-modal input.search-store:-moz-placeholder { 
        font-size: 28px;
    }     
    .language-es .navigation-container .store-locator-container .store-locator-modal input.search-store:-ms-input-placeholder { 
        font-size: 28px;
    }  

    @media all and (max-width: 1300px ) {
        /* html 5 placeholder changes - must be on seperate lines, cannot be bunched. See Aid if unsure */
        .navigation-container .store-locator-container .store-locator-modal .store-locater-box input::-webkit-input-placeholder { 
            font-size: 25px;
        } 
        .navigation-container .store-locator-container .store-locator-modal input.search-store::-moz-placeholder { 
            font-size: 25px;
        } 
        .navigation-container .store-locator-container .store-locator-modal input.search-store:-moz-placeholder { 
            font-size: 25px;
        }     
        .navigation-container .store-locator-container .store-locator-modal input.search-store:-ms-input-placeholder { 
            font-size: 25px;
        }  
            .language-es .navigation-container .store-locator-container .store-locator-modal .store-locater-box input::-webkit-input-placeholder { 
                font-size: 21px;
            } 
            .language-es .navigation-container .store-locator-container .store-locator-modal input.search-store::-moz-placeholder { 
                font-size: 21px;
            } 
            .language-es .navigation-container .store-locator-container .store-locator-modal input.search-store:-moz-placeholder { 
                font-size: 21px;
            }     
            .language-es .navigation-container .store-locator-container .store-locator-modal input.search-store:-ms-input-placeholder { 
                font-size: 21px;
            }      
    }
        @media all and (max-width: 1040px ) {
            /* html 5 placeholder changes - must be on seperate lines, cannot be bunched. See Aid if unsure */
            .navigation-container .store-locator-container .store-locator-modal .store-locater-box input::-webkit-input-placeholder { 
                font-size: 20px;
            } 
            .navigation-container .store-locator-container .store-locator-modal input.search-store::-moz-placeholder { 
                font-size: 20px;
            } 
            .navigation-container .store-locator-container .store-locator-modal input.search-store:-moz-placeholder { 
                font-size: 20px;
            }     
            .navigation-container .store-locator-container .store-locator-modal input.search-store:-ms-input-placeholder { 
                font-size: 20px;
            } 
                .language-es .navigation-container .store-locator-container .store-locator-modal .store-locater-box input::-webkit-input-placeholder { 
                    font-size: 17px;
                } 
                .language-es .navigation-container .store-locator-container .store-locator-modal input.search-store::-moz-placeholder { 
                    font-size: 17px;
                } 
                .language-es .navigation-container .store-locator-container .store-locator-modal input.search-store:-moz-placeholder { 
                    font-size: 17px;
                }     
                .language-es .navigation-container .store-locator-container .store-locator-modal input.search-store:-ms-input-placeholder { 
                    font-size: 17px;
                }    
        }   
            @media all and (min-width: 768px ) and (max-width: 880px ) {
                /* html 5 placeholder changes - must be on seperate lines, cannot be bunched. See Aid if unsure */
                .navigation-container .store-locator-container .store-locator-modal .store-locater-box input::-webkit-input-placeholder { 
                    font-size: 14px;
                } 
                .navigation-container .store-locator-container .store-locator-modal input.search-store::-moz-placeholder { 
                    font-size: 14px;
                } 
                .navigation-container .store-locator-container .store-locator-modal input.search-store:-moz-placeholder { 
                    font-size: 14px;
                }     
                .navigation-container .store-locator-container .store-locator-modal input.search-store:-ms-input-placeholder { 
                    font-size: 14px;
                } 
                    .language-es .navigation-container .store-locator-container .store-locator-modal .store-locater-box input::-webkit-input-placeholder { 
                        font-size: 12px;
                    } 
                    .language-es .navigation-container .store-locator-container .store-locator-modal input.search-store::-moz-placeholder { 
                        font-size: 12px;
                    } 
                    .language-es .navigation-container .store-locator-container .store-locator-modal input.search-store:-moz-placeholder { 
                        font-size: 12px;
                    }     
                    .language-es .navigation-container .store-locator-container .store-locator-modal input.search-store:-ms-input-placeholder { 
                        font-size: 12px;
                    }    
            } 

/* hide filters boys / girls heading on size guide pop-up updated 28thMarch so UK not affected */
.language-en .size-guide-container .tabs-nav li[data-value="boys"],
.language-de .size-guide-container .tabs-nav li[data-value="boys"],
.language-fr .size-guide-container .tabs-nav li[data-value="boys"],
.language-nl .size-guide-container .tabs-nav li[data-value="boys"],
.language-es .size-guide-container .tabs-nav li[data-value="boys"],
.language-en .size-guide-container .tabs-nav li[data-value="girls"],
.language-de .size-guide-container .tabs-nav li[data-value="girls"],
.language-fr .size-guide-container .tabs-nav li[data-value="girls"],
.language-nl .size-guide-container .tabs-nav li[data-value="girls"],
.language-es .size-guide-container .tabs-nav li[data-value="girls"] {
   display: none; 
}

/* Hide pinterest icon in footer and hamburger menu */
.footer .footer-content .footer-menu .social-media-icons a[title="Pinterest"],
.hamburger-menu-container .menu .footer-container .social-media-icons a[title="Pinterest"] {
    display: none; 
}
    /* reverse hiding pinterest icon for UK only
    .language-en_GB .footer .footer-content .footer-menu .social-media-icons a[title="Pinterest"],
    .language-en_GB .hamburger-menu-container .menu .footer-container .social-media-icons a[title="Pinterest"] {
        display: inline-block; 
    }*/

/*Size guide size adjustments for sizes that were incorrect on release */
#sizeGuideMensEUtoUK > div:nth-child(3) > div:nth-child(1) > div:nth-child(2),
#sizeGuideMensEUtoUK > div:nth-child(4) > div:nth-child(1) > div:nth-child(2),
#sizeGuideMensEUtoUK > div:nth-child(8) > div:nth-child(1) > div:nth-child(2),
#sizeGuideMensEUtoUK > div:nth-child(9) > div:nth-child(1) > div:nth-child(2),
#sizeGuideMensEUtoUK > div:nth-child(13) > div:nth-child(1) > div:nth-child(2),
#sizeGuideMensEUtoUK > div:nth-child(14) > div:nth-child(1) > div:nth-child(2),
#sizeGuideWomensEUtoUK > div:nth-child(3) > div:nth-child(1) > div:nth-child(2),
#sizeGuideWomensEUtoUK > div:nth-child(4) > div:nth-child(1) > div:nth-child(2),
#sizeGuideWomensEUtoUK > div:nth-child(7) > div:nth-child(1) > div:nth-child(2),
#sizeGuideWomensEUtoUK > div:nth-child(8) > div:nth-child(1) > div:nth-child(2),
#sizeGuideWomensEUtoUK > div:nth-child(12) > div:nth-child(1) > div:nth-child(2),
#sizeGuideWomensEUtoUK > div:nth-child(13) > div:nth-child(1) > div:nth-child(2),
#sizeGuideWomensEUtoUK > div:nth-child(17) > div:nth-child(1) > div:nth-child(2),
#sizeGuideWomensEUtoUK > div:nth-child(18) > div:nth-child(1) > div:nth-child(2) {
    color: rgba(255, 255, 255, 0);
    position: relative;
    left: 10px;
}
#sizeGuideMensEUtoUK > div > div:nth-child(1) > div:nth-child(2)::before,
#sizeGuideWomensEUtoUK > div > div:nth-child(1) > div:nth-child(2)::before {
    color: rgb(0, 0, 0);
}
#sizeGuideMensEUtoUK > div:nth-child(3) > div:nth-child(1) > div:nth-child(2)::before {
    content: "5.5";
}
#sizeGuideMensEUtoUK > div:nth-child(4) > div:nth-child(1) > div:nth-child(2)::before {
    content: "6.5";
}
#sizeGuideMensEUtoUK > div:nth-child(8) > div:nth-child(1) > div:nth-child(2)::before {
    content: "9.5";
}
#sizeGuideMensEUtoUK > div:nth-child(9) > div:nth-child(1) > div:nth-child(2)::before {
    content: "10.5";
}
#sizeGuideMensEUtoUK > div:nth-child(13) > div:nth-child(1) > div:nth-child(2)::before {
    content: "13.5";
}
#sizeGuideMensEUtoUK > div:nth-child(14) > div:nth-child(1) > div:nth-child(2)::before {
    content: "14.5";
}
/* womens changes */
#sizeGuideWomensEUtoUK > div:nth-child(3) > div:nth-child(1) > div:nth-child(2)::before {
    content: "2.5";
}
#sizeGuideWomensEUtoUK > div:nth-child(4) > div:nth-child(1) > div:nth-child(2)::before {
    content: "3.5";
}
#sizeGuideWomensEUtoUK > div:nth-child(7) > div:nth-child(1) > div:nth-child(2)::before {
    content: "5.5";
}
#sizeGuideWomensEUtoUK > div:nth-child(8) > div:nth-child(1) > div:nth-child(2)::before {
    content: "6.5";
}
#sizeGuideWomensEUtoUK > div:nth-child(12) > div:nth-child(1) > div:nth-child(2)::before {
    content: "9.5";
}
#sizeGuideWomensEUtoUK > div:nth-child(13) > div:nth-child(1) > div:nth-child(2)::before {
    content: "10.5";
}
#sizeGuideWomensEUtoUK > div:nth-child(17) > div:nth-child(1) > div:nth-child(2)::before {
    content: "13.5";
}
#sizeGuideWomensEUtoUK > div:nth-child(18) > div:nth-child(1) > div:nth-child(2)::before {
    content: "14.5";
}


/* Hide trusted shops logo in mobile hamburger nav and on locked down checkout footer  */
.hamburger-menu-container .menu .copyright img,
.need-help-footer .logos-img .logo-e-imgstyle,
footer img.js-image-responsive.logo-e-imgstyle {
	display: none;
}

/* change font-size / padding of long copy and newsletter info on service prop carousel on smaller screens */
@media all and (max-width: 800px) {
    div.text-carousel.js-desktop-text-carousel a[href="/newsletter"] {
        font-size: 14px;
    }    
}

@media all and (max-width: 480px) {
    div.text-carousel.js-mobile-text-carousel a[href="/newsletter"] {
        font-size: 11px;
    }    
}
    @media all and (max-width: 350px) {
        div.text-carousel.js-mobile-text-carousel a[href="/newsletter"] {
            padding-top: 13px;
        }    
    }

/* Hide the newsletter subscription links to boys, girls, babies and kids in account marketing preferences & burger menu */
.hamburger-menu-container .marketing-preferences-container div[data-preference="babies"],
.hamburger-menu-container .marketing-preferences-container div[data-preference="girls"],
.hamburger-menu-container .marketing-preferences-container div[data-preference="boys"],
.marketing-preferences-container div[data-preference="babies"],
.marketing-preferences-container div[data-preference="girls"],
.marketing-preferences-container div[data-preference="boys"],
.marketing-preferences-container div[data-preference="kids"] {
    display: none;
}

/* reverse hiding newsletter subscription links for UK only */
.language-en_GB .hamburger-menu-container .marketing-preferences-container div[data-preference="babies"],
.language-en_GB .hamburger-menu-container .marketing-preferences-container div[data-preference="girls"],
.language-en_GB .hamburger-menu-container .marketing-preferences-container div[data-preference="boys"],
.language-en_GB .marketing-preferences-container div[data-preference="babies"],
.language-en_GB .marketing-preferences-container div[data-preference="girls"],
.language-en_GB .marketing-preferences-container div[data-preference="boys"],
.language-en_GB .marketing-preferences-container div[data-preference="kids"] {
    display: inline-block;
}

/* Hide broken terms and conditions */
.image-thumbline .terms-condition {
    display: none;
}

/* Changed to stop cookie policy button from going off background */   

#cookiePolicy.warning-message {
    position:fixed;
    bottom:0%;
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
    #cookiePolicy.warning-message {
        padding: 0 50px;
    }
}

/* Red sale link in the footer for relevant sites  */
.language-fr .footer-links a[href="/soldes-chaussures"] {
   display:none;
/*   color:#ce9702;*/
}

/* ss17 wk27a -CC- 17-08-02 Flyout Red Sale */
.language-en_GB .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Sandal-Sale/c/w81"],
.language-en_GB .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Mens/Sandal-Sale/c/m197"] {
  color:#c12031;
}

.language-en .footer-links a[href="/shoe-sale"],
.language-de .footer-links a[href="/sale-schuhe"],
.language-nl .footer-links a[href="/schoenen-sale"] {
/*    display:none;*/
}


.language-es .footer-links a[href="/rebajas-zapatos"] {
/*   color:#c12031;*/
   display:none;
}


/* Hide the sale link in the flyout for & ES FR */
.language-fr .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Femme/Soldes/c/w26"],
.language-fr .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Homme/Soldes/c/m121"],
.language-fr .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Soldes-Femme/c/fr2"],
.language-fr .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Soldes-Homme/c/fr3"],
.language-es .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Mujer/Rebajas/c/w26"],
.language-es .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Hombre/Rebajas/c/m121"],
.language-es .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Rebajas-Mujer/c/es2"],
.language-es .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Rebajas-Hombre/c/es3"] {
   display:none;
/*  color:#ffba01;*/
}


/* Remove excess padding in flyout where sale link is hidden for FR and ES*/

.language-fr #navbar-item-1-content .submenu-cols div:nth-child(1) ul:nth-child(1) li:nth-child(1),
.language-fr #navbar-item-0-content .submenu-cols div:nth-child(1) ul:nth-child(1) li:nth-child(1),
.language-fr #navbar-item-2-content .submenu-cols div:nth-child(1) ul:nth-child(1) li:nth-child(1),
.language-fr #navbar-item-2-content .submenu-cols div:nth-child(2) ul:nth-child(1) li:nth-child(1),
.language-es #navbar-item-1-content .submenu-cols div:nth-child(1) ul:nth-child(1) li:nth-child(1),
.language-es #navbar-item-0-content .submenu-cols div:nth-child(1) ul:nth-child(1) li:nth-child(1) {
   padding:0;
}

/* Make flyout link for sale red */
.language-en .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Womens/Sale/c/w26"],
.language-en .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Mens/Sale/c/m121"],
.language-de .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Damen/sale/c/w26"],
.language-de .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Herren/Sale/c/m121"],
.language-nl .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Dames/Sale/c/w26"],
.language-nl .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Heren/Sale/c/m121"],
.language-en_GB .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Womens/Sale/c/w81"],
.language-en_GB .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Mens/Sale/c/m197"],
.language-en_GB .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Womens-Originals/Sale/c/wo219"],
.language-en_GB .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Mens-Originals/Sale/c/mo229"],
.language-en_GB .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Girls/Sale/c/g23"],
.language-en_GB .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Boys/Sale/c/b22"] {
   color:#cd1719;   
   display:block;
}

/*
^^ removed es from above
.language-es .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Mujer/Rebajas/c/w26"],
.language-es .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Hombre/Rebajas/c/m121"],
.language-es .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Rebajas-Mujer/c/es2"],
.language-es .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Rebajas-Hombre/c/es3"]


*/
/* Make Originals sale flyout link for sale red */
.language-en .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Originals/Sale/c/eu1?q=%3Arelevance%3Adepartment%3AWOMENS&text=#"],
.language-en .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Originals/Sale/c/eu1?q=%3Arelevance%3Adepartment%3AMENS&text=#"],
.language-de .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Originals/Sale/c/de1?q=%3Arelevance%3Adepartment%3AWOMENS&text=#"],
.language-de .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Originals/Sale/c/de1?q=%3Arelevance%3Adepartment%3AMENS&text=#"],
.language-nl .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Originals/Sale/c/nl1?q=%3Arelevance%3Adepartment%3AWOMENS&text=#"],
.language-nl .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Originals/Sale/c/nl1?q=%3Arelevance%3Adepartment%3AMENS&text=#"],
.language-es .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Originals/Rebajas/c/es1?q=%3Arelevance%3Adepartment%3AWOMENS&text=#"],
.language-es .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Originals/Rebajas/c/es1?q=%3Arelevance%3Adepartment%3AMENS&text=#"] {
   color:#cd1719;   
/*   display:none;*/
}

/* Hide Originals sale links for FR flyout */

.language-fr .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Originals/Soldes/c/fr1?q=%3Arelevance%3Adepartment%3AWOMENS&text=#"],
.language-fr .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Originals/Soldes/c/fr1?q=%3Arelevance%3Adepartment%3AMENS&text=#"] {
    display:none;
/*  color:#c12031;*/
}


/* Make shoe rack links for sale red */
/* Make shoe rack links for sale red */
.language-en_GB .department-content .rack-container .product-preview-container a[href="/Womens/Sale/c/w81"] .preview-title,
.language-en_GB .department-content .rack-container .product-preview-container a[href="/Mens/Sale/c/m197"] .preview-title,
.language-en_GB .department-content .rack-container .product-preview-container a[href="/Boys/Sale/c/b22"] .preview-title,
.language-en_GB .department-content .rack-container .product-preview-container a[href="/Girls/Sale/c/g23"] .preview-title,
.language-en_GB .department-content .rack-container .product-preview-container a[href="/Kids/Sale/c/k19"] .preview-title,
.language-en_GB .department-content .rack-container .product-preview-container a[href="/Womens-Originals/Sale/c/wo219"] .preview-title,
.language-en_GB .department-content .rack-container .product-preview-container a[href="/Mens-Originals/Sale/c/mo229"] .preview-title {
    color:#cd1719;     
}





/* Make flyout link for sale red 
.language-en #desktop-nav-bar .nav-right #navbar-item-3 .width100 a,
.language-de #desktop-nav-bar .nav-right #navbar-item-3 .width100 a,
.language-nl #desktop-nav-bar .nav-right #navbar-item-3 .width100 a {
   color:red;
}


.language-fr #desktop-nav-bar .nav-right #navbar-item-3 .width100 a {
color:#ce9702;
}
*/

/*
.language-es #desktop-nav-bar .nav-right #navbar-item-3 .width100 a {
   color:red;
}
*/

/*
.language-en_GB #desktop-nav-bar .nav-right #navbar-item-5 .width100 a {
    color: red;
}
*/


/* Reduce font size of serv prop copy on sites that need it */
@media all and (max-width: 780px) {
   .language-de .text-carousel .info,
    .language-fr .text-carousel .info,
    .language-nl .text-carousel .info,
    .language-en .text-carousel .info {
      font-size:14px;
   }

}
    @media all and (max-width: 414px) {
       .language-de .text-carousel .info,
        .language-nl .text-carousel .info,
        .language-en .text-carousel .info {
          font-size:11px;
        }
        .language-fr .text-carousel .info {
          font-size:10px;
        }
    }


/* make sale red in burger menu */
div#mobile-menu a[title~="Sale"],
div#mobile-menu a[title~="sale"],
div#mobile-menu a[title~="REBAJAS"],
div#mobile-menu a[title~="Rebajas"] {
   color:#c12031;   
}

/* hide sale in burger menu for ES and FR */
.language-es div#mobile-menu a[title~="Sale"],
.language-fr div#mobile-menu a[title~="Sale"],
div#mobile-menu a[title~="Soldes"],
div#mobile-menu a[title~="PROMO"] {
   display:none;
/*  color:#ffba01;   */
}

/* Fix pencil icon positioning on product page as it did overlap text */
.guest-checkout-delivery .order-summary-desktop-content .mobile-order-header a.plain-btn {
    width: 80px;
}
    .language-es .guest-checkout-delivery .order-summary-desktop-content .mobile-order-header a.plain-btn {
        width: 70px;
    }
    .language-en .guest-checkout-delivery .order-summary-desktop-content .mobile-order-header a.plain-btn,
    .language-en_GB .guest-checkout-delivery .order-summary-desktop-content .mobile-order-header a.plain-btn {
        width: 47px;
    }

    @media only screen and (max-width: 992px) and (min-width: 768px) {
        .guest-checkout-delivery .order-summary-desktop-content .mobile-order-header a {
            top: 40px;
        }
    }

/* Hide mocassins link on DE, NL and EU flyout for mens and womens 

.language-de .navbar-submenu-container .submenu-container .submenu-data .submenu-cols [title~="Mocassins"],
.language-nl .navbar-submenu-container .submenu-container .submenu-data .submenu-cols [title~="Mocassins"],
.language-en .navbar-submenu-container .submenu-container .submenu-data .submenu-cols [title~="Moccasins"] {
   display:none;
   padding: 0;
}
*/
/* Hide mocassins link on DE, NL and EU hamburger for mens and womens
.language-de div#mobile-menu a[title~="Mocassins"],
.language-nl div#mobile-menu a[title~="Mocassins"],
.language-en div#mobile-menu a[title~="Moccasins"] {
   display:none;
}
 */

/* Hide slip-on / Zapatos-sin-cordones link on FR and ES flyout  */
.language-fr .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Homme/Slip-On/c/m113"],
.language-es .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Hombre/Zapatos-Sin-Cordones/c/m113"],
.language-fr .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Femme/Slip-On/c/w15"],
.language-es .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Mujer/Zapatos-Sin-Cordones/c/w15"] {
   display:none;
}

/* adjusting nav bar padding as it was too much */
.language-fr #navbar-item-1-content .submenu-cols div:nth-child(2) ul:nth-child(1) li:nth-child(7),
.language-es #navbar-item-1-content .submenu-cols div:nth-child(2) ul:nth-child(1) li:nth-child(7),
.language-fr #navbar-item-0-content .submenu-cols div:nth-child(2) ul:nth-child(1) li:nth-child(7),
.language-es #navbar-item-0-content .submenu-cols div:nth-child(2) ul:nth-child(1) li:nth-child(7),
.language-de #navbar-item-0-content .submenu-cols div:nth-child(2) ul:nth-child(1) li:nth-child(6),
.language-nl #navbar-item-0-content .submenu-cols div:nth-child(2) ul:nth-child(1) li:nth-child(6),
.language-en #navbar-item-0-content .submenu-cols div:nth-child(2) ul:nth-child(1) li:nth-child(6) {
   padding:0;
}

/* Hide slip-on / Zapatos-sin-cordones link on FR and ES hamburger menu */
.language-fr div#mobile-menu a[href="/Homme/Slip-On/c/m113"],
.language-fr div#mobile-menu a[href="/Femme/Slip-On/c/w15"],
.language-es div#mobile-menu a[href="/Hombre/Zapatos-Sin-Cordones/c/m113"],
.language-es div#mobile-menu a[href="/Mujer/Zapatos-Sin-Cordones/c/w15"] {
   display:none;
}

/* Hint for checkout register page around password criteria - 6th Feb 2017 Aid */
.page-checkout-login .form-group label[for="password"] {
    padding-right: 20px;    
}
    .page-checkout-login .form-group label[for="password"]::after {
        color: #333;
        font-size: 11px;
        font-style: italic;
        padding-right: 10px;
        padding-left: 5px;
    }
        .page-checkout-login.language-en .form-group label[for="password"]::after {
            content: "Please make sure your password contains a number and has a minimum of 8 characters";
        }
        .page-checkout-login.language-en_GB .form-group label[for="password"]::after {
            content: "Please make sure your password contains a number and has a minimum of 8 characters";
        }
        .page-checkout-login.language-de .form-group label[for="password"]::after {
            content: "Ihr Passwort muss mindestens 8 Zeichen enthalten, darin muss mindestens eine Zahl enthalten sein.";
        }
        .page-checkout-login.language-fr .form-group label[for="password"]::after {
            content: "Votre mot de passe doit contenir au moins un chiffre et 8 caractères.";
        }
        .page-checkout-login.language-nl .form-group label[for="password"]::after {
            content: "Wachtwoord moet uit ten minste 8 tekens bestaan en ten minste één nummer bevatten.";
        }
        .page-checkout-login.language-es .form-group label[for="password"]::after {
            content: "Las contraseñas deben tener al menos 8 caracteres de longitud y deben incluir al menos un número.";
        }

/* changed colour of Country drop down and Clarks copyright in left neav on mobile due to user feedback contrast issues - 6th Feb Aid*/
.hamburger-menu-container .menu .footer-container .dd,
.hamburger-menu-container .menu .copyright {
    color: #fff;
    text-align: left;
    font-size: 12px;
}
/* Added space between country flag and name in hamburger menu - 5th April DB */
@media (max-width: 991px) {
.hamburger-menu-container .menu .footer-container .dd {
   margin-left:10px;
}
}

/* Changed font size on delivery confirmation screen so users can see it easier. 7th Feb Aid */
@media screen and (min-width: 768px) {
.delivery-confirmation-container .confirmation-msg-section p {
    font-size: 16px;
}
    .delivery-confirmation-container .confirmation-msg-section p.confirmation-greeting-guest {
        font-size: 40px;
    }
}

/* Change service proposition copy to have underlines - UX change from MA */
.clarks-banner-container .text-carousel .info:hover {
    border-bottom: 1px #999 solid;    
}

/* Fix excessive spacing in flyout -- 14th feb Aid & Hannah T */
.navbar-submenu-container .submenu-container .submenu-data .submenu-title {
    padding: 15px 0% 15px 10%;
    min-height: 60px;
}
    .navbar-submenu-container .submenu-container .submenu-data .submenu-cols {
        padding: 10px 0 21px 10%;
    }


/* Hide grey guarantee logo on /login/checkout - change made by DB on 10/03/17 */

body .row.need-help-footer .logos-img .cmsimage a img[title~="Guarantee"] {
   display:none;
}
    body #mobile-Logos .logos-img .cmsimage a img[title~="Guarantee"] {
       display:none;
    }

/* Stops headings line breedtemaat overlapping adajcent headings AANTAL - Aid 17th March */
.pageLabel-multiStepCheckoutSummary.language-nl .order-summary-desktop-content .product-info-head {
    font-size: 13px;
} 

.pageLabel-multiStepCheckoutSummary.language-es .order-summary-desktop-content .product-info-head,
.pageLabel-multiStepCheckoutSummary.language-de .order-summary-desktop-content .product-info-head,
.pageLabel-multiStepCheckoutSummary.language-fr .order-summary-desktop-content .product-info-head {
    font-size: 14px;    
}

/* Make second add delivery address cta capitals for NL like the first - Aid 17th March  */
.pageLabel-multiStepCheckoutSummary.language-nl .guest-checkout-delivery .add-address-cta {
    text-transform: uppercase;
}
    /* Adding in missing required infomation after title field NL */
    .pageLabel-multiStepCheckoutSummary.language-nl .guest-checkout-delivery .form-group label#userTitle::after {
        content: " (verplicht veld)";
    }

/* Hide new delivery isntructions for eu sites only in checkout https://www.clarks.eu/checkout/multi/delivery-address/add  */
.language-en #deliveryInstructionsDiv,
.language-de #deliveryInstructionsDiv,
.language-fr #deliveryInstructionsDiv,
.language-es #deliveryInstructionsDiv,
.language-nl #deliveryInstructionsDiv {
    display: none;
}


/* Tweaked as discussed with DE & Aid on release */
body .home-seo-footer p,
body #clarks-seo-change p {
    font-size: 12px;
    color: #666;
    font-family: Lato-regular, "lato", Arial, sans-serif;
}
    body .home-seo-footer h1,
    body #clarks-seo-change h1 {
        font-size: 15px;
        color: #666;
    }

/* -CC- 17-05-02 .cmsimage .transbox fix for home page / dept pages */
.pageLabel--homepage .seo-block .col-md-6.seo-img-wrap a,
.template-pages-department-departmentPage .cmsimage a {
    display: block;
}

.pageLabel--homepage .seo-block .cmsimage,
.pageLabel--homepage .seo-block .cmsimage a,
.pageLabel--homepage .seo-block .col-md-6.seo-img-wrap img,
.template-pages-department-departmentPage .cmsimage,
.template-pages-department-departmentPage .cmsimage a,
.template-pages-department-departmentPage .cmsimage img {
    float: left;
    width: 100%;
}
/* -CC- 17-05-02 .cmsimage .transbox fix for home page / dept pages
Note: this part can be more specific for country / dept page */
.pageLabel--homepage .seo-block .col-md-6.seo-img-wrap div.transbox,
.template-pages-department-departmentPage .cmsimage div.transbox {
    top: inherit;
    bottom: 0;
}

/* Fix text overlap on department focus blocks */
@media all and (max-width: 1100px) {
    .thoughts-achievements-container .surrounding-item-1 > img {
        padding-top: 0;
    }
}

/* Add white border to seperate all image banners, home and department pages */

@media all and (min-width: 651px) and (max-width: 767px) {
    .pageLabel--homepage .seo-block .col-md-6.seo-img-wrap,
    .template-pages-department-departmentPage .clarks-container .col-md-6 {
        position: relative;
        float: none!important;
        overflow: hidden;
        max-width: 650px;
        margin: 0 auto 15px;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    .pageLabel--homepage .seo-block .col-md-6.seo-img-wrap div.transbox,
    .template-pages-department-departmentPage .cmsimage div.transbox {
        padding: 10px 0;
        height: 40px;
    }
    .pageLabel--homepage .seo-block .col-md-6.seo-img-wrap div.transbox span,
    .template-pages-department-departmentPage .cmsimage div.transbox span {
        font-size: 16px;
    }
    .template-pages-department-departmentPage .dept-image-right {
        padding: 0 5px;
    }
}

@media all and (min-width: 768px) {
    .pageLabel--homepage .seo-block .col-md-6.seo-img-wrap,
    .template-pages-department-departmentPage .clarks-container .col-md-6 {
        width: calc(50% - 10px);
        margin: 5px;
    }
    .seo-block-header.pull-right {
        padding: 0;
        margin: 5px;
        float: left!important;
    }
    /* corrects video banner positioning on homepage */
    .pageLabel--homepage .seo-block-header.pull-right {
        padding: 0;
        margin: 5px;
        width: calc(50% - 10px);
        float: left!important;
    }
}

@media all and (min-width: 768px) {
    .pageLabel--homepage .seo-block-header.pull-right {
        padding-left: 5px;
    }
}

@media all and (max-width: 767px) {
    .seo-block .col-md-6.seo-img-wrap,
    .template-pages-department-departmentPage .clarks-container .col-md-6 {
        margin-bottom: 15px;
    }
}


/* hide country selector in responsive flyout on UK */
.language-en_GB .country-selection-container {
    display: none;
}

/* To fix login.login incorrect uk copy issue */
/*
.language-en_GB .user-login-guest #login-guest-duplicate {
    margin-left: -175px;
    color: #fff;
}
    .language-en_GB .user-login-guest #login-guest-duplicate::after {
        content: "Log in";
        color: #0092ff;
    }
*/


/* Widen fields on 'edit details' page in 'my account' - 5th April DB */

.page-update-profile.pageType-ContentPage.template-pages-account-accountLayoutPage.pageLabel-update-profile .personal-details-container .contact-details-container .contact-details-form .title-dropdown {
    max-width: 250px;
}


.page-update-profile.pageType-ContentPage.template-pages-account-accountLayoutPage.pageLabel-update-profile .personal-details-container .additional-details-container .additional-details-content .dropdown-medium {
    max-width: 170px;
}

.page-update-profile.pageType-ContentPage.template-pages-account-accountLayoutPage.pageLabel-update-profile .personal-details-container .dd .ddTitleText {
    font-size: 9px;
}

.page-update-profile.pageType-ContentPage.template-pages-account-accountLayoutPage.pageLabel-update-profile .personal-details-container .additional-details-container .additional-details-content .dropdown-small {
    width: 145px;
}

.page-update-profile.pageType-ContentPage.template-pages-account-accountLayoutPage.pageLabel-update-profile .ddcommon ul li {
    font-size: 12px;
}

.page-update-profile.pageType-ContentPage.template-pages-account-accountLayoutPage.pageLabel-update-profile .dd .ddChild li img {
    padding: 0 0px 0 0;
    border: 1px solid;
}

.page-update-profile.pageType-ContentPage.template-pages-account-accountLayoutPage.pageLabel-update-profile .dd .ddChild li .ddlabel {
    padding-left: 8px;
}

.pageType-ContentPage.template-pages-account-accountRegistrationPage.pageLabel-register .form-group label,
.pageType-ContentPage.template-pages-account-accountLayoutPage.pageLabel-update-profile .form-group label, 
.pageType-ContentPage.template-pages-MultiStepCheckoutSummaryPageTemplate.pageLabel-multiStepCheckoutSummary .form-group label {
    color: #666666;
}


/* Hide red 'store closed' message in my account for saved/default stores - UK */
.language-en_GB #pick-up-from-clark-store-details .css-store-address .collection-store-container .collection-store .content-container .store-address-hrs .store-operating-hours-section {
    display: none;
}

/* -CC- UK FAQ LHN:hover effect */
.faq-main-container .faq-container.clarks-container .navigation-section p a:hover {
    text-decoration: underline;
}

/* Hididng SMS option from contact us page - DB "SMS" covers ES, FR, DE & NL, "Text me" covers UK & EU */
.contact-us-container .contact-us-option[title="Text me"],
.contact-us-container .contact-us-option[title*="SMS"] {
    display: none;
}

/* UI fixes on product page 360 spin set - 12/04 Aid */
.s7spinviewer.s7mouseinput .s7spinbuttons .s7panleftbutton,
.s7spinviewer.s7mouseinput .s7spinbuttons .s7panrightbutton,
.s7spinviewer.s7mouseinput .s7zoomresetbutton,
.s7spinviewer.s7size_small.s7touchinput .s7zoomresetbutton,
.s7spinviewer.s7touchinput .s7zoomresetbutton {
    display: none;
}
    .s7spinviewer.s7mouseinput .s7zoominbutton,
    .s7spinviewer.s7mouseinput .s7zoomoutbutton,
    .s7spinviewer.s7mouseinput .s7fullscreenbutton[selected="false"][state="up"],
    .s7spinviewer.s7mouseinput .s7fullscreenbutton[selected="true"][state="up"],
    .s7spinviewer .s7fullscreenbutton[selected][state],
    .s7spinviewer.s7touchinput .s7zoomoutbutton,
    .s7spinviewer.s7touchinput .s7zoominbutton {
        background-color: #e2e2e2;
        border-radius: 25px;
    }
        .s7spinviewer .s7fullscreenbutton[selected][state]:hover,
        .s7spinviewer.s7mouseinput .s7zoominbutton:hover,
        .s7spinviewer.s7mouseinput .s7zoomoutbutton:hover {
            cursor: pointer;
        }

/* color orange the Father's Day link in mens flyout FR and NL only */
.language-nl .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[title="Vaderdagcadeaus"],
.language-fr .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[title="Cadeaux fête des pères"] {
    color: #ffbd00;
}


/* Sticky banner only CSS -- Aid 24th April */
@media all and (min-width: 992px) {
	#stickyBannerOne {
   display: none;  
	}   
}
    #stickyBannerOneContent {
		background-color: #c42030;
			width: 100%;
			text-align: center;

			/* flex box to align items vertical center */
			display: flex;
			align-items: center;
		}
			@media all and (max-width: 790px ) {
				#stickyBannerOneContent {
					justify-content: center;
				}
			}
				@media all and (max-width: 430px) {
					#stickyBannerOneContent {
						justify-content: left;
					}
				}
			.stickyBannerOneDefaultStyle {
				clear: both;
				width: 100%;
				margin: 0 auto;
				height: auto;
				min-height: 50px;
				max-height: 60px;
				color: #fff;
				position: fixed;
				bottom: 0;
			}
				/* If sticky footer is active, pushes Sale sticky above */
				.sticky-footer.stuck ~ #stickyBannerOne .stickyBannerOneDefaultStyle {
					bottom: 56px;
				}

				/* Spliting content to flow alongside each other */
					.stickyBannerOneMessage {
						width: 46vw;
						text-align: right;
						padding-right: 30px;
					}
             .language-en_GB .stickyBannerOneMessage {
               width: 33vw;
             }
               @media all and (max-width: 340px ) {
                .language-en_GB .stickyBannerOneMessage {
                  width: 32vw;
                }
               }

						@media all and (max-width: 790px ) {
							.stickyBannerOneMessage {
								width: auto;
								text-align: center;
								padding-right: 0;
							}
						}

					/* sticky banner default anchor styling */
					#stickyBannerOneContent a {
								font-weight: 400;
								font-family: Lato-Regular, Lato, Arial;
								font-size: 2.5em;
								line-height: 1em;
								text-align: center;
								margin: 0 1em;
								padding: 0;
								color: #fff;
								text-transform: uppercase;
								text-decoration: none;
					}
           #stickyBannerOneContent .stickyBannerOneMessage a:hover {
               text-decoration: underline;
           }
						@media all and (max-width: 400px) {
							#stickyBannerOneContent .stickyBannerOneMessage a {
										font-size: 2em;
                    margin-right: 0.3em;
							}
						}

						/* Overide the banner links */
						#stickyBannerOneContent .stickyBannerOneCatLinks a {
							border: 1px solid #fff;
							background-color: #fff;
							padding: 6px 35px;
							font-size: 14px;
							border-radius: 3px;
							color: red;
						}
								@media all and (max-width: 680px) {
									#stickyBannerOneContent .stickyBannerOneCatLinks a {
										padding: 6px 10px;
										margin: 0 0.5em;
									}
								}

                 #stickyBannerOneContent .stickyBannerOneCatLinks a:hover {
                   border: 1px solid #fff;
                   background-color: transparent;
                   color: #fff;
                 }

									@media all and (max-width: 430px) {
										#stickyBannerOneContent .stickyBannerOneCatLinks a {
											text-align: left;
                       border: 0;
                       padding: 6px 1px;
                       background-color: transparent;
                       color: #fff;
                       text-decoration: underline;
										}
                       #stickyBannerOneContent .stickyBannerOneCatLinks a:hover {
                         border: 0;
                          text-decoration: underline;
                       }                     
									}

					#stickyBannerOneContent a.stickyClose {
						position: absolute;
						right: 5px;
						bottom: 9px;
						margin: 0;
             padding: 0 5px 10px 8px;
					}



/* UK Sticky banner - free del */
@media all and (min-width: 992px) {
	#stickyBannerOne {
   display: none;  
	}   
}
    #ukstickyBannerOneInner #stickyBannerOneContent {
		background-color: #eaeeed;
		width: 100%;
		text-align: center;

	    /* flex box to align items vertical center */
	    display: flex;
        align-items: center;
	}
	@media all and (max-width: 790px ) {
        #ukstickyBannerOneInner #stickyBannerOneContent {
            justify-content: center;
        }
    }
    @media all and (max-width: 430px) {
        #ukstickyBannerOneInner #stickyBannerOneContent {
            justify-content: left;
        }
    }
    #ukstickyBannerOneInner .stickyBannerOneDefaultStyle {
        clear: both;
        width: 100%;
        margin: 0 auto;
        height: auto;
        min-height: 50px;
        max-height: 60px;
        color: #fff;
        position: fixed;
        bottom: 0;
    }
    /* If sticky footer is active, pushes Sale sticky above */
    #ukstickyBannerOneInner .sticky-footer.stuck ~ #stickyBannerOne .stickyBannerOneDefaultStyle {
        bottom: 56px;
    }
    /* Spliting content to flow alongside each other */
    #ukstickyBannerOneInner .stickyBannerOneMessage {
        width: 46vw;
        text-align: right;
        padding-right: 30px;
    }
    #ukstickyBannerOneInner .language-en_GB .stickyBannerOneMessage {
        width: 33vw;
    }
    @media all and (max-width: 340px ) {
        #ukstickyBannerOneInner .language-en_GB .stickyBannerOneMessage {
            width: 32vw;
        }
    }
    @media all and (max-width: 790px ) {
        #ukstickyBannerOneInner .stickyBannerOneMessage {
            width: auto;
            text-align: center;
            padding-right: 0;
        }
    }
    /* sticky banner default p styling */
    #ukstickyBannerOneInner #stickyBannerOneContent p {
        text-align: left;
        font-family: "Lato-Light";
        font-size: 13px;
        text-transform: uppercase;
        color: #333;
        padding-left: 5px;
        margin: 0;
        width:90vw;
    }

    #ukstickyBannerOneInner #stickyBannerOneContent .skinny-code {
        font-weight: bold;
        color: #000;
    }
    #ukstickyBannerOneInner #stickyBannerOneContent .skinny-block {
        display: inline-block;
    }

    /* sticky banner default anchor styling */
    #ukstickyBannerOneInner #stickyBannerOneContent a {
        display: inline-block;
        color: #0092ff;
        font-size: 13px;
    }
    #ukstickyBannerOneInner #stickyBannerOneContent .stickyBannerOneMessage a:hover {
        text-decoration: underline;
    }
    @media all and (max-width: 400px) {
        #ukstickyBannerOneInner #stickyBannerOneContent .stickyBannerOneMessage a {
            font-size: 13px;
        }
    }
    /* Overide the banner links */
    #ukstickyBannerOneInner #stickyBannerOneContent a.stickyClose {
        position: absolute;
        right: 5px;
        bottom: 9px;
        margin: 0;
        padding: 0 5px 5px 5px;
    }
    


/* Style strip on bottom banner on department pages - make it grey with white copy */

.template-pages-department-departmentPage div.dept-image-right div.left-prod-name {
    height: 60px;
    position: absolute;
    width: 100%;
    color: #fff;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 17px 35px 15px 35px;
    top: inherit;
    bottom: 0.5%;
    left:0;
    border-top:none;
}

.template-pages-department-departmentPage div.dept-image-right div.left-prod-name h2 {
   color: #fff;
   text-transform: uppercase;
   font-size: 20px;
   margin-top:0;
    font-family: lato-regular, Lato, Arial, sans-serif;
}

@media (max-width: 767px) {
   .template-pages-department-departmentPage div.dept-image-right div.left-prod-name h2 {
      font-size: 16px;
      margin-bottom: 0;
   }
   .template-pages-department-departmentPage div.dept-image-right div.left-prod-name {
   	  height: auto;
      bottom:0;
   }   
}



   .template-pages-department-departmentPage .thoughts-achievements-container .separator {
      margin: 32px 15px 10px;
   }

@media (max-width: 1350px) {
   .template-pages-department-departmentPage .thoughts-achievements-container .separator {
      margin: 15px 15px 10px;
   }
}

   .template-pages-department-departmentPage .thoughts-achievements-container .surrounding-item-1>img {
    padding-top: 8%;
}

/* Stops copy from being cut off and makes more visible on ES only in footer newsletter signup placeholder until properties key issue is fixed */
.language-es .sticky-footer .sticky-email-box input.email-subscription::-moz-placeholder {
    font-size: 9px;
    color: #7e7e7e;
}

/* -CC- 17-05-10 tweaks */
@media all and (min-width: 768px) {
    .template-pages-department-departmentPage div.dept-image-right {
        padding-left: 5px;
    }
    .template-pages-department-departmentPage div.dept-image-right div.left-prod-name {
        left: 5px;
    }
}
@media all and (min-width: 768px) and (max-width: 991px) {
    .template-pages-department-departmentPage div.dept-image-right div.left-prod-name {
        height: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: calc(100% - 10px);
    }
    .template-pages-department-departmentPage div.dept-image-right div.left-prod-name h2 {
        margin: 0;
        font-size: 16px;
    }
}
@media all and (min-width: 992px) {
    .template-pages-department-departmentPage div.dept-image-right div.left-prod-name {
        width: calc(100% - 5px);
    }
}


/* -DB- Removing space where general banners used to be on mens/womens/originalsUK dept pages  */

.language-en_GB.template-pages-department-departmentPage.pageLabel--womens .department-content .image-carousel.js-department-feature-products,
.language-en_GB.template-pages-department-departmentPage.pageLabel--mens .department-content .image-carousel.js-department-feature-products {
	display: none;
}

.language-en_GB.template-pages-department-departmentPage.pageLabel--womens .department-content .rack-discovery-container.clarks-container,
.language-en_GB.template-pages-department-departmentPage.pageLabel--mens .department-content .rack-discovery-container.clarks-container {
	margin-top: 25px;
}

@media all and (min-width: 992px) {
    .language-en_GB.template-pages-department-departmentPage.pageLabel--womens .department-content .rack-discovery-container.clarks-container,
    .language-en_GB.template-pages-department-departmentPage.pageLabel--mens .department-content .rack-discovery-container.clarks-container {
        margin-top: 0;
    }
}

/*.template-pages-department-departmentPage.pageLabel--womens:not(.language-en_GB) .thoughts-achievements-container .heading-section.first-title,*/
/*.template-pages-department-departmentPage.pageLabel--mens:not(.language-en_GB) .thoughts-achievements-container .heading-section.first-title,*/
.template-pages-department-departmentPage.pageLabel--originals.language-en_GB .thoughts-achievements-container .heading-section.first-title {
    display:none;
}

.template-pages-department-departmentPage.pageLabel--womens .thoughts-achievements-container .grey-background,
.template-pages-department-departmentPage.pageLabel--mens .thoughts-achievements-container .grey-background,
.template-pages-department-departmentPage.pageLabel--originals.language-en_GB .thoughts-achievements-container .grey-background,
.template-pages-department-departmentPage.pageLabel--girls .thoughts-achievements-container .grey-background,
.template-pages-department-departmentPage.pageLabel--boys .thoughts-achievements-container .grey-background {
    display: none;
}


.template-pages-department-departmentPage.pageLabel--womens .thoughts-achievements-container .heading-section,
.template-pages-department-departmentPage.pageLabel--mens .thoughts-achievements-container .heading-section,
.template-pages-department-departmentPage.pageLabel--originals.language-en_GB .thoughts-achievements-container .heading-section,
.template-pages-department-departmentPage.pageLabel--kids .thoughts-achievements-container .heading-section,
.template-pages-department-departmentPage.pageLabel--girls .thoughts-achievements-container .heading-section,
.template-pages-department-departmentPage.pageLabel--boys .thoughts-achievements-container .heading-section {
    margin: 40px 0 30px;
}  

.template-pages-department-departmentPage.pageLabel--womens .seo-block-header.width100 h1,
.template-pages-department-departmentPage.pageLabel--mens .seo-block-header.width100 h1,
.template-pages-department-departmentPage.pageLabel--originals.language-en_GB .seo-block-header.width100 h1,
.template-pages-department-departmentPage.pageLabel--kids .seo-block-header.width100 h1,
.template-pages-department-departmentPage.pageLabel--girls .seo-block-header.width100 h1,
.template-pages-department-departmentPage.pageLabel--boys .seo-block-header.width100 h1 {
    margin-top: 25px;
}

@media (max-width: 991px) and (min-width: 767px) {
    .template-pages-department-departmentPage.pageLabel--womens .thoughts-achievements-container .heading-section,
    .template-pages-department-departmentPage.pageLabel--mens .thoughts-achievements-container .heading-section,
    .template-pages-department-departmentPage.pageLabel--originals.language-en_GB .thoughts-achievements-container .heading-section,
    .template-pages-department-departmentPage.pageLabel--kids .thoughts-achievements-container .heading-section,
	.template-pages-department-departmentPage.pageLabel--girls .thoughts-achievements-container .heading-section,
	.template-pages-department-departmentPage.pageLabel--boys  .thoughts-achievements-container .heading-section {
        margin: 25px 0 15px;
    }
}


@media (max-width: 767px) {
    .template-pages-department-departmentPage.pageLabel--womens .thoughts-achievements-container .heading-section,
    .template-pages-department-departmentPage.pageLabel--mens .thoughts-achievements-container .heading-section,
    .template-pages-department-departmentPage.pageLabel--originals.language-en_GB .thoughts-achievements-container .heading-section,
    .template-pages-department-departmentPage.pageLabel--kids .thoughts-achievements-container .heading-section {
        margin: 45px 0px 10px;
    }
    .template-pages-department-departmentPage.pageLabel--girls .thoughts-achievements-container .heading-section,
	.template-pages-department-departmentPage.pageLabel--boys .thoughts-achievements-container .heading-section {
        margin: 0 0 10px;
    }
    .template-pages-department-departmentPage.pageLabel--girls .thoughts-achievements-container .heading-section > h3,
	.template-pages-department-departmentPage.pageLabel--boys .thoughts-achievements-container .heading-section > h3 {
		displaY: block;
		float: left;
		width: 100%;
		text-align: center;
        margin: 20px 0 10px;
    }
}

    .template-pages-department-departmentPage.pageLabel--womens .thoughts-achievements-container .heading-section .seo-block-header,
    .template-pages-department-departmentPage.pageLabel--mens .thoughts-achievements-container .heading-section .seo-block-header,
    .template-pages-department-departmentPage.pageLabel--originals .thoughts-achievements-container .heading-section .seo-block-header,
    .template-pages-department-departmentPage.pageLabel--kids .thoughts-achievements-container .heading-section .seo-block-header,
    .template-pages-department-departmentPage.pageLabel--girls .thoughts-achievements-container .heading-section .seo-block-header,
    .template-pages-department-departmentPage.pageLabel--boys .thoughts-achievements-container .heading-section .seo-block-header {
        padding-bottom: 0px;       
}


/* Change to header to show which department you are on */
.pageLabel--womens #desktop-nav-bar .mega-menu-item a[href="/womens"],
.pageLabel--mens #desktop-nav-bar .mega-menu-item a[href="/mens"],
.pageLabel--originals #desktop-nav-bar .mega-menu-item a[href="/originals"],
.pageLabel--girls #desktop-nav-bar .mega-menu-item a[href="/girls"],
.pageLabel--boys #desktop-nav-bar .mega-menu-item a[href="/boys"],
.pageLabel--inspiration #desktop-nav-bar .mega-menu-item a[href="/inspiration"] {
  color: #0092ff;
  border-bottom: 2px solid #0092ff;
}


/* -DB- Add space around links in FLYOUT for tablet screens */

@media (max-width: 1024px) {
.navbar-submenu-container .submenu-container .submenu-data .submenu-cols li {
    padding: 11px 0;
}    
}

/* -DB- Add space around links in HAMBURGER */

@media (max-width: 991px) {
.hamburger-menu-container .menu ul .level3 li {
    padding: 11px 10px;
}   
}

/* -DB- Add space around links in FOOTER for tablet screens */

@media (max-width: 1024px) {
.footer .footer-content .footer-links ul li {
    padding: 10px 0;
}   
}

/* Removing cyprus as delivery option from all sites - including MVT test countryIso_q24  */
#countryIso.deliveryAddressCountry option[value="CY"],
.home-delivery-address-form #countrySelector option[value="CY"],
#countryIso_q24.deliveryAddressCountry option[value="CY"] {
  display: none;
}

/* -CC- 17-05-24 removing delivery instructions /checkout */
.page-multiStepCheckoutSummaryPage #deliveryInstructionsDiv {
    display: none;
}
 

/* Hiding test category in flyout for gloforms issue testing */
.navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Originals/testFriday/c/o999"] {
  display: none;
}


/* -DB- Adjust height of grey box on 'choose-payment-method' page to fit copy */

.page-worldpayPaymentAndBillingCheckoutPage.pageType-WorldpayPaymentPage.template-pages-addon--worldpayb2caddon-pages-checkout-multi-worldpayChooseRedirectPaymentDetailsPage.language-es .review-order-container .delivery-status-container,
.page-worldpayPaymentAndBillingCheckoutPage.pageType-WorldpayPaymentPage.template-pages-addon--worldpayb2caddon-pages-checkout-multi-worldpayChooseRedirectPaymentDetailsPage.language-de .review-order-container .delivery-status-container,
.page-worldpayPaymentAndBillingCheckoutPage.pageType-WorldpayPaymentPage.template-pages-addon--worldpayb2caddon-pages-checkout-multi-worldpayChooseRedirectPaymentDetailsPage.language-nl .review-order-container .delivery-status-container,
.page-worldpayPaymentAndBillingCheckoutPage.pageType-WorldpayPaymentPage.template-pages-addon--worldpayb2caddon-pages-checkout-multi-worldpayChooseRedirectPaymentDetailsPage.language-en .review-order-container .delivery-status-container {
    height: auto;
}

/* -DB- reduce font size of 'BESTELLZUSAMMENFASSUNG' on 'delivery address' page for DE so it's not cut off */

.page-multiStepCheckoutSummaryPage.pageType-ContentPage.template-pages-MultiStepCheckoutSummaryPageTemplate.pageLabel-multiStepCheckoutSummary.language-de #delivery-details .order-summary-desktop-content .section-heading {
    font-size: 20px;    
}

/* -DB- Use wordwrap to stop headings from being hidden behind the edit icon/copy  on DE */

.page-worldpayPaymentAndBillingCheckoutPage.pageType-WorldpayPaymentPage.template-pages-addon--worldpayb2caddon-pages-checkout-multi-worldpayChooseRedirectPaymentDetailsPage.language-de .review-order-container .delivery-item-container .delivery-summary-container .delivery-address-container .text-container .subheading-text {
    word-wrap: break-word;
}

/* -DB- Stop half of copy being obscured in store locator for Safari */

@media (max-width: 767px) {
.navigation-container .store-locator-container .store-locator-modal input.search-store:placeholder-shown {
    font-size: 25px;
}
}


/* -DB- Reduce padding on grey strip for HP general banners on screens below 376px */

@media (max-width: 376px) {
    .pageType-ContentPage.template-pages-layout-landingLayout2Page.pageLabel--homepage div.cmsimage .transbox {
        padding: 7px 0;     
        }
    .pageType-ContentPage.template-pages-layout-landingLayout2Page.pageLabel--homepage div.cmsimage .transbox span {  
        font-size: 14px;    
        }
}

/* -DB- Reduce padding on grey strip for department general banners and inspired banner on screens below 376px */

@media (max-width: 376px) {
    .pageType-ContentPage.template-pages-department-departmentPage div.cmsimage .transbox {
        padding: 7px 0;     
        }
    .pageType-ContentPage.template-pages-department-departmentPage div.cmsimage .transbox span {  
        font-size: 14px;    
        }    
    .template-pages-department-departmentPage div.dept-image-right div.left-prod-name {
        padding: 8px 35px 8px 35px;    
    }
    .template-pages-department-departmentPage div.dept-image-right div.left-prod-name h2 {
        font-size:14px;
    }
}

/* -CC- 17-05-30 Marketing Preferences on checkout as a guest / registration pages */

.page-checkout-login .checkout-container.clarks-container .js-checkout-form-container #frmGuest .form-section.mobile-gutter .text-center.marketing-pref .preferences-button-container button,
.page-checkout-login .checkout-container.clarks-container .js-checkout-form-container #frmRegisterGuest .form-section .marketing-preferences-container .button.select-all-preferences,
.page-checkout-login .checkout-container.clarks-container .js-checkout-form-container #frmGuest .form-section.mobile-gutter .text-center.marketing-pref .preferences-button-container button:hover,
.page-checkout-login .checkout-container.clarks-container .js-checkout-form-container #frmRegisterGuest .form-section .marketing-preferences-container .button.select-all-preferences:hover {
    border: none;
    border-radius: 0;
    background: #fff;
    color: #666;
    border-bottom: 1px solid #888;
    font-weight: 300;
    font-family: Lato-Light, Lato;
    width: auto;
    margin: 2px auto;
    padding: 2px;
    min-width: 0;
    height: auto;
}
@media all and (max-width: 767px) {
    .page-checkout-login .checkout-container.clarks-container .js-checkout-form-container #frmGuest .form-section.mobile-gutter .text-center.marketing-pref .preferences-button-container button,
    .page-checkout-login .checkout-container.clarks-container .js-checkout-form-container #frmRegisterGuest .form-section .marketing-preferences-container .button.select-all-preferences,
    .page-checkout-login .checkout-container.clarks-container .js-checkout-form-container #frmGuest .form-section.mobile-gutter .text-center.marketing-pref .preferences-button-container button:hover,
    .page-checkout-login .checkout-container.clarks-container .js-checkout-form-container #frmRegisterGuest .form-section .marketing-preferences-container .button.select-all-preferences:hover {
    	margin: 10px auto 20px; 
    }
}

/* - DB - 2/6/17 - Hide colour swatches next to colour names in LHN on search results page as requested by ZM */

.pageType-ContentPage.template-pages-search-searchGridPage.pageLabel-search .category-listing-container .category-filters-container .category-filter-section .category-filter .category-child-filter-section .child-filter-list .child-filter-list-item .filter-color {
    display:none;
}

/* -CC- 17-05-24 text-carousel.css / image-carousel.css / shoe-rack-discovery.css arrows */

.text-carousel .slick-prev,
.image-carousel .slick-prev,
.image-carousel .slick-prev:hover,
.rack-discovery-container .discovery-show-carousel .slick-prev {
    background: url("https://s7g10.scene7.com/is/image/Pangaea2Build/IC-Desktop--Prev-Arrow-Icon--Dark?$PNGALPHA$") no-repeat center center;
}

.text-carousel .slick-next,
.image-carousel .slick-next,
.image-carousel .slick-next:hover,
.rack-discovery-container .discovery-show-carousel .slick-next {
    background: url("https://s7g10.scene7.com/is/image/Pangaea2Build/IC-Desktop--Next-Arrow-Icon--Dark?$PNGALPHA$") no-repeat center center;
}

@media all and (max-width: 767px) {
    .content-wrapper .text-carousel .slick-prev,
    .content-wrapper .image-carousel .slick-prev,
    .content-wrapper .image-carousel .slick-prev:hover {
        background: url("https://s7g10.scene7.com/is/image/Pangaea2Build/IC-Desktop--Prev-Arrow-Icon--Dark?$PNGALPHA$") no-repeat center center;
        background-size: 45% !important;
    }
    .content-wrapper .text-carousel .slick-next,
    .content-wrapper .image-carousel .slick-next,
    .content-wrapper .image-carousel .slick-next:hover {
        background: url("https://s7g10.scene7.com/is/image/Pangaea2Build/IC-Desktop--Next-Arrow-Icon--Dark?$PNGALPHA$") no-repeat center center;
        background-size: 45% !important;
    }
}

.rack-discovery-container .discovery-show-carousel .slick-prev,
.rack-discovery-container .discovery-show-carousel .slick-next {
    height: 25px;
    width: 28px;
    z-index: 999999;
}
@media (max-width: 767px) {
    .rack-discovery-container .discovery-show-carousel .slick-prev {
        left: -20px;
    }
    .rack-discovery-container .discovery-show-carousel .slick-next {
        right: -20px;
    }
}


/* - DB - 07/06/17 - Tidy up the styling of the shoe discovery on screens below 767px */

@media (max-width: 767px) {
.pageType-ContentPage.template-pages-department-departmentPage .department-content .product-details-container .main-info h2 {
    text-transform: uppercase;
    font-size: 25px;
    }
    
.pageType-ContentPage.template-pages-department-departmentPage .product-details-container .main-info p {
    font-size: 14px;
    line-height: 22px;
    }
    
.pageType-ContentPage.template-pages-department-departmentPage .product-details-container .main-info p {
    padding: 0 0px;
    }
    
.pageType-ContentPage.template-pages-department-departmentPage .button {
    min-width: auto;
    font-size: 12px;
    }
}

/* richrelevance reveal title on mobile */
#richrelevance-products h5.text-center.hidden-xs {
display: block !important;
}



/* - DB 09/06/17 - Tidy up subscription area of hamburger */

.hamburger-subscribe-email-container.form-group input:placeholder-shown {
    font-size: 15px;
}

@media (max-width: 991px) {
.hamburger-menu-container .menu .footer-container .text-over-img {
    bottom: 0; 
    padding: 5px;
}
.hamburger-menu-container .btn-join-clarks {
    min-width: 220px;
    width: auto; 
}
.hamburger-menu-container button.select-all-preferences.js-select-all-marketing-preferences {
    min-width: 220px;
}
}

@media (max-width: 991px) and (min-width: 767px) {
.hamburger-menu-container .marketing-preferences-container .subscribe-email-img {
    width: 36%;
    margin: 10px;
    float: none;
}
}

@media (max-width: 767px) {
.hamburger-menu-container .marketing-preferences-container .subscribe-email-img {
    width: 23%;
    float:none;
    margin:5px;
}
}

@media (max-width: 600px) {
.hamburger-menu-container .menu .footer-container .text-over-img {
    padding: 0px;
}    
}

@media (max-width: 500px) {
.hamburger-menu-container .marketing-preferences-container .subscribe-email-img {
    width: 30%;
}
}


/* 
Hide size guide links due to new javascript adding better link to our static - Aid July 12 
This is done in global to stop system button coming in before our new one
*/
.pageType-ProductPage .size-option div[data-selection="Size"] div[data-url="/profile-size-guide"],
.pageType-ProductPage .help-icon.js-show-sizeguide[data-url="/profile-size-guide"] {
  display: none;
}


/* Make flyout link green for school hub sw 10/08 */
.language-en_GB #desktop-nav-bar .nav-right #navbar-item-5 .width100 a {
   color:#017937;
}

/* Make autumn must haves link orange in flyout sw 10/08 */
.language-en_GB .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Must-Haves/c/w22"],
.language-en_GB .navbar-submenu-container .submenu-container .submenu-data .submenu-cols a[href="/Must-Haves/c/m127"] {
  color:#fba705;
}

/* adding UX change. Underline to mini cart product title - Aid 17th Aug */
.navigation-container .mini-bag-container .mini-bag-cotent .mini-bag-item-list .bag-item-detail p {
  text-decoration: underline;  
}


/* - DB 29-08-17 - Position payment icons in footer */

footer.main-footer .copyright .company-text address {
    margin-bottom:0;
    color:#fff;
}

.hamburger-menu-container .menu .copyright .company-text .footer-payment,
footer.main-footer .copyright .company-text .footer-payment {
    float: right;
    text-align: center;    
}
.hamburger-menu-container .menu .copyright .company-text .footer-payment a, 
footer.main-footer .copyright .company-text .footer-payment a {
    font-family: Lato-Light, "Lato", Arial, sans-serif;  
    text-decoration: underline;
}

.language-en_GB footer.main-footer .copyright .company-text img.footer-pay {
    float:right;
}

footer.main-footer .copyright .company-text img.footer-pay {
    display:block;
    padding-left:0;
/*    float:right;*/
    width:auto;
}

.hamburger-menu-container .menu .copyright .company-text img.footer-pay {
    display:block;
    width:100%;
    max-width:525px;
    padding-left:0;
}

@media (max-width: 991px) {
.hamburger-menu-container .menu .copyright .company-text img.footer-pay {
    margin:0 auto;
    padding: 12px 0;    
}  
.hamburger-menu-container .menu .copyright .company-text .footer-payment,
footer.main-footer .copyright .company-text .footer-payment {
    float: none; 
} 
.language-en_GB .hamburger-menu-container .menu .copyright .company-text img.footer-pay {
    max-width:281px;
}
}

.language-de .hamburger-menu-container .menu .copyright .company-text img.footer-pay  {
    max-width:399px;
}

.language-nl .hamburger-menu-container .menu .copyright .company-text img.footer-pay  {
    max-width:330px;
}

/* Temp -CC- 17-08-30 */
/*
.language-en_GB #navbar-item-0-content .submenu-cols div:last-child ul li:nth-child(7),
.language-en_GB #navbar-item-1-content .submenu-cols div:last-child ul li:nth-child(7),
#UKMensLocalFlyout > div:nth-child(2) > ul li:nth-of-type(6) > ul > li:nth-child(7),
#WomensUKFlyout > div:nth-child(2) > ul li:nth-of-type(6) > ul > li:nth-child(7) {
    display:none!important
}
*/
/* Temp -CC- 17-10-11 */
/*
.language-en_GB #WomensUKFlyout > div.js-category-content.width100 > ul > li.width100.active > ul > li:nth-child(10),
.language-en_GB #navbar-item-0-content > div.submenu-cols > div:nth-child(1) > ul > li:nth-child(10) {
   display:none!important
}
*/


/* -CC- 17-09-14 Task 3 - Delivery Title field */
@media all and (min-width: 992px) {
    .pageLabel-multiStepCheckoutSummary #form-basic-details > div:nth-child(27) > div.basic-details > div.col-sm-12.col-md-2.nopadding {
        width: 41.66666667%;
    }
}

/* -CC- 17-09-15 - Multicart delivery products to display on the right */
/*
@media all and (min-width: 992px) and (max-width: 1042px) and (orientation: landscape) {
    .page-multiStepCheckoutSummaryPage.pageType-ContentPage.template-pages-MultiStepCheckoutSummaryPageTemplate.pageLabel-multiStepCheckoutSummary #delivery-details > div.stickem.col-sm-6.col-md-4.col-xs-12.no-pad-mobile.hidden-xs.order-summary-desktop-content {
        top: 0!important;
        margin-bottom: 0!important;
        width: 33.33333333%!important;
    }
}*/


/* -DB- 17-09-15 - Darken the color of the 'filter' copy on cat pages and make sticky footer font lato-regular */

body.pageType-CategoryPage.template-pages-category-productGridPage .category-listing-container .category-listing-main-container.clarks-container .category-filters-container .filter-by-text {
    color:#333;
}


footer.main-footer .sticky-footer .footer-header {
    font-family:lato-regular, "Lato", Arial, sans-serif;
}

/* -SW- Add text under checkout options to discourage guest checkout if wanting to track */
.language-en.page-checkout-login .guest-tab:nth-child(1)::after {
    content:"Note: as a guest you will be unable to track your home delivery order, to do this you need to log in or register."
}
.language-de.page-checkout-login .guest-tab:nth-child(1)::after {
    content:"Bitte beachten: Beim Einkauf als Gast, können Sie Ihre Bestellung nicht nachverfolgen. Möchten Sie diese Option nutzen, so müssen Sie sich mit Ihrem Konto einloggen oder ein neues Kundenkonto erstellen."
}
.language-fr.page-checkout-login .guest-tab:nth-child(1)::after {
    content:"Attention : en commandant en tant qu’invité vous ne pourrez pas suivre la livraison de votre paquet. Il est nécessaire d’avoir un compte Clarks pour suivre votre coli."
}
.language-es.page-checkout-login .guest-tab:nth-child(1)::after {
    content:"NOTA: Sin registrarte no podrás realizar seguimiento de tu pedido, para ello es necesario iniciar sesión o crear una cuenta."
}
.language-nl.page-checkout-login .guest-tab:nth-child(1)::after {
    content:"Let op: het is niet mogelijk bestellingen te volgen die als gast zijn geplaatst. Als je je bestelling wilt volgen, log dan in of maak een account aan."
}
.language-en_GB.page-checkout-login .guest-tab:nth-child(1)::after {
    content:"Note: as a guest you will be unable to track your home delivery order, to do this you need to log in or register."
}

/* A global class to make things red during Sale - SW */
.make-me-red {
    color: #c42030!important;
}

/* -CC- 17-10-18 FO changes */
.language-en_GB #navbar-item-0-content > div.submenu-cols > div:nth-child(1) > ul > li:nth-child(9),
.language-en_GB #navbar-item-0-content > div.submenu-cols > div:nth-child(3) > ul > li:nth-child(1n+8),
.language-en_GB #navbar-item-1-content > div.submenu-cols > div:nth-child(1) > ul > li:nth-child(9),
.language-en_GB #navbar-item-1-content > div.submenu-cols > div:nth-child(2) > ul > li:nth-child(9),
.language-en_GB #navbar-item-1-content > div.submenu-cols > div:nth-child(3) > ul > li:nth-child(6),
.language-en_GB #navbar-item-2-content > div.submenu-cols > div:nth-child(1) > ul > li:nth-child(1n+5),
.language-en_GB #navbar-item-3-content > div.submenu-cols > div:nth-child(1) > ul > li:nth-child(9),
.language-en_GB #navbar-item-3-content > div.submenu-cols > div:nth-child(2) > ul > li:nth-child(1n+6),
.language-en_GB #navbar-item-3-content > div.submenu-cols > div:nth-child(3) > ul > li:nth-child(5),
.language-en_GB #navbar-item-4-content > div.submenu-cols > div:nth-child(1) > ul > li:nth-child(9),
.language-en_GB #navbar-item-4-content > div.submenu-cols > div:nth-child(2) > ul > li:nth-child(1n+6) {
    display: none;
}

.language-en_GB #WomensUKFlyout > div.js-category-content.width100 > ul > li:nth-child(3) > ul > li:nth-child(9),
.language-en_GB #WomensUKFlyout > div.js-category-content.width100 > ul > li:nth-child(7) > ul > li:nth-child(1n+8),
.language-en_GB #UKMensLocalFlyout > div.js-category-content.width100 > ul > li:nth-child(3) > ul > li:nth-child(9),
.language-en_GB #UKMensLocalFlyout > div.js-category-content.width100 > ul > li:nth-child(5) > ul > li:nth-child(9),
.language-en_GB #UKMensLocalFlyout > div.js-category-content.width100 > ul > li:nth-child(7) > ul > li:nth-child(6),
.language-en_GB #UKOriginaldFlyout > div.js-category-content.width100 > ul > li:nth-child(3) > ul > li:nth-child(1n+5),
.language-en_GB #GirlsUKFlyout > div.js-category-content.width100 > ul > li:nth-child(3) > ul > li:nth-child(9),
.language-en_GB #GirlsUKFlyout > div.js-category-content.width100 > ul > li:nth-child(5) > ul > li:nth-child(1n+6),
.language-en_GB #GirlsUKFlyout > div.js-category-content.width100 > ul > li:nth-child(7) > ul > li:nth-child(5),
.language-en_GB #UKBoysFlyout > div.js-category-content.width100 > ul > li:nth-child(3) > ul > li:nth-child(9),
.language-en_GB #UKBoysFlyout > div.js-category-content.width100 > ul > li:nth-child(5) > ul > li:nth-child(1n+6) {
    display: none;
}


/* Customer comments prod page star fix for all sites Aid */
@media all and (min-width: 767px) and (max-width: 1300px) {
  body .bv-cv2-cleanslate .bv-shared .bv-summary-bar-minimalist-horizontal .bv-write-container {
     display: block !important;
  }
}


/* Remove the Twitter logo for all sites - SW 16/10/17 */
.social-media-icons a[href="https://twitter.com/clarksshoes"], .a2a_button_twitter {
    display: none!important;
}

/* Aid 18th Oct 2017 remove additional flyout duplicates */
.language-en #navbar-item-0-content > div:nth-child(2) > div:nth-child(3) > ul:nth-child(1) > li:nth-child(n+8),
.language-es #navbar-item-0-content > div:nth-child(2) > div:nth-child(3) > ul:nth-child(1) > li:nth-child(n+8),
.language-nl #navbar-item-0-content > div:nth-child(2) > div:nth-child(3) > ul:nth-child(1) > li:nth-child(n+8),
.language-fr #navbar-item-0-content > div:nth-child(2) > div:nth-child(3) > ul:nth-child(1) > li:nth-child(n+8),
.language-de #navbar-item-0-content > div:nth-child(2) > div:nth-child(3) > ul:nth-child(1) > li:nth-child(n+8),
.language-en #navbar-item-3-content > div:nth-child(2) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(n+9),
.language-es #navbar-item-3-content > div:nth-child(2) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(n+9),
.language-nl #navbar-item-3-content > div:nth-child(2) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(n+9),
.language-fr #navbar-item-3-content > div:nth-child(2) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(n+9),
.language-de #navbar-item-3-content > div:nth-child(2) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(n+9) {
  display: none;
}

/*
.language-es #GLOB\ Womens\ Flyout div.js-category-content.width100 > ul > li:nth-child(7) > ul:nth-child(2) > li:nth-child(n+8),
.language-es #OriginalsFlyout + div + li div.js-category-content.width100 > ul > li.active:nth-child(1) > ul:nth-child(2) > li:nth-child(n+9),
.language-fr #GLOB\ Womens\ Flyout div.js-category-content.width100 > ul > li:nth-child(7) > ul:nth-child(2) > li:nth-child(n+8),
.language-fr #OriginalsFlyout + div + li div.js-category-content.width100 > ul > li.active:nth-child(1) > ul:nth-child(2) > li:nth-child(n+9),
.language-en #GLOB\ Womens\ Flyout div.js-category-content.width100 > ul > li:nth-child(7) > ul:nth-child(2) > li:nth-child(n+8),
.language-en #OriginalsFlyout + div + li div.js-category-content.width100 > ul > li.active:nth-child(1) > ul:nth-child(2) > li:nth-child(n+9),
.language-de #GLOB\ Womens\ Flyout div.js-category-content.width100 > ul > li:nth-child(7) > ul:nth-child(2) > li:nth-child(n+8),
.language-de #OriginalsFlyout + div + li div.js-category-content.width100 > ul > li.active:nth-child(1) > ul:nth-child(2) > li:nth-child(n+9),
.language-nl #GLOB\ Womens\ Flyout div.js-category-content.width100 > ul > li:nth-child(7) > ul:nth-child(2) > li:nth-child(n+8),
.language-nl #OriginalsFlyout + div + li div.js-category-content.width100 > ul > li.active:nth-child(1) > ul:nth-child(2) > li:nth-child(n+9)*/



/* DB - 23-10-17 - Adding focus to the feature products carousel arrows on mobile */

.content-wrapper .image-carousel .slick-prev:focus,
.content-wrapper .image-carousel .slick-next:focus {
    outline: 2px solid #81B1E7;	    
}


/* DB - 23-10-17 - Fixing focus issue on 'inspired' product images on department pages */

.template-pages-department-departmentPage .thoughts-achievements-container .inspired-shoe-details a {
    display: inline-block;
     width: 100%; 
}

@media (max-width: 991px) {
.template-pages-department-departmentPage .thoughts-achievements-container .inspired-shoe-details a {
    display: block;
}
}


/* DB - 24-10-17 - Fix positioning of 'need help' on DE review order page */
@media (max-width: 767px) {
.language-de.pageType-WorldpayPaymentPage .review-order-container .header-info .bag-id-info .bag-id {
    width: 50%;
}
}



/* DB - 24-10-17 - Adding payment icons to footer */

/* UK site */

.language-en_GB .fine-print:after {
    display: block;
    background: url(https://s7g10.scene7.com/is/image/Pangaea2Build/payment-icons-footer-ss17-eu-uk-wk28?wid=281) no-repeat;
    width: 100%;
    padding: 20px 0px;
    clear: both;
    height: 0px;
    content: "";
    max-width: 281px;
    float: left;
    margin-top: 20px;
    background-size:281px 41px;
}

@media (max-width:767px) {
.language-en_GB .fine-print:after {
    margin-top: 0px;
    margin-bottom: 20px;
}
}

/* EU sites */

.fine-print:after {
    display: block;
    background: url(https://s7g10.scene7.com/is/image/Pangaea2Build/payment-icons-footer-all-eu-aw17-wk30c?wid=525) no-repeat;
    width: 100%;
    padding: 20px 0px;
    clear: both;
    height: 0px;
    content: "";
    max-width: 525px;
    float: left;
    margin-top: 20px;
    background-size:525px 45px;
}

@media (max-width:767px) {
.fine-print:after {
    margin-top: 0px;
    margin-bottom: 20px;
}   
}

@media (max-width:991px) {
.fine-print:after {
    background-size:400px 34px;
}
}

@media (max-width:430px) {
.fine-print:after {
    background-size:300px 26px;
}
}