/*
Theme Name: bridgewoodag
Theme URI: https://www.bridgewoodag.com/
*/

:root {
	/* CUSTOM SITE COLORS */
	--bw-dkgreen: #274348;
	--bw-ltgreen: #a7bdae;
	--bw-blue: #5C89A7;
	--bw-green: #377689;
	--bw-dkblue: #4f6080;
    
    /* STANDARD COLORS */
    --beige: #FF9900;
    --red: #459939;
    --dkred: #990000;
    --black: #000000;
    --ltgray: #e1e1e1;
    --midgray: #CCCCCC;
    --gray: #999999;
    --dkgray: #666666;
    --white: #ffffff;

}

body {
	background-color: #fff;
	margin: 0px 0px; 
	padding: 0px;
	font-family: 'Source Sans 3', trebuchet ms, arial, verdana, sans-serif;
	color: #333;
	font-size: 14px;
}

* { box-sizing: border-box; }
#wpadminbar { top:auto !important; bottom:0 !important; }
.clear { clear: both;}

.imgFull {width: 100%;}
img.imgFull {width: 100%;}

ul {margin: 0; padding: 0;}
ul li {margin: 0; padding: 0;}

/* iiMenu */
i.iiMenuIcon {margin: 0 0 0 5px;}
ul.iiMenu > li:hover i.iiMenuIcon { rotate: 180deg; }

ul.iiMenu {display: flex; /*justify-content: none;*/ padding: 0 0 0 0px;}
ul.iiMenu li {list-style-type: none; margin: 0; padding: 0;}

ul.iiMenu > li {position: relative; padding: 10px 30px 10px 30px; height: 40px; margin: 0;}
ul.iiMenu > li > a {font-size: 1rem; color: var(--bw-dkblue); text-decoration: none; text-transform: uppercase; font-weight: 500; } /* main menu */
ul.iiMenu > li > a:hover {color: var(--white); text-decoration: none;} /* main menu hover */
ul.iiMenu > li:hover {background-color: var(--bw-dkblue); color: var(--white);}
ul.iiMenu > li:hover > a { color: var(--white);}

ul.iiMenu > li > ul {position: absolute; background-color: var(--bw-dkblue); margin: 0; padding: 10px 30px; min-width: 240px; top: 40px; border-bottom: 2px solid var(--bw-green); left: 0px; justify-self: start;}
ul.iiMenu > li > ul > li {justify-self: start;}
ul.iiMenu ul {visibility: hidden; opacity: 0; transition: opacity 0.5s;}
ul.iiMenu > li:hover > ul {visibility: visible; opacity: 1;}

ul.iiMenu > li > ul a { display: block; color: var(--white); padding: 5px 0; margin: 0; font-weight: 500; } /* subnav level 1 menu */
ul.iiMenu > li > ul a:hover {color: var(--); text-decoration: none;}

ul.iiMenu > li > ul:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0px solid var(--);
    top: -10px;
    left: 25px;
    position: absolute;
}

.scrolled ul.iiMenu > li {position: relative; padding: 20px 30px 20px 30px; height: 60px;}
.scrolled ul.iiMenu > li > ul {top: 60px; }

/* MOBILE SIDENAV */
.mobileNav {display: none;}

