/*
Theme Name: Sengi child theme
Template: sengi
*/

@import url("../sengi/style.css");

header .logo{
    position: relative;
    z-index: 99;
}

#main-navigation{
	position:relative;
	z-index:999;
}

.search-link a:after{
	content: "\f002";
	font-family: FontAwesome;
	margin-left:15px;
}

.profile-link a:after{
	content: "\f007";
	font-family: FontAwesome;
	margin-left:15px;
}

.courses-link a:after{
    content: "\f007";
    font-family: FontAwesome;
    margin-left:15px;
}

.login-link a:after{
    content: "\f090";
    font-family: FontAwesome;
    margin-left:15px;
}

.logout-link a:after{
    content: "\f08b";
    font-family: FontAwesome;
    margin-left:15px;
}

.homeButtons .vc_column-inner > .wpb_wrapper{
	background: #a10d1c;
	background: rgba(161, 13, 28, 0.5);
    padding: 35px 0;
    border-radius: 8px;
    margin-bottom:30px;
}

.homeButtons .wpb_single_image{
	margin-bottom:0px;
}

#main-navigation> ul > li a{
	text-transform:none;
}

@media screen and (max-width:767px){
	.hidden-mobile{
		display:none;
	}

    #main-header .logo{
        width:100%;
        margin:0px;
        text-align: center;
        display: inline-block;
        padding: 15px;
        position: relative;
    }

}

@media screen and (max-width:991px){
    #main-navigation, #main-navigation> ul > li a, .headerButtons, .headerButtons a {
        font-size: 13px!important;
    }
}

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

    #footer-header .row {
        display: table;
        width: 100%;
        margin: 0px;
    }

    #footer-header [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: middle;
        padding: 0px;
    }

}

#footer-header .widget_nav_menu li a{
	text-transform:uppercase;
	font-weight:bold;
	font-family: Open Sans Condensed;
	font-size:18px;
}

#main-footer, #main-footer p{
	font-family: Open Sans Condensed;
	color:#000;
	text-align:center;
}

#site-content{
	padding-top:60px;
}

#postContent{
	text-align:initial;
}

body.home #site-content, body.page-id-2620 #site-content, body.single #site-content, body.archive #site-content{
	padding-top:0px;
}

input#searchsubmit{
	background:#000;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
}

input#s {
    border-radius:8px;
}

#learndash_lessons a, #learndash_quizzes a, .expand_collapse a, .learndash_topic_dots a, .learndash_topic_dots a > span, #learndash_lesson_topics_list span a, #learndash_profile a, #learndash_profile a span {
    color: #a10d1c;
}

.postMeta .post-categories li a {
    font-weight: bold;
    background: #b21f24;
    padding: 5px 8px;
    border-radius: 8px;
    display: inline-block;
    font-size: 14px;
    color:#fff!important;
}

#postBanner {
    background-image: url(/wp-content/uploads/2016/09/search-bg.jpg);
}

article.post{
	background: #f1f1f1;
    padding: 15px;
    border: solid 1px #eee;
    margin-bottom: 40px;
}

h2.post-title {
    margin-bottom: 0px;
}

body.archive .postMeta {
    background: #b21f24;
    padding: 5px 10px;
    color: #ffffff;
    font-weight: 500;
    margin: 20px 0;
    font-size: 14px;
}

body.archive .postMeta .post-categories li a{
	padding:0px;
	font-size:14px;
	background:none;
}

#sidebar .widget-title{
	margin-top:0px;
}

.ld-course-info-my-courses h2 {
    display: inline;
    font-size: 18px;
    line-height: inherit;
}

#ld_course_info_mycourses_list h4{
	margin-bottom: 40px;
    font-size: 16px;
}

#course_progress_details h4{
	font-size:22px;
	font-weight: 400;
	margin-bottom:40px;
}

#course_progress_details{
	font-size:14px;
}

.yourMLS:hover, .yourMLS:active, .yourMLS:focus, .yourMLS, .modalLink:hover, .modalLink:active, .modalLink:focus, .modalLink{
	cursor:pointer;
}

#mlsModal a, #naturemap a, #scoreboard a{
    display: block;
    text-align: center;
    margin-bottom: 20px;
    padding: 5px;
    color: #fff!important;
    background:#b31f24;
    border-radius: 3px;
}

#mlsModal a:hover, #mlsModal a:active, #mlsModal a:focus, #naturemap a:hover, #naturemap a:active, #naturemap a:focus, #scoreboard a:hover, #scoreboard a:active, #scoreboard a:focus{
	background: #84092a;
}

body.archive .postMeta {
    padding: 4px 0;
}

body.archive .excerpt p{
    margin-bottom:0px;
}

#ld_course_info_mycourses_list h4{
    margin-bottom:20px;
}

#ld_course_info{
visibility:hidden;
}

