/*
Theme Name: Meadowvale East Apostolic Church
Text Domain: mychildmeactheme
Author: Lirva Productions
Author URI: https://www.lirvaproductions.com
Description: Child theme of Lirva Gemini for Meadowvale East Apostolic Church
Template: Lirva-Gemini
Version: 1.0.0
*/ 

body {
	background-color:		#ffffff;
	font-family:			'Open Sans', sans-serif;
	font-size:				16px;
	line-height:   			26px;
	color:					#161616;
	margin:					0;
}

a, a:visited {
	color:					#161616;
  	text-decoration:		underline;
}

a:hover  {
	color:					#161616;
  	text-decoration:		underline;
}


/* PAGE HEADER */
h1, h2, h3, h4 {
	font-family:			'Century Gothic',futura,'URW Gothic L',Verdana,sans-serif;
	
}

#page-header {
	position:				relative;
	margin:					0 0 25px 0;
	width:					100%;
	height:					100%;
}

#page-header .page-title h1, h1.wp-block-heading, h1 {
	font-family:			'Century Gothic',futura,'URW Gothic L',Verdana,sans-serif;
	display: 				flex;
    align-items: 			center;
    position: 				relative;
	font-size:				38px;
	line-height:      		48px;
	font-weight:			300;
	color:					#404040;
	text-transform:			uppercase;
	padding:				0 0 0 0;
	margin:					0 0 2px 0;
	z-index:				5;
}

#page-header .page-title {
	position:				relative;
    z-index:				2;
}

#page-header ul {
	padding-left:			0;
    margin-top: 			0;
    margin-bottom: 			0;
}

#page-header ul li {
	list-style-type:		none;
	padding-left: 			0;
    margin-bottom: 			0;
}

#page-header ul li a {
	text-decoration:		none;
}

h2 {
	font-size:				34px;
	font-weight:			300;
	line-height:      		42px;
	text-transform:			uppercase;
	margin:					10px 0 8px 0;
}

h3 {
	font-size:				32px;
	font-weight:			300;
	line-height:      		48px;
	margin: 				10px 0 5px 0;
}

h4 {
	font-size: 				25px;
	font-weight:			400;
	line-height: 			1.2em;
	margin: 				10px 0 5px 0;
}

h5 {
	font-size: 				22px;
	font-weight:			500;
	line-height: 			1.2em;
	margin: 				10px 0 5px 0;
}

p { 
	margin-top: 			18px;
    margin-bottom: 			18px;
}

p.bold-heading { 
    margin-bottom: 			15px;
}

b, strong {
    font-weight: 			bold;
}


/* LAYOUT */
div#primary, #main-content {
	background:				#ffffff;
	padding:				25px 25px 25px 25px;
	margin:					0 auto;	
}

div#primary, #main-content, .container {
    max-width: 				1500px;
}

.is-layout-flex > :is(*, div) {
    margin: 				0 auto;
}

body.home #main-content {
    max-width: 				100%;
	padding:				0;
	margin:					0;
}

body.home div#content {
	margin:					0;
}

.container {
	padding-top:			5px;
	padding-bottom:			25px;
	margin:					0 auto;
}

.container p, .container-fluid p { 
	margin-top: 			10px;
    margin-bottom: 			20px;
}

.wp-block-columns {
	margin-bottom: 			0.8em;
}

div[class*="col-"] {
	margin-top: 			8px;
	margin-bottom: 			8px;
}

.overlay {
	background-color: 		rgba(247, 247, 247, 0.7);
}

.opaque {
	background-color: 		rgba(247, 247, 247, 0.9);
}

.box-style {
	border-radius:			4px;
	border:					2px solid #ffffff;
}

figure {
    margin: 				15px 0 10px 0;
}

img.responsive {
	max-width: 				100%;
	height: 				auto;	
}

img.align-right {
	float: 					right;    
	margin: 				0 0 0 15px;
}

img.align-left {
	float: 					left;    
	margin: 				0 15px 0 0;
}

img.align-none {
	float: 					none;    
	margin: 				5px 5px 5px 0;
}

.fade {
    opacity: 				0.5;
    transition: 			opacity .65s ease-in-out;
}

.fade:hover {
    opacity: 				1;
}

.parallax {
    background-attachment: 	fixed;
    background-position: 	center;
    background-repeat: 		no-repeat;
    background-size: 		cover;
}

.shadow {
	box-shadow: 			-1px 5px 10px 2px rgba(204,204,204,1);
}

.w-border {
	border:					2px solid #ffffff;
}

.zoom:hover {
	transform: 				scale(1.15);
	font-size: 				18px;
}

.zoom {
	transition: 			transform .2s;
}

.fadein {
    opacity:				0;
}

#call2action .c2a-item h3.wp-block-heading:before {
	font-family: 			'Material Symbols Outlined';
	font-weight:			400;
	vertical-align:			middle;
}

.divider {
	position:				relative;
	background:				#f9992a;
	height: 				1px;
	width:					82%;
	display: 				flex;
	align-items: 			center;
	margin:					48px auto 35px auto;
	z-index:				5;
}

.divider:before {
	position: 				absolute;
	content: 				'';
	left: 					50%;
	width: 					32px;
	height: 				32px;
	border-radius: 			50%;
	background:				#f9992a;
	transform: 				translateX(-50%) translateY(50%);
	bottom: 				0px;
	z-index: 				10;
}

.fine-print {
	font-size:				14px;
	color:					#787878;
	font-weight:			bold;
}

.chapter {
    font-size: 				16px;
    line-height: 			24px;
    font-weight: 			600;
	font-style:				italic;
    margin: 				2px 0 18px 0;
}

#footer {
	background-image: 		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1002%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(0%2c 95%2c 135%2c 0.5)'%3e%3c/rect%3e%3cpath d='M0%2c613.521C111.109%2c593.346%2c189.049%2c500.095%2c272.49%2c424.003C343.142%2c359.574%2c405.178%2c290.075%2c448.281%2c204.723C492.819%2c116.529%2c526.356%2c23.346%2c524.712%2c-75.442C522.92%2c-183.114%2c513.145%2c-302.34%2c438.551%2c-380.007C364.59%2c-457.015%2c243.798%2c-451.915%2c139.821%2c-476.188C42.133%2c-498.993%2c-53.115%2c-534.38%2c-152.064%2c-517.883C-258.72%2c-500.101%2c-367.729%2c-461.712%2c-438.313%2c-379.8C-508.829%2c-297.967%2c-521.551%2c-184.024%2c-532.371%2c-76.543C-542.814%2c27.188%2c-530.083%2c128.448%2c-499.512%2c228.12C-465.12%2c340.251%2c-437.345%2c464.382%2c-344.485%2c536.029C-249.373%2c609.413%2c-118.198%2c634.983%2c0%2c613.521' fill='rgba(0%2c 76%2c 108%2c 0.5)'%3e%3c/path%3e%3cpath d='M1440 1085.196C1553.854 1089.5990000000002 1677.622 1140.4389999999999 1774.8690000000001 1081.066 1872.281 1021.5930000000001 1899.693 894.172 1932.115 784.742 1960.995 687.267 1957.825 587.962 1951.017 486.527 1943.662 376.942 1962.141 252.88600000000002 1890.815 169.36599999999999 1819.434 85.781 1691.261 94.245 1586.801 60.043000000000006 1478.31 24.522000000000048 1376.213-61.88599999999997 1265.15-35.485000000000014 1153.479-8.938999999999965 1099.32 113.22199999999998 1018.832 195.05599999999998 931.98 283.361 802.973 343.852 773.687 464.199 743.955 586.38 802.551 713.605 866.265 822.0160000000001 925.914 923.51 1014.369 1006.7090000000001 1121.373 1055.7930000000001 1220.324 1101.183 1331.216 1080.989 1440 1085.196' fill='rgba(0%2c 114%2c 162%2c 0.5)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1002'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
	background-repeat:		repeat;
 	background-size: 		cover;
}


