/*
Theme Name:   Memberoni Child Theme
Theme URI:    http://www.membersiteacademy.com
Description:  Child Theme for Memberoni, the membership site theme from Member Site Academy
Author:       Mike Morrison
Author URI:   http://www.themembershipguys.com
Template:     memberoni
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  memberoni-child
*/

/* LearnDash Styling */

body {
font-size: 18px
}

* {
	box-sizing: border-box;
}

hr {
margin: 30px 0;
}

ul li {
padding-bottom: 10px;
}

.ld-course-list-items {
	clear: both;
}

.ld-course-list-items .ld_course_grid {
	margin-bottom: 20px;
}

.ld-course-list-items .ld_course_grid .thumbnail.course {
	line-height: 1.428571429;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
}

.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price {
	background: #5cb85c;
	box-shadow: 0 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px rgba(0,0,0,0.2);
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,0.3);
	position: absolute;
	font-size: 14px;
	left: -8px;
	top: 10px;
	padding: 3px 10px;
	z-index: 2;
	font-weight: bold;
}

.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.ribbon-enrolled {
	background: #428bca;
}

.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price:before {
	border: 4px solid transparent;
	border-top: 4px solid #348c34;
	border-right: 4px solid #348c34;
	content: "";
	position: absolute;
	left: 0;
	bottom: -8px;
}

.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.ribbon-enrolled:before {
	border-top: 4px solid #357ebd;
	border-right: 4px solid #357ebd;
}

.ld-course-list-items .ld_course_grid .entry-title {
	margin: 0 !important;
}

.ld-course-list-items .ld_course_grid .entry-content {
	margin-bottom: 10px;
	padding: 0;
}

.ld-course-list-items .ld_course_grid .ld_course_grid_button {
	margin: 5px 0 !important;
	width: 100%;
}

.ld-course-list-items .ld_course_grid .ld_course_grid_button a {
	text-decoration: none !important;
	width: 100%;
}

.ld-course-list-items .ld_course_grid .thumbnail.course a.btn-primary {
	color: white;
}

.ld-course-list-items .ld_course_grid .btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.ld-course-list-items .ld_course_grid .btn:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.ld-course-list-items .ld_course_grid .btn:hover,
.ld-course-list-items .ld_course_grid .btn:focus {
	color: #333333;
	text-decoration: none;
}

.ld-course-list-items .ld_course_grid .btn:active,
.ld-course-list-items .ld_course_grid .btn.active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.ld-course-list-items .ld_course_grid .btn.disabled,
.ld-course-list-items .ld_course_grid .btn[disabled],
.ld-course-list-items .ld_course_grid fieldset[disabled] .btn {
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ld-course-list-items .ld_course_grid .btn-primary {
	color: #ffffff;
	background-color: #428bca;
	border-color: #357ebd;
}

.ld-course-list-items .ld_course_grid .btn-primary:hover,
.ld-course-list-items .ld_course_grid .btn-primary:focus,
.ld-course-list-items .ld_course_grid .btn-primary:active,
.ld-course-list-items .ld_course_grid .btn-primary.active,
.ld-course-list-items .ld_course_grid .open .dropdown-toggle.btn-primary {
	color: #ffffff;
	background-color: #3276b1;
	border-color: #285e8e;
}

.ld-course-list-items .ld_course_grid .btn-primary:active,
.ld-course-list-items .ld_course_grid .btn-primary.active,
.ld-course-list-items .ld_course_grid .open .dropdown-toggle.btn-primary {
	background-image: none;
}

.ld-course-list-items .ld_course_grid .btn-primary.disabled,
.ld-course-list-items .ld_course_grid .btn-primary[disabled],
.ld-course-list-items .ld_course_grid fieldset[disabled] .btn-primary,
.ld-course-list-items .ld_course_grid .btn-primary.disabled:hover,
.ld-course-list-items .ld_course_grid .btn-primary[disabled]:hover,
.ld-course-list-items .ld_course_grid fieldset[disabled] .btn-primary:hover,
.ld-course-list-items .ld_course_grid .btn-primary.disabled:focus,
.ld-course-list-items .ld_course_grid .btn-primary[disabled]:focus,
.ld-course-list-items .ld_course_grid fieldset[disabled] .btn-primary:focus,
.ld-course-list-items .ld_course_grid .btn-primary.disabled:active,
.ld-course-list-items .ld_course_grid .btn-primary[disabled]:active,
.ld-course-list-items .ld_course_grid fieldset[disabled] .btn-primary:active,
.ld-course-list-items .ld_course_grid .btn-primary.disabled.active,
.ld-course-list-items .ld_course_grid .btn-primary[disabled].active,
.ld-course-list-items .ld_course_grid fieldset[disabled] .btn-primary.active {
	background-color: #428bca;
	border-color: #357ebd;
}

.ld-course-list-items .ld_course_grid .btn-primary {
	color: white;
	text-decoration: none;
}

.ld-course-list-items .ld_course_grid .btn-primary:hover {
	color: white;
}

.ld-course-list-items .ld_course_grid .ld_course_grid_video_embed {
	background-color: #F5F5F5;
	padding: 1px;
	width: 100%;
}

.ld-course-list-items .ld_course_grid .ld_course_grid_video_embed > * {
	width: 100%;
	margin-bottom: 0;
}

.ld-course-list-items .ld_course_grid .thumbnail.course img {
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	box-shadow: none;
}

.ld-course-list-items .ld-course-list-items .ld_course_grid a.thumbnail:hover,
.ld-course-list-items .ld_course_grid a.thumbnail:focus {
	border-color: #428bca;
}

.ld-course-list-items .ld_course_grid .thumbnail a,
.ld-course-list-items .ld_course_grid .thumbnail a:hover {
	box-shadow: none;
}

.ld-course-list-items .ld_course_grid .thumbnail .caption {
	padding: 25px;
	color: #fff;
}

.ld-course-list-items .ld_course_grid .thumbnail .caption a {
	text-decoration: none !important;
}

.ld-course-list-items .ld_course_grid .thumbnail .caption p {
	float: none !important;
	margin: 15px 0 0 !important;
	width: 100% !important;
}

.ld-course-list-items .ld_course_grid dd.course_progress {
	width: 100%;
}

.ld_course_grid_price {
background: #f0b72a !important;
}

.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price:before {
border-top-color: #cc8a15 !important;
border-right-color: #cc8a15 !important;
}

.ld-course-list-items {
padding: 0 10px;
display: flex;
flex-wrap: wrap;
}

.ld-course-list-items .ld_course_grid {
float: left;
border: 0 !important;
background: #3f3f3f !important;
}

.ld-course-list-items .ld_course_grid .course {
background: transparent !important;
border: 0 !important;
}

.ld-course-list-items .ld_course_grid .btn-primary {
background: #f0b72a !important;
border-radius: 0 !important;
border: 0 !important;
font-size: 16px !important;
font-weight: 800 !important;
text-transform: uppercase;
padding: 15px 30px !important;
line-height: 1;
display: inline-block;
width: auto;
}

.ld-course-list-items .ld_course_grid .btn-primary:hover {
background: #fff !important;
color: #3f3f3f !important;
}

/* Other Styling */
p:last-child {
	margin-bottom: 25px;
}

.user_avatar img.alignnone {
margin: 0 !important;
}

@media only screen and (min-width:821px) {
.home.page-template-page-homeloggedout #header {
position: absolute;
background: transparent;
z-index: 9;
padding: 0;
padding-left: 15px;
padding-top: 15px;
}
}

.home.page-template-page-homeloggedout #nav_main {
position: absolute;
right: 0;
background: transparent;
z-index: 10;
}

.home.page-template-page-homeloggedout .user_profile {
display: none !important;
}

.home.page-template-page-homeloggedout #nav_main {
padding-right: 20px;
}

.home.page-template-page-homeloggedout #nav_main ul li {
padding: 15px 2px !important;
}

.home.page-template-page-homeloggedout #menu-item-1929 a {
color: #3f3f3f !important;
}

.home.page-template-page-homeloggedout #nav_main ul li a {
transition: all 0.4s ease;
}

.home.page-template-page-homeloggedout #nav_main ul li:hover a {
color: #3f3f3f !important;
}

#nav_main ul li {
transition: all 0.4s ease;
}

#nav_main ul li:hover .sub-menu a {
color: #fff !important;
}

.banner-overlay {
position: absolute;
left: 0;
right: 0;
text-align: center;
max-width: 800px;
width: 80%;
margin: 0 auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.3s ease;
margin-top: 45px;
}

.banner-title {
font-size: 50px;
font-weight: 900;
line-height: 1.1em;
}

.banner-text {
font-size: 21px;
line-height: 1.4
}

#nav_main ul li {
padding: 0 !important;
}

#nav_main ul li a {
padding: 12px 15px;
}

#footer .footer_nav ul li a {
color: #969696 !important;
}

.section {
position: relative;
display: block;
clear: both;
}

.section-container {
padding: 60px 40px;
margin: 0 auto;
position:relative;
display: block;
clear: both;
overflow: hidden
}

.narrow-container {
max-width: 600px;
width: 65%;
margin: 0;
box-sizing: border-box
}

.full-container {
margin: 0 auto;
position:relative;
display: block;
clear: both;
overflow: hidden
}

.very-narrow {
max-width: 720px;
margin: 0 auto;
display: block;
}

.narrow {
max-width: 820px;
margin: 0 auto;
display: block;
}

.standard {
max-width: 1200px;
margin: 0 auto;
display: block;
}

.wide {
max-width: 1400px;
margin: 0 auto;
display: block;
}

.wide.full {
    display: contents;
}

