/*
Theme Name: Frontier Estate 2025
Author: Bronwyn Luiters
Description: Custom Frontier Estate Colours
Version: 1.0
*/

:root {
    --white:#FFF;
    --cream: #EFEBE5;  
    --gold: #C67809;
    --gold-dark: #AC6D13;
    --rust: #A44C23;
    --rust-dark: #823C1B;
    --brown: #5C3623;
    --brown-dark: #412315;
    --navy: #1C3651;
    --navy-dark: #162A3E;
    --coal: #212529;
    --coal-dark: #141516;
    --link-blue: #007BFF;
    --link-blue-dark: #0765CB;
    --grey: rgba(90,90,90,0.3);
    --grey-full:#9F9F9F;
    --grey-dark: #5A5A5A;

     --roboto-condensed: 'Roboto Condensed', sans-serif;

    --roboto-light: 'Roboto-Light', sans-serif;
    --roboto-regular: 'Roboto-Regular', sans-serif;
    --roboto-italic: 'Roboto-Italic', sans-serif;
    --roboto-medium: 'Roboto-Medium', sans-serif;
    --roboto-bold: 'Roboto-Bold', sans-serif;
    --roboto-black: 'Roboto-Black', sans-serif;
    --freight-display: 'freight-display-pro', serif;
}

.bi {
  text-shadow: 0 0 1px currentColor!important;
}

/* Fade in effect */
.fade-in {
  animation: fadeIn 1s ease forwards;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Fade out effect */
.fade-out {
  animation: fadeOut 1s ease forwards;
}

@keyframes fadeOut {
  from { opacity: 1; }
  to   { opacity: 0; visibility: hidden; }
}

/*  ------------------------------------------------
    Custom Rests
    ------------------------------------------------ */

    html{
    font-family: var(--roboto-regular);
    letter-spacing: 1px;
    font-size: 18px!important;
    scroll-behavior: smooth;
    }

.navbar-toggler-icon-close{
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' class='bi bi-x' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}


   .link-facebook{
      padding: 6px 10px 4px 10px;
    }


    .link-facebook:hover i{
      color:#0866ff!important;
    }

    .link-mail:hover i{
      color:var(--rust)!important;
    }


[data-bs-toggle="tooltip"]:focus {
  outline: none;
  box-shadow: none;
}

/*--- Footer Section ---*/


    .footer{
      font-size: 12px;
    }

    .footer input::placeholder,
    .footer textarea::placeholder, .footer button{
      font-size: 12px;
    }


#subscribe-input::placeholder {
  color: #FFF !important;
  opacity: 1; /* Optional: makes sure the white is fully visible */
}


#subscribe-input::-webkit-input-placeholder {
  color: #FFF !important;
  opacity: 1;
}

#subscribe-input::-moz-placeholder {
  color: #FFF !important;
  opacity: 1;
}

#subscribe-input:-ms-input-placeholder {
  color: #FFF !important;
  opacity: 1;
}

#subscribe-input::placeholder {
  color: #FFF !important;
  opacity: 1;
}



    .footer-copyright{
      font-size: 10px;
    }

    .footer a, .footer-copyright, .footer-copyright a{
      color: var(--white);
      text-decoration: none;
    }

    .footer a:hover{
      color: var(--gold);
      text-decoration: underline;
    }

    .footer-copyright li{
      margin-left:15px;
      margin-right:15px;
    }

    .footer-copyright a:hover{
      text-decoration: underline;
    }

    .developers-link{
      color: var(--navy)!important;
    }
    .developers-link:hover{
      color: var(--gold)!important;
    }

    .lock-link{
      color: var(--navy)!important;
      padding:10px;
      font-size: 12px!important;
    }
    .lock-link:hover{
    color: var(--navy-dark)!important;
    background:var(--navy);
    }


/*-------------------------------------------------------
Map Colours
----------------------------------------------------------*/
.map-section:hover{
      fill:#C67809;
      cursor:pointer;
      }
      .sold:hover{
      fill:#999999;
      cursor:pointer;
      }
/*  ------------------------------------------------
    Custom Background Colours & Patterns
    ------------------------------------------------ */

.bg_custom--cream{ background-color: var(--cream); }
.bg_custom--gold{ background-color: var(--gold); } 
.bg_custom--rust{ background-color: var(--rust); }
.bg_custom--rust-dark{ background-color: var(--rust-dark); }
.bg_custom--brown{ background-color: var(--brown); }
.bg_custom--brown-dark{ background-color: var(--brown-dark); }
.bg_custom--navy{ background-color: var(--navy); }
.bg_custom--navy-dark{ background-color: var(--navy-dark); }
.bg_custom--coal{ background-color: var(--coal); }
.bg_custom--coal-dark{ background-color: var(--coal-dark); } 
.bg_custom--link-blue{ background-color: var(--link-blue); }
.bg_custom--link-blue-dark{ background-color: var(--link-blue-dark); } 

