@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

*************************************************/

/*********************
BASE STYLES
*********************/
html {
    margin-top: 0px !important;
}

body{
  font-family: 'Open Sans', sans-serif;
  background-image: url("/wp-content/themes/better-life-template/assets/images/bg-pattern.jpg");
}

.info-bar{
  background-color: #fff;
}

.info-bar-content{
  padding-top:10px;
}

.brand {
    max-width: 350px;
    width: 100%;
}

.mmc-branding{
  float: right;
}

.home .page-title {
    display: none;
}

.stripe-small{
  padding-top: 5em;
  padding-bottom: 5em;
}

.stripe-medium{
  padding-top: 9em;
  padding-bottom: 9em;
}

.stripe-large{
  padding-top: 15em;
  padding-bottom: 15em;
}

.social-links-mini{
  display: inline;
}

.social-links-mini a{
  padding-right: 10px;
}

.login-button {
    border-radius: 0px 0px 10px 10px;
    background-color: #5e0f8b;
    float: right;
    padding: 10px;
}

.login-button a{
  color: white !important;
}

.secondary-header {
    padding: 3em;
    background-size: cover;
}

.secondary-header h1{
    color: #fff;
}

.field-wrap > div input, .field-wrap textarea, .field-wrap select {
    background-color: #efefef;
    box-shadow: none;
    border: none;
    padding: 12px;
    padding-right: 20px;
    text-transform: capitalize;
}

.field-wrap input[type=button]{
  background-color: #5e0f8b;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
}

.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, .vc_section.vc_section-has-fill+.vc_section {
  padding-top: 20px;
  padding-bottom: 20px;
}

.caldera-grid label {
    margin-top: 20px;
  }

.caldera-grid input[type=submit] {
    margin-top: 20px;
}

/* @Primary Navigation
===================================== */

#mainNavBar li a {
  font-weight: 300 !important;
}

.hideShow{
	display:block !important;
}

#navigationWrapper{
	background: #fff;
	color:#435464;
	width:100%;
	height:auto;
	padding:0 1.55em;
}

#mainNavBar ul{
	list-style:none;
	margin:1.55em 0 0;
	padding:0;
	font-size: inherit;
	float:right;
}

#mainNavBar li {
	padding:0;
	position: relative;
	float:left;
	font-size: 1.15em;
}

#mainNavBar li a{
	font-weight:700;
	text-align:center;
	text-decoration: none;
	color:#5e0f8b;
	line-height: normal;
	text-transform:uppercase;

	display: block;
    padding: 0.55em 0.75em;

	 transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

#mainNavBar li a:hover{
	color:#90a301;
	text-decoration:none;
}

#mainNavBar li.current-menu-item a,
#mainNavBar li.current-page-ancestor a,
#mainNavBar li.current_page_ancestor a,
#mainNavBar li.current_page_item a{
	color:#5e0f8b;
	text-decoration:none;
}

#mainNavBar li:last-child{
	padding-right:0;
}

/* @end Primary Navigation
===================================== */

/* @Main Menu Drop Down Menus
===================================== */
#mainNavBar li ul{
	position:absolute;
	z-index: 1500;
	clear:both;

	width:auto;
	height:0;
	overflow: hidden;
	margin:0 0 0 0;
	border-top: none;

	opacity:0;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

#mainNavBar li:hover ul{
	height:auto;
	overflow: visible;
	padding:0;
	opacity:1;
  color: #90a301;
	left:0;

	-webkit-box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.5);
}

#mainNavBar li li ul{
	width:auto;
	height:0;
	overflow: hidden;
	opacity:0 !Important;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;

	left:3000px;
	top: 0;
}

#mainNavBar li li:hover ul{
	height:auto;
	overflow: visible;
	padding:0;
	opacity: 1 !Important;
  color: #90a301;
	-webkit-box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.5);

	z-index:1000;
}

#mainNavBar li li{
	float: none;
	padding:0;
	margin:0;
	height: auto;
	font-size: 0.95em;
	text-align:left;
	min-width: 250px;
	top: 0;
}

#mainNavBar li.current_page_ancestor li a,
#mainNavBar li.current_page_item li a,
#mainNavBar li li a{
	display: block;
	padding: 0.75em 2em 0.75em 1.25em;
	margin:0;

	text-align:left;
	font-size:0.95em;
	text-transform:none;
	font-weight:400;
	color:#5e0f8b !important;
	line-height: 1.25em;

	background:rgba(255,255,255,0.95);
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	border-bottom: 1px solid rgba(180, 180, 180, 0.25);
}

#mainNavBar li li:last-child a{
	border-bottom: none;
}

#mainNavBar li li:last-child li a{
	border-bottom: none;
}

#mainNavBar li li.current_page_item a,
#mainNavBar li li a:hover{
	color:#5e0f8b !important;
	background:rgba(255,255,255,1);
}
/* @end Main Menu Drop Down Menus
===================================== */
/* @Off Canvas List
===================================== */
#mobileMenuWrapper{
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	z-index:99;
	height:100%;
	width:100%;
	background: #9339c6;
	display:none;
	opacity:0;

	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

