/*
 Theme Name:   Tribal Child
 Template:     tribal
 Version:      1.0.0
 Description:  Child theme for the Tribal theme
 Author:       Your Name
*/

@import url("../tribal/style.css");

/* Apply Google Sans globally */

/* Har element pr TT Chocolate apply karega */
/*
body, body * {
    font-family: 'TT Chocolate', sans-serif !important;
}
*/

body, body *:not(.fa) {
    font-family: 'TT Chocolate', sans-serif !important;

}
.bannerImage .carousel-image {
    width: 100% !important;
    background-repeat: no-repeat !important;
}

img{
	width: 100% !important;
	
} 

.slider-bg{
	background: #fff !important;
	
	border-radius: 10px !important;
}

.bg-white{
	background-color: #fff !important;
	border-radius: 10px !important;
	
}


.bannerImage .elementor-swiper-button-prev{
	background: #fff !important;
    border-radius: 50% !important;
    padding: 7px !important;
	    left: 5% !important;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}

.elementor-swiper-button-prev{

	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;

}

.bannerImage .elementor-swiper-button-prev svg{
	fill: #000 !important;
width: 20px !important;
    height: 20px !important;
}

.bannerImage .elementor-swiper-button-next{
	background: #fff !important;
    border-radius: 50% !important;
    padding: 7px !important;
	    right: 5% !important;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}

.bannerImage .elementor-swiper-button-next svg{
	fill: #000 !important;
width: 20px !important;
    height: 20px !important;
}

.elementor-swiper-button-next{

	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;

}

 .elementor-swiper-button-next svg{
	width: 20px !important;
    height: 20px !important;
}
 .elementor-swiper-button-next svg:hover{
fill: #000 !important;
}
.elementor-swiper-button-prev svg:hover{
fill: #000 !important;
}
.elementor-swiper-button-prev svg{
		width: 20px !important;
    height: 20px !important;
}

.swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important; 
}


/* ----Image Container Hover Effect----- */
.imgContainer:hover .imgContainerHeading {
/*   background: #EB8923; */
	background: #ED2776;
  
}

.imgContainer:hover .imgContainerHeading h2 a {
    color: #fff;
}