.bg_custom--wood, .bg_custom--zigzag{ position: relative;}
.bg_custom--wood > .container, .bg_custom--zigzag > .container{ position: relative;}

.bg_custom--wood:before{ 
  content: ' ';
  background-image: url('assets/img/pattern-woodgrain.jpg');
  background-repeat: repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
}

.bg_custom--zigzag:before{
  content: ' ';
  background-image: url('assets/img/pattern-zigzag.jpg');
  background-repeat: repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.bg-image-container {
  position: relative;
  z-index: 1;
}

.bg-image-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('assets/img/brand-asset-mountains-01.svg');
  background-size: 110%;
  background-repeat: no-repeat;
  background-position: bottom;
  opacity: 0.05;
  z-index: 0;
  pointer-events: none;
  transform: scaleX(-1);
}

.bg-image-container > * {
  position: relative;
  z-index: 1;
}


/*  ------------------------------------------------
    Custom Border Colours
    ------------------------------------------------ */

.border-custom--gold{
  border-color: var(--gold)!important;
}

.border-custom--navy-dark{
  border-color: var(--navy-dark)!important;
}

.border-image:before{
  content:'';
  background-image: url(assets/img/brand-asset-plant-border.jpg);
  background-size: cover;
  opacity: 0.9;
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}

.border-image{
  position: relative;
  height:15px;
  background:var(--rust-dark);
}


@media (min-width: 992px) { /* lg breakpoint */
  .border-lg-end-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
    border-color: var(--grey);
  }
}


/*Loading Screen*/
/* Splash Screen Base */
.splash-screen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  opacity: 1;
  visibility: visible;
  transition: opacity 1s ease, visibility 1s ease;
}

/* Hide it smoothly */
.splash-screen.hide {
  opacity: 0;
  visibility: hidden;
}


@keyframes splash-fade-out {
  0% { opacity: 1; }
  100% { opacity: 0; visibility: hidden; }
}

@keyframes bg-splash-fade-out {
  0% { opacity: 1; }
  100% { opacity: 0; visibility: hidden; }
}



/*  ------------------------------------------------
    Custom Font Families & Text Colours
    ------------------------------------------------ */

h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--roboto-black);
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    letter-spacing: 0;
    margin: 0;}


h1,.h1 { font-size: 3.5rem; line-height: 1; letter-spacing: 1px;} /* this is for mobile sizes */
h2,.h2 { font-size: 2.8rem; line-height: 1.2; letter-spacing: 0.5px;} /* this is for mobile sizes */
h3,.h3 { font-size: 2.5rem; line-height: 2.5rem; letter-spacing: 0.5px;} /* 45px / 18px = 1.8889rem */
h4,.h4 { font-size: 1.5rem; line-height: 1.9rem; letter-spacing: 0.5px;} /* 35px / 18px = 1.3889rem */
h5,.h5 { font-size: 1rem; } /* 25px / 18px = 1rem */
h6,.h6 { font-size: 0.7778rem; } /* 18px / 18px = 0.7778rem */


.text_custom--cream{ color: var(--cream)!important; }
.text_custom--gold{ color: var(--gold)!important; } 
.text_custom--rust{ color: var(--rust)!important; }
.text_custom--rust-dark{ color: var(--rust-dark)!important; }
.text_custom--brown{ color: var(--brown)!important; }
.text_custom--brown-dark{ color: var(--brown-dark)!important; }
.text_custom--navy{ color: var(--navy)!important; }
.text_custom--navy-dark{ color: var(--navy-dark)!important; }
.text_custom--grey{ color: var(--grey-full)!important; }
.text_custom--coal{ color: var(--coal)!important; }
.text_custom--coal-dark{ color: var(--coal-dark)!important; }
.text_custom--link-blue{ color: var(--link-blue)!important; }
.text_custom--link-blue-dark{ color: var(--link-blue-dark)!important; }


