/*
    Theme Name: Engine Armour Tech
    Theme URI: https://enginearmourtech.com/
    Author: the Digital Guider team
    Author URI: https://digitalguider.com/
    Description: Engine Armour Tech™, of Caraquet, New Brunswick, Canada, a renowned manufacturer of high-performance lubrication products. For over a decade, we have been creating and distributing our innovative metal sealer, which is designed to enhance the effectiveness of various fluids such as motor oils, hydraulic fluids, hydrostatic oils, and gear oils. Engine Armour Tech’s metal sealer is not an oil, but rather a metal treatment that fills in the porous imperfections in metal surfaces, resulting in improved engine performance, increased fuel efficiency, reduced emissions, and longer-lasting protection for mechanical equipment and vehicles.
    Version: 2.0
    Requires at least: 5.0
    Tested up to: 5.4
    Requires PHP: 7.0
    License: GNU General Public License v2 or later
    Text Domain: enginearmourtech
*/

/***************** WooCommerce CSS **********************/
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { flex: 0 0 50% !important; max-width: 50% !important; padding: 20px 15px; margin-bottom: 40px }
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { max-width: 50%; flex: 0 0 50%; padding: 20px 15px }
.woocommerce-account .u-column1.col-1 h2, .woocommerce-account .u-column2.col-2 h2 { font-size: 22px; line-height: 24px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(0, 0, 0, 0.7) }
.woocommerce .form-row { display: block }
.woocommerce a { text-decoration: none }
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); border-radius: 0 }
.woocommerce .form-row .input-text, .edit-account .form-row .input-text { height: 48px; width: 100%; background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.7); border-radius: 8px; border: 1px solid #cecece; padding: 16px; font-size: 14px; transition: border-color 0.15s ease; color: black }
.woocommerce .form-row textarea { height: 130px !important }
.woocommerce-account button.woocommerce-button.button.woocommerce-form-login__submit, .woocommerce-account button.woocommerce-Button.button.woocommerce-form-register__submit { background-color: rgba(0, 0, 0, 0.8); border: none; width: 100%; color: #fff; height: 48px; font-size: 16px; font-weight: 600; transition: background-color 0.15s ease }
form.woocommerce-ResetPassword.lost_reset_password .button, form.woocommerce-EditAccountForm.edit-account .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained { color: #ffffff; font-size: 16px; padding: 12px 26px; background-color: #e23a16; text-transform: uppercase; font-weight: 600; border: 0px solid var(--font-color-primary); border-radius: var(--sti-border-radius); letter-spacing: 0.5px; }
form.woocommerce-ResetPassword.lost_reset_password .button:hover, form.woocommerce-EditAccountForm.edit-account .button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover { color: #333333; background-color: #ffffff; border: 0px solid #FFFFFF; }
.select2-container--default .select2-selection--single, .woocommerce .form-row select { height: 48px; width: 100%; background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.7) !important; border-radius: 8px !important; border: 1px solid transparent !important; padding: 10px; font-size: 14px; transition: border-color 0.15s ease }
.woocommerce form .form-row label { font-size: 12px; line-height: 24px; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(0, 0, 0, 0.7) }
.col2-set h3, h3#order_review_heading { font-size: 22px; line-height: 24px; align-items: center; letter-spacing: 0.05em; margin-bottom: 25px; text-transform: uppercase; color: rgba(0, 0, 0, 0.7) }
form.woocommerce-EditAccountForm.edit-account fieldset { margin-top: 45px; }
.woocommerce-error, .woocommerce-info, .woocommerce-message { border-top: 3px solid #7f54b3; }
.woocommerce-info::before { color: #7f54b3; }
@media screen and (max-width:768px) {
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { flex: 0 0 50% !important; max-width: 100% !important; padding: 20px 15px; margin-bottom: 40px }
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { max-width: 100% !important; flex: 0 0 50%; padding: 20px 15px }
}

/**************** My account navigation CSS ****************/
.woocommerce-account .woocommerce-MyAccount-navigation { width: 20%; }
.woocommerce-account .woocommerce-MyAccount-content { display: inline-block; float: left; margin-left: 5%; width: 75%; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { padding: 0; border-top: 1px solid #eee; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li { list-style: none; border-bottom: 1px solid #eee; padding-bottom: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before { opacity: 1; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a { padding: 10px 5px; display: block; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before { margin-right: 20px; opacity: .25; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before { opacity: 1; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before { font-family: 'FontAwesome'; content: "\f0e4"; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before { font-family: 'FontAwesome'; content: "\f291"; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before { font-family: 'FontAwesome'; content: "\f1c6"; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before { font-family: 'FontAwesome'; content: "\f015"; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before { font-family: 'FontAwesome'; content: "\f09d"; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before { font-family: 'FontAwesome'; content: "\f007"; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wishlist a:before { font-family: 'FontAwesome'; content: "\f004"; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before { font-family: 'FontAwesome'; content: "\f08b"; }
.woocommerce-account .woocommerce-MyAccount-content h2 { font-size: 25px; text-align: center; font-weight: 600; }
.woocommerce-account p.order-again { text-align: right; }
.woocommerce-account .woocommerce-EditAccountForm input[type="submit"] { margin-top: 50px; float: right; }

/************************* Pagination CSS *************************/
.basic-pagination ul li { display: inline-block }
.basic-pagination ul li:not(:last-child) { margin-right: 7px }
.basic-pagination ul li a { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; font-weight: 600; color: #fff; border: 1px solid; }
.basic-pagination nav ul li span.current { background: #e23a16; border: 1px solid #e23a16; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; -moz-border-radius: 7px; font-size: 14px; font-weight: 600; color: #fff; }
.basic-pagination ul li a:hover, .basic-pagination ul li a.active { background: #3c318d; border: 1px solid #3c318d; }

/*====================== 404 page =======================*/
.page_404 { padding: 40px 0; background: #fff; font-family: 'Arvo', serif; }
.page_404 img { width: 100%; }
.four_zero_four_bg { background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif); height: 400px; background-position: center; }
.four_zero_four_bg h1 { font-size: 80px; }
.four_zero_four_bg h3 { font-size: 80px; }
.link_404 { color: #fff !important; padding: 10px 20px; background: #ec4224; margin: 20px 0; display: inline-block; }
.contant_box_404 { margin-top: -50px; }

/************************* Other CSS *************************/
li.breadcrumb-item-link { color: #fff; }
.blog-post .blog-main-img a.blog-img img { height: 242px; width: 100%; object-fit: cover; }
li.phone.number span { width: calc(100% - 0px); }
input.orig { font-size: 16px !important; }
.proinput { margin: 0 !important; padding-left: 0 !important; }
a.added_to_cart.wc-forward { background: #e23a16; color: #fff; }
.price-box del bdi, .price-box  bdi { color: var(--font-color-primary); font-weight: 600; }
.price-box ins bdi { color: var(--font-color-body); text-decoration: line-through; white-space: nowrap; font-weight: 400; }
.price-box ins bdi::before { content: "~"; margin: 0 5px; }
.yith-wcwl-add-button>a i { margin-right: 0 !Important; }
i.yith-wcwl-icon.fa.fa-heart { color: red; }
form#mc4wp-form-1 { width: 100%; }
.newsletter-main-content .newsletter-content .newsletter .news-content .subscribe-content .subscribe-con .subscribe-block .email-submit { top: 0%; }
form#askContactForm { margin-top: 50px; font-family: 'Lexend'; }
form#askContactForm label { display: none; }
li.fullwidthcol .wpcf7-form-control-wrap { width: 100%; }
.elementor-415 .elementor-element.elementor-element-41bede6 .eael-post-elements-readmore-btn { text-align: center; font-family: "Lexend", Sans-serif; font-size: 14px; color: #FFFFFF; background-color: #E23A16; margin: 20px 0px 20px 0px; width: 30%; padding: 10px 15px; }
#wpdcom .wpd-blog-guest .wpd-comment-author, #wpdcom .wpd-blog-guest .wpd-comment-author a { color: #E23A16; }
ul.wp-block-list li { color: #000; list-style: disc; line-height: 25px; }
ul.wp-block-list { margin-left: 35px; }
.textWhite p { color: #fff !important; }
.textWhite h3 { color: #fff; margin: 15px 0px; }
.textWhite ul { margin-left: 30px; }
.textWhite ul li { list-style: disc; }
#mainNavigationMenu li.menu-item-has-children > a::after { content: '\f107'; font-family: FontAwesome; font-size: 10px; margin-left: 10px; vertical-align: 1px; font-size: 13px; font-weight: bold; }
.listItemGG ul { margin-left: 30px; }
.listItemGG ul li { list-style: disc; }
.woosw-list .woosw-items { width: 100%; }
body.single-post .about_content p { margin-bottom: 10px; }
body.single-post .about_content ul, body.single-post .about_content ol { margin-bottom: 10px; margin-left: 30px; }
body.single-post .about_content ul li, body.single-post .about_content ol li { color: #000; margin-bottom: 10px; list-style: decimal; }
body.single-post .about_content h2, body.single-post .about_content h3 { margin-bottom: 10px; }
ul.post-info li { display: inline-block; color: #000; padding: 10px }
ul.post-info { margin-top: 20px; background: #3c318d14; }
.breadcrumb-area .breadcrumb-index .breadcrumb-title h1 { color: #ffffff; font-size: 30px; margin-bottom: 20px; }
body.single-product ol li { color: #000; line-height: 26px; }
body.single-product p { margin-bottom: 10px; }
.woocommerce div.product form.cart .button { background: #ec4224; }
body.single-product h3 { margin-bottom: 20px }
small.woocommerce-price-suffix { margin-left: 8px; }
@media only screen 
and (min-device-width:320px) 
and (max-device-width:568px)
and (-webkit-min-device-pixel-ratio:2) {
    .slider-content .home-slider .slide-image .slider-info-content .slider-text-info .slider-info-wrap h2 { font-size: 22px; }
    a.theme-header-logo img { max-width: 145px; }
    .pr_title h3 { font-size: 1.1rem; text-align: center; }
    .product_box { text-align: center; }
    .product_box img { margin: 0 auto; display: block; max-width: 55px; }
    .product_box h5 { font-size: .98rem; }
    .product_box_btn { display: block; margin: 0 auto; }
    .about_content h2 { padding-top: 21px; }
    .banner-wrap p { line-height: 17px; font-weight: 400 }
    .custom-banner .custom-banner-wrap .banner-block ul li .banner-wrap a img.mobile-img1 { min-height: 217px; }
    .custom-banner .custom-banner-wrap .banner-block.banner-small-wrap ul li .banner-wrap .custom-bannerbg-text h2 { font-size: 16px; }
    .btn-style { font-size: 13px; padding: 6px 24px; }
    .custom-banner .custom-banner-wrap { margin-bottom: 21px; }
    .custom-banner .custom-banner-wrap { margin-top: 23px; }
    .form-contact ul.contact-info-list li.ftcon-li { display: block; margin-bottom: 46px; }
    ul.contact-info-list { text-align: center; }
    .form-contact ul.contact-info-list li.ftcon-li span.con-icon { margin: 0 auto; }
}
@media only screen 
and (min-device-width:768px) 
and (max-device-width:1024px) 
and (-webkit-min-device-pixel-ratio:1) {
    .btn1-style { padding: 12px 10px; }
    .w_100 { width: 100%; }
    .about_content h2 { padding-top: 20px; font-size: 1.5rem; }
    .about_content h2 .span_cls { padding-left: 5px; }
    .custom-banner .custom-banner-wrap .banner-block ul li .banner-wrap a img.mobile-img1 { min-height: 276px; }
    .custom-banner .custom-banner-wrap .banner-block.banner-small-wrap ul li .banner-wrap .custom-bannerbg-text.custom-text-left { left: 13px; margin-left: auto; width: calc(57% - 30px); }
    .custom-banner .custom-banner-wrap .banner-block.banner-small-wrap ul { margin-bottom: 20px; }
    a.theme-footer-logo img { max-width: 156px; }
    .w_50 { width: 50%; margin-bottom: 15px; }
    .custom-banner .custom-banner-wrap { margin-top: 23px; }
    .text_center { text-align: center !important; }
    .about_content { text-align: center; }
}
@media only screen
and (min-device-width:1024px)
and (max-device-width:1366px)
and (-webkit-min-device-pixel-ratio:2) { }

#popup{
    display: none;
}
.popup-container{
    height: 100vh;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: rgb(96 95 127 / 70%);
    position: fixed;
    top: 0;
    left: 0;
}
.popup{
    background-color: #ffffff;
    padding: 20px 30px;
    width: 50%;
    border-radius: 15px;
}
.close-popup{
    display: flex;
    justify-content: flex-end;
}
.close-popup a{
    font-size: 1.2rem;
    background-color: rebeccapurple;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 10px;
    display: inline-block;
}
.popup > h2{
    font-size: 1.6rem;
    margin-bottom: 10px;
}
.popup > p{
    font-size: 1.2rem;
    margin-bottom: 10px;
}
.popup-btn {
    display: block;
    text-decoration: none;
    border: 2px solid rebeccapurple;
    padding: 10px 20px;
    border-radius: 20px;
    width: 25%;
    margin: 0 auto;
    transition: .2s all ease-in;
    text-align: center;
}
.popup-btn:hover{
    background-color: rebeccapurple;
    color: #fff;
}
.popup-container .popup img {
    width: 100%;
}