
html,body{
		 font-family: Helvetica Now Text;
}

.labelCircle{
	margin-left: 80% !important;
	margin-top: 0.7rem;
}

.unset.row.csi-breadcrumbs span {
	font-size: .8rem;
	margin: 0 0.25rem;
}

div.csi-insidepages> div.row.unset{
	border-bottom: 1px solid #d9d9d9 !important;
}

.csi-breadcrumbs,
.csi-breadcrumbs a{
	color: #67686A;
	font-size: 0.9rem;
}


.iconGridSection > div.row > div.col-md-4{
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

section.icon-grid{
	position: relative !important;
}

section.icon-grid:before {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: "";
	background: #f2f2f2;
	z-index: -1;
}

.centeredImageContainer,
.full-width-module{
	z-index: 1;
	position: relative;
}

.full-width-module > .row{
	padding: 5rem 0;
}

.full-width-module h3{
	color: #fff;
}

.full-width-module p{
	color: #2F9F93;
}

.footer-bar{
	color: #fff;
	border-bottom: 4px solid #2f9f93 !important;
	padding: 0 10%;
}

.footer-bar a{
	text-decoration: underline;
}

div.row.copyright{
	padding: 1rem 0;
}

.csi-insidepages .csi-hero .tagline h2{
	font-family: Helvetica Now Display;
}

h1,h2,h3,h4,h5,h6{
	letter-spacing: -.07rem;
}

.carousel-caption h1{
	letter-spacing: -.3rem;
}

.mobile-open-account{
	background: #2F9F93;
	width: 100%;
	text-align: center;
	padding: 1.5rem;
}

.mobile-open-account a{
	color: #fff;
	text-decoration: none;
}


.csi-insidepages .csi-hero{
	min-height: 700px;
}


.people-section .people-grouping{
	padding: 0 10%;
}


/* Navigation */

#csiMenuWrapper .menu-modal-inner{
	margin-top: 115px;
}

#csiMenuWrapper .modal-menu li{
	width: 16%;
}

nav.expanded-menu{
	padding-left: 0;
}

#csiMenuWrapper .modal-menu li > ul.sub-menu > li{
	width: 100%;
}

#csiMenuWrapper .modal-menu > li > a,
#csiMenuWrapper .modal-menu > li > .ancestor-wrapper > a{
	 font-family: Helvetica Now Text Med !important;
	 padding: 1.5rem 0;
	 letter-spacing: 0;
}


#blog-hero .tagline h2,
#blog-hero .tagline p{
	color: #fff;
}

#blog-hero .tagline{
	margin-bottom: 3rem;
}

.quickLinksButton .fresnoBlogPostPic{
	transition: all .5s;
}

.quickLinksButton:hover .fresnoBlogPostPic{
	transform: scale(1.1);
	transition: all .5s;
}

section#blog-posts{
	margin-top: 0;
	padding-top: .5rem;
}

.csi-breadcrumbs{
	border-bottom: 1px solid #d9d9d9;
}

div.inside-panel-group .panel{
	border-bottom: 1px solid #d6d6d6;
}

.panel .inside-header-content {
	padding: .75rem 0;
}

	div.inside-panel-group .plus{
		top: 1.25rem;
	}


section.two-column-header {
	padding-top: 4rem;
}

section.two-column-header p{
	padding-right: 4rem;
}

.csi-homePage .centeredBackground p{
	margin-bottom: 2rem; }

.csi-carousel-arrows{
	border-bottom: 1px solid #d9d9d9 !important;
}


.image-split-section .below-image-text{
	font-size: .9rem;
}

/* this is probably a no no... */
/*
.parent-pageid-363 .iconGridSection > div.row > div.col-md-4{
	text-align: center !important;
}
*/


 @media (max-width: 1470px) {

	.csi-Menu-toggles{
		margin-left: auto !important;
	}

}


@media (max-width: 992px) {

	#csiMenuWrapper .toggle-inner .toggle-text{
		display: none;
	}

	.toggle-inner .toggle-icon {
	 	display: block;
	}
}