.middle {
position: absolute;
top: 50%;
display: inline-block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.button {
transition: all 0.4s ease;
}

.white-button {
background: #fff !important;
color: #3f3f3f !important;
}

.white-button:hover {
background: #3f3f3f !important;
color: #fff !important;
}

.text-highlight {
color: #efb62a;
}

h1 {
font-weight: 900 !important;
}

.cross-ul {
font-weight: 400;
list-style: none;
padding-left: 0;
}

.cross-ul li {
margin-bottom: 20px;
padding-left: 15px;
font-size: 22px;
}

.cross-ul li::before {
content: '';
background: url(https://staging.theagencyroadmap.co.uk/wp-content/uploads/bullet-cross.png);
height: 50px;
width: 50px;
display: inline-block;
margin-right: 20px;
background-size: cover;
float: left;
}

.tick-ul {
font-weight: 400;
list-style: none;
padding-left: 0;
}

.tick-ul li {
margin-bottom: 20px;
padding-left: 15px;
font-size: 22px;
margin-left: 70px;
}


.tick-ul li::before {
content: '';
background: url(https://staging.theagencyroadmap.co.uk/wp-content/uploads/bullet-tick.png);
height: 50px;
width: 50px;
display: inline-block;
margin-right: 20px;
background-size: cover;
float: left;
margin-left: -70px;
}

h1, .large-title {
font-size: 36px;
margin-bottom: 20px;
}

h2, h3 {
margin-bottom: 15px;
}

h3 {
font-size: 23px;
}

h4 {
font-size: 23px;
}

h1, h2, h3 {
font-weight: 900;
}

.big-text {
font-weight: 700;
font-size: 27px;
}

.greybg, .grey-bg {
background: #F2F2F2;
}

.dark-bg {
background: #3f3f3f;
color: #fff;
}

.highlight-bg {
background: #efb62b;
}

.apple-img {
float: left;
width: 50%;
padding-right: 40px;
padding-bottom: 15px;
}

p:empty {
display:none;
}

#nav_main ul#menu-main-menu>li.current-menu-item>a, #nav_main ul#menu-main-menu>li.highlight>a {
border-radius: 0 !important;
}

.article h1.article_title, .article-byline, .article-meta {
text-align: left !important;
}

.three-column {
margin: 0;
padding: 0;
}

.three-column li {
width: 31%;
float: left;
margin-right: 3.5%;
margin-bottom: 2%;
list-style: none;
}

@media only screen and (min-width:901px) {
.three-column li:nth-of-type(3n) {
margin-right: 0;
}
.three-column li:nth-of-type(3n+1) {
clear: left;
}
}

.center {
text-align: center;
}

.large-icon {
font-size: 60px;
margin-bottom: 20px;
height: 120px;
width: 120px;
padding-top: 25px;
background: #3f3f3f;
border-radius: 50%;
text-align: center;
color: #efb62b;
border: 5px solid #efb62b;
box-sizing: border-box;
}

.highlight-bg .large-icon {
border-color: #fff;
color: #fff;
}

.space-bottom {
margin-bottom: 30px;
}

.company-logos {
text-align: center;
}

.company-logos img {
display: inline-block;
max-height: 80px !important;
margin-right: 45px;
max-width: 160px !important;
vertical-align: middle;
margin-bottom: 20px;
}

.company-logos br {
display: none !important;
}

.company-logos img:last-of-type {
margin-right: 0 !important;
}

.tab-image {
float: right;
width: 45%;
padding-left: 40px;
padding-bottom: 15px;
}

/*
.agency-ul li {
list-style-image: url(http://agency.testdpm.com/wp-content/uploads/bullet.png);
padding-left: 10px;
padding-bottom: 10px;
}
*/
.pay-boxes {
display: flex;
flex-wrap: wrap;
overflow: hidden;
}

.pay-box {
background: #fff;
text-align: center;
float:left;
width: 48.5%;
margin-right: 3%;
}

.pay-box h3 {
background: #3f3f3f;
color: #fff;
padding: 15px;
margin: 0;
}

.pay-box .price {
font-size: 130px;
line-height: 1em;
color: #3f3f3f;
font-weight: 700;
letter-spacing: -12px;
}

.pay-box .pound {
font-size: 90px;
padding-right: 6px;
}

.pay-box .sb-it {
font-weight: 600;
font-style: italic;
}

.pay-box p {
padding: 0 15px
}

.pay-box:last-of-type {
margin-right: 0 !important;
}

.white {
color: #fff !important;
}

#footer {
margin-top: 0 !important;
}

.tabs-shortcode.ui-tabs{padding:.2em;zoom:1;clear:both;background:#FFF;padding:0;margin:0}.tabs-shortcode.ui-tabs-nav{list-style:none !important;padding:.2em 0 0 !important;margin:0 !important}.tabs-shortcode .ui-tabs-nav:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}* html .tabs-shortcode .ui-tabs-nav{zoom:1}*:first-child+html .tabs-shortcode .ui-tabs-nav{zoom:1}.tabs-shortcode .ui-tabs-nav li{position:relative;float:left;border:1px solid #CCC;background:#EEE;list-style:none !important;z-index:100;padding:0}.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-tabs-active,.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-tabs-selected{background:#FFF;color:#111}.tabs-shortcode .ui-tabs-nav li:before{content:""}.tabs-shortcode .ui-tabs-nav li a{float:left;text-decoration:none;padding:2px 1em;color:#333;border:none !important}.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.tabs-shortcode.ui-tabs .ui-tabs-nav li.ui-state-processing a{cursor:default}.tabs-shortcode .ui-tabs-nav li a,.tabs-shortcode.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a,.tabs-shortcode.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor:pointer}.tabs-shortcode .ui-tabs-panel{display:block;border-width:0;background:none}.tabs-shortcode .ui-tabs-hide{display:none !important}.tabs-shortcode.ui-tabs-panel{clear:both}.tabs-shortcode-top .ui-tabs-nav,.tabs-shortcode-bottom .ui-tabs-nav{margin-left:0 !important}.tabs-shortcode-top .ui-tabs-nav li,.tabs-shortcode-bottom .ui-tabs-nav li{position:relative;float:left;position:relative;float:left}.tabs-shortcode-top .ui-tabs-nav{border-bottom:1px solid #CCC}.tabs-shortcode-top .ui-tabs-nav li.ui-tabs-active,.tabs-shortcode-top .ui-tabs-nav li.ui-tabs-selected{padding-bottom:1px !important;border-bottom:0;margin:1px .3em -1px 0 !important}.tabs-shortcode-top .ui-tabs-nav li{border-bottom-width:0 !important;margin:1px .3em 0 0 !important}.tabs-shortcode-bottom .ui-tabs-nav{border-top:1px solid #CCC}.tabs-shortcode-bottom .ui-tabs-nav li.ui-tabs-active,.tabs-shortcode-bottom .ui-tabs-nav li.ui-tabs-selected{padding-top:1px !important;border-top:0;margin:-1px .3em 1px 0 !important}.tabs-shortcode-bottom .ui-tabs-nav li{border-top-width:0 !important;margin:0 .3em 1px 0 !important}.tabs-shortcode-left .ui-tabs-nav,.tabs-shortcode-right .ui-tabs-nav{width:150px;margin:0 !important}.tabs-shortcode-left .ui-tabs-nav li,.tabs-shortcode-left,.tabs-shortcode-right .ui-tabs-nav li,.tabs-shortcode-right{position:relative;overflow:hidden}.tabs-shortcode-left .ui-tabs-nav li,.tabs-shortcode-right .ui-tabs-nav li{margin:0 0 0.3em 0;width:100%}.tabs-shortcode-left .ui-tabs-nav li a,.tabs-shortcode-right .ui-tabs-nav li a{width:100%}.tabs-shortcode-left .ui-tabs-panel,.tabs-shortcode-right .ui-tabs-panel{margin-left:165px}.tabs-shortcode-left .ui-tabs-nav{border-right:1px solid #CCC;padding:0 1px 10px 0 !important}.tabs-shortcode-left .ui-tabs-nav,.tabs-shortcode-left .ui-tabs-nav li{float:left}.tabs-shortcode-left .ui-tabs-nav li.ui-tabs-active,.tabs-shortcode-left .ui-tabs-nav li.ui-tabs-selected{padding-right:1px;border-right:0;margin:0 1px 0.3em 0}.tabs-shortcode-right .ui-tabs-nav{border-left:1px solid #CCC;padding:0 0 10px 1px !important}.tabs-shortcode-right .ui-tabs-nav,.tabs-shortcode-right .ui-tabs-nav li{float:right}.tabs-shortcode-right .ui-tabs-nav li.ui-tabs-active,.tabs-shortcode-right .ui-tabs-nav li.ui-tabs-selected{padding-left:1px;border-left:0;margin:0 0 0.3em 1px}


.banner {
background-color: #f0b72a !important;
}

.page-container .banner {
min-height: 110vh;
background-position: 50% !important;
background-repeat: no-repeat !important;
position: relative;
background-size: cover !important;
}
@media screen and (max-width: 700px) {
  .page-container .banner {
    min-height: 210vh;
  }
}

.tabcontent {
background: #3f3f3f !important;
padding: 40px !important;
color: #fff;
}

.responsive-tabs ul.responsive-tabs__list {
background: #606060;
overflow: hidden;
}

.responsive-tabs .responsive-tabs__list__item {
font-size: 16px !important;
color: #fff !important;
border-radius: 0 !important;
font-weight: 900;
letter-spacing: 0.5px;
padding: 20px 12px !important;
top: 0 !important;
text-transform: uppercase !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
	 border-left: 0 !important;
}

.responsive-tabs .responsive-tabs__list__item:last-of-type {
border-right: 0 !important;
}

.responsive-tabs .responsive-tabs__list__item:hover {
	color: #efb62b !important;
}

.responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover {
background-color: #efb62b !important;
color: #fff !important;
padding: 20px 12px !important;
top: 0 !important;
}

.responsive-tabs ul.responsive-tabs__list {
margin: 10px 0 0 0 !important;
}

.responsive-tabs .responsive-tabs__panel {
border: 0 !important;
}

.responsive-tabs .responsive-tabs__heading {
background: #606060 !important;
padding: 20px 0 20px 20px !important;
border-left: 0 !important;
border-top: 0 !important;
border-right: 0 !important;
border-bottom: 2px solid #3f3f3f !important;
color: #fff !important;
border-radius: 0 !important;
font-weight: 900 !important;
letter-spacing: 0.5px;
text-transform: uppercase !important;
}

.responsive-tabs .responsive-tabs__heading:last-of-type {
border-bottom: 0 !important;
}

.responsive-tabs .responsive-tabs__heading--active {
background-color: #efb62b !important;
color: #fff !important;
}

.welcome-title {
font-size: 30px;
font-style: italic;
display: block;
margin-top: 15px;
font-weight: 700;
}

.welcome-text {
font-size: 18px;
display: block;
margin-top: 5px;
margin-bottom: 0px;
}

.grey-bg #content {
background: transparent !important;
}

.dash-courses #content {
padding-top: 45px !important;
}

