/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .learndash-related-courses-container{
     width: 100%;
     padding: 2.0em 2.0em 6.0em 2.0em;
     border: 2px solid #e2e7ed;
     border-radius: 6px;
     background: #fff;
     position: relative;
 }
 .learndash-related-courses-container h2{
    margin: 0 0 1.4em 0 !important;
 }
.learndash-related-course{
     width: 100%;
     overflow: auto;
     margin: 0 0 1.4em 0;
 }
.learndash-related-course-image{
    width: 100%;
    float: left;
 }
.learndash-related-course-content{
    width: 100%;
    float: left;
 }
 .learndash-related-course-content h3{
     margin: 0 0 1.0em 0 !important;
 }
 .learndash-related-course-content>p>a{
     display: inline-block;
 	-webkit-border-radius: 1.2em;
	-moz-border-radius: 1.2em;
    border-radius: 1.2em;
    padding: 0.6em 2.0em;
    background: #007cba;
    color: #ffffff;
 }
 .learndash-related-courses-slider-container{
     overflow: hidden;
 }

.learndash-related-courses-slider-container .owl-item{
    float:left;
 }
.learndash-related-courses-slider-container .owl-buttons{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 1.0em;
    left: 0;
 }
.learndash-related-courses-slider-container .owl-buttons div{
    width: 36px;
    height: 28px;
    background: #ffffff;
    margin: 0 0.5em;
    position: relative;
    display: inline-block;
    cursor: pointer;
 }
.learndash-related-courses-slider-container .owl-buttons .owl-prev:after{
    content: url('https://api.iconify.design/mdi:arrow-left-bold-outline.svg?height=24');
    position: absolute;
    top:2px;
    left: 4px;
    color: #ffffff;
    
 }
.learndash-related-courses-slider-container .owl-buttons .owl-next:after{
    content: url('https://api.iconify.design/mdi:arrow-right-bold-outline.svg?height=24');
    position: absolute;
    top:2px;
    left: 6px; 
 }

 /* styles for less than 400px */
@media screen
and (max-width : 399px) {

}

/* styles for 400px - 600px */
@media screen
and (min-width : 400px) 
and (max-width : 599px) {

}

/* styles for 600px - 900px */
@media screen 
and (min-width : 600px) 
and (max-width : 900px) {

}

/* styles for 901px - 1200px */
@media screen
and (min-width : 901px) {

}

@media screen
and (min-width : 900px)
and (max-width : 1200px) {
	
}

@media screen 
and (min-width : 1201px)
and (max-width : 1400px) {	

}

@media screen 
and (min-width : 1201px)
and (max-width : 1600px) {

}

@media screen 
and (min-width : 1201px) {

    .learndash-related-course-image{
        width: 30%;
    }
    .learndash-related-course-content{
        width: 70%;
        padding: 0 0 0 5%;
    }
    .learndash-related-courses-slider-container .learndash-related-course{
        width: 90%;
        margin: 0 10% 0 0;
    }    
    .learndash-related-courses-slider-container .learndash-related-course-image{
        width: 100% !important;
    }
    .learndash-related-courses-slider-container .learndash-related-course-content{
        width: 100% !important;
        padding: 0 !important;
    }
    .learndash-related-courses-slider-container .owl-item{
        float: left;
    }

}

@media screen 
and (min-width : 1401px) {	

}

@media screen 
and (min-width : 1601px) {

}

@media screen 
and (min-width : 2401px) {

}