@import "typography.css";

:root{
  --green: #697064;
  --white: #ffffff;
  --black: #333132;
  --yellow: #F8F7B2;
  --grey: #D7D7D7;
  --darkgrey: #808080;
  --greyishgreen: #697064;
}

.bg-color {
  background-color: var(--yellow); 
}
.bg-grey {
  background-color:var(--grey);
}

.builder-logo{
    max-width:180px;
}

.title{
  padding-top: .5em;
  font-family: "Butler Medium";
  color: var(--green);
  text-align: center;
  text-transform: uppercase;
}

.align-c{
  align-self: center;
  text-align: center;
}

.glen-logo{
  max-width:200px;
}

.welcome{
  width: 90%;
  margin: auto;
  padding-top: 2.2em;
  font-family: 'Lato';
}

.welcome-txt{
  padding-top: 1.5em;
  font-family: "Lato Light";
  font-size: 0.95em;
  color: var(--black);
}

.img-row{
  margin-top: 20px;
}

.header-txt{
  font-family: "Lato";
  text-transform: uppercase;
  text-align: center;
  padding: 1.5em 0 1em 0;
}

.header-txt-vid{
  font-family: "Lato";
  text-transform: uppercase;
  text-align: center;
  padding: 1.5em 0 1em 0;
}

.sect-comm{
  padding-bottom: 1em;
}

.items{
	width:65%;
  margin: 0 auto;
  padding-top: 1.2em;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  text-align: center;
  grid-gap: 0.4em;
  margin-bottom: 1em;
  justify-content: center;
  text-align: center;
}

.video-grid{
  width:80%;
  margin: 0 auto;
  padding-top: 1.2em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  text-align: center;
  grid-gap: 0.4em;
  margin-bottom: 1em;
  justify-content: center;
  text-align: center;
}

.bold-txt{
  font-family: "Lato";
  padding-top: 1em;
}

.alink-cs{
  text-decoration: none;
  text-decoration-line: none;
  color: var(--white);
}

.alink-cs:hover {
  color: var(--yellow);
}

a:link {
  text-decoration: none;
}

.sect-4{
  width: 800px;
  margin: auto;
}

.sect-4s{
  width: 50%;
  margin: auto;
  padding-top: 1em;
}

.slider-txt{
  background-color: var(--darkgrey);
  color: var(--white);
  text-align: center;
  font-family: "Gotham Bold";
  text-transform: uppercase;
  font-size: 0.9em;
  padding: 1.1em 0;
}

/**
.border-txt{
  padding: 2em 0;
  border: 1px solid #fff;
}

.floorplan{
  padding: 1em 3em;
  border: 1px solid #fff;
}**/

.sect-grid{
  width: 60%;
  margin: auto;
}

.sub-txt{
  font-family: "Lato Light";
  text-transform: uppercase;
  text-align: center;
  font-size: 1.1em;
  padding-top: 10px;
}

.sub-txt a{
  color: var(--greyishgreen) !important;
}

.card-footer{
  cursor: pointer;
  background-color: transparent;
}

.card-txt{
  color: var(--white) !important;
  font-size: 0.8em;
  font-family: "Gotham Bold";
  text-transform: uppercase;
  padding: 20px 0 20px 0;
}

.box-space{
  background-color: var(--darkgrey);
  cursor: pointer;
}

.boxspace-vf{
  cursor: pointer;
}

.sect-vid{
  width: 90%;
}

.sect-vid-grid{
  width: 700px;
  height: 400px;
}

.video-grid{
  width: 75%;
  height: auto;
  padding-top: 0;
  grid-gap: 0.1em;
  margin-bottom: 0;
}

.sect-6{
  align-items: center;
  display: flex;
  justify-content: center;
}

.sect-6-links{
  width: 30%;
  padding-inline-start: 0px;
}

.sect-6-links li{
  margin-top: 0.5em;
  padding: 1em 0;
  font-size: 0.8em;
}

.sect-l-par{
  font-size: 1.5em;
  padding-top: 1.5em;
}

.sect-loc{
  padding-bottom: 2em;
}

.location-img{
  width: 350px;
  height: 390px;
}

