/* 052720 Removed li. Switched to grid-item-wrapper */

.grid-wrapper {
	padding: 0 0 var(--pad-y) 0;
}



.grid,
.grid:before,
.grid:after,
.grid *,
.grid *:before,
.grid *:after  {
	box-sizing: border-box;
	text-align: left;
}

/* side margin/padding works here also */
.grid {
/*	 max-width:900px; */
	margin: 0 auto;
	padding: 0;
	width: 100%;
	display: grid;
	grid-gap: 0 0.5rem;/* 0 1.0rem */

/* 
	-ms-grid-columns: repeat(auto-fill, minmax(0, 19%));
	grid-template-columns: repeat(auto-fill, minmax(0, 19%));
 */
	-ms-grid-columns: repeat(6, 1fr);
	grid-template-columns: repeat(6, 1fr);
}

.grid a,
.grid a:link,
.grid a:visited,
.grid a:active {
	text-decoration: none;
}

/* ************************************************************************** */
/* ************************************************************************** */
/* ************************************************************************** */

/* sm specific */


.grid .grid-parent-row {
	margin: 3rem 0 0;
	padding: 6rem 0 4rem 0;
	border-top: 1px var(--color-sm-01) solid;
}
/* curiously not first-child */
.grid .grid-parent-row:nth-child(2) {
	margin: 0 0 6rem;
}


.grid .grid-parent-row,
.grid .grid-child-1-row,
.grid .grid-child-2-row {
	line-height: 150%;
	text-align: left;
	grid-column: 1 / -1;
}

.grid .grid-child-1-row {
	margin: 1rem 1 1.3rem;
	padding: 0 0 4rem 0;
	border-top: 1px rgba(255,255,255,0.20) solid;

}
.grid .grid-child-2-row {
	margin: 0 0 0rem;
	padding: 0 0 4rem 0;
/* 
	grid-column: unset;
	grid-column-start: 1;
 */
}


.grid .title-parent {
	margin:  0;
	padding: 1.5rem 0 0;
	color: var(--color-sm-01);
	font-size: 2.5rem;
	font-weight: var(--font-01-bold-weight);
	line-height: 100%;
}

.grid .title-child-1 {
	margin:  0;
	padding: 4rem 0 0rem;
	color: var(--color-sm-01);
	font-size: 2rem;
	font-weight: var(--font-01-thin-weight);
	line-height: 100%;
}

.grid .title-child-2 {
	margin:  0;
	padding: 4rem 0 0rem;
	color: var(--color-sm-01);
	font-size: 1.5rem;
	font-weight: var(--font-01-thin-weight);
	line-height: 100%;
}


.grid .subtitle-parent {
	margin:  0;
	padding: 1.5rem 0 1rem;
	color: var(--color-sm-01);
	font-size: inherit;
	font-weight: var(--font-01-thin-weight);
	line-height: 200%;
}
.grid .subtitle-parent a:hover {
	opacity: 0.5;
}


/* ************************************************************************** */
/* ************************************************************************** */
/* ************************************************************************** */

