/* Add here all your css styles (customizations) */
@font-face {
    font-family: Gotham;
    src: url(../fonts/GothamMedium.ttf);
  }

  @font-face {
    font-family: GothamBook;
    src: url(../fonts/GothamBook.ttf);
    font-weight: 300;
  }

  .gotham {
    font-family: Gotham;
  }

  .gothamBook {
    font-family: GothamBook;
  }

  .arial {
    font-family: Arial, Helvetica, sans-serif;
  }

  p {
    font-family: GothamBook;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 30px;
  }

  article {
    background-color: white;
    margin: auto;
    border: 5px solid black;
    box-shadow: 0px 5px 10px lightgrey;
  }

  /*Slider */
  .rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap :last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap :last-child {
    background-color: rgb(0 0 0 / 0%) !important;
  }

  /*Header Section*/
  .navbar {
    height: 67px;
  }
  .navbar .u-main-nav-v1 .nav-link, .navbar .u-main-nav-v1 .nav-link-mobile {
    font-size: 16px;
    font-family: GothamBook;
    padding: 0.5rem 1rem;
    border-radius: 0;
  }

  .u-header {
    min-height: 175px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-bottom: #000000 solid 15px;
    background: white;
    position: fixed;
    top: 0;
    bottom: auto;
  }

  .navbar .u-main-nav-v1 .nav-link, .navbar .u-main-nav-v1 .nav-link-mobile {
    color: #000000;
  }

  .u-header > div {
      box-shadow: none;
      width: 100%;
  }

  .social-links {
    display: inline-flex;
    margin-left: 20px;
  }
  .navbar .u-main-nav-v1 .nav-item.social-links.active > .nav-link, .navbar .u-main-nav-v1 .nav-item.social-links:hover > .nav-link, .navbar .u-main-nav-v1 .nav-item.social-links:focus > .nav-link, .navbar .u-main-nav-v1 .nav-item.social-links.show > .nav-link, .navbar .u-main-nav-v1 .nav-item.social-links.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v1 .nav-item.social-links .nav-link:focus {
    background-color: transparent;
    cursor: default;
  }
  .navbar .u-main-nav-v1 .nav-item.social-links .nav-link {
    padding: 5px 8px;
  }
  
  .navbar .u-main-nav-v1 .nav-item.social-links a:hover {
    background-color: transparent;
    cursor: pointer;
  }

  .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 100%;
    height: 3px;
    border-radius: 0;
}

  .hamburger--slider .hamburger-inner {
    top: 50%;
  }
  .hamburger-box {
    width: 30px;
    height: 25px;
  }
  .u-header__section--light .hamburger-inner, .u-header__section--light .hamburger-inner::after, .u-header__section--light .hamburger-inner::before {
    background: #de1732;
  }
  body.u-main-nav--overlay-left.u-main-nav--overlay-opened .u-main-nav--overlay {
    border-right: #000000 solid 15px;
  }

  .navbar-brand {
    position: absolute;
    left: 10px;
  }
  .navbar-toggler {
    display: block;
    top: -37px;
    right: 4px;
  }
  @media (min-width: 1920px) {
    .navbar .container {
      max-width: 1660px !important;
    }
  }
  @media (min-width: 1500px) {
    .navbar .container {
      max-width: 1440px;
    }
  }
  @media (min-width: 993px){
    .navbar .u-main-nav-v1 .nav-link-mobile {
      display: none;
    }
    .navbar .u-main-nav-v1.nav-link-desk {
      display: block;
    }
    .logo {
      opacity: 1;
      position: relative;
    }
    .logo-mobile {
      opacity: 0;
    }
    .sidenav-logo {
      display: none;
    }
  }
  @media (max-width: 992px){
    .navbar .u-main-nav-v1 .nav-link-mobile {
      display: block;
    }

    .navbar .u-main-nav-v1 .nav-link-desk {
      display: none;
    }
    .u-header {
      min-height: 102px;
      height: 102px;
    }
    .navbar-nav {
      margin-top: 130px;
    }
    .logo {
      opacity: 0;
      position: absolute;
    }
    .logo-mobile {
      opacity: 1;
    }
    .navbar > .container, .navbar > .container-md, .navbar > .container-sm {
      max-width: 100%;
    }
    body.u-main-nav--overlay-left.u-main-nav--overlay-opened .u-main-nav--overlay {
      width: calc(100% - 84px);
    }
    .navbar-collapse.u-main-nav--overlay .u-main-nav__list-wrapper {
      padding: 12px 24px;
    }
    .navbar-collapse.u-main-nav--overlay .u-main-nav__list-wrapper .navbar-nav {
      padding: 0;
    }
    .navbar .u-main-nav-v1 .nav-link, .navbar .u-main-nav-v1 .nav-link-mobile {
      padding: 0.5rem;
      margin-left: -.5rem;
      margin-bottom: 12px;
    }
    .navbar .u-main-nav-v1 .nav-item.social-links {
      margin-left: 0;
    }
    .navbar .u-main-nav-v1 .nav-item.social-links .nav-link, .navbar .u-main-nav-v1 .nav-item.social-link .nav-link-mobile {
      margin-right: 10px;
    }
    .sidenav-logo {
      display: block;
    }
  }

  
  
/*Header Section End*/

/*About Section*/
.about-section {
  background-image: url(/assets/img/bg/SalBio-Black.jpg);
  background-repeat: no-repeat;
  background-color: black;
}

@media (min-width: 2000px) {
  .about-section {
    background-position: 75%;
  }
}
@media (min-width: 1800px) and (max-width: 2000px) {
  .about-section {
    background-position: 85%;
  }
}
@media (min-width: 1500px) and (max-width: 1799px) {
  .about-section {
    background-position: 95%;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  .about-section {
    background-position: 113%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-section {
    background-position: 145%;
  }
}
@media (max-width: 991px) {
  .about-section {
    padding-bottom: 660px;
    background-position: bottom center;
    background-image: url(/assets/img/bg/SalBio-Black.jpg);
  }
}
/*About Section End*/

/*News Section*/
.news-section {
  background-image: url(/assets/img/bg/bg-ink.png);
  background-size: cover;
  background-repeat: no-repeat;
  
  background-position: center;
}
/*News Section End*/

/*Contact Section*/
.contact-section {
  background-color: #DE1732; 
}
.contact-section a {
  text-decoration: underline;
}
/*Contact Section End*/

/*Collection Section*/
.collection-section .img-fluid {
  max-width: 100%;
  height: auto;
  width: 100%;
}
/*Collection Section End*/

@media (min-width: 1400px) {
  .news-section {
    background: url(/assets/img/bg/bg-ink@2x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: white;
    background-position: center;
  }
}