/*

Theme Name: Divi LearnDash Theme

Theme URI: https://divi-learndash.powdithemes.com

Description: Divi eLearn is a child Theme for LearnDash and Divi. Perfect for e-Learning, Online Courses, Schools, Training Centers, Other Educational Institutions and just anybody who wants to sell online courses.

Author: PowdiStudio

Author URI: https://powdistudio.com/

Template: Divi

Version: 1.1.0

*/
body {
	font-weight: 400;
}
/*   Course Grid Presets */
#dvld-course-grid .dvld-cg-col .dvld-course-content h3.course-title{
    font-size:20px;
    color:#333333;
}
.dvld-course-text{
    font-size:15px;
    color:#696969;
}
.dvld-course-category{
    font-size:13px;
    color:#20ad96;
}
.dvld-course-info span,.dvld-course-author span{
    font-size:14px;
    color:#8c89a2;
}
.dvld-course-btn .et_pb_button:hover{
	background-color: #20ad96;
}
/* Divi header footer width */
.container.et_menu_container,
#main-footer>.container,
#footer-bottom>.container{
	width: 100%;
	max-width: 1200px;
	padding-left: 15px;
	padding-right: 15px;
}
.dvld-course-btn .et_pb_button:hover{
	background-color: #20ad96;
}
/*  LEARNDASH LOGIN MODAL ZINDEX */
.ld-modal.ld-login-modal {
	z-index: 999999;
}
/*  LEARNDASH COURSE CONTENT HIDE HEADING */
.ld-lesson-list .ld-section-heading>h2 {
	display: none;
}
/*  LEARNDASH login spacing custom shortcode */
.ld-login-text.elearn{
	display: inline-block;
	margin-left: 6px;
}
.ld-text.elearn{
	display: inline-block;
	margin-top: 10px;
}

/** Experimental hovers */
.et_pb_blog_grid_wrapper .et_pb_image_container a{
   overflow: hidden;
}
.et_pb_blog_grid_wrapper .et_pb_image_container a img {
    transition:all 0.5s ease-out;
}
.et_pb_blog_grid_wrapper article:hover .et_pb_image_container img {
    transform: scale(1.1);
    transition:all 0.5s ease-out;
}
.et_pb_blog_grid_wrapper article.et_pb_post{
	transition: box-shadow 0.3s ease;
}
.et_pb_blog_grid_wrapper article.et_pb_post:hover{
	box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.20);
	transition: box-shadow 0.3s ease;
}
.dvld-course-inner:hover .dvld-course-img-container img {
    transform: scale(1.1);
    transition:all 0.5s ease-out;
}
.dvld-course-img-container img {   
    transition:all 0.5s;
}

.dvld-course-inner:hover {
    box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.20);
}

/* footer header divi sizing */
.container.et_menu_container,
#main-footer>.container,
#footer-bottom>.container{
	width: 100%;
	max-width: 1200px;
	padding-left: 15px;
	padding-right: 15px;
}
@media screen and (max-width:980px){
	.container.et_menu_container{
		padding-left: 0;
		padding-right: 0;
	}
}
/*========= Fix DIVI single cpt added margin bottom ==========*/
.single.single-sfwd-courses .et_pb_post.sfwd-courses{
	margin-bottom: 0;
}
.divi_icon>a{
	font-family: ETmodules;
}
/*=============== FILTER FORM ====================*/

#course-filter-form {
    display:flex;
    flex-wrap: wrap ;
    background:#fff;
    margin: 0px 15px 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0 rgba(0,0,0,0.05);
    justify-content: flex-end;
}


#course-filter-form label{
    margin-right:20px;
}
.course-filter-col{   
    display:flex;
    padding:15px;
    flex-wrap:wrap;
}
.course-filter-col:nth-child(1){
    flex-grow:1;
    align-content: baseline;
}
.course-filter-col:nth-child(1) .course-filter-label{
    text-align: left;
}
.course-filter-col:nth-child(2){
    align-items: center;
}
#filter .course-filter-col:nth-child(2) p{
    text-align: right;
}
.course-filter-col .course-filter-label{
    width: 100%;
    height: 60px;
    margin-top: -37px;
}
.course-filter-col p {
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
    background: #fff;
    border: 2px solid #f2f2f2;
    border-radius: 7px;
    padding: 4px 7px 5px;
    color: #2f3f50;
}

/*======= Filter Form Checkboxes ==============*/
/* The course-filter-check-wrap */
.course-filter-check-wrap {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    color: #848484;
    line-height: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    
    /* Hide the browser's default checkbox */
.course-filter-check-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
    
    /* Create a custom checkbox */
.course-filter-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}
    
    /* On mouse-over, add a grey background color */