#sidenav {
	 position: fixed; 
	 /* switch "right" to "left" to switch sides: */
	 left: calc(-100vw - 10px); transition: left 0.5s;
	 top:0; bottom: 0;
	 width: 100vw; max-width: 500px; /* full screen on small screens */
	 z-index: 99999999999; box-shadow: 0 0 10px #0008;
	 background: var(--bw-dkblue); color: var(--white);
	 font-size:1.2rem;
 }
 #sidenav.active { left: 0; } /* switch "right" to "left" */
 #sidenav-header {margin: 20px 0 0 40px; width: 140px;}
 #sidenav-header img { display: block; width:100%; }
 #sidenav ul { 
	 height: 100vh;
	 padding: 0; 
	 /* add some bottom padding to allow scrolling lower */ 
	 padding-bottom: 350px;  
	 margin: 30px 0 0 10px; 
	 overflow: auto; 
	 border-top: 1px solid #444; 
 }
 #sidenav li { list-style-type: none; border-bottom: 1px solid #444; margin: 0; padding: 5px 2rem; }
 #sidenav a, #sidenav a:visited, #sidenav a.active { color: var(--sidenav-fg,white); text-decoration: none; }
 #sidenav-close { 
	 /* reposition within the sidenav as needed */
	 position: absolute; 
	 right: 1rem; top:1rem; 
	 cursor: pointer; 
	 font-size:1.5em;
	 transition: all 0.2s; 
 }
 #sidenav-close:hover, #sidenav-close:active { color: white; text-shadow: 2px 2px 8px #0008; transform: translate(-2px, -2px); }
 #sidenav-footer { position:absolute; bottom:0; left:0; right:0; height: 100px; display: flex; justify-content: center; align-items: center; background: var(--r-dkblue); text-align: center; font-size: 1rem;}
 
 .sidenav-request {margin: 40px;}

/* TEXT */
.textWhite {color: var(--white);}
.textBlack {color: var(--lc-black);}

.textCenter {text-align: center;}

/* BUTTONS */
a.buttonBlueText {font-size: .9rem; text-transform: uppercase; letter-spacing: 2px; font-weight: 800; border: 2px solid var(--bw-dkblue); padding: 10px 20px; color: var(--bw-dkblue); text-decoration: none;}
a.buttonBlueText:hover {color: var(--white); background-color: var(--bw-dkblue); text-decoration: none;}

a.buttonWhite {font-size: .9rem; text-transform: uppercase; letter-spacing: 2px; font-weight: 800; border: 2px solid var(--white); padding: 10px 20px; color: var(--bw-dkblue); text-decoration: none; background-color: var(--white);}
a.buttonWhite:hover {color: var(--white); background-color: var(--bw-dkblue); text-decoration: none;}

a.buttonMobleRequest {width: 100%; font-size: .9rem; text-transform: uppercase; letter-spacing: 2px; font-weight: 800; border: 2px solid var(--white); padding: 10px 20px; color: var(--white); text-decoration: none;}
a.buttonMobleRequest:hover {color: var(--white); background-color: var(--bw-dkblue); text-decoration: none;}

/* LINKS */
a.linkDkBlue {color: var(--bw-blue); text-decoration: none;}
a:visited.linkDkBlue {color: var(--bw-blue); text-decoration: none;}
a:hover.linkDkBlue {color: var(--bw-blue); text-decoration:underline;}

/* HEADINGS */
h1.titleMain {font-size: 3rem; font-weight: 300; text-transform: uppercase; color: var(--bw-dkblue); margin: 0; padding: 0;}
h3.subtitleMain {font-size: 1.6rem; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: var(--bw-dkblue); margin: 0; padding: 0;}
h3.subtitleMain2 {font-size: 1.4rem; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: var(--bw-dkblue); margin: 0; padding: 0;}
h3.subtitleMain3 {font-size: 1.6rem; font-weight: 400; color: var(--bw-dkblue); margin: 0; padding: 0;}

h3.titleMain3 {font-size: 2.4rem; font-weight: 300; text-transform: uppercase; color: var(--bw-dkblue); margin: 0; padding: 0;}

h3.personTitle {font-size: 1.8rem; line-height: 2rem; font-weight: 300; color: var(--bw-dkblue); margin: 10px 0 0 0; padding: 0;}
h4.personDesc {font-size: 1rem; line-height: 1.4rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--bw-dkblue); margin: 5px 0 30px 0; padding: 0;}

/* HEADER */
.m-headerContainer {display: none;}
.m-headerSectionPic {display: none;}

.headerWrapper {position: fixed; width: 100%; z-index: 99999; transition: .2s all;}
.headerContainer {display: grid; grid-template-columns: 1fr 280px 1fr; grid-column-gap: 20px; padding: 20px 0; transition: .2s all; align-items: center;}
.headerLogo {width: 100%; transition: .2s all;} .headerLogo img {width: 100%; transition: .2s all;}
.headerLinks-left {text-align: right;}

