/* ====== ZSL styling ===== */ :root { --zsl-primary-color: rgb(122, 193, 67); --zsl-secondary-color: rgb(255, 210, 0); --bg-dashboard: url("https://eu.evocdn.io/dealer/1411/content/media/My_Theme/assets/images/london-zoo-bg.webp"); } body.ex-a-2350490 { --evo-brand-default: var(--zsl-primary-color); --evo-brand-secondary: var(--zsl-secondary-color); --evo-brand-hover-bglight: var(--zsl-secondary-color); --evo-brand-hover-bgdark: var(--zsl-secondary-color); } .ex-a-2350490 .dashboard-intro { display: revert; } body.ex-a-2350490:has(.dashboard-intro) header .header-full, body.ex-a-2350490:has(.dashboard-intro) header .header-full > div, body.ex-a-2350490:has(.dashboard-intro) header .header-full .topBar, body.ex-a-2350490:has(.dashboard-intro) header .header-full .headermenu_container .menu, body.ex-a-2350490:has(.dashboard-intro) header .header-full .headermenu_container .menu .catalog-block { background-color: transparent; } body.ex-a-2350490:has(.dashboard-intro) header .header-full .headersection-4 { background-color: rgba(255, 255, 255, 0.15); } body.ex-a-2350490:has(.dashboard-intro) header .header-full .headersection-3 { border-bottom: 1px solid #ccc; } body.ex-a-2350490:has(.dashboard-intro) .headersection-1 { padding-bottom: 0; } body.ex-a-2350490:has(.dashboard-intro) .topBar ul li a { color: #fff; } body.ex-a-2350490:has(.dashboard-intro) .topBar ul li:not(:last-of-type) { border-right: 1px solid #fff; } body.ex-a-2350490:has(.dashboard-intro) .new-sticky.scrollup menu.header-sticky, body.ex-a-2350490:has(.dashboard-intro) .new-sticky .menu.header-sticky { top: 115px !important; } body.ex-a-2350490:has(.dashboard-intro) .headermenu_container .header-sticky.menu, body.ex-a-2350490:has(.dashboard-intro) .headersection-2 { transition: background-color 0.55s; } body.ex-a-2350490 .headermenu_container .menu { background-color: var(--zsl-primary-color); } body.ex-a-2350490:not(:has(.dashboard-intro)) nav.menu .catalog-block ul.catalog > li:hover { background-color: var(--zsl-secondary-color); } body.ex-a-2350490:has(.dashboard-intro) .new-sticky .headermenu_container .header-sticky.menu { background-color: var(--zsl-primary-color); } body.ex-a-2350490:has(.dashboard-intro) .header-full.new-sticky .headersection-2 { background-color: #fff; padding: 0; z-index: 21; } body.ex-a-2350490 .headersection-1.header-sticky { top: -50px !important; } body.ex-a-2350490:has(.dashboard-intro) .new-sticky { padding-top: var(--header-full-padding) !important; } body.ex-a-2350490:has(.dashboard-intro) .headersection-1 .container, body.ex-a-2350490:has(.dashboard-intro) .headersection-2 .container { width: auto; margin-inline: clamp(0px, 4vw, 40px); } body.ex-a-2350490:has(.dashboard-intro) .headersection-2 .container { background-color: #fff; padding: 20px 40px; border-radius: 30px; } body.ex-a-2350490 header .widgetlogo .logo { background: url("https://eu.evocdn.io/dealer/1411/content/media/My_Theme/assets/logo/London-zoo-logo-desktop-large.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; width: 250px; height: 50px; margin-top: 20px; } body.ex-a-2350490 .header-full .logo img { /*opacity: 0;*/ width: 80px; position: absolute; left: 12px; top: -7px; } body.ex-a-2350490 header section.search .search-form button[type="submit"] { background-color: var(--zsl-primary-color); transition: background-color 0.35s; right: 1px; height: 48px; } body.ex-a-2350490 section.search .search-form button[type="submit"]:hover { background-color: var(--zsl-secondary-color); filter: none; opacity: 1; } body.ex-a-2350490 header section.search .search-form .form-group input { border: 1px solid var(--zsl-secondary-color); } body.ex-a-2350490 header .shoppingtools_container a.account-btn.btn-outlined-invert, body.ex-a-2350490 header .shoppingtools_container #vuequicklistdropdown > a i, body.ex-a-2350490 header .shoppingtools_container a.account-btn.btn-outlined-invert > i.user-icon, body.ex-a-2350490 header .shoppingtools_container #vuequicklistdropdown > a span, body.ex-a-2350490 header .shoppingtools_container #vuequicklistdropdown .dropdown-menu li a, header .shoppingtools_container #vuequicklistdropdown .dropdown-menu li i { color: #000; transition: color 0.35s ease; } body.ex-a-2350490 header .shoppingtools_container a.account-btn.btn-outlined-invert:hover > span, body.ex-a-2350490 header .shoppingtools_container a.account-btn.btn-outlined-invert:hover > i.user-icon, body.ex-a-2350490 header .shoppingtools_container #vuequicklistdropdown:hover > a i, body.ex-a-2350490 header .shoppingtools_container #vuequicklistdropdown:hover > a span { color: var(--zsl-secondary-color); } body.ex-a-2350490 header .shoppingtools_container #vuequicklistdropdown .dropdown-menu a:focus-visible, body.ex-a-2350490 header .shoppingtools_container #vuequicklistdropdown .dropdown-menu a:hover, body.ex-a-2350490 header .minicart_container .cart-btn > a.btn .minicart_count { background-color: var(--zsl-primary-color); } body.ex-a-2350490 header .shoppingtools_container #vuequicklistdropdown .dropdown-menu li a:hover, body.ex-a-2350490 header .shoppingtools_container #vuequicklistdropdown .dropdown-menu li a:hover i { color: #fff; } body.ex-a-2350490 header .minicart_container .cart-btn > a.btn { border: 1px solid var(--zsl-primary-color); } body.ex-a-2350490 .minicart_container .cart-btn > a.btn:hover { color: #000 !important; } body.ex-a-2350490 nav.menu .catalog-block ul.catalog > li { max-width: unset; } body.ex-a-2350490 .header-full.new-sticky nav.menu .catalog-block ul.catalog > li:hover { background: var(--zsl-secondary-color); } body.ex-a-2350490 .menu.expanded .catalog .submenu .submenucontainer > .has-submenu > a { filter: sepia(1) saturate(5) hue-rotate(75deg) brightness(0.95) contrast(1.2); } body.ex-a-2350490:has(.dashboard-intro) header .headersection-3 .faded-bg { top: 0 !important; } body.ex-a-2350490:has(.dashboard-intro) .header-full:not(.new-sticky) .headersection-3 .catalog { z-index: 20; background-color: rgba(255, 255, 255, 0.15); } body.ex-a-2350490 .stripImg { background: var(--zsl-primary-color); } body.ex-a-2350490 .stripBox:hover .stripImg { background: var(--zsl-secondary-color); } body.ex-a-2350490:has(.dashboard-intro) .stripBox p { color: #fff; } body.ex-a-2350490 .stripBox p span { color: var(--zsl-primary-color); } body.ex-a-2350490:has(.dashboard-intro) header .header-full > div:last-of-type { border: none; } body.ex-a-2350490 .stripBox:nth-of-type(4) { display: none; } body.ex-a-2350490 .strip { padding-block: 5px; } body.ex-a-2350490 .strip .container { max-width: 1100px; } body.ex-a-2350490 .headersection-4 .nFlex .stripBox { max-width: unset; } body.ex-a-2350490 header .shoppingtools_container #vuequicklistdropdown > a span, .sidebar-quicklists a span { font-size: 0; } body.ex-a-2350490 header .shoppingtools_container #vuequicklistdropdown > a span::before { font-size: 0.875rem; content: "Contract Products"; } body.ex-a-2350490 .sidebar-quicklists a span::before { font-size: 1rem; content: "Contract Products"; } @media only screen and (max-width: 1200px) { body.ex-a-2350490 .stripBox { flex-direction: row; text-align: left; } } @media only screen and (max-width: 991px) { body.ex-a-2350490:has(.dashboard-intro) .new-sticky .menu.header-sticky { top: 110px !important; } body.ex-a-2350490 header .widgetlogo .logo { width: 170px; } } body.ex-a-2350490 .header-mobile .logo { background: url("https://eu.evocdn.io/dealer/1411/content/media/My_Theme/assets/logo/London-zoo-logo-desktop-large-white.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; width: 200px; height: 50px; margin-top: 20px; position: relative; margin-top: 30px; } body.ex-a-2350490 .header-mobile .logo::before { display: none; } body.ex-a-2350490 .header-mobile .logo img { display: block; width: 70px; position: absolute; left: -55px; top: -15px; } body.ex-a-2350490 .dashboard-text-intro > div:nth-of-type(1), body.ex-a-2350490 .contact-dashboard > div:nth-of-type(2) { display: none; } body.ex-a-2350490 .dashboard-text-intro > div:nth-of-type(2), body.ex-a-2350490 .contact-dashboard > div:nth-of-type(1) { position: relative; width: 100%; } body.ex-a-2350490 .contact-dashboard > div:nth-of-type(1), body.ex-a-2350490 .dashboard-text-intro > div:nth-of-type(2) { padding: 20px 30px; } body.ex-a-2350490 .contact-dashboard p { width: 70%; backdrop-filter: blur(3px); } body.ex-a-2350490 .contact-dashboard > div:nth-of-type(1)::before { position: absolute; content: ""; width: 100%; height: 100%; background-image: url("https://eu.evocdn.io/dealer/1411/content/media/My_Theme/assets/images/contact-us.png"); background-repeat: no-repeat; background-position: right; top: 0; right: -120px; z-index: -1; }