/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/**********************
 *       CUSTOM BY TALHA      *
 **********************/

.main-nav .menu-item:last-child:after {
    content: none;
}

.main-nav ul li a{
    padding-bottom:5px!important;
}

.main-nav ul li a.elementor-item:after{
    left:50%;
    width:75%;
    transform:translateX(-50%);
}

.widget.widget_sfwd-lessons-widget ul li h4:after {
    top: 50%;
    bottom: auto;
    /*margin: auto 0;*/
    height: auto;
    transform: translateY(-50%);
}

.widget.widget_sfwd-lessons-widget ul li h4:after {
    content:none;
}

.widget.widget_sfwd-lessons-widget ul li h4 {
    /*padding-right: 2.5em;*/
	padding-right: 1.5em;
}

.learndash.user_has_access .learndash-wrapper .ld-alert .ld-button {
    min-width: initial;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon {
    margin-top: 0;
}

.learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover {
    color: #495255!important;
}

.elementor-element.show_all_course .elementor-shortcode #ld_course_list {
    /*width: auto;*/
    margin: 0 auto;
}

.elementor-element.show_all_course .elementor-shortcode #ld_course_list:empty {
    display: none;
}

.learndash_post_sfwd-lessons .elementor-button-wrapper a {
    border-bottom: 2px solid !important;
}

body.single-sfwd-lessons.separate-containers .inside-right-sidebar, body.single-sfwd-lessons.separate-containers .inside-left-sidebar {
    margin-top: 0px;
}

body.single-sfwd-courses #left-sidebar {
    display: none!important;
}

body.single-sfwd-courses #primary {
    width: 95%;
    left: 0;
    margin: 0 auto!important;
    float: none;
}

body.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-enrolled, body.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
    margin: 1em auto;
    max-width: 750px;
}

body.single-sfwd-courses .learndash-wrapper .ld-item-list-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

body.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item {
    flex: 0 0 24%;
    margin: 10px 1% 10px 0;
}

body.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name{
	/*height: 125px;*/
	min-height: 150px;
    justify-content: center;
    align-items: center;
	padding: 1.5em;
}

body.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name .ld-status-icon{
	align-self: flex-start;
}


/*
body.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title{
    padding: 10% 0;
}
*/

body.single-sfwd-courses .learndash-wrapper .ld-item-list-items .ld-item-list-section-heading {
    flex: 0 0 100%;
}

body.single-sfwd-courses .learndash-wrapper .learndash-incomplete .ld-status-icon {
    border: 4px solid #15875b;
    background-color: white;
}


body.single-sfwd-courses .learndash-wrapper .learndash-not-available .ld-status-icon {
    background-color: #ca4a1f!important;
    border: none;
}

body.single-sfwd-courses .learndash-wrapper .learndash-not-available .ld-status-icon:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f023";
    color: #fff;
}

body.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title .ld-status {
    font-size: 14px;
    line-height: 1.3em;
}


body.single-sfwd-courses .ld-breadcrumbs .ld-breadcrumbs-segments{
	margin: 0 auto;
    width: auto!important;
}

body.single-sfwd-courses .ld-breadcrumbs{
	background:none;
	padding: 0 0 1em 0;
}


@media all and (max-width: 768px) { 
body.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item {
    flex: 0 0 49%;
    margin: 10px 1% 10px 0;
}
} 
@media all and (max-width: 575px) {
body.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-item {
    flex: 0 0 100%;
    margin: 10px 1%;
}
body.single-sfwd-courses .learndash-wrapper .ld-item-list-items .ld-item-list-section-heading {
    text-align:center;
}	
}


/**********************
 *       CUSTOM BY TALHA - END      *
 **********************/


body {
	background-color: #fff;
}

.comments-area, .entry-meta {
	display: none;
}



/**********************
 *       HEADER       *
 **********************/
.main-nav .menu-item {
	position: relative;
}
.main-nav .menu-item::after {
	content: '';
    height: 40%;
    width: 2px;
    position: absolute;
    right: 0;
    top: 14px;
    background-color: #fff;
}


.menu-item-58.menu-item::after {
	background-color: transparent;
}


/**********************
 *       SIDEBAR      *
 **********************/

.sidebar .widget-title + div {
	display: none;
}
.sidebar .widget {
    padding: 0;
    background-color: #f5f5f5;
    overflow: hidden;
	margin-bottom: 1rem;
}

.sidebar .widget h2 {
    background: #D5D5D5;
    color: #fff;
    padding: 2rem;
    position: relative;
    margin: 0;
	cursor: pointer;
	font-size: 1.8rem;
	font-weight: 700;
	text-transform: uppercase;
	font-family: "Montserrat", Sans-serif;
}
.sidebar .widget h2:hover {
	background-color: #eacdac;
}
.sidebar .widget-subtitle {
	display: block;
    font-style: italic;
    font-size: 1.6rem;
	font-weight: 400;
	text-transform: capitalize;
	font-family: "Lato", Sans-serif;
	padding-right: 2rem;
}
.sidebar > div li a {
    padding: 1.4rem 3rem;
    border-bottom: 1px solid #ccc;
    margin: 0;
    display: block;
    text-decoration:none;
    font-weight:500;
    color:#252f4a;
}