/* Container ke liye overflow hidden, taki zoom andar hi ho */
.imgZoomBox {
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* Image styling */
.imgZoomBox img,
.imgZoomBox > div img{
    width: 100%;
    transition: transform 0.5s ease, filter 0.5s ease;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* Hover pe zoom + thoda brightness */
.imgContainer:hover .imgZoomBox img {
    transform: scale(1.1);
    filter: brightness(1.05);
}

.imgContainer:hover h2,
.imgContainer:hover p
	{
    color: #fff !important;
}

 .course:hover h2,
.course:hover p
	{
    color: #000 !important;
}

em-search-submit button {
	background-color: #EB8924 !important;
	color: #fff;
	border: none;
	padding: 10px 20px; /* optional, button size ke liye */
	border-radius: 5px; /* optional, rounded corners ke liye */
	cursor: pointer;
}

/* Remove invalid anchor inside UL */
.elementor-icon-list-items > a {
    display: none !important;
}

.elementor-icon-list-items a:not(:has(.elementor-icon-list-text)) {
    display: none !important;
}





/* ----End Image Container Hover Effect----- */



/* ------Training Event css------- */



/* ------End Training Event Css------- */


.img-boxs img{
	height: 220px;
	object-fit:cover;
}

.em.pixelbones a{
	color: #000 !important;
	 font-size: 28px !important;
    font-weight: 600 !important;
}

. mb-0px{
	margin-bottom: 0px !important;
}

.em.em-list .em-item .em-item-info .em-item-desc{
	    margin: 9px 0 !important;
}

.em-search-submit{
	background-color: #EB8924 !important;
	opacity: 1 !important;
}

.em.pixelbones .input .button:not([data-nostyle]):focus, .em.pixelbones .input .button:not([data-nostyle]):hover, .em.pixelbones .input button.em.pixelbones .input:not([data-nostyle]):focus, .em.pixelbones .input button.em.pixelbones .input:not([data-nostyle]):hover, .em.pixelbones .input button:not([data-nostyle]):focus, .em.pixelbones .input button:not([data-nostyle]):hover, .em.pixelbones .input input[type=button].em.pixelbones .input:not([data-nostyle]):focus, .em.pixelbones .input input[type=button].em.pixelbones .input:not([data-nostyle]):hover, .em.pixelbones .input input[type=button]:not([data-nostyle]):focus, .em.pixelbones .input input[type=button]:not([data-nostyle]):hover, .em.pixelbones .input input[type=reset].em.pixelbones .input:not([data-nostyle]):focus, .em.pixelbones .input input[type=reset].em.pixelbones .input:not([data-nostyle]):hover, .em.pixelbones .input input[type=reset]:not([data-nostyle]):focus, .em.pixelbones .input input[type=reset]:not([data-nostyle]):hover, .em.pixelbones .input input[type=submit].em.pixelbones .input:not([data-nostyle]):focus, .em.pixelbones .input input[type=submit].em.pixelbones .input:not([data-nostyle]):hover, .em.pixelbones .input input[type=submit]:not([data-nostyle]):focus, .em.pixelbones .input input[type=submit]:not([data-nostyle]):hover, .em.pixelbones .input.button:not([data-nostyle]):focus, .em.pixelbones .input.button:not([data-nostyle]):hover, .em.pixelbones.input .button:not([data-nostyle]):focus, .em.pixelbones.input .button:not([data-nostyle]):hover, .em.pixelbones.input button:not([data-nostyle]):focus, .em.pixelbones.input button:not([data-nostyle]):hover, .em.pixelbones.input input[type=button]:not([data-nostyle]):focus, .em.pixelbones.input input[type=button]:not([data-nostyle]):hover, .em.pixelbones.input input[type=reset]:not([data-nostyle]):focus, .em.pixelbones.input input[type=reset]:not([data-nostyle]):hover, .em.pixelbones.input input[type=submit]:not([data-nostyle]):focus, .em.pixelbones.input input[type=submit]:not([data-nostyle]):hover, .em.pixelbones.input.button:not([data-nostyle]):focus, .em.pixelbones.input.button:not([data-nostyle]):hover{
	background-color: #F06D2200 !important;
    color: #FF5E14 !important;
    fill: #FF5E14 !important;
    border-color: #F06D22 !important;
}

.em.em-list .em-item .em-item-info{
	border-left: none !important;
	padding: 0 10px 0 15px !important;
}

em-icon-location a{
	font-size: 18px !important;
}

.em-item-meta-line.em-event-date.em-event-meta-datetime{
	max-width: 300px;
	color: #000 !important; 
}

#text-dark a{
	color: #000 !important;
	font-style: normal !important;
	font-size: 18px !important;
	font-weight:400 !important;
	text-decoration: none !important;
}

#clenader{
	color: #000 !important;
	font-style: normal !important;
	font-size: 16px !important;
}

#clock{
	color: #000 !important;
	font-style: normal !important;
	font-size: 16px !important;
}

#p_tag{
	color: #000 !important;
	font-style: normal !important;
	font-size: 16px !important;
}


.em.em-item.em-item-single .em-item-image img{
	border-left:none !important;
	    height: 235px !important;
	    object-fit: cover !important;
}

 h1.entry-title.body-font{
	display:none !important;
} 


#new-content{
	font-weight: 600 !important;
    color: #000000;
    font-size: 28px !important;
    margin-top: 0px;
    padding-left: 0;
    margin-bottom: 0px !important;
}

#main{
	margin-top:0 !important;
	padding-top: 0!important;
}

#ehen h3{
	font-size:16px !important;
	color: #000 !important; 
	 margin-bottom: 10px !important;
	margin-top:5px !important;
	font-weight: 500 !important;
}

