/*
Theme Name: Maranatha Child
Template: maranatha
*/
/*
This stylesheet is loaded instead of the parent theme's stylesheet, which is enqueued in functions.php.
To override styles, copy them here from the original stylesheet, then change the properties.

See http://churchthemes.com/guides/developer/child-theming/ and the WordPress Codex:
http://codex.wordpress.org/Child_Themes
*/

:root {
	/* main colour palette */
	--color-white: #f0f0f0;
	--color-black: #1b1b1e;
	--color-charcoal: #373f51;
	--color-viridian: #57886c;
	--color-blue: #69bfee;
	--color-orange: #fa8334;
	--color-footer: #f7f7f7;
	
	/* greyscale dark to light */
    --color-gray-10: #2e2e31;
    --color-gray-6: #7b7a7d;
    --color-gray-4: #a5a5a6;
    --color-gray-3: #bbbbbc;
    --color-gray-2: #d1d0d2;
    --color-gray-1: #e8e7e8;
	
	/* button colours */
	--btn-primary-text: #f0f0f0;
	--btn-primary-color: #49a6e6;
	--btn-primary-hover-color: #234b66;
	
	--shadow-color: #7b7a7d;
}

/* ------------- Sticky Top Menu ---------------- */
/* increase size of logo original 100% 50px */
#maranatha-logo-image img {
	max-width: 200%;
	max-height: 120px;
}

/* ---- Desktop screens ---- */
#maranatha-header-menu-content {
	font-size: 1.15rem !important; 
}

/* Increase visibility of hover effect */
.sf-menu ul {
	padding: 0;
}

ul.sub-menu .menu-item {
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.sub-menu .menu-item:hover {
	background-color: var(--color-blue);
	transition: background-color 0.3s ease;
}

/* ---- Smaller screens ---- */
.mean-container .mean-nav {
	width: 80vw;
}

nav.mean-nav a {
	font-size: 1.15rem !important;
}

@media only screen and (max-width: 767px) {
	#maranatha-logo-image img {
		max-width: 100%;
		max-height: 80px;
	}
}


/* --------- Home Page styling ---------- */
/* Shorten each section so its height is not based on screen size */
.maranatha-viewport-height {
	height: fit-content;
}

/* but keep the first section full screen */
#maranatha-home-section-1.maranatha-viewport-height {
  height: 100vh;
  content: "viewport-units-buggyfill; height: 100vh;";
}

/* Ensure background image scrolls with the section */
.maranatha-home-section-image {
	background-attachment: scroll;
}

.maranatha-home-section-content {
	max-width: 1140px; /* overwrite the existing 980px width */
}


#maranatha-home-section-1 .maranatha-home-section-image {
	background-position: 30% 50%;
}

#maranatha-home-main .maranatha-home-section-content strong {
	color: inherit;
	font-family: "Roboto", sans-serif;
    font-size: 1.2rem;
	font-weight: 200;
	text-transform: uppercase;
}

#maranatha-home-main .maranatha-home-section-content p {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 1.5rem !important;
	font-weight: 400;
	padding: 1rem;
}

#maranatha-home-main p > a {
    color: var(--color-orange);
    text-decoration: underline var(--color-orange) 2px;
	border-bottom: none;
    font-weight: bold;
}

#maranatha-home-main p > a:hover {
    color: var(--btn-primary-hover-color);
    cursor: pointer;
}

/* ----- Primary Buttons "circle-buttons-list" -------- */
#maranatha-home-main .maranatha-circle-buttons-list ul {
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#maranatha-home-main .maranatha-circle-buttons-list li {
	width: fit-content;
	height: fit-content;
}

#maranatha-home-main .maranatha-circle-buttons-list a {
	text-decoration: none;
	width: fit-content;
	height: 1.75rem;
	border: none;
	border-radius: 999px;
	padding: 1rem 2rem 1rem 2rem;
	color: var(--btn-primary-text) !important;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
	background-color: var(--btn-primary-color);
	text-wrap: wrap;
	box-shadow: 2px 2px 5px var(--shadow-color);
}

#maranatha-home-main .maranatha-circle-buttons-list a:hover {
	color: var(--btn-primary-text) !important;
	background-color: var(--btn-primary-hover-color);
	transition: all 0.3s ease;
}

