/*!
Theme Name: Divi-Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
*/

/* Font sizes */
h1{
	font-size:48px;
	font-family:"Montserrat";
}
h2{
	font-size:24px;
	font-family:"Montserrat";
}
h3{
	font-size:18px;
	font-family:"Montserrat";
}
/* section above menu */
.above-menu{
}
.button-container{
}
.secondary-menu{
}
.hp-login-btn i{
	font-size:12px;
}
.hp-login-btn{
margin-bottom:10px;
}
.hp-join-btn{
margin-bottom:10px;
}
.hp-login-btn a{
	color:#fff;
	font-size:12px;
  font-weight:800;
	min-width:200px;
	background-color:#bfb0a3;
	padding:10px 20px;
	text-align:center;
	border-radius:28px;

}
.hp-join-btn a{
	color:#fff;
	font-size:12px;
  font-weight:800;
	min-width:200px;
	background-color:#8090a6;
	padding:10px 20px;
	text-align:center;
	border-radius:28px;
}
/* menu css */

/* button css */
.button {
	font-size:12px;
  font-weight:800;
	min-width:225px;
}
.button:hover{
	color:#fff;
}
#white-button.button{
	color:#8090a6;
	background-color:#fff;
	border:#fff;
    font-size:12px;
    font-weight:800;
	min-width:200px;
	padding:10px 20px !important;
	text-align:center;
	border-radius:28px;
	box-shadow:0px 2px 18px 0px rgba(0,0,0,0.3)
}
#white-button.button:hover{
	border:#bfb0a3;
}

#blue-button{
	color:#fff;
	background-color:#8090a6;
	border:#8090a6;
    font-size:12px;
    font-weight:800;
	min-width:220px;
	padding:10px 20px  !important;
	text-align:center;
	border-radius:28px;
	box-shadow:0px 2px 18px 0px rgba(0,0,0,0.3);
}
/* icons */
.icon i{
	color:#403324;
	font-size:37px;
	
}
.icon-border-round{
	border: 2px solid #403324;
	padding: 1em;
	border-radius: 50%;
	width:84px;
	display:inline-block;
}
.icon-center{
	text-align:center;
}
/* homepage program section css */


/* second version */
.prg-height-col{
	 height:300px;
}
.prg-height-col-vid{
	 min-height:300px;
}
/* end second version */
#program{
	display:flex;
	width:100%;
}
.prg-col-1{
background-color:#bfb0a3;
	width:50%;
}
.prg-col-2{
 background-color:#e2e2e2;
	width:50%;
	text-align:center;
}
	.code-dol-w{
	background-color:#fff;
}
.code-dol-t-txt{
	padding:20px;
}

.code-dol-w-txt{
	padding:20px;
}
.pg-btn a{
	text-align:center;
	color:#8090a6;
}
@media screen and (min-width:1200px){
	.code-dol-t-txt {
		padding:20px 20px 20px 250px;
}
	.code-dol-w-txt {
	padding:20px 300px 20px 20px;
}
	.code-dol-w{
	height:40%;
	background-color:#fff;
}
	.code-dol-t{
	height:60%;
	/*background-image: url("/app/uploads/2019/06/fresh-healthy-food-png-free-download-png-images-of-healthy-food-1200_798.png");*/
    background-repeat: no-repeat;
    background-size: 75%;
}
}
@media screen and (max-width:980px){
	#program{
	display:block;
	width:100%;
}
	.prg-col-1{
	width:100%;
}
.prg-col-2{
	width:100%;
}
}
.code-dol-t-txt p{
	color:#fff;
}
.op-text{
	margin-top:80px;
	padding:20px;
}
.op-text p{
	text-align:center;
}
.op-text h5{
		text-align:center;
	padding-bottom:30px;
}
.pg-btn{
	width:225px;
	margin-top:50px;
	display: inline-block;
	text-align:center;
}
.video-section{
	background-color:#8090a6;
	margin:20px;
	padding:40px 20px 20px;
}
/* Homepage pick plans section*/
.homepage-plans p{
	font-size:14px;
}

.hr{
	min-width: 50%;
  height: 3px;
}
.flex-row-wrapper {
 display: flex;
}
 
.flex-row-wrapper .et_pb_column {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}
/* Homepage gallery section */
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 20%;
  max-width: 20%;
  padding: 0 4px;
}
.column-bg{
	flex:40%;
	max-width:40%;
	padding:0 4px;
}
.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}
.column-bg img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
	
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
	.column-bg{
		flex:100%;
		max-width:100%;
	}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}
/* Homepage signup form CSS */
.sign_up_form_wrapper .wpcf7-form-control.wpcf7-date, .sign_up_form_wrapper .wpcf7-form-control.wpcf7-select {
    width: 80%;
}
.sign_up_form_wrapper .wpcf7-form-control.wpcf7-text{
	width: 90%
}
.sign_up_form_wrapper input:not([type="submit"]), .sign_up_form_wrapper select {
    border: 1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    padding: 8px 10px !important;
    margin: 6px 0;
    height: 51px;
	color:#000;
}
.sign_up-form_wrapper .one-third .su-email, .sign_up-form_wrapper  .su-interests {
    display: block;
    max-width: 280px;
    margin: 6px auto;
}

.form .su-one-third-col {
    width: 30%;
    margin-right: 3%;
    float: left;
}
.form input[type="submit"] {
    margin: 6px 0;
    height: 51px;
  padding:8px 50px;
	font-size:16px;
	    border: 1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	color:#000;
}
.form input[type="submit"]:hover {
    color: #fff !important;
    border: .0625rem solid #fff;
		background-color:rgba(0,0,0,.3) !important;
}
.form *::placeholder {
    color: #000!important;
}

@media only screen and (max-width:980px){
.form .su-one-third-col {
    width: 100%;
    float: left;
}
.form input[type="tel"],
.form input[type="text"],
.form input[type="email"],
.form input[type="date"],
.form select,
.form textarea {
  width: 100%;
	}
	.sign_up_form_wrapper .wpcf7-form-control.wpcf7-date, .sign_up_form_wrapper .wpcf7-form-control.wpcf7-select {
    width: 100%;
}
.sign_up_form_wrapper .wpcf7-form-control.wpcf7-text{
	width: 100%
}
}
/* footer css */
#footer-widgets .footer-widget li:before {
	display: none;
}
html #footer-widgets .footer-widget .et_pb_widget:not(.woocommerce) ul li {
	line-height: 15px;
	padding:10px 0 0;
}
#footer-widgets .footer-widget{
	font-size:12px;
}
#footer-widgets .footer-widget h4{
	color:#fff;
}
/* account page */
.mp_wrapper{
	width:90%;
	margin:20px 40px;
		padding-left:50px;
}
#mepr-account-nav{
	text-align:center;
	font-size:18px;
}
.mepr-account-change-password{
	font-size:20px;
}
input.mepr-submit.mepr-share-button{
	font-size:14px;
	padding:10px 20px;
}
#mepr-account-welcome-message h3{
	text-align:center;
	font-size:24px;
}