/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

#menu-item-836 a {
	background: #334D3E;
	border-radius: 15px;
	color: #FFFFFF;
	font-weight: 700;
	padding: 10px 20px;
	margin-left: 15px;
}

.view-schedule-btn {
	background: #334D3E;
	padding: 10px 15px;
	font-family: Poppins;
	font-weight: 700;
	font-size: 13px;
	vertical-align: middle;
	color: #FFFFFF;
	display: block;
	width: fit-content;
	border-radius: 15px;
	margin-top: 15px;
	margin-left: 0;
	margin-bottom: 20px;
}

.view-schedule-btn:hover,
#menu-item-17 a:hover {
	transition: all 300ms ease-in-out;
	color: #fff;
	background-color: #3e5c77;
}

.view-schedule-btn img {
	width: 15px;
	vertical-align: middle;
}


.footer-links{}

.footer-column h3{
	font-size:20px;
	font-weight: 500;
	margin-bottom: 20px;
	color: #000;
}

.footer-column ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-column ul li{
	margin-bottom:6px;
}

.footer-column ul li a{
	text-decoration:none;
	color:#4A4A4A;
	font-size:16px;
}

.footer-column ul li a:hover{
	text-decoration:underline;
}


.session-form{
	background:#334D3E;
	padding:35px;
	border-radius:13.54px;
}

.session-form h3{
	text-align:center;
	color:#fff;
	font-weight:600;
	margin-bottom:25px;
	font-size:20px;
}

.session-form input,
.session-form select{
	width:100%;
	padding:14px;
	border-radius:13.54px;
	border:none;
	background:#fff;
	margin-bottom:15px;
	font-size:14px;
	color: #625E5E !important;
	font-weight:400;
}

.session-form input::placeholder{
	color:#625E5E;
}

.session-form select{
	color:#625E5E;
}

.session-form input[type="submit"]{
	background:#fff;
	color:#334D3E !important;
	font-weight:700;
	cursor:pointer;
	margin-top: 1.5rem;
	font-size: 14px;
}

.session-form input[type="submit"]:hover{
	background:#dcdcdc;
}

.session-form .submit-button {
	position: relative;
}

.session-form .wpcf7-spinner {
	position: absolute;
	top: 40%;
	right: 21px;
	margin: 0;
}

.session-form+.wpcf7-response-output {
	color: #fff;
	position: absolute;
	bottom: 8px;
	left: 12px;
	border: none !important;
}

.blog-section{
	background:#2f4f3f;
	padding:80px 20px;
}

.blog-heading{
	text-align:center;
	color:#EDEDED;
	letter-spacing:2px;
	margin-bottom:40px;
	font-family: Inter;
	font-weight: 700;
	font-style: Bold;
	font-size: 36px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
}

.blog-card-wrapper{
	max-width:900px;
	margin:auto;
}

.blog-card{
	display:flex;
	background:#fff;
	border-radius:16px;
	overflow:hidden;
	box-shadow:0 10px 25px rgba(0,0,0,0.1);
	margin-bottom:25px;
	padding: 20px;
	transition: all 300ms ease-in-out;
}

.blog-img{
	position:relative;
	width:40%;
}

.blog-img{
	position:relative;
	width:40%;
	border-radius:16px;
	overflow:hidden;
}

.blog-img img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.overlay{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:60%;
	background:linear-gradient(transparent,rgba(0,0,0,0.6));
/* 	display: none; */
}

.read-btn{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background:#fffa;
	padding:8px 16px;
	border-radius:14.3px;
	font-size:14px;
	color: #334D3E;
	display: none;
}

/* .blog-card:hover .blog-img .overlay, */
.blog-card:hover .blog-img .read-btn {
	display: block;
}

.blog-content{
	width:60%;
	padding:30px;
}

.blog-date{
	font-size:14px;
	color:#888;
}

.blog-content h3 {
	margin:10px 0;
	font-size:26px;
	color:#3E5C77 !important;
	font-weight: 700;
}

.blog-content h3 a{
	margin:10px 0;
	font-size:26px;
	color:#3E5C77 !important;
	font-weight: 700;
}

.blog-content p{
	color:#000000;
}

section#comments {
	display: none;
}

.subscribe-form>p{
	display:flex;
	gap:10px;
}

.subscribe-form input[type="email"]{
	flex:1;
	padding:16px;
	border-radius:10px;
	border:0;
	background:#e5e5e5;
	font-size:16px;
}

.subscribe-form input[type="submit"]{
	padding:16px 28px;
	border-radius:10px;
	border:0;
	background:#2f4f3a;
	color:#fff;
	font-size:16px;
	font-weight:600;
	cursor:pointer;
	transition:0.3s;
}

.subscribe-form input[type="submit"]:hover,
#menu-item-836 a:hover {
	background: #3E5C77;
}

.post-title .elementor-shortcode {
	font-family: "Inter", Sans-serif;
	font-weight: 700;	
	font-style: Bold;
	font-size: 36px;
	color: #3E5C77;
}

.related-section{
}

.related-heading{
	text-align:center;
	color:#EDEDED;
	margin-bottom:40px;
	font-family:Inter;
	font-weight:700;
	font-size:36px;
}

.related-wrapper{
	max-width:750px;
	display:flex;
	gap:25px;
	flex-wrap:wrap;
}

.related-card{
	background:#fff;
	border-radius:16px;
	box-shadow:0 10px 25px rgba(0,0,0,0.1);
	padding:20px;
	width:48%;
}

/* Image */

.related-img{
	border-radius:16px;
	overflow:hidden;
	margin-bottom:15px;
	height:220px;
}

.related-img img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

/* Content */

.related-date{
	font-size:14px;
	color:#888;
}

.related-content h3{
	margin:10px 0;
	font-size:26px;
	font-weight:700;
}

.related-content h3 a{
	color:#3E5C77;
	text-decoration:none;
}

.related-content p{
	color:#000;
	font-size:15px;
	line-height:1.5;
}


@media screen and (max-width: 1025px) and (min-width: 901px) {
	.main-section .module-1024 {
		display: none;
	}	

}


@media screen and (min-width: 1026px){
	.section-1024 {
		display: none;
	}
}

@media screen and (max-width: 900px) {
	.section-1024 {
		display: none;
	}
}
/* ======================
TABLET
====================== */

@media (max-width:1024px){

	.blog-card-wrapper{
		max-width:95%;
	}

	.blog-content{
		padding:20px;
	}

	.blog-content h3 a{
		font-size:22px;
	}

}


/* ======================
MOBILE
====================== */

@media (max-width:768px){

	.blog-section{
		padding:50px 15px;
	}

	.blog-heading{
		font-size:28px;
		margin-bottom:30px;
	}

	.blog-card{
		flex-direction:column;
		padding:15px;
	}

	.blog-img{
		width:100%;
		height:220px;
		margin-bottom:15px;
	}

	.blog-content{
		width:100%;
		padding:10px 5px;
	}

	.blog-content h3 a{
		font-size:20px;
	}

	.blog-date{
		font-size:13px;
	}

	.blog-content p{
		font-size:14px;
		line-height:1.5;
	}

	.read-btn{
		padding:8px 18px;
		font-size:13px;
	}
	
	.subscribe-form>p{
		flex-wrap: wrap;
	}
	
	.subscribe-form input[type="email"]{ 
		width: 100%;
	}

}


/* ======================
SMALL MOBILE
====================== */

@media (max-width:480px){

	.blog-img{
		height:200px;
	}

	.blog-heading{
		font-size:24px;
	}

	.blog-content h3 a{
		width:100%;
	}
	.related-card {
		width: 100%;
	}

}