/* Tracker
--------------------------------------------------*/
@import "tooltipster.css";

#content{
	padding:0px;
}
.comment_all_wrap{
	margin-bottom:16px !important;
}
.tracker-onprogress hr.break{
	display:none;
}
.post-pagination-prev, 
.post-pagination-next{
	background:#D9F0EA;
}
.post-pagination-prev:hover, 
.post-pagination-next:hover{
    background: rgba(230, 244, 241, 1);
}
.tracker-wrapper .tracker-header,
.tracker-wrapper .post-heading-text,
.tracker-wrapper .tracker-weeks,
.tracker-wrapper .tracker-controls{
	display:none !important;
}
.bottom_track_control .tracker-controls{
	display:block !important;
	background:none;
}
.post-heading-text{
	text-align:center;
	font-size:18px;
	line-height:28px;
	padding-top: 8px;
	}
.tracker-wrapper,
.tracker-controls-wrapper{
	background:#F0F5F3;
	padding:0 16px;
}
.tracker-controls-wrapper{
	overflow:hidden;
}	
.weekly_post_title,
.post-heading-text,
.tracker-weeks,
.week_page_breadcrumb_wrapper{
	background:#E2ECE6;
	}
.week_page_breadcrumb_wrapper .adthrive-ad{
	display:none;
}
.tracker-weeks{
	padding-top: 21px;
    padding-bottom: 37px;
}
.tracker-wrapper .container{
	padding:0px;
	display:block;
	}
.container:not(.breadcrumb){
	max-width:705px;
}
.article,
.article p,
.source_reference_content{
	font-size:16px;
	line-height:26px;
}
.weeks-option{
	display:flex;
	gap:8px;
	align-items:center;
	justify-content:center;
	}
.weeks-option br{
	display:none;
	}
.weeks-option a{
	width:28px; 
	height:28px;
	border-radius:50%;
	background:#ffffff;
	position:relative;
	}
.weeks-option a span{
	position:absolute;
	top:-35px;
	display:block;
	padding:0 8px;
	width:max-content;
	color:#fff;
	font-size:12px;
	text-align:center;
	border-radius:4px;
	background:#3E8373;
	left:50%;
	transform: translate(-50%, 0);
	display:none;
	}
.weeks-option a.active, 
.weeks-option a:hover{
	background:#3E8373;
	}
.weeks-option a:hover span{
	display:block;
	}
.weeks-option a span:after {
    content: "";
    position: absolute;
    top: 100%;
    left:50%;
	transform: translate(-50%, 0);
    border-width: 6px;
    border-style: solid;
    border-color: #3E8373 transparent transparent;
}	

.weeks-label{
	display:table;
	margin:0px auto;
	width:1360px;
	text-align:left;
	padding-top:8px;
	}
.weeks-label br{
	display:none;
	}
.weeks-label label{
	display:inline-block;
	margin:0;
	padding:0;
	line-height:24px;
	color:#1E3844;
	font-size:14px;
	font-weight:500;
	}
.weeks-label label.child1{float:left;}
.weeks-label label.child2{margin-left:56px;}
.weeks-label label.child3{margin-left:182px;}
.weeks-label label.child4{margin-left:123px;}
.weeks-label label.child5{margin-left:193px;}
.weeks-label label.child6{float:right;}



.tracker-controls{
	position:relative;
	background:#ffffff;
	border-radius:4px;
	width:705px;
	max-width:100%;
	margin:24px auto;
	padding:16px;
	}
.tracker-control{
    display: flex;
    justify-content: space-between;
    width: calc(100% - 32px);
    position: absolute;
    align-items: center;
    height: calc(100% - 32px);
}
.tracker-control br{display:none;}
.tracker-control a{
	width: 48px;
    height: 48px;
	background: none !important;
    color: #7D9CAA !important;
	padding:0px;
	font-size:10px;
	line-height:23px;
	font-weight:600;
	position:relative;
}
.tracker-control a:before{
	width: 48px;
   height: 48px;
   background: #7D9CAA1F url(../new_design_things/css/images/icon_arrows/arrow_Foundation_Secondary_A.svg) center no-repeat;
   background-size: 15px;
   transform: rotate(0);
   position: absolute;
   content: '';
   border-radius:50%;
   right:0px;
}
.tracker-control a:hover:before{
	background: #fafafa url(../new_design_things/css/images/icon_arrows/arrow_Foundation_Secondary_A.svg) center no-repeat;
	background-size: 15px;
}
.tracker-control a:hover{
	background: none !important;
}
.tracker-control a.ctrl-prev:before{
	transform: rotate(-180deg);
	left:0px;
}
.tracker-control a span{
	position: absolute;
    left: 0;
    bottom: -21px;
	white-space: nowrap;
}
.tracker-progress{
	margin:0 auto;
	position: relative;
	width: 122px;
	height: 122px;
}
.tracker-progress .progress-bar{
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(
    #2B6B5C 0% 25%, /* Green segment */
    #E3ECE8 25% 100% /* Gray background */
  );
}
.progress-bar-inner{
    position: absolute;
    top: 5px;
    left: 5px;
    width: 112px;
    height: 112px;
    background-color: #ffffff;
    border-radius: 50%;
}
.progress-bar-text{
	display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
	flex-direction: column;
}
.txt_week_number{
	font-weight:600;
	font-size:24px;
	line-height:22px;
	color: #1E3844;
}
.txt_week{
	font-weight:500;
	font-size:16px;
	line-height:24px;
	color: #1E3844;
}
.txt_remainig_week{
	font-weight:500;
	font-size:9px;
	line-height:12px;
	color:#5A7A88;
	padding:0 4px;
	text-align:center;
}
.weekly_post_title,
.post-heading-text{
	padding-left:16px;
	padding-right:16px;
	}

