/* HOMEPAGE STYLES
************************************************************/

section	{
	border-bottom:not(section.cta) 1px solid var(--color-row-border);
}

section.gradient-background {
	background: linear-gradient(25deg, #8f252f -25%, #ae471c 40%, #edc085 260%);
} /* not sure why this needs to be in style.css and home.css but it does */


section.bannerImage	{
	min-height: 50vh;
	min-height: 36svh;
	display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    background-image: url('/wp-content/themes/connie2/images/banner-01.jpg');
    background-position: top right;
    background-repeat: no-repeat;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: scroll; /* for ios devices */
	width: 100%;
}

.sectionTitle	{
	text-align: center;
}

section.heroStatement .container	{
	margin-left: 0;
}

section.heroStatement	{	
	text-align: center;	
}


section.heroStatement .sectionInner	{	
	padding: 1em 0 2em;
}


section.heroStatement h1,
section.heroStatement h2	{	
	margin-top: 1em;

}

@media (min-width: 1300px) {
	section.heroStatement h1{
	margin-left: 5vw;
	text-align: left;	
	}
}
/*section.heroStatement h2 span.line2	{	
	font-size: 1.5rem;
	font-family: var(--font-body);
}*/

li.current_page_item	{
	display: none;
}

/* ABOUT 
------------------------------------------------------*/
section.about	{
	background-color: var(--color-accent5);
}

section.about img {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
}

section.about .flex-col-4 {
    display: flex; /* Use flexbox to control the centering */
    justify-content: center; /* Horizontally center the image */
    align-items: center; /* Vertically center the image, if needed */
    text-align: center; /* This will center text inside if there's text content */
}

@media (min-width: 769px) {
	section.about .flex-col-8 {
		padding-left: 3vw;
	}
}

.connie-quote blockquote.wp-block-quote p	{
	font-size: 2rem;
	font-family: var(--font-quote);
	color: grey;
	font-style: italic;
	line-height: calc(1em + 0.5rem);
	max-width: 30rem;
	margin-left: 0;
}

@media (max-width: 768px) {
.connie-quote blockquote.wp-block-quote p	{
	text-align: center;
	margin: 0 auto 30px;
	}
}