.dashboard .dashboard_sections {
display: flex;
flex-wrap: wrap;
}

.widget_categories ul {
    padding-left: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    font-size: 16px;
    list-style: none
}
/*
.widget_categories ul li::before {
background-image: url(http://agency.testdpm.com/wp-content/uploads/bullet.png);
    content: '';
    width: 15px;
    height: 15px;
margin-right: 12px;
    margin-bottom: -2px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
}
*/
.dashboard .dashboard_sections .section_block h1 {
    font-size: 21px !important;
    margin-top: 30px !important;
    margin-bottom: 10px !important;
}

.ld_course_grid {
padding: 0 !important;
}

#learndash_lessons {
border: 0;
background: #f9f9f9;
}

#lesson_heading, #learndash_lesson_topics_list div > strong {
background: #3f3f3f !important;
color: #fff !important;
font-weight: 900 !important;
text-transform: uppercase;
font-size: 18px !important;
padding: 18px 25px !important;
border-radius: 0 !important;
border: 0 !important;
}

#lessons_list > div h4 > a {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 2%;
display: block;
padding-right: 75px;
display: block;
box-sizing: border-box;
padding: 25px 25px;
color: #2F3035;
text-transform: uppercase;
font-size: 14px;
line-height: 18px;
font-weight: 700;
font-family: 'Nunito Sans','Verdana', 'Geneva', sans-serif;
}

.learndash_content .topic_item a span {
color: #2F3035;
text-transform: uppercase;
font-size: 14px;
line-height: 18px;
font-weight: 700;
font-family: 'Nunito Sans','Verdana', 'Geneva', sans-serif !important;
}

.learndash_topic_dots a > span {
color: #2F3035;
text-transform: uppercase;
font-size: 14px;
line-height: 18px;
font-weight: 700;
font-family: 'Nunito Sans','Verdana', 'Geneva', sans-serif !important;
}

#learndash_course_content .learndash_topic_dots ul > li:hover {
background: #3f3f3f !important;
}

.learndash_topic_dots li a {
color: #fff !important;
}

#learndash_course_content .learndash_topic_dots li {
background: #606060 !important;
}

#lessons_list > div h4, #course_list > div h4, #quiz_list > div h4, #learndash_lesson_topics_list ul > li > span.topic_item, #lessons_list > div > div, #course_list > div > div, #quiz_list > div > div, .single-sfwd-lessons #learndash_lesson_topics_list ul > li > span.sn, .singular-sfwd-lessons #learndash_lesson_topics_list ul > li > span.sn {
border-top: 0 !important;
border-right: 0 !important;
}

#learndash_lessons h4 > a:hover, #learndash_quizzes h4 > a:hover, #learndash_lesson_topics_list ul > li > span.topic_item:hover {
background-color: #f0b72a !important;
color: #fff !important;
}

#learndash_course_content_title {
font-weight: 900 !important;
font-size: 30px !important;
margin-bottom: 20px !important;
}

#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: #3f3f3f;
}

.learndash_topic_dots ul .topic-completed span, .learndash_topic_dots ul .topic-notcompleted span {
margin: 15px 0 !important;
}

.widget_ldcoursenavigation ul {
padding-left: 15px;
}

.learndash_navigation_lesson_topics_list {
font-size: 16px;
}

.ld-course-navigation-widget-content-contaiiner .active, .ld-course-navigation-widget-content-contaiiner .inactive {
}

.ld-course-navigation-widget-content-contaiiner .active:hover, .ld-course-navigation-widget-content-contaiiner .inactive:hover {
}

.active:hover .topic-completed span, .inactive:hover .topic-completed span, .active:hover .topic-completed a, .inactive:hover .topic-completed a {
}

.list_lessons {
margin-left: 5px !important;
margin-bottom: 12px !important;
}

.single-sfwd-courses .widget_categories, .single-sfwd-courses .widget_search, .single-sfwd-lessons .widget_categories, .single-sfwd-lessons .widget_search, .single-sfwd-topic .widget_categories, .single-sfwd-topic .widget_search {
display: none !important;
}

h3 i {
padding-right: 15px;
}

.tab-media {
float: right;
width: 60%;
margin-left: 5%;
}

.tab-text {
float: left;
width: 35%;
}

.module-ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}

.module {
background: #f9f9f9;
float: left;
width: 23.5%;
padding: 25px;
margin-right: 2%;
box-sizing: border-box;
transition: all 0.4s ease;
margin-bottom: 2%
}

.module:nth-of-type(4n) {
margin-right: 0 !important;
}

.module:hover {
background: #f0b72a;
color: #2F3035 !important;
}

.module:hover .icon-large {
color: #fff !important;
}

.module:hover h3 {
color: #2F3035 !important;
}

.module:hover a {
color: #2F3035 !important;
}

.icon-large {
margin-bottom: 20px;
font-size: 60px;
color: #f0b72a;
transition: all 0.4s ease
}

.file_description {
display: block;
line-height: 1.5;
}
/*
.lesson-accordion .lesson-accordion-group {
width: 32%;
margin-right: 2% !important;
float: left;
}

.lesson-accordion .lesson-accordion-group:nth-of-type(3n) {
margin-right: 0 !important;
}

.wpep-wrapper .wpep-container .wpep-course-single .course-primary-container .course-primary-content .course-header .course-head-text .main-heading {
font-weight: 900 !important;
}

.wpep-content-from-editor blockquote, .wpep-content-from-editor button, .wpep-content-from-editor code, .wpep-content-from-editor dd, .wpep-content-from-editor dl, .wpep-content-from-editor dt, .wpep-content-from-editor img, .wpep-content-from-editor input, .wpep-content-from-editor li, .wpep-content-from-editor ol, .wpep-content-from-editor p, .wpep-content-from-editor pre, .wpep-content-from-editor span, .wpep-content-from-editor td, .wpep-content-from-editor textarea, .wpep-content-from-editor tr, .wpep-content-from-editor ul {
font-size: 18px;
} */

.wpep-wrapper>.wpep-container .wpep-content-from-editor a.button {
display: inline-block;
box-sizing: border-box;
padding: 15px 30px;
text-align: center;
font-size: inherit;
cursor: pointer;
background: #F9AE3E;
color: #fff;
line-height: 1em;
font-weight: 800;
font-size: 18px;
text-transform: uppercase;
border: 0 none;
text-decoration: none !important;
}

.progress-bar-container {
padding-bottom: 30px !important;
}

.section-heading, .main-heading, .ui-accordion-header {
font-weight: 900 !important;
}

@media only screen and (min-width: 961px) {
	.responsive-tabs .responsive-tabs__list__item {
    width: 25%;
    text-align: center;
    margin: 0 !important;
    box-sizing: border-box;
	border-right: 2px solid #3f3f3f !important;
}
}

@media only screen and (max-width: 960px) {
	.responsive-tabs .responsive-tabs__list__item {
    border-right: 0 !important;
}
	.banner-title {
	font-size: 38px;
	}
	.banner-text {
font-size: 18px;
}
}

@media only screen and (min-width: 821px) {
.ld-course-list-items .ld_course_grid {
float: left;
width: 31% !important;
margin-right: 3.5% !important;
}
.ld-course-list-items .ld_course_grid:nth-of-type(3n) {
margin-right: 0 !important;
}
}

@media only screen and (min-width: 551px) and (max-width:820px) {
.ld-course-list-items .ld_course_grid {
float: left;
width: 48.5% !important;
margin-bottom: 25px !important;
}
.ld-course-list-items .ld_course_grid:nth-of-type(2n-1) {
margin-right: 3% !important;
}
}


@media only screen and (min-width:551px) and (max-width: 900px) {
.three-column li {
width: 48.5% !important;
margin-right: 4% !important;
margin-bottom: 3% !important;
}
.three-column li:nth-of-type(2n) {
margin-right: 0;
}

.three-column li:nth-of-type(2n+1) {
clear: left;
}
}

@media only screen and (max-width:500px) {
section#content.inner {
padding: 0 !important;
}
.three-column li {
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 5px !important;
}
}

@media only screen and (max-width: 820px) {
.roadmap_logo {
	width: 100% !important;
}
.roadmap_info {
    margin-top: 0 !important;
	width: 100% !important;
}
	#header h1 {
	}
	.user_profile {
text-align: right;
padding-top: 5px;
}
}

@media only screen and (max-width: 800px) {
.tab-media {
width: 100% !important;
margin-left: 0% !important;
margin-bottom: 25px;
}
.tab-text {
width: 100% !important;
}
}

@media only screen and (max-width: 700px) {
.logo-left {
max-width: 100px !important;
float: left !important;
padding-right: 15px !important;
}
.pay-box {
width: 100%;
margin-right: 0 !important;
margin-bottom: 30px;
}
	.apple-img {
	padding-bottom: 30px !important;
	width: 100% !important;
	padding-right: 0 !important;
	}
	.banner-title {
	font-size: 30px !important;
	}
		.banner-text {
font-size: 16px !important;
}
}

@media only screen and (max-width: 600px) {
.company-logos img {
max-width: 100px !important;
max-height: 50px !important;
}
}

@media only screen and (max-width: 550px) {
.ld-course-list-items .ld_course_grid {
width: 100% !important;
margin-right: 0% !important;
margin-bottom: 25px !important;
}
}

@media only screen and (max-width: 350px) {
	.banner-title {
	font-size: 25px !important;
	}
			.banner-text {
font-size: 14px !important;
}
}

@media only screen and (max-width: 767px) {
.responsive-tabs .responsive-tabs__heading:after, .responsive-tabs .responsive-tabs__heading--active:after, .responsive-tabs .responsive-tabs__heading--active:hover:after {
	top: 27px !important;
}
.responsive-tabs .responsive-tabs__heading:after {
border-top-color: #fff !important;
}
.tabcontent {
padding: 40px !important;
}
}

.mepr-signup-form input[type=submit], .mp_wrapper form input[type=submit], .mepr-account-change-password a {
font-family: 'Nunito Sans','Verdana', 'Geneva', sans-serif !important;
}

