/*
Theme Name: Hello Sassafras
Theme URI: https://helloyoudesigns.com
Description: A mobile responsive and HTML5 feminine WordPress theme built for the Genesis Framework by Hello You Designs
Author: Hello You Designs
Author URI: https://www.helloyoudesigns.com/
Copyright: Copyright (c) 2017, Hello You Designs
Version: 2.0.6

Template: genesis
Template Version: 2.4.2

License: GPL-2.0+
License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* fonts
----------------------*/
.home-optin .widget-title,
.home-featured .widget-title,
.front-page .blog.widget-area .widget-title {
font-family: 'Santorini';
letter-spacing: normal;
text-transform: none;
}

.soliloquy-container .soliloquy-caption h1 {
  font-family: 'Santorini' !important;
}

/* Front Page
---------------------------------------------------------------------------------------------------- */

.front-page .site-inner {
background: #fff;
padding-top: 30px;
padding-bottom: 30px;
}

.front-page .content {
padding: 0;
}

.front-page .content .entry, .journal .entry {
border-bottom: none;
float: left;
overflow: hidden;
padding: 30px;
}

.front-page .blog {
margin-bottom: 50px;
margin-top: 30px;
}

.front-page .textwidget p {
margin-bottom: 0;
}

.front-page .blog.widget-area .widget-title {
  text-align: center;
      margin: 5% auto 10%;
      font-size: 4.0rem;
}

/* Flexible Widgets
--------------------------------------------- */

.flexible-widgets .widget {
float: left;
margin-bottom: 1px;
padding-left: 10px;
padding-right: 10px;
}

.flexible-widgets .widget:first-child {
border: none;
margin-bottom: 40px;
text-align: center;
}

.flexible-widgets.widget-full .widget,
.flexible-widgets.widget-area .widget:nth-of-type(1),
.flexible-widgets.widget-halves.uneven .widget:last-of-type {
width: 100%;
}

.flexible-widgets.widget-fourths .widget {
width: 25%;
}

.flexible-widgets.widget-halves .widget {
width: 50%;
}

.flexible-widgets.widget-thirds .widget {
width: 33.33%;
}

.flexible-widgets.widget-halves .widget:nth-child(even),
.flexible-widgets.widget-thirds .widget:nth-child(3n+2),
.flexible-widgets.widget-fourths .widget:nth-child(4n+2) {
clear: left;
}

/* Home widgets
-------------------- */
.home-slider {
overflow: hidden;
padding: 0 2% 30px;
margin-top: 30px;
}

.home-slider .soliloquy-container {
margin: 0 auto!important;
}

/* Soliloquy Captions
------------------------------------- */

.soliloquy-container .soliloquy-prev,
.soliloquy-container .soliloquy-next {
display: none !important;
}

.soliloquy-caption-inside {
background: rgba(251,251,251,.85) !important;
border: 2px solid #eee!important;
outline: 7px solid rgba(251,251,251,.5) !important;
color: #222 !important;
font-size: 2.0rem !important;
line-height: 1.5 !important;
text-shadow: none !important;
padding: 8% !important;
}

.soliloquy-container .soliloquy-caption {
width: 50% !important;
margin-left: 25% !important;
margin-bottom: 8% !important;
background: none !important;
}

.soliloquy-container .soliloquy-caption h2 {
font-size: 3.0rem !important;
line-height: 1.5 !important;
text-align: center !important;
text-transform: none !important;
letter-spacing: normal !important;
}
.soliloquy-container .soliloquy-caption h3 {
font-size: 1.6rem !important;
line-height: 2 !important;
text-align: center !important;
text-transform: uppercase;
letter-spacing: 3px !important;
}


.soliloquy-container .soliloquy-caption .button {
text-transform: uppercase !important;
letter-spacing: 2px !important;
background: #333;
border: 1px solid #fff;
outline: 1px solid #eee;
color: #fff;
margin: 12px auto 0;
padding: 10px 20px !important;
font-size: 12px !important;
font-style: normal !important;
line-height: 1.2 !important;
}

.soliloquy-container .soliloquy-caption .button:hover {
background: #e4cbcd !important;
border: 1px solid #fff !important;
outline: 1px solid #eee !important;
color: #333 !important;
}

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

.soliloquy-container .soliloquy-caption {
width: 40% !important;
margin-left: 30% !important;
font-size: 1.2rem !important;
margin-bottom: 5% !important;
}

}

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

.soliloquy-container .soliloquy-caption {
width: 60% !important;
margin-left: 20% !important;
margin-bottom: 2% !important;
}
}

@media only screen and (max-width: 700px) {
.soliloquy-container .soliloquy-caption {
width: 80% !important;
margin-left: 10% !important;
}
}

@media only screen and (max-width: 600px) {
.soliloquy-container .soliloquy-caption {
display: none !important;
}
}


.home-badge {
max-width: 150px;
max-height: 150px;
}

.home-badge .widget {
position: relative;
top: -100px;
left: -60px;
max-height: 0px;
}