@media only screen and (max-width: 420px) {
	#maranatha-home-main .maranatha-circle-buttons-list a {
		width: 80vw;
	}
}

/* -------- Specific home page components ------------ */
/* ---- Section 1 - God's Word in Life ---- */
#s1-orpc-name {
	color: inherit;
	font-family: "Roboto", sans-serif;
    font-size: 1.3rem;
	font-weight: 300;
	text-transform: uppercase;
	color: var(--color-gray-3);
	margin-bottom: 0;
}
	
#maranatha-home-section-1 h1 {
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 10px;
    font-size: 3rem !important; /* prev 3.5rem */
	font-family: "Raleway", sans-serif;
	font-weight: bolder;
	text-transform: uppercase;
	color: #ffffff !important;
	text-shadow: 2px 2px 10px #000;
}

/* All other sections apart from Section 1 */
/* Black text */
#maranatha-home-section-2 .maranatha-home-section-inner, 
#maranatha-home-section-3 .maranatha-home-section-inner,
#maranatha-home-section-4 .maranatha-home-section-inner,
#maranatha-home-section-5 .maranatha-home-section-inner,
#maranatha-home-section-6 .maranatha-home-section-inner,
#maranatha-home-section-7 .maranatha-home-section-inner,
#maranatha-home-section-8 .maranatha-home-section-inner {
	color: var(--color-black) !important;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
}

/* Alternating background colours */
#maranatha-home-section-2 .maranatha-home-section-inner,
#maranatha-home-section-3 .maranatha-home-section-inner,
#maranatha-home-section-6 .maranatha-home-section-inner,
#maranatha-home-section-8 .maranatha-home-section-inner {
	background-color: var(--color-white) !important; 
}

#maranatha-home-section-4 .maranatha-home-section-inner,
#maranatha-home-section-5 .maranatha-home-section-inner,
#maranatha-home-section-7 .maranatha-home-section-inner {
	background-color: var(--color-gray-1) !important; 
}

/* Main headers */ 
#maranatha-home-section-2 h2,
#maranatha-home-section-4 h2,
#maranatha-home-section-6 h2,
#maranatha-home-section-7 h2,
#maranatha-home-section-8 h2 {
	padding-bottom: 0px;
	font-size: 3rem !important;
	font-family: "Raleway", sans-serif;
	font-weight: 800;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: var(--color-charcoal);
}

/* Sub-headers */
#maranatha-home-section-3 h3,
#maranatha-home-section-4 h3,
#maranatha-home-section-5 h3 {
	padding-bottom: 0px;
	font-size: 2.5rem !important;
	font-family: "Raleway", sans-serif;
	font-weight: 800;
	text-transform: capitalize;
	color: var(--color-charcoal);
}

/* Keeping "fake" sections together */
#maranatha-home-section-2 .maranatha-home-section-content,
#maranatha-home-section-4 .maranatha-home-section-content {
	padding-bottom: 0px;
}

#maranatha-home-section-3 .maranatha-home-section-content,
#maranatha-home-section-5 .maranatha-home-section-content {
	padding-top: 35px;
}

/* Wordpress inserts unwanted <p> into widgets */
#maranatha-home-section-4 p {
	padding: 0;
	margin: 0;
}


/* ---- Section 2 - ORPC A&A Project (Part 1) & Section 3 - ORPC A&A Project (Part 2) ---- */
#maranatha-home-section-2 h2 > span {
	color: var(--color-orange);
	letter-spacing: -0.1em;
}

#maranatha-home-section-2 h2 > span, .a {
	font-size: 3.2rem;
}

#maranatha-home-section-2 strong {
	margin-top: 0;
}

#maranatha-home-section-3 .aanda-event-container {
	display: flex;
	width: 100%;
	height: fit-content;
	justify-content: center;
	flex-wrap: wrap;
}

#event-card {
	margin: 15px;
	width: 300px;
	height: 400px;
	background-color: var(--color-white);
	border: solid 1px var(--color-black);
	border-radius: 5px;
	box-shadow: 0px 2px 2px 0px var(--shadow-color);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

