/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

.page-template-page-speaking #content {
    max-width: 1040px;
    margin: 0 auto;
}

.page-template-page-home #hero .content {
  max-width: 43vw;
}

.page-template-page-home #hero .content h1 {
  font-size:7.5vw;
}

.page-template-page-home #hero .content h1 span {
  font-size:11.375vw;
}

@media screen and (min-width:1201px) {
  .page-template-page-home #homecallout .box {
    padding:70px 62px 30px;
  }
}

@media screen and (max-width:1200px) {
    .page-template-page-home #homecallout .box {
        line-height:1.8em;
    }
}

.page-template-page-home #homecallout .box {
    line-height:1.8em;
}

.page-template-page-home #homecallout .box p {
  max-width:100%;
}

@media screen and (max-width: 767px) {
  .page-template-page-home #hero .content {
    max-width: 100%;
  }

  .page-template-page-home #hero .content h1 {
    font-size:42px;
  }
}

.page-template-page-about .about-content {
    background-size: 400px;
    background: #bfccd6;
}

@media screen and (max-width: 1200px) {
  .page-template-page-about .about-content {
    background-size: 31%;
  }  
}

@media screen and (max-width: 1023px) {
  .page-template-page-about .about-content {
    background-position:88% 37px;
  }  
}

@media screen and (max-width: 767px) {
  .page-template-page-about .about-content {
    background-size: 100px;
  }  
}

.page-template-page-contact .hero-text h3 {
  color:white;
}

@media screen and (min-width: 641px) {
.page-template-page-contact .contact-row .form-wrapper .gform_wrapper input[type="submit"] {
  width:calc(100% - 16px);
}
}

@media screen and (min-width:768px) {
.page-template-page-contact .hero-text {
margin-top:90px;
}
}

#mission .right {background-image:url('http://lavernecox.wpengine.com/wp-content/uploads/2017/04/laverne-optin.jpg');background-size:cover;padding-top:22vw;}
#mission .left .content {top:31%;}
@media only screen and (max-width : 767px) {
#mission .right {padding-top:40vw;min-height: 80vw;}
}
#topbar #logo, .page-template-page-home #topbar #logo {font:normal 300 42px 'Open Sans'; letter-spacing:0.03em;color:#ffffff;width:270px;}
.page-template-page-home #topbar.scroll #logo, #topbar.scroll #logo {margin:0;width:280px;height:58px;}
#topbar.scroll #logo {color:#fff !important;}
#topbar #menu-trigger {top:0;}
#topbar #menu-trigger div:nth-of-type(1) {top:21px;}
#topbar #menu-trigger div:nth-of-type(2) {top:28px;}
#topbar #menu-trigger div:nth-of-type(3) {top:36px;}

.page-template-page-about .about-content {
  background-position: 82% 0;
    background-size: 170%;
    background-color: #bfccd6;}

@media screen and (max-width: 1200px) {
.page-template-page-about .about-content {
    background-size: 170%;
    background-repeat:no-repeat;
}
}

@media screen and (max-width: 1023px) {
  .page-template-page-about .about-content {
    background-size: 170%;
    background-position: 82% 0;
    background-repeat:no-repeat;
  }
}
  
  @media screen and (max-width: 767px) {
.page-template-page-about .about-content {
    background-size: 410px;
    background-position: 100% 0;
    background-repeat:no-repeat;
}
}

@media screen and (min-width: 1441px) {
  .page-template-page-about .about-content {
    background-position: 86% -70px;
    background-size: 2020px;
}
}
  
#bodywrap {margin-top:57px;}
.juicer-feed.modern li.feed-item.juicer {display:none !important;}
#connect .inner .tree section.snapchat img {width:280px;}
.button.lavender:hover,button.lavender:hover{background:#ffffff;color:#b780da;opacity:1;}
#mission .right input[type="submit"] {background:#b780da;}
#mission .right input[type="submit"]:hover {background:#232f47;opacity:1;}
.page-template-page-home #hero {padding-top: calc(6vw + 66px);}
.page-template-page-home #homecallout .box .button {padding: 7px 16px;font-weight: 400;letter-spacing: 0.05em;}

@media screen and (max-width:767px) {
  	.page-template-page-home #hero {padding-top:calc(32vw + 66px);}
  
	#connect .inner .tree section.snapchat img {
  	  margin-left: calc(50% - 140px);
	}
}

#topbar {
  min-height:66px;
}



@media screen and (max-width:782px) {
  #topbar {
    min-height:54px;
  }
  
  #topbar #logo, .page-template-page-home #topbar #logo {
	font-size: 30px;
    line-height: 50px;
  }
}

#shop-products .shop-grid {
    justify-content: flex-start;
}
#shop-products .featured-product.bottom{
  margin-top:0;
}
#shop-products .featured-product{
  display:table;
  margin-bottom:0;
}

#collaborations .collab-bottom {margin-top:0}

@media screen and (min-width:1900px) {
.page-template-page-about .about-content { 
	background-size:100%;
	background-repeat:no-repeat;
	}
}
.page-template-page-about .about-content .column img.mobileonly {display:none;}
@media screen and (max-width: 767px) {
	.page-template-page-about .about-content .entry-header {min-height:50px;width:100%;}
.page-template-page-about .about-content {
    background-color:#fff;
	background-image:none !important;}
	.page-template-page-about .about-content .column img.mobileonly {display:block;}
}