/* =============================================================================
      ___         ___         ___         ___     
     /  /\       /  /\       /  /\       /  /\    
    /  /::\     /  /::\     /  /::\     /  /::\   
   /  /:/\:\   /  /:/\:\   /  /:/\:\   /  /:/\:\  
  /  /::\ \:\ /  /::\ \:\ /  /:/  \:\ /  /:/  \:\ 
 /__/:/\:\ \:/__/:/\:\_\:/__/:/ \  \:/__/:/ \__\:\
 \  \:\ \:\_\\__\/~|::\/:\  \:\  \__\\  \:\ /  /:/
  \  \:\ \:\    |  |:|::/ \  \:\      \  \:\  /:/ 
   \  \:\_\/    |  |:|\/   \  \:\      \  \:\/:/  
    \  \:\      |__|:|~     \  \:\      \  \::/   
     \__\/       \__\|       \__\/       \__\/    

   ============================================================================= */

/* =============================================================================
   GENERAL
   ============================================================================= */

/* Hide Header & Footer */
#main-header,
#main-footer {
  display: none;
}

/* Remove blurb animation */
.et-waypoint.et_pb_animation_top.et-animated,
.et_pb_animation_top.et-animated {
  animation: none !important;
}

/* =============================================================================
   UTILITY CLASSES
   ============================================================================= */

.internal-notes {
  font-family: 'Courier Prime', Courier, monospace !important;
}

/* Make sections side-by-side on desktop */
.half-width-scn {
  width: 50%;
  float: left;
  box-sizing: border-box;
}

/* Make sections full width on tablet and mobile */
@media (max-width: 980px) {
  .half-width-scn {
    width: 100% !important;
    float: none !important;
  }
}

.pa-inline-buttons-left .et_pb_button_module_wrapper {
    display: inline-block;
}
.pa-inline-buttons-left {
    text-align: left !important;
}

/* =============================================================================
   BUTTONS
   ============================================================================= */

.mm-primary-button {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #509bee;
  color: #ffffff !important;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600 !important;
  background-color: #509bee;
}

.mm-primary-button:hover {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #1573da;
  color: #ffffff !important;
  border-radius: 50px;
  font-size: 18px !important;
  font-weight: 600 !important;
  background-color: #1573da;
}

.mm-secondary-button {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #2c87eb;
  color: #2c87eb !important;
  border-radius: 50px;
  font-size: 18px !important;
  font-weight: 600 !important;
  background-color: rgba(255, 255, 255, 0);
}

.mm-secondary-button:hover {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #d7e9fb;
  color: #1573da !important;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600 !important;
  background-color: #d7e9fb;
}

.mm-tertiary-button {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #7f7f7f;
  color: #7f7f7f !important;
  border-radius: 50px;
  font-size: 18px !important;
  font-weight: 600 !important;
  background-color: rgba(255, 255, 255, 0);
}

.mm-tertiary-button:hover {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #f8f8f8;
  color: #7f7f7f !important;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600 !important;
  background-color: #f8f8f8 !important;
}

.mm-ac1-button {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #509bee;
  color: #ffffff !important;
  border-radius: 50px;
  font-size: 18px !important;
  font-weight: 600 !important;
  background-color: #509bee;
}

.mm-ac1-button:hover {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #262629;
  color: #ffffff !important;
  border-radius: 50px;
  font-size: 18px !important;
  font-weight: 600 !important;
  background-color: #262629;
}

.mm-ac2-button {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #509bee;
  color: #ffffff !important;
  border-radius: 50px;
  font-size: 18px !important;
  font-weight: 600 !important;
  background-color: #509bee;
}

.mm-ac2-button:hover {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #262629;
  color: #262629 !important;
  border-radius: 50px;
  font-size: 18px !important;
  font-weight: 600 !important;
  background-color: rgba(255, 255, 255, 0);
}

/* =============================================================================
   SMALL BUTTONS
   ============================================================================= */

.small-mm-primary-button {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #509bee;
  color: #ffffff !important;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600 !important;
  background-color: #509bee;
}

.small-mm-primary-button:hover {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #1573da;
  color: #ffffff !important;
  border-radius: 50px;
  font-size: 16px !important;
  font-weight: 600 !important;
  background-color: #1573da;
}

.small-mm-secondary-button {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #2c87eb;
  color: #2c87eb !important;
  border-radius: 50px;
  font-size: 16px !important;
  font-weight: 600 !important;
  background-color: rgba(255, 255, 255, 0);
}

.small-mm-secondary-button:hover {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #d7e9fb;
  color: #1573da !important;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600 !important;
  background-color: #d7e9fb;
}

.small-mm-tertiary-button {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #7f7f7f;
  color: #7f7f7f !important;
  border-radius: 50px;
  font-size: 16px !important;
  font-weight: 600 !important;
  background-color: rgba(255, 255, 255, 0);
}

.small-mm-tertiary-button:hover {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #f8f8f8;
  color: #7f7f7f !important;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600 !important;
  background-color: #f8f8f8 !important;
}

.small-mm-ac1-button {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #509bee;
  color: #ffffff !important;
  border-radius: 50px;
  font-size: 16px !important;
  font-weight: 600 !important;
  background-color: #509bee;
}

.small-mm-ac1-button:hover {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #262629;
  color: #ffffff !important;
  border-radius: 50px;
  font-size: 16px !important;
  font-weight: 600 !important;
  background-color: #262629;
}

.small-mm-ac2-button {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #509bee;
  color: #ffffff !important;
  border-radius: 50px;
  font-size: 16px !important;
  font-weight: 600 !important;
  background-color: #509bee;
}

.small-mm-ac2-button:hover {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #262629;
  color: #262629 !important;
  border-radius: 50px;
  font-size: 16px !important;
  font-weight: 600 !important;
  background-color: rgba(255, 255, 255, 0);
}

/* =============================================================================
   DARK BACKGROUND STYLES
   ============================================================================= */

.fordarkbg h1,
.fordarkbg h2,
.fordarkbg h3,
.fordarkbg h4,
.fordarkbg h5,
.fordarkbg h6,
.fordarkbg p {
  color: #ffffff !important;
}

.fordarkbg .mm-ac2-button:hover {
  padding: 6px 18px 6px 18px !important;
  display: inline-block;
  transition: all 0.15s ease-in-out;
  border: 2px solid #ffffff;
  color: #262629 !important;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600 !important;
  background-color: #ffffff;
}

/* =============================================================================
  HERO BANNER
   ============================================================================= */


.hero-banner {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)!important;
	width: 100%;
	max-width: 600px;
	background-color: #ffffff;
	padding: 60px !important;
	border-radius: 20px !important;
}

.hero-banner .et_pb_blurb_content {
	max-width: 480px !important;
}

.hero-banner p {
	padding-bottom: 0px !important;
	
}



.hero-banner h1 {
	padding-bottom: 24px !important;
}





