/*****************/
/* ABOUT US PAGE */
/*****************/

/*! STAGE SETTING RULES */
.grid-subcategories,
#categoryHeader,
.t-category-list__category,
.c-custom-select__container,
#sideBox,
#sidebar,
#breadcrumbs,
.c-recommendations,
h1.inner {
	display: none !important;
}

.area-CustomerServiceArea .t-main__content-with-side-bar
{ 
    width: 100% !important;
}

.wrapper>[id="sideBox"] ~ [id="mainContent"] {
	width: 100% !important;
}

div[class*="module-"] + div[class*="module-"] {
	margin-top: 80px;
}

div[data-tracking="About Us"] p,
.module-callout h3 {
	line-height: 1.8;
}

/*! UTILS **/
.overlay-component {
	position: absolute;
}

.right-float-img {
	float: right;
	margin-left: 7%;
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 350px;
}

.gray-wrapper {
	background-color: #f2f3ed;
}

/*! HERO RULES **/
.module-hero .overlay-component {
	top: unset;
	bottom: 5%;
	left: 0;
	right: 0;
	background-color: rgba(255,255,255,0.8);
	padding: 1.5% 0;
	text-align: center;
}

.module-hero .overlay-component .inner-wrapper {
	margin-left: 15%;
	margin-right: 15%;
}

.about-section-space
{
	margin: 50px auto;
}

.text-col
{
	padding: 0px 0px 0px 8%;
}

.text-col-r
{
	padding: 0px 8% 0px 0px;
}



/* Only Desktop */
@media (min-width: 769px) {

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

	.gray-wrapper {
		padding: 7% 1.5%;
	}
	
	.footer .gray-wrapper {
		padding: 1.5% 3%;
		display: flex;
    	justify-content: space-around;

	}

	.module-virtues img {
		margin-bottom: 30px;
	}
	
	.module-virtues p {
		word-break: break-word;
		overflow-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

}


/* Only mobile */
@media (max-width: 768px) {
	div[class*="module-"] .row
	{
		justify-content: center;
	}

	div[class*="module-"] + div[class*="module-"] {
		margin-top: 45px;
	}

	.module-hero .overlay-component .inner-wrapper {
		margin: auto;
		
	}
	.underlay-component .flex-justified {
		display: flex;
		justify-content: space-between;
		padding-left: 12px;
		padding-right: 12px;
	}
	

	.module-hero .col-xs-12 {
		padding: 0;
	}
	
	.module-hero a {
		font-size: 0.75em;
	}

	.module-virtues > .row > .col-xs-12 {
		padding: 0;
	}
	
	.module-virtues .gray-wrapper {
		padding-top: 25px;
	}
	
	.module-virtues .virtue-tile + .virtue-tile {
		margin-top: 25px;
	}


    .module-callout .text-col {
		margin-top: 25px;
	}
	
	.module-footer .flex-justified {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: space-between;
	}
	
	.module-footer a {
		font-size: 0.75em;
		width: 50%;
	}
	
	
	.module-postscript a {
		font-weight: 700;
	}

}