/*
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: 1.0.1

Template: genesis
Template Version: 2.4.2

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

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

/*.front-page .content .entry:first-of-type, .journal .entry {
width: 100%;
}*/

.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;
}

/* 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;
}

.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: #354259;
color: #fff;
margin: 0 auto 30px;
padding: 30px 30px 20px !important;
}

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

.home-optin .enews-widget p {
padding: 10px 20px;
width: 35%;
margin-bottom: 0;
text-align: center;
color: #fff;
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: #caa4b1;
color: #fff;
}
.home-optin input[type="submit"]:hover {
border: 2px solid #fff;
background: #fff;
color: #354259;
}

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

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

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

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

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


/* # 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 .accent-text h1 {
  font-size: 80px;
  font-size: 8.0rem;
}

.front-page .home-about .accent-text h2 {
    font-size: 22px;
    font-size: 2.2rem;
}

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

playfair {
    font-size: 30px;
    font-size: 3.0rem;
}

.home-about .button {
padding: 8px 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%;
}

}