/* 
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 */

.header{
	position: absolute;
	z-index: 99;
}
.home .header {
    background: transparent !important;
}

.white-bg-btn .elementor-button {
         background-image: linear-gradient(to right, #000 0%, #888 41%, #333 100%);
         background-size: 200% auto;
         transition: 0.5s;	
         }

.white-bg-btn .elementor-button:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }

.footer-list-item .elementor-icon-list-item span{
    position: relative;
}

.footer-list-item
.elementor-icon-list-item span::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: white;
	border-radius:5px;
    transition: width 0.3s ease-in-out;
}
.menu-toggle .hfe-nav-menu-icon {
    padding: 3px 6px 5px 6px !important;
}
.footer-list-item
.elementor-icon-list-item span:hover::after {
    width: 100%;
}
.owl-carousel{
	display:block;
}
.home-golden-inner{
	display:flex;
	gap:20px;
} 
.home-golden-carousel{
	background:#fff;
	padding:20px;
	border-radius:20px;
	box-shadow: 0 15px 35px rgba(0,29,44,0.1);
}
.home-golden-carousel .owl-nav {
	justify-content: space-between;
	display: flex;
	padding: 0 20px 0 20px;
	margin-top:0px;
}
.home-golden-carousel .owl-nav .owl-next{
	right:-100px;
}
.home-golden-carousel .owl-nav .owl-prev{
	left:-100px;
}
.home-golden-carousel .owl-nav .owl-next,.home-golden-carousel .owl-nav .owl-prev{
position:absolute;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  font-size: 50px !important;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#333 !important;
	border: 3px dotted #333 !important;
	top: 50%;
}
.home-golden-carousel .owl-nav .owl-next:hover,.home-golden-carousel .owl-nav .owl-prev:hover{
	background:transparent;
	border: 3px dotted #636363 !important;
	color:#636363 !important;
}
.home-golden-carousel .owl-nav .owl-next span,.home-golden-carousel .owl-nav .owl-prev span{
margin-bottom: 14px;
}

.home-golden-carousel .home-golden-inner .img-sec{
	width:20%;
}
.home-golden-carousel .home-golden-inner .img-sec img{
	border-radius:20px;
}
.home-golden-carousel .home-golden-inner .content-sec{
	width:78%;
}
.home-golden-carousel .home-golden-inner .content-sec h3{
color: #000;
  font-weight: 600;
  font-size: 24px;
}
.home-golden-carousel .home-golden-inner .content-sec p{
  color: #636363;
  font-size: 15px;
}
/* =============================home end================================== */


.blog-post-container{
	display: flex;
	flex-wrap: wrap;
	gap:40px 25px;
}
.blog-post-container .single-post-item{
	width:31.6%;
	box-shadow: 3px 3px 20px #eee;
	transition: 0.5s;
	position:relative;
}
.blog-post-container .single-post-item:hover{
box-shadow: 0px 10px 30px #ddd;
	transition: 0.5s;
	transform: translateY(-10px);
}
.blog-post-container .single-post-item .post-thumbnail  img{
	height: 290px;
	width: 100%;
	object-fit: cover;
}
.blog-post-container .single-post-item .post-thumbnail{
	position:relative;
	height: 290px;
}
.blog-post-container .single-post-item .post-thumbnail .post-date {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #000;
	padding: 10px 20px;
	font-size: 22px;
	color: #fff;
}
.blog-post-container .single-post-item .post-thumbnail .post-date .day{
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.7px;
	line-height: 0.63;
}
.blog-post-container .single-post-item .post-thumbnail .post-date .month{
	font-size: 14px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0.9px;
	margin-top: 8px;
	text-transform: uppercase;
}
.blog-post-container .single-post-item .post-content h2{
	font-size: 20px;
	font-weight: 600;
	line-height: 1.38;
	text-transform: uppercase;
	color: #333;
	margin: 0;
	margin-bottom: 8px;
	text-decoration:none;
}
.blog-post-container .blog-read-more a {
	text-transform: uppercase;
	color: #333;
	font-size: 14px;
	text-decoration: none;
	font-weight: 500;
	border-radius: 30px 30px 30px 30px;
	padding: 8px 21px 8px 21px;
	display: inline-flex;
	margin-top: 20px;
	border: 1px solid;
	position: absolute;
	bottom: 20px;
}
.blog-post-container .blog-read-more a:hover {
	background:#000;
	color:#fff ;
}
.blog-post-container .single-post-item .post-content p{
	margin:0;
	margin-top:8px;
}
.blog-post-container .single-post-item .post-content .post-categories{
font-weight: 600;
}
.blog-post-container .single-post-item .post-content{
	padding: 20px 20px 80px 20px;
}

