/******************************************************************** 
							version 6.9
********************************************************************/

:root {
	--color-orange: #e06b26;
	--color-black: #000000;
	--color-gray: #aaaaaa;

}



a {
	color: var(--color-orange);
	text-decoration: none;
	transition: all .25s ease-in-out;
	font-weight: 500;
}




a:hover {
	color: #ffffff;
	/*text-decoration: none;*/
}



/*mobile*/
p{
	color: var(--color-black);
	font-size: 18px;
	font-family: "Figtree",sans-serif;
	font-weight: 500;
	line-height: 1.4;

	margin-block-end: auto;
}

strong{
	font-weight: 600;
}

.heavy{
	font-weight: 700;
}

em{
	font-size: 17px;
}


h1{
	color: var(--color-orange);
	font-size: 35px;
	font-family: "Inter",sans-serif;
	font-weight: 1000;
	line-height: 1.0;
	letter-spacing: 1px;
	padding-bottom: 10px;
	margin-block-end: auto;
	
}


/*mobile*/
h2{
	color: var(--color-orange);
	font-size: 35px;
	font-family: "Inter",sans-serif;
	font-weight: 1000;
	line-height: 1.0;
	letter-spacing: 1px;

/*	padding-bottom: 20px;*/
	padding-bottom: 10px;

	margin-block-end: auto;
	
}



h3{
	color: #000000;
	font-size: 20px;
	font-family: "Figtree",sans-serif;
	font-weight: 600;
	/*letter-spacing: 3px;*/

	letter-spacing: 0px;
	padding-bottom: 10px;
/*	text-transform: uppercase;*/
	/*line-height: 1.5;*/
	/*text-decoration: underline;*/
	/*border-bottom: 1px solid black;*/

	margin-block-end: auto;
}




h4{
	color: #df0a13;
	font-size: 24px;
	font-family: "Inter",sans-serif;
	font-weight: 800;
	/*letter-spacing: 1px;*/
	line-height: 1.1;
	margin-block-end: auto;
	color: black;
}


h5{
/* 	color: #7eb2b1; */
	font-size: 26px;
	font-family: "Inter",sans-serif;
	font-weight: 900;
	/*line-height: 1.5;*/
	margin-block-end: auto;
	color: #e06b26;
}



h6{
	font-family: "Sen",sans-serif;
	font-weight: 600;
}


li{
	font-family: "Poppins",sans-serif;
	font-size: 16px;
	margin-block: 10px;
}




blockquote {
	color: red;
	margin-top: 25px;
	margin-bottom: 25px;
 	padding-left: 5%;
 	padding-right: 8%;
}



blockquote p{
/* 	color: #0a6eff; */
	font-weight: 600;
}



/******************************************************************************
							PARTS 
******************************************************************************/



/*border: 6px solid red;*/



/******************************************************************************
							BUTTON ALIGNMENT
******************************************************************************/


.button_align_left{
	display: flex;
/*	text-align: center;*/
}


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


.button_align_right{
	display: flex;
	align-items: right;
	justify-content: right;
}



/******************************************************************************
							BUTTON IN LINE
******************************************************************************/


.btn-flex-container {
    display: flex;
    flex-wrap: wrap;   /* Allows buttons to stack on mobile */
    gap: 15px;         /* Creates uniform space between buttons */
    margin-bottom: 20px;
}



/******************************************************************************
							BUTTON PRIMARY
******************************************************************************/



/*universal settings for the primary button*/

.btn-primary, input[type=submit] {

/*	over ride defult display of inline*/
	display: block;

	color: white;

	cursor: pointer;
	/*background-color: #083c86;*/

	background-color: #e06b26;

	/*	background-color: transparent;*/
	padding: 3px 0px 1px 0px;

	/*padding: 0px;*/

	border-radius:30px;

	/*border:2px solid #f24814;*/

	/*border:2px solid #df0a13;*/

	font-family: 'Figtree';
	font-size: 19px;

	letter-spacing: .5px;
	text-align: center;
	text-transform: uppercase;

	line-height: 30px;
	font-weight: 700;
	position: relative;
	/*display: block;*/
	width: 220px;
	height: 36px;

	user-select:none;

	will-change: transform;
	
	transition: all 0.3s ease-in-out;

}



.btn-primary:hover, input[type=submit]:hover {

	color: #e06b26;
	letter-spacing: 2px;
	text-decoration: none;
	background-color: transparent;
/*	background-color: #efedde;*/
/* 	border:2px solid #ef07de; */

}


.btn-primary:active, input[type=submit]:active{
	text-decoration: none;
	
	background-color: black;
	/*background-color: transparent;*/
	/*border : 2px solid #61d3ff;*/
	/*background-color: white;*/
	/*color: #61d3ff;*/
}


.btn-primary.centered {
	margin: 0 auto;
}



.btn-primary:focus, input[type=submit]:focus{
    outline: none;
}


/* Safari-only: no letterspace transition ani */
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  
	.btn-primary{ 
/* 		opacity: .2; */
		transition: none; 
		transition: background-color 0.5s ease-in-out;
	}    
	
}




/******************************************************************************
							Button Secondary 
******************************************************************************/



.btn-secondary {
	display: block;

	color: white;
	background-color: transparent;
	padding: 1px 0px 1px 0px;

	padding: 0px;

	border-radius:30px;

	/*border:2px solid #f24814;*/

	border:2px solid #ffffff;

	font-family: 'Sen';
	font-size: 20px;

	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	position: relative;
	/*display: block;*/
	width: 180px;
	height: 36px;

	user-select:none;
	transition: all .25s ease-in-out;

}



.btn-secondary:hover {

/*	color: #92b7b6;*/
/*	text-decoration: none;*/
/*	background-color: transparent;*/
/*	border : 2px solid #92b7b6;*/

/*	background-color: rgba(255,255,255,.3);*/

	background-color: black;

	letter-spacing: 2px;
	
}

.btn-secondary:active {
	text-decoration: none;
	/*background-color: transparent;*/
	/*border : 2px solid #61d3ff;*/
	/*background-color: white;*/
	/*color: #61d3ff;*/
}


.btn-secondary.centered {
	margin: 0 auto;
}



.btn-secondary:focus{
    outline: none;
}




/******************************************************************************
							Button Tertiary 
******************************************************************************/



.btn-tertiary {

/*	display: block;*/

/*	to center button*/
	display: inline;

	color: #df0a13;
	background-color: transparent;

	padding: 6px 11px 6px 11px;
	border-radius:30px;
	border:2px solid #df0a13;

/*	border:2px solid #ffffff;*/

	font-family: 'Sen';
/*	font-size: 20px;*/

	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 30px;
	font-weight: 600;
	position: relative;
	/*display: block;*/
	width: 140px;
	height: 32px;

	user-select:none;
	
	transition: all .25s ease-in-out;

}



.btn-tertiary:hover {

/*	background-color: transparent;*/
/*	border : 2px solid #92b7b6;*/

/*	background-color: rgba(255,255,255,.3);*/

/*	background-color: black;*/

	color: white;
	background-color: #df0a13;

/*	letter-spacing: 2px;*/
	
}

.btn-tertiary:active {
	text-decoration: none;
	/*background-color: transparent;*/
	/*border : 2px solid #61d3ff;*/
	/*background-color: white;*/
	/*color: #61d3ff;*/
}


.btn-tertiary.centered {
	margin: 0 auto;
}


.btn-tertiary:focus{
    outline: none;
}


button {
/* 	transition: all .25s ease-in-out; */
}


/******************************************************************************
							Button Small - BLOG 
******************************************************************************/



.btn-small{

	color: white;
	background-color: #df0a13;
/*	top right bottom left*/
	padding: 4px 12px 4px 12px;

	border-radius: 25px;
	border:2px solid #df0a13;

	font-size: 15px;

/*	line-height: 30px;*/
	font-weight: 600;

/*	position: relative;*/
/*	display: block;*/

	margin-bottom: 16px;
	user-select:none;
	transition: all .45s ease-in-out;
}



.btn-small:hover{

	letter-spacing: 2px;
	border:2px solid black;
	background-color: black;
	color: white;
}




/******************************************************************************
							Carousel 
******************************************************************************/



