/*

  Custom Styles by Morningstar Digital (MD)

  Your custom style will be added here.

  */

  .lg-valign-center-row .et_pb_column,
.lg-valign-center-section,
.lg-valign-center-module {
   display: flex;
   flex-direction: column;
   justify-content: center;
}
/*** Change Stack Order in Mobile ***/
@media all and (max-width: 980px) {
	.md .single-project .et_pb_gallery_items{
		flex-wrap: wrap;
	}
  .custom-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
}
  .first-on-mobile {
    -webkit-order: 1;
    order: 1;
    margin-bottom:30px !important;
} 
.second-on-mobile {
  -webkit-order: 2;
  order: 2;
  margin-bottom:0 !important;
}
}

/* Header */

.md header#main-header {
  background-image: none;
  background-color: #992027;
}

.md header#main-header:after{
    background: url(/wp-content/uploads/2020/06/headerbg_01.png);
    background-repeat: no-repeat;
    content: "";
    height: auto;
    position: absolute;
    width: 100%;
    min-height: 195px;
    left: 0;
    background-position: 20% 0;
    top: 0;
  
}
.md header#main-header{
  display:flex;
  min-height:140px;

}

#logo{
  max-height: 80% !important; 
}

.bordered{ border-bottom:6px solid #c0272c;}
.content-section h5:first-child{
  margin-top:0;
}
.et_fullwidth_nav #main-header .container{
  width:90% !important;
}
.content-section h5{
  margin-top:20px;
}
.nav ul li a:hover, .et_mobile_menu li a:hover{
  background-color: rgba(0, 0, 0, 0.10) !important; 
}
.footer-sec{
  background-size:25% !important;
}
.bar-charcoal hr{
  background-color:#5e6e7b;
}
.global-divider hr,
.title-section hr{
  max-width:100px;
  height:6px;
  border:none;
  margin-bottom:30px;
  background-color: #c0272c;
  border:none;
  margin-left:0;  
}

/* Blurb Image */
.blurb-puzzle .et_pb_main_blurb_image{
  width:200px;
}
.blurb-puzzle .et_pb_blurb_container{
  vertical-align:middle;
  padding-left:35px;
}
.blurb-puzzle h5{
  font-size:20px;
  font-weight:500;
}

.custom-btn{
  width:200px;
  text-align:center;
}
.div-center hr{
  margin-left: auto;
}


/* Ninja Forms Submit Button */
.nf-form-content input[type="submit"]{
  background: #8b0000 !important;
  width:150px !important;
  font-weight:600 !important;
  margin:0 auto !important;
  display:block !important;
  cursor: pointer;
  border:1px solid #9cb0be !important;
}

/* Ninja Forms Fields Style */
.nf-form-content .list-select-wrap .nf-field-element>div, 
.nf-form-content input:not([type=submit]), 
.nf-form-content textarea {
  border-radius:10px !important;
  border:1px solid #8d0404 !important;
}
.submit-container {
  margin-bottom: 0 !important;
} 
.main-cf .nf-form-content textarea{
  height:100px !important;
}

/* NF Remove Fields marked with an * are required */
.nf-form-fields-required{ display:none !important; }

/* Ninja Forms Alert Field Style */
.nf-error.field-wrap .nf-field-element:after{ border-radius: 0px 10px 10px 0px; }

/* Ninja Forms Align Fields to top if invalid input */
.nf-field-container{
  vertical-align:top !important;
}

/* Ninja Forms Response Message after form submission */
.nf-response-msg{
  border: 1px solid #c0272c;
  padding: 20px;
  text-align: center;
}



.sub-menu ul li a:hover, .et_mobile_menu li a:hover{
  background-color: rgba(190,41,47,0.06) !important;
  opacity: 0.7;
}

#main-header .mobile_menu_bar span::before{
  color:#FFF !important;
}


/* New Page */

.md .sec-hero-inner{
  min-height: calc(400px + (826 - 400) * ((100vw - 280px) / (1920 - 280))) !important;
}
.md .row-hero-title h3{
  font-size: calc(20px + (25 - 20) * ((100vw - 280px) / (1920 - 280))) !important;
  line-height: 1.6em;
}

.md .row-projects article{
  margin-bottom: 250px;
}
.md .row-projects article:last-of-type{
  margin-bottom: 40px;
}
.md .row-projects article:last-of-type:after{
  display: none;
}

.md .row-projects h2.entry-title{
  font-size: calc(40px + (45 - 40) * ((100vw - 280px) / (1920 - 280))) !important;
  font-weight: bold;
  color:#000;
  margin-bottom: 1vw;
}
.md .row-projects ul.project-imgs {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0;
}    
.md .row-projects ul.project-imgs li{
  margin-bottom: 2%;
  width: 100%;
  margin-right: 0;
}   
.md .row-projects ul.project-imgs li:not(:nth-of-type(5)) {
    margin-right: 2%;
}    
.md .row-projects ul.project-imgs li img{
    width: 100%;
    object-fit: contain;
    max-height: 220px;
    object-fit: cover;
    min-height: 220px;
}
.md .row-projects article:after{
    content: "";
    background: url(/wp-content/uploads/2021/03/puzzle-divider.png);
    width: 120px;
    height: 150px;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    visibility: visible;
    background-repeat: no-repeat;
    margin-top: 50px;
}
/* Single Project */ 
.md.single-project .featured-single .et_pb_image_wrap img{
  max-height: 600px;
  object-fit: cover;
}
.md.single-project .gallery-single .et_pb_gallery_image img{
  width: 100% !important;
  max-height: 220px;
  object-fit: cover;
  min-height: 220px;
}