#blog-load-more-btn{
	background-image: linear-gradient(to right, #000 0%, #888 41%, #333 100%);
	background-size: 200% auto;
	transition: 0.5s;
	border:0;
	border-radius:50px;
	color:#fff;
	padding: 11px 50px;
}
#blog-load-more-btn:hover {
  background-position: right center;
  color: #fff;
  text-decoration: none;
}
.load-more-container{
	text-align: center;
	margin-top: 50px;
}
.submit-flex input{
	background-size: 200% auto;
}
.submit-flex input:hover {
	background-position: right center;
	color: #fff;
	text-decoration: none;
}
.con-form input:focus-visible , .con-form textarea:focus-visible {
	outline: 0;
}
.con-form-flex input:focus , .con-form textarea:focus {
	border-color: #333 !important;
}
/* ========================== Blog single============================================== */
.single-post-banner h1 {
	font-size: 40px;
	padding: 50px 10px 0px 10px;
}
.single-post-banner {
	background-image: url('https://createncode.com/goldengradient/wp-content/uploads/2025/01/page_title_1.jpg');
	background-size: cover;
	background-position: center;
	height: 400px;
	align-items: center;
	display: grid;
}
.single-post-banner h1{
	text-align: center;
	color: #fff;
}
.single-post-content {
	padding: 80px 15px 50px 15px;
}
.related-posts ul{
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
}
.related-posts  img{
	height: 290px;
	width: 100%;
	object-fit: cover;
}
.related-posts .blog-read-more a {
	text-transform: uppercase;
	color: #333;
	font-size: 14px;
	text-decoration: none;
	font-weight: 500;
	border-radius: 30px 30px 30px 30px;
	padding: 8px 21px 8px 21px;
	display: inline-flex;
	margin-top: 20px;
	border: 1px solid;
	position: absolute;
	bottom: 20px;
}
.related-posts .blog-read-more a:hover {
	background:#000;
	color:#fff ;
}
.single-post-content img{
	width:100%;
}
.related-posts ul h2{
	font-size: 20px;
	font-weight: 600;
	line-height: 1.38;
	text-transform: uppercase;
	color: #333;
	margin: 0;
	margin-bottom: 8px;
	text-decoration:none;
}
.related-posts ul li{
	width:31.6%;
	box-shadow: 3px 3px 20px #eee;
	transition: 0.5s;
	position:relative;
}
.related-posts ul li:hover{
box-shadow: 0px 10px 30px #ddd;
	transition: 0.5s;
	transform: translateY(-10px);
}
.related-posts .related-post-content{
	padding: 20px 20px 80px 20px;
}
.related-posts {
	padding: 50px 15px 80px 15px;
	border: 1px solid #eee;
}
.single-post-blog .single-post-content h3 {
	font-size: 40px;
	font-weight: 600;
	margin-top: 25px;
	font-family: "Helvetica", Sans-serif;
	color:#333;
}
.related-posts .post-thumbnail .post-date .day{
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.7px;
	line-height: 0.63;
}
.related-posts .post-thumbnail .post-date .month{
	font-size: 14px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0.9px;
	margin-top: 8px;
	text-transform: uppercase;
}
.related-posts .post-thumbnail{
	position:relative;
}
.related-posts .post-date{
	position:absolute;
	color:#fff;
	background:#000;
	left:0;
	bottom:0;
	padding: 10px 20px;
}
.related-posts .post-categories {
	font-weight: 600;
}
.related-posts .related-post-content p {
	margin: 0;
	margin-top: 8px;
}
.related-posts h2 {
	font-size: 2rem;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 30px;
}
.single-post .header{
	background-color:transparent !important;
}

/* 2025-02-12 */

/* form[name="learn-press-register"] label[for="become_teacher"]{
	display: none !important;
}

form[name="register"] label[for="become_teacher"]{
	display: none !important;
} */