/* SITE STYLES */
#category-blog .content-container {
	margin:					0 0 25px 0;
	border:					1px solid #cccccc;
}

.blog-panel {
	background:				#f7f7f7;
/*    background-color: 		rgba(0, 95, 135, 0.4); */
/*	border-top:				1px solid #cccccc; */
	border-bottom:			1px solid #cccccc;
	padding:				5px 15px 5px 15px;
	margin:					0 0 2px 0;
}

#category-blog .page-content {
	padding:				5px 15px 15px 15px;	
}

.the-date {
	display:				inline-block;	
    font-size: 				14px;
    font-weight: 			normal;
    text-transform: 		uppercase;
	margin:					0 0 5px 0;
}

.the-author {
	display:				inline-block;
    font-size: 				14px;
    text-transform: 		uppercase;
	margin:					0 10px 0 0;
}

div.category-description {
    margin: 				0 0 25px 0;	
}

#category-blog h2 {
    font-size: 				27px;
    font-weight: 			400;
    line-height: 			34px;
    margin: 				2px 0 5px 0;	
}

#category-blog h2 a {
	color:					#005f87;
	text-decoration:		none;
}

#category-blog .button {
	min-height: 			30px;
    min-width:				125px;
 	font-size: 				17px;
	line-height:			26px;
	font-weight:    		400;
	padding:				11px 14px;
}

#category-blog .blog-list a.title {
	display:				block;
	margin:					0 10px 0 0;	
}

#category-blog .blog-list div[class*="col-"] {
    margin-top: 			5px;
    margin-bottom: 			5px;
}

#category-blog h3 {
    font-size: 				22px;
    font-weight: 			400;
    line-height: 			34px;
    margin: 				10px 0 5px 0;
}

.single-top-panel {
	margin: 				0 0 15px 0;
}

.single-top-panel span {
	display:				inline-block;
	margin: 				0 15px 0 15px;
}

.single-top-panel a {
	display:				inline-block;
	font-size:				14px;
	text-decoration:		none;
	text-transform:			uppercase;
}

#right-sidebar .sidebar {
	height:					100%;
	background:				#f7f7f7;
    background-color: 		rgba(0, 95, 135, 0.2);
    font-size: 				14px;
	line-height: 			20px;
	margin-bottom:			12px;
}

#right-sidebar h3 {
    background-color: 		rgba(0, 95, 135, 1);
	color:					#ffffff;
    font-size: 				18px;
	line-height: 			24px;
    font-weight: 			normal;
    text-transform: 		uppercase;
	text-decoration:		none;
	padding:				10px 18px 10px 18px;
	margin: 				2px 0 10px 0;
}

#right-sidebar .the-date, #right-sidebar .the-author {
    font-size: 				12.5px;
	margin:					0 0 0 0;
}

#right-sidebar .the-excerpt {
	margin: 				8px 0 0 0;
}

#right-sidebar ul {
	margin-top: 			0;
    margin-bottom: 			0;
    padding-left: 			0;
	padding:				0 15px 0 15px;
}

#right-sidebar ul li {
	list-style-type:		none;
	margin-top: 			0;
    margin-bottom: 			0;
    padding-left: 			0;
}

#right-sidebar .sidebar ul li {
	padding:				5px 0 15px 0;
	margin-bottom:			12px;
	border-bottom:			1px solid #ffffff;
}

#right-sidebar .sidebar ul li:last-child {
	border-bottom:			none;
}

#right-sidebar .sidebar ul li a {
	display:				block;
}

#right-sidebar .sidebar ul li a.title {
    font-size: 				14px;
    font-weight: 			600;
	line-height: 			22px;
    text-transform: 		uppercase;
	text-decoration:		none;
	margin:					0 0 2px 0;
}

#right-sidebar .sidebar ul li a.read-more {
    font-size: 				13px;
    font-weight: 			normal;
    text-transform: 		uppercase;
	margin:					8px 0 4px 0;
}

#right-sidebar img {
	width:					100%;
	max-width: 				65px;
	height:					auto;
	float:					left;	
	margin:					4px 10px 4px 0;
}

.tags a {
	display:				inline-block;
	background:				#f7f7f7;
	font-size:				13px;
	line-height:			20px;
	text-transform:			uppercase;
	text-decoration:		none;
	border:					1px solid #cccccc;
	border-radius:			6px;
	padding:				2px 6px 2px 6px;
	margin:					5px 5px 5px 0;	
}

.tags a:hover {
	text-decoration:		underline;
}


/* CAPTION OVER IMAGES */
figure {
	position: 				relative;
	z-index: 				1;
}

figure figcaption.wp-element-caption {
	position: 				absolute;
	bottom:					5px;
	font-size: 				17px;
	font-weight:			300;
	line-height:			22px;
	text-transform:			uppercase;
	color: 					#ffffff;
	padding:				5px 5px 5px 10px;
	margin: 				0;
	z-index: 				10;
}


/* HOME PAGE */
body.home {
	position:				relative;
}

#media {
	position:				relative;
	width:					100%;
    height: 				610px;
	background-image:  		url(/wp-content/themes/Lirva-MEAC/images/home-banner.jpg);
	background-position: 	50% 10%;
	background-repeat: 		no-repeat;

 	background-size: 		cover;
	-o-object-fit: 			cover;
	object-fit: 			cover;
	
	margin-bottom: 			155px;
    z-index: 				1;
}

#media > div {
	min-height:				760px;
    display: 				flex;
    align-items: 			flex-end;
	margin:					0 25px 0 25px;	
}


#media .media-container {
	width: 					100%;
	max-width: 				1250px;
	background:				#005f87;
	border: 				22px solid;
	border-image: 			linear-gradient(to right, #005f87, #eae69f) 1;
	border-radius:			8px;
	padding:				8px 8px 8px 8px;
	margin: 				0 auto;
}

#media .media-content {
	background:				rgba(255, 255, 255, 1);
	font-size:				17px;
	line-height:			28px;
	text-align:				center;
	border-radius:			8px;
	padding:				32px 22px 22px 22px;
	margin:					15px;
	z-index: 				25;
}

#media .media-content h1 {
	display:				block;
}

#our-church {
	min-height:				380px;
    margin-bottom: 			0;
}

#our-church > div {
    display: 				flex;
    align-items: 			center;
}

#our-church .container {
    padding-top: 			25px;
    padding-bottom: 		25px;
    margin-bottom: 			0;
}

#our-church .item {
	text-align:				center;
    background-color: 		rgba(247, 247, 247, 0.4);
	border-radius:			8px;
	padding:				22px 22px 22px 22px;	
	margin:					5px 0 5px 0;
}

#call2action {
	min-height:				510px;
}

#call2action > div {
	display: 				flex;
	align-items: 			center;
	justify-content: 		center;
	flex-direction: 		column;
}

#call2action div.action-items {
	display: 				flex;
	justify-content: 		center;
	margin:					35px 0 35px 0;
}

#call2action .c2a-item {
    background: 			rgba(255, 255, 255, 1);
    box-shadow: 			-1px 5px 20px 2px rgb(204 204 204);
	padding:				0 0 12px 0;
	margin:					12px 0 12px 0;
}

#call2action h3.wp-block-heading {
    font-size: 				28px;
	font-weight:			400;
    color: 					#eae69f;
    line-height: 			38px;
    background-color: 		rgba(0, 95, 135, 1);
    padding: 				12px 22px 12px 22px;
    margin: 				0 0 15px 0;
}

#call2action .c2a-item h3.wp-block-heading:before {
    font-size: 				42px;
    margin-right: 			8px;
}