#event-card:hover {
	transform: translateY(-5px);
	transition: all 0.3s ease;
	cursor: pointer;
}

#event-card .event-image {
	width: 100%;
	height: 200px;
	border-radius: 5px 5px 0px 0px;
	background-size: cover;
	background-position: center center;
	flex-shrink: 0;
}
#event-card3 .event-date {
	display: none;
}

#event-card .event-details-container {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	color: var(--color-black);
	text-align: left;
	width: 100%;
	padding: 15px;
}

#event-card .event-title {
	font-weight: 600;
	font-size: 1.25rem;
}
#event-card .event-details {
	font-weight: 200;
	font-size: 1.15rem;
}

#event-card .event-click {
	margin-right: 15px;
	margin-bottom: 15px;
	align-self: flex-end;
	color: var(--color-gray-6);
	font-style: italic;
}

/* ---- Section 4 - Embrace God's Word (Part 1) & Section 5 - Embrace God's Word (Part 2) ---- */
#maranatha-home-section-4 .latest-sermon-container {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 1rem;
	text-align: left;
	font-size: 1.5rem;
}

#maranatha-home-section-4 .latest-sermon-title {
	padding-bottom: 0px;
	font-size: 1.75rem;
	font-family: "Raleway", sans-serif;
	font-weight: 600;
	text-transform: capitalize;
	color: var(--color-charcoal);
}

#maranatha-home-section-4 .latest-sermon-date-preacher {
	color: var(--color-gray-10);
	font-weight: 200;
	display: flex;
	gap: 0.5rem;
}

#maranatha-home-section-4 .latest-sermon-passage {
	font-weight: 200;
	font-style: italic;
	color: var(--color-gray-10);
}

/* upcoming events card styling */
#upcoming-events-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 0.75rem;
}

#upcoming-event-card.event-card-container {
    padding: 20px;
    width: 80%;
    height: 200px;
    display: flex;
    flex-direction: row;
    gap: 1rem;
	align-items: stretch;
    color: var(--color-black);
    background-color: var(--color-white);
	border: solid 1px var(--color-black);
	border-radius: 5px;
	box-shadow: 2px 2px 2px 0px var(--shadow-color);
}

.event-card-date-container {
    width: 20%;
    min-width: 95px;
    flex-shrink: 0;
    display: flex;
    font-size: 2.5rem;
    border-right: solid 1px var(--color-gray-6);
}

.event-card-date {
    margin: auto;
    display: flex;
	flex-direction: column;
    align-items: center;
}

.event-card-date-month {
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
}

.event-card-date-date {
    font-size: 2rem;
    font-weight: 600;
}

.event-card-date-day-of-week {
    font-size: 1.2rem;
    font-weight: 200;
    color: var(--color-gray-10);
}

.event-card-details {
    margin: auto;
    display: flex;
	flex-direction: column;
	flex-grow: 1;
	color: var(--color-black);
	text-align: left;
	width: 100%;
}

.event-title {
   	font-weight: 600;
	font-size: 1.25rem;
}

.event-details {
   	font-weight: 200;
	font-size: 1.15rem;
}

.event-click {
	margin-top: 15px;
	color: var(--color-gray-6);
	font-style: italic;
}

#upcoming-event-card:hover {
	transform: translateY(-5px);
	transition: all 0.3s ease;
	cursor: pointer;
}


@media only screen and (max-width: 767px) {
	#upcoming-events-container div {
		flex-direction: column;
	}

    #upcoming-event-card.event-card-container {
        padding: 10px;
		width: 100%;
		height: fit-content;
    }
}

/* post-22881: our history (joanna) */
#post-22881 .history-item {
    width: 100%;
    height: fit-content;
    display: flex;
    background-color: #f7f7f7;
}

#post-22881 .history-item-date-column {
    padding: 0 2rem;
    margin: 2rem 0;
    width: 150px;
    flex-shrink: 0;
    flex-grow: 0;
    text-wrap: wrap;
    text-align: center;
    border-right: 1px solid var(--color-charcoal);
}

#post-22881 .history-item-year {
    font-family: 'Raleway', sans-serif;
    font-size: 2rem;
    font-weight: 600;
}

#post-22881 .history-item-info-column {
    padding: 2rem;
    flex-grow: 1;
}

