@import url("./hamburgers/dist/hamburgers.css");
/* ---------------------------- Site information ------------------------------ */
/* -------------------- Initial site build April of 2024 --------------------- */
/* ------------ Developer: Josh Martin (JLM) -------------- */
/* --------------------- Remember this is mobile first! ---------------------- */
/* ------------- A website built by Craft & Cloud Marketing Co. -------------- */


/* -------------------- SITE COLORS ---------------------- */
:root {
	--red: #731329;
	--yellow: #F8CF26;
	--black-2: #333333;
	--light-blue: #F3FCFE;
	--dark-blue: #5E747C;
	--gray: #ADBFC5;
	--acumin: "acumin-pro", sans-serif;
	--dmserif: "DM Serif Display", serif;
	--greatvibes: "Great Vibes", cursive;
	--mulish: "Mulish", sans-serif;
	--step--2: clamp(0.8235rem, 0.6608rem + 0.8133vi, 1.3724rem);
	--step--1: clamp(1.2786rem, 0.7051rem + 0.8678vi, 1.4644rem);
	--step-0: clamp(0.9375rem, 0.7523rem + 0.9259vi, 1.5625rem);
	--step-1: clamp(1.2003rem, 0.8027rem + 0.988vi, 1.6672rem);
	--step-2: clamp(1.0673rem, 0.8565rem + 1.0542vi, 1.7789rem);
	--step-3: clamp(1.2388rem, 1.0139rem + 1.0748vi, 2.0981rem);
}
/* -------------------- TOP STYLES STYLES ---------------------- */

body {
	margin: 0;
}

img {
	width: 100%;
	height: auto;
	display: block;
}

h1, h2, h3 {
	font-family: var(--dmserif);
}

p {
	font-family: var(--acumin);
	font-weight: 100;
}

a {
	color: black;
	text-decoration: none;
	transition: .3s;
}

.dialog-off-canvas-main-canvas {
	overflow-x: hidden;
}

.--fs-large {
	font-size: min(10vw, 2.5em);
}

.flex-row-reverse {
	flex-direction: row-reverse;
}

/* -------------------- GENERAL STYLES ---------------------- */

.layout-main-content, #block-cirrocumulus-footer, #block-cirrocumulus-webform, #block-cirrocumulus-servicescheduleblock, #block-cirrocumulus-webform-2, #block-cirrocumulus-views-block-sermons-view-block-1, #block-cirrocumulus-sermonsarchieve, .sermons-archive {
	font-size: var(--step--1);
	padding: 2em 6%;
	line-height: 1.3;
}

.yellow-text {
	color: var(--yellow);
	
	a {
		color: var(--yellow);
		text-decoration: underline !important;
		
		&:hover {
			color: var(--dark-blue);
		}
	}
}

.blue-gradient-top {
	background: rgb(224,247,253);
	/*background: linear-gradient(0deg, rgba(224,247,253,0) 50%, rgba(224,247,253,0.4976584383753502) 70%, rgba(224,247,253,1) 100%);*/
	background: linear-gradient(to bottom, rgba(224,247,253,1) 0%,rgba(224,247,253,0.5) 12%,rgba(224,247,253,0) 38%,rgba(224,247,253,0) 50%,rgba(224,247,253,0) 100%);
}

.blue-gradient-bottom, #block-cirrocumulus-sermonsarchieve {
	background: rgb(224,247,253);
	background: linear-gradient(180deg, rgba(224,247,253,0) 50%, rgba(224,247,253,0.4976584383753502) 70%, rgba(224,247,253,1) 100%);
}

.yellow-gradient-bottom {
	background: rgba(248, 207, 38, 0.401);
	background: linear-gradient(180deg, rgba(248, 207, 38, 0) 60%, rgb(248 207 38 / 10%) 80%, rgb(248 207 38 / 10%) 100%);
}

