/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: Eln Ferenc
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0

Brut Grotesque Font License: Eln Ferenc / Gyújtópont Stúdió / Bureau Brut – Invoice No2200010 2022-01-07 14:03
Order: 16302
*/

@font-face {
    font-family: 'Brut_Grotesque_WEB-Book';
    src:    url('webfonts/Brut_Grotesque_WEB-Book.eot');
    src:    url('webfonts/Brut_Grotesque_WEB-Book.eot?#iefix') format('embedded-opentype'),
            url('webfonts/Brut_Grotesque_WEB-Book.woff') format('woff'),
            url('webfonts/Brut_Grotesque_WEB-Book.woff2') format('woff2');
}

@font-face {
    font-family: 'Brut_Grotesque_WEB-Book';
    src:    url('webfonts/Brut_Grotesque_WEB-Book.eot');
    src:    url('webfonts/Brut_Grotesque_WEB-Book.eot?#iefix') format('embedded-opentype'),
            url('webfonts/Brut_Grotesque_WEB-Book.woff') format('woff'),
            url('webfonts/Brut_Grotesque_WEB-Book.woff2') format('woff2');
}

@font-face {
    font-family: 'Brut_Grotesque_WEB-Regular';
    src:    url('webfonts/Brut_Grotesque_WEB-Regular.eot');
    src:    url('webfonts/Brut_Grotesque_WEB-Regular.eot?#iefix') format('embedded-opentype'),
            url('webfonts/Brut_Grotesque_WEB-Regular.woff') format('woff'),
            url('webfonts/Brut_Grotesque_WEB-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Brut_Grotesque_WEB-Italic';
    src:    url('webfonts/Brut_Grotesque_WEB-Italic.eot');
    src:    url('webfonts/Brut_Grotesque_WEB-Italic.eot?#iefix') format('embedded-opentype'),
            url('webfonts/Brut_Grotesque_WEB-Italic.woff') format('woff'),
            url('webfonts/Brut_Grotesque_WEB-Italic.woff2') format('woff2');
}

body {
  font-family: 'Brut_Grotesque_WEB-Book', sans-serif !important;
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
  font-feature-settings: "zero" on;
}

p {
  font-family: 'Brut_Grotesque_WEB-Book';
  font-weight: normal;
  font-size: 18px !important;
  padding-bottom: 18px;
  line-height: 1.425em;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
  -webkit-font-smoothing: antialiased;
  /*font-variant-numeric: oldstyle-nums;*/
   color: #000000;
   letter-spacing: 0px;
  }

@media (min-width: 679px) {
      p {
      font-size: 22px !important;
      padding-bottom: 20px;
      }
    }
    
  @media (min-width: 1001px) {
      p {
      font-size: 23px !important;
      padding-bottom: 22px;
      }
    }
    
  @media (min-width: 1920px) {
      p {
      font-size: 24px !important;
      padding-bottom: 24px;
      }
    }
    
    h1  {
      font-family: 'Brut_Grotesque_WEB-Regular';
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -moz-font-feature-settings: "liga" on;
    }
    
    h2 {
      font-family: 'Brut_Grotesque_WEB-Regular';
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -moz-font-feature-settings: "liga" on;
    }
    
    h3, h4 {
      font-family: 'Brut_Grotesque_WEB-Regular';
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -moz-font-feature-settings: "liga" on;
    }
    
    h5, h6 {
      font-family: 'Brut_Grotesque_WEB-Regular';
      font-weight: bold;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -moz-font-feature-settings: "liga" on;
    }
    
    /*________h1_________*/
    
    h1 {
      font-size: 36px !important;
      line-height: 1.425em;
    }
    
    @media (min-width: 679px) {
      h1 {
      font-size: 40px !important;
      }
    }
    
    @media (min-width: 999px) {
      h1 {
      font-size: 44px !important;
      }
    }
    
    @media (min-width: 1200px) {
      h1 {
      font-size: 50px !important;
      }
    }
    
    @media (min-width: 1920px) {
      h1 {
      font-size: 60px !important;
      letter-spacing: 1px;
      }
    }
    
    /*________h2_________*/
    
    h2 {
      font-size: 30px !important;
      line-height: 1.425em;
      letter-spacing: -0.015em;
    }
    
    @media (min-width: 679px) {
      h2 {
      font-size: 34px !important;
      }
    }
    
    @media (min-width: 999px) {
      h2 {
      font-size: 38px !important;
      }
    }
    
    @media (min-width: 1200px) {
      h2 {
      font-size: 44px !important;
      }
    }
    
    @media (min-width: 1920px) {
      h2 {
      font-size: 48px !important;
      }
    }
    
    
    /*________h3_________*/
    
    h3 {
      font-size: 26px !important;
      line-height: 1.425em;
      letter-spacing: -0.015em;
    }
    
    @media (min-width: 679px) {
      h3 {
      font-size: 30px !important;
      }
    }
    
    @media (min-width: 1200px) {
      h3 {
      font-size: 34px !important;
      }
    }
    
    @media (min-width: 1920px) {
      h3 {
      font-size: 38px !important;
      line-height: 1.485em;
      }
    }
    
    /*________h4_________*/
    
    h4 {
      font-size: 24px !important;
      line-height: 1.325em !important;
    }
    
    @media (min-width: 679px) {
      h4 {
      font-size: 26px !important;
      }
    }
    
    @media (min-width: 1200px) {
      h4 {
      font-size: 28px !important;
      }
    }
    
    @media (min-width: 1920px) {
      h4 {
      font-size: 32px !important;
      }
    }
    
    /*________h5_________*/
    
    h5 {
      font-size: 22px !important;
      line-height: 1.325em;
      padding-bottom: 5px;
    }
    
    @media (min-width: 679px) {
      h5 {
      font-size: 24px !important;
      padding-bottom: 6px;
      }
    }
    
    @media (min-width: 1200px) {
      h5 {
      font-size: 26px !important;
      padding-bottom: 8px;
      }
    }
    
    @media (min-width: 1920px) {
      h5 {
      font-size: 28px !important;
      padding-bottom: 10px;
      }
    }
    
    
    /*________h6_________*/
    
    h6 {
      font-size: 17px !important;
      line-height: 1.325em;
    }
    
    @media (min-width: 679px) {
      h6 {
      font-size: 18px !important;
      }
    }
    
    @media (min-width: 1200px) {
      h6 {
      font-size: 19px !important;
      }
    }
    
    @media (min-width: 1920px) {
      h6 {
      font-size: 20px !important;
      }
      }
    
    strong {
      font-family: 'OfeliaDisplay';
      font-weight: bold;
    }
    
.banner-1 {
  z-index: 999;
  width: 30.9375rem;
  max-width: 98% !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #000;
  background-color: rgba(255,255,255,.7);
  border-radius: 1.1275rem;
  padding: 1.875rem 1.25rem;
  position: fixed;
  top: auto;
  bottom: 2.5rem;
  right: auto;
  left: 2%;
}

.banner-2 {
  z-index: 1000;
  width: 30px;
  position: fixed;
  top: auto;
  bottom: 0.925rem;
 left: auto;
  right: 2.75rem;
}