.course-listing .course-content h4 {
font-weight: 900 !important;
}
/*
.countdown {
padding: 20px;
text-align: center;
}

.countdown h3 {
display: inline-block;
vertical-align: middle;
margin-right: 30px;
}

.countdown .countdown-calendar {
display: inline-block;
width: auto !important;
}

@media only screen and (max-width: 540px) {
.countdown h3 {
margin-right: 0 !important;
}
}
*/

.countdown {
    padding: 20px;
    text-align: center;
    background-color: #3f3f3f;
    border: 5px solid #3f3f3f /*#cfd8e2*/;
    margin: 15px;
    padding: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 20px;
}

.live-session-banner {
    background-color: #3f3f3f;
    border: 5px solid #818181;
    margin: 15px;
    padding: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 20px;
}
.live-session-banner__header {
     margin-bottom: 0;
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    -webkit-flex-grow: 3;
    flex-grow: 3;
    /* width: auto; */
}

.live-session-banner__title {
    font-size: 32px;
    color: #e6a823/*#ff5e6e*/;
    display: inline-block;
    line-height: 1;
    margin-bottom: 0;
    text-align: left;
    white-space: nowrap;
    font-weight: 900;
}

.live-session-banner__title i.fa {
    float: left;
    margin-right: 15px;
    font-size: 52px;
}
.live-session-banner__title .live-session-banner__text span {
    line-height: 36px;
    display: block;
}
.live-session-banner__title .live-session-banner__text small {
    color: #fff;
    font-size: 18px;
    display: block;
    line-height: 18px;
}
.live-session-banner__title .live-session-banner__text small a {
	color: #e6a823;
}

.live-session-banner__title .live-session-banner__text small a:hover {
	color: #f0b72a;
}
.countdown-default .countdown-section {

    margin-left: 2.0744680846382977%;
    display: inline-block;
    text-align: center;
    width: 22%;
}

.countdown-default .countdown-section:after{

    font-size: 44px;
    color: #fff;
    display: block;
    content: ":";
    line-height: 1;
    position: absolute;
    right: -6px;
    top: 0;
}



.countdown-period {
    background-color: #3f3f3f;
    display: block;
    text-transform: uppercase;
    line-height: 14px;
}
.counter{
	flex-grow: 3;
}

.course-category-group-coaching .course_completion, .course-category-group-coaching .course_sidebar {
display: none;
}

.course-category-group-coaching .lesson_content {
width: 100% !important;
}

.wpep-wrapper .wpep-progress-bar .wpep-progress-bar-inner {
background: #f0b72a !important;
}

.wpep-wrapper>.wpep-container .wpep-course-single>.course-primary-container .course-primary-content .wpep-course-form .section-accordion-group .lesson-accordion .lesson-accordion-group .lesson-content {
padding: 25px !important;
}

.wpep-wrapper .wpep-container .wpep-course-single.course-type-learn_map .course-primary-container .course-primary-content .wpep-learn-map-course-form>.section-accordion-group>.section-right .lesson-accordion .lesson-accordion-group .ui-accordion-header .lesson-heading {
font-weight: 900 !important;
}

.logo-left {
max-width: 130px !important;
float: left !important;
padding-right: 30px !important;
}



/* DRB RoadMap Customizations */
.lesson-accordion .lesson-accordion-group {
width: 32%;
margin-right: 2% !important;
float: left;
}

.lesson-accordion .lesson-accordion-group:nth-of-type(3n) {
margin-right: 0 !important;
}

.section-left {
	display: none;
}

span.section-heading {


	color: #333333;
	background-color: rgb(239, 182, 42);
	text-align: center;
	display: block;
	margin: auto;


    margin: 0;
    padding: 0;
    word-wrap: normal;
    letter-spacing: 0;
    line-height: 2em;
    text-decoration: none;
}

.wpep-wrapper>.wpep-container .wpep-course-single.course-type-learn_map>.course-primary-container>.course-primary-content .wpep-learn-map-course-form>.section-accordion-group>.section-right>h2 {

    padding: 0;
    margin: auto;
		width: 35%;
}


.wpep-wrapper>.wpep-container .wpep-course-single>.course-primary-container .course-primary-content .wpep-course-form .section-accordion-group .lesson-accordion {

    margin: 0;



		padding: 30px;
background: #f9f9f9;
overflow: hidden !important;
border: 5px solid rgb(239, 182, 42);
position: relative;
text-align: center;
vertical-align: top;


}

/* fake the hidden modules being visible */
/* make the hidden roadmap blocks show up in and be the same height */
.wpep-wrapper>.wpep-container .wpep-course-single>.course-primary-container .course-primary-content .wpep-course-form .section-accordion-group .lesson-accordion .lesson-accordion-group .lesson-content.wpep-hidden {
    display: block;

	  max-height: 250px !important;
		height: 250px !important; /* change these heights if you have a lot more text */
    padding: 20px 15px;
		border-style: solid !important;
		border-color:#333 !important;
		border-width: 2px !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 100;
    opacity: 1;
padding: 30px !important;

}
/*make the roadmap title blocks the same height*/
.wpep-wrapper .wpep-container .wpep-course-single.course-type-learn_map .course-primary-container .course-primary-content .wpep-learn-map-course-form>.section-accordion-group>.section-right .lesson-accordion .lesson-accordion-group .ui-accordion-header .lesson-heading {
    height: 50px !important;
}

/* make the body of the roadmap show up */
#wpep-popup-overlay .wpep-hidden {
  display: block !important;

}

/* hide the collapse icon // note that the titlebar is still clickable and shouldn't be */
.contain-icon {
	display: none !important;
}