.course-filter-check-wrap:hover input ~ .course-filter-checkmark {
    background-color: #ccc;
}
    
    /* When the checkbox is checked, add a blue background */
.course-filter-check-wrap input:checked ~ .course-filter-checkmark {
    background-color: #2196F3;
}
    
    /* Create the course-filter-checkmark/indicator (hidden when not checked) */
.course-filter-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
    
    /* Show the course-filter-checkmark when checked */
.course-filter-check-wrap input:checked ~ .course-filter-checkmark:after {
    display: block;
}
    
    /* Style the course-filter-checkmark/indicator */
.course-filter-check-wrap .course-filter-checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*======= Filter Form Select ==============*/

.course-filter-select-wrap{
    position: relative;
    flex-grow: 1;
    width: 150px;
    margin-right: 15px;
}
.course-filter-select-wrap select{
    appearance: none;
    background: #fff;
    border: 3px solid #00b2bd;
    border-radius: 5px;
    padding: 10px 25px 10px 10px;
    outline:none;
    min-width: 150px;
    font-size: 14px;
    color: #848484;
}
.course-filter-select-wrap select:focus{
    border: 3px solid #00b2bd;
    outline:none;
}
.course-filter-select-wrap span{
    position:absolute;
    top:4px;
    right: 4px;
    height: 30px;
    width: 20px;
    background-color: #fff;
    border-radius: 0 5px 5px 0;
    pointer-events: none;
}
.course-filter-select-wrap span::before{
    content: '';
    position: absolute;
    border-color: transparent transparent #00b2bd transparent;
    border-width: 6px;
    border-style: solid;
    top: 3px;
    left:0px;

}
.course-filter-select-wrap span::after{
    content: '';
    position: absolute;
    border-color: #00b2bd transparent transparent  transparent;
    border-width: 6px;
    border-style: solid;
    top: 20px;
    left:0px;
}

.filter-submit{
    text-align: left;
}
/*======= Filter Form Submit ==============*/
#course-filter-submit-btn{
    background:#00b2bd;
    color:#fff;
    border:1px solid #00b2bd;
    border-radius: 4px;
    padding: 10px;
    width: 150px;
}

/*===== Form Filter media query =======*/
@media screen and (max-width:760px){
    #course-filter-form{
        flex-wrap: wrap;
    }
    .course-filter-col{
        width: 100%;
    }
    .course-filter-col:nth-child(2) .course-filter-label{
        text-align: left;
    }
    .course-filter-col .course-filter-label{
        margin-top: 0;
    }

}
/*========== Course Grid ==========*/
.dvld-cg-row{
    display: flex;
    flex-wrap: wrap;
}
.dvld-cg-row:nth-child(2){
    justify-content: center;
}
.dvld-cg-col{
/*     padding: 15px; */
/*     width: 390px; */
	max-width:100%;
}
.dvld-cg-col.spacer{
    order: 2;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
}
.dvld-course-inner{
    display:flex;
    flex-direction: column;
    height:100%;
    background-color: #fff;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0px 2px 18px 0px rgba(51,51,51,0.13);
	transition: box-shadow 0.3s ease;
    padding-bottom: 15px;
}
.dvld-course-img-container{
    position: relative;
    overflow: hidden;
    padding-bottom: 56%;
}
.dvld-course-img-container>img{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;   
}

.dvld-course-img-container span.price{
   position:absolute;
   top:15px;
   left: 0;
   padding: 5px 0px;
	font-weight: 600;
   color: #fff;
   background-color: #20ad96;
   width: 80px;
   text-align: center;
}

.dvld-course-img-container span.free {
    display: inline-flex;
    justify-content: center;
    align-items: flex-end;
    height: 60px;
    width: 130px;
    background: #ee7455;
    position: absolute;
    top: -11px;
    left: -46px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 4px;
    transform: rotate(-45deg);
}
.dvld-course-content{
    flex-grow:1;
    padding: 15px;
    text-align: left;
}
.dvld-course-category{
    text-transform: uppercase;
	font-weight: 600;

}
.dvld-course-content h3 {
    margin-bottom: 10px;
    font-weight: 800;
	line-height: 1.5;
}
.dvld-course-content p {
    margin-bottom: 0;
}
.dvld-course-text{
	line-height: 1.6;
}
.dvld-course-info{
    display:flex;
    flex-wrap: wrap;
}
.dvld-course-info span{
    display: inline-block;
    margin-right: 15px;
}