.grid .grid-item-wrapper {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.grid .grid-item-wrapper > div {
/* 	height: 100%; */
}

.grid .grid-item-wrapper:hover {
	cursor: pointer;
}

.grid .hidden,
.grid .grid-item-wrapper.hidden {
  display: none;
}

/* ************************************************************************** */

.grid .grid-item {
	/*margin:12px;
	box-shadow:0 0 6px rgba(0,0,0,0.3);*/
	display: block;
	position: relative;
	overflow: hidden;

/* set in page */
/*	background-color: ;*/

/* 
	border-top: 1px var(--color-bg) solid;
	border-right: 1px var(--color-bg) solid;
	border-bottom: none;
	border-left: 1px var(--color-bg) solid;
 */

	background-image: url("/img/base/preloader_white.svg");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 50px 50px;

}



/* for img box-shadow */
.grid .grid-item-wrapper {
	overflow: unset;
}
.grid .grid-item {
	box-shadow: 0.1rem 0.1rem 1rem 0rem rgba(0, 0, 0, 0.5);
}




/* image layer */
.grid .grid-item-wrapper .grid-img {
	display: block;
	width: 100%;
	height: auto;
	border: none;
/* 	background-color: #EEEEEE; */

/* 052626 Asmble
- prevents cls
*/
	aspect-ratio: 1 / 1;
	object-fit: cover;


	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;

	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}

.grid .grid-item-wrapper:hover .grid-img {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
}


/* overlay image layer */
.grid .grid-overlay-image {
	margin: auto;
	z-index: 11;
	position: absolute;
	display:block;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	filter: alpha(opacity=0);/*For older IE*/
	opacity: 0;

	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.grid .grid-overlay-image-plus {
	background: url("/img/base/plus_white_40.png") no-repeat 5% 95%;
	transform-origin: 10% 90%;
	-webkit-transform: scale(0.4);
	-ms-transform: scale(0.4);
	transform: scale(0.4);
}

.grid .grid-item-wrapper:hover .grid-overlay-image-plus {
	transform-origin: 10% 90%;
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}

.grid .grid-item-wrapper:active .grid-overlay-image-plus {
	transform-origin: 10% 90%;
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
}


.grid .grid-overlay-image-arrow-down {
	background: url("/img/base/arrow-down_white_40.png") no-repeat center 95%;
	background-size: 40px 40px;
}

.grid .grid-overlay-image-arrow-right {
	background: url("/img/base/arrow-right_white_40.png") no-repeat center 50%;
	background-size: 40px 40px;
}

.grid .grid-item-wrapper:hover .grid-overlay-image {
	filter: alpha(opacity=100);/*For older IE*/
	opacity: 1.0;
}


/* overlay layer */
.grid .grid-overlay-color {
	margin: auto;
	z-index: 10;
	position: absolute;
	display:block;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;



	background-color: #333333;

	filter: alpha(opacity=0);/*For older IE*/
	opacity: 0;

	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

=
.grid .grid-item-wrapper:visited .grid-overlay-color,
.grid .grid-item-wrapper:active .grid-overlay-color, {
	filter: alpha(opacity=0);/*For older IE*/
	opacity: 0;
}

.grid .grid-item-wrapper:hover .grid-overlay-color {
	filter: alpha(opacity=90);/*For older IE*/
	opacity: 0.9;
}



/* text on grid-item */
.grid .grid-text {
	padding: 0 30px;
	z-index: 12;
	display: block;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;

	color: #000000;
	font-size: 1.5rem;
	font-family: inherit;
	font-weight: var(--font-01-regular-weight);
	line-height: 100%;
	text-align: center;

	filter: alpha(opacity=0);/*For older IE*/
	opacity: 0;

	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.grid .grid-item-wrapper:hover .grid-text {
/*	 transform:translateY(0);*//*animate*/
	filter: alpha(opacity=100);/*For older IE*/
	opacity: 1.0;
}

/* caption */
.grid .grid-caption {
	margin: 0 0 0 0;
	padding: 15px 10px 40px ;
	z-index: 13;
	display: block;
	box-sizing: border-box;

/* 	width: fit-content; */
	width: auto;
	height: auto;
	text-align: center;

	font-size: 1.0rem;
	font-family: inherit;
	font-weight: inherit;
	line-height: 140%;

	color: var(--text-color-01);
	opacity: 0.5;

	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;

/* 	border-bottom: 1px var(--color-border-light) solid; */

}


/* reset */
.grid a:hover {
	opacity: unset;
}
.grid .grid-item-wrapper:hover .grid-caption {
	opacity: 1.0;
}

.grid .grid-item-wrapper.open .grid-caption {
/* 	color: var(--color-01); */
}

.grid h3 {
	margin: 0 0 0 0;
	padding:  0 0 10px 0;
	color: var(--color-01);
	font-size: inherit;
	line-height: 150%;
}

.grid .grid-caption-date {

}

.grid .grid-caption-title {
	padding: 5px 0 0 0;
}

.grid .grid-caption-excerpt {
	padding: 5px 0 0 0;
}
.grid .grid-caption-excerpt p {
	padding: 0 0 5px 0;
	line-height: 150%;
}


.grid .grid-post-link {
	padding: 5px 0 0 0;
}

/* ************************************************************************** */


.grid-accordian-wrapper {
	margin: 0 ;
	padding: 0 0 30px 0;
	display: none;
	grid-column: 1 / 5;
	z-index: 10;
}

/* screenreader */
/* 
.sr-only {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}


.grid-accordian-wrapper.sr-only.open {
position: relative;
width: 100%;
height: auto;
overflow: visible;
left: auto;
}
 */

.grid-accordian {
	padding: 20px;
	background-color: #EEEEEE;
}

.grid-accordian .content-column-wrapper {
	margin: 0 auto 0;
}

/* ************************************************************************** */

.grid .grid-item-wrapper .grid-accordian-mark {
	margin: 0;
	padding: 0;
	height: 20px;
	display: none;
}

.grid .grid-item-wrapper.open .grid-accordian-mark {
	display:block;
	position:relative;

	text-align: center;

}

.grid img.grid-accordian-mark-img {
	margin: 0;
	padding: 0;
	width: 40px;
	height: 20px;
}

/* ************************************************************************** */

/* clear fix */
.grid:after {
	content: '';
	display: block;
	clear: both;
}

/* ************************************************************************** */
/* Custom */




/* Prevents img showing before loaded */
img.grid-img {
	opacity: 0;
}
img.grid-img.reveal {
	opacity: 1;
	-webkit-animation: FadeIn 2s ease;
       -moz-animation: FadeIn 2s ease;
        -ms-animation: FadeIn 2s ease;
         -o-animation: FadeIn 2s ease;
            animation: FadeIn 2s ease;
}




/* shortcode_work_highlight */
.content-column-wrapper .grid .grid-img {
/* 	filter: grayscale(0%); */
}
.content-column-wrapper .grid {
	grid-template-columns: repeat(2, 50.0%);
}


body.home .grid-wrapper {
	padding: 0 0 0 0;
}

body.home .content-column-wrapper:last-child {
	margin-bottom: 0;
}


/* ************************************************************************** */
/* ************************************************************************** */
/* ************************************************************************** */
@media only screen and (max-width: 2399.98px) {
	.grid-wrapper {
		padding-top: 0;
	}
	.grid {
		-ms-grid-columns: repeat(5, 1fr);
		grid-template-columns: repeat(5, 1fr);
	}
}
/* ************************************************************************** */
@media only screen and (max-width: 1399.98px) {
	.grid-wrapper {
		padding-top: 0;
	}
	.grid {
		-ms-grid-columns: repeat(4, 1fr);
		grid-template-columns: repeat(4, 1fr);
	}
}
/* ************************************************************************** */
@media only screen and (max-width: 1199.98px) {

}
/* ************************************************************************** */
@media only screen and (max-width: 991.98px) {
	.grid-wrapper {
		padding-top: 0;
	}
	.grid {
		-ms-grid-columns: repeat(3, 1fr);
		grid-template-columns: repeat(3, 1fr);
	}
}
/* ************************************************************************** */
@media only screen and (max-width: 575.98px) {
	.grid-wrapper {
		padding-top: 0;
	}
	.grid {
		-ms-grid-columns: repeat(2, 1fr);
		grid-template-columns: repeat(2, 1fr);
	}
}
/* ************************************************************************** */