/* move the checkbox */
.wpep-wrapper>.wpep-container .wpep-course-single.course-type-learn_map>.course-primary-container>.course-primary-content .wpep-learn-map-course-form>.section-accordion-group>.section-right .lesson-accordion .lesson-accordion-group .checkbox {
    top: 85%;
    left: 43%;
    cursor: pointer;
    position: absolute;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* get rid of the horizont line next to the checkbox*/
.wpep-wrapper>.wpep-container .wpep-course-single.course-type-learn_map>.course-primary-container>.course-primary-content .wpep-learn-map-course-form>.section-accordion-group>.section-right .lesson-accordion .lesson-accordion-group .checkbox .checkboxclass1:before {
	display: none;
}
/* fix the header centering (display: table was horking centers)*/
.wpep-wrapper>.wpep-container .wpep-course-single.course-type-learn_map>.course-primary-container>.course-primary-content .wpep-learn-map-course-form>.section-accordion-group>.section-right .lesson-accordion .lesson-accordion-group .ui-accordion-header .lesson-heading {
    display: block;
}

.new_roadmap_index {
    overflow: hidden
}

.new_roadmap_index .roadmap_stages {
    font-size: 0;
    white-space: nowrap;
    text-align: center
}

.new_roadmap_index .roadmap_stages .roadmap_stage {
    vertical-align: top;
    white-space: normal;
    position: relative;
    padding-top: 70px;
    z-index: 1;
    width: 33.333333333333%;
    display: inline-block;
    padding: 70px 40px 20px 0;
    zoom:1}

.new_roadmap_index .roadmap_stages .roadmap_stage .roadmap_stage_image {
    border-radius: 50%;
    width: 130px;
    height: 130px;
    padding: 0;
    border: 10px solid #f9f9f9;
    overflow: hidden;
    top: 5px;
    left: 50%;
    margin-left: -85px;
    position: absolute;
    z-index: 3;
    background-image: url(https://www.membershipacademy.com/wp-content/uploads/2016/06/launchcourse.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 110px;
    /*-webkit-filter: grayscale(100%);
    filter: grayscale(100%)*/
}

.new_roadmap_index .roadmap_stages .roadmap_stage .roadmap_stage_image i.fa {
    display: none;
    font-size: 48px;
    line-height: 110px;
    color: #fff
}

.new_roadmap_index .roadmap_stages .roadmap_stage .roadmap_stage_image a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    outline: 0;
    cursor: pointer
}

.new_roadmap_index .roadmap_stages .roadmap_stage.compeleted_stage .roadmap_stage_image,.new_roadmap_index .roadmap_stages .roadmap_stage.current_stage .roadmap_stage_image,.new_roadmap_index .roadmap_stages .roadmap_stage.previous_stage .roadmap_stage_image,.new_roadmap_index .roadmap_stages .roadmap_stage.roadmap_not_started .roadmap_stage_image {
    -webkit-filter: none;
    filter: none
}

.new_roadmap_index .roadmap_stages .roadmap_stage .roadmap_stage_info {
    min-height: 310px;
    background-color: #fff;
    border: 5px solid #e1e1e1;
    background-color: #f9f9f9;
    padding: 20px;
    text-align: center;
    padding-top: 70px;
    z-index: 2;
    position: relative;
}

.roadmap_stage_info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.new_roadmap_index .roadmap_stages .roadmap_stage .roadmap_stage_info h2 {
    font-size: 28px
}

.new_roadmap_index .roadmap_stages .roadmap_stage .roadmap_stage_info h2 a {
    color: #162e44
}

.new_roadmap_index .roadmap_stages .roadmap_stage .roadmap_stage_info h2 a:hover {
    color: #e6a823 /*#ff5e6e*/
}

.new_roadmap_index .roadmap_stages .roadmap_stage:after {
    width: 100%;
    z-index: 1;
    height: 0;
    border-top: 10px solid #e1e1e1;
    right: 0;
    top: 50%;
    margin-top: 20px;
    content: ' ';
    display: block;
    position: absolute;
    z-index: 0
}

.new_roadmap_index .roadmap_stages .roadmap_stage:last-child:after {
    display: none
}

.new_roadmap_index .roadmap_stages .roadmap_stage:before {
    content: ' ';
    background-color: #f9f9f9;
    display: block;
    border-top-left-radius: 70px;
    border-top-right-radius: 70px;
    width: 140px;
    height: 70px;
    border: 5px solid #e1e1e1;
    top: 0;
    left: 50%;
    margin-left: -90px;
    position: absolute;
    z-index: 1;
    box-sizing: border-box
}

.new_roadmap_index .roadmap_stages .roadmap_stage.previous_stage .roadmap_stage_info,.new_roadmap_index .roadmap_stages .roadmap_stage.roadmap_not_started .roadmap_stage_info {
    background-color: #fff!important
}

.new_roadmap_index .roadmap_stages .roadmap_stage.previous_stage .roadmap_stage_image,.new_roadmap_index .roadmap_stages .roadmap_stage.roadmap_not_started .roadmap_stage_image {
    border-color: #fff!important
}

.new_roadmap_index .roadmap_stages .roadmap_stage.previous_stage:after {
    border-color: #f0b72a!important
}

.new_roadmap_index .roadmap_stages .roadmap_stage.fr {
    float: right
}

.new_roadmap_index .roadmap_stages .roadmap_stage.completed_stage .roadmap_stage_info {
    background-color: #fff!important
}

.new_roadmap_index .roadmap_stages .roadmap_stage.completed_stage .roadmap_stage_image {
    border-color: #fff;
    background-image: none!important;
    background: #f0b72a
}

.new_roadmap_index .roadmap_stages .roadmap_stage.completed_stage .roadmap_stage_image i.fa {
    display: inline-block;
    color: #fff
}

.new_roadmap_index .roadmap_stages .roadmap_stage.completed_stage:before {
    background-color: #fff!important
}

.new_roadmap_index .roadmap_stages .roadmap_stage.completed_stage .lesson_complete_box {
    height: 48px;
    line-height: 42px;
    padding: 0 15px 0 5px;
    width: auto;
    display: inline-block;
    border-radius: 24px;
    font-size: 20px
}

.new_roadmap_index .roadmap_stages .roadmap_stage.completed_stage .lesson_complete_box i.fa {
    margin-right: 10px;
    font-size: 40px;
    line-height: 42px
}

.new_roadmap_index .roadmap_stages .roadmap_stage.completed_stage .lesson_complete_box span a {
    color: #162e44
}

.new_roadmap_index .roadmap_stages .roadmap_stage.completed_stage .lesson_complete_box span a:hover {
    color: #e6a823
}

.new_roadmap_index .roadmap_stages .roadmap_stage.current_stage .roadmap_stage_image {
    border-color: #fff!important
}

.new_roadmap_index .roadmap_stages .roadmap_stage.current_stage .roadmap_stage_info {
    border-color: #f0b72a!important;
    background-color: #fff!important
}

.new_roadmap_index .roadmap_stages .roadmap_stage.current_stage:before {
    border-color: #f0b72a!important
}

.new_roadmap_index .roadmap_stages .roadmap_stage.current_stage a.button {
    background-color: #e6a823 /*#ff5e6e*/
}

.new_roadmap_index .roadmap_stages .roadmap_stage.current_stage a.button:hover {
    background-color: f0ca78; /*pale gold #ff2b40*/
}

.new_roadmap_index .roadmap_stages .roadmap_stage.current_stage .progress-circle {
    box-sizing: content-box;
    border: 15px solid #fff;
    width: 100px;
    top: 5px;
    left: 50%;
    margin: 0;
    margin-left: -85px;
    position: absolute;
    background-color: #dbd6d6;
    line-height: 5em;
    height: 100px;
    z-index: 100
}

.new_roadmap_index .roadmap_stages .roadmap_stage.current_stage .progress-circle span {
    top: 5px;
    left: 50%;
    margin-left: -50px;
    line-height: 90px;
    width: 100px;
    color: #e6a823 /*#ff5e6e*/
}

.new_roadmap_index .roadmap_stages .roadmap_stage.current_stage .progress-circle .left-half-clipper {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    clip: rect(0,100px,100px,50px)
}

.new_roadmap_index .roadmap_stages .roadmap_stage.current_stage .progress-circle.over50 .left-half-clipper {
    clip: rect(auto,auto,auto,auto)
}

.new_roadmap_index .roadmap_stages .roadmap_stage.current_stage .progress-circle .first50-bar {
    clip: rect(0,100px,100px,50px);
    width: 100px;
    height: 100px;
    color: #e6a823 /*#ff5e6e*/;
    background-color: #e6a823 /*#ff5e6e*/
}

.new_roadmap_index .roadmap_stages .roadmap_stage.current_stage .progress-circle .value-bar {
    position: absolute;
    clip: rect(0,50px,100px,0);
    width: 100px;
    height: 100px;
    border: .45em solid #e6a823 /*#ff5e6e*/
}

.new_roadmap_index .roadmap_stages .roadmap_stage.current_stage .progress-circle:after {
    top: 7px;
    left: 7px;
    width: 86px;
    height: 86px
}

.roadmap_segment {
    margin-bottom: 40px;
    position: relative
}

.roadmap_segment h1.segment_title {
    color: #616161;
    display: block;
    margin: 0 auto;
    padding: 10px 20px 5px;
    font-size: 27px;
    line-height: 1em;
    width: 38%;
    background-color: #e1e1e1;
    text-align: center
}

.roadmap_segment h1.segment_title .segment_toggle {
    cursor: pointer
}

.roadmap_segment h1.segment_title .segment_toggle:after {
    display: inline-block;
    cursor: pointer;
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    font-family: FontAwesome;
    content: "\f055"
}

.roadmap_segment h1.segment_title .segment_toggle.expanded::after {
    content: "\f056"
}

.roadmap_segment .segment_container {
    padding: 30px 0 20px 40px;
    background: #f9f9f9;
    overflow: hidden;
    border: 5px solid #e1e1e1;
    position: relative;
    text-align: center;
    vertical-align: top
}

.roadmap_segment:after {
    display: block;
    content: ' ';
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -50px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 50px 0 50px;
    border-color: #e1e1e1 transparent transparent transparent
}

.roadmap_segment.active_segment h1.segment_title {
    color: #fff;
    background-color: #f0b72a
}

.roadmap_segment.active_segment .segment_container {
    background-color: #faedcd;
    border-color: #f0b72a
}

.roadmap_segment.active_segment .segment_container .roadmap_stage .roadmap_stage_info,.roadmap_segment.active_segment .segment_container .roadmap_stage:after,.roadmap_segment.active_segment .segment_container .roadmap_stage:before {
    border-color: #f0cf7f
}

.roadmap_segment.active_segment:after {
    border-color: #f0b72a transparent transparent transparent
}

.roadmap_segment:last-of-type:after {
    display: none
}

.roadmap_segment.completed_segment h1.segment_title {
    background-color: #efe5b2;
    color: #fff
}

.roadmap_segment.completed_segment .segment_container {
    border-color: #efe5b2;
    background: #fffcee
}

.roadmap_segment.completed_segment .roadmap_stage.completed_stage .roadmap_stage_info {
    min-height: auto
}

.roadmap_segment.completed_segment .roadmap_stage.completed_stage .roadmap_stage_info p {
    display: none
}

.roadmap_segment.completed_segment:after {
    border-color: #efe5b2 transparent transparent transparent
}

.new_roadmap .lesson_video {
    margin-bottom: 0
}

.new_roadmap .roadmap_left {
    width: 70%
}

.new_roadmap .roadmap_right {
    width: 30%
}

.new_roadmap .roadmap_stages_list {
    background-color: #162e44;
    -webkit-font-smoothing: antialiased
}

.new_roadmap .roadmap_stages_list h3 {
    margin: 0;
    background-color: #f0b72a;
    color: #fff;
    padding: 22.5px;
    font-size: 20px
}

.new_roadmap .roadmap_stages_list h3 a {
    color: #fff
}

.new_roadmap .roadmap_stages_list h3 a:hover {
    text-decoration: underline
}

.new_roadmap .roadmap_stages_list a.roadmap_stage {
    display: block;
    color: #fff;
    border-top: 1px solid #0a141d;
    padding: 22.5px;
    font-family: brandon-grotesque;
    font-size: 16px;
    text-transform: uppercase;
    zoom:1}

.new_roadmap .roadmap_stages_list a.roadmap_stage i {
    display: block;
    float: left;
    font-style: normal
}

.new_roadmap .roadmap_stages_list a.roadmap_stage b {
    display: block;
    float: right;
    width: 91%;
    font-weight: 600
}

.new_roadmap .roadmap_stages_list a.roadmap_stage:after,.new_roadmap .roadmap_stages_list a.roadmap_stage:before {
    display: table;
    content: " "
}

.new_roadmap .roadmap_stages_list a.roadmap_stage:after {
    clear: both
}

.new_roadmap .roadmap_stages_list a.roadmap_stage.complete {
    color: #f0b72a
}

.new_roadmap .roadmap_stages_list a.roadmap_stage:hover {
    background-color: #22486b
}

.new_roadmap .roadmap_stages_list a.roadmap_stage.current_item {
    background-color: #e6a823 /*#ff5e6e*/;
    font-weight: 700
}

.new_roadmap .roadmap_stages_list a.roadmap_stage.current_item:hover {
    background-color: #ff4457
}

.new_roadmap .roadmap_stages_list.fixed {
    position: fixed;
    top: 0;
    -webkit-transition: top 1s linear;
    transition: top 1s linear
}

.new_roadmap .roadmap_stages_list .roadmap_forum {
    display: block;
    background-color: #244d6f;
    color: #fff;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    outline: 0
}

.new_roadmap .roadmap_stages_list .roadmap_forum span {
    color: #e6a823 /*#ff5e6e*/;
    font-size: 22px;
    display: block;
    margin-bottom: 0;
    font-family: Lato;
    font-style: italic;
    line-height: 22px
}

.new_roadmap .roadmap_stages_list .roadmap_forum strong {
    font-size: 20px;
    font-family: brandon-grotesque;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 26px
}

.new_roadmap .roadmap_content {
    padding: 45px;
    background: #f9f9f9
}

.new_roadmap .roadmap_content img {
    max-width: 100%;
    height: auto;
    margin-bottom: 25px
}

.new_roadmap .roadmap_content ul li {
    line-height: 24px;
    margin-bottom: 10px
}

.new_roadmap .roadmap_content table {
    border-collapse: collapse;
    width: auto;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 99%;
    overflow-x: auto
}

.new_roadmap .roadmap_content h1.stage_title {
    padding-bottom: 10px;
    border-bottom: 5px solid #f0b72a;
    margin-bottom: .8em
}

.new_roadmap .roadmap_content h1:not(.stage_title),.new_roadmap .roadmap_content h2,.new_roadmap .roadmap_content h3,.new_roadmap .roadmap_content h4,.new_roadmap .roadmap_content h5 {
    font-family: Lato;
    text-transform: none;
    margin-bottom: .75em
}

.new_roadmap .roadmap_content h2 {
    font-size: 36px
}

.new_roadmap .roadmap_content h3 {
    color: #f0b72a
}

.new_roadmap .roadmap_content h4 {
    color: #e6a823 /*#ff5e6e*/
}

.new_roadmap .roadmap_content h5 {
    color: #162e44
}

.new_roadmap .roadmap_content .action_steps {
    background-color: #fff;
    padding: 6%;
    margin-bottom: 2.754em;
    border-top: 5px solid #f0b72a
}

.new_roadmap .roadmap_content .action_steps h3 {
    margin-bottom: 30px;
    padding-bottom: 6px;
    border-bottom: 3px solid #e6a823 /*#ff5e6e*/;
    color: #162e44;
    font-family: brandon-grotesque;
    text-transform: uppercase
}

.new_roadmap .roadmap_content .action_steps p:after,.new_roadmap .roadmap_content .action_steps p:before {
    display: table;
    content: " "
}

.new_roadmap .roadmap_content .action_steps p:after {
    clear: both
}

.new_roadmap .roadmap_content .action_steps p a.roadmap_action {
    display: block;
    float: left;
    cursor: pointer
}

.new_roadmap .roadmap_content .action_steps p a.roadmap_action i {
    font-size: 30px;
    color: #cacaca
}

.new_roadmap .roadmap_content .action_steps p a.roadmap_action i:hover {
    color: #e6a823 /*#ff5e6e*/
}

.new_roadmap .roadmap_content .action_steps p a.roadmap_action.completed_step i {
    color: #f0b72a
}

.new_roadmap .roadmap_content .action_steps p span {
    display: block;
    width: 93%;
    float: right
}

.new_roadmap .roadmap_content .action_steps p.completed_step span {
    text-decoration: line-through;
    font-style: italic
}

.new_roadmap .roadmap_content .action_steps p:last-child {
    margin-bottom: 0
}

.new_roadmap .roadmap_content .action_steps.recap_actions .recap_step_actions {
    margin-bottom: 30px
}

.new_roadmap .roadmap_content .action_steps.recap_actions .recap_step_actions p.completed_step span {
    text-decoration: none
}

.new_roadmap .roadmap_content .action_steps.recap_actions .recap_step_actions:last-child {
    margin-bottom: 0
}

.new_roadmap .roadmap_info_bar {
    padding: 20px;
    background-color: #162e44;
    color: #fff
}

.new_roadmap .roadmap_info_bar .roadmap_progress_bar {
    width: 100%;
    background: #556471;
    height: 6px;
    margin: 6px 0
}

.new_roadmap .roadmap_info_bar .roadmap_progress_bar span {
    height: 6px;
    background: #f0b72a;
    color: #f0b72a;
    text-align: right;
    display: block;
    position: relative
}

.new_roadmap .roadmap_info_bar .roadmap_progress_bar i {
    position: absolute;
    top: -6px;
    right: -6px;
    font-size: 17px
}

.roadmap_content .course-listing.training_listing {
    padding: 0
}

.roadmap_content .course-listing.training_listing .course-thumb {
    width: 20%;
    height: auto;
    min-height: auto
}

.roadmap_content .course-listing.training_listing .course-content {
    background-color: #fff;
    width: 80%
}

.admin-bar .new_roadmap .roadmap_stages_list.fixed {
    top: 32px
}

.roadmap_progress_container.new_roadmap {
    border-radius: 50%;
    position: relative;
    float: right;
    left: inherit;
    top: inherit;
    background: #fff;
    box-shadow: 0 0 8px 2px rgba(0,0,0,.25)
}

.roadmap_progress_container.new_roadmap .progress-circle {
    margin: 10px
}

.lesson_status .lesson_complete_message {
    display: none
}

.lesson_status.lesson_completed .lesson_complete_message {
    display: block
}

.lesson_status.lesson_completed .lesson_incomplete_message {
    display: none
}

.lesson_complete_box {
    border: 3px solid #f5f3f3;
    padding: 0 15px;
    background: #fff;
    height: 86px;
    width: 50%;
    margin: 0 auto;
    line-height: 80px;
    border-radius: 40px;
    font-size: 30px;
    font-weight: 700;
    overflow: hidden
}

.lesson_complete_box i {
    font-size: 60px;
    line-height: 85px;
    float: left;
    vertical-align: middle;
    color: #ff5e6e
}

.roadmap_reset {
    text-align: center;
    color: #737373;
    font-size: 16px;
    font-style: italic;
    margin-top: 10px
}

.roadmap_reset a {
    text-decoration: underline;
    color: #f0b72a
}

.roadmap_stages_toggle {
    display: none
}

.roadmap_timeline {
    width: 78%;
    float: right
}

.roadmap_timeline .timeline {
    position: relative;
    height: 100px;
    margin-top: 25px;
    overflow-x: hidden;
    margin-right: -50px;
    white-space: nowrap;
    font-size: 0
}

.roadmap_timeline .timeline:before {
    position: absolute;
    left: -50px;
    top: 50%;
    content: ' ';
    display: block;
    width: 100%;
    height: 6px;
    margin-top: -3px;
    background-color: #faedcd;
    z-index: 1
}

.roadmap_timeline .timeline .timeline_active {
    position: absolute;
    left: -50px;
    left: 0;
    top: 50%;
    content: ' ';
    display: block;
    width: 0;
    height: 6px;
    margin-top: -3px;
    background-color: #fff;
    z-index: 2
}

.roadmap_timeline .timeline .roadmap_stage_container {
    z-index: 3;
    width: 10%; /*% depends on number of courses in roadmap. for example, remove one and change to 11.3%*/
    display: inline-block;
    cursor: pointer;
    outline: 0
}

.roadmap_timeline .timeline .roadmap_stage_container .stage_wrap {
    position: relative;
    height: 100px;
    z-index: 3
}

.roadmap_timeline .timeline .roadmap_stage_container .stage_wrap .roadmap_stage {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    background-color: #faedcd;
    border-radius: 50%;
    text-align: center;
    line-height: 50px
}

.roadmap_timeline .timeline .roadmap_stage_container .stage_wrap .roadmap_stage i {
    line-height: 50px;
    font-size: 24px;
    color: #888;
}

.roadmap_timeline .timeline .roadmap_stage_container.current_stage {
    width: 13%;
    font-size: 20px;
    font-weight: 700
}

.roadmap_timeline .timeline .roadmap_stage_container.current_stage .stage_wrap .roadmap_stage {
    width: 73%;
    font-size: 18px;
    border-radius: 25px;
    background-color: #fff;
    color: #f0b72a;/* #162e44;*/
	font-family: "Nunito Sans";
	transition: all 0.4s ease;
}


.roadmap_timeline .timeline .roadmap_stage_container.current_stage .stage_wrap .roadmap_stage i {
    color: #f0b72a;/* #162e44;*/
}

.roadmap_timeline .timeline .roadmap_stage_container.active_stage .stage_wrap .roadmap_stage {
    background-color: #fff
}

.roadmap_timeline .timeline .roadmap_stage_container.active_stage .stage_wrap .roadmap_stage i {
    color: #162e44
}

/* completed stage icons are grayed out */
.roadmap_timeline .timeline .roadmap_stage_container.completed_stage .stage_wrap .roadmap_stage {
    background-color: #3f3f3f!important
}
.roadmap_timeline .timeline .roadmap_stage_container.completed_stage .stage_wrap .roadmap_stage i {
    color: #fff!important;/*#f0b72a!important*/
}

.roadmap_timeline .timeline .roadmap_stage_container.active_stage:hover .stage_wrap .roadmap_stage i {
    color: #f0b72a!important
}

.roadmap_timeline .timeline .roadmap_stage_container .roadmap_stage_title {
    display: none
}

.new_roadmap_header.roadmap_index .roadmap_logo {
    width: 20%;
    margin-right: 2%
}

.new_roadmap_header.roadmap_index h1.roadmap_logo a {
    height: 140px
}

/* tweaks */
.progress-circle {
    font-size: 28px;
    margin: 20px;
    position: relative;
    padding: 0;
    width: 5em;
    height: 5em;
    background-color: #dbd6d6;
    border-radius: 50%;
    line-height: 5em;
}

.progress-circle span {
    position: absolute;
    line-height: 5em;
    width: 5em;
    text-align: center;
    display: block;
    color: #f0b72a;
    z-index: 2;
    font-family: "Nunito Sans";
    text-transform: uppercase;
    font-weight: 600;
}
.progress-circle:not(.over50) .first50-bar {
    display: none;
}
.progress-circle.p0 .value-bar {
    display: none;
}

.value-bar {
    position: absolute;
    clip: rect(0,2.5em,5em,0);
    width: 5em;
    height: 5em;
    border-radius: 50%;
    border: .45em solid #f0b72a;
    box-sizing: border-box;
}

.roadmap_page_top {
    background-color: #f0b72a;
    padding: 20px;
}

h1.roadmap_logo {
    display: inline-block;
	width: 30%;
	margin-top: 20px;
padding-right: 20px;
}
.roadmap_info {
    display: inline-block;
    vertical-align: top;
    margin-top: 25px;
	width: 65%;
	}
	h1.roadmap_logo a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    background: url(https://staging.theagencyroadmap.co.uk/wp-content/uploads/roadmap-logo.png) left center no-repeat;
		background-size: contain;
    height: 170px;
    width: 100%;
}

#course_overview, .lesson_content {
background: #f9f9f9 !important;
}