#call2action .c2a-operating-hours h3.wp-block-heading:before {
/*    content: 				"\ebcc"; */
    content: 				"\f8bb";
}

#call2action .c2a-volunteer h3.wp-block-heading:before {
    content: 				"\e7ef";
}

#call2action .c2a-donate h3.wp-block-heading:before {
    content: 				"\ea70";
}

#call2action p {
    margin: 				10px 24px 15px 29px;
}

#meac-events {
	min-height:				520px;
	background-image:  		url(/wp-content/themes/Lirva-MEAC/images/c2a-bg.jpg);
    background-repeat: 		no-repeat;
    background-size: 		cover;
    background-attachment: 	fixed;
    background-position: 	center;
	margin:					0;
	
	color:					#ffffff;
}

#meac-events h1 {
	color:					#ffffff;
}

#meac-events .overlay {
    background-color: 		rgba(247, 247, 247, 0.3);
	display: 				flex;
	align-items: 			center;
	justify-content: 		center;
	flex-direction: 		column;
}

#meac-events .container-fluid {
	max-width:				95%;
	padding-top:			35px;
	padding-bottom:			25px;
}

#meac-events .meac-event-list {
	margin:					35px 0 0 0;	
}

#meac-events a.the-title {
	display:				block;	
    font-size: 				21px;
    font-weight: 			400;
    text-transform: 		uppercase;
    text-decoration: 		none;
	color:					#eae69f;
	margin:					0 0 0 0;
}

#meac-events .the-date {
	font-size: 				15px;
	margin:					5px 0 0 0;
}

#meac-events .event-item {
	height:					98%;
    background-color: 		rgba(51, 51, 51, 0.2);
	padding:				15px 15px 20px 15px;
	border-left:			8px solid #eae69f;
}

#meac-events .event-item:hover {
    background-color: 		rgba(51, 51, 51, 0.9);
}

#meac-events a.read-more {
	display:				block;
	color:					#ffffff;
	margin:					5px 0 0 0;
}

#from-pastors-desk {
    padding-top: 			85px;
    padding-bottom: 		25px;
    margin-bottom: 			0;
}

div.from-pastors-desk .the-title {
	display:				block;	
    font-size: 				20px;
    font-weight: 			400;
    text-transform: 		uppercase;
	margin:					0 0 0 0;
}

div.from-pastors-desk .the-title a {
    text-decoration: 		none;
}

div.from-pastors-desk .from-pastors-desk-content {
    font-size: 				15px;
	line-height:			25px;
	background:				#f7f7f7;
	padding: 		        14px 18px 14px 18px;
	margin:					28px 0 28px 0;	
}

div.from-pastors-desk .blog-content {
	line-height:			24px;
}

div.from-pastors-desk .the-date {
	margin:					0 10px 12px 0;
}

div.from-pastors-desk a.read-more {
	display:				block;	
    font-size: 				13px;
    text-transform: 		uppercase;
	margin:					12px 0 5px 0;	
}

#about-the-church {
    padding-top: 			5px;
    padding-bottom: 		5px;
    margin-bottom: 			0;
}

#about-the-church h1 {
	color:					#ffffff;
    padding-bottom: 		15px;
}

#about-the-church .text {
	background:				#005f87;
	color:					#ffffff;
	padding: 		        35px 35px 45px 35px;
}

#about-the-church .atc-content {
	gap: 					0;
}


#about-the-church figure {
  height: 100%;
  margin: 0;
  position: relative;
  z-index: 1;
}

#about-the-church img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#about-the-church .button {
	border-top:				1px solid #ffffff;
	border-right: 			1px solid #ffffff;
	border-bottom: 			1px solid #ffffff;
	margin-top:				15px;
}

#prayer-request {
	min-height:				280px;
	font-size:				18px;
	text-align:				center;
}

#prayer-request > div {
	align-self: 			center;
}


/* ABOUT */
ul#apostoclic-doctrine {
    padding-left: 			0;
    margin-top: 			15px;
    margin-bottom: 			15px;
}

ul#apostoclic-doctrine li {
	list-style-type:		none;
    margin-bottom: 			22px;
}

#our-schedules div.schedule {
	height:					98%;
/*	padding:				2px 15px 22px 15px; */
	margin:					10px 0 0 0;
	box-shadow: 			-1px 5px 10px 2px rgba(204,204,204,1);
}

#our-schedules div.schedule h4 {
	background:				rgba(104, 159, 182, 0.7);
	padding:				8px 15px 8px 15px;
}

#our-schedules div.schedule .item {
	padding:				2px 15px 22px 15px;
}

#our-schedules div.item ul.meac-hours {
    width: 					99%;
}

#our-schedules div.item ul.meac-hours li {
    padding: 				5px 0 5px 0;
}

#our-schedules .note {
	background:				#f7f7f7;
	font-size:				16px;
	text-align:				center;
	padding:				10px 5px 10px 5px;
}

#our-schedules h4:before {
    font-family: 			'Material Symbols Outlined';
    content: 				"\f8bb";
    font-weight: 			400;
    vertical-align: 		middle;
	font-size:				32px;
	margin-right:			4px;
}


/* FOREIGN MISSIONS */
#category-foreign-missions .the-content {
	margin:					0 0 25px 0;
	border:					1px solid #cccccc;
}

#category-foreign-missions .page-content {
	padding:				15px 15px 15px 15px;	
}

#category-foreign-missions div.category-description {
    margin: 				0 0 18px 0;
}

#category-foreign-missions .blog-panel {
    background: 			#005f87;
    padding: 				5px 15px 5px 15px;
    margin: 				0;
}

#category-foreign-missions .blog-panel  h2 {
	color:					#ffffff;
    margin: 				2px 0 0 0;
}

#category-foreign-missions .mission-location {
	display:				block;
	font-size:				17px;
	color:					#ffffff;
    margin: 				2px 0 8px 0;	
}

#category-foreign-missions .page-thumbnail {                
    width: 					100%;                
    height: 				380px;                
    overflow: 				hidden;
}                

#category-foreign-missions .page-thumbnail img {                
    width: 					100%;                
    height: 				100%;
    -o-object-fit: 			cover;
    object-fit: 			cover;
    object-position: 		center;
    display: 				block;
}

#category-foreign-missions div.foreign-missions-single .page-thumbnail {      
    height: 				480px;                
}  


/* EVENTS PAGE > LISTINGS */
form.tribe-events-c-search {
	line-height:			16px;	
}

#category-events .tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container, #tribe-events-pg-template,
#category-events section.tribe-common-l-container.tribe-events-l-container {
	padding:				0;
	margin:					0;
}

#category-events .tribe-events-header__events-bar {
	margin:					0 0 2px 0;	
}

#category-events ul.tribe-events-calendar-list {
	padding:				0 0 0 0;
	margin:					0 0 0 0;	
}

#category-events ul.tribe-events-calendar-list li {
	padding:				0 0 0 0;
	margin:					22px 0 0 0;	
}

#category-events input.tribe-common-form-control-text__input {
	padding:				12px 12px 12px 42px;
	box-shadow:				none;
}

#category-events ul.tribe-events-calendar-list li.tribe-events-calendar-list__month-separator h3 {
    line-height: 			22px;
}

#category-events ul.tribe-events-calendar-list li.tribe-events-calendar-list__month-separator h3 .tribe-events-calendar-list__month-separator-text {
    font-size: 				22px;
    color: 					#005f87;
	font-weight:			500;
}

#category-events .tribe-common-b2, #category-events .tribe-events-calendar-list__event-date-tag-weekday {
	font-size: 				15px;
	
}

#category-events .tribe-events .tribe-events-calendar-list__month-separator:after {
    background-color: 		#005f87;
	height: 				1px;
}