.bg-txt{
  background-color: var(--darkgrey);
  color: var(--white);
  text-align: center;
  font-family: "Gotham Bold";
  text-transform: uppercase;
  font-size: 0.7em;
  padding: 20px 0 20px 0;
  cursor: pointer;
}

.footer{
  padding-top: 1.5em;
}

.builder-footer-logo{
  width: 280px;   
}

.c-community{
  padding-top: 0.5em;
}

.footer-links {
  display: block;
  font-family: "Montserrat Bold";
  font-size: 0.75em;
  color: var(--greyishgreen);
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 1.5rem ;
}

.footer-links-2 {
  font-family: "Montserrat Regular";
  text-transform: uppercase;
}

.footer-sect-2{
  padding-left: 7px;
}

.footer-sect-2a{
  margin-left: -15px;
}

.footer-sect-2b{
  padding-left: 20px;
}

.footer-sect-3{
  margin-left: -30px;
}

.footer-sect-4{
  margin-top: 4.5em;
  margin-left: -30px;
}

.footer-address{
  font-family: "Montserrat Regular";
  text-transform:initial;
  font-size:11px;
}

.footer-copyright{
  font-family: "Montserrat Regular";
  font-size: 11px;
}

.footer-copyright a{
  color: var(--greyishgreen);
  text-decoration: none !important;
}

a:hover {
  color: inherit ;
}

a.btn-social, .btn-social{
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 2px 0;
  margin: 4px 2px;
  text-align: center;
  text-decoration: none;
  transition: background-color .3s;
  -webkit-transition: background-color .3s;
}

.btn-social:hover, .btn-social:focus
{
  color: #fff;
  outline: none;
  text-decoration: none;
}

