/*@font-face {font-family: "acumin";
  src:url('font/AcuminVariableConcept.woff') format('woff'),
  url('font/AcuminVariableConcept.woff2') format('woff2'),
  url('font/AcuminVariableConcept.eot'),
  url('font/AcuminVariableConcept.eot?#iefix') format('embedded-opentype'),
  url('font/AcuminVariableConcept.ttf') format('truetype');
}
*/
*{
  /*font-family: 'acumin';*/
  color: white;
}

@media (min-width: 992px){
  *:not(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .fa, .far, .fas){
    font-size: 18px;
  }
}

.navbar-scroll img {
  height: 60px;
  transition: 0.75s;
}

.navbar-scrolled img {
  height: 50px;
  transition: 0.75s;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
  font-weight: 900;
  text-transform: uppercase;
}

a{
  color: inherit;
}

.reset-transform{
  text-transform: inherit;
}

.navbar .nav-link{
  font-size: 20px;
  color: white;
  font-weight: bold;
}

span{
  color: #44b067 !important;
  font-weight: bold !important;
}

.text-beige{
  color: #c7aa80;
}

.btn-outline-first {
  color: #c7aa80;
  background-color: white;
  border-color: white;
  border-radius: 0;
  font-weight: bold;
}

.btn-outline-second {
  color: #c7aa80;
  border-color: white;
  border-radius: 0;
  font-weight: bold;
}

.btn-outline-third {
  color: #c7aa80;
  background-color: black;
  border-color: black;
  border-radius: 0;
  font-weight: bold;
}

.btn-outline-first:hover{
  background: none;
  color: #c7aa80;
}

.btn-outline-second:hover{
  background: white;
  color: #c7aa80;
}

.btn-outline-third:hover{
  background: none;
  color: #c7aa80;
}

.fw-boldest{
  font-weight: 900;
}


@media (min-width: 992px){
  .intro {
      height: 450px !important;
  }
}

.intro {
  height: 300px;
}

/*Hover animation*/
.nav-link{
  transition: inherit;
  padding: 0 !important;
  margin: .5rem;
}

@media (max-width: 992px){
  .nav-link{
    width: fit-content;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

.navbar-nav li.nav-item a {
  --border-color: #c7aa80;
  --border-width: 2px;
  --bottom-distance: 0px;
  
  background-image: linear-gradient(var(--border-color), var(--border-color));
  background-size: 0% var(--border-width);
  background-repeat: no-repeat;
  background-position: 50% calc(100% - var(--bottom-distance));
}

.navbar-nav li.nav-item a:hover { 
  background-size: 100% var(--border-width);
  transition-duration: 1s;
  color: --border-color !important;
}

.navbar-nav li.nav-item.active a{
  color: --border-color !important;
  background-size: 100% var(--border-width);
}

/*Hamburger menu*/

@media (min-width: 992px){
  .navbar-expand-lg #navbar-toggler {
      display: none;
  }
}

#navbar-toggler {
  width: 45px;
  height: 28px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#navbar-toggler span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: white;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#navbar-toggler span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#navbar-toggler span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#navbar-toggler span:nth-child(3) {
  top: 24px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#navbar-toggler.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#navbar-toggler.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#navbar-toggler.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 29px;
  left: 8px;
}

/**/

.hover-overlay-custom .mask{
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease-in-out;
}

.hover-zoom:hover .hover-overlay-custom .mask{
  visibility: visible;
  opacity: 1;
}

h1:not(#home h1, #404 h1){
  border: 5px solid white;
  padding: 6px 50px;
}