body::selection {
    color: #fff;
    background-color: #c4a11b;
}

body a { color: #c4a11b; }

h1,h2,h3 {
	/*font-family: 'baskerville';*/
	font-family: "EB Garamond", serif!important;
	font-weight: 700;
}

#main-header {
	background-color: #efefef;
}
#main-footer .container,
#main-header .container {
	max-width: 1680px;
}

.nav li.cta a {
	color: #fff!important;
	background: #c4a11b;
	padding: 16px 40px!important;
	border-radius: 6px;
	text-transform: uppercase;
	font-weight: 700;
}
span.mobile_menu_bar:before {
	color: #c4a11b!important;
}
ul.et_mobile_menu {
	padding: 20px 0;
}
.menu-item-2302 { display:none!important; }

.menu-item-2326 ~ .menu-item-2326,
.menu-item-2302 ~ .menu-item-2302,
.menu-item-2300 ~ .menu-item-2300,
.menu-item-2301 ~ .menu-item-2301 {
	display: none!important;
}
ul.et_mobile_menu .social:before {
	position: relative;
	right: -25px;
	top:  25px;
}

#top-header, 
#et_top_search {
	display:none;
}
.et_header_style_left #et-top-navigation {
	padding-top: 32px!important;
}


li.social {
/* 	max-height: 30px; */
/* 	height: 30px; */
}
li.social a {
	width: 30px;
	height: 30px;
	display:block;
	text-indent: -999em!important;
	position: relative;
	max-height: 30px;
	display:block;
	color: #00053E!important;
	z-index: 6;
}
li.social a:hover:after {
	background-color: #c4a11b;
}
li.social:before {
	display: block;
    font-family: "ETmodules";
	color: #fff;
    font-weight: 600;
    font-size: 16px;
	border-radius: 50px;
	width: 30px;
	height: 30px;
	position: absolute;
	right: -5px;
	z-index: 5;
	left: -5px;
	bottom: 27px;
}
li.social:after {
	display:block;
	background-color: #00053E;
	border-radius: 90px;
	width: 30px;
	height: 30px;
	content: '';
	position: absolute;
	bottom: 34px;
	right: 12px;
	z-index: 1;
}
.social.fb:before {
    /*content: "\f09a";*/
}
.social.ig:before {
	display:inline-block;
    content: "\e09a";
}


@media screen and (max-width: 1250px){
	
	.video-section .et_pb_column_9 {
		padding-left: 0;
	}
	.video-section .et_pb_column {
		margin-right: 0;
	}
	.video-section > div {
		width: 90vw;
	}
}
@media screen and (max-width: 1024px){

	
	
}



.logo_container #logo {
	display:none;
}
.logo_container a:has(img) {
	/*background: url('https://churchillmedia.org/wp-content/uploads/2024/07/logo-churchill-storytellers.jpg');*/
	background: url('https://churchillmedia.org/wp-content/uploads/2024/08/Churchill-Storytellers_Navy.svg');
	background-repeat: no-repeat;
	width: 380px;
	height: 72px;
	display: block;
	position: relative;
	top: -82px;
}
.flex-row {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.about .et_pb_text_inner p {
	max-width: 475px;
	float: right;
	font-family: 'baskerville';
	font-size: 32px;
	line-height: 1.1;
	font-weight: 600;
}
.offset-border .et_pb_image_wrap:before {
	content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: -16px;
    left: -16px;
    border: 1px solid rgba(20, 40, 55, 0.35);
    border: 2px solid #c4a11b;
    z-index: 1;
}


.intro-section {
	margin-bottom: -6px;
}
.intro-section > div {
	min-height: 75vh;
}
.intro-section * {
	color: #fff;
}
.intro-section .et_pb_module.et_pb_text {
	max-width: 1350px;
	margin: -120px auto 0;
	margin: -22vh auto 0;
}
.intro-section h4 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'baskerville';
	font-weight: 900;
}
.intro-section h1 {
	font-size: 70px;
	font-size: clamp(46px,6vw,70px);
	margin-top: 22px!important;
}
.intro-section h1 span {
	font-style: italic;
	display:inline-block;
	position: relative;
	z-index: 10;
}
.intro-section h1:after {
	content: '';
	display: block;
	background: #c4a11b;
	
	width: 100%;
	width: 500px;
	max-width: 40vw;
	min-width: 300px;

	height: 60px;
	height: 4vw;
	min-height: 36px;
	max-height: 64px;

	position: absolute;
	bottom: 0;
	left: -20px;
	z-index: 0;
}