.btn-social:hover .fa, .btn-social:focus .fa, .btn-social:hover i, .btn-social:focus i
{ 
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.btn-icon
{
  background-color: var(--greyishgreen);
}

.btn-icon:hover
{
  background-color: var(--darkgrey);
}

.mt-4 {
  margin-top: 1.5rem ;
}

.mb-4 {
  margin-bottom: 1.5rem;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
  height: 75px;
  width: 75px;
  padding: 1em ;
  outline: var(--white);
  background-color: rgba(0, 0, 0, 0.3);
  background-size: 100%, 100%;
  border-radius: 50%;
  border: 1px solid white;
}

.ap-list{
  list-style: none;
  text-align: center;
  margin: 0 auto;
}

.ap-list li{
  padding-bottom: 3px;
}

.absolute-banner {
  top:0px;
  left:0px;
  right:0px;
  z-index:5;
  cursor:pointer;
}


@media screen and (min-width:1201px){

  .sect-grid{
    width: 70%;
  }

  .items {
    width:50%;
  }

  .sect-4s{
    width: 30%;
    margin: auto;
  }

  .sect-5-img{
    width: 100%;
    height: 550px;
  }

  .footer-sect-2{
    padding-left: 30px;
  }

  .footer-sect-2a{
    padding-left: -55px;
  }

}

@media screen and (min-width:992px) and (max-width:1300px){
  body {
    font-size:16px;
  }

  .sect-grid{
    width: 70%;
  }

  .card-txt{
    font-size: 0.71em;
  }

  .sect-vid-grid{
    width: 500px;
    height: 300px;
  }

  .video-grid{
    width: 75%;
    grid-gap: 0.2em;
  }

  .items {
    width:65%;
  }

  .sect-5-img{
    width: 75%;
    height: 350px;
  }

  .sub-txt{
    font-size: 1.2em;
    padding-top: 5px;
  }
  
  .social-icon{
    max-width:25px;
  }
  
  .builder-logo {
    max-width:140px;
  }

  .glen-logo{
    max-width:140px;
  }

  a.btn-social, .btn-social{
    width: 28px;
    height: 28px;
    margin: 4px 1px;
  }
}

@media screen and (min-width:768px) and (max-width:991px){
  .mobile-builder-logo {
    max-width:150px;
  }

  .img-row{
    width: 75% !important;
  }

  .bg-txt{
    width: 75%;
    margin: auto;
  }

  .video-grid{
    width: 95%;
  }
  
  .sect-vid-grid{
    width: 90% !important;
    height: 200px;
  }

  .sect-4{
    width: 70%;
  }

  .carousel-control-prev-icon, .carousel-control-next-icon {
    height: 60px;
    width: 60px;
  }

  .items {
    width:75%;
  }

  .sect-vid{
    width: 80% !important;
    height: 300px;
  }

  .sect-5-img{
    width: 100% !important;
    height: 350px;
   }

   .sect-grid{
    width: 100%;
  }

  .card-txt{
    font-size: 0.75em;
    line-height: 0.8 !important;
  }

   .sect-6-links{
    width: 50%;
  }

  /**
  .siteplan-img{
    width: 350px;
    height: 290px;
  }**/
  
  .builder-footer-logo {
   max-width:250px;
  }

  .c-community{
    padding-top: 2em;
  }
  
  .footer-sect-3{
    margin-left: 0px !important;
  }
  
  .footer-sect-4{
    margin-top: 1em;
    margin-left: 0px !important;
  }

  .text-md-start {
    text-align: center !important;
  }

}  

@media (max-width:767px){
  body {
     font-size:14px;
  }   

  .mobile-builder-logo {
   max-width:100px;
  }

  .welcome{
    padding-top: 1.2em;
  }

  .welcome-txt{
    padding-top: 0.7em;
  }

  .header-txt, .header-txt-vid{
    padding: 0.8em 0 0.5em 0;
    font-size: 1.3em;
  }

  .vid-txt{
    font-size: 1em !important;
  }

  .sec-comm{
    padding-bottom: 0.2em;
  }

  .items {
    width:90%;
    grid-template-columns: 1fr 1fr;
    padding-top: 0;
  }

  .video-grid{
    width: 95%;
    padding-top: 1em;
    grid-gap: 0.1em;
    margin-bottom: 0;
  }

  .sect-vid-grid{
    width: 95% !important;
    height: auto;
  }

  .home-slider{
    margin: 0;
  }

  .img-row{
    width: 75% !important;
  }

  .bg-txt{
    width: 75%;
    margin: auto;
  }

  .sect-4{
    width: 85%;
  }

  .sect-4s{
    width: 70%;
    margin: auto;
    padding: 0.4em 0;
  }

  .carousel-control-prev-icon, .carousel-control-next-icon {
    height: 45px;
    width: 45px;
  }

  .sect-vid{
    width: 85% !important;
    height: 180px;
  }

  .sect-grid{
    width: 80%;
  }

  .card-txt{
    font-size: 0.7em;
  }

  .siteplan-img{
    width: 60%;
  }

  .sub-txt{
    font-size: 1em;
    padding-top: 5px;
  }

  .sect-6-links{
    width: 85%;
  }

  .sect-6-links li{
    font-size: 0.7em;
  }

  .footer{
    padding-top: 0;
  }

  .builder-footer-logo {
    max-width:170px;
  }

  .c-community{
    padding-top: 1.3em;
  }

  .sect-l-par{
    font-size: 1.3em;
    padding-top: 1em;
  }

  .sect-loc{
    padding-bottom: 0.7em;
  }

  .location-img{
    width: 220px;
    height: 245px;
  }

  .footer-sect-2{
    padding-left: 0px;
    text-align: center;
    margin-bottom: -5px;
  }
  
  .footer-sect-2a{
    margin-left: 0px;
    margin-top: -10px;
  }

  .m-bt{
    margin-top: -10px;
  }

  .footer-sect-2b{
    padding-left: 10px;
    text-align: center;
    margin-top: -10px;
  }

  .footer-sect-3{
    margin-left: 0px !important;
    text-align: center;
    margin-top: -10px;
  }
  
  .footer-sect-4{
    margin-top: 0em;
    margin-left: 0px !important;
  }

  a.btn-social, .btn-social{
    padding: 4px 0;
  }

  /** Appointment Info Page**/

  .ap-list{
    /*margin-left: -15%;*/
  }

  .footer-sect-4 {
    margin-bottom:0px !important;
  }
}

@media (max-width:505px){
  
}