* {box-sizing: border-box}
/* Scrollbar Styling */
::-webkit-scrollbar {
	width: 10px;
}

html {
	max-width: 100vw;
	overflow-x: hidden;
}

::-webkit-scrollbar-track {
	background-color: #ebebeb;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #6d6d6d;
	border: 1px solid white;
}

/* Set a style for all buttons */
.bible_passage {
	color: blue;
	text-decoration: underline;
	margin: 8px 0;
	border: none;
	cursor: pointer;
	opacity: 0.9;
	white-space: nowrap;
}

.bible_passage:hover {
	opacity:1;
}


/* Add padding and center-align text to the container */
.container {
	padding: 16px;
	text-align: center;
	display: flex;
	flex-direction: column;
}

/* The Modal (background) */
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 50%;
	top: 20%;
	width: 100%;
	height: fit-content;
	 max-height: 500px;
	overflow-y: auto;
	background-color: black;
	color: white;
	padding-top: 0;
	padding-bottom: 0;
	max-width: 400px !important;
	transform: translateX(-50%);
	padding-right: 0;
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
	position: relative;
}

/* Style the horizontal ruler */
hr {
	/*border: 1px solid #f1f1f1;*/
	margin-bottom: 25px;
}

/* The Modal Close Button (x) */
.close {
	position: absolute;
	right: 35px;
	top: 15px;
	font-size: 40px;
	font-weight: bold;
	color: #f1f1f1;
	z-index: 20;
}

.close:hover,
.close:focus {
	color: #f44336;
	cursor: pointer;
}

/* Clear floats */
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

.bible_cont {
	overflow-y: auto;
	max-height: 350px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.bible_pass {
	margin-bottom: 20px;
}

.youtube-player {
	width: 100%;
	max-width: 500px;
	padding-top: 20px;
}

.youtube-player iframe{
	width: 100%;

}

.comment_video {
	width: 100%;
	max-width: 500px;
	padding-top: 20px;
}

.comment_video iframe{
	width: 100%;
}

.preview_card {
	width: 100%;
	/*height: fit-content;*/
	/*min-height: 120px;*/
	/*overflow-x: hidden;*/
	/*background: red;*/
	max-width: 300px;
	word-break: break-word;
	display: flex;
	flex-direction: column;
	padding: 10px;
	box-sizing: border-box;
	background: rgba( 255, 255, 255, 0.25 );
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	backdrop-filter: blur( 7px );
	-webkit-backdrop-filter: blur( 7px );
	border-radius: 10px;
	border: 1px solid rgba( 255, 255, 255, 0.18 );
}


.ai_bible_search_button_group, .ai_education_search_button_group {
	display: flex;
	gap: 10px;
	background: white;
	border-radius: 10px;
	padding: 10px;
	flex-wrap: wrap;
}

.ai_bible_search_button_group button, .ai_education_search_button_group button {
	outline: none;
	border: none;
	background: none;
	font-size: 12px;
	text-decoration: underline;
}

.preview_content {
	word-break: break-word;
}


/*Youtube lazy load iframe*/
.youtube-player {
	position: relative;
	padding-bottom: 56.23%;
	/* Use 75% for 4:3 videos */
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
	background-size: 100% auto;
	margin: 5px;
}
.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
}

.youtube-player img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: auto;
	cursor: pointer;
	-webkit-transition: .4s all;
	-o-transition: .4s all;
	-moz-transition: .4s all;
	transition: .4s all;
}
.youtube-player img:hover {
	-webkit-filter: brightness(75%);
}
.youtube-player .play {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url("//i.imgur.com/TxzC70f.png") no-repeat;
	cursor: pointer;
}


/*harvest shortcode css*/

.harvest_shortcode_container {
	padding: 10px;
	border-radius: 15px 50px 30px;
}

.harvest_shortcode_container > * {
	display: block;
}

.harvest_shortcode_link {
	padding: 10px;
	text-decoration: underline;
	color: blue;
	width: 100%;
}

.harvest_shortcode_amen {
	background: rgba( 255, 255, 255, 0.25 );
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	backdrop-filter: blur( 7px );
	-webkit-backdrop-filter: blur( 7px );
	border-radius: 10px;
	border: 1px solid rgba( 255, 255, 255, 0.18 );
	padding: 10px;
	width: fit-content;
	text-decoration: none;
}

p.harvest_shortcode_container {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	overflow: hidden;
}

/*geography shortcode css*/
.top_geog_bold > * {
	font-weight: bold !important;
}

/*homepage posts search form css code*/

input#ai_bible_search::placeholder {
	color: #ffc008;
}

select#ai_bible_search_version {
	color: #ffc008;
}

.aisermon_search_container {
	width: 100vw;
	display: flex;
	flex-direction: column;
}

