/*
Theme Name: REDFOX
Theme URI: 
Description: redfox
Version: 1.1
Author: 
Author URI: 
*/

@import "assets/bootstrap/css/bootstrap.min.css"; /* bootstrap */
@import "assets/fontawesome/css/all.min.css"; /* font-awesome */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


html,body {
	overflow-x:hidden;
}

/* container fix */

@media (min-width: 1280px) {
.container {
    max-width: 1200px;
}
}
#wrapper-navbar {
    position:fixed;
    left:0;
    top:0;
    width:100%;
}

/* font family */

body {
   font-family: 'Poppins', sans-serif;
}

/* head */
.navbar-brand img {
    width: 172px;
}

.navbar-toggler  {
    border:0px !important;
    box-shadow: none !important;
    outline:none !important;
}





/* blog post */

p {
margin-bottom:0px;
}

#simple-post p span {
    color: #41516F !important;
    font-size: 17px !important;
    font-weight: 300 !important;
    line-height: 34px !important;
}

#simple-post strong em {
    color: #41516F !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 45px !important;
}

#simple-post img {
    margin: 0px auto;
    display: block;
    max-width: 100%;
}

.home-blog-post h2 {
    margin-top:30px;
}

table {
    width: 100%;
    margin: 0 0 15px 0;
    border: 1px solid #eee;
    text-align: left;

}


#simple-post table td, #simple-post table th, #simple-post table tr, #main-content table.cart td, #main-content table.cart th, #main-content table.cart tr, table.cart td, table.cart th, table.cart tr {
    max-width: 100%;
    padding: .857em .587em;
}

#simple-post tr td {
    padding: 6px 24px;
    border-top: 1px solid #eee;
}
.post-page:after {
    display:none;
}


.featured-image-post {
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;

    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 400px;
   
    background-size: cover;
}

@media (max-width:992px) {
    .featured-image-post {
    height: 265px;
    min-height: 265px;
    background-size: cover;
}
}


.woocommerce form .form-row, .woocommerce form .form-row label  {
    width: 100%;
}
span.woocommerce-input-wrapper {
    width:100%;
}



.woocommerce-LoopProduct-link {
    display: block;
}


#sub-woocommerce, #page-sub {    
    
    margin-top: 58px;
    padding-top: 58px;
    padding-bottom: 58px;

}

.woocommerce-breadcrumb {
    padding-bottom: 45px;
}

@media (max-width:992px) {
    .products.row img {
        width:100% !important;
    }
    #sub-woocommerce, #page-sub {
    margin-top: 47px;
    padding-top: 35px;
    padding-bottom: 35px;
}
}
.bg-light {
    background-color: transparent!important;
}

#searchform {
	margin-bottom:0px;
}#wrapper-navbar { background:#fff!important;}#wrapper-navbar a { color:#000!important;}footer { background:#000!important;}footer a { color:#fff!important;}



@media(max-width:992px) {
	.woocommerce-cart-form__cart-item {
		   display: flex !important;
		    flex-direction: column !important; 
	}
	.woocommerce span.onsale {
    left: 1.5em;
}
	

	 
	.woocommerce-cart-form__cart-item td {
		width:100%;
	}
	
	.woocommerce-cart-form__cart-item	.product-quantity {
		display:none !important;
	}
	
.cart-collaterals	table.shop_table_responsive {
    display: flex !important;
      flex-direction: column !important;
	flex: 0 0 100%
	}
	.cart-collaterals	table.shop_table_responsive tr {
		display:flex !important;
			flex: 0 0 100% !important;
		    flex-direction: column !important;
		
	}
	#coupon_code {
    height: auto;
    padding: 11px 5px;
    border-radius: 5px;
}
	.actions .col-6 .btn, .input-group-btn {
    width: 100% !important;
}
	.actions .col-6 {
    width: 100% !Important;
    flex: 0 0 100%;
    max-width: 100%;
}
	.cart_totals.col-6 {
    width: 100% !Important;
    flex: 0 0 100%;
    max-width: 100%;
}
}


.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 5px;
    background: #f7f7f7;
    border: none transparent;
    color: #676d8a;
    font-weight: 500;
    border-radius: 0px !important;
}

.woocommerce form .password-input, .woocommerce-page form .password-input {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    width: 100%;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    position: absolute;
    right: .7em;
    top: 13px;
    cursor: pointer;
}



.woocommerce-form-login input{
    border: none;
    outline: 0;
    padding: 10px 15px;
    background: #fff;
    color: #676d8a;
    margin-bottom: 10px;
    height: 45px;
}


.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 100%;
}


.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 100%;
}

.woocommerce-MyAccount-navigation  ul {
	background:#F5F5F5 !Important;
	padding:15px;
}
.woocommerce-MyAccount-navigation  ul li {
border-bottom: 1px solid white;
    padding: 5px 10px;
}
.woocommerce-MyAccount-navigation  ul li:last-of-type {
	border-bottom:0px !important;
}
.woocommerce-MyAccount-navigation  ul li a {
	color:black !important;
	font-weight:500;
	text-transform:uppercase;
}


.woocommerce-MyAccount-navigation  ul li.is-active a {
	font-weight:800 !important;
}


.woocommerce-account .woocommerce-MyAccount-content {
    height: 100%;
    background: whitesmoke;
    padding: 15px;
}





.form-control {
	border:1px solid #D3D3D3 !important;
	border-radius:0px;
	margin-bottom:20px;
	padding:14px;
}
* {
	outline:none !important;
}

.wpcf7-submit {
	  font-size: 16px !important;
    font-weight: 600;
    fill: #000000;
    color: #000000;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #000000;
    border-radius: 0px 0px 0px 0px;
    padding: 16px 59px 16px 59px;
	float:right;
	line-height:1;
	transition:0.3s all;
}
.wpcf7-submit:hover {
	background:black;
	color:white !important;
}
@media (min-width:1025px) {
	input#coupon_code {
		padding:5px 10px !important;
	}
}

.elementor-menu-cart__products {
    max-height: calc(100vh - 250px) !important;
    overflow: hidden;
    overflow-y: auto;
}

@media (max-width:992px) {
    .woocommerce-cart-form__cart-item {
      display: flex !important;
      flex-direction: row !important;
    }
    .elementor-menu-cart__product-image {
      grid-row-start: 1 !important;
      grid-row-end: 1 !important;
      width: 20% !important;
  }
    .elementor-menu-cart__product-name  {
      width:35% !important;
    }
    .elementor-menu-cart__product-price {
      width:25% !important;
  
    }
    .elementor-menu-cart__product-remove {
    margin-left:10px !important;
        
    }
    .shop_table .product-quantity {
    display:block !important; 
    }
  }


.elementor-menu-cart__footer-buttons {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.elementor-menu-cart__footer-buttons {
    font-size: 20px;
    text-align: center;
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}


@media (min-width:1200px) {
	.elementor-section-boxed {
		padding-left:50px;
		padding-right:50px;
	}
}

@media (max-width:1200px) {
	.elementor-section-boxed {
		padding-left:20px;
		padding-right:20px;
	}
}