/*
 Theme Name:   Ezelap
 Template:     bootstrap-basic4
 Description:  A child theme for Bootstrap Basic4
 Author:       NetON
 Version:      1.0
*/
@import url('fonts.css');

/* Add your custom styles below */
.home .entry-title {
    display: none;
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #1b75bb; /* Fallback color */
    background-image: linear-gradient(to bottom, #1b75bb, #1d86d1 10%); /* Approximate gradient */
    font-size: 14px;

}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
  }
}
p {margin-bottom: 0.6rem;}
h1 {font-size: 36px;}
h4, .h4 {font-size: 18px;}
h3, .h3 {font-size: 24px;}
p{font-size: 14px;}
h1,
h2,
h3,
h4 {
  font-family: 'Exo 2.0', Helvetica, Arial, sans-serif;
}
.navbar,.woocommerce .products .product a .amount {
    font-family: 'Exo 2.0', Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.single-product .entry-summary div[itemprop=offers] .amount {
    font-family: 'Exo 2.0', Helvetica, Arial, sans-serif;
}
.price .amount {
    font-family: 'Exo 2.0', Helvetica, Arial, sans-serif;
}
h5,
h6,
p {
  font-family: Helvetica, Arial, sans-serif;
}
a { color: #428bca;}
.site-logo {
    img.logo {
      max-width: 100%; /* Ensure the logo fits the column */
      height: auto;
      width: 120px;
    }
  }
  
  .site-title {
    color: #fff;
    h1 {
       
            font-size: 35px;
            margin: 0;
            font-style: italic;  
    }
  
    h3 {
        font-weight: 700;
        margin: 0px;
        font-size: 23px;
    }
  }
  
  .order-info {
    color:#fff;
    h4 {
      font-size: 20px;
      margin-bottom: 10px;
    }
  
    p {
      margin: 5px 0;
      font-size: 14px;
    }
  
    a {
      color: #fff; /* Adjust as needed */
      text-decoration: none;
  
      &:hover {
        text-decoration: underline;
      }
    }
  }

  .page-header {
    margin-bottom: 0px;
  }
  #content {
    margin: 0;
  }
  #main {
    padding-bottom: 100px;
    background: #fff url('/wp-content/themes/ezelap/assets/paper-bottom.png') 0px bottom no-repeat;
    box-shadow: 1px 20px 35px -10px rgba(0, 0, 0, 0.5);
    .page {
        border: 0;
        margin-bottom: 0px;
        padding: 0px;
    }
}

.navbar{
    background: linear-gradient(to bottom, rgba(231, 232, 233, 1), rgba(255, 255, 255, 1));
    font-size: 1.2em;
}
#footer-container{color: #fff;}
.search-field {
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 10px;
}

.search-submit {
  &.btn-primary {
    background-color: #007bff; /* Update with your theme's primary color */
    border-color: #007bff;
    color: #fff;

    &:hover {
      background-color: #0056b3; /* Darker shade for hover effect */
      border-color: #0056b3;
    }
  }
}
.entry-header{
  margin: 35px auto;
}
.btn-primary {
  background-color: #3276b1; /* New primary color */
  border-color: #3276b1; /* Match border with the background */
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {
  background-color: #285e8e; /* Slightly darker shade for hover/active */
  border-color: #285e8e;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  width: 100%;
  color: #eee;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  background-color: #428bca;
}
.single-product {

    .entry-header{display: none;}
    .woocommerce {
      margin-top: 35px;
      div.product .product_title{
        margin-bottom: 20px;
        margin-top: 10px;
      }
    }
    .product_meta > span {
      display: block;
    }
    .entry-summary .product_meta {
      min-height: 20px;
      padding: 19px;
      margin-bottom: 20px;
      background-color: #f5f5f5;
      border: 1px solid #e3e3e3;
      border-radius: 4px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
      padding: 9px;
      border-radius: 3px;
      margin-top: 20px;
    }
}


.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  width: 36%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  width: 60%;
}
.woocommerce {
  div.product {
    div.images {
      img {
        border: 1px solid #cccccc;
        width: 99%;
      }
    }
  }

  .woocommerce-breadcrumb {
    display: none;
  }

  ul.products {
    li.product {
      .button {
        display: none;
      }
      
      width: 200px;
      height: 230px;

      .product {
        list-style-type: none;
        margin-right: 10px;
        margin-bottom: 20px;
        display: inline-block;
        vertical-align: top;
        position: relative;

        a {
          h3 {
            font-size: 1.3em;
            margin-bottom: 0px;
          }
          
        }
      }

      img {
        margin: 0px !important;
        border: 1px solid #cccccc;
      }
    }
  }

  img {
    display: block;
    max-width: 100%;
    height: auto;
  }

  li.product .woocommerce-loop-product__title {
    font-size: 19px !important;
  }

 
}

.flex-control-thumbs {
  margin-top: 20px !important;

  img {
    display: none !important;

    &.flex-active {
      display: block !important;
    }
  }
}


#sidebar-left .widget,
#sidebar-right .widget {
  border: none;
  padding: 0;
}

.wc-block-product-categories-list.wc-block-product-categories-list--depth-0 {
  list-style: none;
  padding: 0px !important;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
  display: none;
}
.wc-block-product-categories-list-item-count {
  display: none;
}
#primary {
  width: 100%;
}
.woocommerce-product-gallery__image {
  margin: 5px;
}

.tpslick-slide[data-tpslick-index="0"] {
  display: none;
}