#category-events h4.tribe-events-calendar-list__event-title {
	font-size:				28px;
	font-weight:			400;
	line-height:			32px;
	margin:					5px 0 5px 0;
}

#category-events .tribe-events-calendar-list__event-featured-image-wrapper {
	height:					100px;	
}

#category-events .tribe-events-calendar-list__event-featured-image-wrapper img {
	width: 					auto;
	height: 				98px;
	margin:					0 auto;
}

#category-events .tribe-events-event-image {                
    max-width: 				650px;                
    height: 				450px;                
    overflow: 				hidden;
	margin:					25px 0 25px 0;
}                

#category-events .tribe-events-event-image img {                
    width: 					100%;                
    height: 				100%;
    -o-object-fit: 			cover;
    object-fit: 			cover;
    object-position: 		center;
    display: 				block;
}



#category-events .tribe-events-calendar-list__event-description p {
	font-size:				16px;
    margin-top: 			5px;
    margin-bottom: 			0;	
}

#category-events .tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container, li.tribe-events-meta-item {
	padding:				0;
	margin:					0;
}

li.tribe-events-meta-item {
	margin-bottom:			15px;	
}

.tribe-events-event-meta .tribe-events-meta-label {
	margin:					0;	
}

#category-events .tribe-events-calendar-list__event-venue {
	margin:					0 0 0 0;	
}


#category-events li.tribe-common-g-row.tribe-events-calendar-list__event-row {
	margin:					5px 0 10px 0;	
}

#category-events ul.tribe-events-calendar-list li.tribe-common-g-row {
	background:				#f7f7f7;
	padding:				22px 15px 22px 0;
}

#category-events .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-date-tag {
	width:					58px;

}

#category-events .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text, 
#category-events .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon {
	color:					#005f87;
}

#category-events .tribe-common .tribe-common-c-btn-border {
	border:					1px solid #005f87;	
}

#category-events .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus,
#category-events .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover,
#category-events .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:focus,
#category-events .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:focus,
#category-events .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover,
#category-events .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:hover {
	background-color:		#005f87;
	color:					#ffffff;
}

#category-events span.tribe-events-calendar-list__event-venue-title, div.tribe-events-c-events-bar__views, div.tribe-events-c-top-bar {
    display: 				none !important;
}


/* EVENTS PAGE > DETAILS */
#tribe-events-pg-template {
    max-width: 				100%;
}

#category-events .tribe-events-schedule {
	margin:					1px 0 10px 0;		
	
}

div.tribe-events-single>.tribe_events {
	display:				block;
}


div.tribe-events-single-section {
    width: 					100%;	
	
}

div.tribe-events-meta-group {
	flex:					none;
}

div.tribe-events-meta-group-details {
    width: 					18%;

}

div.tribe-events-meta-group-venue {
    width: 					35%;

}

div.tribe-events-meta-group.tribe-events-meta-group-gmap {
	flex-basis: 			540px;
/* width: 					40%; */

}


div.tribe-events-venue-map {
	width:					100%;
}

div.tribe-events-venue-map>iframe {
        max-height: 		311px;
}
	
#category-events h2 {
    font-size: 				18px;
    font-weight: 			600;
    line-height: 			34px;
    text-transform: 		uppercase;
    margin: 				0 0 8px 0;
}


div.tribe-events-single-section li.tribe-events-meta-item {
	margin-bottom:			0;	
}

/*
#category-events .tribe-events-calendar-list__event {
    display: 				flex;
    align-items: 			center;
    justify-content: 		center;
}
*/


/* DONATE PAGE */
#meac-donation {
	background-image:  		url(/wp-content/themes/Lirva-MEAC/images/donation-page-bg.jpg);
	background-repeat: 		no-repeat; 
	padding:				0 0 35px 0;
}

div.wc-donation-platform.wcdp-form  {
	background:				#ffffff;
	border-radius:			4px;
	box-shadow: 			-1px 5px 10px 2px rgba(204,204,204,1);
	padding:				15px 25px;
	margin-bottom:			15px;	
}

#meac-donation-form h3 {
    font-size: 				25px;
    font-weight: 			500;
    line-height: 			32px;
	color:					#005f87;
	text-transform:			capitalize;
    margin: 				10px 0 15px 0;
	background: 			rgba(0, 95, 135, 0.2);
	border-bottom:			1px solid #005f87;
	padding:				6px 15px 6px 15px;
}

#meac-donation-form .wcdp-row>label, #meac-donation-form .wcdp-variation-heading {
	font-size:				23px;
    font-weight: 			500;
	text-transform:			capitalize;
	margin:					0 0 15px 0;
}

abbr[title] {
    -webkit-text-decoration: none;
    text-decoration: 		none;
    cursor: 				none;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

#meac-donation-form .wcdp-row>.wcdp_options>li {
	padding-left:			0;
}

#meac-donation-form ul.wcdp_options>li>input:checked+label, #meac-donation-form ul.wcdp_options>li>input:checked+label span {
    background: 			#005f87;
}

#ways2donate {
	position:				relative;
	font-size:				15px;
	line-height:			22px;	
}

#ways2donate h4.header {
	background: 			rgba(255, 255, 255, 0.7);
	padding:				10px 15px 10px 15px;
}

div.donate-container {
	position:				relative;
}

div.donate-options {
	max-width:				465px;
	border-radius:			4px;
	margin-bottom:			15px;
	position: 				sticky;
	top: 					330px;
	right: 					255px;
    z-index: 				999;
}

div.donate-options h4 {
    margin: 				10px 0 8px 0;
}

div.donate-options .option {
	background:				#f7f7f7;
    background: 			rgba(205, 223, 231, 1);
	border-left:			8px solid #005f87;
	padding:				15px 25px 25px 25px;
    margin: 				2px 0 22px 0;
}

div.donate-options span {
	display:				block;
	font-weight:			600;
	margin-bottom:			2px;
}

div.wcdp-body {
	display:				block;	
}

/* Disable the animation */
/* Replace .selector with the actual class or ID of your element */
#wcdp {
    visibility: visible !important; /* Forces visibility */
    animation-name: none !important; /* Disables the wcdp-appear-animation */
    animation-duration: 0s !important; /* Instantly ends any active duration */
}

div.wcdp-loader {
    margin-top: 0!important; /* Instantly ends any active duration */
    left: 0 !important; /* Instantly ends any active duration */
}



/* JOBS LISTINGS PAGE */
#meac-job-listings {
    margin: 				25px 0 5px 0;	
}

div.awsm-job-listings .awsm-job-specification-item {
	background:				#f7f7f7;
	border-radius:			5px;
	padding:				8px 12px 8px 12px;	
}

div.awsm-job-listings .awsm-list-item .awsm-job-more-container {
    display: 				block;
    margin: 				10px 0 5px 0;
}

p.heading {
    font-size: 				17px;
	font-weight:			600;
    margin: 				0 0 25px 0;
}

div.awsm-job-single-wrap .awsm-job-specification-wrapper {
	background:				#f7f7f7;
	border-radius:			5px;
	padding:				10px 12px 10px 12px;	
}

.awsm-job-item {
    font-size: 				14.5px;
}

.awsm-job-specification-item {
    margin: 				0 0 8px 0;
}

.awsm-job-specification-label {
	display:				inline-block;
	width:					180px;	
}

div.awsm-job-wrap .awsm-job-item {
    padding: 				15px 20px 20px 20px;	
	
}

div.awsm-job-wrap h2.awsm-job-post-title {
    font-size: 				24px;
	font-weight:			500;
	line-height: 			32px;
    color: 					#005f87;
    margin: 				0 0 5px 0;
}

div.awsm-list-left-col, div.awsm-list-right-col {
	width:					100%;
}

div.awsm-list-right-col {
	text-align:				left;
}