/*
	REPLACES the old Carousel block in layout-detail.css (approx line 509).
	The old block styled .carousel-fade, which this carousel no longer uses.
	Delete it or this will fight for control of the transition timing.
 
	STRUCTURE
	.carousel_wrapper                 full width, clips the off screen slides
	  #carouselMachine                660 wide, centered, the stage
	    .carousel-inner               400 tall, overflow visible
	      .carousel-item              absolutely positioned, ALL of them
	        .carousel_frame_style     the visible box, blur + shadow live here
	          .carousel_img_style     the image
 
	Position classes are added by the JS in step 3:
	carousel_pos_center / carousel_pos_prev / carousel_pos_next / carousel_pos_hide
*/
 
 
/*
	EDIT THESE - everything below is driven off these seven values.
	Nothing else should need touching for normal adjustments.
*/
 
.carousel_wrapper{
 
	--carousel-frame-width: 660px;
	--carousel-frame-height: 400px;
 
	/* how far the side images sit from center. bigger = further apart */
	--carousel-peek-offset: 520px;
 
	/* how much the side images shrink. 1 = same size as center */
	--carousel-peek-scale: 0.8;
 
	/* how soft the side images are */
	--carousel-peek-blur: 4px;
 
	/* how dim the side images are. 1 = full brightness */
	--carousel-peek-fade: 0.85;
 
	/* how long a slide takes to travel */
	--carousel-speed: 0.6s;
 
}
 
 
/******************************************************************************
							Carousel - stage 
******************************************************************************/
 
 
.carousel_wrapper{
 
	position: relative;
	width: 100%;
 
	/* clips the hidden slides so they cannot cause sideways page scroll */
	overflow: hidden;

	padding-top: 20px;
	padding-bottom: 30px;

}
 
 
#carouselMachine{
 
	position: relative;
 
	width: var(--carousel-frame-width);
	max-width: 100%;
 
	margin-left: auto;
	margin-right: auto;
}
 
 
/*
	Bootstrap sets overflow hidden here, which would clip the side images.
	The ID gives us the specificity to override it without !important.
*/
#carouselMachine .carousel-inner{
 
	position: relative;
 
	height: var(--carousel-frame-height);
	overflow: visible;
}
 
 
/******************************************************************************
							Carousel - slides 
******************************************************************************/
 
 
/*
	Bootstrap hides every item except the active one.
	We show all of them and control visibility through the position classes.
*/
#carouselMachine .carousel-item{
 
	display: block;
 
	position: absolute;
	top: 0px;
	left: 50%;
 
	width: var(--carousel-frame-width);
	height: var(--carousel-frame-height);
 
	/* starting point. the position classes move it from here */
	transform: translateX(-50%);
 
	transition-property: transform, opacity;
	transition-duration: var(--carousel-speed);
	transition-timing-function: ease-in-out;
}
 
 
.carousel_frame_style{
 
	position: relative;
 
	width: 100%;
	height: 100%;
 
	overflow: hidden;
 
	transition-property: filter, box-shadow;
	transition-duration: var(--carousel-speed);
	transition-timing-function: ease-in-out;
}
 
 
.carousel_img_style{
 
	display: block;
 
	width: 100%;
	height: 100%;
 
 	user-select: none;
	-webkit-user-drag: none;

	/* crops to the frame rather than squashing. images need not be pre sized */
	object-fit: cover;
	object-position: center center;
}
 
 
 .carousel-caption{
 	background-color: white;
 	padding-top: 4px;
 	padding-bottom: 4px;
 	right: 18%;
 	left: 18%;
 }


/******************************************************************************
							Carousel - positions 
******************************************************************************/
 
 
/* CENTER - in focus, on top, sharp */
 
#carouselMachine .carousel_pos_center{
 
	transform: translateX(-50%) scale(1);
 
	opacity: 1;
	z-index: 3;
}
 
.carousel_pos_center .carousel_frame_style{
 
	filter: blur(0px) brightness(1);
	box-shadow: 8px 6px 20px rgba(0, 0, 0, 0.65);
}
 
 
/* LEFT NEIGHBOR */
 
#carouselMachine .carousel_pos_prev{
 
	transform: translateX(calc(-50% - var(--carousel-peek-offset))) scale(var(--carousel-peek-scale));
 
	opacity: 1;
	z-index: 2;
}
 
.carousel_pos_prev .carousel_frame_style{
 
	filter: blur(var(--carousel-peek-blur)) brightness(var(--carousel-peek-fade));
	box-shadow: none;
}
 
 
/* RIGHT NEIGHBOR */
 
#carouselMachine .carousel_pos_next{
 
	transform: translateX(calc(-50% + var(--carousel-peek-offset))) scale(var(--carousel-peek-scale));
 
	opacity: 1;
	z-index: 2;
}
 
.carousel_pos_next .carousel_frame_style{
 
	filter: blur(var(--carousel-peek-blur)) brightness(var(--carousel-peek-fade));
	box-shadow: none;
}
 
 
/*
	PARKED - every slide that is not center or a neighbor.
	Sits twice the offset out and invisible, so when it becomes a neighbor
	it travels inward instead of popping into existence.
	Kept on the LEFT by default; the JS flips it right for slides ahead
	of the active one by adding carousel_pos_hide_right.
*/
 
#carouselMachine .carousel_pos_hide{
 
	transform: translateX(calc(-50% - (var(--carousel-peek-offset) * 2))) scale(var(--carousel-peek-scale));
 
	opacity: 0;
	z-index: 1;
}
 
#carouselMachine .carousel_pos_hide_right{
 
	transform: translateX(calc(-50% + (var(--carousel-peek-offset) * 2))) scale(var(--carousel-peek-scale));
}
 
.carousel_pos_hide .carousel_frame_style{
 
	filter: blur(var(--carousel-peek-blur)) brightness(var(--carousel-peek-fade));
	box-shadow: none;
}
 
 
/*
	FALLBACK - under 3 slides there is nothing to put on either side,
	so the neighbors are suppressed and it runs as a single image carousel.
*/
 
.carousel_peek_off .carousel_pos_prev,
.carousel_peek_off .carousel_pos_next{
 
	opacity: 0;
}
 
 
/******************************************************************************
							Carousel - arrows 
******************************************************************************/
 
 
.carousel_arrow_style{
 
	width: 60px;
	opacity: 0.85;

	width: 70px;
	opacity: 1.0;
 
	/* above the center frame so the arrows stay clickable */
	z-index: 4;
 
	transition: all .25s ease-in-out;
}
 
.carousel_arrow_style:hover{
 
	opacity: 1;
}
 



@media (max-width: 767px) {
 
	.carousel_wrapper{
 
		--carousel-frame-width: 92vw;
		--carousel-frame-height: 56vw;
	}
 
	/* no room for neighbors at this size */
	.carousel_pos_prev,
	.carousel_pos_next{
 
		opacity: 0;
	}
 
}




/******************************************************************************
							Main Menu 
******************************************************************************/


/* can be modified in responsive, not show at small size */
.logodiv{
	height: 80px;
	padding-left: 1%;
/*	padding-top: 15px;*/
	z-index: 2;
	margin-bottom: 5px;
}


.menudiv{
	padding-top: 28px;
	text-align: right;
}


.logostyle{
	height: 100%;
/*	width: 100%;*/
/*	width: 70%;*/
/*	cursor:pointer;*/


}


.logodiv a:hover{
/* 	opacity: .5; */
/* 	filter: saturate(0%); */
	/*filter: drop-shadow(3px 3px 16px rgba(0,0,0,0.5));*/
	
/* 	 filter: drop-shadow(5px 5px 0 red) hue-rotate(180deg) drop-shadow(5px 5px 0 red); */
/* 	filter: hue-rotate(180deg); */

}

.logodiv a img:hover{
/* 	opacity: .5; */
/* 	filter: saturate(0%); */
}



#WPnavigation{
	background-color: #000000;
}


/*to center menu items when horizontal*/
.menu-wpmenu-container{

	text-align: center;
/*	display: flex;*/
/*	justify-content: center;*/
	padding-top: 5px;
}

.menu-wpmenu-container ul {
	margin: 0;
	padding: 0; 
/*	display: flex;*/
	list-style: none;
	list-style-type: none;
	list-style-image: none;

}