#course_lesson_box {
padding: 0;
margin: 0 !important;
}

#course_lesson_box:first-of-type {
padding: 0 !important;
}

#course_lesson_box .course_lesson_list li a {
transition: all 0.4s ease;
background: #f9f9f9 !important;
}

#course_lesson_box .course_lesson_list li:hover a {
background: #3f3f3f !important;
color: #fff !important;
}

#course_lesson_box .course_lesson_list li a {
background: #f0b72a !important;
}

#course_lesson_box .course_lesson_list li:hover a {
background: #3f3f3f !important;
color: #fff !important;
}

#course_lesson_box:first-of-type .course_lesson_list li i {
padding-right: 6px
}

#course_overview, #content {
padding: 40px;
}

.lesson_content {
padding: 0 !important;
}

.lesson_content h1, .lesson_content h2, .lesson_content h3, .lesson_content p {
    padding: 0 30px
}

.course_sidebar {
padding: 0 !important;
}

.page_title {
background: #f9f9f9 !important;
}

.roadmap_timeline .roadmap_stage:hover, .timeline a:hover .roadmap_stage {
background: #3f3f3f !important;
}

.roadmap_timeline .roadmap_stage:hover i, .roadmap_timeline .roadmap_stage:hover a {
color: #f0b72a !important;
}