.background-solid-blue {
	background: rgb(224,247,253);
	/*background: linear-gradient(to bottom, rgba(224, 247, 253, 1) 0%, rgba(224, 247, 253, 0.75) 50%, rgba(224, 247, 253, .375) 100%);*/
	background: linear-gradient(to bottom, rgba(224,247,253,1) 0%,rgba(224,247,253,0.5) 50%,rgba(224,247,253,0) 100%);
}

.lamp-icon {
	width: 1.5em;
	margin: 1em auto;
}

.service-schedule-text {
	background: rgba(248, 207, 38, 0.401);
	background: linear-gradient(0deg, rgba(248, 207, 38, 0) 20%, rgb(248 207 38 / 15%) 80%, rgb(248 207 38 / 15%) 100%);
	border-radius: 50% 50% 0 0;
	width: 11em;
	margin: 1em auto 2em;
	padding: 1em .5em 2em;
	
	p {
		margin-top: -.5em;
		color: var(--dark-blue);
		
		span {
			font-weight: 600;
		}
	}
}

.flex-icon-content-3 {
	
	a {
		color: var(--yellow);
		text-decoration: underline;
		font-weight: 700;
		
		&:hover {
			color: var(--dark-blue);
		}
	}
	
	.bold-text {
		font-weight: 700;
		margin: 1em 0;
	}
}

.address-link {
	
	a:hover {
		color: var(--yellow);
	}
}

@media (min-width: 750px) {
	
	.flex-icon-content {
		display: flex;
		justify-content: space-between;
		margin-inline: auto;
		max-width: 16em;
	}
	
	.flex-icon-content-2 {
		margin-inline: inherit;
		max-width: 22em;
	}
	
	.flex-icon-content-3 {
		max-width: 30em;
		margin-inline: 0 auto;
		
		p {
			align-content: center;
			margin-inline: 1em auto;
		}
	}
	
	.container-service-schedule {
		display: flex;
		justify-content: space-between;
	}
	
	.service-schedule-text {
		width: 9em;
	}
}

@media (min-width: 900px) {
	
	.layout-main-content, #block-cirrocumulus-footer, #block-cirrocumulus-webform, #block-cirrocumulus-servicescheduleblock, #block-cirrocumulus-webform-2, #block-cirrocumulus-views-block-sermons-view-block-1, #block-cirrocumulus-sermonsarchieve, .sermons-archive {
		padding: 2em 8%;
	}
	
	.service-schedule-text {
		width: 11em;
	}
}

@media (min-width: 1600px) {
	
	.layout-main-content, #block-cirrocumulus-footer, #block-cirrocumulus-webform, #block-cirrocumulus-servicescheduleblock, #block-cirrocumulus-webform-2, #block-cirrocumulus-views-block-sermons-view-block-1, #block-cirrocumulus-sermonsarchieve, .sermons-archive {
		padding: 2em calc((100vw - 1400px)/2);
	}
}

/* -------------------- BUTTON STYLES ---------------------- */

.button {
	margin: 1.5em 0;
	
	a {
		padding: 0 11px 4px;
	}
}

.button-width {
	
	a {
		width: 10em;
		display: block;
		text-align: center;
	}
}

.yellow-button {
	
	a {
		background-color: var(--yellow);
		color: white;
		border: solid 2px var(--yellow);
		font-weight: 400;
		
		&:hover {
			border: solid 2px var(--dark-blue);
		}
	}
}

.dark-blue-button {
	
	a {
		color: var(--gray);
		background-color: var(--dark-blue);
		border: solid 2px var(--dark-blue);
		font-weight: 400;
		
		&:hover {
			border: solid 2px var(--light-blue);
		}
	}
}

.transparent-button {
	
	a {
		color: white;
		background-color: transparent;
		border: solid 2px white;
		font-weight: 400;
		
		&:hover {
			border: solid 2px var(--dark-blue);
		}
	}
}

.white-button {
	
	a {
		color: black;
		background-color: white;
		border: solid 2px white;
		font-weight: 400;
		
		&:hover {
			border: solid 2px var(--dark-blue);
		}
	}
}

.container-button-flex-3 {
	text-align: center;
	margin: 1em auto;
	
	a {
		margin: 1em auto;
	}
}

