/* Openherd hosted websites only */ .mp-results { display: none; } /* ||||| Browser Reset ||||| */ input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {margin:0; border:0; padding:0;} button::-moz-focus-inner {border:0;} input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance:none;} input::-moz-placeholder {opacity:1; /*firefox text input bug fix*/} input:-webkit-autofill {-webkit-box-shadow:inset 0 0 0 1000px #fff;} /* ||||| Global ||||| */ body {max-width:100%; overflow-x: hidden; /* responsive navigation & filters scroll bug fix*/ background:#fff; color:#555;} a {color:#0064c6; cursor:pointer;} table {width:100%;} input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select {height:36px; /*safari padding fix*/ border:1px solid rgba(0,0,0,0.15); padding:0 8px; vertical-align:middle; color:#333;} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, select:focus {color:#222;} input, textarea, select, button {font-size:14px; font-family:'Helvetica Neue', sans-serif;} input:disabled, textarea:disabled {background-color:transparent;} textarea {min-height:150px; padding:8px;} select {min-width:50px; height:32px; /*safari padding fix*/ padding:0 6px;} input[type="checkbox"], input[type="radio"], input[type="checkbox"] + *, input[type="radio"] + * {vertical-align:middle;} input[type="button"], input[type="submit"], button, .button-1, .button-2 {cursor:pointer;} label, label + * {vertical-align:middle;} .button, .description a.button, #submit {padding:13px 28px; color:#fff; font-weight:bold; transition:all .2s ease; outline:1px solid transparent; border:none; white-space:nowrap; text-align:center;} .button.big, .description a.button.big {min-width:250px; font-size:20px; padding:18px 28px;} .spinner, .simplemodal-container:after, #load:after, .load:after, .productPanelAjaxBusy:before, .infinite-scroll-loader:before, .quickView .cloudzoom-ajax-loader:before, .nopAjaxCartPanelAjaxBusy:before, .miniProductDetailsPanelAjaxBusy:before, .quickView .k-loading-image:before, .ajax-loading-block-window:before, .cloudzoom-ajax-loader:before {content:""; display:block; height:50px; width:50px; position:absolute; z-index:-1; left:50%; top:50%; margin-top:-25px; margin-left:-25px; -webkit-animation:rotation .6s infinite linear; -moz-animation:rotation .6s infinite linear; -o-animation:rotation .6s infinite linear; animation:rotation .6s infinite linear; border:2px solid rgba(0,0,0,0.1); border-top-color:rgba(0,0,0,0.5); border-radius:100%; box-sizing:content-box;} .load.slideshow-load:after {border:2px solid rgba(255,255,255,0.1);} /* tooltip */ .tooltip {display:inline-block; position:relative; z-index:2; vertical-align:middle; background:url(https://www.openherd.com/images/icons.png) no-repeat -6px -246px; width:18px; height:18px; cursor:default; white-space:normal;};} .tooltip:hover, .tooltip.hover {z-index:3; text-decoration:none; opacity:1.0;} .tooltip .tt_wrapper {display:none; position:absolute; z-index:9998; top:-10px; left:25px; width:300px; background-color:#fff; text-align:left; text-decoration:none; padding:20px; font-size:14px !important; line-height:18px; font-weight:normal !important; text-align:left; color:#555; border-radius:7px; box-shadow:0 5px 15px rgba(0,0,0,0.4); cursor:default;} .tooltip.popleft .tt_wrapper {right:25px; left:auto;} .tooltip:hover .tt_wrapper, .tooltip.hover .tt_wrapper, .tt_wrapper:hover {display:block !important;} .tooltip .tt_wrapper:before {position:absolute; left:-17px; top:10px; display:inline-block; content:""; width:16px; height:40px;} .tooltip.popleft .tt_wrapper:before {position:absolute; right:-17px; left:auto; top:10px; display:inline-block; content:""; width:16px; height:40px;} .tooltip p.tip {font-size:15px;} .tooltip p.tip .ficon.icon-bulb {margin:-4px 2px 0 0;} @keyframes rotation { 0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);} } @-webkit-keyframes rotation { 0% {-webkit-transform:rotate(0deg);} 100% {-webkit-transform:rotate(360deg);} } @-ms-keyframes rotation { 0% {-ms-transform:rotate(0deg);} 100% {-ms-transform:rotate(360deg);} } @-o-keyframes rotation { 0% {-o-transform:rotate(0deg);} 100% {-o-transform:rotate(360deg);} } .loading-home {position:relative; width:100%; height:200px;} /* layout */ .master-wrapper-content {position:relative; /* giving priority to header and header-menu */} .master-column-wrapper:after {content:""; display:block; clear:both;} .two-columns-area .center {backface-visibility:hidden;} .center-1 {position:relative; margin:0; padding-bottom:90px;} .product-details-page-body .center-1 {padding-bottom:70px;} .center-2, .side-2 {margin:20px 0 30px;} .side-2.page-side-column:empty {display:none;} .side-2:after {content:""; display:block; clear:both;} .page {min-height:500px;} .page:after, .page-title:after, .page-body:after {content:""; display:block; clear:both;} /* misc */ .buttons {text-align:center;/* Hide buttons on product listings - use on product detail */} .link-rss {display:none; width:32px; height:32px; font-size:0 !important;} .description {word-break:break-word;} .category-description ul, .manufacturer-description ul, .full-description ul, .topic-html-content ul, .topic-page ul, .post-body ul, .custom-tab ul {margin:12px 0; padding:0 0 0 36px; list-style:disc;} .category-description ol, .manufacturer-description ol, .full-description ol, .topic-html-content ol, .topic-page ol, .post-body ol, .custom-tab ol {margin:12px 0; padding:0 0 0 36px; list-style:decimal;} .category-description p, .manufacturer-description p, .vendor-description p, .full-description p, .topic-html-content p, .topic-page p, .post-body p, .news-body p, .custom-tab p {margin:20px 0; line-height:30px;} /* OH global */ h1 {font-size:32px; line-height:1.2em; margin:15px 0;} .page-title h1 {font-size:22px; text-align:left;} h2, .h2 {font-size:22px; line-height:1em; margin:6px 0;} h3 {font-size:15px; line-height:1em; margin:2px 0 6px;} h3.category {margin:20px 0 25px; border-bottom:1px solid rgba(0,0,0,0.13); padding:0 0 10px; font-size:16px; font-weight:bold;} .page-title {margin:40px 0 30px; border-bottom:1px solid rgba(0,0,0,0.13); padding:0 0 10px;} .page-title:first-child {margin-top:0;} .animal-category-page .page-title {margin-bottom:10px;} p.date {margin:60px 0; font-size:0.8em; font-style:italic; opacity:0.7;} .button.bt-sv {display:none !important;} /* don't display mypen buttons */ .description ul, .description ol {margin:10px 0 10px 30px;} ul.bulleted {margin:0 0 1em 2em;} ul.bulleted li {list-style:disc; margin:0 0 0.8em 1em; line-height:1.6rem;} /* alerts */ .required, .message-error, .field-validation-error, .username-not-available-status, .poll-vote-error, .password-error, .addProductToCartErrors li, .addProductVariantToCartErrors li, .sq-card-wrapper .sq-card-message-error {color:#f76900 !important;} .sq-card-wrapper.sq-error .sq-card-iframe-container::before {border-color:#f76900 !important;} .sq-card-wrapper .sq-card-message-error::before {content:"\e937" !important; font-family:openherd, sans-serif !important; color:#ff6c01 !important; font-size:18px !important; line-height:18px !important; background-color:transparent !important; mask:none !important; -webkit-mask:none !important;} #dv-alerts:not(empty) {background:#fff; padding:20px; box-shadow:0 2px 5px rgba(0,0,0,0.05);} #dv-alerts:empty {display:none;} /* ||||| Icons ||||| */ .icon {width:30px; height:30px;} /* social */ .footer .social-sharing a {background:none;} .footer .social-sharing a:before {display:block; vertical-align:middle; font-family:openherd; font-weight:normal !important; font-style:normal !important; font-size:30px; line-height:30px; cursor:pointer;} .footer .social-sharing .ab a:before {content:"\e998";} .footer .social-sharing .et a:before {content:"\e999";} .footer .social-sharing .fb a:before {content:"\e99a";} .footer .social-sharing .fr a:before {content:"\e99b";} .footer .social-sharing .gp a:before {content:"\e9e9";} .footer .social-sharing .ig a:before {content:"\e99c";} .footer .social-sharing .in a:before {content:"\e99d";} .footer .social-sharing .mw a:before {content:"\e9b4";} .footer .social-sharing .ms a:before {content:"\e99e";} .footer .social-sharing .pt a:before {content:"\e99f";} .footer .social-sharing .ri a:before {content:"\e9a1";} .footer .social-sharing .rv a:before {content:"\e9a0";} .footer .social-sharing .ss a:before {content:"\e9a2";} .footer .social-sharing .su a:before {content:"\e9a3";} .footer .social-sharing .ta a:before {content:"\e9a4";} .footer .social-sharing .tr a:before {content:"\e9a5";} .footer .social-sharing .tw a:before {content:"\e9a6";} .footer .social-sharing .vm a:before {content:"\e9a7";} .footer .social-sharing .vr a:before {content:"\e9a8";} .footer .social-sharing .yt a:before {content:"\e9a9";} /* membership logos */ .members-wrap {background:#fff; text-align:center; padding:20px 0;} #memberships {max-width:1200px; margin:0 auto;} #memberships .assoc {display:inline-block; vertical-align:top; width:80px; height:80px; margin:5px;} #memberships .assoc-logo {display:inline-block; vertical-align:middle; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;} #memberships .assoc-text {display:none;} /* ||||| Forms ||||| */ .fieldset, .section {position:relative; margin:0 0 30px;} .fieldset .title, .section .title {background-color:rgba(0,0,0,0.01); padding:25px 30px; font-size:15px; border-bottom:1px solid rgba(0,0,0,0.1);} .form-fields {position:relative;} .inputs {position:relative; margin:0 0 20px; white-space:nowrap; /*fix for 'required' elements*/ font-size:0;} .inputs-pair {display:flex; gap:20px;} .inputs-pair .inputs {flex:1 1 auto;} .inputs:after {content:""; display:block; clear:both;} .inputs label {display:block; width:100%; margin:0 0 5px; font-size:13px; /*reset zeroing*/ font-weight:bold;} .inputs input[type="text"], .inputs input[type="password"], .inputs input[type="email"], .inputs input[type="tel"], .inputs select, .inputs textarea {width:100%; max-width:100%; vertical-align:middle; box-shadow:none; border:1px solid #e9e9e9;} .inputs .option-list {overflow:hidden; display:inline-block; vertical-align:middle; white-space:normal;} .inputs .option-list li {float:left; margin:0 5px 0 0;} .inputs .option-list label {display:inline; width:auto; margin:0 5px; font-weight:normal;} .inputs.reversed {margin:0 0 20px; text-align:center;} .required {margin:0 0 0 3px; /*siblings offset fix*/ font-size:12px;} .message-error, .field-validation-error, .username-not-available-status, .poll-vote-error, .password-error {display:block; margin:5px 0 0; font-size:13px;} .checkout-page .message-error {position:relative; background:#fff; border-radius:5px; padding:15px 20px 15px 55px; box-shadow:0 2px 3px rgba(0,0,0,0.15);} .checkout-page .message-error:before {display:block; position:absolute; left:15px; top:50%; margin-top:-13px; font-family:openherd, sans-serif; content:"\e9bb"; font-size:25px; height:25px; color:#fdc30f;} .checkout-page .message-error ul {margin-left:15px;} .checkout-page .message-error ul li {list-style:disc; margin-bottom:5px;} .message-error {margin:0;} .field-validation-valid, .username-available-status {display:block; font-size:14px; color:#4fbb41;} .captcha-box {margin:0 0 15px; text-align:center; line-height:0; /*firefox line-height bug fix*/ display:flex; align-items:center; justify-content:center; gap:20px;} .captcha-box > div {display:inline-block;} .captcha-box input {height:auto;} .item-box .buttons-upper input[type="button"], .ajax-cart-button-wrapper input[type="text"], .ajax-cart-button-wrapper select {box-shadow:none;} /* ||||| Custom Contact Form ||||| */ #custom-contact-form label.error {color:#f45000 !important;} #custom-contact-form .inputs label {white-space:normal; line-height:18px;} #custom-contact-form .submit-form {display:flex; align-items:flex-start; justify-content:space-between; gap:20px; flex-wrap:wrap;} #custom-contact-form .submit-form:after {display:none;} /* ||||| Tables ||||| */ .cart-header-row {background-color:rgba(0,0,0,0.01); border-bottom:1px solid rgba(0,0,0,0.1);} .cart th, .data-table th, .forums-table-section th {padding:20px; font-size:13px; font-weight:normal; white-space:nowrap;} .cart td, .data-table td, .compare-products-table td, .forums-table-section td {min-width:50px; border-top:1px solid rgba(0,0,0,0.1); padding:25px;} .forums-table-section th, .forums-table-section td {padding:20px 25px;} .cart a, .data-table a, .compare-products-table a {font-weight:bold;} .cart .product, .data-table .product, .data-table .info, .data-table .name, .forum-table .forum-details, .forum-table .topic-details {text-align:left;} .cart .remove-from-cart, .cart .add-to-cart, .data-table .select-boxes, .data-table .order {text-align:center;} .cart td .attributes, .data-table td .attributes {margin:10px 0;} .cart .product-picture img {width:60px;} .cart .edit-item a {font-weight:normal;} .cart .edit-item a:hover {text-decoration:underline;} .cart .unit-price {white-space:nowrap;} .cart .qty-input, .cart .qty-dropdown {width:50px; height:40px; text-align:center;} .cart .subtotal {font-weight:bold; text-align:right;} /* ||||| Notifications & Popups ||||| */ .bar-notification {display:none; left:0; z-index:9998; width:100%; padding:18px 25px 18px 15px; font-size:13px; color:#222; background:#fff; box-shadow:0 -3px 2px rgba(0,0,0,0.1);} .bar-notification:before {float:left; font-family:openherd, sans-serif; vertical-align:middle; font-size:18px;} .bar-notification.success {border-top:3px solid #4fbb41;} .bar-notification.success:before {content:"\e936"; color:#4fbb41;} /* checkmark */ .bar-notification.warning {border-top:3px solid #f7960d;} .bar-notification.warning:before {content:"\e9bb"; color:#f7960d; font-size:22px;} /* triangle alert icon */ .bar-notification.error {color:#f74258; border-top:3px solid #f74258;} .bar-notification.error:before {content:"\e937"; color:#f74258; font-size:21px;} /* exclamation icon */ .bar-notification .content {margin:0 10px 0 30px; line-height:16px;} .bar-notification .content a {color:#222; text-decoration:underline;} .bar-notification .close {position:absolute; top:5px; right:0; width:25px; height:25px; cursor:pointer; text-align:center;} .bar-notification .close:before {font-family:openherd, sans-serif; content:"\e91a"; font-size:15px; line-height:25px; color:#222;} .noscript {background-color:#ff9; padding:10px; text-align:center;} /* loading window */ .ajax-loading-block-window {position:fixed; top:0; left:0; z-index:1070; width:100% !important; height:100% !important; background-color:rgba(255,255,255,0.5);} @-webkit-keyframes animate { 15% {border-bottom-right-radius:2px;} 25% {transform:translateY(9px) rotate(22.5deg);} 50% {transform:translateY(18px) scale(1, 0.9) rotate(45deg); border-bottom-right-radius:40px;} 75% {transform:translateY(9px) rotate(67.5deg);} 100% {transform:translateY(0) rotate(90deg);} } @keyframes animate { 15% {border-bottom-right-radius:2px;} 25% {transform:translateY(9px) rotate(22.5deg);} 50% {transform:translateY(18px) scale(1, 0.9) rotate(45deg); border-bottom-right-radius:40px;} 75% {transform:translateY(9px) rotate(67.5deg);} 100% {transform:translateY(0) rotate(90deg);} } @-webkit-keyframes shadow { 0%, 100% {transform:scale(1, 1);} 50% {transform:scale(1.2, 1);} } @keyframes shadow { 0%, 100% {transform:scale(1, 1);} 50% {transform:scale(1.2, 1);} } /* dialog window */ .ui-dialog {position:absolute !important; z-index:1050; width:350px !important; max-width:95%; border:1px solid #e9e9e9; box-shadow:0 1px 8px rgba(0, 0, 0, 0.1); overflow:hidden; background-color:#fff;} .ui-dialog-titlebar {border-bottom:1px solid #e9e9e9; overflow:hidden; background-color:#f9f9f9; padding:15px 20px; font-weight:bold;} .ui-dialog-titlebar span {float:left;} .ui-dialog-titlebar button {position:absolute; top:0; right:0; width:24px; height:24px; margin:13px; overflow:hidden; border:none; background:url('/Themes/shared/img/icon-x.svg') center no-repeat; background-size:55%; font-size:0;} .ui-dialog-titlebar button * {display:none;} .ui-dialog-content .page-title {margin-bottom:15px;} .ui-dialog-content .page-title h1 {font-size:14px; margin:0;} .ui-dialog-content {height:auto !important; padding:20px;} .ui-dialog .topic-page p {font-size:12px; line-height:18px;} /* European Union required cookie disclaimer */ .eu-cookie-bar-notification {position:fixed; top:50%; left:50%; z-index:1050; width:320px; height:180px; margin:-90px 0 0 -160px; border:1px solid #e9e9e9; box-shadow:0 1px 8px rgba(0, 0, 0, 0.1); background-color:#fff; padding:25px; text-align:center;} .eu-cookie-bar-notification .text {margin-bottom:20px; line-height:20px;} .eu-cookie-bar-notification button {min-width:60px; margin:5px 0 10px; border:none; padding:10px 20px; font-size:12px; font-weight:bold;} .eu-cookie-bar-notification a {display:block; text-decoration:underline;} /* go to top of page arrow */ #goToTop {display:none; position:fixed; right:30px; bottom:100px; z-index:1030; width:50px; height:50px; overflow:hidden; transition:all 0.2s ease; cursor:pointer; background-color:rgba(150,150,150,0.7); opacity:0.5;} #goToTop:after {display:block; line-height:50px; text-align:center; font-family:openherd; font-size:24px; color:#222; content:"\e921";} #goToTop:hover {background-color:rgba(150,150,150,0.8); opacity:1;} /* |||||||||| Simple Modal |||||||||| */ .simplemodal-container, .simplemodal-container #dv-content {background:#f6f6f6;} .modal_title {background:none; border:none; font-size:24px;} /* |||||||||| Facebook Messenger |||||||||| */ .website-banner-bottom #fb-root iframe {bottom:70px !important;} /* move fbm icon up when banner is on/bottom of site */ .website-banner-bottom #goToTop {bottom:150px;} /* make room for fbm icon */ /* ||||| Header ||||| */ /* admin header links (not used) .admin-header-links {display:none; min-height:42px; text-align:center;} .admin-header-links * {display:inline-block; margin:0 10px; line-height:42px;} */ .header.website-banner-on {} .header .center:after {content:""; display:block; clear:both;} .header-links a {background-repeat:no-repeat;} .header-selectors select {min-width:100px; border-color:#ddd; font-size:13px; color:#777;} .language-list {max-width:100%; font-size:0;} .language-list li {display: inline-block; margin:0 1px;} .language-list a {display:block; position:relative; width:32px; height:24px; line-height:0;} .language-list img {position:absolute; top:0; right:0; bottom:0; left:0; max-width:100%; max-height:100%; margin:auto;} .header-logo {text-align:left;} .header-logo a {display:inline-block; max-width:100%; line-height:0; /*firefox line-height bug fix*/ vertical-align:middle;} .header-logo a img {max-width:100%; max-height:110px;} .header-slogan h2 {margin-top:0;} /* nav animal categories */ .header .lcat {border:none !important; padding:0;} .header .lcat .subcats > li + li, .header .lcat .subcats > a + li {border-top:1px solid #ccc;} /* sublist categories */ .header-menu > ul > li > .sublist-wrap > .sublist > li > label {display:block; margin:0 0 10px; border-bottom:3px solid #555; padding:0 0 5px; font-weight:bold;} /* nav shopping cart */ .mini-shopping-cart {font-size:13px;} .mini-shopping-cart .count {background-color:rgba(0,0,0,0.02); padding:15px; text-align:center;} .mini-shopping-cart .count a {padding:0 3px; font-weight:bold;} .mini-shopping-cart .items {display:none; position:relative; overflow:hidden;} .mini-shopping-cart .item {border-bottom:1px solid rgba(0,0,0,0.1); overflow:hidden; padding:20px; text-align:left;} .mini-shopping-cart .picture {float:left; width:60px; text-align:center; font-size:0;} .mini-shopping-cart .picture a {display:block; position:relative; overflow:hidden;} .mini-shopping-cart .picture a:before {content:""; display:block; padding-top:100%;} .mini-shopping-cart .picture img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; max-width:100%;} .mini-shopping-cart .picture + .product {margin:0 0 0 75px;} .mini-shopping-cart .name {margin:0 0 2px; font-size:14px; font-weight:bold;} .mini-shopping-cart .attributes {margin:0;} .mini-shopping-cart .price strong {vertical-align:middle; font-weight:bold;} .mini-shopping-cart .totals {margin:-1px 0 0; background-color:rgba(0,0,0,0.02); padding:15px; font-weight:bold;} .mini-shopping-cart .totals strong {margin:0 0 0 5px; font-size:15px;} .mini-shopping-cart .buttons {padding:20px 15px;} .mini-shopping-cart input[type="button"] {min-width:145px; border:none; padding:13px 25px; font-size:13px; font-weight:bold; outline:1px solid transparent; transition:all 0.2s ease;} .store-search-box {position:relative;} .store-search-box form {display:inline-block; position:relative; font-size:0;} .store-search-box form:after {content:""; display:block; clear:both;} .store-search-box input.search-box-text {display:inline-block; width:220px; height:43px; margin:0 5px; border:none; background-color:rgba(0,0,0,0.2); padding:0 12px; vertical-align:middle; color:rgba(255,255,255,0.7);} .store-search-box input.search-box-text:focus {color:#fff;} .store-search-box input::-webkit-input-placeholder {color:rgba(255,255,255,0.7);} .store-search-box .search-box-button {display:none; /* not used */ width:47px; height:47px; margin:0 5px; border:none; vertical-align:middle; font-size:0; outline:1px solid transparent; transition:all 0.2s ease;} .ui-helper-hidden-accessible {display:none;} .ui-autocomplete, .ui-autocomplete img {display:none;} .header-menu .tree-structure li .sublist {padding-left: 12px;} /* breadcrumb */ .breadcrumb {position:relative; margin:0 0 20px; padding-top:15px; text-align:center;} .breadcrumb ul {display:inline-block; font-size:0;} .breadcrumb li {display:inline-block;} .breadcrumb a, .breadcrumb strong, .breadcrumb .delimiter {display:inline-block; min-height:32px; /*IE fix*/ margin:0 3px; font-size:13px; /*reset zeroing*/ line-height:32px; vertical-align:middle; color:inherit;} .breadcrumb a:first-child {margin-left:0;} .breadcrumb a:hover {text-decoration:none;} .breadcrumb strong {font-weight:normal;} .breadcrumb .current-item {max-width:50vw; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .breadcrumb .delimiter {margin:0 5px !important; opacity:0.5;} .breadcrumb li:first-child > span:first-child {display:inline-block; margin:0 2px; font-size:0;} .breadcrumb li:first-child > span a {margin:0 !important;} /* ||||| Footer ||||| */ /* email signup */ .newsletter .title {margin:0 0 10px; line-height:28px; color:#fff; text-transform:none !important;} .newsletter .title strong {font-weight:normal;} .newsletter-subscribe {font-size:0;} .newsletter-email {position:relative; display:inline-block;} .newsletter-email .newsletter-subscribe-text {display:inline-block; width:220px; height:43px; margin:0 5px; border:none; padding:0 12px; vertical-align:middle; background-color:rgba(0,0,0,0.2); color:rgba(255,255,255,0.7);} .newsletter-email .newsletter-subscribe-text:focus {color:#fff;} .newsletter-email .newsletter-subscribe-text::-webkit-input-placeholder {color:rgba(255,255,255,0.7);} .newsletter-email .newsletter-subscribe-button {display:inline-block; margin:0 5px; border:none; vertical-align:middle; font-size:0; width:43px; height:43px; background:transparent;} .newsletter-email:after {position:absolute; top:0; right:0; font-family:openherd, sans-serif; font-size:27px; text-align:center; line-height:43px; content:"\e997"; color:#fff; margin:0 5px; border:none; outline:1px solid transparent; transition:all 0.2s ease; width:43px; height:43px; pointer-events:none; background-color:rgba(255,255,255,0.1); color:#fff;} .newsletter-email:hover:after {background-color:rgba(255,255,255,0.2);} .newsletter-email .options {height:0; overflow:hidden;} .newsletter-validation, .newsletter-result, .newsletter .field-validation-valid {color:#fff;} .newsletter-validation, .newsletter-result {line-height:28px;} .newsletter-validation .please-wait {display:none !important;} /* social icons */ .footer .social-sharing {margin:0; font-size:0; vertical-align:middle;} .footer .social-sharing li {display:inline-block; margin:7.5px 8px;} .footer .social-sharing a {display:inline-block; width:32px; height:32px;} .footer .social-sharing a:hover {opacity:0.7; transition:all 0.2s ease;} .footer .social-sharing a:before {color:#fff;} /* contact info */ .footer-middle {overflow:hidden; background-color:#f6f6f6;} /* .footer-block .title:after {font-family:openherd; content:"\e922"; color:rgba(0,0,0,0.5); position:absolute; top:35%; right:30px; width:10px; height:10px; font-size:16px;} not used */ .footer-block li {padding:10px 0;} .footer-block.custom:empty {display:none;} .footer-block.quick-contact span {position:relative; padding:0 24px;} .footer-block.quick-contact span:before {font-family:openherd; position:absolute; top:2px; left:0; width:16px; height:16px; font-size:16px;} .footer-block {font-size:12px;} .footer-block .title {margin-bottom:15px; font-size:1.4em;} .footer-block p {margin-bottom:5px; line-height:21px;} .footer-block .ficon:before {font-size:17px; line-height:21px; margin-right:5px; width:20px;} .footer-block .ficon {font-size:inherit; font-family:inherit !important; color:inherit;} .footer-block .ficon:before {font-size:19px; vertical-align:middle;} .footer-block .ficon.icon-map-pin-solid:before {font-size:19px;} .footer-lower {overflow:hidden; padding:30px 15px;} .accepted-payments {margin:0 0 20px; font-size:0;} /* credits */ .footer-lower {background-color:#f6f6f6; font-size:11px;} .footer-lower a {display:inline-block; color:inherit;} .footer-lower .powered-by-oh {margin-bottom:5px;} .footer-lower .powered-by-oh a:before {display:block; content:"\e93e"; font-family:openherd; font-size:36px !important; color:rgba(0,0,0,0.4); text-align:center; margin:10px auto 2px;} .footer-lower .footer-disclaimer:not(:empty) {margin-bottom:30px;} .footer-powered-by {margin:5px 0 0;} .footer-designed-by {margin:10px 0 0;} .footer-tax-shipping {margin:15px 0 0;} .footer-lower.website-banner-on {padding-bottom:80px !important;} /* site message */ .site-message {position:fixed; display:flex; align-items:center; text-align:center; z-index:9997; bottom:0; left:0; width:100%; padding:15px 30px;} .site-message:before {float:left; content:""; vertical-align:middle; width:20px; height:20px; line-height:16px; margin-right:15px; background-repeat:no-repeat; background-size:contain;} .site-message.alert {background-color:#fff1ae;} .site-message.alert:before {background-image:url(https://oh-cdn.azureedge.net/images/icon-alert.svg);} .site-message.info {background-color:#cae7ff;} .site-message.info:before {background-image:url(https://oh-cdn.azureedge.net/images/icon-info.svg);} .site-message.promo {background-color:#fcc9ab;} .site-message.promo:before {font-family:openherd, sans-serif; content:"\e973"; font-size:22px; color:#e7001b;} .site-message.note {background-color:#fcf6be;} .site-message.note:before {font-family:openherd, sans-serif; content:"\e937"; font-size:22px; color:#777;} .site-message p {width:100%; vertical-align:middle; margin:0 15px 0 35px; text-align:center;} .site-message p a {text-decoration:underline;} .site-message .close {position:absolute; top:5px; right:0; width:25px; height:25px; cursor:pointer; text-align:center;} .site-message .close:before {font-family:openherd, sans-serif; content:"\e91a"; font-size:15px; line-height:25px; color:#222;} .website-banner-top .site-message {position:relative; z-index:1060; box-shadow:0 3px 2px rgba(0,0,0,0.1); word-break:break-word;} .website-banner-bottom .site-message {position:fixed; bottom:0; box-shadow:0 -3px 2px rgba(0,0,0,0.1); word-break:break-all;} .website-banner-bottom .footer-lower {padding-bottom:100px;} /* appointments alert */ #no-slots-alert {position:relative; z-index:10; top:60px; padding-left:20px;} /* ||||| Global Pages ||||| */ /* ||||| Home Page ||||| */ /* billboard video */ .video-wrapper.bg {font-size:0; position:relative; width:100%; height:0; padding-top:calc(100% / 16 * 9); margin:0;} .video-wrapper.bg .video {position:absolute; top:0;} .video-wrapper.bg #mask {position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent; opacity:0.5; z-index:2;} .video-wrapper.bg .home-video-caption {margin:15px 0 0; position:absolute; z-index:9998; bottom:15%; width:100%; padding:0 10%; text-align:center; font-size:4vw; line-height:5vw; line-height:120%; color:rgba(255,255,255,0.8); text-shadow:0 0 44px rgba(0,0,0,0.5), 0 0 30px rgba(0,0,0,0.5), 0 0 20px rgba(0,0,0,0.5), 0 0 10px rgba(0,0,0,0.5);} .video-wrapper .video {width:100%; height:100%;} .video-wrapper .home-video-caption {padding:15px 0; font-size:16px; font-style:italic;} .video-wrapper.large {width:76%; margin:50px auto;} .video-wrapper.large .video {position:relative; width:100%; height:0; padding-top:56.25%;} .video-wrapper.large .video iframe {position:absolute; top:0;} .video-wrapper.large .home-video-caption {text-align:center;} .video-wrapper.medium {width:640px; height:360px; margin:50px auto;} .video-wrapper.medium .home-video-caption {text-align:center;} .video-wrapper.small {position:relative; float:right; width:45%; margin:60px 0 50px 50px;} .video-wrapper.small .video {position:relative; width:100%; height:0; padding-top:56.25%;} .video-wrapper.small .video iframe {position:absolute; top:0; width:100%; height:100%;} /* home page sections */ /* intro text sections */ .html-home-page h1#intro-title {text-align:center; margin-top:15px; font-size:38px;} .html-home-page h3, #memberships h3 {margin:0 0 30px; border-bottom:1px solid rgba(0,0,0,0.13); padding:0 0 10px; font-weight:bold;} .home-page-section.intro-section .description, .home-page-section .custom-content .description {font-size:17px; line-height:32px; padding:50px 0 0;} .home-page-section.intro-section.text-only .description {columns:570px 2; column-gap:60px;} /* section layouts */ /* Home page sections */ .home-page-section .section-inner:after {content:""; clear:both; display:block;} .home-page-section .section-inner {padding-top:25px; padding-bottom:25px;} .home-page .section-inner .title {margin:0 0 20px; border-bottom:1px solid rgba(0,0,0,0.13); padding:0 0 5px; text-align:left; font-size:22px; line-height:30px; font-weight:600;} /* social feed section */ .social-feeds {display:flex; border-radius:8px; margin:0 -10px; font-size:0; text-align:center; justify-content:center;} .social-feeds .social-content {position:relative; vertical-align:top; text-align:center; flex-basis:75%; align-items:stretch; height:450px; margin:10px; overflow:hidden; background:#fff; border:1px solid rgba(0,0,0,0.1);} .social-feeds .social-content > div {max-width:100%;} .social-feeds .social-content #insta-feed {display:inline-block;} .social-feeds .social-content iframe {max-width:100% !important; min-width:auto !important;} /* farm feature box */ .home-feature {float:right; width:35%; background:#fff; box-shadow:0 3px 5px -3px rgba(0,0,0,0.1); margin:60px 0 50px 50px;} .home-feature h4 {padding:20px 30px; font-size:21px;} .home-feature h4 span.rfl {line-height:22px;} .home-feature h4 span.rfl .ficon:before {font-size:21px !important;} .home-feature .home-feature-content {padding:30px; min-height:200px;} .home-feature .home-feature-content img {max-width:100%;} .home-feature .home-feature-content iframe {width:100%;} .home-feature p {font-size:1.1em; line-height:1.8em; word-break:break-word;} /* prevents long strings from breaking out of container */ .home-feature + .description {columns:auto !important;} /* restrict width when farm feature is present */ .home-feature + .description:after, .dv-booking + .description:after {display:block; clear:both; content:"";} /* event feed */ #home-events .event {margin:10px 0 20px; font-size:0;} #home-events .event:after {content:""; display:block; clear:both;} #home-events .event .event-icon {width:70px;} #home-events .event .event-icon .month {font-size:13px;} #home-events .event .event-icon .day {font-size:22px;} #home-events .event .event-details {width:calc(100% - 90px); display:inline-block; vertical-align:top; margin-left:20px; font-size:14px;} #home-events .event .event-details .event-name {font-size:15px; margin:-4px 0 5px; font-weight:bold;} #home-events .event .event-details .event-descr {position:relative; font-size:13px; line-height:1.5; max-height:55px; overflow:hidden;} #home-events .event .event-more {float:right; font-size:13px;} /* booking plugin */ h1.bookings-title {} .home-page-section.appointments-section .section-inner {padding-bottom:70px;} .dv-booking {width:100%; height:450px; background-size:cover; background-position:center; background-repeat:no-repeat;} .dv-booking .booking-details {width:calc(100% - 520px); height:100%; background:rgba(255,255,255,0.7); padding:30px 40px 40px; backdrop-filter:blur(5px);} .dv-booking .booking-details .booking-details-inner {font-size:16px; line-height:22px; white-space:normal; height:calc(100% - 80px); overflow-y:scroll;} .dv-booking .booking-details .product-price {text-align:left;} .dv-booking .booking-details .product-price .fee, .dv-booking .booking-details .product-price .additional-price {white-space:nowrap; vertical-align:middle;} .dv-booking .booking-details .product-price .symbol-fee .symbol:after {font-family:openherd, sans-serif; content:"\e91b"; font-size:13px;} .dv-booking .booking-details .product-price .additional-price .plus {font-size:25px; font-weight:300;} /* remove once v2 goes live */ .dv-booking .booking-details .appointment-location {margin:10px 15px 15px 0; padding-bottom:15px; border-bottom:1px solid rgba(128,128,128,0.5);} .dv-booking .booking-details .appointment-location .vline {border-left:1px solid rgba(128,128,128,0.5); height:24px;} .dv-booking .booking-details .appointment-terms {margin-bottom:10px; font-size:85%;} .dv-booking .custom-appointments {position:relative; height:100%;} .dv-booking .booking-items {position:absolute; z-index:10; top:45px; right:50px; width:calc(50% - 100px); height:360px; background:#fff; box-shadow:0 3px 25px rgba(0,0,0,0.3); overflow:hidden;} .dv-booking .bookings-item {position:absolute; width:100%; height:100%;} .ui-datepicker-calendar, .dv-link {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#555;} /* header styles flow from theme */ .dv-link {position:absolute; bottom:0; left:0; display:flex; align-items:center; gap:10px; justify-content:space-between; width:100%; padding:10px 20px;} .dv-link .button.lfl {opacity:0.5;} .dv-link .button.lfl:hover {opacity:1;} .dv-link .button.rfl {display:none;} /* advance on selection instead of Next button */ .dv-link a {display:inline-block; vertical-align:middle;} .dv-link .active-key {display:flex; align-items:center; font-size:12px; line-height:12px; color:rgba(0,0,0,0.5); margin-top:10px;} .dv-link .active-key:before {display:inline-block; content:""; width:25px; height:20px; margin-right:10px; vertical-align:middle;} /* Step 1: Dates */ .ui-datepicker {width:100%; text-align:center; font-size:13px;} .ui-datepicker-header {position:relative; height:60px; background-color:#ececec; color:#fff;} .ui-datepicker-header a {position:absolute; top:5px; z-index:1; width:32px; height:40px; font-size:0; color:#fff;} .ui-datepicker-header a:hover {color:rgba(255,255,255,0.7);} .ui-datepicker-header a.ui-datepicker-prev {left:5px;} .ui-datepicker-header a.ui-datepicker-next {right:5px;} .ui-datepicker-header a.ui-datepicker-prev:before, .ui-datepicker-header a.ui-datepicker-next:before {font-family:openherd; font-size:24px; line-height:50px; text-align:center;} .ui-datepicker-header a.ui-datepicker-prev:before {content:"\e91f";} .ui-datepicker-header a.ui-datepicker-next:before {content:"\e920";} .ui-datepicker-title {position:relative; z-index:0; line-height:60px; font-size:17px;} .ui-datepicker-calendar {width:calc(100% - 20px); margin:5px 10px 0;} .ui-datepicker-calendar th {background-color:transparent !important;} .ui-datepicker-calendar th, .ui-datepicker-calendar td {width:14.285%; border:1px solid transparent !important; text-align:center;} .ui-datepicker-calendar .ui-datepicker-today {position:relative;} .ui-datepicker-calendar .ui-datepicker-today span:before, .ui-datepicker-calendar .ui-datepicker-today a:before {display:inline-block; width:28px; height:28px; border:1px solid #aaa; border-radius:50%; content:""; position:absolute; left:50%; top:50%; margin:-14px 0 0 -14px; background:rgba(0,0,0,0.02);} .ui-datepicker-calendar td.ui-datepicker-unselectable {background-color:transparent !important;} .ui-datepicker-calendar th:first-child, .ui-datepicker-calendar td:first-child {border-left:0;} .ui-datepicker-calendar th:last-child, .ui-datepicker-calendar td:last-child {border-right:0;} .ui-datepicker-calendar th {padding:5px 0; color:#777;} .ui-datepicker-calendar td span, .ui-datepicker-calendar td a {display:inline-block; width:100%; height:39px; line-height:39px; border-radius:3px;} .ui-datepicker-calendar .ui-state-active {font-weight:bold;} .ui-datepicker-calendar td a:hover {background-color:rgba(0,0,0,0.07);} .ui-datepicker-calendar td span {color:rgba(0,0,0,0.5) !important;} .ui-datepicker-calendar td a {color:rgba(0,0,0,0.6) !important;} .ui-datepicker-calendar td a.ui-state-active {color:#fff !important;} .ui-datepicker-calendar tr:first-child:nth-last-child(n + 6) td span, .ui-datepicker-calendar tr:first-child:nth-last-child(n + 6) td a, .ui-datepicker-calendar tr:first-child:nth-last-child(n + 6) ~ tr td span, .ui-datepicker-calendar tr:first-child:nth-last-child(n + 6) ~ tr td a {height:32px; line-height:32px;} /* Step 2: Times */ #dv-slots {position:absolute; display:none;} .appointment-timeslots, .appointment-guests-select {padding:10px 20px; height:236px; background-color:#f7f7f7;} .appointment-guests-select {display:table-cell; vertical-align:middle;} .appointment-timeslots h3 {border:none !important; margin:0 0 5px !important; color:#777;} ul#appointment-datetime-select {max-height:150px; overflow:auto;} ul#appointment-datetime-select li {line-height:18px; padding:8px; cursor:pointer; border:1px solid rgba(0,0,0,0.3);; border-radius:5px; margin-bottom:10px;} ul#appointment-datetime-select li:hover {background:#eee;} ul#appointment-datetime-select li.selected, #appointment-datetime-select li.selected:hover {background:rgba(0,0,0,0.6); color:#fff;} /* Step 3: Guests */ #dv-guests {display:none;} #h-selected-slot.ui-datepicker-title {padding:10px 0; line-height:inherit;} #h-selected-slot.ui-datepicker-title .selected-time-slot {font-weight:normal !important; font-size:90%;} .appointment-guests-select .attributes dd {margin:0 0 6px;} .dv-booking select {width:100%; color:#333; background:#fff;} .dv-booking h5 {margin:10px 0 5px; font-weight:bold;} .dv-booking .overview {width:100% !important; text-align:right !important;} .dv-booking .product-essential {padding:0 !important; margin-bottom:40px !important; border:0 !important;} .dv-booking .attributes {margin:10px 0 0 !important;} .dv-booking .attributes dt, .dv-booking-content .attributes dd {display:inline-block; vertical-align:middle;} .dv-booking .attributes dt {width:50% !important; text-align:right; margin-right:10px !important; white-space:normal !important;} .dv-booking .attributes dt label {line-height:16px !important;} .dv-booking .attributes dd {display:inline-block; width:calc(50% - 15px) !important; margin-right:0 !important;} .dv-booking .attributes dd#product_attribute_input_64 {display:none;} .dv-booking .attributes select {min-width:0 !important; width:100%; background:#fff; height:32px !important;} .dv-booking .booking-items .product-price {text-align:right;} .dv-booking .overview {position:static;} .dv-booking .overview .ajax-cart-button-wrapper {float:right;} .dv-booking .overview .add-to-cart-button {height:43px !important;} /* Appointments - Multiple */ .event-bookings {margin-top:30px;} .event-bookings h1.title {text-align:center;} #event-wrapper {position:relative; overflow:hidden; margin-top:30px;} #event-wrapper #book-event {position:relative; overflow:hidden;} #event-wrapper .swiper {width:100% !important; height:100% !important; overflow:hidden !important; padding-bottom:50px !important;} #event-wrapper .swiper-pagination {bottom:13px !important;} #event-wrapper .swiper-pagination-bullet {width:10px !important; height:10px !important;} #event-wrapper .swiper-pagination-bullet-active {background:#777 !important;} #event-wrapper .swiper-button-next, #event-wrapper .swiper-button-prev {top:auto !important; bottom:0; z-index:11 !important; width:39px !important; color:inherit !important; font-size:16px !important;} #event-wrapper .appt-details-open .swiper-button-next, #event-wrapper .appt-details-open .swiper-button-prev {display:none;} #event-wrapper .swiper-button-prev {left:0 !important;} #event-wrapper .swiper-button-next {right:0 !important;} /* .swiper-button-next:before {content:"More events"; white-space:nowrap; text-indent:-115px;} if pagination isn't used */ #event-wrapper .swiper-button-next:after, #event-wrapper .swiper-button-prev:after {font-family:openherd, sans-serif !important; font-size:28px !important; font-weight:bold; color:rgba(0,0,0,0.7); text-align:center; line-height:100% !important;} #event-wrapper .swiper-button-prev:after {content:"\e91f" !important;} #event-wrapper .swiper-button-next:after {content:"\e920" !important;} #event-wrapper .swiper-button-next.swiper-button-disabled, #event-wrapper .swiper-button-prev.swiper-button-disabled {opacity:0 !important;} #event-wrapper .event-count-1 .swiper-wrapper {justify-content:center;} #event-wrapper .swiper-slide {display:flex !important; width:calc(33.333% - 13.333px) !important; align-items:end; justify-content:center; flex-wrap:wrap !important; margin-right:20px !important;} #event-wrapper .event-count-1 .swiper-slide {width:100% !important; margin-right:0 !important;} #event-wrapper .event-count-2 .swiper-slide {width:calc(50% - 10px) !important;} #event-wrapper .swiper-slide .spinner {display:none; border-color:rgba(255,255,255,0.5);} #event-wrapper .swiper-slide .event-action {width:100%; margin-top:auto; padding:100px 30px 30px; background:linear-gradient(0deg, rgba(20,20,20,0.7) 30%, transparent 100%); color:#fff;} #event-wrapper .swiper-slide .event-action h2.event-title {font-size:24px; margin:0 0 5px; text-shadow:0 0 10px rgba(0, 0, 0, 0.5);} #event-wrapper .swiper-slide .event-action .caption {margin-bottom:15px;} #event-wrapper .swiper-slide .event-action .event-details {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:15px 30px; flex-basis:330px;} #event-wrapper .event-count-2 .swiper-slide .event-action .event-details {flex-wrap:nowrap;} #event-wrapper .swiper-slide .event-action h2.event-title, #event-wrapper .swiper-slide .event-action .caption, #event-wrapper .swiper-slide .event-action .event-price {text-shadow:0 0 10px rgba(0, 0, 0, 0.5);} #event-wrapper .swiper-slide .event-action .event-price .pricing {display:flex; flex-wrap:wrap-reverse; align-items:center; justify-content:left;} #event-wrapper .swiper-slide .event-action .event-details .pricing .per-person, #event-wrapper .booking-details-inner .pricing .per-person, #event-wrapper .swiper-slide .event-action .event-details .pricing.no-tiers .fee, #event-wrapper .booking-details-inner .pricing.no-tiers .fee {display:inline-block; padding:6px 15px; border:1px solid rgba(255,255,255,0.7); border-radius:7px; font-size:16px; background:rgba(255,255,255,0.1); white-space:nowrap; margin:5px 9px 5px 0;} #event-wrapper .swiper-slide .event-action .event-details .pricing.no-tiers .symbol, #event-wrapper .booking-details-inner .pricing.no-tiers .symbol, #event-wrapper .swiper-slide .event-action .event-details .pricing.no-tiers .fee-label, #event-wrapper .booking-details-inner .pricing.no-tiers .fee-label {display:none;} #event-wrapper .booking-details-inner .pricing .per-person {border-color:rgba(0,0,0,0.7);} #event-wrapper .swiper-slide .event-action .event-details .pricing .symbol-fee {display:inline-block;} #event-wrapper .swiper-slide .event-action .event-details .pricing .symbol-fee .symbol:after, #event-wrapper .booking-details-inner .pricing .symbol-fee .symbol:after {font-family:openherd, sans-serif; content:"\e91b"; font-size:11px; font-weight:bold; margin:0 3px 0 0;} #event-wrapper .swiper-slide .event-action .event-details .caption {padding:0; line-height:16px; color:#fff; text-shadow:0 0 3px rgba(0,0,0,0.5); max-width:330px;} #event-wrapper .swiper-slide .event-action .event-button {width:100%; margin-top:auto;} #event-wrapper .event-count-1 .swiper-slide .event-action .event-button, #event-wrapper .event-count-2 .swiper-slide .event-action .event-button {width:auto;} #event-wrapper .swiper-slide .event-action .button.event-link {display:block; width:100%; font-size:16px; line-height:24px;} #event-wrapper .swiper-slide .event-action .button.event-link:after, #event-wrapper .dv-link a.button.lfl:before, .dv-link a.button.rfl:after {font-family:Openherd, sans-serif; font-size:16px; content:"\e92e"; font-weight:bold; vertical-align:middle; margin-right:-11px;} #event-wrapper .dv-link a.button.lfl:before {content:"\e92d"; margin-left:-11px; margin-right:0;} /* Booking Steps */ #appointment-details {display:none; position:absolute; z-index:1; width:100%; background-color:#fff;} #appointment-details .dv-booking {margin:0 !important;} #event-wrapper h2.title, #appointment-details h2#intro-title {margin:15px 0; font-size:24px;} #book-event.event-count-1 #apppointment-details {display:block !important;} /* New Appointments Features (single & multi) */ .appointment-guests-select {overflow-y:scroll; overflow-x:hidden; display:block !important; vertical-align:middle; padding:10px 20px; box-shadow:0 -10px 5px -8px rgba(0,0,0,0.1) inset;} /* force scroll bars on OSX */ .appointment-guests-select::-webkit-scrollbar, .dv-booking .booking-details .booking-details-inner::-webkit-scrollbar {-webkit-appearance:none; width:7px;} .appointment-guests-select::-webkit-scrollbar-thumb, .dv-booking .booking-details .booking-details-inner::-webkit-scrollbar-thumb {border-radius:4px; background-color:rgba(0, 0, 0,.5); box-shadow:0 0 1px rgba(255,255,255,.5);} /* guest selection */ .dv-booking .guest-limits {text-align:center;} .dv-booking .tier-selections {display:flex; flex-wrap:wrap; justify-content:right; align-items:self-start; column-gap:20px; margin:10px 0 0 !important;} .dv-booking .tier-selections .attributes, .dv-booking .tier-selections .attributes dl {display:contents;} .dv-booking .tier-selections .booking-item {flex-basis:calc(50% - 10px); max-width:calc(50% - 10px);} .dv-booking .tier-selections .booking-item:first-child {display:none;} .dv-booking .tier-selections .booking-item dt {width:100% !important; text-align:left; margin:3px 0 0 !important;} .dv-booking .tier-selections .booking-item dt label {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; padding-bottom:5px;} .dv-booking .tier-selections .booking-item dt label:hover, .dv-booking .tier-selections .booking-item dt label:active {overflow:visible; background:rgba(247,247,247,0.6); width:auto; padding-right:10px; position:relative;} .dv-booking .tier-selections .booking-item dd {width:100% !important;} .dv-booking .tier-selections .booking-item.booking-prices {text-align:right; margin-top:15px;} /* ||||| All themes .swiper-button-next, .swiper-button-prev, .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#d32e2e !important;} .swiper-button-next:after, .swiper-button-prev:after {color:#fff;} ||||| Rounded corners #appointment-details, #appointment-details .dv-booking {border-radius:8px;} #book-event .swiper-slide {border-radius:8px; overflow:hidden;} @media all and (max-width:900px) { .dv-booking .booking-details {border-top-left-radius:8px; border-top-right-radius:8px;} } ||||| Dark themes .dv-booking .booking-details #link-back.ficon:before {color:#fff;} .booking-details-inner .pricing .per-person {border-color: rgba(255,255,255,0.7);} .swiper-button-next:after, .swiper-button-prev:after {color:#fff;} .swiper-pagination-bullet {background:#fff !important;} */ @media screen and (max-width:1080px) { #event-wrapper .swiper-slide {width:calc(50% - 10px) !important;} #event-wrapper .swiper-slide .event-action .event-details {flex-wrap:nowrap;} #event-wrapper .swiper-slide .event-action .event-details .event-price {flex-basis:100%;} #event-wrapper .swiper-slide .event-action .event-button {width:auto;} } @media screen and (max-width:900px) { #event-wrapper {overflow:visible;} #book-event:not(.event-count-1) .swiper-slide .event-action .event-details {flex-wrap:wrap !important;} #book-event:not(.event-count-1) .swiper-slide .event-action .event-button {width:100% !important;} #book-event, #appointment-details, #appointment-details .dv-booking {overflow:visible;} } @media screen and (max-width:640px) { #event-wrapper .swiper-slide, #event-wrapper .event-count-2 .swiper-slide {width:100% !important;} } @media screen and (max-width:480px) { #book-event.event-count-1 .swiper-slide .event-action .event-details {flex-wrap:wrap !important;} #book-event.event-count-1 .swiper-slide .event-action .event-button {width:100% !important;} .dv-booking .tier-selections .booking-item {flex-basis:100%; max-width:100%;} } @media screen and (min-width:901px) { #appointment-details {overflow:hidden;} .dv-booking .booking-details {width:50%;} } /* carousels/featured items/bestsellers */ .two-columns-area .home-page-product-grid {display:none;} .two-columns-area .jCarouselMainWrapper {margin:40px 20px 0;} .bestsellers {display:none;} .bestsellers .quick-view-button, .bestsellers .productQuantityTextBox, .bestsellers .productQuantityDropdown {display:none !important;} .openherd-features-carousel {text-align:center; font-size:0;} .openherd-features-carousel * { font-size: 14px;} .openherd-features-carousel .slick-track {margin:0 auto; padding:5px 0 10px;} .slick-list {padding-bottom:15px !important; box-sizing:content-box;} .openherd-features-carousel .grid_fv_featured {display:inline-block; vertical-align:top; margin:0 10px 20px; background:#fff; border:1px solid #e4e4e4; width:calc(25% - 20px); clear:none; text-align:center;} .openherd-features-carousel .grid_fv_featured .tv_thumb {float:none; z-index:1; overflow:hidden; margin:0 0 10px; width:100%;} .openherd-features-carousel .grid_fv_featured .tv_thumb a {display:block; position:relative; overflow:hidden; margin-top:20px;} .openherd-features-carousel .grid_fv_featured .tv_thumb a:before {content:""; display:block; padding-top:120%;} .side-2 .openherd-features-carousel .grid_fv_featured .tv_thumb a:before {display:none;} .side-2 .openherd-features-carousel .grid_fv_featured .tv_thumb a img {position:static;} .openherd-features-carousel .grid_fv_featured .tv_thumb a img, .openherd-features-carousel .grid_fv_featured .tv_thumb a .no_photo {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; max-width:100%; margin:auto; -webkit-transform:translateZ(0) scale(1,1);} .openherd-features-carousel .grid_autoads .tv_info {margin:0; padding:0 0 10px; height:145px;} .openherd-features-carousel .grid_fv_featured .tv_name {padding:0 10px; font-size:14px; font-weight:normal; max-height:3.3em; overflow:hidden; margin-bottom:5px;} .openherd-features-carousel .grid_fv_featured .tv_name a {display:block; margin-bottom:10px; line-height:1.5;} .openherd-features-carousel .grid_fv_featured .tv_stats {padding:0 10px; line-height:0.9em;} .openherd-features-carousel .grid_fv_featured .tv_tag_price {height:22px; overflow:hidden; padding:0 4px; vertical-align:middle; line-height:22px; font-size:15px; font-weight:bold;} .openherd-features-carousel .grid_fv_featured .captions {margin:5px 0;} .openherd-features-carousel .grid_fv_featured:after {content:''; display:block; clear:both;} /* featured items */ .home-page-body .page .product-grid.bestsellers-carousel {position:relative; margin-bottom:40px;} .home-page-body .page .product-grid.bestsellers-carousel .item-box .product-item {padding:0 !important;} .bestsellers-carousel .slick-arrow {position:absolute; top:-58px; width:37px; height:37px; border:none; font-size:0; background-color:transparent; background-repeat:no-repeat; cursor:pointer; transition:all .2s ease;} .bestsellers-carousel .slick-prev {right:37px;} .bestsellers-carousel .slick-next {right:0;} .bestsellers-carousel .slick-prev:after, .bestsellers-carousel .slick-next:after {display:block; font-family:openherd; text-align:center; font-size:20px; color:#777;} .bestsellers-carousel .slick-prev:hover:after, .bestsellers-carousel .slick-next:hover:after {color:#fff;} .bestsellers-carousel .slick-prev:after {content:"\e91f";} .bestsellers-carousel .slick-next:after {content:"\e920";} .bestsellers-carousel .slick-prev:hover {background-position:left center;} .bestsellers-carousel .slick-next:hover {background-position:right center;} /* featured blogs (see blog page for styles) */ /* Photo Album */ .home-page .album {margin:20px 0 20px -3px; font-size:0;} .home-page .album .album_photo_cell {width:calc(33.333% - 3px); padding-top:calc(33.333% - 3px); margin:0 0 3px 3px;} .album .album_photo_info {font-size:14px; text-align:center;} /* team members */ .page-body .member-photo {width:250px; height:250px; margin:20px auto;} .page-body .member-photo img, .page-body .member-photo .no_photo {width:100%; height:100%; object-fit:cover; object-position:top center;} .page-body .member-photo .no_photo {background-size:100% auto; background-position:center; background-repeat:no-repeat;} .page-body .member-details h2 {text-align:center; margin-bottom:15px;} .home-page .team-member .title a,.home-page .featured-comments .title a,.html-home-page .openherd-featured-items .title a, .home-page .album-section .title a {display:block; margin-top:10px; font-size:13px; transition:all .2s ease;} .home-page .team-section.item.slick-slide {margin:0 10px;} .team-section.item .comment a, .feature-section.item .comment a {display:block; margin-top:5px;} .home-page .team-section.item .comment, .home-page .feature-section.item .comment, .home-page .blogs .description {position:relative; padding-bottom:25px;} .home-page .team-section.item .comment {display:none;} .home-page .team-section.item .comment a, .home-page .feature-section.item .comment a {position:absolute; bottom:0; right:0; font-size:13px;} .home-page .team-section.item, .home-page .featured-comments .feature-section.item {display:inline-block; flex-basis:50%; align-items:stretch; padding:15px; margin:0; background:#fff; border:1px solid rgba(0,0,0,0.1); text-align:left; font-size:14px; vertical-align:top;} .home-page .slick-dots {margin-top:20px; text-align:center;} .home-page .slick-dots li {display:inline-block; margin:0 3px;} .home-page .slick-dots li button {font-size:0; border:0; display:block; width:10px; height:10px; border-radius:50%; background-color:#c9c9c9;} .home-page .team-member-carousel, .home-page .featured-comments-carousel {display:flex; justify-content:center; text-align:center; font-size:0; gap:20px;} .home-page .team-section.item .team-member-photo, .home-page .team-section.item .no_photo {position:relative; margin-bottom:15px; text-align:center; width:100%; padding-top:75%; background-repeat:no-repeat; background-position:center; background-size:cover;} .home-page .team-section.item .team-member-photo img {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); display:inline-block; max-width:100%;} .home-page .team-section.item .no_photo:before, .page-body .member-photo .no_photo:before {position:absolute; width:100%; height:100%; content:""; background:rgba(255,255,255,0.75); left:0; top:0; filter:blur(30px);} .home-page .team-section.item .no_photo:after, .page-body .member-photo .no_photo:after {background-image:url(/Themes/shared/img/icon-user.svg); background-size:40%; opacity:0.25;} .home-page .team-section.item h3 {margin-bottom:10px; text-align:center;} .home-page .team-section.item .job-title {display:block; margin:0 0 10px; font-weight:bold; text-align:center;} /* featured comments */ .page-body .single-col.feature {padding:6% 9% !important; background:#fff; box-shadow:0 3px 10px rgba(0,0,0,0.05);} .page-body .comment {margin-bottom:10px;} .page-body .feature p {font-size:15px; line-height:22px; padding:8px 0 12px;} .page-body .feature p a {display:block;} .page-body .feature-section, .page-body .member-feature-section, .page-body .comments-section {padding:25px 0;} .page-body hr, .page-body .hr, .page-body .hr2 {margin:20px 0; border:1px solid rgba(0,0,0,0.1); border-width:0 0 1px; height:1px; font-size:0px; line-height:0px;} .page-body .hr3 {margin:30px 0;} .page-body blockquote {text-decoration:none; font-style:italic; margin:0 auto 20px; padding:25px 40px 0; font-size:15px; line-height:22px; width:auto; margin:0; background:transparent; border:none;} .page-body blockquote div:before, .page-body blockquote div:after {display: block;position: absolute;font-family:georgia, times, serif; font-size:80px; opacity:0.5;} .page-body blockquote div::before {left:-40px; top:10px;content:"“";} .page-body blockquote div::after {right:-35px; bottom:-20px; content: "”";} .page-body .feature-section h3, .page-body .comments-section h3 {font-size:18px; line-height:24px; font-weight:normal !important; margin-bottom:0;} .home-page .feature-section .comment-details h3 {margin:0 0 30px;} .home-page .feature-section .comment-details h3 + p {margin-top:-20px;} .page-body .comment-details .comment {position:relative;} .page-body .comment-details .comment-attribution {margin-left:40px;} .page-body .comment-details .source-date span {font-weight:normal; font-size:12px; opacity:0.7;} .page-body .comment-details .source-date span:first-child {margin-left:10px;} /* feature boxes */ .feature-boxes {display:flex; justify-content:center; text-align:center; font-size:0; margin:0 -10px;} .feature-box {display:inline-block; vertical-align:top; flex-basis:75%; margin:10px 10px 20px; background:#fff;} .feature-box h3 {text-align:center; border-bottom:none; margin-bottom:10px; font-size:21px;} .feature-box .feature-box-photo {width:100%; height:0; padding-top:calc(100px + 45%); background-repeat:no-repeat; background-size:cover; background-position:center;} .feature-box .feature-box-details {padding:20px;} .feature-box .description {font-size:14px; line-height:24px;} .feature-box .description ul {display:inline-block;} /* ||||| Page Featured Items (left col) ||||| */ .side-2 #dv-features, .side-2 .openherd-featured-items {border:1px solid rgba(0,0,0,0.1); background-color:#fff;} .side-2 .openherd-features-carousel .grid_fv_featured {margin:0; border:none;} .side-2 .slick-dots {padding:10px 20px 18px; text-align:center; font-size:0;} .side-2 .slick-dots li {display:inline-block; margin:0 5px;} .side-2 .slick-dots li button {display:block; width:10px; height:10px; border-radius:50%; background-color:#c9c9c9; font-size:0; border:none;} .side-2 .slick-dots li.slick-active button {background-color:#333;} .side-2 #dv-features h3, .side-2 #memberships h3, .side-2 .openherd-featured-items .title {margin:0; border:none; padding:15px 20px; font-size:16px; text-align:center;} /* ||||| User Pages ||||| */ /* general */ .side-2 .left-info-wrap, .block .listbox {padding:30px 20px; background:#fff; border:1px solid rgba(0,0,0,0.1);} .user-page .page-body {border:1px solid rgba(0,0,0,0.1); background-color:#fff; padding:30px 45px 60px;} .user-page .description {font-size:1.1em; line-height:1.6em;} .user-page #left .description {display:none;} .user-page .description h3 {font-weight:bold; font-size:20px; margin:10px 0 20px;} .user-page .description ul {margin:5px 0 10px 30px;} .user-page .description ul li {list-style:disc; margin:0 0 5px 10px;} .user-page .description p {margin:10px 0 25px;} .user-page .description img {max-width:100%; height:auto;} .user-page .description td img {max-width:none;} .page-body .byline .date:before {content:" – ";} .side-2 .left-info-wrap .date {display:block; opacity:0.7;} .side-2 .articles-info-wrap > .title, .side-2 .left-info-wrap ul li > .title {font-size:16px;} .side-2 .text-list ul li {padding:12px 0 0;} .side-2 .text-list ul li ul, .side-2 #childLinks.text-list ul {margin:12px 0 0 10px; font-size:13px; line-height:18px;} .side-2 .text-list ul li ul li, .side-2 #childLinks.text-list ul li {padding:0; margin-bottom:15px; font-size:14px;} .side-2 .text-list ul li ul li {overflow:hidden; white-space:nowrap; width:100%; text-overflow:ellipsis;} /* all user pages & layouts 1 & 2 */ .info-page h3.subtitle {margin:0 0 40px; font-size:18px; line-height:1.5em;} .info-page .main_photo_large img {width:100%;} .info-page p.caption, .article-page p.caption {font-size:13px; line-height:1.1em;} .info-page p.date:before {content:"Updated: ";} #page_right {width:35%; margin-left:5%;} #page_right .main_photo {margin-bottom:30px;} #page_right .main_photo a{display:block; margin-top:30px;} #page_right .main_photo a:first-child {margin-top:7px;} #page_right .main_photo a img, .article-page .main_photo_large img {width:100%; margin-bottom:10px;} /* article pages */ .articles-page #articleList {display:flex; flex-wrap:wrap;} .articles-page #articleList .description {line-height:1.2em;} .articles-page #articleList .description img {width:100% !important;} .article-page h3.subtitle {margin:0 0 15px; font-size:18px;} .article-page .byline {font-size:13px; opacity:0.7; margin-bottom:40px;} .article-page #left .byline {margin-bottom:0;} /* layout 1 */ /* layout 2 */ .layout-2 .thumb_photos {margin:30px 0;} .layout-2 .thumb_photos .thumb a img {width:100%;} /* layout 3 */ .info-page .layout-3 .main_photo_large {width:100%;} .article-page .layout-3 #page_main {margin-top:50px;} .layout-3 .main_photo_large {margin-bottom:30px;} .layout-3 .main_photo_large img {margin-bottom:10px;} .layout-3 .thumb_photos {margin:30px 0; font-size:0; clear:both;} .layout-3 .thumb_photos .thumb {display:inline-block; vertical-align:top; margin:20px 3% 20px 0; width:calc(20% - 30px); min-width:80px;} .layout-3 .thumb_photos .thumb a {display:block; margin-bottom:10px;} .layout-3 .thumb_photos .thumb a img {width:100%;} /* layout 4 */ .layout-4 .main_photo_large, .info-page .main_photo_large img {max-width:100%; width:auto;} .layout-4 .main_photo_large {margin-bottom:30px;} .article-page .layout-4 #page_main {margin-top:50px;} .layout-4 .main_photo_large img {margin-bottom:10px;} .layout-4 .medium_photos {padding:3vw; font-size:0;} .layout-4 .medium_photos .thumb {display:inline-block; vertical-align:top; text-align:center; width:calc(50% - 4vw); margin:2vw;} .layout-4 .medium_photos .thumb img {width:100%;} .layout-4 .medium_photos .thumb p.caption {margin-top:10px;} /* albums */ .albums .album_caption {max-height:44px; padding-bottom:5px; font-size:17px; line-height:21px; opacity:1;} .albums .album_info hr {margin:3px 0 9px;} .albums .album_extras {bottom:6px; font-size:13px;} /* album page */ .album_page p.date {margin:0;} /* article list */ #articleList:after {content:''; display:inline-block; clear:both;} #articleList > div {float:left; width:23.5%; min-height:475px; margin:0 0 2% 2%; padding:25px 20px; background:#fff; border:1px solid rgba(0,0,0,0.1); text-align:left;} #articleList > div:nth-child(4n+1) {margin-left:0; clear:both;} #articleList .article-title-sub {height:75px; overflow:hidden;} #articleList .article-title-sub h2 {font-size:16px; font-weight:bold;} #articleList > div h4 {font-size:14px; line-height:1em; margin-bottom:8px;} #articleList .description {font-size:0.95em;} #articleList .description a {display:block; margin-top:5px;} #articleList > div p:empty {display:none;} #articleList p.byline {font-size:0.8em; line-height:1.1em; margin-bottom:10px;} #articleList > div .last-updated {margin-bottom:10px; color:#777; font-size:0.9em;} #articleList .article-img {height:170px; overflow:hidden; margin-bottom:20px;} #articleList .article-img img {width:100%; height:auto;} #articleList .read-more {display:block; text-align:right; margin-top:10px;} .side-2 #articleList li {padding:12px 0;} .side-2 #articleList li .last-updated {display:none;} .side-2 #articleList li .article-img {float:left; margin-right:10px;} .side-2 #articleList li .article-img img {width:auto; max-width:80px;} .side-2 #articleList li .description {display:none; padding-top:0; font-size:0.9em; line-height:1.4;} /* blog list */ .blog-page .link-rss {display:none;} .blog-posts {padding-top:0.5px;} .blog-posts {text-align:center; font-size:0;} .blog-posts .post {position:relative; margin:0 10px 20px; text-align:left; border:1px solid rgba(0,0,0,0.1); background-color:#fff; font-size:14px;} .blog-posts .post:after {content:""; display:block; clear:both;} .blog-posts .post-head {display:block; margin:0;} .blog-posts .rich-blog-image {height:50vw; position:relative; z-index:0; font-size:0;} .blog-posts .rich-blog-image a {display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;} .blog-posts .rich-blog-image a.no_photo.blog {background-position:left 10% bottom 20%; background-size:40%; background-image:url(https://oh-cdn.azureedge.net/images/_social/icon-ss.svg); background-color:#f78e0c; padding-top:0;} .blog-posts .post-preview .description {position:relative; padding:0 0 27px;} .blog-posts .post-body {position:relative; margin:0; padding:15px 30px 0; margin-bottom:50px; overflow:hidden;} .blog-posts .post-date {display:inline-block; margin:0 0 10px;} .blog-posts .read-comments {display:inline-block; position:relative; margin:0 0 0 20px; background:url('/Themes/shared/img/comments.png') left center no-repeat; padding:0 0 0 20px; line-height:normal; text-decoration:none !important;} .blog-posts .read-comments:before{ content:"";position:absolute; top:3px; left:-10px; width:1px; height:14px; background-color:#999;} .blog-posts .post-title {display:block; margin:0 0 10px; font-size:18px; font-weight:bold; text-decoration:none !important;} .blog-posts .post-title a {display:block; text-decoration:none !important;} .blog-posts .post-preview {height:108px; overflow:hidden; line-height:28px;} .blog-posts .post-body p {margin:0; line-height:28px;} .blog-posts .post .post-preview .description p {position:relative; max-height:145px; overflow:hidden; line-height:21px; font-size:14px;} .blog-posts .post a.read-more {position:absolute; right:30px; bottom:25px;} .blog-posts .tags,.blog-posts .post-footer {display:none;} /* blog page */ .blogpost-page {margin:0 0 150px;} .blogpost-page .page-title {margin:0 0 10px; padding:0 !important;} .blogpost-page .post {position:relative;} .blogpost-page .post-date {margin:0 0 12px;} .blogpost-page .post-body {text-align:justify;} .blogpost-page .rich-blog-image {margin:0 0 21px;} .blogpost-page .rich-blog-image img {display:block; width:100%;} .blogpost-page .rich-blog-thumbs {font-size:0;} .blogpost-page .rich-blog-thumbs span {display:inline-block; vertical-align:top; margin:0 20px 20px 0; width:100px;} .blogpost-page .rich-blog-thumbs span img {width:100%;} .blogpost-page .tags {margin:0;} .blogpost-page .post-footer {position:relative; padding:0 30px 30px;} .blogpost-page .post-actions {margin:0 0 10px;} /* blog search (not used) */ .blog-search-box {font-size:0;} .blog-search-box form {position:relative; font-size:14px;} .blog-search-box form:after {content:""; display:block; clear:both;} .blog-search-box span.search-box-text {display:block; margin:0 40px 0 0;} .blog-search-box input.search-box-text {display:block; width:100% !important; height:40px; border:none; background-color:#f6f6f6;} .blog-search-box .instant-search-busy {background:#f6f6f6 url('/Themes/shared/img/ajax-loader.gif') right center no-repeat !important;} .blog-search-box .search-box-button {position:absolute; top:0; right:0; width:40px; height:40px; border:none; background:#f6f6f6 url('/Themes/shared/img/search-button.png') left center no-repeat; font-size:0;} .blog-instant-search {height:auto !important; border-top:1px solid #f6f6f6;} .blog-instant-search .k-list-container {position:static !important; width:100% !important; height:auto !important; box-shadow:0 1px 8px rgba(0,0,0,.08); background-color:#fff;} .blog-instant-search .k-item {border-top:1px solid #f6f6f6; padding:10px; cursor:pointer;} .blog-instant-search .k-item:first-child {border:none;} .blog-instant-search .k-item.k-state-hover,.blog-instant-search .k-item.k-state-focused {background-color:#f9f9f9;} .blog-search-results {line-height:25px;} .blog-search-results li {margin:0 0 30px; border:1px solid rgba(0,0,0,0.1); background-color:#fff; padding:30px;} .blog-search-results li a {display:inline-block; margin:0 0 15px; font-size:18px; line-height:normal; font-weight:bold;} /* blog navigation (not used) */ .post-navigation {position:absolute; top:-58px; left:0; width:100%; text-align:center; font-size:0;} .post-navigation a {display:inline-block; position:relative; height:39px; overflow:hidden; line-height:39px; font-size:12px; font-weight:bold; text-decoration:none !important; transition:all .2s ease;} .post-navigation a.prev {padding:0 15px 0 27px;} .post-navigation a.next {padding:0 27px 0 15px;} .post-navigation a.prev:before,.post-navigation a.next:after {content:""; position:absolute; top:0; width:39px; height:39px; transition:all .2s ease;} .post-navigation a.prev:before {left:-5px; background:url('/Themes/shared/img/prev.png') no-repeat right center;} .post-navigation a.next:after {right:-5px; background:url('/Themes/shared/img/next.png') no-repeat left center;} .post-navigation a.prev:hover:before {background-position:left center;} .post-navigation a.next:hover:after {background-position:right center;} /* ||||| Contact Form ||||| */ .contact .side-2 dl {font-size:14px; line-height:1.2em; padding-bottom:30px;} .contact .side-2 dl:last-child {padding-bottom:0;} .contact .side-2 .title {padding-bottom:20px; font-size:15px;} .contact .side-2 dl dt, .contact .side-2 dl dd {margin-bottom:7px;} #mainForm .form-fields {font-size:0;} #mainForm .half-width {display:inline-block; margin-left:20px; width:calc(50% - 10px);} #mainForm .half-width:nth-child(1), #mainForm .half-width:nth-child(3) {margin-left:0;} #mainForm #submit {float:right;} #mainForm .captcha-box {text-align:left;} #mainForm .captcha-box:after {content:''; display:block; clear:both;} #mainForm .inputs label {text-align:left;} /* map */ #fv-map {width:100%; height:300px; margin-top:30px; background:transparent !important;} #fv-map.left-info-wrap {padding:0;} #dv-map {width:100%; height:calc(100% - 35px);} #dv-map .map-container {height:100%;} #dv-map .map-container iframe {width:100%; height:100%;} #dv-map .map-extras {text-align:center; font-size:13px; line-height:35px;} #dv-map .map-extras .map-enlarge {float:left;} #dv-map .map-extras .map-directions {float:right;} #dv-map .map-extras .ficon:before {font-size:19px; margin:-8px 3px 0 0; cursor:pointer;} /* ||||| Comments Page ||||| */ .page-body .comments-section blockquote .comment p {font-size:17px; line-height:26px;} .page-body .comments-section .comment-attribution {margin-right:60px; text-align:right;} .page-body .comments-section .comment-attribution p {padding:0;} /* ||||| Events Page ||||| */ .event td.event_info h2, .event td.event_details > div h4 {font-weight:bold;} .event td.event_details {line-height:1.3em;} .event td.event_details > div h4 {margin-bottom:5px;} /* ||||| Copyright Terms Page ||||| */ .technical-page .page-body {min-height:500px;} .technical-page .page-title {margin-top:50px;} .technical-page p {margin:5px 0 15px;} /* ||||| Site Map ||||| */ .sitemap-page ul {margin:20px;} .sitemap-page ul li {margin-bottom:5px;} .sitemap-page ul li ul {margin:5px 0 10px 40px;} .sitemap-page ul li ul li {list-style:disc; font-size:0.9em; margin-bottom:3px;} /* ||||| Left/Right Column ||||| */ .block {margin:0 0 10px; text-align:center;} .block .title {padding:15px 25px; font-size:15px; cursor:pointer;} .block .title strong {display:block;} .block .listbox {display:none;} .block .listbox:after {content:""; display:block; clear:both;} .block .list li {padding:5px 0;} .block .list a:hover {text-decoration:none;} .block .list > li > a {font-size:16px; font-weight:bold;} .block .sublist li {padding:5px 0 0;} .block .sublist li li {padding:0;} .block .sublist li li li, .block.block-category-navigation .sublist li > li {padding:2px 0 0; font-size:0.9em;} .block .view-all {margin:8px 0 4px;} .block .view-all a {font-weight:bold;} .block .product-picture {display:none;} .block .product-picture img {display:block; max-width:100%;} .block .tags {margin:0 0 10px;} .block .tags ul {font-size:0;} .block .tags li, .product-tags-all-page li {display:inline-block; position:relative; margin:0 10px; overflow:hidden; font-size:16px !important; /*setting base size*/} .block .tags li a, .product-tags-all-page li a {float:left; line-height:30px;} .product-tags-all-page ul {border:1px solid rgba(0,0,0,0.1); background-color:#fff;} /* ||||| Animal Categories ||||| */ /* gallery view */ #animal_page .thumb-view {margin:0;} .t_cell {position:relative; margin:0 0 20px; padding:15px; width:33.3333%; min-height:370px; font-size:14px;} .t_cell:hover {background:#fff; box-shadow:0 1px 8px 2px rgba(0,0,0,0.05);} .t_cell .icon-wreath {margin-right:3px;} .no_photo {padding-top:85%;} .no_photo.store {position:absolute; top:0; padding-top:100%;} .product-essential .no_photo.store {position:static; height:auto;} .t_tagline {line-height:1.1em; height:35px; margin:0 0 5px; overflow:hidden;} .t_name {height:35px; line-height:1.2em; margin:0 0 5px; overflow:hidden; font-size:14px; font-weight:bold;} .t_stats {line-height:1.2em; height:35px; margin:0 0 10px; overflow:hidden;} .t_price {font-size:16px; font-weight:bold;} /* list view */ .list_wrap table.list-view h3.category {border-bottom:none; padding:0; margin:30px 0 10px;} .l_row {font-size:13px;} /* auctions */ h1#featured-auction {margin:30px 0 0; text-align:center; background:#333; color:#fff; line-height:60px; font-size:24px;} h1#featured-auction .ficon {vertical-align:top; line-height:50px; margin-right:10px;} h1#featured-auction .ficon:before {color:#ffcc00; font-size:36px;} .auctions .t_info {background:#222; padding:5px 15px 15px; color:#aaa;} .sp_icon.sp_icon_auction2 {display:inline-block; vertical-align:middle; width:53px; height:20px; background:url(https://oh-cdn.azureedge.net/images/icon-auction-sml.png) no-repeat;} /* ||||| Packages ||||| */ /* ||||| Animal Detail ||||| */ .gallery .picture-thumbs.video .thumb-item a {display:block; background:#000;} .gallery .picture-thumbs.video .thumb-item a:before {display:block; position:absolute; z-index:2; left:50%; top:50%; width:30px; height:30px; padding-left:3px; font-family:openherd; content:"\e946"; font-size:18px; line-height:30px; color:#fff; text-align:center; background:rgba(0,0,0,0.5); border-radius:50%; margin:-15px 0 0 -15px;} .gallery .picture-thumbs.video .thumb-item a img {position:relative; z-index:1; width:100%;} .gallery .picture-thumbs.video .thumb-item a:hover img {opacity:0.8; transition:all 0.2s ease;} .gallery .picture-thumbs.video .thumb-item a:hover:before {background:rgba(0,0,0,0.7);} /* see product detail for base thumb styles */ .animal-details .prices p.captions {margin-bottom:10px; margin-top:-3px;} .animal-details #external-links a {padding:0 15px; background:rgba(125,125,125,0.1); border-radius:3px;} .animal-details #external-links a:hover {background:rgba(125,125,125,0.12);} .animal-details .vital-stats {margin-bottom:15px;} .animal-details .heredity-details {margin-bottom:15px;} .animal-details .heredity {margin-bottom:5px;} /* awards */ .animal-details .animal-awards .full-description, .animal-details .animal-sci-health .full-description, .animal-details .animal-details-docs .full-description, .animal-details .package-details .full-description {padding-top:0;} .animal-details .animal-awards .full-description div {display:flex; align-items:flex-start; margin-bottom:5px;} .animal-details .animal-awards .full-description div h4 {font-weight:600;} .animal-details .animal-awards .full-description div .ficon {flex-grow:0; flex-shrink:0; margin-right:5px; width:32px;} .animal-details .animal-awards .full-description div div {line-height:18px; padding-top:3px;} .animal-details .animal-awards .full-description div h4 div {margin-top:8px;} /* sci data */ .animal-details .animal-sci-health table tr td:first-child {padding-right:20px;} .animal-details .animal-sci-health table tr td.l_cell.date {width:100px;} /* related animals */ .animal-details .related-animals {font-size:0;} .animal-details .related-animals .t_cell {width:25%;} /* other styles come from product detail */ /* ||||| Store Home ||||| */ .product-essential.store-banner {padding:25px 20px 30px;} .product-essential.store-banner h1 {margin-top:0;} .product-essential.store-banner ul, .product-essential.store-banner ol {margin:15px 40px 0;} /* Pickup Locations, Store Hours */ .fv-page .side-2 .pickup-points ul.list {text-align:left !important;} .fv-page .side-2 .pickup-points ul .title {padding:0 0 20px; font-size:15px;} .fv-page .side-2 .pickup-points ul li.point {margin-bottom:20px;} .fv-page .side-2 .pickup-points ul li.point .name {margin-bottom:5px;} .fv-page .side-2 .pickup-points ul li.point .address {padding:0 !important;} .fv-page .side-2 .pickup-points ul li.point .name .ficon.icon-map-pin {margin-right:5px;} .fv-page .side-2 .pickup-points ul li.point .directions {margin-top:5px;} .fv-page .side-2 .pickup-points ul li.point .directions a {text-decoration:underline;} /* ||||| Product Categories ||||| */ .category-description, .manufacturer-description, .vendor-description {margin:0 0 30px;} .category-description p, .manufacturer-description p, .vendor-description p {margin:0 0 20px;} .contact-vendor {margin:0 0 30px;} .contact-vendor-button {border:none; padding:10px 20px; font-size:12px; font-weight:bold; color:#fff; outline:1px solid transparent; transition:all 0.2s ease;} .product-filters, .side-2 .nopAjaxFilters7Spikes {display:none;} .product-selectors {margin:0 0 10px; text-align:center; font-size:0;} .product-selectors:after {content:""; display:block; clear:both;} .product-selectors .product-viewmode span {display:none;} /* hide "View as" label */ .product-selectors > div {display:inline-block; margin:5px; text-transform:initial;} .product-selectors .product-viewmode {font-size:0 !important; margin-right:15px;} .product-selectors .number-of-returned-products {display:none;} /* hide "showing x of x results" text */ .number-of-returned-products > span {margin:0 5px;} .productsPerPage, .allProductsReturned {font-weight:bold;} .product-selectors span {font-size:13px; vertical-align: middle;} .product-selectors select {min-width:65px; height:45px; margin:0 5px; padding:0 10px; color:#777; text-transform:lowercase;} .item-grid:after, .product-grid:after, .product-list:after, .manufacturer-grid:after {content:""; display:block; clear:both;} /* product category boxes */ .item-grid {font-size:0;} .item-box {position:relative; margin:0 0 25px; padding:15px; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; font-size:14px;} .product-grid .item-box {display:inline-block; width:33.33333%; vertical-align:top;} /* list view excluded */ .product-grid .item-box:hover {box-shadow:0 1px 8px 2px rgba(0,0,0,0.05); background:#fff;} .product-list .item-box {border-bottom:1px solid rgba(0,0,0,0.08);} .item-box .product-item {border:none; background-color:transparent; text-align:left; padding:0;} .item-box .picture {z-index:1; overflow:hidden; margin:0 0 15px;} .item-box .picture a {display:block; position:relative; overflow:hidden;} .item-box .picture a:before {content:""; display:block; padding-top:100%;} .item-box .picture img {position:absolute; top:0; right:0; bottom:0; left:0; max-width:100%; margin:auto; -webkit-transform:translateZ(0) scale(1.0, 1.0); /* fixes the bug of the 1px moving product images when hover on category */} .item-box .product-rating-box {display:none; margin:0 0 10px;} /* not used */ .item-box .rating {background:url('/Themes/shared/img/rating-sprite.png') left top repeat-x; width:80px; height:13px;} .item-box .rating div {background-image:url('/Themes/shared/img/rating-sprite.png'); background-position:left bottom; background-repeat:repeat-x; height:13px;} .item-box .product-title {height:40px; overflow:hidden; padding:0 15px; font-size:14px; font-weight:normal;} .item-box .product-title a {display:block;} .item-box .product-title + .sku {display:none;} .item-box .prices {height:22px; margin:0 0 20px; overflow:hidden; padding:0 15px;} .item-box .actual-price {padding:0 4px; vertical-align:middle; font-size:15px; font-weight:bold;} .item-box .old-price {padding:0 4px; vertical-align:middle; font-size:13px; color:#999; text-decoration:line-through;} .item-box .base-price {display:none; padding:0 4px; vertical-align:middle; font-size:13px;} .product-grid .item-box .details .add-info {min-height:55px;} .item-box .tax-shipping-info {display:none; font-size:13px;} .item-box .description {display:none; margin:0 0 20px; line-height:25px;} .item-box .buttons-upper {background-color:#f9f9f9; font-size:0;} .item-box .buttons-upper input[type="button"] {width:30px; height:30px; margin:0 8px; border:none; background-color:#888; background-image:url('/Themes/shared/img/product-box-sprite.png'); background-repeat:no-repeat; font-size:0; transition:all 0.2s ease;} .item-box input.add-to-compare-list-button {background-position:0 center;} .item-box input.add-to-wishlist-button {background-position:-30px center;} .item-box .buttons-lower {font-size:0;} .item-box .buttons-lower button {display:block; width:100%; height:43px; border:none; background-color:#fff; font-size:0; transition:all 0.2s ease;} .item-box .buttons-lower button span {display:inline-block; position:relative; height:18px; background-color:#fff; padding:0 0 0 25px; font-size:13px; font-weight:bold; color:#777; transition:all 0.2s ease;} .item-box .buttons-lower button span:before {content:""; position:absolute; top:0; left:0; width:15px; height:18px; background-image:url('/Themes/shared/img/cart-button-1.png'); background-position:left top; background-repeat:no-repeat; transition:all 0.2s ease;} .item-box .buttons-lower button span:after {content:""; position:absolute; top:0; left:0; width:15px; height:18px; background-image:url('/Themes/shared/img/cart-button-1.png'); background-position:left bottom; background-repeat:no-repeat; transition:all 0.2s ease; opacity:0;} .item-box .attribute-squares-wrapper.active {margin:0 0 20px;} .item-box .attribute-squares {text-align:center;} .item-box .attribute-squares li {margin:4px;} .item-box .attribute-square {width:25px !important; height:15px !important; } /* product category boxes */ .page .item-box .picture {position:relative; z-index:1; overflow:hidden; background:#fff; margin:0 0 20px;} .page .item-box .picture img {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; margin:auto; -webkit-transform:translateZ(0) scale(1.0, 1.0);} .page .item-box .picture input {display:none;} .page .item-box .details {text-align:left; padding:0;} .page .item-box .product-title {height:30px; margin:0 0 5px;overflow:hidden;font-size:14px;font-weight:bold;padding:0;} .page .item-box .product-title a {display:block;} .page .item-box .product-title + .sku {display:none;} .page .item-box .product-rating-box {display:none; margin:0 0 10px;} /* not used */ .page .item-box .rating {background:url('/themes/shared/img/rating-1.png') no-repeat; width:90px; height:15px;} .page .item-box .rating div {background:#f7c000 url('/themes/shared/img/rating-2.png') no-repeat; height:15px;} .page .item-box .short-description {display:block; line-height:1.4; height:40px; margin:0 0 10px; overflow:hidden;} .page .item-box .short-description a {display:block; overflow:hidden;} .page .item-box .prices {margin:0 0 15px; overflow:hidden; height:auto; padding:0;} .page .item-box .old-price {color:#999; text-decoration:line-through;} .page .item-box .actual-price {font-size:16px;} .page .item-box .base-price-pangv {font-size:12px;} .page .item-box .old-price + .actual-price {margin:0 3px;} .page .item-box .tax-shipping-info {font-size:13px;} .page .item-box .tax-shipping-info a:hover {text-decoration:underline;} .page .item-box .buttons {display:none; /* not used */ margin:0; text-align:left; font-size:0;} .page .item-box input[type="button"] {width:85%; height:48px; border:none; padding:0 20px; vertical-align:top; font-size:14px; font-weight:bold; color:#fff; -webkit-transition:all 0.2s ease; transition:all 0.2s ease;} .page .item-box input[type="button"]:hover {opacity:0.9;} .page .item-box input.add-to-compare-list-button {display:none;width:48px;height:48px;padding:0;background:#444 url('/themes/shared/img/compare-button.png') center no-repeat;font-size:0;} .page .item-box input.add-to-wishlist-button {width:15%; height:48px; padding:0; background:#444 url('/themes/shared/img/wishlist-button.png') center no-repeat !important; font-size:0;} .page .item-box .with-icon input[type="button"] {width:48px !important; min-width:0 !important; margin:0 1px; padding:0; font-size:0;} .page .item-box .with-icon .product-box-add-to-cart-button {background-image:url('/themes/shared/img/cart-button.png'); background-repeat:no-repeat; background-position:center;} .product-grid .item-box .product-ribbon {top:0 !important; padding:10px 15px !important;} /* detail view */ .product-list .item-box .product-ribbon {top:0 !important; padding:7px 12px !important;} .product-list .item-box {float:none; width:auto; margin:0 0 10px; padding:15px 0 25px;} .product-list .product-item:after {content:""; display:block; clear:both;} .product-list .item-box .picture {float:left; width:150px; margin:0;} .product-list .item-box .details {margin:0 0 0 150px; padding:0 40px 0 20px; text-align:left;} .product-list .item-box .product-title {height:auto; margin:0 0 10px; padding:0; font-size:16px; font-weight:bold;} .product-list .item-box .prices, .product-list .item-box .prices span {padding:0;} .product-list .item-box .description {display:block;} .product-list .item-box .buttons-upper {display:inline-block; height:45px; padding:4px 0; background-color:transparent;} .product-list .item-box .buttons-upper input[type="button"] {width:37px; height:37px; margin:0 2px; background-image:url('/Themes/shared/img/product-sprite-1.png');} .product-list .item-box input.add-to-compare-list-button {background-position:-37px 0;} .product-list .item-box input.add-to-wishlist-button {width:48px; min-width:0; background-position:0 0;} .product-list .item-box .buttons-lower {float:left; margin:0 5px 0 0;} .product-list .item-box .buttons-lower button {display:inline-block; width:auto; outline:1px solid transparent; background-image:url('/Themes/shared/img/cart-button-2.png'); background-position:left center; background-repeat:no-repeat; padding:0 28px 0 48px; vertical-align:middle;} .product-list .item-box .buttons-lower button span {background-color:transparent; padding:0; color:#fff;} .product-list .item-box .buttons-lower button span:before, .product-list .item-box .buttons-lower button span:after {display:none;} .product-list .item-box .attribute-squares {text-align:left;} .product-list .item-box .attribute-squares li {margin:4px 8px 4px 0;} /* categories */ .home-page-category-grid {display:none;} .home-page-category-grid + .slider-wrapper {display:none;} .category-item, .sub-category-item, .manufacturer-item, .vendor-item {position:relative; border:1px solid rgba(0,0,0,0.1); background-color:#fff;} .category-item .title, .sub-category-item .title, .manufacturer-item .title, .vendor-item .title {position:absolute; top:0; left:0; z-index:2; width:100%; background-color:rgba(255,255,255,0.9); font-size:15px; font-weight:bold;} .category-item .title a, .sub-category-item .title a, .manufacturer-item .title a, .vendor-item .title a {display:block; padding:15px 30px; transition:all 0.2s ease;} .category-item .picture, .sub-category-item .picture, .manufacturer-item .picture, .vendor-item .picture {margin:0; transition:all 0.3s ease;} .category-item:hover .picture, .sub-category-item:hover .picture {opacity:0.7;} .sub-category-details, .manufacturer-details, .vendor-details {display:none; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; outline:8px solid #fff; background-color:#fff; padding:15px 30px; opacity:0; transition:all 0.3s ease;} .sub-category-details .inner-title, .manufacturer-details .inner-title, .vendor-details .inner-title {margin:0 0 12px; font-size:15px; font-weight:bold;} .sub-category-details li {padding:5px 0;} .sub-category-item:hover .sub-category-details, .manufacturer-item:hover .manufacturer-details, .vendor-item:hover .vendor-details {opacity:1;} .vendor-list:after {content:""; display:block; clear:both;} .product-grid + .product-grid {margin:20px 0 0;} .product-grid .title {margin:0 0 15px; border-bottom:1px solid rgba(0,0,0,0.13); padding:0 0 10px; font-size:16px;} .home-page .product-grid .title {margin:0 0 20px; padding:0 0 5px; font-size:22px; line-height:30px;} /* product paging (not used) */ .pager {margin:0 0 20px;} .pager ul {text-align:center; font-size:0;} .pager li {display:inline-block; margin:0 2px; vertical-align:middle;} .pager li > a, .pager li > span {display:block; width:35px; height:40px; line-height:40px; text-align:center; font-size:14px; /*reset zeroing*/ font-weight:bold; cursor:pointer;} .pager li > a:hover {background-color:#eee;} .pager li > span {background-color:#555; color:#fff; cursor:default;} .pager li.previous-page a, .pager li.next-page a, .pager li.first-page a, .pager li.last-page a {background-image:url('/Themes/shared/img/pager-sprite.png'); background-repeat:no-repeat; font-size:0;} .pager li.previous-page a {background-position:center 0;} .pager li.next-page a {background-position:center -40px;} .pager li.first-page a {width:30px; background-position:center -80px;} .pager li.last-page a {width:30px; background-position:center -120px;} /* ||||| Product Detail ||||| */ .product-essential {margin:0 0 40px; border:1px solid rgba(0,0,0,0.1); background-color:#fff; padding:20px;} .product-essential:after {content:""; display:block; clear:both;} .gallery {margin:0 0 20px;} .gallery .picture {position:relative; width:440px; max-width:100%; margin:0 auto; overflow:hidden; text-align:center; font-size:0;} .gallery .picture a {display:inline-block; width:100%;} .gallery .picture img {width:100%;} .gallery .picture-thumbs {margin:0 -4px 10px; font-size:0;} .gallery .picture-thumbs .thumb-item {position:relative; display:inline-block; position:relative; height:0; margin:8px 4px 0; overflow:hidden;} .gallery .picture-thumbs .thumb-item a {display:block; position:absolute; top:0; left:0; width:100%; height:100%;} .gallery .picture-thumbs .thumb-item img {position:absolute; top:0; right:0; bottom:0; left:0; max-width:100%; max-height:100%; margin:auto; transition:all 0.2s ease;} .gallery .picture-thumbs .thumb-item:hover img {opacity:0.7;} .overview {position:relative; margin:0 0 15px;} .overview iframe {max-width:100%; max-height:calc(56vw - 22px);} .overview .discontinued-product {margin:0 0 15px;} .overview .manufacturers {margin:0 0 20px; /*not present in variant-overview*/} .overview .product-name {} .overview .product-name h1 {font-size:25px; margin-bottom:5px;} .overview .product-name h1 .ficon {vertical-align:top; margin-right:8px;} .product-reviews-overview {display:none;} /* not used */ .product-reviews-overview a:hover {text-decoration:underline;} .product-review-box {display:inline-block; margin:0 0 5px;} .product-review-box .rating {width:80px; height:13px; background:url('/Themes/shared/img/rating-sprite.png') left top repeat-x;} .product-review-box .rating div {height:13px; background-image:url('/Themes/shared/img/rating-sprite.png'); background-position:left bottom; background-repeat:repeat-x;} .overview .prices, .variant-overview .prices {margin:0 0 10px; overflow:hidden;} .overview .prices > div, .variant-overview .prices > div {margin-bottom:5px;} .overview .list-price-wrapper {opacity:0.8;} .overview .savings-wrapper span {color:#c61a03;} .overview .old-price, .variant-overview .old-price, .overview .non-discounted-price, .variant-overview .non-discounted-price {text-decoration:line-through;} .overview .product-price, .variant-overview .product-price {font-size:20px; font-weight:bold;} .overview .rental-price, .variant-overview .rental-price {margin-bottom:0 !important;} .overview .tax-shipping-info, .variant-overview .tax-shipping-info {font-size:13px;} .overview .tax-shipping-info a, .variant-overview .tax-shipping-info a {cursor:auto;} .overview .base-price-pangv, .variant-overview .base-price-pangv {display:block !important;} .overview .short-description {margin:0 0 20px;} .overview .prices + .short-description {margin-top:-5px;} .overview .value a:hover, .variant-overview .value a:hover {text-decoration:underline;} .overview .additional-details, .variant-overview .additional-details {margin:0 0 10px; line-height:25px;} .download-sample {margin:0 0 30px;} .download-sample-button {display:inline-block; height:40px; border:none; background:#777 url('/Themes/shared/img/product-sprite-2.png') left -40px no-repeat; padding:10px 15px 10px 35px; color:#777; transition:all 0.2s ease;} .overview .availability, .variant-overview .availability {margin:0 0 20px;} .overview .stock, .variant-overview .stock {margin:0 0 10px;} .overview .stock .value, .variant-overview .stock .value {font-weight:bold;} .back-in-stock-subscription {margin:0 0 30px; font-size:0;} .back-in-stock-subscription .subscribe-button {border:none; background:#888 url('/Themes/shared/img/product-sprite-2.png') left 0 no-repeat; padding:10px 15px 10px 35px; color:#777; transition:all 0.2s ease;} .customer-entered-price {margin:0 0 20px;} .customer-entered-price .price-input {padding:10px 0;} .customer-entered-price .enter-price-input {width:75px; margin:0 5px;} .overview .add-to-cart, .variant-overview .add-to-cart {margin:0 0 20px;} .overview .min-qty-notification, .variant-overview .min-qty-notification {font-size:0;} .overview .add-to-cart-panel, .variant-overview .add-to-cart-panel {display:inline-block;} .overview .add-to-cart-panel > *, .variant-overview .add-to-cart-panel > * {float:left;} .overview .qty-label, .variant-overview .qty-label {display:none !important;} .overview .qty-input, .variant-overview .qty-input, .overview .qty-dropdown, .variant-overview .qty-dropdown {width:45px; height:45px; margin:0 5px 0 0; text-align:center; font-size:14px; color:#777;} .overview .qty-dropdown, .variant-overview .qty-dropdown {width:55px;} .overview .add-to-cart-button, .variant-overview .add-to-cart-button {height:45px; border:none; background-image:url('/Themes/shared/img/icon-basket-white.svg'); background-repeat:no-repeat; background-position:12px 40%; background-size:auto 50%; padding:0 28px 0 48px; font-size:13px; font-weight:bold; color:#fff; outline:1px solid transparent; transition:all 0.2s ease;} .overview .pre-order-availability-date, .variant-overview .pre-order-availability-date {position:absolute; right:0; left:0; margin:5px auto 0;} .overview-buttons {display:none; /* not used */ font-size:0;} .overview-buttons div {display:inline-block; margin:0 2px;} .overview .add-to-wishlist-button, .variant-overview .add-to-wishlist-button, .overview .add-to-compare-list-button, .overview .email-a-friend-button {display:inline-block; height:37px; width:37px; border:none; background-color:#888; background-image:url('/Themes/shared/img/product-sprite-1.png'); background-repeat:no-repeat; font-size:0; transition:all 0.2s ease;} .overview .add-to-wishlist-button, .variant-overview .add-to-wishlist-button {background-position:0 center;} .overview .add-to-compare-list-button {background-position:-37px center;} .overview .email-a-friend-button {background-position:-74px center;} .ask-seller-question {margin-top:10px;} .overview-bottom {margin:40px 0 0;} .product-social-buttons {display:none !important;} /* use Openherd social buttons */ .delivery {margin-bottom:12px;} .delivery .free-shipping {font-style:italic;} .delivery .free-shipping .ficon:before {font-size:16px; line-height:16px; transform: scaleX(-1); margin-right:5px;} .overview-bottom .delivery-date, .variant-overview .delivery-date {background-position:left 0;} .overview-bottom .free-shipping, .variant-overview .free-shipping {background-position:left -19px;} .product-collateral {margin:0 0 40px; padding:40px; border:1px solid rgba(0,0,0,0.1); background-color:#fff;} .product-collateral .title {padding:0 0 15px; font-size:15px;} .product-collateral p.smallprint {margin-bottom:20px;} .product-collateral.animal-sci-health table {margin-bottom:25px;} .product-collateral .full-description {line-height:30px;} .tier-prices .prices-table {overflow:hidden;} .tier-prices .prices-row {float:left; width:50%;} .tier-prices .prices-row > div {border-top:1px solid rgba(0,0,0,0.1); padding:15px 30px;} .tier-prices .prices-row.thead > div {border-right:1px solid rgba(0,0,0,0.1);} .tier-prices .field-header {border-top:none !important;} .product-specs-box .data-table {border:none;} .product-specs-box .data-table td {position:relative; border-left:1px solid #ececec; padding:15px 30px; vertical-align:top;} .product-specs-box .data-table tr:first-child td {border-top:none;} .product-specs-box .data-table td:first-child {border-left:none;} .product-specs-box .attribute-squares span {border:none;} .product-specs-box .attribute-square {width:35px !important; height:20px !important; cursor:auto;} .product-tags-list {padding:25px 20px; font-size:0;} .product-tags-list li {display:inline-block; font-size:14px; /*reset zeroing*/} .product-tags-list li.separator {margin:0 5px 0 3px;} .product-tags-list a {display:inline-block; line-height:24px;} .product-variant-line {margin:0 0 30px; border:1px solid rgba(0,0,0,0.1); background-color:#fff; padding:20px;} .product-variant-line:after {content:""; display:block; clear:both;} .variant-picture {position:relative; width:300px; max-width:100%; margin:0 auto 15px; overflow:hidden; text-align:center; font-size:0;} .variant-picture img {max-width:100%;} .variant-overview {width:100%;} .variant-overview .variant-name {margin:0 0 10px; font-size:20px; font-weight:bold;} .variant-overview .variant-description {margin:0 0 25px; line-height:30px;} .variant-overview .prices + .variant-description {margin-top:-5px;} .variant-overview .add-to-wishlist {display:none;} .attributes {margin:10px 0;} .attributes dl {overflow:hidden;} .attributes dt {display:block; margin:0 0 5px; white-space:nowrap; font-weight:bold;} .attributes dd {margin:0 0 10px;} .attributes li {margin:8px 0 12px;} .attributes input[type="text"], .attributes select {min-width:100px; max-width:100%; height:38px;} .attributes select {width:auto; max-width:100%;} .attributes .qty-box {margin:0 0 0 10px;} .attributes .qty-box label {display:none;} .attributes .qty-box input {width:50px; min-width:0;} .attributes .option-list label {margin:0 5px;} .attribute-item {margin:0 0 10px;} .attribute-label {margin:0 0 3px;} .attribute-squares {font-size:0;} .attribute-squares li {display:inline-block; margin:0 5px 5px; line-height:normal !important; text-align:center;} .attribute-squares label {display:block; margin:0 !important; overflow:hidden;} .attribute-square-container {display:block; border:1px solid transparent; position:relative; z-index:0;} .attribute-square-container span {display:block !important; width:40px !important; height:24px !important; background-size:100% !important; cursor:pointer;} .selected-value .attribute-square-container {border-color:#888;} .attribute-square-container[title~=White] span {border:1px solid #ccc;} .selected-value .attribute-square-container[title~=White] span {border-color:transparent;} .attribute-squares input[type="radio"] {position:relative; z-index:-1; margin:-32px 0 0;} .attribute-squares .tooltip-container {display:none;} .giftcard {margin:0 0 20px; overflow:hidden; clear:both;} .giftcard div {margin:0 0 10px;} .giftcard label {display:block; margin:0 0 5px;} .giftcard input, .giftcard textarea {width:350px; max-width:100%;} .giftcard textarea{height:150px;} .back-in-stock-subscription-page {padding:10px;} .back-in-stock-subscription-page .button-1 {margin:15px 0 0; border:none; padding:10px 20px; font-size:12px; font-weight:bold; color:#fff; outline:1px solid transparent; transition:all 0.2s ease;} /* tabbed info (not used) */ .ui-tabs {margin:0 0 60px;} .ui-tabs .ui-tabs-nav {margin:0 0 -1px;} .ui-tabs .ui-tabs-nav li {border-bottom:1px solid rgba(0,0,0,0.13);} .ui-tabs .ui-tabs-nav li a {position:relative; display:block; padding:15px 22px; font-size:13px; font-weight:bold;} .ui-tabs .ui-tabs-nav li a:after {content:""; position:absolute; bottom:-1px; left:0; width:100%; height:3px; opacity:0; transition:all 0.2s ease;} .ui-tabs .ui-tabs-nav .ui-tabs-selected a:after, .ui-tabs .ui-tabs-nav .ui-tabs-active a:after {opacity:1;} .ui-tabs .ui-tabs-panel {border:1px solid rgba(0,0,0,0.1); background-color:#fff; padding:20px;} .ui-tabs .ui-tabs-panel p {margin:10px 0; line-height:30px;} .ui-tabs .ui-tabs-hide {display:none;} /* ||||| Shopping Cart ||||| */ .checkout-page .totals table, .shopping-cart-page .totals table {width:auto; margin-left:auto;} .checkout-page, .order-details-page {margin-top:50px;} .order-progress {margin:0 0 20px; text-align:center;} .order-progress ul {font-size:0;} .order-progress li {display:inline-block; position:relative; margin:2px;} .order-progress li:nth-child(1) {z-index:6;} .order-progress li:nth-child(2) {z-index:5;} .order-progress li:nth-child(3) {z-index:4;} .order-progress li:nth-child(4) {z-index:3;} .order-progress li:nth-child(5) {z-index:2;} .order-progress li:nth-child(6) {z-index:1;} .order-progress a {display:block; position:relative; width:10vw; max-width:100px; height:32px; padding-left:5px; padding-right:15px; font-size:12px; line-height:32px; font-weight:bold; color:#777;} .order-progress a:after {position:absolute; top:0; right:0; display:block; height:32px; content:"\e920"; font-family:openherd; font-size:24px; font-weight:normal; color:rgba(0,0,0,0.15);} .order-progress li.active-step a {cursor:pointer;} .order-progress li.inactive-step a {cursor: default;} .shopping-cart-page .message-error {margin:0 0 30px; font-size:14px; padding:30px 20px; background:#fef9d6; box-shadow:0 1px 2px rgba(0,0,0,0.1);} .shopping-cart-page .message-error:before {display:inline-block; float:left; content:"\e937"; color:#ff6c01; vertical-align:middle; font-family:openherd, sans-serif; margin-right:10px; font-size:22px; margin-bottom:70px;} .shopping-cart-page .button-1, .checkout-page .button-1, #card-button {min-width:150px; border:none; padding:15px 30px; font-size:13px; font-weight:bold; transition:all 0.2s ease;} .shopping-cart-page .button-2, .checkout-page .button-2 {max-width:100%; padding-left:40px; padding-right:40px; height:45px; margin: 0 0 10px; border: none; font-size: 13px; font-weight: bold; color: #777; transition: all 0.2s ease;} .cart-options { margin:20px 0 50px; text-align:center;} .common-buttons {font-size:0;} .common-buttons .update-cart-button {background:url('/Themes/shared/img/icon-refresh.svg') no-repeat 20px center; background-size:17px;} .common-buttons .continue-shopping-button {background:url('/Themes/shared/img/icon-basket.svg') no-repeat 20px center; background-size:23px;} .common-buttons .update-cart-button, .common-buttons .continue-shopping-button {background-color:#fff;} .cart-options .selected-checkout-attributes {margin:50px 0;} .shopping-cart-page .selected-checkout-attributes { display: none !important; } .shopping-cart-page .tax-shipping-info { margin: -10px 0 50px; } .cart-footer:after { content: ""; display: block; clear: both; } .cart-collaterals { margin: 0 0 50px; } .cart-collaterals .accordion-tab { position: relative; margin: 0 0 10px; border: 1px solid rgba(0,0,0,0.1); background-color: #fff; } .cart-collaterals .accordion-tab.active { z-index: 3; } .cart-collaterals .accordion-tab-title {position:relative; padding:15px 30px 12px; font-weight:bold; cursor:pointer; transition:all 0.2s ease;} .cart-collaterals .accordion-tab-title:after {font-family:openherd; content:"\e905"; position:absolute; top:14px; right:15px; width:17px; height:14px; font-size:16px; color:rgba(0,0,0,0.4);} .cart-collaterals .accordion-tab-content {display:none; max-width:600px; margin:auto; padding:30px; border-top:1px solid rgba(0,0,0,0.1);} .cart-collaterals .title {display:none;} .cart-collaterals .hint {margin:0 0 15px;} .cart-collaterals .estimate-shipping-button {margin:0; padding:0 20px; outline-width:1px;} .cart-collaterals .shipping-results { margin: 30px 0 0; } .cart-collaterals .shipping-results li { margin: 15px 0 5px; } .cart-collaterals .shipping-results strong { display: block; margin: 0 0 5px; font-size: 13px;} .cart-collaterals .coupon-code { width: 300px; max-width: 100%; margin: auto; font-size: 0; } .cart-collaterals .coupon-code input[type="text"] {display:block; width:100%; height:45px;} .cart-collaterals .coupon-code input[type="submit"] {display:block; width:100%; margin:0; padding:0 20px; outline-width:1px;} .cart-collaterals .message-failure {margin:15px 0 0;} .cart-collaterals .message-success {margin:15px 0 0; color:#4fbb41;} .cart-collaterals .current-code {margin:15px 0 0;} .cart-collaterals .current-code span {vertical-align:middle;} .cart-collaterals .checkout-attributes { margin: 40px 0; border: 1px solid rgba(0,0,0,0.1); background-color: #fff; padding: 30px; } .cart-collaterals .checkout-attributes dt { margin: 20px 0 5px; } .cart-collaterals .checkout-attributes dt:first-child { margin-top: 0; } .cart-collaterals .checkout-attributes li { line-height: 24px; } .cart-collaterals .checkout-attributes li * { vertical-align: middle; } .cart-collaterals .checkout-attributes .attribute-squares li { margin: 5px; } .cart-footer .remove-discount-button, .cart-footer .remove-gift-card-button {width:17px; height:17px; margin:0 0 -1px 8px; border:none; vertical-align:middle; cursor:pointer; background:transparent url(/Themes/shared/img/icon-x.svg) no-repeat; background-size:75%;} .cart-footer .totals {margin:0 0 60px; border:1px solid rgba(0,0,0,0.1); background-color:#fff; padding:25px 0 40px;} .cart-footer .total-info {width:300px; max-width:80%; margin:0 auto;} .cart-total td {width:50%; padding:5px;} .cart-total td.cart-total-left {text-align:left;} .cart-total .giftcard-remaining {display:block;} .cart-total td.cart-total-right {text-align:right;} .cart-total .order-total {font-size:18px; font-weight:bold;} .terms-of-service {margin:40px 0 0; background-color:rgba(0,0,0,0.03); padding:15px; font-size:13px;} .terms-of-service div {width:300px; max-width:80%; margin:auto; line-height:24px;} .terms-of-service input {margin:0 3px 0 0;} .terms-of-service label {cursor:pointer;} .terms-of-service a {margin:0 0 0 3px; cursor:pointer;} .terms-of-service a:hover {text-decoration:underline;} .cart-footer .checkout-buttons {margin:20px auto 0; max-width:80%; width:300px;} .cart-footer .checkout-buttons .button-1 {font-size:14px; width:100%;} .cart-footer .addon-buttons {margin:40px 0 0;} .shopping-cart-page .cross-sells {margin:60px 0 0;} .shopping-cart-page .cross-sells .button-2 {margin:0; outline:none;} /* ||||| Checkout ||||| */ .coupon-codes, .checkout-attributes, .gift-cards {text-align:right; margin-bottom:10px;} .coupon-codes .title, .checkout-attributes dt, .gift-cards .title {margin-bottom:5px;} .checkout-attributes dt {margin-top:10px; font-weight:bold;} .coupon-codes .hint, .gift-cards .hint {display:none;} input.discount-coupon-code, input.gift-card-coupon-code {height:46px; margin:-1px 5px 0 0;} .checkout-attributes select {height:46px;} .checkout-page .message-error {margin:0 0 10px;} .checkout-page .select-billing-address, .checkout-page .select-shipping-address {margin:0 0 10px;} .checkout-page #shipping-addresses-form {display:block !important; padding-bottom:1px; /*because pickup-in-store is inside this form*/ } .checkout-page .address-grid {padding:30px;} .checkout-page .pickup-points {padding:0 30px;} .checkout-page .address-grid:after {content:""; display:block; clear:both;} .checkout-page .address-item {margin:40px 0 10px;} .checkout-page .address-item:first-child {margin-top:0;} .checkout-page .address-box {margin:0 0 20px;} .checkout-page .address-item li {padding:2px 0;} .checkout-page .address-item li.name, .pickup-points .pickup-point-name {margin:0 0 5px; font-size:16px; font-weight:bold;} .checkout-page .address-item li.email label { display: none; } .checkout-page .address-item li.country { margin: 5px 0 0; font-size: 16px; } .checkout-page .enter-address {margin:auto; padding:30px;} .checkout-page .enter-address .edit-address .inputs {break-inside:avoid-column;} .checkout-page .enter-address .edit-address .inputs .checkout-email-signup {margin-top:5px;} .checkout-page .enter-address .edit-address .inputs .checkout-email-signup label {display:inline-block; font-weight:normal; width:auto; margin-bottom:0 !important; margin-left:5px; padding-top:3px;} .checkout-page .enter-address .edit-address {columns:2; column-gap:50px;} .checkout-page .enter-address + .buttons { margin: -30px 0 0; padding: 10px; } .checkout-page .order-summary { margin: 50px 0 0; } .checkout-page .ship-to-same-address, .checkout-page .pickup-in-store {margin:0; border-top:1px solid rgba(0,0,0,0.1); padding:30px;} .checkout-page .ship-to-same-address input, .checkout-page .pickup-in-store input { margin: 0 5px; } .checkout-page .pickup-points { margin: 0 0 -10px; } .checkout-page .pickup-points .title { display: none; margin: 10px 0 0; } .checkout-page .select-pickup-point {margin:0;} .checkout-page .select-pickup-point ul { margin: -10px 0 0; } .checkout-page .select-pickup-point li { display: inline-block; } .checkout-page .select-address select { max-width: 100%; height: 40px; } .checkout-page .pickup-points-map {height:400px; margin:20px 0 0;} .checkout-page #dv-map .map-extras {text-align:left;} .checkout-page #dv-map .map-extras .map-directions {float:none;} .checkout-page #dv-map .map-extras .map-directions:before {display:inline-block; content:""; margin:0 12px; border-left:1px solid rgba(0,0,0,0.15); height:18px ; vertical-align:middle;} .checkout-page .pickup-points .side-2, .checkout-page .pickup-points .center-2 {margin-left:0 !important; margin-right:0 !important;} .checkout-page .pickup-points .side-2 {margin-top:10px !important;} .checkout-page .pickup-points .side-2 .pickup-point-fee {margin-bottom:20px;} .checkout-page .pickup-points .side-2 ul li {margin-bottom:10px;} .section.shipping-method, .section.payment-method, .section.payment-info, .section.confirm-order, .section.order-completed {padding:40px 20px;} .payment-info.card-input-section table {width:auto !important;} .shipping-method .method-list li, .payment-method .method-list li { margin: 0 0 25px; } .shipping-method .method-list li label, .payment-method .method-list li label {font-weight:bold;} .shipping-method .method-description { margin: 5px 0 0; } .use-reward-points { margin: 0 0 30px; } .use-reward-points input { margin: 0 5px 0 0; } .payment-method .method-list { font-size: 0; } .payment-method .method-list li { white-space: nowrap; } .payment-method .payment-logo, .payment-method .payment-details { display: inline-block; vertical-align: middle; } .payment-method .payment-logo { margin: 0 10px 0 0; } .payment-method .payment-logo img {max-width:40px;} .payment-method .payment-logo img.square {width:53px; height:53px;} .payment-method .payment-details { font-size: 14px; /*reset zeroing*/ } .payment-method .payment-details label { display: inline-block; text-align: left; } .payment-method .payment-description { display: none; /*hidden to prevent conflicts with method-name dynamic width*/ } /* Square Payment */ #payment-form {margin:0 auto !important;} #payment-form .section {margin:0;} #payment-form #payment-status-container {margin-bottom:0 !important;} .confirm-order .terms-of-service { margin: 0 0 30px; background-color: transparent; padding: 0; text-align: center; } .confirm-order .terms-of-service a { margin-left: 5px; } .confirm-order .buttons .button-1 { font-size: 15px; } .order-completed .title { margin: 0 0 30px; background-color: transparent; padding: 0; } .order-completed .details { margin: 0 0 30px; } .order-completed .details a { display: inline-block; margin: 5px 0 0;} .order-completed .details a:hover { text-decoration: underline; } .order-review-data, .order-details-area, .shipment-details-area { margin: 0 0 50px; overflow: hidden; } .order-review-data ul, .order-details-area ul, .shipment-details-area ul {margin:40px 0 0; padding:40px 30px;} .order-review-data ul:first-child, .order-details-area ul:first-child, .shipment-details-area ul:first-child { margin: 0; } .order-review-data li, .order-details-area li, .shipment-details-area li { padding: 2px 0; } .order-review-data .title, .order-details-area .title, .shipment-details-area .title { display: block !important; margin: 20px 0 5px; background-color: transparent; padding: 0; font-size: 15px; font-weight: bold;} .order-review-data .title:first-child, .order-details-area .title:first-child, .shipment-details-area .title:first-child { margin-top: 0; } .order-details-page .page-title { margin: 0 0 30px; } .order-details-page .page-title h1 { margin: 0 0 10px; } .order-details-page .page-title a {display:inline-block; height:40px; margin:5px 5px 10px; padding:0 15px; line-height:40px;} .print-order-button:before, .pdf-invoice-button:before {display:inline-block; vertical-align:middle; margin-right:8px; font-size:20px; line-height:40px; color:#fff; font-family:openherd, sans-serif;} .print-order-button:before {content:"\e95c";} .pdf-invoice-button:before {content:"\e94f";} .order-details-page .order-overview { margin: 0 0 30px; padding: 20px 10px; font-size: 15px; } .order-details-page .order-number { margin: 0 0 20px; font-size: 16px; text-transform: uppercase; } .order-details-page .order-info span { display: block; margin: 5px 0; } .order-details-page .section, .shipment-details-page .section { margin: 0 0 50px; } .order-details-page .section .title, .shipment-details-page .section .title { display: none; } .order-details-page .download { margin: 5px 0 0; } .order-details-page .download a, .order-details-page .view-details a {font-weight:normal;} .order-details-page .download a:hover, .order-details-page .view-details a:hover { text-decoration: underline; } .order-details-page .tax-shipping-info { display: none; } .order-details-area .re-order-button { border: none; outline: 2px solid transparent; background: #f6f6f6 ; padding: 10px 15px 10px; color: #777; margin: 5px 0 10px; transition: all 0.2s ease 0s; } .order-details-area .re-order-button:hover { outline-color: #f6f6f6; } .order-details-page .selected-checkout-attributes { margin: -10px 0; } .order-details-page .actions { margin: 50px 0 0; font-size: 0; } .order-details-page .actions input { width: 210px; max-width: 100%; height: 45px; margin: 0 5px 10px; border: medium none; padding: 0 28px 0 48px; font-size: 13px; font-weight: bold; text-transform: uppercase; outline: 2px solid transparent; transition: all 0.2s ease 0s; } .order-details-page .actions .re-order-button {background-image:url('/Themes/shared/img/cart-sprite.png'); background-position:left 0; background-repeat:no-repeat; color: #777; } .order-details-page .actions .return-items-button { background-image:url('/Themes/shared/img/cart-sprite.png'); background-position:left -45px; background-repeat:no-repeat; color: #777; } .order-details-page .totals {margin:0 0 50px; padding:40px 0;} .order-details-page .total-info { width: 300px; max-width: 80%; margin: 0 auto; } .return-request-page .section { margin: 0 0 50px; } .return-request-page .section .title { display: none; } .return-request-page .fieldset .form-fields { max-width: 600px; margin: auto; padding: 30px; } .return-request-page .fieldset .buttons { margin: -20px 0 40px; } .return-request-page .qq-upload-button {width:auto; height:40px; padding:0 12px;} /* One Page Checkout */ .opc .tab-section { border-top: 1px solid rgba(0,0,0,0.1); } .opc .tab-section:first-child { border-top: none; } .opc .step-title { overflow: hidden; background-color: #fff; padding: 15px 30px; text-transform: uppercase; } .opc .allow .step-title, .opc .active .step-title { background-color: #f9f9f9; cursor: pointer; } .opc .step-title span { float: left; margin: 0 20px 0 0; } .opc .step-title h2 { float: left; font-size: 15px; } .opc .step { padding: 30px; } .opc .section { margin: 0 0 30px; border: none; padding: 0 !important; } .opc .section .section, .opc .billing-addresses, .opc .shipping-addresses { margin: 0; border: none; } .opc .section > label { display: block; margin: 0 0 10px; } .opc input[type="text"], .opc input[type="email"], .opc input[type="tel"], .opc select { height: 40px; max-width: 100%; } .opc .buttons { margin-bottom: 0; } .opc .back-link { display: inline-block; vertical-align: top; font-size: 0; } .opc .back-link small { display: none; } .opc .back-link a { display: block; width: 48px; height: 48px; background: #777 url('/Themes/shared/img/back-link.png') center no-repeat; } .opc .please-wait { display: block; margin: 15px 0 0; } #opc-billing .section, #opc-shipping .section { max-width: 480px; } .opc .enter-address { padding: 0 !important; } .opc .select-shipping-address label, .opc .select-pickup-points label { display: block; margin: 0 0 10px; } .opc .pickup-in-store { padding: 10px 0 !important; } .opc .pickup-points { max-width: none !important; } #opc-confirm_order .billing-info, #opc-confirm_order .shipping-info { border: none; padding: 0; } #opc-confirm_order .table-wrapper { margin: 0 -33px; /*hacking the outer padding on smallest resolution*/ } #opc-confirm_order .terms-of-service { margin: 0 0 30px; text-align: center; } #opc-confirm_order .terms-of-service a { margin: 0 0 0 5px; } /* ||||| FooTable - Jquery plugin for responsive tables ||||| */ .footable-first-column {text-align:center;} td.footable-first-column {position:relative; background:transparent !important; /*Firefox relative cell bug fix*/} .footable-first-column .item-count {font-size:13px !important;} .footable.breakpoint > tbody > tr > td > span.footable-toggle {position:absolute;/*top: 50%;*/ /*doesn't work in IE*/ left:50%; width:32px; height:32px; /*margin: -16px 0 0 -16px;*/ margin:-5px 0 0 -16px; /*IE hack*/ overflow:hidden; background-color:#777; background-image:url('/Themes/shared/img/table-sprite.png'); background-repeat:no-repeat;} .footable-toggle {background-position:center 0;} .footable-detail-show .footable-toggle {background-position:center -32px;} .footable-toggle:before {display:none !important;} .footable-row-detail {text-align:left;} .footable-row-detail-cell {text-align:left !important;} .footable-row-detail-row {margin:0 0 10px; display:table-row;} .footable-row-detail-name {display:table-cell; padding:10px;} .footable-row-detail-value {display:table-cell; padding:10px;} .go-to-page {display:inline-block !important; font-size:13px !important;} /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| Responsive |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ @media all and (max-width:1280px) { .dv-booking .booking-items {width:calc(50% - 80px); right:40px;} /* articles */ #articleList > div {width:32%;} #articleList > div:nth-child(4n+1) {margin-left:2%; clear:none;} #articleList > div:nth-child(3n+1) {margin-left:0; clear:both;} /* contact */ #dv-map .map-extras {font-size:11px;} } @media all and (max-width:1024px) { /* layout */ .master-wrapper-content {padding:25px 50px;} .home-page-body .master-wrapper-content {padding:0;} .home-page-body .home-page-section .section-inner, .members-wrap {width:auto; padding-left:50px; padding-right:50px;} .html-home-page .two-columns-area {margin-top:0;} .responsive-nav-wrapper-parent {position:relative; z-index:1020; width:100%; height:50px !important; /*override inline height*/ box-shadow:0 3px 5px rgba(0,0,0,0.1); background-color:#fff;} .site-message p {text-align:left;} /* header */ .left_cats.sublist > li:not(.back-button) {padding:15px 20px 0;} .header-upper {display:none;} .header-middle .center {padding:5px 40px 5px;} .header .header-slogan {max-width:80%;} .mobile-sticky-logo .header .header-logo {position:fixed; top: 0;} .mobile-sticky-logo .responsive-nav-wrapper-parent {top:110px;} .two-columns-area {margin:160px 0 0; padding-bottom:25px;} .two-columns-area ~ .master-wrapper-content {margin-top:0 !important; /*important because of demo-strip*/} .header .header-logo {display:inline-block; vertical-align:middle; height:120px; line-height:120px; max-width:75px; margin-right:15px;} .header .header-slogan {display:inline-block; vertical-align:middle; text-align:left; padding-left:0;} .header-menu > ul li:after {border-bottom:1px solid rgba(0,0,0,0.1);} .header-menu > ul .left_cats li > a, .header-menu > ul .left_cats li > span {display:inline-block; padding:5px; font-weight:normal; font-size:14px;} .header-menu .left_cats .close-menu span, .header-menu .left_cats .back-button span {display:block !important; font-size:0;} .header-menu .lcat .subcats ul li ul li ul li:after {display:none;} /* admin header links (not used) .mobile-sticky-logo .admin-header-links ~ .header .header-logo {top:42px;} .mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent {top:152px;} .admin-header-links {position:fixed; top:0; z-index:1030; width:100%;} .admin-header-links ~ .master-wrapper-content, .master-wrapper-content {margin-top:0;} .admin-header-links ~ .header .header-logo {top:95px;} .admin-header-links ~ .responsive-nav-wrapper-parent {top:42px;} .admin-header-links ~ .two-columns-area {margin-top:205px;} .admin-header-links ~ .master-wrapper-content {margin-top:205px;} .admin-header-links + .header .header-middle .center {padding-top:100px;} */ /* responsive nav wrapper */ .responsive-nav-wrapper {position:relative; height:100%; text-align:center; font-size:0;} .responsive-nav-wrapper:after {content:""; display:block; clear:both;} .responsive-nav-wrapper div.mobile-link {display:inline-block; vertical-align:middle; width:50px; height:100%; cursor:pointer;} .responsive-nav-wrapper div.menu-title {position:absolute; left:20px;} .responsive-nav-wrapper div > span:after, .responsive-nav-wrapper div > a:after, .responsive-nav-wrapper div button:after {font-family:openherd; font-size:24px; height:100%; line-height:220%; text-align:center; vertical-align:middle; color:#fff;} .responsive-nav-wrapper div.menu-title > span:after {content:"\e905"; cursor:pointer;} .responsive-nav-wrapper div.mobile-links {position:absolute; right:50px; height:100%;} .responsive-nav-wrapper div.mobile-link.login-link {width:auto;} .responsive-nav-wrapper div.login-link > a, .responsive-nav-wrapper div.login-link button {color:#fff; white-space:nowrap; font-size:15px; border:none; background:none;} .responsive-nav-wrapper div.login-link > a:after, .responsive-nav-wrapper div.login-link button:after {font-weight:bold; font-size:24px; cursor:pointer; margin:0 10px 0 5px;} .responsive-nav-wrapper div.login-link > a:after {content:"\ea70";} .responsive-nav-wrapper div.login-link button:after {content:"\ea71";} .responsive-nav-wrapper div.call-link > a:after {content:"\e960"; font-weight:bold; font-size:24px; cursor:pointer;} .responsive-nav-wrapper div.email-link > a:after {content:"\e902"; font-weight:bold; font-size:24px; cursor:pointer;} .responsive-nav-wrapper div.map-link > a:after {content:"\e9b5"; font-weight:bold; font-size:28px; cursor:pointer; margin-top:-4px; display:block;} .responsive-nav-wrapper div.shopping-cart-link {position:absolute; right:5px;} .responsive-nav-wrapper div.shopping-cart-link > span:after {content:"\e9b1"; font-weight:bold; font-size:24px; cursor:pointer;} .responsive-nav-wrapper div.personal-button {display:none;} /* Until currency options are supported */ .responsive-nav-wrapper div.preferences-button {display:none;} /* Until currency options are supported */ .responsive-nav-wrapper div.search-wrap {display:none;} /* Until currency options are supported */ .responsive-nav-wrapper div.filters-button {display:none;} /* Until currency options are supported */ .responsive-nav-wrapper > div > span, .responsive-nav-wrapper > div > a {display:block; width:100%; height:100%; font-size:0;} /* resonsive menu */ .ps-container > .ps-scrollbar-y-rail {visibility:hidden !important;} .scrollYRemove {overflow:hidden !important; -ms-touch-action:none !important; -webkit-overflow-scrolling:touch !important;} .overlayOffCanvas {display:none; position:fixed; top:0; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0); z-index:1060;} .overlayOffCanvas.show {background:rgba(0,0,0,0.6);} .header-menu {position:fixed; top:0; left:0; width:320px; height:100%; text-align:left; background-color:#fff; overflow:hidden; z-index:1070; transition:all 0.5s ease;} .notAndroid23 .header-menu {-webkit-transform:translate(-320px); -ms-transform:translate(-320px); transform:translate(-320px);} .android23 .header-menu {left:-320px;} .header-menu.open {box-shadow:1px 0 5px rgba(0,0,0,0.5);} .notAndroid23 .header-menu.open {-webkit-transform:translate(0); -ms-transform:translate(0); transform:translate(0);} .android23 .header-menu.open {left:0;} .header-menu .close-menu, .header-menu .back-button {cursor:pointer;} .header-menu .close-menu span, .header-menu .back-button span {display:block; height:100%; font-size:0;} .header-menu .close-menu span:before, .header-menu .back-button span:before {content:"\e91a"; font-family:openherd; font-size:18px; text-align:right; display:block; margin-right:10px; line-height:265%; font-weight:normal; color:#333;} .header-menu > ul li {background:#fff;} .header-menu > ul li:after {content:""; display:block; clear:both; margin:0 20px;} .header-menu > ul li > a {display:block; position:relative; z-index:0; padding:20px; line-height:19px; color:#333; font-size:15px; font-weight:bold;} .header-menu > ul li > .with-subcategories {width:calc(100% - 50px); float:left;} .plus-button {position:relative; z-index:1; float:right; width:50px; height:60px; cursor:pointer;} .plus-button:before {content:"\e920"; font-family:openherd; font-size:18px; text-align:center; color:#333; display:block; margin-top:44%;} .header-menu .sublist-wrap {position:fixed; z-index:2; top:0; left:0; width:320px; height:100%; background-color:#fff; box-shadow:1px 0 5px rgba(0,0,0,0.3); overflow:hidden; transition:all 0.5s ease;} .notAndroid23 .header-menu .sublist-wrap {-webkit-transform:translate(-320px); -ms-transform:translate(-320px); transform:translate(-320px);} .android23 .header-menu .sublist-wrap {left:-320px;} .notAndroid23 .header-menu .sublist-wrap.active {-webkit-transform:translate(0); -ms-transform:translate(0); transform:translate(0);} .android23 .header-menu .sublist-wrap.active {left:0;} /* category nav */ .header-menu > ul > li > a {border:none;} .category-navigation-title, .category-navigation-list-wrapper {display:none !important;} .block.block-category-navigation {position:relative; float:none; width:100%; background:rgba(0,0,0,0.05);} .title.subcategories-title strong:after {display:inline-block; vertical-align:middle; content:"\e922"; font-family:openherd, sans-serif; font-size:22px; color:#555; font-weight:normal; margin:-1px 0 0 5px;} .listbox.category-page-navigation {position:absolute; z-index:9999; width:100%; background:#fff; box-shadow:rgba(0,0,0,0.2) 0px 6px 15px;} .listbox.category-page-navigation ul.list {columns:4;} .listbox.category-page-navigation.pickup-points ul.list {display:flex; flex-wrap:wrap;} .listbox.category-page-navigation ul.list > li {display:inline-block; margin:0 10px 15px;} .listbox.category-page-navigation ul.list > li > .sublist {padding-left:0;} .fv-page .side-2 .pickup-points ul li.point {flex:1 0 220px; max-width:250px;} /* flyout cart */ .flyout-cart-wrapper {display:none; position:fixed; top:50px; left:0; z-index:1070; width:100%; box-shadow:0 4px 4px rgba(0,0,0,0.1); background-color:#fff;} .mobile-sticky-logo .flyout-cart-wrapper {top:163px;} .cart-trigger {display:none;} /* header links & selectors */ .header-links, .header-selectors { display: none; position: fixed; top: 53px; left: 0; z-index: 1070; width: 100%; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); background-color: #f9f9f9; font-size: 13px; } .mobile-sticky-logo .header-links, .mobile-sticky-logo .header-selectors { top: 163px; } .header-links li { border-top: 1px solid #ececec; } .header-links a { display: inline-block; padding: 15px 25px; } .header-links .ico-account { background-position: left 0; } .header-links .ico-register { background-position: left -48px; } .header-links .ico-login, .header-links .ico-logout { background-position: left -96px; } .header-links .ico-inbox { background-position: left -144px; } .header-links .ico-wishlist { background-position: left -192px; } .header-selectors > div { display: block; border-top: 1px solid #ececec; padding: 15px; } /* search box (not used) */ .store-search-box { display: none; position: fixed; top: 53px; left: 0; z-index: 1070; width: 100%; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); padding: 10px; } .mobile-sticky-logo .store-search-box { top: 163px; } /* admin header links (not used) .mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent .store-search-box { top: 205px; } .mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper { top: 205px; } .admin-header-links ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper { top: 95px; } .admin-header-links ~ .responsive-nav-wrapper-parent .header-links, .admin-header-links ~ .responsive-nav-wrapper-parent .header-selectors { top: 95px; } .mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent .header-links, .mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent .header-selectors { top: 205px; } .admin-header-links ~ .responsive-nav-wrapper-parent .store-search-box { top: 95px; } */ /* footer */ .footer {text-align:center;} .footer-upper {padding:25px 0;} .footer-upper .social-sharing {margin-top:20px;} .footer-lower {background-color:#eee;} .footer-block {padding:30px 20px 25px; border-bottom:1px solid rgba(0,0,0,0.1);} .footer-block.custom {font-size:11px; line-height:16px; opacity:0.8;} .footer-block ul {display:none; border-bottom:1px solid rgba(0,0,0,0.1); background-color:#fff; padding:10px 0;} /* left/right column */ .side-2 div.title {text-align:center;} .side-2 .contact-info-wrap div.title {text-align:left;} .side-2 .blog-info-wrap div.title {text-align:left; margin-bottom:0;} .side-2 #dv-features {border:none; background-color:transparent;} .side-2 #dv-features h3 {background:transparent;} .side-2 .grid_fv_featured {width:23.5%; padding:0 10px 20px; border:1px solid rgba(0,0,0,0.1);} .side-2 .grid_fv_featured .tv_thumb a {margin-top:10px;} .side-2 .grid_fv_featured:nth-child(4n + 1) {margin-left:0;} .side-2 .grid_autoads .tv_info {padding:0 0 5px;} .side-2 .left-info-wrap.articles-info-wrap, .side-2 .left-info-wrap {padding:20px;} .side-2 #articleList {margin-top:20px; background:transparent; border:none;} .side-2 #articleList ul:after {content:''; display:block; clear:both;} .side-2 dl {padding-bottom:0;} .side-2 .address, .side-2 .phones {display:inline-block; vertical-align:top; width:50%; padding:0 20px;} .side-2 .pickup-points .address {width:100%; padding:0;} /* pages titles */ .page-title, .page-title h1, h3.category, .species-title h2, h3.subtitle, .article-wrapper .byline {position:relative; text-align:center;} .page-title h2 {float:none;} .page-title h1 .social-sharing, .ac_links {position:absolute; right:0;} .category-page-body .page-title h1, .manufacturer-page-body .page-title h1, .manufacturer-all-page-body .page-title h1, .vendor-all-page-body .page-title h1, .vendor-page-body .page-title h1, .product-tags-all-page-body .page-title h1, .products-by-tag-page-body .page-title h1, .recently-viewed-products-page-body .page-title h1, .recently-added-products-page-body .page-title h1, .compare-products-page-body .page-title h1 {font-size:18px;} /* home page */ .home-feature h4 {padding:15px 20px; font-size:18px;} .home-feature .home-feature-content {padding:20px;} .html-home-page .openherd-features-carousel, .html-home-page .slick-slider {padding:0 40px;} .html-home-page .openherd-features-carousel .grid_fv_featured {clear: none !important; margin: 0 10px !important;} .home-page .featured-comments .feature-section.item {flex-basis:95%; width:calc(100% - 20px);} .home-page .team-member-carousel, .home-page .featured-comments-carousel {flex-wrap:wrap;} .home-page .team-section.item, .home-page .featured-comments .feature-section.item {flex-basis:calc(50% - 10px);} .home-page .slick-arrow {position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:39px; height:44px; border:none; font-size:0; cursor:pointer; transition:all .2s ease;} .home-page .slick-prev {left:0;} .home-page .slick-next {right:0;} .home-page .slick-prev:after, .home-page .slick-next:after {font-family:openherd; font-size:22px; color:#fff; font-weight:bold; text-align:center; line-height:100%;} .home-page .slick-prev:after {content:"\e91f";} .home-page .slick-next:after {content:"\e920";} .dv-booking .booking-details {padding:20px;} /* store */ .store-about .overview iframe {display:block; margin:0 auto;} .store-about .gallery + .overview iframe {display:inline; margin:0;} .quick-view-button {display:none !important;} .recently-viewed-info-wrap {padding:20px 10px !important; text-align:center;} .recently-viewed-info-wrap ul li {display:inline-block; vertical-align:top; width:100px; margin:0 10px;} .recently-viewed-info-wrap ul li .list-thumb {display:block !important; width:100% !important; float:none !important; height:0 !important; padding-top:90%;} .recently-viewed-info-wrap ul li .title {margin:10px 0 0; font-size:12px;} /* checkout */ .checkout-page, .order-details-page {margin-top:0;} /* contact page */ .contacts-side-column {margin:0 0 60px;} #fv-map {display:none;} /* misc */ .product-specs-box .data-table td a:only-child {position:absolute; top:50%; left:15px; max-width:100%; margin:-10px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .checkout-page .enter-address + .buttons {text-align:center !important;} /* pages */ .side-2 .text-list ul li ul {column-count:3;} /* blog */ .blog-posts .post-preview {height:175px;} .blogpost-page .post-date {text-align:center;} /* events page */ .event td.event_info {display:inline-block; width:100%; border-bottom:none;} .event td.event_details {display:block; width:100%; padding-botom:10px;} .event td.event_details > div {display:inline-block; vertical-align:top; margin-left:20px;} /* breeding chart */ .breeding-chart #filters {float:none; display:block; margin-top:25px;} } @media all and (max-width:900px) { .dv-booking {height:640px;} .dv-booking .booking-details {width:auto; height:auto; max-height:none; padding-bottom:100px; overflow:hidden;} .dv-booking .booking-details:before {display:none;} .dv-booking .booking-details .booking-details-inner {max-height:200px;} .dv-booking .booking-items {position:relative; width:460px; max-width:90%; margin:0 auto; right:auto; top:-60px;} .side-2 .text-list ul li ul {column-count:2;} } @media all and (max-width:768px) { /* global */ .master-wrapper-content {padding:10px 20px;} .home-page-body .home-page-section .section-inner, .members-wrap {width:auto; padding-left:30px; padding-right:30px;} .home-page-body .home-page-section.appointments-section .section-inner {padding-left:50px; padding-right:50px;} .header-menu > ul li > a {padding:12px 20px;} .plus-button {height:43px;} .plus-button:before {margin-top:25%;} .breadcrumb {margin:0;} .header .header-logo {height:100px; line-height:100px;} .header .header-logo a img {max-height:80px;} .website-banner-bottom .footer-lower {padding-bottom:120px;} /* home page */ .home-page .section-inner .title {text-align:center;} .video-wrapper.small {float:none; width:76%; margin:60px auto 20px;} .feature-boxes, .social-feeds {flex-wrap:wrap;} .feature-box .feature-box-photo {padding-top:50%;} .feature-box .feature-box-details {padding: 15px; text-align:center;} .feature-box h3 {margin-bottom:0; font-size:16px;} .feature-box .description {font-size:13px; line-height:18px;} .home-page .team-section.item .team-member-photo {padding-top:75%;} .home-feature {float:none; margin-left:0; margin-right:0;} .home-feature, .div-booking {width:100%;} .dv-booking .booking-details {width:auto; height:auto; max-height:none; margin:0; padding-bottom:100px;} /* layout */ .center-2, .side-2 {margin:10px 0 30px;} .side-2 .grid_fv_featured {width:49%;} .side-2 .grid_fv_featured:nth-child(4n + 1) {margin-left:2%; clear:none;} .side-2 .grid_fv_featured:nth-child(2n + 1) {margin-left:0; clear:both;} .side-2 .grid_fv_featured .tv_thumb a {margin-top:20px;} /* user pages */ .info-page h3.subtitle {text-align:center;} #page_right {float:none; margin-left:0; margin-top:50px; width:100%; text-align:center;} #page_right .main_photo {margin-bottom:20px;} #page_right .thumb, .layout-1 #page_right .main_photo:nth-child(n+2) {width:120px; display:inline-block; vertical-align:top; margin:0 10px 20px;} #page_right .thumb .caption {margin-top:10px; text-align:left;} /* articles */ #articleList > div {width:48%;} #articleList > div:nth-child(3n+1) {margin-left:2%; clear:none;} #articleList > div:nth-child(2n+1) {margin-left:0; clear:both;} /* left/right column */ .side-2 #articleList li {width:49%;} .side-2 #articleList li:nth-child(4n+1) {margin-left:2%; clear:none;} .side-2 #articleList li:nth-child(2n+1) {margin-left:0; clear:both;} /* blog */ .post-head ~ *, .news-head ~ * {display:block;} .blog-page .tags {float:left;} .blog-page .tags label, .blogpost-page .tags label {float:left; margin:0 10px 0 0; line-height:32px;} .blog-page .tags ul, .blogpost-page .tags ul {float:left; text-align:left;} .blog-page .tags ul {max-width:400px;} .blog-posts .buttons {float:right; text-align:right;} .blog-posts .read-more, .blog-posts .read-comments {padding:0;} /* animal pages */ .animal-details .related-animals .t_cell {width:33.3333%;} /* store categories */ .listbox.category-page-navigation ul.list {columns:3;} /* product detail */ .item-box {width:50%;} .gallery {text-align:center;} .gallery .picture-thumbs .thumb-item {width:70px; padding-top:70px;} .gallery .picture-thumbs.video .thumb-item {padding-top:52px;} .store-about .overview iframe {display:block; margin:0 auto;} /* checkout */ .checkout-page .enter-address .edit-address {columns:auto;} } @media all and (max-width:640px) { /* header */ .home-page-body .page-body > .description {padding-top:20px;} .header-middle .center {padding:2px 20px 5px; white-space:nowrap;} .header-middle .center h2 {font-size:18px;} .header-middle .center h2, .header-middle .center p {white-space:normal;} /* home page */ .html-home-page h1#intro-title {font-size:32px;} .home-page-body .intro-section .description {line-height:28px; padding:30px 0 50px;} .home-page .album .album_photo_cell {width:calc(50% - 3px); padding-top:calc(50% - 3px);} .feature-box {flex-basis:100%;} .video-wrapper.large {width:100%;} .dv-booking {width:100%;} .blog-posts .post-body {max-height:250px; overflow:hidden;} .home-page .team-section.item, .home-page .featured-comments .feature-section.item {flex-basis:100%;} /* appointments */ .dv-booking {height:670px;} /* user pages */ #page_right .thumb, .layout-1 #page_right .main_photo:nth-child(n+2) {width:80px; margin:0 5px 20px;} .info-page p.caption, .article-page p.caption {font-size:12px;} .side-2 .text-list ul li ul {column-count:1;} /* animal list */ .t_cell {width:50%;} .list_wrap table.list-view tr {height:auto; display:block; padding:10px 0;} .list_wrap table.list-view tr.header-row {display:none;} .list_wrap table.list-view tr td {display:inline-block; width:auto; border-bottom:none !important;} .list_wrap table.list-view tr td:first-child {width:100%; padding-top:10px;} .list_wrap table.list-view tr td.l_sex {display:none;} .list_wrap table.list-view tr td.l_name {display:block; width:75%; border-bottom:none; font-weight:bold;} .list_wrap table.list-view tr td:last-child {float:right; margin-top:-16px;} /* breeding chart */ .breeding-chart #filters {display:flex; align-items:center; justify-content:center; flex-wrap:wrap;} .breeding-chart #filters .bc-filters {display:flex; align-items:center; gap:0 10px; justify-content:center; flex-wrap:wrap;} .breeding-chart-key .ficon {line-height:10px;} #breeding-chart .list-view tr td {border-bottom:none;} #breeding-chart .list-view tr.header td:first-child {display:block; padding-bottom:0; margin-bottom:-10px;} .l_row, #breeding-chart .list-view tr {display:block; border-bottom:1px solid rgba(0,0,0,0.08);} .l_row.header, #breeding-chart .list-view tr.header-row {display:none;} #breeding-chart.list_wrap table.list-view tr:nth-child(2) {border-top:1px solid rgba(0,0,0,0.08);} #breeding-chart.list_wrap table.list-view tr td {display:inline-block; width:calc(100% - 80px); padding-right:0 !important;} #breeding-chart.list_wrap table.list-view tr td:first-child {padding-top:0;} #breeding-chart.list_wrap table.list-view tr td:last-child {display:inline; width:auto; vertical-align:top; margin-top:-55px;} #breeding-chart.list_wrap table.list-view tr td:before {display:inline-block; width:45px; margin-right:3px;} #breeding-chart.list_wrap table.list-view tr td:nth-child(1):before {content:"Dam: ";} #breeding-chart.list_wrap table.list-view tr td:nth-child(2):before {content:"Sire: ";} #breeding-chart.list_wrap table.list-view tr td:nth-child(3):before {content:"Arrival: ";} #breeding-chart.list_wrap table.list-view tr td:nth-child(4):before {content:"Status: ";} /* public health records */ .health-records.list_wrap table.list-view tr td {padding-top:5px; padding-bottom:5px;} .health-records.list_wrap table.list-view tr td:first-child {font-weight:bold;} .health-records.list_wrap table.list-view tr td:last-child {float:none;} /* contact page */ #mainForm .half-width {width:100%; margin:0 0 15px;} .side-2 .address {padding-bottom:40px;} .side-2 .pickup-points .address {padding-bottom:0;} .side-2 .address, .side-2 .phones {display:block; width:100%;} .side-2 .address .title, .side-2 .phones .title {padding:0 0 10px;} #mainForm .captcha-box {display:block; text-align:right;} #mainForm #submit {margin-top:20px;} /* albums */ .albums .album_cell {width:calc(50% - 20px); padding-top:calc(50% - 20px);} /* events page */ .event td.event_date {float:left; width:auto; padding-bottom:4%; margin-top:3px;} .event td.event_info {display:block; width:100%; padding-right:0;} .event td.event_details {} /* store categories */ .listbox.category-page-navigation ul.list {columns:2;} .product-grid .item-box {width:50%;} /* chceckout */ .order-progress a {width:auto;} /* site message */ .site-message {padding:15px 30px 15px 15px;} .site-message:before {margin-right:5px;} .site-message p {margin:0 15px 0 30px;} } @media all and (max-width:580px) { .animal-details .related-animals .t_cell {width:50%;} } @media all and (max-width:520px) { .home-page-body .home-page-section.appointments-section .section-inner {padding-left:30px; padding-right:30px;} } @media all and (max-width:480px) { /* inputs */ .inputs-pair {display:block;} /* header */ .header .header-logo {height:70px; line-height:70px; margin-right:10px;} .header .header-logo a img {max-height:60px;} .header-middle .center h2 {font-size:16px;} .header .header-slogan {line-height:1em;} .header, .header .left_cats {color:#777;} .website-banner-bottom .footer-lower {padding-bottom:140px;} /* home page */ .home-feature, #book-event.dv-booking {width:auto; margin:25px 0 10px;} .home-page .team-section.item {flex-basis:100%;} .dv-booking .booking-items, .dv-booking .bookings-item {width:100%;} .dv-booking .booking-items {max-width:100%;} .dv-link .active-key {max-width:55%;} /* animal list */ .t_cell {width:100%; min-height:auto; font-size:14px; margin:0;} .t_tagline, .t_name, .t_stats {height:auto;} .list_wrap table.list-view tr td.l_name {width:100%;} .list_wrap table.list-view tr td:last-child {display:block; float:none; margin-top:8px; text-align:left;} /* articles */ #articleList > div {float:none; width:100%; margin:0 0 20px;} #articleList > div:nth-child(2n+1) {clear:none;} .side-2 #articleList li {width:100%; float:none;} .side-2 #articleList li:nth-child(2n+1) {clear:none;} .news-items .news-item, .news-item-page .news-item, .comment-list .comment, .new-comment .form-fields {padding:30px 45px;} /* store categories */ .listbox.category-page-navigation ul.list {columns:1;} .listbox.category-page-navigation ul.list > li {display:block;} .block .category-page-navigation .sublist li {padding:5px 0 5px;} .block .category-page-navigation .list > li > .sublist > li > a {font-weight:500; font-size:106%;} .block .category-page-navigation .sublist li li a {opacity:0.75;} .recently-viewed-info-wrap ul li {width:80px;} .product-grid .item-box {width:100%;} /* product detail */ .item-box {width:100%;} /* contact page */ .contacts-side-column {margin:0 0 60px;} .contacts-side-column + .center-2 {padding:0;} .contacts-side-column + .center-2 .main-pad {padding:10px 0 0;} .side-2 .address dl {padding-bottom:40px;} .side-2 .address, .side-2 .phones {display:block; width:100%; padding:0 15px;} #mainForm .half-width {width:100%; margin:0 0 15px;} .side-2.contacts-side-column {margin-bottom:40px;} /* user pages */ .albums .album_cell {width:calc(100% - 20px); padding-top:calc(100% - 20px);} .layout-4 .medium_photos .thumb {width:calc(100% - 4vw); margin:4vw;} .user-page .page-body {padding:20px 20px 40px;} .info-page #page_right .thumb, .article-page #page_right .thumb {margin:0 5px 20px;} /* animal pages */ .animal-details .related-animals .t_cell {width:100%;} .ac_links {position:static; float:none; display:block; text-align:center; margin-top:10px;} .ac_links .rfl {float:none;} .appointment-timeslots, .appointment-guests-select {padding:10px 20px;} } @media all and (max-width:360px) { .dv-booking .button {padding:13px 10px !important;} .dv-booking .overview .add-to-cart-button {padding:0 16px 0 48px !important;} } @media all and (max-width:320px) { .header-menu {width:100%;} } @media all and (min-width:769px) and (max-width:1024px) { /* header */ .mini-shopping-cart .items {overflow:hidden;} .mini-shopping-cart .item {float:left; width:50%;} } @media all and (min-width:769px) { .home-feature .home-feature-content .button.hrefbutton {width:100%;} } @media all and (min-width:481px) { /* global */ .inputs input[type="text"], .inputs input[type="password"], .inputs input[type="email"], .inputs input[type="tel"], .inputs select { height: 40px; padding: 0 12px; } .inputs textarea {padding:12px;} /* tables */ .cart .product-picture img {width:120px;} .forums-table-section th, .forums-table-section td {padding:20px 30px;} /* notifications & popups */ .eu-cookie-bar-notification {width:450px; max-width:95%; margin-left:-225px;} /* header */ .mini-shopping-cart .items {display:block;} .search-box input.search-box-text {width:390px;} .ui-autocomplete { position: absolute; z-index: 1070; width: 390px; /*default = txtfield + button*/ max-width: 100%; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); overflow: hidden; background-color: #fff; text-align: left; } .ui-autocomplete li {border-top:1px solid #f6f6f6;} .ui-autocomplete li:first-child {border-top:none;} .ui-autocomplete a {display:block; padding:15px; font-size:14px; color:#333;} .ui-autocomplete a.ui-state-focus {background:#f9f9f9;} .ui-autocomplete img {display:none; margin-right:5px; vertical-align:middle;} /* footer */ .newsletter-email input[type="text"] {width: 300px;} /* home page */ /* left/right column */ .block {float:left; width:48%; margin:0 1% 2%; text-align:left;} .block:nth-of-type(2n+1) {clear:both;} .block .sublist {padding:0 0 0 15px;} .block .tags li, .product-tags-all-page li {margin:0 10px 0 0;} .block .poll-options li, .block .poll-results li {display:block; margin:5px 0;} .block .poll .buttons, .block .poll-total-votes {text-align:left;} /* product categories */ .home-page-category-grid + .slider-wrapper {display:block;} .sub-category-grid {margin:0 0 30px;} .vendor-list li {margin-bottom:2.5%;} .page .item-box input[type="button"] {width:82%; padding:0 15px;} .page .item-box input.add-to-wishlist-button {width:18%;} /* product detail */ .product-essential {padding:30px;} .overview .add-to-cart, .variant-overview .add-to-cart {display:inline-block; vertical-align:top; margin:0;} .overview-buttons, .variant-overview .add-to-wishlist {display:none; margin:0; padding:4px 0; vertical-align:top;} /* not used */ .overview-bottom .delivery, .variant-overview .delivery {margin:40px -30px -30px;} .overview-bottom .delivery > div, .variant-overview .delivery > div {margin:8px 125px;} .product-tags-list {padding:25px 30px;} .product-variant-line {padding:30px;} .ui-tabs .ui-tabs-panel {padding:33px 35px;} /* shopping cart & checkout */ .common-buttons:after {content:""; display:block; clear:both;} .common-buttons .update-cart-button, .common-buttons .continue-shopping-button {width:auto; max-width:50%; margin:0; padding:0 28px 0 45px;} .common-buttons .update-cart-button {float:left;} .common-buttons .continue-shopping-button {float:right;} .checkout-page .address-grid, .checkout-page .enter-address, .checkout-page .ship-to-same-address, .checkout-page .pickup-in-store {padding:30px 45px;} .checkout-page .pickup-points {padding:0 45px;} .section.shipping-method, .section.payment-method, .section.payment-info, .section.confirm-order, .section.order-completed {padding:40px;} .payment-method .payment-logo img {max-width:none;} .order-review-data ul, .order-details-area ul, .shipment-details-area ul {padding:40px 45px;} .return-request-page .fieldset .form-fields, .opc .step {padding:30px 45px;} #opc-confirm_order .table-wrapper {margin:0;} /* search page & sitemap */ .search-input {padding:40px 45px;} .advanced-search .price-range input {width:80px;} .sitemap-page .entity-body {padding:30px 45px;} /* blog list */ .blog-posts .post-head {float:left; width:50%;} .blog-posts .rich-blog-image {height:280px; border-width:0 1px 0 0;} .blog-posts .post-body {float:right; width:50%; height:230px;} .blog-posts .first-blog-post .post-body {height:325px;} .blog-search-results li {padding:30px 45px;} /* blog page */ .blogpost-page .page-title {margin:10px 0;} .blogpost-page .post-footer {padding:0 45px 30px;} /* email a friend (not used) */ .email-a-friend-page form, .email-a-friend-page .result {padding:30px 45px;} /* product review page */ .write-review form {padding:30px 45px;} /* not used */ /* wishlist & compare list (not used) */ .update-wishlist-button, .wishlist-add-to-cart-button {width:auto; min-width:180px; margin:0; padding:0 28px 0 48px;} .update-wishlist-button {float:left;} .wishlist-add-to-cart-button {float:right;} } @media all and (min-width:641px) { .article-page .layout-3 .main_photo_large {width:50%; float:left; margin:6px 30px 30px 0;} } @media all and (min-width:769px) { /* tables */ .downloadable-products-page .data-table col:first-child, .downloadable-products-page .data-table th:first-child, .downloadable-products-page .data-table td:first-child {display:none !important; /* hides counter */} .return-request-page col:first-child, .return-request-page th:first-child, .return-request-page td:first-child {display:none !important;} /* hides counter */ /* notifications & popups */ .ui-dialog {width:400px !important;} /* home page featured */ .home-page .team-member .title,.home-page .featured-comments .title, .home-page .album-section .title {text-align:left; padding:0 0 5px;} .home-page .team-member .title a,.home-page .featured-comments .title a, .html-home-page .openherd-featured-items .title a, .home-page .album-section .title a {float:right; margin:0;} .member-feature-section:after,.home-page .team-member .title:after,.home-page .featured-comments .title:after {content:""; display:block; clear:both;} .page-body .member-photo {float:left; margin:10px 0;} .page-body .member-details {margin-left:290px;} .page-body .member-details h2 {text-align:left;} /* home page carousels */ .bestsellers {display:block; position:relative; margin:0 0 60px;} .bestsellers .title { padding: 0 0 6px; } .bestsellers .item-grid {position:static; border:1px solid rgba(0,0,0,0.1); overflow:hidden; background-color:#fff;} .bestsellers .owl-stage-outer {margin:0 -1px 0 1px;} .bestsellers .owl-stage {background-color:#fff;} .bestsellers .owl-item {float:left; width:50%;} .bestsellers .item-box {width:100% !important; margin:0 !important;} .bestsellers .product-item {margin:0 0 0 -1px; border-width:0 1px 1px; border-color:#f0f0f0; padding:0 !important; text-align:left;} .bestsellers .product-item:after {content:""; display:block; clear:both;} .bestsellers .item-box:nth-child(3) .product-item {border-bottom-width:0;} /* last item in each column */ .bestsellers .picture {float:left; width:40%; margin:0; padding:20px 10px 20px 20px;} .bestsellers .details {float:right; width:60%; padding:20px 20px 20px 10px;} .bestsellers .product-title {height:20px; margin:0 0 8px; padding:0;} .bestsellers .product-title a {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .bestsellers .details .prices {margin:0 0 16px; padding:0;} .bestsellers .buttons-upper, .bestsellers .buttons-lower {position:static !important; float:left; width:auto !important; height:auto !important; border:none !important; background-color:transparent;} .bestsellers input.button-2, .bestsellers button.button-2 {width:36px !important; height:36px !important; margin:0 3px 0 0 !important; background-color:#888; background-image:url('/Themes/shared/img/product-box-sprite-big.png') !important;} .bestsellers .add-to-wishlist-button {background-position:-36px center !important;} .bestsellers .product-box-add-to-cart-button {background-position:right center;} .bestsellers .product-box-add-to-cart-button span {background-color:transparent !important; font-size:0 !important;} .bestsellers .product-box-add-to-cart-button span:before, .bestsellers .product-box-add-to-cart-button span:after {display:none !important;} .bestsellers .owl-prev, .bestsellers .owl-next {position:absolute; top:-2px; width:37px; height:37px; background-repeat:no-repeat; font-size:0; cursor:pointer; transition:all 0.2s ease;} .bestsellers .owl-prev {left:0; background-image:url('/Themes/shared/img/arrow-prev.png'); background-position:right center;} .bestsellers .owl-next {right:0; background-image:url('/Themes/shared/img/arrow-next.png'); background-position:left center;} .bestsellers .owl-prev:hover {background-position:left center;} .bestsellers .owl-next:hover {background-position:right center;} /* left/right column */ .block {width:31.3333%; margin:0 0 2%;} .block:nth-of-type(2n+1) {clear:none;} .block:nth-of-type(3n+1) {clear:both;} /* user pages */ .layout-2 .thumb_photos .thumb {font-size:0; margin:20px 0;} .layout-2 .thumb_photos .thumb a {display:inline-block; vertical-align:middle; width:35%; margin-right:20px;} .layout-2 .thumb_photos .thumb p {display:inline-block; vertical-align:middle; width:calc(65% - 20px);} /* product categories */ .product-selectors .product-viewmode {display:inline-block;} .product-selectors .product-page-size {float:right; margin:0;} .item-box .buttons {text-align:left;} /* product detail */ .product-essential {padding:30px 20px;} .gallery {float:left; width:43%; margin:0 0 -10px;} .gallery .picture {width:auto;} .gallery .picture-thumbs .thumb-item {width:calc(25% - 8px); padding-top:calc(25% - 8px);} .gallery .picture-thumbs.video .thumb-item {padding-top:calc(19% - 8px);} .overview {float:right; width:54%; margin:0; text-align:left;} .store-about .overview {float:none; width:auto;} .store-about .gallery + .overview {float:right; width:54%;} .product-reviews-overview > div {float:left;} .product-review-box {margin:3px 12px 0 0;} .discounted-price label {vertical-align:baseline; font-size:14px;} .discounted-price span {vertical-align:baseline;} div.rental-price {display:block !important;} .overview-bottom {clear:both; margin:0;} .overview-bottom:after {content:""; display:block; clear:both;} .product-social-buttons {position:relative; bottom:-30px; float:left; height:54px; margin:0; padding:10px 0 0;} .product-social-buttons label, .product-social-buttons ul {height:24px; line-height:24px; vertical-align:middle;} .product-social-buttons label {display:inline-block;} .group-product .overview-buttons {margin:-15px 0 15px; vertical-align:middle;} .group-product .product-social-buttons {position:static; float:none; height:auto; padding:10px 0;} .group-product .product-social-buttons ul {float:none;} .tier-prices .prices-table {display:table; width:100%; border:none; border-collapse:collapse;} .tier-prices .prices-row {display:table-row; float:none; width:auto; border-top:1px solid rgba(0,0,0,0.1);} .tier-prices .prices-row:first-child {border-top:none;} .tier-prices .prices-row > div {display:table-cell; border:none !important;} .tier-prices .field-header {min-width:100px;} .product-specs-box .data-table td {width:auto; border-left:none; text-align:left;} .product-variant-line {padding:30px 20px;} .variant-picture {float:left; margin:0;} .variant-picture + .variant-overview {width:auto; margin:0 0 0 340px;} .variant-overview {text-align:left;} .variant-overview .add-to-wishlist {margin:0 3px;} .attribute-item {display:inline-block; margin:0 10px 0 0;} .rental-attributes dt {min-width:75px;} .rental-attributes .datepicker {width:120px; text-align:left;} .attribute-squares {margin:0 0 -10px; text-align:left;} .attribute-squares li {margin:5px 10px 5px 0;} .ui-tabs .ui-tabs-nav li {display:inline-block; border:none;} .ui-tabs .ui-tabs-nav li a {padding:12px 22px;} .ui-tabs .ui-tabs-nav li a:after {bottom:0;} /* shopping cart & checkout */ .cart-options {text-align:right;} .common-buttons .update-cart-button, .common-buttons .continue-shopping-button {max-width:none; min-width:230px;} .cart-footer .cart-collaterals {float:left; width:52%;} .cart-footer .totals {float:right; width:45%;} .cart-collaterals .accordion-tab-title {text-align:left;} .cart-collaterals .estimate-shipping-button {width:auto; min-width:220px;} .cart-collaterals .checkout-attributes {text-align:left;} .cart-collaterals .checkout-attributes .attribute-squares li {margin:5px 10px 5px 0;} .checkout-page .address-grid, .checkout-page .enter-address, .checkout-page .ship-to-same-address, .checkout-page .pickup-in-store {padding:30px 60px;} .checkout-page .pickup-points {padding:0 60px;} .checkout-page .address-item {float:left; width:45%; margin:5% 0 0 10%; text-align:left;} .checkout-page .address-item:nth-child(2n+1) {clear:both; margin-left:0;} .checkout-page .address-item:nth-child(-n+2) {margin-top:0;} .checkout-page .address-item:only-child {float:none; width:auto; margin:auto;} .order-review-data ul, .order-details-area ul, .shipment-details-area ul {float:left; width:48%; margin:0 0 0 4%; text-align:left;} .order-review-data ul:first-child, .order-details-area ul:first-child, .shipment-details-area ul:first-child {margin:0;} .order-details-page .page-title h1 {float:left; margin:0;} .order-details-page .page-title a {float:right; margin:-8px 5px 0;} .order-details-page .order-overview {text-align:left;} .order-details-page .order-info span {display:inline-block; margin:5px 10px 5px 0;} .order-details-page .options {text-align:right;} .order-details-page .actions input {margin:0 0 0 10px;} .order-details-page .totals {width:45%; margin-left:auto;} .return-request-page .fieldset .form-fields, .opc .step {padding:30px 60px;} .opc .step, .opc div.buttons, .opc .pickup-in-store, .opc .ship-to-same-address {text-align:left;} #opc-confirm_order .totals {float:none; width:auto;} #opc-confirm_order div.buttons {text-align:center;} /* blog page */ .blogpost-page .page-title {margin:20px 0 10px;} /* user page & article page */ /* review page (not used) */ .product-reviews-page .page-body {text-align:left;} .ui-tabs .product-review-item {padding:30px;} .product-review-item .review-info {float:left;} .product-review-helpfulness {float:right;} .write-review form {padding:30px 60px;} .write-review .message-error {padding:0;} /* wishlist & compare list (not used) */ .compare-products-table-mobile img {max-width:150px;} /* email a friend (not used) */ .email-a-friend-page .page-body {text-align:left;} .email-a-friend-page form, .email-a-friend-page .result {padding:30px 60px;} } @media all and (min-width:1025px) { /* global */ .master-wrapper-content {width:980px; min-height:600px; margin:auto;} .home-page-body .master-wrapper-content {width:100%;} .home-page-body .home-page-section .section-inner, #memberships {margin:auto;} /* header */ .html-home-page .header {margin-bottom:0;} .header {position:relative; z-index:1020; margin:0 0 20px;} .header .center {width:980px; margin:auto;} .header-upper {height:42px; background-color:#f6f6f6;} /* admin header links (not used) .admin-header-links {float:left; height:42px;} .admin-header-links a {color:#444;} */ .header-links-wrapper, .header-selectors-wrapper {position:relative; float:right; height:42px; margin:0 0 0 20px; transition:all 0.2s ease;} .header-links-wrapper label, .header-selectors-wrapper label {display:block; padding:0 0 0 20px; background-image:url('/Themes/shared/img/header-sprite-2.png'); background-repeat:no-repeat; line-height:42px;} .header-links-wrapper label {background-position:left 0;} .header-selectors-wrapper label {background-position:left -40px;} .header-links, .header-selectors {display:none; position:absolute; left:-15px; z-index:1020; min-width:150px; background-color:#fff; box-shadow:0 4px 4px rgba(0, 0, 0, 0.1); transition:all 0.2s ease;} .header-links-wrapper:hover > div, .header-selectors-wrapper:hover > div, .header-selectors-wrapper > div.active {display:block;} .header-links li {padding:0 16px;} .header-links li:first-child {padding-top:4px;} .header-links li:last-child {padding-bottom:4px;} .header-links li:hover {background-color:#f9f9f9;} .header-links a {display:block; padding:10px 0 10px 24px; font-size:13px;} .header-links .ico-account {background-position:left -5px;} .header-links .ico-register {background-position:left -53px;} .header-links .ico-login, .header-links .ico-logout {background-position:left -101px;} .header-links .ico-inbox {background-position:left -149px;} .header-links .ico-wishlist {background-position:left -197px;} .header-selectors {text-align:center;} .header-selectors > div {border-top:1px solid #f6f6f6; padding:15px;} .header-selectors > div:first-child {border-top:none;} .header-selectors select {border-color:#e9e9e9;} .header-middle {background-color:#fff; padding:20px 0; z-index:1100;} .header-middle .center {display:table; position:relative; z-index:1015;} .header-logo-slogan {display:contents;} .header-logo {display:table-cell; width:110px; padding:0 20px 0 0; vertical-align:middle;} .header-slogan {display:table-cell; vertical-align:middle;} .header-lower {position:relative; z-index:10;} .header-menu {position:relative; z-index:1010; text-align:left;} .header-menu > ul {font-size:0;} .header-menu > ul > li {display:inline-block; vertical-align:middle;} .header-menu > ul > li > a, .header-menu > ul > li > span {display:block; color:#fff; font-size:14px; /*reset zeroing*/ line-height:13px; padding:26px 15px; font-weight:bold; cursor:pointer;} .header-menu > ul > li > .sublist-wrap {margin:0;} .header-menu > ul > li > .sublist-wrap a {color:#555;} .newsletter .title {margin:0 10px 0 0;} .flyout-cart-wrapper {position:relative; z-index:1011; width:190px; /*prevents the cell from expanding when header menu is empty*/ padding:0 0 0 32px; vertical-align:middle; text-align:right; display:flex; justify-content:right; margin-left:auto;} .flyout-cart-wrapper a.auth {font-size:15px; display:block; border:1px solid rgba(255, 255, 255, 0.3); padding:15px 25px; background:rgba(0,0,0,0.6); color:#fff; white-space:nowrap;} .flyout-cart-wrapper a.auth:hover {background:rgba(0,0,0,0.8);} .flyout-cart-trigger {} .cart-trigger {display:inline-block; position:relative; height:52px; border:1px solid rgba(0,0,0,0.15); padding:0 19px 0 18px; margin-left:40px; line-height:52px; font-size:13px; color:#777; white-space:nowrap; transition:all 0.2s ease;} .cart-trigger:before {content:"\e9b1"; font-family:openherd; font-size:20px; position:absolute; top:-1px; left:-40px; width:40px; height:52px; color:#fff; font-weight:bold; text-align:center;} .cart-trigger .cart-qty, .cart-trigger .cart-label {font-weight:bold; color:#555; transition:all 0.2s ease;} .flyout-cart {display:none; position:absolute; right:0; z-index:1; width:350px; box-shadow:0 1px 8px rgba(0, 0, 0, 0.1); background:#fff;} .flyout-cart-trigger:hover .cart-qty, .flyout-cart-trigger:hover .cart-label {color:#fff;} .flyout-cart-trigger:hover .flyout-cart {display:block;} .mini-shopping-cart {text-align:left;} .mini-shopping-cart .count {display:none;} .mini-shopping-cart .item {padding:25px 20px;} .mini-shopping-cart .totals {text-align:right;} .mini-shopping-cart .buttons {overflow:hidden; padding:12px 15px; text-align:right;} .mini-shopping-cart input.cart-button {float:left; width:49%;} .mini-shopping-cart input.checkout-button {float:right; width:49%;} .mini-shopping-cart input[type="button"]:only-child {float:none; width:auto;} .header-lower .search-box {display:none;} .header-lower .center {position:relative; height:65px; z-index:1016;} /* layout */ .html-home-page .center-1 .home-page-product-grid .item-box {width:23.5%;} .html-home-page .slider-right-column {margin-top:0;} .customer-pages-body .master-wrapper-content {padding:70px 0 0;} .product-details-page-body .center-1 {padding-bottom:90px;} .center-2 {float:right; width:72.5%; margin:20px 0 90px;} .side-2 {float:left; width:23.75%;} .page {clear:both; text-align:left;} .side-2 .page-title {margin:0 0 15px; border:1px solid rgba(0,0,0,0.1); background-color:#fff; padding:20px 25px;} .side-2 .page-title h1 {font-size:18px;} /* page titles */ .block-category-navigation .title, .manufacturer-page-body .block-manufacturer-navigation .title, .manufacturer-all-page-body .block-manufacturer-navigation .title, .vendor-all-page-body .block-vendor-navigation .title, .vendor-page-body .block-vendor-navigation .title {display:none;} .category-page-body .page-title + .block-category-navigation .listbox, .manufacturer-page-body .page-title + .block-manufacturer-navigation .listbox, .manufacturer-all-page-body .page-title + .block-manufacturer-navigation .listbox, .vendor-all-page-body .page-title + .block-vendor-navigation .listbox, .vendor-page-body .page-title + .block-vendor-navigation .listbox {margin-top:0;} .link-rss {display:block; float:right; margin:5px 0 0;} /* tables */ .cart .subtotal {white-space:nowrap;} .reward-points-history .data-table col:first-child, .reward-points-history .data-table th:first-child, .reward-points-history .data-table td:first-child {display:none !important; /*hides counter*/} .order-details-page .data-table col:first-child, .order-details-page .data-table th:first-child, .order-details-page .data-table td:first-child {display:none !important; /*hides counter*/} .forums-table-section col:first-child, .forums-table-section th:first-child, .forums-table-section td:first-child {display:none !important; /*hides counter*/} /* nav categories */ .category-navigation-title {position:absolute; bottom:-9px; left:0; z-index:2; width:245px; height:55px; border:1px solid rgba(0,0,0,0.1); background-color:#fff; padding:0 20px; font-size:15px; line-height:53px; font-weight:bold; cursor:pointer;} .category-navigation-title:after {content:""; position:absolute; top:19px; right:19px; width:17px; height:15px; background-image:url('/Themes/shared/img/category-nav.png'); background-position:center; background-repeat:no-repeat;} .home-page-body .category-navigation-title {cursor:auto;} .category-navigation-list-wrapper {position:absolute; top:54px; left:0; z-index:1; width:245px;} .home-page .category-navigation-list-wrapper {position:static; margin:-31px 0 0;} .category-navigation-list {display:none; border:1px solid rgba(0,0,0,0.1); box-shadow:0 1px 8px rgba(0, 0, 0, 0.08); background-color:#fff;} .home-page-body .category-navigation-list {position:relative; /*prevent flyout z-index conflict with owl-carousel*/ z-index:2; /*prevent flyout z-index conflict with owl-carousel*/} .home-page .category-navigation-list {box-shadow:none;} .category-navigation-list .plus-button, .category-navigation-list .back-button {display:none;} .category-navigation-list > li {position:relative; border-top:1px solid #f6f6f6;} .category-navigation-list > li:first-child {border:none;} .category-navigation-list > li > a, .category-navigation-list > li > span {display:block; min-height:46px; /*chrome line-height fix*/ padding:13px 20px;} .category-navigation-list > li:hover > a, .category-navigation-list > li:hover > span {background-color:#f9f9f9;} .categories-in-side-panel .root-category-items {display:none; /*side navigation disables header menu categories*/} .categories-in-side-panel .root-category-items.store-locator {display:inline-block !important; /*store locator always visible*/} .category-navigation-list > li.store-locator {display:none; /*store locator in side panel always hidden*/} .category-navigation-list > li > .sublist-wrap, .header-menu > ul > li > .sublist-wrap {display:none; position:absolute; min-width:220px;} .category-navigation-list > li:first-child > .sublist-wrap {top:0;} .category-navigation-list > li:hover > .sublist-wrap, .header-menu > ul > li:hover > .sublist-wrap {display:block;} .category-navigation-list > li > .sublist-wrap > .sublist, .header-menu > ul > li > .sublist-wrap > .sublist {overflow:hidden; box-shadow:0 8px 8px rgba(0,0,0,0.1); background-color:#fff; padding:15px;} .category-navigation-list > li > .sublist-wrap > .sublist > li {padding:10px 0;} .header-menu .sublist > li a {padding:5px 0;} .category-navigation-list > li > .sublist-wrap > .sublist > li > a, .header-menu .sublist > li > a, .header-menu > ul > li > .sublist-wrap > .sublist > li > label {display:block; font-size:15px;} .category-navigation-list > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li, .header-menu > ul > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li {padding:6px 0;} .category-navigation-list > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist ul, .header-menu > ul > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist ul {display:none;} .category-navigation-list.sticky-flyout {position:relative;} .category-navigation-list.sticky-flyout > li {position:static;} .category-navigation-list.sticky-flyout > li > .sublist-wrap {top:0 !important;} .store-search-box {float:right; clear:right; margin:0;} .store-search-box .search-box-button {margin:0 0 0 5px;} .ui-autocomplete {z-index:1015;} .store-search-box.full-width input.search-box-text {width:918px;} /* responsive reset */ .responsive-nav-wrapper-parent {display:none;} .menu-title, .close-menu, .header-menu .back-button {display:none;} .overlayOffCanvas {display:none !important;} /* home page columns */ .two-columns-area > .center {width:980px; margin:auto;} .two-columns-area > .center:after {content:""; display:block; clear:both;} .two-colums-area-left {position:relative; z-index:1; float:left; width:245px;} .two-colums-area-right {position:relative; z-index:0; float:right; width:708px;} .slider-fullwidth {margin-top:-60px;} .slider-right-column {margin-top:-35px;} .slider-right-column .category-navigation-list-wrapper {position:static; margin-top:-26px;} .slider-right-column .category-navigation-list {box-shadow:none;} .two-columns-area .jCarouselMainWrapper:only-of-type {margin:20px 0 0;} .two-columns-area .slider-wrapper ~ .jCarouselMainWrapper, .two-columns-area.slider-fullwidth .jCarouselMainWrapper {margin:45px 0 0 !important;} /* home page carousels */ .two-columns-area .home-page-product-grid {display:block; margin:45px 0 0; border:1px solid rgba(0,0,0,0.1); background-color:#fff;} .two-columns-area.slider-right-column .home-page-product-grid:first-child {margin-top:0;} .two-columns-area .home-page-product-grid .title {margin:0; border:none; padding:15px 20px; font-size:16px; text-align:center;} .two-columns-area .home-page-product-grid .item-box {width:100%; margin:0;} .two-columns-area .home-page-product-grid .product-item {border:none; padding:0 !important;} .two-columns-area .home-page-product-grid .product-rating-box, .two-columns-area .home-page-product-grid .buttons-upper, .two-columns-area .home-page-product-grid .buttons-lower {display:none !important;} .two-columns-area .owl-carousel .prices {margin:0; /*this is not applied until the carousel is rendered*/} .two-columns-area .owl-carousel .owl-controls {padding:18px 20px; text-align:center; font-size:0;} .two-columns-area .owl-carousel .owl-dot {display:inline-block; margin:0 5px;} .two-columns-area .owl-carousel .owl-dot span {display:block; width:10px; height:10px; border-radius:50%; background-color:#c9c9c9;} .bestsellers {float:left; width:66%;} .bestsellers:only-child {float:none; width:auto;} .bestsellers .owl-prev {right:37px; left:auto;} .bestsellers .product-item {height:170px; /*use fixed height to prevent browser differences*/} .bestsellers .picture a {max-height:128px; /*prevents image overflow when there is no rich blog carousel enabled*/ overflow:hidden;} .bestsellers .picture a img {max-height:100%; /*prevents image cropping when there is no rich blog carousel enabled*/} .homepage-middle-wrapper:after {content:""; display:block; clear:both;} .product-grid.bestsellers .item-box:hover .buttons-lower input, .product-grid.bestsellers .item-box:hover .buttons-lower button {background-color:#888;} /* home page intro */ .home-page .section-inner {padding-left:50px; padding-right:50px;} /* home page featured */ .home-page .team-section.item {position:relative; display:inline-block; text-align:left;} .home-page .team-section.item .comment p {height:100px; overflow:hidden;} .openherd-featured-items.blog-posts .post {float:none; display:inline-block; vertical-align:top; width:calc(33.3333% - 20px); margin:0 10px 20px;} .home-page .blogs .description p {height:90px; overflow:hidden;} .home-page .team-section.item .comment p:before, .home-page .blogs .description p:before {content:''; width:100%; height:80%; position:absolute; left:0; top:0; background:linear-gradient(rgba(255,255,255,0) 70px, white); pointer-events:none;} .home-page .blogs .description p:before {height:60%; background:linear-gradient(rgba(255,255,255,0) 60px, white);} .home-page .team-section.item .comment a, .home-page .blogs .description a {position:absolute; right:0; bottom:0;} /* footer */ .footer {text-align:left;} .footer .center {width:980px; margin:auto;} .footer .center:after {content:""; display:block; clear:both;} .footer-upper {padding:15px 0;} .footer-block ul {background-color:transparent;} .newsletter {float:left;} .newsletter .title {display:inline-block; margin:0 10px 0 0; vertical-align:middle;} .newsletter-subscribe {display:inline-block; vertical-align:middle;} .newsletter-validation {display:none;} .social-sharing {float:right;} .social-sharing li {vertical-align:middle;} .footer-middle {padding:60px 0 30px;} .footer-block.custom {float:left; width:60%;} .footer-block.contact {text-align:center;} .footer-block.custom + .footer-block.contact {float:right; width:30%; text-align:left;} .footer-block .title {margin:0 0 12px; border:none; padding:0;} .footer-block .title:after {display:none;} .footer-block ul {display:block !important; border:none;} .footer-block li {padding:6px 0;} .footer-block.quick-contact li {padding:6px 0 16px;} .footer-block.quick-contact span {padding:0 0 0 28px;} .footer-lower {padding:0; text-align:center;} .footer-lower .center {border-top:1px solid rgba(0,0,0,0.1); padding:30px 0;} /* left/right column */ .block {float:none; width:auto;} .block .title {border:none; background-image:none; padding:20px 25px; cursor:default;} .block .listbox {display:block;} .block .view-all {margin:12px 0 4px;} /*.block-category-navigation {display:none;}*/ .category-page-body .block-category-navigation {display:block;} .block-category-navigation .listbox {display:none !important;} .block-category-navigation .listbox.category-page-navigation {display:block !important;} .recently-viewed-info-wrap {margin-top:20px;} .block-recently-viewed-products {font-size:0;} .block-recently-viewed-products .product-picture {display:inline-block; width:25%; vertical-align:middle;} .block-recently-viewed-products .product-name {display:inline-block; width:75%; padding:0 0 0 15px; vertical-align:middle; font-size:14px;} .recently-viewed-products-page-body .block-recently-viewed-products, .product-tags-all-page-body .block-popular-tags {display:none;} .recently-viewed-products-page-body .block-recently-viewed-products + .block, .product-tags-all-page-body .block-popular-tags + .block {border-top-color:#e9e9e9;} /* product categories */ .fv-page .side-2 .pickup-points {margin-top:40px;} .breadcrumb {margin-bottom:10px; text-align:left;} .category-page .page-title h1 {display:inline-block;} .product-selectors {display:inline-block; float:right; text-align:right; line-height:55px; margin:0;} .product-selectors .product-sorting, .product-selectors .product-sorting select {margin-right:0;} .sub-category-item .title, .manufacturer-item .title, .vendor-item .title {width:auto;} .sub-category-details, .manufacturer-details, .vendor-details {display:block;} .manufacturer-details, .vendor-details {padding:38% 0; text-align:center; transition:all 0.4s ease;} /* .product-grid .item-box .product-item {padding:0 0 45px;} not used */ .product-grid .item-box .buttons-upper {position:absolute; bottom:15px; left:0; z-index:1; width:100%; height:30px; border-right:1px solid rgba(0,0,0,0.1); border-left:1px solid rgba(0,0,0,0.1); overflow:hidden; transition:all 0.2s ease;} .product-grid .item-box .buttons-lower {position:absolute; bottom:0; left:0; z-index:2; width:100%; height:45px; border:1px solid rgba(0,0,0,0.1); background-color:#fff; transition:all 0.2s ease;} .product-grid .item-box:hover .buttons-lower {bottom:-29px; z-index:0;} .product-grid .item-box:hover .buttons-lower button span:before {opacity:0;} .product-grid .item-box:hover .buttons-lower button span:after {opacity:1;} .product-grid .item-box input[type="button"] {width:76%;} .product-grid .item-box input.add-to-wishlist-button {width:24%;} /* product detail */ .product-essential {padding:35px;} .overview .stock {display:inline-block; margin:0 10px 0 0;} .variant-overview .stock {display:inline-block; margin:0 10px 10px 0;} .overview .back-in-stock-subscription {display:inline-block; margin:0 0 15px;} .product-social-buttons {bottom:-35px;} .overview-bottom .delivery, .variant-overview .delivery {right:-35px; bottom:-35px;} .group-product .product-social-buttons {margin:0;} .product-variant-line {padding:35px;} .attributes dt {float:left; clear:left; margin-right:10px;} .attributes dt label {line-height:38px;} .attributes dd {margin-right:10px;} .attribute-item > div {display:inline-block; margin:0 10px 0 0;} .giftcard label {display:inline-block; min-width:120px; margin:0 10px 0 0;} /* shopping cart & checkout */ .html-shopping-cart-page .center-1 {padding-top:40px;} .order-progress {position:absolute; right:0;} .order-progress li {margin:0 2px;} .order-progress li:first-child a {padding-left:0;} .order-progress li:last-child a:after {display:none;} .shopping-cart-page .page-title, .checkout-page .page-title {min-height:37px; /*chrome line-height fix*/ padding:0 0 5px;} .shopping-cart-page .tax-shipping-info {text-align:right;} .cart-footer .cart-collaterals {width:58%; margin:0;} .cart-footer .totals {width:40%; margin:0; text-align:center;} .cart-collaterals .hint {margin:0 0 25px;} .cart-collaterals .shipping label {display:inline-block; width:25%; margin:0;} .cart-collaterals .shipping label + select, .cart-collaterals .shipping label + input {width:75%;} .cart-collaterals .shipping .buttons {text-align:left;} .cart-collaterals .coupon-code {width:auto;} .cart-collaterals .coupon-code:after {content:""; display:block; clear:both;} .cart-collaterals .coupon-code input[type="text"] {float:left; width:63%; margin:0 1%;} .cart-collaterals .coupon-code input[type="submit"] {float:left; width:33%; margin:0 1%;} .checkout-page .address-item {width:30%; margin:4% 0 0 5%;} .checkout-page .address-item:nth-child(2n+1) {clear:none; margin-left:5%;} .checkout-page .address-item:nth-child(3n+1) {clear:both; margin-left:0;} .checkout-page .address-item:nth-child(-n+3) {margin-top:0;} .checkout-page .address-item:only-child {text-align:left;} .checkout-page .enter-address {margin:0;} .checkout-page .enter-address + .buttons {padding:10px 60px; text-align:left;} .checkout-page .enter-address + .buttons.centered {text-align:center;} .section.shipping-method, .section.payment-method {text-align:left;} .section.shipping-method .buttons, .section.payment-method .buttons, .section.payment-info .buttons, .section.order-completed .buttons {text-align:left;} .payment-method .payment-description {display:block; /*reset*/} .payment-info .info tr {display:table-row; margin:0;} .payment-info .info td {display:table-cell; margin:0; padding:5px; text-align:left;} .payment-info .info td:first-child {width:150px;} .payment-info .info td:only-child {width:auto !important; padding:0;} .payment-info .info td label {font-weight:normal;} .payment-info .info td select {margin:0;} .order-details-page .actions input {width:190px;} .order-details-page .totals {width:40%;} #opc-confirm_order .totals {float:right; width:40%;} #opc-confirm_order .terms-of-service {width:40%; margin-left:auto;} #opc-confirm_order div.buttons {text-align:right;} /* blog list */ .blog-posts .first-blog-post .rich-blog-image {height:375px;} .blog-posts .post {float:left; width:32%; margin:0 0 30px 2%;} .blog-page .blog-posts .post:nth-child(3n+1) {clear:both; margin-left:0;} .blog-posts .post-head, .blog-posts .post-body {float:none; width:auto;} .blog-posts .rich-blog-image {height:240px; border-width:0 0 1px 0;} .blog-posts .first-blog-post .post {float:none; width:100%; margin-left:0;} .blog-posts .first-blog-post .post-head {float:left; width:50%;} .blog-posts .first-blog-post .rich-blog-image {border-width:0 1px 0 0;} .blog-posts .first-blog-post .post-body {float:right; width:50%; height:325px;} .blog-posts .first-blog-post .post-title {margin:0 0 15px; font-size:22px;} .blog-posts .post .post-preview {height:auto;} .blog-posts .post .post-preview .description p {position:relative; max-height:145px; overflow:hidden;} .blog-posts .first-blog-post .post-preview .description p {max-height:220px;} .blog-posts-list {overflow:hidden; margin:0 -10px;} /* blog page */ .blogpost-page {margin:0 auto 129px;} /* albums */ .albums .album_cell {width:calc(25% - 20px); padding-top:calc(25% - 20px);} /* user pages & articles */ /* wishlist & compare list (not used) */ .compare-products-page .clear-list {position:absolute; top:-30px; right:0; color:#777; text-transform:none;} .compare-products-page .clear-list:hover {text-decoration:underline;} .compare-products-page .table-wrapper {overflow:hidden;} .compare-products-table {display:table;} .compare-products-table .remove-product td {border-top-color:#e9e9e9; padding-bottom:0;} .compare-products-table .product-picture td, .compare-products-table .product-name td, .compare-products-table .product-price td {border-top:0;} .compare-products-table .short-description td, .compare-products-table .full-description td {vertical-align:top;} .compare-products-table .picture {display:block; width:145px;} .compare-products-table-mobile {display:none;} /* search & sitemap (not used) */ .basic-search .inputs.reversed label {text-align:left;} .advanced-search .inputs, .advanced-search .inputs label:first-child, .advanced-search .price-range {text-align:left;} .advanced-search .price-range input {margin:0 10px 0 0;} /* contact page */ .side-2 .phones .title {margin-top:30px;} .price-savings{ font-size:12px; color:#8a8a8a} } @media all and (min-width:1281px) { /* Global */ .master-wrapper-content {width:1200px;} .home-page-body .home-page-section .section-inner, #memberships {width:1200px;} /* layout */ .side-2 .page-title {padding:22px 35px;} .side-2 .left-info-wrap, .block .listbox {padding:40px 30px;} .block .title {padding:25px 35px;} .block .view-all {margin:12px 0 0;} /* forms & tables */ .cart col:first-child, .cart th:first-child, .cart td:first-child {display:none !important; /*hides counter*/} .account-page .data-table col:first-child, .account-page .data-table th:first-child, .account-page .data-table td:first-child {display:none !important; /*hides counter*/} .account-page .data-table col.select-boxes {display:table-column !important; /*resets first column for non footable tables*/} .account-page .data-table th.select-boxes, .account-page .data-table td.select-boxes {display:table-cell !important; /*resets first column for non footable tables*/} .account-page .data-table .footable-first-column {text-align:left;} /* header */ .admin-header-links .center {width:1200px;} .header .center {width:1200px;} .header-links-wrapper, .header-selectors-wrapper {margin:0 0 0 30px;} .header-links, .header-selectors {left:0;} .header-logo {padding:0 32px 0 0; width:122px;} .header-menu > ul > li > a, .header-menu > ul > li > span {padding:5px 27px;} /* nav categories (not used) */ .category-navigation-title {width:285px; padding:0 24px;} .category-navigation-list-wrapper {width:23.75%;} .category-navigation-list > li > a, .category-navigation-list > li > span {padding:26px 25px;} .header-menu > ul > li > a, .header-menu > ul > li > span {padding:26px 25px;} .category-navigation-list > li > .sublist-wrap > .sublist {/*this is the inner list inside the flyout panel*/ padding:18px 12px;} .category-navigation-list > li > .sublist-wrap > .sublist > li {/*this is a subcategory item (contains a list)*/ padding:10px 15px;} .store-search-box.full-width input.search-box-text {width:calc(100% - 72px);} /* homepage */ .two-columns-area > .center {width:1200px;} .two-colums-area-left {width:23.75%;} .two-colums-area-right {width:72.5%;} .home-page .album .album_photo_cell {width:calc(25% - 3px); padding-top:calc(25% - 3px);} /* footer */ .footer .center {width:1200px;} /* product categories */ .manufacturer-details {padding:40% 0;} /* product detail */ .product-essential {padding:40px;} .gallery {width:40%;} .customer-entered-price {margin:0 0 20px;} .customer-entered-price .price-input {display:inline-block; margin:0 10px 0 0;} .customer-entered-price .price-range {display:inline-block;} .product-social-buttons {bottom:-40px;} .overview-bottom .delivery {right:-40px; bottom:-40px;} /* shopping cart & checkout */ .cart-footer .cart-collaterals {width:63%;} .cart-footer .totals {width:35%;} .cart-collaterals .accordion-tab-content {max-width:none;} .cart-collaterals .shipping label {width:20%;} .cart-collaterals .shipping label + select, .cart-collaterals .shipping label + input {width:80%;} .cart-collaterals .coupon-code {max-width:500px; margin:0;} .order-details-page .actions input {width:205px;} .order-details-page .totals {width:35%;} /* blog list */ .blog-posts .first-blog-post .post-preview {max-height:250px;} .blog-posts .rich-blog-image {height:280px;} .blog-posts .post .post-preview .description p {line-height:24px; font-size:inherit;} /* user pages */ .layout-4 .medium_photos {padding:38.5px;} .layout-4 .medium_photos .thumb {width:calc(50% - 80px); margin:40px;} /* wishlist & compare list (not used) */ .compare-products-table .picture {width:200px;} } @media print { body {font:normal 9pt Helvetica, Arial, sans-serif; color:#000;} table {width:100%; border:0; border-collapse:collapse; border-spacing:0;} li {list-style:none;} a {color:inherit;} }