.about2 *,
.cta-section h2 {
	color: #00053e;
}

.about2 {
	background-color: #efefef;
}
.about2 h3 {
	font-size: 32px;
	margin: 0 0 20px;
}
.about2 p {
	max-width: 320px;
}

.et_pb_button:after,
.et_pb_button:hover:after {
	top: 8px;
}
.cta-section .et_pb_button,
.cta-section .et_pb_button:hover {
	padding: 12px 32px;
	min-width: 312px;
	text-align: center;
}
div.cta-section h2 {
	margin-top: 0;
	font-size: 50px;
	font-size: clamp(32px, 6vw, 50px);
}

.cta-section .et_pb_row {
	width: 100%;
	max-width: 96vw;
}
.cta-section h2 {
	font-size: 72px;
	font-size: clamp(40px,5vw,72px);
}

.button-group {
	display:flex;
	flex-direction: row;
	gap: 24px;
}
.button-group > div {
	margin: 0!important;
}
.panel-white {
	/*background-color: #fff;*/
	/*padding: 80px;*/
}
.panel-white h4 {
	color: #c4a11b;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 15px;
}
.video-section .panel-white {
	/*margin-left: 24%;*/
}
.video-section strong {
	/*color: #c4a11b;*/
	color: #00053E!important
}
.video-section .et_pb_button_module_wrapper {
	margin-top: 20px;
}
.video-section .offset-border .et_pb_image_wrap:before {
	border-radius:  900px;
}
.video-section > div {
	max-width: 1400px;
}
.video-section .et_pb_column_9 {
	padding-left: 60px;
}
.video-section p a {
	text-decoration: underline;
}

.video-section .et_pb_button:before {
    content: '\f04b'; /* FontAwesome icon */
    font-family: FontAwesome!important;
    font-weight: 100!important;
    font-size: inherit!important;
    color: #c4a11b;

    /* Centering properties */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    /* Background circle properties */
    background-color: #fff;
    border-radius: 50%; /* Ensures it remains a perfect circle */
    height: 20px;
    width: 20px;

    /* Positioning */
    position: absolute;
	left: 12px; top: 8px;
    transition: all 0.2s;
    line-height: normal; /* Ensures icon is centered vertically */

    /* Removing any padding/margin that might affect centering */
    padding: 2px 0 0 2px;
    margin: 0;
}
.video-section .et_pb_column {
	margin-right: 60px;
}

.et_pb_button {
	text-transform: uppercase;
	border-radius: 8px;
	font-weight: bold;
	font-size: 16px;
}
.about .et_pb_button:hover:after {
	top:  1px;
}
a.solid-button,
.video-section .et_pb_button {
	color: #fff;
	background-color: #c4a11b;
}
a.solid-button:hover,
.video-section .et_pb_button:hover {
	color: #fff!important;
	background-color: #e7c02b!important;
}
.video-section .et_pb_button {
	font-size: 14px;
	padding: 8px 24px 8px 42px!important;
}

.bottom-section h3 {
	font-size: 64px;
	font-size: clamp(32px, 6vw, 64px);
	color: #00053E!important;
}
.bottom-section h3+p {
	text-transform: uppercase;
	color: #c4a11b;
	font-weight: 600;
	font-size: 21px;
}
.bottom-section a {
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
}
#main-content ul.et_pb_social_media_follow_0 {
	margin-left: 0;
}
.et_pb_social_media_follow li a.icon {
	border-radius: 100px!important;
	background-color: #00053E!important;
}
.et_pb_social_media_follow li a.icon:hover {
	background-color: #c4a11b!important;
}

#main-footer {
	background-color: #00053E!important;
}
footer p {
	color: #fff;
	font-size: 12px;
}
footer .et_pb_row_2_tb_footer {
	border-top: 1px solid #c4a11b;
  padding-bottom: 0;
	margin-bottom: -28px;
}
footer .et_pb_menu_0_tb_footer.et_pb_menu {
	background-color: transparent;
}
footer .et_pb_menu a {
	color: #fff;
	text-align: right;
}

footer .social.fb:before {
	color: #fff;
	opacity: 1!important;
}
footer .social:before {
	top: 14px;
	left: 10px;
}
footer nav li {
	margin-bottom: 0!important;
}
footer nav li a {
	padding-top: 15px!important;
}