@media (min-width: 750px) {
	
	.container-button-flex {
		display: flex;
		justify-content: space-between;
		max-width: 25em;
	}
	
	.container-button-flex-2 {
		margin-inline: auto;
		max-width: 15em;
	}
}

/* -------------------- MOBILE MENU STYLES ---------------------- */

#block-cirrocumulus-mobilemenu {
	position: absolute;
	left: 6%;
	top: 2rem;
	z-index: 10;
	
	@media screen and (min-width: 750px) {
		display: none;
	}
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	background-color: var(--dark-blue) !important;
}

.hamburger--spin.is-active {
	
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
		background-color: var(--dark-blue) !important;
	}
}

.hamburger--spin.is-active {
	position: relative;
	z-index: 1;
}

.sidenav {
  height: 100%; /* 100% Full-height */
  width: 100%; /* 0 width - change this with JavaScript */
  left: -100%;
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; 
  background-color: var(--light-blue);
  overflow-x: hidden; /* Disable horizontal scroll */
  /*padding-top: 60px; /*Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  -webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.39);
  -moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.39);
  box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.39);
  text-align: center;
  
  p {
	position:  relative;
  }
  
  a {
	position: relative;
  }
}

.sidenav a {
  padding: 0.5em 32px 0.5em 32px;
  text-decoration: none;
  font-size: 5vw;
  color: var(--dark-blue);
  display: block;
  text-transform: uppercase;
}

.sidenav img {
	width: 55%;
	margin: auto;
}


.sidenav a:hover {
  color: var(--yellow);
}

#main {
  transition: margin-left .5s;
  padding: 20px;
}

.closebtn {
	font-size: 18vw !important;
	margin-top: -1em;
	margin-bottom: -0.5em;
	font-family: var(--acumin);
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.menu-phone {
	font-weight: bold;
	font-size: 10vw !important;
}

body.mobile-menu-open #mySidenav {
	left: 0;
}

/* -------------------- HEADER STYLES ---------------------- */

.path-frontpage {
	
	header {
		background: black;
		background-color: black;
		
		#block-cirrocumulus-mainnavigation {
			
			a {
				color: white !important;
				
				&:hover {
					color: var(--yellow) !important;
				}
			}
		}
		
		.tbm {
			background-color: black;
		}
	}
}

header {
	background: rgb(224,247,253);
	background: linear-gradient(to bottom,  #e8faff 0%,#f1fcff 33%,#f7fdff 67%,#ffffff 100%);
	padding: 1em 0;
	
	nav {
		display: none;
	}
	
	.tbm {
		background-color: transparent !important;
	}
}

#block-cirrocumulus-site-branding, #block-cirrocumulus-homepagelogo {
	width: 40%;
	max-width: 12em;
	margin-inline: auto;
	position: relative;
}

@media (min-width: 750px) {
	
	header {
		font-size: var(--step-1);
		
		nav {
			display: block;
			padding: .5em 3%;
			max-width: 1400px;
			margin: auto;
			
			li {
				border-right: none !important;
				
				a {
					color: var(--dark-blue) !important;
					font-family: var(--dmserif);
					
					&:hover {
						color: var(--yellow) !important;
					}
				}
				
				a:hover {
					background-color: transparent !important;
				}
			}
		}
		
		.tbm-item.level-1 {
			font-size: .7em;
		}
		
		.tbm-item.margin-left {
			margin-left: auto;
		}
	}
	
	#block-cirrocumulus-site-branding, #block-cirrocumulus-homepagelogo {
		margin-top: -4em;
		width: 20%;
		max-width: 8em;
	}
}

@media (min-width: 900px) {
	
	header {
		
		.tbm-item {
			margin: 0 1%;
		}
		
		.tbm-item.level-1 {
			font-size: .8em;
		}
		
		.tbm-item.left-end {
			margin: 0 1% 0 0;
		}
		
		.tbm-item.right-end {
			margin: 0 0 0 1%;
		}
	}
}