#ld_course_info_mycourses_list{
visibility:visible;
}

#course_progress_details{
visibility:visible;
}

body.home .courses-link, body.home .profile-link{
display:none;
}

.posts-navigation{
display:none;
}

header #main-header{
    background: #555555; /* Old browsers */
    background: -moz-linear-gradient(left,  #555555 0%, #555555 50%, #ff2600 50%, #ff2600 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #555555 0%,#555555 50%,#ff2600 50%,#ff2600 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #555555 0%,#555555 50%,#ff2600 50%,#ff2600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#ff2600',GradientType=1 ); /* IE6-9 */
}

header #main-header .container{
    background:#555555;
    padding:0px;
}

#main-navigation ul li:last-child{
    background:#ff2600;
}

.demo-link, .testimonials-link{
    display:none;
}

body.home .demo-link, body.home .testimonials-link{
    display:block;
}

#home-banner .title-1 *{
    text-align: center;
    font-size: 58px;
    color: #fff;
    font-weight: 100;
    font-style: italic;
    line-height: 1em;
}

#home-banner .title-2 *{
    text-align: center;
    font-size: 97px;
    color: #fff;
    font-weight: 700;
    line-height: 1em;
}

#home-banner .title-3 *{
    text-align: center;
    font-size: 58px;
    color: #fff;
    font-weight: 100;
    font-style: italic;
    line-height: 1em;
}

.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern {
    color: #FFF;
    border-color: #ff2600;
    background-color: #ff2600;
    padding: 6px 40px;
    font-style: italic;
    font-size: 18px;
}

#signUp{
    float:left;
    width:100%;
    position:relative;
    display:block;
    border-top: solid 2px #e6e7e8;
    border-bottom: solid 2px #e6e7e8;
}

#signUp .left{
    width:50%;
    float:left;
    display:block;
    text-align:center;
}

#signUp .right{
    width:50%;
    float:left;
    display:block;
    text-align:center;
}

#signUp .left .inner{
    display:block;
}

#signUp .inner a{
    padding:60px 15px;
    display:block;
}

#signUp .left .inner a{
    border-right: solid 1px #e6e7e8;
}

#signUp .right .inner a{
    border-left: solid 1px #e6e7e8;
}

#signUp .right .inner{
    display:block;
}

.signup-wrapper .wpb_wrapper{
    float:left;
    width:100%;
}

#signUp a:hover{
    background:#f1f1f2;
}

#signUp .fa{
    font-size:64px;
    margin-bottom:15px;
}

#signUp a h1{
    color:#434343;
    margin:0px;
}

#signUp p{
    margin-bottom:0px;
}

body.home .owl-carousel .item{
    background: rgba(51, 51, 51, 0.82);
    padding: 40px 15px;
    color: #fff;
}

body.home .owl-carousel .item h4{
    margin-bottom:40px;
}

body.home .owl-carousel .item h5{
    margin-top:40px;
}

.owl-theme .owl-controls .owl-page span{
    background:#ff2600!important;
}

@media screen and (max-width:767px){
    #main-header .row{
        margin:0px!important;
    }
}

#featured-courses{
    float:left;
    width:100%;
    position:relative;
    display:block;
    clear:both;
}

#featured-courses .item{
    flex:1;
    display:flex;
}

#featured-courses .inner{
    padding:15px;
    flex:1;
    display: flex;
    flex-direction: column;
}

#featured-courses .inner h2.title{
    font-size: 22px;
    font-style: italic;
    font-weight: 400;
    display:block;
    text-align:center;
    margin-bottom:0px;
    position:relative;
    z-index:1;
}

#featured-courses .inner h2.title a{
    color:#fff;
    display:inline-block;
    background:#ff2600;
    min-width:130px;
    float:left;
    padding:3px;
}

#featured-courses .inner .short-desc {
    background: #3c3c3c;
    color: #fff;
    font-size: 11px;
    font-style: italic;
    margin-top: -15px;
    padding: 25px 10px 10px;
    display:flex;
    flex:1;
    flex-direction:column;
    margin-left:10px;
}

#featured-courses .inner .short-desc p {
    color:#fff;
    font-size:11px;
    font-style:italic;
}

#featured-courses .inner .take-course{
    margin-top:auto;
    text-align:right;
}

#featured-courses .inner .take-course a{
    color:#fff;
}

#featured-courses .inner .take-course a .fa{

}

#featured-courses .container{
    display:flex;
    flex-direction: row;
}

#more-courses{
    text-align:center;
    float:left;
    width:100%;
    display:block;
    clear:both;
    padding-top:15px;
}

#more-courses a{
    text-align:center;
    color:#3c3c3c;
    display:inline-block;
    margin:0 auto;
}

#more-courses a span{
    font-style: italic;
    font-size: 18px;
    text-transform: uppercase;
}