.et_pb_menu .et_pb_menu__wrap {
	justify-content: flex-end;
}
.footer-storytellers > div {
	width: 100%;
	max-width: 1640px;
}

@media screen and (max-width: 1640px){

	#main-content .et_pb_row,
	#main-header .container {
		width: 96vw;
	}
	.intro-section .et_pb_module.et_pb_text { 
		max-width: 92vw;
	}
	.footer-storytellers > div {
		max-width: 96vw;
	}
	.video-section {
		padding-left: 32px;
		padding-right: 32px;
	}
	.video-section .panel-white {
		margin-left: 0;
	}
	.video-section > div {
		gap: 32px;
	}
	.video-section > div:after {display:none;}

	.intro-section > div,
	.about2 > div { width: 100%!important; }
	.about2 h2 { margin-top: 0; }
	.about .et_pb_button_0_wrapper {
		margin-left: 0!important;
	}
	.about2 p { max-width: 100%; }
	.about2 .et_pb_text_2 {
		padding-right: 18vw!important;
		padding-left: 0!important;
	}
}
@media screen and (max-width: 1250px){
	.about2 .et_pb_text_2 {
		padding-right: 6vw!important;
	}
	.video-section .et_pb_column_9 {
		padding-left: 0;
	}
	.video-section .et_pb_column {
		margin-right: 0;
	}
	.video-section > div {
		width: 90vw;
	}
}
@media screen and (max-width: 1024px){

	.video-section > div,
	.about2>div {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}
/*	.video-section > div {
		flex-direction: column-reverse;
	}*/
	.video-section > div > div.et_pb_column {
		margin-right: 0;
		width: 100%;
		max-width: 90%
	}
	
	#main-content .video-section .et_pb_row {
		width: auto;
		max-width: 96vw;
	}
	.about2>div:after {display:none;}
	.about2>div>div {
		width: 100%!important;
		margin: 0!important;
	}
	.about2 .et_pb_text_1 {
		padding-left: 72px!important;
		padding-right: 72px!important;
	}

}
@media screen and (max-width: 990px){

	.logo_container a:has(img) {
		top: -86px;
	}
	.about>div {
		display: flex;
		flex-direction: column-reverse;
		gap: 40px;
		width: 90vw!important;
		padding-top:  0;
		margin-top: -30px;
	}
	.about .et_pb_column {
		margin-right:  0;
		width:  auto;
		max-width: 100%;
	}
	.et_pb_image {
		margin: 0 auto;
		display: flex;
		justify-content: center;
	}
	.about .et_pb_text_inner p {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.button-group:after {
		display:none!important;
	}
	.about2 .et_pb_button_module_wrapper,
	.about2 .et_pb_text.et_pb_text_2 {
		padding: 0 20px 32px!important;
		max-width: 90%;
		margin: 0 auto;
	}
	.about2 .et_pb_button_module_wrapper {
		margin-left: 5.5vw!important;
	}
	.about2 .et_pb_text.et_pb_text_2 + .et_pb_button_module_wrapper {
		margin-top: -32px;
	}
	.about2 p {
		max-width: 100%;
	}

	footer p {
		text-align: center!important;
	}
	footer .et_pb_column--with-menu {
		display:none;
	}
}

@media screen and (max-width: 980px){

	ul.et_mobile_menu .social {
		position: relative;
	}
	ul.et_mobile_menu .social:before {
		right:  auto;
		left: 27px;
		top: 20px;
		left:  48px;
	}
	li.social:after {
		left:  40px;
		bottom: 14px;
	}
	
}

@media screen and (max-width: 767px){

	.logo_container a:has(img) {
		max-width: 80%;
		background-size: 100%;
		background-repeat:  no-repeat;
		top: -84px;
	}
	.intro-section > div {
		min-height:  55vh;
	}
	.button-group {
		flex-direction: column;
		align-items: center;
	}
	.button-group a {
		display: block;
	}
	.video-section {
		padding:  12px 16px 30px 12px!important;
	}
	/*.video-section > div {
		flex-direction: column-reverse;
	}*/
	.video-section>div>div,
	.about>div>div {margin-bottom:0;}
	.about2 .et_pb_text_1 {
		padding-left: 32px!important;
		padding-right: 32px!important;
	}
}

@media screen and (max-width: 600px){

	.about {
		padding-bottom: 0 !important;
	}

}
@media screen and (max-width: 400px){

	.logo_container a:has(img) {
		top: -70px;
	}
}