@media (min-width: 1100px) {
	
	header {
		
		.tbm-item {
			margin: 0 2%;
		}
		
		.tbm-item.left-end {
			margin: 0 2% 0 0;
		}
		
		.tbm-item.right-end {
			margin: 0 0 0 2%;
		}
	}	
}

/* -------------------- LARGE BANNER STYLES ---------------------- */

.layout-banner {
	position: relative;
	font-size: min(5vw, 1.2em);
	padding-bottom: 11em;
	background-color: black;
	border-bottom: solid 5px var(--yellow);
	box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.15);
	
	.container-hero-text {
		width: 100%;
		max-width: 1400px;
		transform: translateX(-50%);
		left: 50%;
		bottom: 1em;
		margin: auto 2em auto;
		position: absolute;
		color: white;
		z-index: 3;
		font-size: min(4vw, 1.4em);
		
		h1 {
			font-weight: 100;
		}
		
		@media (min-width: 1300px) {
			bottom: 5em;
		}
		
		h1 {
			font-size: 2.2em;
		}
		
		a {
			font-size: var(--step--1) !important;
			padding-left: 1em;
			padding-right: 1em;
		}
	}
	
	.bird-icon {
		position: absolute;
		z-index: 5;
		max-width: 300px;
		bottom: 2em;
		padding-left: 8%;
		
		@media (min-width: 1685px) {
			margin-left: calc((100vw - 1400px) / 2);
			padding-left: 0;
		}
	}
	
	.flex-icon-content {
		display: flex;
		justify-content: space-between;
		width: 85%;
		max-width: 29em;
		margin: 0;
	}
	
	.heading-lamp {
		width: 10%;
		max-width: 1.5em;
	}
	
	.container-heading-text-p-mobile, .container-heading-text-p-desk {
		margin-top: 0;
		width: 90%;
		max-width: 26em;
	}
	
	.container-heading-text-p-desk {
		display: none;
	}
	
	.heading-top-p {
		margin: 0 0 0 .5em;
	}
	
	.heading-bottom-p {
		margin: 0 0 0 -1.5em;
	}
}

.path-bible-discoveries {
	
	.layout-banner {
		padding-bottom: 0;
	}
}

.large-banner {
	position: relative;
	
	&:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(180deg, rgba(0,0,0,0) 65%, rgba(0,0,0,0.5004595588235294) 90%, rgba(0,0,0,1) 100%);
	}
	
	&:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5004595588235294) 70%, rgba(0,0,0,1) 100%);
	}
}

.smaller-banner {
	position: relative;
	
	&:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5004595588235294) 70%, rgba(0,0,0,.75) 100%);
	}
}

@media (max-width: 749px) {
	
	.path-bible-discoveries {
		
		.smaller-banner {
			width: 115vw;
		}
	}
}

@media (min-width: 750px) {
	
	.layout-banner {
		padding-bottom: 0;
		
		.container-hero-text {
			font-size: min(2.3vw, 1.5em);
		}
		
		.heading-lamp {
			max-width: 2em;
		}
		
		.container-heading-text-p-mobile {
			display: none;
		}
		
		.container-heading-text-p-desk {
			display: block;
		}
	}
	
	.container-button-flex-banner {
		display: flex;
		justify-content: space-between;
		max-width: 27.5rem;
	}
	
	.large-banner {
		
		&:before {
			background: linear-gradient(270deg, rgba(0,0,0,0) 25%, rgba(0,0,0,0.5004595588235294) 70%, rgba(0,0,0,1) 100%);
		}
	}
}


@media (min-width: 1150px) {
	
	.container-button-flex-banner {
		max-width: 29rem;
	}
}

@media (min-width: 1350px) {
	
	.container-button-flex-banner {
		max-width: 31rem;
	}
}
/* -------------------- HOME PAGE STYLES ---------------------- */

.svg-image-mobile {
	width: 80%;
	max-width: 450px;
	margin: 1em auto;
}

.svg-image-desk {
	display: none;
}