#post-22881 h2.history-item-info-date {
    color: var(--color-viridian);
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
    margin-top: 0;
}

#post-22881 .history-item-info-image-container {
    float: right;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    width: 350px;
    margin: 0.2rem;
}

#post-22881 .history-item-info-image {
    width: 100%;
    height: auto;
    border: 1px solid var(--color-white);
    box-shadow: 0 1px 4px var(--shadow-color);
    border-radius: 4px;
}

#post-22881 .history-item-info-image-description {
    font-style: italic;
    font-size: 0.95rem;
    color: var(--color-gray-6);
}

#post-22881 .history-item > a {
    color: var(--color-orange);
    text-decoration: underline var(--color-orange) 2px;
    font-weight: bold;
}

#post-22881 .history-item > a:hover {
    color: var(--btn-primary-hover-color);
    cursor: pointer;
}

#post-22881 hr {
    width: 70%;
    color: var(--color-gray-2);
    margin: 1rem auto 1rem auto;
}

#post-22881 video {
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 767px) {
	#post-22881 .history-item-info-image-container {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 1.5rem;
    }

    #post-22881 .history-item {
        flex-direction: column;
    }

    #post-22881 .history-item-date-column {
        width: 100%;
        text-wrap: wrap;
        text-align: left;
        margin-top: 2rem;
        margin-bottom: 0;
        border: none;
    }
}

/** Talk archive look */
.post-type-archive-talk .maranatha-entry-short{
	margin-top: 15px;
}
.post-type-archive-talk .maranatha-entry-footer-item, .post-type-archive-talk .maranatha-entry-footer {
	margin-top: 5px;
}
.special-service {
    margin-right: 20px; /* Adjust the value as needed */
}


