/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.cocktail__sub-title {
    margin-top: 123px;
    position: relative;
    margin-bottom: 40px;
  }
  .how_to_make strong {
    font-weight: 700;
  }
  .cocktail__sub-title::before {
    content: "";
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translate(-50%);
    background-image: url(/wp-content/themes/hello-theme-child-master/img/drink.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px dashed #979797;
    width: 50px;
    height: 50px;
  }
  .recipe_container {
    background-color: #f7f8f9;
  }
  .about_current_product h2 {
      margin-bottom: 26px;
  }
  .cocktail__sub-title {
      margin-top: 123px;
      position: relative;
      margin-bottom: 40px;
  }
  h2 {
      width: 100%;
      display: inline-block;
      color: #364559;
      font-family: RedHatDisplay;
      font-size: 48px;
      font-weight: 700;
      letter-spacing: 2px;
      text-align: center;
  }
  .pre__time-serve-item span {
      display: flex;
      flex-direction: column;
      justify-content: center;
      background-color: #fff;
      width: 140px;
      height: 70px;
      text-align: center;
  }
  .img__icon-wrapp {
      font-family: OpenSans;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 4px;
      margin-bottom: 0;
  }   
  .pre__time-serve-item span h3 {
      font-family: OpenSans;
      font-style: normal;
      font-weight: 700;
      font-size: 14px;
      line-height: 19px;
      text-transform: uppercase;
      color: #364559;
  }
  .pre__time-serve {
      display: flex;
      justify-content: space-evenly;
      margin-bottom: 40px;
  }
  @font-face {
      font-family: RedHatDisplay;
      src: url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Black.eot);
      src: url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Black.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Black.woff2) format("woff2"), url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Black.woff) format("woff"),
          url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Black.ttf) format("truetype"), url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Black.svg#RedHatDisplay-Black) format("svg");
      font-weight: 900;
      font-style: normal;
  }
  @font-face {
      font-family: RedHatDisplay;
      src: url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Regular.eot);
      src: url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Regular.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Regular.woff2) format("woff2"), url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Regular.woff) format("woff"),
          url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Regular.ttf) format("truetype"), url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Regular.svg#RedHatDisplay-Regular) format("svg");
      font-weight: 400;
      font-style: normal;
  }
  @font-face {
      font-family: RedHatDisplay;
      src: url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Bold.eot);
      src: url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Bold.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Bold.woff2) format("woff2"), url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Bold.woff) format("woff"),
          url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Bold.ttf) format("truetype"), url(/wp-content/themes/hello-theme-child-master/fonts/RedHatDisplay-Bold.svg#RedHatDisplay-Bold) format("svg");
      font-weight: 700;
      font-style: normal;
  }

.top_best_list {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.top_best_list ul {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 640px;
}
.blog_page ul li {
    position: relative;
    color: #364559;
    font-family: OpenSans;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.11px;
    line-height: 32px;
    margin-bottom: 15px;
}
.top_best_list ul li figure {
    margin-bottom: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 198px;
}
.card_gin_favorite, .single-bloging_dir_ltg .drts-main .top_best_list ul li figure div, .single-gin_cocktail_dir_ltg .drts-main .top_best_list ul li figure div {
    width: 171px;
    height: 171px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}
.top_best_list ul li .name {
    width: 100%;
    text-align: center;
    color: #364559;
    font-family: RedHatDisplay;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.4px;
    line-height: 28px;
    display: inline-block;
    margin-bottom: 4px;
}
.cocktail_name {
    margin-top: 25px;
}
.top_best_list ul li p {
    width: 100%;
    text-align: center;
    color: #364559;
    font-family: OpenSans;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 32px;
}
.bordered_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: OpenSans;
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: italic;
    letter-spacing: 2px;
    text-align: center;
    color: #364559;
    width: 100%;
    max-width: 210px;
    height: 52px;
    -webkit-box-shadow: 0 3px 16px 0 rgba(54, 69, 89, 0.2);
    box-shadow: 0 3px 16px 0 rgba(54, 69, 89, 0.2);
    border: solid 1px #364559;
}
.top_best_list ul li {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    -webkit-box-shadow: 0 3px 16px rgba(54, 69, 89, 0.2);
    box-shadow: 0 3px 16px rgba(54, 69, 89, 0.2);
    background-color: #fff;
    padding-top: 9px;
    padding-left: 10px !important;
    padding-right: 10px;
    padding-bottom: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 22px;
}