@media (min-width: 750px) {
	
	.svg-image-desk {
		display: block;
		width: 80%;
		max-width: 750px;
		margin: auto;
	}
	
	.svg-image-mobile {
		display: none;
	}
}

/* -------------------- SERMON PAGE STYLES ---------------------- */

.container-sermons {
	
	form {
		width: 90%;
		max-width: 14em;
		margin: -3em auto 1em auto;
		padding: 1em 3em 0;
		display: flex;
		flex-direction: column-reverse;
		box-sizing: border-box;
		position: relative;
		z-index: 4;
		
		input, select {
			border: 1px solid var(--dark-blue);
			margin: 0 !important;
			padding: .25em !important;
		}
		
		&:before {
			content: '';
			position: absolute;
			top: -1em;
			bottom: 25%;
			left: 0;
			right: 0;
			z-index: -1;
			background: rgba(248, 207, 38, 0.401);
			background: linear-gradient(0deg, rgba(248, 207, 38, 0) 20%, rgb(248 207 38 / 15%) 80%, rgb(248 207 38 / 15%) 100%);
			border-radius: 50% 50% 0 0;
			border-radius: 50% 50% 0 0;
		}
		
		input, select, label {
			font-size: 10px;
		}
		
		.js-form-item-sort-order {
			
			label {
				font-family: var(--acumin);
				color: var(--dark-blue);
			}
		}
		
		.js-form-item-keys {
			order: 2;
			
			label {
				font-family: var(--acumin);
				color: var(--dark-blue);
			}
		}
		
		.js-form-item-sort-by {
			order: 4;
			text-align: center;
			
			label {
				font-weight: 900;
				font-family: var(--dmserif);
				font-size: .8em;
			}
		}
		
		.js-form-item-sort-order {
			order: 3;
		}
		
		.form-actions {
			order: 1;
			
			input {
				width: 40%;
				margin-left: 30%;
				background-color: var(--dark-blue);
				color: var(--gray);
				border: solid 2px var(--dark-blue);
				transition: .3s;
				border-radius: 0;
				
				&:hover {
					cursor: pointer;
					border: solid 2px var(--light-blue);
				}
			}
		}
	}
}

.paragraph--type--sermons {
	text-align: center;
	border: solid var(--dark-blue);
	border-width: .2em .2em .2em 1em;
	padding: 2em 1em;
	font-family: var(--acumin);
	max-width: 16em;
	margin: 1em auto;
}

.sermon-file {
	
	audio {
		width: 100%;
		max-width: 300px;
	}
}

.sermon-title {
	font-weight: 900;
}

.sermon-speaker {
	font-size: .8em;
	color: var(--dark-blue);
	margin: 1em 0;
}

.sermon-date {
	font-weight: 100;
}

.js-pager__items {
	padding: 0;
	display: flex;
	justify-content: space-between;
	width: 8em;
	margin: 1em auto;
	color: var(--dark-blue);
	
	li {
		list-style: none;
		
		a {
			text-decoration: underline;
		}
	}
}

@media (min-width: 750px) {
	
	.container-sermons {
		
		form {
			padding: 2em 2em 0;
			margin: -14em 0 2em auto;
			max-width: 14em;
			
			&:before {
				top: 0;
				bottom: 40%;
			}
		}
	}
	
	.container-sermons-text {
		width: 55%;
	}
	
	.paragraph--type--sermons {
		display: flex;
		justify-content: space-between;
		text-align: left;
		max-width: 100%;
	}
	
	.sermon-file {
		width: 29%;
		align-content: center;
	}
	
	.sermon-title-description {
		width: 50%;
		margin: auto 1em;
	}
	
	.sermon-date {
		width: 20%;
	}
}

@media (min-width: 1000px) {
	
	.container-sermons {
		
		form {
			max-width: 12em;
		}
	}
}

@media (min-width: 1332px) {
	
	.container-sermons {
		
		form {
			margin: -11em 0 2em auto;
		}
	}
}

/* -------------------- ABOUT US PAGE STYLES ---------------------- */