.ai_bible_search_container {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.aisermon_search_form {
	display: flex;
	flex-wrap: wrap;
	border-radius: 50px;
	justify-content: center;
	width: 100%;
}

.ai_search_child {
	height: 50px;
	/*border : 1px solid #e5e5e5;*/
	outline: none;
	background: #ffc008;
	position: relative;
}

.ai_search_child > * {
	height: 100% !important;
	width: 100%;
	/*border: none;*/
	outline: none;
	padding: 10px;
}

button.ai_searchform_submit {
	color: white;
	background: #ffc008;
	text-align: center;
}

/*.ai_search_child button.ai_searchform_submit {*/
/*	background: #012B28;*/
/*}*/

.ai_search_child button.ai_searchform_submit i.dashicons.dashicons-search {
	color: #fbde08;
}

i.dashicons.dashicons-search {
	color: #012B28 !important;
}

.ast-mobile-popup-drawer.active .menu-toggle-close {
	color: #ffc008;
}

svg.ast-mobile-svg.ast-menu-svg {
	fill: #012B28 !important;
}

.ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
	fill: #012B28 !important;
}

.ai_bible_search_form {
	background: #012B28 !important;
}

select#ai_bible_search_version {
	background: #012B28;
}

#datafetch {
	width: 100%;
	overflow-y: auto;
	max-height: 200px;
	display: flex !important;
	justify-content: center;
}

#ai_bible_search_results {
	max-height: 400px;
	height: fit-content;
	overflow-y: scroll;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: rgba( 255, 255, 255, 0.25 );
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	backdrop-filter: blur( 7px );
	padding: 10px;
	color: #fbde08;
}

.ai_bible_search_version {
	width: 80px;
}

i.dashicons.dashicons-search {
	color: black;
}

.scroll-offset:before {
	content: "";
	display: block;
	height: 100px;
	margin: -100px 0 0;
}

html {
	scroll-behavior: smooth;
}

.display_referral_filter_by_date_table {
	padding-top: 20px;
	width: 100%;
	overflow: auto;
}

.xgospel_filter_buttons {
	width: 100%;
	justify-content: center;
	display: flex;
}

.xgospel_filter_buttons span {
	padding: 0 !important;
	text-align: center;
	width: 100%;
	height: fit-content;
	font-size: 12px;
	text-align: center;
}

.xgospel_filter_buttons button {
	outline: none;
	background: none;
	border: none;
	color: black;
}

.xgospel_filter_buttons .active {
	background: #00A8EF;
	color: white;
}

.xgospel_referrals_table {
	/*background: white;*/
	border-radius:3px;
	border-collapse: collapse;
	height: fit-content;
	max-width: 600px;
	padding:5px;
	width: 100%;
	/*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);*/
	animation: float 5s infinite;
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	backdrop-filter: blur( 7px );
}

.xgospel_referrals_table td {
	/*background: #FFFFFF;*/
	padding: 20px;
	text-align: left;
	vertical-align: middle;
	font-weight: 300;
	font-size: 18px;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
	border-right: 1px solid #C1C3D1;
	height: 60px;
}

th.xgospel_th {
	color:#D5DDE5;;
	background:#1b1e24;
	border-right: 1px solid #343a45;
	font-size:23px;
	font-weight: 100;
	padding: 5px;
	text-align:left;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	vertical-align:middle;
	height: 70px;
}

.xgospel_referral_cards {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-around;
	padding: 5px 20px 50px 20px;
}

.xgospel_referral_card {
	background : rgba( 255, 255, 255, 0.25 );
	border-radius: 10px;
	min-height: 80px;
	display: flex;
	flex-direction: column;
	padding: 10px;
	width: fit-content;
	height: fit-content;
	text-align: center;
	margin-bottom: 20px;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	backdrop-filter: blur( 7px );
	-webkit-backdrop-filter: blur( 7px );
}

.analytics_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 20px;
}

.harvest_table_wrapper {
	width: 100%;
	overflow: auto;
}

/*apply padding to submenu items on harvest page*/
.stack-on-mobile ul.sub-menu {
	padding-left: 20px !important;
}

button.ast-menu-toggle {
	outline: none !important;
}

.comments-area textarea#comment {
	background: #012B28 !important;
}

li.theChampSelectedTab {
	color: #fbde08 !important;
}

.ui-autocomplete {
	background: #012b28 !important;
	color: #fbde08 !important;
}

#comments input.submit {
	color: #012B28;
}

input[type='date']{
	background: rgba( 255, 255, 255, 0.25 );
	color: #ffc008;
}

[class*="table"] tr {
	/*background: #012b28;*/
}

@media only screen and (min-width: 768px){
	.aisermon_search_form {
		flex-direction: row;
		justify-content: center;
	}

	.ai_search_child:first-child {
		flex-basis: 400px;
	}
	.ai_search_child:nth-child(3){
		flex-basis: 100px;
	}
	.ai_search_child:nth-child(3){
		flex-basis: 50px;
	}
}