ul.off-canvas-list {
	list-style-type: none;
	padding: 0;
	margin: 0 0;
    font-size: 1em;
}

ul.off-canvas-list li  {
	margin:0;
}

ul.off-canvas-list li a {
	display: block;
    padding: 1em 1em 0.75em;
	text-decoration:none;
    color: #fff;
    border-bottom: solid 1px rgba(255, 255, 255, .25);
    font-size: 1em;
    font-weight: 700;
}

ul.off-canvas-list li:first-child a {
	border-top: none;
}

ul.off-canvas-list li.current-menu-item a,
ul.off-canvas-list li.current-page-ancestor a,
ul.off-canvas-list li.current_page_ancestor a,
ul.off-canvas-list li.current_page_item a,
ul.off-canvas-list li a:hover {
	background: #5e0f8b;
}

ul.off-canvas-list li ul{
	margin:0;
}

ul.off-canvas-list li li  a{
	padding-left: 2.55em;
	 font-weight: 400;
}

ul.off-canvas-list li li:first-child a{
	border-top: none;
}

ul.off-canvas-list li li:last-child li a{
	border-bottom: none;
}

.menu-icon {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 1.25em;
    top: 1.25em;
	margin: 0;

  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.menu-icon span{
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #5e0f8b;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.menu-icon span:nth-child(1) {
	top: 0px;
}

.menu-icon span:nth-child(2) {
	top: 8px;
}

.menu-icon span:nth-child(3) {
	top: 16px;
}

.menu-icon.open span:nth-child(1) {
	top: 8px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.menu-icon.open span:nth-child(2) {
	opacity: 0;
	left: -60px;
}

.menu-icon.open span:nth-child(3) {
	top: 8px;

	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

/* @end Off Canvas List
===================================== */

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

  .ml-close {
    display: none;
  }

	.brand{
		float: right;
		margin: -0.55em 1em 0;
	}


	#mobileNav{
		width:100%;
		background: #fff;
		border-bottom: none;
		position: fixed;
		text-align: center;
    	z-index: 1000;
		padding: 1.25em 0 0.75em;
		top:0;
	}


	.brand {
		width:30%;
		max-width:100%;
	}

  .secondary-header {
      padding: 1em;
      margin-top: 4em;
  }
}

/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  color: #5e0f8b;
  font-family: 'Open Sans', sans-serif;
}

a {
  color: #5e0f8b;
  font-family: 'Open Sans', sans-serif;
}

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1{
  font-size: 4em;
  color: #5e0f8b;
}

h2{
  font-size: 3.2em;
  color: #5e0f8b;
}

h3{
  font-size: 2.2em;
  color: #5e0f8b;
}

h4{
  font-size: 1.5em;
  color: #5e0f8b;
}

h5{
  font-size: 1em;
  color: #5e0f8b;
}

h6{
  font-size: 1em;
  color: #5e0f8b;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
}

.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text p {
  color: #fff;
}


h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
}

p{
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1em;
}

ul {
    font-size: 1.1em;
}

.vc_btn3{
  font-family: 'Open Sans', sans-serif !important;
}

.vc_btn.white-text{
  color: #fff;
}

.wpb_content_element{
  margin-bottom:0px;
}

.home-box{
  min-height: 500px;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color: #5e0f8b !important;
}

.white-text li {
    color: #fff;
}

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }

/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }

/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {

}

#content {
    min-height: 50%;
}

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 1em; }

.full-width {
}

.footer {
  background-color: #efefef;
  padding: 2rem 4rem;
}

.footer h4 {
  font-size: 1em;
  margin-top: 2.5rem;
  margin-bottom: 10px;
}

.footer p, .footer a {
  font-weight: 300;
  font-size: .8em;
}

.footer-links {
  list-style-type: none;
}
.footer-links li {
  margin-top: .5em;
}

.bottom-bar {
    padding: 24px 0 10px;
    background-color: #5e0f8b;
}

.bottom-bar p{
  color: #fff;
}

.bottom-bar a{
  color: #fff;
}

@media only screen and (min-width: 40.063em) {
  .footer .columns:nth-child(n+2) {
  }
}

/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
@media only screen and (max-device-width: 480px) {
  .branding, .source-org{
    float: none;
    width: 100%;
    text-align: center;
  }

  .footer {
    padding: 1rem;
  }
  .stripe-large, .stripe-medium, .stripe-small{
    padding-top: 0;
    padding-bottom: 0;
  }

  .mmc-branding {
    text-align: center;
    float: none;
  }

  h1 {
    font-size: 3em;
}

.white-bg{
  background-color: rgba(255,255,255, 0.8);
}

.dark-bg{
  background-color: rgba(0,0,0, 0.5);
}

}

/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet.

Remember to add things that won't make sense to print at
the bottom. Things like nav, ads, and forms shouldbe set
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }