/***************************** ******************************
Reset CSS
****************************** *****************************/
:root {
font-size: 14px;
--primary: #E6270F;
--secondary: #3C3C3C;
--white: #FFFFFF;
--gray: #56626B;
--lightGray: #EEF0EE;
--bgWhite: 255, 255, 255;
--bgGray: 238, 240, 238;
--shadowGray: 74, 84, 105;
--borderGray: #C7C9C7;
--font-family-heading: 'Poppins', sans-serif;
--font-family-body: 'Montserrat', sans-serif;
--font-family-secondary: 'Montserrat', sans-serif;
}
/**/
@media (min-width: 768px) {
:root {
font-size: 14.5px;
}
}
@media (min-width: 992px) {
:root {
font-size: 15px;
}
}
@media (min-width: 1200px) {
:root {
font-size: 16px;
}
}
body {
font-family: var(--font-family-body);
font-weight: 500;
color: var(--gray);
background: rgba(var(--bgWhite), 1.0);
}
body, html {
overflow-x: hidden;
}
html {
scroll-behavior: smooth;
}
a {
color: var(--secondary);
text-decoration: none;
outline: none;
}
a:hover {
color: var(--primary);
text-decoration: none;
outline: none;
}
a:focus {
outline: none
}
.mark, mark {
padding: 0;
}
.form-select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23303D59' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
/*Form Control*/
.form-control {
height: 48px;
padding: 0.375rem 1.2rem !important;
font-size: 0.875rem;
font-weight: 500;
color: var(--gray);
background-color: var(--white);
border: 1px solid var(--borderGray);
border-radius: 25rem;
box-shadow: none;
}
.form-control:focus {
color: var(--gray);
background-color: var(--white);
border-color: var(--primary);
box-shadow: none;
}
.form-control::-webkit-input-placeholder {
color: var(--gray);
opacity: 1;
}
.form-control::-moz-placeholder {
color: var(--gray);
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: var(--gray);
opacity: 1;
}
.form-control::-ms-input-placeholder {
color: var(--gray);
opacity: 1;
}
.form-control::placeholder {
color: var(--gray);
opacity: 1;
}
select.form-control {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23303D59' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 1.5rem center;
background-size: 16px 12px;
font-size: 0.875rem !important;
font-weight: 500;
}
textarea.form-control {
height: 150px !important;
border-radius: 1.5rem;
resize: none;
}
/*File Upload*/
.file-upload-wrapper .file-upload-message {
position: relative;
border: 2px dashed var(--borderGray);
width: 100%;
height: 100%;
border-radius: 1.5rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.file-upload-wrapper:hover .file-upload-message {
border-color: var(--secondary);
}
.file-upload-wrapper .file-upload-message + span.gform_drop_instructions {
display: none;
}
.gform_delete_file {
color: var(--gray);
}
.file-upload-wrapper .file-upload-message i.drag-drop-icon {
background-image: url("data:image/svg+xml,");
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
width: 40px;
height: 40px;
display: block;
margin: 0 auto 15px;
}
@media (min-width: 576px) {
.file-upload-wrapper .file-upload-message i.drag-drop-icon {
width: 50px;
height: 50px;
}
}
@media (min-width: 768px) {
.file-upload-wrapper .file-upload-message i.drag-drop-icon {
width: 60px;
height: 60px;
}
}
.file-upload-wrapper .file-upload-message p {
font: 400 1.25rem/1 var(--font-family-body);
color: var(--secondary);
margin: 5px 0 0;
}
@media (max-width: 576px) {
.file-upload-wrapper .file-upload-message p {
font-size: 1.15rem;
}
}
.file-upload-wrapper .gform_button_select_files {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
cursor: pointer;
z-index: 5;
}
/*Buttons*/
.btn {
font-family: var(--font-family-secondary);
border-width: 2px;
font-weight: 600;
padding: 0.5rem 1.5rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 25rem;
min-width: 150px;
}
@media (max-width: 340.98px) {
.btn {
min-width: 145px;
}
}
.btn.focus, .btn:focus {
outline: 0;
box-shadow: none;
}
.btn svg {
margin-left: 10px;
}
.btn-primary {
color: var(--white);
background-color: var(--primary);
border-color: var(--primary);
}
.btn-primary:hover {
color: var(--white);
background-color: var(--secondary);
border-color: var(--secondary);
}
.btn-primary:focus, .btn-primary.focus {
color: var(--white);
background-color: var(--secondary);
border-color: var(--secondary);
box-shadow: none;
}
.btn-primary.disabled, .btn-primary:disabled {
color: var(--white);
background-color: var(--primary);
border-color: var(--primary);
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
color: var(--white);
background-color: var(--secondary);
border-color: var(--secondary);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: none;
}
.btn-outline-primary {
color: var(--primary);
background-color: transparent;
border-color: var(--primary);
}
.btn-outline-primary:hover {
color: var(--white);
background-color: var(--primary);
border-color: var(--primary);
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
box-shadow: none;
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
color: var(--white);
background-color: var(--primary);
border-color: var(--primary);
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
box-shadow: none;
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
color: var(--primary);
background-color: transparent;
border-color: var(--primary);
}
.btn-secondary {
color: var(--white);
background-color: var(--secondary);
border-color: var(--secondary);
}
.btn-secondary:hover {
color: var(--white);
background-color: var(--primary);
border-color: var(--primary);
}
.btn-secondary:focus, .btn-secondary.focus {
color: var(--white);
background-color: var(--primary);
border-color: var(--primary);
box-shadow: none;
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: var(--white);
background-color: var(--secondary);
border-color: var(--secondary);
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
color: var(--white);
background-color: var(--primary);
border-color: var(--primary);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: none;
}
.btn-outline-secondary {
color: var(--secondary);
background-color: transparent;
border-color: var(--secondary);
}
.btn-outline-secondary:hover {
color: var(--white);
background-color: var(--secondary);
border-color: var(--secondary);
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
box-shadow: none;
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
color: var(--white);
background-color: var(--secondary);
border-color: var(--secondary);
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
box-shadow: none;
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
color: var(--secondary);
background-color: transparent;
}
.btn.btn-link {
font: 600 1rem/1.5 var(--font-family-heading);
color: var(--secondary);
border: none;
padding: 0;
text-decoration: none;
}
.btn.btn-link:hover {
color: var(--primary);
}
.btn.btn-link svg {
fill: var(--secondary);
margin-left: 5px;
margin-top: -2px;
width: 20px;
height: 20px;
}
@media (min-width: 768px) {
.btn.btn-link svg {
width: 22px;
height: 22px;
}
}
@media (min-width: 992px) {
.btn.btn-link svg {
width: 25px;
height: 25px;
}
}
.btn.btn-link:hover svg {
fill: var(--primary);
}
.btn-fill {
color: var(--white);
background-color: var(--primary);
border-color: var(--primary);
}
.btn-fill:hover {
color: var(--white);
background-color: var(--secondary);
border-color: var(--secondary);
}
.btn-fill:focus, .btn-fill.focus {
color: var(--white);
background-color: var(--secondary);
border-color: var(--secondary);
box-shadow: none;
}
.btn-line {
color: var(--primary);
background-color: transparent;
border-color: var(--primary);
}
.btn-line:hover {
color: var(--white);
background-color: var(--primary);
border-color: var(--primary);
}
.btn-line:focus, .btn-line.focus {
color: var(--white);
background-color: var(--primary);
border-color: var(--primary);
box-shadow: none;
}
.wp-block-button a.wp-block-button__link {
font-family: var(--font-family-secondary);
color: var(--white);
background-color: var(--primary);
border-color: var(--primary);
font-size: 1rem;
border-width: 2px;
border-style: solid;
line-height: 1.5;
padding: 0.75rem 1.5rem;
font-weight: 600;
border-radius: 25rem;
min-width: 150px;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.wp-block-button a.wp-block-button__link:active, .wp-block-button a.wp-block-button__link:focus, .wp-block-button a.wp-block-button__link:hover {
color: var(--white);
background-color: var(--secondary);
border-color: var(--secondary);
}
.wp-block-button.is-style-outline > a.wp-block-button__link:not(.has-text-color), .wp-block-button a.wp-block-button__link.is-style-outline:not(.has-text-color) {
color: var(--primary);
background-color: transparent;
border-color: var(--primary);
}
.wp-block-button.is-style-outline > a.wp-block-button__link:active:not(.has-text-color), .wp-block-button.is-style-outline > a.wp-block-button__link:focus:not(.has-text-color), .wp-block-button.is-style-outline > a.wp-block-button__link:hover:not(.has-text-color), a.wp-block-button__link.is-style-outline:active:not(.has-text-color), a.wp-block-button__link.is-style-outline:focus:not(.has-text-color), a.wp-block-button__link.is-style-outline:hover:not(.has-text-color) {
color: var(--white);
background-color: var(--primary);
border-color: var(--primary);
}
/*Play Icon With Animation*/
.has-video .play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: inline-block;
box-shadow: 0px 0px 1px 0px rgba(var(--shadowGray), 0.15);
border-radius: 50%;
}
.has-video .play-btn svg {
border-radius: 100%;
display: block;
}
@media (max-width: 575.98px) {
.has-video .play-btn svg {
width: 80px;
height: 80px;
}
}
.has-video a:hover .play-btn::after {
content: '';
width: 100%;
height: 100%;
border-radius: 100%;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: ring 2s linear infinite;
}
@keyframes ring {
0% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
40% {
box-shadow: 0 0 0 90px rgba(255, 255, 255, 0);
}
80% {
box-shadow: 0 0 0 90px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
}
/*Modal CSS*/
.modal-backdrop.show {
opacity: .7;
}
.modal .modal-header, .modal .modal-footer {
border: 0;
}
.modal .modal-header {
position: absolute;
top: 1em;
right: 0;
padding-top: 0;
padding-bottom: 0;
justify-content: flex-end;
}
.modal .modal-header button {
transition: all .3s ease;
}
.modal .modal-header button:hover, .modal .modal-header button:focus {
outline: 0;
box-shadow: none;
transform: rotate(180deg);
}
.modal .modal-footer {
justify-content: flex-start;
}
.modal .modal-content {
color: var(--gray);
font-weight: 500;
border-radius: 0;
padding: 2.5rem;
border: 0;
}
/*Video Modal*/
.modal.for-modal-video .modal-content .modal-body {
overflow: hidden;
padding-top: 56.25%;
position: relative;
}
.modal.for-modal-video .modal-content .modal-body iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.iframe-container iframe {
width: 100%;
}
/*Social*/
.socials ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.socials ul li {
display: inline-block;
margin: 0 5px 0 0;
padding: 8px 0;
}
.socials ul li a {
display: flex;
width: 32px;
height: 32px;
border: 1px solid var(--secondary);
border-radius: 50%;
color: var(--secondary);
font-size: 1rem;
line-height: 32px;
align-items: center;
justify-content: center;
}
.socials ul li a:hover {
background: var(--primary);
border-color: var(--primary);
color: var(--white);
}
/*Map Lable Mobile*/
@media (max-width: 767.98px) {
.map .gm-style .marker-label {
display: none !important;
}
}
/*Header CSS*/
header.site-layout {
background: rgba(var(--bgWhite), 1.0);
}
/**/
.header-top {
background: rgba(var(--bgGray), 1.0);
height: 42px;
position: relative;
}
.header-top .socials ul li a {
width: 24px;
height: 24px;
font-size: 0.8rem;
line-height: 24px;
}
.head-contact-info ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
}
.head-contact-info ul li {
font-family: var(--font-family-secondary);
color: var(--secondary);
font-size: 0.8125rem;
font-weight: 500;
padding-right: 20px;
margin-right: 20px;
height: 42px;
line-height: 40px;
}
.head-contact-info ul li:last-child {
padding-right: 0;
margin-right: 0;
}
.head-contact-info ul li i {
margin-right: 5px;
}
.head-contact-info ul li a {
color: var(--secondary);
}
.head-contact-info ul li a:hover {
color: var(--primary);
}
/**/
.select-location.btn-group {
margin-left: 40px;
}
.select-location.btn-group .btn {
border-radius: 0;
padding: 0 25px;
height: 42px;
font-size: 0.8125rem;
font-weight: 500;
border: none;
min-width: 205px;
text-align: center;
line-height: 42px;
}
.select-location.btn-group .btn svg {
margin-left: 0;
margin-right: 10px;
}
.select-location.btn-group .btn.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
height: 10px;
width: 10px;
border: none;
position: absolute;
right: 25px;
top: calc(50% - 5px);
}
.select-location .dropdown-menu {
border: 1px solid var(--borderGray);
border-radius: 20px;
padding: 1.5rem 2rem;
font-size: 0.8125rem;
color: var(--gray);
width: 100%;
margin-top: 6px !important;
}
.select-location .dropdown-menu::before {
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
top: -5px;
left: calc(50% - 4px);
transform: rotate(45deg);
background: var(--white);
border: none;
border-left: 1px solid var(--borderGray);
border-top: 1px solid var(--borderGray);
}
.select-location .dropdown-menu .dropdown-item {
padding: .5rem 0;
font-weight: 600;
color: var(--gray);
position: relative;
display: inline-block;
width: auto;
}
.select-location .dropdown-menu .dropdown-item::after {
background: transparent;
position: absolute;
content: "";
height: 2px;
width: 100%;
left: 0;
bottom: 5px;
transform: scale3d(0, 1, 0);
transform-origin: 0 0;
transition: transform .25s ease-out;
}
.select-location .dropdown-menu .dropdown-item:focus, .select-location .dropdown-menu .dropdown-item:hover {
color: var(--gray);
background-color: transparent;
}
.select-location .dropdown-menu .dropdown-item:hover::after {
background: var(--primary);
transform: scaleX(1);
}
/*Header Main*/
.header-main {
padding: 10px 0;
height: 80px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07);
}
@media (min-width: 992px) {
.header-main {
height: 130px;
}
}
header .brand img, header .brand svg {
display: block;
width: 115px;
}
@media (min-width: 576px) {
header .brand img, header .brand svg {
width: 150px;
}
}
@media (min-width: 992px) {
header .brand img, header .brand svg {
width: 226px;
}
}
.woocommerce header .brand img, .woocommerce-page header .brand svg, .woocommerce-page header .brand img {
max-width:inherit !important;
}
/*Nav*/
.header-main .nav-primary {
display: flex;
align-items: center;
position: relative;
}
.header-main .nav-primary ul li a:link, .header-main .nav-primary ul li a:visited {
display: flex;
position: relative;
font: 600 0.875rem/1 var(--font-family-secondary);
color: var(--secondary);
padding: 1rem 1rem;
}
@media (min-width: 1200px) {
.header-main .nav-primary ul li a:link, .header-main .nav-primary ul li a:visited {
padding: 1rem 1.2rem;
}
}
@media (min-width: 1400px) {
.header-main .nav-primary ul li a:link, .header-main .nav-primary ul li a:visited {
padding: 1rem 1.5rem;
}
}
.header-main .nav-primary ul li:last-child a:link, .header-main .nav-primary ul li:last-child a:visited {
padding-right: 0;
}
.header-main .nav-primary ul li a:hover {
color: var(--primary);
}
.header-main .nav-primary ul li.active a, .header-main .nav-primary ul li.current_page_item a, .header-main .nav-primary ul li.current_page_ancestor a, .header-main .nav-primary ul li.current-menu-item a, .header-main .nav-primary ul li.current-menu-ancestor a {
color: var(--primary);
}
.header-main .nav-primary ul.nav > li .menu-arrow {
display: block;
width: 9px;
height: 9px;
margin-left: 6px;
margin-top: 2px;
line-height: 0;
transform: rotate3d(0, 0, 0, 0deg);
transform-origin: 50% 75%;
transition: transform .25s ease-out .5s;
transition-delay: .25s;
}
.header-main .nav-primary ul.nav > li:hover .menu-arrow {
transform: rotate(-180deg);
transform-origin: 50% 75%;
transition-delay: .25s;
}
.header-main .nav-primary ul.nav li a.dropdown-toggle::after{
display: none;
}
.header-main .nav-primary ul li.dropdown {
position: relative;
}
.header-main .nav-primary ul li.dropdown .dropdown-menu {
list-style: none;
margin: 0;
padding: 1rem 1.5rem;
position: absolute;
top: 55px !important;
left: calc(50% - 100px) !important;
width: 100%;
max-width: 100%;
min-width: 200px;
background: var(--white);
border: 1px solid var(--borderGray);
border-radius: 20px;
opacity: 0;
z-index: 10;
transform: translateY(2rem) !important;
transition: left 0s .5s, transform .15s ease-out .35s, opacity .15s ease-out .35s;
display: block;
float: none;
visibility: hidden;
}
@media (min-width: 1200px) {
.header-main .nav-primary ul li.dropdown .dropdown-menu {
padding: 1.5rem 2rem;
left: calc(50% - 125px) !important;
min-width: 250px;
}
}
.header-main .nav-primary ul li.dropdown .dropdown-menu::before {
content: "";
display: block;
width: 16px;
height: 16px;
position: absolute;
top: -8px;
left: calc(50% - 8px);
transform: rotate(45deg);
background: var(--white);
border: none;
border-left: 1px solid var(--borderGray);
border-top: 1px solid var(--borderGray);
}
.header-main .nav-primary ul li.dropdown .dropdown-menu::after {
position: absolute;
content: "";
width: 100%;
height: 25px;
top: -25px;
left: 0;
}
.header-main .nav-primary ul li.dropdown .dropdown-menu a.dropdown-item:link, .header-main .nav-primary ul li.dropdown .dropdown-menu a.dropdown-item:visited, .header-main .nav-primary ul li.dropdown .dropdown-menu a.nav-link:link, .header-main .nav-primary ul li.dropdown .dropdown-menu a.nav-link:visited {
font: 600 0.8125rem/1 var(--font-family-secondary);
color: var(--gray);
padding: 0.75rem 0;
text-decoration: none;
align-items: center;
white-space: initial;
}
@media (min-width: 1200px) {
.header-main .nav-primary ul li.dropdown .dropdown-menu a.dropdown-item:link, .header-main .nav-primary ul li.dropdown .dropdown-menu a.dropdown-item:visited, .header-main .nav-primary ul li.dropdown .dropdown-menu a.nav-link:link, .header-main .nav-primary ul li.dropdown .dropdown-menu a.nav-link:visited {
padding: 1rem 0;
}
}
.header-main .nav-primary ul li.dropdown .dropdown-menu a.dropdown-item:hover, .header-main .nav-primary ul li.dropdown .dropdown-menu a.dropdown-item:active, .header-main .nav-primary ul li.dropdown .dropdown-menu a.dropdown-item.active, .header-main .nav-primary ul li.dropdown .dropdown-menu a.nav-link:hover, .header-main .nav-primary ul li.dropdown .dropdown-menu a.nav-link:active, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-item a.nav-link {
background: transparent;
color: var(--primary);
}
.header-main .nav-primary ul li.dropdown .dropdown-menu li:first-of-type > a.dropdown-item:hover, .header-main .nav-primary ul li.dropdown .dropdown-menu li:first-of-type > a.dropdown-item:active, .header-main .nav-primary ul li.dropdown .dropdown-menu li.active:first-of-type > a.dropdown-item, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-item:first-of-type > a.dropdown-item, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-ancestor:first-of-type > a.dropdown-item, .header-main .nav-primary ul li.dropdown .dropdown-menu li:first-of-type > a.nav-link:hover, .header-main .nav-primary ul li.dropdown .dropdown-menu li:first-of-type > a.nav-link:active, .header-main .nav-primary ul li.dropdown .dropdown-menu li.active:first-of-type > a.nav-link, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-item:first-of-type > a.nav-link, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-ancestor:first-of-type > a.nav-link {
border-radius: 14px 14px 0px 0px;
}
.header-main .nav-primary ul li.dropdown .dropdown-menu li:last-of-type > a.dropdown-item:hover, .header-main .nav-primary ul li.dropdown .dropdown-menu li:last-of-type > a.dropdown-item:active, .header-main .nav-primary ul li.dropdown .dropdown-menu li.active:last-of-type > a.dropdown-item, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-item:last-of-type > a.dropdown-item, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-ancestor:last-of-type > a.dropdown-item, .header-main .nav-primary ul li.dropdown .dropdown-menu li:last-of-type > a.nav-link:hover, .header-main .nav-primary ul li.dropdown .dropdown-menu li:last-of-type > a.nav-link:active, .header-main .nav-primary ul li.dropdown .dropdown-menu li.active:last-of-type > a.nav-link, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-item:last-of-type > a.nav-link, .header-main .nav-primary ul li.dropdown .dropdown-menu li.current-menu-ancestor:last-of-type > a.nav-link {
border-radius: 0px 0px 14px 14px;
}
.header-main .nav-primary ul li.dropdown .dropdown-menu .menu-arrow {
transform: rotate(-90deg);
}
.header-main .nav-primary ul li.dropdown .dropdown-menu .dropdown-menu:before {
display: none;
}
.header-main .nav-primary ul li.dropdown:hover > .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0) !important;
transition: left 0s .35s, transform .15s ease-out .35s, opacity .15s ease-out .35s;
}
.header-main .nav-primary ul li.dropdown:hover > .dropdown-menu .dropdown-menu {
left: 95%;
top: 0 !important;
}
.header-main .nav-primary ul li.dropdown:hover > .dropdown-menu .dropdown-menu:before {
display: none;
}
/**/
.header-main .nav-utilities .nav__icons {
display: flex;
align-items: center;
}
.header-main .nav-utilities .nav__icons a {
margin-left: 20px;
position: relative;
}
@media (max-width: 339.98px) {
.header-main .nav-utilities .nav__icons a.u_icon {
display: none;
}
}
/**/
.nav__search {
padding: 15px;
margin-left: 15px;
}
.nav__search svg {
width: 35px;
height: 35px;
}
/**Search Part**/
.search-option {
position: relative;
margin-left: 20px;
display: inline-block;
}
.search-option a {
display: block;
}
.search-option .search-part {
min-width: 275px;
position: absolute;
top: 40px;
z-index: 10;
right: -28px;
display: block;
}
.search-option .search-part::before {
border-bottom: 11px solid #e2e2e2;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
content: "";
position: absolute;
right: 28px;
top: -12px;
}
.search-option .search-part::after {
border-bottom: 11px solid #ffffff;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
content: "";
position: absolute;
right: 28px;
top: -11px;
}
@media (max-width: 575.98px) {
.search-option .search-part {
right: -100px;
}
.search-option .search-part::before {
right: 100px;
}
.search-option .search-part::after {
right: 100px;
}
}
.search-option .search-part input {
box-shadow: 0 0 0 1px #e2e2e2;
border: none;
margin-top: 0;
}
/*Humburger Menu*/
header .mobile-menu button {
line-height: 1;
}
header .hamburger-inner, header .hamburger-inner::after, header .hamburger-inner::before {
background-color: var(--secondary);
right: 0;
height: 2px;
}
header .hamburger--spin:not(.is-active) .hamburger-inner {
width: 85%;
}
header .hamburger--spin:not(.is-active) .hamburger-inner::before {
width: 75%;
}
header .hamburger.is-active .hamburger-inner, header .hamburger.is-active .hamburger-inner::after, header .hamburger.is-active .hamburger-inner::before {
background-color: var(--primary);
}
header nav.mobile {
position: absolute;
top: 80px;
right: 0;
opacity: 0;
z-index: -1;
width: 100%;
height: calc(100vh - 80px);
padding-top: 1em;
background: var(--white);
overflow-y: scroll;
transform: translate3d(100%, 0, 0);
transition: opacity 0.3s, transform 0s ease-out 0.5s;
}
@media (min-width: 768px) {
header nav.mobile {
top: 80px;
height: calc(100vh - 80px);
}
}
header nav.mobile.active {
transform: translate3d(0, 0, 0);
opacity: 1;
transition: opacity 0.3s, transform 0s ease-out 0s;
}
header nav.mobile .nav__cta {
text-align: center;
padding: 25px 0;
}
header nav.mobile .mobile__menu ul {
list-style: none;
margin: 0;
padding: 0;
justify-content: flex-start;
}
header nav.mobile .mobile__menu ul a:link, header nav.mobile .mobile__menu ul a:visited {
font-family: var(--font-family-secondary);
display: flex;
align-items: center;
flex-flow: row nowrap;
width: 100%;
padding: 1.5vh 0.5em;
color: var(--secondary);
font-size: 1rem;
font-weight: 600;
}
header nav.mobile .mobile__menu ul a:link:hover, header nav.mobile .mobile__menu ul a:visited:hover {
text-decoration: none;
color: var(--primary);
}
header nav.mobile .mobile__menu ul > li ul > li a:link, header nav.mobile .mobile__menu ul > li ul > li a:visited {
padding-left: 1.5em;
}
header nav.mobile .mobile__menu ul li.menu-item-has-children > a {
justify-content: space-between;
}
header nav.mobile .mobile__menu ul li.menu-item-has-children > a::after {
content: '';
display: block;
width: 15px;
height: 15px;
background: url(../images/arrow-dark-no-stem.svg) 50% 50%/contain no-repeat;
transform: rotate3d(0, 0, 1, 180deg);
transition: transform 0.3s ease-out;
}
header nav.mobile .mobile__menu ul li.menu-item-has-children > a.active::after {
transform: rotate3d(0, 0, 1, 270deg);
}
header nav.mobile .mobile__menu ul li.menu-item-has-children .sub-menu .sub-menu a {
padding-left: 2.5em;
}
header nav.mobile .mobile__menu ul li.menu-item-has-children .sub-menu .sub-menu a::before {
margin-right: 0.75em;
}
header nav.mobile .mobile__menu ul li ul {
display: none;
}
.mobile__menu--contact .socials ul {
justify-content: center;
}
/*Wishlist Icon*/
.header-main .nav-utilities .nav__icons a.w_icon span > span {
background: var(--primary);
min-width: 20px;
min-height: 19px;
display: block;
border-radius: 20px;
text-align: center;
line-height: 20px;
font-size: 0.65rem;
font-weight: 600;
color: var(--white);
position: absolute;
top: -12px;
right: -12px;
padding: 0 4px;
}
/*cart Icon*/
.header-main .nav-utilities .nav__icons .cart-option {
display: flex;
position: relative;
}
.header-main .nav-utilities .nav__icons a i {
display: block;
text-align: center;
}
.header-main .nav-utilities .nav__icons .cart-option a{
font-size: 0;
}
.header-main .nav-utilities .nav__icons a i svg {
width: 28px;
height: 26px;
}
@media (max-width: 375.98px) {
.header-main .nav-utilities .nav__icons a.u_icon {
display: none;
}
.header-main .nav-utilities .nav__icons a{
margin-left: 15px;
}
.search-option{
margin-left: 15px;
}
}
/**/
.header-bot {
background: var(--secondary);
height: 42px;
position: relative;
}
.header-bot .nav-secondary {
display: flex;
align-items: center;
position: relative;
}
.header-bot .nav-secondary ul {
justify-content: space-between;
}
.header-bot .nav-secondary ul li a:link, .header-bot .nav-secondary ul li a:visited {
display: flex;
position: relative;
font: 600 0.875rem/1 var(--font-family-secondary);
color: var(--white);
padding: 0.85rem 0.75rem;
}
.header-bot .nav-secondary ul li:last-child a:link, .header-bot .nav-secondary ul li:last-child a:visited {
padding-right: 0;
}
.header-bot .nav-secondary ul li a:hover {
color: var(--primary);
}
.header-bot .nav-secondary ul li.active a, .header-bot .nav-secondary ul li.current_page_item a, .header-bot .nav-secondary ul li.current_page_ancestor a, .header-bot .nav-secondary ul li.current-menu-item a, .header-bot .nav-secondary ul li.current-menu-ancestor a {
color: var(--primary);
}
.header-bot .nav-secondary ul.nav > li .menu-arrow {
display: block;
width: 9px;
height: 9px;
margin-left: 6px;
margin-top: 2px;
line-height: 0;
transform: rotate3d(0, 0, 0, 0deg);
transform-origin: 50% 75%;
transition: transform .25s ease-out .5s;
transition-delay: .25s;
}
.header-bot .nav-secondary ul.nav > li:hover .menu-arrow {
transform: rotate(-180deg);
transform-origin: 50% 75%;
transition-delay: .25s;
}
.header-bot .nav-secondary ul li.dropdown {
position: relative;
}
.header-bot .nav-secondary ul li.dropdown .dropdown-menu {
list-style: none;
margin: 0;
padding: 1rem 1.5rem;
position: absolute;
top: 55px !important;
left: calc(50% - 100px) !important;
width: 100%;
max-width: 100%;
min-width: 200px;
background: var(--white);
border: 1px solid var(--borderGray);
border-radius: 20px;
opacity: 0;
z-index: 10;
transform: translateY(2rem) !important;
transition: left 0s .5s, transform .15s ease-out .35s, opacity .15s ease-out .35s;
display: block;
float: none;
visibility: hidden;
}
@media (min-width: 1200px) {
.header-bot .nav-secondary ul li.dropdown .dropdown-menu {
padding: 1.5rem 2rem;
left: calc(50% - 125px) !important;
min-width: 250px;
}
}
.header-bot .nav-secondary ul li.dropdown .dropdown-menu::before {
content: "";
display: block;
width: 16px;
height: 16px;
position: absolute;
top: -8px;
left: calc(50% - 8px);
transform: rotate(45deg);
background: var(--white);
border: none;
border-left: 1px solid var(--borderGray);
border-top: 1px solid var(--borderGray);
}
.header-bot .nav-secondary ul li.dropdown .dropdown-menu::after {
position: absolute;
content: "";
width: 100%;
height: 25px;
top: -25px;
left: 0;
}
.header-bot .nav-secondary ul li.dropdown .dropdown-menu a.dropdown-item:link, .header-bot .nav-secondary ul li.dropdown .dropdown-menu a.dropdown-item:visited, .header-bot .nav-secondary ul li.dropdown .dropdown-menu a.nav-link:link, .header-bot .nav-secondary ul li.dropdown .dropdown-menu a.nav-link:visited {
font: 600 0.8125rem/1 var(--font-family-secondary);
color: var(--gray);
padding: 0.55rem 0;
text-decoration: none;
align-items: center;
white-space: initial;
}
@media (min-width: 1200px) {
.header-bot .nav-secondary ul li.dropdown .dropdown-menu a.dropdown-item:link, .header-bot .nav-secondary ul li.dropdown .dropdown-menu a.dropdown-item:visited, .header-bot .nav-secondary ul li.dropdown .dropdown-menu a.nav-link:link, .header-bot .nav-secondary ul li.dropdown .dropdown-menu a.nav-link:visited {
padding: 0.75rem 0;
}
}
.header-bot .nav-secondary ul li.dropdown .dropdown-menu a.dropdown-item i {
width: 25px;
height: 25px;
vertical-align: middle;
margin-right: 15px;
}
.header-bot .nav-secondary ul li.dropdown .dropdown-menu a.dropdown-item i img {
max-width: 100%;
}
.header-bot .nav-secondary ul li.dropdown .dropdown-menu a.dropdown-item:hover, .header-bot .nav-secondary ul li.dropdown .dropdown-menu a.dropdown-item:active, .header-bot .nav-secondary ul li.dropdown .dropdown-menu a.dropdown-item.active, .header-bot .nav-secondary ul li.dropdown .dropdown-menu a.nav-link:hover, .header-bot .nav-secondary ul li.dropdown .dropdown-menu a.nav-link:active, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li.current-menu-item a.nav-link {
background: transparent;
color: var(--primary);
}
.header-bot .nav-secondary ul li.dropdown .dropdown-menu li:first-of-type > a.dropdown-item:hover, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li:first-of-type > a.dropdown-item:active, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li.active:first-of-type > a.dropdown-item, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li.current-menu-item:first-of-type > a.dropdown-item, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li.current-menu-ancestor:first-of-type > a.dropdown-item, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li:first-of-type > a.nav-link:hover, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li:first-of-type > a.nav-link:active, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li.active:first-of-type > a.nav-link, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li.current-menu-item:first-of-type > a.nav-link, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li.current-menu-ancestor:first-of-type > a.nav-link {
border-radius: 14px 14px 0px 0px;
}
.header-bot .nav-secondary ul li.dropdown .dropdown-menu li:last-of-type > a.dropdown-item:hover, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li:last-of-type > a.dropdown-item:active, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li.active:last-of-type > a.dropdown-item, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li.current-menu-item:last-of-type > a.dropdown-item, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li.current-menu-ancestor:last-of-type > a.dropdown-item, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li:last-of-type > a.nav-link:hover, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li:last-of-type > a.nav-link:active, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li.active:last-of-type > a.nav-link, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li.current-menu-item:last-of-type > a.nav-link, .header-bot .nav-secondary ul li.dropdown .dropdown-menu li.current-menu-ancestor:last-of-type > a.nav-link {
border-radius: 0px 0px 14px 14px;
}
.header-bot .nav-secondary ul li.dropdown .dropdown-menu .menu-arrow {
transform: rotate(-90deg);
}
.header-bot .nav-secondary ul li.dropdown .dropdown-menu .dropdown-menu:before {
display: none;
}
.header-bot .nav-secondary ul li.dropdown:hover > .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0) !important;
transition: left 0s .35s, transform .15s ease-out .35s, opacity .15s ease-out .35s;
}
.header-bot .nav-secondary ul li.dropdown:hover > .dropdown-menu .dropdown-menu {
left: 95%;
top: 0 !important;
}
.header-bot .nav-secondary ul li.dropdown:hover > .dropdown-menu .dropdown-menu:before {
display: none;
}
/*CTA*/
.cta-section {
background-repeat: repeat;
background-position: 50% 50%;
background-color: var(--lightGray);
}
.cta-inner-part {
position: relative;
height: 100%;
}
@media (max-width: 767.98px) {
.cta-inner-part {
text-align: center;
}
}
.cta-inner-part img {
max-width: 100%;
margin-top: 2rem;
height: auto;
}
@media (min-width: 576px) {
.cta-inner-part img {
max-width: 400px;
}
}
@media (min-width: 768px) {
.cta-inner-part img {
position: absolute;
bottom: 0;
right: 0;
max-width: 300px;
margin-top: 0;
}
}
@media (min-width: 992px) {
.cta-inner-part img {
max-width: 400px;
}
}
@media (min-width: 1200px) {
.cta-inner-part img {
max-width: 550px;
}
}
.cta-content-part {
position: relative;
padding: 2.5rem 0;
max-width: 100%;
text-align: left;
}
.cta-form {
padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
.cta-content-part {
padding: 3rem 0;
max-width: 100%;
}
}
@media (min-width: 992px) {
.cta-content-part {
padding: 3.5rem 0;
padding-right: 2rem !important;
}
.cta-form {
padding: 3.5rem 0;
}
}
@media (min-width: 1200px) {
.cta-content-part {
padding: 4rem 0;
max-width: 100%;
}
.cta-form {
padding: 4rem 0;
}
}
@media (min-width: 1400px) {
.cta-content-part {
max-width: 100%;
}
}
.cta-content-part h2 {
font-family: var(--font-family-heading);
color: var(--secondary);
font-size: 1.875rem;
font-weight: 600;
margin-bottom: 1rem;
}
@media (min-width: 992px) {
.cta-content-part h2 {
font-size: 2rem;
}
}
@media (min-width: 1200px) {
.cta-content-part h2 {
font-size: 2.15rem;
}
}
@media (min-width: 1400px) {
.cta-content-part h2 {
font-size: 2.375rem;
}
}
.cta-content-part h2 u {
text-decoration-color: var(--primary);
text-decoration-thickness: 4px;
text-decoration-skip-ink: none;
text-decoration-line: underline;
}
.cta-content-part p {
line-height: 1.6;
}
.cta-content-part .btn {
margin-top: 1rem;
}
/*Footer CSS*/
footer.site-footer {
background: var(--secondary);
position: relative;
border-top: 6px solid var(--primary);
}
footer.site-footer a {
transition: all 0.4s ease;
}
@media (max-width: 991.98px) {
footer.site-footer {
text-align: center;
}
}
/**/
.footer-top {
padding-top: 3.5rem;
}
@media (min-width: 992px) {
.footer-top {
padding-top: 4rem;
}
}
.footer-mid {
margin-top: 2rem;
}
@media (min-width: 992px) {
.footer-mid {
margin-top: 3rem;
}
}
footer.site-footer .brand img, footer.site-footer .brand svg {
width: 183px;
}
@media (min-width: 992px) {
footer.site-footer .brand img, footer.site-footer .brand svg {
width: 220px;
}
}
@media (min-width: 1200px) {
footer.site-footer .brand img, footer.site-footer .brand svg {
width: 235px;
}
}
@media (min-width: 1400px) {
footer.site-footer .brand img, footer.site-footer .brand svg {
width: 275px;
}
}
footer.site-footer .select-location {
margin-left: 0;
}
footer.site-footer .select-location.btn-group .btn {
border-radius: 100px;
border: 1px solid var(--primary);
min-width: 190px;
text-align: left;
color: var(--white);
}
.footer-contact-detail {
max-width: 100%;
padding-top: 0;
}
@media (min-width: 992px) {
.footer-contact-detail {
padding-top: 0;
}
}
.footer-contact-detail ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer-contact-detail ul li {
margin: 10px 0;
font-size: 0.875rem;
font-weight: 500;
}
.footer-contact-detail ul li svg {
width: 22px;
}
@media (min-width: 992px) {
.footer-contact-detail ul li svg {
float: left;
}
}
.footer-contact-detail ul li span {
overflow: hidden;
display: block;
padding-left: 20px;
color: var(--lightGray);
max-width: 300px;
}
@media (max-width: 991.98px) {
.footer-contact-detail ul li span {
display: inline-block;
vertical-align: middle;
padding-left: 10px;
max-width: 235px;
}
}
.footer-contact-detail ul li a {
color: var(--lightGray);
}
.footer-contact-detail ul li a:hover {
color: var(--primary);
}
/**/
footer.site-footer .socials {
padding-top: 1.5rem;
padding-bottom: 3rem;
}
@media (max-width: 991.98px) {
footer.site-footer .socials ul {
justify-content: center;
}
}
footer.site-footer .socials ul li {
margin: 0 10px 0 0;
padding: 0;
}
footer.site-footer .socials ul li:last-child {
margin-right: 0;
}
footer.site-footer .socials ul li a {
border: 1px solid var(--lightGray);
color: var(--lightGray);
}
/**/
footer.site-footer .widget__title {
font-family: var(--font-family-heading);
color: var(--white);
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 10px;
margin-top: 33px;
}
footer.site-footer .widget__title:first-child {
margin-top: 0;
}
footer.site-footer .menu {
list-style: none;
margin: 0;
padding: 0;
}
footer.site-footer .menu li {
margin: 0.75em 0;
font-size: 0.8125rem;
font-weight: 500;
}
footer.site-footer .menu li:first-child {
margin-top: 0;
}
footer.site-footer .menu li a {
color: var(--lightGray);
}
footer.site-footer .menu li a:hover {
color: var(--primary);
}
/**/
.newsletter__subscribe {
padding: 15px;
border-radius: 4em;
display: flex;
flex-flow: row nowrap;
align-items: center;
margin-top: 1.25rem;
}
@media (min-width: 768px) {
.newsletter__subscribe {
background: rgba(209, 209, 209, 0.06);
}
}
@media (min-width: 992px) {
.newsletter__subscribe {
margin-top: 0.25rem;
}
}
@media (min-width: 1400px) {
.newsletter__subscribe {
margin-top: 0.8rem;
}
}
@media (max-width: 767.98px) {
.newsletter__subscribe {
flex-flow: column;
border-radius: 1em;
margin-top: 1.25rem;
}
}
.newsletter__subscribe--heading {
font-size: 0.875rem;
font-weight: 500;
color: var(--white);
margin-left: 30px;
text-align: left;
}
@media (max-width: 767.98px) {
.newsletter__subscribe--heading {
font-size: 1rem;
flex-shrink: inherit;
text-align: left;
margin-left: 0;
}
}
.newsletter__subscribe--form {
width: 100%;
position: relative;
padding-left: 30px;
display: flex;
flex-grow: 1;
justify-content: flex-end;
}
@media (max-width: 767.98px) {
.newsletter__subscribe--form {
padding-left: 0;
}
}
.newsletter__subscribe--form .form-control {
border-color: var(--gray);
height: 50px;
padding-right: 210px !important;
}
.newsletter__subscribe--form .form-control:focus {
border-color: var(--primary);
}
@media (max-width: 1199.98px) {
.newsletter__subscribe--form .form-control {
padding-right: 175px !important;
}
}
@media (max-width: 767.98px) {
.newsletter__subscribe--form .form-control {
padding-right: 135px !important;
}
}
@media (max-width: 575.98px) {
.newsletter__subscribe--form .form-control {
padding-right: 120px !important;
}
}
.newsletter__subscribe--form .btn {
position: absolute;
top: 4px;
right: 4px;
min-width: 190px;
width: initial;
height: 42px;
padding: 0.45rem 1.5rem;
}
@media (max-width: 1199.98px) {
.newsletter__subscribe--form .btn {
min-width: 160px;
}
}
@media (max-width: 767.98px) {
.newsletter__subscribe--form .btn {
min-width: auto;
font-size: 1rem;
}
}
@media (max-width: 575.98px) {
.newsletter__subscribe--form .btn {
font-size: 0.9rem;
}
}
/*Setting with Gravity*/
.newsletter__subscribe--form .gform_wrapper {
width: 100%;
margin: 0;
padding: 0;
}
.newsletter__subscribe--form .gform_wrapper .gform_body, .newsletter__subscribe--form .gform_body {
width: 100%;
}
.newsletter__subscribe--form .gform_wrapper #input_3_4 {
font-size: 0.875rem;
}
.newsletter__subscribe--form .gform_wrapper .gform_footer.top_label {
margin: 0px;
padding: 0px;
}
.newsletter__subscribe--form .gform_wrapper div.validation_error, .newsletter__subscribe--form_wrapper div.gform_validation_errors {
display: none;
}
.newsletter__subscribe--form .gform_wrapper .field_description_below .gfield_description {
padding: 5px 0 0;
font-weight: 400;
color: #ff3d3d;
text-align: left;
}
/**/
.footer-bot {
padding: 1rem 0;
font-size: 0.8125rem;
font-weight: 500;
color: var(--lightGray);
border-top: 1px solid rgba(var(--bgWhite), 0.10);
margin-top: 1rem;
}
.footer-bot a {
color: var(--lightGray);
}
.footer-bot a:hover {
color: var(--primary);
}
/*Main Sections*/
.alignnone {
margin-left: 0;
margin-right: 0;
max-width: 100%;
height: auto
}
.aligncenter {
display: block;
margin: .5rem auto;
height: auto
}
.alignleft, .alignright {
margin-bottom: .5rem;
height: auto
}
@media (min-width:480px) {
.alignleft {
float: left;
margin-right: .5rem
}
.alignright {
float: right;
margin-left: .5rem
}
}
/*Wrap Reset*/
.alert-primary {
color: var(--gray);
background-color: var(--lightGray);
border-color: rgba(var(--shadowGray), 0.08);
}
.wf-loading .wrap, .wf-loading .wrapper {
font: 400 1rem/2 sans-serif
}
.wf-loading .wrap h1, .wf-loading .wrap h2, .wf-loading .wrap h3, .wf-loading .wrap h4, .wf-loading .wrapper h1, .wf-loading .wrapper h2, .wf-loading .wrapper h3, .wf-loading .wrapper h4 {
font-family: serif
}
body > .wrap, body > .wrapper {
font: 500 1rem/1.6 var(--font-family-body);
color: var(--gray);
padding-top: 80px;
}
@media (min-width:992px) {
body > .wrap, body > .wrapper {
padding-top: 214px;
}
}
body > .wrap h1, body > .wrap h2, body > .wrap h3, body > .wrap h4, body > .wrap h5, body > .wrap h6, body > .wrapper h1, body > .wrapper h2, body > .wrapper h3, body > .wrapper h4, body > .wrapper h5, body > .wrapper h6 {
color: var(--secondary);
font: 600 2rem/1.25 var(--font-family-heading);
}
body > .wrap h2, body > .wrapper h2 {
font-size: 1.75rem
}
body > .wrap h3, body > .wrapper h3 {
font-size: 1.375rem
}
body > .wrap h4, body > .wrapper h4 {
font-size: 1.125rem
}
body > .wrap h5, body > .wrapper h5 {
font-size: 0.875rem
}
body > .wrap h6, body > .wrapper h6 {
font-size: 0.75rem
}
@media (min-width: 576px) {
body > .wrap h1, body > .wrapper h1 {
font-size: 2.25rem;
}
body > .wrap h2, body > .wrapper h2 {
font-size: 2rem;
}
body > .wrap h3, body > .wrapper h3 {
font-size: 1.5rem;
}
body > .wrap h4, body > .wrapper h4 {
font-size: 1.25rem;
}
body > .wrap h5, body > .wrapper h5 {
font-size: 1rem
}
body > .wrap h6, body > .wrapper h6 {
font-size: 0.875rem
}
}
@media (min-width:768px) {
body > .wrap h1, body > .wrapper h1 {
font-size: 2.5rem;
}
body > .wrap h2, body > .wrapper h2 {
font-size: 2.375rem;
}
body > .wrap h3, body > .wrapper h3 {
font-size: 1.75rem;
}
body > .wrap h4, body > .wrapper h4 {
font-size: 1.375rem;
}
body > .wrap h5, body > .wrapper h5 {
font-size: 1.125rem
}
body > .wrap h6, body > .wrapper h6 {
font-size: 1rem
}
}
@media (min-width:992px) {
body > .wrap h1, body > .wrapper h1 {
font-size: 3rem;
}
body > .wrap h2, body > .wrapper h2 {
font-size: 2.625rem;
}
body > .wrap h3, body > .wrapper h3 {
font-size: 2rem;
}
body > .wrap h4, body > .wrapper h4 {
font-size: 1.5rem;
}
body > .wrap h5, body > .wrapper h5 {
font-size: 1.25rem
}
body > .wrap h6, body > .wrapper h6 {
font-size: 1.125rem
}
}
@media (min-width:1200px) {
body > .wrap h1, body > .wrapper h1 {
font-size: 3.5rem;
}
body > .wrap h2, body > .wrapper h2 {
font-size: 2.875rem;
}
body > .wrap h3, body > .wrapper h3 {
font-size: 2.25rem;
}
body > .wrap h4, body > .wrapper h4 {
font-size: 1.75rem;
}
body > .wrap h5, body > .wrapper h5 {
font-size: 1.375rem
}
body > .wrap h6, body > .wrapper h6 {
font-size: 1.25rem
}
}
@media (min-width:1400px) {
body > .wrap h1, body > .wrapper h1 {
font-size: 3.75rem;
}
body > .wrap h2, body > .wrapper h2 {
font-size: 3.125rem;
}
body > .wrap h3, body > .wrapper h3 {
font-size: 2.5rem;
}
body > .wrap h4, body > .wrapper h4 {
font-size: 1.875rem;
}
body > .wrap h5, body > .wrapper h5 {
font-size: 1.5rem
}
body > .wrap h6, body > .wrapper h6 {
font-size: 1.375rem
}
}
body > .wrap h1 u, body > .wrap h2 u, body > .wrap h3 u, body > .wrap h4 u, body > .wrap h5 u, body > .wrap h6 u, body > .wrap h1 span[style*="text-decoration: underline;"], body > .wrap h2 span[style*="text-decoration: underline;"], body > .wrap h3 span[style*="text-decoration: underline;"], body > .wrap h4 span[style*="text-decoration: underline;"], body > .wrap h5 span[style*="text-decoration: underline;"], body > .wrap h6 span[style*="text-decoration: underline;"] {
text-decoration-color: var(--primary) !important;
text-decoration-thickness: 2px !important;
text-decoration-skip-ink: none !important;
text-decoration-line: underline !important;
}
@media (min-width: 576px) {
body > .wrap h1 u, body > .wrap h2 u, body > .wrap h3 u, body > .wrap h4 u, body > .wrap h5 u, body > .wrap h6 u, body > .wrap h1 span[style*="text-decoration: underline;"], body > .wrap h2 span[style*="text-decoration: underline;"], body > .wrap h3 span[style*="text-decoration: underline;"], body > .wrap h4 span[style*="text-decoration: underline;"], body > .wrap h5 span[style*="text-decoration: underline;"], body > .wrap h6 span[style*="text-decoration: underline;"] {
text-decoration-thickness: 3px !important;
}
}
@media (min-width: 992px) {
body > .wrap h1 u, body > .wrap h2 u, body > .wrap h3 u, body > .wrap h4 u, body > .wrap h5 u, body > .wrap h6 u, body > .wrap h1 span[style*="text-decoration: underline;"], body > .wrap h2 span[style*="text-decoration: underline;"], body > .wrap h3 span[style*="text-decoration: underline;"], body > .wrap h4 span[style*="text-decoration: underline;"], body > .wrap h5 span[style*="text-decoration: underline;"], body > .wrap h6 span[style*="text-decoration: underline;"] {
text-decoration-thickness: 4px !important;
}
}
body > .wrap p, body > .wrapper p {
margin: 1.6rem 0;
}
body > .wrap p:last-child, body > .wrapper p:last-child {
margin-bottom: 0;
}
body > .wrap p.is-style-subtitle, body > .wrapper p.is-style-subtitle {
font: 500 1.25rem/1.2 var(--font-family-heading);
color: var(--primary);
margin: 0 0 1rem;
}
@media (min-width:768px) {
body > .wrap p.is-style-subtitle, body > .wrapper p.is-style-subtitle {
font-size: 1.3rem;
}
}
@media (min-width:992px) {
body > .wrap p.is-style-subtitle, body > .wrapper p.is-style-subtitle {
font-size: 1.375rem;
}
}
@media (min-width:1200px) {
body > .wrap p.is-style-subtitle, body > .wrapper p.is-style-subtitle {
font-size: 1.5rem;
}
}
body > .wrap p.is-style-lead, body > .wrapper p.is-style-lead {
font-weight: 600;
color: var(--gray);
}
body > .wrap .wrap, body > .wrapper .wrap {
padding-top: 0;
}
main.content > section, body.single-post main.content .entry-content > section, main.content > section.product-detail-page > section, body.single-post main.content .entry-content > section.product-detail-page > section {
position: relative;
padding: 3rem 0;
}
@media (min-width:768px) {
main.content > section, body.single-post main.content .entry-content > section, main.content > section.product-detail-page > section, body.single-post main.content .entry-content > section.product-detail-page > section {
padding: 5rem 0;
}
}
@media (min-width:992px) {
main.content > section, body.single-post main.content .entry-content > section, main.content > section.product-detail-page > section, body.single-post main.content .entry-content > section.product-detail-page > section {
padding: 6.5rem 0;
}
}
main.content a:not([class]) {
color: var(--gray);
text-decoration: none;
font-weight: 600;
}
main.content a:not([class]):hover {
text-decoration: underline;
}
main.content img {
max-width: 100%;
height: auto;
}
/*Ajax Loading*/
.ajax-data-loading::before {
background: rgba(0, 0, 0, 0.5) url(../images/loader.svg) 50% 50% no-repeat;
content: "";
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 100000;
}
/*List With Tickbox*/
ul.list-tickbox {
padding-left: 0;
}
ul.list-tickbox li {
display: flex;
padding: 5px 0;
}
ul.list-tickbox li::before {
content: "";
position: initial;
display: inline-block;
width: 20px;
height: 20px;
margin-right: 15px;
background: url(../images/tickbox-round.svg) 50% 50%/cover no-repeat;
flex: 0 0 20px;
margin-top: 2px;
}
@media (min-width: 768px) {
ul.list-tickbox li::before {
margin-top: 4px;
}
}
/*List With Icon*/
ul.list-icon {
padding-left: 0;
}
ul.list-icon li {
padding: 10px 0;
display: flex;
align-items: center;
}
ul.list-icon .icon {
width: 45px;
height: 45px;
float: left;
margin-right: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
align-self: start;
}
@media (min-width: 768px) {
ul.list-icon .icon {
width: 55px;
height: 55px;
margin-right: 25px;
}
}
@media (min-width: 992px) {
ul.list-icon .icon {
width: 65px;
height: 65px;
margin-right: 25px;
}
}
ul.list-icon .icon img {
width: 100%;
height: 100%;
}
ul.list-icon .text {
overflow: hidden;
line-height: 1.5;
}
ul.list-icon .text h6 {
font-size: 1rem;
margin-bottom: 0;
margin-top: 0;
}
@media (min-width: 768px) {
ul.list-icon .text h6 {
font-size: 1.125rem;
}
}
ul.list-icon .text strong, ul.list-icon .text b {
font-weight: 600;
color: var(--gray);
font-family: var(--font-family-heading);
}
ul.list-icon .text p {
margin-top: 5px;
}
ul.list-icon .text p:last-child {
margin-bottom: 0;
}
/*Breadcrumb*/
.breadcrumb {
margin: 0;
padding: 0;
font-weight: 400;
font-size: 0.75rem;
}
.breadcrumb-item, .breadcrumb-item a {
color: var(--secondary) !important;
font-weight: 400 !important;
}
.breadcrumb-item.active {
color: var(--secondary) !important;
}
.breadcrumb-item + .breadcrumb-item::before {
color: var(--secondary) !important;
content: var(--borderGray, "-");
}
/*Pagination*/
.pagination {
display: flex;
}
.page-numbers {
position: relative;
padding: 0 5px;
margin: 0 7px;
border: 2px solid var(--primary);
color: var(--primary);
text-decoration: none;
min-width: 40px;
height: 40px;
line-height: 36px;
font-weight: 600;
border-radius: 50%;
text-align: center;
}
.page-numbers:hover, .page-numbers.current {
background: var(--primary);
color: var(--white);
text-decoration: none;
}
.page-numbers.prev, .page-numbers.next {
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
.page-numbers.prev::before {
display: inline-block;
content: "";
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: 24px;
width: 20px;
height: 20px;
position: absolute;
left: 8px;
top: 8px;
}
.page-numbers.prev:hover::before {
background-image: url("data:image/svg+xml,");
}
.page-numbers.next::before {
display: inline-block;
content: "";
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: 24px;
width: 20px;
height: 20px;
position: absolute;
left: 8px;
top: 8px;
}
.page-numbers.next:hover::before {
background-image: url("data:image/svg+xml,");
}
/*Gavity Forms CSS*/
.customGravity_form {
position: relative;
}
.gform_ajax_spinner {
display: none !important;
}
.customGravity_form .gform_wrapper.gravity-theme .gform_footer {
margin: 6px 0 0 0;
padding: 16px 0 0;
}
.customGravity_form .gform_wrapper.gravity-theme .for-side-button .gform_footer {
padding: 0;
margin: 0;
}
.customGravity_form .gform_wrapper.gravity-theme .gform_footer button, .customGravity_form .gform_wrapper.gravity-theme .gform_footer input {
margin-bottom: 0;
}
@media (min-width: 641px) {
.customGravity_form .gform_wrapper.gravity-theme .for-side-button .gform_footer {
position: absolute;
right: 0;
bottom: 0;
padding: 0;
margin: 0;
z-index: 0;
max-width: 240px;
float: right;
}
}
.customGravity_form .gform_wrapper .gform_fileupload_multifile .gform_drop_area {
padding: 15px;
border: 2px solid var(--secondary);
background: var(--white);
border-radius: 1.5rem;
height: 200px;
}
@media (min-width: 768px) {
.customGravity_form .gform_wrapper .gform_fileupload_multifile .gform_drop_area {
padding: 25px;
height: 300px;
}
}
.customGravity_form .gform_wrapper .gform_fileupload_multifile .gform_drop_area:hover {
border: 2px solid var(--primary);
}
.gform_wrapper input.form-control:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
padding: 0.375rem 1.2rem;
font-size: 0.875rem;
}
.gform_wrapper textarea {
font-size: 0.875rem !important;
padding: 0.775rem 1.2rem !important;
height: 120px;
}
/*Validation Message*/
.gform_wrapper .field_description_below .gfield_description {
padding: 0 !important;
margin-top: 3px;
font-size: 0.875rem !important;
background: transparent;
border: none;
}
/*Custom Select*/
.custom-control, .gchoice {
position: relative;
z-index: 1;
display: block;
min-height: 32px;
padding-left: 1.5rem;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
.custom-control-label, .gchoice label {
font-size: 0.875rem !important;
font-weight: 400;
color: var(--gray) !important;
padding-left: 1rem;
padding-top: 5px;
position: relative;
margin-bottom: 0;
vertical-align: top;
}
.custom-control-label a, .gchoice label a {
color: var(--gray) !important;
text-decoration: underline !important;
}
.custom-control-label a[target="_blank"]::after, .custom-control-label[target="_new"]::after, .gchoice label a[target="_blank"]::after, .gchoice label a[target="_new"]::after {
display: none;
}
.custom-control-label a:hover, .gchoice label a:hover {
color: var(--gray) !important;
text-decoration: underline !important;
}
.custom-control-label::before, .gchoice label::before {
position: absolute;
left: -1.5rem;
display: block;
width: 26px;
height: 26px;
pointer-events: none;
content: "";
background-color: var(--skyBlue);
border: none;
border-radius: 5px !important;
}
.custom-control-label::after, .gchoice label::after {
position: absolute;
top: 7px;
left: -1.45rem;
display: block;
width: 100%;
height: 1.5rem;
content: "";
}
.custom-control-input, .gfield-choice-input {
width: 100%;
height: 100%;
position: absolute;
left: 0;
z-index: -1;
opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before, .gfield-choice-input:checked ~ label::before {
color: #fff;
background-color: var(--skyBlue);
}
.custom-control-input:focus ~ .custom-control-label::before, .gfield-choice-input:focus ~ label::before {
box-shadow: none;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before, .gfield-choice-input:not(:disabled):active ~ label::before {
color: #fff;
background-color: var(--skyBlue);
}
.custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input[disabled] ~ .custom-control-label::before, .gfield-choice-input:disabled ~ label::before, .gfield-choice-input[disabled] ~ label::before {
background-color: var(--skyBlue);
opacity: 0.5;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .gchoice .gfield-choice-input:checked ~ label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
}
.full-width-btn .btn {
width: 100%;
}
/*Full Width Slider Block*/
.zdcb-full-width-slider-block {
background-color: var(--secondary);
display: flex;
overflow: hidden;
flex-flow: column;
justify-content: center;
margin-bottom: 0 !important;
}
.zdcb-full-width-slider-block .slide {
position: relative;
overflow: hidden;
}
.zdcb-full-width-slider-block .slide .slide__image {
min-height: 600px;
}
@media (min-width: 768px) {
.zdcb-full-width-slider-block .slide .slide__image {
min-height: 750px;
}
}
@media (min-width: 992px) {
.zdcb-full-width-slider-block .slide .slide__image {
min-height: 800px;
}
}
@media (min-width: 1200px) {
.zdcb-full-width-slider-block .slide .slide__image {
min-height: 850px;
}
}
.zdcb-full-width-slider-block .slide .slide__image::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--secondary);
opacity: 0;
}
.zdcb-full-width-slider-block .slide .slide__image .container {
z-index: 1;
}
.zdcb-full-width-slider-block .slide .slide__image h1, .zdcb-full-width-slider-block .slide .slide__image h2 {
margin-top: 10px;
color: var(--white);
}
.zdcb-full-width-slider-block .slide .slide__image h1 span, .zdcb-full-width-slider-block .slide .slide__image h2 span {
display: block;
}
.zdcb-full-width-slider-block .slide .slide__image p {
font-size: 1rem;
margin: 1rem 0 0;
color: var(--white);
}
@media (min-width: 576px) {
.zdcb-full-width-slider-block .slide .slide__image p {
font-size: 1.115rem;
}
}
@media (min-width: 992px) {
.zdcb-full-width-slider-block .slide .slide__image p {
font-size: 1.125rem;
}
}
@media (min-width: 1200px) {
.zdcb-full-width-slider-block .slide .slide__image p {
font-size: 1.125rem;
}
}
.zdcb-full-width-slider-block .slide .slide__image nav {
margin: 2rem 0 0;
display: inline-block;
}
@media (min-width: 768px) {
.zdcb-full-width-slider-block .slide .slide__image nav {
margin: 3rem 0 0;
}
}
.zdcb-full-width-slider-block .slide .slide__image nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.zdcb-full-width-slider-block .slide .slide__image nav ul li {
margin: 0;
padding: 0;
}
.zdcb-full-width-slider-block .slide .slide__image nav ul li a.btn {
min-width: 160px;
}
@media (max-width: 380.98px) {
.zdcb-full-width-slider-block .slide .slide__image nav ul li a.btn {
min-width: 135px;
}
}
.zdcb-full-width-slider-block .slide .slide__image nav ul li:first-child {
margin-right: 1em;
}
.zdcb-full-width-slider-block .slide .slide__image nav ul li:last-child {
margin-right: 0;
}
.zdcb-full-width-slider-block .slick-arrow {
z-index: 1;
background: transparent;
box-shadow: none;
width: 28px;
height: 48px;
border-radius: 0;
}
.zdcb-full-width-slider-block .slick-arrow.slick-prev {
background: url(../images/slider-arrow-left.png) 0 0 no-repeat;
background-size: cover;
left: 30px;
}
.zdcb-full-width-slider-block .slick-arrow.slick-next {
background: url(../images/slider-arrow-right.png) 0 0 no-repeat;
background-size: cover;
right: 30px;
}
.zdcb-full-width-slider-block .slick-arrow.slick-prev:hover {
background: url(../images/slider-arrow-left-hover.png) 0 0 no-repeat;
background-size: cover;
left: 30px;
}
.zdcb-full-width-slider-block .slick-arrow.slick-next:hover {
background: url(../images/slider-arrow-right-hover.png) 0 0 no-repeat;
background-size: cover;
right: 30px;
}
.zdcb-full-width-slider-block .slick-dots {
bottom: 15px;
z-index: 2;
}
/**/
@media (max-width: 767.98px) {
.zdcb-full-width-slider-block .slide .slide__image .container .row {
text-align: center !important;
}
.zdcb-full-width-slider-block .with-graphic .with-graphic-pic {
margin-top: 1.5rem;
}
}
@media (min-width: 768px) {
.zdcb-full-width-slider-block .with-graphic .with-graphic-pic {
text-align: right;
}
}
.zdcb-full-width-slider-block .with-graphic .with-graphic-pic img {
width: 260px;
display: inline-block;
border-radius: 1.875rem;
}
@media (min-width: 576px) {
.zdcb-full-width-slider-block .with-graphic .with-graphic-pic img {
width: 280px;
}
}
@media (min-width: 768px) {
.zdcb-full-width-slider-block .with-graphic .with-graphic-pic img {
width: 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.zdcb-full-width-slider-block .with-graphic .with-graphic-pic img {
max-width: 740px;
}
}
.zdcb-full-width-slider-block .banner-video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.zdcb-full-width-slider-block .banner-video video {
width: 100% !important;
height: 100%;
object-fit: cover;
}
/** Slider zoom effect **/
.zdcb-full-width-slider-block .slick-slide:not(.slick-active) .slide__image {
transition-delay: 1s;
}
/*Basic Images Block*/
.zdcb-basic-content-block + .zdcb-basic-images-block {
padding: 0;
}
.zdcb-basic-content-block + section.zdcb-basic-content-image-block:not(.has-background) {
padding-top: 0;
}
.zdcb-basic-images-block img {
width: 100%;
height: 100% !important;
max-width: 100%;
object-fit: cover;
border-radius: 2.1875rem;
box-shadow: 0px 4px 20px 1px rgba(var(--shadowGray), 0.05);
}
/*Basic Content Block*/
.zdcb-basic-content-block hr {
display: none;
}
.zdcb-basic-content-block.has-background hr {
display: block;
position: absolute;
z-index: -1;
background: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
/*Basic Content Image Block */
.zdcb-basic-content-image-block {
position: relative;
}
.zdcb-basic-content-image-block hr {
display: none;
}
.zdcb-basic-content-image-block.has-background hr {
display: block;
position: absolute;
z-index: -2;
background: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
opacity: 1;
}
.zdcb-basic-content-image-block.has-background.background-wide hr {
width: 100%;
height: 70%;
}
@media (min-width: 992px) {
.zdcb-basic-content-image-block.has-background.background-left hr {
left: 0;
right: auto;
width: 72%;
border-radius: 0 2rem 2rem 0;
}
.zdcb-basic-content-image-block.has-background.background-right hr {
right: 0;
left: auto;
width: 72%;
border-radius: 2rem 0 0 2rem;
}
}
body .zdcb-basic-images-block + section.zdcb-basic-content-image-block:not(.has-background) {
padding-top: 0;
}
.zdcb-basic-content-image-block .image span {
display: inline-block;
}
.zdcb-basic-content-image-block .image.order-lg-1 span.span-graphic::before, .zdcb-basic-content-image-block .image.order-lg-2 span.span-graphic::before {
display: none;
content: "";
width: 150px;
height: 150px;
position: absolute;
z-index: -1;
}
.zdcb-basic-content-image-block .image img {
border-radius: 2.1875rem;
}
@media (min-width: 992px) {
.zdcb-basic-content-image-block .image.breakout {
margin-top: -10em;
}
}
.zdcb-basic-content-image-block .image--secondary {
clear: both;
}
.zdcb-basic-content-image-block .image--secondary img {
border-radius: 2.1875rem;
}
@media (max-width: 575.98px) {
.zdcb-basic-content-image-block .image--secondary img {
width: 100%;
}
}
.zdcb-basic-content-image-block .content {
font-size: 1rem;
}
@media (min-width: 576px) {
.zdcb-basic-content-image-block .content {
font-size: 1.0625rem;
}
}
@media (min-width: 768px) {
.zdcb-basic-content-image-block .content {
font-size: 1.0625rem;
}
}
.zdcb-basic-content-image-block .content .wp-block-buttons {
margin-top: 2rem;
}
@media (min-width: 576px) {
.zdcb-basic-content-image-block .content .btn, .zdcb-basic-content-image-block .content .wp-block-buttons .wp-block-button .wp-block-button__link {
min-width: 160px;
margin-bottom: 10px;
}
}
.zdcb-basic-content-image-block .content .btn + .btn, .zdcb-basic-content-image-block .content .wp-block-buttons .wp-block-button + .wp-block-button {
margin-left: 10px;
}
@media (max-width: 434.98px) {
.zdcb-basic-content-image-block .content .btn + .btn, .zdcb-basic-content-image-block .content .wp-block-buttons .wp-block-button + .wp-block-button {
margin-left: 0;
}
}
@media (min-width: 992px) {
.zdcb-basic-content-image-block.grid-40-60 .content {
flex: 0 1 40%
}
.zdcb-basic-content-image-block.grid-40-60 .image {
flex: 1 0 60%;
max-width: none
}
.zdcb-basic-content-image-block.grid-25-75 .image {
flex: 0 1 25%
}
.zdcb-basic-content-image-block.grid-25-75 .content {
flex: 1 0 75%;
max-width: none
}
}
/**/
.zdcb-basic-content-image-block .content ul:not([class]) {
list-style: none;
padding-left: 1.75rem;
}
.zdcb-basic-content-image-block .content ul:not([class]) li::before {
content: "\2022";
color: var(--secondary);
display: inline-block;
width: 1.5em;
margin-left: -1.5em;
}
/*Basic Content Map Block*/
.zdcb-basic-content-map-block {
position: relative;
}
.zdcb-basic-content-map-block hr {
display: none;
}
.zdcb-basic-content-map-block.has-background hr {
display: block;
position: absolute;
z-index: -2;
background: var(--secondary);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
opacity: 1;
}
.zdcb-basic-content-map-block.has-background.background-wide hr {
width: 100%;
}
@media (min-width: 992px) {
.zdcb-basic-content-map-block.has-background.background-left hr {
left: 0;
right: auto;
width: 72%;
border-radius: 0 2rem 2rem 0;
}
.zdcb-basic-content-map-block.has-background.background-right hr {
right: 0;
left: auto;
width: 72%;
border-radius: 2rem 0 0 2rem;
}
}
.zdcb-basic-content-map-block .image--secondary {
clear: both;
}
.zdcb-basic-content-map-block .image--secondary img {
border-radius: 2.1875rem;
}
@media (max-width: 575.98px) {
.zdcb-basic-content-map-block .image--secondary img {
width: 100%;
}
}
@media (min-width: 992px) {
.zdcb-basic-content-map-block .map_part.order-lg-1 {
padding-right: 6rem;
}
.zdcb-basic-content-map-block .map_part.order-lg-2 {
padding-left: 6rem;
}
}
.zdcb-basic-content-map-block .map_part .map {
height: 380px;
border-radius: 2.1875rem;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
@media (max-width: 575.98px) {
.zdcb-basic-content-map-block .map_part {
padding-left: 0;
padding-right: 0;
}
.zdcb-basic-content-map-block .map_part .map {
border-radius: 0;
}
}
@media (min-width:992px) {
.zdcb-basic-content-map-block .map_part .map {
height: 450px;
}
}
.zdcb-basic-content-map-block .content {
font-size: 1rem;
}
@media (min-width: 576px) {
.zdcb-basic-content-map-block .content {
font-size: 1.0625rem;
}
}
@media (min-width: 768px) {
.zdcb-basic-content-map-block .content {
font-size: 1.0625rem;
}
}
.zdcb-basic-content-map-block .content .wp-block-buttons {
margin-top: 2rem;
}
@media (min-width: 576px) {
.zdcb-basic-content-map-block .content .btn, .zdcb-basic-content-map-block .content .wp-block-buttons .wp-block-button .wp-block-button__link {
min-width: 160px;
margin-bottom: 10px;
}
}
.zdcb-basic-content-map-block .content .btn + .btn, .zdcb-basic-content-map-block .content .wp-block-buttons .wp-block-button + .wp-block-button {
margin-left: 10px;
}
@media (max-width: 434.98px) {
.zdcb-basic-content-map-block .content .btn + .btn, .zdcb-basic-content-map-block .content .wp-block-buttons .wp-block-button + .wp-block-button {
margin-left: 0;
}
}
/**/
.zdcb-basic-content-map-block .content ul:not([class]) {
list-style: none;
padding-left: 1.75rem;
}
.zdcb-basic-content-map-block .content ul:not([class]) li::before {
content: "\2022";
color: var(--secondary);
display: inline-block;
width: 1.5em;
margin-left: -1.5em;
}
/*If Has Background*/
.zdcb-basic-content-map-block.has-background .content {
color: var(--white);
}
.zdcb-basic-content-map-block.has-background h1, .zdcb-basic-content-map-block.has-background h2, .zdcb-basic-content-map-block.has-background h3, .zdcb-basic-content-map-block.has-background h4, .zdcb-basic-content-map-block.has-background h5, .zdcb-basic-content-map-block.has-background h6 {
color: var(--white);
}
.zdcb-basic-content-map-block.has-background p {
color: var(--white);
}
.zdcb-basic-content-map-block.has-background p a:not([class]) {
color: var(--primary);
}
.zdcb-basic-content-map-block.has-background .btn-primary:hover, .zdcb-basic-content-map-block.has-background .content .wp-block-buttons .wp-block-button .wp-block-button__link:hover {
color: var(--primary);
background-color: var(--white);
border-color: var(--white);
}
.zdcb-basic-content-map-block.has-background .btn-primary:focus, .zdcb-basic-content-map-block.has-background .content .wp-block-buttons .wp-block-button .wp-block-button__link:focus {
color: var(--primary);
background-color: var(--white);
border-color: var(--white);
}
/*Key Features Block*/
.zdcb-key-features-block {
background: var(--lightGray);
}
body .zdcb-key-features-block h1, body .zdcb-key-features-block h2, body .zdcb-key-features-block h3, body .zdcb-key-features-block h4, body .zdcb-key-features-block h5, body .zdcb-key-features-block h6 {
color: var(--secondary);
}
body .zdcb-key-features-block h1, body .zdcb-key-features-block h2 {
font-size: 1.5rem;
}
@media (min-width: 576px) {
body .zdcb-key-features-block h1, body .zdcb-key-features-block h2 {
font-size: 1.75rem;
}
}
@media (min-width: 768px) {
body .zdcb-key-features-block h1, body .zdcb-key-features-block h2 {
font-size: 1.875rem;
}
}
.zdcb-key-features-block ul {
list-style: none;
margin: 0;
padding: 0;
}
.zdcb-key-features-block ul li {
color: var(--gray);
display: flex;
break-inside: avoid;
page-break-inside: avoid;
}
.zdcb-key-features-block ul li::before {
content: "";
position: initial;
display: inline-block;
width: 24px;
height: 24px;
margin-right: 16px;
background: url(../images/tickbox-round.svg) 50% 50%/cover no-repeat;
flex: 0 0 24px;
align-self: flex-start;
}
.zdcb-key-features-block ul li a:link, .zdcb-key-features-block ul li a:visited {
color: var(--gray);
}
.zdcb-key-features-block ul li a:hover {
color: var(--secondary);
}
/*Page Title Block*/
.zdcb-page-title-block {
position: relative;
}
.zdcb-page-title-block hr {
display: block;
position: absolute;
z-index: -1;
background-repeat: repeat;
background-position: 50% 50%;
background-color: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
opacity: 1;
overflow: inherit;
}
.zdcb-page-title-block.is-overlap hr {
height: calc(100% + 10rem);
}
body .zdcb-page-title-block.is-overlap + section {
padding-top: 0;
}
.zdcb-page-title-block form {
margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.zdcb-page-title-block .row.text-start form {
justify-content: flex-start;
align-items: flex-start;
}
.zdcb-page-title-block .row.text-end form {
justify-content: flex-end;
align-items: flex-end;
}
.zdcb-page-title-block form select {
border-color: var(--lightGray);
max-width: 100%;
margin: 0 0 15px;
text-overflow: ellipsis;
padding-right: 35px !important;
}
.zdcb-page-title-block form select:hover {
border-color: var(--primary);
}
.zdcb-page-title-block form select:last-child {
margin-bottom: 0;
}
@media (min-width: 576px) {
.zdcb-page-title-block form {
flex-direction: row;
}
.zdcb-page-title-block form select {
max-width: 280px;
margin: 0 8px;
}
}
@media only screen and (min-width: 992px) {
.blog .zdcb-page-title-block .col-12 {
padding: 0 8em;
}
}
.zdcb-page-title-block p {
font-size: 1rem;
}
@media (min-width: 576px) {
.zdcb-page-title-block p {
font-size: 1rem;
}
}
@media (min-width: 992px) {
.zdcb-page-title-block p {
font-size: 1rem;
}
}
.zdcb-page-title-block .wp-block-buttons .wp-block-button .wp-block-button__link {
min-width: 200px;
margin-bottom: 10px;
}
@media (max-width: 575.98px) {
.zdcb-page-title-block .wp-block-buttons .wp-block-button .wp-block-button__link {
min-width: 100%;
}
}
.zdcb-page-title-block .wp-block-buttons .wp-block-button + .wp-block-button {
margin-left: 10px;
}
@media (max-width: 434.98px) {
.zdcb-page-title-block .wp-block-buttons .wp-block-button + .wp-block-button {
margin-left: 0;
}
}
/*Full Width Image Block*/
section.zdcb-full-width-image-block {
padding: 0;
}
.zdcb-full-width-image-block img {
display: block;
width: 100%;
}
/*Blog Page*/
.blog-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 30px 0;
}
.blog .blog-grid article:first-child {
grid-column: 1/1;
grid-row: 1/1;
}
.blog.paged .blog-grid article:first-child {
grid-column: 1/1;
grid-row: 1/1;
}
@media (min-width: 768px) {
.blog-grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px 30px;
}
.blog .blog-grid article:first-child {
grid-column: 1/span 2;
grid-row: 1/span 2;
}
}
@media (min-width: 992px) {
.blog-grid {
grid-template-columns: repeat(3, 1fr);
grid-gap: 40px 40px;
}
}
.blog-grid .article__image {
height: 280px;
overflow: hidden;
border-radius: 2.1875rem;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.blog-grid .article__image img {
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.75s ease-out;
}
.blog-grid .article:hover .article__image img {
transform: scale3d(1.15, 1.15, 1.15);
}
@media (min-width: 768px) {
.blog .blog-grid article:first-child .article__image {
height: 500px;
max-height: none;
}
}
@media (min-width: 992px) {
.blog .blog-grid article:first-child .article__image {
height: 600px;
}
}
.blog.paged .blog-grid article:first-child .article__image {
height: 280px;
}
.blog-grid .article__content {
font-weight: 500;
}
.blog-grid .article__content span, .blog-grid .article__content span a {
color: var(--gray);
font-weight: 500;
font-size: 0.9rem;
}
.blog-grid .article__content span a {
color: var(--gray);
}
.blog-grid .article__content span a:hover {
color: var(--primary);
}
.blog-grid .article__content header h2, .blog-grid .article__content header h2 a {
font: 600 1.25rem/1.35 var(--font-family-heading);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
color: var(--secondary);
}
@media (min-width: 1200px) {
.blog-grid .article__content header h2, .blog-grid .article__content header h2 a {
font-size: 1.375rem;
}
}
.blog-grid .article__content header h2 a:hover {
color: var(--primary);
}
.blog-grid .article__content-excerpt {
color: var(--gray);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-grid .article__content-read-more a {
font-size: 0.75rem;
min-width: 140px;
font-weight: 600;
padding: 0.6rem 1rem;
}
/*Blog Detail*/
body > .wrap h1.entry-title {
font-size: 2rem
}
@media (min-width: 576px) {
body > .wrap h1.entry-title {
font-size: 2rem;
}
}
@media (min-width:768px) {
body > .wrap h1.entry-title {
font-size: 2.375rem;
}
}
@media (min-width:992px) {
body > .wrap h1.entry-title {
font-size: 2.625rem;
}
}
@media (min-width:1200px) {
body > .wrap h1.entry-title {
font-size: 2.875rem;
}
}
@media (min-width:1400px) {
body > .wrap h1.entry-title {
font-size: 3.125rem;
}
}
/**/
body.single-post .wrap article.single-main-article {
padding-top: 3rem;
}
@media (min-width:768px) {
body.single-post .wrap article.single-main-article {
padding-top: 5rem;
}
}
@media (min-width:992px) {
body.single-post .wrap article.single-main-article {
padding-top: 6.5rem;
}
}
@media (min-width:992px) {
body.single-post .post > header, body.single-post .entry-content > p, body.single-post .entry-content > ul {
margin: 2rem 8rem 0;
font-size: 1rem;
}
}
body.single-post .wrap div.meta {
font: 400 1.25rem/1 var(--font-family-body);
}
body.single-post .wrap div.meta > div {
margin: 0 0 1rem;
}
body.single-post .wrap div.meta__date-category, body.single-post .wrap div.meta__date-category a {
font: 500 1.375rem/1 var(--font-family-heading);
color: var(--primary);
}
@media (min-width: 768px) {
body.single-post .wrap div.meta, body.single-post .wrap div.meta__date-category, body.single-post .wrap div.meta__date-category a {
font-size: 1.5rem;
}
}
body.single-post .wrap div.meta__date-category a:hover {
color: var(--secondary);
}
body.single-post .wrap .meta__social-share {
display: flex;
align-items: center;
margin-top: 3rem;
}
body.single-post .wrap .meta__social-share > span {
margin-right: 10px;
}
body.single-post .wrap .entry-content {
margin: 2.5rem 0 0;
}
body.single-post .wrap .entry-content .wp-block-image figure {
float: none;
clear: left
}
@media (min-width:768px) {
body.single-post .wrap .entry-content .wp-block-image figure.alignleft {
float: left
}
body.single-post .wrap .entry-content .wp-block-image figure.alignright {
float: right
}
}
body.single-post .wrap .entry-content .wp-block-image figure:after, body.single-post .wrap .entry-content p > img:before {
clear: both;
display: block;
content: ""
}
body.single-post .wrap .entry-content .zdcb-basic-content-image-block.has-background hr, body.single-post .wrap .entry-content .zdcb-basic-content-block.has-background hr {
left: -100%;
top: 0;
width: 300%;
height: 100%;
}
body.single-post .wrap .entry-content .zdcb-key-features-block {
position: relative;
}
body.single-post .wrap .entry-content .zdcb-key-features-block:after {
content: "";
background: var(--lightGray);
position: absolute;
z-index: -1;
left: -100%;
width: 300%;
height: 100%;
top: 0;
}
/*Related Articles*/
.related-articles {
position: relative;
}
.related-articles hr {
display: none;
}
.related-articles.has-background hr {
display: block;
position: absolute;
z-index: -1;
background: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
body.single-post .wrap .entry-content .related-articles.has-background hr {
left: -100%;
top: 0;
width: 300%;
}
.related-articles .related-articles__posts {
z-index: 2;
padding: 0;
}
.related-articles .related-articles__posts .posts__article {
width: 100%;
margin: 15px;
}
.related-articles .related-articles__posts .posts__article .article__image {
height: 200px;
overflow: hidden;
border-radius: 2.1875rem;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
@media (min-width: 992px) {
.related-articles .related-articles__posts .posts__article .article__image {
height: 250px;
}
}
@media (min-width: 1200px) {
.related-articles .related-articles__posts .posts__article .article__image {
height: 280px;
}
}
.related-articles .related-articles__posts .posts__article .article__image img {
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.75s ease-out;
}
.related-articles .related-articles__posts .posts__article:hover .article__image img {
transform: scale3d(1.15, 1.15, 1.15);
}
.related-articles .related-articles__posts .posts__article .article__content {
font-weight: 500;
}
.related-articles .related-articles__posts .posts__article .article__content span, .related-articles .related-articles__posts .posts__article .article__content span a {
color: var(--gray);
font-weight: 500;
font-size: 0.9rem;
}
.related-articles .related-articles__posts .posts__article .article__content span a:hover {
color: var(--primary);
text-decoration: underline;
}
.related-articles .related-articles__posts .posts__article .article__content header h3, .related-articles .related-articles__posts .posts__article .article__content header h3 a {
font: 600 1.25rem/1.35 var(--font-family-heading);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color: var(--secondary);
}
@media (min-width: 1200px) {
.related-articles .related-articles__posts .posts__article .article__content header h3, .related-articles .related-articles__posts .posts__article .article__content header h3 a {
font-size: 1.375rem;
}
}
.related-articles .related-articles__posts .posts__article .article__content header h3 a:hover {
color: var(--primary);
text-decoration: underline;
}
.related-articles .related-articles__posts .posts__article .article__content-excerpt {
color: var(--gray);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.related-articles .related-articles__posts .posts__article .article__content-read-more a {
font-size: 0.75rem;
min-width: 140px;
font-weight: 600;
padding: 0.6rem 1rem;
}
/**/
.related-articles .slick-prev, .related-articles .slick-next {
top: calc(37% - 20px);
}
@media (max-width: 575.98px) {
.related-articles .slick-prev, .related-articles .slick-next {
display: none !important;
}
}
@media (min-width: 576px) {
.related-articles .slick-prev {
left: -1.75rem;
}
.related-articles .slick-next {
right: -1.75rem;
}
}
@media (min-width: 768px) {
.related-articles .slick-prev {
left: -2rem;
}
.related-articles .slick-next {
right: -2rem;
}
}
@media (min-width: 992px) {
.related-articles .slick-prev {
left: -1.25rem;
}
.related-articles .slick-next {
right: -1.25rem;
}
}
@media (min-width: 1200px) {
.related-articles .slick-prev {
left: -2rem;
}
.related-articles .slick-next {
right: -2rem;
}
}
@media (min-width: 1400px) {
.related-articles .slick-prev {
left: -3rem;
}
.related-articles .slick-next {
right: -3rem;
}
}
/**/
.related-articles .slick-dots {
bottom: -25px;
}
/*Contact Form Block*/
.zdcb-contact-block {
position: relative;
background-repeat: repeat;
background-position: 50% 50%;
}
.zdcb-contact-block hr {
display: none;
}
.zdcb-contact-block.has-background hr {
display: block;
position: absolute;
z-index: -1;
background: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
.zdcb-contact-block .contact-details {
list-style: none;
margin: 0;
padding: 1rem 0 0;
display: flex;
flex-direction: column;
}
.zdcb-contact-block .contact-details li {
margin: 0 0 1rem;
padding: 0;
display: flex;
align-items: center;
}
.zdcb-contact-block .contact-details li .contact-icon {
display: flex;
width: 20px;
margin-right: 1.2rem;
justify-content: center;
align-self: flex-start;
margin-top: 3px;
}
.zdcb-contact-block .contact-details li .contact-icon svg {
width: 20px;
height: 20px;
}
.zdcb-contact-block .contact-text {
color: var(--gray);
font-size: 1rem;
font-weight: 500;
}
.zdcb-contact-block .contact-text a:link, .zdcb-contact-block .contact-text a:visited {
color: var(--gray);
font-weight: 500;
}
.zdcb-contact-block .contact-text a:hover {
color: var(--primary);
}
.zdcb-contact-block .contact-form {
background: var(--white);
padding: 1.5rem;
border-radius: 2.1875rem;
box-shadow: 0px 0px 40px 1px rgba(var(--shadowGray), 0.1);
position: relative;
z-index: 1;
}
@media (min-width: 576px) {
.zdcb-contact-block .contact-form {
padding: 3.5rem;
}
}
@media (min-width: 1200px) {
.zdcb-contact-block .contact-form {
margin-left: 3rem;
}
}
@media (min-width: 1400px) {
.zdcb-contact-block .contact-form {
margin-left: 5rem;
}
}
/*Map Block*/
body section.zdcb-map-block {
padding: 0;
}
.zdcb-map-block .map {
width: 100%;
height: 500px;
margin-top: 2rem;
}
@media (min-width: 768px) {
.zdcb-map-block .map {
height: 600px;
margin-top: 3rem;
}
}
.zdcb-map-block .map img {
height: inherit;
}
.zdcb-map-block .location-details {
background: var(--white);
border-top: 4px solid var(--primary);
border-radius: 20px;
padding: 2rem 3rem 3rem;
box-shadow: 0 10px 40px 1px rgba(var(--shadowGray), 0.05);
}
@media (max-width: 991.98px) {
.zdcb-map-block .location-details {
border-top: 0px;
}
}
@media (min-width: 992px) {
.zdcb-map-block .location-details {
position: absolute;
z-index: 1;
}
.zdcb-map-block .location-details.right {
right: 0;
}
}
.zdcb-map-block .location-details > .icon {
position: relative;
display: block;
margin-bottom: 3rem;
color: var(--gray);
}
.zdcb-map-block .location-details > .icon:after {
content: "";
display: block;
width: 30px;
height: 4px;
background: var(--primary);
position: absolute;
bottom: -10px;
}
/**/
.zdcb-map-block .map-heading-nav {
display: block;
position: relative;
margin-bottom: 2rem;
z-index: 1;
}
.zdcb-map-block .map-heading-nav header a {
font: 600 1.5rem/1.25 var(--font-family-heading);
color: var(--gray);
}
@media (min-width: 992px) {
.zdcb-map-block .map-heading-nav header a {
font-size: 1.875rem;
}
}
.zdcb-map-block .map-heading-nav header a:hover {
text-decoration: none;
}
.zdcb-map-block .map-heading-nav header a .menu-arrow {
display: inline-block;
width: 20px;
height: 20px;
margin-left: 6px;
margin-top: -10px;
line-height: 0;
transform: rotate3d(0, 0, 0, 0deg);
transform-origin: 50% 75%;
transition: transform .25s ease-out .5s;
transition-delay: .25s;
vertical-align: middle;
}
.zdcb-map-block .map-heading-nav .dropdown-menu {
list-style: none;
margin: 0;
padding: 1rem 1.5rem;
position: absolute;
top: 55px !important;
left: 0;
width: 100%;
max-width: 300px;
min-width: 200px;
background: var(--white);
box-shadow: 0px 0px 40px rgba(var(--shadowGray), 0.2);
border: 1px solid var(--lightGray);
border-radius: 15px;
z-index: 10;
display: block;
float: none;
opacity: 1;
visibility: visible;
}
.zdcb-map-block .map-heading-nav .dropdown-menu::before {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
top: -5px;
left: calc(50% - 10px);
transform: rotate(45deg);
background: var(--white);
border: none;
border-radius: 25px;
}
.zdcb-map-block .map-heading-nav .dropdown-menu::after {
position: absolute;
content: "";
width: 100%;
height: 25px;
top: -25px;
left: 0;
}
.zdcb-map-block .map-heading-nav .dropdown-menu li {
padding: 10px 0;
font-size: 1.125rem;
font-weight: 600;
color: var(--gray);
}
@media (max-width: 575.98px) {
.zdcb-map-block .map-heading-nav .dropdown-menu li {
font-size: 1rem;
padding: 8px 0;
}
}
.zdcb-map-block .map-heading-nav .dropdown-menu li a {
color: var(--gray);
font-weight: 600;
}
.zdcb-map-block .map-heading-nav .dropdown-menu li a:hover {
text-decoration: none;
color: var(--skyBlue);
}
.zdcb-map-block .map-heading-nav .dropdown-menu li i {
width: 22px;
height: 22px;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
.zdcb-map-block .map-heading-nav .dropdown-menu li i img {
width: 100%;
height: 100%;
vertical-align: top;
}
.loc_close {
display: block;
position: absolute;
top: 20px;
right: 20px;
color: var(--gray);
cursor: pointer;
}
.loc_close button:focus {
box-shadow: none;
}
/**/
.zdcb-map-block ul.details {
list-style: none;
margin: 0;
padding: 0;
}
.zdcb-map-block ul.details li {
display: flex;
align-items: center;
margin-bottom: .65rem;
font-size: 1.125rem;
color: var(--gray);
font-weight: 400;
}
.zdcb-map-block ul.details li a {
color: var(--gray);
font-weight: 400;
}
.zdcb-map-block ul.details li .icon {
display: flex;
width: 40px;
margin-right: 1.25rem;
justify-content: center;
}
.zdcb-map-block ul.details li.address .icon, .zdcb-map-block ul.details li.opening_hours .icon {
align-self: flex-start;
}
.zdcb-map-block .location-details .btn-link {
margin-top: 2rem;
text-decoration: underline;
min-width: initial;
}
.zdcb-map-block .location-details .socials {
margin-top: 1rem;
}
.zdcb-map-block .location-details .socials ul li {
display: inline-block;
margin: 0 5px 0 0;
padding: 8px 0;
}
.zdcb-map-block .location-details .socials ul li a {
background: var(--primary);
border: 1px solid var(--primary);
color: var(--white);
text-decoration: none;
}
.zdcb-map-block .location-details .socials ul li a:hover {
background: var(--gray);
border-color: var(--gray);
color: var(--white);
}
/*Thanks Block*/
.zdcb-thanks-block.has-background {
background: var(--lightGray);
}
.zdcb-thanks-block svg {
width: 60px;
height: 60px;
margin-bottom: 3rem;
box-shadow: 0 0 0 15px var(--white), 0 0 0 16px #eeedec;
border-radius: 100px;
}
@media (min-width: 768px) {
.zdcb-thanks-block svg {
width: 90px;
height: 90px;
}
}
.zdcb-thanks-block p {
font-size: 1.125rem;
}
/*Error 404 Page*/
body .error-404 h1, body .error-404 h2, body .error-404 h3, body .error-404 h4, body .error-404 h5, body .error-404 h6 {
color: var(--secondary);
}
body .error-404 .alert-primary {
color: var(--gray);
background-color: var(--lightGray);
border-color: rgba(var(--shadowGray), 0.08);
}
/*Brands Slider Block*/
.zdcb-brands-block hr {
display: none;
}
.zdcb-brands-block.has-background hr {
display: block;
position: absolute;
z-index: -1;
background: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
.zdcb-brands-block .brands {
list-style: none;
margin: 0;
padding: 0;
}
.zdcb-brands-block h4 {
max-width: 21ch;
}
@media (min-width: 576px) {
.zdcb-brands-block h4 {
max-width: 25ch;
}
}
.zdcb-brands-block h4::before {
content: "";
width: 40px;
height: 3px;
background: var(--primary);
display: block;
margin-bottom: 1.25rem;
}
@media (min-width: 576px) {
.zdcb-brands-block h4::before {
margin-bottom: 1.50rem;
}
}
@media (min-width: 768px) {
.zdcb-brands-block h4::before {
margin-bottom: 1.75rem;
}
}
.zdcb-brands-block .brands .slick-track {
display: flex;
align-items: center;
}
.zdcb-brands-block .brands li {
padding: 0 1em;
margin: 0;
text-align: center;
}
@media (min-width: 576px) {
.zdcb-brands-block .brands li {
padding: 0 1.5em;
}
}
@media (min-width: 768px) {
.zdcb-brands-block .brands li {
padding: 0 3em;
}
}
.zdcb-brands-block .brands li img {
display: inline-block;
max-height: 70px;
}
.zdcb-brands-block .slick-arrows {
display: inline-flex;
position: absolute;
right: 10px;
top: 10px;
}
@media (min-width: 576px) {
.zdcb-brands-block .slick-arrows {
top: 22px;
}
}
@media (min-width: 768px) {
.zdcb-brands-block .slick-arrows {
top: 30px;
}
}
@media (min-width: 992px) {
.zdcb-brands-block .slick-arrows {
top: 34px;
}
}
@media (min-width: 1200px) {
.zdcb-brands-block .slick-arrows {
top: 40px;
}
}
.zdcb-brands-block .slick-arrows .slick-arrow {
margin: 0 5px;
width: 46px;
height: 46px;
background: transparent;
flex-shrink: 0;
border-radius: 100%;
border: 0;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s ease;
}
@media (max-width: 575.98px) {
.zdcb-brands-block .slick-arrows .slick-arrow {
width: 40px;
height: 40px;
}
}
.zdcb-brands-block .slick-arrows .slick-arrow svg {
fill: var(--gray);
}
.zdcb-brands-block .slick-arrows .slick-arrow.next {
transform: rotate(180deg);
}
.zdcb-brands-block .slick-arrows .slick-arrow:hover {
background: var(--primary);
}
.zdcb-brands-block .slick-arrows .slick-arrow:hover svg {
fill: var(--white);
}
.zdcb-brands-block .slick-dots {
bottom: -35px;
}
/*Section Title Block*/
.section-heading-block {
margin-bottom: 2rem;
}
@media (min-width: 576px) {
.section-heading-block {
margin-bottom: 3rem;
}
}
@media (min-width: 768px) {
.section-heading-block {
margin-bottom: 4rem;
}
}
@media (min-width: 992px) {
.section-heading-block {
margin-bottom: 4rem;
}
}
body .section-heading-block h1, body .section-heading-block h2, body .section-heading-block h3, body .section-heading-block h4 {
margin-bottom: 0;
}
body .section-heading-block p {
margin-top: 1.25rem;
font-size: 1rem;
}
/*Tiles Block*/
.zdcb-tiles-block {
position: relative;
}
.zdcb-tiles-block hr {
display: none;
}
.zdcb-tiles-block.has-background hr {
display: block;
position: absolute;
z-index: -1;
background: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
.zdcb-tiles-block ul {
list-style: none;
margin: 0;
padding: 0;
}
.zdcb-tiles-block ul li {
padding-right: 1.25rem;
padding-left: 1.25rem;
margin: 1.25rem 0;
}
.zdcb-tiles-block .tile-item {
background: var(--white);
border: 1px solid var(--lightGray);
box-shadow: 0px 4px 20px rgba(var(--shadowGray), 0.04);
border-radius: 2.1875rem;
padding: 1.5rem 1.5rem 2.5rem;
text-align: center;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 768px) {
.zdcb-tiles-block .tile-item {
padding: 2rem 2rem 3rem;
}
}
.zdcb-tiles-block .tile-item figure {
width: 70px;
height: 70px;
margin: 1.5rem 0 3rem
}
@media (min-width: 768px) {
.zdcb-tiles-block .tile-item figure {
width: 90px;
height: 90px;
}
}
.zdcb-tiles-block .tile-item figure img {
width: 100%;
height: 100%;
}
.zdcb-tiles-block .tile-item header {
font-family: var(--font-family-heading);
font-size: 1.125rem;
font-weight: 600;
color: var(--secondary);
line-height: 1.3;
}
@media (min-width: 768px) {
.zdcb-tiles-block .tile-item header {
font-size: 1.125rem;
}
}
@media (min-width: 1200px) {
.zdcb-tiles-block .tile-item header {
font-size: 1.125rem;
}
}
@media (min-width: 1400px) {
.zdcb-tiles-block .tile-item header {
font-size: 1.25rem;
}
}
.zdcb-tiles-block .tile-item p {
margin: 1.25rem 0 0;
padding: 0 0.75rem;
}
.zdcb-tiles-block .tile-item .btn {
padding-top: 0.6rem;
padding-bottom: 0.6rem;
margin-top: 1.25rem;
}
@media (min-width: 768px) {
.zdcb-tiles-block .tile-item .btn {
margin-top: 1.5rem;
}
}
.zdcb-tiles-block .tile-item .btn.btn-link {
border-bottom: 2px solid var(--primary);
padding: 0;
border-radius: 0;
min-width: inherit;
}
/*Jump Point Block*/
.zdcb-jump-point-block {
position: relative;
}
.home .zdcb-jump-point-block {
padding: 2.75rem 0;
}
.zdcb-jump-point-block hr {
display: none;
}
.zdcb-jump-point-block.has-background hr {
display: block;
position: absolute;
z-index: -1;
background: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
body .zdcb-jump-point-block h4 {
display: inline-block;
border-bottom: 3px solid var(--primary);
font-size: 1.5rem;
}
.zdcb-jump-point-block .col {
padding-right: 1.25rem;
padding-left: 1.25rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.zdcb-jump-point-block .card {
background: transparent;
border: none;
flex-direction: row;
}
.zdcb-jump-point-block figure {
margin: 0;
width: 90px;
flex-shrink: 0;
}
.zdcb-jump-point-block figure img {
height: 60px;
width: 60px;
}
.zdcb-jump-point-block .card-body {
padding: 0;
}
.zdcb-jump-point-block .card-body .card-title {
font-size: 1.125rem;
margin-bottom: 0;
}
@media (min-width: 768px) {
.zdcb-jump-point-block .card-body .card-title {
font-size: 1.25rem;
}
}
@media (min-width: 1200px) {
.zdcb-jump-point-block .card-body .card-title {
font-size: 1.375rem;
}
}
.zdcb-jump-point-block .card-body p {
font-size: 0.875rem;
}
.zdcb-jump-point-block .card-body p:last-child {
margin-top: 0.5rem;
}
/*Form Block*/
.zdcb-form-block {
position: relative;
background-repeat: repeat;
background-position: 50% 50%;
}
.zdcb-form-block.BGimg-none {
background-image: none;
}
.zdcb-form-block hr {
display: none;
}
.zdcb-form-block.has-background hr {
display: block;
position: absolute;
z-index: -1;
background-color: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
.zdcb-form-block .form-wrapper .call-content {
margin-top: 2rem;
font-size: 1rem;
font-weight: 600;
}
@media (min-width: 576px) {
.zdcb-form-block .form-wrapper .call-content {
margin-top: 2.5rem;
font-size: 1.125rem;
}
}
.zdcb-form-block .form-wrapper .call-content svg {
margin-right: 15px;
}
@media (max-width: 575.98px) {
.zdcb-form-block .form-wrapper .call-content svg {
width: 25px;
height: 25px;
}
}
.zdcb-form-block .form-wrapper .call-content a {
font-weight: 500;
padding-left: 5px;
}
.zdcb-form-block .form-wrapper .call-content a:hover {
color: var(--primary);
text-decoration: none;
}
.zdcb-form-block .form-wrapper {
flex-flow: column;
}
.zdcb-form-block .form-wrapper__form--under .content {
margin-bottom: 2rem;
}
@media (max-width: 767.98px) {
.zdcb-form-block .form-wrapper__form--right .content {
margin-bottom: 2rem;
}
}
@media (min-width: 768px) {
.zdcb-form-block .form-wrapper__form--right {
flex-flow: row;
}
.zdcb-form-block .form-wrapper__form--right .content {
flex: 0 0 50%;
}
.zdcb-form-block .form-wrapper__form--right .form {
flex: 0 0 50%;
}
}
@media (min-width: 992px) {
.zdcb-form-block .form-wrapper__form--right .content {
flex: 0 0 45%;
}
.zdcb-form-block .form-wrapper__form--right .form {
flex: 0 0 55%;
}
}
.zdcb-form-block .form-wrapper .form .customGravity_form {
position: relative;
z-index: 1;
}
.zdcb-form-block.booking-form .form-wrapper .form .customGravity_form {
background: transparent;
padding: 0;
border-radius: 0;
box-shadow: none;
}
@media (min-width: 576px) {
.zdcb-form-block.booking-form .form-wrapper .form .customGravity_form .gform_footer {
max-width: 250px;
}
}
.zdcb-form-block .form-wrapper.form-wrapper__form--right .form .customGravity_form {
max-width: 330px;
float: right;
}
@media (min-width: 992px) {
.zdcb-form-block .form-wrapper.form-wrapper__form--right .form .customGravity_form {
max-width: 460px;
}
}
@media (max-width: 767.98px) {
.zdcb-form-block .form-wrapper.form-wrapper__form--right .form .customGravity_form {
max-width: 100%;
float: none;
}
}
.zdcb-form-block .form-wrapper .form .customGravity_form textarea.form-control {
height: 125px !important;
}
.zdcb-form-block .form-wrapper .form .customGravity_form .btn {
width: 100%;
max-width: 180px;
}
/*Teams Block*/
.zdcb-teams-block {
position: relative;
}
.zdcb-teams-block hr {
display: none;
}
.zdcb-teams-block.has-background hr {
display: block;
position: absolute;
z-index: -1;
background: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 55%;
opacity: 1;
}
.zdcb-teams-block .section-heading-block {
margin-bottom: 2rem;
}
@media (max-width: 575.98px) {
.zdcb-teams-block .section-heading-block {
margin-bottom: 1.5rem;
}
}
.zdcb-teams-block ul {
list-style: none;
margin: 0;
padding: 0;
}
.zdcb-teams-block ul li {
padding-right: 1.25rem;
padding-left: 1.25rem;
margin: 2rem 0;
}
.zdcb-teams-block .team-item {
text-align: center;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.zdcb-teams-block .team-item figure {
width: 100%;
height: 100%;
max-height: 350px;
overflow: hidden;
margin-bottom: 2rem;
border-radius: 2.1875rem;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.zdcb-teams-block .team-item figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.zdcb-teams-block .team-item header {
font-family: var(--font-family-heading);
font-size: 1.25rem;
font-weight: 600;
color: var(--secondary);
line-height: 1.2;
}
@media (min-width: 576px) {
.zdcb-teams-block .team-item header {
font-size: 1.125rem;
}
}
@media (min-width: 768px) {
.zdcb-teams-block .team-item header {
font-size: 1.375rem;
}
}
.zdcb-teams-block .team-item p {
margin: 0.25rem 0 0;
font-size: 0.875rem;
color: var(--primary);
font-weight: 500;
}
.zdcb-teams-block .team-item .btn {
padding-top: 0.6rem;
padding-bottom: 0.6rem;
margin-top: 1rem;
}
.zdcb-teams-block .team-item .btn.btn-link {
border-bottom: 2px solid var(--primary);
padding: 0;
border-radius: 0;
min-width: inherit;
}
/**/
.zdcb-teams-block .slick-prev, .zdcb-teams-block .slick-next {
top: calc(37% - 20px);
}
@media (max-width: 575.98px) {
.zdcb-teams-block .slick-prev, .zdcb-teams-block .slick-next {
display: none !important;
}
}
@media (min-width: 576px) {
.zdcb-teams-block .slick-prev {
left: -1.75rem;
}
.zdcb-teams-block .slick-next {
right: -1.75rem;
}
}
@media (min-width: 768px) {
.zdcb-teams-block .slick-prev {
left: -2rem;
}
.zdcb-teams-block .slick-next {
right: -2rem;
}
}
@media (min-width: 992px) {
.zdcb-teams-block .slick-prev {
left: -1.25rem;
}
.zdcb-teams-block .slick-next {
right: -1.25rem;
}
}
@media (min-width: 1200px) {
.zdcb-teams-block .slick-prev {
left: -2rem;
}
.zdcb-teams-block .slick-next {
right: -2rem;
}
}
@media (min-width: 1400px) {
.zdcb-teams-block .slick-prev {
left: -3rem;
}
.zdcb-teams-block .slick-next {
right: -3rem;
}
}
/**/
.zdcb-teams-block .slick-dots {
bottom: -25px;
}
/*Team Modal*/
@media (max-width: 575.98px) {
.modal.for-modal-team .modal-content .modal-body {
padding: 1rem 0;
}
}
.modal.for-modal-team .modal-content .modal-body .team-item {
margin-top: 0;
padding: 0;
}
.modal.for-modal-team .modal-content .modal-body .team-item figure {
width: 250px;
height: 100%;
max-height: 100%;
}
/*Tile Icons Block*/
.zdcb-tile-icons-block {
position: relative;
}
.zdcb-tile-icons-block hr {
display: none;
}
.zdcb-tile-icons-block.has-background hr {
display: block;
position: absolute;
z-index: -1;
background: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
.zdcb-tile-icons-block h4 {
max-width: 21ch;
}
@media (min-width: 576px) {
.zdcb-tile-icons-block h4 {
max-width: 25ch;
}
}
.zdcb-tile-icons-block h4::before {
content: "";
width: 40px;
height: 3px;
background: var(--primary);
display: block;
margin-bottom: 1.25rem;
}
@media (min-width: 576px) {
.zdcb-tile-icons-block h4::before {
margin-bottom: 1.50rem;
}
}
@media (min-width: 768px) {
.zdcb-tile-icons-block h4::before {
margin-bottom: 1.75rem;
}
}
.zdcb-tile-icons-block ul {
list-style: none;
margin: 0;
padding: 0;
}
.zdcb-tile-icons-block ul li {
margin: 1.5rem 0;
}
.zdcb-tile-icons-block .tile-icon-item {
text-align: center;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.zdcb-tile-icons-block .tile-icon-item figure {
width: 50px;
height: 50px;
margin: 0 0 1.5rem
}
@media (min-width: 768px) {
.zdcb-tile-icons-block .tile-icon-item figure {
width: 75px;
height: 75px;
}
}
.zdcb-tile-icons-block .tile-icon-item figure img {
width: 100%;
height: 100%;
}
.zdcb-tile-icons-block .tile-icon-item header {
font-family: var(--font-family-heading);
font-size: 1rem;
font-weight: 600;
color: var(--secondary);
line-height: 1.2;
}
@media (min-width: 768px) {
.zdcb-tile-icons-block .tile-icon-item header {
font-size: 1.125rem;
}
}
@media (min-width: 1200px) {
.zdcb-tile-icons-block .tile-icon-item header {
font-size: 1.125rem;
}
}
@media (min-width: 1400px) {
.zdcb-tile-icons-block .tile-icon-item header {
font-size: 1.125rem;
}
}
/*Inner Page Slider Block*/
.zdcb-inner-page-slider {
background-color: var(--lightGray);
display: flex;
overflow: hidden;
flex-flow: column;
justify-content: center;
margin-bottom: 0 !important;
}
.zdcb-inner-page-slider .slide {
position: relative;
overflow: hidden;
}
.zdcb-inner-page-slider .slide .slide__image {
min-height: 455px;
}
@media (min-width: 768px) {
.zdcb-inner-page-slider .slide .slide__image {
min-height: 455px;
}
}
@media (min-width: 992px) {
.zdcb-inner-page-slider .slide .slide__image {
min-height: 455px;
}
}
@media (min-width: 1200px) {
.zdcb-inner-page-slider .slide .slide__image {
min-height: 455px;
}
}
.zdcb-inner-page-slider .slide .slide__image::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--secondary);
opacity: 0.5;
}
.zdcb-inner-page-slider .slide .slide__image .container {
z-index: 1;
}
.zdcb-inner-page-slider .slide .slide__image h1, .zdcb-inner-page-slider .slide .slide__image h2 {
color: var(--white);
}
.zdcb-inner-page-slider .slide .slide__image p {
font-size: 1rem;
margin: 1rem 0 0;
color: var(--white);
}
.zdcb-inner-page-slider .slide .slide__image nav {
margin: 2rem 0 0;
display: inline-block;
}
@media (min-width: 768px) {
.zdcb-inner-page-slider .slide .slide__image nav {
margin: 3rem 0 0;
}
}
.zdcb-inner-page-slider .slide .slide__image nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.zdcb-inner-page-slider .slide .slide__image nav ul li {
margin: 0;
padding: 0;
}
.zdcb-inner-page-slider .slide .slide__image nav ul li a.btn {
min-width: 130px;
}
.zdcb-inner-page-slider .slide .slide__image nav ul li:first-child {
margin-right: 1em;
}
.zdcb-inner-page-slider .slide .slide__image nav ul li:last-child {
margin-right: 0;
}
.zdcb-inner-page-slider .slick-arrow {
z-index: 1;
background: transparent;
box-shadow: none;
}
.zdcb-inner-page-slider .slick-arrow:before {
content: "";
display: block;
width: 30px;
height: 30px;
border: solid var(--white);
transition: border-color .25s ease-out;
}
.zdcb-inner-page-slider .slick-arrow.slick-prev {
left: 30px;
}
.zdcb-inner-page-slider .slick-arrow.slick-prev:before {
border-width: 2px 0 0 2px;
transform: rotate(-45deg);
}
.zdcb-inner-page-slider .slick-arrow.slick-next {
right: 30px;
}
.zdcb-inner-page-slider .slick-arrow.slick-next:before {
border-width: 2px 2px 0 0;
transform: rotate(45deg);
}
.zdcb-inner-page-slider .slick-arrow:hover:before {
border-color: var(--primary);
}
.zdcb-inner-page-slider .slick-dots {
bottom: 15px;
z-index: 2;
}
/**/
@media (max-width: 767.98px) {
.zdcb-inner-page-slider .slide .slide__image .container .row {
text-align: center !important;
}
}
.zdcb-inner-page-slider .banner-video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.zdcb-inner-page-slider .banner-video video {
width: 100% !important;
height: 100%;
object-fit: cover;
}
/** Slider zoom effect **/
.zdcb-inner-page-slider .slick-slide:not(.slick-active) .slide__image {
transition-delay: 1s;
}
/*Category Grid Block*/
.zdcb-category-grid-block {
position: relative;
z-index: 1;
}
.zdcb-category-grid-block hr {
display: none;
}
.zdcb-category-grid-block.has-background hr {
display: block;
position: absolute;
z-index: -1;
background: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
ul.category-grid {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
ul.category-grid li {
display: flex;
position: relative;
height: 200px;
margin: 15px;
width: calc(100% - 30px);
}
@media (min-width: 576px) {
ul.category-grid li {
height: 300px;
width: calc(50% - 30px);
}
}
@media (min-width: 768px) {
ul.category-grid li {
height: 400px;
}
}
@media (min-width: 992px) {
ul.category-grid li {
height: 400px;
width: calc(33.33% - 30px);
}
}
@media (min-width: 1200px) {
ul.category-grid li {
height: 450px;
}
}
@media (min-width: 1400px) {
ul.category-grid li {
height: 500px;
}
}
/*Product Page CSS*/
main.content > section.product-page {
display: block;
padding-top: 3.5rem;
}
/*Product Filter*/
.product-filter-section {
display: block;
margin-bottom: 2.5rem;
}
.product-filter-wrap {
display: flex;
align-items: center;
background: var(--lightGray);
border-radius: 100px;
padding: 5px;
}
@media (max-width: 991.98px) {
.product-filter-wrap {
flex-direction: column;
border-radius: 15px;
padding: 25px;
}
}
.product-filter-wrap label {
font-family: var(--font-family-heading);
color: var(--secondary);
font-weight: 600;
min-width: 125px;
text-align: center;
}
@media (max-width: 767.98px) {
.product-filter-wrap label {
text-align: left;
width: 100%;
margin-bottom: 5px;
font-size: 1.125rem;
}
}
@media (max-width: 991.98px) {
.product-filter-wrap label {
min-width: 75px;
}
}
.product-all-filter {
display: flex;
}
@media (max-width: 767.98px) {
.product-all-filter {
flex-direction: column;
width: 100%;
}
}
.product-all-filter .dropdown .btn {
border-radius: 0;
padding: 0 25px 0 0;
margin-right: 25px;
height: 42px;
font-size: 0.8125rem;
font-weight: 500;
border: none;
text-align: left;
min-width: initial;
}
@media (max-width: 767.98px) {
.product-all-filter .dropdown .btn {
padding: 0;
margin-right: 0;
width: 100%;
font-size: 0.9rem;
}
}
@media (max-width: 991.98px) {
.product-all-filter .dropdown .btn {
padding: 0 15px 0 0;
margin-right: 15px;
}
}
.product-all-filter .dropdown .btn svg {
margin-left: 0;
margin-right: 10px;
}
.product-all-filter .dropdown .btn.btn-link {
color: var(--gray);
}
.product-all-filter .dropdown .btn.btn-link span {
text-overflow: ellipsis;
display: inline-block;
white-space: nowrap;
overflow: hidden;
max-width: 100%;
vertical-align: bottom;
}
.product-all-filter .dropdown .btn.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2356626B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
height: 10px;
width: 10px;
border: none;
position: absolute;
top: calc(50% - 5px);
margin-left: 7px;
}
@media (max-width: 767.98px) {
.product-all-filter .dropdown .btn.dropdown-toggle::after {
right: 0;
}
}
.product-all-filter .dropdown .dropdown-menu {
border: 1px solid var(--borderGray);
border-radius: 20px;
padding: 1.5rem 2rem;
font-size: 0.8125rem;
color: var(--gray);
margin-top: 6px !important;
min-width: 300px;
}
@media (max-width: 767.98px) {
.product-all-filter .dropdown .dropdown-menu {
min-width: 100%;
width: 100%;
border-radius: 10px;
}
.product-all-filter .dropdown .dropdown-menu .dropdown-item span, .product-all-filter .dropdown .dropdown-menu {
font-size: 0.9rem;
}
}
@media (max-width: 991.98px) {
.product-all-filter .dropdown .dropdown-menu {
min-width: 230px;
}
}
.product-all-filter .dropdown .dropdown-menu::before {
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
top: -5px;
left: 25px;
transform: rotate(45deg);
background: var(--white);
border: none;
border-left: 1px solid var(--borderGray);
border-top: 1px solid var(--borderGray);
}
.product-all-filter .dropdown .dropdown-menu .dropdown-item {
padding: .5rem 0;
font-weight: 600;
color: var(--gray);
width: auto;
position: relative;
display: flex;
}
@media (max-width: 767.98px) {
.product-all-filter .dropdown .dropdown-menu .dropdown-item {
padding: .75rem 0;
}
}
.product-all-filter .dropdown .dropdown-menu .dropdown-item span {
display: inline-block;
position: relative;
white-space: initial;
}
.product-all-filter .dropdown .dropdown-menu .dropdown-item span::after {
background: transparent;
position: absolute;
content: "";
height: 2px;
width: 100%;
left: 0;
bottom: -2px;
transform: scale3d(0, 1, 0);
transform-origin: 0 0;
transition: transform .25s ease-out;
}
.product-all-filter .dropdown .dropdown-menu .dropdown-item span:hover::after {
background: var(--primary);
transform: scaleX(1);
}
.product-all-filter .dropdown .dropdown-menu .dropdown-item b {
margin-left: auto;
padding-left: 25px;
font-weight: 600;
}
.product-all-filter .dropdown .dropdown-menu .dropdown-item:focus, .product-all-filter .dropdown .dropdown-menu .dropdown-item:hover {
color: var(--gray);
background-color: transparent;
}
@media (max-width: 991.98px) {
.resetfilter {
order: 3;
margin-top: 15px;
}
}
.resetfilter a {
font-size: 0.75rem;
font-weight: 500;
background: var(--gray);
border-radius: 25px;
padding: 5px 20px;
color: var(--white);
margin-top: 5px;
display: block;
text-align: center;
}
@media (max-width: 767.98px) {
.resetfilter {
width: 100%;
}
}
@media (max-width: 991.98px) {
.resetfilter a {
font-size: 0.85rem;
}
}
.resetfilter a:hover {
background: var(--secondary);
}
/*Product Price*/
.product-price-range-box label {
font-size: 0.8125rem;
font-weight: 500;
color: var(--gray);
margin-bottom: 25px;
display: block;
text-align: left;
}
.price-range-slider {
padding-top: 1rem;
}
.price-range-slider input {
color: var(--secondary);
font-size: 1rem;
font-weight: 500;
border: 0 !important;
outline: none;
}
.price-range-slider input:focus, .price-range-slider input:hover {
border: 0 !important;
outline: none;
}
/*Product Rilter Right*/
.product-filter-right {
display: flex;
}
@media (max-width: 991.98px) {
.product-filter-right {
width: 100%;
margin-top: 20px;
justify-content: center;
}
}
@media (max-width: 767.98px) {
.product-filter-right {
flex-direction: column;
}
}
/*Clearance Filter*/
.clearance-filter {
display: flex;
align-items: center;
flex-shrink: 0;
}
@media (min-width: 992px) {
.clearance-filter {
margin-right: 12px;
}
}
.clearance-filter label.show-label-text {
font-size: 0.75rem;
font-weight: 400;
min-width: inherit;
margin-right: 8px;
color: var(--gray);
}
@media (max-width: 767.98px) {
.clearance-filter label.show-label-text {
font-size: 0.85rem;
}
}
.clearance-filter a {
font-size: 0.75rem;
font-weight: 600 !important;
background: transparent;
border: 1px solid var(--gray);
border-radius: 25px;
padding: 10px 18px;
color: var(--gray) !important;
display: block;
text-align: center;
text-decoration: none !important;
flex-shrink: 0;
}
.clearance-filter a:hover {
background: var(--gray);
border: 1px solid var(--gray);
color: var(--white) !important;
text-decoration: none !important;
}
.clearance-filter a.active {
background: var(--primary);
border: 1px solid var(--primary);
color: var(--white) !important;
text-decoration: none !important;
}
.show-clearance-filter {
overflow: hidden;
flex-shrink: 0;
}
.show-clearance-filter label {
display: block;
min-width: inherit;
font-weight: inherit;
}
.show-clearance-filter label span {
background: transparent;
border: 1px solid var(--gray);
border-radius: 25px;
padding: 10px 18px;
font-family: var(--font-family-body);
color: var(--gray);
font-size: 0.75rem;
font-weight: 600;
display: block;
cursor: pointer;
}
.show-clearance-filter label input {
position: absolute;
display: none;
}
.show-clearance-filter label input:checked + span {
background: var(--primary);
border: 1px solid var(--primary);
color: var(--white);
}
/*Product Sorting*/
.sortby {
width: 100%;
max-width: 215px;
}
@media (max-width: 991.98px) {
.sortby {
margin:0 auto;
}
}
@media (max-width: 767.98px) {
.sortby {
max-width: 100%;
margin-top: 15px;
}
}
.sortby .form-control {
font-family: var(--font-family-heading);
font-size: 0.8125rem !important;
font-weight: 500;
height: 45px;
color: var(--gray);
border: 1px solid var(--lightGray);
box-shadow: none;
}
@media (max-width: 767.98px) {
.sortby .form-control {
font-size: 0.875rem !important;
}
}
.search_filter_section_inner.no_res {
text-align: center;
}
/*Product Main Listing*/
.product-main-listing ul, .woocommerce .product-main-listing ul.products {
list-style-type: none;
margin: 0 -20px;
padding: 0;
display: flex;
flex-wrap: wrap;
}
@media (max-width: 575.98px) {
.product-main-listing ul, .woocommerce .product-main-listing ul.products {
margin: 0 -10px;
}
}
.product-main-listing ul::after, .woocommerce .product-main-listing ul.products::after, .product-main-listing ul::before, .woocommerce .product-main-listing ul.products::before {
display: none;
}
.product-main-listing ul li, .woocommerce .product-main-listing ul.products li.product, .woocommerce-page .product-main-listing ul.products li.product {
float: left;
width: 25%;
margin: 0 0 3rem;
clear: none;
position: relative;
}
@media (max-width: 991.98px) {
.product-main-listing ul li, .woocommerce .product-main-listing ul.products li.product, .woocommerce-page .product-main-listing ul.products li.product {
width: 33.33%;
}
}
@media (max-width: 767.98px) {
.product-main-listing ul li, .woocommerce .product-main-listing ul.products li.product, .woocommerce-page .product-main-listing ul.products li.product {
width: 50%;
}
}
.product-main-listing ul li.first, .woocommerce .product-main-listing ul.products li.product.first, .woocommerce-page .product-main-listing ul.products li.product.first {
clear: none;
}
.product-item-box {
text-align: center;
margin: 0 20px;
position: relative;
z-index: 1;
cursor: pointer;
overflow: hidden;
}
@media (max-width: 575.98px) {
.product-item-box {
margin: 0 10px;
}
}
.product-pic {
display: block;
position: relative;
height: 100%;
overflow: hidden;
border-radius: 20px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
border: 1px solid var(--borderGray);
}
@media (min-width: 576px) {
.product-pic {
border-radius: 30px;
}
}
@media (min-width: 1200px) {
.product-pic {
border-radius: 35px;
}
}
.product-pic > a {
display: block;
position: relative;
height: 100%;
width: 100%;
padding-top: 135%;
}
.product-pic img {
position: absolute;
top: 0;
left: 0;
max-width: 100% !important;
display: inline-block !important;
margin: 0 !important;
max-height: 100%;
transition: transform 0.75s ease-out;
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.product-item-box:hover .product-pic img {
transform: scale3d(1.15, 1.15, 1.15);
}
.product-pic span.new-label, .product-item-box span.new-label, .product-image-part span.new-label, .product-pic span.sale-label, .product-item-box span.sale-label, .product-image-part span.sale-label {
border-radius: 25px;
font-size: 0.8125rem;
font-weight: 500;
color: var(--white);
width: 60px;
height: 26px;
line-height: 26px;
position: absolute;
top: 30px;
z-index: 2;
}
.product-pic span.new-label, .product-item-box span.new-label, .product-image-part span.new-label {
background: var(--primary);
left: 25px;
}
.product-pic span.sale-label, .product-item-box span.sale-label, .product-image-part span.sale-label {
background: var(--secondary);
left: 25px;
}
.product-pic span.heart-label, .product-item-box span.heart-label, .product-image-part span.heart-label {
background-color: var(--white);
border: 1px solid var(--borderGray);
position: absolute;
border-radius: 100%;
width: 30px;
height: 30px;
right: 25px;
top: 30px;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
}
.product-pic span.heart-label i, .product-item-box span.heart-label i, .product-image-part span.heart-label i {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3e%3cpath fill='%2356626B' d='M6.99967 12.2333L6.03301 11.3533C2.59967 8.24 0.333008 6.18667 0.333008 3.66667C0.333008 1.61333 1.94634 0 3.99967 0C5.15967 0 6.27301 0.54 6.99967 1.39333C7.72634 0.54 8.83967 0 9.99967 0C12.053 0 13.6663 1.61333 13.6663 3.66667C13.6663 6.18667 11.3997 8.24 7.96634 11.36L6.99967 12.2333Z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
width: 14px;
height: 13px;
}
.product-pic span.heart-label:hover i, .product-item-box span.heart-label:hover i, .product-image-part span.heart-label:hover i {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3e%3cpath fill='%233C3C3C' d='M6.99967 12.2333L6.03301 11.3533C2.59967 8.24 0.333008 6.18667 0.333008 3.66667C0.333008 1.61333 1.94634 0 3.99967 0C5.15967 0 6.27301 0.54 6.99967 1.39333C7.72634 0.54 8.83967 0 9.99967 0C12.053 0 13.6663 1.61333 13.6663 3.66667C13.6663 6.18667 11.3997 8.24 7.96634 11.36L6.99967 12.2333Z'/%3e%3c/svg%3e");
}
.product-pic span.heart-label.active, .product-item-box span.heart-label.active, .product-image-part span.heart-label.active {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3e%3cpath fill='%23E6270F' d='M6.99967 12.2333L6.03301 11.3533C2.59967 8.24 0.333008 6.18667 0.333008 3.66667C0.333008 1.61333 1.94634 0 3.99967 0C5.15967 0 6.27301 0.54 6.99967 1.39333C7.72634 0.54 8.83967 0 9.99967 0C12.053 0 13.6663 1.61333 13.6663 3.66667C13.6663 6.18667 11.3997 8.24 7.96634 11.36L6.99967 12.2333Z'/%3e%3c/svg%3e");
}
/**/
.add-to-heartwishlist, .remove-to-heartwishlist {
background-color: var(--white);
border: 1px solid var(--borderGray);
position: absolute !important;
border-radius: 100%;
width: 30px !important;
height: 30px !important;
right: 25px;
top: 30px;
z-index: 2;
display: flex !important;
align-items: center;
justify-content: center;
}
@media (max-width: 1199.98px) {
.add-to-heartwishlist, .remove-to-heartwishlist {
top: 18px;
right: 20px;
}
}
@media (max-width: 575.98px) {
.add-to-heartwishlist, .remove-to-heartwishlist {
top: 13px;
right: 15px;
}
}
.woocommerce .remove-to-heartwishlist a.remove {
color: var(--gray) !important;
font-weight: 400;
}
.woocommerce .remove-to-heartwishlist a.remove:hover {
background: transparent;
color: var(--secondary) !important;
}
.add-to-heartwishlist .yith-wcwl-add-to-wishlist {
margin-top: 3px;
position: initial;
}
.add-to-heartwishlist .yith-wcwl-add-to-wishlist.exists {
margin-top: 3px;
}
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist i {
font-size: 0;
margin: 0;
}
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist .add_to_wishlist, .add-to-wishlist-before_image .yith-wcwl-add-to-wishlist .disabled_item, .add-to-wishlist-before_image .yith-wcwl-add-to-wishlist .open-pretty-photo {
font-size: 0;
background: 0 0;
position: inherit !important;
}
.add-to-heartwishlist .yith-wcwl-add-button span {
display: none;
}
.add-to-heartwishlist .yith-wcwl-add-button .view-wishlist {
display: none;
}
.add-to-heartwishlist .yith-wcwl-add-button .delete_item {
font-size: 0;
}
.add-to-heartwishlist i {
font-size: 20px;
}
.yith-wcwl-add-button {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.single_add_to_wishlist {
position: static !important;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.product-calculation-part .product-btns .yith-wcwl-add-to-wishlist i{
margin-right: 10px !important;
}
.yith-wcwl-add-to-wishlist i {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3e%3cpath fill='%2356626B' d='M6.99967 12.2333L6.03301 11.3533C2.59967 8.24 0.333008 6.18667 0.333008 3.66667C0.333008 1.61333 1.94634 0 3.99967 0C5.15967 0 6.27301 0.54 6.99967 1.39333C7.72634 0.54 8.83967 0 9.99967 0C12.053 0 13.6663 1.61333 13.6663 3.66667C13.6663 6.18667 11.3997 8.24 7.96634 11.36L6.99967 12.2333Z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
width: 16px;
height: 15px;
margin-right: 0px !important;
}
.yith-wcwl-add-to-wishlist i:before {
display: none !important;
}
.yith-wcwl-add-to-wishlist.exists i {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3e%3cpath fill='%23E6270F' d='M6.99967 12.2333L6.03301 11.3533C2.59967 8.24 0.333008 6.18667 0.333008 3.66667C0.333008 1.61333 1.94634 0 3.99967 0C5.15967 0 6.27301 0.54 6.99967 1.39333C7.72634 0.54 8.83967 0 9.99967 0C12.053 0 13.6663 1.61333 13.6663 3.66667C13.6663 6.18667 11.3997 8.24 7.96634 11.36L6.99967 12.2333Z'/%3e%3c/svg%3e");
}
.yith-wcwl-add-to-wishlist .blockUI {
display: none !important;
}
.yith-wcwl-wishlistaddedbrowse span.feedback {
font-size: 0;
display: block;
}
.yith-wcwl-wishlistexistsbrowse {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
}
.yith-wcwl-wishlistexistsbrowse span.feedback {
font-size: 0;
}
@media (max-width: 1199.98px) {
.product-pic span.new-label, .product-item-box span.new-label, .product-image-part span.new-label, .product-pic span.sale-label, .product-item-box span.sale-label, .product-image-part span.sale-label {
top: 20px;
}
.product-pic span.new-label, .product-item-box span.new-label, .product-image-part span.new-label {
left: 20px;
}
.product-pic span.sale-label, .product-item-box span.sale-label, .product-image-part span.sale-label {
left: 20px;
}
.product-pic span.heart-label, .product-item-box span.heart-label, .product-image-part span.heart-label {
top: 18px;
right: 20px;
}
}
@media (max-width: 575.98px) {
.product-pic span.new-label, .product-item-box span.new-label, .product-image-part span.new-label, .product-pic span.sale-label, .product-item-box span.sale-label, .product-image-part span.sale-label {
top: 15px;
}
.product-pic span.new-label, .product-item-box span.new-label, .product-image-part span.new-label {
left: 15px;
}
.product-pic span.sale-label, .product-item-box span.sale-label, .product-image-part span.sale-label {
left: 15px;
}
.product-pic span.heart-label, .product-item-box span.heart-label, .product-image-part span.heart-label {
top: 13px;
right: 15px;
}
}
.product-content {
display: flex;
padding: 1.55rem 0 0;
flex-direction: column;
}
.product-name {
display: block;
text-align: left;
}
body .product-name h2 {
font-size: 1rem;
color: var(--secondary);
font-weight: 600;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (min-width: 449px) {
body .product-name h2 {
font-size: 1.15rem;
}
}
@media (min-width: 576px) {
body .product-name h2 {
font-size: 1.25rem;
}
}
@media (min-width: 992px) {
body .product-name h2 {
font-size: 1.375rem;
}
}
.product-name h2 a {
color: var(--secondary);
display: block;
}
.product-price {
display: block;
margin-top: 5px;
}
.product-value {
font-family: var(--font-family-heading);
color: var(--secondary);
font-size: 1rem;
font-weight: 600;
text-align: left;
display: flex;
align-items: center;
}
.product-value span:not(.woocommerce-Price-amount):not(.woocommerce-Price-currencySymbol) {
display: inline-block;
margin: 0 10px 0 0;
}
@media (max-width: 575.98px) {
.product-value span:not(.woocommerce-Price-amount):not(.woocommerce-Price-currencySymbol) {
margin: 0 5px 0 0;
}
}
.product-value .p_discount {
color: var(--secondary);
font-size: 1.625rem;
font-weight: 600;
}
.product-value .p_original {
font-family: var(--font-family-secondary);
font-size: 0.875rem;
color: var(--gray);
font-weight: 500;
text-decoration: line-through;
}
@media (max-width: 575.98px) {
.product-value, .product-value .p_discount {
font-size: 0.875rem;
}
.product-value .p_original {
font-size: 0.8rem;
}
}
.prodcut-content-section .product-value {
font-size: 1.625rem;
margin-bottom: 0rem;
}
/*Featured Posts Block*/
.zdcb-featured-posts-block {
position: relative;
}
.zdcb-featured-posts-block hr {
display: none;
}
.zdcb-featured-posts-block.has-background hr {
display: block;
position: absolute;
z-index: -1;
background: var(--secondary);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
.zdcb-featured-posts-block article {
display: block;
margin: 1rem 0;
}
.zdcb-featured-posts-block article .article__image {
height: 220px;
overflow: hidden;
border-radius: 2.1875rem;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
@media (min-width: 576px) {
.zdcb-featured-posts-block article .article__image {
height: 260px;
}
}
@media (min-width: 768px) {
.zdcb-featured-posts-block article .article__image {
height: 280px;
}
}
@media (min-width: 992px) {
.zdcb-featured-posts-block article .article__image {
height: 300px;
}
}
.zdcb-featured-posts-block article .article__image img {
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.75s ease-out;
}
.zdcb-featured-posts-block article:hover .article__image img {
transform: scale3d(1.15, 1.15, 1.15);
}
.zdcb-featured-posts-block article .article__content {
display: block;
}
.zdcb-featured-posts-block article .article__content header h2, .zdcb-featured-posts-block article .article__content header h2 a {
font: 600 1.25rem/1.5 var(--font-family-heading);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
color: var(--secondary);
}
@media (min-width: 1200px) {
.zdcb-featured-posts-block article .article__content header h2, .zdcb-featured-posts-block article .article__content header h2 a {
font-size: 1.375rem;
}
}
.zdcb-featured-posts-block article .article__content header h2 a:hover {
color: var(--primary);
}
.zdcb-featured-posts-block article .article__content .article__content-excerpt {
color: var(--gray);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.zdcb-featured-posts-block .btn {
min-width: 180px;
}
/*If Has Background*/
.zdcb-featured-posts-block.has-background h1, .zdcb-featured-posts-block.has-background h2, .zdcb-featured-posts-block.has-background h3, .zdcb-featured-posts-block.has-background h4, .zdcb-featured-posts-block.has-background h5, .zdcb-featured-posts-block.has-background h6 {
color: var(--white);
}
.zdcb-featured-posts-block.has-background p {
color: var(--white);
}
.zdcb-featured-posts-block.has-background p a:not([class]) {
color: var(--primary);
}
.zdcb-featured-posts-block.has-background article .article__content header h2, .zdcb-featured-posts-block.has-background article .article__content header h2 a {
color: var(--white);
}
.zdcb-featured-posts-block.has-background article .article__content header h2 a:hover {
color: var(--primary);
}
.zdcb-featured-posts-block.has-background article .article__content .article__content-excerpt {
color: var(--white);
}
.zdcb-featured-posts-block.has-background .btn-primary:hover {
color: var(--primary);
background-color: var(--white);
border-color: var(--white);
}
.zdcb-featured-posts-block.has-background .btn-primary:focus, .zdcb-featured-posts-block.has-background .btn-primary.focus {
color: var(--primary);
background-color: var(--white);
border-color: var(--white);
}
/*Browse By Category Block*/
.zdcb-browse-by-category-block {
position: relative;
z-index: 1;
}
.zdcb-browse-by-category-block hr {
display: none;
}
.zdcb-browse-by-category-block.has-background hr {
display: block;
position: absolute;
z-index: -1;
background: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
ul.category-browse__grid {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
ul.category-browse__grid li {
display: flex;
position: relative;
height: 175px;
margin: 15px 0;
width: 100%;
}
ul.category-browse__grid li:nth-child(1) {
width: 100%;
height: auto;
}
@media (min-width: 576px) {
ul.category-browse__grid li {
height: 250px;
}
}
@media (min-width: 768px) {
ul.category-browse__grid li {
padding-left: 15px;
padding-right: 15px;
margin: 15px 0;
height: 350px;
}
}
@media (min-width: 1200px) {
ul.category-browse__grid li {
padding-left: 20px;
padding-right: 20px;
height: 400px;
margin: 20px 0;
}
}
@media (min-width: 768px) {
ul.category-browse__grid li:nth-child(1) {
width: 100%;
}
ul.category-browse__grid li:nth-child(2) {
width: 60%;
}
ul.category-browse__grid li:nth-child(3) {
width: 40%;
}
ul.category-browse__grid li:nth-child(4) {
width: 40%;
}
ul.category-browse__grid li:nth-child(5) {
width: 60%;
}
ul.category-browse__grid li:nth-child(6) {
width: 60%;
}
ul.category-browse__grid li:nth-child(7) {
width: 40%;
}
}
@media (min-width: 992px) {
ul.category-browse__grid li:nth-child(1) {
width: 40%;
}
ul.category-browse__grid li:nth-child(2) {
width: 25%;
}
ul.category-browse__grid li:nth-child(3) {
width: 35%;
}
ul.category-browse__grid li:nth-child(4) {
width: 25%;
}
ul.category-browse__grid li:nth-child(5) {
width: 25%;
}
ul.category-browse__grid li:nth-child(6) {
width: 25%;
}
ul.category-browse__grid li:nth-child(7) {
width: 25%;
}
.category-browse__content {
display: block;
padding: 0 40px 0 0;
}
}
.category-browse__box {
display: block;
position: relative;
height: 100%;
width: 100%;
border-radius: 2.1875rem;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.category-browse__box a {
display: flex;
height: 100%;
width: 100%;
justify-content: space-between;
align-items: flex-end;
padding: 2rem 2.1875rem;
position: relative;
z-index: 2;
text-decoration: none !important;
}
@media (min-width: 768px) {
.category-browse__box a {
padding: 2.5rem 2.1875rem;
}
}
@media (min-width: 992px) {
.category-browse__box a {
padding: 3.125rem 2.1875rem;
}
}
.category-browse__box a::before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.00) 55%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.00) 55%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.00) 55%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3544224', endColorstr='#00ffffff', GradientType=1);
z-index: -1;
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
}
.category-browse__box .image {
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -2;
}
.category-browse__box .image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
transition: transform 0.75s ease-out;
}
.category-browse__box:hover .image img {
transform: scale3d(1.15, 1.15, 1.15);
}
.category-browse__box .text {
font-family: var(--font-family-heading);
font-weight: 600;
color: var(--white);
display: block;
position: relative;
font-size: 1.125rem;
}
@media (min-width: 576px) {
.category-browse__box .text {
font-size: 1.25rem;
}
}
@media (min-width: 1200px) {
.category-browse__box .text {
font-size: 1.375rem;
}
}
/*For without Heading*/
.zdcb-browse-by-category-block + .zdcb-brands-block.for-without-heading {
padding-top: 0;
}
.zdcb-browse-by-category-block + .zdcb-brands-block.for-without-heading hr {
top: -20rem;
height: calc(100% + 20rem);
opacity: 1;
}
.zdcb-browse-by-category-block + .zdcb-brands-block.for-without-heading div.position-relative {
display: none;
}
.zdcb-browse-by-category-block + .zdcb-brands-block.for-without-heading .mt-sm-5 {
margin-top: 0rem !important;
}
/*Testimonial Card Block*/
.testimonial-card {
background: var(--white);
box-shadow: 0px 10px 40px 1px rgba(var(--shadowGray), 0.05);
border: 1px solid var(--lightGray);
border-radius: 2.1875rem;
padding: 2rem 2.5rem;
height: 100%;
position: relative;
}
@media (min-width: 576px) {
.testimonial-card {
padding: 2.5rem 3rem;
}
}
@media (min-width: 768px) {
.testimonial-card {
padding: 3rem 3.5rem;
}
}
@media (min-width: 992px) {
.testimonial-card {
padding: 2rem 2.5rem;
}
}
@media (min-width: 1200px) {
.testimonial-card {
padding: 3rem 3.5rem;
}
}
.testimonial-card::before {
background: url(../images/quote-marks.svg) 0 0/contain no-repeat;
width: 80px;
height: 59px;
position: absolute;
right: 1.5rem;
top: 2rem;
content: "";
}
@media (min-width: 576px) {
.testimonial-card::before {
width: 100px;
height: 73px;
}
}
@media (min-width: 768px) {
.testimonial-card::before {
width: 109px;
height: 80px;
}
}
.testimonial-card-body {
position: relative;
z-index: 1;
}
.testimonial-card-body span {
display: block;
}
.testimonial-card-body span.post__heading {
font: 600 1.125rem/1.35 var(--font-family-heading);
color: var(--secondary);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 0.75rem;
}
.testimonial-card-body span.post__content {
color: var(--gray);
line-height: 1.7;
min-height: 115px;
font-size: 1rem;
}
@media (min-width: 576px) {
.testimonial-card-body span.post__content {
min-height: 120px;
}
}
@media (min-width: 1200px) {
.testimonial-card-body span.post__content {
min-height: 140px;
}
}
.testimonial-card-body span.post__content .post_content_para {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.testimonial-card-body span.post__content .btn-link {
display: inline-block;
margin-top: 5px;
min-width: initial;
color: var(--primary);
font-size: 0.875rem;
text-decoration: underline;
}
.testimonial-card-body span.post__content .btn-link:hover {
color: var(--secondary);
}
.testimonial-card-body span.post__content .btn-link.zdcb-video {
display: flex;
flex-direction: column;
}
.testimonial-card-body span.post__content .btn-link.zdcb-video svg {
margin-left: 0;
width: 60px;
height: 60px;
}
.testimonial-card-body span.post__content .btn-link.zdcb-video span.play-btn {
margin-bottom: 10px;
}
.testimonial-card-body span.post__content-full {
display: none;
}
.testimonial-card-body span.post__meta, .modal .modal-footer .post__meta {
display: flex;
align-items: center;
margin-top: 1em;
}
.testimonial-card-body span.post__meta .post__type-icon, .modal .modal-footer .post__meta .post__type-icon {
width: 50px;
height: 50px;
margin-right: 20px;
flex-shrink: 0;
box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.07);
border-radius: 50rem;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
@media (min-width: 576px) {
.testimonial-card-body span.post__meta .post__type-icon, .modal .modal-footer .post__meta .post__type-icon {
width: 60px;
height: 60px;
}
}
.testimonial-card-body span.post__meta .post__title, .modal .modal-footer .post__meta .post__title {
width: 100%;
}
.testimonial-card-body span.post__meta .post__title .post__name, .modal .modal-footer .post__meta .post__title .post__name {
font: 600 1rem/1.35 var(--font-family-heading);
color: var(--secondary);
}
.testimonial-card-body span.post__meta .post__title .post__subtext, .modal .modal-footer .post__meta .post__title .post__subtext {
font-size: 0.875rem;
font-weight: 500;
color: var(--gray);
}
.testimonial-card-body span.post__rating, .modal .modal-footer span.post__rating {
margin-top: 2px;
display: flex;
align-items: center;
}
.testimonial-card-body span.post__rating i, .modal .modal-footer span.post__rating i {
font-size: 1rem;
color: var(--primary);
line-height: 1;
margin-right: 3px;
}
/*Testimonial Modal*/
.modal.for-modal-testimonial .modal-content .modal-body span.post__heading {
font: 600 1.125rem/1.35 var(--font-family-heading);
color: var(--secondary);
margin-bottom: 0.75rem;
}
.modal.for-modal-testimonial .modal-content .modal-body, .modal.for-modal-testimonial .modal-content .modal-body p {
font-size: 1rem;
}
.modal.for-modal-testimonial .modal-footer .post__meta {
margin: 0;
width: 100%;
}
.modal.for-modal-testimonial .modal-footer .post__meta .post__title span {
display: block;
}
/*Testimonial Slider Block */
.zdcb-testimonial-slider-block {
position: relative;
}
.zdcb-testimonial-slider-block hr {
display: none;
}
.zdcb-testimonial-slider-block.has-background hr {
display: block;
position: absolute;
z-index: -1;
background: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
.zdcb-testimonial-slider-block .testimonial-posts__slider {
list-style: none;
margin: 0;
padding: 0;
}
.zdcb-testimonial-slider-block .testimonial-posts__slider li {
padding: 0 1em;
margin: 0;
}
.zdcb-testimonial-slider-block .slick-arrows {
display: inline-flex;
}
@media (min-width: 768px) {
.zdcb-testimonial-slider-block .slick-arrows {
position: absolute;
right: 0;
bottom: 5px;
}
}
@media (min-width: 992px) {
.zdcb-testimonial-slider-block .slick-arrows {
bottom: 15px;
}
}
.zdcb-testimonial-slider-block .slick-arrows .slick-arrow {
margin: 0 5px;
width: 46px;
height: 46px;
background: transparent;
flex-shrink: 0;
border-radius: 100%;
border: 0;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s ease;
}
@media (max-width: 575.98px) {
.zdcb-testimonial-slider-block .slick-arrows .slick-arrow {
width: 40px;
height: 40px;
}
}
.zdcb-testimonial-slider-block .slick-arrows .slick-arrow svg {
fill: var(--gray);
}
.zdcb-testimonial-slider-block .slick-arrows .slick-arrow.next {
transform: rotate(180deg);
}
.zdcb-testimonial-slider-block .slick-arrows .slick-arrow:hover {
background: var(--primary);
}
.zdcb-testimonial-slider-block .slick-arrows .slick-arrow:hover svg {
fill: var(--white);
}
.zdcb-testimonial-slider-block .slick-dots {
bottom: 0;
}
.zdcb-testimonial-slider-block .testimonial-slider {
display: block;
overflow: hidden;
margin-right: calc(-100vw / 2 + (100% - -22px) / 2);
width: initial;
max-width: initial;
flex: initial;
text-align: center;
}
.zdcb-testimonial-slider-block .testimonial-slider .testimonial-card {
padding: 0 0 35px;
background: transparent;
border: none;
box-shadow: none;
}
.zdcb-testimonial-slider-block .testimonial-slider .testimonial-card::before {
display: none;
}
.zdcb-testimonial-slider-block .testimonial-posts__slider span.post__rating {
margin-bottom: 25px;
justify-content: center;
}
.zdcb-testimonial-slider-block .testimonial-posts__slider span.post__rating i {
font-size: 1.1rem;
}
/*Product Detail Page*/
/*Breadcrumb*/
.breadcrumb-part {
background: #e5e5e5;
padding: 5px 0;
}
.rank-math-breadcrumb {
margin: 0;
padding: 0;
font-weight: 400;
font-size: 0.75rem;
}
.rank-math-breadcrumb p {
margin: 0 !important;
padding: 0 !important;
}
.rank-math-breadcrumb a {
color: var(--secondary) !important;
font-weight: 400 !important;
}
.rank-math-breadcrumb span.last {
color: var(--secondary) !important;
}
/****************************** ******************************
Product Detail CSS
****************************** *****************************/
/*Product Main*/
.product-main-section {
padding: 1.5rem 0;
background: var(--lightGray);
}
@media (min-width: 768px) {
.product-main-section {
padding: 2rem 0;
}
}
@media (min-width: 1024px) {
.product-main-section {
padding: 3.25rem 0;
}
}
/*Product Content Section*/
.prodcut-heading-part .product--cat {
margin: 0;
font-size: 1rem;
color: var(--secondary);
font-weight: 600;
}
@media (min-width: 768px) {
.prodcut-heading-part .product--cat {
margin: 0 0 2px;
font-size: 1.125rem;
}
}
.prodcut-heading-part .product--sku {
margin-top: 0;
color: var(--secondary);
font-size: 0.875rem;
margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
.prodcut-heading-part .product--sku {
margin-bottom: 1rem;
font-size: 1rem;
}
}
body .prodcut-heading-part h1 {
font-size: 1.25rem;
color: var(--secondary);
font-weight: 600;
margin: 0 0 1rem;
}
@media (min-width: 576px) {
body .prodcut-heading-part h1 {
font-size: 1.5rem;
}
}
@media (min-width: 768px) {
body .prodcut-heading-part h1 {
font-size: 1.75rem;
}
}
@media (min-width: 1024px) {
body .prodcut-heading-part h1 {
font-size: 2rem;
margin: 0 0 0.75rem;
}
}
/*Woo-Commerce Sigle Variation*/
.woocommerce-variation.single_variation {
padding: 1rem 0;
}
.woocommerce-variation.single_variation .woocommerce-variation-price {
color: var(--secondary);
font-size: 1rem;
font-weight: 400;
display: flex;
margin: 5px 0;
line-height: 1;
justify-content: center;
}
.woocommerce-variation.single_variation .woocommerce-variation-price span:not(.woocommerce-Price-amount):not(.woocommerce-Price-currencySymbol) {
display: inline-block;
}
.woocommerce-variation.single_variation .woocommerce-variation-price span.p_original {
margin: 0 10px 0 0;
}
.woocommerce-variation.single_variation .woocommerce-variation-price .p_discount {
color: var(--secondary);
font-weight: 600;
font-size: 1.25rem;
}
.woocommerce-variation.single_variation .woocommerce-variation-price .p_original {
color: var(--secondary);
text-decoration: line-through;
font-size: 1.25rem;
}
@media (min-width: 576px) {
.woocommerce-variation.single_variation .woocommerce-variation-price .p_discount {
font-size: 1.5rem;
}
.woocommerce-variation.single_variation .woocommerce-variation-price .p_original {
font-size: 1.5rem;
}
}
@media (min-width: 768px) {
.woocommerce-variation.single_variation .woocommerce-variation-price {
font-size: 1.125rem;
}
.woocommerce-variation.single_variation .woocommerce-variation-price .p_discount {
font-size: 1.75rem;
}
.woocommerce-variation.single_variation .woocommerce-variation-price .p_original {
font-size: 1.75rem;
}
}
@media (min-width: 1024px) {
.woocommerce-variation.single_variation .woocommerce-variation-price .p_discount {
font-size: 2rem;
}
.woocommerce-variation.single_variation .woocommerce-variation-price .p_original {
font-size: 2rem;
}
}
.woocommerce-variation-availability {
text-align: center;
}
.woocommerce-variation-availability .stock {
padding: .75rem;
}
.woocommerce-variation-availability .stock.out-of-stock, .stock.out-of-stock {
background: var(--lightGray);
border: 1px solid var(--borderGray);
color: var(--secondary);
padding: .75rem;
text-align: center;
}
.woocommerce-variation-availability .stock.in-stock, .stock.in-stock {
background: var(--lightGray);
border: 1px solid var(--borderGray);
color: var(--secondary);
padding: .75rem;
text-align: center;
}
/*Product Variation Select*/
.prodcut-content-section .variations select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
display: block;
width: 100%;
padding: 0.5rem 2.25rem 0.5rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--secondary);
background-color: var(--white);
background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: 1px solid var(--borderGray);
border-radius: 100px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.woocommerce .prodcut-content-section .variations select {
transition: none;
}
}
.woocommerce .prodcut-content-section .variations select:focus {
border-color: var(--primary);
outline: 0;
box-shadow: none;
}
.woocommerce .prodcut-content-section .variations select[multiple], .woocommerce .prodcut-content-section .variations select[size]:not([size="1"]) {
padding-right: 0.75rem;
background-image: none;
}
.woocommerce .prodcut-content-section .variations select:disabled {
background-color: var(--secondary);
}
.woocommerce .prodcut-content-section .variations select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 var(--secondary);
}
/*Product Info*/
.product-info, body .product-info p {
font-size: 1rem;
color: var(--secondary);
font-weight: 400;
margin: 1rem 0;
}
.prodcut-content-section hr {
color: var(--secondary);
}
.prodcut-content-section form.cart {
display: flex;
flex-direction: column;
}
/*Product Options*/
.prodcut-content-section .col-form-label {
font-weight: 600;
color: var(--secondary);
line-height: 2;
}
.prodcut-content-section .col-form-label span {
font-weight: 400;
color: var(--secondary);
}
/*Qty*/
.quantity {
cursor: pointer;
background: #ffffff;
border: 1px solid var(--borderGray);
border-radius: 100px;
height: 46px;
position: relative;
display: flex;
max-width: 130px;
overflow: hidden;
}
.quantity .minus, .quantity .plus {
width: 45px;
height: 100%;
text-align: center;
flex-shrink: 0;
font-size: 1.25rem;
font-weight: 400;
color: var(--secondary);
line-height: 40px;
}
.quantity input[type="text"] {
height: 100%;
border: none;
border-radius: 0;
background: transparent;
border: none;
color: var(--secondary);
font-size: 0.9rem;
font-weight: 400;
text-align: center;
width: 38px;
outline: none;
}
/*Product Calculation*/
.product-calculation-part {
background: var(--white);
padding: 1rem;
text-align: center;
margin-top: 1.5rem;
}
@media (min-width: 576px) {
.product-calculation-part {
padding: 2rem;
}
}
body .product-calculation-part h5 {
color: var(--secondary);
text-align: center;
font-size: 1rem;
font-weight: 600;
margin-bottom: 1rem;
}
@media (min-width: 576px) {
body .product-calculation-part h5 {
font-size: 1.125rem;
margin-bottom: 2rem;
text-align: left;
}
}
.product-calculation-part .btn {
border-width: 2px;
font-weight: 500;
--bs-btn-padding-y: 1rem;
}
.product-calculation-part .btn-outline-primary {
background-color: var(--secondary);
}
.product-calculation-part .btn-outline-primary:hover {
background-color: var(--primary);
}
body .product-calculation-part p {
color: var(--secondary);
font-weight: 600;
font-size: 1rem;
}
.product-calculation-part .product-inputField {
position: relative;
margin-bottom: 1rem;
}
.product-calculation-part .product-inputField .form-control {
padding: 1.125rem 1.5rem;
font-weight: 500;
}
.product-calculation-part .product-inputField a {
position: absolute;
right: 1.5rem;
top: calc(50% - 12px);
color: var(--secondary);
}
.product-calculation-part .product-totals {
display: flex;
border-top: 1px solid var(--borderGray);
border-bottom: 1px solid var(--borderGray);
padding: 1.25rem 0;
margin: 1rem 0 0.75rem;
color: var(--secondary);
}
.product-calculation-part .product-totals span {
font-size: 1.25rem;
font-weight: 600;
}
.product-calculation-part .product-totals span small {
font-size: 0.775rem;
color: var(--secondary);
font-weight: 400;
}
@media (min-width: 576px) {
.product-calculation-part .product-totals span {
font-size: 1.5rem;
}
.product-calculation-part .product-totals span small {
font-size: 0.875rem;
}
}
.product-calculation-part .product-btns .btn {
margin-top: 1rem;
font-size: 1rem;
min-height: 62px;
display: flex;
align-items: center;
justify-content: center;
}
.product-calculation-part .product-btns .btn .icon {
width: 20px;
height: 20px;
margin-right: 10px;
}
.product-calculation-part .product-btns p {
margin-bottom: 0;
color: var(--secondary);
font-weight: 500;
display: flex;
justify-content: center;
}
.product-calculation-part .product-btns p a.btn-link {
color: var(--secondary);
margin-left: 5px;
text-decoration: underline;
font-weight: 500;
}
.product-calculation-part .product-btns p a.btn-link::after {
display: none;
}
.product-calculation-part .product-btns p a.btn-link:hover {
color: var(--primary);
}
.product-btns .btn {
min-width: 210px;
font-size: 0.875rem;
margin-right: 20px;
padding-top: 0.7rem;
padding-bottom: 0.7rem;
min-height: 48px;
}
.product-btns span.heart-label {
background-color: var(--white);
border: 1px solid var(--borderGray);
border-radius: 100%;
width: 41px;
height: 41px;
display: flex;
align-items: center;
justify-content: center;
}
.product-btns span.heart-label i {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3e%3cpath fill='%2356626B' d='M6.99967 12.2333L6.03301 11.3533C2.59967 8.24 0.333008 6.18667 0.333008 3.66667C0.333008 1.61333 1.94634 0 3.99967 0C5.15967 0 6.27301 0.54 6.99967 1.39333C7.72634 0.54 8.83967 0 9.99967 0C12.053 0 13.6663 1.61333 13.6663 3.66667C13.6663 6.18667 11.3997 8.24 7.96634 11.36L6.99967 12.2333Z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
width: 18px;
height: 17px;
}
.product-btns span.heart-label:hover i {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3e%3cpath fill='%233C3C3C' d='M6.99967 12.2333L6.03301 11.3533C2.59967 8.24 0.333008 6.18667 0.333008 3.66667C0.333008 1.61333 1.94634 0 3.99967 0C5.15967 0 6.27301 0.54 6.99967 1.39333C7.72634 0.54 8.83967 0 9.99967 0C12.053 0 13.6663 1.61333 13.6663 3.66667C13.6663 6.18667 11.3997 8.24 7.96634 11.36L6.99967 12.2333Z'/%3e%3c/svg%3e");
}
.product-btns span.heart-label.active i {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3e%3cpath fill='%23E6270F' d='M6.99967 12.2333L6.03301 11.3533C2.59967 8.24 0.333008 6.18667 0.333008 3.66667C0.333008 1.61333 1.94634 0 3.99967 0C5.15967 0 6.27301 0.54 6.99967 1.39333C7.72634 0.54 8.83967 0 9.99967 0C12.053 0 13.6663 1.61333 13.6663 3.66667C13.6663 6.18667 11.3997 8.24 7.96634 11.36L6.99967 12.2333Z'/%3e%3c/svg%3e");
}
.tooltip-inner {
font-family: var(--font-family-secondary);
font-size: 0.8125rem;
font-weight: 600;
padding: 0.5rem 1rem;
color: var(--gray);
background-color: var(--white);
border: 1px solid var(--borderGray);
border-radius: 100px;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
border-top-color: var(--borderGray);
}
/**/
.product-btns .add-to-heartwishlist {
width: 48px !important;
height: 48px !important;
position: initial !important;
}
.product-btns .add-to-heartwishlist .yith-wcwl-add-to-wishlist i {
width: 18px;
height: 18px;
}
.yith-wcwl-add-button .delete_item {
font-size: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.prodcut-content-section .yith-wcwl-add-button .delete_item {
font-size: 1rem !important;
}
.prodcut-content-section .yith-wcwl-add-button, .prodcut-content-section .yith-wcwl-wishlistaddedbrowse, .prodcut-content-section .yith-wcwl-wishlistexistsbrowse{
width: 100%;
height: auto;
font-family: var(--font-family-secondary);
border-width: 1px;
font-weight: 500;
padding: 1rem 2rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 25rem;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--white);
border: 1px solid var(--borderGray);
position: relative;
z-index: 2;
color: var(--secondary);
}
.prodcut-content-section .yith-wcwl-add-button:hover, .prodcut-content-section .yith-wcwl-wishlistaddedbrowse:hover, .prodcut-content-section .yith-wcwl-wishlistexistsbrowse:hover {
background: var(--white);
border-color: var(--primary);
color: var(--secondary);
}
.prodcut-content-section .yith-wcwl-add-button:hover a{
color: var(--secondary);
}
.prodcut-content-section .yith-wcwl-add-button .delete_item, .prodcut-content-section .yith-wcwl-wishlistaddedbrowse, .prodcut-content-section .yith-wcwl-wishlistexistsbrowse .delete_item{
color: var(--primary);
}
.yith-wcwl-add-button span.separator, .prodcut-content-section .yith-wcwl-add-to-wishlist.exists .yith-wcwl-add-button span.separator {
display: none;
}
.yith-wcwl-add-button .view-wishlist {
display: none;
}
/*Product Tickbox*/
@media (min-width: 992px) {
.product-info ul.list-tickbox {
display: flex;
flex-wrap: wrap;
}
.product-info ul.list-tickbox li {
width: 50%;
padding-right: 18px;
}
}
.product-info ul.list-tickbox li::before {
width: 25px;
height: 25px;
flex: 0 0 25px;
margin-right: 22px;
margin-top: 0;
}
/*Product Attribute*/
ul.product-attributes {
display: flex;
align-items: center;
list-style: none;
padding: 0;
margin: 2rem 0;
}
ul.product-attributes li {
margin-right: 2em;
}
ul.product-attributes li img {
max-height: 75px;
}
/*Without Calc*/
.product-calculation-part.without-calc .product-totals {
border-top: 0;
border-bottom: 0;
padding: 0;
margin: 0;
}
/*Product Jumppoints*/
.product-jumppoints {
margin-top: 1.5rem;
}
.product-jumppoints .product-jp--ic {
float: left;
width: 24px;
margin-right: 15px;
}
.product-jumppoints .product-jp--ic img {
width: 100%;
height: auto;
}
.product-jumppoints .product-jp--text {
overflow: hidden;
padding-top: 2px;
}
.product-jumppoints .product-jp--text h6 {
font-size: 1rem;
color: var(--secondary);
font-weight: 600;
margin: 0;
}
@media (min-width: 576px) {
.product-jumppoints .product-jp--text h6 {
font-size: 1.125rem;
}
}
.product-jumppoints .product-jp--text h6 a {
margin-left: 5px;
}
.product-jumppoints .product-jp--text h6 a .icon {
width: 16px;
height: 16px;
}
body .product-jumppoints .product-jp--text p {
font-size: 0.875rem;
color: var(--secondary);
font-weight: 500;
margin: 0.5rem 0 0;
}
body .product-jumppoints .product-jp--text p span {
color: var(--secondary);
font-weight: 400;
}
/*Product Image Part*/
.product-image-part {
display: block;
position: relative;
text-align: center;
}
@media (max-width: 767.98px) {
.product-image-part {
margin-bottom: 2rem;
}
}
.woocommerce div.product .product-image-part div.images, .woocommerce-page div.product .product-image-part div.images {
float: none;
width: 100%;
margin-bottom: 0;
}
.woocommerce div.product .product-image-part div.images .flex-viewport {
background: transparent;
text-align: center;
z-index: 1;
cursor: pointer;
}
.woocommerce div.product .product-image-part div.images .woocommerce-product-gallery__image {
background: var(--white);
border-radius: 2.1875rem;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
height: 375px;
}
.woocommerce div.product .product-image-part div.images .woocommerce-product-gallery__image a {
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.woocommerce div.product .product-image-part div.images .woocommerce-product-gallery__image a img {
max-width: 100% !important;
width: auto !important;
display: inline-block !important;
margin: 0 !important;
max-height: 100%;
}
@media (min-width: 576px) {
.woocommerce div.product .product-image-part div.images .woocommerce-product-gallery__image {
height: 520px;
}
}
@media (min-width: 768px) {
.woocommerce div.product .product-image-part div.images .woocommerce-product-gallery__image {
height: 278px;
}
}
@media (min-width: 992px) {
.woocommerce div.product .product-image-part div.images .woocommerce-product-gallery__image {
height: 378px;
}
}
@media (min-width: 1200px) {
.woocommerce div.product .product-image-part div.images .woocommerce-product-gallery__image {
height: 451px;
}
}
@media (min-width: 1400px) {
.woocommerce div.product .product-image-part div.images .woocommerce-product-gallery__image {
height: 526px;
}
}
.woocommerce div.product .product-image-part div.images .flex-control-thumbs {
margin: 0 -5px;
margin-top: 15px;
}
.woocommerce div.product .product-image-part div.images .flex-control-thumbs li {
width: calc(25% - 10px);
border: 0 solid var(--borderGray);
border-radius: 1.5rem;
margin: 5px;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
@media (min-width: 576px) {
.woocommerce div.product .product-image-part div.images .flex-control-thumbs li {
border-radius: 1.5rem;
}
}
@media (min-width: 992px) {
.woocommerce div.product .product-image-part div.images .flex-control-thumbs li {
border-radius: 2rem;
}
}
@media (min-width: 1200px) {
.woocommerce div.product .product-image-part div.images .flex-control-thumbs li {
border-radius: 2.1875rem;
}
}
.product-image-part img {
max-width: 100%;
}
/*Product Features*/
.product-features-part {
display: block;
margin-top: 2rem;
}
@media (min-width: 576px) {
.product-features-part {
margin-top: 2.5rem;
}
}
.product-features-part ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.product-features-part ul li {
width: 33.33%;
padding: 10px 0;
}
@media (max-width: 767.98px) {
.product-features-part ul li {
text-align: center;
padding: 10px 5px;
}
}
.product-features-part ul li span.icon {
width: 45px;
display: inline-block;
}
@media (min-width: 768px) {
.product-features-part ul li span.icon {
float: left;
}
}
.product-features-part ul li span.icon img {
width: 30px;
}
.product-features-part ul li span.content {
overflow: hidden;
display: block;
padding-top: 3px;
font-size: 0.875rem;
color: var(--secondary);
line-height: normal;
}
@media (min-width: 768px) {
.product-features-part ul li span.content {
font-size: 1rem;
}
}
@media (min-width: 1630px) {
.product-features-part ul li span.content {
font-size: 1.125rem;
}
}
/*Product Specifications Block*/
.zdcb-product-specification-block {
font-family: var(--font-family-heading);
padding: 5rem 0;
}
.zdcb-product-specification-block hr {
display: none;
}
.zdcb-product-specification-block.has-background hr {
display: block;
position: absolute;
z-index: -1;
background: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
.zdcb-product-specification-block .accordion.accordion-flush {
border-top: none;
}
.zdcb-product-specification-block .accordion-item {
border: none;
margin: 12px 0;
}
.zdcb-product-specification-block .accordion-item i {
width: 25px;
height: 25px;
margin-right: 15px;
}
.zdcb-product-specification-block .accordion-item i img {
width: 100%;
height: 100%;
}
.zdcb-product-specification-block .accordion-button {
background-color: var(--lightGray);
padding: 1.2rem 2rem;
font-size: 1rem;
font-weight: 600;
color: var(--secondary);
}
@media (min-width: 768px) {
.zdcb-product-specification-block .accordion-button {
font-size: 1.125rem;
}
}
.zdcb-product-specification-block .accordion-button:focus {
box-shadow: none;
}
.zdcb-product-specification-block .accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233C3C3C'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.zdcb-product-specification-block .accordion-button:not(.collapsed) {
color: var(--secondary);
background-color: rgba(var(--bgGray), 1);
box-shadow: none;
}
.zdcb-product-specification-block .accordion-body {
background-color: rgba(var(--bgGray), 1);
padding: 1.2rem 2rem;
}
.zdcb-product-specification-block .accordion-body p:first-child {
margin-top: 0;
}
.accordion-flush .accordion-item:first-child {
border-top: 0;
}
.zdcb-product-specification-block .table {
font-size: 0.875rem;
font-weight: 400;
color: var(--secondary);
margin: 0;
}
.zdcb-product-specification-block .table > :not(caption) > * > * {
padding: 0.8rem 2rem;
font-weight: 400;
background-color: var(--lightGray);
border: none;
}
.zdcb-product-specification-block .table-striped > tbody > tr:nth-of-type(2n+1) > * {
background-color: #f5f5f5;
color: var(--secondary);
box-shadow: none;
border: none;
}
/*Related Products*/
.related-products {
position: relative;
}
.related-products hr {
display: none;
}
.related-products.has-background hr {
display: block;
position: absolute;
z-index: -1;
background: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
@media (min-width: 576px) {
.related-products .related-product__title .btn {
top: -15px;
position: relative;
}
}
.related-products .related-products__posts {
z-index: 2;
padding: 0;
}
/**/
.related-products .slick-prev, .related-products .slick-next {
top: calc(37% - 20px);
}
@media (max-width: 575.98px) {
.related-products .slick-prev, .related-products .slick-next {
display: none !important;
}
}
@media (min-width: 576px) {
.related-products .slick-prev {
left: -1.75rem;
}
.related-products .slick-next {
right: -1.75rem;
}
}
@media (min-width: 768px) {
.related-products .slick-prev {
left: -2rem;
}
.related-products .slick-next {
right: -2rem;
}
}
@media (min-width: 992px) {
.related-products .slick-prev {
left: -1.25rem;
}
.related-products .slick-next {
right: -1.25rem;
}
}
@media (min-width: 1200px) {
.related-products .slick-prev {
left: -2rem;
}
.related-products .slick-next {
right: -2rem;
}
}
@media (min-width: 1400px) {
.related-products .slick-prev {
left: -3rem;
}
.related-products .slick-next {
right: -3rem;
}
}
/**/
.related-products .slick-dots {
bottom: -35px;
}
/*Location Block*/
.zdcb-location-block {
position: relative;
}
.zdcb-location-block hr {
display: none;
}
.zdcb-location-block.has-background hr {
display: block;
position: absolute;
z-index: -1;
background: var(--secondary);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
.zdcb-location-block .map {
background: var(--secondary);
position: relative;
overflow: hidden;
}
.zdcb-location-block__title {
padding: 2rem 0;
}
@media (min-width: 768px) {
.zdcb-location-block__title {
padding: 3rem 0;
}
}
@media (min-width: 992px) {
.zdcb-location-block__title {
padding: 5rem 0;
}
}
/*If Has Background*/
.zdcb-location-block.has-background .content {
color: var(--white);
}
.zdcb-location-block.has-background h1, .zdcb-location-block.has-background h2, .zdcb-location-block.has-background h3, .zdcb-location-block.has-background h4, .zdcb-location-block.has-background h5, .zdcb-location-block.has-background h6 {
color: var(--white);
}
.zdcb-location-block.has-background p {
color: var(--white);
}
.zdcb-location-block.has-background p a:not([class]) {
color: var(--primary);
}
.zdcb-location-block.has-background .btn-primary:hover {
color: var(--primary);
background-color: var(--white);
border-color: var(--white);
}
.zdcb-location-block.has-background .btn-primary:focus, .zdcb-location-block.has-background .btn-primary.focus {
color: var(--primary);
background-color: var(--white);
border-color: var(--white);
}
/*Display Map Info Window*/
.map .gm-style .gm-style-iw-c {
background-color: var(--white);
padding: 0;
max-width: 400px !important;
border-radius: 25px;
}
@media (max-width: 575.98px) {
.map .gm-style .gm-style-iw-c {
max-width: 320px !important;
}
}
.map .gm-ui-hover-effect {
top: 0px !important;
right: 10px !important;
}
.display-map-infoWindow {
padding: 20px;
display: flex;
}
.display-map-infoWindow .display-mapinfo-img {
width: 145px;
margin-right: 25px;
flex-shrink: 0;
}
.display-map-infoWindow .display-mapinfo-img img {
width: 100%;
height: auto;
border-radius: 20px;
}
.display-map-infoWindow .display-mapinfo-content {
display: block;
}
.display-map-infoWindow .display-mapinfo-content h5 {
font-family: var(--font-family-heading);
font-size: 1rem;
font-weight: 600;
margin-bottom: 0.75rem;
color: var(--secondary);
}
.display-map-infoWindow .display-mapinfo-content div {
margin: 6px 0;
font-size: 0.8125rem;
font-weight: 500;
}
.display-map-infoWindow .display-mapinfo-content div svg {
width: 15px;
float: left;
}
.display-map-infoWindow .display-mapinfo-content div span {
overflow: hidden;
display: block;
padding-left: 8px;
line-height: 1.4;
color: var(--gray);
font-weight: 400 !important;
}
.display-map-infoWindow .display-mapinfo-content div span a {
font-size: 0.8125rem;
font-weight: 400 !important;
}
.display-map-infoWindow .display-mapinfo-content div span a:hover {
color: var(--primary);
}
.display-map-infoWindow .display-mapinfo-content .btn.btn-link {
border-bottom: 2px solid var(--primary);
padding: 0;
font-size: 0.8125rem;
font-weight: 500;
border-radius: 0;
min-width: inherit;
margin-top: 0;
margin-bottom: 0;
}
/*Find Store Block */
.zdcb-find-store-block {
position: relative;
}
.zdcb-find-store-block hr {
display: none;
}
.zdcb-find-store-block.has-background hr {
display: block;
position: absolute;
z-index: -2;
background: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
@media (min-width: 992px) {
.zdcb-find-store-block .image {
padding-left: 3rem;
}
}
@media (min-width: 1200px) {
.zdcb-find-store-block .image {
padding-left: 4rem;
}
}
.zdcb-find-store-block .map {
border-radius: 2.1875rem;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.zdcb-find-store-block .content {
font-size: 1rem;
}
@media (min-width: 576px) {
.zdcb-find-store-block .content {
font-size: 1.0625rem;
}
}
@media (min-width: 768px) {
.zdcb-find-store-block .content {
font-size: 1.0625rem;
}
}
.zdcb-find-store-block .content .wp-block-buttons {
margin-top: 2rem;
}
@media (min-width: 576px) {
.zdcb-find-store-block .content .btn, .zdcb-find-store-block .content .wp-block-buttons .wp-block-button .wp-block-button__link {
min-width: 200px;
margin-bottom: 10px;
}
}
.zdcb-find-store-block .content .btn + .btn, .zdcb-find-store-block .content .wp-block-buttons .wp-block-button + .wp-block-button {
margin-left: 10px;
}
@media (max-width: 434.98px) {
.zdcb-find-store-block .content .btn + .btn, .zdcb-find-store-block .content .wp-block-buttons .wp-block-button + .wp-block-button {
margin-left: 0;
}
}
/**/
.store-listing-part {
display: block;
position: relative;
}
.store-listing-part ul {
list-style: none;
margin: 0;
padding: 0;
max-height: 400px;
overflow: auto;
padding-right: 15px;
scrollbar-color: #56626B #D1D1D1;
scrollbar-width: thin;
}
@media (max-width: 767.98px) {
.store-listing-part ul {
max-height: 100%;
}
}
.store-listing-part ul::-webkit-scrollbar {
width: 4px;
}
.store-listing-part ul::-webkit-scrollbar-track {
background: #D1D1D1;
border-radius: 10px;
}
.store-listing-part ul::-webkit-scrollbar-thumb {
background: #56626B;
border-radius: 10px;
}
.store-listing-part ul::-webkit-scrollbar-thumb:hover {
background: #3C3C3C;
}
@media (min-width: 768px) {
.store-listing-part ul {
max-height: 350px;
}
}
@media (min-width: 992px) {
.store-listing-part ul {
max-height: 500px;
}
}
.store-listing-part ul li {
border-bottom: 1px solid var(--borderGray);
padding: 1.5rem 0 1.85rem;
}
.store-listing-part ul li:last-child {
border-bottom: none;
}
.store-listing-part ul li h5 {
margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
.store-listing-part ul li h5 {
font-size: 1.125rem;
}
}
.store-listing-part ul li div {
margin: 6px 0;
font-size: 0.875rem;
font-weight: 500;
}
.store-listing-part ul li div svg {
width: 16px;
float: left;
}
@media (min-width: 768px) {
.store-listing-part ul li div svg {
width: 22px;
}
}
.store-listing-part ul li div span {
overflow: hidden;
display: block;
padding-left: 15px;
}
.store-listing-part ul li .btn.btn-link {
border-bottom: 2px solid var(--primary);
padding: 0;
font-size: 0.875rem;
font-weight: 500;
border-radius: 0;
min-width: inherit;
margin-top: 0.7rem;
margin-bottom: 0;
}
/*Gallery Grid Block*/
.zdcb-gallery-grid-block ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.zdcb-gallery-grid-block ul li {
padding: 15px;
margin: 0;
position: relative;
overflow: hidden;
width: 100%;
}
@media (min-width: 576px) {
.zdcb-gallery-grid-block ul li {
width: 50%;
}
}
@media (min-width: 992px) {
.zdcb-gallery-grid-block ul li {
width: 33.33%;
}
}
.zdcb-gallery-grid-block ul li a, .zdcb-gallery-grid-block ul li a:hover {
text-decoration: none;
}
.zdcb-gallery-grid-block ul li .gallery-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
width: auto;
min-height: 250px;
height: 250px;
color: var(--white);
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 2rem;
position: relative;
z-index: 2;
border-radius: 2.1875rem;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
@media (min-width: 576px) {
.zdcb-gallery-grid-block ul li .gallery-item {
min-height: 275px;
height: 300px;
}
}
@media (min-width: 768px) {
.zdcb-gallery-grid-block ul li .gallery-item {
min-height: 280px;
height: 350px;
}
}
@media (min-width: 992px) {
.zdcb-gallery-grid-block ul li .gallery-item {
min-height: 320px;
height: 400px;
padding: 2.5rem;
}
}
@media (min-width: 1200px) {
.zdcb-gallery-grid-block ul li .gallery-item {
min-height: 400px;
height: 425px;
padding: 3.125rem;
}
}
.zdcb-gallery-grid-block ul li .gallery-item::before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.00) 55%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.00) 55%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.00) 55%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3544224', endColorstr='#00ffffff', GradientType=1);
z-index: 1;
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
}
.zdcb-gallery-grid-block ul li .gallery-item .image {
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
overflow: hidden;
background: var(--secondary);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.zdcb-gallery-grid-block ul li .gallery-item .image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
opacity: 0.9;
transition: all .8s cubic-bezier(.165, .84, .44, 1);
}
.zdcb-gallery-grid-block ul li .gallery-item:hover .image img {
opacity: 1;
transform: scale3d(1.15, 1.15, 1.15);
}
.zdcb-gallery-grid-block ul li .gallery-item .zoom-icon {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 90px;
height: 90px;
top: calc(50% - 45px);
left: calc(50% - 45px);
z-index: 2;
background: var(--white);
border-radius: 50%;
opacity: 0;
transform: scale(0);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
color: var(--primary);
cursor: pointer;
}
.zdcb-gallery-grid-block ul li .gallery-item .zoom-icon i svg {
width: 25px;
height: 25px;
}
@media (max-width: 575.98px) {
.zdcb-gallery-grid-block ul li .gallery-item .zoom-icon {
width: 70px;
height: 70px;
top: calc(50% - 35px);
left: calc(50% - 35px);
}
.zdcb-gallery-grid-block ul li .gallery-item .zoom-icon i svg {
width: 20px;
height: 20px;
}
}
.zdcb-gallery-grid-block ul li .gallery-item:hover .zoom-icon {
opacity: 1;
transform: scale(1);
}
.zdcb-gallery-grid-block ul li .gallery-item.has-video .zoom-icon {
opacity: 1;
transform: scale(1);
}
.zdcb-gallery-grid-block ul li .gallery-item.has-video .zoom-icon i svg {
width: 40px;
height: 40px;
}
.zdcb-gallery-grid-block ul li .gallery-item .post_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
z-index: 3;
}
.zdcb-gallery-grid-block ul li .gallery-item span.post__title {
font: 600 1.125rem/1.2 var(--font-family-heading);
width: 100%;
z-index: 3;
margin-bottom: 10px;
}
@media (min-width: 576px) {
.zdcb-gallery-grid-block ul li .gallery-item span.post__title {
font-size: 1.25rem;
}
}
@media (min-width: 1200px) {
.zdcb-gallery-grid-block ul li .gallery-item span.post__title {
font-size: 1.375rem;
}
}
.zdcb-gallery-grid-block ul li .gallery-item span.text {
font-size: 0.875rem;
z-index: 3;
margin-top: 0.40rem;
}
@media (min-width: 992px) {
.zdcb-gallery-grid-block ul li .gallery-item span.text {
font-size: 1rem;
}
}
.zdcb-gallery-grid-block ul li .gallery-item .arrow {
width: 46px;
height: 46px;
border: 1px solid var(--white);
flex-shrink: 0;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-left: 10px;
transition: all 0.75s ease-out;
}
.zdcb-gallery-grid-block ul li .gallery-item .arrow svg {
fill: var(--white);
}
.zdcb-gallery-grid-block ul li .gallery-item:hover .arrow {
background: var(--white);
}
.zdcb-gallery-grid-block ul li .gallery-item:hover .arrow svg {
fill: var(--primary);
}
.zdcb-gallery-grid-block ul li span.overlay-link {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
z-index: 4;
}
.zdcb-gallery-grid-block ul li span.overlay-link i {
opacity: 0;
width: 100%;
height: 100%;
display: inline-block;
}
.zdcb-gallery-grid-block ul li span.overlay-link i img {
height: 0;
width: 0;
}
/*Gallery Block*/
.zdcb-gallery-block {
position: relative;
}
.zdcb-gallery-block hr {
display: none;
}
.zdcb-gallery-block.has-background hr {
display: block;
position: absolute;
z-index: -2;
background: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
/*Project Gallery*/
.gallery-main-wrap {
display: flex;
overflow: hidden;
position: relative;
}
.gallery-main-wrap ul {
list-style-type: none;
padding: 0;
width: 100%;
}
.gallery-main-wrap ul li {
display: block;
float: left;
height: 500px;
padding: 0 15px;
margin-bottom: 30px;
position: relative;
}
.gallery-main-wrap ul li img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
border-radius: 2.1875rem;
}
.gallery-main-wrap ul li:nth-of-type(1) {
width: 60%;
height: 500px;
}
.gallery-main-wrap ul li:nth-of-type(2) {
width: 25%;
}
.gallery-main-wrap ul li:nth-of-type(3), .gallery-main-wrap ul li:nth-of-type(4) {
width: 15%;
height: 235px;
}
.gallery-main-wrap ul li:nth-of-type(1):last-of-type {
width: 100%;
}
.gallery-main-wrap ul li:nth-of-type(2):last-of-type {
width: 40%;
}
.gallery-main-wrap ul li:nth-of-type(3):last-of-type {
height: 500px;
}
@media (max-width: 1199.98px) {
.gallery-main-wrap ul li {
height: 400px;
}
.gallery-main-wrap ul li:nth-of-type(1) {
width: 100%;
height: 400px;
}
.gallery-main-wrap ul li:nth-of-type(2) {
width: 33.33%;
height: 200px;
}
.gallery-main-wrap ul li:nth-of-type(3), .gallery-main-wrap ul li:nth-of-type(4) {
width: 33.33%;
height: 200px;
}
.gallery-main-wrap ul li:nth-of-type(2):last-of-type {
width: 100%;
}
.gallery-main-wrap ul li:nth-of-type(3):last-of-type {
height: 200px;
width: 66.66%;
}
}
@media (max-width: 767.98px) {
.gallery-main-wrap ul li {
height: 300px;
}
.gallery-main-wrap ul li:nth-of-type(1) {
width: 100%;
height: 300px;
}
.gallery-main-wrap ul li:nth-of-type(2) {
width: 33.33%;
height: 150px;
}
.gallery-main-wrap ul li:nth-of-type(3), .gallery-main-wrap ul li:nth-of-type(4) {
width: 33.33%;
height: 150px;
}
.gallery-main-wrap ul li:nth-of-type(2):last-of-type {
width: 100%;
}
.gallery-main-wrap ul li:nth-of-type(3):last-of-type {
height: 150px;
width: 66.66%;
}
.gallery-main-wrap .btn {
min-width: 100px !important;
left: calc(50% - 76px) !important;
}
}
@media (max-width: 575.98px) {
.gallery-main-wrap ul li {
height: 200px;
padding: 0 5px;
margin-bottom: 15px;
}
.gallery-main-wrap ul li img {
border-radius: 1.5rem;
}
.gallery-main-wrap ul li:nth-of-type(1) {
width: 100%;
height: 200px;
}
.gallery-main-wrap ul li:nth-of-type(2) {
width: 100%;
height: 200px;
}
.gallery-main-wrap ul li:nth-of-type(3), .gallery-main-wrap ul li:nth-of-type(4) {
width: 100%;
height: 200px;
}
.gallery-main-wrap ul li:nth-of-type(2):last-of-type {
width: 100%;
}
.gallery-main-wrap ul li:nth-of-type(3):last-of-type {
height: 200px;
width: 100%;
}
}
.gallery-main-wrap .btn {
position: absolute;
bottom: 2rem;
font-size: 0.75rem;
min-width: 190px;
left: calc(50% - 95px);
}
.gallery-main-wrap ul li .service-zoom-icon {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 60px;
height: 60px;
top: calc(50% - 30px);
left: calc(50% - 30px);
z-index: 2;
background: #ffffff;
border-radius: 50%;
opacity: 0;
transform: scale(0);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.gallery-main-wrap ul li .service-zoom-icon i {
background: url(../images/zoom-icon.png) 0 0 no-repeat;
background-size: cover;
width: 22px;
height: 22px;
}
.gallery-main-wrap ul li:hover .service-zoom-icon {
opacity: 1;
transform: scale(1);
}
.gallery-main-wrap ul li .play-btn {
background: url(../images/play-icon.png) 0 0 /cover no-repeat;
width: 80px;
height: 80px;
box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.2);
border-radius: 50%;
position: absolute;
left: calc(50% - 40px);
top: calc(50% - 40px);
z-index: 1;
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.gallery-main-wrap ul li .play-btn:hover {
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
}
/*FAQ Block*/
.zdcb-faq-block .accordion-item {
margin-bottom: 15px;
background: var(--white);
box-shadow: 0px 10px 40px 1px rgba(var(--shadowGray), 0.05);
border: 1px solid var(--lightGray);
border-radius: 1.25rem;
}
@media (min-width: 576px) {
.zdcb-faq-block .accordion-item {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.zdcb-faq-block .accordion-item {
margin-bottom: 25px;
}
}
@media (min-width: 992px) {
.zdcb-faq-block .accordion-item {
margin-bottom: 30px;
}
}
.zdcb-faq-block .accordion-item:last-child {
margin-bottom: 0;
}
.zdcb-faq-block .accordion-button {
font: 500 1rem/1.5 var(--font-family-heading);
padding: 1.25rem 1.75rem;
color: var(--secondary);
background: transparent;
box-shadow: none;
}
@media (min-width: 576px) {
.zdcb-faq-block .accordion-button {
padding: 1.5rem 2.75rem;
font-size: 1.125rem;
}
}
.zdcb-faq-block .accordion-button:not(.collapsed)::after {
background-image: url(../images/minus.svg);
transform: rotate(-180deg);
}
.zdcb-faq-block .accordion-button::after {
width: 20px;
height: 20px;
background-image: url(../images/plus.svg);
background-size: 20px;
}
@media (min-width: 576px) {
.zdcb-faq-block .accordion-button::after {
width: 25px;
height: 25px;
background-size: 25px;
}
}
@media (min-width: 992px) {
.zdcb-faq-block .accordion-button::after {
width: 35px;
height: 35px;
background-size: 35px;
}
}
.zdcb-faq-block .accordion-button:focus {
box-shadow: none;
}
.zdcb-faq-block .accordion-body {
padding: 0 3rem 2rem 3rem;
position: relative;
color: var(--gray);
}
@media (min-width: 576px) {
.zdcb-faq-block .accordion-body {
padding: 0 4rem 2rem 4rem;
}
}
@media (min-width: 992px) {
.zdcb-faq-block .accordion-body {
padding: 0 5rem 2rem 5rem;
}
}
.zdcb-faq-block .accordion-body p {
color: var(--gray);
font-size: 1.0625rem;
}
.zdcb-faq-block .accordion-body p:first-child {
margin-top: 0;
}
.zdcb-faq-block .accordion-body::before {
width: 2px;
background: var(--primary);
height: calc(100% - 2rem);
content: '';
position: absolute;
left: 2rem;
}
@media (min-width: 576px) {
.zdcb-faq-block .accordion-body::before {
left: 2.80rem;
}
}
@media (min-width: 992px) {
.zdcb-faq-block .accordion-body::before {
left: 2.80rem;
}
}
/*Product Slider Block */
.zdcb-product-slider-block {
position: relative;
}
.zdcb-product-slider-block hr {
display: none;
}
.zdcb-product-slider-block.has-background hr {
display: block;
position: absolute;
z-index: -1;
background: var(--lightGray);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 1;
}
/**/
.product-slider-tabs {
display: block;
margin: 1rem 0;
}
.product-slider-tabs .nav-tabs {
border: none;
justify-content: center;
text-align: center;
}
.product-slider-tabs .nav-tabs .nav-link {
font-family: var(--font-family-heading);
font-weight: 500;
margin-bottom: 0;
border: none;
color: var(--secondary);
border-bottom: 3px solid transparent;
padding: 0;
font-size: 0.875rem;
margin: 0 0.75rem;
}
@media (min-width: 576px) {
.product-slider-tabs .nav-tabs .nav-link {
font-size: 1rem;
margin: 0 1.5rem;
}
}
.product-slider-tabs .nav-tabs .nav-link:hover {
background-color: transparent;
border-bottom-color: var(--primary);
}
.product-slider-tabs .nav-tabs .nav-link.active {
font-weight: 600;
color: var(--secondary);
background-color: transparent;
border-bottom-color: var(--primary);
}
/**/
.product-slider-content {
display: block;
/*overflow: hidden;*/
margin-right: calc(-100vw / 2 + (100% - -22px) / 2);
width: initial;
max-width: initial;
flex: initial;
text-align: center;
}
@media (max-width: 767.98px) {
.product-slider-content {
padding-bottom: 2rem;
}
}
.product-slider-content .slick-track {
display: flex !important;
}
/**/
.zdcb-product-slider-block .product-posts__slider .slick-arrow {
top: -9.5rem;
width: 46px;
height: 46px;
background-size: 22px;
background-color: transparent;
box-shadow: none;
}
.zdcb-product-slider-block .product-posts__slider .slick-arrow.slick-prev {
background-image: url("data:image/svg+xml,");
left: auto;
}
.zdcb-product-slider-block .product-posts__slider .slick-arrow.slick-next {
background-image: url("data:image/svg+xml,");
}
.zdcb-product-slider-block .product-posts__slider .slick-arrow:hover {
background-color: var(--primary);
}
.zdcb-product-slider-block .product-posts__slider .slick-arrow.slick-prev:hover {
background-image: url("data:image/svg+xml,");
left: auto;
}
.zdcb-product-slider-block .product-posts__slider .slick-arrow.slick-next:hover {
background-image: url("data:image/svg+xml,");
}
.zdcb-product-slider-block .product-posts__slider .slick-arrow:hover {
background-color: var(--primary);
}
@media (min-width: 768px) {
.zdcb-product-slider-block .product-posts__slider .slick-arrow {
right: 10%;
}
.zdcb-product-slider-block .product-posts__slider .slick-arrow.slick-prev {
right: calc(10% + 70px);
left: auto;
}
}
@media (min-width: 1400px) {
.zdcb-product-slider-block .product-posts__slider .slick-arrow {
right: 20%;
}
.zdcb-product-slider-block .product-posts__slider .slick-arrow.slick-prev {
right: calc(20% + 70px);
left: auto;
}
}
.zdcb-product-slider-block .slick-dots {
bottom: -50px;
}
/****************************** ******************************
MEGA MENU CSS
****************************** *****************************/
/*#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu {
opacity: 1 !important;
transform: translate(0, 10px) !important;
visibility: visible;
}*/
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
padding-left: 40px !important;
padding-right: 40px !important;
margin-top: -3px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {
min-width: 250px;
margin-top: -3px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
text-decoration-color: var(--primary);
text-decoration-thickness: 2px;
text-decoration-skip-ink: none;
text-decoration-line: underline;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-toggle-on > a::after {
content: "";
display: block;
width: 10px;
height: 10px;
position: absolute;
bottom: -2px;
left: calc(50% - 8px);
transform: rotate(45deg);
background: var(--white);
border-top: 1px solid var(--borderGray);
border-left: 1px solid var(--borderGray);
z-index: 1000;
animation: showtip 600ms ease;
}
@keyframes showtip {
0% {
visibility: hidden;
opacity: 0;
}
100% {
visibility: visible;
opacity: 1;
}
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column.column-mega-menu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
text-decoration-color: var(--primary);
text-decoration-thickness: 2px;
text-decoration-skip-ink: none;
text-decoration-line: underline;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column.column-mega-menu .btn.btn-link {
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
min-width: initial;
color: var(--secondary);
padding: 0;
display: inline-block;
font-weight: 600;
font-size: 14px;
background-position: 100% 50%;
padding-right: 30px;
transition: all 0.2s ease;
margin-top: 15px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column.column-mega-menu .btn.btn-link:hover {
background-image: url("data:image/svg+xml,");
color: var(--primary);
padding-right: 35px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item a.mega-menu-link::before {
border-radius: 8px;
margin: 0 12px 0 0px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column.column-cat-img img.image {
width: 100%;
height: 100%;
border-radius: 35px;
position: relative;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column.column-cat-img > ul.mega-sub-menu > li.mega-menu-item.widget_media_image {
position: relative;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column.column-cat-img > ul.mega-sub-menu > li.mega-menu-item.widget_media_image img {
height: 360px !important;
object-fit: cover;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column.column-cat-img > ul.mega-sub-menu > li.mega-menu-item.widget_media_image h4.mega-block-title {
position: absolute;
bottom: 10px;
font-size: 1.375rem;
color: #fff;
padding: 35px;
font-weight: 600;
z-index: 1;
text-shadow: 0 0px 1px rgb(0, 0, 0, 0.25);
}
@media (min-width: 992px) {
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
padding: 0px 10px 0 10px;
}
}
@media (min-width: 1200px) {
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
padding: 0px 20px 0 20px;
}
}
@media (min-width: 1400px) {
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
padding: 0px 25px 0 25px;
}
}
/****************************** ******************************
Search Page CSS
****************************** *****************************/
.search__wrapper .search-title-part {
background-color: var(--lightGray);
text-align: center;
padding: 3.5rem 0;
}
.search__wrapper .algolia-search-box-wrapper {
position: relative;
width: 100%;
margin: auto
}
.search__wrapper #algolia-search-box {
margin-bottom: 1rem
}
.search__wrapper .ais-SearchBox-form {
display: block;
position: relative
}
.search__wrapper .ais-SearchBox-submit[hidden], .search__wrapper .ais-SearchBox-reset[hidden], .search__wrapper .ais-SearchBox-loadingIndicator[hidden] {
display: none
}
.search__wrapper #algolia-search-box input {
border: 1px solid var(--borderGray);
color: var(--secondary);
background: var(--white);
width: 100%;
font-size: 1.2rem;
padding: 15px 50px 15px 70px;
font-weight: 600;
box-sizing: border-box;
outline: none;
box-shadow: none;
appearance: none;
border-radius: 50px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
}
.search__wrapper #algolia-search-box input[type="search"]:focus::-webkit-search-cancel-button, .search__wrapper #algolia-search-box input[type="search"]:hover::-webkit-search-cancel-button {
display: none;
opacity: 0
}
.search__wrapper .algolia-search-box-wrapper .search-icon {
position: absolute;
left: 30px;
top: 21px;
}
.search__wrapper .ais-Stats-text {
font-family: var(--font-family-heading);
font-size: 0.875rem;
color: var(--gray);
font-weight: 500;
}
.search__wrapper #ais-facets {
margin: 2rem 0 0;
display: flex;
font-family: var(--font-family-heading);
justify-content: center;
align-items: center;
}
@media (max-width: 767.98px) {
.search__wrapper #ais-facets {
flex-direction: column;
}
}
.search__wrapper #ais-facets label {
font-size: 0.875rem;
margin-right: 1em;
font-weight: 600;
color: var(--secondary);
flex-shrink: 0;
}
.search__wrapper #ais-facets #facet-post-types .ais-Menu-list {
display: flex;
flex-flow: row wrap;
list-style: none;
margin: 0;
padding-left: 0;
}
.search__wrapper #ais-facets #facet-post-types .ais-Menu-list .ais-Menu-link {
display: inline-block;
margin: 0.5em 1em;
font-size: 0.875rem;
color: var(--gray);
font-weight: 500;
border-bottom: 2px solid transparent;
}
.search__wrapper #ais-facets #facet-post-types .ais-Menu-list .ais-Menu-item--selected .ais-Menu-link {
border-bottom: 2px solid var(--primary)
}
.search__wrapper .ais-Menu-count, .search__wrapper .ais-HierarchicalMenu-count, .search__wrapper .ais-RefinementList-count {
margin-left: 5px
}
.search__wrapper .ais-HierarchicalMenu-list--lvl1 {
margin-left: 10px
}
.search__wrapper .ais-HierarchicalMenu-list--lvl2 {
margin-left: 10px
}
.search__wrapper #algolia-powered-by {
display: none;
}
.search__wrapper #ais-wrapper {
margin: 0 auto;
flex-flow: column;
max-width: 1440px
}
.search__wrapper.no-search #ais-facets, .search__wrapper.no-search .search-results__list {
display: none
}
/**/
.search-results__box {
margin: 0 auto;
}
.search__wrapper .search-results__list {
background: var(--white);
padding: 3.5rem 0;
}
.search-results__list .algolia-search-box-wrapper {
display: none;
}
.search__wrapper .search-results__box .ais-Hits-list {
list-style: none;
padding-left: 0;
margin-left: 0
}
.search__wrapper .search-results__box .ais-Hits-item::after {
content: '';
display: block;
width: 100%;
height: 1px;
background: var(--borderGray);
margin: 0 0 3em;
opacity: 0.5;
}
.search__wrapper .search-results__box .ais-Hits-item article {
margin: 0 0 3em 0;
display: flex;
}
@media (max-width: 575.98px) {
.search__wrapper .search-results__box .ais-Hits-item article {
flex-direction: column;
}
}
.search__wrapper .search-results__box .ais-Hits .ais-hits--thumbnail {
width: 250px;
flex-shrink: 0;
margin-right: 4rem;
}
.search__wrapper .search-results__box .ais-Hits .ais-hits--thumbnail-link {
display: block;
width: 100%;
height: 100%;
max-height: 250px;
}
@media (max-width: 991.98px) {
.search__wrapper .search-results__box .ais-Hits .ais-hits--thumbnail {
width: 150px;
margin-right: 3rem;
}
.search__wrapper .search-results__box .ais-Hits .ais-hits--thumbnail-link {
max-height: 150px;
}
}
@media (max-width: 575.98px) {
.search__wrapper .search-results__box .ais-Hits .ais-hits--thumbnail {
margin-right: 0;
margin-bottom: 2rem;
}
.search__wrapper .search-results__box .ais-Hits .ais-hits--thumbnail-link {
max-height: initial;
}
}
.search__wrapper .search-results__box .ais-Hits .ais-hits--thumbnail-link img {
border-radius: 35px;
width: 100%;
height: 100%;
object-fit: cover
}
.search__wrapper .search-results__box .ais-Hits .ais-hits--content {
overflow: hidden;
padding-bottom: 1px;
}
.search__wrapper .search-results__box .ais-Hits .ais-hits--content > span {
background: var(--lightGray);
border-radius: 20px;
color: var(--secondary);
font-size: 0.75rem;
font-weight: 600;
padding: 5px 20px;
text-transform: capitalize;
display: inline-block;
margin-bottom: 20px;
}
.search__wrapper .search-results__box .ais-Hits-item article h2 {
margin: 0;
font-size: 1.375rem;
}
.search__wrapper .search-results__box .ais-Hits-item article a:link, .search__wrapper .search-results__box .ais-Hits-item article a:visited {
color: var(--secondary);
}
.search__wrapper .search-results__box .ais-Hits .ais-hits--content > div {
margin: 1.25em 0
}
.search__wrapper .search-results__box .ais-Hits .ais-hits--content-snippet {
line-height: 1.75
}
.search__wrapper .search-results__box .ais-Hits .ais-hits--content > div p:last-child {
margin-bottom: 0;
margin-top: 0;
}
.search__wrapper .search-results__box .ais-Hits .ais-hits--content a.view-link {
border-bottom: 2px solid var(--primary);
font: 600 1rem/1.5 var(--font-family-heading);
}
.search__wrapper .search-results__box .ais-Hits .ais-hits--content a.view-link:hover {
color: var(--primary);
}
.search__wrapper .search-results__box .ais-Hits-item article em, .search__wrapper .search-results__box .ais-Hits-item article a em {
font-style: normal;
display: inline-block;
}
.search__wrapper .search-results__box .ais-Hits--empty {
text-align: center
}
/**/
.search__wrapper .search-results__box #algolia-pagination .ais-Pagination-list {
display: flex;
justify-content: center;
margin: 5em auto 0;
list-style: none;
flex-wrap: wrap;
padding: 0;
}
.search__wrapper .search-results__box #algolia-pagination .ais-Pagination-list .ais-Pagination-item--page a, .search__wrapper .search-results__box #algolia-pagination .ais-Pagination-list .ais-Pagination-item--selected a, .search__wrapper .search-results__box #algolia-pagination .ais-Pagination-list .ais-Pagination-item--nextPage a, .search__wrapper .search-results__box #algolia-pagination .ais-Pagination-list .ais-Pagination-item--lastPage a, .search__wrapper .search-results__box #algolia-pagination .ais-Pagination-list .ais-Pagination-item--firstPage a, .search__wrapper .search-results__box #algolia-pagination .ais-Pagination-list .ais-Pagination-item--previousPage a {
display: inline-block;
background: var(--white);
padding: 0 5px;
border-radius: 50%;
margin: 0 7px;
color: var(--primary);
border: 2px solid var(--primary);
transition: background-color .25s ease-out;
width: 40px;
height: 40px;
text-align: center;
font-weight: 600;
line-height: 36px;
}
.search__wrapper .search-results__box #algolia-pagination .ais-Pagination-list .ais-Pagination-item--page a:hover, .search__wrapper .search-results__box #algolia-pagination .ais-Pagination-list .ais-Pagination-item--selected a:hover, .search__wrapper .search-results__box #algolia-pagination .ais-Pagination-list .ais-Pagination-item--nextPage a:hover, .search__wrapper .search-results__box #algolia-pagination .ais-Pagination-list .ais-Pagination-item--lastPage a:hover, .search__wrapper .search-results__box #algolia-pagination .ais-Pagination-list .ais-Pagination-item--firstPage a:hover, .search__wrapper .search-results__box #algolia-pagination .ais-Pagination-list .ais-Pagination-item--previousPage a:hover {
background: var(--primary);
color: var(--white);
}
.search__wrapper .search-results__box #algolia-pagination .ais-Pagination-list .ais-Pagination-item--disabled {
display: none
}
.search__wrapper .search-results__box #algolia-pagination .ais-Pagination-list .ais-Pagination-item--selected a {
border: 2px solid var(--primary);
background: var(--primary);
color: var(--white);
text-decoration: none;
}
.search__wrapper .search-results__box #algolia-pagination .ais-Pagination-list .ais-Pagination-item--selected a:hover {
background: var(--primary);
color: var(--white);
}
/**************/
/****************************** ******************************
Woocommerce CSS
****************************** *****************************/
main.content .container.woocommerce, main.content > .woocommerce {
position: relative;
padding-top: 3rem;
padding-bottom: 3rem;
}
@media (min-width:768px) {
main.content .container.woocommerce, main.content > .woocommerce{
padding-top: 5rem;
padding-bottom: 5rem;
}
}
@media (min-width:992px) {
main.content .container.woocommerce, main.content > .woocommerce{
padding-top: 6.5rem;
padding-bottom: 6.5rem;
}
}
/****** Woocommerce Cart Page *******/
.woocommerce .wishlist-title-container{
display: none;
}
.woocommerce button[name="update_cart"], .woocommerce input[name="update_cart"] {
display: none;
}
.woocommerce-cart table.cart img {
width: 100%;
}
.woocommerce table.shop_table {
border: 0;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: inline-block;
float: right;
background-color: var(--primary);
color: #000;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr td {
text-align: right;
}
.woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce .cart-collaterals .cart_totals table th {
width: 60%;
}
/******Woocommerce Cart Page CSS End*******/
/******Woocommerce Checkout Page CSS*******/
.woocommerce form.checkout .form-row {
width: 100%;
}
.woocommerce .checkout-main-section table.shop_table.review-order-table td {
padding: 1rem 0 0 1rem;
}
@media(min-width:768px) {
.woocommerce .checkout-main-section table.shop_table.review-order-table td {
padding: 1.5rem 0 0 1.75rem;
}
}
.woocommerce .checkout-main-section .review-order-table td:first-child {
width: 80px;
vertical-align: top;
padding: 1rem 0 !important;
}
@media(min-width:768px) {
.woocommerce .checkout-main-section .review-order-table td:first-child {
padding: 1.5rem 0 !important;
}
}
.woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th {
border-top: 1px solid #dfdfdf;
}
.wpmc-step-item #order_review_heading {
display: none;
}
/******Woocommerce Cart Page CSS*******/
.page-cart .cart-row .cart-header {
border-bottom: 1px solid var(--lightGray);
}
@media(max-width:420px) {
.page-cart .cart-row .cart-header, .woocommerce-page .cart-header{
flex-wrap: wrap;
}
}
.page-cart .cart-row .cart-header h4 {
margin: 0;
}
.page-cart .cart-row .cart-header .btn.btn-secondary, .woocommerce-page .cart-header .btn.btn-secondary {
border: 1px solid var(--secondary);
color: var(--white);
padding: 0.75rem 1.75rem !important;
outline: none;
font-size: 0.875rem;
font-weight: 500;
}
@media(max-width:420px) {
.page-cart .cart-row .cart-header .btn.btn-secondary, .woocommerce-page .cart-header .btn.btn-secondary {
width: 100%;
margin-top: 1rem;
}
}
.page-cart .cart-row .cart-header .btn.btn-secondary:hover, .page-cart .cart-row .cart-header .btn.btn-secondary:active, .page-cart .cart-row .cart-header .btn.btn-secondary:focus, .woocommerce-page .cart-header .btn.btn-secondary:hover, .woocommerce-page .cart-header .btn.btn-secondary:active, .woocommerce-page .cart-header .btn.btn-secondary:focus {
color: var(--white);
background-color: var(--primary);
border-color: var(--primary);
box-shadow: none;
}
.page-cart .cart .product-name a, .woocommerce .product-name span.product-title {
font-size: 1rem;
font-weight: 600;
color: var(--secondary);
line-height: 1;
}
@media(min-width:768px) {
.page-cart .cart .product-name a, .woocommerce .product-name span.product-title {
font-size: 1.125rem;
}
}
.page-cart .cart .product-name a:hover {
color: var(--secondary);
}
.woocommerce .product-name .cart-item-qty {
font-size: 1rem;
font-weight: 600;
color: var(--secondary);
margin-top: 4px;
}
.page-cart .cart .product-name p, .woocommerce .product-name p {
font-size: 0.875rem;
margin: 0;
line-height: 1.3;
margin-top: 0.3rem;
}
.page-cart .cart .product-name p.cart-sku, .woocommerce .product-name p.cart-sku {
margin-top: 1rem;
font-size: 0.75rem;
font-weight: 400;
}
@media (min-width: 375px) {
.page-cart .cart .product-name p.cart-sku, .woocommerce .product-name p.cart-sku {
font-size: 0.875rem;
}
}
@media (min-width: 500px) {
.page-cart .cart .product-name p.cart-sku, .woocommerce .product-name p.cart-sku {
font-size: 1rem;
}
}
.page-cart .cart .product-name p.cart-sku b, .woocommerce .product-name p.cart-sku b {
width: 70px;
display: inline-block;
color: var(--secondary);
font-weight: 600;
}
@media (min-width: 360px) {
.page-cart .cart .product-name p.cart-sku b, .woocommerce .product-name p.cart-sku b {
width: 100px;
}
}
@media (min-width: 768px) {
.page-cart .cart .product-name p.cart-sku b, .woocommerce .product-name p.cart-sku b {
width: 140px;
}
}
.page-cart .cart .woocommerce-cart-form__cart-item.cart_item {
display: flex;
padding: 2.25rem 0;
border-bottom: 1px solid var(--lightGray);
flex-wrap: wrap;
}
@media(min-width:500px) {
.page-cart .cart .woocommerce-cart-form__cart-item.cart_item {
display: flex;
flex-wrap: nowrap;
}
}
.page-cart .cart .product-thumbnail {
width: 90px;
height: 90px;
}
@media(min-width:500px) {
.page-cart .cart .product-thumbnail {
width: 120px;
height: 120px;
}
}
.page-cart .cart img {
width: 90px;
height: auto;
border-radius: 0.5rem;
border: 1px solid var(--lightGray);
}
@media(min-width:500px) {
.page-cart .cart img {
width: 120px;
height: auto;
}
}
.page-cart .cart .product-name {
margin-left: 1rem;
width: 60%;
text-align: left;
margin-bottom: 1rem;
}
@media(min-width:500px) {
.page-cart .cart .product-name {
width: 400px;
margin-bottom: 0rem;
}
}
@media(min-width:768px) {
.page-cart .cart .product-name {
margin-left: 2.5rem;
width: 500px;
}
}
.page-cart .cart .product-subtotal {
width: 80px;
text-align: center;
padding-top: 0.4rem;
}
@media(min-width:500px) {
.page-cart .cart .product-subtotal {
width: 100px;
}
}
.page-cart .cart .product-subtotal .woocommerce-Price-amount {
color: var(--secondary) !important;
font-weight: 500 !important;
font-size: 1rem;
}
@media(min-width:768px) {
.page-cart .cart .product-subtotal .woocommerce-Price-amount {
font-size: 1.125rem;
}
}
.page-cart .product-info dl.variation {
margin-top: 0rem;
}
.page-cart .product-info dl.variation dt, .woocommerce .product-info dl.variation dt {
display: flex !important;
justify-content: flex-start;
align-items: flex-start;
font-weight: 400;
}
.page-cart .product-info dl.variation dt span:first-child {
font-weight: 500;
width: 70px;
text-align: left;
color: var(--secondary);
line-height: 1.5;
font-size: 0.75rem;
}
@media(min-width:360px) {
.page-cart .product-info dl.variation dt span:first-child {
width: 100px;
}
}
@media(min-width:375px) {
.page-cart .product-info dl.variation dt span:first-child {
font-size: 0.875rem;
}
}
@media(min-width:500px) {
.page-cart .product-info dl.variation dt span:first-child {
font-size: 1rem;
}
}
@media(min-width:768px) {
.page-cart .product-info dl.variation dt span:first-child {
width: 140px;
}
}
.page-cart .product-info dl.variation dt span:last-child {
font-weight: 400;
color: var(--gray);
font-size: 0.875rem;
}
@media(min-width:500px) {
.page-cart .product-info dl.variation dt span:last-child {
font-size: 1rem;
}
}
.page-cart .cart .product-quantity {
width: auto;
text-align: center;
margin-left: 6.25rem;
}
@media(min-width:500px) {
.page-cart .cart .product-quantity {
width: 100px;
text-align: center;
margin-left: 0;
}
}
.page-cart .cart .product-quantity .quantity {
background: var(--lightGray);
border: 1px solid var(--borderGray);
border-radius: 25px;
height: 32px;
position: relative;
}
.page-cart .cart .product-quantity .quantity input, .page-cart .cart .product-quantity .quantity select, .woocommerce .cart .product-quantity .quantity {
color: var(--secondary);
font-size: 0.875rem;
width: 65px;
height: 40px;
background: var(--lightGray);
border: 1px solid var(--borderGray);
border-radius: 25px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
text-align: center;
font-weight: 500;
outline: none;
margin: 0 auto;
}
.page-cart .cart .product-remove a.remove {
display: block;
height: 28px;
width: 28px;
text-align: center;
line-height: 0.9;
border-radius: 100%;
text-decoration: none;
border: 1px solid var(--borderGray);
background: var(--lightGray);
}
.page-cart .cart .product-remove {
padding-top: 4px;
width: 50px;
display: flex;
justify-content: flex-end;
}
@media(max-width:499.85px) {
.page-cart .cart .product-remove {
display: flex;
align-items: center;
padding-top: 0;
}
}
.page-cart .cart .product-remove a.remove:hover {
color: var(--white) !important;
border: 1px solid var(--primary);
background: var(--primary);
}
.page-cart .cart .product-remove a.remove:hover svg path {
stroke: #fff;
}
.page-cart .cart .cart-coupon-part, .page-cart .cart-coupon-part {
padding: 2.25rem 1rem;
background: var(--white);
}
@media(min-width:992px) {
.page-cart .cart .cart-coupon-part, .page-cart .cart-coupon-part {
padding: 2.25rem 0;
}
}
.page-cart .cart .cart-coupon-part .actions, .page-cart .cart-coupon-part .actions {
display: block;
}
@media(min-width:992px) {
.page-cart .cart .cart-coupon-part .actions, .page-cart .cart-coupon-part .actions {
display: flex;
justify-content: space-between;
}
}
.page-cart .cart .cart-coupon-part .actions .coupon, .page-cart .cart .cart-coupon-part .actions .shipping, .page-cart .cart-coupon-part .actions .coupon, .page-cart .cart-coupon-part .actions .shipping {
width: 100%;
margin-top: 0rem;
}
.page-cart .cart .cart-coupon-part .actions .form-input, .page-cart .cart-coupon-part .actions .form-input {
height: 50px;
position: relative;
padding: 4px;
border-radius: 25px;
border: 1px solid var(--borderGray);
}
.page-cart .cart .cart-coupon-part .actions .form-input:focus, .page-cart .cart .cart-coupon-part .actions .form-input:focus-visible, .page-cart .cart-coupon-part .actions .form-input:focus, .page-cart .cart-coupon-part .actions .form-input:focus-visible {
border: 1px solid var(--primary);
outline: none;
}
.page-cart .cart .cart-coupon-part .actions .coupon label, .page-cart .cart .cart-coupon-part .actions .shipping label, .page-cart .cart-coupon-part .actions .coupon label, .page-cart .cart-coupon-part .actions .shipping label {
font-size: 1.125rem !important;
font-weight: 500 !important;
color: var(--secondary);
margin-bottom: 1rem;
font: var(--font-family-heading);
}
.page-cart .cart .cart-coupon-part .actions .coupon input.input-text, .page-cart .cart .cart-coupon-part .actions .shipping input.input-text, .page-cart .cart-coupon-part .actions .coupon input.input-text, .page-cart .cart-coupon-part .actions .shipping input.input-text {
background-color: transparent;
padding: 0 0.625rem 0 0.5rem;
font-size: 0.875rem;
color: var(--secondary);
line-height: 40px;
border: none;
outline: none;
width: 70%;
}
@media(min-width:400px) {
.page-cart .cart .cart-coupon-part .actions .coupon input.input-text, .page-cart .cart .cart-coupon-part .actions .shipping input.input-text, .page-cart .cart-coupon-part .actions .coupon input.input-text, .page-cart .cart-coupon-part .actions .shipping input.input-text {
padding: 0 0.625rem 0 1.5rem;
width: 72%;
}
}
.page-cart .cart .cart-coupon-part .actions .coupon input[type="text"], .page-cart .cart .cart-coupon-part .actions .shipping input[type="text"], .page-cart .cart-coupon-part .actions .coupon input[type="text"], .page-cart .cart-coupon-part .actions .shipping input[type="text"] {
font-size: 1rem;
color: var(--gray);
}
.page-cart .cart .cart-coupon-part .actions .coupon input::placeholder, .page-cart .cart .cart-coupon-part .actions .shipping input::placeholder, .page-cart .cart-coupon-part .actions .coupon input::placeholder, .page-cart .cart-coupon-part .actions .shipping input::placeholder {
color: var(--gray);
opacity: 1;
}
.page-cart .cart .cart-coupon-part .actions .coupon input:-ms-input-placeholder, .page-cart .cart .cart-coupon-part .actions .shipping input:-ms-input-placeholder, .page-cart .cart-coupon-part .actions .coupon input:-ms-input-placeholder, .page-cart .cart-coupon-part .actions .shipping input:-ms-input-placeholder {
color: var(--gray);
}
.page-cart .cart .cart-coupon-part .actions .coupon input::-ms-input-placeholder, .page-cart .cart .cart-coupon-part .actions .shipping input::-ms-input-placeholder, .page-cart .cart-coupon-part .actions .coupon input::-ms-input-placeholder, .page-cart .cart-coupon-part .actions .shipping input::-ms-input-placeholder {
color: var(--gray);
}
.page-cart .cart .cart-coupon-part .actions button.button, .page-cart .cart-coupon-part .actions button.button {
background: transparent;
color: var(--secondary);
border-radius: 25px;
height: 40px;
border: 1px solid var(--primary);
font-size: 0.875rem;
font-weight: 500;
position: absolute;
right: 4px;
padding: 0.75rem 0.75rem;
}
@media(min-width:400px) {
.page-cart .cart .cart-coupon-part .actions button.button, .page-cart .cart-coupon-part .actions button.button {
padding: 0.75rem 1.75rem;
}
}
.page-cart .cart .cart-coupon-part .actions button.button:hover, .page-cart .cart .cart-coupon-part .actions button.button:focus-visible, .page-cart .cart .cart-coupon-part .actions button.button:focus, .page-cart .cart-coupon-part .actions button.button:hover, .page-cart .cart-coupon-part .actions button.button:focus-visible, .page-cart .cart-coupon-part .actions button.button:focus {
background: var(--primary);
color: var(--white);
}
.page-cart.woocommerce-cart .wc-proceed-to-checkout {
padding: 1.75rem 0;
}
.page-cart.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
color: var(--white);
border: 1px solid var(--secondary);
background: var(--secondary);
border-radius: 3rem;
padding: 1rem 2.25rem;
font-size: 1rem;
font-weight: 500;
transition: all .25s ease-out;
margin: 0;
width: 100%;
line-height: 1.2;
height: auto;
display: flex;
justify-content: center;
align-items: center;
}
@media(min-width:992px) {
.page-cart.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
width: auto;
}
}
.page-cart.woocommerce-cart .wc-proceed-to-checkout a.checkout-button svg {
margin-left: 8px;
}
.page-cart.woocommerce-cart .wc-proceed-to-checkout a.checkout-button svg path{
stroke: var(--white);
}
.page-cart.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .page-cart.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus, .page-cart.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus-visible {
color: var(--white);
background: var(--primary);
border-color: var(--primary);
}
.page-cart.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover svg path, .page-cart.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus svg path, .page-cart.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus-visible svg path {
stroke: var(--white);
}
.page-cart .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
padding: 1rem;
background-color: var(--lightGray);
border-radius: 8px;
}
@media(min-width:400px) {
.page-cart .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
padding: 2rem;
}
}
@media(min-width:1200px) {
.page-cart .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
padding: 2.5rem;
}
}
.page-cart .woocommerce .cart-collaterals ul#shipping_method, .woocommerce-page .cart-collaterals ul#shipping_method{
text-align: right;
}
.page-cart .woocommerce .cart-collaterals .cart_totals table.shop_table th, .woocommerce .cart-collaterals .cart_totals table.shop_table th, .woocommerce-page .cart-collaterals .cart_totals table.shop_table th {
padding: 0.75rem 0;
color: var(--gray);
font-size: 1rem;
font-weight: 500;
border-top: 1px solid #dfdfdf;
}
.page-cart .woocommerce .cart-collaterals .cart_totals table.shop_table td, .woocommerce .cart-collaterals .cart_totals table.shop_table td, .woocommerce-page .cart-collaterals .cart_totals table.shop_table td {
padding: 0.75rem 0;
color: var(--gray);
font-size: 1rem;
font-weight: 400;
border-top: 1px solid #dfdfdf;
}
.page-cart .woocommerce .cart-collaterals .cart_totals table.shop_table tr.order-total th, .page-cart .woocommerce .cart-collaterals .cart_totals table.shop_table tr.order-total td, .woocommerce .cart-collaterals .cart_totals table.shop_table tr.order-total th, .woocommerce .cart-collaterals .cart_totals table.shop_table tr.order-total td, .woocommerce-page .cart-collaterals .cart_totals table.shop_table tr.order-total th, .woocommerce-page .cart-collaterals .cart_totals table.shop_table tr.order-total td {
font-size: 1.4375rem;
color: var(--secondary);
padding-bottom: 0 !important;
border: none;
}
.page-cart .woocommerce .cart-collaterals .cart_totals table.shop_table tr.order-total td strong, .woocommerce .cart-collaterals .cart_totals table.shop_table tr.order-total td strong, .woocommerce-page .cart-collaterals .cart_totals table.shop_table tr.order-total td strong {
font-weight: 600;
}
@media(max-width:768px) {
.page-cart .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background: transparent;
}
.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
display: grid;
}
}
/***/
.woocommerce-checkout main.content > .woocommerce {
padding: 0;
}
.checkout-steps {
height: 90px;
background: var(--lightGray);
}
.wpmc-tabs-wrapper .wpmc-tabs-list {
background: transparent;
margin-top: 1.5rem;
}
.page-checkout.woocommerce-checkout .woocommerce-order .content h1 {
position: relative;
padding-top: 0rem;
padding-bottom: 0.5rem;
margin: 0;
}
.page-checkout.woocommerce-checkout .checkout-main-section, .page-checkout .woocommerce .woocommerce-order {
padding: 3rem 0;
}
@media(min-width:1024px) {
.page-checkout.woocommerce-checkout .checkout-main-section, .page-checkout .woocommerce .woocommerce-order {
padding: 6rem 0;
}
}
.wpmc-tabs-wrapper .wpmc-tab-item:first-child:before {
display: none;
}
.wpmc-tabs-wrapper .wpmc-tab-item:after {
display: block;
content: "";
border-bottom: 2px solid var(--borderGray);
height: 0;
position: absolute;
top: 9px;
left: 50%;
right: 0;
-webkit-transition: border-color .3s;
-o-transition: border-color .3s;
transition: border-color .3s;
z-index: 1;
}
.wpmc-tabs-wrapper .wpmc-tab-item.wpmc-billing.previous:after {
border-bottom-color: var(--primary);
}
.wpmc-tabs-wrapper .wpmc-tab-item.wpmc-billing.previous .wpmc-tab-number {
background: var(--primary);
}
.wpmc-tabs-wrapper .wpmc-tab-item:last-child:after {
display: none;
}
.wpmc-tabs-wrapper .wpmc-tab-item.current::after {
border-bottom-color: var(--primary);
}
.wpmc-tabs-wrapper .wpmc-tab-item.current::before {
border-bottom-color: var(--primary);
}
.wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-number {
display: inline-block;
line-height: 20px;
width: 20px;
min-width: 20px;
min-height: 20px;
height: 20px;
margin-top: 0;
background: #dadbdd;
border: none;
border-radius: 50%;
position: relative;
z-index: 2;
text-indent: -9999px;
}
.wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number, .wpmc-tabs-wrapper .wpmc-tab-item.active .wpmc-tab-number {
color: #fff;
background: var(--primary);
border: none;
}
.wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-text, .wpmc-tabs-wrapper .wpmc-tab-item.active .wpmc-tab-text {
color: var(--secondary);
}
.wpmc-tabs-wrapper .wpmc-tab-text {
font-size: 0.875rem;
font-weight: 500;
color: var(--secondary);
}
.wpmc-tabs-wrapper .wpmc-tab-item:before {
display: block;
content: "";
border-bottom: 2px solid var(--borderGray);
height: 0;
position: absolute;
top: 9px;
left: 0;
right: 50%;
-webkit-transition: border-color .3s;
-o-transition: border-color .3s;
transition: border-color .3s;
}
.wpmc-tabs-list.wpmc-3-tabs .wpmc-tab-item {
padding: 0;
}
.page-checkout .woocommerce-billing-fields h3, .page-checkout .woocommerce-shipping-fields h3 {
font-size: 1.4375rem;
}
@media(min-width:1024px) {
.page-checkout .woocommerce-billing-fields h3, .page-checkout .woocommerce-shipping-fields h3 {
font-size: 1.75rem;
}
}
.page-checkout .woocommerce-shipping-fields p > label span.checkbox {
font-size: 0.875rem;
}
.page-checkout .woocommerce-billing-fields h4, .page-checkout .woocommerce-shipping-fields h4 {
font-size: 1.125rem;
font-weight: 500;
color: var(--secondary);
}
.page-checkout .woocommerce-billing-fields p, .page-checkout .woocommerce-shipping-fields p {
font-size: 1rem;
margin-top: 0;
color: var(--gray);
}
.page-checkout .woocommerce-billing-fields__field-wrapper p, .page-checkout .woocommerce-shipping-fields__field-wrapper p {
font-size: 0.875rem;
color: var(--gray);
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .select2-container--default .select2-selection--single {
border-radius: 25rem;
border: 1px solid var(--borderGray);
padding: 0.375rem 1.2rem;
outline: none;
height: 48px !important;
background: transparent;
}
.select2-container--default .select2-selection--single {
border-radius: 4rem !important;
padding: 0.9rem 1.2rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 10px;
right: 7px;
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
top: 1.2em;
}
.woocommerce form .form-row input::placeholder, .woocommerce form .form-row textarea::placeholder, .woocommerce form .form-row select::placeholder, .select2-container--default .select2-selection--single::placeholder {
color: var(--gray);
font-size: 0.875rem;
}
.woocommerce form .form-row input:-ms-input-placeholder, .woocommerce form .form-row textarea:-ms-input-placeholder, .woocommerce form .form-row select:-ms-input-placeholder, .select2-container--default .select2-selection--single:-ms-input-placeholder {
color: var(--gray);
}
.woocommerce form .form-row input::-ms-input-placeholder, .woocommerce form .form-row textarea::-ms-input-placeholder, .woocommerce form .form-row select::-ms-input-placeholder, .select2-container--default .select2-selection--single::-ms-input-placeholder {
color: var(--gray);
}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus, .woocommerce form .form-row select:focus, .select2-container--default .select2-selection--single:focus {
border-color: var(--primary);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--gray) !important;
line-height: 1.3 !important;
padding: 0 !important;
}
.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
border-color: var(--borderGray);
}
.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select, .select2-container--focus {
border-color: var(--borderGray);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
outline: none;
}
@media(max-width:767.85px) {
.wpmc-nav-wrapper {
display: block;
}
}
.wpmc-nav-wrapper .button.btn.btn-secondary {
border: 1px solid var(--secondary);
color: var(--white);
padding: 1rem 2.25rem;
outline: none;
font-size: 1rem;
font-weight: 500;
border-radius: 25rem;
width: 100%;
margin-bottom: 1rem;
background-color: var(--secondary);
}
.wpmc-nav-wrapper .button.btn.btn-secondary:hover, .wpmc-nav-wrapper .button.btn.btn-secondary:active, .wpmc-nav-wrapper .button.btn.btn-secondary:focus {
color: var(--white);
background-color: var(--primary);
border-color: var(--primary);
box-shadow: none;
}
@media (min-width: 768px) {
.wpmc-nav-wrapper .button.btn.btn-secondary {
width: auto;
margin-bottom: 0;
}
}
.wpmc-nav-wrapper .button.button-active.current.wpmc-nav-button {
color: var(--white);
border: 1px solid var(--secondary);
background: var(--secondary);
border-radius: 25rem;
padding: 1rem 2.25rem;
font-size: 1rem;
font-weight: 500;
transition: all .25s ease-out;
margin: 0;
width: 100%;
min-width: 140px;
}
.wpmc-nav-wrapper button#wpmc-prev.current {
display: none !important;
}
.woocommerce-checkout-payment .form-row.place-order .button.alt {
color: var(--white);
border: 1px solid var(--secondary);
background: var(--secondary);
border-radius: 25rem;
padding: 1rem 2.25rem;
font-size: 1rem;
font-weight: 500;
transition: all .25s ease-out;
margin: 0 !important;
width: auto;
}
@media (min-width: 768px) {
.wpmc-nav-wrapper .button.button-active.current.wpmc-nav-button {
width: auto;
}
}
.wpmc-nav-wrapper .button.button-active.current.wpmc-nav-button:hover, .wpmc-nav-wrapper .button.button-active.current.wpmc-nav-button:focus, .wpmc-nav-wrapper .button.button-active.current.wpmc-nav-button:focus-visible, .woocommerce-checkout-payment .form-row.place-order .button.alt:hover, .woocommerce-checkout-payment .form-row.place-order .button.alt:focus, .woocommerce-checkout-payment .form-row.place-order .button.alt:focus-visible {
color: var(--white);
background: var(--primary);
border-color: var(--primary);
}
.page-checkout .woocommerce-shipping-fields input[type="checkbox"], .page-checkout .woocommerce-account-fields input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.page-checkout .woocommerce-shipping-fields input.input-checkbox:before, .page-checkout .woocommerce-account-fields input.input-checkbox:before {
transition-timing-function: cubic-bezier(.075, .820, .165, 1);
border: 2px solid;
border-radius: 0;
background-color: white;
border-color: transparent;
box-sizing: border-box;
color: var(--primary);
content: close-quote;
display: inline-block;
height: 14px;
outline: 2px solid var(--primary);
transition-duration: .5s;
transition-property: background-color, border-color;
width: 14px;
}
.woocommerce table.shop_table {
margin-bottom: 0 !important;
border-bottom: 0px;
border-radius: 0;
}
.woocommerce table.shop_table tr.order-total th, .woocommerce table.shop_table tr.order-total td {
padding-bottom: 0.75rem !important;
font-weight: 600 !important;
color: var(--secondary) !important;
}
.page-checkout .woocommerce-shipping-fields input.input-checkbox:checked:before, .page-checkout .woocommerce-account-fields input.input-checkbox:checked:before {
background-color: var(--primary);
border-color: #fff;
}
.page-checkout .woocommerce .woocommerce-order .btn.btn-primary {
width: auto;
margin-top: 1.5rem;
padding: 0.75rem 3rem;
}
@media(min-width:1024px) {
.page-checkout .woocommerce .woocommerce-order .btn.btn-primary {
margin-top: 2.5rem;
}
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot th {
border: none;
display: block;
width: 100%;
font-size: 1.4375rem;
color: var(--secondary);
font-weight: 600;
padding: 0;
}
@media(min-width:1024px) {
.page-checkout.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot th {
font-size: 1.75rem;
}
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot td {
display: block;
border: none;
padding: 1.rem 0;
}
@media(min-width:1024px) {
.page-checkout.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot td {
padding: 2.25rem 0;
}
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot td ul.woocommerce-shipping-methods li label span.woocommerce-Price-amount.amount {
font-weight: 400 !important;
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot td ul.woocommerce-shipping-methods li label {
color: var(--secondary);
font-size: 1rem;
font-weight: 400;
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot td ul.woocommerce-shipping-methods li input[type="radio"]:checked, .page-checkout.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot td ul.woocommerce-shipping-methods li input[type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot td ul.woocommerce-shipping-methods li input[type="radio"]:checked + label, .page-checkout.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot td ul.woocommerce-shipping-methods li input[type="radio"]:not(:checked) + label {
position: relative;
padding-left: 25px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: var(--secondary);
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot td ul.woocommerce-shipping-methods li input[type="radio"]:checked + label:before, .page-checkout.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot td ul.woocommerce-shipping-methods li input[type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 1rem;
height: 1rem;
border: 1px solid var(--secondary);
border-radius: 100%;
background: #fff;
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot td ul.woocommerce-shipping-methods li input[type="radio"]:checked + label:before {
border: 1px solid var(--primary);
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot td ul.woocommerce-shipping-methods li input[type="radio"]:checked + label:after, .page-checkout.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot td ul.woocommerce-shipping-methods li input[type="radio"]:not(:checked) + label:after {
content: '';
width: 0.5rem;
height: 0.5rem;
background: var(--primary);
position: absolute;
top: 4px;
left: 4px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot td ul.woocommerce-shipping-methods li input[type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot td ul.woocommerce-shipping-methods li input[type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.page-checkout.woocommerce-checkout .wpmc-step-item.current h3 {
font-size: 1.4375rem;
margin-top: 0;
}
@media(min-width:1024px) {
.page-checkout.woocommerce-checkout .wpmc-step-item.current h3 {
font-size: 1.75rem;
}
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-payment {
margin-top: 1.5rem;
background: var(--white) !important;
}
@media(min-width:1024px) {
.page-checkout.woocommerce-checkout .woocommerce-checkout-payment {
margin-top: 2.25rem;
}
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods {
border-color: var(--lightGray) !important;
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-payment div.payment_box, #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
border-radius: 3rem;
border: 1px solid var(--borderGray);
background: var(--lightGray);
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-payment div.payment_box.payment_method_stripe {
border-radius: 0 !important;
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-payment div.payment_box.payment_method_stripe p a:after {
display: none;
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-payment div.payment_box::before, .woocommerce-cart .woocommerce-checkout-payment div.payment_box::before, .woocommerce-checkout .woocommerce-checkout-payment div.payment_box::before {
display: none !important;
}
.page-checkout.woocommerce-checkout .woocommerce-checkout-payment div.payment_box p {
margin: 0;
}
.woocommerce form.checkout .woocommerce-checkout-payment .form-row label.checkbox, .woocommerce-page form.checkout .woocommerce-checkout-payment .form-row label.checkbox {
display: block;
border: 1px solid var(--borderGray);
padding: 1rem;
border-radius: 3rem;
width: 100%;
position: relative;
background: var(--lightGray);
font-size: 0.875rem;
line-height: 1.5;
}
.page-checkout.woocommerce-checkout .woocommerce-order .content svg {
width: 60px;
height: 60px;
margin-bottom: 3rem;
box-shadow: 0 0 0 15px var(--white), 0 0 0 16px #eeedec;
border-radius: 100px;
}
@media (min-width: 768px) {
.page-checkout.woocommerce-checkout .woocommerce-order .content svg {
width: 90px;
height: 90px;
}
}
/*****Reset Password*****/
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first {
float: none;
margin: 0 auto !important;
width: 100%;
}
.woocommerce-page .woocommerce_checkout_coupon {
background: var(--lightGray);
}
.woocommerce-page .woocommerce_checkout_coupon .woocommerce-form-coupon-toggle .container {
padding: 0;
}
.woocommerce-page .woocommerce_checkout_coupon .woocommerce-info {
margin-bottom: 0;
}
.page-checkout.woocommerce-page .woocommerce_checkout_coupon .woocommerce-info {
margin-bottom: 0rem;
}
.woocommerce-page .woocommerce_checkout_coupon form.checkout_coupon.woocommerce-form-coupon {
padding: 0 2rem 2rem;
margin: 0;
}
.woocommerce form.checkout_coupon.woocommerce-form-coupon .form-row-first, .woocommerce-page form.checkout_coupon.woocommerce-form-coupon .form-row-first {
position: relative;
}
.woocommerce form.checkout_coupon.woocommerce-form-coupon .form-row input.input-text {
height: 50px !important;
padding-right: 2rem;
background: transparent;
}
@media(min-width:475px) {
.woocommerce form.checkout_coupon.woocommerce-form-coupon .form-row input.input-text {
padding-right: 9rem;
}
}
.woocommerce-page .woocommerce_checkout_coupon button.button, .woocommerce_checkout_coupon button.button {
position: relative;
right: 0px;
top: 10px;
}
@media(min-width:475px) {
.woocommerce-page .woocommerce_checkout_coupon button.button, .woocommerce_checkout_coupon button.button {
position: absolute;
right: 7px;
top: 7px;
}
}
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first label, .woocommerce form .form-row label, .woocommerce-page form .form-row label {
text-align: left;
font-size: 0.875rem;
color: var(--secondary);
font-weight: 400;
margin-bottom: 0.5rem;
line-height: 1;
}
.woocommerce .reset-pass-container p, .woocommerce-page .reset-pass-container p, .page-sign-up .reset-pass-container p {
font-size: 1rem;
color: var(--gray);
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
margin-right: 0 !important;
}
.woocommerce .woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row.form-row .woocommerce-Button.button, .woocommerce .reset-pass-container p.form-row button.woocommerce-button.button, .woocommerce-page .reset-pass-container p.form-row button.woocommerce-button.button, .reset-pass-container p.form-row button.woocommerce-button.button, .woocommerce-page .woocommerce-Button.button {
border-radius: 3rem;
background: var(--primary);
color: var(--white);
width: 100%;
font-size: 1rem;
font-weight: 600;
padding: 1rem 1rem;
text-transform: capitalize;
border: none;
}
.woocommerce .woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row.form-row .woocommerce-Button.button:hover, .woocommerce .woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row.form-row .woocommerce-Button.button:focus, .woocommerce .woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row.form-row .woocommerce-Button.button:focus-visible, .woocommerce .reset-pass-container p.form-row button.woocommerce-button.button:hover, .woocommerce .reset-pass-container p.form-row button.woocommerce-button.button:focus, .woocommerce .reset-pass-container p.form-row button.woocommerce-button.button:focus-visible, .reset-pass-container p.form-row button.woocommerce-button.button:hover, .reset-pass-container p.form-row button.woocommerce-button.button:focus, .reset-pass-container p.form-row button.woocommerce-button.button:focus-visible, .woocommerce-page .woocommerce-Button.button:hover, .woocommerce-page .woocommerce-Button.button:focus, .woocommerce-page .woocommerce-Button.button:focus-visible {
color: var(--white);
background-color: var(--secondary);
}
.woocommerce-error {
padding: 1rem !important;
margin: 0 !important;
padding-left: 2rem !important;
margin-bottom: 1rem !important;
}
.woocommerce-error li {
margin-left: 10px !important;
}
.woocommerce-error::before {
top: 1em;
left: 0.5rem;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce form.woocommerce-ResetPassword.lost_reset_password {
border: none;
padding: 0;
margin: 2rem 0;
}
.mo-openid-app-icons a {
border-color: var(--borderGray) !important;
color: var(--gray) !important;
margin-left: 8px !important;
width: auto !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
border-radius: 3rem !important;
}
.woocommerce .reset-pass-container p.form-row span.woocommerce-LostPassword.lost_password a, .woocommerce-page .reset-pass-container p.form-row span.woocommerce-LostPassword.lost_password a {
float: right;
font-size: 0.875rem;
color: var(--gray);
}
.woocommerce .have-account p, .woocommerce-page .have-account p, .reset-pass-container .have-account p {
font-size: 0.875rem;
}
.woocommerce .have-account p a, .woocommerce-page .have-account p a, .reset-pass-container .have-account p a {
font-size: 0.875rem;
color: var(--gray);
}
.woocommerce-password-strength.good {
background-color: var(--primary);
border-color: var(--primary);
margin: 0.5rem 0;
color: var(--white);
}
.reset-pass-container .woocommerce-form.woocommerce-form-register.register label {
display: block;
font-size: 0.875rem;
color: var(--secondary);
font-weight: 600;
margin-bottom: 5px;
}
.reset-pass-container .woocommerce-form.woocommerce-form-register.register input {
width: 100%;
border-radius: 3rem;
padding: 0.375rem 1.2rem;
border: 1px solid var(--borderGray);
}
.reset-pass-container .woocommerce-form.woocommerce-form-register.register p {
margin: 1.25rem 0;
}
.reset-pass-container p.woo-account-divider {
position: relative;
}
.reset-pass-container p.woo-account-divider:before {
content: "";
position: absolute;
height: 1px;
width: 45%;
background: var(--lightGray);
left: 10px;
top: 12px;
}
.reset-pass-container p.woo-account-divider:after {
content: "";
position: absolute;
height: 1px;
width: 45%;
background: var(--lightGray);
right: 10px;
top: 12px;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link {
border-bottom: 1px solid var(--lightGray);
padding: 0;
color: var(--gray);
text-align: center;
margin: 0;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:last-child {
border: none;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li.is-active a {
background: var(--primary);
color: var(--white);
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li a {
color: #ffffff;
font-size: 0.875rem;
font-weight: 600;
display: block;
text-transform: capitalize;
padding: 1rem;
text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
padding: 0;
background: var(--secondary);
border-radius: 10px;
overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
background: var(--primary);
color: var(--white);
text-decoration: none;
}
@media(max-width:767.85px) {
.woocommerce-account .woocommerce-MyAccount-content {
margin-top: 3rem;
}
.woocommerce-page .woocommerce-MyAccount-content .woocommerce-info {
padding: 1em 2em 1em 3em;
}
}
.woocommerce-account .woocommerce-MyAccount-content p {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.5;
}
.woocommerce-account .woocommerce-MyAccount-content p a {
font-size: 0.875rem;
font-weight: 500;
color: var(--secondary);
}
.woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
width: 100%;
}
.woocommerce-page .woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button.button, .woocommerce-page .woocommerce-MyAccount-content .woocommerce-info .button {
text-align: center;
width: auto;
margin-top: 1.5rem;
border-radius: 3rem;
background: var(--primary);
color: var(--white);
font-size: 1rem;
font-weight: 600;
padding: 1rem 1rem;
text-transform: capitalize;
border: none;
}
.woocommerce-page .woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button.button:hover, .woocommerce-page .woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button.button:focus, .woocommerce-page .woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button.button:focus-visible, .woocommerce-page .woocommerce-MyAccount-content .woocommerce-info .button:hover, .woocommerce-page .woocommerce-MyAccount-content .woocommerce-info .button:focus, .woocommerce-page .woocommerce-MyAccount-content .woocommerce-info .button:focus-visible {
color: var(--white);
background-color: var(--secondary);
border-color: var(--secondary);
}
/*Woocommerce Breadcrumb*/
body.woocommerce .woocommerce-breadcrumb {
margin: 0;
padding: 0;
font-size: .92em;
color: #767676;
display: flex;
align-items: center;
flex-wrap: wrap;
}
body.woocommerce .woocommerce-breadcrumb a {
color: var(--gray);
font-weight: 400;
line-height: 16px;
}
body.woocommerce .woocommerce-breadcrumb a:hover {
color: var(--primary);
text-decoration: none;
}
body.woocommerce .woocommerce-breadcrumb span {
padding: 0 10px;
}
@media (min-width: 768px) {
body.woocommerce .woocommerce-breadcrumb span {
padding: 0 22px;
}
}
body.woocommerce .woocommerce-breadcrumb span svg {
display: block;
}
/******* Mini Cart*******/
.cart-option:hover .woocommerce.headercart {
display: block;
}
.woocommerce.headercart {
background: var(--white);
border: 1px solid var(--borderGray);
box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.3);
border-radius: 8px;
color: var(--primary);
position: absolute;
z-index: 999999;
font-size: 0.875rem;
width: 320px;
top: 60px;
padding: 1rem;
display: none;
right: -15px;
}
@media(max-width:475.85px) {
.woocommerce.headercart {
right: -50px;
width: 300px;
}
}
.woocommerce.headercart:after {
content: "";
height: 42px;
left: 0;
position: absolute;
top: -40px;
width: 100%;
display: block;
}
.woocommerce.headercart.added-to-cart {
display: block;
}
.woocommerce.headercart .cart-contents {
padding: 0 0 1rem;
display: block;
border-bottom: 1px solid var(--borderGray);
width: 100%;
}
.woocommerce.headercart .countcart span.minicartcount a {
float: right;
color: var(--primary);
font-weight: 500;
font-size: 0.875rem !important;
}
.woocommerce.headercart .countcart span.minicartcount a:focus, .woocommerce.headercart .countcart span.minicartcount a:hover {
color: var(--secondary);
}
.woocommerce.headercart .countcart, .woocommerce.headercart .countcart span.minicartcount {
float: none;
font-size: 1rem !important;
color: var(--secondary) !important;
font-weight: 500 !important;
display: inline-block !important;
margin: 0 !important;
width: 100%;
}
.woocommerce.headercart ul.product_list_widget {
float: none;
max-height: 200px;
overflow-x: hidden;
overflow-y: auto;
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce ul.cart_list, .woocommerce ul.product_list_widget {
list-style: none outside;
padding: 0;
margin: 0;
}
.woocommerce.headercart ul.product_list_widget li {
padding: 1rem 0;
margin: 0;
position: relative;
border-bottom: 1px solid var(--borderGray);
}
.woocommerce.headercart ul.product_list_widget li a.remove {
right: 0px;
top: calc(20% - 11px);
/* top: 10px; */
left: auto;
width: 20px;
height: 20px;
line-height: 1.1;
z-index: 100;
border: 1px solid var(--borderGray);
background: var(--lightGray);
border-radius: 3rem;
}
.woocommerce.headercart ul.product_list_widget li a.remove:hover {
background: var(--primary);
color: var(--white) !important;
border-color: var(--primary);
}
.woocommerce.headercart ul.product_list_widget li a.remove:hover svg path {
stroke: #fff;
}
.woocommerce.headercart ul.product_list_widget li a.remove svg{
position: relative;
top: 3px;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
position: absolute;
top: 0;
left: 0;
}
.woocommerce.headercart ul.product_list_widget li a {
margin: 0;
}
.woocommerce.headercart ul.product_list_widget li a h5 {
color: var(--secondary);
margin: 0;
font-weight: 500;
font-size: 0.875rem;
line-height: 1.5;
width: 94%;
}
.woocommerce.headercart ul.product_list_widget li img {
float: left;
margin: 0 1rem 0 0;
border: 0px;
border-radius: 0px;
width: 80px;
overflow: hidden;
border-radius: 0.5rem;
border: 1px solid var(--lightGray);
}
.woocommerce.headercart ul.product_list_widget li .product-price {
color: var(--gray);
font-size: 0.875rem;
line-height: normal;
margin-top: 5px;
min-height: auto !important;
display: inline-block;
}
.woocommerce.headercart ul.product_list_widget li .quantity {
background: 0 0;
border: 0;
height: auto;
color: var(--gray);
font-size: 0.875rem;
line-height: normal;
margin-top: 10px;
}
.woocommerce.headercart .woocommerce-mini-cart__empty-message {
text-align: center;
padding: 1.25rem 0 0;
font-size: 0.875rem;
color: var(--gray);
}
.woocommerce.headercart .total strong {
min-width: 140px;
font-size: 1rem;
font-weight: 600;
}
.woocommerce.headercart .total span.amount {
float: right;
color: var(--secondary);
font-weight: 600;
font-size: 1rem;
}
.woocommerce.headercart .woocommerce-mini-cart__buttons.buttons {
display: flex;
justify-content: space-between;
margin: 0;
}
@media(max-width:475.85px) {
.woocommerce.headercart .buttons a.button {
min-width: 130px;
}
}
.woocommerce.headercart .woocommerce-mini-cart__buttons.buttons:before, .woocommerce.headercart .woocommerce-mini-cart__buttons.buttons:after {
display: none;
}
.woocommerce a.button, .woocommerce.headercart .buttons a.button.checkout.wc-forward, .woocommerce-page .woocommerce-MyAccount-content .button, .woocommerce-page .woocommerce_checkout_coupon button.button, .woocommerce_checkout_coupon button.button {
text-align: center;
background: var(--primary);
color: var(--white);
font-size: 0.875rem;
font-weight: 500;
border-radius: 3rem;
min-width: 135px;
height: 35px;
padding: 1.3rem;
line-height: 0px;
margin: 0px !important;
width: auto;
}
.woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce a.button:focus-visible, .woocommerce-page .woocommerce-MyAccount-content .button:hover, .woocommerce-page .woocommerce-MyAccount-content .button:focus, .woocommerce-page .woocommerce-MyAccount-content .button:focus-visible, .woocommerce-page .woocommerce_checkout_coupon button.button:hover, .woocommerce-page .woocommerce_checkout_coupon button.button:focus, .woocommerce-page .woocommerce_checkout_coupon button.button:focus-visible, .woocommerce.headercart .buttons a.button.checkout.wc-forward:hover, .woocommerce.headercart .buttons a.button.checkout.wc-forward:focus, .woocommerce.headercart .buttons a.button.checkout.wc-forward:focus-visible {
background: var(--secondary);
color: var(--white);
border-color: var(--secondary);
}
.woocommerce.headercart .buttons a.button.wc-forward {
background: transparent;
border: 1px solid var(--primary);
line-height: 0;
font-weight: 500;
font-size: 0.875rem;
color: var(--primary);
}
.woocommerce.headercart .buttons a.button.wc-forward:hover, .woocommerce a.button, .woocommerce.headercart .buttons a.button.wc-forward:focus, .woocommerce a.button, .woocommerce.headercart .buttons a.button.wc-forward:focus-visible {
background: var(--primary);
color: var(--white);
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
border: none;
margin-top: 1rem;
padding: 0;
}
.woocommerce table.shop_table td {
border-color: var(--borderGray);
opacity: 1;
}
.woocommerce table.shop_table td a {
color: var(--secondary);
}
.woocommerce-account .woocommerce-MyAccount-content mark {
background-color: transparent !important;
}
.woocommerce-info {
border-top-color: var(--primary);
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
background-color: var(--lightGray);
}
.content .woocommerce-error li:only-child {
margin: 0;
}
.cart-option .qbadge {
background: var(--primary);
min-width: 20px;
min-height: 20px;
display: block;
border-radius: 20px;
text-align: center;
line-height: 13px;
font-size: 0.65rem;
font-weight: 600;
color: var(--white);
position: absolute;
top: -10px;
right: -10px;
padding: 0 4px;
}
.cart-option .qbadge span {
color: var(--white) !important;
top: 4px;
position: relative;
font-size: 0.65rem !important;
font-weight: 600 !important;
display: block !important;
margin: 0 !important;
}
@media(max-width:767.95px) {
.cart-option .qbadge span {
top: 3px;
}
}
.cart-option a:hover span {
text-decoration: none !important;
}
.woocommerce.headercart ul.product_list_widget li .product-info {
display: none;
}
/****/
.woocommerce.headercart ul.product_list_widget::-webkit-scrollbar {
width: 10px;
}
.woocommerce.headercart ul.product_list_widget::-webkit-scrollbar-track {
background: #f1f1f1;
}
.woocommerce.headercart ul.product_list_widget::-webkit-scrollbar-thumb {
background: var(--lightGray);
}
.woocommerce.headercart ul.product_list_widget::-webkit-scrollbar-thumb:hover {
background: var(--secondary);
}
/**/
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper.color-variable-items-wrapper .variable-item:not(.radio-variable-item) {
border-radius: 100px;
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper.color-variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color, .woo-variation-swatches .wvs-style-squared.variable-items-wrapper.color-variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item .variable-item-span-color {
border-radius: 100px;
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper.color-variable-items-wrapper .variable-item:not(.radio-variable-item) {
padding: 4px;
box-shadow: var(--wvs-item-box-shadow, 0 0 0 2px #E6270F);
margin-left: 6px;
margin-right: 6px;
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper.color-variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .wvs-style-squared.variable-items-wrapper.color-variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
-webkit-box-shadow: var(--wvs-selected-item-box-shadow, 0 0 0 3px #E6270F);
box-shadow: var(--wvs-selected-item-box-shadow, 0 0 0 3px #E6270F);
color: var(--wvs-selected-item-text-color, #E6270F);
}
/***Empty Cart Page***/
.woocommerce .empty-cart-page {
padding: 3rem 0;
}
@media(min-width:1024px) {
.woocommerce .empty-cart-page {
padding: 6.5rem 0;
}
}
.woocommerce .empty-cart-page p.return-to-shop {
margin-bottom: 0 !important;
}
.woocommerce .empty-cart-page .return-to-shop a.button {
height: 50px;
line-height: 8px;
font-size: 1rem;
}
.woocommerce-info::before {
color: var(--primary);
}
.single-product .woocommerce-notices-wrapper {
display: none;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding-left: 3rem;
}
.single.single-product .product-btns a.button {
height: auto !important;
margin-top: 1rem !important;
}
.single.single-product .product-btns a.button.added::after, .single.single-product .product-btns .added_to_cart.wc-forward {
display: none !important;
}
.woocommerce .woocommerce-remove-coupon {
font-size: 10px;
top: -0px;
position: relative;
color: red !important;
font-weight: 500;
}
.page-cart .woocommerce .cart-collaterals .cart_totals table.shop_table tr.cart-subtotal th, .page-cart .woocommerce .cart-collaterals .cart_totals table.shop_table tr.cart-subtotal td {
padding-top: 1.5rem;
}
@media(min-width:1024px) {
.page-cart .woocommerce .cart-collaterals .cart_totals table.shop_table tr.cart-subtotal th, .page-cart .woocommerce .cart-collaterals .cart_totals table.shop_table tr.cart-subtotal td {
padding-top: 2.5rem;
}
}
.page-cart .woocommerce .cart-collaterals .cart_totals table.shop_table tr.tax-total th, .page-cart .woocommerce .cart-collaterals .cart_totals table.shop_table tr.tax-total td {
padding-bottom: 1.5rem;
}
@media(min-width:1024px) {
.page-cart .woocommerce .cart-collaterals .cart_totals table.shop_table tr.tax-total th, .page-cart .woocommerce .cart-collaterals .cart_totals table.shop_table tr.tax-total td {
padding-bottom: 2.5rem;
}
}
.woocommerce ul#shipping_method {
font-size: 0.875rem;
text-align: left;
}
.cart-shipping-part ul {
margin: 0;
list-style: none;
padding: 0;
}
.cart-shipping-part ul li {
margin: 2rem 0;
}
.cart-shipping-part ul li:last-child {
margin: 0;
}
@media(min-width:1024px) {
.cart-shipping-part ul li {
margin: 2.5rem 0;
}
.cart-shipping-part ul li:last-child {
margin: 0;
}
}
body .cart-shipping-part h4 {
font-size: 1.125rem;
color: var(--secondary);
font-weight: 600;
line-height: 2;
margin: 0;
}
.cart-shipping-part ul li address {
font-size: 1rem;
margin: 0;
font-weight: 400;
line-height: 1.5;
color: var(--gray);
}
.cart-shipping-part ul li a {
color: var(--lightGray) !important;
font-weight: 600 !important;
text-decoration: none !important;
font-size: 1rem !important;
}
.cart-shipping-part ul li a:hover {
color: var(--primary) !important;
}
.shop_table.shop_table_responsive .woocommerce-shipping-calculator {
display: none;
}
.cart-collaterals {
position: relative;
}
.cart-collaterals.ajax-data-loading::before {
background: rgba(0, 0, 0, 0.5) url(../images/loader-cart.svg) 50% 50% no-repeat;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}