﻿btn-primary {
    background-color: #305335;
}

.brand-colour {
  color: #A9CF44 !important; 
}

.about-section .card {
    border: 0;
    border-bottom: 0.25rem solid #A9CF44;
     
}

.map-responsive {
  overflow:hidden;
  padding-bottom:56.25%;  
  position:relative;
  height:0;
}

.map-responsive iframe {
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

.contact-section .card {
    border: 0;
    border-bottom: 0.25rem solid #A9CF44;
}

.contact-section .social a {
  text-align: center;
  height: 3rem;
  width: 3rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  line-height: 3rem;
  color:#A9CF44;
}

.contact-section .social a:hover {
  color:  #365899;
}
.contact-section .social a:active {
  color: #fff;
}

.about-section .facebook-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #365899;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    border-bottom: 0.25rem solid #A9CF44;
}

.data icon{
    background-color: #A9CF44;
}

.form-success{
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    color: #3C763D;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}

.form-error{
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    color: #A94442;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
}

.form-control{
    border: 1px solid #A9CF44;
}

.masthead {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 15rem 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 75%, #000 100%), url("../assets/img/bg-masthead.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
  }
  .masthead h1, .masthead .h1 {
    font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 2.5rem;
    line-height: 2.5rem;
    letter-spacing: 0.8rem;
    background-color: #A9CF44;
    /*background: linear-gradient(rgba(169,207,68, 0.9), rgba(169,207,68, 0));*/    
    /*-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
            background-clip: text;          
    text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #A9CF44, 0 0 50px #A9CF44;*/ 
  }
  
  .masthead h2, .masthead .h2 {
    max-width: 20rem;
    font-size: 1rem;
  }
  @media (min-width: 768px) {
    .masthead h1, .masthead .h1 {
      font-size: 4rem;
      line-height: 4rem;
    }
  }
  @media (min-width: 992px) {
    .masthead {
      height: 100vh;
      padding: 0;
    }
    .masthead h1, .masthead .h1 {
      font-size: 6.5rem;
      line-height: 6.5rem;
      letter-spacing: 0.8rem;
    }
    .masthead h2, .masthead .h2 {
      max-width: 30rem;
      font-size: 1.25rem;
    }
  }