/*
Theme Name: Coffee Shop Bistro Customized
Template:   coffee-shop-bistro
Description: A customized child theme of 'Coffee Shop Bistro'  ++ version is relative to parent theme
Version: 1.1.5
*/

@media screen and (max-width: 420px){
  .header-wrap .lower-header{
    border-radius: 0 !important;
    max-width: 100% !important;
  }
  .header-wrap nav{
    justify-content: center !important;
  }
  .header-wrap{
    padding: 0 !important;
  }
}
@media screen and (min-width: 700px) and (max-width: 1050px){
  .header-logo-box .wp-block-site-title a{
    font-size: 22px !important;
  }
  .header-menu-box .wp-block-navigation__container{
    gap: 10px !important;
  }
}

@media screen and (min-width: 800px) {
    .header-menu-box .wp-block-navigation__container > .wp-block-navigation-item a{
      padding: 3px 15px;
      border-radius: 26px;
    }
    .header-menu-box .wp-block-navigation__container > .wp-block-navigation-item a:hover,.header-menu-box .current-menu-item{
      color: var(--wp--preset--color--heading);
      background-color: var(--wp--preset--color--border-color);
      border-radius: 26px;      
    }
     .header-menu-box .wp-block-navigation__container > .has-child.wp-block-navigation-item a:hover{
      background-color: transparent !important;
      color: #fff !important;
    }
    .header-menu-box .wp-block-navigation__container > .has-child.wp-block-navigation-item ul.wp-block-navigation__submenu-container a:hover{
      color: #000 !important;
    }
    .header-wrap .lower-header{
      width: fit-content;
    }
}

@media screen and (min-width: 1040px){
  .project-section .projects-slider,.footer-box,.testimonial-cols{
    max-width: 70% !important;
  }
}

@media screen and (max-width: 799px){
  .header-menu-box{
    flex-basis: 10% !important;
  }
  .header-logo-box{
    flex-basis: 25% !important;
  }
  .header-menu-box nav{
    justify-content: center !important;
  }
  .about-section .customer-plus,.about-section .customer-no {
    font-size: 28px !important;
  }
  .about-section .customer-text{
    font-size: 16px !important;
  }
}
/*header*/


/*cofee css start*/
.cofee-section {
    min-height:60px !important;
}

.cofee-section-inner {
    min-height:49px !important;
}


.cofee-section .marquee-posts .post-ul{
  animation: marquee 25s linear infinite !important;
}
.cofee-section .marquee-posts {
  width: 100% !important;
  overflow: hidden !important;
  /*position: relative;*/
      position: absolute !important;
    min-width: fit-content;
    min-height: 49px;
}

@media only screen and (max-width: 768px) {
  .marquee {
    will-change: transform;
            min-width: fit-content !important;
        overflow: hidden !important;
  }
.cofee-section {
    min-height:80px !important;
}    
  .cofee-section .marquee {
    min-width: fit-content !important;
        overflow: hidden !important;
        min-height: 49px !important;
    }
    
  .cofee-section .marquee-posts .post-ul{
    animation: marquee 18s linear infinite !important;
  }
  .cofee-section .marquee-posts .post-li {
    margin-left: 80px !important;
        min-width: 120px !important;
        max-width: 220px !important;
  }
}

/*cofee css end*/

/*about css start*/
.about-section .about-img span {
  background-color: #000000a8 !important;
  opacity: 0.5 !important;
}

/*about css end*/

/*woocommerce overrides */
h1.wp-block-post-title, .wc-block-components-product-rating.wc-block-grid__product-rating.wp-block-woocommerce-product-rating, .wp-block-woocommerce-product-price.has-large-font-size {
  margin-left: 35px !important;
  margin-right: 0 !important;
}

.woocommerce-page div.product div.summary {
  width: 66% !important;
}

.single-product .woocommerce-product-gallery .wp-post-image {
  max-width: 420px !important;
  max-height: 420px !important;
  margin: 3px !important;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
  width: 440px !important;
}

.woocommerce-product-gallery li {
    width: 23% !important;
	margin: 3px !important;
}


@media only screen and (max-width: 768px) {
  .woocommerce-page div.product div.summary {
    width: 100% !important;
  }
  .single_variation_wrap {
    width: 100% !important;
  }
  .wp-site-blocks {
      /*width: 88% !important; */
      padding-left: 8px !important;
        padding-right: 8px !important;
  }
  .yayextra-option-field-wrap input[type='text'] {
    width: 96% !important;
    max-width: 350px !important;
  }
  .yayextra-option-field-wrap select {
    width:  96% !important;
    max-width: 350px !important;
  }

  .single-product .woocommerce-product-gallery .wp-post-image {
    max-width: 99% !important;
    max-height: 99% !important;
    margin: 3px !important;
  }

  .woocommerce div.product div.images.woocommerce-product-gallery {
    width: 99% !important;
  }
  .woocommerce-product-gallery li {
    margin: 1px !important;
  }
  .yayextra-option-field-wrap {
    max-width: 330px !important;
  }
  .yayextra-textarea-400 {
    min-width: 330px !important;
    max-width: 330px !important;
  }

}