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

/* CREATE CLASS FOR SECTION PADDING BEHAVIOUR, BOTH HORIZINTAL AND VERTICAL, HORIZONTAL ALSO USE MAX WIDTH AND MARGIN-ILINE AUTO.
.cww_section {
	border: 12px solid red; /* DEV */


} 

/* Change button background and border color */
.learndash-wrapper .btn-blue, 
.learndash-wrapper .learndash_next_prev_link a {
    background-color: var(--e-global-color-accent);
    border-color: var(--e-global-color-accent);
}


/*
 * LEARNDASH 
 */


/* card height */
.ld-course-list-items .ld_course_grid .thumbnail.course {
    /* height: 100% !important; */
	border: unset !important;
	border-radius: unset !important
		
	background-color: unset !important
}


/* Change ribbon color */
.learndash_course_status {
    background-color: var(--e-global-color-accent);
}


/* RIBBON */
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled {
    /* background: #428bca; */
	background: var(--e-global-color-accent) !important;
}
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled:before {
    /*
    border-top: 4px solid #357ebd;
    border-right: 4px solid #357ebd;
    */
	border-top: 4px solid var(--e-global-color-accent) !important;
    border-right: 4px solid var(--e-global-color-accent) !important;
}




.ld-course-list-items .ld_course_grid .thumbnail .caption {
    /* 
    padding: 9px;
	color: #333333; 
	*/
	padding: 0 !important;
	color: white !important;
	/* background-color: unset !important; */
	padding-top: 1em !important;
}

.ld-course-list-items .ld_course_grid .thumbnail.course {
    /* background-color: #ffffff; */
    background-color: unset !important;
}



.ld-course-list-items .ld_course_grid .ld_course_grid_button {
    /* margin: 5px 0 !important; */
	margin-top: 2em !important; 
}



/* BUTTON */
.ld-course-list-items .ld_course_grid .btn-primary {
    /*
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
    */
	background-color: var(--e-global-color-accent) !important;
    border-color: var(--e-global-color-accent) !important;
	
	border-radius: 0 !important;
	text-transform: uppercase !important;
}

/* ASPECT RATIO - IMG */
.ld-course-list-items .ld_course_grid .thumbnail.course img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}


/* ASPECT RATIO - IFRAME VIDEO YT  */

.ld-course-list-items .ld_course_grid .ld_course_grid_video_embed {
    padding: unset !important;
}

.ld-course-list-items .ld_course_grid .ld_course_grid_video_embed > * {
    display: block !important;
}



.ld-course-list-items .ld_course_grid .entry-title {
    color: var(--e-global-color-d83ffb7) !important;
    font-family: "Roboto Mono", Sans-serif;
    font-size: 1.5em;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.2em;
}


.ld-course-list-items .ld_course_grid .entry-content {
    font-family: "Roboto Mono", Sans-serif;
    font-size: 0.9em;
    font-weight: 400;
}

.learndash-wrapper .ld-secondary-color {
    color: var(--e-global-color-accent) !important;
}
.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
    background: var(--e-global-color-accent) !important;
}



/*
 * hoempage - sign up to t newlstter compoement, color of the butotn 
 * must oveveride the styles.css
 */ 

[type=button], [type=submit], button {
    /* 
     color: #c36; 
	 border: 1px solid #c36; 
    */
	color: #CB113D; 
	border: 1px solid #CB113D; 
}

[type=button]:hover, [type=submit]:hover, button:hover {
	background-color: #CB113D; 
}
[type=button]:focus, [type=submit]:focus, button:focus {
	background-color: #CB113D; 
}
[type=button]:active, [type=submit]:active, button:active {
	background-color: #CB113D; 
}