@media all and (max-width: 479px) {
#main-header .mobile_nav .mobile_menu_bar span::before{
  color:#3a3a3a !important;
}
  
} 


/*** max width 479px ***/
@media all and (max-width: 479px) {
	.md .single-project .et_pb_gallery_items > div{
		margin-right: 0;
	}
  .md header#main-header{
    min-height:initial;
  }
  .md header#main-header:after{
    background: #FFF;
    content: "";
    height: auto;
    min-height:initial;
    position: absolute;
    width: 100%;
  
  }
  .title-section h1, .title-section h2{
    font-size:30px !important;
  }
}
/*** 480 - 767 ***/
@media all and (min-width: 480px) and (max-width: 767px) {
  .title-section h1, .title-section h2{
    font-size:40px !important;
  }
}
/*** max width 767px ***/
@media all and (max-width: 767px) {
  .blurb-puzzle .et_pb_main_blurb_image{
    display:block;
    text-align:center;
    width:100%;
  }
  .blurb-puzzle .et_pb_blurb_container{
   padding-left:0; 
  }
  .nf-field-container{
    margin-bottom:10px !important;
  } 
  
}
@media all and (min-width: 479px) and (max-width: 600px) {
  .md .row-projects ul.project-imgs li{
    width: calc(98% / 2);
  }
  .md .row-projects ul.project-imgs li:nth-of-type(even){
    margin-right: 0;
  }

}

@media all and (min-width: 601px) and (max-width: 980px) {
  .md .row-projects ul.project-imgs li{
    width: calc(96% / 3);
  }
  .md .row-projects ul.project-imgs li:nth-of-type(3n + 0){
    margin-right: 0;
  }

}  

/*** 768 - 980 ***/
@media all and (min-width: 768px) and (max-width: 980px) {
	.md .single-project .et_pb_gallery_items > div:not(:nth-child(3n + 3)){
		margin-right: 2%;
	}
	
  .title-section h1,
  .title-section h2{
    font-size:50px !important;
  }  
  /*** Adjust Ninja Forms Fields if 2 Column Layout ***/
  #nf-field-7-container, #nf-field-6-container {
    width: 48% !important;
    display: inline-block !important;
    box-sizing: border-box !important;
  } 
  #nf-field-7-container { margin-left: 3%; }
}
@media all and (max-width:980px){
  .hero-desc h4{
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (980 - 300))) !important;
  }
}

#top-header .container li a{
	font-size: 13.5px!important
}
#top-header .container li a:hover{
	color: #c0272c
}


/*** min width 981px ***/
@media all and (min-width: 981px) {
	#top-header .container{
		width: 100%;
		max-width: 85.5%;
	}
	
	.md .single-project .et_pb_gallery_items > div{
		width: calc(92% / 5);	
	}
	.md .single-project .et_pb_gallery_items > div:nth-child(5n + 5){
		margin-right: 0;
	}
	.md .single-project .et_pb_gallery_items > div:not(:nth-child(5n + 5)){
		margin-right: 2% !important;
	}
  .md header #logo{
    width: calc(120px + (261 - 120) * ((100vw - 981px) / (1920 - 981))) !important;
    max-width: 261px;
  }

  .md .row-projects ul.project-imgs li {
    width: calc(92% / 5);
  }  

  .title-section h1,
  .title-section h2{
    font-size:60px !important;
  }
  #top-menu li a{
    font-size:1.2vw !important;  
  }
}
/*** min width 1405px ***/
@media all and (min-width: 1405px) {
  .title-section h1,
  .title-section h2{
    font-size:70px !important;
  }
  #nf-field-7-container, #nf-field-6-container {
    width: 48% !important;
    display: inline-block !important;
    box-sizing: border-box !important;
  } 
  #nf-field-7-container { margin-left: 3%; }
}

@media all and (max-width: 1405px) {

  .et_pb_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu ul, 
  .et_pb_fullwidth_menu .et_mobile_menu, .et_pb_fullwidth_menu .et_mobile_menu ul {
    list-style: none !important;
    text-align: left !important;
  }
}

@media all and (min-width: 768px) {
 .custom-stack .et_pb_column{
   width: 31.3333% !important;
   margin-right: 3% !important;
  }
}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 1405px) {
  .custom-stack .et_pb_text{
    min-height: 95px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

.md .single-project .et_pb_gallery_items{
	display: flex;
	flex-wrap: wrap;
}

.md .single-project .et_pb_gallery_pagination{
	display: none;
}