/*space between individual items in horizontal list, can be mod in responsive*/
.menu-wpmenu-container li {

	display: inline; 
/*	display: inline-block;*/
	padding-bottom: 5px;
	padding-top: 15px;
	padding-right: 2%;

}


.menu-wpmenu-container a {

	font-family: "Figtree";
	font-size: 19px;
	font-weight: 600;
	text-decoration:none; 
	text-transform: uppercase;
	color: #ffffff;

}

.menu-wpmenu-container a:hover{
	color: #e06b26;
	letter-spacing: 2px;
	/*margin-right: -8px;*/
}


.menu-wpmenu-container li a:active {
/*	color: red;*/
}

.current-menu-item{
}

.current-menu-item a{
}

/*space between individual items in horizontal list   380*/
.menu-wpmenu-container li {
}

.menu-wpmenu-container a {
}


/*special - makes pill shape around menu item*/
.menu-item-226 a{

	padding: 5px 12px 5px 12px;
	border: 2px solid #df0a13;
	border-radius: 20px;
}




/******************************************************************************
							Notification  
******************************************************************************/

.notification{
	background-color: #333333;
	text-align: center;
	margin-top: 50px;
	
}

.notification a{
	color: white;
	font-family: 'Poppins';
	font-size: 14px;
	line-height: 23px;
/*	font-weight: 600;*/
/*	position: relative;*/
/*	display: block;*/
/*	width: 150px;*/
/*	margin-top: 40px;*/
	user-select:none;

}


.notification a:hover {

	text-decoration: none;
/*	background-color: transparent;*/
/*	border : 2px solid #92b7b6;*/
	/*background-color: white;*/
	
	color: #df0a13;
}



/******************************************************************************
							Additional Mods 
******************************************************************************/


/*	mobile menu area to left and right of button in menu, shown after mouse click*/

	.mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover  {
		/*		background-color: unset !important;*/

    	background-color: #e06b26 !important;

	}





/******************************************************************************
							BUTTON LAYOUT
******************************************************************************/


.button_sect_styleA{

/* 	margin-top: 50px; */
/* 	margin-bottom: 50px; */

}

.button_sect_styleA a{
	margin-left: 20px;
	margin-right: 20px;
}

#button_layout .button_wrapper{
	padding-top: 10px;
	padding-bottom: 22px;
}


.button_sect_styleA{
	
}




/******************************************************************************
							MULTI COLUMN  
******************************************************************************/



/*     -------  SECTION CLASSES  -------       */

/*multi column whole module class*/
.multi_col_mod_class_center{
	text-align: center;
}


/*multi column, column class*/
.multi_col_col_class_center{
	text-align: center;
}

.multi_col_col_class_center a{
	margin: auto;
}


/* used for 50 50 general with img on left text on right. */
.multi_col_sect_optionA p{
	font-size: 16px;
	margin-bottom: 20px;
	
}


.multi_col_sect_optionA h3{
	font-size: 23px;
	color: black;
	margin-bottom: 20px;
}

.multi_col_sect_optionA .multi_col_id0{
	margin-bottom: 20px;
}


.multi_col_sect_optionA .multi_col_id1{
	
	display: flex;
	align-items: center;
	justify-content: center;
}


.multi_col_sect_optionB .multi-col-inner{
	background-color: rgba(255, 255, 255, 0.5);
	
	border-radius: 10px;
	height: 100%;
	
	/*  "Frost" effect - Blurs everything behind this element */
    backdrop-filter: blur(2px) brightness(110%);
    -webkit-backdrop-filter: blur(2px); 
    
    /*  border to define the edges */
    border: 1px solid rgba(255, 255, 255, 0.2);
	
}


.multi_col_sect_optionB p{

	color: black;
	padding-left: 5%;
	padding-right: 6%;
	font-size: 15px;
	line-height: 1.3;
/*	margin-bottom: 10px;*/

/*	adds space to bottom of column, adjust*/
/* 	padding-bottom: 10px; */
	margin-bottom: 30px;
}


.multi_col_sect_optionB h4{

	padding-top: 5%;
	padding-left: 5%;
	padding-right: 6%;
	
	font-weight: 800;
	font-size: 23px;
	padding-bottom: 8px;
}


.multi_col_sect_optionB .btn-secondary {
	color: #DF0A13;
	color: white;
	background-color: #DF0A13;
	border: 2px solid #DF0A13;
	text-align: center;
	
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	
	margin-bottom: 22px;
}






.multi_col_sect_optionC p{
	font-size: 16px;
	line-height: 1.6em;
	padding-bottom: 8px;
}


.multi_col_sect_optionC h2{
	font-size: 22px;
	color: black;
	font-weight: 500;
	letter-spacing: 1px;
	padding-top: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}


.multi_col_sect_optionC h4{
	font-size: 20px;
	margin-bottom: 25px;
	font-weight: 600;
	color: black;
	padding-left: 6px;
	padding-top: 10px;
}




.multi_col_sect_optionD .multi_col_id1{
}

.multi_col_sect_optionD .multi_col_id2{
}






/*     -------  WRAPPER CLASSES  -------       */


.multi_col_wrap_optionA{
}


.multi_col_wrap_optionB{
}


/*           TEXT ONLY CLASSES            */


.multi_col_text_small p{

}


/*used for the about 2026*/
.multi_col_text_optionA h5{
	margin-top: 7px;
	padding-left: 5px;
	font-weight: 600;
	color: white;
	font-size: 21px;
	background-color: #d10a13;
	width: 70%;
}



.multi_col_text_optionA h6{
	color: black;
	margin-top: 4px;
	font-size: 17px;
	font-weight: 900;
}

/*used for linked in*/
.multi_col_text_optionA a{

	color: black;
	font-size: 22px;
}


.multi_col_text_optionA p{
	color: black;
	padding-right: 4px;
	font-size: 16px;
	margin-bottom: 50px;
}



.multi_col_text_optionB .btn-secondary{

/* 	fix button center bug */
	display: inline-block !important;
}

.multi_col_text_optionB a:hover{
	color: #df0a13;
}



.multi-col-home-style img{
	/*filter: saturate(0);*/
}

.multi-col-home-style img:hover{
	/*filter: saturate(1);*/
}

.multi-col-home-style .btn-tertiary a:hover{
	/*opacity: .2;*/
}

body:has(.multi_col_id0:hover) .multi_col_id0 img {
  filter: saturate(1);
}

body:has(.multi_col_id1:hover) .multi_col_id1 img {
  filter: saturate(1);
}

body:has(.multi_col_id2:hover) .multi_col_id2 img {
  filter: saturate(1);
}





/*centers button at bottom of div*/

.multi_col_center_btn_bottom{

	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);


}


.multi_col_img_max img{
	/*max-width: 150px; !important*/
}

/******************************************************************************
							BLOG EXCERPT 
******************************************************************************/



/*     -------  WRAPPER CLASSES  -------       */

/*Center content for use with Container*/
.blog_excerpt_wrap_center_content_container{
	justify-content: center;
}


/*center button in two columm*/
.blog_excerpt_wrap_center_content_container a{
	left:50%;
	transform: translateX(-50%);
}


/*Center content for use with Fluid*/
.blog_excerpt_wrap_center_content_fluid{
	text-align: center;
}


/*     -------  SECTION CLASSES  -------       */
.blog_excerpt_sect_optionA p{
	font-size: 15px;

}

.blog_excerpt_sect_optionA h4{
	font-size: 20px;
	font-weight: 600;
}


.blog_excerpt_sect_optionA h4 a{
	font-size: 20px;
	font-weight: 600;
}

.blog_excerpt_sect_optionA h4 a:hover{
	color: black;
}

.blog_excerpt_sect_optionA img{
	max-width: 45%;
/* 	padding-right: 20px; */
	filter: drop-shadow(5px 5px 8px rgba(0, 0, 0, 0.7));
	transition: all .45s ease-in-out;
}




.blog_excerpt_sect_optionA img:hover{
	filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.7));
/* 	transform: translate(3px, 3px); */
}


/* removes left from global center */
.blog_excerpt_sect_optionA a{
	left: auto;
}

.blog_excerpt_sect_optionB{
	
}


/******************************************************************************
							ONE COLUMN 
******************************************************************************/


/*  Section > Container > Option (Element) */
/*     -------  SECTION CLASSES  -------       */


.one_col_sect_styleA {
}