/* Page-id or Post id 2056 Worship with us, New Here 18931 Our Beliefs 19365*/
/* Default font size for medium screens */
#post-18931 .wp-block-cover__inner-container .has-large-font-size {
    font-size: 1.5rem; /* 1.5 * 16px = 24px */
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    max-width: 100%; /* Ensure it fits within the container */
    word-wrap: break-word; /* Handle long words */
}
#post-2056 .wp-block-cover__inner-container .has-large-font-size {
    font-size: 0.75rem; /* 1.5 * 16px = 24px */
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    max-width: 100%; /* Ensure it fits within the container */
    word-wrap: break-word; /* Handle long words */
}
#post-19300 .wp-block-cover__inner-container .has-medium-font-size {
    font-size: 1.5rem; /* 1.5 * 16px = 24px */
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    max-width: 100%; /* Ensure it fits within the container */
    word-wrap: break-word; /* Handle long words */
}
#post-19365 .wp-block-cover__inner-container {
    font-size: 1.25rem; /* 1.5 * 16px = 24px */
	text-shadow: 1.5px 1.5px 3px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2); /* text-shadow: 1px 1px 2px */
    max-width: 100%; /* Ensure it fits within the container */
    word-wrap: break-word; /* Handle long words */
}
/* Add text shadow to links */
#post-19365 .wp-block-cover__inner-container a {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    color: inherit; /* Ensure the link color matches the surrounding text */
    text-decoration: none; /* Remove underline if desired */
}
#post-19365 .wp-block-cover__inner-container a:hover {
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5); /* Slightly stronger shadow on hover */
    color: rgba(121, 191, 241, 1); /* Change color on hover */
}
/* Default font size for header text */
#post-18931 .wp-block-cover__inner-container .wp-block-heading.has-x-large-font-size {
    font-size: 2rem; /* 2 * 16px = 32px */
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    max-width: 100%; /* Ensure it fits within the container */
    word-wrap: break-word; /* Handle long words */
}
#post-2056 .wp-block-cover__inner-container .wp-block-heading.has-x-large-font-size {
    font-size: 2rem; /* 2 * 16px = 32px */
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    max-width: 100%; /* Ensure it fits within the container */
    word-wrap: break-word; /* Handle long words */
}
#post-19300 .wp-block-cover__inner-container .wp-block-heading.has-x-large-font-size {
    font-size: 2rem; /* 2 * 16px = 32px */
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    max-width: 100%; /* Ensure it fits within the container */
    word-wrap: break-word; /* Handle long words */
}
#post-19365 .wp-block-cover__inner-container .wp-block-heading {
    font-size: 2rem; /* 2 * 16px = 32px */
	text-shadow: 1.5px 1.5px 3px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2); /* text-shadow: 1px 1px 2px */
    max-width: 100%; /* Ensure it fits within the container */
    word-wrap: break-word; /* Handle long words */
}
#post-18931 .maranatha-button {
	display: flex;
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
    font-size: 1.5rem; /* Adjust the size as needed */
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    padding: 1rem 2rem; /* Adjust the padding as needed */
    max-width: 100%; /* Ensure it fits within the container */
    word-wrap: break-word; /* Handle long words */
}
#post-2056 .maranatha-button {
	display: flex;
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
    max-width: 100%; /* Ensure it fits within the container */
    word-wrap: break-word; /* Handle long words */
}
#post-19365 .maranatha-button {
	display: flex;
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
    font-size: 1.5rem; /* Adjust the size as needed */
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    padding: 1rem 2rem; /* Adjust the padding as needed */
    max-width: 100%; /* Ensure it fits within the container */
    word-wrap: break-word; /* Handle long words */
}
/* Larger screens (e.g., laptops and desktops) */
@media (min-width: 1024px) {
    #post-18931 .wp-block-cover__inner-container .has-large-font-size {
        font-size: 1.75rem; /* 1.75 * 16px = 28px */
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
	}
	#post-2056 .wp-block-cover__inner-container .has-large-font-size {
        font-size: 0.75rem; /* 1.75 * 16px = 28px */
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
	}
	#post-19300 .wp-block-cover__inner-container .has-medium-font-size {
        font-size: 1.5rem; /* 1.75 * 16px = 28px */
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
	}
	#post-19365 .wp-block-cover__inner-container {
        font-size: 1.75rem; /* 1.75 * 16px = 28px */
		text-shadow: 1.5px 1.5px 3px rgba(0, 0, 0, 0.2), 2.5px 2.5px 5px rgba(0, 0, 0, 0.2), 3.5x 3.5px 7px rgba(0, 0, 0, 0.2); /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2) */
	}
	/* Add text shadow to links */
	#post-19365 .wp-block-cover__inner-container a {
    	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
    	color: inherit; /* Ensure the link color matches the surrounding text */
    	text-decoration: none; /* Remove underline if desired */
	}
	#post-19365 .wp-block-cover__inner-container a:hover {
    	text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5); /* Slightly stronger shadow on hover */
    	color: rgba(121, 191, 241, 1); /* Change color on hover */
	}
	#post-18931 .wp-block-cover__inner-container .wp-block-heading.has-x-large-font-size {
        font-size: 2.25rem; /* 2.25 * 16px = 36px */
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    }
	#post-2056 .wp-block-cover__inner-container .wp-block-heading.has-x-large-font-size {
        font-size: 2.25rem; /* 2.25 * 16px = 36px */
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    }
	#post-19300 .wp-block-cover__inner-container .wp-block-heading.has-x-large-font-size {
        font-size: 2.25rem; /* 2.25 * 16px = 36px */
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    }
	#post-19365 .wp-block-cover__inner-container .wp-block-heading {
        font-size: 2.25rem; /* 2.25 * 16px = 36px */
		text-shadow: 1.5px 1.5px 3px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2); /* text-shadow: 1px 1px 2px */
    }
	#post-18931 .maranatha-button {
		font-size: 1.75rem; /* Adjust the size as needed */
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
		padding: 1.25rem 2.5rem; /* Adjust the padding as needed */
    }
	#post-19365 .maranatha-button {
		font-size: 2.25rem; /* 1.75 Adjust the size as needed */
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
		padding: 1.25rem 2.5rem; /* Adjust the padding as needed */
    }
}