.scrolled .headerWrapper {background-color: var(--white); border-bottom: 2px solid var(--bw-dkblue);}
.scrolled .headerContainer {grid-template-columns: 1fr 160px 1fr; padding: 0px 0 0 0; align-items: center; margin: 0;}

ul.navRightul {border-top: 2px solid var(--bw-dkblue); border-bottom: 2px solid var(--bw-dkblue); justify-self: end;}
ul.navLeftul {border-top: 2px solid var(--bw-dkblue); border-bottom: 2px solid var(--bw-dkblue); justify-self: start;}

.scrolled ul.navRightul {border: 0px;}
.scrolled ul.navLeftul {border: 0px;}
.scrolled .headerLogo img {margin: 6px 0 0 0;}

.headerSectionPic {width: 100%; height: 300px; background: var(--white) url('images/header-sectionpic-1.jpg') no-repeat top ;}

/* LAYOUT */
.mHeroWrapper {display: none;}

.grid-1-1-1 {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 30px;}
.grid-1-1 {display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 60px;}

.heroWrapper {
    width: 100%;
    max-height: 1200px;
    aspect-ratio: 16 / 9;
    background: #fff url('images/hero-slider-1.jpg') no-repeat top;
    background-size: cover;
    position: relative;
    z-index: 8888;
    border-top: 0px solid #fff;
}

.heroctaWrapper {position: absolute; width: 60%; max-width: 1400px; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 50px 50px; text-align: center; background-color: #4f6080CC;}
.herocta-main {font-size: 2.4rem; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-weight: 300;}
.herocta-sub {font-size: 1.4rem; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-weight: 600;}
.herocta-buttons {margin: 50px auto; text-align: center;}
.herocta-buttons a {margin: 0 30px;}

.featuresContainer {width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr ;grid-column-gap: 30px; margin: 30px 0 10px 0; padding: 0 0 30px 0; border-bottom: 1px solid var(--midgray);}
.featureHolder {background-color: var(--ltgray); padding: 30px 50px 40px 50px;}
.featureText {font-size: 1rem; line-height: 1.6rem; margin: 20px 0 30px 0;}
.featureText2 {font-size: 1.2rem; line-height: 1.8rem; margin: 20px 0;}

.fpSect3Container {width: 90%; margin: 100px auto; display: grid; grid-template-columns: 1.5fr 2fr; grid-column-gap: 100px; align-items: center;}

.pageTitle-Container {width: 90%; margin: 100px auto; text-align: center;}
.separatorDkBlue {width: 90%; max-width: 300px; border-bottom: 5px solid var(--bw-dkblue); margin: 80px auto;}

.lineGray {width: 100%; border-top: 1px solid var(--midgray); margin: 0; padding: 0;}

.pageWrapper {width: 90%; margin: 0 auto; }

.contentWrapper {width: 100%; margin: 0 auto; font-size: 1.2rem; line-height: 1.8rem; color: var(--bw-dkblue);}
.contentWrapper ul {margin: 30px 0 0 50px;}

.fpTeam-Container {width: 90%; margin: 0 auto;}
.fpTeam-text {width: 80%; max-width: 1200px; margin: 0 auto; font-size: 1.2rem; line-height: 1.8rem;}

.fpTeam-ProfilesContainer-1 {width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 50px; grid-row-gap: 50px; margin: 80px 0;}
.fpTeam-ProfilesContainer-2 {width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 50px; grid-row-gap: 50px; margin: 80px 0;}
.personHolder {width: 100%; text-align: center;}
.profile-pic-wrapper {width: 250px; height: 250px; border-radius: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 0 auto;} 
.profile-pic {width: 100%; height: 100%; object-fit: cover;}

.featureNumber {font-size: 2.4rem; font-weight: 300; color: var(--bw-dkblue);}
.featureTitle {font-size: 1rem; line-height: 1.4rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--bw-dkblue); }

.bioWrapper {width: 100%; display: grid; grid-template-columns: 300px auto; grid-column-gap: 100px;}
.bioSidebar {text-align: center;}

