/* Enter Your Custom CSS Here */

.hexagon img {
 border: 2px solid #D1D7E0 !important; 
}

.site-logo {
 width: 125px; 
}

#about_excerpt {
  border-top: #CDB67E 2px solid;
  border-bottom: #CDB67E 2px solid;
}

.footer-contact {
  border-top: #CDB67E 2px solid;
}

.about-us {
  border-top: #CDB67E 2px solid;
  border-bottom: #CDB67E 2px solid;
  min-height: 250px;
}

.heading-color {
  color: #D1D7E0;
}

.navigation-container {  
  border-bottom:3px solid #D1D7E0;
}

/* Editing the hero header text */
.hero-content span h2 {
  color: #D1D8E2;
  font-size: 52px;
  line-height: 52px;
}

/* Changing the color of the text within the themes buttons  */
button {
  color: #2E3138 !important;
}

/* Changing the color of the text within the contact area button*/
input[type="button"], input[type="submit"] { 
  color: #2E3138 !important;
}

.footer-contact h5 {
  color: #2E3138 !important;
}

@media(max-width: 767px) {
  .hero-content span h2 {
    font-size: 40px;
    line-height: 40px;
  }
}

/* Making the logo textgo on one line */
/*
.site-branding {
 min-width: 300px; 
}
*/

#hero-header {
 height: 100vh; 
}

.home-team {
 border-color: #CDB67E; 
}


.member img {
  min-width: 100%;
  width: 100%;
}

/* Add borders to the masonry gallery*/
#masonry_gallery { 
  margin-top: 110px;
  margin-bottom: 125px;
  margin-right: auto;
  margin-left: auto;
  max-width: 80%;
}

/* Increase the size of the gallery items */
.gallery-item {
  width: 200px !important;
  min-width :200px !important;
  max-width: 200px !important;
}

.gallery-item img{
  width: 200px !important;
  min-width :200px !important;
  max-width: 200px !important;
}

/*
.about-us {
  height: 500px; 
  -webkit-transform: translateZ(0);
}
*/

/* Styling for the contact form */
.front-contact-form {
  max-width: 40%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 100px;
  margin-bottom: 75px;
}

.wpcf7-form-control {
  width:100% !important;
}


/*Putting the slants on the images */
.hexagon {
  -webkit-clip-path: polygon(
    80% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%, 0 0%
  );
}


/*Tweaking the map*/
.map-strip, .map-image {
  width: 100%;
  height: 200px;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .map-strip {
    visibility: hidden;
  }
}


/* CSS for pages other than the home page below */

.featured-img-header {
	padding-top: 175px; 
}

.fullpage-content-width {
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
}


.image-border-radius img{
 border-radius: 25px; 
}