@media (max-width: 749px) {
	
	.large-image {
		margin: 1em -3em;
	}
}

/* -------------------- WEBFORM STYLES ---------------------- */

#block-cirrocumulus-webform {
	border-top: solid 4px var(--yellow);
	background: rgb(242,242,242);
	background: linear-gradient(180deg, rgba(242,242,242,1) 20%, rgba(242,242,242,0.24555759803921573) 70%, rgba(242,242,242,0) 100%);
}

.path-contact-us #block-cirrocumulus-webform {
	background: rgba(248, 207, 38, 0.401);
	background: linear-gradient(180deg, rgba(248, 207, 38, 0) 60%, rgb(248 207 38 / 10%) 80%, rgb(248 207 38 / 10%) 100%);
	padding: 0 6% 25%;
	margin-bottom: -1em;
}

.webform-submission-contact-form, .webform-submission-enrollment-form-form  {
	
	input, textarea, select {
		font-family: var(--acumin);
		box-sizing: border-box;
		width: 100%;
		border: solid black 2px;
		padding: 1em;
		margin: 1em;
		color: var(--dark-blue);
	}
	
	::placeholder {
		color: var(--dark-blue);
	}
	
	.webform-button--submit {
		width: 8em;
		border: solid 2px var(--dark-blue);
		background-color: var(--dark-blue);
		color: var(--light-blue);
		transition: .4s;
		font-weight: 800;
		
		&:hover {
			background-color: var(--light-blue);
			color: var(--dark-blue);
			cursor: pointer;
		}
	}
	
	#edit-processed-text {
		margin: 3em 1em 0;
		
		span {
			font-weight: 600;
		}
		
		.webform-logo {
			margin: 1em auto;
			width: 65%;
			max-width: 12em;
		}
		
		.address, .names {
			color: var(--dark-blue);
			
			a {
				color: var(--dark-blue);
			}
		}
		
		.address, .phone {
			
			a:hover {
				color: var(--red);
			}
		}
	}
}

/* ----------ENROLLMENT FORM STYLES --------- */

#block-cirrocumulus-webform-2 {
	background: rgba(248, 207, 38, 0.401);
	background: linear-gradient(180deg, rgba(248, 207, 38, 0) 60%, rgb(248 207 38 / 10%) 80%, rgb(248 207 38 / 10%) 100%);
	padding: 0 0 25%;
	margin-bottom: -1em;
	
	form {
		padding: 3em;
		background-color: var(--light-blue);
		
		input {
			padding: 1em;
		}
		
		textarea {
			padding: 1em 1em 25%;
		}
		
		#edit-actions {
			text-align: center;
		}
		
		.webform-button--submit {
			padding: .5em 1em;
		}
	}
}

.webform-address__row-3 {
	display: flex;
	justify-content: space-between;
	
	.webform-address__city {
		width: 50%;
		flex: none;
	}
	
	.webform-address__postal-code {
		width: 40%;
		flex: none;
	}
}

#edit-address--wrapper {
	margin: 0;
}

@media (max-width: 749px) {
	
	#edit-name, #edit-last-name {
		width: 60%;
	}
}

@media (min-width: 750px) {
	
	form.webform-submission-contact-form {
		max-width: 1200px;
		margin: 1em auto;
		
		textarea {
			padding: 1em 1em 20%;
		}
		
		#edit-container-02 {
			display: flex;
			justify-content: space-between;
			flex-direction: row-reverse;
		}
		
		#edit-container {
			max-width: 600px;
			width: 60%;
		}
		
		#edit-container-01 {
			display: flex;
			justify-content: space-between;
			width: 80%;
			
			.js-form-type-textfield {
				width: 48%;
			}
		}
		
		.js-form-type-email {
			width: 80%;
		}
		
		#edit-processed-text {
			margin: 0 1em;
			width: 40%;
			
			.webform-logo {
				margin: 1em 0 1em;
			}
			
			.text-align-center {
				text-align: left;
			}
		}
	}
	
	.path-contact-us #block-cirrocumulus-webform {
		padding: 1em 8% 8em;
	}
	
	#block-cirrocumulus-webform-2 {
		padding: 1em 8% 8em;
		
		form {
			max-width: 580px;
			margin: auto;
			padding: 2em 4em;
			
			#edit-container {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				
				.form-item {
					width: 48%;
				}
			}
		}
		
		.webform-flexbox {
			margin: 0;
		}
		
		.webform-flex--container {
			margin: 0;
		}
	}
	
	.webform-address__row-3 {
		
		.webform-address__city {
			width: 45%;
		}
		
		.webform-address__postal-code {
			width: 32%;
			margin-inline: 2em auto;
		}
	}
}

