﻿body {
  overflow-x: hidden;
}

.navbar .nav-link {
  font-size: 14px;
  text-transform: uppercase;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.navbar .nav-item.active {
  border-left: #444 3px solid;
}

.nav-link.active {
  color: white;
}

.carousel-item {
  height: 450px;
}

.carousel-image-1 {
  background: url("../img/atm1.jpg");
  background-size: cover;
}

.carousel-image-2 {
  background: url("../img/image2.jpg");
  background-size: cover;
}

.carousel-image-3 {
  background: url("../img/image3.jpg");
  background-size: cover;
}

#home-heading {
  position: relative;
  min-height: 200px;
  background: url("../img/lights.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  text-align: center;
  color: #fff;
}

#home-section0 {
  background: url(../img/media.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 200px;
  color: white;
}

#faq-section {
  background: url(../img/media.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: white;
  min-height: 700px;
}

#events-section {
  background: url(../img/eventatms.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 700px;
  color: white;
}

#cannabis-section {
  background: url(../img/can.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 700px;
  color: white;
}

#location-section {
  background: url(../img/routePage/route.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 700px;
  color: white;
}

#bitcoin-section {
  background: url(../img/btcPage/btc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 700px;
  color: white;
}

#home-section {
  background: url(../img/media.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 700px;
  color: white;
}

#home-section .fas,
#create-section .fas {
  color: #008ed6;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
}

#home-section2 {
  background: url(../img/media.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 700px;
  color: white;
}

#hiw-section {
  background: url(../img/hiw.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 700px;
  color: white;
}

#explore-section .fas,
#share-section .fas {
  background: #333;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
}

.home-inner {
  padding-top: 50px;
}

.dark-overlay0 {
  width: 100%;
  min-height: 500px;
  background: rgba(0, 0, 0, 0.7);
}

.dark-overlay {
  width: 100%;
  min-height: 700px;
  background: rgba(0, 0, 0, 0.7);
}

.dark-overlay2 {
  width: 100%;
  height: 500px;
  background: rgba(0, 0, 0, 0.5);
}

#c1 {
  background: url("https://source.unsplash.com/random/560x560");
}

#page-header {
  height: 200px;
  background: url("../img/image1.jpg");
  background-position: 0 -360px;
  background-attachment: fixed;
  color: #fff;
  border-bottom: 1px #eee solid;
  padding-top: 50px;
}

.about-img {
  margin-top: -50px;
}

#faq .card {
  border: #444;
}

#faq a {
  color: #fff;
  text-decoration: none;
}

#faq .card-body,
#faq .card-header {
  background: #333;
}

#main-footer {
  background: #000;
  color: #fff;
}

#info {
  background-color: rgba(235, 64, 52, 0.1);
}

.header-display {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

#event-header {
  position: relative;
  height: 500px;
  background: url("../img/events.jpg");
  /*background: url('../img/atm_cover.jpg');*/
  background-attachment: fixed;
  background-size: cover;
}

#atm-header {
  position: relative;
  height: 500px;
  background: url("../img/AtmBanner2.png");
  background-attachment: fixed;
  background-size: cover;
}

#atm-header p {
  color: white;
  font-family: Verdana;
}

@media only screen and (max-width: 720px) {
  .header-display {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
  }

  #atm-header {
    position: relative;
    background-size: auto 700px !important;
    height: auto;
    /*background: url('../img/litatm.jpg');*/
    background: url("../img/atm_mobile.jpg");
    /*background: url('../img/AtmBanner2_mobile.png');*/
    /*background-attachment: fixed;*/
    background-size: cover;
  }

  #bitcoin-section {
    background: url(../img/btcPage/btc_mobile.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 700px;
    color: white;
  }

  #cannabis-section {
    background: url(../img/can_mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 700px;
    color: white;
  }
}

.container-fluid.top {
  position: relative;
  height: 500px;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  text-align: center;
  width: 100%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.img-overlay {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.img-overlay:before {
  content: " ";
  display: block;
  /* adjust 'height' to position overlay content vertically*/
  height: 40%;
}

#p11 {
  position: relative;
  height: 400px;
  background: url("../img/w2.jpg");
  background-size: cover;
}

#p12 {
  position: relative;
  height: 400px;
  background: url("../img/consult2.jpg");
  background-size: cover;
}

#p13 {
  position: relative;
  height: 400px;
  background: url("../img/plan2.jpg");
  background-size: cover;
}

.half-div {
  height: 60%;
  background-color: rgba(39, 69, 117, 0.4);
}
