/*
 Theme Name:     Sojomask
 Theme URI:      https://www.sojomask.com/
 Description:    Sojo Mask
 Author:         Cactus Seny Gràfic
 Author URI:     https://www.cactussenygrafic.com
 Template:       Divi
 Version:        1.0.0
*/

@font-face {
    font-family: 'Basis';
    src: url('fonts/BasisGrotesquePro-Medium.eot');
    src: url('fonts/BasisGrotesquePro-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/BasisGrotesquePro-Medium.woff2') format('woff2'),
        url('fonts/BasisGrotesquePro-Medium.woff') format('woff'),
        url('fonts/BasisGrotesquePro-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basis';
    src: url('fonts/BasisGrotesquePro-Light.eot');
    src: url('fonts/BasisGrotesquePro-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/BasisGrotesquePro-Light.woff2') format('woff2'),
        url('fonts/BasisGrotesquePro-Light.woff') format('woff'),
        url('fonts/BasisGrotesquePro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basis';
    src: url('fonts/BasisGrotesquePro-Black.eot');
    src: url('fonts/BasisGrotesquePro-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/BasisGrotesquePro-Black.woff2') format('woff2'),
        url('fonts/BasisGrotesquePro-Black.woff') format('woff'),
        url('fonts/BasisGrotesquePro-Black.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

body{font-family:'Basis'; font-weight:300}
.hilight-home{display:flex; justify-content:center; flex-direction:column;}
#logo{max-width:170px}
.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a{font-weight:300}

.lista-features{line-height: 1.3;}
.lista-features li{margin-bottom:0.75em}

body.et_pb_button_helper_class .et_pb_button, body.et_pb_button_helper_class .et_pb_module.et_pb_button, .woocommerce.et_pb_button_helper_class a.button.alt, .woocommerce-page.et_pb_button_helper_class a.button.alt, .woocommerce.et_pb_button_helper_class button.button.alt, .woocommerce.et_pb_button_helper_class button.button.alt.disabled, .woocommerce-page.et_pb_button_helper_class button.button.alt, .woocommerce-page.et_pb_button_helper_class button.button.alt.disabled, .woocommerce.et_pb_button_helper_class input.button.alt, .woocommerce-page.et_pb_button_helper_class input.button.alt, .woocommerce.et_pb_button_helper_class #respond input#submit.alt, .woocommerce-page.et_pb_button_helper_class #respond input#submit.alt, .woocommerce.et_pb_button_helper_class #content input.button.alt, .woocommerce-page.et_pb_button_helper_class #content input.button.alt, .woocommerce.et_pb_button_helper_class a.button, .woocommerce-page.et_pb_button_helper_class a.button, .woocommerce.et_pb_button_helper_class button.button, .woocommerce-page.et_pb_button_helper_class button.button, .woocommerce.et_pb_button_helper_class input.button, .woocommerce-page.et_pb_button_helper_class input.button, .woocommerce.et_pb_button_helper_class #respond input#submit, .woocommerce-page.et_pb_button_helper_class #respond input#submit, .woocommerce.et_pb_button_helper_class #content input.button, .woocommerce-page.et_pb_button_helper_class #content input.button, body .et_pb_bg_layout_light.et_pb_button:hover, body .et_pb_button:hover, body.et_pb_button_helper_class .et_pb_button:hover{padding: 15px 70px 15px 60px;}

#et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current{color:#666}

.current_page_item a{font-weight:600}
.woocommerce-cart table.cart td.actions .coupon .input-text{font-size:1rem !important; width:250px; height:45px !important; border-radius:0px !important;}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], button[name="apply_coupon"]{padding:10px 40px 10px 30px !important}

#ship-to-different-address, #order_comments_field{display:none}

#customer_details{width:50%; float:left !important;}
#order_review_heading{width:50%; float:right !important;}
#order_review{width:50%; float:right !important;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{width:93%}

#billing_postcode_field, #billing_phone_field{width:45%; float:left; clear:none;}
#billing_city_field, #billing_email_field{width:51%; float:right; clear:none;}
#add_payment_method #payment div.payment_box .form-row, .woocommerce-cart #payment div.payment_box .form-row, .woocommerce-checkout #payment div.payment_box .form-row{padding:0px !Important}
#place_order{width:100%}
#order_review{margin-bottom:4em;}

@media (max-width:650px){
	#customer_details{width:100%; float:left !important;}
	#order_review_heading{width:100%; float:right !important;}
	#order_review{width:100%; float:right !important;}
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{width:100%}
}