@media (max-width: 980px) {
	.hero-banner h1 {
		padding-bottom: 14px !important;
	}
	.hero-banner a.mm-blurb-button-hero {
		margin-top: 20px !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
}

@media (max-width: 980px) and (min-width: 768px) {
	.hero-banner {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
}

@media (max-width: 767px) {
	.hero-banner {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
}


.hero-banner a.mm-ac2-button, .hero-banner, .hero-banner a.mm-ac1-button  {
	margin-top: 30px !important;
}

@media (max-width: 980px) {
	
	.hero-banner a.mm-ac2-button, .hero-banner, a.mm-ac1-button {
		margin-top: 20px !important;
	}
}
/* =============================================================================
  IMAGE ACCORDION   
   ============================================================================= */

.slide-acord-row .difl_imageaccordion .difl_imageaccordionitem.df_ia_active{ 
flex: 3 1 !important;
}

/* Accordion with Badge  */

.slide-acord h3.df_ia_title {
	text-transform: uppercase !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1;
	letter-spacing: 1.2px;
	width: auto;
	float: right;
	border-radius: 50px;
	padding: 8px 32px 8px 32px !important;
	color: #22212A !important;
	background-color: #ffffff !important;
	margin-right: 20px !important;
	margin-top: 20px !important;
}

/* Accordion alternative for page break  */

@media screen and (min-width: 981px) {
	.carousel-base .difl_contentcarouselitem {
		height: 400px !important;
		max-height: 400px !important;
	}
}

@media screen and (max-width: 980px) {
	.carousel-base .difl_contentcarouselitem {
		height: 300px !important;
		max-height: 300px !important;
	}
}

.carousel-base h3.df_cc_title {
	text-transform: uppercase !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1;
	width: auto !important;
	border-radius: 50px;
	padding: 8px 32px 8px 32px !important;
	color: #22212A !important;
	background-color: #ffffff !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	letter-spacing: 2px !important;
}

.carousel-base .swiper-container {
	
}

.carousel-base .df_cci_container {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	position: relative;
	overflow: hidden;
	border-radius: 0px;
	padding-right: 10px;
}


/* =============================================================================
   ERCO PRODUCTS (Plugin Styling)
   ============================================================================= */

.gallery-row-style {
  width: 100%;
  max-width: 1300px;
	
}

.product-item {
  padding: 0;
  margin-bottom: 0;
	overflow: hidden;
}

.product-item p{ 
font-size: 16px !important;
}

.product-item h2 {
  margin-bottom: 0;
  padding-bottom: 10px;
}

 .product-item-content {
  padding: 0 30px 30px 30px;
  line-height: 1.5em;
}

.product-list {
  margin: 0 !important;
  gap: 30px !important;
}

.gal-inset-page {
  padding-top: 0;
}

/* Responsive Padding Adjustments */
@media (max-width: 980px) and (min-width: 768px) {
  .gallery-row-style {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .gallery-row-style {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.prod-w-bg.product-item{ 
 border-radius: 10px;
}



/* =============================================================================
   POST PAGE
   ============================================================================= */

/* START - Possibly Delete */
@media (min-width: 768px) {
  .blog-reco-effect .et_pb_salvattore_content {
    margin-left: -10px; /* keeps outer edges flush */
    margin-right: -10px;
  }

  .blog-reco-effect .et_pb_salvattore_content .column {
    box-sizing: border-box; /* prevents width blowout */
    padding: 0 10px; /* 10px on each side = 20px between columns */
  }
}
/* END - Possibly Delete */

/* ===========================
   Slider for post page
   ===========================*/

.df-post-outer-wrap {
  box-shadow: 0px 2px 50px 0px rgba(110,130,208,0.18);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

.df-post-inner-wrap {
  padding: 19px;
}

.swiper-container {
  padding: 0;
  overflow: visible;
}

.blog-more-style .et_pb_blog_grid .et_pb_post .et_pb_image_container {
  padding: 0;
}



.df-post-categories-wrap a {
  margin-left: 4px;
}

.df-post-categories-wrap a:first-child {
  margin-left: 0;
}


 /* ===========================
  Slider Arrow Styling
=========================== */ 

.df_cc_arrows>div{ 
background-color: rgb(232, 232, 237) !important;

}


.df_cc_arrows .swiper-button-next,
.df_cc_arrows .swiper-button-prev {
  padding: 14px !important;
  border-radius: 100px !important;
}

.df_cc_arrows .swiper-button-next { 
  margin-left: 10px !important;
}

.df_cc_arrows > div:after {
  content: ''; 
  display: inline-block;
  width: 16px;   
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('http://ercointeriors.com/wp-content/uploads/2025/09/mm-chev.svg');
  text-indent: 0 !important; 
  font-family: initial !important; 
  line-height: 1 !important;	
}

/* Rotate for prev and next */
.df_cc_arrows > div.swiper-button-prev:after {
  transform: rotate(90deg);
  display: inline-block;
}

.df_cc_arrows > div.swiper-button-next:after {
  transform: rotate(-90deg);
  display: inline-block;
}

/* Opacity for disabled buttons and their icons */
.df_cc_arrows > div.swiper-button-prev.swiper-button-disabled,
.df_cc_arrows > div.swiper-button-next.swiper-button-disabled {
  opacity: 0.3 !important; 
  pointer-events: none;
	
}

.df_cc_arrows > div.swiper-button-prev.swiper-button-disabled:after,
.df_cc_arrows > div.swiper-button-next.swiper-button-disabled:after {
  opacity: 0.3 !important;
}


 /* ===========================
  Card Slider Styling
=========================== */ 
.card-icon-slider .df_cci_container{ 
background-color: #ffffff !important;
}





.card-icon-slider h4 {
  font-size: 28px !important;
  line-height: 1 !important;
}
@media (max-width: 980px) and (min-width: 768px) {

  .card-icon-slider h4 {
    font-size: 28px !important;
  }
}
@media (max-width: 767px) {
  .card-icon-slider h4 {
    font-size: 26px !important;
  }
}


.card-icon-slider .df_cc_content{ 
font-size: 17px !important;
line-height: 1.4 !important;
}

@media (max-width: 767px) {
 .card-icon-slider .df_cc_content{ 
font-size: 16px !important;
line-height: 1.4 !important;
}
}

.card-icon-slider .df_cci_image_container img{ 
height: 70px;
width: auto !important;
}


@media (max-width: 767px) {
.card-icon-slider .df_cci_image_container img{ 
height: 50px;
width: auto !important;
}
}

/* ===========================
Radius Work Around
=========================== */ 


/*** Responsive Styles Tablet And Below ***/


@media all and (min-width: 981px) {
	.radi-top-adj{
	border-top-left-radius: 20px !important;
	border-top-right-radius: 20px !important;
	} 
	.radi-bottom-adj{
	border-bottom-left-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
	} 
	
}



/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
	.radi-top-adj{
	border-top-left-radius: 20px !important;
	border-top-right-radius: 20px !important;
	} 
	.radi-bottom-adj{
	border-bottom-left-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
	} 
	
 
}


/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	.radi-top-adj{
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	} 
	.radi-bottom-adj{
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	} 
	
 
}


 /* ===========================
Baffles & Panels
=========================== */ 


.call-out-box h2{
  font-size: 52px !important;
  line-height: 1 !important;
color: #262629 !important;
}
@media (max-width: 980px) and (min-width: 768px) {
  .call-out-box h2{
    font-size: 48px !important;
  }
}
@media (max-width: 767px) {
  .call-out-box h2{
    font-size: 36px !important;
  }
}


.call-out-box .df_ab_blurb_description{ 
	font-size: 18px !important;
  line-height: 1.6em !important;
	padding-bottom: 0px !important;
}

@media (max-width: 767px) {
	.call-out-box .df_ab_blurb_description{ 
	font-size: 17px !important;
		color: #39393D;
}
}

.call-out-box .df_ab_blurb_sub_title{ 
font-size: 16px !important;
font-weight:600px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #0047AB;
}





 /* ===========================
Locations Page
=========================== */ 

.biz-hours  .difl_businesshours { 
font-size: 17px;
color: #262629;	
}

.biz-hours .difl_businesshoursitem:last-child{
	border-bottom-width: 0px !important;
}

.biz-hours .off_day_true{ 
color: #7F7F7F !important;
}

.dm-tight-blurb a{ 
color: #262629 !important;
font-size: 18px;
line-height: 1.2 !important;
}

.dm-tight-blurb .et_pb_main_blurb_image{ 
padding-top: 5px;
}

.dm-tight-blurb{ 
font-size: 17px !important;
font-weight: 600 !important;
}


@media (max-width: 980px) {
.first-biz{ 
	margin-bottom: 20px!important;
}
}







.mm-biz-title{ 
	padding-left:60px;
padding-right: 60px;
padding-top: 20px !important;
}

.mm-biz-title h3{ 
padding-bottom: 0px !important;
}


.mm-biz-address{ 
	padding-left:60px;
padding-right: 60px;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
.mm-biz-phone{ 
	padding-left:60px;
padding-right: 60px;
}

@media (min-width: 981px) {
.mm-biz-phone{ 
	margin-bottom: 30px !important;
}
}

@media (max-width: 980px) {
.mm-biz-phone{ 
	margin-bottom: 0px !important;
}
}

.mm-biz-note{
	padding-left:60px;
	padding-right: 60px;
	padding-bottom: 0px;
	margin-bottom: 2px !important;
}

.biz-hours{
	padding-top: 0px !important;
	padding-bottom: 20px !important;
	padding-left:60px;
padding-right: 60px;	
}

@media (max-width: 980px) and (min-width: 768px) {
	.mm-biz-title{ 
	padding-left:40px;
padding-right: 40px;

}


.mm-biz-address{ 
	padding-left:40px;
padding-right: 40px;

}
.mm-biz-phone{ 
	padding-left:40px;
padding-right: 40px;
	padding-bottom: 0px !important;
}
	
	.mm-biz-note{
	padding-left:40px;
	padding-right: 40px;
}

.biz-hours{
	padding-left:40px;
padding-right: 40px;	
}
}

@media (max-width: 767px) {
	.mm-biz-title{ 
padding-left:24px;
padding-right: 24px;
}


.mm-biz-address{ 
padding-left:24px;
padding-right: 24px;

}
.mm-biz-phone{ 
padding-left:24px;
padding-right: 24px;
	padding-bottom: 0px !important;
}
	
.mm-biz-note{
padding-left:24px;
padding-right: 24px;
}

.biz-hours{
padding-left:24px;
padding-right: 24px;	
}
}


 /* ===========================
Call to action Slider
=========================== */ 



/*.stn-base .df_cci_container{
	height: 340px !important;
	max-height: 340px !important;

}*/


.stn-base-call2a .df_cci_container{
padding-top: 40%;
}

.stn-base-call2a .df_cci_container {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	overflow: hidden;
	border-radius: 0;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 20px;

}

.stn-base-call2a .df_cc_content{ 
max-width: 390px;
}

.stn-base-call2a p {
	font-size: 18px !important;
	line-height: 1.3 !important;
	font-weight: 600 !important;
	text-align: center !important;
	
}

.stn-base-call2a h4 {
	font-size: 32px !important;
	text-align: center !important;
	
	margin-bottom: 0px !important;
}

.stn-base-call2 difl_contentcarousel .swiper-container {
	padding-top: 0px !important;
	padding-bottom: 20px !important;
}


.stn-base-call2-row .difl_contentcarousel .swiper-container { 
padding-top: 0px !important;
padding-bottom: 0px !important;
}




.aspect-img .et_pb_module_header{ 
position: absolute;
top: 0px;
right: 20px;
background-color:  #ffffff  !important;
padding: 10px 20px !important;
color:  #000000 !important;
border-radius: 0px 0px 10px 10px !important;
	font-size: 22px !important;
}

.aspect-img { 
margin: 20px !important;
}


 /* ===========================
Custom Accordion
=========================== */

.slide-acord.difl_imageaccordion .difl_imageaccordionitem.df_ia_active{ 
flex: 5 1 !important;
}


 /* ===========================
Custom Slider
=========================== */

@media (min-width: 981px){
.right-dot-nav.difl_imagecarousel_0 .swiper-pagination{ 
text-align: right !important;
padding-right: 20px;
}
}


 /* ===========================
Blog Display All
=========================== */
.article-display p{ 
font-size: 15px !important;
line-height: 20px !important;
padding-bottom: 10px !important;
}

.article-display .entry-title{ 
padding-bottom: 20px !important;
}

 /* ===========================
Post Breadcrumb
=========================== */
.pst-et-icon {
    font-family: 'ETMODULES';
    color: #9a99aa;
    margin-right: 6px;
    font-size: 1em;
	position: relative !important;
	top: 1px;
}

a.post-bread-link {
	color: #9a99aa !important;
	font-size: 14px !important;
}

/* ===========================
Legal Pages 
=========================== */

.legal-style p{ 
font-size: 18px;
line-height: 26px;
padding-bottom: 20px;
}

.legal-style .highlight-box{ 

            border: 1px solid #7F7F7F;
            
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	padding-left: 30px;
            margin: 20px 0;
}

.legal-style .highlight-box p{
	padding-bottom: 0px;
	
}

.legal-style h2 {
  font-size: 36px;
  padding-bottom: 30px;
  position: relative;
  padding-left: 20px;
}

.legal-style h2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #2C87EB;
	height: 36px;

}

.legal-style h3 { 
font-size: 28px;
padding-bottom: 20px;
}


.small-indent{ 
padding-left: 30px;
}

.med-indent{ 
padding-left: 40px;
}
.large-indent{ 
padding-left: 50px;
}


@media (max-width: 980px) {



.legal-style h2 {
  font-size: 30px;
  padding-bottom: 28px;
  position: relative;
  padding-left: 20px;
}

.legal-style h2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #2C87EB;
	height: 30px;

}

.legal-style h3 { 
font-size: 23px;
padding-bottom: 17px;
}


.small-indent{ 
padding-left: 24px;
}

.med-indent{ 
padding-left: 34px;
}
.large-indent{ 
padding-left: 44px;
}	
	
}


/* ===========================
Legal Pages Style
=========================== */

.legal-style .contact-card h3 {
  margin-bottom: 8px;
}

.legal-style .contact-card p {
  padding-bottom: 8px;
}

.legal-style .contact-card a {
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}

.legal-style .contact-card a:hover {
  text-decoration: underline;
}

/* ===========================
Breadcumb - Remove Home Link
=========================== */

.hide-first .df-breadcrumbs .df-breadcrumbs-start,
.hide-first .df-breadcrumbs .df-breadcrumbs-start + .df-breadcrumbs-separator {
    display: none;
}

.bread-standard .df-breadcrumbs-item a:hover {
    text-decoration: underline;
	text-decoration-color: #7F7F7F !important;
}


/* ===========================
Meet the Team - Slider
=========================== */


@media (min-width: 981px) {
  .about-slider-hs .df_cci_container {
    height: 500px !important;
  }
  .about-slider-hs .df_cc_arrows { 
    display: none !important;
  }
}

@media (max-width: 980px) {
  .about-slider-hs .df_cci_container {
    height: 400px !important;
  }
}

.about-slider-hs .df_cci_container {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
  box-sizing: border-box;
}

/* Text elements now flow naturally at bottom */
.about-slider-hs .df_cc_title {
  color: #fff;
  margin: 0 0 2px 0;
  position: relative;
}

.about-slider-hs .df_cc_subtitle {
  color: #fff;
  margin: 0;
  position: relative;
}


















/* Stacking Order for Row */
@media screen and (max-width: 980px) {
  .inverse {
    display: flex;
    flex-direction: column-reverse;
  }
}

/* =============================================================================
   PAGE TYPES
   ============================================================================= */

/* Parent Setup */
.parent-set .et_pb_row {
  width: 100%;
  max-width: 1600px;
}
.parent-set .et_pb_section {
  padding-left: 0px;
  padding-right: 0px;
}

/* Child Setup */
.child-set .et_pb_row {
  width: 100%;
  max-width: 1300px;
}
.child-set .et_pb_section {
  padding-left: 40px;
  padding-right: 40px;
}
@media all and (min-width: 768px) and (max-width: 980px) {
  .child-set .et_pb_section {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 767px) {
  .child-set .et_pb_section {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* =============================================================================
   SPACING GRID LAYOUTS
   ============================================================================= */

/* Base Row Padding */
.cc-row,
.ccc-row,
.c-row {
  padding-bottom: 20px !important;
  padding-top: 0px !important;
}

.gap-cc-row,
.gap-c-row,
.gap-cc-40-60-row,
.gap-cc-60-40-row,
.gap-ccc-row {
  padding-bottom: 40px !important;
  padding-top: 0px !important;
}

/* Legacy helper (kept if used elsewhere) */
.no-gap-cc-row {
  padding-bottom: 40px !important;
  padding-top: 0px !important;
}

/* Tablet — Spacing Grid Layout */
@media all and (min-width: 768px) and (max-width: 980px) {
  /* Standard Rows */
  .cc-row,
  .ccc-row,
  .c-row {
    padding-bottom: 0px !important;
  }
  .cc-col,
  .ccc-col,
  .c-col {
    padding-bottom: 20px !important; /* spacing when stacked */
  }

  /* Gap Rows */
  .gap-cc-row,
  .gap-c-row,
  .gap-cc-40-60-row,
  .gap-cc-60-40-row,
  .gap-ccc-row {
    padding-bottom: 0px !important;
  }
  .gap-cc-col,
  .gap-c-col,
  .gap-cc-40-col,
  .gap-cc-60-col,
  .gap-ccc-col {
    padding-bottom: 20px !important; /* spacing when stacked */
  }

  /* No Gap Exception */
  .no-gap-cc-row {
    padding-bottom: 20px !important;
  }
}

/* Mobile — Spacing Grid Layout */
@media all and (max-width: 767px) {
  /* Standard Rows */
  .cc-row,
  .ccc-row,
  .c-row {
    padding-bottom: 0px !important;
  }
  .cc-col,
  .ccc-col,
  .c-col {
    padding-bottom: 20px !important; /* spacing when stacked */
  }

  /* Gap Rows */
  .gap-cc-row,
  .gap-c-row,
  .gap-cc-40-60-row,
  .gap-cc-60-40-row,
  .gap-ccc-row {
    padding-bottom: 0px !important;
  }
  .gap-cc-row .gap-cc-col,
  .gap-c-row .gap-c-col,
  .gap-cc-40-60-row .gap-cc-40-col,
  .gap-cc-40-60-row .gap-cc-60-col,
  .gap-cc-60-40-row .gap-cc-60-col,
  .gap-cc-60-40-row .gap-cc-40-col,
  .gap-ccc-row .gap-ccc-col {
    padding-bottom: 20px !important; /* spacing when stacked */
  }

  /* No Gap Exception */
  .no-gap-cc-row {
    padding-bottom: 0px !important;
  }
  .no-gap-cc-row .cc-col,
  .no-gap-cc-row .ccc-col,
  .no-gap-cc-row .c-col {
    padding-bottom: 20px !important; /* allow opt-in spacing even if base row has none */
  }
}

/* =============================================================================
   CUSTOM COLUMN LAYOUTS
   ============================================================================= */

/* -----------------------------------
   Spacing Grid — Desktop Layouts
   ----------------------------------- */

/* Column Margin Reset */
.cc-col:last-child,
.ccc-col:last-child,
.gap-cc-col:last-child,
.gap-cc-40-col:last-child,
.gap-cc-60-col:last-child,
.gap-ccc-col:last-child {
  margin-right: 0 !important;
}

@media (min-width: 981px) {
  /* Standard Layouts (20px gaps) */

  /* Two Column Equal (50/50) */
  .cc-row {
    display: flex;
  }
  .cc-col {
    flex: 1 0 0;
    margin-right: 20px !important;
  }

  /* Three Column Equal (33/33/33) */
  .ccc-row {
    display: flex;
  }
  .ccc-col {
    flex: 1 1 0;
    margin-right: 20px !important;
  }

  /* Gap Layouts (40px gaps) */

  /* Two Column Equal with Gap (50/50) */
  .gap-cc-row {
    display: flex;
  }
  .gap-cc-col {
    flex: 1 0 0;
    margin-right: 40px !important;
  }

  /* Two Column 40/60 with Gap */
  .gap-cc-40-60-row {
    display: flex;
  }
  .gap-cc-40-60-row .gap-cc-40-col {
    flex: 0 0 calc(40% - 16px);
    margin-right: 40px !important;
  }
  .gap-cc-40-60-row .gap-cc-60-col {
    flex: 0 0 calc(60% - 24px);
  }

  /* Two Column 60/40 with Gap */
  .gap-cc-60-40-row {
    display: flex;
  }
  .gap-cc-60-40-row .gap-cc-60-col {
    flex: 0 0 calc(60% - 24px);
    margin-right: 40px !important;
  }
  .gap-cc-60-40-row .gap-cc-40-col {
    flex: 0 0 calc(40% - 16px);
  }

  /* Three Column Equal with Gap (33/33/33) */
  .gap-ccc-row {
    display: flex;
  }
  .gap-ccc-col {
    flex: 1 1 0;
    margin-right: 40px !important;
  }
}

/* -----------------------------------
   Utility — Equal-height Cards & No Gap
   ----------------------------------- */

/* Equal-height cards (blurb backgrounds fill column height) */
@media (min-width: 981px) {
  /* Make columns flex so children can stretch - only when equal-cards class is present */
  .equal-cards.cc-row .cc-col,
  .equal-cards.ccc-row .ccc-col,
  .equal-cards.gap-cc-row .gap-cc-col,
  .equal-cards.gap-ccc-row .gap-ccc-col,
  .equal-cards.gap-cc-40-60-row .gap-cc-40-col,
  .equal-cards.gap-cc-40-60-row .gap-cc-60-col,
  .equal-cards.gap-cc-60-40-row .gap-cc-60-col,
  .equal-cards.gap-cc-60-40-row .gap-cc-40-col {
    display: flex;
  }

  /* Make the blurb fill the column height (so its background spans full card) - only when equal-cards class is present */
  .equal-cards.cc-row .cc-col > .et_pb_blurb,
  .equal-cards.ccc-row .ccc-col > .et_pb_blurb,
  .equal-cards.gap-cc-row .gap-cc-col > .et_pb_blurb,
  .equal-cards.gap-ccc-row .gap-ccc-col > .et_pb_blurb,
  .equal-cards.gap-cc-40-60-row .gap-cc-40-col > .et_pb_blurb,
  .equal-cards.gap-cc-40-60-row .gap-cc-60-col > .et_pb_blurb,
  .equal-cards.gap-cc-60-40-row .gap-cc-60-col > .et_pb_blurb,
  .equal-cards.gap-cc-60-40-row .gap-cc-40-col > .et_pb_blurb {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto; /* stretch to fill column */
    height: 100%;
  }

  /* Optional: ensure inner content also stretches nicely */
  .equal-cards .et_pb_blurb .et_pb_blurb_content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }

  /* Allow size classes to work with equal-height cards by using min-height instead of fixed height */
  .equal-cards .et_pb_blurb.l-brb {
    height: auto;
    min-height: 600px;
  }
  .equal-cards .et_pb_blurb.m-brb {
    height: auto;
    min-height: 500px;
  }
  .equal-cards .et_pb_blurb.s-brb {
    height: auto;
    min-height: 400px;
  }
}

@media (max-width: 980px) {
  .equal-cards .et_pb_blurb.l-brb {
    height: auto;
    min-height: 500px;
  }
  .equal-cards .et_pb_blurb.m-brb {
    height: auto;
    min-height: 400px;
  }
  .equal-cards .et_pb_blurb.s-brb {
    height: auto;
    min-height: 300px;
  }
}

/* No Gap — For 2-Column Rows (EQUAL, 40/60, 60/40) */

/* Desktop (981px+): remove horizontal gaps, set row bottom padding */
@media (min-width: 981px) {
  /* Equal 50/50 */
  .no-gap.cc-row .cc-col,
  .no-gap.gap-cc-row .gap-cc-col {
    margin-right: 0 !important;
  }

  /* 40/60 */
  .no-gap.gap-cc-40-60-row .gap-cc-40-col,
  .no-gap.gap-cc-40-60-row .gap-cc-60-col {
    margin-right: 0 !important;
  }
  .no-gap.gap-cc-40-60-row .gap-cc-40-col {
    flex: 0 0 40% !important;
  }
  .no-gap.gap-cc-40-60-row .gap-cc-60-col {
    flex: 0 0 60% !important;
  }

  /* 60/40 */
  .no-gap.gap-cc-60-40-row .gap-cc-60-col,
  .no-gap.gap-cc-60-40-row .gap-cc-40-col {
    margin-right: 0 !important;
  }
  .no-gap.gap-cc-60-40-row .gap-cc-60-col {
    flex: 0 0 60% !important;
  }
  .no-gap.gap-cc-60-40-row .gap-cc-40-col {
    flex: 0 0 40% !important;
  }

  /* Row-level bottom spacing even when gaps are removed */
  .no-gap.cc-row,
  .no-gap.gap-cc-row,
  .no-gap.gap-cc-40-60-row,
  .no-gap.gap-cc-60-40-row {
    padding-bottom: 40px !important;
  }
}

/* Tablet + Phone (<=980px): remove vertical spacing on columns, add it to the row */
@media all and (max-width: 980px) {
  /* Kill column spacing when stacked */
  .no-gap.cc-row .cc-col,
  .no-gap.gap-cc-row .gap-cc-col,
  .no-gap.gap-cc-40-60-row .gap-cc-40-col,
  .no-gap.gap-cc-40-60-row .gap-cc-60-col,
  .no-gap.gap-cc-60-40-row .gap-cc-60-col,
  .no-gap.gap-cc-60-40-row .gap-cc-40-col {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Row-level bottom spacing when stacked */
  .no-gap.cc-row,
  .no-gap.gap-cc-row,
  .no-gap.gap-cc-40-60-row,
  .no-gap.gap-cc-60-40-row {
    padding-bottom: 20px !important;
  }
}

/* -----------------------------------
   Utility — Blurb Vertical Centering
   ----------------------------------- */

/* Add 'blurb-vcenter' to the Blurb module's CSS Class to center content */
@media (min-width: 981px) {
  .blurb-vcenter {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .blurb-vcenter .et_pb_blurb_content {
    display: block !important;
    flex: 0 0 auto !important;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

/* If your columns remain side-by-side on tablet, include the same centering */
@media all and (min-width: 480px) and (max-width: 980px) {
  .blurb-vcenter {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .blurb-vcenter .et_pb_blurb_content {
    display: block !important;
    flex: 0 0 auto !important;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

/* =============================================================================
   FEATURED BLURBS
   ============================================================================= */

.featured-blurb {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0px;
}
.featured-blurb .et_pb_blurb_content {
  max-width: 100% !important;
}

.featured-blurb .et_pb_image_wrap {
  max-width: 460px;
}
:not(.adj-mix-batch) .featured-blurb .et_pb_module_header,
:not(.adj-mix-batch) .featured-blurb .et_pb_blurb_description {
  max-width: 460px !important;
  margin: auto;
}
.featured-blurb .et_pb_module_header {
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}
.featured-blurb .et_pb_blurb_description {
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}
.featured-blurb p {
  padding-bottom: clamp(11px, 2vw, 16px);
  color: #22212A;
}
.featured-blurb h1,
.featured-blurb h2 {
  padding-bottom: clamp(8px, 2vw, 10px);
}
.featured-blurb a {
  margin-top: 0px !important;
}
.featured-blurb .et_pb_blurb_description,
.featured-blurb .et_pb_module_header {
  text-align: center !important;
}


.featured-blurb-600 {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0px;
}

.featured-blurb-600 .et_pb_blurb_content {
  max-width: 100% !important;
}

.featured-blurb-600 .et_pb_image_wrap {
  max-width: 600px;
}

:not(.adj-mix-batch) .featured-blurb-600 .et_pb_module_header,
:not(.adj-mix-batch) .featured-blurb-600 .et_pb_blurb_description {
  max-width: 600px !important;
  margin: auto;
}

.featured-blurb-600 .et_pb_module_header {
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.featured-blurb-600 .et_pb_blurb_description {
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.featured-blurb-600 p {
  padding-bottom: clamp(11px, 2vw, 16px);
  color: #22212A;
}

.featured-blurb-600 h1,
.featured-blurb-600 h2 {
  padding-bottom: clamp(8px, 2vw, 10px);
}

.featured-blurb-600 a {
  margin-top: 0px !important;
}

.featured-blurb-600 .et_pb_blurb_description,
.featured-blurb-600 .et_pb_module_header {
  text-align: center !important;
}


/* ===========================
  Blurb Position
=========================== */

.featured-blurb.lay-top-brb {
  justify-content: flex-start;
}
.featured-blurb.lay-mid-brb {
  align-items: center;
  justify-content: center;
}
.featured-blurb.lay-botton-brb,
.featured-blurb.lay-bottom-brb {
  justify-content: flex-end;
}

/* ===========================
  Blurb Image Variants
=========================== */

/* Make blurb content flex so image can fill remaining space */
.featured-blurb.blurb-image-bottom .et_pb_blurb_content {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important; /* uses your existing m-brb/l-brb heights */
}

/* Text stays at natural size */
.featured-blurb.blurb-image-bottom .et_pb_blurb_container {
  flex-shrink: 0 !important; /* don't compress text */
}

/* Image fills whatever space is left and crops */
.featured-blurb.blurb-image-bottom .et_pb_image_wrap {
  flex: 1 1 auto !important; /* take remaining space */
  overflow: hidden !important;
}

.featured-blurb.blurb-image-bottom .et_pb_image_wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important; /* show bottom portion of image */
}

.blurb-image-bottom .et_pb_blurb_container {
  margin-top: -40px !important;
}

.blurb-image-bottom .et_pb_blurb_description {
  padding-bottom: 28px !important;
}



/* Content fixed to bottom; image fills space above and gets cropped at the top */
.featured-blurb.blurb-image-top .et_pb_blurb_content {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding: 0 !important; /* avoid stealing height from the image area */
}

/* Let the image area take remaining space at the top */
.featured-blurb.blurb-image-top .et_pb_main_blurb_image,
.featured-blurb.blurb-image-top .et_pb_image_wrap {
  flex: 1 1 auto;
  overflow: hidden;
}

/* Divi often nests image inside .et_pb_main_blurb_image -> .et_pb_image_wrap.
   Ensure the inner wrapper stretches too. */
.featured-blurb.blurb-image-top .et_pb_main_blurb_image .et_pb_image_wrap {
  height: 100%;
  display: block;
}

/* Override your global 460px cap so the image can fill the card */
.featured-blurb.blurb-image-top .et_pb_image_wrap {
  max-width: none;
  width: 100%;
}

/* Crop from the top (so top gets cut off; bottom stays visible near the text) */
.featured-blurb.blurb-image-top .et_pb_image_wrap img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center bottom;
}

/* Pin the text block to the bottom */
.featured-blurb.blurb-image-top .et_pb_blurb_container {
  margin-top: auto;   /* pushes text to bottom */
  flex-shrink: 0;     /* don't compress text */
}

.blurb-image-top .et_pb_module_header {
  padding-top: 28px !important;
}

.blurb-image-top .et_pb_main_blurb_image {
  max-width: 460px;
  margin: 0 auto !important; /* this sets top/bottom to 0, left/right to auto */
}

/* ===========================
  Blurb Fill Above Variant
=========================== */

@media (min-width: 981px) {
  /* Make the 2nd column a flex container so its child can stretch */
  .blurb-fill-above .et_pb_column:nth-child(2) {
    display: flex;
  }

  /* Make the blurb fill the full column height */
  .blurb-fill-above .et_pb_column:nth-child(2) > .et_pb_blurb {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
  }

  /* Let the blurb content take full height, but pin the container to bottom */
  .blurb-fill-above .et_pb_column:nth-child(2) .et_pb_blurb_content {
    display: flex;
    flex-direction: column;
    height: 100% !important;
  }

  /* Actual text/buttons block sits at the bottom; space fills above */
  .blurb-fill-above .et_pb_column:nth-child(2) .et_pb_blurb_container {
    margin-top: auto;
    flex-shrink: 0;
  }
}

/* ===========================
  Blurb Sizing
=========================== */

/* Large Blurb */
.l-brb {
  overflow: hidden !important;
}
@media screen and (min-width: 981px) {
  .l-brb {
    height: 600px !important;
    max-height: 600px !important;
  }
}
@media screen and (max-width: 980px) {
  .l-brb {
    height: 500px !important;
    max-height: 500px !important;
  }
}

/* Medium Blurb */
.m-brb {
  overflow: hidden !important;
}
@media screen and (min-width: 981px) {
  .m-brb {
    height: 500px !important;
    max-height: 500px !important;
  }
}
@media screen and (max-width: 980px) {
  .m-brb {
    height: 400px !important;
    max-height: 400px !important;
  }
}

/* Small Blurb */
.s-brb {
  overflow: hidden !important;
}
@media screen and (min-width: 981px) {
  .s-brb {
    height: 400px !important;
    max-height: 400px !important;
  }
}
@media screen and (max-width: 980px) {
  .s-brb {
    height: 300px !important;
    max-height: 300px !important;
  }
}







/* ===========================
  Global Styling 
=========================== */    
/*--ERCO Typeface--*/
h1, h2, h3, h4, h5, h6, p, a, span, div, li, button, input, textarea, select, label, blockquote {
    font-family: "proxima-nova", sans-serif;
}

h1, h2, h3, h4{
    letter-spacing: -.5px;
}

/*-- Basic Link --*/
a { 
  color: #3786EB;
}

a:hover { 
  color: #1568d2 !important;
}

 /* ===========================
  Forced Font Size
=========================== */ 
/* H1 - .forced */
.forced-type h1, h1.forced {
  font-size: 54px !important;
  line-height: 1 !important;
}
@media (max-width: 980px) and (min-width: 768px) {
  /* Tablet H1 - .forced */
  .forced-type h1, h1.forced {
    font-size: 47px !important;
  }
}
@media (max-width: 767px) {
  /* Phone H1 - .forced */
  .forced-type h1, h1.forced {
    font-size: 40px !important;
  }
}

/* H2 - .forced */
.forced-type h2, h2.forced {
  font-size: 45px !important;
  line-height: 1 !important;
}
@media (max-width: 980px) and (min-width: 768px) {
  /* Tablet H2 - .forced */
  .forced-type h2, h2.forced {
    font-size: 40px !important;
  }
}
@media (max-width: 767px) {
  /* Phone H2 - .forced */
  .forced-type h2, h2.forced {
    font-size: 36px !important;
  }
}

/* H3 - .forced */
.forced-type h3, h3.forced {
  font-size: 37px !important;
  line-height: 1 !important;
}
@media (max-width: 980px) and (min-width: 768px) {
  /* Tablet H3 - .forced */
  .forced-type h3, h3.forced {
    font-size: 33px !important;
  }
}
@media (max-width: 767px) {
  /* Phone H3 - .forced */
  .forced-type h3, h3.forced {
    font-size: 30px !important;
  }
}

/* H4 - .forced */
.forced-type h4, h4.forced {
  font-size: 31px !important;
  line-height: 1 !important;
}
@media (max-width: 980px) and (min-width: 768px) {
  /* Tablet H4 - .forced */
  .forced-type h4, h4.forced {
    font-size: 28px !important;
  }
}
@media (max-width: 767px) {
  /* Phone H4 - .forced */
  .forced-type h4, h4.forced {
    font-size: 26px !important;
  }
}

/* H5 - .forced */
.forced-type h5, h5.forced {
  font-size: 26px !important;
  line-height: 1.2 !important;
}
@media (max-width: 980px) and (min-width: 768px) {
  /* Tablet H5 - .forced */
  .forced-type h5, h5.forced {
    font-size: 24px !important;
  }
}
@media (max-width: 767px) {
  /* Phone H5 - .forced */
  .forced-type h5, h5.forced {
    font-size: 22px !important;
  }
}

/* H6 - .forced */
.forced-type h6, h6.forced {
  font-size: 22px !important;
  line-height: 1.3 !important;
}
@media (max-width: 980px) and (min-width: 768px) {
  /* Tablet H6 - .forced */
  .forced-type h6, h6.forced {
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  /* Phone H6 - .forced */
  .forced-type h6, h6.forced {
    font-size: 18px !important;
  }
}

/* Paragraph - .forced */
.forced-type p, p.forced {
  font-size: 18px !important;
  line-height: 1.6em !important;
}
@media (max-width: 767px) {
  /* Phone Paragraph - .forced */
  .forced-type p, p.forced {
    font-size: 17px !important;
  }
}

 /* ===========================
  Gutenberg Backend Solve
=========================== */   

/*-- Setting Backend Sized --*/

@media (max-width: 480px) {
	h2.wp-block-heading{ 
	font-size: 36px;
	line-height: 1;
	}	
	
	h3.wp-block-heading{ 
	font-size: 30px;
	line-height: 1;
	}
	
		h4.wp-block-heading{ 
	font-size: 26px;
	line-height: 1;
	}
	
	h5.wp-block-heading{ 
	font-size: 22px;
	line-height: 1;
	}
	
	h6.wp-block-heading{ 
	font-size: 18px;
	line-height: 1;
	}
	
}





 /* ===========================
  Special type related elements
=========================== */  


@media (max-width: 767px) {
  .entry-content ul.indent {
    padding-left: 23px !important;
  }
}

.entry-content ol.indent {
  padding-left: 36px !important;
}

@media (max-width: 767px) {
  .entry-content ol.indent {
    padding-left: 0px !important;
  }
}

ul.wp-block-list, ol.wp-block-list{ 
font-size: 18px;
line-height: 1.6em;
}

@media (max-width: 767px) {
ul.wp-block-list, ol.wp-block-list{ 
font-size: 17px;
}
}

.wp-block-quote {
  border-left: 2px solid #0047AB !important;
  padding: 6px 30px !important;
  position: relative;
  font-weight: 500;
  background: #fff;
  margin-bottom: 18px !important;
  font-style: normal !important;
  color: #434250;
}

@media all and (max-width: 479px) {
  .wp-block-quote {
    padding: 6px 26px !important;
  }
}

/* Fancy icon */
.wp-block-quote p.fancy {
  position: relative;
}

.wp-block-quote p.fancy::after {
  content: "";
  position: absolute;
  left: -36px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 40px;
  background: #ffffff;
  z-index: 3;
  display: block;
  border-radius: 2px;
}

.wp-block-quote p.fancy::before {
  content: "";
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url('http://ercointeriors.com/wp-content/uploads/2025/09/fancy-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 5 !important;
  display: block;
}

/* Cite styling */
blockquote.wp-block-quote cite {
  font-size: 12px !important;
	letter-spacing: .5px !important;
  display: block;
  margin-top: 0.5em;
  color: #9A99AA !important;
  font-style: normal !important;
	text-transform: uppercase !important;
}

blockquote.wp-block-quote cite::before {
  content: "— ";
  font-size: 16px;
  color: #9A99AA;
}

p:not(.has-background) {
  padding-bottom: 1em;
  margin-bottom: 0; /* reset margin */
}

p:not(.has-background):last-of-type {
  padding-bottom: 0;
}

/* Add margin-top to blockquote and lists that follow a last paragraph */
p:not(.has-background):last-of-type + blockquote,
p:not(.has-background):last-of-type + ul,
p:not(.has-background):last-of-type + ol,
p:not(.has-background):last-of-type + .wp-block-quote {
  margin-top: 1em !important;
}

 /* ===========================
  Addition Type Styles 
=========================== */ 

@media all and (min-width: 981px) {
 .large-text-shrink h2{
	font-size: 45px !important;
}
}

@media all and (min-width: 768px) and (max-width: 980px) {
  .large-text-shrink h2{
	font-size: 36px !important;
}
}

@media all and (max-width: 767px) {
 .large-text-shrink h2{
	font-size: 40px !important;
}
}




p.small-text,
.small-text p, a.small-text,
.small-text a, .small-text *  {
	font-size: 16px;
}

p.large-text,
.large-text p {
	font-size: 22px;
}

p.medium-text,
.medium-text p, a.large-text-shrink,
.large-text-shrink a {
	font-size: 20px;
}

p.large-text-shrink,
.large-text-shrink p, a.large-text-shrink,
.large-text-shrink a   {
	font-size: 22px;
}



@media (max-width: 980px) and (min-width: 768px) {
p.large-text-shrink,
.large-text-shrink p, a.large-text-shrink,
.large-text-shrink a {
	font-size: 20px;
}
p.large-text-shrink,
.large-text-shrink p, a.large-text-shrink,
.large-text-shrink a {
	font-size: 20px;
}
}

@media (max-width: 767px) {
	p.large-text-shrink,
.large-text-shrink p, a.large-text-shrink,
.large-text-shrink a {
	font-size: 18px;
}
	p.large-text-shrink,
.large-text-shrink p, a.large-text-shrink,
.large-text-shrink a {
	font-size: 20px;
}
}




.main-nav {
	height: 74px;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1000 !important;
}

.mobile_nav {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}




/* Logo Size*/

.main-nav .et_pb_menu__logo {
	margin-right: 0px !important;
	width: 120px !important;
	height: 34px !important;
}

/* padding for logo */

.main-nav .et_pb_menu__logo-wrap {
	padding-left: 22px;
}

/* padding for menu items */

.main-nav .et_pb_menu__menu {
	padding-left: 22px;
	padding-right: 12px;
}

.main-nav .et_pb_menu__menu>nav>ul {
    width: 100%;
    justify-content: flex-end; /* Aligns menu items to the right */
    display: flex;
}

/* top-level nav bar*/

.main-nav .et_pb_menu_inner_container {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	z-index: 500 !important;
}

.main-nav ul.nav > li > ul.sub-menu {
    transform: translateY(2px);
}

/* remove top level padding of links */

.main-nav .et_pb_menu__menu>nav>ul>li>a {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

/* top-level links */

.main-nav nav>ul>li>a {
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
	transition: all .15s ease-in-out;
}

.main-nav a:hover{ 
	color: #ffffff !important;
}

/* removing default spacing */

.main-nav .et_pb_menu .et_pb_menu__menu>nav>ul>li:last-child {
	margin-right: -22px;
}

/* top-level links - hover */

.main-nav nav>ul>li>a:hover {
	opacity: 1;
	transition: all .15s ease-in-out;
	
}

/* Sub Menu Links */

.main-nav .et-menu li a {
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
}


.main-nav .et_pb_menu__menu,
.main-nav .et_pb_menu__menu>nav,
.main-nav .et_pb_menu__menu>nav>ul {
	width: 100%;
}


/* removes drop down bar */

.main-nav li ul {
	border-top: none;
}

/* sub menu padding */

.et_pb_menu .et-menu-nav>ul ul {
	padding-top: 0px;
	padding-bottom: 0px;
}

/* sub menu position */

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
	top: 57px !important;
}

/* Extend the Hover Area */

.main-nav .et_pb_menu__menu>nav>ul>li {
	position: relative;
}

/* Extend the Hover Area */

.main-nav .et_pb_menu__menu>nav>ul>li::after {
	content: '';
	position: absolute;
	bottom: -24px;
	/* Adjust to cover the gap */
	left: 0;
	right: 0;
	height: 24px;
	background: transparent;
	display: none;
}

/* Extend the Hover Area */

.main-nav .et_pb_menu__menu>nav>ul>li:hover::after {
	display: block;
}

/* Extend dropdown links full-width */

.main-nav .nav li li {
	padding: 0;
	min-width: 100%;
	background-color: #093784;
}

/* Extend dropdown links full-width */

.main-nav .nav li li a {
	min-width: 100%;
}

/* hover effect for submenu */

.main-nav .nav li li a:hover {
	background-color: #dfedfc !important;
	opacity: 1 !important;
	padding-left: 28px !important;
	color: #003784 !important;
}

/* Add rounded corners to the dropdown container */

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
	border-radius: 0 0 10px 10px !important;
}

/* Add rounded corners to the last dropdown item */

.main-nav ul.sub-menu li:last-child a {
	border-radius: 0 0 10px 10px !important;
}

/*==== Start Underline Fade ====*/

.main-nav nav>ul>li.core-m-item>a {
	position: relative;
}

.main-nav nav>ul>li.core-m-item>a::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 5px;
	height: 2px;
	width: 100%;
	background-color: #98c4f5;
	z-index: 2;
	opacity: 0;
	display: block;
	-webkit-transition: .1s;
	-o-transition: .1s;
	transition: .1s;
	-webkit-transition-timing-function: cubic-bezier(.58, .3, .005, 1);
	-o-transition-timing-function: cubic-bezier(.58, .3, .005, 1);
	transition-timing-function: cubic-bezier(.58, .3, .005, 1);
}

#menu-main-menu > li:nth-child(3) {
    border-right: solid 2px #093784;
    padding-right: 30px !important;
}

#menu-main-menu > li:nth-child(4) {
    padding-left: 30px !important;
}



.main-nav nav>ul>li.phone-top-level>a{
	font-weight: 600 !important;
	font-size: 16px !important;
	color: #98c4f5 !important;
	
}

.main-nav nav>ul>li.phone-top-level>a:hover{
	color: #ffffff !important;
}

.main-nav nav>ul>li.core-m-item>a:hover::before {
	opacity: 1;
}

/* Hide submenu by default, but allow transition */

.main-nav .et_pb_menu__menu>nav>ul>li>ul,
.main-nav ul.sub-menu {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0.4s cubic-bezier(.58, .3, .005, 1), opacity 0.3s ease !important;
	pointer-events: none;
}




/* Show submenu on hover with animation */

.main-nav .et_pb_menu__menu>nav>ul>li:hover>ul,
.main-nav ul.sub-menu:hover,
.main-nav ul.sub-menu:focus-within {
	max-height: 500px;
	/* Large enough for your submenu */
	opacity: 1;
	pointer-events: auto;
}

.main-nav .et_pb_menu__menu .contact-m-btn {
	 border: 2px solid #509BEE;
	background-color: #0047AB;
	border-radius: 50px;
	padding: 6px 22px 6px 22px!important;
	transition: background-color 0.3s, border-color 0.3s;
}

.main-nav .et_pb_menu__menu .contact-m-btn a {
	transition: color 0.3s;
	color: #ffffff !important;
	padding-left: 12px;
	padding-right: 12px;
	font-weight: 600 !important;
}

.main-nav .et_pb_menu__menu .contact-m-btn:hover {
	 border: 2px solid #1573da;
	 background-color: #1573da;
}

.main-nav .et_pb_menu__menu .contact-m-btn:hover a {
	color: #ffffff !important;
}




.phone-m-btn {
	text-decoration: none !important;
}


.phone-m-btn a {
	padding-left: 16px;
	padding-right: 16px;
	border-radius: 100px;
	transition: background 0.2s, color 0.2s;
	text-align: center;
	vertical-align: middle;
	margin-left: -14px !important;
	font-weight: 500 !important;
}






/* =============================================================================
	Mobile Navigation 
   ============================================================================= */

#mob-nav.et_pb_menu--style-left_aligned .et_pb_menu__logo {
	padding-left: 22px !important;
}

@media (max-width: 980px) {
	.menu-row {
		height: 60px;
		display: flex;
		align-items: center;
		position: relative;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
	}
}

/* mobile menu dropdown placement */

.et_mobile_menu {
	border-top: 0px !important;
	top: 47px !important;
}

/* 20250721 Change Menu Icon on Activation */

.mobile_nav.opened>.mobile_menu_bar:before {
	content: '\4d' !important;
}

#mob-nav .et_mobile_menu {
	border-radius: 0px !important;
}

/* - Mobile Dropdown Navigation - */

.et_pb_menu .et_mobile_nav_menu {
	margin: 0 20px !important;
}

.mobile_nav .mobile_menu_bar:before {
	color: #ffffff !important;
}

#mob-nav .et_pb_menu__logo {
	width: 120px;
	margin-top: -2px;
}

/* Mobile Dropdown Area */

#mob-nav .et_mobile_menu {
	background-color: #093784 !important;
	padding-left: 60px !important;
	top: 42px;
	padding-bottom: 40px;
	width: calc(100% + 20px) !important;
}

/* Mobile Small Section Title */

#mob-nav .mobile-section-title {
	display: flex !important;
	align-items: center !important;
	margin-left: -60px !important;
	padding-top: 20px;
	padding-bottom: 0px
}

/* Mobile Small Section Title LINE */

#mob-nav .mobile-section-title::before {
	content: '' !important;
	display: inline-block !important;
	width: 40px !important;
	height: 1px !important;
	background-color: #98c4f5!important;
	margin-right: 30px !important;
	vertical-align: middle !important;
}

/* Mobile Small Section Title Links */

#mob-nav .mobile-section-title>a {
	font-weight: 700 !important;
	color: #98c4f5 !important;
	padding-top: 0px !important;
	padding-bottom: 2px !important;
	pointer-events: none;
	cursor: not-allowed;
	/* Won't work with pointer-events: none */
	text-decoration: none !important;
	font-size: 12px !important;
	text-transform: uppercase !important;
	letter-spacing: 2px;
}

.et_mobile_menu li a:hover, .nav ul li a:hover{ 
background-color: transparent !important;
}

/* Mobile Links */

.mobile_nav .et_mobile_menu { 
border-top: 0px !important;

}

.mobile_nav .et_mobile_menu li a {

	border-bottom: 0px !important;
}



#mob-nav .et_mobile_menu li:hover{ 
border: none !important;
background-color: none !important;
}

#mob-nav .et_mobile_menu li a {
	padding-top: 3px;
	padding-bottom: 3px;
	color: #ffffff;
	padding-left: 0px !important;
	font-size: 20px;
	font-weight: 600;
}

#mob-nav .et_mobile_menu li a:hover {
	text-decoration: none !important;
	color: #ffffff!important;
	opacity: 1 !important;
	background-color: none !important;
}

/*remove the default blue border top on the mobile menu*/

.pa-fullscreen-menu .et_mobile_menu {
	border-top: 0px !important;
}

/* =============================================================================
	Utility Bar
   ============================================================================= */



@media (min-width: 980px) {
	.u-bar  .et_pb_menu__menu>nav>ul>li:last-child {
	margin-right: -22px; 	
}
}

.u-bar .et_pb_menu__menu>nav>ul>li>a:hover{ 
	color: #ffffff !important;
}

.u-bar {
	height: 40px;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1000 !important;
	background-color: #003784!important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

/* top-level nav bar*/

.u-bar .et_pb_menu_inner_container {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	z-index: 500 !important;
	padding-left: 28px;
}

@media (min-width: 981px) {
	.u-bar .et_pb_menu_inner_container {
		padding-left: 28px;
		padding-right: 38px;
	}
}

@media (max-width: 980px) {
	.u-bar .et_pb_menu_inner_container {
		padding-left: 22px;
		padding-right: 0px;
	}
}

.u-bar-deck-split .et_pb_menu__menu,
.u-bar-deck-split .et_pb_menu__menu>nav,
.u-bar-deck-split .et_pb_menu__menu>nav>ul {
	width: 100%;
}

/*push the nth menu item and any other items to the right of it to the right*/

.u-bar-deck-split .et_pb_menu__menu>nav>ul li:nth-child(3) {
	margin-left: auto;
}

/*this keeps the search and/or cart icons inline*/

.u-bar-deck-split .et_pb_menu__wrap,
.u-bar-deck-split .et_pb_menu__wrap .et-menu.nav {
	flex-wrap: nowrap !important;
}

.u-bar nav>ul>li>a {
	font-size: 12px;
	line-height: 12px !important;
	font-weight: 700;
	color: #fff;
	transition: all .15s ease-in-out;
	padding-top: 11px !important;
	padding-bottom: 5px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	opacity: 1 !important;
}

.u-bar nav>ul>li a:hover {
	opacity: 1 !important;
}

.u-bar nav>ul>li:not(:first-child)>a:hover {
	text-decoration: underline;
}

.loc-spc-btn {
	text-decoration: none !important;
}

.loc-spc-btn>a:before {
	  content: '';
    display: inline-block;
    width: 17px;  /* match your icon size */
    height: 17px;
    background-image: url('http://ercointeriors.com/wp-content/uploads/2025/09/ui-location-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 6px;
    margin-left: -4px;
	margin-bottom: 3px;
    transition: all .3s ease;
}

.loc-spc-btn a {
	padding-left: 16px;
	padding-right: 16px;
	border-radius: 100px;
	transition: background 0.2s, color 0.2s;
	text-align: center;
	vertical-align: middle;
	margin-left: -14px !important;
	opacity: .8 !important;
}

.loc-spc-btn a:hover {
	background-color: #0047AB!important;
	transition: background 0.2s, color 0.2s;
	text-align: center;
	color: #ffffff !important;
}

#menu-utility-bar-mobile .loc-spc-btn a:hover {
	background-color: transparent !important;
}


.sup-spc-icon a{
	text-decoration: none !important;
	opacity: .8 !important;
}

.sup-spc-icon a:before {
    content: '';
    display: inline-block;
    width: 17px;  /* match your icon size */
    height: 17px;
    background-image: url('http://ercointeriors.com/wp-content/uploads/2025/09/ui-support-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 8px;
    margin-left: -4px;
    transition: all .3s ease;
}

.sup-spc-icon a {
	padding-left: 16px;
	padding-right: 16px;
	border-radius: 100px;
	transition: background 0.2s, color 0.2s;
	text-align: center;
	vertical-align: middle;
	margin-left: -14px !important;
}

.sup-spc-icon a:hover {
	background-color: #0047AB!important;
	transition: background 0.2s, color 0.2s;
	text-align: center;
	color: #ffffff !important;
}








.u-bar .et_pb_menu__menu>nav>ul>li {
	margin-top: 0px !important;
}

.u-bar-mob {}

.u-bar-mob .et_pb_menu__menu,
.u-bar-mob .et_pb_menu__menu>nav,
.u-bar-mob .et_pb_menu__menu>nav>ul {
	width: 100%;
}

/*push the nth menu item and any other items to the right of it to the right*/

.u-bar-mob .et_pb_menu__menu>nav>ul li:nth-child(2) {
	margin-left: auto;
}

/*this keeps the search and/or cart icons inline*/

.u-bar-mob .et_pb_menu__wrap,
.u-bar-mob .et_pb_menu__wrap .et-menu.nav {
	flex-wrap: nowrap !important;
}

@media (max-width: 980px) {
	.u-bar .et_pb_menu__menu {
		display: flex!important;
	}
	.u-bar .et_mobile_nav_menu {
		display: none!important;
	}
}


.mobile-number-style a{ 
font-size: 14px !important;
font-weight: 600 !important;
}


/* =============================================================================
   New Footer
   ============================================================================= */
.footer-max-content {
  width: max-content !important;   
  margin-inline: auto !important;  
  text-align: left !important;
  padding-left: 26px !important;
  padding-right: 26px !important;
}

.foot-cat{ 
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-weight: 700 !important;
  margin-top: 16px !important;
  margin-bottom: 10px !important;
  color: #0047AB !important;
}

.foot-cat:first-child{ 
  margin-top: 0px !important;	
}

.foot-links-container{ 
  font-size: 16px !important;
}

.foot-links-container ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.foot-links-container ul li {
  margin-bottom: 8px !important;
}

.foot-links-container ul li:last-child {
  margin-bottom: 0 !important;
}

.foot-links-container ul li a {
  text-decoration: none !important;
  color: #39393D !important;
}

.foot-links-container ul li a:hover {
  text-decoration: none !important;
  color: #2C87EB !important;
}

.footer-block {
  display: inline-block !important;
  vertical-align: top !important;
  width: max-content !important;
  margin-right: 7% !important;
}

.footer-block:last-child {
  margin-right: 0% !important;
}

.foot-location{
  margin-bottom: 20px !important;
}

.foot-location:last-child {
  margin-bottom: 0 !important;
}

.foot-loc-title{ 
font-size: 16px !important;
font-weight: 600 !important;
color: #0047AB !important;
margin-bottom: 4px !important;
}



.foot-loc-details a{ 
font-size: 16px;
line-height: 1.4;
color: #39393D !important;
}

.foot-loc-details a:hover{ 
color: #2C87EB !important;
}

.foot-loc-details br{ 
display: none !important;
}

.address-line {
    display: block !important;
}


.foot-space .et_pb_column{ 
padding-top: 60px;
padding-bottom: 60px;
}

@media all and (min-width: 768px) and (max-width: 980px) {
.foot-space .et_pb_column{ 
padding-top: 40px;
padding-bottom: 40px;
}
}

@media all and (max-width: 767px) {
.foot-space .et_pb_column{ 
padding-top: 20px;
padding-bottom: 20px;
}		
}


.disclaimer-note { 
font-size: 14px !important;
line-height: 18px !important;
color: #7F7F7F !important;	
}

.disclaimer-note p { 
font-size: 14px !important;
line-height: 18px !important;
color: #7F7F7F !important;	
}

.socket-style{ 
font-size: 14px !important;
}

.socket-style .et_pb_social_media_follow li a{ 
margin-right: 3px !important;
color: #7F7F7F !important;
}

.socket-style a{ 
color: #7F7F7F !important;
}

.socket-style .et_pb_social_media_follow li{ 
margin-bottom: 0px !important;
}

.toggle-ft.et_pb_toggle_close{ 
background-color: #ffffff;
}

.toggle-ft .et_pb_toggle_title {
	 font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-weight: 700 !important;
  color: #0047AB !important;
}

.toggle-ft a {
	margin-left: 30px !important;
	line-height: 30px !important;
	font-size: 16px!important;
	font-weight: 500!important;
	color: #39393D !important;
}

.toggle-ft a:hover {
	color: #2C87EB!important;
}



/* =============================================================================
   Layout Widths
   ============================================================================= */

/* Centered max-width containers */

.xl-width {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.l-width {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

.m-width {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

.s-width {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}


/* ===========================
  Reduced Font Set 
=========================== */  

 .full-cover-image img {
        width: 100%;
        object-fit: cover;
    }





p.subtitle{ 
font-size: 21px !important;
line-height: 1.4 !important;
}


@media (max-width: 980px) and (min-width: 768px) {
p.subtitle{ 
font-size: 20px !important;
line-height: 1.4 !important;
}		
}

@media (max-width: 767px) {
p.subtitle{ 
font-size: 18px !important;
line-height: 1.4 !important;
}			
}


.overline{ 
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1;
font-weight: 700;
}

@media (max-width: 767px) {
.overline{ 
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1;
font-weight: 700;
}	
}

/* ===========================
  contact forms
=========================== */
.wpcf7-not-valid-tip{ 
color: 
#ffffff !important;
}
.wpcf7-not-valid-tip{ 
max-width: 80% !important;
    font-size: 16px !important;
}