/* used for Low Friction Pilot */
.one_col_sect_styleA .one_col_ele_thinpadding{
	border-radius: 26px;
}


.one_col_sect_styleA h2{
	color: black;
	font-size: 31px;
	letter-spacing: -.3px;
}

.one_col_sect_styleA p{
/* 	color: black; */
/* 	font-size: 34px; */
}


.one_col_sect_styleA img {
/* 	max-width: 100%; */
}

.one_col_sect_styleA h6{
	margin-bottom: 7px;
}



.one_col_sect_styleB {
/* 	text-align: center; */
}

.one_col_sect_styleB h1{
	color: #df0a13;
	font-size: 36px;
	margin-bottom: 10px;
}

.one_col_sect_styleB p{
	color: white;
	font-size: 17px;
	margin-bottom: 10px;
}

.one_col_sect_styleC h1{
	color: #df0a13;
	font-size: 30px;
	margin-bottom: 10px;
}

.one_col_sect_styleC p{
	font-size: 17px;
	margin-bottom: 10px;
}


/* used for privacy policy, legal, terms zero out other settings*/

.text_page{
	font-size: 16px;
	margin-bottom: 6px;
	color: black;
}


.text_page p{
	font-size: 16px;
	margin-bottom: 6px;
}

.text_page ul{
	font-size: 16px;
	margin-bottom: 10px;
	/*color: red;*/
}

.text_page li{
	font-size: 16px;
	margin-bottom: 6px;
	/*color: blue;*/
}



/*  CONTAINER classes    */


.one_col_contain_styleA{
	
}

.one_col_contain_styleB{
	
}



/*  OPTION (element) classes INSIDE setting.     */


/*centers text on a background and IMG (needs height: 100%;) */
.one_col_ele_center{
	display: flex;
	justify-content: center;
	align-items: center;
}


.one_col_ele_center_margin{
	margin-left: auto;
	margin-right: auto;
/* 	experimental */
	padding-left: 1%;
	padding-right: 1%;
}



.one_col_optionA{

}

.one_col_optionA p{
	padding-left: 2%;
	padding-right: 2%;
}


.one_col_optionA h2{
	padding-bottom:10px;
	font-size: 27px;
}



.one_col_optionB h1{
	font-weight: 700;
	color: #df0a13;
	font-size: 36px;
}

/* used for thin white line breakout box */
.one_col_optionB > div {
  border: 2px solid white;
  padding: 34px;
}


/* used for thin white line breakout box */
.one_col_optionB h2{

	color: #000000;
	font-weight: 800;
	font-size: 30px;
}


.one_col_optionB p{
/*	font-size: 18px;*/
	color: #000000;
}


.one_col_optionB h2 {
  background: linear-gradient(to right, #df0a13, #000000, #df0a13, #000000, #df0a13, #000000);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  
  background-size: 400% 100%;
  background-position: 0% 0%;
  animation: gradientToBlack 10s ease-in-out 3s 3 alternate;
}

@keyframes gradientToBlack {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}



/*text on a background has this class*/
.one_column_text_on_bkgnd{
	max-width: 85%;
}


.one_col_optionC{

	padding-left: 5%;
	padding-top: 40px;
	/*max-width: 80%;*/
/* 	font-weight: 700; */
	/*font-size: 33px;*/
	/*margin-bottom: 20px;*/


	background-position: left; !important

}



.one_col_optionC h1{

/* 	font-weight: 700; */
	/*font-size: 33px;*/
	/*margin-bottom: 20px;*/
}

.one_col_optionC p{

	color: white;
	font-size: 17px;
	line-height: 1.4;
	margin-bottom: 13px;
}

.one_col_optionC h2{
	/*color: black;*/
	/*font-size: 21px;*/
	/*font-weight: 700;*/
	/*line-height: 1.4;*/
	/*margin-top: 34px;*/
/* 	margin-bottom: 4px; */
}

.one_col_optionC h3{

	font-size: 21px;
	letter-spacing: 2px;
	margin-bottom: 10px;
	color: white;

}



/* italic style */
.one_col_optionC em{
}



.one_col_optionD {
	/*padding-left: 6%;*/
	/*padding-top: 40px;*/
	/*padding-bottom: 40px;*/
	/*padding-right: 6%;*/
}


.one_col_optionD p{
}


.one_col_optionE p{
}


.one_col_optionE {
}



.one_col_optionG{
	max-width: 180px;
}


/*Standard padding element settings*/
.one_col_ele_padding{
	
	padding-top: 40px;
	padding-bottom:40px;
	padding-left: 6%;
	padding-right: 6%;

}



.one_col_ele_thinpadding{
	
	padding-top: 28px;
	padding-bottom:8px;
	padding-left: 5%;
	padding-right: 5%;

}






/******************************************************************************
							FULL BLEED IMAGE 
******************************************************************************/



/*     -------  TEXT OVERLAY STYLE  -------       */

/*red overlay on mobile*/
.fb_specialA{
}

.fb_specialB{
}


.fb_special_red_A{
	background-color: #d10a13; 
	mix-blend-mode: multiply; 
/* 	margin-top: 2%; */
	margin-bottom: 2%;
	transition: all 1.4s ease-out .5s;
		
}
	
.fb_special_red_B{
	background-color: #d10a13; 
	mix-blend-mode: multiply; 
/* 	margin-top: 2%; */
	margin-bottom: 2%;
	transition: all 1.4s ease-out .5s;
		
}



.fb_text_optionA{

	/*opacity: .2;*/
	filter: drop-shadow(4px 6px 4px rgba(0, 0, 0, 0.4));
}




/*     -------  SECTION CLASSES  -------       */


.fb_sect_option_A {
	margin-left: 3%;
	margin-right: 3%;
}


/* solid red header image not photo */
.fb_sect_option_B h1{
	color: white;
	font-size: 34px;
	margin-bottom: 10px;
}

.fb_sect_option_B p{
	color: white;
	font-size: 17px;
}

/* text over the vapor artwork */
.fb_sect_option_C h3{
	font-size: 20px;
	color: white;
	background-color: #df0a13;
	max-width: 70%;
	margin-bottom: 15px;
	padding-left: 5px;
}

.fb_sect_option_C p{
	background-color: rgba(255, 255, 255, 0.5);
	padding: 14px;
	font-size: 17px;
}


.fb_ele_text_home{
	padding-top: 2%;
	padding-left: 4%;
	padding-bottom: 4%;
	
/*	position: absolute;*/
/* 	top: 3%; */
/* 	left: 2%; */
/*	max-width: 800px;*/
}


.fb_ele_text_home h1{
	color:	#ffffff;
/* 	padding-left: 0px; */
	font-size: 35px;
}


.fb_ele_text_home p{
	font-size: 17px;
	padding-top: 10px;
	color:	#ffffff;
	padding-bottom: 8px;
}




#full-bleed-image {
/*	width:100%;*/
    background-repeat: no-repeat;
}


#full-bleed-image h2{
/*	padding-bottom: 25px;*/
}




/*         ELEMENT classes    OPTION classes            */


/*vert center of text in Full bleed*/
.fb_ele_align_text_center{
	display: flex;
	align-items: center;
	justify-content: center;
}



/* same as vert center */
.fb_ele_text_optionA{
	
	display: flex;
	align-items: center;
	justify-content: center;
}


.fb_ele_text_optionA h3{
	font-size: 24px;
	margin-bottom: 5px;
}


.fb_ele_text_optionA p{
	font-size: 16px;
}




.fb_ele_text_optionB{

}




/* fb special for Red Multiply */

.fb_special_wrapper {
    position: relative;  /* establishes stacking context */
    display: flex;        /* height is now driven by content */
}

/* moves only the red effect inside the containing div */
.fb_special_red_A {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;           /* stretches to fill .fb_special_wrapper exactly */
    mix-blend-mode: multiply;
    z-index: 1;
}



/* moves only the red effect inside the containing div */
.fb_special_red_B {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;           /* stretches to fill .fb_special_wrapper exactly */
    mix-blend-mode: multiply;
    z-index: 1;
}



.fb_special_wrapper > div:last-child {
    position: relative;
    z-index: 2;          /* text sits above the red layer */
    max-width: 900px;
}

.fb_ele_text_home a {
    display: inline-block;
}