div.awsm-job-specification-wrapper {
	margin:					10px 0 19px 0;	
	
}

div.awsm-job-listings .awsm-job-specification-item {
    display: 				inline-block;
	margin:					0 8px 0 0;
}

div.job-icon {
	margin:					8px 0 8px 0;
}

.job-duration .job-type {
    display: 				inline-block;
	margin:					0 8px 0 0;
}

.job-icon:before {
	font-family: 			'Material Symbols Outlined';
	font-size:				28px;
	font-weight:			400;
	vertical-align:			middle;
	margin:					0 4px 0 -3px;
}

#meac-job-listings .job-address:before {
	content:				"\e0c8";
}

#meac-job-listings .job-duration:before {
	content:				"\ebcc";
}

#meac-job-listings .job-pay:before {
	content:				"\ef63";
}

div.awsm-job-container {
	max-width: 				1500px;
    padding: 				25px 25px 45px 25px;
}

h1.awsm-jobs-single-title {
    color: 					#005f87;
	margin:					18px 0 10px 0;
}


/* JOBS DETAILS PAGE */
.awsm-job-content {
    padding-bottom: 		5px;
}

span.hilite {
	color:					#ff9c00;
    font-weight: 			600;
}

div.single-job-details-top {
    font-size: 				15px;
    line-height: 			22px;	
}

div.job-item span {
	display:				inline-block;
	min-width:				155px;
	font-weight:			600;
    margin: 				2px 0 2px 0;	
}

.awsm-job-form-inner {
	background:				rgb(247, 247, 247, 0.9);
    padding: 				25px 28px 25px 28px;
	border-radius:			5px;
}

div.awsm-job-single-content p {
    margin-top: 			8px;
    margin-bottom: 			18px;
}

div.awsm-job-single-content ul {
    padding-left: 			28px;
    margin-top: 			5px;
    margin-bottom: 			20px;
}

div.awsm-job-single-content ul li {
    padding-left: 			2px;
    margin-bottom: 			8px;
}

div.awsm-job-single-content table {
	min-width:				550px;
	margin-bottom:			25px;
}

div.awsm-job-single-content table th, div.awsm-job-single-content table td {
	padding:				5px;
    border-color: 			#cccccc;
    border-style: 			solid;
    border-width: 			1px;
}
	
div.single-job-details-bottom {
	background:				rgb(0, 95, 135, 0.2);
	border-radius:			5px; 
	padding:				15px 15px 10px 15px;
}

div.single-job-details-bottom div.qualifications span {
	display:				block;
    font-size: 				25px;
    font-weight: 			600;
    line-height: 			1.2em;
    margin: 				2px 0 18px 0;	
}



/* SUMMER CAMP PAGES
--------------------------------------*/
.summer-camp {
	margin-top:					15px;
}

.summer-camp h3 {
    background-color: 			rgba(0, 95, 135, 1);
	color:						#ffffff;
	font-weight:				400;
	padding:					5px 10px 5px 10px;
	margin: 					0;
}

.camp-header {
	font-family:				'RobotoDraft',sans-serif;
	font-size:					2.1em;
	line-height:				38px;
	font-weight:				500;
	color:						#036cad;
	text-transform:				uppercase;
	margin:						12px 0 15px 0;
}

.summer-camp img {
  	height: 					auto;
	max-height: 				210px;
	max-width: 					100%;
	width: 						auto;
	margin:						0 auto;
}

.camp-dates {
	font-family:				'RobotoDraft',sans-serif;
	font-size:					1.2em;
	font-weight:				bold;
	text-transform:				uppercase;
	margin-bottom:				5px;
}

.summer-camp .camp-cost {
	font-family:				'RobotoDraft',sans-serif;
	font-size:					1em;
	font-weight:				bold;
	text-transform:				uppercase;
	margin:						5px 0 10px 0;
}

.summer-camp .item {
	height:						100%;
	text-align:					center;
	border:						1px solid #cccccc;
	border-radius:				6px;
	box-shadow: 				0 4px 8px 0 rgba(0,0,0,0.2);
}

.summer-camp .item:hover {
	box-shadow: 				0 8px 16px 0 rgba(0,0,0,0.2);
}

.summer-camp .camp-details  {
	text-align:					center;
	transition: 				0.3s;
	padding:					15px 15px 15px 15px;
}

.camp-item {
	font-size:					1.3em;
}

.summer-camp .price span {
	display:					block;
	font-size:					1.2em;
	font-weight:				bold;
	margin:						2px 0 2px 0;
}

.summer-camp .special-offer {
	max-width:					510px;
	background:					#cc0000;
	font-family:				'RobotoDraft',sans-serif;
	font-size:					1em;
	line-height:				24px;
	font-weight:				normal;
	color:						#ffffff;
	margin:						15px auto 5px auto;
	padding:					12px 12px 10px 12px;
}

.summer-camp .special-offer span {
	font-size:					1.3em;
	font-weight:				bold;
}

.tagline {
	font-family:				'RobotoDraft',sans-serif;
	font-size:					1.4em;
	font-weight:				bold;
	color:						#f9992a;
	text-transform:				uppercase;
	margin:						5px 0 5px 0;
}

.tagline span {
	display:					block;
	margin:						15px 0 5px 0;
}

.camp-cost span {
	display:					block;
	margin:						10px 0 10px 0;
}

.summer-camp .divider {
	max-width:					320px;
	height:						2px;
	display:					block;
	border-bottom:				2px solid #036cad;
	margin:						25px auto 25px auto;
}

fieldset {
	background-color: 			#eeeeee;
	margin-top:					15px;
}

legend {
	background-color: 			gray;
	color: 						white;
	padding: 					5px 10px;
}

#registration-details h1 {
	font-size: 					25px;
	font-weight: 				400;
	color:						#036cad;
	line-height: 				36px;
	margin: 					12px 0 12px;
}

#registration-details ul {
    padding: 					0;
    margin: 					5px 0 25px 25px;
}

#register-online .li-1 {
	display:					none;	
}

ul#camp-forms {
    padding: 					0;
    margin: 					5px 5px 22px 5px;
}

#camp-forms li {
	list-style-type:			none;
    margin-top: 				5px;
    margin-bottom: 				5px;
}

#camp-forms li a {
	text-decoration:			none;	
}

#camp-forms li a:hover {
	text-decoration:			underline;	
}

ol.square {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    /* font: 15px 'trebuchet MS', 'lucida sans';  */
    padding: 0;
    margin: 2em 0 4em 1em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
  }

ol.square ol {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
 
ol.square a {
    position: relative;
    display: block;
    padding: .4em .4em .4em .4em;
    *padding: .4em;
    margin: .5em 0 .5em 2.5em;
    background: #fff;
    color: #444;
    text-decoration: none;
    transition: all .3s ease-out;
}

ol.square a:hover {
    background: #eee;
}

ol.square a:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -2.5em;
    top: 50%;
    margin-top: -1em;
    background: #005f87;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
	color: #ffffff;
}

ol.square a:after {
    position: absolute;
    content: '';
    border: .5em solid transparent;
    left: -1em;
    top: 50%;
    margin-top: -.5em;
    transition: all .3s ease-out;
}

ol.square a:hover:after {
    left: -.5em;
    border-left-color: #005f87;
}

ol.square li {
    margin: 			1em 0 0.5em 0;
}

ol.square li ul {
    margin: 			0 0 0 5em;
}

ol.square li ul li {
    margin: 			0.5em 0 0.5em 0;
}


/* SUMMER CAMP REGISTRATION FORM */
#camper-registration-form {
	position:				relative;
}

#camper-registration-form .wpcf7 {
    margin: 				0 0 4px 0;
}

#camper-registration-form h2 {
	font-size: 				28px;
	font-weight:			normal;
	color: 					#333333;
	line-height: 			36px;
    margin: 				5px 0 10px 0;
}

