/* @override 
	https://churchstreet.local/wp-content/themes/churchstreet/blocks/section.css?* */

.section {
	text-align: center;
	width: 100%;
	position: relative;
	margin: 3em 0;
	padding: 0;}

.section.feature {
  background: none;
	padding: 3% 0; }

.section.feature .content {
	padding: 0;
	margin: 0 auto;
	position: relative;
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;	}
    
@media screen and (max-width: 680px) {
	.section.feature .content {
	    flex-direction: column;    
	    align-items: center; }}

.section.feature .text {
	width: 50%;
	flex: 0 1 auto;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0; }

	.acf-block-preview .section.feature .text {
		width: 50%;
		flex: none;
		float: left; }

    .section.feature .text.centered {
      text-align: center;
			justify-content: center;
      width: 100%; }

.section.feature .text .description { /*inset for centering*/
	padding-top: 2em;
	padding-right: 2em;
	padding-left: 3em;
	padding-bottom: 4.4em;
	margin: 0;
	max-width: 400px; }

    .acf-block-preview .section.feature .text .description {
			padding-top: 2em;
			padding-right: 2em;
			padding-left: 3em;
			padding-bottom: 4.4em;
			width: 100%;  }

	.section.feature .text.centered .description {
		padding-right: 0em;
		padding-left: 0em;
		max-width: 610px;
		padding-bottom: 2em;	}

.section.feature .text p {
	margin-bottom: 0; }

.section.feature .text .caption {
	color: rgba(255, 255, 255, 0.65);
	font-size: .9em;
	font-style: italic;
	margin-left: 3.5em;
	margin-top: 2.5em;}

.section.feature.dark .text p {
  text-align: left;
  padding-right: 5em;
  padding-left: 3em;
  font-size: 1.4rem;
  line-height: 1.5em;}
	
@media screen and (max-width: 680px) {
    
/*    .section.feature .text,
    .section.feature .photo {
       text-align: center; }
    
    .section.feature .text ul {
        text-align: left; }
    
    .section.feature .text {
        width: 90%; }
    
    .section.feature .photo {
        width: 70%; }
    
    .section.feature .text .description,
    .section.feature.dark .text.centered .description { 
		max-width: 880px;
    	padding-left: .7em;
    	padding-right: .7em; }*/
}

/* @group Gallery Full */

.gallery {
	display: flex;
	flex-flow: row wrap;
	position: relative; }
  
 ul.content_gallery li p {
  margin: 0 0 1em;
  padding: 0;}

.gallery-item {
  margin: 2px !important;}

.gallery-item img, 
ul.content_gallery li img {
	border: none !important;}

.gallery-columns-3 {
  flex-flow: row; }

dl.gallery-item {
  margin: 0;
  padding: 0;
  position: relative;
  float: none !important;
	overflow: hidden; }

dl.gallery-item dt {
  position: relative;
	height: 300px; }

dl.gallery-item dt img {
  border: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100% !important;
	width: 100% !important;
	object-fit: cover !important;  }

dd.gallery-caption {
  position: absolute;
  bottom: -10px;
  width: 100%;
  max-height: 100%;
  overflow: auto;
  padding: 10px;
  color: #fff;
  text-align: center;
  font-size: .8em;
  background:linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent); }

@media screen and (max-width: 620px) {
	.gallery {
		flex-flow: column;		}
	dl.gallery-item {
		width: 90% !important;
		margin: .5em auto !important; 	}
		
	dl.gallery-item dt {
  position: relative;
	height: 500px; }
}

.section.full_gallery {
	text-align: center;
	width: 100%;
	position: relative;
	margin: 3em 0 0;
	padding: 0;
	color: #fff;
	background-image: -webkit-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.8) 0%, black 71.9%);
	background-image: -moz-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.8) 0%, black 71.9%);
	background-image: -ms-radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.8) 0%, black 71.9%);
	background-image: radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, 0.8) 0%, black 71.9%); }
	
.section.full_gallery:before {
	content: "";
	display: block;
	height: 8px;
	width: 100%;
	background: url(../images/border_thin.png) center top repeat-x;
	background-size: 1044px 8px;
	margin-bottom: 3em; }