.font_roboto--light{
font-family:var(--roboto-light)!important;
font-weight: 300;
font-style: normal;
font-display: swap;
}
.font_roboto--regular{
font-family:var(--roboto-regular)!important;
font-weight: normal;
font-style: normal;
font-display: swap;
}
.font_roboto--medium{
font-family:var(--roboto-medium)!important;
font-weight: 500;
font-style: normal;
font-display: swap;
}
.font_roboto--bold{
font-family:var(--roboto-bold)!important;
font-weight: bold;
font-style: normal;
font-display: swap;
}
.font_roboto--black{
font-family:var(--roboto-black)!important;
font-weight: 900;
font-style: normal;
font-display: swap;
}
.font_freight--display{
font-family: var(--freight-display);
font-weight: 900;
}

.font_freight--display-medium{
font-family: "freight-display-pro", serif;
font-weight: 500;
font-style: normal;
}

.font_freight--display-medium-italic{
FreightDisp Pro Medium Italic
font-family: "freight-display-pro", serif;
font-weight: 500;
font-style: italic;
}

.font_roboto_c--regular{
font-family:var(--roboto-condensed)!important;
font-weight: normal;
font-style: normal;
font-display: swap;
}

.title_hero{
color: #FFFFFF;
font-family: var(--freight-display);
font-weight: 900;
font-style: normal;
text-shadow: 1px 3px 6px rgba(0,0,0,0.58);
}

.title_small--line {
color: var(--gold);
letter-spacing: 1px;
margin-bottom: 0;
padding-left: 25px;
position: relative;
text-transform: uppercase;  
}

.title_small--line:before {
background-color: var(--gold);
content: '';
display: block;
height: 3px;
position: absolute;
left: 0;
top: 35%;
width: 18px;
}

.lead {
    font-family: var(--roboto-regular);
    font-size: 1rem;
  }

.cta-hero{
  text-decoration: none;
}

.cta-hero i{
  transition-duration: .3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.cta-hero:hover i{
  /*padding-left:10px;*/
}
/*link colour options*/

.link-gold{
   color:var(--gold);
}
.link-rust{
  color:var(--rust);
}
.link-cream{
  color:var(--cream);
}
.link-coal{
  color:var(--coal);
}

/*hover states*/

.link-gold:hover{
  color:#FF9909;
}

.link-rust:hover{
  color:#D4622E;
}


.link-cream:hover{
  color:white;
}

.link-coal:hover{
  color:#323436;
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  .cta-hero{
    font-size: 30px;
  }
}

/*Media Queries for Type*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
/*  body{ background:red; }*/
  h1, .h1 { font-size: 4rem; /* 90px */}
  h2, .h2 { font-size: 3.2rem; /* 57.6px */}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
/*  body{ background:blue; }*/
  h1, .h1 { font-size: 4.5rem;/* 90px */}
  h2, .h2 { font-size: 3.2rem; /* 57.6px */}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
/*  body{ background:green; }*/
  h1, .h1 { font-size: 5rem; /* 108px */}
  h2, .h2 { font-size: 3.6rem; /* 64.8px */}
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
/*  body{ background:pink; }*/
  h1, .h1 { font-size: 6rem; /* 126px */}
  h2, .h2 { font-size: 3.8rem; /* 68.4px */}
  .lead {
    font-size: 1.2rem;
    line-height: 36px;
  }

}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 
/*  body{ background:yellow; }*/
  h1, .h1 { font-size: 7rem; /* 126px */}
  h2, .h2 { font-size: 3.8rem; /* 68.4px */}
 }


/*  ------------------------------------------------
    Off Canvas
    ------------------------------------------------ */


.offcanvas-custom .nav-link{
 font-family: var(--roboto-regular);
 text-decoration: none;
 color: white;
}

.offcanvas-custom .nav-link:hover{
  color: var(--gold);
}

.offcanvas-custom .current_page_item .nav-link{
   color: var(--gold);
}


  /* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}

.ribbon-negotiation > span{
background-color: var(--bs-green)!important;
}

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 230px;
  padding: 15px 0;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 var(--roboto-black), sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}

/* top right*/
.ribbon-top-right {
  top: -5px;
  right: -5px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}



/*  ------------------------------------------------
    Custom Button Colours
    ------------------------------------------------ */

button,.btn{
font-family: var(--roboto-bold);
text-transform: uppercase;
font-size: 14px;
border-radius: 4px;
padding-top:14px;
padding-bottom:12px;
}

.btn__disabled{
cursor: not-allowed!important;
display: inline-block;
}

.btn__disabled a, .btn__disabled button {
opacity: 0.5; 
pointer-events: none;
}

/*Primary Buttons*/

 .btn-primary{
  background:var(--rust);
  border-color: var(--rust);
 }