/* Smaller screens (e.g., smartphones) */
@media (max-width: 767px) {
    #post-18931 .wp-block-cover__inner-container {
		font-size: 1.25rem; /* 1.25rem * 16px = 20px */
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    }
	#post-2056 .wp-block-cover__inner-container .has-large-font-size {
        font-size: 1.25rem; /* 1.25rem * 16px = 20px */
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    }
	#post-19300 .wp-block-cover__inner-container .has-medium-font-size {
        font-size: 1.25rem; /* 1.25rem * 16px = 20px */
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    }
	#post-19365 .wp-block-cover__inner-container {
        font-size: 1.25rem; /* 1.25rem * 16px = 20px */
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2), 2.5px 2.5px 5px rgba(0, 0, 0, 0.2), 3.5px 3.5px 7px rgba(0, 0, 0, 0.2); /* text-shadow: 1px 1px 2px */
    }
	/* Add text shadow to links */
	#post-19365 .wp-block-cover__inner-container a {
    	text-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.3);
    	color: inherit; /* Ensure the link color matches the surrounding text */
    	text-decoration: none; /* Remove underline if desired */
	}
	#post-19365 .wp-block-cover__inner-container a:hover {
 	   text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5); /* Slightly stronger shadow on hover */
    	color: rgba(121, 191, 241, 1); /* Change color on hover */
	}
	#post-18931 .wp-block-cover__inner-container .wp-block-heading.has-x-large-font-size {
        font-size: 1.75rem; /* 1.75rem * 16px = 28px */
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    }
	#post-2056 .wp-block-cover__inner-container .wp-block-heading.has-x-large-font-size {
        font-size: 1.75rem; /* 1.75rem * 16px = 28px */
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    }
	#post-19300 .wp-block-cover__inner-container .wp-block-heading.has-x-large-font-size {
        font-size: 1.75rem; /* 1.75rem * 16px = 28px */
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    }
/*	#post-19365 .wp-block-cover__inner-container .wp-block-heading.has-x-large-font-size {
        font-size: 1.25rem;   
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
    } */
	#post-19365 .wp-block-cover__inner-container .wp-block-heading {
        font-size: 1.75rem; !important 
		text-shadow: 1.5px 1.5px 3px rgba(0, 0, 0, 0.2), 2.5px 2.5px 5px rgba(0, 0, 0, 0.2), 3.5px 3.5px 7px rgba(0, 0, 0, 0.2); /* text-shadow: 1px 1px 2px */
		max-width: 100%;
		word-wrap: break-word;
    }
	#post-18931 .maranatha-button {
        font-size: 1.25rem; /* Adjust the size as needed */
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
        padding: 0.75rem 1.5rem; /* Adjust the padding as needed */
    }
	#post-19365 .maranatha-button {
        font-size: 1.75rem; /* 1.25 Adjust the size as needed */
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 2px 2px 4px rgba(0, 0, 0, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.2);
        padding: 0.75rem 1.5rem; /* Adjust the padding as needed */
    }
}
/* Change background color of Our History page with post ID 19067 to light grey */
/* body.page-id-19067 {
    background-color: #d3d3d3;
} */
.talk-categories {
    margin-bottom: 20px;
    text-align: right; /* right side instead of Center the dropdown */
}
.talk-categories h2 {
    font-size: 24px;
    margin-bottom: 10px;
}
.talk-categories select {
    padding: 5px;
    font-size: 16px;
    width: auto; /* Ensure the dropdown adjusts its width */
    max-width: 300px; /* Set a maximum width */
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .talk-categories select {
        font-size: 14px;
        max-width: 200px; /* Adjust max width for smaller screens */
    }
}