/******************************************************************************
							TWO COLUMN LAYOUT 
******************************************************************************/


/*     -------  WRAPPER CLASSES  -------       */

/*Center content for use with Container*/
.two_col_wrap_center_content_container{
	justify-content: center;
}


/*center button in two columm*/
.two_col_wrap_center_content_container a{
	left:50%;
	transform: translateX(-50%);
}


/*Center content for use with Fluid*/
.two_col_wrap_center_content_fluid{

	text-align: center;
}



.two_col_wrap_optionA{

}


.two_col_caption_class{
	font-size: 15px !important; 
	font-weight: 700;
	/*color: red !important;*/
}


/*     -------  SECTION CLASSES  -------       */


/* used for standard 5050 */
.two_col_sect_optionA .two_col_left{

	padding-top: 2%;
	
}



.two_col_sect_optionB{
}

.two_col_sect_optionB p{
}



/* used for press releases 2026 */
.two_col_sect_optionC{
}

.two_col_sect_optionC img{
	/*max-width: 100%;*/
	
}


.two_col_sect_optionC h1{
	/*font-size: 38px;*/
	/*color: #df0a13;*/
}

.two_col_sect_optionC p{
	/*font-size: 17px;*/
	/*margin-bottom: 14px;*/
}





/*used for contact*/
.two_col_sect_optionD {

	margin-top: -170px;
/*	padding-bottom: 30px;*/

}


/*set text to black*/
.two_col_sect_optionD p{
	color: black;
}





/*two_col            COLUMN CLASSES            */


/* used for large text small text  */
.two_col_rt_optionA{
	border-left: 5px solid #DF0A13;
/* 	padding-left: 5px; */
}



.two_col_rt_optionA img{

	width: 100%;
/*	height: 100%;*/
/*	padding-top: 10px;*/

}


.two_col_left_optionB, .two_col_rt_optionB{
	/*padding-top: 2%;*/
	/*padding-right: 2%;*/
	padding-bottom: 3%;

}


.two_col_left_optionB img, .two_col_rt_optionB img{
	width: 100%;
	/*margin-right: 4%;*/
	filter: drop-shadow(8px 8px 10px #888888);
}


.two_col_left_optionB p, .two_col_rt_optionB p{ 
	font-size: 18px;
	padding-top: 20px;
	padding-left: 3%;
	padding-right: 0px;
}


.two_col_left_optionB p strong{
	font-size: 26px;
}

.two_col_rt_optionB p strong{
	font-size: 26px;
}


.two_col_left_optionC{
	color: black;
}


.two_col_rt_optionC{
	padding-top: 3%;
}


.two_col_rt_optionC p{
}




/*two_col Layout D*/
/*used in press release*/

.two_col_left_optionD{
	background-color: white;
	text-align: center;
}



.two_col_left_optionD img{
/*	text-align: center;*/
	padding-top: 0px;
	padding-bottom: 20px;
	max-width: 240px;
	width: 100%;
}


.two_col_rt_optionD h1{ 
	color: #df0a13;
	font-size: 34px;
	font-weight: 600;
/*	padding-top: 20px;*/
	padding-left: 3%;
/*	padding-right: 0px;*/
}


.two_col_rt_optionD p{ 
	color: black;
	font-size: 18px;
/*	padding-top: 20px;*/
	padding-left: 3%;
	padding-right: 0px;
	line-height: 27px;
}

.two_col_rt_optionD em{ 
	font-style: normal;
	font-size: 19px;
	font-weight: 600;
}

.two_col_rt_optionD p strong{
/*	font-size: 26px;*/
}




/*mobile*/
.two_col_rt_vert_center{

/*	position: relative;*/
/*    top: 50%;*/
/*    transform: translateY(25%);*/
/*    height: 50%;*/

/*	opacity: .5;*/
    /*padding-left: 20px;*/

}





/*styling for the homepage intro two column*/
.two_col_left_style_intro{
	line-height: 1.4;
	padding: 50px 20px 0px 35px;
	max-width: 540px;
}


.two_col_right_style_home{
	padding: 10px 10px 0px 0px;
}



/*when img is button*/
.two_col_left_img_btn img:hover{
	opacity: .5;
}


.two_col_right_img_btn img:hover{
	opacity: .5;
}





/******************************************************************************
							COUNT
******************************************************************************/




.count_optionA {
	text-align: center;
}


.count_optionB {
	text-align: left;
}

.count_number_style{
	color: red;
}


/******************************************************************************
							Slider
******************************************************************************/



.slider_wrapper{
	display: flex;
	justify-content: center;
}


.slider_button_style{
	float: left;
	text-align: center;
}


.slider_frame_style {

/*	opacity: .2;*/
/*	margin-left: 8%; */

	overflow: hidden; 
	float: left;
	width: 84%; 
	max-width: 320px;
}


.slider_content_column_style{
}

.slider_col_sect_optionA{
}

.slider_a_node{
	width: 260px; 
}

.slider_a_node p{
	padding-top: 20px;
	font-size: 16px;
}


.slider_a_divider{
	opacity: 0;
	width: 60px;
	padding-left: 25px;
	padding-right: 15px;
}


.slider_content{

/* 	opacity: .5;*/
	transition: all .25s ease-in-out;

}


.left_slider_btn{
	cursor: pointer;
}

.rt_slider_btn{
	cursor: pointer;
}

#left_slider_btn img:hover{
	opacity: .3;
}

#rt_slider_btn img:hover{
	opacity: .3;
}



/******************************************************************************
							Accordion
******************************************************************************/




#accordion-module .accordion {

    --bs-accordion-bg: #ffffff;
    --bs-accordion-border-color: #000000;
    --bs-accordion-border-width: 2px;
    --bs-accordion-border-radius: 0;
    --bs-accordion-inner-border-radius: 0;

    /* Closed item */
    --bs-accordion-btn-bg: #ffffff;
    --bs-accordion-btn-color: var(--color-gray);
    --bs-accordion-btn-padding-y: 0.75rem;
    --bs-accordion-btn-padding-x: 3rem;

    /* Open item */
    --bs-accordion-active-bg: var(--color-gray);
    --bs-accordion-active-color: #ffffff;

    --bs-accordion-btn-focus-box-shadow: none;

     --bs-accordion-btn-padding-y: calc(0.75rem - 1.5px);

    /* Content panel */
    --bs-accordion-body-padding-x: 3rem;
    --bs-accordion-body-padding-y: 2rem;

    /* Thin chevron: */
    --bs-accordion-btn-icon-width: 2.5rem;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%2319356B' stroke-width='3.5'%3e%3cpath d='M3.8 12.8L20 29L36.2 12.8'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23D4723B' stroke-width='3.5'%3e%3cpath d='M3.8 12.8L20 29L36.2 12.8'/%3e%3c/svg%3e");

}



/* Rounded top corners only */
#accordion-module .accordion-item:first-of-type {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden;
}



/* Titles come in wrapped in <p>, so undo the global p styles */
#accordion-module .accordion-button p {
    font-size: 19px;
    font-weight: inherit;
    color: black;
    line-height: inherit;
    margin: 0;
}

/* Same for answer text */
#accordion-module .accordion-body p {
    font-size: 17px;
    line-height: 1.6;
}


#accordion-module .accordion-button.collapsed {
    transition: background-color 0.2s ease-in-out;
}

#accordion-module .accordion-button.collapsed:hover {
    background-color: #aaaaaa;
}


/* Question titles */
#accordion-module .accordion-button {
    font-family: 'Figtree', sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.3;
}

/*question text open*/
#accordion-module .accordion-button:not(.collapsed) {
    /*font-weight: 700;*/
    box-shadow: none;
}



/* Keyboard focus stays visible without Bootstrap's blue glow */
#accordion-module .accordion-button:focus-visible {
    outline: 2px solid var(--color-orange);
    outline-offset: -4px;
}

/* Answer text */
#accordion-module .accordion-body {
    font-family: 'Figtree', sans-serif;
    font-size: 17px;
    line-height: 1.6;
    /*color: #111111;*/
    padding-bottom: 3rem;
}


.accordion-item {
 	border: none !important;
}


.accordion-button {
 
  &:not(.collapsed) {
  	/*background-color: #ffffff;*/
  }
}

.accordion-button:focus {
  /*outline: none;*/
  /*box-shadow: none;*/
}