#datetime {
	    color: #000 !important;
    font-style: normal !important;
    font-size: 16px !important;
}


#icon-clock{
	  color: #000 !important;
    font-style: normal !important;
    font-size: 16px !important;
}

#bookings-meta{
	color: #000 !important;
    font-style: normal !important;
    font-size: 16px !important;
	font-weight: 500 !important;
	margin-bottom: 5px !important;
}

#where{
	font-size:16px !important;
	color: #000 !important; 
	 margin-bottom: 10px !important;
	margin-top:5px !important;
	font-weight: 500 !important;
}


#em-event-location a{
	color: #000 !important;
	font-style: normal !important;
	font-size: 18px !important;
	font-weight:400 !important;
	text-decoration: none !important;
}

#look{
	font-size:16px !important;
	color: #000 !important; 
}



.em-item-meta-line.em-event-prices{
	font-size:16px !important;
	color: #000 !important; 
}


section.em-event-bookings-meta{
	margin-bottom: 0 !important;
}


.em-event-content p{
	font-size:16px !important;
	color: #000 !important; 
	padding-top: 30px !important;
}



.em-event-bookings h2{
/* 	display: none !important; */
}

.em-event-bookings p{
/* 	display: none !important; */
	
}

.em-event-content{
	border-top: 1px solid hsl(0, 0%, 73%) !important;
	margin-top: 30px !important;
	
}

button.em-event-add-to-calendar.em-tooltip-ddm.em-clickable.input{
	display: none !important;
}

.em.pixelbones p{
	margin-bottom: 0 !important;
}

.em.em-item.em-item-single .em-item-meta>section section{
	margin-bottom: 15px !important;
}



.em.em-item .em-item-meta .em-item-meta-line, .em.em-list .em-item .em-item-meta .em-item-meta-line, .em.em-list-widget .em-item .em-item-meta .em-item-meta-line{
	    grid-template-columns: 30px 1fr !important;
}



















@media screen and (max-width: 1750px) {
	

	.elementor-swiper-button-next{
		right: 7px !important;
	}
	.elementor-swiper-button-prev{
		left: 7px !important;
	}
}


.img-div img{
	height:120px !important;
}

.main-height img{
	height: 100% !important;
}

@media screen and (max-width: 767px) {
	.elementor-swiper-button-prev svg{
		width: 10px !important;
    height: 10px !important;
}

 .elementor-swiper-button-next svg{
	width: 10px !important;
    height: 10px !important;
}
}


.elementor-button{
	padding: 12px 12px !important;
}


 .coustom-btn .elementor-button-text{
    width: 82px !important;
    height: 11px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

#colophon{
	display: none !important;
}


.swiper~.elementor-swiper-button svg{
	fill: #000 !important;
}




/* .elementor-icon{
	width: 80px;
    height: 80px;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: anchor-center;
    border-radius: 50%;
} */

button{
	box-shadow: none !important;
}




/* ul, ol {
    margin: 0 0 1.5em 2em !important;
} */


@media screen and (max-width: 1366px) {
    .elementor-swiper-button-prev {
        left: -13px !important;
    }
}

@media screen and (max-width: 1366px) {
    .elementor-swiper-button-next {
        right: -13px !important;
    }
}

@media screen and (min-width: 1366px) {
	.megaMenuBgColor{
		background:#F6F4F2 !important;
	}
	
	.footerFirstmenu ul .elementor-icon-list-item:first-of-type {
		margin-right: 15px !important;
	}
}
	
@media screen and (max-width: 767px) {
    .footerFirstmenu ul .elementor-icon-list-item:first-of-type {
		margin-right: 35px !important;
	}
	
	.elementor-swiper-button-prev,
	.elementor-swiper-button-next {
		display: none !important;
	}
}

@media screen and (min-width: 1025px) {
	.btn_courses{
		display:none !important;
	}
}