.paragraph--type--space {height: 8rem;}

.BorderTop { border-top: solid 4px #e1e1e1; margin-top: 30px; }
/*.paragraph .row, .paragraph .column { padding-top: 15px; }*/
.paragraph--type--paragraph-2-cols .row   { 
	padding-left: 15px;
    padding-right: 15px;
}
/*
.paragraph--type--paragraph-2-cols {
	margin-top: 15px;
	margin-bottom: 15px;
}*/

/* Paragraph 2 columns */
.paragraph--type--twocolumns { background-color: #e1e1e1; display: flex;  }
.paragraph--type--twocolumns > div {display: inline; float: left; width: 50%; padding: 20px;}


.paragraph--type--block-with-heading-image {
	margin-left: auto;
	margin-right: auto;
}
.paragraph--type--block-with-heading-image .Ico {    display: inline;}
.paragraph--type--block-with-heading-image h2 {padding-top: 0;}


.paragraph--type--paragraph-2-cols .row {display: block;}
.paragraph--type--paragraph-2-cols .row .column { display: block; }
.Paragraph2_Col {margin-bottom: 2rem;}
.Paragraph2Col_Left, .Paragraph2Col_Right { padding: 0; }
.paragraph--type--paragraph-2-cols .Paragraph2Col_Right .paragraph--type--text {
	margin-right: .5rem;
}

/* Paragraph styles ? */
.paragraph .ZoneColoredBG {background-color: #f26722; padding}
.paragraph .Zone2Col8-4 {margin: 35px; display: flex;}
.paragraph .Zone2Col8-4 div {padding: 20px; height: auto;}



/* Manage display of Paragraph "Block with heading image" */
.paragraph--type--block-with-heading-image .field-paragraph--field-block-content {
	top: -60px;
	margin-bottom: -60px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 10px 10px 0 10px;
	width: 100%;
}
.paragraph--type--block-with-heading-image .field-paragraph--field-block-content p.BlockHeading {
	width: 85% !important;
	min-width: 85% !important;
	margin-left: auto;
	margin-righT: auto;
	background-color: white;
	padding: 1rem;
}
@media only screen and (min-width: 640px) {
	.paragraph--type--block-with-heading-image .field-paragraph--field-block-content p.BlockHeading {width: 70% !important; min-width: 70% !important;}
}
/* ----------------------------- */
.paragraph--type--block-with-darkened-image {
	position: relative;
	text-align: center;
	color: white;
	background-color: black;
}

/* Manage display of Paragraph "Block with Darkened image" */
.paragraph--type--block-with-darkened-image .field-paragraph--field-darkened-image {
	display: table-cell;
}
.paragraph--type--block-with-darkened-image .field-paragraph--field-darkened-image img {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.paragraph--type--block-with-darkened-image .field-paragraph--field-block-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/* ----------------------------- */


.paragraph .Zone2Col8-4 {display: block}

@media only screen and (min-width: 640px) {
	.paragraph .Zone2Col8-4 {display: inline;}
	.paragraph--type--block-with-heading-image .field-paragraph--field-block-content {  margin-bottom: -110px; }
}

@media only screen and (min-width: 1004px) {
	.Paragraph2Col_Left { padding: 0 1rem 0 0;  margin-right: 10px;}
	/*.Paragraph2Col_Right {     padding: 0 0 0 1rem; margin-left: 10px; }*/
	.paragraph--type--paragraph-2-cols .row {display: inline;}
	.paragraph--type--paragraph-2-cols .paragraph--type--text .row .column { display: table; }

	.paragraph--type--block-with-heading-image .field-paragraph--field-block-content {  }
}

/* White block */
.paragraph--type--white-block {    background-color: white; padding: 1rem 3rem;}
.Paragraph2_Col.bg_white {padding-left: 10px; padding-right: 10px;}
.paragraph--type--white-block h2, .Paragraph2_Col.bg_white h2 { padding-top: 1rem }

.paragraph--type--iframe {    margin-left: auto; margin-right: auto; }
.paragraph--type--iframe iframe {width: 100%;}
.paragraph--type--iframe .iframe_title {display: none}


	/* Lightbox Image Gallery */
.paragraph--type--image-gallery { text-align: center; }
.paragraph--type--image-gallery .field-item { display: inline-block; }

.view-mode-colorbox-item { position: relative; }
.TilePanel {
	background-color: #f26722; /* orange background */
	background-color: #647dbc; /* blue background */
	height: 300px;
	width: 300px;
	position: absolute;
	top: 0;
	z-index: 1;


	/* vertical-align: middle; */
	text-align: center;
	padding: 0 .5rem;
	pointer-events:none;
	opacity: 0;
	display: table;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
}

.TilePanel {font-size: 1rem;}
.TilePanel p {    margin-bottom: 0;}

button.People {	position: relative; z-index: 1 !important;}
article.media-image:hover .TilePanel,
article.media-image:focus .TilePanel,
.People:hover .TilePanel,
.People:focus .TilePanel,
.ColorboxItem:hover .TilePanel,
.ColorboxItem:focus .TilePanel{
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	opacity: .85;
}
.People .TilePanel {height: 280px;	width: 280px;}

.paragraph--type--list-of-peoples {margin-bottom: 3rem;}



.TilePanel span {
	/* top: 50%; */
	position: relative;
	color: white;
	display: table-cell;
	vertical-align: middle;
	/*font-size: 1rem;*/
	line-height: 1.2rem;
}
.TilePanel span span {	display: block;}

.TilePanel span.firstline { display: block;}
.TilePanel span.secondline { display: block;}


/* List of Peoples */
.field-paragraph--field-people h2 {display: none; }
.field-paragraph--field-people .field-items { text-align: center; }
.field-paragraph--field-people .field-item { display: inline-block;  margin: 5px; }
.field-paragraph--field-people .TilePanel { margin: 5px; }
.field-paragraph--field-people .TilePanel div, .field-paragraph--field-people .TilePanel span {width: 100%; margin: 0}

.TilePanel span.secondline { margin-top: 2rem;}



.paragraph--type--video-carousel {margin-bottom: 3rem;}

/* Quote paragraph
.paragraph--type--quote {
	width: 100%;
	background-color: white;
	padding: 2rem 5rem 0 5rem;
	display: inline-block;
	margin: 1.5rem 0;
}*/

.paragraph--type--quote { text-align: center; width: 100%; background-color: white; padding: 2rem 5rem; margin: 3rem 0;display: inline-block;}
.paragraph--type--quote .field-paragraph--field-top-line {      font-size: 1.2rem;  font-weight: 700; margin-bottom: .7rem;}
.paragraph--type--quote .field-paragraph--field-quote-content {color: #aaa; font-weight: 600;  font-style: italic; margin-bottom: 2rem;}
.paragraph--type--quote .field-paragraph--field-quote-content .field-item , .paragraph--type--quote .field-paragraph--field-quote-content .field-item p { font-size: 1.4rem !important;}
.paragraph--type--quote .field-paragraph--field-quote-content p::before{ content: "“"; font-size: 2rem;     margin-right: .6rem;}
.paragraph--type--quote .field-paragraph--field-quote-content p::after{ content: "”"; font-size: 2rem;     margin-left: .6rem; }
.paragraph--type--quote .field-paragraph--field-author {  color: #647dbc; font-size: 1.4rem; 	font-weight: 600; line-height: 1.5rem; }
.paragraph--type--quote .field-paragraph--field-auhtor-description {color: #647dbc; font-size: 1.2rem; line-height: 1.5rem; }


/* Blue Insert */
.paragraph--type--blue-insert {
	border-top: solid 1px #607cbe;
	border-bottom: solid 1px #607cbe;
	color:  #607cbe;
	font-size: 1.5rem;
	font-weight: 600;
	padding: 2rem;
	margin: 2.5rem 0;
	line-height: 1.9rem;
}

.Paragraph2_Col h2 {margin-top: 0 !important; padding-top: 0;}

.field-paragraph--field-link-boxes .field-item {display: inline-block}



.paragraph--type--blue-panel-2 {color: white; background-color: #5271B7; padding: 10px; margin-top: 3rem; margin-bottom: 3rem}
.paragraph--type--blue-panel-2 .field-paragraph--field-title-blue-panel .field-item {text-align: center; padding: 10px; margin-bottom: .5rem; font-size: 2.7rem; font-weight: 600;    margin-top: 1rem;     line-height: 2.4rem;}
.paragraph--type--blue-panel-2 .field-paragraph--field-description-blue-panel .field-item {display: block; text-align: center; float: none; padding-top: 0; line-height: 1.5rem;}
.paragraph--type--blue-panel-2 .field-paragraph--field-link-blue-panel .field-item {text-align: center;     margin-top: 1.6rem; margin-bottom: 10px;}



.ParagraphLineOfPhotos_item {display: inline-block; margin-left: 5px;}
.ParagraphLineOfPhotos_item:first-of-type { margin-left: 0;}
.ParagraphLineOfPhotos_item.BlogLegend {vertical-align: bottom; margin-bottom: 1rem;}
.ParagraphLineOfPhotos_item.BlogLegend p {margin-bottom: .3rem; }
.ParagraphLineOfPhotos_item.BlogLegendLeft {text-align: right;  }
.ParagraphLineOfPhotos_item.BlogLegendLeft .InsideLegend { margin-right: calc(1rem - 5px); }
.ParagraphLineOfPhotos_item.BlogLegendLeft p { margin-right: .5rem }
.ParagraphLineOfPhotos_item.BlogLegendRight p { margin-left: .5rem ; }

.paragraph--type--line-of-photos {
	margin-top: 5px;
}