/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

@media (max-width: 768px) {
  .hidden-mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .only-mobile {
    display: none;
  }
}
@font-face {
    font-family: Norse;
    src: url("../../content/font/Norse-KaWl.otf") format("opentype");
}
main > .container {
  padding: 15px 15px 15px;
  min-height:  600px;
  .title {
    font-size: 64px; text-align: right;
    border-right: solid black 2px;
  }
  .logo {
    border-left: solid black 2px;
    overflow: hidden;
  }
}
body {
  font-family: 'Norse';
  font-size: 32px;  
  .ss {
    font-family: sans-serif;
    font-size: 16px;
  }  
  .navbar {
    margin-bottom: 0px !important;
    .navbar-brand{
      font-size: 82px;
      margin: 0px;
      padding: 0px;
    }
    .logo-bw {
      background-image: url('../../content/img/Badwolf_Trans_Negativ.png');
      width: 100px;
      height: 100px;
      background-size: cover;
      border: none;
    }
    .nav-link {
      text-align: right;
    }
  }
  .footer {  
    .logo {
      width: 100px;
      height: 100px;
      border: none;
      float: right;
      margin: 0px !important;
      background-size: contain;
      background-repeat: no-repeat;      
      background-position: center;
    }
    .logo-sm {
      width: 32px;
      height: 32px;
      display: block;
      background-size: cover;
      border: none;
      float: left;
    }
    .sas {
      background-image: url('../../content/img/Softairstore.png');      
    }
    .vdb {
      background-image: url('../../content/img/next-guneration-logo.svg');
    }
    .fb {
      background-image: url('../../content/img/Facebook_icon.png');      
      margin-right: 16px;
    }
    .insta {
      background-image: url('../../content/img/Instagram_icon.webp');
    }
  }
  .bg-olive {
    background-color: #5e6f37;
  }  
  .lg {
    background-color: #ffffff25;    
    border-radius: 16px;
  }
  #btn-back-to-top {
    position: fixed;
    top: 20px;
    right: 20px;
    display: none;
    border: solid white 2px;
  }
  .preview {
    height: 100%;
    width: 100%;
    object-fit: cover;   
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .modal-title {
    color: black;
  }
}
.team {
  background:  
    linear-gradient(
      rgba(0, 0, 0, 0.7), 
      rgba(0, 0, 0, 0.7)
    ),
    url('../../content/img/background/hangar_bg.webp');
  #team {
    .team-member {
      padding-top: 8px;
      padding-bottom: 8px;
      .image {
        height: 288px;      
        border-radius: 16px;
      }
    }
  }
}
.gallery {
  background:  
    linear-gradient(
      rgba(0, 0, 0, 0.7), 
      rgba(0, 0, 0, 0.7)
    ),
    url('../../content/img/background/fields_bg.webp');
}
.vehicles {
  background:  
    linear-gradient(
      rgba(0, 0, 0, 0.7), 
      rgba(0, 0, 0, 0.7)
    ),
    url('../../content/img/background/ammo_bg.webp');
  #vehicles {
    .image {
      width: 100%;
      border-radius: 16px;
    }
  }
}
.hangar {
  background:  
    linear-gradient(
      rgba(0, 0, 0, 0.7), 
      rgba(0, 0, 0, 0.7)
    ),
    url('../../content/img/background/airfield_bg.webp'); 
  #hangar {
    .image {
      width: 100%;
      border-radius: 16px;
      margin-bottom: 16px;
    }
  }
}
.home {
  background:  
    linear-gradient(
      rgba(0, 0, 0, 0.7), 
      rgba(0, 0, 0, 0.7)
    ),
    url('../../content/img/background/home_bg.webp');
  .logo {
    .index-logo {
      max-height: 288px; 
      float: left;
    }
    @media (max-width: 576px) {
      .index-logo {
        width: 180px; 
      }
    }
  }
}
.sponsors {
  background:  
    linear-gradient(
      rgba(0, 0, 0, 0.7), 
      rgba(0, 0, 0, 0.7)
    ),
    url('../../content/img/background/convoy.webp');
  #sponsors {
    .sponsors-img{
      height: 256px;
    }
  }
}
.gadgets {
  background:  
    linear-gradient(
      rgba(0, 0, 0, 0.7), 
      rgba(0, 0, 0, 0.7)
    ),
    url('../../content/img/background/soldering-iron.webp');
  .image {
    width: 100%;
    border-radius: 16px;
    margin-bottom: 16px;
  }
}
.impressum {
  background:  
    linear-gradient(
      rgba(0, 0, 0, 0.7), 
      rgba(0, 0, 0, 0.7)
    ),
    url('../../content/img/background/mailboxes_bg.webp');
}
.bbq {
  background:  
    linear-gradient(
      rgba(0, 0, 0, 0.7), 
      rgba(0, 0, 0, 0.7)
    ),
    url('../../content/img/background/bbq_bg.webp');
}
.background {
  background-size: cover;
  background-attachment: fixed;
  background-position: center; 
  color: white;  
  .title {
    border-right: solid white 2px !important;
  }  
}
a {
  color: #d3ff00;
}
a:hover {
  color: #ff5400;
}