body:not(.page-template-page-homeloggedout) #header {
    background-color: #3f3f3f !important;
    background: url(https://staging.theagencyroadmap.co.uk/wp-content/uploads/header-bg.png) repeat -30px, -webkit-linear-gradient(-45deg, #3f3f3f 0, #2f2f2f 100%);
    background: url(https://staging.theagencyroadmap.co.uk/wp-content/uploads/header-bg.png) repeat -30px, linear-gradient(135deg, #3f3f3f 0, #2f2f2f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3f3f3f', endColorstr='#2f2f2f', GradientType=1);
	background-position: 0% 0% !important;
}

body:not(.page-template-page-homeloggedout) nav#nav_main {
background-color: #e6a823 !important;
}

#nav_main ul li a:hover, #nav_main ul#menu-main-menu>li.current-menu-item>a, #nav_main ul#menu-main-menu>li.highlight>a {
color: #3f3f3f !important;
}

#menu-main-menu {
text-align: center;
}

.course-category-roadmap.single-memberoni_course .page_title.course_title {
display: none !important;
}

.lesson_content h1::after, #course_overview h1::after {
content: "";
background: #f0b72a;
height: 5px;
width: 100%;
display: block;
margin: 15px 0 25px;
}

#course_overview h1:first-of-type::after {
display: none !important;
}

#course_lesson_box h1 {
font-size: 18px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
}
/* DRB adding formatting to dashboard announcements*/
.ann_highlight{
	background: #E5A823;
    line-height: 12px;
    margin-bottom: 5px;
    display: inline-block;
    padding: 5px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}
/* DRB add formatting to dashboard section titles */
#memberflix .flix_row h1.flix_row_title.watchlist_title {
    color: #ff5e6e;
}

#memberflix .flix_row h1.flix_row_title {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 10px;
}
#memberflix .flix_row p.flex_row_description {
    font-size: 16px;
    line-height: 18px;
    margin-left: 50px;
    margin-bottom: 10px;
    color: #8c8c8c;
    font-style: italic;
}

.new_roadmap_index .roadmap_stages .roadmap_stage .roadmap_stage_info {
	min-height: 260px !important;
}

.roadmap_stage_info p {
display: none !important;
}

#course_overview div.highlight {
position: relative;
}

#course_overview div.highlight:first-of-type::before {
content: '\f140';
font-family: 'Font Awesome 5 Pro';
position: absolute;
top: -20px;
left: -20px;
background: red;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
height: 45px;
width: 45px;
text-align: center;
vertical-align: middle;
line-height: 45px;
font-size: 24px;
}

#course_lesson_box.course_downloads ul li .download_type  {
transition: all 0.4s ease;
}

.lesson_content .button {
margin-right: 30px;
}

.lesson_content .lesson_nav .button {
margin-right: 0 !important;
}

#course_lesson_box.course_downloads ul li:hover .download_type {
color: #f0b72a !important
}

#course_lesson_box ul.course_lesson_list li.lesson_complete a i.fa, #course_lesson_box ul.course_lesson_list li.lesson_complete.active i.fa {
	font-size: 24px;
	color: #fff !important;
}

.page-id-2573 #content {
padding: 10px !important;
}

.page-id-2573 #content .col-third {
padding: 30px !important;
}

/* drb mobile responsive roadmap */
@media only screen and (max-width: 1365px) {
    .roadmap_side_widget {
        display:none
    }

    .roadmap_timeline .timeline {
        margin-right: -25px
    }

    #memberflix {
        padding: 0 50px
    }
}