/* -------------------- BIBLE DISCOVERIES PAGE STYLES ---------------------- */

@media (max-width: 749px) {
	
	.gallery {
		margin: 1em -3em;
	}
}

.gallery-flex, .gallery-flex-2 {
	
	> div {
		margin: 1em 0 0;
	}
}

.gallery-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	.small-photo {
		width: 49%;
	}
	
	.full-width-photo {
		width: 100%;
	}
}

@media (min-width: 750px) {
	
	.gallery-flex-2 {
		display: flex;
		justify-content: space-between;
		
		> div {
			width: 49%;
		}
	}
	
	.gallery-flex {
		
		.small-photo {
			width: 32%;
		}
		
		.full-width-photo {
			width: 32%;
		}
		
		.small-photo-1 {
			order: 1;
		}
		
		.small-photo-2 {
			order: 3;
		}
		
		.full-width-photo {
			order: 2;
		}
	}
}

/* -------------------- OTHER MINISTRIES STYLES ---------------------- */

.path-ministries {
	
	.paragraph--type--gradient-bottom {
		margin-top: -4em;
	}
}

@media (max-width: 749px) {
	
	.container-ministry-text {
		text-align: center;
	}
}

/* -------------------- STATEMENT OF PAGE STYLES ---------------------- */

.statement-of-faith {
	
	min-height: 60vh;
	
	a {
		font-weight: 800;
		text-decoration: underline;		
		&:hover {
			color: var(--dark-blue);
		}
	}
}

/* -------------------- PRIVACY PAGE STYLES ---------------------- */

.privacy-page {
	
	a {
		text-decoration: underline;
		
		&:hover {
			color: var(--dark-blue);
		}
	}
}

/* -------------------- FOOTER STYLES ---------------------- */

#block-cirrocumulus-footer {
	background-color: black;
	color: white;
	
	a {
		color: white;
		
		&:hover {
			color: var(--dark-blue) !important;
		}
	}
	
	.footer-logo {
		display: block;
		width: 65%;
		margin: 1em auto;
		max-width: 15em;
	}
	
	.address {
		width: 7em;
		margin: 1em auto;
		
		a {
			color: var(--yellow);
		}
	}
	
	.copyright-text {
		color: rgba(255, 255, 255, 0.702);
		font-size: .8em;
		text-align: center;
		margin-bottom: -1.5em;
	}
}

@media (min-width: 750px) {
	
	#block-cirrocumulus-footer {
		
		.container-footer-columns {
			display: flex;
			justify-content: space-between;
		}
		
		.address {
			margin: 1em 1em 1em 2.5em;
			text-align: left;
		}
		
		.second-column, .third-column {
			
			p {
				text-align: right;
			}
		}
		
		.first-column {
			order: 1;
		}
		
		.second-column {
			order: 3;
		}
		
		.third-column {
			order: 2;
			align-content: end;
			margin-inline: auto 4em;
		}
	}
}

.no-margin-top {
	margin-top: -1em;
}

.about-margin-bottom {
	margin-bottom: 3em;
}

.about-margin-top {
	margin-top: 3em;
}

.page-node-type-article .layout-content {
	max-width: 1000px;
	text-align: center;
	margin: auto;
}

.page-node-type-article .layout-content footer {
	display: none;
}

.z-index-50 {
	position: relative;
	z-index: 50;
}