.btn-outline-primary{
  background:transparent;
  border-color: var(--rust);
  color:var(--rust);
 }

 .btn-primary:hover,.btn-outline-primary:hover{
  background:var(--rust-dark)!important;
  border-color: var(--rust);
 }

 .btn-primary:focus,.btn-outline-primary:focus{
   background:var(--rust);
  border-color: var(--rust);
 }

.btn-primary:active,.btn-outline-primary:active{
  background:var(--rust-dark)!important;
  border-color: var(--rust)!important;
 }

 .btn-primary:visited,.btn-outline-primary:visited{
  background:var(--rust);
  border-color: var(--rust);
 }


/*Secondary Buttons*/

 .btn-secondary{
  background:var(--navy);
  border-color: var(--navy);
 }

.btn-outline-secondary{
  background:transparent;
  border-color: var(--navy);
  color:var(--navy);
 }

 .btn-secondary:hover,.btn-outline-secondary:hover{
  background:var(--navy-dark)!important;
  border-color: var(--navy);
 }

 .btn-secondary:focus,.btn-outline-secondary:focus{
   background:var(--navy);
  border-color: var(--navy);
 }

.btn-secondary:active,.btn-outline-secondary:active{
  background:var(--navy-dark)!important;
  border-color: var(--navy)!important;
 }

 .btn-secondary:visited,.btn-outline-secondary:visited{
  background:var(--navy);
  border-color: var(--navy);
 }

/*Tertiary Buttons*/

.btn-tertiary{
  background:var(--gold)!important;
  border-color: var(--gold);
 }

.btn-outline-tertiary{
  background:transparent;
  border-color: var(--gold);
  color:var(--gold);
 }

 .btn-tertiary:hover,.btn-outline-tertiary:hover{
  background:var(--gold-dark)!important;
  border-color: var(--gold);
 }

 .btn-tertiary:focus,.btn-outline-tertiary:focus{
   background:var(--gold);
  border-color: var(--gold);
 }

.btn-tertiary:active,.btn-outline-tertiary:active{
  background:var(--gold-dark)!important;
  border-color: var(--gold)!important;
 }

 .btn-tertiary:visited,.btn-outline-tertiary:visited{
  background:var(--gold);
  border-color: var(--gold);
 }

 /*Grey Buttons*/

.btn-grey{
  background:var(--grey-full)!important;
  border-color: var(--grey-full);
  color:#fff!important;
 }

.btn-outline-grey{
  background:transparent;
  border-color: var(--grey-full);
  color:var(--grey-dark);
 }

 .btn-grey:hover,.btn-outline-grey:hover{
  background:var(--grey-dark)!important;
  border-color: var(--grey-dark)!important;
 }

 .btn-grey:focus,.btn-outline-grey:focus{
   background:var(--grey-full);
  border-color: var(--grey-full);
 }

.btn-grey:active,.btn-outline-grey:active{
  background:var(--grey-dark)!important;
  border-color: var(--grey-dark)!important;
 }

 .btn-grey:visited,.btn-outline-grey:visited{
  background:var(--grey-full);
  border-color: var(--grey-full);
 }



/*Custom Link colour*/

.icon-link-custom{
color: var(--grey-dark);
text-decoration: none;
font-family: var(--roboto-medium);
}

.icon-link-custom:hover{
color: var(--rust);
text-decoration: underline;
}

.icon-link-custom>.bi{
  width:1.5em;
  height: 1.5em;
}


.btn-circle-link{
padding:10px 11px;
border-radius: 100px;
border: 2px white solid;
color: white;
font-weight: bolder;
}

.btn-circle-link:hover{
border-color:var(--gold);
color:var(--gold);
background: var(--navy-dark);
}


/*  ------------------------------------------------
    Custom Image Treatment
    ------------------------------------------------ */

.image_ontainer--plain {
   box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    border-radius: 3px;
    overflow: hidden; 
    position: relative;
}

.image_container--plain img{
display: block; 
width: 100%;
height: 100%; 
object-fit: cover;

}

.image_container {
   box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    border-radius: 3px;
    overflow: hidden; 
    position: relative;
    background: var(--rust);
}

.image_container img{
display: block; 
width: 100%;
height: 100%; 
object-fit: cover;
opacity: 0.9;
}

.image_container--frame{
    width: 100%;
    background: var(--rust);
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.image_container--frame img{
    display: block; 
    width: 100%;
    height: 100%; 
    object-fit: cover;
    opacity: 0.9;
     position: relative;
}

.image_frame{
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: 3px;
    border: solid 1px rgba(255, 255, 255, 0.5);
}

.image_container--frame:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    background: rgba(130, 60, 27, 0.2);
}