.section.full_gallery:after {
	content: "";
	display: block;
	height: 8px;
	width: 100%;
	background: url(../images/border_thin.png) center top repeat-x;
	background-size: 1044px 8px;
	margin-top: 3em;}

.section.feature.full_gallery .content {
	flex-direction: column; }

.section.feature.full_gallery .text .description {
	max-width: 100%;
	width: 100%; }

.section.feature.full_gallery .text,
.section.full_gallery .photo {
	width: 100%; }

.section.feature.full_gallery .text {
	order: -1; }

@media screen and (max-width: 680px) {
	.section.gallery .content .photo {
	 	width: 100%; }}
	
/* @end */
/* @group HALF BORDERLESS */

.section.feature.half_borderless { }

.section.feature.half_borderless .content {
  align-items: center; 
  justify-content: center; }
    
.section.feature.half_borderless .photo {
	position: relative;
	order: -1; }

.section.feature.half_borderless .photo img { }
	
/*	.section.feature .photo img {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 0;}*/
		
	.acf-block-preview .section.feature .photo {
        width: 100%;
        flex: none;
        float: left; }

.section.feature.half_borderless .photo:after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(255,255,255,0) 10%, rgba(3, 3, 3, 0.8) 100%); }

/* match the default media/text block */

/*.wp-block-media-text {
	width: 94%;
	max-width: 1150px;
	margin: 3em auto;
	grid-template-columns: 400px auto; }

.wp-block-media-text .wp-block-media-text__media {
	align-self: self-start; }

.wp-block-media-text figure {
	max-width: 400px;}

.wp-block-media-text figure img {
	width: 100%;
	height: auto;}

.wp-block-media-text>figure>img, 
.wp-block-media-text>figure>video {
	vertical-align: top; }

.wp-block-media-text__content { }*/

/* match the default COLUMNS block */
/*WORK ON THIS IN STYLE.CSS*/

/*.wp-block-columns {
	margin: 3em auto; }

	.wp-block-columns {
		width: 94%;
		max-width: 1150px;
		margin: 3em auto;
		grid-template-columns: 400px auto; }

	.wp-block-columns .wp-block-media-text__media {
		align-self: self-start; }*/

/*	.wp-block-columns figure {
		max-width: 400px;}

	.wp-block-columns figure img {
		width: 100%;
		height: auto;}

	 .wp-block-column:first-of-type { 
	flex-basis: 400px;}

		.wp-block-column:last-of-type { 
		padding-left: 3em;
		flex-grow: 1;} */
    
/* @end */
/* @group HALF BORDER */

.section.feature.half_border { 
	padding: 5% 0; }

.section.feature.half_border .content {
  justify-content: center; }

.section.feature.half_border .text {
 	background: #fff;
	text-align: left; }

.section.feature.half_border .content .photo {
	padding: 3em 2em 2em;
  text-align: right;
	order: -2; }

.section.feature.half_border .content .photo img {
  border: 4px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 10px;
	position: relative;
	width: auto;
	height: auto; }


/* @end */
/* @group BACKGROUND */

.section.feature .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	opacity: .7; }

.section.feature .bg img {
	margin: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
	opacity: .2; }

.section.feature .bg:after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 99%); }

/* @end */
/* @group CENTERED TEXT */

.section.feature.center {
	text-align: center;
	overflow: hidden;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 2em 0;
}

/*.section.feature.center .content .photo {
	padding: 4em 0;
	order: -1;
	background-color: #ddd; }

.section.feature.center .content .photo img {
	position: relative;
	width: auto;
	height: auto; }*/

.section.feature.center .text {
	padding: 1em 0;
	margin: 0; }

/*.section.feature.center .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	z-index: -2; }

.section.feature.center .bg img {
    margin: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1; }

.section.feature.center .bg:after {
    content: '';
    width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	background: rgb(255,255,255);
    background: linear-gradient(-180deg, rgba(255, 255, 255, 1) 5.88%, rgba(255, 255, 255, 0) 71.85%); }*/


/* .section.feature.center .photo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	z-index: -2; }

.section.feature.center .text {
	width: 100%;
	padding: 9% 0; }

.section.feature.center .photo img {
    margin: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
	opacity: .5; }

.section.feature.center .photo:after {
    content: '';
    width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 99%); } */