/**
 * Theme Name:     vantheme
 * Author:         ventheme
 * Template:       bootstrap-basic4
 * Text Domain:	   vantheme
 * Description:    Bootstrap child theme
 */

p, span, a, li, h1, h2, h3, h4, h5, h6, body, td {font-family: 'Nunito Sans', sans-serif;}



ul#bb4-primary-menu {box-shadow: 0 0 20px #3c57572b; padding: 0 10px; margin-top: 10px; border-radius: 20px; }
ul#bb4-primary-menu li a {color: #000;  padding: 10px 10px}
ul#bb4-primary-menu li a:hover {color: #69a7a6}

.site-title-heading img {width: 274px; max-width: 100%}

section.top-section {position: relative; background-image: url('/wp-content/themes/vantheme/img/bg.jpg'); background-position: center; background-size: cover; margin-bottom: 80px; height: 50vh}
section.top-section .container {height: 100%; align-items: center; display: flex;}
section.top-section h1 {color: #fff; padding: 50px 30px 50px; text-align: center;}
section.top-section img {width: 25vh; opacity: 0.1; position: absolute; top: calc(50% - 12.5vh); left: calc(50% - 12.5vh); transition: 400ms}
section.top-section:hover img {opacity: 0.15; transition: 400ms}

.cart-icon {order: 9}
.cart-icon a {box-shadow: 0 0 20px #3c57572b; padding: 0 10px; text-align: center; display: inline-block; margin-top: 19px; border-radius: 20px; font-weight: bold; color: #000; font-size:12px; height: 44px; margin-top: 15px;}
.cart-icon a img {margin-top: 12px; max-width: 22px; float: left;}
.cart-icon a span.woocommerce-Price-amount.amount {float: left; margin-top: 15px; margin-left: 10px}
.skill-col h3 {text-align: center}
.skill-col {margin-bottom: 80px}
.skill-col .col-md-3 {box-shadow: 0 0 50px #3c57572b; padding: 30px; border-radius: 20px; margin: 0 1% 40px;  flex: 0 0 25%;  max-width: 25%;}
.skill-col .col-md-6 {box-shadow: 0 0 50px #3c57572b; padding: 30px; border-radius: 20px; margin: 0 1% 40px;  flex: 0 0 40%;  max-width: 40%;}
.skill-col .col-xs-12 img {margin: 0 auto; display: block; width: 40px; margin-bottom: 20px; opacity: 0.8; transition: 400ms}
.skill-col .col-xs-12:hover img {opacity: 1; transition: 400ms}

.full-container {width: 80%; border-radius: 20px; margin: 0 auto 80px}

.frontpage-content .bg-img {background-image: url('/wp-content/themes/vantheme/img/bg2.jpg'); background-position: center; background-size: cover; min-height: 150px}
.frontpage-content .full-container .col-lg-5 {border-radius: 20px; position: relative;}
.frontpage-content .full-container .col-lg-5:before {position: absolute; top:20px; left: 20px; content: ""; width:50px; height:50px; background-image: url('/wp-content/themes/vantheme/img/logo-white.svg'); background-size: cover}
.frontpage-content .full-container .col-lg-7 {padding: 130px 50px;}
.frontpage-content .full-container .col-lg-7 .box-shadow {box-shadow: 0 0 50px #3c57572b; padding: 30px; border-radius: 20px;}
.frontpage-content .full-container img {margin-bottom: 20px}
.frontpage-content .full-container .col-lg-7 p {font-size: 18px; }
.frontpage-content .full-container .box-shadow img {width: 200px; max-width: 100%}

section.shop-container {position: relative;background-image: url('/wp-content/themes/vantheme/img/bg.jpg'); background-position: center; background-size: cover; margin-bottom: 80px;}
section.shop-container .row div {text-align: center; padding: 150px 15px; display: inline-block}
section.shop-container h2 {color: #fff; margin-bottom: 30px}
section.shop-container a {background-color: #fff; box-shadow: inset 0px 0px 0px 2px #000; color: #000; font-weight: bold; border: 2px solid #fff; line-height: 40px; padding: 0 20px; border-radius: 20px;}
section.shop-container a img {width: 27px; margin-right: 10px; margin-top: 7px; float: left;}
section.shop-container a:hover {color: #fff; background-color: #2fc4c1}





.newsletter-content .bg-img {background-image: url('/wp-content/themes/vantheme/img/bg2.jpg'); background-position: center; background-size: cover;}
.newsletter-content .full-container .col-lg-6.newsletter {border-radius: 20px; position: relative; padding:70px 50px; text-align: center}
.newsletter-content .full-container .col-lg-6.newsletter:before {position: absolute; top:20px; left: 20px; content: ""; width:50px; height:50px; background-image: url('/wp-content/themes/vantheme/img/logo-white.svg'); background-size: cover}
.newsletter-content .full-container .col-lg-6.left {padding: 0 50px;}
.newsletter-content .full-container .col-lg-6.left .box-shadow {box-shadow: 0 0 50px #3c57572b; padding: 30px; height: 100%; border-radius: 20px; align-items: center;
    display: flex;}
.newsletter-content .full-container img {margin-bottom: 20px}
.newsletter-content .full-container .box-shadow div {width: 100%; text-align: center}
.newsletter-content .tnp-subscription-minimal input.tnp-email {border-radius:20px; margin-right: 30px}
.newsletter-content .tnp-subscription-minimal input.tnp-submit {font-family: 'Nunito Sans', sans-serif; font-size: 16px; background-color: #fff; box-shadow: inset 0px 0px 0px 2px #000; color: #000; font-weight: bold; border: 2px solid #fff; line-height: 40px; padding: 0 20px; border-radius: 20px;}
.newsletter-content .tnp-subscription-minimal input.tnp-submit:hover {color: #fff; background-color: #2fc4c1}
.newsletter-content .tnp-subscription-minimal .tnp-privacy-field {display: none}




footer {background-image: url('/wp-content/themes/vantheme/img/bg2.jpg'); margin-bottom: 20px; text-align: center; padding: 20px 0; border-radius: 20px; background-position: center; background-size: cover; width: 80%; margin-left: 10%;}
footer p {color: #fff;}
footer img {margin-bottom: 20px}



header.woocommerce-products-header {background-image: url('/wp-content/themes/vantheme/img/bg2.jpg');  margin-bottom: 60px; text-align: center; padding: 20px 0; border-radius: 20px; background-position: center; background-size: cover; width: 100%}
header.woocommerce-products-header h1, .woocommerce .woocommerce-breadcrumb {color: #fff}
.woocommerce .woocommerce-breadcrumb a {color: #69a7a6;}

body a {color: #69a7a6;}
.woocommerce .woocommerce-ordering select {border: none;}


.shop_col h3 {font-size: 20px; color: #606060; margin-bottom: 20px}
.shop_col .wp-block-group {box-shadow: 0 0 50px #3c57572b; padding: 20px; border-radius: 20px; margin-bottom: 40px}
.shop_col ul {padding-left: 0; list-style-type: none;}
.shop_col ul li a {color: #606060;position: relative; background: url('/wp-content/themes/vantheme/img/logo-color.svg'); background-size: 10px; background-repeat: no-repeat; background-position: left center; padding-left: 15px}
.shop_col ul li a:hover {color: #69a7a6; text-decoration: none;}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 23%; margin: 0 1% 20px}

.woocommerce ul.products li.product .price {color: #69a7a6; font-size: 24px;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {text-align: center; box-shadow: 0 0 50px #fff; padding: 0 0 20px; border-radius: 20px; margin-bottom: 20px; transition: 400ms}
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {box-shadow: 0 0 50px #3c57572b; transition: 400ms}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {color: #606060}
.woocommerce ul.products li.product .button {background-color: #fff; box-shadow: 0 0 20px #3c57572b; color: #000; line-height: 40px; padding: 0 20px; border-radius: 20px; font-size: 14px;}

.woocommerce ul.products li.product .button:hover {background-color: #2fc4c1; color: #fff;}

h2, h3, h4, p {overflow-wrap: break-word;}
.woocommerce nav.woocommerce-pagination ul {border: none; background-color: #fff; padding: 0 20px; box-shadow: 0 0 25px 8px #3c57572b !important; border-radius: 20px; margin-bottom: 80px;}
.woocommerce nav.woocommerce-pagination ul li {border-right: none;}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {background-color: transparent; color: #69a7a6; font-weight: bold}

.term-description {margin-bottom: 100px}

body .woocommerce-error, body .woocommerce-info, body .woocommerce-message {border-radius: 20px; box-shadow: 0 0 50px #3c57572b; background-color: #fff; border-top: none;}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {background-color: #fff; box-shadow: 0 0 20px #3c57572b; color: #000; line-height: 40px; padding: 0 20px; border-radius: 20px; font-size: 14px;}

form.cart button.minus {float: left;
    padding: 0 18px;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: 21px;
    line-height: 42px;
    box-shadow: 0 0 20px 0px #00000033;
    background-color: #fff;
    margin-right: 10px;}

form.cart button.plus {float: left;
    padding: 0 18px;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: 21px;
    line-height: 42px;
    box-shadow: 0 0 20px 0px #00000033;
    background-color: #fff;
    margin-right: 10px;}


.woocommerce .quantity .qty {width: 3.631em; text-align: center; border: none; border-radius: 20px; line-height: 40px; box-shadow: 0 0 20px 0px #00000033; margin-right: 20px;}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
    background-color: #2fc4c1;
    color: #fff;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {color: #69a7a6; font-size: 24px;}


.woocommerce div.product .woocommerce-tabs ul.tabs {text-align: center; overflow: inherit}
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {border: none; background-color: #fff; box-shadow: 0 0 20px 0px #0000001a; border-radius: 20px}


header.entry-header {background-image: url(/wp-content/themes/vantheme/img/bg2.jpg); margin-bottom: 60px; text-align: center; padding: 20px 0; border-radius: 20px; background-position: center; background-size: cover; width: 100%;}
header.entry-header h1 {color: #fff}


body #main .post, body #main .page {border: none; padding: 0}

a.button-cart {background-color: #fff;
    box-shadow: 0 0 20px #3c57572b;
    color: #000;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 20px;
    font-size: 14px;}

body .nf-form-content .list-select-wrap .nf-field-element>div, body .nf-form-content input:not([type=button]), body .nf-form-content textarea {box-shadow: 0 0 20px #3c57572b; padding: 10px; border-radius: 20px; background-color: #fff; border: 1px solid #7fa7a67d}
body .nf-form-content button, body .nf-form-content input[type=button], body .nf-form-content input[type=submit] {background-color: #000; color: #fff; line-height: 38px; border-radius: 20px; height: 44px; font-size: 14px; padding: 0 30px; border: 2px solid #000; box-shadow: inset 0px 0px 0px 2px #fff;}
body .nf-form-content button:hover, body .nf-form-content input[type=button]:hover, body .nf-form-content input[type=submit]:hover {background-color: #2fc4c1; border-color: #2fc4c1; color: #fff}

body #main .post, body #main .page {overflow-x: inherit}
.nf-error.field-wrap .nf-field-element:after {border-radius: 0 20px 20px 0}

.entry-content {margin-bottom: 80px}


.woocommerce .col2-set, .woocommerce-page .col2-set {width: 50%; float: left; padding: 0 15px;}
h3#order_review_heading, div#order_review {width: 50%; float: right; padding: 0 15px}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {max-width: 100%; width: 100%;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {box-shadow: 0 0 20px #3c57572b; border: none;
    border-radius: 20px;
    line-height: 40px; border: 1px solid #7fa7a67d;
    padding: 0 20px;}


.woocommerce form .form-row span {float: left; width: 100%}
.woocommerce form .form-row span.selection span {box-shadow: 0 0 20px #3c57572b; border: none; line-height: 40px; height: 40px; border-radius: 20px; border: 1px solid #7fa7a67d}
.select2-container--default .select2-selection--single .select2-selection__arrow {width: 40px}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background-color: transparent;}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {border: none; padding: 0}
.woocommerce .cart .button, .woocommerce .cart input.button {border-radius: 20px}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {border-radius: 20px; width: 140px; padding: 6px 20px}

.blog-list a {float: left; width: 100%; }
.blog-list a img {margin-bottom: 20px;}
.blog-list a h2 {float: left; width: 100%; font-size: 20px; margin-bottom: 20px; color: #606060; text-decoration: none;}
.blog-list a h2:hover {color: #69a7a6}
.blog-list a.post-link {background-color: #fff; box-shadow: 0 0 20px #3c57572b; color: #000; line-height: 40px; width: auto; padding: 0 20px; border-radius: 20px; font-size: 14px;}
.blog-list a.post-link:hover {background-color: #2fc4c1; color: #fff;}
 






@media (max-width: 992px) {
    .d-lg-none.button-menu {}
    button.navbar-toggler {float: right; box-shadow: 0 0 20px #3c57572b; padding: 10px; text-align: center; display: inline-block; margin-top: 9px; border-radius: 20px; width: 44px; height: 44px;}
    button.navbar-toggler span {float: left; width: 100%; padding: 1px 0; background-color: #000; clear: both; margin: 2px 0;}
    .cart-icon {order: 0}
    .cart-icon a {margin-top: 9px}
    body .navbar {min-height: 0; width: 100%}
    ul#bb4-primary-menu li a {text-align: center}
    section.top-section h1 {font-size: 32px}

    .skill-col .col-md-3, .skill-col .col-md-6 {width: 100%; flex: inherit; max-width: 100%; text-align: center}
    .container.no-padding.skill-col {padding: 0 30px}

    .frontpage-content .full-container .col-lg-7 {padding: 30px 0 20px}

    section.shop-container h2 {font-size: 32px}


    .newsletter-content .full-container .col-lg-6.left {padding: 0; margin-bottom: 30px}

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 48%}



}


@media (max-width: 768px) {
    .full-container {width: calc(100% - 30px)}
    footer, header.woocommerce-products-header {width: calc(100% - 30px); margin-left: 15px}
    div#primary, section.frontpage-content, section.newsletter-content {padding: 0 15px;}
    body .page-header {padding: 0 30px;}
    .woocommerce div.product .product_title {font-size: 22px;}

    body .site-title {margin-top: 16px}

    section.top-section {margin-bottom: 40px;}
    .skill-col {margin-bottom: 0}
    .full-container.info-text-section {margin-bottom: 20px}

    body .newsletter input.tnp-email, body .tnp-subscription-minimal input.tnp-submit {width: 100%; margin: 10px 0}
    section.newsletter-content .full-container {margin-bottom: 40px}

    .woocommerce .col2-set, .woocommerce-page .col2-set {width: 100%;}
    h3#order_review_heading, div#order_review {width: 100%}

}