.nm-doubledash{
	height: 120px;
	
}

.sub-under-white{
	background: rgb(239,207,172);
background: linear-gradient(180deg, rgba(239,207,172,0) 40%, rgba(255,255,255,1) 40%);
  
}

.sub-under-orange{
		background: rgb(239,207,172);
background: linear-gradient(180deg, rgba(239,207,172,0) 40%, rgba(239,207,172,1) 40%);
}

.beige-sub-under-orange{
		background: linear-gradient(180deg, rgba(239, 207, 172, 0) 40%, #f1e9de 40%) !important;
}
.beige-sub-under-sage-gray{
		background: linear-gradient(180deg, #fff0 40%, #8ca9ae 40%) !important;
}

/* DEMO RESPONSIVE FIX FOR LOGO AND MENU */
@media screen and (max-width : 1180px) {
	#logo {
		width: 350px;
	}
}
@media screen and (max-width : 1125px) {
	#logo {
		width: 250px;
	}
}
@media screen and (max-width : 1025px) {
	#logo {
		width: 225px;
	}
	#top-menu li {
		font-size: 13px;
	}
}
@media screen and (max-width : 980px) {
	#logo {
		width: auto;
	}
} 


h1, h2, h3, h4, h5{
	font-weight: 200;
}

h6 {
	font-weight: 300;
}

.font-300{
	font-weight: 300;	
}

.font-600{
	font-weight: 600
}





.blog-roll-image,
.blog-roll-image .et_pb_ajax_pagination_container, 
.blog-roll-image .et_pb_ajax_pagination_container article, 
.blog-roll-image .et_pb_ajax_pagination_container article a{
  height: 100%;
}
.blog-roll-image .et_pb_ajax_pagination_container article a img{
  object-fit: cover;
  height: 100%;
}

@media all and (max-width: 981px){
.blog-roll-right-image{
  display: flex;
  flex-direction: column-reverse;
}
}


.dh-valign-center-row .et_pb_column,
.dh-valign-center-section,
.dh-valign-center-module {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}