.sidebar .widget-wrap > div li {
    margin:0;
    padding:0
}

.sidebar .widget-wrap > div li:last-child a {
    border-bottom:none;
}

.sidebar .widget-wrap > div li a:hover {
    background:#ececec;
    color:#971e1e;
}

.sidebar .widget h2:after {
  font-weight: 400;
  content: "\f067";
  position:absolute;
  right:2rem;
  font-weight:800;
  font-family: Font Awesome\ 5 Free;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 30px;
  color: #c9a071;
}

.sidebar .widget  h2.active:after {
  font-weight: 400;
  content: "\f068";
  position:absolute;
  right:2rem;
  font-weight:800;
  font-family: Font Awesome\ 5 Free;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 30px;
  color: #c9a071;
}
.module-1-page .module-1-widget h2, .module-2-page .module-2-widget h2, .module-3-page .module-3-widget h2, .module-4-page .module-4-widget h2, .module-5-page .module-5-widget h2, .bonus-page .bonus-menu h2 {
	background-color: #c9a071;
}
.module-1-page .module-1-widget h2.active:after, .module-2-page .module-2-widget h2.active:after, .module-3-page .module-3-widget h2.active:after, .module-4-page .module-4-widget h2.active:after, .module-5-page .module-5-widget h2.active:after, .bonus-page .bonus-menu h2.active:after {
  font-weight: 400;
  content: "\f067";
  position:absolute;
  right:2rem;
  font-weight:800;
  font-family: Font Awesome\ 5 Free;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 30px;
  color: #fff;
}
.module-1-page .module-1-widget h2:after, .module-2-page .module-2-widget h2:after, .module-3-page .module-3-widget h2:after, .module-4-page .module-4-widget h2:after, .module-5-page .module-5-widget h2:after, .bonus-page .bonus-menu h2:after {
  font-weight: 400;
  content: "\f068";
  position:absolute;
  right:2rem;
  font-weight:800;
  font-family: Font Awesome\ 5 Free;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 30px;
  color: #fff;
}
.category-module-1 .module-1-widget h2.active:after, .category-module-2 .module-2-widget h2.active:after, .category-module-3 .module-3-widget h2.active:after, .category-module-4 .module-4-widget h2.active:after, .category-module-5 .module-5-widget h2.active:after, .category-bonus .bonus-menu h2.active:after {
  font-weight: 400;
  content: "\f067";
  position:absolute;
  right:2rem;
  font-weight:800;
  font-family: Font Awesome\ 5 Free;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 30px;
}
.category-module-1 .module-1-widget h2:after, .category-module-2 .module-2-widget h2:after, .category-module-3 .module-3-widget h2:after, .category-module-4 .module-4-widget h2:after, .category-module-5 .module-5-widget h2:after, .category-bonus .bonus-menu h2:after {
  font-weight: 400;
  content: "\f068";
  position:absolute;
  right:2rem;
  font-weight:800;
  font-family: Font Awesome\ 5 Free;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 30px;
}

/**********************
 *       OTHERS       *
 **********************/

.sidebar.pull-75 {
    left: -65%;
}
.sidebar.grid-25 {
    width: 34%;
}
.content-area.grid-75  {
    width: 65%;
}
.content-area.push-25 {
    left: 35%;
}

.site-content {
	margin-top: 6rem;
}
.entry-content, .site-main {
	margin-top: 0 !important;
}
.inside-article {
	padding: 0 0 4rem 0 !important;
}
.entry-title {
	text-align: center;
	font-weight: 700;
	font-family: "Montserrat", Sans-serif;
	text-transform: uppercase;
	font-size: 3.6rem;
}
.font-harbour {
	font-family: "Stone Harbour", Sans-serif;
	font-size: 4.5rem;
	color: #c9a071;
	font-weight: 400;
}









/**********************
 *    MEDIA QUERIES   *
 **********************/
@media only screen and (max-width:767px) { 
	.main-nav .menu-item::after {
		background-color: transparent;
	}
}
@media only screen and (max-width:1024px) { 
	.sidebar.grid-25 {
    	width: 25%;
	}
	.sidebar.pull-75 {
    	left: -60%;
	}
	.content-area.push-25 {
    	left: 30%;
	}
	.content-area.grid-75 {
    	width: 65%;
	}
}
@media only screen and (max-width:768px) {
	.sidebar.grid-25 {
    	width: 100%;
	}
	.sidebar.pull-75 {
    	left: 0;
	}
	.content-area.push-25 {
    	left: 0;
	}
	.content-area.grid-75 {
    	width: 100%;
	}
	.sidebar {
		padding:0 2rem;
	}
	.inside-article {
		padding-bottom: 0 !important;
	}
} 



/**********************
 *     FONT SIZING    *
 **********************/

html { font-size: 62.5%; }
@media only screen and (max-width:1600px) { html { font-size: 56.3%;  } }
@media only screen and (max-width:1440px) { html { font-size: 50%;    } }
@media only screen and (max-width:1280px) { html { font-size: 48%;    } }
@media only screen and (max-width:1023px) { html { font-size: 46%;    } }
@media only screen and (max-width:960px)  { html { font-size: 50%;      } }
@media only screen and (max-width:767px)  { html { font-size: 55.5555%; } }