/*
Theme Name:   EduBlink Child
Theme URI:    https://demo.edublink.co/
Author:       DevsBlink
Author URI:   https://themeforest.net/user/devsblink/portfolio
Description:  EduBlink Child Theme For LMS and Education Purpose.
Version:      1.0.0
Template:     edublink
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain:  edublink-child
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
*/


.edublink-courses-header {
    background: #2E3F49;
    padding: 80px 0;
    color: #fff;
    text-align: left;
    display: flex;
    align-items: center;
	position: relative;
}

.edublink-courses-header .red-bar{
	    background-color: #FC0D2B;
    height: 48px;
	width:100%;
	position:absolute;
	top:0;
}
	
.courses-header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.courses-header-left {
    flex: 1;
    padding-right: 60px;
}

.courses-header-right {
    flex: 1;
    font-size: 16px;
    line-height: 1.6;
}

.courses-header-title {
    margin-bottom: 0;
    color: #fff;
    line-height: 1.2;
	font-family: "Open Sans", Sans-serif;
    /* font-size: 2.5em; */
    font-weight: 500;
    color: #FFFFFF;
	font-size: 40px;
	line-height: 40px;
}

.courses-header-description {
    font-size: 16px;
    opacity: 0.9;
    margin: 0;
}
.courses-header-description b {
   color: #fff;
}

@media (max-width: 991px) {
    .edublink-courses-header {
        padding: 80px 0;
    }
    .courses-header-title {
        font-size: 36px;
    }
}



@media (max-width: 767px) {

    .edublink-courses-header {
        padding: 48px 0;
        text-align: center;
    }

    .courses-header-content {
        flex-direction: column;
        gap: 24px;
    }

    .courses-header-left,
    .courses-header-right {
        width: 100%;
        padding-right: 0;
        text-align: center;
    }

    .courses-header-title {
        font-size: 26px;
        line-height: 1.2;
    }

    .courses-header-description {
        font-size: 15px;
        line-height: 1.6;
    }

    .edublink-courses-header .red-bar {
        height: 32px;
    }
}