/*
 Theme Name:   Coach for change
 Description:  progressive Theme by META15.COM
 Author:       itom 
 Author URI: http://itomweb.com
 Template:     plant
 Version:      1.0.0
 Text Domain: cfc
*/

:root{
  
  --text-primary: #023054!important;
  --text-entry: #F36E1A; 
}
.fw-bold{font-weight: bold;}
.text-danger{color: red;}
.text-success{color: var(--s-accent);}
.s-container.-full {
  max-width: 100%;
  width: 100vw;
  display: flex;
  margin: 0;
  padding: 0;
  padding-bottom: 0!important;
  position: relative;
}

/********** wrapp-head-top***************/
.s-container.wrapp-head-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.s-container.wrapp-head-top  .-right{
  display: flex;
  align-items: center;
  gap: 20px;
}
.-right .zeno_font_resizer_container {
  padding: 0 10px;
  border: 1px solid #fff;
  height: 30px;
  display: flex;
  align-items: center;
  border-radius: 2px;
  position: relative;
}
.-right .zeno_font_resizer_container:before,.-right .zeno_font_resizer_container:after{
  content:'';
  width:10px;
  height:10px;
  display: inline-block;
  display: flex;
  align-items: center;
}
.-right .zeno_font_resizer_container:before{  content:'-'; padding-right: 5px;}
.-right .zeno_font_resizer_container:after{  content:'+'; padding-left: 5px;}

.-right .zeno_font_resizer_container .zeno_font_resizer{margin: 0;}

.box-btn-login{
  background-color: #fff;
  padding: 0;
  border-radius: 3px;
  display: flex;
  overflow: hidden;
}
.box-btn-login a{
  font-size:1rem;
  padding: 2px 10px;
  color: #DBD151;
  background-color: #fff;
  position: relative;
  width: 115px;
  text-align: center;
}
.box-btn-login a.active{
  background-color: #DBD151;
  color: #fff;
}
.box-btn-login a.active:hover{ 
  color: #fff;
}
.box-btn-login a:not(.active):hover{ 
  color: #b9b13e;
}
.box-btn-login a:nth-of-type(1)::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  color: #DBD151;
  background-color: #fff;
  border: 4px solid #DBD151;
  font-size: 1rem;
  line-height: 1.5;  
  width: 32px;
  height: 32px;  
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: bold;
  border-radius: 50%;
  
  margin-right: -12px;
  margin-left: -12px;
  z-index: 1;
}
/********* wrapp-menu-top **********/
.wrapp-menu-top{
  background-color: #FFFFFF;  
  color: #277241;
  border-bottom: 1px solid #dfeae3;
}
.wrapp-menu-top >.s-container{
    position: relative;
    min-height: 60px;    
    display: flex;    
    flex-wrap: wrap;    
    align-items: stretch;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { 
  color: #277241;
  font-weight: 400;
}
.box-btn-login a:active {
  opacity: 1;
}

/* .box-btn-login a:hover {
  color: #fff!important;
  background-color: #DBD151;
}
 */


.-registered .site-login{
  display: flex;
  flex-direction: column;
  height: calc(100vh - 100vh/2);
  align-items: center;
  justify-content: center;
}
.-registered .site-login .-login-bottom{
  padding-top: 60px;
}
.w-form h2{font-size: 1.45rem;}
.w-form{
  width: 100%;
  margin-left: auto;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  background-color: #f8f6dc;
  height: calc(100vh - 111px);
}
.w-form:before {
  content: '';
  width: calc(100% + 30px);
  height: 385px;
  display: block;
  position: relative;
  background-image: url(img/bg-01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  order: 2;
  margin: 0 -15px;
}
.w-form.-login:before {
  background-image: url(img/bg-02.jpg);
}
.w-form.-login.-registered:before {
  background-image: url(img/bg-03.jpg);
}
.w-form #loginform label{display: none;}
.w-form #loginform input[type='text'],.w-form #loginform input[type='password'],
.w-form #registerform input[type='text'],.w-form #registerform input[type='email']{width:100%;}
.w-form #loginform .title-social-login,.w-form #registerform .title-social-login{
  clear: both;
  width: 100%;
  text-align: center; 
  padding-top: 15px; 
  margin-bottom: -10px;
  font-weight: bold;
}
.w-form  .nsl-container-buttons{  width: 100%;}
.w-form  div.nsl-container .nsl-button-default div.nsl-button-label-container{text-align: left;}

.tutor-wrap{
  padding-top: 15px;
}