div.crf-container {
	font-size:				15px;
	border:					1px solid #cccccc;
	border-radius:			5px;
	padding:				10px 18px 5px 18px;
	margin:					5px 0 15px 0;
}

.container-child {
/*	background:				#f7f7f7;
	border:					none;
	border-radius:			5px; 
	padding:				8px 15px 10px 15px; */
	padding:				8px 0 18px 0;
	margin:					8px 0 10px 0;
	border-bottom:			2px solid #ffffff;
}

.container-child:last-child {
	border-bottom:			none;
	padding:				8px 0 10px 0;
	margin:					8px 0 0 0;
}

.child-information, .emergency-contact {
	background:				rgb(0, 95, 135, 0.3);
}

div.parent-guardian-information {
    padding: 				10px 18px 15px 18px;
}

.parent-guardian-information, .departure-arrival {
	background:				rgb(234, 230, 159, 0.9);
}

.bottom-container {
	margin:					18px 0 18px 0;
}

span.item.childs-medial-info {
	display:				block;
	margin:					10px 0 5px 0;
}

#camper-registration-form span.crf-textarea, #camper-registration-form span.crf-textarea textarea {
    width: 					98%;
}

span.label {
	display:				inline-block;
	font-weight:			bold;
	margin-right:			5px;
}

#camper-registration-form span.item {
	display:				inline-block;
	margin:					5px 10px 5px 0;
}

div.bottom-container span.item {
	display:				block;
	margin:					10px 0 15px 0;
}

#camper-registration-form span.label {
    display: 				block;
    font-weight: 			600;
    margin-right: 			5px;
}

div.sunscreen {
	font-size:				15px;
	line-height:			17px;
	background:				#f7f7f7;
	padding:				10px 14px 15px 14px;
	margin:					15px 0 15px 0;
}

div.sunscreen span {
	display:				block;
	font-size:				16px;
	font-weight:			600;
	margin:					5px 0 10px 0;
}

div.fine-print {
	font-size:				13px;
	line-height:			17px;
	margin:					5px 0 15px 0;
}


#camper-registration-form div.col-right {
	position:				relative;
}

#camper-registration-form div.registration-other {
    position: 				sticky;
    top: 					310px;
	max-width: 				445px;
    background: 			#ffffff;
    border-radius: 			4px;
    z-index: 				999;
    padding: 				15px 20px;
	margin:					0 auto 25px auto;
	border-radius:			4px;
	box-shadow: 			-1px 5px 10px 2px rgba(204,204,204,1);
}

#camper-registration-form div.registration-other .crf-address span {
	display:				block;
}

#camper-registration-form div.registration-other .crf-gif span {
	display:				inline-block;
}

#camper-registration-form div.registration-other span.item {
	display:				inline-block;
	margin:					10px 10px 5px 0;
}

#camper-registration-form div.registration-other .crf-item {
	font-size: 				16px;
	font-weight:			600;
    margin: 				5px 0 2px 0;
}

#camper-registration-form div.registration-other .contact-info {
	line-height:			24px;
    margin: 				2px 0 12px 0;
}

#camper-registration-form div.registration-other ul {
    padding-left: 			28px;
    margin-top: 			10px;
    margin-bottom: 			15px;
}

#camper-registration-form div.registration-other ul li {
    padding-left: 			4px;
    margin-bottom: 			5px;
}


/* CONTACT PAGE / FORMS / DEFAULT STYLES */
.wpcf7 {
    margin: 				15px 0 4px 0;
}
	
.wpcf7-spinner {
    background-color: 		#23282d;
    opacity: 				0.75;
    width: 					24px;
    height: 				24px;
    margin: 				0 4px;
}

.wpcf7 form .wpcf7-response-output {
	font-size:				15px;
	text-align:				center;
    margin: 				0.1em 0.5em 1em;
    padding: 				0.2em 0.5em;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color:			#dc3232;
}

.wpcf7 label {
	margin-top: 			0.2rem;
    margin-bottom: 			0.45rem;
}

.wpcf7 input, .wpcf7 textarea, .wpcf7 select, input, select {
    background-color: 		#fff;
    color: 					#000;
	border: 				1px solid #cccccc;
	border-radius:			3px;
	padding:				6px 6px 6px 6px;
}

input[type="checkbox"] {
	margin:					0 2px 0 0;
}

.wpcf7-text:focus, .wpcf7-textarea:focus, .wpcf7 select:focus, input[type="date"]:focus {
	outline:				2px solid #689fb6;
}

.wpcf7-not-valid-tip {
    color: 					#dc3232;
    font-size: 				0.8em;
    font-weight: 			bold;
}


/* CONTACT PAGE */
#contact-page {
	position:				relative;
	z-index:				1;
    padding-top: 			0;
    padding-bottom: 		0;
	margin-top:				2px;
	margin-bottom:			15px;
}

#contact-page .row {
	display: 				inline-flex; /* This prevents the box/div from filling the entire width */
	display: 				flex;
	align-items: 			center;
	justify-content: 		center;
	margin-top:				10px;
}

#contact-page .row div[class*="col-"] {
    margin-top: 			18px;
    margin-bottom: 			18px;
}

#contact-page p {
    margin-top: 			1px;
    margin-bottom: 			1px;
}

#contact-page span {
	display:				block;
	margin:					0 0 2px 0;
}

#contact-page .contact-form {
	background:				#ffffff;
	border-radius:			4px;
	box-shadow: 			-1px 5px 10px 2px rgba(204,204,204,1);
	padding:				5px 25px;
}

.contact-form {
	position: 				relative;
    z-index:				1;
}

#contact-page .contact-form label span {
	display:				block;
	margin:					0 0 1px 0;
}

#contact-page label input, #contact-page label textarea {
	width:					100%;
    padding: 				9px 7px 9px 7px;
}

#contact-page label {
    width:					100%;
    margin-bottom: 			0.9rem;
}

#contact-page .contact-info {
	position:				relative;
	display: 				flex;
    flex-direction: 		column;
    align-items: 			center;
	justify-content: 		center;
	
	min-height:				325px;
	background-color:		#005f87;
	color:					#ffffff;
	text-align:				center;
	z-index:				10;
	padding:				38px 25px 35px 25px;
}

#contact-page .contact-info:before {
	display:				block;
	font-family: 			'Material Symbols Outlined';
	content: 				"\e0c8";
    color: 					#eae69f;
    font-size: 				48px;
	line-height:			38px;
    font-weight: 			300;

/*
	width:					48px;
	height:					48px;
	border-radius: 			50%;
    border: 				1px solid #ffffff;
    padding: 				12px 10px 12px 10px;
*/
	margin:					0 0 2px 0;
}

#contact-page .company-name {
	position:				relative;
	font-size:				22px;
	text-align:				center;
	font-weight:			600;
	color:					#eae69f;
	margin:					8px 0 8px 0;		
}

#contact-page img {
	display: 				block;
	width: 					100%;
	max-width: 				315px;
	height: 				auto;
	-webkit-border-radius: 	50%;
	-moz-border-radius: 	50%;
	border-radius: 			50%;
	transition: 			transform .2s;
	margin:					10px 0 0 0;
}

#contact-page div.submit-btn input {
	width:					100%;
}

#contact-page div.submit-btn .button:hover {
    border: 				1px solid #ffffff;
}

#contact-page a.meac-map {
	display:				block;
	text-decoration:		none;
	margin:					15px 0 0 0;	
}

#contact-page span.material-symbols-outlined {
	color:					#ffffff;
    font-size: 				45px;
    font-weight: 			300;
    transition: 			transform 0.3s ease;
}

#contact-page span.material-symbols-outlined:hover {
    color: 					#eae69f;
    transform: 				scale(1.2);
}