@media only screen and (max-width:1370px){
.tracker-weeks{
	display:none;
	}
.weekly_post_title, 
.post-heading-text, 
.tracker-weeks, 
.week_page_breadcrumb_wrapper{
	background: #f0f5f3;
	}	
.weekly_post_title{
	padding-top:0px !important;
	}	
}


/***** old default css *********/
.tracker-onprogress,
.widget_article_notes.source_reference_content,
.author_wrap_all,
.post-controls,
.comment_all_wrap{
	max-width:705px;
	margin:0 auto;
}
.onprogress-content{
	position:relative;
	padding:0px 0px 0px;
	}
.onprogress-content > .onprogress-post{
	position:relative;
}	
.opost-row .row .col-xs-12.col-sm-6 .onprogress-post::before,
.onprogress-content > .onprogress-post:before,
.main-content-section:before{
	content: "";
    position: absolute;
    left: 20px;
    top: -32px;
    bottom: 0;
    width: 2px;
    height: 150px;
    background: #b8ccc2;
	}
.main-content-section:before{
	height:32px;
}	
.opost-row .row .col-xs-12.col-sm-6:nth-child(2) .onprogress-post::before{
	height: calc(100% + 50px);
}
.onprogress-content > .onprogress-post:before{
	height:100%;
}
.onprogress-content > .onprogress-post:first-of-type:before{
	top:0px;
}	
.opost-row .row .col-xs-12.col-sm-6 .onprogress-post > div{
	position:relative;
}	
.onprogress-content > .onprogress-post .opost-body,
.onprogress-content > .onprogress-post .onprogress-keys,
.main-content-section,
.widget_article_notes.source_reference_content,
.author_wrap_all,
.onprogress-note{
	background: #fff;
    position: relative;
	border-radius:4px;
	padding:16px;
	z-index:2;
}
.main-content-section div+h3,
.main-content-section div+p{
	padding-top:16px;
}
.onprogress-note p{
	margin:16px 0 0 0;
}
.onprogress-note p:first-child{
	margin-top:0px;
}
.main-content-section{
	margin-bottom:0px;
	position: relative;
    z-index: 1;
}
/*.onprogress-content > .onprogress-post .opost-heading{
	background:#C7D9D1;
	padding:4px 8px;
	width: fit-content;
}*/
.onprogress-content > .onprogress-post:not(.mobile-post) .opost-heading .styleh4{
	background:#C7D9D1;
	padding:4px 8px;
	width: fit-content;
	font-size:12px;
	line-height:20px;
	font-weight:600;
}
.onprogress-content > .onprogress-post .opost-title .styleh2{
	font-size:20px;
	line-height:26px;
	font-weight:600;
	padding-bottom:8px;
}
.onprogress-content > .onprogress-post .opost-content .row{
	display:flex;
	gap:16px;
}
.onprogress-content > .onprogress-post .opost-content .opost-image{
	width: 300px;
    height: 200px;
	border-radius:4px;
}
.onprogress-content > .onprogress-post .opost-content .opost-image img {
    width: 100%;
    margin-top: -50px;
}
.onprogress-status,
.weekly-text-box,
.weekly-tabs{
	position:relative;
	z-index:2;
	padding:12px 16px;
	background:#fff;
	border-radius:4px;
	}
.weekly-text-box{
	margin-bottom:24px;
}	
.onprogress-status .status-text{
	display: flex;
    align-items: center;
	font-size:20px;
	font-weight:600;
	}
.onprogress-status .status-text img{
	margin-right:5px;
	width:48px;
	height:48px;
	}