.home-flexible {
padding: 0 10px;
}
.home-flexible img {
width: 100%;
}

.home-flexible .flexible-widgets .widget:first-child {
margin-bottom: 0;
}

.home-about {
margin: 30px auto;
padding: 20px;
}

.home-about .widget:nth-child(1) {
float: left;
max-width: 600px;
min-height: 450px;
background: #fff;
margin-top: 60px;
margin-left: 50px;
padding: 40px 20px;
position: absolute;
}

.home-about .widget:nth-child(2) {
float: right;
width: 50%;
background: #fff;
margin-right: 50px;
}

.home-about .button {
border: 1px solid #333;
background: #fff;
color: #333;
}

.home-about .button:hover {
border: 1px solid #333;
background: #333;
color: #fff;
}

/* Home Opptin
--------------------------------------------- */

.home-optin {
background: #faefee;
color: #222;
margin: 0 auto 30px;
padding: 30px 30px 20px !important;
}

.home-optin .enews-widget .widget-title {
border-bottom: none;
float: left;
width: 20%;
font-size: 2.8rem;
font-weight: normal;
margin-bottom: 0;
text-align: center;
padding: 0;
color: #222;
}

.home-optin .enews-widget p {
padding: 10px 20px;
width: 35%;
margin-bottom: 0;
text-align: center;
color: #222;
float: left;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.4;
text-transform: uppercase;
}

.home-optin .enews input {
float: left;
margin-top: 10px;
margin-bottom: 0;
margin-left: 1% !important;
padding: 11px;
width: 14%;
}

.home-optin input[type="submit"] {
border: 2px solid #fff;
background: #e1bdbd;
color: #fff;
}
.home-optin input[type="submit"]:hover {
border: 2px solid #fff;
background: #fff;
color: #222;
}

/* Home Featured
--------------------------------------------- */

.home-featured {
background: #faefee;
margin: 30px auto;
padding: 20px;
}

.home-featured .widget-title {
    text-align: center;
    font-size: 4.0rem;
    margin: 5% auto;
    line-height: 1;
}

.home-featured a,
.home-featured,
.home-featured p,
.home-featured .widget-title {
color: #222;
}

/* Home Featured
--------------------------------------------- */

.home-close {
margin: 30px auto;
padding: 20px;
}

.home-about .widget:nth-child(1) {
  font-size: 1.4rem;
}

.home-about h1 {
font-size: 12.0rem;
color: #fae7df;
margin: 30px auto 10px;
line-height: .5;
font-style: normal;
pointer-events: none;
text-align: center;
}

.home-about h2 {
    margin-top: -10px;
    margin-bottom: 10px;
    z-index: 9;
    text-align: center;
}


/* # Media Queries
---------------------------------------------------------------------------------------------------- */


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

.front-page .home-optin .enews-widget .widget-title {
width: 100%;
}

.front-page .home-optin .enews-widget p {
width: 50%;
}

.home-about .widget:nth-child(1) {
max-width: 450px;
min-height:  375px;
margin-top: 40px;
margin-left: 20px;
padding: 20px;
}

}


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

.home-about .widget:nth-child(1) {
float: left;
margin-top: 30px;
margin-left: 10px;
min-height: 300px;
padding: 15px;
}

.home-about .widget:nth-child(2) {
margin-right: 0;
width: 60%;
}

.front-page .home-about h1 {
font-size: 8.0rem;
}

.front-page .home-about h2 {
font-size: 2.2rem;
}

.front-page .home-about{
line-height: 1.5;
}

.home-about .button {
padding: 6px 14px;
margin-bottom: 20px;
}
}

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

.front-page .home-optin .enews-widget p {
width: 100%;
}

.front-page .home-optin .enews input {
width: 31%;
}

.flexible-widgets.widget-fourths .widget,
.flexible-widgets.widget-halves .widget,
.flexible-widgets.widget-thirds .widget,
.front-page-2 .flexible-widgets.widget-halves .widget,
.front-page-2 .widget {
width: 100%;
}

.home-slider {
padding: 0 10px 10px;
margin-top: 10px;
}

.home-about {
margin-top: 10px;
padding-top: 0;
}

.home-about .widget:nth-child(1) {
width: 100%;
margin-top: 0;
margin-left: 0;
position: unset;
}
.home-about .widget:nth-child(2) {
width: 100%;
}

.home-optin .enews-widget .widget-title {
font-size: 20px;
font-size: 2.0rem;
}

.home-optin .enews-widget p {
font-size: 10px;
font-size: 1.0rem;
}
}

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

.home-badge {
max-width: 100px;
max-height: 100px;
}
.home-badge .widget {
top: -70px;
left: -10px;
}

.flexible-widgets.widget-fourths .widget,
.flexible-widgets.widget-halves .widget,
.flexible-widgets.widget-thirds .widget,
.front-page-2 .flexible-widgets.widget-halves .widget,
.front-page-2 .widget {
width: 100%;
}

}