/* layout */
.paragraph--type--layout{
	overflow: hidden;
}

.paragraph--type--layout .laycont{
	padding: 0;
	max-width: var(--layout-width);
	margin: 0 auto;
}

.paragraph--type--layout>.laycont>.layout{
	display: flex;
	margin: 0 -20px;
}

.paragraph--type--layout>.laycont>.layout>.layout__region{ padding: 0 20px; }

.layout--twocol > .layout__region--first,
.layout--twocol > .layout__region--second,
.layout--twocol-bricks > .layout__region--first-above,
.layout--twocol-bricks > .layout__region--second-above,
.layout--twocol-bricks > .layout__region--first-below,
.layout--twocol-bricks > .layout__region--second-below{
	width: 50%;
}


.padding-top>.laycont{ padding-top: 8%; }
.padding-bottom>.laycont{ padding-bottom: 8%; }
.padding-left>.laycont{ padding-left: 20px; }
.padding-right>.laycont{ padding-right: 20px; }
.edge-to-edge>.laycont{ max-width: 100%; }

/*  .layout__region .layout__region{ 
	padding-left: 0;
	padding-right: 0;
} */

.valign-center>.laycont>.layout{ align-items: center; }
.valign-top>.laycont>.layout{ align-items: start; }
.valign-bottom>.laycont>.layout{ align-items: end; }

.layout-align-justify>.laycont>.layout{ justify-content: space-between; }
.layout-align-center>.laycont>.layout{ justify-content: space-around; }
.layout-align-left>.laycont>.layout{ justify-content: left; }
.layout-align-right>.laycont>.layout{ justify-content: right; }


/* banner */
.paragraph--type--banner{
	width: 100%;
	display: flex;
	position: relative;
	z-index: 0;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.paragraph--type--banner.full-height{
	min-height: 100vh;
}

/* banner bgcolor */
.banner__bannerbgcol{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

/* banner image */
.banner__bannerbgimg .bgimg{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-position: center center;
	background-size: cover;
	z-index: -3;
}

/* banner video */
.banner__banner-bgvideo video{
	z-index: -2;
	width: auto!important;
	height: auto!important;
	min-width: 100%;
	max-width: none;
	min-height: 100%;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/* banner content */
.banner__banner-content{
	max-width: var(--layout-width);
	width: 100%;
	padding: 8% 20px;
	font-size: 1.4em;
	line-height: 1.6em;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.light-content>.banner__banner-content *{ color: #ffffff; }
.dark-content>.banner__banner-content *{ color: var(--dark-color-2); }

.align-center>.banner__banner-content .field-items{
	width: 70%;
	margin: 0 auto;
}

.align-left>.banner__banner-content .field-items{
	width: 50%;
	margin: 0 auto 0 0;
}

.align-right>.banner__banner-content .field-items{
	width: 50%;
	margin: 0 0 0 auto;
}

.banner__banner-content h1{ font-size: 3.2em; line-height: 1.2em; }

/* text paragraph */
.light-content .paragraph--type--text *{
	color: #ffffff;
}

/* paragraph maps  */
.paragraph--type--map iframe{
	display: inline-block;
	vertical-align: bottom;
}

.paragraph--type--map.gray-map iframe{
	filter: grayscale(1);
}

/* gallery paragraph */
.gallery__pp-gallery .field-items{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.gallery__pp-gallery .field-item{
	display: inline-block;
	width: 33.3333%;
	border: 2px solid transparent;
	overflow: hidden;
	transition: all 0.2s;
	border-radius: var(--border-radius);
}

.gallery__pp-gallery .field-item:hover{
	background: var(--highlite-color-1);
}

.gallery__pp-gallery .field-item img{
	transition: all 0.2s;
}

.gallery__pp-gallery .field-item:hover img{
	opacity: 0.7;
}

/* documents paragraph */
.documents__pp-documents{
	margin: 20px 0;
}

.documents__pp-documents .field-item{
	margin-bottom: 10px;
}

/* media paragraph */
.paragraph--type--media{
	text-align: center;
}

.media__pp-video,
.media__pp-videoembed{
	margin: 20px auto;
	max-width: 860px;
}



/* responsive */
@media screen and (max-width: 990px){

	.align-center>.banner__banner-content .field-items{ width: 80%; }
	.align-left>.banner__banner-content .field-items,
	.align-right>.banner__banner-content .field-items{ width: 70%; }

	.banner__banner-content{ font-size: 1.2em; }
	/* .banner__banner-content h1{ font-size: 2.4em; } */


}

@media screen and (max-width: 768px){

	.layout--twocol > .layout__region--first,
	.layout--twocol > .layout__region--second,
	.layout--twocol-bricks > .layout__region--first-above,
	.layout--twocol-bricks > .layout__region--second-above,
	.layout--twocol-bricks > .layout__region--first-below,
	.layout--twocol-bricks > .layout__region--second-below,
	.layout--threecol-33-34-33 > .layout__region,
	.layout--threecol-25-50-25 > .layout__region,
	.layout--threecol-25-50-25 > .layout__region--second
	{
		width: 100%;
		flex-basis: 100%;
	}

	.paragraph--type--layout .layout__region:not(:last-child){
		margin-bottom: 40px;
	}

	.paragraph--type--layout .layout__region.layout__region--top,
	.paragraph--type--layout .layout__region.layout__region--middle,
	.paragraph--type--layout .layout__region.layout__region--bottom{
		margin-bottom: 0;
	}

}


@media screen and (max-width: 640px){
	.gallery__pp-gallery .field-item{ width: 50%; }
	.banner__banner-content{ font-size: 1em; }

	.padding-top>.laycont{ padding-top: 50px; }
	.padding-bottom>.laycont{ padding-bottom: 50px; }
	.banner__banner-content{ padding-top: 50px; padding-bottom: 50px; }

}