@media (max-width: 480px) {
    .talk-categories select {
        font-size: 12px;
        max-width: 150px; /* Adjust max width for very small screens */
    }
}
.talks-archive-page #maranatha-content #maranatha-content-inner .overlay-title-container {
    position: absolute;
    top: 0; /* Adjust this value to reduce the distance from the top */
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.document-box { /* AnA & BFA download */
    background: rgba(255, 255, 255, 0.3); /* more opaque background */
    border: 1px solid rgba(255, 255, 255, 0.4); /* slightly more opaque border */
    backdrop-filter: blur(15px); /* Stronger Blur effect */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Stronger shadow */
    padding: 5px; /* Padding inside the box */
    border-radius: 10px; /* Rounded corners */
    margin-bottom: 2px; /* Space between rows */
}
.bfa-download {
    transition: background-color 0.3s, color 0.3s; /* Smooth transition */
    background-color: #333; /* Dark grey background */
    color: #fff; /* Initial text color */
}
.bfa-download:hover {
    background-color: #fff !important; /* Inverted background color */
    color: #333 !important; /* Inverted text color */
    border: 1px solid #333 !important; /* Optional: add border to match text color */
}
.ana-download {
    transition: background-color 0.3s, color 0.3s; /* Smooth transition */
    background-color: #333; /* Dark grey background */
    color: #fff; /* Initial text color */
}
.ana-download:hover {
    background-color: #fff !important; /* Inverted background color */
    color: #333 !important; /* Inverted text color */
    border: 1px solid #333 !important; /* Optional: add border to match text color */
}
.bulletin-view {
    transition: background-color 0.3s, color 0.3s; /* Smooth transition */
    background-color: #333; /* Dark grey background */
    color: #fff; /* Initial text color */
}
.bulletin-view:hover {
    background-color: #fff !important; /* Inverted background color */
    color: #333 !important; /* Inverted text color */
    border: 1px solid #333 !important; /* Optional: add border to match text color */
}
.bulletin-download {
    transition: background-color 0.3s, color 0.3s; /* Smooth transition */
    background-color: #333; /* Dark grey background */
    color: #fff; /* Initial text color */
}
.bulletin-download:hover {
    background-color: #fff !important; /* Inverted background color */
    color: #333 !important; /* Inverted text color */
    border: 1px solid #333 !important; /* Optional: add border to match text color */
}
.announcement_inserts-view {
    transition: background-color 0.3s, color 0.3s; /* Smooth transition */
    background-color: #333; /* Dark grey background */
    color: #fff; /* Initial text color */
}
.announcement_inserts-view:hover {
    background-color: #fff !important; /* Inverted background color */
    color: #333 !important; /* Inverted text color */
    border: 1px solid #333 !important; /* Optional: add border to match text color */
}
.announcement_inserts-download {
    transition: background-color 0.3s, color 0.3s; /* Smooth transition */
    background-color: #333; /* Dark grey background */
    color: #fff; /* Initial text color */
}
.announcement_inserts-download:hover {
    background-color: #fff !important; /* Inverted background color */
    color: #333 !important; /* Inverted text color */
    border: 1px solid #333 !important; /* Optional: add border to match text color */
}

.suntecserviceupdateenglish-view {
    transition: background-color 0.3s, color 0.3s; /* Smooth transition */
    background-color: #333; /* Dark grey background */
    color: #fff; /* Initial text color */
}
.suntecserviceupdateenglish-view:hover {
    background-color: #fff !important; /* Inverted background color */
    color: #333 !important; /* Inverted text color */
    border: 1px solid #333 !important; /* Optional: add border to match text color */
}
.suntecserviceupdateindonesian-view {
    transition: background-color 0.3s, color 0.3s; /* Smooth transition */
    background-color: #333; /* Dark grey background */
    color: #fff; /* Initial text color */
}
.suntecserviceupdateindonesian-view:hover {
    background-color: #fff !important; /* Inverted background color */
    color: #333 !important; /* Inverted text color */
    border: 1px solid #333 !important; /* Optional: add border to match text color */
}

.ub_call_to_action_button a:hover {
    background-color: RGB(121, 191, 241)  !important; /* Change this to your desired hover color */
}

.ub_call_to_action_button a:hover .ub_cta_button_text {
    color: #000000 !important; /* Change this to your desired text hover color */
}
div.pods-pagination-paginate li{
	margin: 0.1em;
}
div.pods-pagination-paginate li >*{
    display: inline-block;
    position: relative;
    height: 3.07em;
    line-height: 3.07em;
    border-radius: 3.07em;
    border-width: 1px;
    border-style: solid;
    padding: 0;
	width:3.07em;
    font-size: 0.85em;
    text-align: center;
    text-transform: uppercase;
}

div.pods-pagination-paginate span.current,
div.pods-pagination-paginate li a:hover{
	color: #fff;
	background-color: #000;
}
div.pods-pagination-paginate a.prev, 
div.pods-pagination-paginate a.next {
    width: 7em !important;
}

/* body.single-ctc_sermon li#maranatha-sermon-download-button {
        display: none !important;
    }  */