/************************************************************************************
*
*			Variables
*
***********************************************************************************/

:root {
	/********** Colors **********/
    --clr-primary: #136834;
    --clr-secondary: #243732;
    --clr-alt: #161922;
    --clr-border: #929292;
    --clr-gray: #e5e5e5;
    --clr-offwhite: #f2f2f2;

	/********** Typography **********/

	/**** Font Families ****/
	--poppins: "Poppins", sans-serif;
	--awesome-icons: "Font Awesome 6 Pro";
	--divi-icons: "ETModules";

	/****Font-sizes****/

	/*Responsize Font Sizes*/
	--60px-r: clamp(1.28rem, 1.28rem + 2.5vw, 3.75rem); /*36px at 480px and 60px at 1440px*/
	--48px-r: clamp(1.25rem, 1.25rem + 2.5vw, 3rem); /*24px at 480px and 48px at 1440px*/
	--36px-r: clamp(1rem, 0.75rem + 1.667vw, 2.25rem); /*20px at 480px and 36px at 1440px*/
	--32px-r: clamp(.75rem, 0.688rem + 1.458vw, 2rem); /*18px at 480px and 32px at 1440px*/
	--24px-r: clamp(1rem, 0.75rem + 0.833vw, 1.5rem); /*16px at 480px and 24px at 1440px*/
	--18px-r: clamp(1rem, 0.88rem + 0.399vw, 1.125rem); /*16px at 480px and 18px at 981px*/
	--16px-r: clamp(0.75rem, 0.755rem + 0.399vw, 1rem); /*12px at 480px and 16px at 981px*/

	/*Static Font Sizes*/
	--18px-s: 1.125rem;
	--16px-s: 1rem;
	--14px-s: 0.875rem;
	--12px-s: 0.75rem;
	
	/*Unique Font Sizes*/
	--serviceoverview-h2-desktop: clamp(2rem, -0.137rem + 3.486vw, 3rem); /*32px at 981px and 48px at 1440px*/
	
	/*Header Styles*/
	
	/*Header Defaults*/
	--header-fontfamily: var(--poppins);
	--header-letterspacing: 0;
	--header-lineheight: 1.125;
	--header-texttransform: uppercase; 
	--header-weight: 600;
	
	/*Header Colors*/
	--header-color: var(--clr-primary);
	--header-light-color: #ffffff;
	--header-em-color: var(--clr-secondary);
	--header-light-em-color: var(--clr-secondary);
	--header-strong-color: var(--clr-secondary);
	--header-light-strong-color: var(--clr-primary);
	
	/*Header Sizes*/
	--h1-size: var(--60px-r);
	--h2-size: var(--48px-r);
	--h3-size: var(--36px-r);
	--h4-size: var(--24px-r);
	--h5-size: var(--12px-s);
	
	/*Subheader/Preheader Styles*/
	--subheader-color: var(--text-color);
	--subheader-color-light: #ffffff;
	--subheader-weight: 600;
	--subheader-letterspacing: 0.91px;
	--subheader-lineheight: 1.25;
	--subheader-size: var(--14px-s);
	--subheader-texttransform: uppercase;
	
	/*Text Styles*/

	/*Text Default Styles*/
	--text-color: #000000;
	--text-color-light: #ffffff;
	--text-fontfamily: var(--poppins);
	--text-letterspacing: 0;
	--text-lineheight: 2;
	--text-size: var(--16px-s);
	--text-weight: 400;
	
	/*Large Text Styles*/
	--text-size-large: var(--24px-r);
	--text-lineheight-large: 1.125;
	
	/*Text Link Styles*/
	--text-link-color: var(--clr-primary);
	--text-link-light-color: var(--clr-secondary);
	--text-link-decoration: none;
	--text-link-weight: bold;
		
	/*Text Link Hover & Focus Styles*/
	--text-link-color-hover: var(--text-color);
	--text-link-light-color-hover: var(--text-color-light);
	
	/*Button Styles*/
	
	/*Button Default Styles*/
	--btn-border: var(--misc-border);
	--btn-borderradius: 0;
	--btn-fontfamily: var(--poppins);
	--btn-size: var(--14px-s);
	--btn-weight: 600;
	--btn-letterspacing: 0.91px;
	--btn-lineheight: 1;
	--btn-padding: 20px 35px;
	--btn-texttransform: uppercase;
	--btn-transition: var(--misc-transition);
	
	/*Dark Button*/
	--btn-dark-background: var(--clr-primary);
	--btn-dark-bordercolor: var(--clr-primary);
	--btn-dark-color: #ffffff;
	/*Dark Button Hover & Focus*/
	--btn-dark-background-hover: var(--clr-gray);
	--btn-dark-bordercolor-hover: var(--clr-gray);
	--btn-dark-color-hover: #000000;
	
	/*Light Button*/
	--btn-light-background: var(--clr-secondary);
	--btn-light-bordercolor: var(--clr-secondary);
	--btn-light-color: #ffffff;
	/*Light Button Hover & Focus*/
	--btn-light-background-hover: var(--clr-gray);
	--btn-light-bordercolor-hover: #000000;
	--btn-light-color-hover: #000000;
	
	/*Flex Wrapper Styles*/

	/*Flex Wrapper Default Styles*/
	--flex-gap: 25px;
	--flex-col-width: calc((100% * (1 / var(--flex-columns))) - (var(--flex-gap) * ((var(--flex-columns) - 1) / var(--flex-columns))));
	
	/*Background Styles*/
	
	/*Background Color Styles*/
	--background-primary: var(--clr-primary);
	--background-secondary: var(--clr-secondary);
	--background-gray: var(--clr-gray);
	--background-offwhite: var(--clr-offwhite);
	
	/*Multi Colored Background Styles*/
	--background-multi-overview: linear-gradient(90deg, var(--clr-primary) 0%, var(--clr-primary) 5%, var(--clr-offwhite) 5%, #ffffff 90%);
	--background-multi-primary: linear-gradient(90deg, var(--clr-offwhite) 0%, var(--clr-offwhite) 70%, var(--clr-primary) 70%, var(--clr-primary) 100%);
	--background-multi-secondary: linear-gradient(90deg, var(--clr-offwhite) 0%, var(--clr-offwhite) 70%, var(--clr-primary) 70%, var(--clr-primary) 100%);
	
	/*Content Template/Archive Background Styles*/
	--background-blog: #000000;
	--background-post: #000000;
	--background-career: #000000;
	--background-search: #000000;
	
	/*Overlay Styles*/
	
	/*Overlay Default Styles*/
	--overlay-blendmode: normal;
	--overlay-opacity: 0.8;
	
	/*Overlay Color Styles*/
	--overlay-primary: var(--clr-primary);
	--overlay-secondary: var(--clr-gray);
	--overlay-dark: #000000;
	
	/*Special Layout Styles*/
	--nearlyfull-maxwidth: var(--row-maxwidth);
	--nearlyfull-width: var(--row-width);
	
	--row-maxwidth: 1440px;
	--row-width: 80%;
	
	/*Table Styles*/
	
	/* Table Default Styles */
	--table-border: var(--misc-border);
	--table-bordercolor: var(--clr-primary);
	
	/*Table Head Styles*/
	--table-head-background: var(--clr-primary);
	--table-headcell-color: #ffffff;
	--table-headcell-fontfamily: inherit;
	--table-headcell-letterspacing: inherit;
	--table-headcell-lineheight: inherit;
	--table-headcell-size: var(--16px-s);
	--table-headcell-weight: 600;
	--table-headcell-padding: 5px 10px;
	--table-headcell-textalign: center;
	
	/*Table Body Styles*/
	--table-body-background: #ffffff;
	--table-body-background-odd: var(--clr-offwhite);
	--table-body-background-hover: var(--clr-alt);
	--table-bodycell-color: var(--text-color);
	--table-bodycell-fontfamily: inherit;
	--table-bodycell-letterspacing: inherit;
	--table-bodycell-lineheight: inherit;
	--table-bodycell-size: var(--16px-s);
	--table-bodycell-weight: 600;
	--table-bodycell-padding: 5px 10px;
	--table-bodycell-textalign: center;
	
	/*Breadcrumb Styles*/
	
	/*Breadcrumb Default Styles*/
	--breadcrumb-color: var(--clr-gray);
	--breadcrumb-letterspacing: 0.91px;
	--breadcrumb-lineheight:  1.25;
	--breadcrumb-padding: 25px 0;
	--breadcrumb-size: var(--14px-s);
	--breadcrumb-texttransform: uppercase;
	--breadcrumb-weight: 600;
	--breadcrumb-width: calc(100% - var(--breadcrumb-btn-width));
	
	/*Breadcrumb Anchor Styles*/
	--breadcrumb-anchor-color: var(--clr-primary);
	
	/*Breadcrumb Anchor Hover & Focus Styles*/
	--breadcrumb-anchor-color-hover: var(--clr-alt);
	
	/*Breadcrumb Last Styles*/
	--breadcrumb-last-color: var(--text-color); 
	
	/*Breadcrumb Button Styles*/
	--breadcrumb-btn-padding: 10px;
	--breadcrumb-btn-width: calc(var(--mainheader-col-size) + var(--mainheader-horizontal-padding));
	
	/*Breadcrumb Section Styles*/
	--breadcrumb-section-background: #ffffff;
	--breadcrumb-section-border: var(--misc-border);
	--breadcrumb-section-bordercolor: var(--misc-bordercolor);
	
	/*Breadcrumb Wrapper Styles*/
	--breadcrumb-wrapper-gap: 25px;

	/********** Blurb Card Styles **********/
	
	/*Blurb Card Default Styles*/
	--blurbcard-transition: var(--misc-transition);
	
	/*Blurb Card Header Styles*/
	--blurbcard-header-background: var(--clr-primary);
	--blurbcard-header-color: #ffffff;
	--blurbcard-header-letterspacing: 0.91;
	--blurbcard-header-lineheight: 1.125;
	--blurbcard-header-padding: 8px 10px;
	--blurbcard-header-size: var(--12px-s);
	--blurbcard-header-weight: 600;
	
	/*Blurb Card Image Styles*/
	--blurbcard-image-aspectratio: 1;
	--blurbcard-image-background: #ffffff;
	--blurbcard-image-border: var(--misc-border);
	--blurbcard-image-bordercolor: var(--misc-bordercolor);
	--blurbcard-image-padding: 20px;
	
	/*Blurb Card Hover & Focus Styles*/
	--blurbcard-header-background-hover: var(--clr-gray);
	--blurbcard-header-color-hover: var(--clr-primary);
	
	/********** Value-Added Blurb Styles **********/
	
	--valueadded-background: #ffffff;
	--valueadded-border: var(--misc-border);
	--valueadded-bordercolor: var(--misc-bordercolor);
	--valueadded-padding: 50px 25px;
	
	--valueadded-icon-color: var(--clr-primary);
	--valueadded-icon-size: 75px;
	
	--valueadded-header-color: var(--header-color);
	--valueadded-header-size: var(--h4-size);
	
	--valueadded-text-color: inherit;
	--valueadded-text-size: var(--14px-s);
	--valueadded-text-weight: 600;
	
	/********** Team Member Styles **********/
	
	/*Team Member Default Styles*/
	--team-background: #ffffff;
	--team-border: var(--misc-border);
	--team-bordercolor: var(--misc-bordercolor);
	--team-padding: 20px;
	--team-transition: var(--misc-transition);
	
	/*Team Member Name Styles*/
	--team-name-color: #ffffff;
	--team-name-size: var(--24px-r);
	--team-name-weight: 600;
	--team-name-letterspacing: 0;
	--team-name-lineheight: 1.5;
	--team-name-texttransform: uppercase;
	
	/*Team Member Info Styles*/
	--team-info-background: var(--clr-primary);
	--team-info-color: #ffffff;
	--team-info-size: var(--14px-s);
	--team-info-weight: 400;
	--team-info-letterspacing: 0.35px;
	--team-info-lineheight: 2;
	--team-info-height: calc(100% - (var(--team-info-padding) * 2));
	--team-info-width: calc(100% - (var(--team-info-padding) * 2));
	--team-info-padding: 20px;
	--team-info-texttransform: none;

	/*Team Member Image Styles*/
	--team-image-aspectratio: 1;
	
	/********** Testimonial Styles **********/
	
	/*Testimonial Default Styles*/
	--testimonial-background: #ffffff;
	--testimonial-border: var(--misc-border);
	--testimonial-bordercolor: var(--misc-bordercolor);
	
	/*Testimonial Content Styles*/
	--testimonial-content-color: var(--text-color);
	--testimonial-content-letterspacing: 1.17px;
	--testimonial-content-lineheight: 1.5;
	--testimonial-content-size: var(--32px-r);
	--testimonial-content-style: italic;
	--testimonial-content-weight: 300;
	
	/*Testimonial Giver Styles*/
	--testimonial-giver-color: var(--clr-primary);
	
	/*Testimonial Subheader Styles*/
	--testimonial-subheader-color: var(--clr-secondary);
	
	/*Testimonial :before Styles*/
	--testimonial-before-background: var(--clr-secondary);
	--testimonial-before-border: var(--misc-border);
	--testimonial-before-bordercolor: var(--clr-primary);
	
	/*Testimonial Next/Prev Button Styles*/
	--testimonialbtn-border: var(--misc-border);
	--testimonialbtn-transition: var(--misc-transition);
	
	/*Testimonial Prev Button Styles*/
	--testimonialbtn-prev-background: #ffffff;
	--testimonialbtn-prev-bordercolor: #000000;
	--testimonialbtn-prev-color: #000000;
	
	/*Testimonial Next Button Styles*/
	--testimonialbtn-next-background: var(--clr-secondary);
	--testimonialbtn-next-bordercolor: var(--clr-secondary);
	--testimonialbtn-next-color: #ffffff;
	
	/*Testimonial Next/Prev Button Hover & Focus Styles*/
	--testimonialbtn-background-hover: var(--clr-gray);
	--testimonialbtn-bordercolor-hover: var(--clr-gray);
	--testimonialbtn-color-hover: #000000;
	
	/********** Post Card Styles **********/
	
	/*Post Card Default Styles*/
	--postcard-background: #ffffff;
	--postcard-border: var(--misc-border);
	--postcard-bordercolor: var(--misc-bordercolor);
	--postcard-padding: 0;
	--postcard-transition: var(--misc-transition);
	
	/*Post Card Image Styles*/
	--postcard-image-aspectratio: 16/9;
	
	/*Post Card Meta Styles*/
	--postcard-meta-padding: 15px 25px;
	
	/*Post Card Element Styles*/
	--postmeta-span-color: #000000;
	--postmeta-span-letterspacing: 0.78px;
	--postmeta-span-lineheight: 1;
	--postmeta-span-size: var(--12px-s);
	--postmeta-span-texttransform: uppercase;
	--postmeta-span-weight: 600;
	--postmeta-title-color: var(--header-color);
	--postmeta-title-size: var(--h4-size);
	
	/*Post Card Hover & Focus Styles*/
	--postcard-background-hover: var(--clr-offwhite);
	--postcard-bordercolor-hover: var(--clr-primary);
	--postmeta-span-color-hover: var(--clr-primary);
	--postmeta-title-color-hover: inherit;
	
	/********** Form Styles **********/
	
	/*Form Layout Styles*/
	--form-gap: 25px;
	
	/*Form Pseudo Styles*/
	--form-placeholder-color: rgba(0,0,0,0.25);
	--form-autofill-color: #000000;
	
	/*Form Field Styles*/
	--form-field-background: transparent;
	--form-field-borders: var(--misc-border);
	--form-field-bordercolor: var(--misc-bordercolor);
	--form-field-padding: 10px 16px;
	--form-field-transition: var(--misc-transition);
	
	--form-input-border: var(--misc-border);
	--form-input-bordercolor: rgba(0, 0, 0, 0.1);
	--form-input-color: #000000;
	--form-input-fontfamily: var(--poppins);
	--form-input-letterspacing: 0;
	--form-input-lineheight: 1.25;
	--form-input-texttransform: initial;
	--form-input-size: var(--16px-s);
	--form-input-weight: 400;
	
	/*Form Label Styles*/
	--form-label-color: var(--clr-primary);
	--form-label-fontfamily: var(--poppins);
	--form-label-letterspacing: 0.91px;
	--form-label-lineheight: 1.25;
	--form-label-texttransform: uppercase;
	--form-label-size: var(--12px-s);
	--form-label-weight: 600;
	
	/*Form Hover & Focus Styles*/
	--form-field-background-hover: inherit;
	--form-field-bordercolor-hover: var(--clr-primary);
	--form-input-bordercolor-hover: var(--clr-primary);
	
	/* --- Main Header Styles --- */
	
	/*Topbar Styles*/
	--topbar-border: var(--misc-border);
	--topbar-bordercolor: var(--misc-bordercolor);
	--topbar-padding: var(--topbar-vertial-padding) var(--mainheader-horizontal-padding);
	--topbar-vertial-padding: 8px;
	--topbar-separator-offset: calc(((var(--topbar-menu-gap) / 2) * -1) - var(--topbar-separator-width));
	--topbar-separator-width: 2px;
	--topbar-separator-height: calc(100% - var(--topbar-menu-padding));
	--topbar-separator-color: var(--clr-offwhite);
	--topbar-menu-color: #000000;
	--topbar-menu-color-hover: var(--clr-alt);
	--topbar-menu-size: var(--12px-s);
	--topbar-menu-padding: 5px;
	--topbar-menu-gap: 9px;
	
	/*Prmary Nav Styles*/
	--primarynav-padding: var(--primarynav-vertical-padding) var(--mainheader-horizontal-padding);
	--primarynav-vertical-padding: 12px;
	--primarynav-menu-size: var(--14px-s);
	--primarynav-menu-padding: 8px;
	--primarynav-menu-gap: 8px;
	
	/*Main Header Menu Default Styles*/
	--mainheader-menu-color: #000000;
	--mainheader-menu-color-hover: var(--clr-primary);
	--mainheader-menu-font: var(--poppins);
	--mainheader-menu-letterspacing: 0.78px;
	--mainheader-menu-texttransform: uppercase;
	--mainheader-menu-weight: 600;
	--submenu-closebtn-width: 44px;
	
	/*Main Header Search Bar Styles*/
	--mainheader-search-background: var(--clr-offwhite);
	--mainheader-search-border: var(--misc-border);
	--mainheader-search-bordercolor: var(--clr-primary);
	--mainheader-search-bordercolor-hover: var(--clr-alt);
	--mainheader-search-radius: 0;
	--mainheader-search-color: #000000;
	--mainheader-search-size: var(--14px-s);
	--mainheader-search-weight: 400;
	
	/*Main Header Misc Styles*/
	--mainheader-border: var(--misc-border);
	--mainheader-bordercolor: var(--misc-bordercolor);
	--mainheader-horizontal-padding: 25px;
	--mainheader-ctabtn-width: 100%;
	--mainheader-height-offset: 64px;
	
	/********** Misc Styles **********/
	--misc-border: solid 1px;
	--misc-bordercolor: var(--clr-gray);
	--misc-transition: all 0.2s ease 0s;
}

@media screen and (min-width: 981px) { 
	
	:root {	
		/* --- Special Layout Styles --- */
		--nearlyfull-width: min(90%, calc(var(--nearlyfull-maxwidth) + var(--nearlyfull-offset)));
		--nearlyfull-offset: calc((100vw - var(--nearlyfull-maxwidth)) / 2);
		
		/* --- Main Header Styles --- */
		
		/*Main Header Column Styles*/
		--mainheader-menu-width: calc(100% - (var(--mainheader-col-width) * 2));
		--mainheader-col-width: calc(var(--mainheader-col-size) + (var(--mainheader-horizontal-padding) * 2));
		--mainheader-col-size: 200px;
		
		/* Main Header Misc Styles */
		--mainheader-height-offset: 107px;
		--mainheader-ctabtn-width: calc(100% - var(--mainheader-horizontal-padding));
	}
	
}

@media screen and (min-width: 1281px) { 
	
	:root {	
		/* --- Main Header Styles --- */
		
		/*Main Header Column Styles*/
		--mainheader-col-size: 250px;
	}
	
}