@media only screen and (max-width: 1200px) {
    #header #nav_main ul li {
        padding-left:15px
    }

    .new_roadmap_header.roadmap_index .roadmap_logo {
        width: 10%
    }

    .new_roadmap_header.roadmap_index .roadmap_logo a {
        height: 60px!important
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline {
        width: 88%
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline {
        height: 60px;
        margin-left: 30px;
        margin-right: 0;
        margin-top: 0
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline .roadmap_stage_container .stage_wrap {
        height: 60px
    }
}


@media only screen and (max-width: 1024px) {
    .memberflix_nav a {
        width:33%;
        margin-right: .5%;
        padding: 10px
    }

    .memberflix_nav a h3 {
        font-size: 24px
    }
}

@media only screen and (max-width: 960px) {

    .roadmap_segment .segment_container {
        padding: 20px 0 20px 20px
    }

    .roadmap_segment h1.segment_title {
        width: auto;
        min-width: 65%
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage {
        padding: 50px 20px 0 0
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage:before {
        width: 110px;
        margin-left: -55px;
        height: 55px
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage .roadmap_stage_image {
        border-radius: 50%;
        width: 100px;
        height: 100px;
        padding: 0;
        border: 10px solid #f9f9f9;
        overflow: hidden;
        top: 5px;
        margin-left: -50px;
        line-height: 80px
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage .roadmap_stage_image i.fa {
        line-height: 80px
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage .roadmap_stage_info {
        padding-top: 55px
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage.current_stage .progress-circle {
        border: 10px solid #fff;
        width: 80px;
        top: 5px;
        left: 50%;
        margin-left: -50px;
        line-height: 100px;
        height: 80px
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage.current_stage .progress-circle span {
        top: 5px;
        margin-left: -40px;
        line-height: 70px;
        width: 80px;
        font-size: 26px
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage.current_stage .progress-circle .left-half-clipper {
        width: 80px;
        height: 80px;
        clip: rect(0,80px,80px,40px)
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage.current_stage .progress-circle .first50-bar {
        clip: rect(0,80px,80px,40px);
        width: 80px;
        height: 80px
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage.current_stage .progress-circle .value-bar {
        clip: rect(0,40px,80px,0);
        width: 80px;
        height: 80px
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage.current_stage .progress-circle:after {
        top: 5px;
        left: 5px;
        width: 70px;
        height: 70px
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage.completed_stage .lesson_complete_box {
        text-align: left;
        width: 100%;
        padding-right: 5px;
        font-size: 16px
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage.completed_stage .lesson_complete_box i.fa {
        margin-right: 5px
    }

    .new_roadmap_header.roadmap_index .roadmap_logo {
        display: none
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline {
        width: 100%;
        float: none
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline .roadmap_stage_container.current_stage {
        font-size: 16px
    }

    .new_roadmap .roadmap_left,.new_roadmap .roadmap_right {
        float: none;
        width: 100%
    }

    .new_roadmap .roadmap_right i.fa-arrow-left:before {
        content: "\f062"!important
    }

    .new_roadmap .roadmap_stages_list.fixed {
        position: relative!important;
        top: 0!important;
        width: 100%!important
    }

    .dashboard_roadmap .roadmap_info {
        float: none;
        width: 100%
    }

    .dashboard_roadmap .roadmap_info .roadmap_text,.dashboard_roadmap .roadmap_info h1.roadmap_logo {
        float: none;
        width: 100%
    }

    .dashboard_roadmap .roadmap_info .roadmap_text {
        height: auto;
        line-height: 18px;
        text-align: center
    }

    .dashboard_roadmap nav.roadmap_nav {
        width: 100%;
        float: none
    }

    .roadmap_top_content {
        margin-bottom: 20px
    }

    .roadmap_top_content h1 {
        font-size: 38px
    }
}

@media only screen and (max-width: 820px) {
    #new_dashboard .dashboard_top_section {
        margin-bottom:0;
        padding: 20px 0
    }

    #new_dashboard .dashboard_top_section .col-full,#new_dashboard .dashboard_top_section .col-half {
        padding-top: 0
    }

    .dashboard .dashboard_bottom .recent_posts .forum_topic_list .forum_topic {
        width: 49%
    }

    .dashboard .dashboard_bottom .recent_posts .forum_topic_list .forum_topic:nth-child(2n+1) {
        clear: left
    }

    .dashboard .dashboard_bottom .recent_posts .forum_topic_list .forum_topic h1 {
        height: 40px
    }

    .memberflix_nav a {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 5px;
        padding: 10px 20px
    }

    .memberflix_nav a h3 {
        font-size: 24px
    }

    .memberflix_nav a:after {
        display: none!important
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
        display: block;
        float: none
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage .roadmap_stage_info {
        min-height: auto
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage:last-child {
        margin-bottom: 0
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage:after {
        width: 0;
        height: 100%;
        border-top: 0;
        border-right: 10px solid #e1e1e1;
        top: auto;
        bottom: -30px;
        left: 50%;
        margin-left: -5px
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage.previous_stage:after {
        border-color: #e6a823!important
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage.completed_stage .lesson_complete_box {
        width: auto;
        padding-right: 15px;
        font-size: 20px;
        text-align: center
    }

    .new_roadmap_index .roadmap_stages .roadmap_stage.completed_stage .lesson_complete_box i.fa {
        margin-right: 15px
    }

    .new_roadmap_index .roadmap_stages .roadmap_segment.completed_segment .roadmap_stage {
        padding: 0
    }

    .new_roadmap_index .roadmap_stages .roadmap_segment.completed_segment .roadmap_stage:before {
        display: none!important
    }

    .new_roadmap_index .roadmap_stages .roadmap_segment.completed_segment .roadmap_stage .roadmap_stage_image {
        display: none!important
    }

    .new_roadmap_index .roadmap_stages .roadmap_segment.completed_segment .roadmap_stage .roadmap_stage_info {
        padding-top: 20px
    }

    .roadmap_segment .segment_container {
        padding-right: 20px
    }

    .lesson_complete_box {
        width: 100%
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline .roadmap_stage_container.current_stage i {
        display: none
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline .roadmap_stage_container .stage_wrap .roadmap_stage {
        margin-top: -15px;
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline .roadmap_stage_container .stage_wrap .roadmap_stage i {
        line-height: 30px;
        font-size: 14px
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline .roadmap_stage_container.current_stage .stage_wrap .roadmap_stage {
        width: 70%
    }

    .roadmap_index .pathway_steps .pathway_step {
        padding-top: 70px
    }

    .roadmap_index .pathway_steps .pathway_step .post_meta_wrap {
        left: 50%;
        top: 20px;
        margin-top: 0;
        margin-left: -50px
    }

    .roadmap_index .pathway_steps .pathway_step .post {
        padding-top: 70px
    }

    .roadmap_index .pathway_steps .pathway_step:first-of-type {
        padding-top: 50px
    }

    .roadmap_index .pathway_steps .pathway_step:first-of-type .post_meta_wrap {
        top: 0;
        margin-top: 0
    }

    h1.roadmap_logo {
        width: 100%!important;
        float: none!important;
        margin-bottom: 15px!important;
        margin-right: 0
    }

    h1.roadmap_logo a {
        background-position: center!important;
        height: 120px
    }

    nav.roadmap_nav {
        width: 100%;
        float: none
    }

    nav.roadmap_nav a {
        padding: 0
    }

    nav.roadmap_nav a i.fa {
        width: 70px;
        height: 70px;
        font-size: 34px;
        line-height: 50px
    }

    .roadmap_index .roadmap_info {
        width: 100%;
        float: none;
        color: #fff
    }

    li.menu_search {
        display: none!important
    }

    .roadmap_progress_container {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        margin: 0 auto 20px
    }

    .roadmap_progress_container .progress-circle {
        margin: 0 auto
    }
}

@media only screen and (max-width: 720px) {
    .new_roadmap .roadmap_content {
        padding:25px
    }

    .new_roadmap .roadmap_content table {
        font-size: 16px;
        line-height: 18px
    }
}

@media only screen and (max-width: 600px) {

    .new_roadmap table td {
        display: table-cell;
        width: auto!important
    }

    #memberflix {
        padding: 0 30px
    }

    #memberflix .flix_row h1.flix_row_title {
        text-align: center
    }

    #memberflix .flix_row h1.flix_row_title .fa-stack {
        display: none
    }

    #memberflix .flix_row p.flex_row_description {
        text-align: center;
        margin-left: 0
    }

    #memberflix .slick-arrow {
        width: 40px;
        height: 40px;
        font-size: 30px;
        line-height: 38px;
        margin-top: -15px
    }

    #memberflix .slick-arrow.slick-prev {
        left: -35px
    }

    #memberflix .slick-arrow.slick-next {
        right: -35px
    }

    .new_roadmap_main.mt40 {
        margin-top: 0!important
    }

    .new_roadmap_header.roadmap_index {
        padding: 0
    }

    .new_roadmap_header.roadmap_index .roadmap_stages_toggle {
        display: block;
        background-color: #e6a823; /*#ff5e6e;*/
        color: #fff;
        font-family: brandon-grotesque;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 18px;
        padding: 13px;
        cursor: pointer
    }

    .new_roadmap_header.roadmap_index .roadmap_stages_toggle:after {
        content: '\25bc';
        float: right
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline {
        display: none
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline {
        height: auto;
        margin: 0
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline:before {
        display: none
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline .timeline_active {
        display: none
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline .roadmap_stage_container {
        display: block;
        width: 100%
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline .roadmap_stage_container .stage_wrap {
        height: auto
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline .roadmap_stage_container .stage_wrap .roadmap_stage {
        width: 100%!important;
        height: auto;
        margin-top: 0;
        position: relative;
        top: 0;
        border-radius: 0;
        text-align: left;
        background: 0 0!important;
        font-size: 22px;
        line-height: 40px;
        border-bottom: 1px solid #e6a823;
        padding: 5px 15px
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline .roadmap_stage_container .stage_wrap .roadmap_stage strong {
        display: inline-block;
        margin-left: 15px;
        background-color: #fff;
        border-radius: 12px;
        font-size: 14px;
        text-align: center;
        line-height: 24px;
        padding: 0 10px;
        font-weight: 700;
        vertical-align: middle
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline .roadmap_stage_container .stage_wrap .roadmap_stage i {
        color: #fff!important;
        margin-right: 15px;
        display: inline-block!important;
        vertical-align: middle
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline .roadmap_stage_container .stage_wrap .roadmap_stage .roadmap_stage_title {
        display: inline-block;
        color: #fff;
        font-size: 22px;
        vertical-align: middle
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline .roadmap_stage_container:hover {
        background-color: #e6a823
    }

    .new_roadmap_header.roadmap_index .roadmap_timeline .timeline .roadmap_stage_container.current_stage {
        background-color: #e6a823 /*#ff5e6e*/
    }

    .new_roadmap_header.roadmap_index.roadmap_menu_mobile_open .roadmap_stages_toggle {
        background-color: #e6a823; /*#27bdbc*/
    }

    .new_roadmap_header.roadmap_index.roadmap_menu_mobile_open .roadmap_stages_toggle:after {
        content: '\25b2'
    }

    .new_roadmap_header.roadmap_index.roadmap_menu_mobile_open .roadmap_timeline {
        display: block
    }

    #new_dashboard .new_roadmap_header.roadmap_index .roadmap_stages_toggle {
        display: none!important
    }


    nav.roadmap_nav a {
        width: 100%;
        float: none;
        text-align: left;
        padding: 10px;
        color: #fff
    }

    nav.roadmap_nav a i.fa {
        font-size: 40px;
        line-height: 50px;
        width: 70px;
        height: 70px;
        text-align: center;
        background-color: #24acab;
        margin-bottom: 0;
        margin-right: 15px
    }

    nav.roadmap_nav a span {
        font-size: 22px;
        line-height: 70px;
        display: inline;
        vertical-align: top
    }

    .single-pathway .roadmap_nav .icon_wrap {
        display: inline
    }

    .page_title {
        text-align: center
    }

}

@media only screen and (max-width: 480px) {

    .new_roadmap .roadmap_content .action_steps p span {
        width: 83%
    }
}


#header .user_profile nav.member_menu {
display: block !important;
background: transparent !important;
position: relative !important;
top: auto !important;
right: auto !important;
margin-top: 25px;
}

#header .user_profile nav.member_menu ul {
width: auto !important;
}

#header .user_profile nav.member_menu ul li {
display: inline-block !important;
width: auto !important;
transition: all 0.4s ease;
}

#header .user_profile nav.member_menu ul li a:hover {
background: transparent !important;
color: #f0b72a !important;
}

#content_main {
position: relative !important;
}

@media only screen and (min-width:1048px) {
#content_main .sidebar-active .sticky-sidebar {
position: fixed !important;
top: 0;
width: 393px;
}
}

.wafp_main_affiliate_link_label {
font-weight: 700;
font-size: 120%;
color: #e6a823;
}

#wafp_main_affiliate_link input {
    background: #f6f6f6;
    padding: 10px;
    font-size: 15px;
margin: 15px 0 20px;
}

ul.wafp-nav-bar {
margin-bottom: 20px;
}

ul.wafp-nav-bar li a {
text-transform: uppercase;
font-weight: 800;
font-family: 'Nunito Sans','Verdana', 'Geneva', sans-serif;
text-decoration: none !important;
font-size: 16px;
transition: all 0.4s ease;
}

.wafp-dashboard-custom-message, .wafp-aff-commissions {
margin-bottom: 20px;
}

.wafp-dashboard-quick-stats span {
padding-bottom: 8px;
display: block;
}

.wafp-dashboard-quick-stats br {
display: none;
}

.jumplinks h3, .lesson_downloads h2 {
padding: 20px;
font-size: 16px;
}

.jumplinks .jumplink {
padding: 12px;
border: 1px solid #e7e7e7;
transition: all 0.4s ease;
}
.jumplinks h3, .jumplinks .jumplink:hover {
    background-color: #e6a823;
}

.dash_courses .section_title h1 {
padding: 20px 20px 0;
}

.tick-list {
list-style: none !important;
}

.tick-list li {
padding-left: 0;
padding-bottom: 10px;
list-style: none !important;
}

.tick-list li::before {
content: "\f058";
font-family: FontAwesome;
color: #2F3035;
padding-right: 15px;
}

.yellow {
color: #f0b72a;
}

.lesson_content div.highlight {
margin: 0 30px 30px;
}

/* style the accordian onthe support page */
.support_sp .su-spoiler-title{
	font-size: 20px;
    text-transform: uppercase;
    /* background-color: #E5A823;*/

}
.support_sp .su-spoiler-title:hover{

    background-color: #E5A823;
}
/* temporary change for the default course badge */
.course-listing .course-thumb {
    height: 200px;
    background: url(https://staging.theagencyroadmap.co.uk/wp-content/uploads/group_coaching_badge300.png) no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 5
}

/* Make unpurchased course padlock darker */
.course-listing.course-locked i.fa {
color: #fff;
}

/* just set bg color for sample page */
body.page-template.page-template-page-fullwidth.page-template-page-fullwidth-php.page.page-id-3514 {
    background-color: #EFB82A;
}
body.page-template.page-template-page-fullwidth.page-template-page-fullwidth-php.page.page-id-3514 #content {
    background-color: #EFB82A;
}

/* style the stars in the dashboard and my content */

#memberflix .flix_row h1.flix_row_title i.fa.fa-stack-2x {
    line-height: 40px;
    font-size: 40px;
}
#memberflix .flix_row h1.flix_row_title i.fa.fa-stack-1x {
    font-size: 20px;
    line-height: 40px;
}
#memberflix .flix_row h1.flix_row_title .fa-stack {
    line-height: 40px;
    height: 40px;
    width: 40px;
    float: left;
    margin-right: 10px;
}
#memberflix .flix_row {
    border-bottom: 5px dotted #d4d4d4;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

/* set vat smaller on front page price box */
.vat {
    display: inline-block;
    font-size: 50px;
    letter-spacing: 0px;
}

/* updates for memberoni 1.9.1.2*/
/* updating to remove custom header.php file */
#header .header_menu nav.member_menu li a {

    display: block;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

.lesson_downloads .download_links a{
   background: #f0b72a;
}
.lesson_downloads .download_links a span.download_type {
    background-color: unset; 
    color: unset;
}


#course_lesson_box  a:hover {
    background: #3f3f3f !important;
    color: #fff !important;
}