/* |||||||||| Slate Theme - Copyright Openherd |||||||||| */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500;1,600&family=Noto+Serif:wdth,wght@62.5..100,100..900&display=swap');

/* global */
body {font:normal 400 16px Barlow, sans-serif; background:#edeaea; color:#2c2c2c;}
.master-wrapper-page > .header {position:fixed; top:0; width:100%;}
.header-middle, .header-lower, .footer-middle, .footer-lower {background:#2a2a2a;}
.members-wrap {background-color:#edeaea;}
.footer-upper {background:#36a1cf;}
.footer .social-sharing a:before, .newsletter .title {color:#eee;}
.cart-trigger, .cart-trigger:before {background-color:transparent;}
.cart-trigger:before {color:#4795c5;}
.cart-trigger {padding-left:0; font-size:14px;}
h3.category {font-size:18px; font-weight:600 !important;}
.page-title, .home-page-section .title, .product-grid .title, h3.category {border-bottom:1px solid rgba(0,0,0,0.3) !important;}
.captions, .short-description, .color10 {color:#8098ae;}
.website-banner-top .site-message {position:sticky; top:175px; z-index:1020; bottom:auto; font-size:14px;}
.footer-middle, .footer-middle a, .footer-lower, .footer-lower a {color:#888 !important;}
.footer-middle .title {color:#aaa;}
.footer-middle a:hover, .footer-lower a:hover {color:#ccc;}
.footer-lower .powered-by-oh a:before {color:rgba(255,255,255,0.5);}
.footer-block .title:after {color:rgba(255,255,255,0.5);}
.footer-block .ficon:before {color:rgba(255,255,255,0.5); font-weight:bold !important;}
.icon-credit-card img {opacity:0.7;}
.newsletter-email-footer button {background-color:rgba(0,0,0,0.2);}
.newsletter-email-footer button:hover {background-color:rgba(0,0,0,0.35);}
.newsletter-email:after {background-color:#36a1cf;}
.newsletter-email:hover:after {background-color:#2586c0;}
#goToTop {background-color:rgba(90,90,90,1);}
#goToTop:after {color:#eee;}

/* custom fonts */
.page-title h1, h2, .product-grid .title, .product-grid .title strong, .home-page-section .title, #memberships h3, .header-slogan h2, .html-home-page h1#intro-title {font-family:'Noto Serif', georgia, garamond, times, 'times new roman', serif; font-size:1.5rem; font-variation-settings:"wdth" 95;}

/* links */
a, .default-link, .description a, .full-description a, .product-essential a, .event .event-more a, .home-feature-content p a, .comment a, #external-links a, a#caption_toggle, .smallprint a, .event_info a, .breadcrumb strong, .category-item:hover .title a, .sub-category-item:hover .title a, .manufacturer-item:hover .title a, .sub-category-details li a:hover, .vendor-list li a:hover, .page .item-box .actual-price, .page .item-box .product-title a:hover, .page .item-box .tax-shipping-info a, .common-buttons input:hover, .cart-collaterals .message-failure, .terms-of-service a, .order-completed .details a, .order-details-page .page-title a:hover, .order-details-page .download a, .order-details-page .view-details a, .overview .value a, .variant-overview .value a, .tier-prices .item-price, .product-tags-list a:hover, .cart .edit-item a, .order-progress li.active-step a, .common-buttons .update-cart-button, .common-buttons .continue-shopping-button, .team-section.item .comment a, .feature-section.item .comment a, a.common-link {color:#4795c5;}  /* variant */

a:hover, .default-link:hover, .category-navigation-list > li:hover > a, .category-navigation-list > li:hover > span, .category-navigation-list > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover, .header-menu > ul > li> .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover, .breadcrumb a:hover, .compare-products-page .clear-list, .header-menu > ul > li > .sublist-wrap a:hover, .productAddedToCartWindowSummary a:hover, .home-page .team-member .title a:hover, .home-page .featured-comments .title a:hover, .html-home-page .openherd-featured-items .title a:hover, .animal-details #external-links a:hover, .openherd-featured-items.blog-posts .post a:hover, .event .event-name a:hover, a:hover h3, .blog-posts .post-title:hover, a.common-link:hover {color:#58a2db;}  /* variant */

.category-navigation-list > li:hover > a, .category-navigation-list > li:hover > span, .category-navigation-list > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover, .breadcrumb a:hover {text-decoration:underline;}

/* inputs */
.inputs input[type="text"], .inputs input[type="password"], .inputs input[type="email"], .inputs input[type="tel"], .inputs select, .inputs textarea {color:#2c2c2c;}
.inputs input[type="text"], .inputs input[type="password"], .inputs input[type="email"], .inputs input[type="tel"], .inputs select, .inputs textarea {border:1px solid rgba(0,0,0,0.2) !important; background:rgba(255,255,255,0.3);}
.inputs label {font-size:15px;}

/* buttons */
.button, .description a.button, .overview .add-to-cart-button, .variant-overview .add-to-cart-button, .contact-vendor-button, .sub-category-details .inner-title, .manufacturer-details .inner-title, .vendor-details .inner-title, .item-box .rating div, .item-box .buttons-lower button span:before, .item-box .buttons-lower button span:after, .item-box .buttons-upper input[type="button"]:hover, .pager li > span, .page .item-box .with-icon .product-box-add-to-cart-button, .order-details-page .page-title a, .order-details-page .page-title a:hover, .page .item-box input[type="button"], .shopping-cart-page .button-1:hover, .checkout-page .button-1:hover, .cart-collaterals .coupon-code input[type="submit"]:hover, .cart-collaterals .estimate-shipping-button:hover, .product-review-box .rating div, .download-sample-button:hover, .back-in-stock-subscription .subscribe-button:hover, .overview .add-to-wishlist-button:hover, .variant-overview .add-to-wishlist-button:hover, .overview .add-to-compare-list-button:hover, .overview .email-a-friend-button:hover, .back-in-stock-subscription-page .button-1, .ui-tabs .ui-tabs-nav li a:after, .product-list .item-box .buttons-lower button, .item-box:hover .buttons-lower button span, .cart-collaterals .estimate-shipping-button, .cart-collaterals .coupon-code input[type="submit"], .shopping-cart-page .button-1, .checkout-page .button-1, .productAddedToCartWindowSummary .button-1, .mini-shopping-cart input.checkout-button, .mini-shopping-cart input[type="button"]:only-child, .mini-shopping-cart input.cart-button, .eu-cookie-bar-notification button, .button-2.extra-button, .product-essential a.button, #card-button {background-color:#36a1cf; font-size:18px; color:#fff !important;}  /* variant */
.button:hover, .description a.button:hover, .overview .add-to-cart-button:hover, .variant-overview .add-to-cart-button:hover, .back-in-stock-subscription-page .button-1:hover, .contact-vendor-button:hover, .product-list .item-box .buttons-lower button:hover {background-color:#2586c0;}  /* variant */
.button, .description a.button, #submit {font-weight:500;}

/* identity */
.header-slogan h2 {color:#ddd; font-size:36px;}
.header-slogan p {font-size:18px;}
.header-logo a img {max-height:80px;}

/* home page */
.html-home-page h1#intro-title {font-size:42px;}
.two-columns-area {position:relative;}
.two-columns-area .slider-logo {position:absolute; z-index:2; top:0; left:0; display:block; width:100%; height:50%; margin:7% 0 0; text-align:center;}
.two-columns-area .slider-logo img {max-height:100%; max-width:calc(15vw + 120px); filter:drop-shadow(0 3px 10px rgba(0,0,0,0.4));} /* creates drop shadow for alpha channel png images */
.home-page .section-inner .title {font-size:24px; font-family:inherit;}
.home-page-section.intro-section .description {font-size:19px;}
.home-feature, .feature-box {background:#f5f5f5;}
.feature-box h3 {font-size:24px; padding:5px 0; margin:0;}
.feature-box .description {font-size:16px;}
.home-feature h4, .feature-box, .feature-box h3 a, .dv-booking h4, .home-feature h4 span.rfl .ficon:before {color:#eee;}

/* pages */
.event .event-icon {background-color:#fafafa;}
.event td.event_info h2, .event td.event_details > div h4 {font-weight:normal;}
.event td.event_info h2 + .lh18 {font-weight:600;}

/* animal pages */
.list_wrap table.list-view h3.category {padding-bottom:10px;}
.list_wrap table.list-view, .l_row, .d_info {font-size:15px;}
.t_cell {width:calc(33.3333% - 20px);}
.t_cell, .t_cell:hover {margin:0 10px 20px; padding:0; background:#fff; box-shadow:0 1px 8px 2px rgba(0,0,0,0.02);}
.t_info {padding:10px;}
.t_name {font-size:17px; height:40px;}
.item-box:hover, .openherd-features-carousel .grid_fv_featured, .product-grid .item-box:hover {background:#fff;}

/* store pages */
.product-grid .item-box {width:calc(33.3333% - 20px);}
.product-grid .item-box, .product-grid .item-box:hover {margin:0 10px 20px; padding:0; background:#fff; box-shadow:0 1px 8px 2px rgba(0,0,0,0.02);}
.product-grid .item-box .details {padding:10px;}
h2.product-title, .page .item-box .product-title {font-family:Barlow, sans-serif; font-size:17px; height:40px;}

/* contact page */
#dv-map .map-extras {padding:0 10px;}

/* ||||| responsive ||||| */
@media (max-width:1024px) {
    .website-banner-top .site-message {top:180px;}
    .responsive-nav-wrapper-parent {position:fixed; top:0;}
    .master-wrapper-page > .header {z-index:1061; top:50px;}
    .header-middle {height:130px;}
    .master-wrapper-page {margin-top:180px;}
    .two-columns-area {padding-bottom:0;}
    .html-home-page h1#intro-title {font-size:34px;}
    .block.block-category-navigation {background:rgba(0,0,0,0.07);}
    .listbox.category-page-navigation {background:#2c2c2c;}
}
@media (max-width:768px) {
    .website-banner-top .site-message {top:160px;}
    .header-middle {height:110px;}
    .header-slogan p {font-size:16px;}
    .master-wrapper-page {margin-top:160px;}
    .product-grid .item-box {width:calc(50% - 20px);}
}
@media (max-width:640px) {
    .header-middle .center h2 {font-size:26px;}
    .t_cell {width:calc(50% - 10px); margin:0 5px 20px;}
    .product-grid .item-box {width:100%; margin:0;}
}
@media (max-width:480px) {
    .website-banner-top .site-message {top:130px; font-size:13px;}
    .header-middle {height:80px;}
    .header-middle .center h2 {font-size:20px;}
    .header-slogan p {font-size:14px;}
    .master-wrapper-page {margin-top:130px;}
    .home-page-body .master-wrapper-content:before {width:48px; top:-14px; left:calc(50% - 24px);}
    .html-home-page h1#intro-title {font-size:30px;}
    .t_cell {width:100%; margin:0 0 30px;}
}
@media (min-width:1025px) {
    .cart-trigger .cart-qty, .cart-trigger .cart-label, .cart-trigger {color:#ccc; border:none;}
    .flyout-cart-trigger:hover .cart-qty, .flyout-cart-trigger:hover .cart-label, .flyout-cart-trigger:hover .cart-ttl {color:#fff;}
    .header-middle {height:110px; padding:15px 0 0;}
    .header-logo {padding:0 20px 0 0;}
    .header-menu > ul > li > a, .header-menu > ul > li > span {color:#4795c5; font-family:Barlow, sans-serif; font-weight:500; font-size:15px; padding:16px 16px; border-left:none; border-right:1px solid #565656; text-transform:uppercase;}
    .header-menu > ul > li:last-child > a, .header-menu > ul > li:last-child > span {border-right:none;}
    .header-menu > ul > li {border:none !important;}
    .header-menu > ul > li > a:hover, .header-menu > ul > li > span:hover {background-color:transparent; color:#386a93; transition:color 0.2s ease;}
    .header-menu .sublist > li a {padding:10px 0;}
    .header-menu > ul > li > .sublist-wrap > .sublist {background-color:#2c2c2c; text-transform:uppercase;}
    .header-menu > ul > li > .sublist-wrap a {color:rgba(255,255,255,0.7); border-bottom:1px solid #565656;}
    .header-menu > ul > li > .sublist-wrap a:hover {color:#4795c5;}
    .header-menu > ul > li > .sublist-wrap ul li:last-child a {border-bottom:none;}
    .category-navigation-list > li > .sublist-wrap > .sublist > li > a, .header-menu .sublist > li > a, .header-menu > ul > li > .sublist-wrap > .sublist > li > label {font-size:14px;}
    .master-wrapper-page {margin-top:175px;}
    .html-home-page h1#intro-title {font-size:34px;}
}
@media (min-width:1281px) {
    .header-logo a img {max-height:85px;}
    .header-menu > ul > li > a, .header-menu > ul > li > span {font-size:16px; padding:16px 18px;}
}