/* PRAYER REQUEST PAGE */
#prayer-request-page {
	background-image:  		url(/wp-content/themes/Lirva-MEAC/images/prayer-request.jpg);
	background-position: 	80% 50%;
	background-repeat: 		no-repeat;

 	background-size: 		contain;
	-o-object-fit: 			contain;
	object-fit: 			contain;
}

#prayer-request-page .prayer-request-form {
	max-width:				720px;
	background:				rgba(255, 255, 255, 0.9);
}

#prayer-request-page div.prayer-request {
	margin:					25px 0 0 0;
}

#prayer-request-page div.prayer-request label.item {
	display:				block;
	margin:					0 0 18px 0;
}

#prayer-request-page div.prayer-request label span.label {
	display:				block;
	margin:					0 0 1px 0;
}

#prayer-request-page div.prayer-request label input, #prayer-request-page textarea {
	width:					100%;
    padding: 				9px 7px 9px 7px;
}



/* POST PAGE PAGINATION */
#paginator a.page-numbers, #paginator span.page-numbers {
	display:				inline-block;
	font-size:				16px;
	line-height:			26px;
	text-decoration:		none;
    margin: 				2px 10px 2px 0;
	padding:				1px 8px 1px 8px;
	border:					1px solid #cccccc;	
}

#paginator span.current, #paginator a.page-numbers:hover {
	background:				#2e6499;
	color:					#ffffff;
}

#paginator a:hover {
	text-decoration:		none;
}

.pagination {
	padding-left:			15px;
	padding-right:			15px;	
}

a.goback {
	font-size:				14px;
	text-decoration:		none;
	text-transform:			uppercase;
}

a.goback:hover {
	text-decoration:		underline;
}

a.goback:before {
	font-family: 			'Material Symbols Outlined';
	content:				"\e5cb";
	font-size:				32px;
	vertical-align:			middle;
	margin-left: 			-12px;
}


/* REVEAL ANIMATION */
.reveal {
	position: 				relative;
	transform: 				translateY(150px);
	opacity: 				0;
	transition: 			0.9s all ease;
}

.reveal.active{
	transform: 				translateY(0);
	opacity: 				1;
}


/* ANIMATED LETTERS */
.animate-ltrs {
    font-weight: 			400;
    line-height: 			1.2em;
    margin: 				15px 0 5px 0;
	word-break: 			keep-all;
}

.animate-ltrs .letter {
	display: 				inline-block;
	line-height: 			1em;
/*	animation-iteration-count: 2;  */
}


/* CONTACT ICONS */
.contact:before, .website-address:before {
	font-family: 			'Material Symbols Outlined';
	font-size:				32px;
	font-weight:			400;
	vertical-align:			middle;
}

.brand:before {
    font-family: 			'Font Awesome 7 Brands';
	font-size:				32px;
	font-weight: 			400;
	vertical-align:			middle;
}

.phone:before {
	content:				"\e0b0";
}

.email:before {
	content:				"\e158";
}

.address:before {
	content:				"\e0c8";
}

.facebook:before {
	content:				"\f09a";
}

.instagram:before {
	content:				"\e055";
}

.x_formerly_twitter:before {
	content:				"\e61b";
}

.linkedin:before {
	content:				"\f08c";
}


/* SOCIAL MEDIA */
.social:before, .brand:before {
	content:				"";
	margin-left:			55px;
}

.social, .brand {
	display:				inline-block;
	width:					50px;
	height:					45px;
	background-position: 	0% 50%;
	background-repeat: 		no-repeat;
    background-size: 		45px 45px;
    transition: 			transform 0.3s ease;
}

.social:hover, .brand:hover {
    transform: 				scale(1.1);
 /*   transform: rotate(15deg);  Rotates the element 15 degrees */
}


div.social ul {
    padding-left: 		0;
    margin-top: 		0;
    margin-bottom: 		0;
}

div.social .icon {
	font-size:			22px;
}

div.social ul li {
	list-style: 		none;
	display: 			inline-block;
    padding-left: 		4px;
    padding-right: 		4px;
}

div.social ul li a {
	position: 			relative;
	display: 			block;
	overflow: 			hidden;
	width: 				32px;
	height: 			32px;
	background:			#ffffff;
	text-align: 		center;
	line-height: 		32px;
	font-size: 			18px;
	border-radius: 		50%;
	border: 			3px solid #eee;
	z-index: 			1;
	margin: 			0;
}

div.social ul li a .icon {
	position: 			relative;
	color: 				#333333;
	transition: 		.5s;
	z-index: 			3;
}

div.social ul li a:hover .icon {
	color: 				#fff;
	transform: 			rotateY(360deg);
}

div.social ul li a:before {
	content: 			"";
	position: 			absolute;
	top: 				0;
	left: 				0;
	width: 				100%;
	height: 			100%;
	background: 		#ffffff;
	transition: 		.5s;
	z-index: 			2;
}

div.social ul li a:hover:before {
	top: 				0;
}

div.social ul li .facebook a:hover:before {
	background: 		#3b5999;
}

div.social ul li .instagram a:hover:before {
	background: 		#dd4b39;
}

div.social ul li .twitter a:hover:before {
	background: 		#55acee;
}

div.social ul li .linked-in a:hover:before {
	background: 		#0077b5;
}


/* RESPONSIVE MEDIA */
#media media {
    width: 					100%;
    height: 				auto;
}

#media media[poster] {
    width: 					100%;
    height: 				auto;
}

#media iframe,
#media object,
#media embed {
	width:					100%;
/*	height:					100%;
	position:				absolute; */
	top:					0;
	left:					0;
	object-fit:				cover; /* This works also */
}


/* RESPONSIVE MAP */
.google-maps, div.map2meac {
	position: 				relative;
	overflow: 				hidden;
}

.google-maps iframe, div.map2meac iframe {
	width: 					100%;
	height: 				100%;
	min-height: 			450px;
	overflow-y: 			hidden;
	overflow-x: 			visible;
}


/* COLLASPE CONTENT */
.collapse > a,
.collapse > a:hover, 
.collapse > a:active, 
.collapse > a:focus  {
    text-decoration:        none;
}

.collapse a, .collapse a:active, .collapse a:focus {
    outline: 				none; 
}

.collapse:before, a.print-this:before {
	font-family: 			'Material Symbols Outlined';
	font-weight:			400;
	vertical-align:			middle;
}

 /* Icon when the collapsible content is shown */
.collapse.collapsed:after  {
	content: 				"\e88e";
}

/* Icon when the collapsible content is hidden */
.collapse.collapse:after {
	content: 				"\e88e";
} 


/* PRINT PAGE */
@media print {
	#category-tutorials .container, #category-tutorials #category-tutorials .container div.row, #category-tutorials div.col-left { width: 100%; max-width: 100%; }
	#header, #footer, #category-blog .single-top-panel, .designedby { display: none; }
}

a.print-this:before {
	content: 				"\e8ad";	
	font-size:				35px;
}


/* BUSINESS HOURS */
ul.meac-hours {
	position: 				relative;
	width:					88%;
	padding: 				2px 0;
    margin: 				5px 0 10px 0;
}

ul.meac-hours li {
	list-style-type:		none;
	line-height: 			25px;
	border-bottom: 			1px solid #d4d4d4;
	padding:				2px 0 2px 0;
	margin-top:				2px;
	margin-bottom:			2px;
}

ul.meac-hours li span.pull-right {
	float:					right;
}

ul.meac-hours li:last-child {
	border-bottom: 			none; 
}

ul.meac-hours li.today {
	color: 					#fff499; 
}