/* settings for OPTION A */
.accordion_optionA .accordion-body p{
	/*font-size: 15px;*/
	/*font-weight: 400;*/
	/*padding-right: 5%;*/
}


.accordion_optionA .accordion-body h4{
	/*color: black;*/
	/*font-size: 18px;*/
	/*font-weight: 800;*/
}




/******************************************************************************
							VIDEO
******************************************************************************/


.vid_element_center{
	text-align: center;
}

.vid_sect_option_A {}
.vid_sect_option_B {}
.vid_sect_option_C {}


.vid_element_optionA {}

.vid_element_optionB {}






/******************************************************************************
							GENERAL CLASSES
******************************************************************************/



/*border for images*/
.border_A img{
/*	border: 3px solid #7eb2b1;*/
/*	outline: solid #cccccc 1px;*/
}

.border_A {
	outline: solid #df0a13 3px;
}







/******************************************************************************
							OTHER
******************************************************************************/



#horz_line{
	margin-left: 7%;
	margin-right: 7%;
}



.horz-line{

/*	border-bottom: 6px solid #0a6eff;*/
/*background-color: #0a6eff;*/

}


.breakout_content{
	margin:	3% 6% 3% 6%;
	outline: solid #df0a13 1px;
	padding: 2%;
/* 	color: blue; */
}

.breakout_content p{
	font-size: 16px;
}

/******************************************************************************
							PRIVACY
******************************************************************************/




/******************************************************************************
							BLOG LANDING  (layout A and B and C)
******************************************************************************/



/*text over image on blog post*/
/*.blog_listing_img a:hover::after { */
/*  content: attr(data-title); */
/*  position: absolute; */

/*  top: 20%; */
/*  right: 0; */

/*  font-size: 20px;*/

/*  font-family: "Sen",sans-serif;*/
/*  font-weight: 800;*/

/*  background-color: rgba(0,0,0,.8);*/

/*  color: white; */
/*  padding: 15px; */
/*  z-index: 10; */
/*} */



/*use for a differnt body background-color only on posts*/
body.blog {
/*   background-color: #f5f4ed;*/
}

/*use for a differnt body background-color only on posts*/
body.search {
/*   background-color: #f5f4ed;*/
}

body.page.page-id-1365 {
/*    background-color: rgb(0,0,0);*/
}


.blog_title{

	background-color: black;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}


.blog_landing_search_label{

	font-size: 18;
	font-weight: 700;
}


.blog_listing_search{
	text-align: center;
}


.blog_listing_pagenav{
	text-align: center;
}

.blog_style_a .blog_listing {
	background-color: #000000;
}


.blog_style_c .blog_listing {
/* 	background-color: #ffffff; */
	background-color: transparent;
}



.blog_style_a .blog_listing_left {
	margin-right: 0%;
	margin-bottom: 40px;
/* 	opacity: .3; */
/* 	border: 4px solid pink; */
}

.blog_style_a .blog_listing_right {
	margin-right: 0%;
	margin-bottom: 40px;
/* 	opacity: .3; */
}



.blog_style_c .blog_listing_left{
	margin-right: 0%;
	margin-bottom: 30px;
}

.blog_style_c .blog_listing_center{
	margin-right: 0%;
	margin-bottom: 30px;
}

.blog_style_c .blog_listing_right{
	margin-right: 0%;
	margin-bottom: 30px;
}


.blog_style_c .blog_listing_img{
	padding: 0px 0px 30px 0px;
}



.blog_listing p{
/* 	color: white; */
}



/*the inline class on the img*/
.blog_listing_img img{

	padding-top: 10px;
	max-width: 100%;
/*max-height: 100%;*/
	height: 75%;
/*	width: 90%;*/
/*	object-fit: contain;*/
/*	height: 100%;*/
	transition: all 0.3s ease-in-out;
}


.blog_listing_img img:hover{
	filter: drop-shadow(5px 5px 8px black);
}



.blog_listing_b_img{

	text-align: center;
	padding-bottom: 10px;
}




/*   title of the blog post is a link  */
.blog_landing_link a{
/*	color: #df0a13;*/
}

.blog_landing_link a:hover{
/*	color: white;*/
}

.blog_landing_link_b a{
/*	color: #df0a13;*/
}

.blog_landing_link_b a:hover{
/*	color: white;*/
	color: black;
}

.blog_style_c .blog_landing_link a:hover{
	color: black;
}





/* button style in blog listing page */
.blog_style_b .blog_cta_wrapper{
/* 	text-align: center; */
	color: #df0a13;
}
.blog_style_b .blog_cta_wrapper a{
	color: #df0a13;
}

.blog_style_b .blog_cta_wrapper .btn-tertiary{
	will-change: transform;
	transition: all .55s ease-in-out;
}


.blog_style_b .blog_cta_wrapper .btn-tertiary:hover{
	color: white;
	background-color: #df0a13;
	letter-spacing: 1px;
/* 	margin-right: -8px; */
	
	
}
	
	

.blog_style_c .blog_cta_wrapper{
	text-align: center;
}

.blog_style_c .blog_cta_wrapper a{
	color: #df0a13;
}

.blog_style_c .blog_cta_wrapper .btn-tertiary{
	will-change: transform;
	transition: all .55s ease-in-out;
}


.blog_style_c .blog_cta_wrapper .btn-tertiary:hover{
	color: white;
	background-color: #df0a13;
	letter-spacing: 3px;
	
/* 	will-change: letter-spacing; */
/* 	will-change: transform; */
/* 	transition: all .55s ease-in-out; */
	
}




/* style text on blog landing page */
/* blog style b still needs universal styling */

.blog_style_a .blog_listing h2{
	font-size: 24px;
	font-weight: 500;
	padding-bottom: 5px;
}

.blog_listing_b h2{
	font-size: 24px;
	font-weight: 500;
	padding-bottom: 2px;
	padding-top: 2px;
}

.blog_style_c .blog_listing h2{
	font-size: 21px;
	font-weight: 700;
	padding-bottom: 11px;
}




.blog_style_a .blog_landing_excerpt p{
	color: white;
	font-size: 17px;
	line-height: 1.2;
}


.blog_style_b .blog_landing_excerpt p{
	color: black;
	font-size: 16px;
	line-height: 1.2;
/*	margin-left: 20px;*/
}


.blog_style_c .blog_landing_excerpt p{
	color: black;
	font-size: 17px;
	line-height: 1.3;
/*	margin-left: 20px;*/
}




.blog_listing_b_text {
	margin-left: 15px;
	margin-bottom: 15px;
}


.blog_landing_img img{
/*	width: 100%;*/
/*	height: 100%;*/
}


.blog_landing_img{
	padding-left: 0px;
	padding-right: 0px;
}


.blog_landing_text_col{
	background-color: #153b7b;
	padding-left: 0px;
}


.blog_landing_text_col p{
	padding-right: 20px;
	padding-left: 20px;
}


.blog_style_a .blog_listing em{
	color: #888888;
	font-size: 14px;
	font-weight: 700;
	padding-bottom: 5px;
}

.blog_listing_b em{
	color: #000000;
	font-size: 15px;
	font-weight: 700;
	padding-bottom: 5px;
	font-style: normal;
}

.blog_style_c .blog_listing em{
	color: #888888;
	font-size: 14px;
	font-weight: 700;
	padding-bottom: 5px;
	font-style: normal;
}






.blog_listing_img{
/*	margin-right: 10px;*/
/*	padding: 0px;*/

	margin-bottom: 10px;

}




/******************************************************************************
							BLOG SEARCH RESULTS PAGE 
******************************************************************************/


.blog_search_results_rt h2{
	font-size: 24px;
}

.blog_search_results_excerpt p{
	font-size: 17px;
	color: black;
}

.blog_search_results_tag{
	font-size: 14px;
	font-weight: 700;
}

.blog_search_results_cta{

}


/******************************************************************************
							LOGO 
******************************************************************************/

.logo a:hover{
	/*filter: blur(4px);*/
	/*transition: all 1.25s ease-in-out;*/

}


.logo_svg{
	max-width: 500px;
}



.we_are{
	/*transition: all .40s ease-in-out;*/
	/*user-select:none;*/
}


/******************************************************************************
							BLOG POST 
******************************************************************************/

