/* SPRING/SUMMER 2019 */ #header-nav { background-color:#F7C2CA; } #header-nav > .row { padding:0; } #site-logo img { height:50px; width:auto; margin-top:10px; } #header-image { margin-top:73px; } #main-menu ul.is-dropdown-submenu, #main-menu ul.is-dropdown-submenu a, #main-menu li.is-active a, #main-menu a:active, #main-menu a.active, #main-menu a:focus, #main-menu a:hover { background:#959eb0 !important; color:#eee; } #main-menu .is-submenu-item a.active, #main-menu .is-submenu-item a:hover, #main-menu .is-submenu-item a:active, #main-menu .is-submenu-item a:focus { background:#a5b0c4 !important; } #main-menu li.is-active a:before, #main-menu a.active:before, #main-menu a:active:before, #main-menu a:focus:before, #main-menu a:hover:before { background-image:url("/images/seasons/autumn-winter-18/layout/nav-bgd-left.png") !important; } #main-menu li.is-active a:after, #main-menu a.active:after, #main-menu a:active:after, #main-menu a:focus:after, #main-menu a:hover:after { background-image:url("/images/seasons/autumn-winter-18/layout/nav-bgd-right.png") !important; } body#home #header-caption { top: 93px; width: 100% !important; left: 0; font-size:4vw !important; line-height:1.5 !important; } #sale-sign { top:65px; right:45px; width:25% !important; } #sale-sign-inner { font-size:2vw !important; background-color:#0055E3; } /* Small */ @media (max-width:39.9375em) { #site-logo img { height:35px; width:auto; margin-top:-10px; } #header-image { margin-top:47px; } #sale-sign { top:auto; bottom:10px; right:10px !important; left:auto; width:47% !important; } #sale-sign-inner { font-size:14px !important; padding:10px; } body#home #header-caption { top: 67px; width: 100% !important; left: 0; font-size:5.5vw !important; line-height:1.5 !important; padding-left:21%; } #action-panel-content { left:42%; width:50%; margin-left:0; font-size:0.7rem; } #action-panel-content h3 { font-size:0.9rem; } #action-panel-content p { line-height:1.1rem; } } @media (min-width:33.75em) and (max-width: 63.9375em) { #action-panel-content { font-size:1rem; } #action-panel-content h3 { font-size:2rem; } } /* Medium */ @media (min-width:40em) and (max-width: 63.9375em) { #header-image { margin-top:69px; } #sale-sign { top:65px; right:0; width:25% !important; } #sale-sign-inner { font-size:3vw !important; } #action-panel-content { left:39%; width:57%; font-size:1rem; margin-left:0; overflow:hidden; } #action-panel-content h3 { font-size:1.5rem; } #action-panel-bgd {height:380px; width:auto;} } /* Large */ @media (min-width:64em) { #action-panel-bgd {height:650px; width:auto;} } @media (min-width:93.125em) { }