.opost-row{
	position:relative;
}	
.opost-row .row{
	display:flex;
	gap:16px;
	justify-content:space-between;
	position:relative;
}
.opost-row .row > div{
	flex:1;
}
.opost-row .onprogress-post{
	position: relative;
    z-index: 1;
}
/*.opost-heading{
	background:#FFE9B7;
	padding:4px 14px;
	border-radius:8px 8px 8px 0px;
	text-align:center;
	margin:32px 0 12px 0px;
    position: relative;
}*/
.opost-heading .styleh4,
.opost-heading h2{
	background:#FFE9B7;
	padding:4px 14px;
	border-radius:8px 8px 8px 0px;
	text-align:center;
	margin:32px 0 12px 0px;
    position: relative;
	font-weight:600;
	font-size:16px;
	line-height:26px;
	z-index:2;
}	
.opost-heading .styleh4.keybox,
.single .opost-heading h2{
	background:#BFD8E3 !important;
	font-size:16px !important;
	line-height:26px !important;
}
.styleh4.keybox::first-letter {
    text-transform: uppercase;
  }
.opost-heading h2{
	display:block;
}
.opost-row .row .col-xs-12.col-sm-6:nth-child(2) .opost-heading .styleh4{
	background:#BFD8E3;
	width: fit-content;
}
.onprogress-content .int .w-b-img {
    width: fit-content;
    margin: 0 auto;
}
.onprogress-content .int-help,
.onprogress-content .int-ayuda{
    font-size: 10px;
	font-weight:600;
    text-align: right;
	color:#959292;
	padding:8px;
	background:#ffffff;
	position:relative;
	z-index:2;
}
.onprogress-content .int {
    position: relative;
}
.onprogress-content .int .int-pin {
    position: absolute;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    background: #3E8373;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}
.onprogress-content .int br,
.opost-row hr{
    display: none;
}
.tracker-onprogress .mobile-post {
    display: none;
}
.opost-row .row .col-xs-12.col-sm-6:nth-child(1) .opost-content{
	background:#ffffff;
	border-radius:0px 4px 4px 4px;
}
.onprogress-highlight ul li{
	background:#ffffff;
	padding:12px 16px;
	margin-bottom:4px;
	border-radius:4px;
}
.opost-button{
	position: relative;
    z-index: 1;
}
.opost-button a{
	font-size:14px;
	display:block;
	margin-top:8px;
	line-height: 26px;
}
.onprogress-highlight ul{
	margin:0px;
}
.onprogress-post.mobile-post .opost-body{
	background: #fff;
    border-radius: 0 4px 4px;
	padding:16px;
}
.onprogress-post.mobile-post .opost-body .opost-title{
	position:relative;
	z-index:1;
}
.onprogress-post.mobile-post .opost-body .opost-title .styleh2{
	font-size:18px;
	font-weight:600;
	line-height:28px;
}
.opost-image {
    position: relative;
    height: 200px;
    width: 100%;
    max-width: 300px;
    overflow: hidden;
}
.onprogress-post.mobile-post .opost-body .opost-image img {
	display: block;
	margin: auto;
	margin-top: -50px;
    }
.opost-text a{
	color: var(--Link_color);
	font-weight:600;
}	
.tracker-wrapper ol{
	margin:0 0 0 18px;
}
.tracker-wrapper ol li{
    margin-bottom: 16px;
    list-style: inherit;
	border-bottom:solid 1px #EDE7E7;
	padding-bottom:16px;
	padding-left:14px;
}
.tracker-wrapper ol li:last-child{
    margin-bottom: 0px;
	border-bottom:0px;
	padding-bottom:0px;
}
.tracker-wrapper ol li::marker{
    color: var(--Foundation_Secondary_A) !important;
    font-weight: var(--font_bold);
}
div[id^="cls-video-container"].adthrive,
.opost-heading .adthrive-ad{
	background:#ffffff;
	border-radius:4px;
	padding:8px;
	margin-top:16px;
	margin-bottom: 0 !important;
    z-index: 2;
    position: relative;
}
.onprogress-highlight{
	position:relative;
	z-index:2;
}
@media only screen and (max-width: 767px) {
.tracker-onprogress .desktop-post {
    display: none;
   }
.tracker-onprogress .mobile-post {
    display: block;
   }
.opost-row .row {
    flex-direction: column;
	gap:0px;
	} 
.opost-row:after{
	display:none;
	}
.onprogress-content > .onprogress-post .opost-content .row{
	flex-direction:column;
	gap:12px;
	}
.author_wrap_all {
        width: calc(100% + 32px);
        margin-left: -16px;
    }	
}