.dvld-course-action{
    display:flex;
    justify-content: center;
    align-items: center;
}
.dvld-course-author{
    display: flex;
    align-items: center;
    flex-grow: 1;
}
.dvld-course-action{
    padding:0 15px;
}
.dvld-course-author>img{
    border-radius: 50%;
}
.dvld-course-author>span{
    display: inline-block;
    margin-left: 10px;
}

.dvld-course-action a{
    
    display: inline-block;
    padding: 0.3em 1em;
	/* color:#fff;
    background-color: #7CE495;
    margin-bottom: 0;
    font-size: 0.8rem;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 50px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; */
}

    
.loading-btn .lds-dual-ring{
    display:inline-block;
}
.lds-dual-ring {
    display: none;
    width: 1rem;
    height: 1rem;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 1rem;
    height: 1rem;
    margin-left: 6px;
    border-radius: 50%;
    border: 4px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


    /*  Load more button */
button#dvld-load-more {
    margin-top:30px;
    border-radius:100px;
    background: #00b2bd;
    color:#fff;
    border: none;
    padding: 10px;
    min-width: 150px;
}

/* Course animation */
.dvld-cg-col {
    animation:.35s ease-out comein;
}
@keyframes comein{
    from{transform:scale(0.5)}
    to{transform:scale(1)}
}




/*---------------------- 3 column layout --------------------------*/
@media (min-width: 981px){
	#dvld-cg-inner.columns-3 .dvld-cg-col{
    	width: 31.333%;
    	margin-right: 3%;
    	margin-bottom: 30px;
	}
	#dvld-cg-inner.columns-3 .dvld-cg-col:nth-child(3n){
    	margin-right: 0;
	}
}
@media (max-width: 980px){
	#dvld-cg-inner.columns-3 .dvld-cg-col{
    	width: 47.25%;
    	margin-right: 5.5%;
		margin-bottom: 30px;
	}
	#dvld-cg-inner.columns-3 .dvld-cg-col:nth-child(2n){
    	margin-right: 0;
	}
}
@media (max-width: 767px){
	#dvld-cg-inner.columns-3 .dvld-cg-col{
    	width: 100%;
    	margin-right: 0;
		margin-bottom: 30px;
	}
}
/*------------------ 4 column layout --------------------*/

/*------------------------------------------------*/


/*------------------------------------------------*/

/*-------[Floating Mouse Move elements]---*/

/*------------------------------------------------*/
.mouse-move-r,
.mouse-move{
	transition: none !important;
}


/*------------------------------------------------*/

/*-------------------[Animation Studends floating]---------------------*/

/*------------------------------------------------*/

.down-and-up,
.up-and-down {
	animation: floating 2s infinite;
	animation-fill-mode: both;
}
.up-and-down{
	animation-delay: 1s;
	padding: 0 6% !important;
}
.up-and-down .floating-column,
.down-and-up .floating-column{
    display:flex;
    flex-wrap:wrap;
}


@keyframes floating{
	0%,100%{
		transform: translateY(0%);
	}
	50%{
		transform: translateY(8%);
	}
}



/*------------------------------------------------*/

/*--------------------[RWD]-----------------------*/

/*------------------------------------------------*/



/****** Align DIVI BLURB to the left******/
.et_pb_blurb_content {
    max-width: none!important;
}

/********Email Newsletter Optin*********/

@media (min-width: 981px){
#skinny.et_pb_newsletter .et_pb_newsletter_fields {
  flex-wrap: nowrap !important;
  align-items: center;
}
#skinny .et_pb_newsletter_field{
    flex-grow: 1;
    margin-right: 1em;
}
#skinny .et_pb_newsletter_field, 
#skinny .et_pb_newsletter_button_wrap{
    flex-basis: auto;
}
}

/*****LearnDash =- Course page full width content*****/

/* .single-sfwd-courses .et_post_meta_wrapper, 
.single-sfwd-courses #sidebar, 
.single-sfwd-courses #main-content .container:before,
.single-sfwd-courses .learndash_post_sfwd-courses br,
.single-sfwd-courses #learndash_course_status { 
	display: none !important; 
} */
.single-sfwd-courses #left-area, 
.single-sfwd-courses #main-content .container { 
	padding: 0 !important; 
	margin:0 !important; 
	width: 100% !important; 
	max-width: 100%; 
}


/*******Change the colour of LearnDash Wrapper Price and Background**************/
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-price { 
	color: #20ad96;
}

.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled { 
	color: #eff2f6;
}

/******Material Design*******/
.material .et_pb_image {
overflow: hidden;
}
.material .et_pb_column img{
vertical-align:top;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.material .et_pb_column:hover img{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
  
 
.material .et_pb_column {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
 
}
 
.material .et_pb_column:hover {
box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.20);
 
}