/*use for a differnt body background-color only on posts*/
body.single-post {
/*   background-color: #f5f4ed;*/
}


.blog_logo_container{
	background-color: #1b1b1b;
	text-align: center;
	height: 200px;
}

.blog_logo_container img{
	height: 100%;
}





.blog_post_container{

	background-color: #f5f4ed;
}

.blog_post_container p{
	font-size: 20px;
	color: #1b1b1b;
	margin-bottom: 20px;
}


.blog_post_title{
	text-align: center;
}

.blog_post_title h1{
	font-size: 55px;
}


.blog_post_title p{
	font-size: 18px;
	color: #f5f4ed;
	text-align: center;
}




.blog_post_image_container{
	text-align: center;
}


.blog_post_footer_wrapper{
	text-align: center;
}

.blog_post_footer_button{
	display: flex;
	align-items: center;
	justify-content: center;

}

/******************************************************************************
							PopUp Maker 
******************************************************************************/


#popmake-1971 .popmake-content p{
	color: white;
	font-size: 16px;
	padding-left: 4%;
	padding-right: 4%;
}

#popmake-1971 .popmake-content h2{
	font-size: 16px;
	font-weight: 200;
	letter-spacing: 2px;
}

#popmake-1971 .popmake-content h3{
	color: white;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.1;
/* 	letter-spacing: 1px; */
}

#popmake-1971 .popmake-content h3 strong{
	color: red;
	font-size: 32px;
	font-weight: 900;
	letter-spacing: 1px;
}

#popmake-1971 .wp-block-button{

/* 	display: block; */

	color: white;

	font-family: 'Sen';
	font-size: 19px;

/* 	letter-spacing: 0px; */
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
/* 	line-height: 30px; */
	font-weight: 600;
	position: relative;
	/*display: block;*/
	width: 210px;
	height: 36px;

	user-select:none;

}


#popmake-1971 .wp-block-button a{
		padding-top: 5px; !important
	background-color: #df0a13;
}


.btn-primary:hover {
	/*color: #df0a13;*/
/* 	letter-spacing: 1px; */
	text-decoration: none;
/* 	background-color: transparent; */
/*	background-color: #efedde;*/
/* 	border:2px solid #ef07de; */

	
}

#popmake-1971 .wp-block-button_link a{
	
/* 	background-color: #df0a13; */
}

#popmake-1971 .wp-block-button__link{
	
	background-color: #df0a13 !important;
}


#popmake-1971 a:hover{
	color: black;
}

/******************************************************************************
							Footer 
******************************************************************************/


/*bootstrap controls visability - don't use breakpoints for this*/
.footer_nav_button_mob{

	font-family: "Figtree";
	font-weight: 400;
	font-size: 19px;
	color:white;
	text-transform: uppercase;
	padding-left: 5%;
/*	padding-right: 2%;*/
/*	padding-bottom: 40px;*/
	font-weight: bold;
	line-height: 2;
}



.footer_nav_text_style{
	text-align: center;
	line-height: 30px;
}


.footer_nav_text_style p{

	color: white;
}



.footer_nav_text_style a{
/*	font-size: 20px;*/
}

.footer_nav_text_style a:hover {
	/*color: #e06b26;*/
	text-decoration: none;
}


.footer_icons_style{
	text-align: center;
}

.footer_icons_style img{
		transition: all .25s ease-in-out;


	height: 40px;
	width: 40px;
	margin-right: 14px;
	filter: saturate(0%) brightness(3);

}




.footer_icons_style img:hover{
	filter: saturate(100%);
}






/*button specific class*/
.footer_nav_button{
	font-family: "Figtree";
	font-weight: 500;
	font-size: 14px;
	color:white;
	/*text-transform: uppercase;*/
	padding-left: 2%;
	padding-right: 2%;
	font-weight: bold;
}




.footer_button{
	font-family: "Poppins";
	font-weight: 100;
	font-size: 17px;
	color:white;
	text-transform: uppercase;
	font-weight: bold;
}

.footer_address_class a{
/*	color: green;*/
}

.footer_address_class a:hover {
	color: #0a6eff;
/*	color: #000000;*/
/*	text-decoration: none;*/
}


.footer_second_line{
	text-align: center;
}


/*phone number*/
.footer_text_style_phone{
}

.footer_text_style_phone a{
}

.footer_address_class{
	padding-left: 50px;
}

/*text below buttons*/
.footer_text_style_sub{
/* 		margin-bottom: 10px; */
/* 		text-align: center; */
}

.footer_text_style_sub p{
/* 		color:#1b1b1b; */
}

.footer_subtext{
	opacity: .8;
	color: #ffffff !important;
	font-size: 16px;
}


.social_icon_div{
	padding-top: 10px;
	height: 120px;
}


.socialiconstyle{
	height: 30%;
}





/******************************************************************************
							INPUT 
******************************************************************************/

/*INPUT Style also for Contact Form*/



/*contact form fields (can be over written by cf7) and blog search*/


input{

	
	border-radius: 10px;
	border: 1px solid #999999;
	padding: 5px 0px 5px 10px;
/*	width: 350px;*/
/*font-size: 18px;*/
}



input[type=checkbox]{
	width:22px;
	height: 22px;
	font-size:22px;

	border-color: #000000;
	border-radius: 0px;

}


/*all buttons including submit*/
input[type=button], input[type=submit], input[type=reset] {

	border: none;
}



input[type=select]{
/*	height: 300px;*/
}



	
select{
  border-radius: 20px;
  height: 38px;
  width: 320px;
  padding: 5px 0px 5px 10px;
  font-size: 18px;
  line-height: 25.2px;
}



input[type=submit]:hover{

/*	text-decoration: none;*/
	/*	border:2px solid #ffffff;*/
/*		background-color: #000000;*/
	/*	color: #7eb2b1;*/
/*		cursor: pointer;*/
}


input:focus{
	outline-color: var(--color-orange);

}



.searchsubmit {
/*	width: 100px !important;*/
/*	width: 20%;*/
/*	margin-right: 0px;*/
}


.searchfield{
/*	width: 70%;*/
/*	width: 250px !important;*/
}



/******************************************************************************
							FORM 
******************************************************************************/


label{
	font-size: 16px;
	color: #000000 ;
}


.wpcf7-list-item{
/* 	margin-left: 0px; !important; */
/* 	margin: 0 0 0 0; important; */
}


/*bottom margin of the input field moves error text down*/
.wpcf7-form-control{
/*	margin-bottom: 16px;*/
}



/*fields to left in two colum*/
.contact_field_styleA{
	margin-top: 20px;
	float:left;
}

/*fields to right in two colum*/
.contact_field_styleB{
	margin-top: 20px;
	clear:both;
	padding-left: 0%;
}


/*fields one colum*/
.contact_field_styleC{
	margin-top: 20px;
}

/*fields one colum*/
.contact_field_styleD{
/* 	clear:both; */
	margin-top: 40px !important;
}



.contact_field_textarea{
	/*margin-top: 20px;*/
	/*width: 320px;*/
}


/*text fields in contact form 7*/
.wpcf7-text{
	width: 320px;
	margin-right: 35px;
	font-size: 18px;
/*	width: 100%;*/
}


/*message area and interior*/
.wpcf7-textarea{
/* 	height: 150px; */
	font-size:18px;
	padding: 4px 4px 4px 8px;
	color: #1b1b1b;
	border-radius: 10px;
	border: 1px solid #999999;

	width: 100%;       /* Spans the full width of its container */
    max-width: 1800px;  /* Prevents it from getting too wide on desktop */
    height: 150px;     /* Sets a predictable height */
}


.wpcf7-response-output{
	margin-bottom: 10px !important;
}

.wpcf7-form-control-wrap{
/*	width: 100%;*/
}


/*universal button style is set in the CSS above btn-primary, this is contact form 7*/
.wpcf7-submit{

	margin-top: 10px;
/*	user-select:none;*/

}




/*messaging*/


.wpcf7-mail-sent-ok{
	color: red;
	border: none !important;
}


.wpcf7-validation-errors{
	border: none !important;
}

.wpcf7-response-output{
	border: none !important;
	margin: 0 !important;
	color: red !important;
}

/*see above for margin below field*/
.wpcf7-not-valid-tip{
	color:red;
	line-height: 0px;
	font-size: 12px;
	margin-top: 10px;
}





