/*
Theme Name: Flacio Child
Theme URI: http://www.wpbingosite.com/flacio
Author: wpbingo
Description: This is a child theme for Flacio
Version: 1.0
Author URI: http://wpbingosite.com
Template: flacio
Text Domain: flacio-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* Optimize font  */
@font-face {
  font-family: 'Poppins';
  font-display: swap;
}
/* End Optimize font  */

#menu-menu-left > .menu-inline > ul.sub-menu,
#menu-main-menu-right > .menu-inline > ul.sub-menu,
#menu-main-menu > .menu-inline > ul.sub-menu {
    display: flex;
    padding: 40px 30px 60px;
    top: 137%; 
}

#menu-menu-left  > .menu-inline > ul.sub-menu > li >a
#menu-main-menu-right > .menu-inline > ul.sub-menu > li >a,
#menu-main-menu > .menu-inline > ul.sub-menu > li >a{
    position: relative;
}

#menu-menu-left  > .menu-inline > ul.sub-menu > li >a::before,
#menu-main-menu-right > .menu-inline > ul.sub-menu > li >a::before,
#menu-main-menu > .menu-inline > ul.sub-menu > li >a::before{
    position: absolute;
    bottom: 4px;
    width: 40px;
    height: 2px;
    content: "";
    left: 0px;
    background: rgb(34, 66, 41)
}

#menu-menu-left  > .menu-inline > ul.sub-menu .sub-menu,
#menu-main-menu-right > .menu-inline > ul.sub-menu .sub-menu,
#menu-main-menu > .menu-inline > ul.sub-menu .sub-menu{
    top: 0;
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(10, auto);
    gap: 0px 30px;
}

#menu-menu-left  > .menu-inline > ul.sub-menu .sub-menu >li,
#menu-main-menu-right > .menu-inline > ul.sub-menu .sub-menu >li,
#menu-main-menu > .menu-inline > ul.sub-menu .sub-menu >li{
    padding-left: 0;
}

.header-menu-right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

.bwp-header.header-v4 .wpbingoLogo{
    margin: 10px 26px 0;
}


/*  Contact Form 7 */
.form-row-contact {
  display: flex;
  gap: 20px;
}
  
.form-row-contact .form-group{
  margin-bottom: 0 !important;
}

.form-group.half-width {
  flex: 1;
}
  
.wpcf7-form label {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  color: #333;
}
  
.wpcf7-form input,
.wpcf7-form textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 10px;
  font-size: 15px;
}
  
.wpcf7-form input[type="submit"]{
  background-color: rgb(34, 66, 41);
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}

.wpcf7-form input[type="submit"]:hover{
  background-color: rgb(49, 50, 50);
}

.wpcf7-form input[type="submit"]:focus{
  background-color: rgb(49, 50, 50);
}

/* Kustom Checkout page*/
#kco-order-review .info-product{
  display: flex;
  gap: 10px;
}

#kco-order-review .product-thumble{
  width: 50px;
}

#kco-order-review .product-name {
  display: flex;
  align-items: center;
  gap: 10px;
}

#kco-order-review .title-product-name {
  margin-bottom: 15px;
  font-size: 1.2rem;
  color: #224229;
}

.woocommerce-checkout .woocommerce {
  margin-top: 20px;
}

.woocommerce-checkout-review-order-table .cart_item {
  border-bottom: 1px solid #ccc;
  padding-top: 20px;
  padding-bottom: 20px;
}

.woocommerce-checkout-review-order-table h2 {
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Poppins', sans-serif;
}

.woocommerce-checkout-review-order-table {
  border: 1px solid rgb(227, 229, 233);
  padding: 20px;
  border-radius: 8px;
}

#kco-extra-checkout-fields {
  margin-top: 20px;
  border-top: 1px solid #ccc;
  padding-top: 20px;
}

.checkout .form-row .woocommerce-input-wrapper .input-text {
  border-width: 1px !important;
  padding: 10px !important;
  border-radius: 5px;
}

#kco-order-review .quantity .minus, #kco-order-review .quantity .plus {
  display: none;
}

#kco-order-review .woocommerce-shipping-methods {
  list-style: none;
  padding-left: 0;
  font-size: 1.2rem;
}

#kco-order-review .total-price {
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
}

#kco-order-review .subtotal-price {
  font-size: 1.2rem;
}

#kco-order-review .total-price .includes_tax {
  font-size: 1.2rem;
}

#order_comments_field label {
  font-size: 1.2rem;
}

#kco-extra-checkout-fields .create-account {
  font-size: 1.2rem;
}

#separator-AddressModule {
  margin-top: 20px;
}

.woocommerce-shipping-methods li {
 padding: 5px 0;
 font-size: 1rem;
}

.quantity input.qty {
  border-radius: 4px;
}

.woocommerce-checkout .woocommerce-form-coupon {
 max-width: 800px;
 margin-left: 20px;	
}

.woocommerce-checkout input#coupon_code {
 border-color: rgb(14, 14, 15);
 border-radius: 4px;
 padding: 10px;
}
/* End checkout page */

/* Thank you page */
.woocommerce-order {
  width: 90%;
  margin: auto;
  margin-top: 40px;
}
  
.woocommerce-order-received .woocommerce .woocommerce-thankyou-order-received {
  background: #224229;
  color: white;
  padding: 20px;
}
  
#nps > label {
  border-color: #224229 !important;
}

.woocommerce-column__title, .woocommerce-order-details__title {
  color: #224229 !important;
}
  
.woocommerce-order-received .woocommerce-customer-details address, .woocommerce-view-order .woocommerce-customer-details address {
  border: 1px dashed #224229 !important;
}
/* End Thank you page */

/* Home banner slider */
.bwp-slider-homepage.slider-homepage3 .slick-list .item {
  position: relative;
  min-height: 500px;
}

.slick-ajax-loader {
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0;
    margin: auto;
    width: 90px !important;
    height: 90px !important;
    max-width: 90px !important;
    max-height: 90px !important;
    min-width: 90px !important;
    min-height: 90px !important;
}
/* End home banner slider */

/* Forgot password page */
.lost_reset_password {
 max-width: 800px;
 margin-left: 20px;
}

/* End Forgot password page */

/* Quick view */
.bwp-quick-view .quickview-container .product_detail {
  width: 1000px;
}
/* End view */

/* Single Post */
.content-image-single .entry-thumb {
 display: flex;
 justify-content: center;
}

.content-image-single .entry-thumb img {
 max-height: 400px;
 width: auto;
}
/* End single post */

.cart-cross-sell{
  margin-top: 40px;
}

.cart-cross-sell .products-list.grid{
  justify-content: space-between;
  flex-wrap: nowrap;
}

/* Desktop styles for slider homepage */
@media (min-width: 1024px) {
    .bwp-slider-homepage {
        height: 1080px;
    }
}

/* Tablet styles */
@media (max-width: 1023px) and (min-width: 768px) {
    .bwp-slider-homepage {
        height: 600px;
    }
}

/* Mobile styles */
@media (max-width: 767px) {
    .bwp-slider-homepage {
        height: 400px;
    }

    .cart-cross-sell .products-list.grid{
      justify-content: center;
      flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
  .form-row-contact {
    flex-direction: column;
    gap: 0 !important;
  }
}