/*  ----------------
    Video
    ----------------*/
.video-wrapper {
    position: relative;
    width: 100%;
    max-width: 800px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-color: #000;
    cursor: pointer;
  }

  .video-thumbnail {
    width: 100%;
    height: auto;
    display: block;
  }

  .video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  .video-play-btn .bi-play-circle {
    font-size: 5rem;
    color: white;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    transition: transform 0.3s ease;
  }

  .video-play-btn:hover .bi-play-circle {
    transform: scale(1.1);
  }


  /*  ----------------
    Hero
    ----------------*/

.hero_container {
    position: relative; 
    width: 100%;
    overflow: hidden;
    height: 150px;
}

.hero_container >.hero_container--content{
    padding: 50px;
}

.hero_container--home{
    min-height: 400px;
    max-height: 550px;
    position: relative; 
    width: 100%;
    overflow: hidden;
}

.hero_container--home img,
.hero_container img {
    display: block; 
    width: 100%;
    height: 100%; 
    object-fit: cover; 
    object-position: top!important;
    opacity: 1;
}

.hero_container--content {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(130, 60, 27, 0.2); 
    color: white; 
    box-sizing: border-box; 
}

/*GALLERY PAGE*/

.mixitup-control-active{
  background: var(--navy-dark);
  color:white;
}

.album-card {
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.album-card img {
  width: 100%;
  height: auto;
  display: block;
}

.album-title {
  position: absolute;
  bottom: 1rem;
  right: 0;
  background-color: #fff;
  color: #162A3E;
  font-weight: 700;
  padding: 10px 16px;
  border-radius: 999px 0 0 999px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 2;

}

.album-info {
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.75);
  color: #162A3E;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transform: translateY(10px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  text-align: center;
  z-index: 3;
}

.album-info h6 {
  letter-spacing: 1px;
}

.album-card:hover .album-title {
  opacity: 0;
  visibility: hidden;
}

.album-card:hover .album-info {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.album-info .btn {
  margin-top: 1rem;
}

.carouselGallery .carousel-caption{
  background-color: rgba(255, 255, 255, 0.75);
  color: #162A3E;
  bottom:1rem;
}


.carouselGallery .carousel-indicators{
margin-bottom:0;
}

/*Contact form*/

form input.form-control {
    border-color: #e1e1e1;
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    font-size: 18px;
    padding: 0 15px;
}

input.form-control,
select.form-select{
  height: 55px;
    width: 100%;
}

.form-label{
    font-family: var(--roboto-black);
    font-size: 14px;
    text-transform: uppercase;
}

.form-label span{
    font-family: var(--roboto-black);
    font-size: 14px;
    text-transform: uppercase;
    color: var(--gold);
}




.wpcf7-text, .wpcf7-textarea{
  background: transparent;
  border-radius: 0;
  box-shadow: 0;
  border-top:0 ;
  border-left:0 ;
  border-right:0 ;
  border-bottom:1px;
  border-color: #FFF;
  border-style: solid;
  display: block;
  width: 100%;
  padding:.375rem .75rem;
  color: #FFF;
}

.wpcf7-text::placeholder, .wpcf7-textarea::placeholder{
  font-size: 25px;
  color: rgba(255, 255, 255, 0.5);
}

.wpcf7-not-valid-tip{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}

.wpcf7-text:focus
 {
    color: white;
    background-color: transparent;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0;
}

.main-contact-form label{
  color: var(--navy);
  font-size: 12px;
  text-transform: uppercase;
  font-family: var(--roboto-black);
}

.main-contact-form .wpcf7-list-item-label{
  color: white;
  text-transform: none;
  font-family: var(--roboto-regular);
  padding-left: 15px;
  display: inline-block;
}

.main-contact-form input[type=checkbox]{
  height: 20px!important;
  margin-right: 20px!important;
  width: 20px!important;
  display: inline-block;
  float:left;
}

.main-contact-form .checkbox-container span{
  padding: 0;
  margin:0;
}

.main-contact-form input[type=checkbox]:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
    accent-color:var(--gold);
}

/* Hide all validation tips by default */
.wpcf7-form .wpcf7-not-valid-tip {
  display: none !important;
}

/* Show them only when the form has failed validation on submit */
.wpcf7-form.invalid .wpcf7-not-valid-tip {
  display: block !important;
}

.wpcf7-response-output{
  color:#dc3232;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  border:0!important;
  padding: 0!important;
  margin-left:0!important;
}

.footer{
  border-top:1px solid rgba(255, 255, 255, 0.1);
}



/*Media Queries*/