.section-header--top-bar {
padding: var(--space-4);
background-color: var(--color-background);
color: var(--color-primary);
line-height: 1;
}
@media only screen and (max-width: 768px) {
.section-header--top-bar {
display: flex;
padding: var(--space-2) var(--space-4);
}
.container-header--top-bar {
gap: 0;
}
}
.container-header--top-bar {
display: flex;
align-items: center;
gap: var(--space-3);
justify-content: space-between;
margin: 0 auto;
}
.top-bar--column__first {
display: flex;
flex-direction: row;
align-items: center;
gap: var(--space-7);
font-size: var(--text-sm);
}
.remaining-free-shipping-wrapper {
display: flex;
flex-direction: row;
align-items: center;
gap: var(--space-2);
}
#remaining-cost-for-free-shipping .woocommerce-Price-amount {
color: var(--color-secondary);
}
.top-bar--column__last {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: var(--space-14);
}
.container-header--top-bar ul {
display: flex;
gap: var(--space-7);
margin: 0;
list-style: none;
text-transform: uppercase;
}
.container-header--top-bar a {
color: var(--color-primary);
font-size: var(--text-sm);
text-decoration-color: transparent;
}
.container-header--top-bar a:hover {
color: var(--color-secondary);
text-decoration-color: var(--color-secondary);
} .section--header--main-content {
padding: var(--space-6) var(--space-4);
}
.container--header--main-content {
display: flex;
flex-direction: row;
align-items: center;
gap: var(--space-3);
justify-content: space-between;
margin: 0 auto;
}
.wrapper-header-main--icons {
display: flex;
align-items: center;
justify-content: flex-end;
gap: var(--space-8);
}
.custom-logo-link {
line-height: 1;
}
.custom-logo-link img {
height: 49px;
max-width: 260px;
display: block;
}
.wrapper-header-main--search-bar .aws-container {
width: 300px;
}
@media only screen and (max-width: 1024px) {
.wrapper-header-main--search-bar .aws-container {
width: 240px;
}
.section--header--main-content .aws-container {
display: none;
}
}
@media only screen and (max-width: 768px) {
.wrapper-header-main--icons {
gap: var(--space-4);
}
}
.wrapper-header-main--search-bar
.aws-container
.aws-search-form
.aws-search-btn {
position: absolute;
right: 24px;
bottom: 0;
height: 35px;
border: 0;
z-index: 9;
background-color: transparent;
}
.aws-container input[type="search"] {
min-height: 35px;
}
.aws_result_title {
color: var(--color-secondary) !important;
font-weight: var(--font-semibold) !important;
}
.section--header--main-content
.aws-container
.aws-search-form
.aws-search-btn
svg {
color: var(--color-white);
}
.section--header--main-content
.wrapper-header-main--search-bar
.aws-container
.aws-search-field {
border-radius: 25px !important;
}
.section--header--main-content
.aws-container
.aws-show-clear
.aws-search-field {
padding-left: var(--space-4);
}
.wrapper-header-main--search-bar .is-search-icon {
border-left: 0 !important;
}
.wrapper-header-main--search-bar .aws-search-result .aws_result_title {
color: var(--color-primary);
font-weight: var(--font-medium);
}
.header-main--row.header-main--row-last a {
margin-bottom: var(--space-2);
line-height: 1;
text-decoration-line: none;
}
.header-main--row-last {
display: flex;
align-items: center;
gap: var(--space-12);
}
.header-main--row-last a {
font-size: var(--text-xs);
}
.header-main--row-last .footer--company-contact {
margin-bottom: 0;
}
@media only screen and (max-width: 1360px) {
.section--header--main-content .custom-logo-link {
max-width: 350px;
}
.header-logo__webtim {
max-width: 220px;
}
}
@media only screen and (max-width: 1024px) {
.section--header--main-content .custom-logo-link {
max-width: 240px;
}
}
@media only screen and (max-width: 768px) {
.section--header--main-content .custom-logo-link {
max-width: 164px;
}
} .section--header--nav-menu {
border-top: 1px solid var(--color-border);
}
.container--header--navigation {
max-width: var(--container-3xl);
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
padding: 0 var(--space-4);
}
.sticky-header .sticky-logo {
display: none;
}
.sticky-header.sticky .sticky-logo {
display: block;
}
@media only screen and (min-width: 1024px) {
.hide-desktop {
display: none !important;
}
.wrapper-contact-logo.hide-desktop {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.hide-mobile {
display: none;
}
}
@media only screen and (max-width: 1024px) {
#mega-menu-primary {
margin-top: var(--space-4) !important;
}
}
@media only screen and (max-width: 768px) {
.hide-small-screen {
display: none;
}
.section--header--main-content {
padding: var(--space-4) var(--space-4);
}
.container-header--top-bar {
justify-content: space-between;
}
.container-header--top-bar img {
height: 16px;
width: 16px;
}
.hide-desktop
#mega-menu-wrap-primary
.mega-menu-toggle
.mega-toggle-blocks-right
.mega-toggle-block {
margin: 0;
}
.hide-desktop
#mega-menu-wrap-primary
.mega-menu-toggle
.mega-toggle-block-0
.mega-toggle-animated-box {
width: 30px;
height: 36px;
}
}
@media only screen and (min-width: 1024px) {
.section-mobile-search {
display: none;
}
}
#mega-menu-primary .mega-menu-item > .mega-sub-menu:first-of-type {
margin-top: 32px !important;
}
.mega-sub-menu h4 {
display: block;
margin-bottom: var(--space-2);
color: var(--color-primary);
font-size: var(--text-xxl);
font-weight: var(--font-bold);
}
.mega-sub-menu ul {
list-style: none;
margin: 0;
}
.mega-sub-menu .mega-menu-item a {
text-decoration-color: transparent;
-moz-text-decoration-color: transparent;
}
.header-navigation--secondary-menu-wrapper {
min-width: 400px;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
padding: var(--space-3);
background-color: var(--color-secondary);
} #sticky-section {
transition: all var(--transition-time);
z-index: 999;
}
.sticky,
.sticky__mobile {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
.sticky .section--header--nav-menu {
padding: var(--space-6) var(--space-4) var(--space-6) var(--space-4);
border-bottom: 2px solid var(--color-primary);
background-color: var(--color-white);
}
@media only screen and (max-width: 768px) {
.section--header--main-content.sticky__mobile {
padding: var(--space-3) var(--space-4) var(--space-2) var(--space-4);
border-bottom: 1px solid var(--color-primary);
background-color: var(--color-white);
}
}
.hide-non-sticky {
display: none;
}
#wpadminbar #sticky-section {
margin-bottom: 32px;
}
.sticky .section--header--nav-menu .hide-non-sticky {
display: block;
}
.sticky .container--header--navigation {
display: flex;
align-items: center;
justify-content: space-between;
}
.sticky .container--header--navigation img {
max-width: 180px;
}
@media only screen and (max-width: 1024px) {
.section-header--top-bar .footer--social-media-icons,
.header-main--row.header-main--row-first,
.top-bar--column.top-bar--column__middle {
display: none;
}
.aws-container {
width: 100%;
}
.aws-container .aws-search-form {
height: 54px;
}
}
@media only screen and (max-width: 768px) {
#sticky-section__mobile .footer--company-contact {
display: none;
}
.custom-logo-link img {
max-width: 180px;
}
.wrapper-header-main--icons {
gap: var(--space-6);
}
.header-main--row.header-main--row-last a {
margin-bottom: 0;
}
.header-main--row.header-main--row-last a {
line-height: 0;
}
.wrapper-header-main--search-bar {
line-height: 0;
}
.top-bar--column__first {
flex-direction: column;
gap: var(--space-2);
}
#sticky-section__mobile .container {
padding: 0;
}
.aws-container .aws-search-form {
height: 48px;
}
}
@media only screen and (max-width: 450px) {
.custom-logo-link img {
max-width: 150px;
}
}  .page {
position: relative;
display: block;
}
.section-page-tittle {
position: relative;
display: block;
padding: 0 var(--space-4);
}
.container-page-tittle {
max-width: var(--container-3xl);
display: flex;
margin: 0 auto;
}
.section-page-tittle .entry-title {
margin: var(--space-10) 0 var(--space-16) 0;
color: var(--color-primary);
font-size: var(--text-2xl);
font-weight: var(--font-normal);
line-height: var(--leading-6);
}
.page-id-3166 .section-page-tittle .entry-title {
margin-bottom: var(--space-10);
}
.section-page-content .pwb-az-listing-header {
margin-bottom: var(--space-12);
}
@media only screen and (max-width: 768px) {
.section-page-tittle .entry-title {
margin: var(--space-4) 0 var(--space-10) 0;
}
}
.section-page-content {
position: relative;
display: block;
margin-bottom: var(--space-32);
padding: 0 var(--space-4);
}
.section-page-content.site-contenth3:first-of-type {
margin-top: 0;
}
@media only screen and (max-width: 768px) {
.section-page-content {
margin-bottom: var(--space-16);
}
}
.container-page-content {
max-width: var(--container-3xl);
margin: 0 auto;
}
.section-page-content h3 {
display: block;
margin-bottom: var(--space-2);
color: var(--color-primary);
font-size: var(--text-xxl);
font-weight: var(--font-normal);
}
.section-page-content a {
color: var(--color-secondary);
font-weight: var(--font-semibold);
text-decoration-color: transparent;
transition: all var(--transition-time);
}
.section-page-content a:hover {
color: var(--color-secondary);
text-decoration-color: var(--color-secondary);
}
.section-page-content.site-content h2 {
margin-bottom: var(--space-4);
color: var(--color-primary);
font-size: var(--text-xxl);
font-weight: var(--font-semibold);
}
.section-page-content.site-content h3,
.section-page-content.site-content h4 {
margin-top: var(--space-8);
color: var(--color-primary);
font-size: var(--text-xxl);
font-weight: var(--font-semibold);
}
@media only screen and (max-width: 768px) {
.section-page-content.site-content h3,
.section-page-content.site-content h4 {
margin-top: var(--space-6);
}
}
.section-page-content.site-content a {
color: var(--color-secondary);
}
p:has(+ h4) {
margin-bottom: var(--space-2);
} .error-404,
.no-results {
position: relative;
display: block;
padding: var(--space-20) var(--space-4);
}
.entry-header {
max-width: var(--container-3xl);
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: var(--space-4);
justify-content: center;
margin: 0 auto;
text-align: center;
}
.error-404 h1,
.no-results h1 {
font-size: var(--text-2xl);
}
.error-404__img {
width: fit-content;
display: block;
margin: var(--space-10) auto;
}
.error-404 .page-content,
.no-results .page-content {
max-width: var(--container-3xl);
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: var(--space-4);
justify-content: center;
margin: var(--space-10) auto;
text-align: center;
}
.page-title {
display: block;
margin: var(--space-8) 0;
}
.section-archive-search {
position: relative;
display: block;
padding: var(--space-16) var(--space-4);
}
.container-archive-search {
max-width: var(--container-3xl);
margin: 0 auto;
text-align: center;
}
.search .site-main {
max-width: var(--container-3xl);
margin: 0 auto;
padding: var(--space-4);
}
.search .post {
display: flex;
flex-direction: column;
margin-bottom: var(--space-16);
}  .section-footer--main-content {
position: relative;
padding: var(--space-20) 0;
border-top: 5px solid var(--color-secondary);
background-color: var(--color-background);
}
.container-footer--main-content {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
flex-direction: row;
}
.footer-column {
min-width: 200px;
padding-right: var(--space-4);
flex-grow: 1;
}
.footer-column ul {
margin: 0;
list-style: none;
}
.footer--menu-header {
display: block;
margin-bottom: var(--space-2);
color: var(--color-primary);
font-size: var(--text-lg);
font-weight: var(--font-bold);
line-height: var(--leading-6);
}
.footer--company-location {
display: block;
margin-bottom: var(--space-12);
color: var(--color-primary);
font-size: var(--text-lg);
line-height: var(--leading-7);
text-decoration-color: transparent;
}
.footer-column.footer-column--first .footer--company-location {
font-weight: var(--font-light);
}
.section-footer--main-content .footer--company-location:hover {
color: var(--color-secondary);
text-decoration-color: var(--color-secondary);
}
.footer--company-contact {
display: block;
margin-bottom: var(--space-12);
color: var(--color-primary);
font-size: var(--text-lg);
font-weight: var(--font-bold);
line-height: var(--leading-7);
}
.footer--company-contact a {
color: var(--color-primary);
text-decoration-color: transparent;
-moz-text-decoration-color: transparent;
}
.footer--company-contact a:hover {
color: var(--color-secondary);
text-decoration-color: var(--color-secondary);
-moz-text-decoration-color: var(--color-secondary);
}
.wrapper-contact-logo {
display: flex;
align-items: center;
flex-direction: row;
gap: var(--space-3);
}
.footer--company-description {
max-width: 360px;
display: block;
font-size: var(--text-lg);
font-weight: var(--font-light);
line-height: var(--leading-7);
}
.footer-menu-items a {
color: var(--color-primary);
font-size: var(--text-base);
font-weight: var(--font-light);
line-height: var(--leading-8);
text-decoration-color: transparent;
}
.footer-menu-items a:hover {
color: var(--color-secondary);
text-decoration-color: var(--color-secondary);
}
.menu-footer-menu-02-container {
position: relative;
}
.footer__payment-cards {
display: flex;
flex-direction: column;
gap: var(--space-7);
margin-bottom: var(--space-12);
}
.footer-column-second--navigation {
display: flex;
flex-direction: row;
gap: var(--space-20);
}
.footer--social-media-icons {
display: flex;
justify-content: flex-start;
align-items: center;
gap: var(--space-6);
}
.footer-column--fifth {
display: flex;
align-items: center;
flex-direction: column;
gap: var(--space-4);
}
@media only screen and (max-width: 1024px) {
.section-footer--main-content {
padding: var(--space-16) 0;
}
.footer-column:not(:last-of-type) {
margin-bottom: var(--space-8);
}
.footer-column--fifth {
flex-direction: row;
}
.footer-column.footer-column--third,
.footer-column.footer-column--forth {
width: 50%;
}
}
@media only screen and (max-width: 768px) {
.section-footer--main-content {
padding: var(--space-10) 0;
}
.footer-row.footer-row--first img {
max-width: 200px;
}
.footer__payment-cards {
margin-bottom: var(--space-8);
}
}