/*
Theme Name: MasterLife Child
Theme URI: https://masterlife.jwsuperthemes.com
Template: masterlife
Author: the JWSThemes team
Author URI: https://themeforest.net/user/jwsthemes/portfolio
Description: MasterLife is a modern WordPress theme designed and built specifically for Education LMS and Online Training. It offers a comprehensive suite of tools to seamlessly set up your learning management system. With five distinct and visually appealing demos, MasterLife makes it easy to create professional websites for online education, instructors, academies, universities, and more. The intuitive demo importer simplifies the process, providing ready-made content to help you get started effortlessly. Empower your students and transform the learning experience with MasterLife.
Tags: one-column,flexible-header,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.1.5
Updated: 2024-11-12 09:32:50
*/
:root {
  --main: #030f40;
  --secondary: #543cdf;
  --third: #fffaf5;
  --light: #ffffff;
  --dark: #000000;
  --heading: #0e1316;
  --body: #667085;
  --body2: #f4f7ff;
  --body3: #ebebeb;
  --body4: #f8f8f8;

  --bodybg: #ffffff;
  --btn-bgcolor: #09205c;
  --btn-color: #ffffff;
  --btn-bgcolor2: transparent;
  --btn-color2: #09205c;
  --font-size-sm: 14px;
  --line-height-sm: 22.5px;
  --font-size-md: 18px;
  --line-height-md: 25.2px;
  --input-background: #ffffff;
  --input-background2: #ffffff;
  --background-item: #fef8e6;
  --background-body: #ffffff;
  --border-color: #626262;
  --border-color2: #eff1f2;
  --border-color3: #b7b7b7;
  --full-fd: 70px;
  --link: #232323;
  --font-size-md: 18px;
  --line-height-md: 25px;
  --inscolor: var(--bodybg);
  --jws-sticky-header-height: 0px;
}
@media (max-width: 767px) {
  :root {
    --font-size-sm: 12px;
    --line-height-sm: 16px;
  }
}
.btn-theme {
  background: var(--main);
  color: #ffffff;
  height: 50px;
  padding: 0 40px;
  text-align: center;
  line-height: 50px;
}

button.btn-theme {
  border: 0;
}
/* extras custom*/

/*courses*/
#trending-courses .jws-courses-advanced-element ul.courses-category-nav li a {
	border:	1px solid green;

}

#trending-courses .jws-courses-advanced-element ul.courses-category-nav li a.active, #trending-courses .jws-courses-advanced-element ul.courses-category-nav li a:hover  {
	color: #fff; !important;
    	background-color: transparent;
   	 --icon-font-size: 2.1em;
    	background-image: linear-gradient(180deg, #2CB96D 0%, #543CDF 100%)!important;
  
}

.text-justify {
  text-align: justify !important;
}
.archive.tax-events_cat .elementor-swiper-button, .post-type-archive-events .elementor-swiper-button {
	width:18px;
}

/*contact form*/
.wpcf7-form-control-wrap textarea {
    min-height: 60px !important;
    max-height: 60px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
    text-wrap: wrap;
    padding: 5px 3px;
}
/*course*/

.ld-course-status.ld-course-status-enrolled{
display:none !important;
}
.course-category a 
{
  background-color: var( --e-global-color-accent ) !important;
    padding: 8px 15px 8px 15px  !important;
    border-radius: 5px 5px 5px 5px  !important;
	color:white;
}
.skillendorse-excerpt{
	text-align:justify !important;
}
.course-stats {
	color: var( --e-global-color-accent ) !important;
}

.jws-courses-info .course-price {
	padding:15px 20px !important; 
	text-align:center;
}
.jws-courses-info {
	padding:0px !important;
}
.ld-course-status-price {
	font-size:16px !important;
}
/*course title bar to working after filter selected*/
[data-custom-animations=true]:not(.ca-initvalues-applied){ opacity: 1; }
/*sliced invoice*/
.sliced-business .logo, .sliced-business-logo
 {
    max-width: 150px !important;
}
.container.sliced-wrap{
	max-width:900px !important;
}

/*popup box fix*/

#wpadminbar {
    z-index: 1000 !important;
}
/*header*/
.jws_main_menu_inner > ul > li > a:hover{
font-size:18px !important;
color:  var(--secondary) !important;
}
/*.jws_main_menu_inner{
 border: 2px solid transparent;
  border-radius: 50px;
  background: 
    linear-gradient(white, white) padding-box,
    linear-gradient(180deg, #2CB96D 0%, #543CDF 100%) border-box;
}*/
.jws_main_menu_inner > ul > li.current-menu-item > a{
border-botom:1px solid var(--secondary) !important;
font-size:18px !important;
color: var(--secondary) !important;
} 

/*about-us*/

.core-values .lqd-iconbox-heading {

color:white !important;
}


/*events*/
.jws-events-advanced-element .l-card .insight_img {
   
    border-radius: 0px 0px 20px 0px;
}
.jws-events-advanced-element .l-card .post-meta > span:first-child {
     margin-right: 0px !important; 
}

.jws-events-advanced-element .l-card .post-date {
    padding:0px 5px 5px 5px !important;
}
.jws-events-advanced-element .l-card .post-meta a
 {
    position: relative;
    z-index: 1;
    background-color: var(--main);
    color: var(--light);
    display: inline-block;
    border-radius: 10px;
    padding: 4px 8px;
}
/*popup box*/
#popmake-18244 {
	overflow-y:scroll;
	height:500px;
}
#popmake-18244 input[type="text"], #popmake-18244 input[type="tel"], #popmake-18244 input[type="email"], #popmake-18244 select2{

	min-height:30px; !important;
	margin:3px 0px;
	padding:2px 5px !important;
	font-size:12px;
}
#popmake-18244 span, #popmake-18244 p, #popmake-18244 li.select2-results__option, #popmake-18244 li.select2-selection__choice{
font-size:12px;
}
#popmake-18244 div{

margin-top:1px;}
#popmake-18244 .select2-container--default .select2-selection--multiple .select2-selection__rendered, #popmake-18244 textarea{

padding:2px 5px;}
#popmake-18244 .rad-30{

border-radius:30px;}
#popmake-18244 .select2-results__option {
padding:2px;
font-size:12px;
}
@media screen and (max-width:767px){

/*banner video*/
	#banner-video{
		width: 100vw !important; 
		height: 55vh;   
	}

	.cafe-sticky-row-container
	{
	height:0px !important;
	}
	.logged-in .elementskit-nav-logo{
	margin-top:35px !important;
	}
	.elementskit-menu-hamburger-icon{
	height:4px !important;
	background-color:#543cdf;
	}
	.logged-in .elementskit-menu-close{
	margin-top:70px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#banner-video{
		width: 100vw !important; 
		height: 50vh;   
	}
	.banner-slogan.elementor-widget-jws_advanced_heading h2{
	
		font-size:31px;
	}	
	
}
@media screen and (min-width: 1200px)
{
	.banner-slogan.elementor-widget-jws_advanced_heading h2{
	
		font-size:40px;
	}	
}