/*!
Theme Name: okatech
Theme URI: https://www.quebec-wordpress.com/
Description: A custom theme
Author: Québec WordPress
Author URI: https://www.quebec-wordpress.com/
Version: 1.0
Stable tag: 2.4.1
Requires at least: 4.7
Tested up to: 5.6
Requires PHP: 5.6
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: okatech
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/********Global********/
:root {
--color-blue-btns: #00B5E2;
--color-blue-bg: #003B4A;
--color-green: #8BC34A;
--color-text: #1C1C1C;
--color-white: #fff;
--title-font: "Orbitron", sans-serif;
--subtitle-font: "Rajdhani", sans-serif;
--subtitle-font-2: "Poppins", sans-serif;
--text-font: "Roboto", sans-serif;
--text-font-2: "Inter", sans-serif;
--font-mulish: "Mulish", sans-serif
}
*{
box-sizing: border-box;
transition: all .3s ease-in;
}
body{
margin: 0;
color: var(--color-text);
font-family: var(--font-mulish) !important;
}
img{
max-width: 100%;
height: auto;
display: block;
}
body .bg-blue{
background-color: var(--color-blue-bg);
color: var(--color-white);
}
/********Header********/
.site-header {
border-bottom: 1px solid #ebebeb;
}
.site-header img{
max-width: 200px;
}
.site-header .site-topbar ul{
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 15px;
flex-wrap: wrap;
align-items: center;
}
.site-header .site-topbar p{
margin: 0;
}
.site-header .site-topbar a,
.site-header .site-topbar p{
text-decoration: none;
color: var(--color-white);
font-weight: 400;
letter-spacing: 0.05em;
font-family: var(--font-mulish);
}
.site-header .site-topbar a{
display: inline-flex;
gap: 5px;
align-items: center;
}
.site-header .site-topbar li.link-promos a::before{
font-family: "Font Awesome 6 Free";
color: var(--color-green);
content: "\f0e7";
font-weight: 900;
}
.site-header .site-topbar li.link-promos a,
.site-header .site-topbar a:hover{
color: var(--color-green);
}
.site-header .site-topbar li.link-promos a:hover,
.site-header .site-topbar li.link-promos a:hover::before{
color: var(--color-white);
}
.site-header .site-topbar .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon{
margin-top: 5px;
}
.site-header #mega-menu-wrap-menu-1{
background-color: var(--color-white);
color: var(--color-text);
}
.site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
padding: 0 5px;
}
.site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
color: var(--color-text);
background-color: transparent;
border: none transparent;
font-family: var(--font-mulish);
font-size: 16px;
font-weight: 600;
}
.site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
.site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
.site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
background: transparent;
color: var(--color-blue-btns);
font-weight: 600;
text-decoration: none;
border-color: transparent;
}
.site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover{
color: var(--color-blue-btns);
}
.site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
content: "\f347";
}
.site-header .hotline a,
.site-header .my-account-wrapper a,
.site-header .shopping-cart-wrapper a{
text-decoration: none;
display: flex;
gap: 5px;
color: var(--color-text);
align-items: center;
font-family: var(--font-mulish);
}
.site-header .hotline a::before,
.site-header .my-account-wrapper a::before,
.site-header a .cart-icon::before{
display: block;
font-weight: 400;
}
.site-header .hotline a::before{
content: url('data:image/svg+xml;utf8,');
}
.site-header .my-account-wrapper a::before{
content: url('data:image/svg+xml;utf8,');
}
.site-header a .cart-icon::before{
content: url('data:image/svg+xml;utf8,');
}
.site-header .hotline a:hover::before{
content: url('data:image/svg+xml;utf8,');
}
.site-header .my-account-wrapper a:hover::before{
content: url('data:image/svg+xml;utf8,');
}
.site-header .shopping-cart-wrapper a:hover .cart-icon::before{
content: url('data:image/svg+xml;utf8,');
}
.site-header .hotline a > span,
.site-header .my-account-wrapper a > span,
.site-header .shopping-cart-wrapper a .cart-total{
display: flex;
flex-direction: column;
gap: 0;
color: #848484;
font-size: 15px;
font-weight: 600;
font-size: 0.8rem;
}
.site-header .my-account-wrapper a .label + span,
.site-header .shopping-cart-wrapper a .cart-total .label + span{
font-size: 15px;
font-weight: 800;
color: var(--color-text);
}
.site-header .hotline > a .number,
.site-header .my-account-wrapper a:hover .label + span,
.site-header .shopping-cart-wrapper a:hover .cart-total .label + span{
color: var(--color-blue-btns);
font-size: 15px;
font-weight: 800;
}
.site-header .shopping-cart-wrapper .cart-controls{
position: relative;
}
.site-header .shopping-cart-wrapper .cart-controls .oka-cart-count{
position: absolute;
top: -3px;
right: -2px;
left: auto;
width: 18px;
height: 18px;
font-size: 11px;
line-height: 18px;
text-align: center;
letter-spacing: 0;
border-radius: 50%;
overflow: hidden;
background: var(--color-blue-btns);
color: var(--color-white);
}
.site-header .shopping-cart-wrapper .cart-controls .cart-icon{
display: inline-block;
margin-top: 5px;
}
.site-header .site-brandingRight{
display: flex;
justify-content: space-between;
gap: 1rem;
align-items: center;
}
/********Footer******/
.site-footer .logo{
max-width: 150px;
}
.site-footer{
font-size: 14px;
border-top: 3px solid var(--color-blue-bg);
}
.site-footer .footer-top-content .widget_nav_menu ul{
display: flex;
flex-direction: column;
gap: 15px;
list-style: none;
margin: 0;
padding: 0;
}
.site-footer .footer-top-content a,
.site-footer .footer-top-content p{
text-decoration: none;
color: var(--color-text);
font-weight: 400;
font-size: 15px;
}
.site-footer .footer-top-content .widget_nav_menu h4{
font-weight: 700;
font-size: 20px;
}
.site-footer .footer-top-content a:hover,
.site-footer a,
.site-footer .bottom-links a:hover{
color: var(--color-blue-btns);
}
.site-footer .socialLinks ul,
.site-footer .bottom-links ul,
.section .socialLinks ul{
list-style: none;
display: flex;
gap: 10px;
padding: 0;
margin: 0;
}
.site-footer .socialLinks ul li a,
.socialLinks ul li a{
width: 25px;
height: 25px;
background-size: contain;
display: block;
background-repeat: no-repeat;
background-position: center;
}
.site-footer .socialLinks ul li.facebook-oka a,
.socialLinks ul li.facebook-oka a {
background-image: url('assets/img/brand-facebook.png');
}
.site-footer .socialLinks ul li.insta-oka a,
.socialLinks ul li.insta-oka a{
background-image: url('assets/img/brand-instagram.png');
}
.site-footer .socialLinks ul li.tiktok-oka a,
.socialLinks ul li.tiktok-oka a{
background-image: url('assets/img/brand-tiktok.png');
}
.site-footer .socialLinks ul li.facebook-oka a:hover,
.socialLinks ul li.facebook-oka a:hover{
background-image: url('assets/img/brand-facebook-blue.png');
}
.site-footer .socialLinks ul li.insta-oka a:hover,
.socialLinks ul li.insta-oka a:hover{
background-image: url('assets/img/brand-instagram-blue.png');
}
.site-footer .socialLinks ul li.tiktok-oka a:hover,
.socialLinks ul li.tiktok-oka a:hover{
background-image: url('assets/img/brand-tiktok-blue.png');
}
.site-footer .footer-bottom-content{
font-size: 12px;
border-top: 1px solid rgba(235, 235, 235, 1);
}
.site-footer .bottom-copyright a{
color: var(--color-green);
font-weight: 500;
text-decoration: none;
}
.site-footer .bottom-links a{
text-decoration: none;
color: var(--color-text);
}
.site-footer .bottom-copyright a:hover{
text-decoration: underline;
}
.section-reinsurance{
background-color: #F4F4F4;
}
.section-reinsurance .reinsurance-icon{
max-width: 80px;
}
.section-reinsurance .reinsurance-content{
flex: 0 0 calc(100% - 90px);
}
.section-reinsurance .reinsurance-content h3{
text-transform: uppercase;
font-size: 15px;
font-weight: 800;
}
/********Home******/
.section .title-h2{
font-size: 30px;
font-weight: 700;
font-family: var(--font-mulish);
text-transform: capitalize;
}
.section .section-head{
border-bottom: 1px solid #ebebeb;
}
.section.section-brands .section-head{
border-bottom: none;
}
.section-blog .item-post img,
.section-services .item-service img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom center;
border-radius: 10px;
}
.section-blog .item-post:hover img,
.section-services .item-service:hover img{
transform: scale(1.05);
}
.section-blog .item-post .post-thumb,
.section-services .item-service .service-thumb{
width: 100%;
height: 255px;
overflow: hidden;
border-radius: 10px;
}
.link-overlay{
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
.section-blog .item-post .post-content,
.item-blog .post-content{
display: flex;
gap: 10px;
flex-direction: column;
font-size: 16px;
font-family: var(--font-mulish);
padding: 0;
}
.section-blog .item-post .post-content .link-category,
.item-blog .post-content .link-category,
.section .post .link-category{
text-decoration: none;
font-weight: 300;
color: var(--color-green);
}
.section-blog .item-post .post-content h3,
.item-blog .post-content h3 a{
font-size: 24px;
font-family: var(--font-mulish);
font-weight: 700;
}
.single .entry-thumb img{
max-height: 500px;
}
.item-blog .post-content h3 a{
text-decoration: none;
color: var(--color-text);
}
.section-blog .item-post:hover .post-content h3,
.section-services .item-service:hover h3,
.item-blog:hover .post-content h3 a{
color: var(--color-blue-btns);
}
.section-blog .item-post .post-excerpt,
.item-blog .post-excerpt{
line-height: 1.6;
color: #848484;
}
.section-blog .item-post .post-date,
.item-blog .post-date {
color: #848484;
text-transform: uppercase;
font-size: 14px;
}
.section .owl-theme .owl-dots .owl-dot span {
width: 12px;
height: 12px;
margin: 5px 3px;
opacity: 1;
}
.section .owl-theme .owl-dots .owl-dot.active span,
.section .owl-theme .owl-dots .owl-dot:hover span,
.section .slick-dots li.slick-active button {
background-color: var(--color-blue-btns);
opacity: 1;
}
.slick-dots li button:before{
content: '';
display: none;
}
.section .owl-theme .owl-dots .owl-dot.active span,
.section .slick-dots li.slick-active button{
width: 40px;
border-radius: 20px;
border-color: var(--color-blue-btns);
}
.section .slick-dots li{
width: auto;
height: auto;
}
.section .owl-carousel .owl-nav button.owl-next,
.section .owl-carousel .owl-nav button.owl-prev,
.section .slick-dots li button{
display: flex;
width: 20px;
height: 20px;
background-color: #ebebeb;
color: var(--color-text);
border-radius: 100%;
align-items: center;
justify-content: center;
border: 1px solid #ebebeb;
}
.section .owl-carousel .owl-nav button.owl-next:hover,
.section .owl-carousel .owl-nav button.owl-prev:hover{
background-color: var(--color-blue-btns);
color: #fff;
border: var(--color-blue-btns);
}
.section .owl-carousel .owl-nav button span{
display: inline-block;
height: auto;
font-size: 30px;
position: relative;
top: -4px;
}
.section .owl-carousel .owl-nav{
display: flex;
justify-content: center;
align-items: center;
}
.section .owl-theme .owl-nav.disabled+.owl-dots{
margin-top: 30px;
}
.section .slick-dots {
bottom: -50px;
}
.section .text-green{
color: var(--color-green);
}
.section .listing-brands .item-brand:hover img {
opacity: 1;
}
.section .listing-brands .item-brand img{
transition: 200ms ease;
opacity: 0.2;
}
.section .listing-brands .item-brand{
display: flex;
flex-flow: column wrap;
align-items: center;
justify-content: center;
min-height: 100px;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #ebebeb;
}
.section .listing-brands .row{
border-radius: 10px;
position: relative;
}
.section .listing-brands .row::before{
content: '';
position: absolute;
inset: 0;
border: 1px solid #ebebeb;
border-radius: 10px;
}
.section .productTabs{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
.section .nav-tabs li .nav-link{
border: none transparent;
letter-spacing: 0.025em;
font-size: 1.06rem;
font-weight: 800;
font-family: var(--font-mulish);
color: var(--color-text);
}
.section .nav-tabs li .nav-link.active{
color: var(--color-blue-btns);
}
.section-products .woocommerce ul.products li.product{
width: 100%;
margin: 0;
}
.woocommerce ul.products li .woocommerce-loop-product__title{
min-height: 61px;
}
.woocommerce ul.products li .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price{
font-size: 1.06rem;
line-height: 1.4;
color: var(--color-text);
font-weight: 600;
font-family: var(--font-mulish);
}
.woocommerce ul.products li:hover .woocommerce-loop-product__title{
color: var(--color-blue-btns);
}
.woocommerce ul.products li.product .price del{
color: rgba(132, 132, 132, 1);
font-weight: 400;
font-size: 12px;
}
.woocommerce ul.products li.product .price{
color: var(--color-text);
}
.woocommerce ul.products li.product .ins{
color: rgba(221, 40, 49, 1);
}
.woocommerce ul.products li:hover img{
border: 1px none transparent;
}
.woocommerce ul.products li:hover img{
border-radius: 10px;
border: 1px solid var(--color-blue-btns);
}
.woocommerce ul.products li.product .button.add_to_cart_button {
display: block;
text-align: center;
padding: 15px;
font-size: 14px;
font-weight: 600;
background-color: var(--color-blue-btns);
color: #fff;
max-width: 200px;
margin: 0 auto;
}
.woocommerce a.added_to_cart{
font-size: 12px;
color: var(--color-green);
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale{
width: auto;
height: auto;
padding: 5px 15px;
font-size: 12px;
border-radius: 2px;
background-color: #dd2831;
min-width: 5px;
min-height: 5px;
line-height: 14px;
margin: 0;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.product_list_widget ins,
.woocommerce ul.products li.product .price ins{
color: #dd2831;
text-decoration: none;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del{
color: var(--color-text);
}
.section-banner{
background-repeat: no-repeat;
background-size: cover;
color: #fff;
}
.section-banner .banner-text{
max-width: 600px;
}
.section-banner .banner-text h2{
font-size: 52px;
font-weight: 900;
line-height: 1.1em;
color: #FFF;
}
.section-banner .banner-text a,
.section .btn,
.woocommerce div.product form.cart .button,
.wp-block-button .wp-block-button__link{
color: #fff;
border: 1px solid #fff;
font-size: 16px;
font-weight: 600;
text-decoration: none;
padding: 10px 20px;
}
.wp-block-button .wp-block-button__link{
border-radius: 5px;
background-color: var(--color-blue-btns);
border-color: transparent;
}
.section-banner .banner-text a:hover,
.section .btn:hover{
background-color: var(--color-blue-btns);
border-color: transparent;
}
.bg-grey{
background-color: #f4f4f4;
}
.section .btn.btn-blue,
.woocommerce div.product form.cart .button{
background-color: var(--color-blue-btns);
border-color: var(--color-blue-btns);
}
.section .btn.btn-blue:hover,
.wp-block-button .wp-block-button__link:hover,
.single .hentry:hover .btn.btn-blue,
.woocommerce div.product form.cart .button:hover,
.woocommerce ul.products li.product:hover .button.add_to_cart_button{
color: var(--color-blue-btns);
border: 1px solid var(--color-blue-btns);
background-color: transparent;
}
.woocommerce .quantity .qty{
height: 37px;
}
.section .item-service h3,
.section .hentry h3{
font-size: 1em;
line-height: 1.4;
font-weight: 600;
}
#services-home .item-service .service-content{
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
width: 100%;
}
.section-services .item-service .service-thumb img,
.section-services .item-service .service-thumb{
border-radius: 0;
}
.site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu{
background-color: #fff;
padding-top: 20px;
}
#btn-top{
display: inline-flex;
background-color: var(--color-green);
width: 50px;
height: 50px;
text-align: center;
border-radius: 50%;
position: fixed;
bottom: 30px;
right: 30px;
color: #fff;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
border: 1px solid var(--color-green);
justify-content: center;
align-items: center;
cursor: pointer;
}
#btn-top:hover{
opacity:1;
filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)";
background-color: #fff;
color: var(--color-green);
border: 1px solid var(--color-green);
}
#btn-top.show {
opacity: 1;
visibility: visible;
}
#btn-top.show:hover svg{
stroke: var(--color-green);
}
.site-main .breadcrumbs,
.site-main-page .breadcrumbs{
font-size: 14px;
color: rgba(132, 132, 132, 1);
font-family: var(--font-mulish);
font-weight: 300;
}
.site-main .breadcrumbs a,
.site-main-page .breadcrumbs a{
text-decoration: none;
color: rgba(132, 132, 132, 1);
}
.site-main .breadcrumb_last,
.site-main-page .breadcrumb_last{
color: var(--color-text);
}
.site-main .breadcrumbs a:hover,
.site-main-page .breadcrumbs a:hover{
color: var(--color-blue-btns);
}
.site-main .page-title,
.site-main-page .page-title{
font-size: 30px;
font-weight: 700;
}
.site-main .sidebar,
.site-main-page .sidebar{
margin-top: 50px;
border-left: 1px solid #ebebeb;
}
.sidebar .widget .dgwt-wcas-search-wrapp {
max-width: 100%;
}
.sidebar .widget{
margin-bottom: 30px;
}
.sidebar .widget .widget-title{
font-size: 20px;
margin-bottom: 20px;
font-weight: 600;
}
.sidebar .widget_categories ul,
.sidebar .widget_recent_entries ul{
display: flex;
flex-direction: column;
list-style: none;
gap: 15px;
padding: 0;
margin: 0;
}
.sidebar .widget_categories ul li{
width: 100%;
display: flex;
gap: 15px 7px;
padding: 0;
line-height: 22px;
color: #848484;
width: 100%;
justify-content: space-between;
}
.sidebar .widget_categories ul li a,
.sidebar .woocommerce ul.product_list_widget a,
.sidebar .widget_recent_entries ul li a{
color: var(--color-text);
text-decoration: none;
}
.sidebar .widget_categories ul li:hover a,
.sidebar .woocommerce ul.product_list_widget li:hover a,
.sidebar .widget_recent_entries ul li:hover a{
color: var(--color-blue-btns);
}
.sidebar ul.brand-thumbnails{
padding: 0;
display: flex;
flex-wrap: wrap;
}
.sidebar ul.brand-thumbnails li img{
opacity: .5;
}
.sidebar .widget_recent_entries ul li{
display: flex;
flex-direction: column;
}
.service .post-thumb,
.item-blog .post-thumb{
height: 300px;
overflow: hidden;
width: 100%;
border-radius: 10px;
}
.service .post-thumb img,
.item-blog .post-thumb img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.section .service .btn,
.item-blog .btn{
max-width: 200px;
}
/********Contact***********/
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #dc3232;
}
.wpcf7 form .wpcf7-response-output{
margin: 2em 0 1em;
padding: 0.2em 1em;
}
.wpcf7 form label sup{
color: #dc3232;
}
.wpcf7 form .form-fields{
display: flex;
justify-content: space-between;
gap: 15px;
flex-direction: row;
flex-wrap: wrap;
}
.wpcf7 form .form-fields input,
.wpcf7 form .form-fields textarea,
.wpcf7 form .field input,
.wpcf7 form .field select,
.wpcf7 form .field textarea{
background: #f4f4f4;
border:1px solid #f4f4f4;
transition: 200ms ease;
font-size: 15px;
padding: 12px 26px;
width: 100%;
border-radius: 6px;
}
.wpcf7 form textarea{
height: 150px;
}
.wpcf7 form .form-fields .wpcf7-form-control-wrap{
display: block;
}
.wpcf7 form .form-fields .field{
flex: 1;
}
.wpcf7 form .wpcf7-submit,
.wc-block-components-button:not(.is-link){
background-color: var(--color-blue-btns);
border: 1px solid var(--color-blue-btns);
color: var(--color-white);
padding: 12px 26px;
border-radius: 10px;
font-weight: 600;
text-decoration: none;
}
.wpcf7 form .wpcf7-submit:hover,
.wc-block-components-button:not(.is-link):hover{
background-color: transparent;
border: 1px solid var(--color-blue-btns);
color: var(--color-blue-btns);
}
.section .col-infos .wp-block-group {
margin-bottom: 20px;
}
.section .col-infos .wp-block-group a{
font-weight: 700;
text-decoration: none;
color: var(--color-text);
}
.section .col-infos .wp-block-group a:hover{
color: var(--color-blue-btns);
}
/******Account********/
.woocommerce-MyAccount-navigation ul{
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-direction: column;
max-width: 300px;
}
.woocommerce-MyAccount-navigation ul li a{
display: block;
padding: 15px;
text-decoration: none;
color: var(--color-text);
padding-left: 0;
border-bottom: 1px solid var(--color-blue-btns);
}
.woocommerce-MyAccount-content a{
color: var(--color-blue-btns);
}
.section .wc-block-cart-item__wrap .wc-block-components-product-name,
.section .wc-block-checkout__sidebar .wc-block-components-product-name{
text-decoration: none;
color: var(--color-blue-btns);
}
.section .wc-block-cart-item__prices .wc-block-components-formatted-money-amount,
.section .wc-block-components-product-price .wc-block-components-formatted-money-amount{
font-weight: 700;
}
.wc-block-components-totals-item__value .wc-block-formatted-money-amount,
.wc-block-components-checkbox__label a{
color: var(--color-green);
}
.section .wc-block-components-form .wc-block-components-text-input input[type=email],
.section .wc-block-components-form .wc-block-components-text-input input[type=number],
.section .wc-block-components-form .wc-block-components-text-input input[type=password],
.section .wc-block-components-form .wc-block-components-text-input input[type=tel],
.section .wc-block-components-form .wc-block-components-text-input input[type=text],
.section .wc-block-components-form .wc-block-components-text-input input[type=url],
.section .wc-block-components-text-input input[type=email],
.section .wc-block-components-text-input input[type=number],
.section .wc-block-components-text-input input[type=password],
.section .wc-block-components-text-input input[type=tel],
.section .wc-block-components-text-input input[type=text],
.section .wc-block-components-text-input input[type=url]{
padding: 12px 26px;
border-radius: 6px;
border: 1px solid #ebebeb;
font-size: 15px;
background-color: var(--color-white);
color: var(--color-text);
}
.section .wc-blocks-components-select .wc-blocks-components-select__select{
border: 1px solid #ebebeb;
}
.section .wp-block-woocommerce-checkout{
padding-top: 0;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li{
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a{
color: var(--color-green);
}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li:hover a{
background: none transparent;
color: var(--color-text);
}
.woocommerce nav.woocommerce-pagination ul li span.current:hover{
background-color: transparent;
color: var(--color-text);
}
#primary .woocommerce-breadcrumb,
.woocommerce .site-content .woocommerce-breadcrumb{
display: none;
}
.single-product .product {
margin-top: 30px;
}
.single-product .related.products::before{
content: '';
clear: both;
display: block;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
text-align: center;
}
.product_meta a{
color: var(--color-green);
text-decoration: none;
}
.row-woocommerce{
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
padding: 30px 0;
}
.row-woocommerce .sidebarShop{
width: 25%;
padding-right: 50px;
flex: 0 0 auto;
}
.row-woocommerce .content-area{
width: 75%;
flex: 0 0 auto;
}
.sidebar .woof_container{
margin-bottom: 20px;
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
text-align: center;
}
.woocommerce .woocommerce-ordering select{
padding: 5px 10px;
font-size: 16px;
border: 1px solid #e1e1e1;
border-radius: 5px;
}
.banner-page img,
.banner-page .wp-block-cover__background{
border-radius: 15px;
}
.entry-content > .wp-block-group > .wp-block-group__inner-container{
max-width: 1320px;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-right: auto;
margin-left: auto;
}
.numbers > .wp-block-column{
border-radius: 10px;
padding: 30px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.numbers > .wp-block-column h3{
color: var(--color-green);
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link{
color: #ff0000;
}
.woocommerce-checkout .section .wc-block-components-form .wc-block-components-address-form__email input[type=email]{
padding: 1.5em .5em .5em;
}
@media (min-width: 1024px) {
.section .col-left{
padding-right: 30px;
}
.section .sidebar{
padding-left: 30px;
}
}
@media (max-width: 1024px) {
.widgetsHeader .widget_text,
.site-header .my-account-wrapper a > span,
.site-header .shopping-cart-wrapper a .cart-total{
display: none;
}
.site-header .site-topbar .topbarRight ul li{
display: none;
}
.site-header .site-topbar .topbarRight ul li:last-child{
display: block;
}
.site-header .site-brandingRight .contentMenu{
order: 2;
}
.site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
color: #fff;
}
.site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link{
background-color: #fff;
}
.site-header #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1{
padding-top: 20px;
}
.site-header #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right{
background: #fff;
}
.site-header #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box,
.site-header #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
.site-header #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
.site-header #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{
width: 50px;
}
.site-header #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
.site-header #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
.site-header #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{
background-color: var(--color-blue-btns);
}
}
@media (max-width: 767px) {
.site-header img {
max-width: 150px;
}
.site-header .site-topbar a, .site-header .site-topbar p{
font-size: 10px;
}
.site-footer .footer-top-content > div{
padding-bottom: 20px;
}
.site-footer .footer-top-content > div:last-child{
padding-bottom: 0;
}
.section-reinsurance .reinsurance-icon {
max-width: 50px;
}
.section-reinsurance .reinsurance-content p,
.section-reinsurance .reinsurance-content h3 {
font-size: 12px;
}
.section-reinsurance .reinsurance-content p{
margin-bottom: 5px;
}
.section-reinsurance .reinsurance-content {
flex: 0 0 calc(100% - 50px);
}
.site-footer .footer-top-content .widget_nav_menu ul{
gap: 10px;
}
.site-footer .footer-bottom-content{
flex-direction: column;
align-items: center;
text-align: center;
}
body .woocommerce .woocommerce-ordering,
body .woocommerce-page .woocommerce-ordering {
float: left;
}
.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product {
margin: 0 0 15px;
}
}