#more-courses a .fa{
    display:block;
    font-size:48px;
}

.gform_wrapper label.gfield_label{
    font-weight:400!important;
}

.gform_wrapper input, .gform_wrapper select {
    background: #fff;
    border: 1px solid #434343!important;
    color: #434343!important;
}

.gform_wrapper textarea{
    background: #fff;
    border: 1px solid #434343!important;
    color: #434343!important;
    max-height:200px;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{
    color: #FFF!important;
    border-color: #ff2600!important;
    background-color: #ff2600;
    padding: 6px 40px!important;
    font-style: italic;
    font-size: 18px!important;
    transition: all .2s ease-in-out;
    line-height: normal;
    height:initial!important;
    font-family: Titillium Web!important;
    max-width:none;
    margin:0px!important;
    text-shadow:none!important;
}

@media screen and (max-width:991px){
    #main-navigation> ul > li a {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }

    #success h1{
        font-size:30px!important;
    }
}

@media screen and (max-width:767px){
    #home-banner .title-1 *{
        font-size:36px;
    }
    #home-banner .title-2 *{
        font-size:42px;
    }
    #home-banner .title-3 *{
        font-size:36px;
    }

    #featured-courses .container{
        display:block;
    }

    #freecourse-cta *{
        text-align:center!important;
    }

    #signUp .left{
        width:100%;
        border-left:none;
        border-right:none;
        border-bottom: solid 2px #e6e7e8;
    }

    #signUp .right{
        width:100%;
        border-left:none;
        border-right:none;
    }

    #signUp a h1{
        font-size:38px;
    }

    h1{
        font-size:38px!important;
    }

    h2{
        font-size:32px!important;
    }

}

.gform_wrapper.gf_browser_chrome .gform_body{
    width:100%!important;
}

#postBanner .inner{
    padding:40px 0;
    text-align:left;
}

body.archive #content-wrapper{
    background:#555555;
}

h2.post-title{
    font-size: 30px;
    font-style: italic;
    font-weight: 400;
    display: block;
    text-align: left;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
    width: 100%;
    float: left;
}

h2.post-title a{
    color: #fff;
    display: inline-block;
    background: #ff2600;
    float: left;
    padding: 3px;
    width:80%;
}

body.archive .excerpt, body.archive .excerpt p {
    color: #fff;
    font-size: 14px;
    padding: 8px;
    float: left;
    clear: both;
    width: 100%;
    display: block;
    padding-bottom:35px;
}

body.archive #content-wrapper{
    padding:0px;
}

.archive-posts{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.archive-posts .single-wrapper{
    padding:0px;
    margin:0px;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.archive-posts .single-wrapper:hover{
    background:#3c3c3c;
}

.archive-posts .take-course{
    float:left;
    position:absolute;
    bottom:15px;
    right:20px;
}

.archive-posts .take-course a{
    color: #fff;
    font-style: italic;
}

.archive-posts .take-course a .fa{
    margin-left:5px;
}


.archive-posts .inner{
    height:100%;
}

@media screen and (max-width:1199px){
    #main-navigation> ul > li a{
        padding-left:15px!important;
        padding-right:15px!important;
    }
}

@media screen and (max-width:991px){
    .archive-posts h2.post-title a{
        font-size:21px;
    }
}

@media screen and (max-width:767px){
    .archive-posts .single-wrapper{
        width:100%;
    }
}

body.archive #postBanner {
    background-image: url(/wp-content/uploads/2016/11/courses-banner.jpg);
}

body.archive #postBanner .overlay{
    opacity:0.1;
}

.sengi_breadcrumbs{
    padding:15px 0;
}

/*

#main-header.standard-header .right.menu{
    display:initial;
    padding-right:0px;
    float:left;
}

#main-header.standard-header [class*="col-"]{
    float:left;
    display:initial;
    padding-right: .9375rem;
    padding-left: .9375rem;
}
*/

header .logo img{
    padding:0px;
}

.jumbotron-single {
    background-image:url('/wp-content/uploads/2013/04/home-slide.jpg')!important;
    background-size: cover!important;
    min-height:400px;
}

.jumbotron-single h1 {
    text-align: center;
    color: #fff;
    line-height: 400px;
}

body.single-sfwd-lessons header.page-header {
    padding:0!important;
}

.wistia_responsive_wrapper {
    width: 80%!important;
    margin: 0 auto;
    left: auto!important;
    text-align: center;
    position:relative!important;
}

.wistia_responsive_padding{
    padding:0!important;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.btn-join, #btn-join, .learndash_checkout_buttons input.btn-join[type="button"], a#quiz_continue_link {
    background-color:#ff2700!important;
}

body.home .owl-wrapper{
    transition: all 1000ms ease!important;
}

.postTitle{
  text-align:center;
}

#postBanner .inner {
    padding: 80px 0;
}
