
.bg-green{background:#72bf44}
.txt-green{color:#72bf44}
.bg-lighter{background:#E0D5A9; border-color:#E0D5A9}
.db-addb {color:#ffffff}
.text-dark {color:black}

.btn-green-outline:hover {
  background-color: #72bf44;
  border-color: #72bf44;
}

.btn-lighter:hover, .btn-outline-white:hover {
  background-color: #72bf44;
  border-color: #72bf44;
  color:white;
}

.btn-green, .btn-green:hover, .btn-success{
    background-color: #72bf44;
    border-color: #72bf44;
    cursor: pointer;
}

.btn-green:hover, .btn-green:hover, .btn-success:hover {
  color: #ffffff!important;
  background-color: #72bf44!important;
  border-color: #72bf44!important;
}

.db-addb{
  color:#ffffff!important;
  opacity: 0.8;
  cursor: pointer;
}

.db-addb:hover{
  opacity: 1;
  cursor: pointer;
}

.nav-item {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.nav-link:hover, .nav-link:focus {
    color: #72bf44;
}

.frnt-enter:hover {
  background:#222222;
  border-color:#444444;
  color:white!important;

}

.subh-wrap-grn {
  background: currentcolor!important;
}

header {
  max-height: 450px;
  height: auto;
  border-bottom: #72bf44 14px solid;
  border-image-source: linear-gradient(to left, #743ad5, #72bf44) 1;
}
.cerm-info p, .ded-info p {
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 1px
}

/** Frontpage: about section **/

#about {
    background: #ffffff;
}

.about-img{
  max-width:550px;
}

section#contact-frnt {
    background: #72bf44;
    background: linear-gradient(175deg,rgba(150, 204, 118, 1) 0%, rgba(114, 191, 68, 1) 50%, rgba(92, 156, 54, 1) 100%);
    padding: 0;
}

section#entryform-wrap {
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.7) 100%), url('/img/db/bckground-img-db.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 70vh;
  /*background: url(/img/bckground-img.jpg);*/
}

#about h2 {
  padding-bottom: 15px;
  margin-bottom: 2vh;
  line-height: 2.5vw;
}

#about h2 > span:nth-child(3) {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 20px;
  }



/** Frontpage: venue section **/


.venuebg {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.7) 100%), url(/img/db-green/venue-bg-green.jpg);
    /*background-color: #F0F0F0;*/
    background-size: 720px 700px;
    background-position: center center;
    background-repeat: no-repeat;
}

.venue-text {
  top: 6%;
}
.compbg-contact {
    background-image: url('../../img/db-green/grn-globe.jpg');
    /*background-image: url('../../img/db/db_contact_sec.jpg');*/

  }


  #bt-cta-db {
    background-image: url(../../img/db/db_contact_sec.jpg);
    /*background: url(/img/bckground-img.jpg);*/
    /*background-size: 720px 700px;*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 90px 50px;
  }

  #bt-cta-db h3 {
    font-size: 2em;
    text-transform:uppercase;
  }

  .cls-categories>ul>li{
    padding-bottom: 10px;
  }

  .frnt-spon-img-grn {
    height:60px;
  }

  /*** SPONSORS PAGE: ***/

  #sponsors-pg img {
    margin: 0 auto;
    display: block;
    max-height: 80px;
    width: auto;
}

.dbgreen-hero-img {
      height: 450px;
      object-fit: cover;
      width: 100%;
  }

  /*** CATEGORIES PAGE: ***/


  #bt-cta-db-green {
  /*  background-color: rgba(92, 156, 54, 1);*/
    border-top: #e0d5a9 18px solid;
    background-image: url(../../img/db-green/green-footer-bg.png);
    /* background-size: 720px 700px; */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 90px 50px;



    @media (max-width: 768px) {
        .dbgreen-hero-img {
            height: 180px;
        }
    }
    .dbgreen-caption-bg {
    background: rgba(40, 40, 40, 0.7); /* semi-transparent dark background */
    padding: 1rem 1.5rem;
    border-radius: 2px;
    display: inline-block;
    max-width: 50%;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .dbgreen-caption-bg {
        padding: 1rem 0.5rem;
        font-size: 1rem;
    }
}

/* **********************************

         Mobile Styles

********************************* */


#sponsors-mob .row>*, #sponsors-pg .row>* {

  width: 100%;

}