body.tml-action #content {
	padding: 120px 0;
	max-width: 500px;
	margin: 0 auto;
}

body.tml-action #content .entry-title {
	font-family: "Helvetica", Sans-serif;
	font-size: 25px;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 55px;
}

body.tml-action #content ul.tml-links {
	padding: 0;
	list-style: none;
}

/*
body.tml-action .page-header,
body.tml-action-lostpassword .tml-lostpassword,
body.tml-action-login .tml-login,
body.tml-action-resetpass .tml-resetpass,
body.tml-action-register .tml-register {
	padding: 80px 0;
	max-width: 500px;
	margin: 0 auto;
}
*/

body.tml-action input[type="password"],
body.tml-action input[type="text"]{
	padding: 8px 16px;
	border: 1px solid #e2e0db;
	border-radius: 3px;
	font-size: 1rem;
	line-height: 1.5;
}

body.tml-action .tml-button {
	padding: 12px 16px;
	background-color: #636363;
	color: #fff;
	border-color: transparent;
	width: 100%;
	background-image: linear-gradient(to right, #000 0%, #888 41%, #333 100%);
	background-size: 200% auto;
	transition: 0.5s;
	border-radius: 30px 30px 30px 30px;
	padding: 18px 21px 16px 21px;
}

/* body.tml-action-lostpassword .tml-lostpassword .tml-links {
	display: none;
} */


body:not(.logged-in) .userprofile_icon {
    display: none;
}

.user_role {
	font-weight: 700;
	color: #000;
}



/* =============================Responsive================================== */
@media screen and (max-width: 1024px) {
	.home-golden-carousel .home-golden-inner .content-sec p{
  font-size: 14px;
}
.home-golden-carousel .home-golden-inner .content-sec h3{
  font-size: 22px;
    margin: 0px 0px 10px 0px;
	
}
.home-golden-carousel .home-golden-inner .img-sec{
	width:30%;
}
.home-golden-carousel .home-golden-inner .content-sec{
	width:70%;
}
.home-golden-carousel .owl-nav .owl-prev {
	left: -80px;
}
.home-golden-carousel .owl-nav .owl-next{
	right:-80px;
}
	.header .hfe-nav-menu{
		overflow:hidden !important;
	}
	.blog-post-container .single-post-item {
	width: 48%;
}
.blog-post-container {
	justify-content: space-between;
}
.related-posts ul li:nth-child(3):nth-last-child(1) {
    display: none;
}
.related-posts ul li {
	width: 48%;
}
.single-post-blog .container {
	max-width: 100%;
	padding: 0;
}
.single-post-blog .single-post-content h3 {
	font-size: 30px;
}
}
@media screen and (max-width: 767px) {
		
	.home-golden-carousel .home-golden-inner .img-sec,.home-golden-carousel .home-golden-inner .content-sec{
		width: 100%;
	}
	.home-golden-inner {
		display: block;
	}
	.home-golden-carousel {
		padding: 15px;
		box-shadow: 0 15px 30px rgba(0,29,44,0.0.5);
	}
	.home-golden-carousel .owl-nav .owl-prev {
		left: -20px;
	}
	.home-golden-carousel .owl-nav .owl-next {
		right: -20px;
	}
	.home-golden-carousel .owl-nav .owl-next, .home-golden-carousel .owl-nav .owl-prev {
		width: 30px;
		height: 30px;
		font-size: 30px !important;
		top: 30%;
	}
	.home-golden-carousel .owl-nav .owl-next span, .home-golden-carousel .owl-nav .owl-prev span {
		margin-bottom: 9px;
	}
	.home-golden-carousel .home-golden-inner .content-sec h3 {
		font-size: 20px;
		margin: 15px 0px 10px 0px;
	}
		.blog-post-container .single-post-item {
		width: 100%;
	}
	.related-posts ul {
		display: block;
	}
		.related-posts ul li {
		width: 100%;
		margin-bottom: 30px;
	}
	.single-post-blog .single-post-content h3 {
		font-size: 25px;
		margin-top: 20px;
		margin-bottom: 0px;
	}
	.single-post-content {
		padding: 60px 15px 40px 15px;
	}
		.con-form-flex {
		margin-bottom: 0px !important;
	}
		.single-post-banner h1{
		font-size:30px;
	}
}