#wc-stripe-express-checkout-element iframe{max-width:unset}#wc-stripe-express-checkout-element{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:12px}#wc-stripe-express-checkout-element>div{flex:1;min-width:260px}*, *:before, *:after { box-sizing: border-box; } html.ie { overflow: hidden; } html.ie body { overflow: hidden; } html.ie .ie7no.overlay, html.ie .lightboxnoie7 { display: block; } .ie7no.overlay { background: #000; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 90000; display: none; } .lightboxnoie7 { background: #fff; color: #000; display: none; font-family: myriad-pro-n4, myriad-pro, sans-serif; left: 50%; margin: -206px 0 0 -233px; padding: 20px; position: absolute; top: 50%; width: 470px; height: 455px; z-index: 90001; } .lightboxnoie7 p, .lightboxnoie7 ul, .lightboxnoie7 ul li { padding: 0; margin: 0; list-style: none; } .lightboxnoie7 .clear { clear: both; height: 0px; position: static; width: 100%; } .lightboxnoie7 ul li { float: left; position: relative; margin-right: 30px; width: 200px; } .lightboxnoie7 ul li.last, .lightboxnoie7 ul li:last-child { margin-right: 0; } .lightboxnoie7 ul li .browsername { color: #000; text-decoration: none; bottom: 0px; font-family: sans-serif; font-size: 21px; height: 50px; left: 0px; position: absolute; text-align: center; width: 200px; display: block; padding: 8px 3px 3px 3px; } .lightboxnoie7 .title { font-family: sans-serif; font-size: 28px; line-height: 24px; text-align: center; } .lightboxnoie7 .toptext { font-size: 14px; margin: 14px 0 20px 0; line-height: 16px; text-align: center; } .lightboxnoie7 .imgcont a img { border: none; margin: -4px; display: block; } .lightboxnoie7 strong { text-transform: uppercase; } /* form loading icon stuff */ .wpcf7-form, .syn-form { position: relative; } .wpcf7-form .loading-block, .syn-form .loading-block { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: .3; text-align: center; display: none; } .wpcf7-form .loading-block .loading-block-image-wrapper img, .syn-form .loading-block .loading-block-image-wrapper img { border-radius: 25px; vertical-align: middle; } /* Slider */ .slick-initialized { position: relative; line-height: 0; } .slick-initialized .slick-track { display: flex; } .slick-initialized .slick-list { overflow: hidden; } .slick-loading .slick-list { width: 40px; height: 40px; border-radius: 100%; margin: 0 auto; border: 6px solid #d9d9d9; border-top-color: #666; -webkit-animation: slick_spin 1s infinite linear; animation: slick_spin 1s infinite linear; } @-webkit-keyframes slick_spin { 100% { transform: rotate(360deg); } } @keyframes slick_spin { 100% { transform: rotate(360deg); } } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: auto; height: auto; padding: 0; transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 15; } .slick-prev:before, .slick-next:before { opacity: 0.99; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 0.99; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; color: #58595b; } .slick-prev:before, .slick-next:before { font-family: syn-icons; font-size: 40px; font-weight: 400; line-height: 1; text-shadow: 0px 0px 3px black; color: #ffc000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: none; text-rendering: auto; font-style: normal; speak: none; } .slick-prev { left: 0; } [dir='rtl'] .slick-prev { right: 0; left: auto; } .slick-next { right: 0; } [dir='rtl'] .slick-next { right: auto; left: 0; } /* Dots */ .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; outline: none; border-radius: 50%; border: 1px solid #ccc; transition: all .25s ease-in-out; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; outline: 0; border-radius: 50%; color: #fff; background-color: #fff; border: 2px solid #000; transition: all .25s ease-in-out; } .slick-dots li.slick-active button:before { border: 6px solid #000; } /******************************************************** * Originally v2.0 | 20110126 * http://meyerweb.com/eric/tools/css/reset/ * * Edited by: Brett ********************************************************/ html, body, div, span, applet, object, p, a, abbr, acronym, address, big, cite, del, dfn, ins, q, s, small, strike, sub, sup, tt, var, u, center, blockquote, dl, ol, ul, li, fieldset, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, map, figure, figcaption, footer, header, hgroup, nav, output, ruby, section, summary, time, mark, audio, video, data { margin: 0; padding: 0; border: 0; font-size: 1em; font-family: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } img, picture { margin: 0; padding: 0; border: 0; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } progress { display: inline-block; vertical-align: baseline; } template, dialog:not([open]) { display: none; } abbr { border-bottom: none; text-decoration: none; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; margin: 0; border: 0; } pre { overflow: auto; } pre, code { background-color: #eee; padding: 0.5em; display: table; width: 100%; } code { word-break: break-word; overflow: hidden; color: inherit; } kbd, samp { padding: 0; } dt, dd { margin: 0; line-height: normal; } iframe { margin: 0 auto; border: none; padding: 0; } a { color: #0000ee; text-decoration: none; } a:visited { color: #0000ee; } summary { cursor: pointer; } summary::marker { content: ''; display: none; } /******************************************************** * SIZES ********************************************************/ /******************************************************** * COLORS ********************************************************/ /********************************************************/ /********************************************************/ /******************************************************** * TYPOGRAPHY * * .EOT is meant for IE browsers, like 8 and below * .TTF goes back to the 1980's * .WOFF2 & .WOFF are the recommended formats, in order ********************************************************/ @font-face { font-family: 'Tex Gyre Adventor'; font-display: swap; src: url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-regular.woff?v=2") format("woff"), url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-regular.ttf?v=2") format("truetype"); } @font-face { font-family: 'Tex Gyre Adventor'; font-display: swap; src: url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-italic.woff?v=2") format("woff"), url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-italic.ttf?v=2") format("truetype"); font-style: italic; } @font-face { font-family: 'Tex Gyre Adventor'; font-display: swap; src: url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-bold.woff?v=2") format("woff"), url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-bold.ttf?v=2") format("truetype"); font-weight: bold; } @font-face { font-family: 'Tex Gyre Adventor'; font-display: swap; src: url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-bolditalic.woff?v=2") format("woff"), url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-bolditalic.ttf?v=2") format("truetype"); font-style: italic; font-weight: bold; } /******************************************************** * SOCIAL COLORS - http://designpieces.com/2012/12/social-media-colours-hex-and-rgb/ ********************************************************/ /******************************************************** * Helpful Classes ********************************************************/ .hidden { display: none; } .visuallyhidden, .sr-only { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } /******************************************************** * Mixins ********************************************************/ /******************************************************** * Arrows * * $direction: top, left, right, bottom, top-left, top-right, bottom-left, bottom-right * $color: hex, rgb or rbga * $size: px or em * * @example * .element{ * @include arrow(top, #000, 50px); * } ********************************************************/ /******************************************************** * Functions ********************************************************/ /****************************************************************** * Theses are for the CTA's ******************************************************************/ @-webkit-keyframes grow_white { 0% { background-color: rgba(255, 255, 255, 0.7); transform: scale(1); z-index: 2; } 100% { background-color: rgba(255, 255, 255, 0.5); transform: scale(30); opacity: 0; z-index: -1; } } @keyframes grow_white { 0% { background-color: rgba(255, 255, 255, 0.7); transform: scale(1); z-index: 2; } 100% { background-color: rgba(255, 255, 255, 0.5); transform: scale(30); opacity: 0; z-index: -1; } } @-webkit-keyframes grow_yellow { 0% { background-color: rgba(255, 206, 59, 0.5); transform: scale(1); z-index: 2; } 100% { background-color: rgba(255, 206, 59, 0.3); transform: scale(30); opacity: 0; z-index: -1; } } @keyframes grow_yellow { 0% { background-color: rgba(255, 206, 59, 0.5); transform: scale(1); z-index: 2; } 100% { background-color: rgba(255, 206, 59, 0.3); transform: scale(30); opacity: 0; z-index: -1; } } @-webkit-keyframes grow_gray_1 { 0% { background-color: rgba(80, 80, 80, 0.7); transform: scale(1); z-index: 2; } 100% { background-color: rgba(80, 80, 80, 0.5); transform: scale(30); opacity: 0; z-index: -1; } } @keyframes grow_gray_1 { 0% { background-color: rgba(80, 80, 80, 0.7); transform: scale(1); z-index: 2; } 100% { background-color: rgba(80, 80, 80, 0.5); transform: scale(30); opacity: 0; z-index: -1; } } /****************************************************************** * Other Animations ******************************************************************/ @-webkit-keyframes bounce { 0%, 100% { transform: scale(1); } 55% { transform: scale(1.25); } } @keyframes bounce { 0%, 100% { transform: scale(1); } 55% { transform: scale(1.25); } } @-webkit-keyframes breathing { 0%, 100% { transform: scale(1); } 55% { transform: scale(1.06); } } @keyframes breathing { 0%, 100% { transform: scale(1); } 55% { transform: scale(1.06); } } /****************************************************************** * PREVIEW The SVG Here * https://icomoon.io/app/#/select * * GENERATED FILE ******************************************************************/ @font-face { font-family: 'syn-icons'; font-display: block; src: url("/wp-content/themes/accuvent/assets/dist/svgs/syn-icons.woff2") format("woff2"), url("/wp-content/themes/accuvent/assets/dist/svgs/syn-icons.woff?x52224") format("woff"), url("/wp-content/themes/accuvent/assets/dist/svgs/syn-icons.ttf?x52224") format("truetype"), url("/wp-content/themes/accuvent/assets/dist/svgs/syn-icons.svg#syn-icons") format("svg"); } .icon-add:before, .icon-arrow-circle-left:before, .icon-arrow-circle-right:before, .icon-arrow-dropright-circle:before, .icon-arrow-right:before, .icon-calendar:before, .icon-close:before, .icon-dashboard:before, .icon-document:before, .icon-dollar:before, .icon-done:before, .icon-edit:before, .icon-exit-to-app:before, .icon-eye-slash:before, .icon-eye:before, .icon-facebook-square:before, .icon-help:before, .icon-home:before, .icon-mail:before, .icon-person:before, .icon-phone-portrait:before, .icon-play-circle-outline:before, .icon-remove:before, .icon-return:before, .icon-search:before, .icon-shipping-fast:before, .icon-shopping-cart:before, .icon-trash:before, .checkbox-wrap:before, .slick-prev:before, [dir='rtl'] .slick-next:before, .slick-next:before, [dir='rtl'] .slick-prev:before, .cta-video-btn:before, .lazy-load-div:before, .modal-close-circle:before, .show-password-input:before, .show-password-input.display-password:before, .woocommerce-message:after, .woocommerce-error:after, .woocommerce-info:after, body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--dashboard a:after, body.woocommerce-account .woocommerce-MyAccount-navigation-mobile span[title="Dashboard"]:after, body.woocommerce-account ul#select2-mobile-my-account-nav-results li > span.dashboard-selection:after, body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--orders a:after, body.woocommerce-account .woocommerce-MyAccount-navigation-mobile span[title="Orders"]:after, body.woocommerce-account ul#select2-mobile-my-account-nav-results li > span.orders-selection:after, body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--edit-address a:after, body.woocommerce-account .woocommerce-MyAccount-navigation-mobile span[title="Addresses"]:after, body.woocommerce-account ul#select2-mobile-my-account-nav-results li > span.addresses-selection:after, body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--payment-methods a:after, body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--edit-account a:after, body.woocommerce-account .woocommerce-MyAccount-navigation-mobile span[title="Account details"]:after, body.woocommerce-account ul#select2-mobile-my-account-nav-results li > span.account-details-selection:after, body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--tax-exempt a:after, body.woocommerce-account .woocommerce-MyAccount-navigation-mobile span[title="Tax Exempt"]:after, body.woocommerce-account ul#select2-mobile-my-account-nav-results li > span.tax-exempt-selection:after, body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--customer-logout a:after, body.woocommerce-account .woocommerce-MyAccount-navigation-mobile span[title="Logout"]:after, body.woocommerce-account ul#select2-mobile-my-account-nav-results li > span.logout-selection:after, body.woocommerce-checkout .select2-results__option[data-selected=true]:after, body.woocommerce-checkout .select2-container--default .select2-results__option[aria-selected=true]:after, .menu__item--mega-menu .slick-next:before, .menu__item--mega-menu .slick-prev:before, .mobile-navigation-container .icon-arrow-right--reverse:before { font-family: "syn-icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-weight: normal; text-decoration: none; display: inline-block; line-height: inherit; vertical-align: middle; transition: all 0.25s ease-out; } .icon-add:before { content: ""; } .icon-arrow-circle-left:before { content: ""; } .icon-arrow-circle-right:before { content: ""; } .icon-arrow-dropright-circle:before { content: ""; } .icon-arrow-right:before { content: ""; } .icon-calendar:before { content: ""; } .icon-close:before { content: ""; } .icon-dashboard:before { content: ""; } .icon-document:before { content: ""; } .icon-dollar:before { content: ""; } .icon-done:before { content: ""; } .icon-edit:before { content: ""; } .icon-exit-to-app:before { content: ""; } .icon-eye-slash:before { content: ""; } .icon-eye:before { content: ""; } .icon-facebook-square:before { content: ""; } .icon-help:before { content: ""; } .icon-home:before { content: ""; } .icon-mail:before { content: ""; } .icon-person:before { content: ""; } .icon-phone-portrait:before { content: ""; } .icon-play-circle-outline:before { content: ""; } .icon-remove:before { content: ""; } .icon-return:before { content: ""; } .icon-search:before { content: ""; } .icon-shipping-fast:before { content: ""; } .icon-shopping-cart:before { content: ""; } .icon-trash:before { content: ""; } /****************************************************************** * Custom Icons * WARNING: Edit icons-template.scss * TIP: [class*='icon-'] to target any icon ******************************************************************/ .checkbox-wrap:before { content: ""; } .slick-prev:before, [dir='rtl'] .slick-next:before { content: ""; } .slick-next:before, [dir='rtl'] .slick-prev:before { content: ""; } .cta-video-btn:before, .lazy-load-div:before { content: ""; } .modal-close-circle:before { content: ""; } .show-password-input:before { content: ""; } .show-password-input.display-password:before { content: ""; } .woocommerce-message:after, .woocommerce-error:after, .woocommerce-info:after { content: ""; } body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--dashboard a:after, body.woocommerce-account .woocommerce-MyAccount-navigation-mobile span[title="Dashboard"]:after, body.woocommerce-account ul#select2-mobile-my-account-nav-results li > span.dashboard-selection:after { content: ""; } body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--orders a:after, body.woocommerce-account .woocommerce-MyAccount-navigation-mobile span[title="Orders"]:after, body.woocommerce-account ul#select2-mobile-my-account-nav-results li > span.orders-selection:after { content: ""; } body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--edit-address a:after, body.woocommerce-account .woocommerce-MyAccount-navigation-mobile span[title="Addresses"]:after, body.woocommerce-account ul#select2-mobile-my-account-nav-results li > span.addresses-selection:after { content: ""; } body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--payment-methods a:after { content: ""; } body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--edit-account a:after, body.woocommerce-account .woocommerce-MyAccount-navigation-mobile span[title="Account details"]:after, body.woocommerce-account ul#select2-mobile-my-account-nav-results li > span.account-details-selection:after { content: ""; } body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--tax-exempt a:after, body.woocommerce-account .woocommerce-MyAccount-navigation-mobile span[title="Tax Exempt"]:after, body.woocommerce-account ul#select2-mobile-my-account-nav-results li > span.tax-exempt-selection:after { content: ""; } body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--customer-logout a:after, body.woocommerce-account .woocommerce-MyAccount-navigation-mobile span[title="Logout"]:after, body.woocommerce-account ul#select2-mobile-my-account-nav-results li > span.logout-selection:after { content: ""; } body.woocommerce-checkout .select2-results__option[data-selected=true]:after, body.woocommerce-checkout .select2-container--default .select2-results__option[aria-selected=true]:after { content: ""; } body { transition: right 0.5s ease-in-out; right: 0; position: relative; } body.mobile-nav-active { right: 320px; } body.mobile-nav-active .site__header { right: 320px; } body .site__header { right: 0; } .logo { display: block; position: relative; flex-grow: 1; } .logo img { transition: all 0.2s ease-in-out; -webkit-animation: breathing 3s infinite ease-out; animation: breathing 3s infinite ease-out; -webkit-animation-play-state: paused; animation-play-state: paused; } .logo img:hover { -webkit-animation-play-state: running; animation-play-state: running; } .mobile-navigation-container .logo { text-align: center; } .logo .logo__inner { width: 100%; display: block; padding: 1.8em 0 1.5em 0; } @media (max-width: 425px) { .logo .logo__inner { padding: 0.75em 0 0.5em 0; } } .logo .light, .logo .dark { transition: all .25s ease; top: 0; } .logo .light { position: static; opacity: 0; } .logo .dark { position: absolute; opacity: 1; } .logo.change-header-style .dark { position: static; opacity: 0; } .logo.change-header-style .light { position: absolute; opacity: 1; } .site__header { position: fixed; height: 144px; height: auto; background: #fff; box-shadow: 0px 0px 10px 0px #888888; top: 0; width: 100%; z-index: 9001; transition: all .25s ease, right 0.5s ease-in-out; } .site__header.hide { top: -100% !important; } .site__header .above-header { background-color: #58595b; } .site__header .above-header > ul { display: flex; justify-content: flex-end; margin: 0 auto; width: 100%; max-width: 100.571em; padding-left: 1em; padding-right: 1em; } @media (max-width: 425px) { .site__header .above-header a { line-height: 2.5em; margin-top: 5px; } } .site__header .the-header { background-color: #fff; display: flex; justify-content: space-between; position: relative; } @media (max-width: 768px) { .site__header .the-header { align-items: center; } } .site__header .the-header > ul { display: flex; } @media (max-width: 48em) { .site__header .the-header > ul { display: none; pointer-events: none; } } .site__header.change-header-style { background-color: transparent; box-shadow: none; } .site__header.change-header-style .above-header { background-color: transparent; } .site__header.change-header-style .the-header { background-color: transparent; } .site__header.change-header-style .the-header > ul a { color: #fff; } .site__header.change-header-style #navigationBtn span { background-color: #fff; } .site__header.change-header-style .banner__inner.light { display: block; } .site__header.change-header-style .banner__inner.dark { display: none; } .site__header .banner__inner { max-height: 89.9px; max-width: 89.9px; width: auto; } .site__header .banner__inner picture { position: relative; width: 100%; height: 100%; display: flex; align-items: center; } .site__header .banner__inner picture img { max-height: 100%; height: auto; width: auto; opacity: 0.7; padding: 0.5em; } .site__header .banner__inner.light { display: none; } .entry__header { margin: 0 auto; width: 100%; max-width: 100.571em; padding-left: 1em; padding-right: 1em; } body.admin-bar .site__header { top: 32px; } @media (max-width: 48.875em) { body.admin-bar .site__header { top: 46px; } } body.admin-bar #nav-placeholder { height: 144px; } body.woocommerce-page #breadcrumbs { line-height: normal; margin-bottom: 0; margin-top: 1.5em; } body.woocommerce-page #breadcrumbs i { color: inherit !important; } body.woocommerce-page #breadcrumbs span, body.woocommerce-page #breadcrumbs a { color: #58595b; } body.woocommerce-page #breadcrumbs .breadcrumb_last { color: #ffc000; } body.woocommerce-page #breadcrumbs a:hover { color: #ffc000; } body.woocommerce-page .page-banner-module span, body.woocommerce-page .page-banner-module a { color: #fff !important; } body.woocommerce-page .page-banner-module .breadcrumb_last { color: #ffc000 !important; } body.woocommerce-page .page-banner-module a:hover { color: #ffc000 !important; } body.global-alert #nav-placeholder { height: 210px; } body #nav-placeholder { height: 144px; } body #nav-placeholder.change-header-style { height: 0; } #navigationBtn { display: block; position: relative; z-index: 1; background-color: transparent; border: none; border-radius: 0; outline: none; box-shadow: none; width: 43px; height: 20px; padding: 0; transition: all .25s ease-in-out; } #navigationBtn.mobile-active span:first-child, #navigationBtn.mobile-active span:nth-child(2), #navigationBtn.mobile-active span:nth-child(3) { width: 100% !important; } #navigationBtn span { background-color: #000; display: block; position: absolute; z-index: 1; right: 0; height: 2px; transition: all .25s ease-in-out; } #navigationBtn span:first-child { top: 0; width: 100%; } #navigationBtn span:nth-child(2) { top: 9px; width: 25%; } #navigationBtn span:nth-child(3) { top: 18px; width: 45%; } @media (min-width: 769px) { #navigationBtn { display: none; } } @media (hover: hover) { #navigationBtn:hover span:first-child { width: 80%; } #navigationBtn:hover span:nth-child(2) { width: 40%; } #navigationBtn:hover span:nth-child(3) { width: 60%; } } @media (hover: none) { #navigationBtn span:first-child { width: 80%; } #navigationBtn span:nth-child(2) { width: 40%; } #navigationBtn span:nth-child(3) { width: 60%; } } .menu a { color: #58595b; text-transform: uppercase; font-family: "Tex Gyre Adventor", Arial, sans-serif; font-weight: bold; display: flex; align-items: center; height: 100%; } @media (hover: hover) { .menu a:hover { color: #ffc000 !important; } } .mobile-navigation-container .menu a { color: #fff; flex: 1 0 auto; } .menu > li:not(.cta-btn) { padding-left: 1.3rem; } @media (max-width: 28.125em) { .menu > li:not(.cta-btn) { padding-left: 0; } } .menu > li.current-parent:after { content: ''; width: 100%; height: 0.4rem; background-color: #ffc000; margin-top: -0.4rem; display: block; } .menu__sub-menu { position: absolute; transform: rotate3d(1, 0, 0, 90deg); transform-origin: top; transition: transform .25s linear; overflow: hidden; background-color: #fff; pointer-events: none; box-shadow: -5px 6px 10px -5px #888888, 7px 5px 10px -5px #888888; } .mobile-navigation-container .menu__sub-menu { min-height: 100%; height: inherit; width: 100%; max-width: 320px; top: 0; right: -105%; visibility: hidden; z-index: 5; transition: right 0.5s ease-in-out, visibility .01s .5s linear; transform: none; background-color: #58595b; } .admin-bar .mobile-navigation-container .menu__sub-menu { top: 46px; } .mobile-navigation-container .menu__sub-menu.is-active { visibility: visible; right: 0; z-index: 20; pointer-events: auto; transition: right 0.5s ease-in-out, visibility .01s linear; } .mobile-navigation-container .menu__sub-menu img, .mobile-navigation-container .menu__sub-menu p { display: none; } .menu__sub-menu a { color: #58595b !important; padding: 1em 0.5rem; } .mobile-navigation-container .menu__sub-menu a { padding: 0; color: #fff !important; } .mobile-navigation-container .menu__sub-menu a > span { position: relative; margin-right: 0.3125rem; } .mobile-navigation-container .menu__sub-menu a > span:last-child { margin-right: 0; } @media (hover: hover) { .menu__sub-menu a:hover { color: #ffc000 !important; } } .menu__item i.icon-arrow-right { display: none; flex: 0 1 50px; color: #ffc000; cursor: pointer; text-align: center; border-left: 1px solid #fff; font-size: 1.4rem; } @media (max-width: 768px) { .menu__item i.icon-arrow-right { display: block; } } .mobile-navigation-container .menu__item { display: flex; align-items: center; padding-top: 1rem; padding-bottom: 1rem; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .mobile-navigation-container .menu__item--back { cursor: pointer; border-top: 0; border-bottom: 0; color: #fff; font-family: "Tex Gyre Adventor", Arial, sans-serif; transition: all 0.25s ease-out; } @media (hover: hover) { .mobile-navigation-container .menu__item--back:hover { color: #ffc000; } } .mobile-navigation-container .menu__item:first-child { border-bottom: 0; } .mobile-navigation-container .menu__item.cta-btn.-slanted { padding-top: 0; padding-bottom: 0; border-top: 0; border-bottom: 0; margin: 1rem auto 0; } .mobile-navigation-container .menu__item a:after { display: none !important; } @media (hover: hover) { .menu__item:hover .menu__sub-menu { transition-delay: .4s; z-index: 1; transform: rotate3d(0, 0, 0, 90deg); pointer-events: auto; } } .menu__sub-menu .menu__item { margin: 0 1em !important; } .menu__sub-menu .menu__item:not(:last-of-type) { border-bottom: 1px solid #DBDBDB; } .menu__item--mega-menu .slick-next:before, .menu__item--mega-menu .slick-prev:before { color: #000; } .menu__item--mega-menu .slick-next:before { content: ""; } .menu__item--mega-menu .slick-prev:before { content: ""; } .menu__item--mega-menu .slick-prev:before { transform: rotate(180deg); } .menu__item--mega-menu .menu__item { border-bottom: 0 !important; } .menu__item--mega-menu .menu__item--container { border-bottom: 0 !important; padding-bottom: 0em; } .menu__item--mega-menu .menu__item--container:last-of-type { padding-bottom: 1.1em; } .menu__item--mega-menu .menu__item--product { padding-left: 1.5rem; padding-right: 1.5rem; margin: 0 !important; position: relative; align-self: stretch; } @media (min-width: 1151px) { .menu__item--mega-menu .menu__item--product { flex: 0 1 calc((100%/5) - 1.5rem); max-width: calc((100%/5) - 1.5rem); } } .menu__item--mega-menu .menu__item--product:after { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 149px; background-color: #DBDBDB; transform: translate(0, -50%); } .menu__item--mega-menu .menu__item--product:last-child:after { display: none; } .menu__item--mega-menu .menu__item--product .menu__link { flex-direction: column; } .menu__item--mega-menu .menu__item--product .product-title__main { font-size: 1.5rem; line-height: 2rem; font-weight: bold; } .menu__item--mega-menu .menu__item--product .product-title__sub { font-size: 0.8125rem; line-height: 1.0625rem; font-weight: bold; color: #ffc000; } .menu__item--mega-menu .menu__item--product p { font-size: 0.75rem; line-height: 1rem; font-family: "Roboto", Helvetica, Arial, sans-serif; text-align: center; font-weight: normal; text-transform: initial; } .menu__item--mega-menu .menu__sub-menu { width: 100%; left: 0; } .menu__item--mega-menu .menu__sub-menu--products { display: flex; justify-content: center; align-items: flex-start; width: 100%; } .menu__item--mega-menu .menu__sub-menu--products.slick-initialized { display: block; } .menu__item--mega-menu .menu__sub-menu--links { display: flex; justify-content: center; align-items: center; } .menu__item--mega-menu .menu__sub-menu--links li { margin: 0 !important; margin-right: 0.5rem !important; padding-right: 0.5rem; position: relative; } .menu__item--mega-menu .menu__sub-menu--links li:after { content: ''; position: absolute; top: 50%; right: 0; border: 1px solid #ffc000; height: 1.5rem; transform: translate(0, -50%); } .menu__item--mega-menu .menu__sub-menu--links li:last-child { padding-right: 0; } .menu__item--mega-menu .menu__sub-menu--links li:last-child:after { display: none; } .menu__item--mega-menu .menu__sub-menu--links li a { font-size: 1.1em; } .mobile-navigation-container .menu__main { display: flex; flex-direction: column; } .menu__top { color: #fff; } .menu__top a { color: #fff; display: inline-block; font-size: 1em; font-weight: normal; line-height: 3.6em; padding-left: 0; } .menu__top a:hover .mini-cart-count { color: #ffc000; } .menu__top a:hover .mini-cart-bg { background-color: transparent; color: #ffc000; } .menu__top i.icon-shopping-cart:before { vertical-align: baseline; font-size: 1.4rem; transition: none; } .menu__top .mini-cart-count { vertical-align: super; position: relative; z-index: 2; margin: 0 0.6em 0 0.4em; font-weight: bold; color: #fff; transition: all 0.25s ease-out; } .menu__top .mini-cart-count .mini-cart-bg { display: block; width: 145%; height: 145%; min-width: 2.1em; background-color: #ffc000; color: #fff; border: 1px solid #ffc000; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translateY(-46%) translateX(-48%); z-index: -1; transition: all 0.25s ease-out; } .menu__top > li:not(:last-of-type) { margin-right: 1.3rem; } .menu__top > li.icon-person:before { font-size: 1.8rem; } @media (hover: hover) { .menu__top > li:hover a { color: #ffc000; } .menu__top > li:hover.icon-person:before { color: #ffc000; } } .mobile-navigation-container { position: fixed; display: none; visibility: hidden; width: 100%; max-width: 320px; height: 100%; bottom: 0; right: 0; background-color: #58595b; overflow-y: auto; overflow-x: hidden; z-index: -1; padding-top: 1rem; padding-bottom: 1rem; } .mobile-navigation-container i.icon-close { display: block; position: absolute; top: 10px; right: 10px; color: #fff; cursor: pointer; z-index: 1; padding: 0.5rem; } @media (max-width: 390px) { .mobile-navigation-container i.icon-close { display: block; } } @media (hover: hover) { .mobile-navigation-container i.icon-close:hover { color: #ffc000; } } @media (max-width: 768px) { .mobile-navigation-container { display: block; visibility: visible; } } .mobile-navigation-container > nav { position: relative; } .mobile-navigation-container .icon-arrow-right--reverse:before { content: ""; } .mobile-navigation-container .icon-arrow-right--reverse:before { transform: rotate(180deg); } .admin-bar .mobile-navigation-container { height: calc(100vh - 46px); } .mobile-navigation-container .menu__sub-menu { box-shadow: none; } .site__footer { background-color: #2F2F2F; margin-top: 2em; } .site__footer .footer-header { font-family: "Tex Gyre Adventor", Arial, sans-serif; font-size: 1.25em; color: #fff; font-weight: bold; text-transform: uppercase; margin-bottom: 0.7em; line-height: normal; } .site__footer .footer-header:after { content: ''; display: block; height: 3px; width: 2em; background-color: #ffc000; margin-top: 0.4em; } .site__footer li { margin-bottom: .8em; margin-right: 1em; } .site__footer li a { color: #fff; font-size: 0.9em; } .site__footer li a:hover { color: #ffc000; } .site__footer .column { padding-top: 4em; } .site__footer .column.small { flex-basis: 12.5%; flex-grow: 0; } @media screen and (max-width: 1350px) { .site__footer .column.small:nth-child(3) { flex-basis: 15%; } .site__footer .column.small:nth-child(4) { flex-basis: 10%; } } @media screen and (max-width: 1024px) { .site__footer .column.small:nth-child(4) { display: none; } } .site__footer .column .banner__inner { max-width: 175px; max-height: 175px; height: auto; width: auto; } .site__footer .column .banner__inner picture { width: 100%; height: 100%; } .site__footer .column .banner__inner picture img { opacity: 0.4; max-width: 100%; max-height: 100%; height: auto; width: auto; padding: 0.5em; } .site__footer .wrapper.column-container { padding-right: 0; } .site__footer .footer-column-styles { background-color: #ffc000; position: relative; z-index: 1; box-shadow: 13px 0px 19px -12px #1e1e1e; padding-right: 1em; margin-left: 4.2em; min-width: 355px; } @media (max-width: 37.5em) { .site__footer .footer-column-styles { min-width: unset; } } .site__footer .footer-column-styles:before { content: ''; position: absolute; width: 100%; height: 2em; top: -2em; left: 0; z-index: -1; background-color: #ffc000; } @media (max-width: 31.25em) { .site__footer .footer-column-styles:before { z-index: 0; } } .site__footer .footer-column-styles:after { content: ''; position: absolute; z-index: -3; top: -2em; left: -2em; border-bottom: 2em solid #eeb300; border-left: 2em solid transparent; } .site__footer .footer-triangle { position: relative; top: -4em; left: 0; z-index: -1; height: calc(100% + 6em); } .site__footer .footer-triangle:before { content: ''; position: absolute; z-index: -1; top: -2em; right: 85%; width: 10.7em; padding-left: 4.4em; height: 100%; background: linear-gradient(102deg, transparent 48%, #ffc000 48%); } @media (max-width: 37.5em) { .site__footer .footer-triangle:before { width: 12.7em; padding-left: 0; } } .site__footer .footer-phone-numb, .site__footer .footer-email, .site__footer .footer-facebook { float: left; clear: both; color: #fff; margin: 0 0 2.3em 4.1em; } .site__footer .footer-phone-numb [class*='icon-'], .site__footer .footer-email [class*='icon-'], .site__footer .footer-facebook [class*='icon-'] { position: absolute; color: #58595b; } .site__footer .footer-phone-numb strong, .site__footer .footer-email strong, .site__footer .footer-facebook strong { font-family: "Tex Gyre Adventor", Arial, sans-serif; font-size: 1.5em; text-transform: uppercase; transition: all 0.25s ease-out; } .site__footer .footer-phone-numb span, .site__footer .footer-email span, .site__footer .footer-facebook span { display: inline-block; padding-top: 0.3em; transition: all 0.25s ease-out; } .site__footer .footer-phone-numb:hover, .site__footer .footer-email:hover, .site__footer .footer-facebook:hover { color: #58595b; } .site__footer .footer-phone-numb:hover [class*='icon-']:after, .site__footer .footer-email:hover [class*='icon-']:after, .site__footer .footer-facebook:hover [class*='icon-']:after { background-color: #fff; } .site__footer .footer-phone-numb { position: relative; z-index: 1; } .site__footer .footer-phone-numb [class*='icon-'] { margin-left: -1em; font-size: 3.1em; line-height: 1em; } .site__footer .footer-phone-numb [class*='icon-']:after { top: 0.1em; height: 78%; } .site__footer .footer-email [class*='icon-'] { margin-left: -1.9em; font-size: 1.95em; line-height: 1.6em; z-index: 1; } .site__footer .footer-email [class*='icon-']:after { top: 0.38em; height: 57%; } .site__footer .footer-facebook [class*='icon-'] { margin-left: -1.3em; font-size: 2.8em; line-height: 0.6em; z-index: 1; } @media (max-width: 64em) { .site__footer .column:nth-of-type(3) { display: none; } } @media (max-width: 48em) { .site__footer .column:nth-of-type(2) { display: none; } } @media (max-width: 37.5em) { .site__footer .column:nth-of-type(1) { display: none; } } .the-copyright { background-color: #1D1D1D; padding: 1.6em 0; } .the-copyright .column { color: #8B8B8B; font-size: 0.9em; } .the-copyright .column:first-of-type { flex-basis: 45%; } .the-copyright .column a { color: #8B8B8B; display: inline-block; vertical-align: top; } .the-copyright .column a:hover { color: #ffc000; } .the-copyright .column ul { display: flex; justify-content: flex-end; } .the-copyright .column li:not(:last-of-type):after { content: ''; width: 1px; height: 100%; background-color: #8B8B8B; display: inline-block; margin: 0 .5em; } @media (max-width: 64em) { .the-copyright .column-container { display: block; text-align: center; } .the-copyright .column ul { justify-content: center; margin-top: 1em; } } /******************************************************** * Strip Browsers of Specific Form Styles ********************************************************/ :focus::-moz-placeholder { color: transparent; } :focus::placeholder { color: transparent; } ::-moz-focus-inner { padding: 0; border-style: none; } ::-moz-ui-invalid { box-shadow: none; } ::-ms-expand { display: none; } select { -moz-appearance: none; -webkit-appearance: none; text-transform: none; } input[type="search"] { -webkit-appearance: none; -moz-appearance: none; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } ::-webkit-color-swatch-wrapper { padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } /******************************************************** * Generic Form Styles ********************************************************/ input:focus, textarea:focus { outline-width: 2px; outline-style: solid; outline-color: Highlight; } input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], textarea, select { width: 100%; max-width: 100%; padding: 0.5em; border: 1px solid #B1B1B1; background-color: #F8F8F8; border-radius: 0; font-size: 1em; font-family: "Tex Gyre Adventor", Arial, sans-serif; } textarea { overflow: auto; -ms-overflow-style: scrollbar; resize: vertical; vertical-align: top; min-height: 5em; max-height: 13.7em; } label { font-family: "Tex Gyre Adventor", Arial, sans-serif; font-weight: bold; color: #58595b; text-transform: capitalize; } input[type="submit"], input[type="reset"], button { -webkit-appearance: button; cursor: pointer; } form { margin: 0; font-size: 1em; font-family: inherit; } fieldset { min-width: 0; } legend { display: table; width: 100%; white-space: normal; padding: 0; } .wpcf7-form .two-col { display: flex; } .wpcf7-form .two-col .input-wrap { width: 50%; } .wpcf7-form .two-col .input-wrap:first-of-type { margin-right: 1.1em; } .input-wrap.height-fix { line-height: 0; } .input-wrap.height-fix label, .input-wrap.height-fix button, .input-wrap.height-fix input[type="submit"], .input-wrap.height-fix input[type="reset"], .input-wrap.height-fix .wpcf7-not-valid-tip { line-height: normal; } .input-wrap.center { display: flex; justify-content: center; } .file-wrap { position: relative; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; transition: all .25s ease-out; } .file-wrap > ins { display: inline-block; text-decoration: none; padding-right: 0.6em; } .file-wrap > ins:before { content: 'CHOOSE FILE'; display: inline-block; background: #F8F8F8; border: 1px solid #B1B1B1; padding: .5em 1em; outline: none; white-space: nowrap; font-weight: 700; font-size: .94em; font-family: "Tex Gyre Adventor", Arial, sans-serif; margin-right: .7em; transition: all .25s ease-out; } .file-wrap input[type="file"] { opacity: 0; cursor: pointer; width: 100%; height: 100%; font-size: 0; position: absolute; left: 0; } .file-wrap.focused { outline-width: 2px; outline-style: solid; outline-color: Highlight; } .file-wrap:hover > ins:before { background: #B1B1B1; color: #fff; } .password-input { position: relative; display: block; color: #58595b; } .password-input input[type="password"] { padding-right: 2em; } .password-input .show-password-input { cursor: pointer; position: absolute; right: 0; top: 0; line-height: 0; padding: 1.35em 0.5em; color: #58595b; text-align: center; width: 36px; } .password-input .show-password-input:hover { color: #000; } .password-input .woocommerce-password-hint, .password-input .password-hint { display: block; margin-top: 0.7em; } .password-input .woocommerce-password-strength.short { font-weight: bold; color: #FF0000; } .password-input .woocommerce-password-strength.bad { color: #FF0000; } .password-input .woocommerce-password-strength.good { color: #0b881c; } .password-input .woocommerce-password-strength.strong { font-weight: bold; color: #0b881c; } /******************************************************** * Checkboxes & Radio buttons ********************************************************/ label span { line-height: 1em; color: #58595b; } .wpcf7-form-control .wpcf7-list-item-label { cursor: pointer; } .wpcf7-form-control.wpcf7-radio, .wpcf7-form-control.wpcf7-checkbox { display: block; } .checkbox-wrap, .radio-wrap { display: inline-block; height: 1em; width: 1em; border: 1px solid #B1B1B1; margin-right: 0.1875em; position: relative; background: transparent; vertical-align: top; transition: all .25s ease-in-out; cursor: pointer; } .checkbox-wrap input, .radio-wrap input { position: absolute; opacity: 0; visibility: hidden; } .checkbox-wrap { padding: 0.69em; font-size: 0.79em; border-radius: 2px; } .checkbox-wrap:before { color: transparent; font-family: syn-icons; display: inline-block; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.4em; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } .checkbox-wrap.checked { background-color: #58595b; border: 1px solid #58595b; } .checkbox-wrap.checked:before { color: #fff; } .checkbox-wrap.checked:hover:before { color: #fff; } .checkbox-wrap:hover:before { color: #58595b; } .radio-wrap { border-radius: 50%; } .radio-wrap:before { content: ""; border-radius: 50%; padding: 1px; position: absolute; background: #fff; width: 100%; height: 100%; left: 0; top: 0; color: #fff; overflow: hidden; transition: all .25s ease-in-out; border: 0px solid #fff; } .radio-wrap.checked:before { border: 5px solid #58595b; } /******************************************************** * Select field ********************************************************/ .select2-container .select2-selection { border: 1px solid #B1B1B1; background-color: #F8F8F8; height: 2.75em; border-radius: 0; } .select2-container .select2-selection .select2-selection__rendered { font-family: "Tex Gyre Adventor", Arial, sans-serif; } .select2-container .select2-selection .select2-selection__arrow, .select2-container .select2-selection .select2-selection__rendered { height: 2.7em; line-height: 2.4em; } .select2-container .select2-selection .select2-selection__arrow b { border-color: #58595b transparent transparent transparent !important; border-width: 7px 5px 0 5px !important; margin-left: -12px !important; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: #58595b !important; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #d9d9d9 !important; font-weight: bold; } .select2-results { font-family: "Tex Gyre Adventor", Arial, sans-serif; color: #58595b; } .select-wrap { position: relative; width: 100%; font-family: Arial, sans-serif; line-height: 1; font-size: 1em; } .select-wrap select { cursor: pointer; position: absolute; height: 100%; width: 100%; opacity: 0; z-index: 1; } .select-wrap ins { border: 0 !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .variations_form .select2-container, .determine-roof-size-wrapper .select2-container, #create-account-personal-form .select2-container, #create-account-business-search .select2-container { min-width: 200px; } .variations_form .select2-selection__rendered, .determine-roof-size-wrapper .select2-selection__rendered, #create-account-personal-form .select2-selection__rendered, #create-account-business-search .select2-selection__rendered { height: auto !important; color: #58595b !important; padding: 0 !important; } .variations_form .select2-selection, .determine-roof-size-wrapper .select2-selection, #create-account-personal-form .select2-selection, #create-account-business-search .select2-selection { height: auto !important; box-shadow: 0px 3px 9px -3px #909090 !important; border: 1px solid #DDDDDD !important; padding: 0.6em 2em 0.6em 0.6em; border-radius: 0 !important; } .variations_form .select2-selection__arrow, .determine-roof-size-wrapper .select2-selection__arrow, #create-account-personal-form .select2-selection__arrow, #create-account-business-search .select2-selection__arrow { height: auto !important; top: 52% !important; transform: translateY(-50%) !important; } body.single-product .select2-dropdown, body.page-template-default .select2-dropdown { border: 1px solid #DDDDDD !important; border-top: none !important; } body.single-product .select2-search__field, body.page-template-default .select2-search__field { border: 1px solid #cacaca !important; background-color: #fff; color: #58595b; } /******************************************************** * Returns Form * https://accuvent.brentwoodindustries.com.synapseresults.com/returns/ ********************************************************/ .wpcf7 { margin: 0 auto; } .wpcf7 label { margin-bottom: 10px; display: block; } .wpcf7 .wpcf7-form-control-wrap { padding-bottom: 24px; display: block; } .wpcf7 select { margin-bottom: 24px; } .wpcf7 .height-fix { padding-bottom: 24px; } .wpcf7 .city_state_zip .state_zip { display: flex; flex-flow: row wrap; justify-content: space-between; } .wpcf7 .city_state_zip .state { width: auto; } .wpcf7 .city_state_zip .state .select-wrap { width: 146px !important; height: 44px !important; background: #ffffff 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border: 1px solid #dddddd; opacity: 1; } .wpcf7 .city_state_zip .state .select-wrap ins { width: 100% !important; height: auto !important; text-decoration: none; top: 50%; transform: translateY(-50%); padding-left: 10px !important; display: inline-block; text-align: left; font: normal normal bold 15px/20px "Tex Gyre Adventor", Arial, sans-serif; letter-spacing: 0px; color: #58595b; } .wpcf7 .city_state_zip .zip { flex: 1 1 214px; width: auto; } .wpcf7 .reason_for_return { height: 219px; } /******************************************************** * Register / Create Account * https://accuvent.brentwoodindustries.com.synapseresults.com/my-account/register/ ********************************************************/ .register-page-form-head { margin: 1em 0 1.3em 0; } label[for="create-account-peronal"] { margin-right: 2.7em; } label[for="create-account-peronal"], label[for="create-account-business"] { cursor: pointer; line-height: 1; } body.register form label .tooltip { position: relative; } body.register form label .tooltip:after { position: absolute; bottom: 30px; left: 0; background: #58595b 0% 0% no-repeat padding-box; box-shadow: 3px 3px 10px #00000029; color: #fff; content: attr(data-tooltip); font: normal normal normal 10px/15px Roboto; letter-spacing: 0px; opacity: 0; padding: 12px 9px; text-align: left; transition: all .5s ease-in-out; visibility: hidden; width: 228px; z-index: 2; } body.register form label .tooltip:hover:after { opacity: 1; visibility: visible; } form label .tooltip { position: relative; } form label .tooltip:after { position: absolute; bottom: 30px; left: 0; background: #58595b 0% 0% no-repeat padding-box; box-shadow: 3px 3px 10px #00000029; color: #fff; content: attr(data-tooltip); font: normal normal normal 10px/15px Roboto; letter-spacing: 0px; opacity: 0; padding: 12px 9px; text-align: left; transition: all .5s ease-in-out; visibility: hidden; width: 228px; z-index: 2; } form label .tooltip:hover:after { opacity: 1; visibility: visible; } #company-name-search-container .column-container .column { margin-bottom: 0; } #company-name-search-container .cta-btn { padding: 0.7em 1.6em; } #company-name-search-container .cta-btn:hover { padding: 0.7em 2.5em 0.7em 2em; } #company-name-search-container .cta-btn[disabled] { cursor: default; padding: 0.7em 1.6em !important; background-color: rgba(255, 192, 0, 0.1); color: #ffc000; } #company-name-search-container .cta-btn[disabled]:after { border-left: 0 solid transparent; } #create-account-personal-form, #create-account-business-search { max-width: 900px; margin-bottom: 1em; } #create-account-personal-form .checkbox-wrap ~ span, #create-account-business-search .checkbox-wrap ~ span { font-weight: normal; } #create-account-personal-form .checkbox-wrap ~ span a, #create-account-business-search .checkbox-wrap ~ span a { color: #58595b; text-decoration: underline; } #create-account-personal-form .checkbox-wrap ~ span a:hover, #create-account-business-search .checkbox-wrap ~ span a:hover { color: #ffc000; } #create-account-personal-form label[for], #create-account-business-search label[for] { cursor: pointer; display: inline-block; margin-bottom: 0.5em; } #create-account-personal-form input, #create-account-business-search input { width: 100%; max-width: 100%; padding: 0.5em; border: 1px solid #B1B1B1; background-color: #F8F8F8; border-radius: 0; font-size: 1em; font-family: "Tex Gyre Adventor", Arial, sans-serif; } #create-account-personal-form input[disabled], #create-account-personal-form input[readonly], #create-account-business-search input[disabled], #create-account-business-search input[readonly] { background-color: #D9D9D9; font-weight: bold; } #create-account-personal-form input[name="company-name-search"], #create-account-business-search input[name="company-name-search"] { background-color: #ffffff; box-shadow: 0px 3px 9px -3px #909090 !important; border: 1px solid #DDDDDD !important; color: #58595B; padding: 0.84em; } #create-account-personal-form input[name="company-name-search"] ~ .icon-search, #create-account-business-search input[name="company-name-search"] ~ .icon-search { color: #58595B; position: absolute; top: 1.9em; left: 0.8em; transform: translateY(-50%); pointer-events: none; } #create-account-personal-form input[name="company-name-search"] ~ .icon-search:before, #create-account-business-search input[name="company-name-search"] ~ .icon-search:before { transition: none; font-size: 34px; } #create-account-personal-form input[name="company-name-search"]:focus ~ .icon-search, #create-account-business-search input[name="company-name-search"]:focus ~ .icon-search { color: transparent; } #create-account-personal-form input[name="company-name-search"]:not(:-moz-placeholder-shown) ~ .icon-search, #create-account-business-search input[name="company-name-search"]:not(:-moz-placeholder-shown) ~ .icon-search { color: transparent; } #create-account-personal-form input[name="company-name-search"]:not(:placeholder-shown) ~ .icon-search, #create-account-business-search input[name="company-name-search"]:not(:placeholder-shown) ~ .icon-search { color: transparent; } #create-account-personal-form .style-content, #create-account-business-search .style-content { overflow: unset; } #create-account-personal-form .column, #create-account-business-search .column { margin-bottom: 1.7em; } #create-account-personal-form .column-container .column:nth-of-type(2), #create-account-business-search .column-container .column:nth-of-type(2) { margin-left: 1.5em; } #create-account-personal-form .column-container .column:nth-of-type(3), #create-account-business-search .column-container .column:nth-of-type(3) { margin-left: 1.5em; } #create-account-personal-form .select2-selection, #create-account-business-search .select2-selection { padding: 0.4em 2em 0.5em 0.6em !important; } #company-name-search-form .column-container { position: relative; } #company-search-results .form-column-new-company { margin: 2.45em 0 1.1em 0; } #company-search-results .form-column-new-company label { line-height: 0.9; margin-bottom: 0 !important; margin-left: 0 !important; } #company-search-results label[for] { margin-bottom: 2em; margin-left: 0.4em; } #company-search-results label div { font-weight: normal; } #company-search-results .column h4 { font-size: 1.375em; } #company-search-results .column h4:after { display: none; } #company-search-results #dynamic-results > div > div { float: left; } #company-search-results #dynamic-results .checkbox-wrap { z-index: 0; } #company-search-results #dynamic-results .checkbox-wrap input[type="radio"] { position: absolute; top: 0; left: 0; padding: 0; margin: 0; width: 100%; height: 100%; z-index: 1; visibility: visible; cursor: pointer; } #confirm-your-company-container { align-self: flex-start; background-color: #F8F8F8; padding: 1.3em; flex-basis: 285px; } #confirm-your-company-container > div:nth-of-type(1) { margin-bottom: 0.6em; font-family: "Tex Gyre Adventor", Arial, sans-serif; color: #58595b; font-size: 1.3em; line-height: 1.4; font-weight: 400; } #confirm-your-company-container > div:nth-of-type(1):after { content: ''; display: block; width: 2.8em; height: 3px; background-color: #ffc000; margin-top: 0.3em; } #confirm-your-company-container > div:nth-of-type(2) { font-family: "Tex Gyre Adventor", Arial, sans-serif; color: #58595b; margin-bottom: 1.2em; font-size: 0.9em; } #confirm-your-company-container strong { font-family: "Tex Gyre Adventor", Arial, sans-serif; } #confirm-your-company-container a { font-family: "Tex Gyre Adventor", Arial, sans-serif; color: #58595b; text-decoration: underline; display: inline-block; margin-top: 0.2em; } #confirm-your-company-container a:hover { color: #ffc000; } .ui-widget-content { border-top: none !important; border-right: 1px solid #DDDDDD !important; border-bottom: 1px solid #DDDDDD !important; border-left: 1px solid #DDDDDD !important; padding-top: 0 !important; box-shadow: 0px 6px 11px -1px #767676 !important; } .ui-widget-content .ui-menu-item { border: none !important; background: #ffffff !important; } .ui-widget-content .ui-menu-item-wrapper { padding: 0.2em 0em 0.2em 0.8em !important; } .ui-widget-content .ui-state-active { background: none !important; border: none !important; color: #000000 !important; cursor: pointer; } .returns-form, .cancel-form { max-width: 900px; } .wpcf7 form.init .wpcf7-response-output { max-width: 100.571em; margin: 2em auto; padding-left: 1em; padding-right: 1em; } .wpcf7-form { margin-bottom: 2em; } form.woocommerce-ResetPassword { padding: 2em; } /******************************************************** * This is loaded via theme.scss cz woocommerce isn't loaded on the home page * * The Archive Product Tile ********************************************************/ .related.products, body.post-type-archive, .home-page-product-feed { position: relative; } .related.products .slick-next, body.post-type-archive .slick-next, .home-page-product-feed .slick-next { right: 0.5rem; } .related.products .slick-prev, body.post-type-archive .slick-prev, .home-page-product-feed .slick-prev { left: 0.5rem; } .related.products .slick-next, .related.products .slick-prev, body.post-type-archive .slick-next, body.post-type-archive .slick-prev, .home-page-product-feed .slick-next, .home-page-product-feed .slick-prev { -webkit-transform: translate3d(0, 0, 1px); } .related.products ul.products:not(.slick-slider), body.post-type-archive ul.products:not(.slick-slider), .home-page-product-feed ul.products:not(.slick-slider) { display: flex; flex-wrap: wrap; gap: 2.3em; } .related.products ul.products.slick-slider li, body.post-type-archive ul.products.slick-slider li, .home-page-product-feed ul.products.slick-slider li { margin-right: 1.15em; margin-left: 1.15em; } .related.products ul.products li > a, body.post-type-archive ul.products li > a, .home-page-product-feed ul.products li > a { display: block; line-height: 0; } .related.products ul.products li > a .onsale, body.post-type-archive ul.products li > a .onsale, .home-page-product-feed ul.products li > a .onsale { top: 0; padding: 0.5em; line-height: 1em; } .related.products ul.products .product, body.post-type-archive ul.products .product, .home-page-product-feed ul.products .product { max-width: 350px; max-height: 350px; background-color: #fff; box-shadow: 0 0 10px 2px #dadada; position: relative; overflow: hidden; } .related.products ul.products .product:hover .product-type-description, body.post-type-archive ul.products .product:hover .product-type-description, .home-page-product-feed ul.products .product:hover .product-type-description { top: 0%; } .related.products ul.products .product-type-description, body.post-type-archive ul.products .product-type-description, .home-page-product-feed ul.products .product-type-description { position: absolute; top: 60%; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.65); padding: 2em; transition: top .25s ease; } .related.products ul.products .product-type-description h2, body.post-type-archive ul.products .product-type-description h2, .home-page-product-feed ul.products .product-type-description h2 { margin: 0 0 0.1em 0; font-weight: bold; color: #fff; line-height: 1.2; } .related.products ul.products .product-type-description h2 sup, body.post-type-archive ul.products .product-type-description h2 sup, .home-page-product-feed ul.products .product-type-description h2 sup { display: none; } .related.products ul.products .product-type-description h4, body.post-type-archive ul.products .product-type-description h4, .home-page-product-feed ul.products .product-type-description h4 { margin: 0 0 2em 0; font-weight: bold; color: #ffc000; font-size: 1.2em; line-height: 1.2; } .related.products ul.products .product-type-description a h2, .related.products ul.products .product-type-description a h4, body.post-type-archive ul.products .product-type-description a h2, body.post-type-archive ul.products .product-type-description a h4, .home-page-product-feed ul.products .product-type-description a h2, .home-page-product-feed ul.products .product-type-description a h4 { transition: color 0.15s linear; } .related.products ul.products .product-type-description a:hover h2, body.post-type-archive ul.products .product-type-description a:hover h2, .home-page-product-feed ul.products .product-type-description a:hover h2 { color: #ffc000; } .related.products ul.products .product-type-description a:hover h4, body.post-type-archive ul.products .product-type-description a:hover h4, .home-page-product-feed ul.products .product-type-description a:hover h4 { color: #fff; } .related.products ul.products .product-type-description p, body.post-type-archive ul.products .product-type-description p, .home-page-product-feed ul.products .product-type-description p { color: #fff; } .related.products ul.products .product-type-description .placeholder, body.post-type-archive ul.products .product-type-description .placeholder, .home-page-product-feed ul.products .product-type-description .placeholder { height: 3.3em; } .related.products ul.products .cta-btn, body.post-type-archive ul.products .cta-btn, .home-page-product-feed ul.products .cta-btn { padding: 0; transition: .3s padding ease-in-out, .3s background-color ease-in-out; } .related.products ul.products .cta-btn.-slanted a, body.post-type-archive ul.products .cta-btn.-slanted a, .home-page-product-feed ul.products .cta-btn.-slanted a { transform: skewX(10deg) perspective(1px); } .related.products ul.products .cta-btn a, body.post-type-archive ul.products .cta-btn a, .home-page-product-feed ul.products .cta-btn a { padding: 1em 1.6em; display: block; color: #fff; transition: .25s all ease-in-out; } .related.products ul.products .cta-btn:hover a, body.post-type-archive ul.products .cta-btn:hover a, .home-page-product-feed ul.products .cta-btn:hover a { padding: 1em 2.5em 1em 2em; color: #ffc000; } .related.products ul.products .cta-btn:hover:after, body.post-type-archive ul.products .cta-btn:hover:after, .home-page-product-feed ul.products .cta-btn:hover:after { right: 0.9em; border-top: 6px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #ffc000; transition: .25s all ease-in-out; } .related.products ul.products .cta-btn:after, body.post-type-archive ul.products .cta-btn:after, .home-page-product-feed ul.products .cta-btn:after { content: ""; position: absolute; top: 50%; right: .8em; transform: translateY(-50%) skewX(10deg) perspective(1px); border-top: 4px solid transparent; border-right: 2px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #ffc000; transition: .25s all ease-in-out; } @media (max-width: 380px) { .related.products ul.products.slick-slider li, body.post-type-archive ul.products.slick-slider li, .home-page-product-feed ul.products.slick-slider li { max-width: calc(100vw - 2.3em); max-height: calc(100vw - 2.3em); } .related.products ul.products .product-type-description, body.post-type-archive ul.products .product-type-description, .home-page-product-feed ul.products .product-type-description { padding: 1em; top: calc(100% - 89px); } .related.products ul.products .product-type-description h2, body.post-type-archive ul.products .product-type-description h2, .home-page-product-feed ul.products .product-type-description h2 { font-size: 1.75em; } .related.products ul.products .product-type-description h4, body.post-type-archive ul.products .product-type-description h4, .home-page-product-feed ul.products .product-type-description h4 { font-size: 1em; margin: 0 0 1em 0; } } body.woocommerce-shop ul.products, .home-page-product-feed ul.products { max-width: 94.5em; margin: 6em auto 5.6em auto; } @media (max-width: 96.875em) { body.woocommerce-shop ul.products, .home-page-product-feed ul.products { max-width: 70.4em; } } @media (max-width: 72.5em) { body.woocommerce-shop ul.products, .home-page-product-feed ul.products { max-width: 46.1em; } } @media (max-width: 48em) { body.woocommerce-shop ul.products, .home-page-product-feed ul.products { justify-content: center; } } body.woocommerce-shop ul.products .product_tag-large-tile, .home-page-product-feed ul.products .product_tag-large-tile { width: 735px; height: 350px; max-width: none; } @media (max-width: 48em) { body.woocommerce-shop ul.products .product_tag-large-tile, .home-page-product-feed ul.products .product_tag-large-tile { width: 100%; } } @media (max-width: 28.125em) { body.woocommerce-shop ul.products .product_tag-large-tile, .home-page-product-feed ul.products .product_tag-large-tile { height: auto; } } body.woocommerce-shop ul.products .product_tag-large-tile img, .home-page-product-feed ul.products .product_tag-large-tile img { width: 100%; top: 50%; transform: translateY(-50%); position: absolute; } @media (max-width: 28.125em) { body.woocommerce-shop ul.products .product_tag-large-tile img, .home-page-product-feed ul.products .product_tag-large-tile img { transform: none; position: static; } } body.woocommerce-shop ul.products .product_tag-large-tile p, .home-page-product-feed ul.products .product_tag-large-tile p { height: 3.3em; } @media (max-width: 28.125em) { body.woocommerce-shop ul.products .product_tag-large-tile p, .home-page-product-feed ul.products .product_tag-large-tile p { height: auto; } } .global-banner { min-height: 40px; } .global-banner .global-banner-controls { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 10px 10px; margin-bottom: -50px; } .global-banner .global-banner-controls button { background: none; border: 1px solid #ffffff; border-radius: 100%; padding: 0.2em; font-size: 20px; color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; } .global-banner .global-banner-controls button:hover { color: #cccccc; background: rgba(0, 0, 0, 0.1); } .global-banner .global-banner-controls button i { font-size: 0; } .global-banner .global-banner-controls button i:before { font-size: 20px; } .global-banner .global-banner-controls button i, .global-banner .global-banner-controls button i:before { line-height: 1; display: inline-block; height: 20px; } .global-banner .global-banner-text { text-align: center; padding: 10px 50px; font-size: 14px; } .global-banner .global-banner-text p:last-child { margin-bottom: 0; } /******************************************************** * TYPOGRAPHY * * Web Safe Fonts http://cssfontstack.com/ ********************************************************/ body { font-weight: 400; font-family: "Roboto", Helvetica, Arial, sans-serif; line-height: 1.2; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } h1, h2, h3, h4, h5, h6 { font-family: "Tex Gyre Adventor", Arial, sans-serif; font-weight: 400; margin: 0; text-transform: capitalize; } h1 span, h1 strong, h1 em, h1 small, h2 span, h2 strong, h2 em, h2 small, h3 span, h3 strong, h3 em, h3 small, h4 span, h4 strong, h4 em, h4 small, h5 span, h5 strong, h5 em, h5 small, h6 span, h6 strong, h6 em, h6 small { color: inherit; } h1 { font-size: 3.125em; line-height: 1.4; } @media (max-width: 56.25em) { h1 { font-size: 2.6em; } } @media (max-width: 28.125em) { h1 { font-size: 2em; } } h2 { font-size: 2.143em; margin-bottom: 1.2em; } h3 { margin-bottom: 1.45em; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button { transition: all 0.25s ease-out; } em, i { font-style: italic; font-family: inherit; } strong, b { font-weight: 700; font-family: inherit; } sub, sup { position: relative; font-size: .4em; line-height: 0; } sub { bottom: -0.25em; } sup { top: -1.5em; } p { font-family: "Roboto", Helvetica, Arial, sans-serif; margin-bottom: 1.3em; line-height: 1.857; } p:last-child { margin-bottom: 0; } @media (max-width: 31.25em) { p { overflow-wrap: break-word; } } .no-br { white-space: nowrap; } small { font-size: .8em; } a, sup, sub, del, li, td, th, summary { font-family: "Roboto", Helvetica, Arial, sans-serif; } embed, iframe, img, object, video, .wp-caption { max-width: 100%; } figure { margin: 0; } picture { margin: 0; padding: 0; display: inline-block; line-height: 0; } img { height: auto; } img.centered, .aligncenter { display: block; margin: 0 auto 1.5em auto; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } img.alignleft, .wp-caption.alignleft { margin-right: 1.5em; margin-bottom: 1.5em; } img.alignright, .wp-caption.alignright { margin-bottom: 1.5em; margin-left: 1.5em; } .wp-caption { width: auto !important; } .wp-caption p { margin-bottom: 0; } .wp-caption-text { margin: 0; text-align: center; } /****************************************************************** * Wrap the CTA with a class of .cta * Then a class of .cta-btn on your element * * TIP: search this file for OPTIONS ******************************************************************/ .cta .cta-btn, .site__header .cta-btn, .mobile-navigation-container .cta-btn, .woocommerce-cart-form .shop_table td.actions .button, .wc-proceed-to-checkout a, .return-to-shop a, .single_add_to_cart_button, .woocommerce-ResetPassword .woocommerce-Button, .woocommerce-MyAccount-content .woocommerce-Button, .woocommerce-MyAccount-content input[name="save_tax"] { font-weight: bold; text-transform: uppercase; text-align: center; outline: none; overflow: hidden; display: inline-block; position: relative; cursor: pointer; line-height: 1em; background-color: #ffc000; border: 3px solid #ffc000; transition: .3s padding ease-in-out, .3s background-color ease-in-out; } .cta .cta-btn:hover, .site__header .cta-btn:hover, .mobile-navigation-container .cta-btn:hover, .woocommerce-cart-form .shop_table td.actions .button:hover, .wc-proceed-to-checkout a:hover, .return-to-shop a:hover, .single_add_to_cart_button:hover, .woocommerce-ResetPassword .woocommerce-Button:hover, .woocommerce-MyAccount-content .woocommerce-Button:hover, .woocommerce-MyAccount-content input[name="save_tax"]:hover { background-color: rgba(255, 192, 0, 0.1); } .site__header .cta-btn, .mobile-navigation-container .cta-btn { margin: 0 0em 0 1.5em; align-self: center; } .site__header .cta-btn a, .mobile-navigation-container .cta-btn a { padding: 1em 1.6em; margin: 0 !important; height: auto !important; color: #fff !important; position: relative; } .site__header .cta-btn a:hover, .mobile-navigation-container .cta-btn a:hover { color: #ffc000 !important; } .site__header .cta-btn a .circle, .mobile-navigation-container .cta-btn a .circle { background-color: rgba(255, 192, 0, 0.3); height: 25px; width: 25px; border-radius: 50%; position: absolute; left: 50%; top: 50%; pointer-events: none; transform: scale(0); } .site__header .cta-btn a .grow, .mobile-navigation-container .cta-btn a .grow { -webkit-animation: grow_yellow 1.4s ease-out; animation: grow_yellow 1.4s ease-out; } .site__header .cta-btn.-slanted, .mobile-navigation-container .cta-btn.-slanted { transform: skewX(-10deg) perspective(1px); } .site__header .cta-btn.-slanted a, .mobile-navigation-container .cta-btn.-slanted a { transform: skewX(10deg) perspective(1px); display: inline-block; } .site__header .cta-btn.menu__item--current:after, .site__header .cta-btn.menu__item--ancestor:after, .mobile-navigation-container .cta-btn.menu__item--current:after, .mobile-navigation-container .cta-btn.menu__item--ancestor:after { display: none !important; height: 0 !important; } .cta { position: relative; line-height: 0; } .cta .cta-btn, .cta .single_add_to_cart_button { color: #fff; font-size: 1em; font-family: "Tex Gyre Adventor", Arial, sans-serif; padding: 1em 1.6em; } .cta .cta-btn:hover, .cta .single_add_to_cart_button:hover { color: #ffc000; } .cta button.cta-btn:hover, .cta a.cta-btn:hover, .cta .single_add_to_cart_button:hover { padding: 1em 2.5em 1em 2em; border: 3px solid #ffc000; } .cta button.cta-btn:hover:after, .cta a.cta-btn:hover:after, .cta .single_add_to_cart_button:hover:after { margin-left: .5em; border-top: 6px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #ffc000; transition: .25s all ease-in-out; } .cta button.cta-btn:after, .cta a.cta-btn:after, .cta .single_add_to_cart_button:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); margin-left: .25em; border-top: 4px solid transparent; border-right: 2px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #ffc000; transition: .25s all ease-in-out; } .cta.-left { text-align: left; } .cta.-right { text-align: right; } .cta.-center { text-align: center; } .cta .cta-btn.-transp { color: #fff !important; background-color: rgba(255, 255, 255, 0.1); border: 3px solid #fff; } .cta .cta-btn.-transp:hover { background-color: rgba(50, 50, 50, 0.9); border-color: #fff; } .cta .cta-btn.-transp:hover:after { border-left: 8px solid #fff; } .cta .cta-btn.-transp:after { border-left: 6px solid transparent; } .cta .cta-btn.-gray { background-color: #58595b; border: 3px solid #58595b; } .cta .cta-btn.-gray:hover { color: #58595b !important; background-color: rgba(88, 89, 91, 0.2); border: 3px solid #58595b; } .cta .cta-btn.-gray:hover:after { border-left: 8px solid #58595b; } .cta .cta-btn.-gray:after { border-left: 6px solid #58595b; } .cta .cta-btn.-gray-outline { color: #58595b !important; background-color: #fff; border: 2px solid #58595b; } .cta .cta-btn.-gray-outline:hover { color: #fff !important; background-color: rgba(88, 89, 91, 0.9); border: 2px solid #58595b; } .cta .cta-btn.-gray-outline:hover:after { border-left: 8px solid #fff; } .cta .cta-btn.-gray-outline:after { border-left: 6px solid #fff; } .cta .-ripple .circle { background-color: rgba(255, 192, 0, 0.3); } .cta .-ripple .grow { -webkit-animation: grow_yellow 1.4s ease-out; animation: grow_yellow 1.4s ease-out; } .cta .-ripple.-transp:hover:after { border-left: 8px solid #fff; } .cta .-ripple.-transp .circle { background-color: rgba(255, 255, 255, 0.3); } .cta .-ripple.-transp .grow { -webkit-animation: grow_white 1.4s ease-out; animation: grow_white 1.4s ease-out; } .cta .-ripple.-gray .circle { background-color: rgba(255, 255, 255, 0.3); } .cta .-ripple.-gray .grow { -webkit-animation: grow_gray_1 1.4s ease-out; animation: grow_gray_1 1.4s ease-out; } .cta .-ripple.-gray-outline .circle { background-color: rgba(255, 255, 255, 0.3); } .cta .-ripple.-gray-outline .grow { -webkit-animation: grow_white 1.4s ease-out; animation: grow_white 1.4s ease-out; } .cta .circle { height: 25px; width: 25px; border-radius: 50%; position: absolute; left: 50%; top: 50%; pointer-events: none; transform: scale(0); } .cta .-slanted { transform: skewX(-10deg) perspective(1px); margin: 0 .6em; } .cta .-slanted .inner { transform: skewX(10deg) perspective(1px); display: inline-block; } /******************************************************************/ .cta-video-btn { color: #ffc000; background-color: transparent; border: 0; padding: 0; line-height: 1em; font-size: 6.2em; margin-top: .3em; -webkit-animation: bounce 1.4s infinite ease-out; animation: bounce 1.4s infinite ease-out; -webkit-animation-play-state: paused; animation-play-state: paused; } .cta-video-btn:before { vertical-align: bottom; } .cta-video-btn:hover { -webkit-animation-play-state: running; animation-play-state: running; color: #fff; } /******************************************************** * Careful what you put here. This file is included in: * custom-editor.scss login-styles.scss theme.scss ********************************************************/ html, body { background-color: #fff; } html { -webkit-text-size-adjust: 100%; } body { overflow-y: scroll; min-height: 97vh; } .site__main { position: relative; background-color: #fff; padding-bottom: 2em; margin-bottom: -2em; overflow: hidden; } .wrapper { max-width: 100.571em; margin: 0 auto; padding-left: 1em; padding-right: 1em; } .column-container { display: flex; } .column-container .column { flex-grow: 1; flex-basis: 25%; } body.single .entry-summary { width: 100%; } .style-content, body.mce-content-body, body.single .entry-summary { overflow-x: auto; } .style-content h1, .style-content h2, .style-content h3, .style-content h4, .style-content h5, .style-content h6, body.mce-content-body h1, body.mce-content-body h2, body.mce-content-body h3, body.mce-content-body h4, body.mce-content-body h5, body.mce-content-body h6, body.single .entry-summary h1, body.single .entry-summary h2, body.single .entry-summary h3, body.single .entry-summary h4, body.single .entry-summary h5, body.single .entry-summary h6 { line-height: normal; color: #58595b; } .style-content h2, body.mce-content-body h2, body.single .entry-summary h2 { font-size: 2.8em; margin-bottom: 0.9em; } .style-content h2:after, body.mce-content-body h2:after, body.single .entry-summary h2:after { content: ''; display: block; width: 2.8em; height: 3px; background-color: #ffc000; margin-top: 0.3em; } @media (max-width: 56.25em) { .style-content h2, body.mce-content-body h2, body.single .entry-summary h2 { font-size: 2.1em; } } .style-content h3, body.mce-content-body h3, body.single .entry-summary h3 { font-size: 2.25em; margin-bottom: 0.4em; } .style-content h3:after, body.mce-content-body h3:after, body.single .entry-summary h3:after { content: ''; display: block; width: 2.8em; height: 3px; background-color: #ffc000; margin-top: 0.3em; } @media (max-width: 56.25em) { .style-content h3, body.mce-content-body h3, body.single .entry-summary h3 { font-size: 1.6em; } } .style-content h4, body.mce-content-body h4, body.single .entry-summary h4 { font-size: 1.9em; margin-bottom: 0.4em; } .style-content h4:after, body.mce-content-body h4:after, body.single .entry-summary h4:after { content: ''; display: block; width: 2.8em; height: 3px; background-color: #ffc000; margin-top: 0.3em; } @media (max-width: 56.25em) { .style-content h4, body.mce-content-body h4, body.single .entry-summary h4 { font-size: 1.3em; } } .style-content h1, .style-content h2, .style-content h3, .style-content h4, body.mce-content-body h1, body.mce-content-body h2, body.mce-content-body h3, body.mce-content-body h4, body.single .entry-summary h1, body.single .entry-summary h2, body.single .entry-summary h3, body.single .entry-summary h4 { margin-bottom: 0.4em; } .style-content h1.normal:after, .style-content h2.normal:after, .style-content h3.normal:after, .style-content h4.normal:after, body.mce-content-body h1.normal:after, body.mce-content-body h2.normal:after, body.mce-content-body h3.normal:after, body.mce-content-body h4.normal:after, body.single .entry-summary h1.normal:after, body.single .entry-summary h2.normal:after, body.single .entry-summary h3.normal:after, body.single .entry-summary h4.normal:after { display: none; } .style-content h5, body.mce-content-body h5, body.single .entry-summary h5 { font-size: 1em; margin-bottom: 0.7em; } .style-content h6, body.mce-content-body h6, body.single .entry-summary h6 { font-size: 0.8em; margin-bottom: 0em; } .style-content p, body.mce-content-body p, body.single .entry-summary p { margin-bottom: 2.2em; } .style-content p, .style-content em, .style-content i, .style-content strong, .style-content b, .style-content del, .style-content ul, .style-content ol, .style-content li, .style-content td, .style-content th, body.mce-content-body p, body.mce-content-body em, body.mce-content-body i, body.mce-content-body strong, body.mce-content-body b, body.mce-content-body del, body.mce-content-body ul, body.mce-content-body ol, body.mce-content-body li, body.mce-content-body td, body.mce-content-body th, body.single .entry-summary p, body.single .entry-summary em, body.single .entry-summary i, body.single .entry-summary strong, body.single .entry-summary b, body.single .entry-summary del, body.single .entry-summary ul, body.single .entry-summary ol, body.single .entry-summary li, body.single .entry-summary td, body.single .entry-summary th { color: #58595b; } .style-content p, .style-content a, .style-content em, .style-content strong, .style-content b, .style-content sup, .style-content del, .style-content ul, .style-content ol, .style-content li, .style-content table, .style-content td, .style-content th, body.mce-content-body p, body.mce-content-body a, body.mce-content-body em, body.mce-content-body strong, body.mce-content-body b, body.mce-content-body sup, body.mce-content-body del, body.mce-content-body ul, body.mce-content-body ol, body.mce-content-body li, body.mce-content-body table, body.mce-content-body td, body.mce-content-body th, body.single .entry-summary p, body.single .entry-summary a, body.single .entry-summary em, body.single .entry-summary strong, body.single .entry-summary b, body.single .entry-summary sup, body.single .entry-summary del, body.single .entry-summary ul, body.single .entry-summary ol, body.single .entry-summary li, body.single .entry-summary table, body.single .entry-summary td, body.single .entry-summary th { font-family: "Roboto", Helvetica, Arial, sans-serif; } .style-content a:not([class]), body.mce-content-body a:not([class]), body.single .entry-summary a:not([class]) { transition: .25s all linear; } .style-content a:not([class]):hover, body.mce-content-body a:not([class]):hover, body.single .entry-summary a:not([class]):hover { color: #ffc000; } .style-content a:not([class]):focus, body.mce-content-body a:not([class]):focus, body.single .entry-summary a:not([class]):focus { border-bottom: 1px solid currentColor; } .style-content ul li, body.mce-content-body ul li, body.single .entry-summary ul li { list-style-type: disc; } .style-content ul ul, .style-content ul ol, body.mce-content-body ul ul, body.mce-content-body ul ol, body.single .entry-summary ul ul, body.single .entry-summary ul ol { margin-bottom: 0; } .style-content ol li, body.mce-content-body ol li, body.single .entry-summary ol li { list-style-type: decimal; } .style-content ol ol, .style-content ol ul, body.mce-content-body ol ol, body.mce-content-body ol ul, body.single .entry-summary ol ol, body.single .entry-summary ol ul { margin-bottom: 0; } .style-content ul, .style-content ol, body.mce-content-body ul, body.mce-content-body ol, body.single .entry-summary ul, body.single .entry-summary ol { margin-left: 1.9em; margin-bottom: 2em; } .style-content ul li, .style-content ol li, body.mce-content-body ul li, body.mce-content-body ol li, body.single .entry-summary ul li, body.single .entry-summary ol li { line-height: 2; } .style-content table:not([class]), .style-content table.mce-item-table, body.mce-content-body table:not([class]), body.mce-content-body table.mce-item-table, body.single .entry-summary table:not([class]), body.single .entry-summary table.mce-item-table { width: 100%; } @media (max-width: 48em) { .style-content table:not([class]), .style-content table.mce-item-table, body.mce-content-body table:not([class]), body.mce-content-body table.mce-item-table, body.single .entry-summary table:not([class]), body.single .entry-summary table.mce-item-table { min-width: 520px; } } .style-content table:not([class]) th, .style-content table.mce-item-table th, body.mce-content-body table:not([class]) th, body.mce-content-body table.mce-item-table th, body.single .entry-summary table:not([class]) th, body.single .entry-summary table.mce-item-table th { background-color: #ffc000; color: #fff; font-size: 1.2em; } .style-content table:not([class]) td, .style-content table:not([class]) th, .style-content table.mce-item-table td, .style-content table.mce-item-table th, body.mce-content-body table:not([class]) td, body.mce-content-body table:not([class]) th, body.mce-content-body table.mce-item-table td, body.mce-content-body table.mce-item-table th, body.single .entry-summary table:not([class]) td, body.single .entry-summary table:not([class]) th, body.single .entry-summary table.mce-item-table td, body.single .entry-summary table.mce-item-table th { font-family: "Tex Gyre Adventor", Arial, sans-serif; font-weight: bold; padding: .55em 0; text-align: center; } .style-content table:not([class]) tr:not(:first-of-type) td, .style-content table.mce-item-table tr:not(:first-of-type) td, body.mce-content-body table:not([class]) tr:not(:first-of-type) td, body.mce-content-body table.mce-item-table tr:not(:first-of-type) td, body.single .entry-summary table:not([class]) tr:not(:first-of-type) td, body.single .entry-summary table.mce-item-table tr:not(:first-of-type) td { border: 1px solid #B1B1B1; } .style-content table:not([class]) tr:nth-child(2n+3), .style-content table.mce-item-table tr:nth-child(2n+3), body.mce-content-body table:not([class]) tr:nth-child(2n+3), body.mce-content-body table.mce-item-table tr:nth-child(2n+3), body.single .entry-summary table:not([class]) tr:nth-child(2n+3), body.single .entry-summary table.mce-item-table tr:nth-child(2n+3) { background-color: #F2F2F2; } @media (max-width: 615px) { body.choosing-the-right-accuvent table:not([class]) { position: relative; min-width: 700px; border-collapse: separate; } body.choosing-the-right-accuvent table:not([class]) tr:not(:first-child) { width: 100%; } body.choosing-the-right-accuvent table:not([class]) tr:not(:first-child) td:first-child { width: 138px; position: sticky; left: 0; background-color: #fff; border: 1px solid #B1B1B1; z-index: 10; box-shadow: 2px 0px 2px 0 rgba(0, 0, 0, 0.15); } body.choosing-the-right-accuvent table:not([class]) tr:not(:first-child):nth-child(odd) td:first-child { background-color: #F2F2F2; } body.choosing-the-right-accuvent table:not([class]) tr:not(:first-child) td { z-index: 1; position: relative; } body.choosing-the-right-accuvent table:not([class]) tr:first-child { position: absolute; left: -10000px; } } @media (max-width: 615px) { body.choosing-the-right-accuvent div.column[data-col-size="60"]:first-of-type { overflow-y: auto; padding: 1.5em 0; margin: 0 0.5em; } body.choosing-the-right-accuvent div.column[data-col-size="60"]:first-of-type:before { width: calc(calc(100vw - 3rem) - 138px); margin-left: 138px; position: sticky; left: 138px; content: "R-Value"; background: #ffc000; color: #fff; font-weight: bold; text-align: center; padding: .55em 0; display: block; font-size: 1.2em; } } .icon-phone-portrait:after, .icon-mail:after, .icon-facebook-square:after, .sidebar-container .icon-help:after { content: ''; position: absolute; z-index: -1; background-color: transparent; transition: all 0.25s ease-out; } .icon-phone-portrait:after { top: 0.19em; left: 0.04em; width: 0.45em; height: 67%; } .icon-mail:after { top: 0.18em; left: 0.015em; width: 98%; height: 66%; } .icon-facebook-square:after { top: 0em; left: 0.15em; width: 72%; height: 100%; padding-bottom: 0.87em; } .sidebar-container .icon-help:after { top: 0.3em; left: 0.1em; width: 78%; height: 57%; border-radius: 50%; } .page-banner-module { line-height: 0; position: relative; overflow: hidden; max-height: 600px; } .page-banner-module.change-header-style { max-height: 700px; } @media (max-width: 81.25em) { .page-banner-module.change-header-style .banner-image { height: 500px; } } .page-banner-module.change-header-style .banner-copy { top: 59% !important; } @media (max-width: 31.25em) { .page-banner-module.change-header-style .banner-copy { top: 64% !important; } } .page-banner-module picture { width: 100%; } .page-banner-module .banner-image { max-width: none; width: 100%; } @media (max-width: 81.25em) { .page-banner-module .banner-image { width: auto; height: 400px; position: relative; left: 50%; transform: translateX(-50%); } } .page-banner-module .banner-container .banner-copy { line-height: normal; } .page-banner-module .banner-container .banner-copy .cta { margin-top: 1.6em; } .page-banner-module .cta .cta-btn.-yellow:hover { color: #fff; } .page-banner-module .cta .cta-btn.-yellow:hover:after { border-left: 8px solid #fff; } .page-banner-module[data-image-status="enabled"]:before, .page-banner-module[data-image-status="enabled"]:after { content: ''; position: absolute; right: 0; left: 0; } .page-banner-module[data-image-status="enabled"]:before { top: -1.7em; z-index: 2; background: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 100%); height: 6.25em; } .page-banner-module[data-image-status="enabled"]:after { top: 0; bottom: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.5); } .page-banner-module[data-image-status="enabled"] .banner-container { position: absolute; left: 0; right: 0; width: 100%; height: 100%; z-index: 10; } .page-banner-module[data-image-status="enabled"] .banner-container .banner-copy { position: absolute; top: 48%; transform: translateY(-50%); width: calc(100% - 2em); text-align: center; } .page-banner-module[data-image-status="enabled"] .banner-container .banner-copy h1, .page-banner-module[data-image-status="enabled"] .banner-container .banner-copy h2, .page-banner-module[data-image-status="enabled"] .banner-container .banner-copy h3 { text-transform: uppercase; font-weight: bold; color: #fff; } @media (max-width: 31.25em) { .page-banner-module[data-image-status="enabled"] .banner-container .cta a { margin-bottom: 1em; } } .page-banner-module[data-image-status="disabled"] .banner-copy { margin-top: 0.7em; } .page-banner-module[data-image-status="disabled"] h1, .page-banner-module[data-image-status="disabled"] h2, .page-banner-module[data-image-status="disabled"] h3 { color: #58595b; margin-bottom: 0.15em; } .page-banner-module[data-image-status="disabled"] h1:after, .page-banner-module[data-image-status="disabled"] h2:after, .page-banner-module[data-image-status="disabled"] h3:after { content: ''; display: block; width: 2.8em; height: 3px; background-color: #ffc000; margin-top: 0.3em; } .page-banner-module[data-image-status="disabled"] #breadcrumbs span, .page-banner-module[data-image-status="disabled"] #breadcrumbs a { color: #58595b; } .page-banner-module[data-image-status="disabled"] #breadcrumbs .breadcrumb_last { color: #ffc000; } .page-banner-module[data-image-status="disabled"] #breadcrumbs a:hover { color: #ffc000; } #breadcrumbs { line-height: normal; margin-bottom: 0; margin-top: 1.5em; } @media (max-width: 48em) { #breadcrumbs { display: none; } } #breadcrumbs span, #breadcrumbs a { font-family: "Tex Gyre Adventor", Arial, sans-serif; color: #fff; } #breadcrumbs .breadcrumb_last { color: #ffc000; } #breadcrumbs a:hover { color: #ffc000; } #breadcrumbs i[class*='icon-']:before { transition: none; vertical-align: baseline; margin-right: 0.3em; } /******************************************************** * Modal Functionality * * TIP: Search for OPTIONS * * HOW TO USE: create a cta of some kind and add .-modal-button * Then create your .modal-container on the page * Lastly create a closing X icon from the options ********************************************************/ .modal-lightbox-background { position: fixed; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; background-color: rgba(30, 30, 30, 0); z-index: -1; pointer-events: none; transition: .25s background-color ease-in-out, 0s z-index linear .25s; } .modal-container { position: fixed; padding: 0; top: -100%; left: 50%; margin: 0 auto; transform: translateY(-50%) translateX(-50%); z-index: -1; pointer-events: none; } .modal-container iframe, .modal-container .container-lazyload { width: 650px; height: 275px; transition: .25s width ease-in-out, .25s height ease-in-out; } body.modal-active { overflow: hidden; } body.modal-active .modal-lightbox-background { background-color: rgba(30, 30, 30, 0.7); z-index: 9100; pointer-events: all; transition: .25s background-color ease-in-out, 0s z-index linear .0s; } body.modal-active .modal-container { display: flex !important; top: 50%; z-index: 9200; pointer-events: all; } body.modal-active .modal-container iframe, body.modal-active .modal-container .container-lazyload { width: 1000px; height: 550px; } @media (max-width: 64em) { body.modal-active .modal-container iframe, body.modal-active .modal-container .container-lazyload { width: 90vw; height: 83vh; } } body.modal-active .modal-container .container-lazyload a, body.modal-active .modal-container .container-lazyload div { width: 100% !important; height: 100% !important; } .container-lazyload a, .container-lazyload div { width: 100% !important; } .lazy-load-div:before { display: table-cell; vertical-align: middle; font-size: 7em; color: #ffc000; opacity: 1; } /******************************************************** * Closing X icon ********************************************************/ .modal-close-circle { position: absolute; top: 0; padding: .2em; background-color: transparent; display: inline-flex; border-radius: 50%; border: 2px solid #000; color: #000; font-size: 1.5em; line-height: normal; } .modal-close-circle.-white { border: 2px solid #fff; color: #fff; } .modal-close-circle.-top-right { top: -1.7em; right: -1.7em; } @media (max-width: 1025px) { .modal-close-circle.-top-right { top: -2.25em; right: -0.5em; } } /******************* * Full Width Content Module *******************/ .full-width-content-module, .two-column-module { position: relative; z-index: 1; } .full-width-content-module { padding-top: 4.6em; padding-bottom: 2.3em; } .full-width-content-module p:last-child { margin-bottom: 0; } /******************* * Two Column Module *******************/ .two-column-module { padding: 4em 0; } @media (max-width: 64em) { .two-column-module .column-container { display: block; } } .two-column-module .column-container .column { padding: 0 1.5em; } @media (max-width: 64em) { .two-column-module .column-container .column { padding: 1.5em 0.5em; } } .two-column-module .column-container .column[data-col-size="60"]:first-of-type, .two-column-module .column-container .column[data-col-size="40"]:last-of-type { flex-basis: 60%; } .two-column-module .two-col-yellow-triangle { position: absolute; bottom: -2em; left: 0; z-index: -1; border-bottom: 9em solid #ffc000; border-right: 8em solid transparent; transition: all .25s linear; } @media (max-width: 87.5em) { .two-column-module .two-col-yellow-triangle { bottom: -1em; border-bottom: 7em solid #ffc000; border-right: 7em solid transparent; } } .two-column-module .two-col-background-img { position: absolute; top: 0; right: 0; z-index: -1; } /******************* * Slim Page Template *******************/ body.page-template-slim-page #main { max-width: 100.571em; margin-left: auto; margin-right: auto; } body.page-template-slim-page #main > div, body.page-template-slim-page #main > section { max-width: 900px; margin-right: auto; } .cta-image-boxes-module { margin-top: 3.5em; margin-bottom: 5.5em; position: relative; z-index: 1; } .cta-image-boxes-module .column-container { max-width: 80em; } @media (max-width: 89.4375em) { .cta-image-boxes-module .column-container { flex-wrap: wrap; } } @media (max-width: 48em) { .cta-image-boxes-module .column-container { display: block; } } .cta-image-boxes-module .column { min-width: 350px; } @media (max-width: 89.4375em) { .cta-image-boxes-module .column:nth-of-type(4) { margin-top: 2em; } } @media (max-width: 67.5625em) { .cta-image-boxes-module .column:nth-of-type(3) { margin-top: 2em; } } @media (max-width: 48em) { .cta-image-boxes-module .column { min-width: auto; } .cta-image-boxes-module .column:not(:first-of-type) { margin-top: 2em; } } .cta-image-boxes-module a { display: flex; line-height: 0; word-break: break-word; position: relative; margin: 0 auto; max-width: 350px; } .cta-image-boxes-module a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); transition: background-color .25s linear; } .cta-image-boxes-module a:after { content: ''; position: absolute; bottom: 0; right: 0; border-bottom: 4em solid #ffc000; border-left: 4em solid transparent; transition: all .25s linear; } .cta-image-boxes-module a h5 { position: absolute; top: 50%; transform: translateY(-50%) scale(1); width: 100%; padding: 0 1.6em; line-height: normal; font-size: 1.75em; font-weight: bold; color: #fff; text-align: left; transition: color .25s linear, transform .25s linear; } .cta-image-boxes-module a:hover:before { background-color: rgba(0, 0, 0, 0.85); } .cta-image-boxes-module a:hover:after { border-bottom: 7em solid #ffc000; border-left: 7em solid transparent; } .cta-image-boxes-module a:hover h5 { color: #ffc000; transform: translateY(-50%) scale(1.1); } .page-tab-content-module { position: relative; z-index: 1; margin-top: 4em; margin-bottom: 7.5em; } .page-tab-content-module .page-tab-slider { opacity: 0; transition: opacity .25s linear; } .page-tab-content-module .page-tab-slider.slick-initialized { opacity: 1; } .page-tab-content-module ul, .page-tab-content-module ol { margin-bottom: 1em; } .page-tab-content-module .slick-list { overflow-x: clip !important; overflow-y: visible !important; } .page-tab-content-module .column-container { width: 100% !important; margin: 0 auto; width: 100%; max-width: 100.571em; padding-left: 1em; padding-right: 1em; padding-right: 0; } @media (max-width: 72.5em) { .page-tab-content-module .column-container { display: block; padding-right: 1em; } } .page-tab-content-module .column:not(.style-content) { line-height: 0; margin-top: -2em; margin-bottom: -2em; position: relative; } @media (max-width: 87.5em) { .page-tab-content-module .column:not(.style-content) { margin-top: -1em; margin-bottom: -1em; } } @media (max-width: 76.25em) { .page-tab-content-module .column:not(.style-content) { margin-top: 0; margin-bottom: 0; } } .page-tab-content-module .column.style-content { align-self: center; } @media (max-width: 72.5em) { .page-tab-content-module .column.style-content { padding: 1em; } } @media (max-width: 72.5em) { .page-tab-content-module .column { max-width: 58em; margin: 0 auto; } } .page-tab-content-module .tab-dots-nav { position: relative; margin-left: 0.5em; height: 20px; } .page-tab-content-module .slick-dots { width: auto; margin: 0; bottom: 0; } .page-tab-content-module .slick-dots li { margin: 0 0.2em; width: auto; height: auto; } .page-tab-content-module .slick-dots button { width: 11px; height: 11px; border: none; background-color: transparent; } .page-tab-content-module .slick-dots button:before { width: 11px; height: 11px; border: none; background-color: #ababab; } .page-tab-content-module .slick-dots button.active:before { background-color: #ffc000; border: none; } .page-tab-content-module .yellow-txt { color: #ffc000; font-family: "Tex Gyre Adventor", Arial, sans-serif; font-size: 1.5em; line-height: normal; font-weight: bold; display: inline-block; margin-bottom: 0.4em; } .page-tab-content-module[data-style-type="dark"] .column:not(.style-content) { flex-grow: 2; } .page-tab-content-module[data-style-type="dark"] .column.active .tab-triangle { position: absolute; z-index: -3; top: 0; left: -2em; width: 2em; height: 2em; background-image: linear-gradient(to right, #cacaca 0%, #555555 100%); } @media (max-width: 87.5em) { .page-tab-content-module[data-style-type="dark"] .column.active .tab-triangle { left: -1em; width: 1em; height: 1em; } } @media (max-width: 76.25em) { .page-tab-content-module[data-style-type="dark"] .column.active .tab-triangle { display: none; } } .page-tab-content-module[data-style-type="dark"] .column.active .tab-triangle:before { content: ''; border-top: 2em solid white; border-right: 2em solid transparent; position: absolute; } @media (max-width: 87.5em) { .page-tab-content-module[data-style-type="dark"] .column.active .tab-triangle:before { border-top: 1em solid white; border-right: 1em solid transparent; } } .page-tab-content-module[data-style-type="dark"] .column.active:before, .page-tab-content-module[data-style-type="dark"] .column.active:after { content: ''; position: absolute; height: calc(100% - 4em); top: 2em; } @media (max-width: 87.5em) { .page-tab-content-module[data-style-type="dark"] .column.active:before, .page-tab-content-module[data-style-type="dark"] .column.active:after { height: calc(100% - 2em); top: 1em; } } @media (max-width: 76.25em) { .page-tab-content-module[data-style-type="dark"] .column.active:before, .page-tab-content-module[data-style-type="dark"] .column.active:after { height: 100%; top: 0em; } } .page-tab-content-module[data-style-type="dark"] .column.active:before { left: -2em; width: 2em; background-image: linear-gradient(to right, transparent 0%, #272727 100%); } @media (max-width: 87.5em) { .page-tab-content-module[data-style-type="dark"] .column.active:before { left: -1em; width: 1em; } } .page-tab-content-module[data-style-type="dark"] .column.active:after { width: 1em; background-image: linear-gradient(to left, transparent 0%, #272727 100%); } .page-tab-content-module[data-style-type="dark"] .column.active img { box-shadow: 0px 20px 25px -20px #424242; } .page-tab-content-module[data-style-type="dark"] img { color: transparent; } .page-tab-content-module[data-style-type="dark"] .column.style-content { padding-right: 3em; } @media (max-width: 72.5em) { .page-tab-content-module[data-style-type="dark"] .column.style-content { padding-right: 1em; } } .page-tab-content-module[data-style-type="dark"] .slick-list { background-color: #2F2F2F; margin: 2em 0; } @media (max-width: 87.5em) { .page-tab-content-module[data-style-type="dark"] .slick-list { margin: 1em 0; } } @media (max-width: 76.25em) { .page-tab-content-module[data-style-type="dark"] .slick-list { margin: 0em 0; } } .page-tab-content-module[data-style-type="dark"] h2, .page-tab-content-module[data-style-type="dark"] h3, .page-tab-content-module[data-style-type="dark"] h4 { color: #fff; } .page-tab-content-module[data-style-type="dark"] li, .page-tab-content-module[data-style-type="dark"] p, .page-tab-content-module[data-style-type="dark"] strong, .page-tab-content-module[data-style-type="dark"] em { color: #fff; } .page-tab-content-module[data-style-type="dark"] a { color: #a2a2ff; } .page-tab-content-module[data-style-type="light"] .column-container { flex-direction: row-reverse; } .page-tab-content-module[data-style-type="light"] .column.style-content { padding-left: 3em; } @media (max-width: 72.5em) { .page-tab-content-module[data-style-type="light"] .column.style-content { padding-left: 1em; padding-top: 0; } } .page-tab-content-module[data-style-type="light"] img { background-color: #fff; box-shadow: 0 0 10px 3px #c5c5c5; } .module-tab-active-list li { font-weight: bold; font-family: "Tex Gyre Adventor", Arial, sans-serif; transition: color 0.25s linear; } .module-tab-active-list li:hover:not(.active) { cursor: pointer; } .module-tab-active-list li.active, .module-tab-active-list li:hover { color: #ffc000 !important; } html.safari .page-tab-content-module .slick-list { overflow: hidden !important; } .alert-bar { padding: 0.8125rem 1rem 0.875rem; font-family: "Tex Gyre Adventor", Arial, sans-serif; font-weight: bold; } .alert-bar__container { background-color: #ffc000; color: #fff; display: flex; justify-content: center; align-items: flex-start; } .alert-bar__content { display: block; flex: 1 1 auto; text-align: center; text-transform: uppercase; } @media (max-width: 429px) { .alert-bar__content { line-height: 1.4; } .alert-bar__content p { line-height: 1.4; } } .alert-bar button { color: #fff; background-color: transparent; border: 0; width: 28px; height: 28px; position: relative; padding: 0; flex: 0 1 28px; margin-left: 0.75rem; } .alert-bar button i { color: #fff; position: relative; border-color: #fff; } @media (max-width: 425px) { .alert-bar { padding: 0.5125rem 1rem 0.575rem; } } .faq-module { padding-top: 4.8em; padding-bottom: 2.5em; } .faq-module details { border-bottom: 1px solid #D8D8D8; } .faq-module details summary span[data-count="2"] { transform: translateY(-50%) rotateZ(90deg); } .faq-module details[open] summary span[data-count="2"] { transform: translateY(-50%) rotateZ(0deg); } .faq-module details.closing summary span[data-count="2"] { transform: translateY(-50%) rotateZ(90deg); } .faq-module .style-content > h2, .faq-module .style-content > h3 { margin-bottom: 0em; } .faq-module summary { position: relative; margin-right: 4em; padding: 1.6em 0 1.5em 0; } .faq-module summary:hover .the-circle { background-color: #2F2F2F; } .faq-module summary h3 { font-size: 1.75em; margin: 0; } .faq-module summary h3:after { display: none; } .faq-module summary .the-circle { font-size: 2em; font-family: "Roboto", Helvetica, Arial, sans-serif; background-color: #ffc000; position: absolute; top: 50%; right: -2em; transform: translateY(-50%); padding: 0 0.3em; border-radius: 50%; width: 40px; height: 40px; transition: background-color .25s linear; } .faq-module summary .the-circle span { display: block; background-color: #fff; height: 0.1em; width: 0.6em; position: absolute; top: 50%; transform: translateY(-50%); } .faq-module summary .the-circle span[data-count="2"] { transition: transform .4s ease-out; } .faq-module .faq-content { padding-bottom: 2em; } .faq-module .faq-content p { margin-bottom: 0; } .content-sidebar-module { padding-top: 2.5em; padding-bottom: 3em; } @media (max-width: 56.25em) { .content-sidebar-module .column-container { display: block; } } .content-sidebar-module .sidebar-container { background-color: #ffc000; padding: 2.3em; } .content-sidebar-module .sidebar-container a span { word-break: normal; } @media (max-width: 330px) { .content-sidebar-module .sidebar-container a span.title { font-size: 1.25em !important; } } .content-sidebar-module .column:first-of-type { margin-right: 5.6em; } @media (max-width: 56.25em) { .content-sidebar-module .column:first-of-type { margin-right: 0; } } .content-sidebar-module .column:last-of-type { max-width: 370px; word-break: break-all; } @media (max-width: 56.25em) { .content-sidebar-module .column:last-of-type { margin: 0 auto; } } .content-sidebar-module .column:last-of-type .sidebar-container > a { display: block; position: relative; margin-left: 3.5em; margin-bottom: 1.5em; } .content-sidebar-module .column:last-of-type .sidebar-container > a .title, .content-sidebar-module .column:last-of-type .sidebar-container > a .below-txt { display: inline-block; color: #fff; transition: all 0.25s ease-out; } .content-sidebar-module .column:last-of-type .sidebar-container > a:last-of-type { margin-bottom: 0; } .content-sidebar-module .column:last-of-type .sidebar-container > a:hover .title, .content-sidebar-module .column:last-of-type .sidebar-container > a:hover .below-txt { color: #58595b; } .content-sidebar-module .column:last-of-type .sidebar-container > a:hover [class*='icon-']:after { background-color: #fff; } .content-sidebar-module .column:last-of-type .icon-phone-portrait, .content-sidebar-module .column:last-of-type .icon-mail, .content-sidebar-module .column:last-of-type .icon-help { display: inline-block; color: #58595b; position: absolute; top: 50%; transform: translateY(-50%); } .content-sidebar-module .column:last-of-type .icon-help { font-size: 2.5em; left: -1.3em; } .content-sidebar-module .column:last-of-type .icon-mail { font-size: 1.8em; left: -1.9em; } .content-sidebar-module .column:last-of-type .icon-phone-portrait { font-size: 2.5em; left: -1.15em; } .content-sidebar-module .column:last-of-type .title { font-family: "Tex Gyre Adventor", Arial, sans-serif; font-size: 1.5em; font-weight: bold; } .content-sidebar-module .column:last-of-type .below-txt { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: .9em; } .white-tab-content-module { overflow: hidden; } @media (max-width: 56.25em) { .white-tab-content-module { overflow: visible; } } .white-tab-content-module .white-tab-header { display: flex; margin-bottom: 2.6em; border-bottom: 1px solid #E6E6E6; } @media (max-width: 62.5em) { .white-tab-content-module .white-tab-header { display: block; border: 1px solid #E6E6E6; overflow: hidden; } } .white-tab-content-module .white-tab-header button { transition: color 0.35s ease-in-out 0s, padding 0.35s ease-in-out 0s, background-color 0.35s ease-in-out 0s, position 0s ease-in-out 0.35s !important; flex-grow: 2; border: 2px solid transparent !important; } @media (max-width: 93.75em) { .white-tab-content-module .white-tab-header button { padding: 1em; } } @media (max-width: 62.5em) { .white-tab-content-module .white-tab-header button { width: 100%; border: 1px solid #E6E6E6 !important; } } .white-tab-content-module .white-tab-header button:after { display: none; } .white-tab-content-module .white-tab-header button:hover { padding: 1em 2.5em 1em 2em; } @media (max-width: 93.75em) { .white-tab-content-module .white-tab-header button:hover { padding: 1em; } } .white-tab-content-module .white-tab-header button.active, .white-tab-content-module .white-tab-header button:hover { background-color: #ffc000 !important; color: #fff !important; } @media (max-width: 62.5em) { .white-tab-content-module .white-tab-header button.active, .white-tab-content-module .white-tab-header button:hover { border: 2px solid transparent !important; } } @media (hover: hover) { .white-tab-content-module .white-tab-header button.active:hover { background-color: rgba(255, 192, 0, 0.2) !important; color: #ffc000 !important; border: 2px solid #ffc000 !important; } } .white-tab-content-module .white-tab-content { position: relative; } .white-tab-content-module .white-tab-content .column-container { position: absolute; right: 125%; top: 0; transition: right .35s linear 0s, position 0s linear .25s; } @media (max-width: 56.25em) { .white-tab-content-module .white-tab-content .column-container { display: block; } } .white-tab-content-module .white-tab-content .column-container h3:not(:first-of-type) { margin-top: 0.7em; } .white-tab-content-module .white-tab-content .column-container.active { position: relative; right: 0; z-index: 9; background-color: #fff; padding-bottom: 1.5em; } .white-tab-content-module .white-tab-content .column.style-content { padding-top: 0.8em; flex-grow: 3; padding-right: 4em; } @media (max-width: 56.25em) { .white-tab-content-module .white-tab-content .column.style-content { padding-right: 0; } } .white-tab-content-module .white-tab-content .white-tab-image { box-shadow: 0 0 10px 2px #dadada; } @media (max-width: 56.25em) { .white-tab-content-module .white-tab-content .white-tab-image { margin: 0 auto; display: block; } } .white-tab-content-module .image-gallery-block { display: block; } .white-tab-content-module .image-gallery-block h3 { color: #58595b; margin-bottom: 1.1em; font-size: 1.7em; display: block; max-width: 51.5em; margin-left: auto; margin-right: auto; } .white-tab-content-module .image-gallery-block h3:after { content: ''; display: block; width: 2.8em; height: 3px; background-color: #ffc000; margin-top: 0.3em; } @media (max-width: 96.875em) { .white-tab-content-module .image-gallery-block h3 { max-width: 49em; } } @media (max-width: 87.5em) { .white-tab-content-module .image-gallery-block h3 { max-width: 46em; } } @media (max-width: 81.25em) { .white-tab-content-module .image-gallery-block h3 { max-width: 43.5em; } } @media (max-width: 75em) { .white-tab-content-module .image-gallery-block h3 { max-width: 41em; } } @media (max-width: 71.875em) { .white-tab-content-module .image-gallery-block h3 { padding: 0 .6em; } } .white-tab-content-module .image-gallery-block h4 { color: #58595b; margin-bottom: 0.2em; margin-top: .5em; font-size: 1.3em; font-weight: bold; } .white-tab-content-module .image-gallery-block h4:after { content: ''; display: block; width: 2.8em; height: 3px; background-color: #ffc000; margin-top: 0.3em; } .white-tab-content-module .image-gallery-block .gallery-container { display: flex; flex-wrap: wrap; } .white-tab-content-module .image-gallery-block .gallery-container .image-block { flex-basis: 33.3%; margin-bottom: 2em; } @media (max-width: 71.875em) { .white-tab-content-module .image-gallery-block .gallery-container .image-block { padding: 0 1em; } } @media (max-width: 900px) { .white-tab-content-module .image-gallery-block .gallery-container .image-block { flex-basis: 100%; } } .white-tab-content-module .image-gallery-block .gallery-container .inner-container { max-width: 350px; margin: 0 auto; } .white-tab-content-module .white-tab-header.mobile-active { position: relative; } @media (max-width: 25em) { .white-tab-content-module .white-tab-header.mobile-active { margin-left: -1.1em; margin-right: -1.1em; } } .white-tab-content-module .white-tab-header.mobile-active:before { content: ''; width: 100%; height: 100%; position: absolute; z-index: 1; } .white-tab-content-module .white-tab-header.mobile-active:after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0.9em .5em 0 .5em; border-color: #ffffff transparent transparent transparent; position: absolute; top: 50%; right: .6em; transform: translateY(-50%); } .white-tab-content-module .white-tab-header.mobile-active button:not(.active) { height: 0; padding: 0; margin: 0; line-height: 0; border: 0 !important; font-size: 0 !important; position: absolute !important; } .white-tab-content-module .white-tab-header.mobile-active button.active { height: 52px; padding: 1em; } .determine-roof-size-wrapper { margin-bottom: 2.3em; } .determine-roof-size-wrapper .select-wrap { width: 220px; } .determine-roof-size-wrapper .select-wrap .select2-selection { font-weight: bold; } .determine-roof-size-wrapper kbd { color: #58595b; line-height: 1.4em; font-weight: bold; font-size: 2em; padding: 0 1em; } .determine-roof-size-wrapper label { max-width: 18.9em; width: 100%; margin-bottom: 0.6em; } @media (max-width: 58.75em) { .determine-roof-size-wrapper { max-width: 523px; } .determine-roof-size-wrapper .column-container { flex-wrap: wrap; } .determine-roof-size-wrapper kbd:last-of-type { width: 100%; text-align: center; padding: .5em 0; } .determine-roof-size-wrapper label { width: auto; } .determine-roof-size-wrapper label:first-of-type { width: calc(220px + 81px); } .determine-roof-size-wrapper label:last-of-type { display: none; } .determine-roof-size-wrapper .cta { width: 100%; text-align: center; } } @media (max-width: 35em) { .determine-roof-size-wrapper { max-width: 267px; margin-left: auto; margin-right: auto; } .determine-roof-size-wrapper .select-wrap, .determine-roof-size-wrapper .select2-container { width: 100px !important; min-width: auto; } .determine-roof-size-wrapper label:first-of-type { width: calc(100px + 62px); } .determine-roof-size-wrapper kbd { padding: 0 .7em; } } .woocommerce-notices-wrapper { margin: 0 auto; width: 100%; max-width: 100.571em; padding-left: 1em; padding-right: 1em; padding: 0; } .woocommerce-notices-wrapper ul { margin-left: 0; } .woocommerce-notices-wrapper ul li { list-style-type: none; } body.single main > .woocommerce-message, body.single main > .woocommerce-error, body.single main > .woocommerce-info { margin: 0 auto; width: 100%; max-width: 100.571em; padding-left: 1em; padding-right: 1em; margin-top: 2em; padding: 1.25em 4.77em 1.25em 1.57em; } .woocommerce-message, .woocommerce-error, .woocommerce-info { position: relative; color: #fff; cursor: pointer; font-family: "Tex Gyre Adventor", Arial, sans-serif; line-height: 1.4; margin-top: 2em; padding: 1.25em 4.77em 1.25em 1.57em; } .woocommerce-message:after, .woocommerce-error:after, .woocommerce-info:after { display: inline-flex; position: absolute; top: 50%; right: 0.7em; background-color: transparent; border: 2px solid #fff; border-radius: 50%; font-size: 1.5em; line-height: normal; padding: .2em; transform: translateY(-50%); } .woocommerce-message li, .woocommerce-message strong, .woocommerce-message b, .woocommerce-message p, .woocommerce-message:after, .woocommerce-error li, .woocommerce-error strong, .woocommerce-error b, .woocommerce-error p, .woocommerce-error:after, .woocommerce-info li, .woocommerce-info strong, .woocommerce-info b, .woocommerce-info p, .woocommerce-info:after { color: #fff; } .woocommerce-message a.showlogin, .woocommerce-message a:not([class]), .woocommerce-error a.showlogin, .woocommerce-error a:not([class]), .woocommerce-info a.showlogin, .woocommerce-info a:not([class]) { color: #000; } .woocommerce-message a:not([class]):focus, .woocommerce-error a:not([class]):focus, .woocommerce-info a:not([class]):focus { border-bottom: 1px solid currentColor; } .woocommerce-message a:not([class]):hover, .woocommerce-error a:not([class]):hover, .woocommerce-info a:not([class]):hover { color: #fff; } .woocommerce-message { background-color: #C4DE00; } .woocommerce-message .button, .woocommerce-message .restore-item { color: #fff; font-weight: bold; text-transform: uppercase; } .woocommerce-message .button:hover, .woocommerce-message .restore-item:hover { color: #000; } .woocommerce-message .button { float: right; } .woocommerce-message .button:after { display: inline-block; border-bottom: 6px solid transparent; border-left: 7px solid white; border-top: 6px solid transparent; content: ''; margin-left: .5em; transition: all .25s ease-out; } .woocommerce-message .button:hover:after { border-left: 7px solid #000; } .woocommerce-error { background-color: #FF0000; } .woocommerce-info { background-color: #ffc000; } .home-product-feed-container { background-image: url("/wp-content/themes/accuvent/assets/dist/images/tiny-square.jpg"); } .home-product-feed-container .home-page-product-header { max-width: 96.5em; padding-top: 4.5em; } @media (max-width: 96.875em) { .home-product-feed-container .home-page-product-header { max-width: 72.5em; } } @media (max-width: 72.5em) { .home-product-feed-container .home-page-product-header { max-width: 48.2em; } } .home-product-feed-container .home-page-product-header .column:last-of-type { text-align: right; } .home-product-feed-container .home-page-product-header .column:last-of-type a { font-family: "Tex Gyre Adventor", Arial, sans-serif; color: #ffc000; font-weight: bold; text-transform: uppercase; font-size: 1.3em; } .home-product-feed-container .home-page-product-header .column:last-of-type a:hover { color: #58595b; } .home-product-feed-container .home-page-product-feed ul.products { margin-top: 1.3em; } @media (max-width: 760px) { .home-product-feed-container .home-page-product-feed { padding: 0 1em; } } body.error404 .page-banner-module { max-height: none; margin-bottom: -2em; position: relative; min-height: 85vh; display: flex; flex-direction: row; justify-content: stretch; } body.error404 .page-banner-module:after { content: ''; background: black; background: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0.9) 15%, rgba(0, 0, 0, 0.75) 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; } body.error404 .page-banner-module h1 { font-weight: normal; text-transform: capitalize !important; margin-bottom: 0.3em; } body.error404 .page-banner-module .banner-image { position: absolute; left: 0; top: 0; z-index: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; } @media (max-width: 81.25em) { body.error404 .page-banner-module .banner-image { transform: none; } } body.error404 .page-banner-module .banner-container { position: relative; z-index: 1; flex-grow: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; } body.error404 .page-banner-module .banner-container #breadcrumbs { justify-self: flex-start; align-self: flex-start; } body.error404 .page-banner-module .banner-container .banner-copy { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; text-align: center; } body.error404 .page-banner-module .banner-container .banner-copy h1 { color: #fff; font-size: 4.5em; line-height: 1; } @media (max-width: 768px) { body.error404 .page-banner-module .banner-container .banner-copy h1 { font-size: 2.5em; } } body.error404 .page-banner-module .inner-content { max-width: 56.25; margin: 0 auto; } body.error404 .page-banner-module .inner-content p, body.error404 .page-banner-module .inner-content em, body.error404 .page-banner-module .inner-content i, body.error404 .page-banner-module .inner-content strong, body.error404 .page-banner-module .inner-content b, body.error404 .page-banner-module .inner-content del, body.error404 .page-banner-module .inner-content li, body.error404 .page-banner-module .inner-content td, body.error404 .page-banner-module .inner-content th, body.error404 .page-banner-module .inner-content sup, body.error404 .page-banner-module .inner-content sub, body.error404 .page-banner-module .inner-content small, body.error404 .page-banner-module .inner-content div, body.error404 .page-banner-module .inner-content span, body.error404 .page-banner-module .inner-content h1, body.error404 .page-banner-module .inner-content h2, body.error404 .page-banner-module .inner-content h3, body.error404 .page-banner-module .inner-content h4, body.error404 .page-banner-module .inner-content h5, body.error404 .page-banner-module .inner-content h6 { color: #fff; } body.error404 .page-banner-module .inner-content p { font-size: 1.5em; margin-bottom: 0; } @media (max-width: 768px) { body.error404 .page-banner-module .inner-content p { font-size: 1em; } } body.error404 .page-banner-module .inner-content a { color: #fff; text-decoration: underline; } body.error404 .page-banner-module .inner-content a:hover { color: #ffc000; } body.page-template-sitemap .sitemap-module { display: flex; } body.page-template-sitemap .sitemap-module .style-content { flex-grow: 1; } body.page-template-sitemap .sitemap-module .style-content h3 { margin-bottom: 0; } body.page-template-sitemap .sitemap-module .style-content h3:after { display: none; } body.page-template-sitemap .sitemap-module li a strong { font-weight: normal; color: inherit; } body.page-template-sitemap .sitemap-module li a:hover strong { color: inherit; } body.page-template-sitemap .sitemap-module a:not([class]) { color: #58595b; position: relative; display: inline-block; } body.page-template-sitemap .sitemap-module a:not([class]):before { content: ''; border-bottom-width: 2px; border-bottom-style: solid; width: 0; transition: width .5s ease; position: absolute; bottom: 0px; } body.page-template-sitemap .sitemap-module a:not([class]):hover { color: #ffc000; } body.page-template-sitemap .sitemap-module a:not([class]):hover:before { border-bottom-color: #ffc000; width: 100%; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; } a:link, a:visited { color: black !important; text-decoration: underline; } pre, blockquote { border: 1px solid black; page-break-inside: avoid; } @page { margin: 2cm 1.5cm; } p, h2, h3 { orphans: 4; widows: 2; } h2, h3 { page-break-after: avoid; } .menu, .widget-area, .sidebar, .footer-widgets, .site-footer { display: none !important; } .hide-print { display: none !important; } .title-area { float: none; } .site-header .site-title img { display: block; margin: 0 auto 1em; } .content { width: 100% !important; } .entry-title a[href]:after, .entry-content a[href]:after { content: " (" attr(href) ")"; } .entry-title abbr[title]:after, .entry-content abbr[title]:after { content: " (" attr(title) ")"; } .entry-title a[href^="#"]:after, .entry-title a[href^="javascript"]:after, .entry-content a[href^="#"]:after, .entry-content a[href^="javascript"]:after { content: ""; } } /*# sourceMappingURL=theme.min.css.map */ /******************************************************** * SIZES ********************************************************/ /******************************************************** * COLORS ********************************************************/ /********************************************************/ /********************************************************/ /******************************************************** * TYPOGRAPHY * * .EOT is meant for IE browsers, like 8 and below * .TTF goes back to the 1980's * .WOFF2 & .WOFF are the recommended formats, in order ********************************************************/ @font-face { font-family: 'Tex Gyre Adventor'; font-display: swap; src: url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-regular.woff?v=2") format("woff"), url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-regular.ttf?v=2") format("truetype"); } @font-face { font-family: 'Tex Gyre Adventor'; font-display: swap; src: url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-italic.woff?v=2") format("woff"), url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-italic.ttf?v=2") format("truetype"); font-style: italic; } @font-face { font-family: 'Tex Gyre Adventor'; font-display: swap; src: url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-bold.woff?v=2") format("woff"), url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-bold.ttf?v=2") format("truetype"); font-weight: bold; } @font-face { font-family: 'Tex Gyre Adventor'; font-display: swap; src: url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-bolditalic.woff?v=2") format("woff"), url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-bolditalic.ttf?v=2") format("truetype"); font-style: italic; font-weight: bold; } /******************************************************** * SOCIAL COLORS - http://designpieces.com/2012/12/social-media-colours-hex-and-rgb/ ********************************************************/ /******************************************************** * Helpful Classes ********************************************************/ .hidden { display: none; } .visuallyhidden, .sr-only { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } /******************************************************** * Mixins ********************************************************/ /******************************************************** * Arrows * * $direction: top, left, right, bottom, top-left, top-right, bottom-left, bottom-right * $color: hex, rgb or rbga * $size: px or em * * @example * .element{ * @include arrow(top, #000, 50px); * } ********************************************************/ /******************************************************** * Functions ********************************************************/ /**************************** * Sections * * Shopping Cart / Checkout Page * Checkout Page * Checkout Thank You * ******************************************************** * Shopping Cart / Checkout Page ********************************************************/ .woocommerce-checkout .woocommerce-checkout-review-order, .cart-collaterals .cart_totals { position: relative; background-color: #F8F8F8; margin-bottom: 4.9em; max-width: 22em; min-width: 16.9em; padding: 1.3em; } .woocommerce-checkout .woocommerce-checkout-review-order h2, .cart-collaterals .cart_totals h2 { margin-bottom: 1.3em; color: #58595b; font-size: 1.3em; } .woocommerce-checkout .woocommerce-checkout-review-order h2:after, .cart-collaterals .cart_totals h2:after { content: ''; display: block; width: 2.8em; height: 3px; background-color: #ffc000; margin-top: 0.8em; } .woocommerce-checkout .woocommerce-checkout-review-order table, .cart-collaterals .cart_totals table { width: 100%; } .woocommerce-checkout .woocommerce-checkout-review-order table td, .woocommerce-checkout .woocommerce-checkout-review-order table th, .cart-collaterals .cart_totals table td, .cart-collaterals .cart_totals table th { color: #58595b; font-family: "Tex Gyre Adventor", Arial, sans-serif; font-weight: normal; text-align: left; } .woocommerce-checkout .woocommerce-checkout-review-order table th, .cart-collaterals .cart_totals table th { padding: .6em 1em .6em 0; } .woocommerce-checkout .woocommerce-checkout-review-order table td, .cart-collaterals .cart_totals table td { padding: .6em 0; } .woocommerce-checkout .woocommerce-checkout-review-order table .shipping-calculator-button, .cart-collaterals .cart_totals table .shipping-calculator-button { color: #58595b; text-decoration: underline; } .woocommerce-checkout .woocommerce-checkout-review-order table .shipping-calculator-button:hover, .cart-collaterals .cart_totals table .shipping-calculator-button:hover { color: #ffc000; } .woocommerce-checkout .woocommerce-checkout-review-order table .woocommerce-shipping-destination, .cart-collaterals .cart_totals table .woocommerce-shipping-destination { margin-bottom: 0; } .woocommerce-checkout .woocommerce-checkout-review-order table .woocommerce-shipping-destination strong, .cart-collaterals .cart_totals table .woocommerce-shipping-destination strong { font-weight: normal; } .woocommerce-checkout .woocommerce-checkout-review-order table .cart-subtotal th, .woocommerce-checkout .woocommerce-checkout-review-order table .cart-subtotal td, .woocommerce-checkout .woocommerce-checkout-review-order table .order-total th, .woocommerce-checkout .woocommerce-checkout-review-order table .order-total td, .cart-collaterals .cart_totals table .cart-subtotal th, .cart-collaterals .cart_totals table .cart-subtotal td, .cart-collaterals .cart_totals table .order-total th, .cart-collaterals .cart_totals table .order-total td { font-size: 1.125em; font-weight: bold; } .woocommerce-checkout .woocommerce-checkout-review-order table .order-total, .cart-collaterals .cart_totals table .order-total { border-top: 1px solid #D6D6D6; } .woocommerce-checkout .woocommerce-checkout-review-order table .order-total th, .woocommerce-checkout .woocommerce-checkout-review-order table .order-total td, .cart-collaterals .cart_totals table .order-total th, .cart-collaterals .cart_totals table .order-total td { padding-bottom: 0; padding-top: 1.2em; } .woocommerce-checkout .woocommerce-checkout-review-order table .cart-subtotal th, .woocommerce-checkout .woocommerce-checkout-review-order table .cart-subtotal td, .cart-collaterals .cart_totals table .cart-subtotal th, .cart-collaterals .cart_totals table .cart-subtotal td { padding-top: 0em; } .woocommerce-checkout .woocommerce-checkout-review-order .wc-proceed-to-checkout, .cart-collaterals .cart_totals .wc-proceed-to-checkout { position: absolute; bottom: -5.2em; left: 0; text-align: center; width: 100%; } .woocommerce-checkout .woocommerce-checkout-review-order .wc-proceed-to-checkout a, .cart-collaterals .cart_totals .wc-proceed-to-checkout a { position: relative; color: #fff !important; font-family: "Tex Gyre Adventor", Arial, sans-serif; height: auto !important; margin: 0 !important; padding: 1em 1.6em; width: 100%; } .woocommerce-checkout .woocommerce-checkout-review-order .wc-proceed-to-checkout a:hover, .cart-collaterals .cart_totals .wc-proceed-to-checkout a:hover { border: 3px solid #ffc000; color: #ffc000 !important; padding: 1em 2.5em 1em 2em; } .woocommerce-checkout .woocommerce-checkout-review-order .wc-proceed-to-checkout a:hover:after, .cart-collaterals .cart_totals .wc-proceed-to-checkout a:hover:after { border-bottom: 6px solid transparent; border-left: 8px solid #ffc000; border-right: 4px solid transparent; border-top: 6px solid transparent; margin-left: .5em; transition: .25s all ease-in-out; } .woocommerce-checkout .woocommerce-checkout-review-order .wc-proceed-to-checkout a:after, .cart-collaterals .cart_totals .wc-proceed-to-checkout a:after { position: absolute; top: 50%; border-bottom: 4px solid transparent; border-left: 6px solid #ffc000; border-right: 2px solid transparent; border-top: 4px solid transparent; content: ""; margin-left: .25em; transform: translateY(-50%); transition: .25s all ease-in-out; } .woocommerce-checkout .woocommerce-checkout-review-order .wc-proceed-to-checkout a .circle, .cart-collaterals .cart_totals .wc-proceed-to-checkout a .circle { position: absolute; top: 50%; left: 50%; background-color: rgba(255, 192, 0, 0.3); border-radius: 50%; height: 25px; pointer-events: none; transform: scale(0); width: 25px; } .woocommerce-checkout .woocommerce-checkout-review-order .wc-proceed-to-checkout a .grow, .cart-collaterals .cart_totals .wc-proceed-to-checkout a .grow { -webkit-animation: grow_yellow 1.4s ease-out; animation: grow_yellow 1.4s ease-out; } .cart_shipping_text_under td { font-size: 10px; padding-bottom: 2em !important; } /******************************************************** * Checkout Page ********************************************************/ .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper-inner { display: flex; flex-wrap: wrap; } .woocommerce-checkout .woocommerce:before, .woocommerce-checkout .woocommerce:after { display: table; content: ""; } .woocommerce-checkout .woocommerce:after { clear: both; } .woocommerce-checkout .woocommerce { margin: 0 auto; width: 100%; max-width: 100.571em; padding-left: 1em; padding-right: 1em; } .woocommerce-checkout .col2-set { float: left; padding-right: 3.7em; width: 70%; } .woocommerce-checkout #order_review_heading { float: right; width: 30%; } .woocommerce-checkout .woocommerce-checkout-review-order { float: left; width: 30%; } .woocommerce-checkout .woocommerce-checkout-review-order dl dt { clear: both; float: left; } .woocommerce-checkout .woocommerce-checkout-review-order dl dd { float: left; margin-left: 0.4em; } .woocommerce-checkout .form-row.form-row-first, .woocommerce-checkout .form-row.form-row-last, .woocommerce-checkout #billing_phone_field, .woocommerce-checkout #billing_email_field { width: 50%; } .woocommerce-checkout #billing_phone_field, .woocommerce-checkout .form-row.form-row-first { padding-right: 1.5em; } .woocommerce-checkout .form-row-wide { width: 100%; } .woocommerce-checkout #billing_city_field { padding-right: 1.5em; width: 40%; } .woocommerce-checkout #billing_state_field { padding-right: 1.5em; width: 20%; } .woocommerce-checkout #billing_postcode_field { width: 40%; } .woocommerce-checkout #shipping_method label { font-weight: normal; cursor: pointer; } .woocommerce-checkout .checkout-spinner .spinner-wrapper { z-index: 1001; } .woocommerce-checkout .checkout-spinner .spinner-wrapper #object_one { border-top-color: transparent; border-left-color: transparent; } .woocommerce-checkout .checkout-spinner .spinner-wrapper #object_two { border-right-color: transparent; border-top-color: transparent; } .woocommerce-checkout .checkout-spinner .spinner-wrapper #object_three { border-bottom-color: transparent; border-left-color: transparent; } .woocommerce-checkout .checkout-spinner .spinner-wrapper #object_four { border-bottom-color: transparent; border-right-color: transparent; } .woocommerce-checkout #shipping_method > li { display: flex; flex-direction: row; } .woocommerce-checkout #shipping_method > li label { display: flex; flex-direction: row; width: 100%; } .woocommerce-checkout #shipping_method > li label span { width: 50%; text-align: right; flex-grow: 1; } body.woocommerce-cart .cart-collaterals .cart-subtotal td, body.woocommerce-cart .cart-collaterals .cart-subtotal th { font-size: 1em; font-weight: normal; padding: .6em 0; } body.woocommerce-cart .cart-collaterals .cart-subtotal td { text-align: right; } body.woocommerce-cart .cart-collaterals .woocommerce-shipping-totals ul li { display: flex; flex-direction: row; flex-wrap: nowrap; } body.woocommerce-cart .cart-collaterals .woocommerce-shipping-totals ul li label { width: 100%; align-items: flex-start; display: flex; flex-direction: row; } body.woocommerce-cart .cart-collaterals .woocommerce-shipping-totals ul li label span.amount { align-self: flex-end; flex-grow: 1; text-align: right; } body.woocommerce-cart .cart-collaterals tr td:nth-child(2) { text-align: right; } body.woocommerce-cart .cart-collaterals tr td:nth-child(2) .woocommerce-remove-coupon { display: block; } body.woocommerce-cart .cart-collaterals .order-total td, body.woocommerce-cart .cart-collaterals .tax-rate td { text-align: right; } body.woocommerce-checkout .entry__header h1 { margin-bottom: 0.7em; color: #58595b; font-weight: normal; line-height: normal; text-transform: uppercase; margin-top: 0.9em; } body.woocommerce-checkout .entry__header h1:after { content: ''; display: block; width: 2.8em; height: 3px; background-color: #ffc000; margin-top: 0.3em; } body.woocommerce-checkout form.checkout .woocommerce-NoticeGroup { flex-grow: 1; width: 100%; } body.woocommerce-checkout .woocommerce-message, body.woocommerce-checkout .woocommerce-error, body.woocommerce-checkout .woocommerce-info { margin-top: 0; margin-bottom: 2em; } body.woocommerce-checkout #order_review .cart-subtotal td, body.woocommerce-checkout #order_review .cart-subtotal th { font-size: 1em; font-weight: normal; padding: .6em 0; } body.woocommerce-checkout #order_review .cart-subtotal td { text-align: right; } body.woocommerce-checkout #order_review .woocommerce-shipping-totals ul li { display: flex; flex-direction: row; flex-wrap: nowrap; } body.woocommerce-checkout #order_review .woocommerce-shipping-totals ul li label { width: 100%; align-items: flex-start; display: flex; flex-direction: row; } body.woocommerce-checkout #order_review .woocommerce-shipping-totals ul li label span.amount { align-self: flex-end; flex-grow: 1; text-align: right; } body.woocommerce-checkout #order_review tr td:nth-child(2) { text-align: right; } body.woocommerce-checkout #order_review tr td:nth-child(2) .woocommerce-remove-coupon { display: block; } body.woocommerce-checkout #order_review .order-total td, body.woocommerce-checkout #order_review .tax-rate td { text-align: right; } body.woocommerce-checkout .variations .tooltip, body.woocommerce-checkout .custom_checkout_table .tooltip { position: relative; top: -3px; font-size: 24px; cursor: help; } body.woocommerce-checkout .variations .tooltip:after, body.woocommerce-checkout .custom_checkout_table .tooltip:after { position: absolute; bottom: 30px; left: 0; background: #58595B 0% 0% no-repeat padding-box; box-shadow: 3px 3px 10px #00000029; color: #FFFFFF; content: attr(data-tooltip); font: normal normal normal 10px/15px Roboto; letter-spacing: 0px; opacity: 0; padding: 12px 9px; text-align: left; transition: all .5s ease-in-out; visibility: hidden; width: 228px; z-index: 2; } body.woocommerce-checkout .variations .tooltip:hover, body.woocommerce-checkout .custom_checkout_table .tooltip:hover { color: #FFC000; cursor: help; } body.woocommerce-checkout .variations .tooltip:hover:after, body.woocommerce-checkout .custom_checkout_table .tooltip:hover:after { opacity: 1; visibility: visible; } body.woocommerce-checkout .woocommerce-checkout .woocommerce-checkout-review-order dl dt { clear: both; float: none; } body.woocommerce-checkout .woocommerce-checkout .woocommerce-checkout-review-order dl dd { float: none; } body.woocommerce-checkout .product-name h3 { font-size: 20px; margin-bottom: 0; } body.woocommerce-checkout .product-name h3:after { content: ''; display: block; width: 4.8em; height: 3px; background-color: #ffc000; margin-top: 17px; } body.woocommerce-checkout .product-name .name { font-weight: bold; margin-bottom: 10px; } body.woocommerce-checkout form.woocommerce-checkout { display: flex; flex-flow: row wrap; } body.woocommerce-checkout form.woocommerce-checkout input.corrected { border: 1px solid #ffc000; } body.woocommerce-checkout form.woocommerce-checkout .col2-set, body.woocommerce-checkout form.woocommerce-checkout .sidebar .woocommerce-checkout-review-order, body.woocommerce-checkout form.woocommerce-checkout .sidebar .woocommerce-billing-toggle, body.woocommerce-checkout form.woocommerce-checkout .sidebar .woocommerce-checkout-payment { float: none; } body.woocommerce-checkout form.woocommerce-checkout .sidebar { margin-bottom: 60px; } body.woocommerce-checkout form.woocommerce-checkout .sidebar .woocommerce-checkout-review-order { margin-bottom: 30px; } body.woocommerce-checkout form.woocommerce-checkout .sidebar .woocommerce-checkout-review-order { align-self: flex-start; } @media (max-width: 768px) { body.woocommerce-checkout form.woocommerce-checkout .sidebar .woocommerce-checkout-review-order { align-self: center; } } body.woocommerce-checkout form.woocommerce-checkout .sidebar > div { width: 100%; } @media (max-width: 768px) { body.woocommerce-checkout form.woocommerce-checkout .sidebar { display: flex; flex-direction: column; align-items: center; } } body.woocommerce-checkout .woocommerce-checkout .woocommerce-checkout-review-order table .order-total, body.woocommerce-checkout .woocommerce-checkout .woocommerce-checkout-review-order table .cart-subtotal { border-top: 1px solid #D6D6D6; font: normal normal bold 18px/24px "Tex Gyre Adventor", Arial, sans-serif; } body.woocommerce-checkout #order_review .cart-subtotal td, body.woocommerce-checkout #order_review .cart-subtotal td, body.woocommerce-checkout #order_review .cart-subtotal td, body.woocommerce-checkout #order_review .cart-subtotal th { font-weight: bold; } body.woocommerce-checkout .woocommerce-billing-toggle, body.woocommerce-checkout .woocommerce-checkout-payment { float: left; width: 30%; max-width: 22em; } body.woocommerce-checkout .woocommerce-billing-toggle a, body.woocommerce-checkout #back-to-shipping, body.woocommerce-checkout .woocommerce-checkout-payment button { display: block; height: 48px; background: #FFC000 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; text-align: center; flex-flow: column nowrap; justify-content: center; font: normal normal bold 16px/20px "Tex Gyre Adventor", Arial, sans-serif; letter-spacing: 0px; color: #FFFFFF; border: 3px solid #ffc000; text-transform: uppercase; width: 100%; align-items: center; line-height: 42px; position: relative; cursor: pointer; } body.woocommerce-checkout #back-to-shipping { background-color: #58595b; border: 3px solid #58595b; padding-left: 1em; padding-right: 1em; width: auto; } body.woocommerce-checkout .woocommerce-billing-toggle a:hover, body.woocommerce-checkout .woocommerce-checkout-payment button:hover { color: #FFC000; background: #FFF9E5; } body.woocommerce-checkout #back-to-shipping:hover { color: #58595b; background-color: rgba(88, 89, 91, 0.2); } body.woocommerce-checkout .woocommerce-billing-toggle a:after, body.woocommerce-checkout .woocommerce-checkout-payment button:after { border-bottom: 4px solid transparent; border-left: 6px solid #ffc000; border-right: 2px solid transparent; border-top: 4px solid transparent; content: ""; margin-left: .25em; transform: translateY(-50%); transition: .25s all ease-in-out; display: inline-block; position: absolute; top: 50%; } body.woocommerce-checkout .woocommerce-billing-toggle a:hover:after, body.woocommerce-checkout .woocommerce-checkout-payment button:hover:after { border-bottom: 6px solid transparent; border-left: 8px solid #ffc000; border-right: 4px solid transparent; border-top: 6px solid transparent; margin-left: .5em; transition: .25s all ease-in-out; } body.woocommerce-checkout #accessorials_field .select2-search { display: none; } body.woocommerce-checkout .tooltip { position: relative; top: -3px; font-size: 24px; width: 8%; text-align: center; display: inline-block; vertical-align: top; cursor: help; } body.woocommerce-checkout .tooltip > span { display: block; position: absolute; bottom: 44px; left: 0; background: #58595B 0% 0% no-repeat padding-box; box-shadow: 3px 3px 10px #00000029; color: #FFFFFF; content: attr(data-tooltip); font: normal normal normal 10px/15px Roboto; letter-spacing: 0px; opacity: 0; padding: 12px 9px; text-align: left; transition: all .5s ease-in-out; visibility: hidden; width: 250px; z-index: 2; } body.woocommerce-checkout .tooltip > span strong { font: normal normal bold 10px/15px Roboto; } body.woocommerce-checkout .tooltip:hover { color: #FFC000; } body.woocommerce-checkout .tooltip:hover > span { opacity: 1; visibility: visible; } body.woocommerce-checkout .has-tooltip .woocommerce-input-wrapper > span, body.woocommerce-checkout .has-tooltip .woocommerce-input-wrapper > div { width: 92% !important; display: inline-block; } body.woocommerce-checkout .woocommerce-checkout #shipping_city_field, body.woocommerce-checkout .woocommerce-checkout #billing_city_field { width: 50%; } body.woocommerce-checkout .woocommerce-checkout #shipping_state_field, body.woocommerce-checkout .woocommerce-checkout #billing_state_field { width: 20%; padding-right: 0; } body.woocommerce-checkout .woocommerce-checkout #shipping_state_field .select2-container, body.woocommerce-checkout .woocommerce-checkout #billing_state_field .select2-container { width: 100% !important; } body.woocommerce-checkout .woocommerce-checkout #shipping_postcode_field, body.woocommerce-checkout .woocommerce-checkout #billing_postcode_field { width: 30%; padding-left: 1.5em; } body.woocommerce-checkout .select2-results__option { padding-right: 20px; vertical-align: middle; position: relative; } body.woocommerce-checkout .select2-results__option:before { content: ""; display: inline-block; position: relative; height: 20px; width: 20px; border: 2px solid #e9e9e9; border-radius: 4px; background-color: #fff; margin-right: 10px; vertical-align: middle; font-size: 14px; line-height: 20px; } body.woocommerce-checkout .select2-results__option[data-selected=true]:before { background-color: #58595B; border: 0; } body.woocommerce-checkout .select2-results__option[data-selected=true]:after { font-family: 'syn-icons'; color: white; display: inline-block; font-size: 1.1em; position: absolute; left: 0.4em; top: 54%; transform: translateY(-50%); } body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected], body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: transparent !important; color: #58595B; } body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected]:before, body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[data-selected]:before { background-color: #58595B; border: 0; } body.woocommerce-checkout .select2-container--default .select2-results__option[aria-selected=true], body.woocommerce-checkout .select2-container--default .select2-results__option[data-selected=true] { background-color: transparent !important; color: #58595B; } body.woocommerce-checkout .select2-container--default .select2-results__option[aria-selected=true]:after, body.woocommerce-checkout .select2-container--default .select2-results__option[data-selected=true]:after { font-family: 'syn-icons'; color: white; display: inline-block; font-size: 1.1em; position: absolute; left: 0.4em; top: 54%; transform: translateY(-50%); } body.woocommerce-checkout .select2-container--default .select2-selection--multiple .select2-selection__rendered li { margin: 1px; background: transparent; border: none; font-size: 14px; } body.woocommerce-checkout .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-right: 6px; } body.woocommerce-checkout .select2-container--default .select2-selection--multiple .select2-selection__clear { margin: 0; height: 100%; } body.woocommerce-checkout .checkbox-wrap { vertical-align: middle; } body.woocommerce-checkout .checkbox-wrap input, body.woocommerce-checkout .radio-wrap input { visibility: visible; top: 0; left: 0; z-index: 1; margin: 0; width: 100%; height: 100%; cursor: pointer; } body.woocommerce-checkout #place_order { display: none; } body.woocommerce-checkout #add_new_address { line-height: 1; margin: 0.6em 0 1.1em 0; } body.woocommerce-checkout .woocommerce-shipping-fields .shipping_address h3 { margin-bottom: 0.4em; font-size: 1.9em; color: #58595b; } body.woocommerce-checkout #stripe-card-element, body.woocommerce-checkout #stripe-exp-element, body.woocommerce-checkout #stripe-cvc-element { width: 100%; max-width: 100%; padding: 0.5em; border: 1px solid #B1B1B1; background-color: #F8F8F8; border-radius: 0; font-size: 1em; font-family: "Tex Gyre Adventor", Arial, sans-serif; } body.woocommerce-checkout #wc-stripe-cc-form .form-row-first { float: left; } body.woocommerce-checkout #wc-stripe-cc-form .form-row-last { float: right; } body.woocommerce-checkout #wc-stripe-cc-form .form-row { margin-top: 1.6em; } body.woocommerce-checkout #wc-stripe-cc-form .stripe-source-errors { clear: both; padding-top: 1.6em; } body.woocommerce-checkout #wc-stripe-cc-form .stripe-source-errors > * { cursor: default; margin: 0; } body.woocommerce-checkout #wc-stripe-cc-form .stripe-source-errors > *:after { display: none; } body.woocommerce-checkout #wc-stripe-cc-form .stripe-source-errors li { list-style-type: none; } .woocommerce-shipping-totals.shipping { margin-top: 1.2em; } .woocommerce-shipping-totals.shipping .shipping-title { font-family: "Tex Gyre Adventor", Arial, sans-serif; font-weight: bold; color: #58595b; } body.woocommerce-checkout #customer_details-billing .style-content p { margin-bottom: 0; } body.woocommerce-checkout #customer_details-billing .woocommerce-billing-fields h3 { margin-bottom: 0.65em; font-size: 1.9em; color: #58595b; } body.woocommerce-checkout #customer_details-billing .use_shipping_for_billing-checkbox { line-height: 1; } body.woocommerce-checkout #customer_details-billing #checkout_payments { margin-top: 0.5em; } body.woocommerce-checkout #customer_details-billing .payment_box { padding: 0.4em 0 0.7em 0; } body.woocommerce-checkout #customer_details-billing #checkout_payments .wc_payment_methods { margin-left: 0; } body.woocommerce-checkout #customer_details-billing #checkout_payments .wc_payment_method { line-height: 1; list-style-type: none; padding-bottom: 0.5em; } body.woocommerce-checkout #customer_details-billing label { display: inline-block; cursor: pointer; line-height: 1; } body.woocommerce-checkout #customer_details-billing label img { width: 50px; float: right; margin-top: -7px; } /******************************************************** * Checkout Thank You ********************************************************/ body.woocommerce-order-received .woocommerce-order { margin-top: 3.3em; } body.woocommerce-order-received .order-details-table { max-width: 809px; width: 100%; } body.woocommerce-order-received .order-details-table thead th:last-child, body.woocommerce-order-received .order-details-table thead td:last-child, body.woocommerce-order-received .order-details-table tbody th:last-child, body.woocommerce-order-received .order-details-table tbody td:last-child, body.woocommerce-order-received .order-details-table tfoot th:last-child, body.woocommerce-order-received .order-details-table tfoot td:last-child { text-align: right; padding-right: 1em; } @media (max-width: 768px) { body.woocommerce-order-received .order-details-table thead { overflow: hidden; } body.woocommerce-order-received .order-details-table thead tr { position: absolute; top: -1000vh; left: -1000 vw; } body.woocommerce-order-received .order-details-table tbody tr, body.woocommerce-order-received .order-details-table tfoot tr { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; border-bottom: 1px solid gray; padding: 1em; } body.woocommerce-order-received .order-details-table tbody tr td, body.woocommerce-order-received .order-details-table tfoot tr td { width: 50%; flex-grow: 1; text-align: left; height: auto !important; line-height: 3 !important; } body.woocommerce-order-received .order-details-table tbody tr td::before, body.woocommerce-order-received .order-details-table tfoot tr td::before { width: auto; display: inline-block; padding-left: 1.75em; padding-right: 0.5em; position: relative; top: 0; left: 0; color: #58595b; font-family: 'Tex Gyre Adventor', Arial, sans-serif; font-weight: bold; line-height: 1.5 !important; } body.woocommerce-order-received .order-details-table tbody tr td.line-subtotal::before, body.woocommerce-order-received .order-details-table tbody tr td.qty::before, body.woocommerce-order-received .order-details-table tbody tr td.price::before, body.woocommerce-order-received .order-details-table tfoot tr td.line-subtotal::before, body.woocommerce-order-received .order-details-table tfoot tr td.qty::before, body.woocommerce-order-received .order-details-table tfoot tr td.price::before { width: 50%; padding-right: 0; padding-left: 0; align-items: center; justify-content: flex-end; text-align: right; } body.woocommerce-order-received .order-details-table tbody tr td.line-subtotal, body.woocommerce-order-received .order-details-table tbody tr td.qty, body.woocommerce-order-received .order-details-table tbody tr td.price, body.woocommerce-order-received .order-details-table tfoot tr td.line-subtotal, body.woocommerce-order-received .order-details-table tfoot tr td.qty, body.woocommerce-order-received .order-details-table tfoot tr td.price { padding-left: 0; display: flex; align-items: center; justify-content: stretch; } body.woocommerce-order-received .order-details-table tbody tr td.line-subtotal span, body.woocommerce-order-received .order-details-table tbody tr td.qty span, body.woocommerce-order-received .order-details-table tbody tr td.price span, body.woocommerce-order-received .order-details-table tfoot tr td.line-subtotal span, body.woocommerce-order-received .order-details-table tfoot tr td.qty span, body.woocommerce-order-received .order-details-table tfoot tr td.price span { width: 50% !important; display: flex; text-align: right !important; justify-content: flex-end; border: none !important; line-height: 1.5 !important; height: auto !important; padding-top: 1em; padding-bottom: 1em; background: transparent !important; } body.woocommerce-order-received .order-details-table tbody tr td[colspan="4"], body.woocommerce-order-received .order-details-table tfoot tr td[colspan="4"] { text-align: right; } body.woocommerce-order-received .order-details-table tbody tr td:last-child, body.woocommerce-order-received .order-details-table tfoot tr td:last-child { padding-right: 0; } body.woocommerce-order-received .order-details-table tbody tr td.thumb, body.woocommerce-order-received .order-details-table tfoot tr td.thumb { text-align: center !important; width: 75px !important; } body.woocommerce-order-received .order-details-table tbody tr td.thumb img, body.woocommerce-order-received .order-details-table tfoot tr td.thumb img { top: 0 !important; left: 0 !important; transform: none !important; display: inline-block !important; } body.woocommerce-order-received .order-details-table tbody tr td.link::before, body.woocommerce-order-received .order-details-table tfoot tr td.link::before { content: 'Name: '; } body.woocommerce-order-received .order-details-table tbody tr td.price, body.woocommerce-order-received .order-details-table tfoot tr td.price { width: 100%; } body.woocommerce-order-received .order-details-table tbody tr td.price::before, body.woocommerce-order-received .order-details-table tfoot tr td.price::before { content: 'Price: '; } body.woocommerce-order-received .order-details-table tbody tr td.qty, body.woocommerce-order-received .order-details-table tfoot tr td.qty { width: 100% !important; } body.woocommerce-order-received .order-details-table tbody tr td.qty::before, body.woocommerce-order-received .order-details-table tfoot tr td.qty::before { padding-left: 0; content: 'Qty: '; } body.woocommerce-order-received .order-details-table tbody tr td.line-subtotal::before, body.woocommerce-order-received .order-details-table tfoot tr td.line-subtotal::before { content: 'Item Subtotal: '; width: 50%; } } @media (max-width: 768px) and (max-width: 480px) { body.woocommerce-order-received .order-details-table tbody tr td, body.woocommerce-order-received .order-details-table tfoot tr td { width: 100%; } body.woocommerce-order-received .order-details-table tbody tr td::before, body.woocommerce-order-received .order-details-table tbody tr td.line-subtotal::before, body.woocommerce-order-received .order-details-table tfoot tr td::before, body.woocommerce-order-received .order-details-table tfoot tr td.line-subtotal::before { width: 50%; padding-right: 0; padding-left: 0; align-items: center; justify-content: flex-end; } body.woocommerce-order-received .order-details-table tbody tr td.line-subtotal, body.woocommerce-order-received .order-details-table tfoot tr td.line-subtotal { padding-left: 0; display: flex; align-items: center; justify-content: stretch; } body.woocommerce-order-received .order-details-table tbody tr td.line-subtotal span, body.woocommerce-order-received .order-details-table tfoot tr td.line-subtotal span { width: 50%; display: flex; text-align: right; justify-content: flex-end; } body.woocommerce-order-received .order-details-table tbody tr td.qty, body.woocommerce-order-received .order-details-table tfoot tr td.qty { width: 50%; } body.woocommerce-order-received .order-details-table tbody tr td.price, body.woocommerce-order-received .order-details-table tfoot tr td.price { width: 50%; padding-left: 1.75em; } body.woocommerce-order-received .order-details-table tbody tr td.price::before, body.woocommerce-order-received .order-details-table tfoot tr td.price::before { padding-left: 0; } body.woocommerce-order-received .order-details-table tbody tr td.thumb, body.woocommerce-order-received .order-details-table tfoot tr td.thumb { width: 100% !important; } body.woocommerce-order-received .order-details-table tbody tr td dl, body.woocommerce-order-received .order-details-table tfoot tr td dl { display: flex; flex-direction: row; flex-wrap: wrap; } body.woocommerce-order-received .order-details-table tbody tr td dl dt, body.woocommerce-order-received .order-details-table tfoot tr td dl dt { width: 50%; text-align: right; } body.woocommerce-order-received .order-details-table tbody tr td dl dd, body.woocommerce-order-received .order-details-table tfoot tr td dl dd { width: 50%; text-align: left; margin-left: 0; padding-left: 0.5em; } } @media (max-width: 768px) and (max-width: 480px) { body.woocommerce-order-received .order-details-table tfoot td { text-align: right; width: 50% !important; } body.woocommerce-order-received .order-details-table tfoot td:first-child { text-align: right; } body.woocommerce-order-received .order-details-table tfoot td[colspan="1"] { padding-left: 1.75em; } } body.woocommerce-order-received .order-details-table thead, body.woocommerce-order-received .order-details-table tfoot { background: #F8F8F8 0% 0% no-repeat padding-box; } body.woocommerce-order-received .order-details-table thead tr th { height: 82px; text-align: left; font: normal normal bold 16px/82px "Tex Gyre Adventor", Arial, sans-serif; letter-spacing: 0px; color: #58595B; } body.woocommerce-order-received .order-details-table tbody tr td { height: 125px; text-align: left; font: normal normal normal 16px/100px "Tex Gyre Adventor", Arial, sans-serif; letter-spacing: 0px; color: #58595B; } body.woocommerce-order-received .order-details-table tbody tr td.thumb { vertical-align: top; width: 120px; } body.woocommerce-order-received .order-details-table tbody tr td.thumb img { position: relative; top: 50%; left: 28px; transform: translateY(-50%); display: block; margin: 0; } body.woocommerce-order-received .order-details-table tbody tr td.link a { text-align: left; text-decoration: underline; font: normal normal normal 16px/20px "Tex Gyre Adventor", Arial, sans-serif; letter-spacing: 0px; color: #58595B; opacity: 1; display: inline-flex; } body.woocommerce-order-received .order-details-table tbody tr td.link a span { display: block; line-height: 21px; } body.woocommerce-order-received .order-details-table tbody tr td.qty { vertical-align: top; width: 100px; } body.woocommerce-order-received .order-details-table tbody tr td.qty span { background: #F8F8F8 0% 0% no-repeat padding-box; border: 1px solid #B1B1B1; opacity: 1; width: 62px; height: 48px; display: inline-block; line-height: 42px; vertical-align: middle; text-align: center; } body.woocommerce-order-received .order-details-table tfoot { height: 170px; background: #F8F8F8 0% 0% no-repeat padding-box; } body.woocommerce-order-received .order-details-table tfoot tr td { height: 56px; text-align: left; font: normal normal normal 16px/56px "Tex Gyre Adventor", Arial, sans-serif; letter-spacing: 0px; color: #58595B; opacity: 1; } body.woocommerce-order-received .order-details-table tfoot tr td.label strong { padding-left: 28px; } body.woocommerce-order-received .address_blocks { display: flex; flex-flow: row wrap; max-width: 809px; width: 100%; margin: 44px 0 60px; } body.woocommerce-order-received .address_blocks .shipping, body.woocommerce-order-received .address_blocks .billing { flex: 1 0 50%; } @media (max-width: 768px) { body.woocommerce-order-received .address_blocks .shipping, body.woocommerce-order-received .address_blocks .billing { flex: 1 0 100%; } body.woocommerce-order-received .address_blocks .shipping { margin-bottom: 1em; } } body.woocommerce-order-received .address_blocks .shipping h3, body.woocommerce-order-received .address_blocks .billing h3 { font: normal normal normal 24px/32px "Tex Gyre Adventor", Arial, sans-serif; letter-spacing: 0px; color: #58595B; } body.woocommerce-order-received .address_blocks .shipping strong, body.woocommerce-order-received .address_blocks .billing strong { font: normal normal bold 16px/20px "Tex Gyre Adventor", Arial, sans-serif; letter-spacing: 0px; color: #58595B; } body.woocommerce-order-received .address_blocks .shipping address, body.woocommerce-order-received .address_blocks .billing address { text-align: left; font: normal normal normal 16px/20px "Tex Gyre Adventor", Arial, sans-serif; letter-spacing: 0px; color: #58595B; margin-bottom: 20px; } body.woocommerce-order-received .address_blocks .shipping .method, body.woocommerce-order-received .address_blocks .billing .method { text-align: left; font: normal normal normal 16px/20px "Tex Gyre Adventor", Arial, sans-serif; letter-spacing: 0px; color: #58595B; } body.woocommerce-order-received .woocommerce-order > h2 { color: #58595b; margin-bottom: 0.4em; } body.woocommerce-order-received main p, body.woocommerce-order-received main strong { color: #58595b; } body.woocommerce-order-received .order-details-table tfoot tr:last-of-type td.label { text-transform: uppercase; } /*# sourceMappingURL=checkout.min.css.map */ /******************************************************** * SIZES ********************************************************/ /******************************************************** * COLORS ********************************************************/ /********************************************************/ /********************************************************/ /******************************************************** * TYPOGRAPHY * * .EOT is meant for IE browsers, like 8 and below * .TTF goes back to the 1980's * .WOFF2 & .WOFF are the recommended formats, in order ********************************************************/ @font-face { font-family: 'Tex Gyre Adventor'; font-display: swap; src: url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-regular.woff?v=2") format("woff"), url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-regular.ttf?v=2") format("truetype"); } @font-face { font-family: 'Tex Gyre Adventor'; font-display: swap; src: url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-italic.woff?v=2") format("woff"), url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-italic.ttf?v=2") format("truetype"); font-style: italic; } @font-face { font-family: 'Tex Gyre Adventor'; font-display: swap; src: url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-bold.woff?v=2") format("woff"), url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-bold.ttf?v=2") format("truetype"); font-weight: bold; } @font-face { font-family: 'Tex Gyre Adventor'; font-display: swap; src: url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-bolditalic.woff?v=2") format("woff"), url("/wp-content/themes/accuvent/assets//fonts//texgyreadventor-bolditalic.ttf?v=2") format("truetype"); font-style: italic; font-weight: bold; } /******************************************************** * SOCIAL COLORS - http://designpieces.com/2012/12/social-media-colours-hex-and-rgb/ ********************************************************/ /******************************************************** * Helpful Classes ********************************************************/ .hidden { display: none; } .visuallyhidden, .sr-only { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } /******************************************************** * Mixins ********************************************************/ /******************************************************** * Arrows * * $direction: top, left, right, bottom, top-left, top-right, bottom-left, bottom-right * $color: hex, rgb or rbga * $size: px or em * * @example * .element{ * @include arrow(top, #000, 50px); * } ********************************************************/ /******************************************************** * Functions ********************************************************/ /**************************** * Sections * * The Shopping Cart * Single Product * Related Products * Main Shop Page * ********************************************************* * The Shopping Cart ********************************************************/ body.woocommerce-cart .woocommerce { margin: 0 auto; width: 100%; max-width: 100.571em; padding-left: 1em; padding-right: 1em; display: flex; position: relative; flex-wrap: wrap; margin-bottom: 5em; } body.woocommerce-cart .woocommerce .woocommerce-cart-form { flex-grow: 1; margin-right: 3em; } @media (max-width: 67.5em) { body.woocommerce-cart .woocommerce .woocommerce-cart-form { margin-right: 0; width: 100%; overflow-x: auto; } } @media (max-width: 33.75em) { body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents thead { overflow: hidden; } body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents thead tr { position: absolute; top: -1000vh; left: -1000 vw; } body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents tbody tr { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents tbody tr td { flex-grow: 1; } body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents tbody tr.cart_item { padding-bottom: 1em; } body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents tbody tr.cart_item td { width: 50%; text-align: left; } body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents tbody tr.cart_item td::before { width: auto; display: inline-block; position: relative; top: 0; left: 0; color: #58595b; font-family: 'Tex Gyre Adventor', Arial, sans-serif; } body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents tbody tr.cart_item td.product-remove { order: 6; } body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents tbody tr.cart_item td.product-remove::before { content: "Remove: "; vertical-align: middle; } body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents tbody tr.cart_item td.product-remove a { padding: 0.8em; vertical-align: middle; } body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents tbody tr.cart_item td.product-name::before { content: 'Name: '; } body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents tbody tr.cart_item td.product-price::before { content: 'Price: '; } body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents tbody tr.cart_item td.product-quantity::before { content: 'Qty: '; } body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents tbody tr.cart_item td.product-subtotal::before { content: 'Subtotal: '; } } @media (max-width: 33.75em) and (max-width: 480px) { body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents tbody tr.cart_item td { width: 100%; text-align: center; } body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents tbody tr.cart_item td dl { display: flex; flex-direction: row; flex-wrap: wrap; } body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents tbody tr.cart_item td dl dt { width: 50%; text-align: right; } body.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents tbody tr.cart_item td dl dd { width: 50%; text-align: left; margin-left: 0; padding-left: 0.5em; } } @media (max-width: 67.5em) { body.woocommerce-cart .woocommerce .cart-collaterals { margin: 2em auto 0 auto; } } body.woocommerce-cart .cart-header-copy { width: 100%; } body.woocommerce-cart .cart-header-copy h1 { margin-bottom: 0.7em; margin-top: 0.9em; text-transform: uppercase; } body.woocommerce-cart .cart-header-copy h1:after { content: ''; display: block; width: 2.2em; height: 3px; background-color: #ffc000; margin-top: 0.3em; } body.woocommerce-cart .woocommerce-message, body.woocommerce-cart .woocommerce-error, body.woocommerce-cart .woocommerce-info { margin-top: 2.8em; } body.woocommerce-cart .cart-empty.woocommerce-info { width: 100%; margin-bottom: 1.3em; margin-top: 1.3em; } body.woocommerce-cart .return-to-shop { line-height: 0; } body.woocommerce-cart .return-to-shop a { position: relative; color: #fff !important; height: auto !important; margin: 0 !important; padding: 1em 1.6em; } body.woocommerce-cart .return-to-shop a:hover { color: #ffc000 !important; } body.woocommerce-cart .return-to-shop a .circle { position: absolute; top: 50%; left: 50%; background-color: rgba(255, 192, 0, 0.3); border-radius: 50%; height: 25px; pointer-events: none; transform: scale(0); width: 25px; } body.woocommerce-cart .return-to-shop a .grow { -webkit-animation: grow_yellow 1.4s ease-out; animation: grow_yellow 1.4s ease-out; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents { width: 100%; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-name, .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-name a, .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-price, .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-quantity, .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-subtotal { color: #58595b; font-family: "Tex Gyre Adventor", Arial, sans-serif; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-name a { text-decoration: underline; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-name a:hover { color: #ffc000; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .variation { display: flex; flex-direction: row; align-items: flex-start; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .variation dt { flex-grow: 0; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .variation dd { flex-grow: 1; margin-left: 0.25em; padding-top: 1px; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .variation dd p { line-height: 1.8em; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents th, .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td { text-align: center; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents th { background-color: #F8F8F8; font-weight: bold; padding: 2em .5em; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents th.product-remove, .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents th.product-thumbnail { padding: 2em 0; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td { border-top: 1em solid transparent; padding: 0 0.5em; vertical-align: middle; } @media (max-width: 48em) { .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td { padding: 0 0.25em; } } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-remove { max-width: 0.7em; } @media (max-width: 48em) { .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-remove { max-width: none; } } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-remove a { display: inline-block; border: 1px solid black; border-radius: 50%; color: black; font-size: 1.4em; line-height: 0.5em; padding: 0.18em 0.156em; transform: rotateZ(0deg); } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-remove a:hover { transform: rotateZ(180deg); } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-thumbnail { max-width: 1.9em; } @media (max-width: 48em) { .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-thumbnail { max-width: none; } } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-thumbnail img { border: 1px solid #58595b; transform: scale(1); transition: all .25s linear; width: 4em; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-thumbnail img:hover { transform: scale(1.25); } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-name { text-align: left; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-price { max-width: 3.1em; } @media (max-width: 48em) { .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-price { max-width: none; width: 3.4em; } } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-quantity { max-width: 2.5em; } @media (max-width: 48em) { .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-quantity { max-width: none; width: 5em; } } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-quantity .screen-reader-text { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-quantity input { text-align: center; width: 3.3em; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-subtotal { max-width: 3.1em; } @media (max-width: 48em) { .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents .product-subtotal { max-width: none; } } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions { background-color: #F8F8F8; padding: 0.4em 1em 0.7em 1em; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions label[for="coupon_code"] { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions input[name="coupon_code"] { background-color: #E6E6E6; color: #000; margin-right: .5em; transition: all .25s ease; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions input[name="coupon_code"]::-webkit-input-placeholder, .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions input[name="coupon_code"]::-moz-placeholder, .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions input[name="coupon_code"]:-ms-input-placeholder, .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions input[name="coupon_code"]::placeholder { color: #58595b; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions input[name="coupon_code"]:focus { background-color: #F8F8F8; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions .coupon { display: flex; float: left; } @media (max-width: 48em) { .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions .coupon { float: none; } } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions .button { font-family: "Tex Gyre Adventor", Arial, sans-serif; font-size: 1em; min-width: 12.6em; padding: 1em 1.6em; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions .button:hover { padding: 1em 2.5em 1em 2em; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions .button:hover:after { border-bottom: 6px solid transparent; border-right: 4px solid transparent; border-top: 6px solid transparent; margin-left: .5em; transition: .25s all ease-in-out; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions .button:after { position: absolute; top: 50%; border-bottom: 4px solid transparent; border-right: 2px solid transparent; border-top: 4px solid transparent; content: ""; margin-left: .25em; transform: translateY(-50%); transition: .25s all ease-in-out; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions .button[name="apply_coupon"] { background-color: #fff; border: 2px solid #58595b; color: #58595b !important; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions .button[name="apply_coupon"]:hover { background-color: rgba(88, 89, 91, 0.9); border: 2px solid #58595b; color: #fff !important; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions .button[name="apply_coupon"]:hover:after { border-left: 8px solid #fff; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions .button[name="apply_coupon"]:after { border-left: 6px solid #fff; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions .button[name="update_cart"] { background-color: #58595b; border: 3px solid #58595b; color: #fff !important; float: right; } @media (max-width: 48em) { .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions .button[name="update_cart"] { float: none; margin-top: 2em; } } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions .button[name="update_cart"]:hover { background-color: rgba(88, 89, 91, 0.2); border: 3px solid #58595b; color: #58595b !important; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions .button[name="update_cart"]:hover:after { border-left: 8px solid #58595b; } .woocommerce-cart-form .shop_table.woocommerce-cart-form__contents td.actions .button[name="update_cart"]:after { border-left: 6px solid #58595b; } /******************************************************** * Single Product ********************************************************/ .site__main > .product { margin-top: 3.3em; } body.single .product form { position: relative; } body.single .product .add-to-cart-spinner { position: absolute; height: 100%; width: 100%; z-index: 10000; } body.single .product .add-to-cart-spinner .spinner-wrapper { top: 50%; transform: translateY(-50%); } body.single .product .add-to-cart-spinner .spinner-wrapper #object_one { border-top-color: transparent; border-left-color: transparent; } body.single .product .add-to-cart-spinner .spinner-wrapper #object_two { border-right-color: transparent; border-top-color: transparent; } body.single .product .add-to-cart-spinner .spinner-wrapper #object_three { border-bottom-color: transparent; border-left-color: transparent; } body.single .product .add-to-cart-spinner .spinner-wrapper #object_four { border-bottom-color: transparent; border-right-color: transparent; } body.single .product .wrapper.column-container { flex-direction: row-reverse; } @media (max-width: 48em) { body.single .product .wrapper.column-container { flex-direction: column-reverse; } } body.single .product .woocommerce-product-container-wrapper { margin-left: 5.5em; max-width: 583px; width: 100%; } body.single .product .woocommerce-product-container-wrapper .onsale { top: 2.7em; padding: 0.5em; } @media (max-width: 75em) { body.single .product .woocommerce-product-container-wrapper { margin-left: 2.5em; max-width: 450px; } } @media (max-width: 64em) { body.single .product .woocommerce-product-container-wrapper { max-width: 380px; } } @media (max-width: 48em) { body.single .product .woocommerce-product-container-wrapper { margin: 0 auto; max-width: 583px; padding-top: 3em; } } @media (max-width: 39.375em) { body.single .product .woocommerce-product-container-wrapper { max-width: 100%; } } body.single .product .woocommerce-product-gallery__wrapper .slick-list { background-color: #fff; box-shadow: 0 0 10px 2px #dadada; } body.single .product .woocommerce-product-gallery__wrapper a { display: flex; height: 100%; } body.single .product .woocommerce-product-gallery__wrapper img { margin: auto; } body.single .product .woocommerce-product-gallery__wrapper .slick-arrow { z-index: 1500; } body.single .product .woocomm-product-slider-navigation { margin-top: 2.5em; } body.single .product .woocomm-product-slider-navigation .slick-current img { border: 3px solid #ffc000; } body.single .product .woocomm-product-slider-navigation .slick-slide { display: flex; cursor: pointer; } body.single .product .woocomm-product-slider-navigation img { display: block; border: 2px solid #B1B1B1; margin: auto; transition: border .25s linear; } body.single .product .woocomm-product-slider-navigation img:hover { border: 3px solid #ffc000; } body.single .product .slick-arrow:before { color: #58595b; opacity: 0.6; text-shadow: none; transition: opacity .25s linear; } body.single .product .slick-arrow:hover:before { opacity: 0.99; text-shadow: 0px 0px 3px #ffffff; } body.single .product .slick-arrow.slick-disabled:before { opacity: 0; text-shadow: none; } body.single .product .slick-arrow.slick-disabled { cursor: not-allowed; } body.single .product .wc-tabs-wrapper { clear: both; } body.single .reset_variations { float: left; line-height: 3em; } body.single .added_to_cart, body.single .reset_variations { color: #58595b; margin-left: 1.5em; text-decoration: underline; } body.single .added_to_cart:hover, body.single .reset_variations:hover { color: #ffc000; } body.single .entry-summary .price { color: #58595b; font-size: 2.2em; margin: 0; } body.single .entry-summary .price div, body.single .entry-summary .price span, body.single .entry-summary .price bdi, body.single .entry-summary .price p { font-family: "Tex Gyre Adventor", Arial, sans-serif; } body.single .entry-summary .price .woocommerce-Price-amount { font-weight: bold; } body.single .entry-summary .woocommerce-variation-price { line-height: 1.857; } body.single .entry-summary .woocommerce-variation-price .price { display: inline-block; } body.single .entry-summary .woocommerce-variation-price .woocommerce-Price-amount { display: inline-block; } body.single .entry-summary .woocommerce-variation-availability p { margin: 0; } body.single .entry-summary .quantity { max-width: 200px; } body.single .entry-summary .quantity label { display: block; font-size: 1.25em; margin-bottom: 0.5em; } body.single .entry-summary .quantity input { border: 1px solid #DDDDDD !important; box-shadow: 0px 3px 9px -3px #909090 !important; } body.single .entry-summary .variations { margin-top: 0.5em; margin-bottom: 1.6em; } body.single .entry-summary .variations tr:first-of-type .label { margin: 0 0 0.5em 0; } body.single .entry-summary .variations td { display: block; } body.single .entry-summary .variations .label { font-size: 1.25em; margin: 1.6em 0 0.5em 0; } body.single .entry-summary .variations .select-wrap { float: left; width: auto; } body.single .entry-summary .woocommerce-product-details__short-description { margin-bottom: .3em; } body.single .entry-summary .cta { margin: 2.2em 0 2em 0; } body.single .entry-summary .woocommerce-product-head-underline { margin-bottom: 1.9em; margin-top: 0.5em; } body.single .entry-summary .woocommerce-product-head-underline:after { content: ''; display: block; width: 5.3em; height: 3px; background-color: #ffc000; margin-top: 0.3em; } body.single .entry-summary .product_meta > div { color: #58595b; font-family: "Tex Gyre Adventor", Arial, sans-serif; font-weight: bold; } body.single .entry-summary .sku_wrapper { color: #58595b; font-family: "Tex Gyre Adventor", Arial, sans-serif; font-weight: bold; } body.single .entry-summary .product-ship-txt { margin-top: 2.1em !important; display: block; font-size: 0.815em; } body.single .entry-summary .product-ship-txt .icon-shipping-fast { font-size: 1.6em; } body.single .entry-summary h1, body.single .entry-summary h2 { font-weight: bold; margin-bottom: 0; } body.single .entry-summary h1 { line-height: 1em; } body.single .entry-summary h2 { font-size: 1.25em; } body.single .entry-summary h2:after { display: none !important; } body.single .variations .tooltip, body.single .custom_checkout_table .tooltip { position: relative; top: -3px; font-size: 24px; cursor: help; } body.single .variations .tooltip:after, body.single .custom_checkout_table .tooltip:after { position: absolute; bottom: 30px; left: 0; background: #58595B 0% 0% no-repeat padding-box; box-shadow: 3px 3px 10px #00000029; color: #FFFFFF; content: attr(data-tooltip); font: normal normal normal 10px/15px Roboto; letter-spacing: 0px; opacity: 0; padding: 12px 9px; text-align: left; transition: all .5s ease-in-out; visibility: hidden; width: 228px; z-index: 2; } body.single .variations .tooltip:hover, body.single .custom_checkout_table .tooltip:hover { color: #FFC000; cursor: help; } body.single .variations .tooltip:hover:after, body.single .custom_checkout_table .tooltip:hover:after { opacity: 1; visibility: visible; } body.single .custom_checkout_table td + td { padding-left: 1em; } .single_add_to_cart_button .circle { background-color: rgba(255, 192, 0, 0.3); } .single_add_to_cart_button .grow { -webkit-animation: grow_yellow 1.4s ease-out; animation: grow_yellow 1.4s ease-out; } .woocommerce-variation-availability { display: none; } .zoomImg { cursor: zoom-in; } .onsale { position: absolute; background-color: #ffc000; color: #fff; font-family: "Tex Gyre Adventor", Arial, sans-serif; z-index: 1503; } .woocommerce-tabs.wc-tabs-wrapper { background-color: #2f2f2f; margin: 104px 0 0; padding-top: 0; } .woocommerce-tabs.wc-tabs-wrapper .wrapper { display: flex; flex-flow: row wrap; justify-content: space-between; color: #fff; min-height: 440px; padding-top: 0; } @media (max-width: 63.9375em) { .woocommerce-tabs.wc-tabs-wrapper .wrapper { display: block; } } .woocommerce-tabs.wc-tabs-wrapper .wrapper .wc-tabs { flex: 0 0 auto; margin-left: auto; padding-right: 50px; margin-top: 45px; } @media (max-width: 63.9375em) { .woocommerce-tabs.wc-tabs-wrapper .wrapper .wc-tabs { padding-right: 0; margin-top: 0; padding-top: 0.5em; margin-bottom: 4.4em; min-height: 5em; } } .woocommerce-tabs.wc-tabs-wrapper .wrapper .wc-tabs li { padding: 14px 0; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .wc-tabs li a { color: #ffffff; font: normal normal bold 18px/24px TeX Gyre Adventor; letter-spacing: 0px; opacity: 1; text-align: left; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .wc-tabs li a:hover { color: #ffc000; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .wc-tabs li a i { font-size: 24px; line-height: 0.5; display: inline-block; opacity: 0; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .wc-tabs li[id^="tab"] { display: list-item; border-bottom: 1px solid #707070; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .wc-tabs li[id^="tab"].last { border-bottom: none; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .wc-tabs li[id^="tab"].hidden { display: none; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .wc-tabs li.active a { color: #ffc000; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .wc-tabs li.active a i { opacity: 1; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .wc-tabs li .select2-container { width: 100% !important; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .wc-tabs li .select-wrap { min-width: 130px; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .wc-tabs li .select2-selection { border-radius: 0; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .wc-tabs li .select2-selection .select2-selection__rendered { height: 1.7em; line-height: 25px; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .wc-tabs li .select2-selection b { margin-left: -6px !important; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .panel-wrapper { position: relative; top: -3.35em; background-color: #fff; box-shadow: 5px 10px 30px #00000029; color: #58595b; width: 100%; max-width: 57.687em; margin-bottom: -6.125em; padding: 5.9em 3.75em; } @media (max-width: 75em) { .woocommerce-tabs.wc-tabs-wrapper .wrapper .panel-wrapper { max-width: 46.8em; } } @media (max-width: 63.9375em) { .woocommerce-tabs.wc-tabs-wrapper .wrapper .panel-wrapper { max-width: none; margin-left: 0.9em; width: calc( 100% - .9em); } } @media (max-width: 48em) { .woocommerce-tabs.wc-tabs-wrapper .wrapper .panel-wrapper { padding: 3.9em 1.5em; } } @media (max-width: 25em) { .woocommerce-tabs.wc-tabs-wrapper .wrapper .panel-wrapper { padding: 3.9em 1em; margin-left: 0; width: 100%; } } .woocommerce-tabs.wc-tabs-wrapper .wrapper .panel-wrapper:before { display: block; position: absolute; top: 0; left: -30px; background: transparent linear-gradient(45deg, #9f9f9f 0%, #555 100%) 0% 0% no-repeat padding-box; -webkit-clip-path: polygon(100% 100%, 0% 100%, 100% 0%, 100% 100%); clip-path: polygon(100% 100%, 0% 100%, 100% 0%, 100% 100%); content: ""; height: 54px; opacity: 1; width: 30px; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .panel-wrapper a { color: #58595b; display: flex; flex-direction: row; align-items: center; padding-top: 0.25em; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .panel-wrapper a.uppercase { text-transform: uppercase; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .panel-wrapper a.strong { font-weight: bold; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .panel-wrapper a:hover, .woocommerce-tabs.wc-tabs-wrapper .wrapper .panel-wrapper a:active, .woocommerce-tabs.wc-tabs-wrapper .wrapper .panel-wrapper a:focus { color: #ffc000; text-decoration: none; border-bottom: 0; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .panel-wrapper a img { margin-left: 0.5em; vertical-align: middle; display: flex; order: 1; margin-top: -0.25em; } .woocommerce-tabs.wc-tabs-wrapper .wrapper .panel-wrapper .flex-half { width: 49%; display: inline-block; } @media (max-width: 600px) { .woocommerce-tabs.wc-tabs-wrapper .wrapper .panel-wrapper .flex-half { width: 100%; } } .woocommerce-tabs.wc-tabs-wrapper .wrapper .panel-wrapper .flex-half br + strong { margin-top: 1em; display: inline-block; } /******************************************************** * Related Products * * For more code see: /layout/_product-tile.scss ********************************************************/ .related-products-container { background-image: url("/wp-content/themes/accuvent/assets/dist/images/tiny-square.jpg"); margin-bottom: -2em; padding-bottom: 8em; padding-top: 8em; } .related.products > h2 { margin-bottom: 1.2em; color: #58595b; font-size: 2.8em; font-weight: normal; } .related.products > h2:after { content: ''; display: block; width: 2.8em; height: 3px; background-color: #ffc000; margin-top: 0.4em; } @media (max-width: 56.25em) { .related.products > h2 { font-size: 2.1em; } } /******************************************************** * Main Shop Page ********************************************************/ body.woocommerce-shop .site__main { background-image: url("/wp-content/themes/accuvent/assets/dist/images/tiny-square.jpg"); margin-bottom: -2em; padding-bottom: 2em; } form.woocommerce-ordering { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; pointer-events: none; } body.my-account form.woocommerce-form p.woocommerce-LostPassword { float: right; width: auto; z-index: 100; position: relative; } /******************************************************** * Notifications ********************************************************/ .woocommerce .woocommerce-notices-wrapper .woocommerce-error, .woocommerce .woocommerce-notices-wrapper .woocommerce-info, .woocommerce .woocommerce-notices-wrapper .woocommerce-message { transform: translateX(0); transition: transform 0.4s linear; } .woocommerce .woocommerce-notices-wrapper .woocommerce-error.dismiss, .woocommerce .woocommerce-notices-wrapper .woocommerce-info.dismiss, .woocommerce .woocommerce-notices-wrapper .woocommerce-message.dismiss { transform: translateX(100%); } /*# sourceMappingURL=woocommerce.min.css.map */