/* BUTTON STYLE */
.button, input[type="submit"], a.btn.btn-primary, button.tribe-common-c-btn.tribe-events-c-search__button, a.read-more span {
	position:				relative;
	min-height: 			50px;
    min-width:				180px;
    display: 				inline-flex;
	justify-content: 		center;
	align-items: 			center;
	text-align:				center;
	text-decoration: 		none;
	background-color:		#005f87;
	color: 					#ffffff;
	font-size: 				19px;
	line-height:			26px;
	font-weight:    		400;
	text-transform:			uppercase;
	border-radius: 			1px;
	padding:				11px 26px;
	margin:					0;
	
	transition: 			transform 0.6s;
	
	border-width: 			0 0 0 15px;  /* top right bottom left */
	border-style: 			solid solid solid solid;
	border-color: 			#ffffff #ffffff #ffffff #eae69f;
}

#category-events button.tribe-common-c-btn.tribe-events-c-search__button {
	min-height: 			30px;
    min-width:				125px;
 	font-size: 				17px;
	line-height:			26px;
	font-weight:    		400;
	padding:				11px 14px;
}

.button a, a.button {
	color: 					#ffffff;
	text-decoration: 		none;
}


/* Base state for the icon (hidden) */
.button::after, input[type="submit"]::after, a.btn.btn-primary::after, #category-events button.tribe-common-c-btn.tribe-events-c-search__button:after {
    font-family: 'Material Symbols Outlined';
    font-weight: 400;
    vertical-align: middle;
    font-size: 34px;
    line-height: 26px;
    color: #f7f7f7;
    content: "\e8e4"; /* Used the arrow forward icon */
    
    /* UPDATED FOR SPACE HIDING */
    opacity: 0;
    width: 0; /* Ensures no width is taken */
    overflow: hidden; /* Hides the overflow */
    transform: translateX(-10px);
    transition: all 0.8s ease-out;
    display: inline-block; /* Essential for transform to work */
    margin-left: 0; 
}

/* Hover state (visible) */
.button:hover::after, input[type="submit"]:hover::after, a.btn.btn-primary:hover::after, #category-events button.tribe-common-c-btn.tribe-events-c-search__button:hover::after {
    opacity: 1;
    width: 34px; /* Set to the size of your icon */
    transform: translateX(0);
    margin-left: 8px; /* Appears only on hover */
}


#category-events .tribe-events button.tribe-events-c-search__button:hover {
	background-color:		#005f87;	
	
}

a.read-more span {
	min-height: 			22px;
    min-width:				135px;
	font-size: 				15px;
	line-height:			22px;
	padding:				8px 12px;
	margin:					15px 0 0 0;
}


/* LIST STYLE */
ul, ol {
	padding-left:       	28px;
	margin-top:				15px;
	margin-bottom:			25px;
}

li {
	padding-left:       	8px;
	margin-bottom:			12px;
}

ul.checkmarkList, div.about-objectives ul {
    list-style: 			none;
	padding-left: 			8px;
}

ul.checkmarkList li, div.about-objectives ul li {
	padding-left: 			11px;
	margin-bottom:			18px;
}
 
ul.checkmarkList li:before, div.about-objectives ul li:before {
	content:				"\2713";
	font-size:				17px;
	font-weight: 			200;
	color:					#4d4d4d;
	margin:					0 5px 0 -18px;
}

div.about-objectives ul li:before {
	
	
}


/* BACK TO TOP / SCROLL TO TOP */
a#back-to-top {
    position: 				fixed;
    bottom: 				45px;
    right: 					10px;
    z-index: 				9999;
    cursor: 				pointer;
    text-decoration: 		none;
    transition: 			opacity 0.2s ease-out;
}

a#back-to-top:before {
	font-family: 			'Material Symbols Outlined';
	content:				"\f5d2";
	font-size:				45px;
	color:					#d4d4d4;
	vertical-align:			middle;
}

a#back-to-top:hover {
    opacity: 				0.7;
	text-decoration:		none;
}


/* COOKIE BANNER */
#cn-notice-text a {
	color:					#ffffff;
}

span.cn-buttons-container, span.cn-text-container {
    display: 				block;
}


/* HIDE RECAPTCHA BADGE */
.grecaptcha-badge {
    visibility: 			hidden !important;
}

.grecaptcha-text {
  background: 				#f7f7f7;
  font-size: 				13px;
  text-align: 				center;
  padding: 					8px 7px 8px 7px;
  margin: 					2px 0 5px 0;
}


/* MOBILE VIEW */
/* Extra Large Devices (large laptops and desktops - 1440px and Up) */
@media (min-width: 1440px) {

}

/* Large Devices (laptops/desktops - 1024px and LESS) */
@media (max-width: 1024px) {
	div#primary, #main-content { padding: 15px 15px 10px 15px; }
	.container { padding-top: 2px; padding-bottom: 15px; }
	#page-header { margin: 0 0 10px 0; }
	div.wp-block-columns.is-layout-flex { gap: 2em; }

}

/* Medium Devices (tablets - 768px and LESS) */
@media (max-width: 768px) {
	div#primary, #main-content { padding: 20px 10px 10px 10px; }
	.container { padding-top: 2px; padding-bottom: 10px; }
	#page-header { margin: 0 0 10px 0; }

	h1, h1.wp-block-heading { font-size: 38px; line-height: 44px; margin: 0 0 10px 0; }
	h3, h3.wp-block-heading { line-height: 44px; margin: 10px 0 15px 0; }
	div.wp-block-columns.is-layout-flex { gap: 0; }	
	/* input, optgroup, select, textarea { width: 100%; display: block; } */
	
	#media > div { margin: 0 15px 0 15px; }
	#media .media-container { border: 5px solid; border-image: linear-gradient(to right, #005f87, #eae69f) 1; }
	#media .media-content { padding: 12px 15px 10px 15px; margin: 10px; }

	/* SWITCH/REORDER COLUMNS 
	#about-church div.right-content { order: 1; } 
	#about-church div.left-content { order: 2; } */
	#call2action { margin: 5px 0 35px 0; }
	#about-the-church { padding-top: 25px; padding-bottom: 35px; }
	div.donate-options { max-width: 100%; position: relative; top: 0; right: 0; z-index: 999; }
	#from-pastors-desk { padding-top: 25px; padding-bottom: 5px; }
	#from-pastors-desk figure { margin: 15px 0 22px 0; }
	
	#camper-registration-form h2 { font-size: 25px; line-height: 32px; }
	div.crf-container { padding: 10px 15px 5px 15px; }	

	ul.meac-hours li { display: flex; flex-direction: column; justify-content: space-between; align-items: center; align-items: flex-start; gap: 4px; }
	ul.meac-hours li span.pull-right { float: left; }
	ul.meac-hours li span { display: block; }
	
	#contact-page { margin-top: 5px; margin-bottom: 5px; }
	#contact-page .item { padding: 15px 15px 15px 15px; }
	#contact-page select, #contact-page input, #contact-page textarea,
	#camper-registration-form select, #camper-registration-form input, #camper-registration-form textarea{ width: 100%; }

} 

/* Extra Small Devices (phones - 480px and LESS) */
@media (max-width: 480px) {
	h1, h1.wp-block-heading { font-size: 34px; line-height: 40px; margin: 0 0 10px 0; }
	
	#media { margin-bottom: 168px;; }
	#media div.media-container { justify-content: flex-end; }
	#media p { margin-top: 10px; margin-bottom: 10px;}

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: 100% !important; }
	.nobr { white-space: normal; }
	.divider { 	max-width: 320px; }

	.awsm-job-form-inner { padding: 15px; }

	#category-events h4.tribe-events-calendar-list__event-title { font-size: 24px; line-height: 30px; }

	#our-schedules div.item { height: auto; }
	#contact-page .contact-info .item { padding: 55px 15px 15px 15px; }
	.contact-form:before { display: none; }

	.button, a.button, input[type="submit"] { padding: 12px 15px 12px 15px; }
}