@media (max-width: 768px) {

	.people-section .people-grouping{
			overflow-x:scroll;
			overflow-y: hidden;
			height:350px;
			padding: 0;
			margin: 2rem 0;
	}

	.people-section .people-grouping .row{
		flex-wrap: nowrap;
	}

	.people-section .people-grouping .peopleRow{
		 width: auto;
		 white-space:nowrap;
		 padding-left: 2rem;
		 height: 300px;
	}


	.people-section .people-grouping .peopleRow .person{
		display: inline-block;
		width: 200px;
		-ms-flex: 0 0 200px;
		flex: 0 0 200px;
		max-width: 200px;
	}

	/* Scrollbar */

	.people-section{
		padding: 0 2rem;
	}

	.people-section .people-grouping::-webkit-scrollbar-thumb{
		background-color: #2F9F93;
		outline: 1px solid #2F9F93;
		border-radius: 100px;
	}

	.people-section .people-grouping::-webkit-scrollbar {
		height: 4px;				/* height of horizontal scrollbar ← You're missing this */
		width: 4px;				/* width of vertical scrollbar */
		border: 1px solid lightgray;
		background-color: lightgray;
		border-radius: 100px;
	}


	#hero-section-child p {
		font-size: 1.2rem !important;
	}


	/* navbar */
	#csiMenuWrapper .modal-menu li{
		width: 100%;
	}


	/* mobile X */

	#csiMenuWrapper button.close-nav-toggle{
		display: block;
		 width: 78px;
		 height: 78px;
		 background: white;
		 border-radius: 1000px;
		 padding: 0 0 0 30px !important;
		 margin: 0 auto;
		 border: 1px solid #d9d9d9 !important;
	}



	.circle{
		display: inline-block;
		margin-left: 112px;
	}

	#csiMenuWrapper button.toggle:focus{
		width: auto;
	}





	#csiMenuWrapper .menu-modal-inner{
		padding-top: 4rem;
		margin-top: 0;
		background: #fff;
	}





	/* menu */

	#csiMenuWrapper .modal-menu li > ul.sub-menu > li{
		padding: 0.5rem 0;
	}

	button.toggle.sub-menu-toggle.fill-children-current-color{
		font-size: 1.25rem !important;
	}

	button.toggle.sub-menu-toggle.fill-children-current-color.active {
		transform: rotate(45deg);
		transition: 0.4s all;
	}

	ul.sub-menu {
		margin: -.5rem 0 1rem 0 !important;
	}

	#csiMenuWrapper .modal-menu{
		padding-left: 0 !important;
		padding-right: 0 !important;
		position: relative;
		left: -4vw;
		width: 100vw;
		max-width: 92vw;
	}

	#csiMenuWrapper .modal-menu ul li a{
		font-size: 1rem;
		color: #67686A;
	}




	.image-right-split-section img{
		max-width: 100%;
		height: auto;
		margin: 1.5rem 0;
	}

	.imageSplitSectionTextLeft{
		top: 0;
	}


	.splitSectionBackground-image{
		padding: 0 2.5rem !important;
		width: auto;
	}

	.imageSplitSectionTextLeft,
	.imageSplitSectionTextRight {
		 margin-left: 0 !important;
	}

	.splitSectionBackgroundImage{
		display: none;
	}

	.verticalCenter .splitSectionImage img{
		margin: 0 !important;
		padding: 0 !important;
	}

	.image-split-section.verticalCenter .splitSectionImage > img{
		width: 100%;
	}

	div.imageSplitSectionTextLeft{
		margin: 1.5rem 0;
	}

	.splitSectionImage{
		padding-top: 0;
	}


}










@media (max-width: 568px) {


	section#hero-section-child{
		min-height: 450px !important;
	}

		.csi-insidepages .csi-hero .tagline{
			padding-top: 10% !important;
		}

	section.two-column-header p {
		padding-right: 0 !important;
	}

	section.two-column-header{
		padding-top: 0;
	}

	section.icon-grid {
		padding: 2rem 2.5rem 0 2.5rem !important;
	}

	.iconGridSection > div.row > div.col-md-4 {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	div.inside-panel-group{
		padding: 0 2.5rem;
	}

	.full-width-module > .row{
		padding: 0;
	}


	.col-b{
		order: -1;
	}

	.col-a,
	.col-b,
	.col-d{
		float: none;
		width: auto;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-a{
			  flex: 0 0 25%;
			max-width: 25%;
	}



		.col-d a.csi-btn{
			margin-left: auto !important;
		}

	div.csi-logo{
		margin-right: 1rem;
	}

	div.hero-fade{
		margin: 0;
	}

	.csi-insidepages .csi-hero .tagline{
		margin: 0;
		padding-bottom: 0 !important;
	}

	.csi-insidepages .csi-hero .tagline p,
	.csi-insidepages .csi-hero .tagline h2{
		margin-left: 5%;
		margin-right: 5%;
	}

	.csi-insidepages .csi-hero .tagline p{
		font-size: 1rem !important;
	}

	.csi-insidepages .csi-hero .tagline h2{
		margin-bottom: 1.5rem;
	}

	.centered-section{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}

	.full-width-module .row{
		background-position: top right !important;
	}

	.full-width-module .row .tagLine{
		padding-left: 0 !important;
	}

	.full-width-module .row .tagLine p,
	.full-width-module .row .tagLine h3{
		text-shadow: 0px 0px 24px rgb(0 0 0 / 100%),
		0px 0px 12px rgb(0 0 0 / 75%),
		0px 0px 6px rgb(0 0 0 / 25%);
	}

	.footer-bar {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}

	.footer-bar span{
		text-align: center !important;
		padding: 0;
	}

	.csi-insidepages .csi-hero{
		min-height: 700px;
	}

	.toggle-wrapper button.nav-toggle, #csiMenuWrapper button.toggle{
		/*padding: .75rem;*/
		width: auto;
	}


	.full-width-module .row{
		margin: 8rem 0 2rem !important;
	}

	.circle .toggle-wrapper button.nav-toggle, #csiMenuWrapper button.toggle{
			/*width: 78px*/
		}
		.circle button.toggle.close-nav-toggle.fill-children-current-color {
			width: 78px !important;
		}


}