.newsWrapper {width: 90%; margin: 100px auto; display: grid; grid-template-columns: 300px auto; grid-column-gap: 80px;}
ul.newsCategories {margin: 0; padding: 0;}
ul.newsCategories li {font-size: 1rem; background-color: var(--bw-dkblue); color: var(--white); padding: 6px 10px; margin: 10px 0;}
ul.newsCategories li a {color: #fff; text-decoration: none;}
ul.newsCategories li a:visited {color: #fff; text-decoration: none;}
ul.newsCategories li a:hover {color: #fff; text-decoration: underline;}

.story-holder {}
.story-date {font-size: 1rem; color: va(--gray);}
.story-title {font-size: 1.8rem; font-weight: 300; text-transform: uppercase; color: var(--bw-dkblue);}
.story-teaser {font-size: 1.2rem; margin: 20px 0;}
.story-more {margin: 40px 0 0 0;}

.testimonialGrid {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 40px; grid-row-gap: 40px;}
.testimonialHolder {border: 1px solid var(--gray); padding: 30px; font-size: 1.2rem; }
.testimonialPerson {font-weight: 600; font-size: 1rem; margin: 20px 0 0 0;}

/* FOOTER */
.quoteWrapper {width: 100%; padding: 150px 0 100px 0; margin: 100px auto 0 auto; border-top: 1px solid var(--midgray);}
.quoteicon {font-size: 14rem; color: var(--bw-blue); position: absolute; top: 20px; left: -200px; font-weight: 800;}
.quoteicon2 {font-size: 14rem; color: var(--bw-blue); position: absolute; bottom: 0px; right: -200px; font-weight: 800;}

.quote-holder {width: 60%; max-width: 1440px; margin: 0 auto; font-size: 1.8rem; font-weight: 300; line-height: 2.4rem; color: var(--bw-dkblue); position: relative; text-align: center;}
.quote-person {margin: 30px 0 0 0; font-size: 1.2rem; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; line-height: 1.6rem;}

.logosWrapper {width: 100%; background-color: var(--ltgray); padding: 100px 0;}
.logosContainer {width: 80%; margin: 0 auto; text-align: center;}

.clientlogosWrapper-1 {width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 60px; align-items: center; margin: 30px auto;}
.clientlogosWrapper-2 {width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 60px; align-items: center; margin: 30px auto;}
.clientlogoHolder {width: 100%; max-width: 250px; margin: 0 auto;}
img.clientLogo {width: 100%;}

.footerWrapper {width: 100%; padding: 60px 0; background-color: var(--bw-dkblue);}
.footerContainer {width: 90%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; align-items: center;}
.copyright {font-size: .8rem; color: var(--white); text-transform: uppercase; letter-spacing: 2px;}
.contactinfo { text-align: right; font-size: 1rem; color: var(--white); text-transform: uppercase; letter-spacing: 2px;}

@media only screen and (max-width: 1440px) {
ul.iiMenu > li {position: relative; padding: 10px 15px 10px 15px; height: 40px; margin: 0;}	
.headerContainer {display: grid; grid-template-columns: 1fr 240px 1fr; grid-column-gap: 20px; padding: 20px 0; transition: .2s all; align-items: center;}
.heroctaWrapper {width: 80%; }
}

@media only screen and (max-width: 1199px) {
.headerContainer {display: grid; grid-template-columns: 1fr 200px 1fr; grid-column-gap: 20px; padding: 20px 0; transition: .2s all; align-items: center;}
.headerSectionPic {width: 100%; height: 200px; background: var(--white) url('images/header-sectionpic-1-mid.jpg') no-repeat bottom;}
ul.iiMenu > li {position: relative; padding: 10px 10px 10px 10px; height: 40px; margin: 0;}	

.heroctaWrapper {width: 80%; }
.herocta-buttons a {margin: 0 10px;}

.featuresContainer {grid-template-columns: 1fr 1fr; grid-column-gap: 30px; grid-row-gap: 30px; margin: 30px 0 10px 0; padding: 0 0 30px 0; border-bottom: 1px solid var(--midgray);}

.fpSect3Container {grid-template-columns: auto; grid-column-gap: 0px; grid-row-gap: 80px; align-items: center;}
.grid-1-1 {display: grid; grid-template-columns: 1fr; grid-column-gap: 60px; grid-row-gap: 30px;}
.imgState {max-width: 500px; margin: 0 auto;}
.mCenter {text-align: center; margin: 0 auto;}

.fpTeam-ProfilesContainer-1 {width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; grid-row-gap: 50px; margin: 80px 0;}
.fpTeam-ProfilesContainer-2 {width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; grid-row-gap: 50px; margin: 80px 0;}

.testimonialGrid {display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 40px; grid-row-gap: 40px;}

}

@media only screen and (max-width: 1023px) {
.headerContainer {display: none;}	
.m-headerContainer {display: grid; grid-template-columns: 200px auto; align-items: center; width: 90%; margin: 0 auto; padding: 15px 0; transition: .2s all;}
.m-headerNav {text-align: right;}
.m-headerNav {font-size: 1.4rem; color: var(--bw-dkblue);}

.scrolled .m-headerContainer {display: grid; grid-template-columns: 140px auto; align-items: center; width: 90%; margin: 0 auto; padding: 5px 0;}

.headerSectionPic {display: none;}
.m-headerSectionPic {display: block; width: 100%; border-top: 80px solid #fff;}
.m-headerSectionPic img {width: 100%;}

.heroWrapper {display: none;}
.mHeroWrapper {display: block; width: 100%; border-top: 80px solid #fff; position: relative;}
.mHeroWrapper img {width: 100%;}
.mherocta-main {font-size: 2rem; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-weight: 300;}
.mherocta-sub {font-size: 1.2rem; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-weight: 600;}

.quoteWrapper {width: 90%; padding: 150px 0 100px 0; margin: 100px auto 0 auto; border-top: 1px solid var(--midgray);}
.quoteicon {font-size: 10rem; color: var(--bw-blue); position: absolute; top: 20px; left: -100px; font-weight: 800;}
.quoteicon2 {font-size: 10rem; color: var(--bw-blue); position: absolute; bottom: 70px; right: -100px; font-weight: 800;}

.quote-holder {width: 60%; max-width: 1440px; margin: 0 auto; font-size: 1.4rem; font-weight: 300; line-height: 2rem; color: var(--bw-dkblue); position: relative; text-align: center;}

.newsWrapper {width: 90%; margin: 100px auto; display: grid; grid-template-columns: 220px auto; grid-column-gap: 80px;}

.testimonialGrid {display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 40px; grid-row-gap: 40px;}
	
	@media only screen and (max-width: 1023px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {	
		.headerContainer {display: none;}	
		.m-headerContainer {display: grid; grid-template-columns: 200px auto; align-items: center; width: 90%; margin: 0 auto; padding: 15px 0; transition: .2s all;}
		.m-headerNav {text-align: right;}
		.m-headerNav {font-size: 1.4rem; color: var(--bw-dkblue);}

		.scrolled .m-headerContainer {display: grid; grid-template-columns: 140px auto; align-items: center; width: 90%; margin: 0 auto; padding: 5px 0;}

		.headerSectionPic {display: none;}
		.m-headerSectionPic {display: block; width: 100%; border-top: 80px solid #fff;}
		.m-headerSectionPic img {width: 100%;}

		.heroWrapper {display: none;}
		.mHeroWrapper {display: block; width: 100%; border-top: 80px solid #fff; position: relative;}
		.mHeroWrapper img {width: 100%;}
		.mherocta-main {font-size: 2rem; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-weight: 300;}
		.mherocta-sub {font-size: 1.2rem; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-weight: 600;}

		.quoteWrapper {width: 90%; padding: 150px 0 100px 0; margin: 100px auto 0 auto; border-top: 1px solid var(--midgray);}
		.quoteicon {font-size: 10rem; color: var(--bw-blue); position: absolute; top: 20px; left: -100px; font-weight: 800;}
		.quoteicon2 {font-size: 10rem; color: var(--bw-blue); position: absolute; bottom: 70px; right: -100px; font-weight: 800;}

		.quote-holder {width: 60%; max-width: 1440px; margin: 0 auto; font-size: 1.4rem; font-weight: 300; line-height: 2rem; color: var(--bw-dkblue); position: relative; text-align: center;}

		.newsWrapper {width: 90%; margin: 100px auto; display: grid; grid-template-columns: 220px auto; grid-column-gap: 80px;}
		
		.testimonialGrid {display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 40px; grid-row-gap: 40px;}
	}

}

@media only screen and (max-width: 767px) {
.m-headerContainer {display: grid; grid-template-columns: 180px auto; align-items: center; width: 90%; margin: 0 auto; padding: 15px 0; transition: .2s all;}
	
.featuresContainer {grid-template-columns: 1fr; grid-column-gap: 0px; grid-row-gap: 30px; margin: 30px 0 10px 0; padding: 0 0 30px 0; border-bottom: 1px solid var(--midgray);}
.grid-1-1-1 {display: grid; grid-template-columns: 1fr; grid-column-gap: 0px; grid-row-gap: 30px;}

.clientlogosWrapper-1 {width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; grid-row-gap: 30px; align-items: center; margin: 30px auto;}
.clientlogosWrapper-2 {width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; grid-row-gap: 30px; align-items: center; margin: 30px auto;}

.footerContainer {width: 90%; margin: 0 auto; display: grid; grid-template-columns: 1fr; align-items: center;}
.copyright {text-align: center;}
.contactinfo {text-align: center; margin: 30px 0 0 0;}
	
.heroctaWrapper {width: 90%; padding: 30px 20px;}	
.mherocta-main {font-size: 1.2rem; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 300;}
.mherocta-sub {font-size: 1rem; color: #fff; text-transform: uppercase; letter-spacing: .8px; font-weight: 600;}	
	
.profile-pic-wrapper {width: 200px; height: 200px; border-radius: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 0 auto;} 	
.fpTeam-ProfilesContainer-1 {width: 100%; display: grid; grid-template-columns: 1fr; grid-column-gap: 0px; grid-row-gap: 50px; margin: 80px 0;}
.fpTeam-ProfilesContainer-2 {width: 100%; display: grid; grid-template-columns: 1fr; grid-column-gap: 0px; grid-row-gap: 50px; margin: 80px 0;}	

.quoteicon {font-size: 4rem; color: var(--bw-blue); position: absolute; top: 0px; left: -30px; font-weight: 800;}
.quoteicon2 {font-size: 4rem; color: var(--bw-blue); position: absolute; bottom: 70px; right: -30px; font-weight: 800;}

.quote-holder {width: 80%; max-width: 1440px; margin: 0 auto; font-size: 1.4rem; font-weight: 300; line-height: 2rem; color: var(--bw-dkblue); position: relative; text-align: center;}
	
h1.titleMain {font-size: 2rem;}
h3.subtitleMain {font-size: 1.2rem; }
h3.subtitleMain2 {font-size: 1rem; }
h3.subtitleMain3 {font-size: 1.2rem; }

h3.titleMain3 {font-size: 1.8rem; font-weight: 300; text-transform: uppercase; color: var(--bw-dkblue); margin: 0; padding: 0;}

h3.personTitle {font-size: 1.4rem; line-height: 2rem; font-weight: 300; color: var(--bw-dkblue); margin: 10px 0 0 0; padding: 0;}
h4.personDesc {font-size: 1rem; line-height: 1.4rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--bw-dkblue); margin: 5px 0 30px 0; padding: 0;}	

.bioWrapper {width: 100%; display: grid; grid-template-columns: auto; grid-column-gap: 0px; grid-row-gap: 40px;}
.newsWrapper {width: 90%; margin: 100px auto; display: grid; grid-template-columns: auto; grid-column-gap: 0px; grid-row-gap: 40px;}	

.testimonialGrid {display: grid; grid-template-columns: 1fr; grid-column-gap: 40px; grid-row-gap: 40px;}
	
}

@media only screen and (max-width: 480px) {
	
	
}