/*******************
  Section
********************/

.block-section {
display: flex;
flex-basis: 100%;
flex-direction: column;
position: relative;
}

.block-section-inner {
position: relative;
z-index: 3;
}

.block-section-inner:empty {
padding: 2rem;
}

.block-section-background-white {
background-color: var(--white);
}
.block-section-background-lightgray {
background-color: var(--gray-lightest);
}

.block-section-background-black {
background-color: var(--black);
color: var(--white);
}

.block-section-background-blue {
background-color: var(--steadfast-blue);
color: var(--white);
}

.block-section-background-gold {
}

.block-section-background-gold:before {
}

.block-section-background-gold:after {
}


/*******************
  PreFooter
********************/
/********************************************************************************************
  WHEN inside of Section block to create the for "PreFooter" reusable block in the admin

	- .block-section-pre-footer -------------------------------------
	Columns: 3, Stacable on mobile
	| Heading						| Paragraph						| Button.btn-primary  |
	-----------------------------------------------------------------
	Photo Tile block: 4 Columns, Display as Cards										|
	|																																|
	|																	  														|
	|																																|
	-----------------------------------------------------------------
********************************************************************************************/

.block-section-pre-footer-inner {
    padding: 3rem 0rem;
}

.block-section-pre-footer .block-photo-tile-image {
  height: 32vh;
}

@media (min-width: 767px){
	.block-section-pre-footer .block-photo-tile-image {
	height: 20vh;
	}
}

@media (min-width: 1600px){
	.block-section-pre-footer .block-photo-tile-image {
	height: 28vh;
	}
}

.block-section-pre-footer .block-photo-tile-display-item-as-card {
box-shadow: 0rem 0rem 1.25rem 0rem var(--black-20);
}

.block-section-pre-footer .wp-block-columns {
margin-bottom: 1.5rem;
}

.block-section-pre-footer .wp-block-columns h1,
.block-section-pre-footer .wp-block-columns h2,
.block-section-pre-footer .wp-block-columns h3,
.block-section-pre-footer .wp-block-columns h4,
.block-section-pre-footer .wp-block-columns h5,
.block-section-pre-footer .wp-block-columns h6,
.block-section-pre-footer .wp-block-columns p {
/*text-shadow: 0.125rem 0.125rem 0.125rem var(--white);*/
}

.block-section-pre-footer .block-photo-tile {
padding: 0rem;
}

.block-section-pre-footer .wp-block-button {
width: 100% !important;
}

@media (min-width: 960px) {
  .block-section-pre-footer .wp-block-button {
    text-align: right;
  }
}

.block-section-pre-footer .wp-block-button__link {
border: none;
background-color: transparent !important;
white-space: nowrap;
width: max-content !important;
box-shadow: 0rem 0.125rem 0rem 0rem var(--black-5), 0rem 0.25rem 0rem 0rem var(--steadfast-gold);
}


.block-section .block-horizontal-rule {
  max-width: 100% !important;
}

.block-section .block-content-tile-image {
  width: 100% !important;
  max-width: 100% !important;
}