/***********************************************************************
/***********************************************************************
							BOOTSTRAP 
************************************************************************/





/* 	forces red tint to full screen in small sizes */
@media (max-width: 575px) {
    .fb_special_wrapper {
        margin-left: 0;
        margin-right: 0;
    }
}



@media (min-width: 576px) { 


	p{
		font-size: 17px;
	}

h1{

	font-size: 39px;
}


h2{

	font-size: 39px;
}


h3 {
	letter-spacing: 3px;
	padding-bottom: 5px;
}

	/* moves only the red effect inside the containing div */
.fb_special_red_A {
    position: absolute;
    top: 5%;
    left: 3%;
}

	
.fb_special_red_B {
    position: absolute;
    top: 20%;
    left: 3%;
}
	
	
.fb_ele_text_home{
	padding-top: 4%;
	padding-left: 5%;
	padding-bottom: 4%;
}
	
	

	.one_col_ele_thinpadding{
		padding-top: 30px;
		padding-bottom:30px;
		padding-left: 8%;
		padding-right: 8%;
	}
	
}






/*bootstrap md*/
/*at this size or higher do this*/
/*from 762 - 992 do this*/

@media (min-width: 768px) { 


	p{
/*		font-size: 16px;*/
/*		line-height: 1.3;*/
	}



	h1{
		/*font-size: 42px;*/
/*		font-weight: 500;*/
	}


	h2{
/* 		font-size: 34px; */

	}



.one_col_optionC{

	padding-left: 27%;
	padding-top: 30px;
	max-width: 96%;
	padding-right: 8%;
/* 	font-weight: 700; */
	/*font-size: 33px;*/
	/*margin-bottom: 20px;*/

}

.one_col_optionC p{
	/*color: red;*/
}




.multi_col_sect_optionD .multi_col_id1{
	/*border-left: 3px solid #DF0A13;*/
	/*padding-left: 2%;*/
}

.multi_col_sect_optionD .multi_col_id2{
	/*border-left: 3px solid #DF0A13;*/
	/*padding-left: 2%;*/
	/*padding-right: 2%;*/
}
	

.one_col_optionA h2{
	padding-bottom:10px;
	font-size: 29px;
}
	
.one_col_optionB h2{
	font-size: 32px;
}

	
.fb_ele_text_home{
	/*padding-top: 5%;*/
	/*padding-left: 7%;*/
	/*padding-bottom: 4%;*/
}
	
	
	
.blog_excerpt_sect_optionA img{
	max-width: 60%;
/* 	padding-right: 20px; */
}
	
	
/* text on the collapsed buttons */
.accordion-item p{
	/*color: #000000;*/
	/*font-weight: 800;*/
	/*font-size: 20px;*/
}


.slider_frame_style {

/*	border: 2px solid green;*/
	width: 84%; 
	max-width: 640px;
}



.two_col_left_optionD img{
	padding-top: 20px;
	padding-bottom: 0px;
	max-width: 240px;
	width: 100%;
}



.one_col_sect_styleA img {
/* 		max-width: 80%; */
}

	

.blog_listing_b_img{

	text-align: center;
	padding-bottom: 0px;
}



.blog_listing_b_text {
	margin-left: 0px;
	margin-bottom: 0px;
}


.blog_style_a .blog_listing_left {
	margin-right: 5%;
	margin-bottom: 0px;
}


.blog_style_c .blog_listing_left{
/* 		margin-right: 3%; */
	}
	
	
.blog_style_c .blog_listing_center{
/* 		margin-right: 3%; */
	}
	
	
	
	
.two_col_text_title_a{
	opacity: .2;
/* 	padding-top: 25px; */
/* 	padding-left: 95px; */
/* 	padding-bottom: 8px; */
/* 	font-size: 25px; */
}

	

.two_col_text_title_b{
	opacity: .2;
/*	color: green;*/
/* 	padding-top: 28px; */
/* 	padding-left: 95px; */
/* 	padding-bottom: 20px; */
/* 	font-size: 20px; */
}


.one_col_optionD {

	padding-left: 3%;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-right: 30%;

}




.two_col_left_optionB p, .two_col_rt_optionB p{ 
	font-size: 18px;
	padding-top: 20px;
	padding-left: 4%;
	padding-right: 13%;
}



.two_col_left_optionD p, .two_col_rt_optionB p{ 
	font-size: 18px;
/*	padding-top: 20px;*/
	padding-left: 4%;
	padding-right: 13%;
}



.fb_ele_text_home p{
	padding-bottom: 20px;
	padding-top: 10px;
}



.fb_ele_text_home h1{
	color:	#ffffff;
/* 	padding-left: 10px; */
}



/*red overlay on wide screen */
.fb_special{

/* 	margin-left: 25px; */
/*	margin-top: 50px;*/

}
	
.fb_special_red{
/* 	background-color: #d10a13;  */
/* 	mix-blend-mode: multiply;  */
/* 	max-width: 1000px;  */
/* 	max-height: 300px;  */
/* 	margin-top: 50px; */
}


.searchfield{
	width: 300px !important;
}


.multi_col_sect_optionB {
	padding-left: 3%;
	padding-right: 3%;
}



.blog_landing_img{
	padding-right: 20px;
}


.blog_landing_b_image{
	max-width: 100%;
	height: 100%;
}


.blog_landing_text_col{
	padding-left: 20px;
}


.two_col_rt_title{
	padding: 0px;
	text-align: left;
	padding-left: 2%;
/*	padding-top: 60px;*/
}

	.spacer10-tile{
	}

	.notification{
		margin-top: 0px;
	}


	.footer_nav_button{
		font-size: 17px;
		padding-left: 2%;
		padding-right: 2%;

	}




 }




/*bootstrap large LG*/
/*desktop settings*/
@media (min-width: 992px) { 

	
.fb_ele_text_home{
	padding-top: 4%;
	padding-left: 6%;
	padding-bottom: 4%;
}
	


.one_col_optionC{

	padding-left: 25%;
	padding-top: 50px;
	max-width: 85%;
	padding-right: 5%;
/* 	font-weight: 700; */
	/*font-size: 33px;*/
	/*margin-bottom: 20px;*/

}

.one_col_optionC p{
	/*color: green;*/
}

	
	
/* 	shows at 1024 to 1200 */
.logodiv{
	height: 70px;
/* 	opacity: .5; */
	padding-left: 0%;
/*	padding-top: 15px;*/
	z-index: 2;
	margin-bottom: 5px;
}

.menudiv{
	padding-top: 25px;
	text-align: right;
}

/*space between individual items in horizontal list, can be mod in responsive*/
.menu-wpmenu-container li {
	display: inline; 
	padding-bottom: 5px;
	padding-top: 15px;
	padding-right: 1%;

}
	


.two_col_left_optionD{

}

.two_col_text_title_b{
}


.one_col_ele_padding{
}


	.searchfield{
		width: 350px !important;
	}


	/*text fields in contact form 7*/
	.wpcf7-text{
		/*width: 350px;
		margin-right: 35px;*/
	}






/*bootstrap XL*/
/*desktop settings*/
@media (min-width: 1200px) { 


.logodiv{
	height: 80px;
/* 	opacity: .2; */
	padding-left: 1%;
/*	padding-top: 15px;*/
	z-index: 2;
	margin-bottom: 5px;
}

	


.one_col_optionC{

	padding-left: 22%;
	padding-top: 50px;
	max-width: 75%;
	padding-right: 5%;
/* 	font-weight: 700; */
	/*font-size: 33px;*/
	/*margin-bottom: 20px;*/

}

.one_col_optionC p{
	/*color: blue;*/
}




/*space between individual items in horizontal list, can be mod in responsive*/
.menu-wpmenu-container li {

	display: inline; 
	padding-bottom: 5px;
	padding-top: 15px;
	padding-right: 2%;

}
	
	

.slider_frame_style {
/*	border: 2px solid blue;*/
	width: 84%; 
	max-width: 920px;
}


/*used on homepage only*/
.multi-col-home-style{
/* 	margin-top: 0px; */
}



/*	Desktop - requires a div height*/
	.two_col_rt_vert_center{
		position: relative;
	    top: 50%;
	    transform: translateY(25%);
	    height: 50%;
	    /*padding-left: 10px;*/
	}






}
