@charset "UTF-8";
.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@import url(https://use.typekit.net/sus0xcj.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
}
input {
border-radius: 0; appearance: none; -webkit-appearance: none;
-moz-appearance: none;
}
input[type=search] {
-webkit-appearance: none; border-radius: 0;
}
input:focus {
outline: none;
box-shadow: none;
}
@keyframes slideUpFadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.noscroll,
.overflow-hidden {
overflow: hidden;
}
body {
background-color: #ffffff;
font-family: "montserrat", sans-serif !important;
color: #222;
line-height: 1.7;
font-size: 16px;
font-size: 1.6rem;
}
h1,
.h1 {
font-style: normal;
font-size: 25px;
line-height: 1.2;
}
h2,
.h2 {
font-style: normal;
font-size: 25px;
line-height: 1.2;
}
h3,
.h3 {
font-style: normal;
font-size: 16px;
font-size: 1.6rem;
}
div.section-inner {
max-width: 1100px;
margin: 0 auto;
}
@media (max-width: 1024px) {
div.section-inner {
max-width: 90%;
}
}
a.link-a {
text-decoration: none;
width: fit-content;
max-width: max-content;
min-width: 125px;
display: inline-block;
text-align: center;
padding: 5px 15px;
border: 1px solid #025696;
background-color: #025696;
color: #ffffff;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
}
a.link-a:hover {
background-color: #ffffff;
color: #025696;
}
a.link-b {
text-decoration: none;
width: fit-content;
min-width: 125px;
display: inline-flex;
justify-content: center;
column-gap: 10px;
align-items: center;
padding: 5px 10px;
border: 1px solid #025696;
border-radius: 0;
background-color: #ffffff;
color: #025696;
line-height: 1.2;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
min-height: 40px;
cursor: pointer;
}
a.link-b img {
transition: all 0.3s ease;
}
a.link-b:hover {
background-color: #025696;
border-color: #025696;
color: #ffffff;
}
a.link-b:hover img {
filter: brightness(0) invert(1);
}
.btn-primary {
text-decoration: none;
width: fit-content;
min-width: 125px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 10px;
border: 1px solid #025696;
border-radius: 0;
background-color: #025696;
color: #ffffff;
line-height: 1.2;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
min-height: 40px;
cursor: pointer;
}
.btn-primary:hover {
background-color: #ffffff;
color: #025696;
}
.btn-secondary {
text-decoration: none;
width: fit-content;
min-width: 125px;
display: inline-flex;
justify-content: center;
column-gap: 10px;
align-items: center;
padding: 5px 10px;
border: 1px solid #025696;
border-radius: 0;
background-color: #ffffff;
color: #025696;
line-height: 1.2;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
min-height: 40px;
cursor: pointer;
}
.btn-secondary img {
transition: all 0.3s ease;
}
.btn-secondary:hover {
background-color: #025696;
border-color: #025696;
color: #ffffff;
}
.btn-secondary:hover img {
filter: brightness(0) invert(1);
}
.btn-pill {
text-decoration: none;
width: fit-content;
min-width: 125px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 15px;
border: 1px solid #071e3b;
background-color: #071e3b;
color: #ffffff;
line-height: 1.2;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
min-height: 40px;
border-radius: 25px;
white-space: nowrap;
column-gap: 15px;
cursor: pointer;
}
.btn-pill:hover {
background-color: transparent;
color: #071e3b;
}
.f-link-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
nav.woocommerce-breadcrumb {
font-family: "montserrat", sans-serif !important;
font-weight: bold;
color: #222 !important;
}
nav.woocommerce-breadcrumb::before, nav.woocommerce-breadcrumb::after {
display: none;
}
nav.woocommerce-breadcrumb a {
font-family: "montserrat", sans-serif !important;
}
select {
background-color: transparent;
}
b,
strong {
font-family: "montserrat", sans-serif !important;
font-weight: bold;
}
a.cart-link img {
width: 18px;
height: 18px;
object-fit: contain;
}
.gform_heading {
display: none;
}
#gform_2 input[type=text],
#gform_2 input[type=email],
#gform_2 textarea,
#gform_4 input[type=text],
#gform_4 input[type=email],
#gform_4 textarea {
background-color: transparent;
border: none;
border-bottom: 1px solid #222;
height: 50px;
font-family: "montserrat", sans-serif !important;
padding: 0;
}
#gform_2 input[type=text]:focus,
#gform_2 input[type=email]:focus,
#gform_2 textarea:focus,
#gform_4 input[type=text]:focus,
#gform_4 input[type=email]:focus,
#gform_4 textarea:focus {
outline: none;
}
#gform_2 .gform_footer,
#gform_4 .gform_footer {
display: flex;
justify-content: end;
}
#gform_2 .gform_footer input[type=submit],
#gform_4 .gform_footer input[type=submit] {
text-decoration: none;
width: fit-content;
max-width: max-content;
min-width: 125px;
display: inline-block;
text-align: center;
padding: 10px 15px;
border: 1px solid #025696;
background-color: #025696;
color: #ffffff;
font-family: "montserrat", sans-serif !important;
}
.gform_wrapper.gravity-theme .gfield input.large,
.gform_wrapper.gravity-theme .gfield select.large {
border: none;
height: 40px;
}
.gform_wrapper.gravity-theme #field_submit input {
text-decoration: none;
width: fit-content;
min-width: 125px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 10px;
border: 1px solid #025696;
border-radius: 0;
background-color: #025696;
color: #ffffff;
line-height: 1.2;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
min-height: 40px;
cursor: pointer;
height: 40px;
}
.gform_wrapper.gravity-theme #field_submit input:hover {
background-color: #ffffff;
color: #025696;
}
.gform_validation_errors {
display: none;
}
.validation_message {
background-color: transparent !important;
border: none !important;
font-family: "montserrat", sans-serif !important;
margin: 0 !important;
padding: 0 !important;
}
.gfield--type-captcha .gfield_label {
display: none !important;
}
.card-icon {
background-color: #F6F7F8;
box-shadow: 0 0 8px lightgrey;
text-decoration: none;
color: inherit;
}
.card-icon .card-icon-img {
aspect-ratio: 16/11;
}
.card-icon .card-icon-img img {
display: flex;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all 0.3s ease;
}
.card-icon .card-icon-content {
padding: 2rem;
}
.card-icon .card-icon-content .title-container {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 2rem;
}
.card-icon .card-icon-content .title-container h3 {
font-family: "montserrat", sans-serif !important;
font-weight: bolder;
font-size: 1.6rem;
text-transform: inherit;
}
.card-icon .card-icon-content .title-container img {
width: 10px;
height: 10px;
object-fit: cover;
transition: all 0.3s ease;
}
.card-icon .card-icon-content .content-container {
padding-top: 2rem;
padding-bottom: 50px;
border-top: 1px solid #ffffff;
position: relative;
}
.card-icon .card-icon-content .content-container .custom-text {
font-family: "montserrat", sans-serif !important;
font-size: 1.4rem;
color: #222;
line-height: 1.5;
margin-bottom: 0 !important;
}
.card-icon .card-icon-content .content-container .button-container {
display: flex;
justify-content: end;
position: absolute;
right: 0;
bottom: 0;
}
.card-icon .card-icon-content .content-container .button-container a {
font-size: 1.4rem;
}
.card-icon:hover .card-icon-img {
overflow: hidden;
}
.card-icon:hover .card-icon-img img {
transform: scale(1.1);
}
.card-icon:hover .card-icon-content .title-container img {
transform: rotate(-45deg);
}
.card-team {
width: calc(25% - 20px);
background-color: transparent;
}
@media (max-width: 1024px) {
.card-team {
width: calc(50% - 20px);
}
}
.card-team .card-team-image {
height: 250px;
width: 100%;
perspective: 1000px; position: relative;
}
.card-team .card-team-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s; }
.card-team .card-team-image:hover img {
transform: rotateY(180deg);
}
.card-team .card-team-image .card-team-image-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(255, 255, 255); color: #222;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
z-index: -1;
transition: z-index 0.4s, transform 0.5s; transform: rotateY(-180deg); padding: 1rem 2rem;
}
.card-team .card-team-image .card-team-image-hover .hover-content {
max-height: 75%;
overflow-y: auto;
font-family: "montserrat", sans-serif !important;
font-size: 1.6rem;
text-align: center;
}
.card-team .card-team-image:hover .card-team-image-hover {
z-index: 1; transform: rotateY(0deg); transition: z-index 1s, transform 0.5s; }
.card-team .card-team-content {
padding: 1rem 0rem;
}
.card-team .card-team-content .content-title h3 {
font-family: "montserrat", sans-serif !important;
font-weight: bolder;
font-size: 1.6rem;
text-transform: inherit;
}
.card-team .card-team-content .content-links {
display: flex;
justify-content: space-between;
align-items: center;
}
.card-team .card-team-content .content-links .content-job span {
font-family: "montserrat", sans-serif !important;
font-size: 1.4rem;
color: #222;
}
.card-team .card-team-content .content-links .content-social a img {
width: 25px;
height: 25px;
object-fit: cover;
}
.card-download {
text-decoration: none;
color: #222;
}
.card-download .img-container {
height: 250px;
width: 100%;
}
.card-download .img-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card-download .content-container {
padding: 1rem 0rem;
}
.card-download .content-container h3 {
font-family: "montserrat", sans-serif !important;
font-weight: bolder;
font-size: 1.6rem;
text-transform: inherit;
text-align: center;
}
.card-product {
width: calc(25% - 1.5rem);
cursor: pointer;
}
@media (max-width: 1024px) {
.card-product {
width: calc(50% - 20px);
}
}
.card-product .img-container {
width: 100%;
height: 250px;
position: relative;
}
.card-product .img-container .discount {
position: absolute;
top: 15px;
left: 15px;
background-color: #025696;
color: #ffffff;
font-family: "montserrat", sans-serif !important;
font-size: 1.4rem;
padding: 0.5rem 1rem;
}
.card-product .img-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card-product .content-container {
padding: 1rem 0rem;
}
.card-product .content-container .content-categories a {
font-family: "montserrat", sans-serif !important;
font-size: 1.5rem;
color: #222;
text-decoration: none;
}
.card-product .content-container .content-title {
display: flex;
justify-content: space-between;
}
.card-product .content-container .content-title h3 {
width: 80%;
font-family: "montserrat", sans-serif !important;
font-weight: bolder;
font-size: 1.6rem;
text-transform: inherit;
}
.card-product .content-container .content-title p {
width: 20%;
font-family: "montserrat", sans-serif !important;
font-size: 1.6rem;
color: #222;
text-align: end;
}
.card-product .content-container .content-links {
margin-top: 2rem;
display: flex;
justify-content: center;
width: 100%;
}
.card-product .content-container .content-links a {
display: flex;
align-items: center;
justify-content: space-around;
background-color: #025696;
width: 100%;
border: none;
color: #ffffff;
text-decoration: none;
font-family: "montserrat", sans-serif !important;
padding: 1rem 2rem;
}
.card-product .content-container .content-links a img {
width: 25px;
height: 25px;
object-fit: cover;
}
.search-bar {
width: 100vw;
}
.search-bar .search-bar-inner {
max-width: 1100px;
margin: 0 auto;
padding: 2rem 0;
}
@media (max-width: 1024px) {
.search-bar .search-bar-inner {
max-width: 90%;
}
}
.search-bar .search-bar-inner .search-bar-form {
display: flex;
justify-content: center;
gap: 2rem;
}
.search-bar .search-bar-inner .search-bar-form .cat-select {
background-color: #025696;
padding: 1rem 2rem;
display: flex;
align-items: center;
gap: 2rem;
border: none;
}
.search-bar .search-bar-inner .search-bar-form .cat-select select {
border: none;
background-color: transparent;
color: #ffffff;
font-family: "montserrat", sans-serif !important;
}
.search-bar .search-bar-inner .search-bar-form .cat-select select:focus {
outline: none;
}
.search-bar .search-bar-inner .search-bar-form .cat-select img {
width: 20px;
height: 20px;
object-fit: cover;
}
.search-bar .search-bar-inner .search-bar-form .search-input {
border: 1px solid #025696;
padding: 1rem 0rem;
display: flex;
align-items: center;
width: 50%;
height: 50px;
gap: 1rem;
}
.search-bar .search-bar-inner .search-bar-form .search-input input {
width: 100%;
padding: 0 1rem;
border: none;
outline: none;
color: #222;
font-family: "montserrat", sans-serif !important;
}
.search-bar .search-bar-inner .search-bar-form .search-input button {
background-color: #025696;
color: white;
border: none;
padding: 1rem;
height: 100%;
cursor: pointer;
height: 50px;
width: 80px;
display: flex;
justify-content: center;
align-items: center;
}
.search-bar .search-bar-inner .search-bar-form .search-input button img {
width: 20px;
height: 20px;
object-fit: cover;
}
.components-button-back {
position: absolute;
top: 25vh;
z-index: 10;
left: 7.5%;
padding: 1.5rem;
display: flex;
justify-content: center;
align-items: center;
background-color: #025696;
border: none;
cursor: pointer;
}
.components-button-back img {
width: 20px;
height: 20px;
rotate: 180deg;
}
form.woocommerce-product-search,
form.searchform {
display: flex;
}
form.woocommerce-product-search input,
form.searchform input {
height: 40px;
background-color: #ffffff;
border: 1px solid #DBDBDB;
padding: 0px 20px;
font-size: 14px;
width: 250px;
}
@media (min-width: 1240px) {
form.woocommerce-product-search input,
form.searchform input {
width: 350px;
}
}
form.woocommerce-product-search button,
form.searchform button {
text-decoration: none;
width: fit-content;
min-width: 125px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 10px;
border: 1px solid #025696;
border-radius: 0;
background-color: #025696;
color: #ffffff;
line-height: 1.2;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
min-height: 40px;
cursor: pointer;
min-width: unset;
width: 50px;
}
form.woocommerce-product-search button:hover,
form.searchform button:hover {
background-color: #ffffff;
color: #025696;
}
form.woocommerce-product-search button svg,
form.searchform button svg {
width: 18px;
}
form.woocommerce-product-search button:hover,
form.searchform button:hover {
background-color: #025696;
}
form.searchform input {
width: 200px;
}
form.searchform button {
border: 1px solid #ffffff;
}
form.searchform button:hover {
color: #ffffff;
}
#facetwp-spinner-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, 0.7);
z-index: 9998;
}
#facetwp-spinner {
display: none;
position: fixed;
left: 50%;
top: 40%;
z-index: 9999;
transform: translate(-50%, -50%);
}
.spinner {
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
button.facetwp-reset {
text-decoration: none;
width: fit-content;
min-width: 125px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 10px;
border: 1px solid #025696;
border-radius: 0;
background-color: #025696;
color: #ffffff;
line-height: 1.2;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
min-height: 40px;
cursor: pointer;
}
button.facetwp-reset:hover {
background-color: #ffffff;
color: #025696;
}
.facetwp-pager {
text-align: center;
margin-top: 30px;
}
.product-category-item {
display: grid;
grid: auto/minmax(0, 1fr);
row-gap: 10px;
}
.product-category-item .image {
aspect-ratio: 16/11;
}
.product-category-item .image img {
display: flex;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.product-category-item h3.title {
text-transform: initial;
font-size: 22px;
}
@media (min-width: 992px) {
.product-category-item h3.title {
font-size: 25px;
}
}
.product-category-item .link a.btn-primary {
width: 100%;
}
li.product {
margin: 0 auto !important;
width: 100% !important;
list-style-type: none;
float: none !important;
display: flex;
flex-direction: column;
gap: 15px;
}
li.product > a {
display: flex;
flex-direction: column;
gap: 15px;
text-decoration: none;
}
li.product > a .img-ctr {
background-color: #ffffff;
height: 250px;
border: 1px solid #DBDBDB;
position: relative;
}
li.product > a .img-ctr img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
height: 100% !important;
}
li.product > a .img-ctr .label {
background-color: #025696;
color: #ffffff;
width: fit-content;
padding: 2px 10px;
position: absolute;
left: 0;
top: 5px;
letter-spacing: 0.03em;
}
li.product > a .product-meta {
display: grid;
grid: auto/1fr;
gap: 10px;
}
@media (min-width: 425px) {
li.product > a .product-meta {
grid: auto/minmax(0, 60%) minmax(0, 40%);
column-gap: 20px;
}
}
li.product > a .product-meta .col h3 {
font-family: "f-neue-med", sans-serif;
text-transform: inherit;
margin: 0;
font-size: 14px !important;
padding: 0 !important;
line-height: 1.2;
}
li.product > a .product-meta .col .category {
font-size: 11px;
word-break: break-word;
line-height: 1.3;
}
li.product > a .product-meta .col .label {
font-size: 11px;
}
@media (min-width: 425px) {
li.product > a .product-meta .col .label {
text-align: right;
}
}
li.product .cta {
display: grid;
grid: auto/1fr;
row-gap: 5px;
margin-top: auto;
}
li.product .cta a {
width: 100%;
font-size: 15px;
}
li.product .cta a svg {
width: 15px;
}
li.product.simple .cta {
display: flex;
flex-wrap: wrap;
gap: 7px;
}
li.product.simple .cta a {
flex: 1 1 calc(50% - 3.5px);
}
li.product a.woocommerce-loop-product__link {
display: flex;
flex-direction: column;
margin: -15px -15px 15px;
}
li.product a.woocommerce-loop-product__link span.onsale {
position: absolute;
top: 0;
right: 0;
}
li.product a.woocommerce-loop-product__link img {
display: flex;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
margin: 0 auto;
}
li.product a.woocommerce-loop-product__link h2.woocommerce-loop-product__title {
text-transform: uppercase;
margin-left: 20px !important;
margin-right: 20px !important;
word-wrap: break-word;
font-size: 1.3em;
}
li.product a.woocommerce-loop-product__link span.price {
color: #025696 !important;
font-size: 1em !important;
margin-left: 20px;
margin-right: 20px;
}
li.product a.button {
display: inline-flex !important;
margin-top: auto !important;
}
.searchform-overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: #025696;
z-index: 1002;
transition: all 0.5s ease;
transform: translateY(-100%);
}
.searchform-overlay.active {
transform: translateY(0);
}
.searchform-overlay .container {
padding: 100px 30px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.searchform-overlay .container svg#close-searchform-overlay {
width: 35px;
stroke: #ffffff;
position: absolute;
top: 30px;
right: 30px;
}
.searchform-overlay .container form.woocommerce-product-search input {
flex-grow: 1;
}
.searchform-overlay .container form.woocommerce-product-search button {
border: 1px solid #ffffff;
}
.card-blog .blog-image a {
display: block;
aspect-ratio: 1/1;
}
.card-blog .blog-image a img {
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
}
.card-blog h3.blog-title {
font-size: 20px;
margin-bottom: 8px;
}
.card-blog h3.blog-title a {
color: inherit;
text-decoration: none;
}
.column.has-bg-color {
padding: 20px;
}
.column h3.column-title {
font-size: 22px;
margin-bottom: 20px;
}
.column .column-image {
aspect-ratio: 16/11;
margin-bottom: 20px;
}
.column .column-image img {
display: flex;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.galery-image {
aspect-ratio: 16/11;
position: relative;
}
.galery-image svg.lightbox-trigger {
position: absolute;
right: 10px;
top: 10px;
width: 20px;
height: 20px;
cursor: pointer;
}
.galery-image img {
display: flex;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.product-price {
font-family: "f-neue-med", sans-serif;
color: inherit !important;
font-size: 16px !important;
margin: 0;
line-height: 1.2;
}
@media (min-width: 425px) {
.product-price {
text-align: right;
}
}
.product-price del {
color: inherit;
opacity: 0.5;
display: inline-block;
}
.product-price .price-excl-tax {
font-size: 13px;
}
.product-price .price-excl-tax .label {
font-size: 12px;
}
.product-price .price-incl-tax {
background-color: #f6f6f9;
font-size: 11px;
padding: 5px;
margin-top: 5px;
}
.product-price .price-incl-tax .label {
font-size: 12px;
}
@media (min-width: 425px) {
.product-price .price-incl-tax .label {
text-align: right;
}
}
.woocommerce ul.products li.product a.ajax_add_to_cart svg.check-icon {
display: none;
}
.woocommerce ul.products li.product a.ajax_add_to_cart img.spinner {
width: 15px;
margin: 0;
display: none;
}
li.card-testimonial {
padding: 20px;
text-align: center;
background-color: #ffffff;
}
@media (min-width: 768px) {
li.card-testimonial {
padding: 20px 50px;
}
}
li.card-testimonial .quote {
font-size: 50px;
margin-bottom: -30px;
display: block;
}
li.card-testimonial .image {
display: flex;
margin: 0 auto 10px;
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
}
li.card-testimonial .image img {
object-fit: cover;
width: 100%;
height: 100%;
display: flex;
}
li.card-testimonial .function {
font-style: italic;
font-size: 14px;
}
.card-project {
box-shadow: 0 0 8px lightgrey;
background-color: #ffffff;
display: flex;
flex-direction: column;
}
.card-project a.image {
display: block;
aspect-ratio: 16/9;
overflow: hidden;
}
.card-project a.image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card-project h3 {
text-align: center;
padding: 0 20px;
margin-top: 20px;
margin-bottom: 25px;
font-weight: bold;
}
.card-project a.cta {
display: flex;
align-items: center;
gap: 10px;
width: max-content;
margin: auto auto 20px;
text-decoration: none;
padding: 5px 15px;
border: 1px solid #025696;
transition: all 0.3s ease;
}
.card-project a.cta svg {
width: 20px;
height: 20px;
}
.card-project a.cta:hover {
scale: 1.05;
}
.card-blog {
display: flex;
flex-direction: column;
box-shadow: 0 0 8px lightgrey;
opacity: 0;
animation: slideUpFadeIn 0.5s ease-out forwards;
}
.card-blog:nth-child(1) {
animation-delay: 0s;
}
.card-blog:nth-child(2) {
animation-delay: 0.1s;
}
.card-blog:nth-child(3) {
animation-delay: 0.2s;
}
.card-blog:nth-child(4) {
animation-delay: 0.3s;
}
.card-blog:nth-child(5) {
animation-delay: 0.4s;
}
.card-blog:nth-child(6) {
animation-delay: 0.5s;
}
.card-blog:nth-child(7) {
animation-delay: 0.6s;
}
.card-blog:nth-child(8) {
animation-delay: 0.7s;
}
.card-blog:nth-child(9) {
animation-delay: 0.8s;
}
.card-blog:nth-child(10) {
animation-delay: 0.9s;
}
.card-blog:nth-child(11) {
animation-delay: 1s;
}
.card-blog:nth-child(12) {
animation-delay: 1.1s;
}
.card-blog:nth-child(13) {
animation-delay: 1.2s;
}
.card-blog:nth-child(14) {
animation-delay: 1.3s;
}
.card-blog:nth-child(15) {
animation-delay: 1.4s;
}
.card-blog:nth-child(16) {
animation-delay: 1.5s;
}
.card-blog:nth-child(17) {
animation-delay: 1.6s;
}
.card-blog:nth-child(18) {
animation-delay: 1.7s;
}
.card-blog:nth-child(19) {
animation-delay: 1.8s;
}
.card-blog:nth-child(20) {
animation-delay: 1.9s;
}
.card-blog:nth-child(21) {
animation-delay: 2s;
}
.card-blog:nth-child(22) {
animation-delay: 2.1s;
}
.card-blog:nth-child(23) {
animation-delay: 2.2s;
}
.card-blog:nth-child(24) {
animation-delay: 2.3s;
}
.card-blog:nth-child(25) {
animation-delay: 2.4s;
}
.card-blog:nth-child(26) {
animation-delay: 2.5s;
}
.card-blog:nth-child(27) {
animation-delay: 2.6s;
}
.card-blog:nth-child(28) {
animation-delay: 2.7s;
}
.card-blog:nth-child(29) {
animation-delay: 2.8s;
}
.card-blog:nth-child(30) {
animation-delay: 2.9s;
}
.card-blog:nth-child(31) {
animation-delay: 3s;
}
.card-blog:nth-child(32) {
animation-delay: 3.1s;
}
.card-blog:nth-child(33) {
animation-delay: 3.2s;
}
.card-blog:nth-child(34) {
animation-delay: 3.3s;
}
.card-blog:nth-child(35) {
animation-delay: 3.4s;
}
.card-blog:nth-child(36) {
animation-delay: 3.5s;
}
.card-blog:nth-child(37) {
animation-delay: 3.6s;
}
.card-blog:nth-child(38) {
animation-delay: 3.7s;
}
.card-blog:nth-child(39) {
animation-delay: 3.8s;
}
.card-blog:nth-child(40) {
animation-delay: 3.9s;
}
.card-blog:nth-child(41) {
animation-delay: 4s;
}
.card-blog:nth-child(42) {
animation-delay: 4.1s;
}
.card-blog:nth-child(43) {
animation-delay: 4.2s;
}
.card-blog:nth-child(44) {
animation-delay: 4.3s;
}
.card-blog:nth-child(45) {
animation-delay: 4.4s;
}
.card-blog:nth-child(46) {
animation-delay: 4.5s;
}
.card-blog:nth-child(47) {
animation-delay: 4.6s;
}
.card-blog:nth-child(48) {
animation-delay: 4.7s;
}
.card-blog:nth-child(49) {
animation-delay: 4.8s;
}
.card-blog:nth-child(50) {
animation-delay: 4.9s;
}
.card-blog:nth-child(51) {
animation-delay: 5s;
}
.card-blog:nth-child(52) {
animation-delay: 5.1s;
}
.card-blog:nth-child(53) {
animation-delay: 5.2s;
}
.card-blog:nth-child(54) {
animation-delay: 5.3s;
}
.card-blog:nth-child(55) {
animation-delay: 5.4s;
}
.card-blog:nth-child(56) {
animation-delay: 5.5s;
}
.card-blog:nth-child(57) {
animation-delay: 5.6s;
}
.card-blog:nth-child(58) {
animation-delay: 5.7s;
}
.card-blog:nth-child(59) {
animation-delay: 5.8s;
}
.card-blog:nth-child(60) {
animation-delay: 5.9s;
}
.card-blog:nth-child(61) {
animation-delay: 6s;
}
.card-blog:nth-child(62) {
animation-delay: 6.1s;
}
.card-blog:nth-child(63) {
animation-delay: 6.2s;
}
.card-blog:nth-child(64) {
animation-delay: 6.3s;
}
.card-blog:nth-child(65) {
animation-delay: 6.4s;
}
.card-blog:nth-child(66) {
animation-delay: 6.5s;
}
.card-blog:nth-child(67) {
animation-delay: 6.6s;
}
.card-blog:nth-child(68) {
animation-delay: 6.7s;
}
.card-blog:nth-child(69) {
animation-delay: 6.8s;
}
.card-blog:nth-child(70) {
animation-delay: 6.9s;
}
.card-blog:nth-child(71) {
animation-delay: 7s;
}
.card-blog:nth-child(72) {
animation-delay: 7.1s;
}
.card-blog:nth-child(73) {
animation-delay: 7.2s;
}
.card-blog:nth-child(74) {
animation-delay: 7.3s;
}
.card-blog:nth-child(75) {
animation-delay: 7.4s;
}
.card-blog:nth-child(76) {
animation-delay: 7.5s;
}
.card-blog:nth-child(77) {
animation-delay: 7.6s;
}
.card-blog:nth-child(78) {
animation-delay: 7.7s;
}
.card-blog:nth-child(79) {
animation-delay: 7.8s;
}
.card-blog:nth-child(80) {
animation-delay: 7.9s;
}
.card-blog:nth-child(81) {
animation-delay: 8s;
}
.card-blog:nth-child(82) {
animation-delay: 8.1s;
}
.card-blog:nth-child(83) {
animation-delay: 8.2s;
}
.card-blog:nth-child(84) {
animation-delay: 8.3s;
}
.card-blog:nth-child(85) {
animation-delay: 8.4s;
}
.card-blog:nth-child(86) {
animation-delay: 8.5s;
}
.card-blog:nth-child(87) {
animation-delay: 8.6s;
}
.card-blog:nth-child(88) {
animation-delay: 8.7s;
}
.card-blog:nth-child(89) {
animation-delay: 8.8s;
}
.card-blog:nth-child(90) {
animation-delay: 8.9s;
}
.card-blog:nth-child(91) {
animation-delay: 9s;
}
.card-blog:nth-child(92) {
animation-delay: 9.1s;
}
.card-blog:nth-child(93) {
animation-delay: 9.2s;
}
.card-blog:nth-child(94) {
animation-delay: 9.3s;
}
.card-blog:nth-child(95) {
animation-delay: 9.4s;
}
.card-blog:nth-child(96) {
animation-delay: 9.5s;
}
.card-blog:nth-child(97) {
animation-delay: 9.6s;
}
.card-blog:nth-child(98) {
animation-delay: 9.7s;
}
.card-blog:nth-child(99) {
animation-delay: 9.8s;
}
.card-blog:nth-child(100) {
animation-delay: 9.9s;
}
.card-blog .image a {
display: block;
aspect-ratio: 16/9;
overflow: hidden;
}
.card-blog .image a img {
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
}
.card-blog .text {
padding: 20px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
@media (min-width: 768px) {
.card-blog .text {
padding: 30px;
}
}
.card-blog .text h3 {
font-size: 20px;
margin-bottom: 8px;
line-height: 1.3;
font-family: "montserrat", sans-serif !important;
font-weight: bold;
}
.card-blog .text h3 a {
color: inherit;
text-decoration: none;
}
.card-blog .text .excerpt {
line-height: 1.4;
margin-bottom: 20px;
}
.card-blog .text a.btn-secondary {
display: flex;
align-items: center;
gap: 10px;
width: max-content;
margin-top: auto;
}
.card-blog .text a.btn-secondary svg {
width: 20px;
height: 20px;
}
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scroll-behavior: smooth;
max-width: 100%;
}
body {
font-weight: normal;
line-height: 1.7;
font-size: 16px;
font-size: 1.6rem;
max-width: 100%;
}
body.no-scroll {
overflow: hidden;
}
* {
box-sizing: border-box;
}
h1,
h2 {
font-weight: bold;
}
h3 {
font-weight: bold;
margin-bottom: 5px;
}
p + p, p + h3 {
margin-top: 1em;
}
a {
color: #025696;
}
ul {
padding-left: 20px;
}
select {
-webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; border-radius: 0; padding: 5px; font-size: 13px; outline: none; width: 100%; box-shadow: none; }
blockquote {
margin: 1em 0;
font-size: 1.3em;
font-style: italic;
}
em {
font-style: italic;
}
strong,
b {
font-family: "montserrat", sans-serif !important;
font-weight: bold;
font-weight: bold;
}
.container {
padding: 0 20px;
max-width: 1200px;
margin: 0 auto;
}
@media (min-width: 768px) {
.container {
padding: 0 40px;
}
}
.padding-top-default {
padding-top: 40px;
}
@media (min-width: 768px) {
.padding-top-default {
padding-top: 80px;
}
}
.padding-top-half {
padding-top: 20px;
}
@media (min-width: 768px) {
.padding-top-half {
padding-top: 40px;
}
}
.padding-top-double {
padding-top: 60px;
}
@media (min-width: 768px) {
.padding-top-double {
padding-top: 120px;
}
}
.padding-bottom-default {
padding-bottom: 40px;
}
@media (min-width: 768px) {
.padding-bottom-default {
padding-bottom: 80px;
}
}
.padding-bottom-half {
padding-bottom: 20px;
}
@media (min-width: 768px) {
.padding-bottom-half {
padding-bottom: 40px;
}
}
.padding-bottom-double {
padding-bottom: 60px;
}
@media (min-width: 768px) {
.padding-bottom-double {
padding-bottom: 120px;
}
}
h1.section-title {
font-size: 34px;
margin-bottom: 20px;
}
@media (min-width: 768px) {
h1.section-title {
font-size: 38px;
}
}
h1.section-title.color-blue {
color: #025696;
}
h1.section-title.color-white {
color: #ffffff;
}
h1.section-title.color-green {
color: green;
}
h1.section-title.color-purple {
color: purple;
}
h1.section-title.color-yellow {
color: yellow;
}
h2.section-title {
margin-bottom: 20px;
font-size: 28px;
}
h2.section-title.color-blue,
h3.column-title.color-blue {
color: #025696;
}
h2.section-title.color-white,
h3.column-title.color-white {
color: #ffffff;
}
h2.section-title.color-green,
h3.column-title.color-green {
color: green;
}
h2.section-title.color-purple,
h3.column-title.color-purple {
color: purple;
}
h2.section-title.color-yellow,
h3.column-title.color-yellow {
color: yellow;
}
.grid-default {
display: grid;
grid: auto/repeat(1, minmax(0, 1fr));
gap: 30px;
}
@media (min-width: 540px) {
.grid-default {
grid: auto/repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
.grid-default {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
#alg_wc_eu_vat_progress {
display: none;
}
.bg-grey {
background-color: #efefef;
}
.bg-blue {
background-color: #025696;
color: #ffffff;
}
.bg-blue .custom-text.checkmarks ul li::before {
background-image: url(//awp.be/wp-content/themes/custom/assets/icons/check-white.svg);
}
.custom-text {
font-family: "montserrat", sans-serif !important;
font-size: 1.6rem;
}
.custom-text:not(:last-child) {
margin-bottom: 2rem;
}
.custom-text.bullets ul {
list-style-type: disc;
padding-left: 30px;
}
.custom-text.checkmarks ul {
padding-left: 0;
}
.custom-text.checkmarks ul li {
display: block;
position: relative;
padding-left: 28px;
text-align: left;
}
.custom-text.checkmarks ul li.centered {
text-align: center;
padding-left: 0;
}
.custom-text.checkmarks ul li.centered::before {
position: relative;
left: auto;
margin-right: 8px;
display: inline-block;
vertical-align: middle;
}
.custom-text.checkmarks ul li::before {
content: "";
position: absolute;
top: 5px;
left: 0;
width: 18px;
height: 18px;
background-image: url(//awp.be/wp-content/themes/custom/assets/icons/check-blue.svg);
background-repeat: no-repeat;
background-size: contain;
}
.custom-text.checkmarks ul li + li {
margin-top: 5px;
}
.custom-text.checkmarks.text-center ul li {
text-align: center;
padding-left: 0;
}
.custom-text.checkmarks.text-center ul li::before {
position: relative;
top: 3px;
left: auto;
margin-right: 8px;
display: inline-block;
}
.custom-text.text-center {
text-align: center;
}
.custom-text ol {
list-style-type: decimal;
padding-left: 20px;
}
.custom-text ul,
.custom-text ol {
margin-top: 1rem;
}
.custom-text ul:not(:last-child),
.custom-text ol:not(:last-child) {
margin-bottom: 1rem;
}
.custom-text ul li strong,
.custom-text ol li strong {
font-family: "montserrat", sans-serif !important;
font-weight: bold;
font-weight: 700;
}
.custom-text p strong {
font-family: "montserrat", sans-serif !important;
font-weight: bold;
font-weight: 700;
}
.wp-video {
margin: 0 auto;
}
.footer {
padding: 4rem 0;
background-color: #071e3b;
color: #ffffff;
}
.footer .container {
position: relative;
}
.footer .container .back-to-top {
position: absolute;
right: 20px;
top: 0;
}
.footer .container .footer-title-container {
display: grid;
grid: auto/1fr;
row-gap: 20px;
padding-right: 70px;
}
@media (min-width: 768px) {
.footer .container .footer-title-container {
grid: auto/minmax(0, 150px) minmax(0, 150px) 1fr;
column-gap: 50px;
}
}
.footer .container .footer-title-container .footer-logo img {
width: 100%;
max-width: 150px;
height: auto;
}
@media (min-width: 768px) {
.footer .container .footer-title-container .cta {
position: relative;
top: 55px;
}
}
.footer .container .footer-title-container .cta a.btn-secondary {
width: max-content;
}
@media (min-width: 1024px) {
.footer .container .footer-title-container .footer-text {
margin-left: 50px;
}
}
.footer .container .footer-links-container {
display: grid;
grid: auto/1fr;
row-gap: 20px;
margin-top: 30px;
}
@media (min-width: 768px) {
.footer .container .footer-links-container {
grid: auto/1fr 1fr;
column-gap: 50px;
margin-top: 60px;
}
}
@media (min-width: 1024px) {
.footer .container .footer-links-container {
grid: auto/1fr 1fr 1fr 1fr;
column-gap: 80px;
}
}
.footer .container .footer-links-container .col .widget-title {
font-size: 20px;
color: #ffffff;
border-bottom: 1px solid #ffffff;
margin-bottom: 5px;
padding-bottom: 5px;
}
@media (max-width: 1024px) {
.footer .container .footer-links-container .col .widget-title {
width: 100%;
}
}
.footer .container .footer-links-container .col ul {
padding: 0;
}
.footer .container .footer-links-container .col a {
text-decoration: none;
color: #ffffff;
}
.footer .container .footer-links-container .col .socials {
margin-top: 20px;
}
.footer .container .footer-links-container .col .socials ul {
padding: 0;
}
.footer .container .footer-links-container .col .socials ul li a {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: #ffffff;
}
.footer .container .footer-links-container .col .socials ul li a img {
width: 25px;
height: 25px;
flex-shrink: 0;
}
.footer .container .footer-links-container .col .menu-links {
display: flex;
flex-wrap: wrap;
}
.footer .container .footer-links-container .col .menu-links .menu-link {
width: 100%;
color: #ffffff;
text-decoration: none;
}
.footer .container .extra-footer-text {
margin-top: 20px;
}
.subheader {
background-color: #025696;
width: 100vw;
padding: 10px 0;
}
@media (min-width: 768px) {
.subheader {
position: -webkit-sticky; position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
}
.subheader .container {
color: white;
background-color: #025696;
text-align: center;
display: grid;
grid: auto/1fr;
column-gap: 25px;
row-gap: 5px;
align-items: center;
}
@media (min-width: 768px) {
.subheader .container {
display: flex;
justify-content: space-between;
gap: 20px;
}
}
.subheader .container p {
font-size: 14px;
display: none;
}
@media (min-width: 1024px) {
.subheader .container p {
display: block;
}
}
.subheader .container form {
margin: 0 auto;
}
@media (min-width: 768px) {
.subheader .container form {
margin: 0;
}
}
.subheader .container nav.site-top-menu {
margin-top: 10px;
display: none;
}
@media (min-width: 768px) {
.subheader .container nav.site-top-menu {
margin-top: 0;
display: block;
}
}
.subheader .container nav.site-top-menu ul.menu {
padding-left: 0;
display: flex;
gap: 20px;
font-size: 14px;
}
.subheader .container nav.site-top-menu ul.menu li.menu-item {
line-height: 1;
}
.subheader .container nav.site-top-menu ul.menu li.menu-item:last-child {
border: none;
padding: 0;
margin: 0;
}
.subheader .container nav.site-top-menu ul.menu li.menu-item a {
color: #ffffff;
text-decoration: none;
}
header {
height: auto;
background-color: #f6f6f9;
position: -webkit-sticky; position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
@media (min-width: 768px) {
header {
top: 60px;
}
}
header .container .content-wrapper {
display: flex;
column-gap: 10px;
justify-content: space-between;
padding: 5px 0;
}
header .container .content-wrapper .left {
display: flex;
align-items: center;
gap: 2rem;
}
header .container .content-wrapper .left img {
width: 75px;
height: auto;
}
header .container .content-wrapper .right {
width: 100%;
display: flex;
justify-content: end;
align-items: center;
}
header .container .content-wrapper .right form.woocommerce-product-search,
header .container .content-wrapper .right .aws-container {
display: none;
}
@media (min-width: 1024px) {
header .container .content-wrapper .right form.woocommerce-product-search,
header .container .content-wrapper .right .aws-container {
display: flex;
}
}
header .container .content-wrapper .right > * {
margin-left: 10px;
}
@media (min-width: 425px) {
header .container .content-wrapper .right > * {
margin-left: 15px;
}
}
@media (min-width: 768px) {
header .container .content-wrapper .right > * {
margin-left: 20px;
}
}
header .container .content-wrapper .right nav.site-main-menu,
header .container .content-wrapper .right nav.shop-main-menu {
display: none;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu,
header .container .content-wrapper .right nav.shop-main-menu ul.menu {
display: flex;
column-gap: 25px;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item a,
header .container .content-wrapper .right nav.shop-main-menu ul.menu li.menu-item a {
color: inherit;
text-decoration: none;
padding: 0 10px;
}
@media (min-width: 1024px) {
header .container .content-wrapper .right nav.site-main-menu {
display: block;
}
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item {
position: relative;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item a {
display: flex;
column-gap: 5px;
align-items: center;
padding: 5px 0;
text-align: center;
font-size: 15px;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item a svg {
width: 15px;
height: 15px;
position: relative;
top: 1px;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item ul.sub-menu {
position: absolute;
top: 100%;
left: 0;
background-color: #071e3b;
z-index: 10;
padding: 0px;
display: none;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item a {
color: #ffffff;
white-space: nowrap;
padding: 5px 20px;
display: flex;
justify-content: space-between;
column-gap: 20px;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item a:hover {
background-color: #025696;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item a svg {
transition: all 0.3s ease;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item a.active svg {
rotate: 90deg;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
position: absolute;
left: 100%;
top: -10px;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item:first-child > a {
margin-top: 10px;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item:last-child a {
margin-bottom: 10px;
}
@media (min-width: 1024px) {
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item.menu-item-has-children:hover > ul.sub-menu {
display: block;
}
}
header .container .content-wrapper .right nav.site-main-menu ul.menu > li.menu-item > a svg {
display: none;
}
@media (min-width: 1024px) {
header .container .content-wrapper .right nav.shop-main-menu {
display: block;
}
}
header .container .content-wrapper .right .menu-header-container ul {
display: none;
justify-content: space-around;
align-items: center;
}
@media (min-width: 768px) {
header .container .content-wrapper .right .menu-header-container ul {
display: flex;
column-gap: 30px;
margin-right: 20px;
}
}
header .container .content-wrapper .right .menu-header-container ul li {
position: relative;
}
header .container .content-wrapper .right .menu-header-container ul li a {
color: #222;
text-decoration: none;
font-family: "montserrat", sans-serif !important;
display: flex;
align-items: center;
}
header .container .content-wrapper .right .menu-header-container ul li a img {
width: 20px;
height: 20px;
}
header .container .content-wrapper .right .menu-header-container ul li ul {
display: none;
position: absolute;
top: 100%;
left: 0%;
background: #025696;
padding: 2rem;
z-index: 100;
justify-content: start;
gap: 1rem;
align-items: start;
flex-direction: column !important;
transition: all 0.3s;
width: max-content;
}
header .container .content-wrapper .right .menu-header-container ul li ul li {
position: relative;
width: calc(100% + 2rem);
height: 100%;
}
header .container .content-wrapper .right .menu-header-container ul li ul li a {
color: #ffffff;
font-family: "montserrat", sans-serif !important;
}
header .container .content-wrapper .right .menu-header-container ul li ul li ul {
display: none;
position: absolute;
top: 0;
left: 100%;
background: #025696;
padding: 2rem;
z-index: 101;
justify-content: start;
gap: 1rem;
align-items: start;
flex-direction: column !important;
transition: all 0.3s;
}
header .container .content-wrapper .right .menu-header-container ul li ul li:hover ul {
display: flex;
transition: all 0.3s;
}
header .container .content-wrapper .right .menu-header-container ul li:hover > .sub-menu {
display: flex;
transition: all 0.3s;
}
header .container .content-wrapper .right .search-trigger {
background-color: #025696;
width: 40px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 0;
}
@media (min-width: 768px) {
header .container .content-wrapper .right .search-trigger {
margin-left: 20px;
}
}
@media (min-width: 1024px) {
header .container .content-wrapper .right .search-trigger {
display: none;
}
}
header .container .content-wrapper .right .search-trigger svg {
width: 18px;
height: 18px;
}
header .container .content-wrapper .right a.my-account-link {
display: flex;
align-items: center;
color: rgb(87, 87, 88);
}
header .container .content-wrapper .right a.my-account-link svg {
width: 20px;
height: 20px;
}
header .container .content-wrapper .right a.cart-link {
display: flex;
align-items: center;
flex-shrink: 0;
position: relative;
color: #222;
}
header .container .content-wrapper .right a.cart-link svg {
width: 20px;
height: 20px;
}
header .container .content-wrapper .right a.cart-link .cart-count-badge {
position: absolute;
top: -7px;
right: -7px;
background: #025696;
color: #fff;
border-radius: 50%;
padding: 2px 6px;
font-size: 12px;
line-height: 1;
}
header .container .content-wrapper .right .wpml-ls-legacy-dropdown {
width: min-content;
}
header .container .content-wrapper .right .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
border: 1px solid lightgrey;
}
header .container .content-wrapper .right .hamburger-menu {
position: relative;
z-index: 1001;
}
@media (min-width: 1024px) {
header .container .content-wrapper .right .hamburger-menu {
display: none;
}
}
header .container .content-wrapper .right .hamburger-menu span {
display: block;
width: 25px;
height: 2px;
background-color: #222;
margin: 5px 0;
transition: transform 0.3s;
}
header .container .content-wrapper .right .hamburger-menu.open span {
background-color: #ffffff;
}
header .container .content-wrapper .right .hamburger-menu.open span:nth-child(1) {
transform: rotate(45deg) translate(4px, 5px);
}
header .container .content-wrapper .right .hamburger-menu.open span:nth-child(2) {
opacity: 0;
}
header .container .content-wrapper .right .hamburger-menu.open span:nth-child(3) {
transform: rotate(-45deg) translate(6px, -6px);
}
header .header-bottom {
position: relative;
background-color: #ffffff;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
padding: 10px;
}
header .header-bottom > .container {
display: flex;
justify-content: space-between;
}
header .header-bottom > .container .header-bottom-left-menu-trigger {
display: flex;
column-gap: 20px;
align-items: center;
cursor: pointer;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1001;
overflow-y: auto;
background-color: rgba(255, 255, 255, 0.8);
transform: translateX(-100%);
transition: all 0.3s ease;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper.active {
transform: translateX(0);
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container {
padding: 0;
background-color: white;
max-width: unset;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels {
background-color: #ffffff;
}
@media (min-width: 768px) {
header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels {
display: grid;
grid: auto/1fr 1fr 1fr;
}
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels .col {
padding: 20px;
display: flex;
align-items: end;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels .col img {
width: 150px;
height: auto;
display: block;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels .col .close-mega-menu {
width: 30px;
position: absolute;
right: 20px;
bottom: 30px;
cursor: pointer;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels .col.col-1 {
position: relative;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels .col.col-2, header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels .col.col-3 {
padding-bottom: 30px;
font-size: 1.2em;
display: none;
}
@media (min-width: 768px) {
header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels .col.col-2, header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels .col.col-3 {
display: flex;
}
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left {
position: relative;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left a {
color: #ffffff;
text-decoration: none;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu {
padding-left: 0;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item a {
display: flex;
align-items: center;
column-gap: 10px;
padding: 10px 20px;
background-color: #025696;
border-bottom: 1px solid #ffffff;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item a img {
filter: brightness(0) invert(1);
width: 20px;
height: 20px;
object-fit: contain;
object-position: center;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item a svg {
width: 20px;
margin-left: auto;
transition: all 0.3s ease;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item a.active {
background-color: #071e3b;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item a.active svg {
transform: rotate(90deg);
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item a:hover {
background-color: #071e3b;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item.menu-item-has-children ul.sub-menu {
display: none;
padding-left: 0;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item.menu-item-has-children ul.sub-menu li a {
padding-right: 20px;
padding-left: 20px;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item.menu-item-has-children ul.sub-menu li a span {
margin-left: 20px;
}
@media (min-width: 768px) {
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item.menu-item-has-children ul.sub-menu li a span {
margin-left: 0px;
}
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li a span {
margin-left: 40px;
}
@media (min-width: 768px) {
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li a span {
margin-left: 0;
}
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item.menu-item-has-children ul.sub-menu li:last-of-type {
border-bottom: none;
}
@media (min-width: 768px) {
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu {
width: 33.333%;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu > li.menu-item > ul.sub-menu {
width: 33.333%;
position: absolute;
top: 0;
left: calc(33.333% + 1px);
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu {
width: 100%;
position: absolute;
top: 0;
left: calc(100% + 1px);
}
}
header .header-bottom > .container nav.shop-bottom-menu-right {
display: none;
}
@media (min-width: 768px) {
header .header-bottom > .container nav.shop-bottom-menu-right {
display: block;
}
header .header-bottom > .container nav.shop-bottom-menu-right ul.menu {
display: flex;
column-gap: 30px;
}
header .header-bottom > .container nav.shop-bottom-menu-right ul.menu li.menu-item a {
text-decoration: none;
color: inherit;
display: flex;
align-items: center;
gap: 10px;
}
header .header-bottom > .container nav.shop-bottom-menu-right ul.menu li.menu-item a img {
width: 20px;
}
}
body.woocommerce header .container .content-wrapper .right .hamburger-menu {
cursor: pointer;
}
@media (min-width: 1024px) {
body.woocommerce header .container .content-wrapper .right .hamburger-menu {
display: none;
}
}
.woocommerce-page .subheader {
display: none;
}
.woocommerce-page > header {
top: 0;
}
#site-navigation {
position: fixed;
background: #025696;
transform: translateX(-100%);
transition: all 0.3s ease;
margin: 0;
top: 0;
bottom: 0;
left: 0;
width: 100%;
z-index: 10000;
overflow-y: scroll;
padding-top: 85px;
padding-bottom: 50px;
}
#site-navigation.active {
transform: translateX(0);
}
#site-navigation .slide-navigation {
position: relative;
}
#site-navigation .slide-navigation .close-mobile-nav {
width: 30px;
height: 30px;
stroke: white;
position: absolute;
right: 20px;
top: -60px;
cursor: pointer;
}
#site-navigation .container {
height: fit-content;
}
#site-navigation .container nav ul.menu {
padding-right: 40px;
padding-left: 0;
}
#site-navigation .container nav ul.menu li.menu-item {
text-align: center;
}
#site-navigation .container nav ul.menu li.menu-item a {
color: #ffffff;
text-decoration: none;
padding: 5px;
display: block;
font-size: 14px;
display: flex;
align-items: center;
column-gap: 5px;
}
#site-navigation .container nav ul.menu li.menu-item a svg {
width: 15px;
height: 15px;
position: relative;
top: 1px;
transition: all 0.3s ease;
}
#site-navigation .container nav ul.menu li.menu-item a.active svg {
rotate: 90deg;
}
#site-navigation .container nav ul.menu li.menu-item ul.sub-menu {
padding-left: 20px;
display: none;
}
#site-navigation .container nav.site-top-menu {
margin-top: 20px;
border-top: 1px dashed #ffffff;
padding-top: 20px;
}
@media (min-width: 768px) {
#site-navigation .container nav.site-top-menu {
display: none;
}
}
.trp-language-switcher {
border: none !important;
z-index: 1000;
}
.trp-language-switcher .trp-ls-shortcode-current-language {
border: none !important;
}
.trp-language-switcher:hover .trp-ls-shortcode-language {
border: none !important;
}
.trp-language-switcher a {
color: #222 !important;
text-decoration: none;
}
aside {
border: 1px solid #DBDBDB;
background: transparent;
padding: 10px 10px;
}
aside select {
border: 1px solid #DBDBDB;
height: 40px;
}
aside h2.widget-title {
font-size: 16px;
margin-bottom: 5px;
}
aside .widget + .widget {
margin-top: 20px;
}
aside .widget.widget_recent_entries a {
text-decoration: none;
}
aside .widget ul {
list-style-type: disc;
font-size: 15px;
line-height: 1.4;
}
aside .widget ul li + li {
margin-top: 5px;
}
aside .wpc-filters-section {
margin-bottom: 0px;
}
aside .wpc-filters-section + .wpc-filters-section {
margin-top: 10px;
}
aside .wpc-filters-section .wpc-no-filter-terms {
font-size: 14px;
}
aside .wpc-filter-title {
margin-bottom: 0;
font-weight: bolder;
}
aside .wpc-posts-found {
margin: 10px;
font-size: 14px;
font-style: italic;
}
aside .widget_wpc_chips_widget {
margin-top: 10px;
font-size: 14px;
}
aside .widget_wpc_chips_widget ul.wpc-filter-chips-list {
display: block;
}
aside #secondary {
display: grid;
grid: auto/1fr;
}
aside #secondary .widget {
padding: 20px 0;
border-bottom: 1px solid #DBDBDB;
}
aside #secondary .widget h2.widget-title {
font-size: 22px;
margin-bottom: 15px;
}
aside #secondary .widget form.woocommerce-product-search {
display: grid;
grid: auto/1fr;
row-gap: 5px;
}
aside #secondary .widget form.woocommerce-product-search input {
width: unset !important;
border: 1px solid #DBDBDB;
}
aside #secondary .widget form.woocommerce-product-search button {
width: 100%;
}
.woocommerce nav.woocommerce-breadcrumb {
margin-top: 15px;
display: flex;
flex-wrap: wrap;
}
.woocommerce form.woocommerce-ordering:focus-visible {
outline: none;
}
.woocommerce form.woocommerce-ordering select {
height: 40px;
border: 1px solid lightgrey;
padding: 0 5px;
margin-bottom: 15px;
}
.woocommerce form.woocommerce-ordering select:focus-visible {
outline: none;
}
.woocommerce form.woocommerce-ordering select option {
color: #025696;
}
ul.products {
display: grid;
grid: auto/1fr;
gap: 40px 20px;
}
@media (min-width: 600px) {
ul.products {
grid: auto/repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
ul.products {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 992px) {
ul.products.columns-4 {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
ul.products.columns-4 {
grid: auto/repeat(4, minmax(0, 1fr));
}
}
ul.products::before, ul.products::after {
content: none !important;
}
ul.products li.product-category a img {
height: 250px !important;
object-fit: contain;
background-color: white;
}
ul.products li.product-category a h2.woocommerce-loop-category__title {
font-family: "f-neue-reg", sans-serif;
font-size: 1em;
}
ul.products li.product-category a h2.woocommerce-loop-category__title mark {
display: none;
}
span.onsale {
background-color: red !important;
color: #ffffff;
padding: 7px 10px !important;
border-radius: 0 !important;
min-height: unset !important;
line-height: 1.2 !important;
margin: 0 !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
color: #025696;
}
.woocommerce div.product form.cart table.variations {
font-size: 14px;
table-layout: auto;
}
.woocommerce div.product form.cart table.variations select {
border: 1px solid lightgrey;
height: 40px;
padding: 0 10px;
}
.woocommerce div.product form.cart table.variations select:focus-visible {
outline: none;
}
.woocommerce div.product form.cart table.variations th {
text-align: left;
padding: 10px 5px;
position: relative;
top: 1px;
width: 100px;
}
.woocommerce div.product form.cart table.variations td {
padding: 5px 0;
}
.woocommerce .quantity .qty {
height: 40px;
border: 1px solid lightgrey;
}
.woocommerce div.product form.cart .button {
text-decoration: none;
width: fit-content;
min-width: 125px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 10px;
border: 1px solid #025696;
border-radius: 0;
background-color: #025696;
color: #ffffff;
line-height: 1.2;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
min-height: 40px;
cursor: pointer;
height: 40px;
letter-spacing: 1px;
}
.woocommerce div.product form.cart .button:hover {
background-color: #ffffff;
color: #025696;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
text-decoration: none;
width: fit-content;
min-width: 125px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 10px;
border: 1px solid #025696;
border-radius: 0;
background-color: #025696;
color: #ffffff;
line-height: 1.2;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
min-height: 40px;
cursor: pointer;
height: 60px;
padding: 0 30px;
font-size: 1.2em;
display: flex;
align-items: center;
justify-content: center;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
background-color: #ffffff;
color: #025696;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
background-color: white !important;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background-color: #f6f6f9;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
border: 1px solid lightgrey;
}
.woocommerce form .form-row input.input-text {
height: 40px;
border: 1px solid lightgrey;
padding: 0 10px;
width: 100%;
}
.select2-container--default .select2-selection--single {
height: 40px;
display: flex;
align-items: center;
border-radius: 0;
border-color: lightgrey;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 6px;
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
padding: 10px;
}
.woocommerce-form__input-checkbox {
margin-right: 5px;
}
.woocommerce ul#shipping_method {
display: grid;
grid: auto/1fr;
gap: 10px;
}
.woocommerce ul#shipping_method li {
margin: 0;
}
.woocommerce-NoticeGroup {
grid-column: 1/-1;
}
.woocommerce ul#shipping_method li {
display: flex;
align-items: center;
}
.woocommerce ul#shipping_method li input {
margin-top: 0;
}
.woocommerce nav.woocommerce-pagination {
margin-top: 40px;
}
.woocommerce-variation-add-to-cart {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
text-decoration: none;
width: fit-content;
min-width: 125px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 10px;
border: 1px solid #025696;
border-radius: 0;
background-color: #025696;
color: #ffffff;
line-height: 1.2;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
min-height: 40px;
cursor: pointer;
font-weight: normal;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
background-color: #ffffff;
color: #025696;
}
.woocommerce a.added_to_cart {
display: block;
text-align: center;
}
body.tax-product_cat .site-wrapper > .container main .woocommerce-products-header, body.post-type-archive-product .site-wrapper > .container main .woocommerce-products-header {
position: static;
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
top: 0.5em;
}
.f-hero {
position: relative;
padding: 80px 0 40px;
}
.f-hero .container .hero-img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.f-hero .container .hero-img .overlay {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: none;
}
@media (max-width: 1024px) {
.f-hero .container .hero-img .overlay {
background-color: rgba(0, 0, 0, 0.5);
}
}
.f-hero .container .hero-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.f-hero .container .content-wrapper {
display: grid;
grid: auto/1fr;
gap: 30px;
align-items: center;
}
@media (min-width: 768px) {
.f-hero .container .content-wrapper {
grid: auto/repeat(2, 1fr);
column-gap: 50px;
}
}
@media (min-width: 768px) {
.f-hero .container .content-wrapper.no-quick-links {
grid: auto/repeat(1, 1fr);
}
}
.f-hero .container .content-wrapper.min-height {
min-height: 30vh;
}
.f-hero .container .content-wrapper .col h1,
.f-hero .container .content-wrapper .col h2 {
font-size: 3rem;
font-family: "montserrat", sans-serif !important;
margin-bottom: 2rem;
font-weight: bold;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) {
.f-hero .container .content-wrapper .col h1,
.f-hero .container .content-wrapper .col h2 {
font-size: 4rem;
}
}
@media (min-width: 1024px) {
.f-hero .container .content-wrapper .col h1,
.f-hero .container .content-wrapper .col h2 {
font-size: 5rem;
}
}
.f-hero .container .content-wrapper .col .custom-text {
color: #ffffff;
margin-bottom: 20px;
font-size: 16px;
line-height: 1.4;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) {
.f-hero .container .content-wrapper .col .custom-text {
font-size: 20px;
}
}
.f-hero .container .content-wrapper .col .f-link-container {
margin-top: 20px;
}
.f-hero .container .content-wrapper .col .f-categories-container {
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: end;
}
@media (max-width: 1024px) {
.f-hero .container .content-wrapper .col .f-categories-container {
width: 100%;
}
}
.f-hero .container .content-wrapper .col .f-categories-container .f-categories-inner {
padding: 3rem;
background-color: #025696;
display: flex;
flex-direction: column;
gap: 1rem;
}
.f-hero .container .content-wrapper .col .f-categories-container .f-categories-inner .f-category {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
color: #ffffff;
text-decoration: none;
font-family: "montserrat", sans-serif !important;
font-size: 20px;
}
.f-hero .container .content-wrapper .col .f-categories-container .f-categories-inner .f-category img {
width: 2rem;
height: 2rem;
transition: all 0.3s ease;
}
.f-hero .container .content-wrapper .col .f-categories-container .f-categories-inner .f-category:hover img {
transform: translateX(5px);
}
@media (min-width: 768px) {
.f-hero .container .content-wrapper .col.col-1 {
padding-bottom: 50px;
}
}
@media (min-width: 1024px) {
.f-hero .container .content-wrapper .col.col-1 {
padding-bottom: 100px;
}
}
.f-hero .container .content-wrapper .col.col-1.no-quick-links {
padding-bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 600px;
}
.f-hero .container .content-wrapper .col.col-1.no-quick-links .custom-text {
margin-bottom: 0;
}
.f-hero.fixed-width {
padding-top: 40px;
padding-bottom: 0;
}
.f-hero.fixed-width .container {
position: relative;
padding-bottom: 40px;
}
.information-block-inner {
gap: 4rem;
}
@media (max-width: 1024px) {
.information-block-inner {
flex-direction: column !important;
}
}
.information-block-inner .information-content {
width: 50%;
}
@media (max-width: 1024px) {
.information-block-inner .information-content {
width: 100%;
}
}
.information-block-inner .information-content .f-link-container + .f-link-container {
margin-top: 10px;
}
.information-block-inner .information-img {
width: 50%;
}
@media (max-width: 1024px) {
.information-block-inner .information-img {
width: 100%;
height: 100%;
}
}
.information-block-inner .information-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: flex;
}
.information-block-inner .information-img iframe {
max-width: 100%;
}
.information-block-inner .information-img .slider-single {
margin-bottom: 10px;
}
.information-block-inner .information-img .slider-single button {
z-index: 1;
}
.information-block-inner .information-img .slider-single button::before {
background-color: rgba(0, 0, 0, 0.8);
padding: 2px;
}
.information-block-inner .information-img .slider-single button.slick-prev {
left: 20px;
}
.information-block-inner .information-img .slider-single button.slick-next {
right: 20px;
}
.information-block-inner .information-img .slider-single .slide {
width: 100%;
display: block;
position: relative;
}
.information-block-inner .information-img .slider-single .slide .slide-inner {
aspect-ratio: 16/11;
overflow: hidden;
}
.information-block-inner .information-img .slider-single .slide .slide-inner svg {
width: 20px;
height: 20px;
position: absolute;
right: 10px;
top: 10px;
stroke: #ffffff;
background-color: #222;
cursor: pointer;
}
.information-block-inner .information-img .slider-nav {
margin-left: -5px;
margin-right: -5px;
}
.information-block-inner .information-img .slider-nav .slide {
width: 33.3333333333%;
aspect-ratio: 1/1;
overflow: hidden;
max-height: 150px;
margin-right: 5px;
margin-left: 5px;
}
.information-block-inner .information-img .slider-nav .slide img {
width: 100%;
height: 100%;
margin-right: 10px;
object-fit: cover;
}
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.9);
z-index: 100000;
}
.images-container {
position: relative !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin: 0 auto;
height: 100vh;
width: 100vw;
}
.images-container img {
height: 60vh !important;
object-fit: contain;
}
.close {
position: absolute;
right: 25px;
top: 5px;
font-size: 25px;
z-index: 10000;
color: white;
}
.close:hover,
.close:focus {
color: white;
text-decoration: none;
cursor: pointer;
}
section.icon-blocks .container .content-wrapper .custom-text {
margin-bottom: 30px;
}
section.icon-blocks .container .content-wrapper .icon-blocks {
display: grid;
grid: auto/repeat(1, minmax(0, 1fr));
gap: 20px;
}
@media (min-width: 540px) {
section.icon-blocks .container .content-wrapper .icon-blocks {
grid: auto/repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
section.icon-blocks .container .content-wrapper .icon-blocks {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
section.icon-blocks .container .content-wrapper .icon-blocks {
grid: auto/repeat(4, minmax(0, 1fr));
}
}
section.carousel .container h2 {
margin-bottom: 25px;
}
section.carousel .container .carousel-slider {
margin-top: 10px;
margin-left: -5px;
margin-right: -5px;
}
section.carousel .container .carousel-slider button.slick-prev::before,
section.carousel .container .carousel-slider button.slick-next::before {
color: #222;
}
section.carousel .container .carousel-slider .carousel-item {
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
height: 120px;
margin: 0 5px;
padding: 5px;
}
section.carousel .container .carousel-slider .carousel-item img {
max-width: 100%;
height: auto;
object-fit: contain;
}
.accordeon-inner .accordeon-blocks {
display: flex;
gap: 5rem;
justify-content: space-between;
}
@media (max-width: 1024px) {
.accordeon-inner .accordeon-blocks {
flex-direction: column-reverse;
}
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content {
width: 50%;
}
@media (max-width: 1024px) {
.accordeon-inner .accordeon-blocks .accordeon-blocks-content {
width: 100%;
}
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content h1,
.accordeon-inner .accordeon-blocks .accordeon-blocks-content h2 {
margin-bottom: 50px;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .custom-text {
font-size: 1.6rem;
margin-bottom: 3rem;
font-family: "montserrat", sans-serif !important;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .custom-text ul {
list-style-type: disc;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .custom-text p + ul {
margin-top: 1rem;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .custom-text ul + p {
margin-top: 1rem;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block {
width: 100%;
font-family: "montserrat", sans-serif !important;
margin: none;
padding: 0 0 1rem 0;
margin-bottom: 2rem;
transition: all 0.3s ease-in-out;
background-color: transparent;
border: none;
border-bottom: 1px solid #a9a9a9;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block .accordeon-block-title {
display: flex;
justify-content: space-between;
align-items: center;
text-align: start;
cursor: pointer;
margin-bottom: 1rem;
color: #222 !important;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block .accordeon-block-title h3 {
font-size: 2rem;
text-transform: inherit;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block .accordeon-block-title img {
transition: all 0.3s ease-in-out;
width: 15px;
height: 15px;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block .accordeon-block-content {
max-height: 0;
overflow: hidden;
transition: all 0.3s ease-in-out;
text-align: justify;
line-height: 1.5;
color: #222 !important;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block .accordeon-block-content .cta {
margin-top: 20px;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block.active .accordeon-block-title img {
transform: rotate(-45deg);
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block.active .accordeon-block-content {
margin-bottom: 1rem;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block:hover .accordeon-block-title img {
transform: rotate(-45deg);
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-image {
width: 50%;
}
@media (max-width: 1024px) {
.accordeon-inner .accordeon-blocks .accordeon-blocks-image {
display: none;
}
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-image .accordeon-block .accordeon-block-image {
display: none;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-image .accordeon-block.active {
height: 100%;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-image .accordeon-block.active .accordeon-block-image {
display: block;
height: 100%;
width: 100%;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-image .accordeon-block.active .accordeon-block-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 1024px) {
.accordeon-inner .accordeon-blocks .accordeon-blocks-image .accordeon-block.active {
display: none;
}
}
section.text-image .container .content-wrapper {
position: relative;
min-height: 400px;
display: flex;
align-items: center;
}
section.text-image .container .content-wrapper .img-container {
position: absolute;
height: 400px;
z-index: 1;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
section.text-image .container .content-wrapper .img-container .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 3;
}
section.text-image .container .content-wrapper .img-container img {
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
}
section.text-image .container .content-wrapper .content-container {
padding: 20px;
position: relative;
z-index: 2;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 600px;
margin: 0 auto;
}
section.text-image .container .content-wrapper .content-container h1,
section.text-image .container .content-wrapper .content-container h2 {
margin-bottom: 20px;
font-size: 1.6em;
color: #ffffff;
text-align: center;
}
@media (min-width: 768px) {
section.text-image .container .content-wrapper .content-container h1,
section.text-image .container .content-wrapper .content-container h2 {
margin-bottom: 30px;
font-size: 30px;
}
}
section.text-image .container .content-wrapper .content-container .custom-text {
color: #ffffff;
margin-bottom: 2rem;
text-align: center;
}
section.text-image .container .content-wrapper .content-container .custom-text strong {
font-family: "montserrat", sans-serif !important;
font-weight: bold;
}
section.text-image .container .content-wrapper .content-container .f-link-container {
justify-content: center;
}
.hero-overlay {
position: relative;
}
.hero-overlay .hero-media {
position: relative;
z-index: 1;
}
.hero-overlay .hero-media.image {
max-height: 500px;
}
.hero-overlay .hero-media img {
display: flex;
width: 100%;
height: 100%;
object-fit: cover;
max-height: 500px;
}
.hero-overlay .hero-media video {
display: flex;
}
.hero-overlay .hero-media .overlay {
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
display: none;
}
.hero-overlay .hero-content {
position: relative;
z-index: 4;
margin-top: -100px;
}
@media (min-width: 768px) {
.hero-overlay .hero-content {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
margin-top: 0;
}
}
.hero-overlay .hero-content .container .content-wrapper {
max-width: 700px;
}
.hero-overlay .hero-content .container .content-wrapper h1,
.hero-overlay .hero-content .container .content-wrapper h2 {
color: #ffffff;
margin-bottom: 15px;
font-size: 35px;
}
@media (min-width: 768px) {
.hero-overlay .hero-content .container .content-wrapper h1,
.hero-overlay .hero-content .container .content-wrapper h2 {
font-size: 50px;
}
}
.hero-overlay .hero-content .container .content-wrapper .hero-overlay-card {
padding: 10px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
.hero-overlay .hero-content .container .content-wrapper .hero-overlay-card {
padding: 30px 15px;
}
}
.team-overview-inner .team-content {
margin-bottom: 5rem;
}
.team-overview-inner .team-content h1,
.team-overview-inner .team-content h2 {
margin-bottom: 2rem;
font-family: "montserrat", sans-serif !important;
font-weight: bolder;
font-size: 3rem;
}
.team-overview-inner .team-content .custom-text {
font-family: "montserrat", sans-serif !important;
font-size: 1.6rem;
text-align: justify;
}
.team-overview-inner .team-content .custom-text strong {
font-family: "montserrat", sans-serif !important;
font-weight: bold;
}
.team-overview-inner .team-blocks {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
section.product-listing .container ul.products {
margin-top: 30px;
}
@media (min-width: 768px) {
section.product-listing .container ul.products {
margin-top: 60px;
}
}
section.featured-products .container .products-wrapper {
display: grid;
grid: auto/minmax(0, 1fr);
gap: 20px;
}
@media (min-width: 768px) {
section.featured-products .container .products-wrapper {
grid: auto/minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (min-width: 1024px) {
section.featured-products .container .products-wrapper {
grid: auto/minmax(0, 1fr) minmax(0, 35%);
}
}
section.featured-products .container .products-wrapper .product {
border: 1px solid #DBDBDB;
}
section.featured-products .container .products-wrapper .product .product-image img {
width: 100%;
max-width: 100%;
object-fit: cover;
object-position: center;
height: auto;
display: flex;
}
section.featured-products .container .products-wrapper .product .product-text {
padding: 20px;
}
section.featured-products .container .products-wrapper .product .product-text .product-title {
font-size: 25px;
}
section.featured-products .container .products-wrapper .product .product-text .product-link a.btn-primary {
width: 100%;
}
@media (min-width: 1024px) {
section.featured-products .container .products-wrapper .product.product-1 {
display: grid;
grid: auto/minmax(0, 1fr) minmax(0, 1fr);
row-gap: 20px;
}
}
section.featured-products .container .products-wrapper .product.product-1 .product-image {
flex-grow: 1;
}
@media (min-width: 1024px) {
section.featured-products .container .products-wrapper .product.product-1 .product-image img {
height: 100%;
}
}
section.featured-products .container .products-wrapper .product.product-1 .product-text {
display: flex;
flex-direction: column;
row-gap: 15px;
}
@media (min-width: 1024px) {
section.featured-products .container .products-wrapper .product.product-1 .product-text .product-link {
margin-top: auto;
}
}
section.featured-products .container .products-wrapper .product.product-2 {
display: flex;
flex-direction: column;
}
section.featured-products .container .products-wrapper .product.product-2 .product-image {
flex-grow: 1;
}
section.featured-products .container .products-wrapper .product.product-2 .product-image img {
height: 100%;
}
section.featured-products .container .products-wrapper .product.product-2 .product-text {
background-color: #F6F6F8;
position: relative;
padding-right: 40px;
}
section.featured-products .container .products-wrapper .product.product-2 .product-text .product-link {
background-color: #025696;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0;
bottom: 0;
}
section.featured-products .container .products-wrapper .product.product-2 .product-text .product-link a {
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
}
section.featured-products .container .products-wrapper .product.product-2 .product-text .product-link a svg {
width: 12px;
height: 12px;
transition: all 0.3s ease;
position: relative;
top: 0;
right: 0;
}
section.featured-products .container .products-wrapper .product.product-2 .product-text .product-link a:hover svg {
top: -3px;
right: -3px;
}
section.featured-products .container ul.usps {
display: grid;
grid: auto/1fr;
gap: 10px;
margin-top: 20px;
padding: 0;
}
@media (min-width: 768px) {
section.featured-products .container ul.usps {
grid: auto/repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
section.featured-products .container ul.usps {
grid: auto/repeat(4, 1fr);
}
}
section.featured-products .container ul.usps li.usp-item {
background-color: #F6F6F8;
text-align: center;
padding: 7px 10px;
}
section.product-categories .container {
display: grid;
row-gap: 20px;
}
@media (min-width: 768px) {
section.product-categories .container {
grid: auto/minmax(0, 35%) minmax(0, 65%);
column-gap: 50px;
}
}
section.product-categories .container .product-categories-wrapper {
margin-top: 10px;
display: grid;
grid: auto/minmax(0, 1fr);
row-gap: 40px;
}
@media (min-width: 768px) {
section.product-categories .container .product-categories-wrapper {
grid-column: 1/-1;
grid: auto/repeat(3, minmax(0, 1fr));
column-gap: 10px;
margin-top: 20px;
}
}
@media (min-width: 992px) {
section.product-categories .container .product-categories-wrapper {
column-gap: 15px;
}
}
@media (min-width: 768px) {
section.newsletter .container .content-wrapper {
display: grid;
grid: auto/minmax(0, 60%) minmax(0, 40%);
column-gap: 50px;
}
}
@media (min-width: 1024px) {
section.newsletter .container .content-wrapper {
grid: auto/minmax(0, 1fr) minmax(0, 1fr);
column-gap: 100px;
}
}
section.newsletter .container .content-wrapper .col h1,
section.newsletter .container .content-wrapper .col h2 {
margin-bottom: 30px;
}
section.newsletter .container .content-wrapper .col form .gform_fields {
display: flex;
gap: 0;
flex-wrap: wrap;
align-items: flex-start;
}
section.newsletter .container .content-wrapper .col form .gform_fields .gfield--type-email {
flex-grow: 1;
}
section.newsletter .container .content-wrapper .col form .gform_fields #field_submit {
flex-basis: max-content;
}
section.newsletter .container .content-wrapper .col form .gform_fields #field_submit input {
width: 100%;
}
section.newsletter .container .content-wrapper .col form .gform_footer {
padding: 0;
}
section.newsletter .container .content-wrapper .col .bullet-points-title {
font-family: "montserrat", sans-serif !important;
font-weight: bolder;
font-size: 25px;
margin-bottom: 10px;
}
section.newsletter .container .content-wrapper .col ul.bullet-points li.bullet-point {
display: flex;
align-items: center;
gap: 10px;
}
section.newsletter .container .content-wrapper .col ul.bullet-points li.bullet-point svg {
width: 15px;
}
section.form .container .content-wrapper {
display: grid;
grid: auto/1fr;
gap: 40px;
}
@media (min-width: 1024px) {
section.form .container .content-wrapper.row {
grid: auto/minmax(0, 350px) minmax(0, 1fr);
}
}
section.form .container .content-wrapper h2.section-title {
margin-bottom: 30px;
}
section.free-text .container .content-wrapper h2.section-title {
margin-bottom: 20px;
}
section.free-text .container .content-wrapper .links {
margin-top: 10px;
}
section.free-text .container .content-wrapper .links.text-center {
text-align: center;
}
section.free-text .container .content-wrapper .links a {
margin-top: 10px;
}
section.featured-blog .container {
display: grid;
grid: auto/minmax(0, 1fr);
gap: 30px;
}
@media (min-width: 768px) {
section.featured-blog .container {
grid: auto/repeat(2, minmax(0, 1fr));
column-gap: 50px;
}
}
section.featured-blog .container .col .f-link-container {
margin-top: 20px;
}
section.featured-blog .container .col img {
width: 100%;
max-width: 100%;
height: auto;
object-fit: cover;
}
section.columns .container .content-wrapper a.btn-primary {
margin-top: 20px;
}
section.columns .container .content-wrapper .columns-wrapper {
margin-top: 40px;
display: grid;
grid: auto/repeat(1, minmax(0, 1fr));
row-gap: 30px;
column-gap: 30px;
}
@media (min-width: 540px) {
section.columns .container .content-wrapper .columns-wrapper {
grid: auto/repeat(2, minmax(0, 1fr));
row-gap: 40px;
}
}
@media (min-width: 768px) {
section.columns .container .content-wrapper .columns-wrapper.columns-3, section.columns .container .content-wrapper .columns-wrapper.columns-4 {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
section.columns .container .content-wrapper .columns-wrapper.columns-4 {
grid: auto/repeat(4, minmax(0, 1fr));
}
}
section.columns .container .content-wrapper .columns-wrapper .column-text p {
white-space: normal; overflow-wrap: break-word; word-break: normal; max-width: 100%;
}
section.galery .container .content-wrapper .galery-wrapper {
display: grid;
grid: auto/repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 40px;
}
@media (min-width: 540px) {
section.galery .container .content-wrapper .galery-wrapper {
grid: auto/repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
section.galery .container .content-wrapper .galery-wrapper {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
section.galery .container .content-wrapper .galery-wrapper {
grid: auto/repeat(4, minmax(0, 1fr));
}
}
section.video .container .content-wrapper {
text-align: center;
}
section.video .container .content-wrapper .video-wrapper {
margin-top: 30px;
}
section.video .container .content-wrapper .video-wrapper iframe {
max-width: 100%;
}
section.text-video .container .content-wrapper {
display: grid;
grid: auto/repeat(1, minmax(0, 1fr));
gap: 30px;
}
@media (min-width: 768px) {
section.text-video .container .content-wrapper {
grid: auto/repeat(2, minmax(0, 1fr));
column-gap: 50px;
}
}
section.text-video .container .content-wrapper iframe {
max-width: 100%;
}
@media (min-width: 768px) {
section.text-video .container .content-wrapper.text-right .col-1 {
order: 2;
}
}
section.image .container .content-wrapper .custom-text {
margin-bottom: 30px;
}
section.image .container .content-wrapper .image-wrapper img {
display: flex;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
section.faq .container .content-wrapper ul.faq-wrapper {
margin-top: 30px;
padding: 0;
display: grid;
grid: auto/1fr;
row-gap: 15px;
}
section.faq .container .content-wrapper ul.faq-wrapper li.faq-item {
border-bottom: 1px solid #222;
}
section.faq .container .content-wrapper ul.faq-wrapper li.faq-item .faq-title {
display: flex;
justify-content: space-between;
cursor: pointer;
column-gap: 20px;
padding-bottom: 15px;
}
section.faq .container .content-wrapper ul.faq-wrapper li.faq-item .faq-title h3 {
font-size: 1.2em;
}
section.faq .container .content-wrapper ul.faq-wrapper li.faq-item .faq-title h3.color-blue {
color: #025696;
}
section.faq .container .content-wrapper ul.faq-wrapper li.faq-item .faq-title h3.color-white {
color: #ffffff;
}
section.faq .container .content-wrapper ul.faq-wrapper li.faq-item .faq-title h3.color-green {
color: green;
}
section.faq .container .content-wrapper ul.faq-wrapper li.faq-item .faq-title h3.color-purple {
color: purple;
}
section.faq .container .content-wrapper ul.faq-wrapper li.faq-item .faq-title h3.color-yellow {
color: yellow;
}
section.faq .container .content-wrapper ul.faq-wrapper li.faq-item .faq-title svg {
flex-basis: 20px;
width: 20px;
height: 20px;
position: relative;
top: 7px;
transition: all 0.3s ease;
}
section.faq .container .content-wrapper ul.faq-wrapper li.faq-item .faq-title.active svg {
rotate: 180deg;
}
section.faq .container .content-wrapper ul.faq-wrapper li.faq-item .faq-content {
padding: 0px 0 25px;
font-size: 15px;
display: none;
}
section.sub-page-navigation .container h2.section-title + .sub-pages-wrapper {
margin-top: 50px;
}
section.sub-page-navigation .container .section-text {
margin-bottom: 50px;
}
section.sub-page-navigation .container .section-text:last-child {
margin-bottom: 0;
}
section.sub-page-navigation .container .sub-pages-wrapper {
display: grid;
grid: auto/repeat(1, minmax(0, 1fr));
gap: 20px;
margin-top: 30px;
}
section.sub-page-navigation .container .sub-pages-wrapper:first-child {
margin-top: 0;
}
@media (min-width: 540px) {
section.sub-page-navigation .container .sub-pages-wrapper {
grid: auto/repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
section.sub-page-navigation .container .sub-pages-wrapper {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
section.sub-page-navigation .container .sub-pages-wrapper {
grid: auto/repeat(4, minmax(0, 1fr));
}
}
section.testimonials .container .content-wrapper .section-title {
text-align: center;
}
section.testimonials .container .content-wrapper ul.testimonials-wrapper {
padding: 0;
max-width: 900px;
margin: 40px auto 0;
}
@media (min-width: 768px) {
section.testimonials .container .content-wrapper ul.testimonials-wrapper blockquote {
min-height: 200px;
}
}
section.cta {
background-color: #025696;
color: #ffffff;
text-align: center;
}
@media (min-width: 768px) {
section.cta {
font-size: 20px;
}
}
@media (min-width: 768px) {
section.cta .container .content-wrapper h2.section-title {
font-size: 35px;
}
}
section.cta .container .content-wrapper a {
display: inline-flex;
align-items: center;
min-height: 35px;
background-color: #ffffff;
color: #025696;
text-decoration: none;
padding: 7px 20px;
margin-top: 20px;
transition: all 0.3s ease;
gap: 10px;
}
@media (min-width: 768px) {
section.cta .container .content-wrapper a {
margin-top: 30px;
}
}
section.cta .container .content-wrapper a:hover {
scale: 1.05;
}
section.cta .container .content-wrapper a svg {
width: 20px;
height: 20px;
}
@media (min-width: 768px) {
section.cta .container .content-wrapper a svg {
width: 25px;
height: 25px;
}
}
section.projects .container .projects-wrapper {
margin-top: 50px;
display: grid;
grid: auto/repeat(1, minmax(0, 1fr));
gap: 20px;
}
@media (min-width: 768px) {
section.projects .container .projects-wrapper {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
section.tp-contact-form {
padding: 5rem 0;
background-color: #f6f6f9;
}
.tp-contact-form-inner {
display: grid;
grid: auto/1fr;
gap: 20px;
}
@media (min-width: 1024px) {
.tp-contact-form-inner {
grid: auto/minmax(0, 1fr) minmax(0, 300px);
column-gap: 40px;
}
}
.tp-contact-form-inner .tp-information {
display: grid;
grid: auto/1fr;
gap: 20px;
}
@media (min-width: 1024px) {
.tp-contact-form-inner .tp-information {
border-left: 1px solid #222;
padding-left: 20px;
padding-top: 10px;
}
}
.tp-contact-form-inner .tp-information .tp-information-block h2 {
font-size: 2rem;
font-family: "montserrat", sans-serif !important;
font-weight: bolder;
margin-bottom: 1rem;
}
.tp-contact-form-inner .tp-information .tp-information-block p, .tp-contact-form-inner .tp-information .tp-information-block a {
font-size: 1.6rem;
font-family: "montserrat", sans-serif !important;
color: #222;
text-decoration: none;
}
.tp-contact-form-inner .tp-information .tp-information-block ul {
padding-left: 15px;
list-style-type: disc;
}
.downloads {
padding: 80px 0px;
background-color: #f6f6f9;
}
.downloads .downloads-inner {
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
gap: 2rem;
width: 100%;
}
.downloads .downloads-inner .downloads-breadcrumbs {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 1rem;
width: 100%;
color: #025696;
}
.downloads .downloads-inner .downloads-breadcrumbs a {
color: #025696;
display: flex;
align-items: center;
gap: 0.5rem;
text-decoration: none;
cursor: pointer;
}
.downloads .downloads-inner .downloads-breadcrumbs a:hover {
text-decoration: underline;
}
.downloads .downloads-inner .downloads-overview {
display: grid;
grid: auto/1fr;
gap: 30px;
}
@media (min-width: 768px) {
.downloads .downloads-inner .downloads-overview {
grid: auto/240px 1fr;
}
}
.downloads .downloads-inner .downloads-overview .downloads-sidebar {
display: flex;
flex-direction: column;
}
.downloads .downloads-inner .downloads-overview .downloads-sidebar .download-parent {
width: 100%;
padding: 1rem 2rem;
background-color: #025696;
color: #ffffff;
border-bottom: 1px solid #ffffff;
text-decoration: none;
font-size: 14px;
}
.downloads .downloads-inner .downloads-overview .downloads-sidebar .download-parent:last-child {
border-bottom: none;
}
.downloads .downloads-inner .downloads-overview .downloads-sidebar .download-parent.active {
background-color: #071e3b;
}
.downloads .downloads-inner .downloads-overview .downloads-content .download-categories {
display: grid;
grid: auto/repeat(2, minmax(0, 1fr));
gap: 20px;
}
@media (min-width: 540px) {
.downloads .downloads-inner .downloads-overview .downloads-content .download-categories {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.downloads .downloads-inner .downloads-overview .downloads-content .download-categories {
grid: auto/repeat(4, minmax(0, 1fr));
}
}
.downloads .downloads-inner .downloads-overview .downloads-content .download-categories .download-category-container {
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
gap: 1rem;
text-decoration: none;
color: #025696;
cursor: pointer;
}
.downloads .downloads-inner .downloads-overview .downloads-content .download-categories .download-category-container img {
width: 50%;
height: auto;
}
.downloads .downloads-inner .downloads-overview .downloads-content .download-categories .download-category-container p {
font-size: 14px;
}
.downloads .downloads-inner .downloads-overview .downloads-content .download-categories + .downloads-content-cards {
margin-top: 50px;
}
.downloads .downloads-inner .downloads-overview .downloads-content .downloads-content-cards {
display: grid;
grid: auto/repeat(2, minmax(0, 1fr));
gap: 20px;
}
@media (min-width: 1024px) {
.downloads .downloads-inner .downloads-overview .downloads-content .downloads-content-cards {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
section.blog .container {
display: grid;
grid: auto/minmax(0, 250px) minmax(0, 1fr);
column-gap: 30px;
}
}
section.blog .container h1.section-title {
grid-column: 1/-1;
}
section.blog .container .action-buttons {
margin-bottom: 20px;
display: flex;
column-gap: 30px;
row-gap: 10px;
flex-wrap: wrap;
grid-column: 1/-1;
}
section.blog .container .action-buttons button#toggle-sidebar {
border: none;
background-color: transparent;
padding: 0;
display: flex;
gap: 10px;
align-items: center;
color: #025696;
width: max-content;
cursor: pointer;
}
@media (min-width: 1024px) {
section.blog .container .action-buttons button#toggle-sidebar {
display: none;
}
}
section.blog .container .action-buttons button#toggle-sidebar svg {
width: 20px;
height: 20px;
}
section.blog .container .action-buttons a.back-to-blog {
display: flex;
align-items: center;
gap: 5px;
text-decoration: none;
width: max-content;
}
section.blog .container .action-buttons a.back-to-blog svg {
width: 20px;
height: 20px;
}
section.blog .container .sidebar-wrapper {
max-height: 0;
transition: all 0.7s ease;
overflow: hidden;
}
@media (min-width: 1024px) {
section.blog .container .sidebar-wrapper {
max-height: 2000px;
}
}
section.blog .container .sidebar-wrapper.active {
max-height: 2000px;
}
section.blog .container .sidebar-wrapper aside {
margin-bottom: 30px;
}
section.blog .container .blog-wrapper {
display: grid;
grid: auto/minmax(0, 1fr);
gap: 30px;
}
@media (min-width: 540px) {
section.blog .container .blog-wrapper {
grid: auto/repeat(2, minmax(0, 1fr));
}
}
section.blog .container .pagination {
grid-column: 1/-1;
display: flex;
gap: 10px;
margin-top: 30px;
justify-content: center;
}
.register {
padding: 5rem 0;
}
.register-inner {
display: flex;
align-items: start;
justify-content: space-between;
gap: 5rem;
}
.register-inner .register-content {
width: 50%;
}
.register-inner .register-content h1 {
font-family: "montserrat", sans-serif !important;
font-weight: bolder;
font-size: 2.5rem;
color: #222;
margin-bottom: 1rem;
}
.register-inner .register-content .register-text {
font-family: "montserrat", sans-serif !important;
font-size: 1.6rem;
color: #222;
margin-bottom: 2rem;
}
.register-inner .register-form {
width: 50%;
}
.single-blog {
background-color: #ffffff;
}
.single-blog .single-blog-image {
width: 100vw;
height: 50vh;
position: relative;
}
.single-blog .single-blog-image img {
width: 100vw;
height: 100%;
object-fit: cover;
object-position: center;
}
.single-blog .single-blog-inner {
padding: 80px 0;
}
.single-blog .single-blog-header {
margin-bottom: 2rem;
display: flex;
align-items: center;
gap: 1rem;
}
.single-blog .single-blog-header button {
background-color: transparent;
border: none;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.single-blog .single-blog-header button img {
width: 20px;
height: 20px;
object-fit: cover;
}
.single-blog .single-blog-header p {
font-size: 1.6rem;
color: #222;
font-family: "montserrat", sans-serif !important;
font-weight: bolder;
}
.single-blog .single-blog-title h1 {
font-size: 5rem;
font-family: "montserrat", sans-serif !important;
font-weight: bolder;
}
@media (max-width: 1024px) {
.single-blog .single-blog-title h1 {
font-size: 3rem;
}
}
.single-blog .single-blog-author {
font-size: 1.6rem;
font-weight: 400;
margin-bottom: 2rem;
font-family: "montserrat", sans-serif !important;
font-weight: bolder;
}
.single-blog .single-blog-text {
width: 100%;
font-size: 1.6rem;
font-family: "montserrat", sans-serif !important;
}
.single-blog .single-blog-text p {
font-weight: 300;
}
.single-blog .single-blog-text strong {
font-weight: 700;
font-family: "montserrat", sans-serif !important;
font-weight: bold;
}
.single-blog .single-blog-text h1, .single-blog .single-blog-text h2, .single-blog .single-blog-text h3, .single-blog .single-blog-text h4, .single-blog .single-blog-text h5, .single-blog .single-blog-text h6 {
font-weight: 700;
margin-bottom: 1rem;
font-family: "montserrat", sans-serif !important;
font-weight: bolder;
}
body.single-product .site-wrapper main.main-content {
padding: 20px 0 0px;
}
body.single-product .site-wrapper main.main-content div.product {
display: grid;
grid: auto/minmax(0, 1fr);
row-gap: 20px;
column-gap: 20px;
margin-top: 20px;
}
@media (min-width: 768px) {
body.single-product .site-wrapper main.main-content div.product {
grid: auto/repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
body.single-product .site-wrapper main.main-content div.product {
grid: auto/repeat(2, minmax(0, 1fr)) minmax(0, 250px);
}
}
body.single-product .site-wrapper main.main-content div.product span.onsale {
left: 0;
top: 0;
}
body.single-product .site-wrapper main.main-content div.product .woocommerce-product-gallery {
float: none;
width: 100%;
margin-bottom: 0;
}
@media (min-width: 768px) {
body.single-product .site-wrapper main.main-content div.product .woocommerce-product-gallery {
grid-column-end: span 2;
}
}
@media (min-width: 1024px) {
body.single-product .site-wrapper main.main-content div.product .woocommerce-product-gallery {
grid-column-end: span 1;
}
}
body.single-product .site-wrapper main.main-content div.product .summary {
float: none;
width: 100%;
margin: 0;
border: 1px solid #DBDBDB;
padding: 20px;
display: flex;
flex-direction: column;
}
body.single-product .site-wrapper main.main-content div.product .summary h1.product_title {
margin-bottom: 10px;
}
body.single-product .site-wrapper main.main-content div.product .summary p.product-category {
font-size: 14px;
margin-bottom: 20px;
}
body.single-product .site-wrapper main.main-content div.product .summary .woocommerce-product-details__short-description {
margin-bottom: 20px;
}
body.single-product .site-wrapper main.main-content div.product .summary ul.key-selling-points {
list-style-type: disc;
margin-bottom: 20px;
font-size: 14px;
}
body.single-product .site-wrapper main.main-content div.product .summary .product_meta {
display: grid;
grid: auto/1fr;
margin-top: 20px;
font-size: 14px;
}
@media (min-width: 1024px) {
body.single-product .site-wrapper main.main-content div.product .summary .product_meta {
margin-top: auto;
}
}
body.single-product .site-wrapper main.main-content div.product .summary .product_meta .posted_in {
display: none;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart {
border: 1px solid #DBDBDB;
padding: 20px;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart .product-price {
color: inherit;
padding-bottom: 15px;
display: grid;
grid: auto/1fr;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart .product-price span {
line-height: 1.2;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart .product-price small {
font-size: 14px;
opacity: 0.5;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart form.cart {
margin: 0;
border-top: 1px solid #DBDBDB;
padding-top: 25px;
display: flex;
flex-wrap: wrap;
row-gap: 10px;
column-gap: 5px;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart form.cart::before, body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart form.cart::after {
display: none;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart form.cart button.button {
text-decoration: none;
width: fit-content;
min-width: 125px;
display: inline-flex;
justify-content: center;
column-gap: 10px;
align-items: center;
padding: 5px 10px;
border: 1px solid #025696;
border-radius: 0;
background-color: #ffffff;
color: #025696;
line-height: 1.2;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
min-height: 40px;
cursor: pointer;
font-size: 14px;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart form.cart button.button img {
transition: all 0.3s ease;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart form.cart button.button:hover {
background-color: #025696;
border-color: #025696;
color: #ffffff;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart form.cart button.button:hover img {
filter: brightness(0) invert(1);
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart form.cart .custom-input-fields {
margin-bottom: 20px;
display: none;
padding: 10px;
background-color: #f6f6f9;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart form.cart .custom-input-fields p {
font-size: 14px;
font-weight: bold;
line-height: 1.2;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart form.cart .custom-input-fields label {
font-size: 14px;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart form.cart .custom-input-fields input {
height: 40px;
border: 1px solid lightgrey;
padding: 0 10px;
width: 100%;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart form.cart .custom-input-fields .custom_length_error {
font-size: 13px;
color: red;
line-height: 1.2;
margin-top: 3px;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart form.cart .custom-input-fields .custom_length_message {
font-size: 13px;
color: #025696;
line-height: 1.2;
margin-top: 3px;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart .delivery-time {
color: rgba(0, 0, 0, 0.5);
font-size: 14px;
margin-top: 10px;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart .more-info {
border-top: 1px solid #DBDBDB;
margin-top: 10px;
padding-top: 20px;
}
body.single-product .site-wrapper main.main-content div.product .custom-add-to-cart .more-info p {
line-height: 1.4;
}
body.single-product .site-wrapper main.main-content div.product .woocommerce-tabs {
grid-column: 1/-1;
padding: 40px 0;
}
body.single-product .site-wrapper main.main-content div.product .woocommerce-tabs ul.tabs {
padding: 0;
display: grid;
grid: auto/1fr;
row-gap: 5px;
}
@media (min-width: 540px) {
body.single-product .site-wrapper main.main-content div.product .woocommerce-tabs ul.tabs {
display: flex;
flex-wrap: wrap;
column-gap: 15px;
}
}
body.single-product .site-wrapper main.main-content div.product .woocommerce-tabs ul.tabs::before, body.single-product .site-wrapper main.main-content div.product .woocommerce-tabs ul.tabs::after {
display: none;
}
body.single-product .site-wrapper main.main-content div.product .woocommerce-tabs ul.tabs li {
border: 0;
background-color: #f6f6f9;
padding: 10px 30px;
}
body.single-product .site-wrapper main.main-content div.product .woocommerce-tabs ul.tabs li::before, body.single-product .site-wrapper main.main-content div.product .woocommerce-tabs ul.tabs li::after {
display: none;
}
body.single-product .site-wrapper main.main-content div.product .woocommerce-tabs ul.tabs li.active {
font-family: "montserrat", sans-serif !important;
font-weight: bolder;
}
body.single-product .site-wrapper main.main-content div.product .woocommerce-tabs h2 {
margin-bottom: 20px;
}
body.single-product .site-wrapper main.main-content div.product .woocommerce-tabs table tbody tr td {
padding: 0 10px;
}
body.single-product .site-wrapper main.main-content section {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
body.single-product .site-wrapper main.main-content section:nth-of-type(odd) {
background-color: #f6f6f9;
}
body.single-product .site-wrapper main.main-content section h2 {
margin-bottom: 40px;
margin-top: 0;
}
@media (min-width: 768px) {
body.single-product .site-wrapper main.main-content section h2 {
font-size: 1.7em;
}
}
@media (min-width: 992px) {
body.single-product .site-wrapper main.main-content section ul.products {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
body.single-product .site-wrapper main.main-content section ul.products {
grid: auto/repeat(4, minmax(0, 1fr));
}
}
body.tax-product_cat .site-wrapper,
body.post-type-archive-product .site-wrapper {
padding-bottom: 30px;
}
body.tax-product_cat .site-wrapper > .container,
body.post-type-archive-product .site-wrapper > .container {
display: grid;
grid: auto/minmax(0, 1fr);
gap: 30px;
}
@media (min-width: 1024px) {
body.tax-product_cat .site-wrapper > .container,
body.post-type-archive-product .site-wrapper > .container {
grid: auto/minmax(0, 300px) minmax(0, 1fr);
}
}
@media (min-width: 1024px) {
body.tax-product_cat .site-wrapper > .container main,
body.post-type-archive-product .site-wrapper > .container main {
order: 2;
}
}
body.tax-product_cat .site-wrapper > .container main .woocommerce-products-header,
body.post-type-archive-product .site-wrapper > .container main .woocommerce-products-header {
background-color: transparent;
margin-top: 30px;
margin-bottom: 30px;
}
body.tax-product_cat .site-wrapper > .container main .woocommerce-products-header h1,
body.post-type-archive-product .site-wrapper > .container main .woocommerce-products-header h1 {
font-size: 25px;
}
body.tax-product_cat .site-wrapper > .container main .woocommerce-products-header .term-description,
body.post-type-archive-product .site-wrapper > .container main .woocommerce-products-header .term-description {
margin-top: 20px;
}
body.tax-product_cat .site-wrapper > .container main .wpc-custom-selected-terms,
body.post-type-archive-product .site-wrapper > .container main .wpc-custom-selected-terms {
margin-top: 10px;
font-size: 14px;
display: none;
}
body.tax-product_cat .site-wrapper > .container main .woocommerce-no-products-found,
body.post-type-archive-product .site-wrapper > .container main .woocommerce-no-products-found {
margin-top: 20px;
}
body.tax-product_cat .site-wrapper > .container main .products-wrapper,
body.post-type-archive-product .site-wrapper > .container main .products-wrapper {
display: grid;
grid: auto/1fr;
gap: 30px;
}
@media (min-width: 1024px) {
body.tax-product_cat .site-wrapper > .container main .products-wrapper,
body.post-type-archive-product .site-wrapper > .container main .products-wrapper {
grid: auto/minmax(0, 250px) 1fr;
}
}
body.tax-product_cat .site-wrapper > .container main .products-wrapper aside,
body.post-type-archive-product .site-wrapper > .container main .products-wrapper aside {
order: 2;
}
@media (min-width: 1024px) {
body.tax-product_cat .site-wrapper > .container main .products-wrapper aside,
body.post-type-archive-product .site-wrapper > .container main .products-wrapper aside {
order: 1;
}
}
body.tax-product_cat .site-wrapper > .container main .products-wrapper main,
body.post-type-archive-product .site-wrapper > .container main .products-wrapper main {
order: 1;
}
@media (min-width: 1024px) {
body.tax-product_cat .site-wrapper > .container main .products-wrapper main,
body.post-type-archive-product .site-wrapper > .container main .products-wrapper main {
order: 2;
}
}
body.tax-product_cat .site-wrapper > .container main .products-wrapper main p.woocommerce-result-count,
body.post-type-archive-product .site-wrapper > .container main .products-wrapper main p.woocommerce-result-count {
display: none;
}
body.tax-product_cat .site-wrapper > .container main .products-wrapper main form.woocommerce-ordering,
body.post-type-archive-product .site-wrapper > .container main .products-wrapper main form.woocommerce-ordering {
float: none;
text-align: right;
}
body.tax-product_cat .site-wrapper > .container main .products-wrapper main form.woocommerce-ordering select,
body.post-type-archive-product .site-wrapper > .container main .products-wrapper main form.woocommerce-ordering select {
height: 40px;
border: 1px solid #DBDBDB;
padding: 0 10px;
}
@media (min-width: 1024px) {
body.tax-product_cat .site-wrapper > .container aside,
body.post-type-archive-product .site-wrapper > .container aside {
order: 1;
margin-top: 15px;
}
}
section.tp-cart-content {
padding: 5rem 0;
}
.woocommerce-cart-form,
.cart-collaterals {
font-family: "montserrat", sans-serif !important;
}
.woocommerce-cart-form__cart-item .product-thumbnail a img {
width: 100px;
height: 100px;
object-fit: cover;
}
.woocommerce-cart-form__cart-item .product-name a {
color: #025696;
text-decoration: none;
}
.woocommerce-cart-form__cart-item .product-name .variation {
background-color: #f6f6f9;
padding: 5px 10px;
font-size: 14px;
margin-top: 10px;
}
.quantity {
display: flex;
align-items: center;
}
.quantity input {
width: 70px;
height: 40px;
padding: 0.5rem;
font-size: 1.6rem;
border: 1px solid #DBDBDB;
}
.quantity .qty {
width: 60px;
height: 40px;
text-align: center;
border: 1px solid #ddd;
border-radius: 0;
}
.quantity button {
background-color: #025696;
border: 1px solid #025696;
color: #ffffff;
width: 40px;
padding: 0 10px;
font-size: 18px;
line-height: 1;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.quantity button.plus {
border-left: 0;
}
.quantity button.minus {
border-right: 0;
}
.coupon {
display: none;
}
.woocommerce-message {
font-family: "montserrat", sans-serif !important;
}
.checkout-button {
background-color: #025696 !important;
color: #ffffff;
border: none;
padding: 1rem 2rem;
font-family: "montserrat", sans-serif !important;
}
.cart_totals h2 {
font-family: "montserrat", sans-serif !important;
font-weight: bolder;
font-size: 3.5rem;
color: #222;
margin-bottom: 2rem;
}
.page--cart h1.page-title {
margin-bottom: 20px;
}
@media (max-width: 768px) {
.page--cart .product-quantity {
display: flex !important;
gap: 10px;
height: 100%;
}
}
.woocommerce-checkout .page .container h1.page-title {
margin-bottom: 20px;
}
.woocommerce-checkout .page .container > .woocommerce form.checkout {
display: grid;
grid: auto/1fr;
gap: 30px;
}
@media (min-width: 768px) {
.woocommerce-checkout .page .container > .woocommerce form.checkout {
grid: auto/1fr 1fr;
}
}
@media (min-width: 100px) {
.woocommerce-checkout .page .container > .woocommerce form.checkout {
gap: 40px;
}
}
.woocommerce-checkout .page .container > .woocommerce form.checkout wc-order-attribution-inputs {
display: none;
}
.woocommerce-checkout .page .container > .woocommerce form.checkout h3 {
font-size: 20px;
}
@media (min-width: 768px) {
.woocommerce-checkout .page .container > .woocommerce form.checkout h3 {
font-size: 22px;
}
}
.woocommerce-checkout .page .container > .woocommerce form.checkout #customer_details {
display: flex;
flex-direction: column;
gap: 20px;
}
.woocommerce-checkout .page .container > .woocommerce form.checkout #customer_details::before, .woocommerce-checkout .page .container > .woocommerce form.checkout #customer_details::after {
display: none;
}
.woocommerce-checkout .page .container > .woocommerce form.checkout #customer_details .col-1,
.woocommerce-checkout .page .container > .woocommerce form.checkout #customer_details .col-2 {
float: none;
width: 100%;
}
.woocommerce-checkout .page .container > .woocommerce form.checkout h3#order_review_heading {
display: none;
}
.woocommerce-checkout .page .container > .woocommerce form.checkout #order_review table.woocommerce-checkout-review-order-table .variation {
background-color: #f6f6f9;
padding: 5px 10px;
font-size: 14px;
margin-top: 10px;
}
.woocommerce-checkout .page .container > .woocommerce form.checkout #order_review table.woocommerce-checkout-review-order-table thead tr th {
font-family: "montserrat", sans-serif !important;
font-weight: bolder;
}
.woocommerce-checkout .page .container > .woocommerce form.checkout #order_review table.woocommerce-checkout-review-order-table tfoot tr th {
font-family: "montserrat", sans-serif !important;
font-weight: bolder;
}
.woocommerce-checkout .page .container > .woocommerce form.checkout #payment #place_order {
margin-top: 20px;
}
.woocommerce-checkout .page .container > .woocommerce .woocommerce-order p.woocommerce-notice {
margin-bottom: 20px;
font-size: 1.2em;
}
.woocommerce-checkout .page .container > .woocommerce .woocommerce-order .wc-item-meta {
background-color: #f6f6f9;
padding: 5px 10px;
font-size: 14px;
margin-top: 10px;
}
.woocommerce-checkout .page .container > .woocommerce .woocommerce-order section h2 {
margin-bottom: 20px;
}
body .page section .container .woocommerce {
margin-top: 30px;
}
body .page section .container .woocommerce button.show-password-input {
top: 19px;
}
body .page section .container .woocommerce nav.woocommerce-MyAccount-navigation {
margin-bottom: 20px;
margin-top: 0;
}
body .page section .container .woocommerce nav.woocommerce-MyAccount-navigation ul {
padding: 0;
display: grid;
grid: auto/1fr;
gap: 1px;
list-style-type: none;
margin-top: 0;
}
body .page section .container .woocommerce nav.woocommerce-MyAccount-navigation ul li {
background-color: #025696;
padding: 10px 20px;
}
body .page section .container .woocommerce nav.woocommerce-MyAccount-navigation ul li a {
text-decoration: none;
color: #ffffff;
}
body .page section .container .woocommerce .woocommerce-MyAccount-content p + .woocommerce-order-details {
margin-top: 20px;
}
body .page section .container .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses {
margin-top: 20px;
}
body .page section .container .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header {
padding: 5px 10px;
}
body .page section .container .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address {
padding: 5px 10px;
}
body .page section .container .woocommerce .woocommerce-MyAccount-content form.edit-account fieldset {
margin-top: 20px;
}
body .page section .container .woocommerce .woocommerce-MyAccount-content form.edit-account fieldset legend {
margin-left: 2px;
font-size: 1.2em;
}
body .page section .container .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p#billing_eu_vat_number_field {
float: right;
width: 47%;
}
body .page section .container .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p#billing_eu_vat_number_field label span.optional {
display: none;
}
body .page section .container .woocommerce form.login .woocommerce-form-login__rememberme {
display: none;
}
body .page section .container .woocommerce form.register #billing_eu_vat_number_field {
float: none;
width: 100%;
}
body .page section .container .woocommerce form.register .woocommerce-privacy-policy-text {
margin-top: 1em;
margin-bottom: 10px;
}
body.search-results .site-wrapper main.main-content .container .page-title {
margin-bottom: 40px;
font-family: "montserrat", sans-serif !important;
font-weight: bold;
}
@media (min-width: 768px) {
body.search-results .site-wrapper main.main-content .container .page-title {
font-size: 32px;
}
}
body.search-results .site-wrapper main.main-content .container .search-results .search-results-wrapper {
padding: 20px;
box-shadow: 0 0 8px lightgrey;
}
@media (min-width: 768px) {
body.search-results .site-wrapper main.main-content .container .search-results .search-results-wrapper {
padding: 20px 40px 30px;
}
}
body.search-results .site-wrapper main.main-content .container .search-results .search-results-wrapper h2 {
margin-bottom: 30px;
}
body.search-results .site-wrapper main.main-content .container .search-results .search-results-wrapper .grid-default .card-page,
body.search-results .site-wrapper main.main-content .container .search-results .search-results-wrapper .grid-default .card-blog {
box-shadow: 0 0 8px lightgrey;
}
body.search-results .site-wrapper main.main-content .container .search-results .search-results-wrapper .grid-default .card-blog {
width: 100%;
}
body.search-results .site-wrapper main.main-content .container .search-results .search-results-wrapper + .search-results-wrapper {
margin-top: 40px;
}
.single-project .page {
padding-top: 40px;
padding-bottom: 40px;
}
@media (min-width: 768px) {
.single-project .page {
padding-top: 80px;
padding-bottom: 80px;
}
}
.single-project .page .container h1 {
font-size: 3rem;
margin-bottom: 50px;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
@media (min-width: 768px) {
.single-project .page .container h1 {
font-size: 4rem;
}
}
.single-project .page .container h1 span {
font-style: italic;
}
.single-project .page .container .columns {
display: grid;
grid: auto/1fr;
gap: 20px;
display: flex;
flex-direction: column;
}
@media (min-width: 1024px) {
.single-project .page .container .columns {
display: grid;
grid: auto/repeat(2, minmax(0, 1fr));
gap: 60px;
}
}
.single-project .page .container .columns .col {
display: flex;
flex-direction: column;
gap: 20px;
}
.single-project .page .container .columns .col h2 {
margin-bottom: 15px;
}
.single-project .page .container .columns .col ul {
margin-top: 1rem;
padding-left: 0;
}
.single-project .page .container .columns .col ul li {
position: relative;
padding-left: 24px;
}
.single-project .page .container .columns .col ul li::before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 18px;
height: 18px;
background-image: url(//awp.be/wp-content/themes/custom/assets/icons/check-blue.svg);
background-repeat: no-repeat;
background-size: contain;
}
.single-project .page .container .columns .col ul li + li {
margin-top: 5px;
}
.single-project .page .container .columns .col .quote blockquote {
padding: 20px;
border-left: 5px solid grey;
background-color: #efefef;
}
.single-project .page .container .columns .col .quote blockquote:last-child {
margin-bottom: 10px;
}
.single-project .page .container .columns .col .images h2 {
display: flex;
gap: 20px;
align-items: center;
justify-content: space-between;
}
.single-project .page .container .columns .col .images h2 nav {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-bottom: 10px;
}
.single-project .page .container .columns .col .images h2 nav button {
background-color: transparent;
border: none;
cursor: pointer;
display: block;
width: 30px;
height: 30px;
}
.single-project .page .container .columns .col .images h2 nav button svg {
width: 30px;
height: 30px;
}
.single-project .page .container .columns .col .images .single-project-slider .slide {
aspect-ratio: 16/11;
overflow: hidden;
width: 100%;
}
.single-project .page .container .columns .col .images .single-project-slider .slide img {
width: 100%;
height: 100%;
object-fit: cover;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(//awp.be/wp-content/themes/custom/assets/icons/ajax-loader.gif) center center no-repeat;
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.slick-lightbox{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:black;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.slick-lightbox .slick-loading .slick-list{background-color:transparent}.slick-lightbox .slick-prev{left:15px}.slick-lightbox .slick-next{right:15px}.slick-lightbox-hide{opacity:0}.slick-lightbox-hide.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-hide-init{position:absolute;top:-9999px;opacity:0}.slick-lightbox-hide-init.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-inner{position:fixed;top:0;left:0;width:100%;height:100%}.slick-lightbox-slick-item{text-align:center;overflow:hidden}.slick-lightbox-slick-item:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{position:absolute;bottom:0;left:0;text-align:center;width:100%;margin-bottom:20px}.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{display:block;text-align:center}.slick-lightbox-slick-item-inner{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%}.slick-lightbox-slick-img{margin:0 auto;display:block;max-width:90%;max-height:90%}.slick-lightbox-slick-caption{margin:10px 0 0;color:white}.slick-lightbox-close{position:absolute;top:15px;right:15px;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;border:none}.slick-lightbox-close:focus{outline:none}.slick-lightbox-close:before{font-family:"slick";font-size:20px;line-height:1;color:white;opacity:0.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'×'}