/*
Theme Name: Hello Gorgeous 2.0
Theme URI: https://helloyoudesigns.com
Description: Hello Sweets Peachy Limited Edition
Author: Hello You Designs
Author URI: https://www.helloyoudesigns.com/
Copyright: Copyright (c) 2017, Hello You Designs
Version: 2.0.2

Template: genesis
Template Version: 2.2.2

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

/* Front Page
---------------------------------------------------------------------------------------------------- */
.front-page .wrap {
max-width: 1200px;
margin: 0 auto;
width: 100%;
}

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

.front-page .site-inner {
padding: 40px 0 0;
}

.front-page .blog .widget-title {
font-size: 30px;
font-size: 3.0rem;
text-transform: none;
letter-spacing: normal;
}

.front-page .content .entry,
.journal .entry {
float: left;
width: 33.333%;
padding: 15px;
}

.front-page .entry {
margin-bottom: 30px;
}

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

.front-page .site-inner {
padding: 20px;
max-width: 400px;
width: 100%;
}

.front-page .content .entry, .journal .entry {
width: 100%;
}
}

/* Home Slide & Badge
--------------------------------------------- */

.home-slider {
background: #fff;
width: 1140px;
margin: 0 auto 20px;
overflow: hidden;
padding: 20px;
}

/* Home Grid
--------------------------------------------- */

.home-grid {
background: #fff;
line-height: 0;
width: 1140px;
margin: 0 auto 20px;
padding: 20px;
overflow: hidden;
}

.home-grid img {
-moz-transition: -moz-transform 1s ease-in;
-webkit-transition: -webkit-transform 1s ease-in;
-o-transition: -o-transform 1s ease-in;
}

.home-grid img:hover {
-moz-transform:scale(1.15);
-webkit-transform:scale(1.15);
-o-transform:scale(1.15);
opacity: 1;
}

.home-grid .entry {
margin-bottom: 0;
padding-bottom: 0;
}

/* Home grid Titles on hover
------------------------------------*/

.home-grid .entry-header::after {
display: none;
}

.home-grid .alignnone {
margin-bottom: 0;
}

.home-grid .entry-header {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}

.home-grid .widget .entry {
position: relative;
background: #fff;
border-bottom: none;
}

.home-grid .entry-title a {
font-size: 18px;
font-size: 1.8rem;
letter-spacing: 2;
text-transform: uppercase;
}

.home-grid .widget .entry:hover .entry-header {
opacity: 1;
}

.home-grid .widget .entry:hover img {
opacity: 0.5;
}

#home-one {
float: left;
width: 36%;
max-width: 400px;
margin-right: 1%;
}

#home-one .widget:nth-child(1) {
max-width: 400px;
max-height: 450px;
margin-bottom: 10px;
overflow: hidden;
z-index: 9;
}

#home-one .textwidget:before,
#home-two .textwidget:before {
content: "";
border: 1px solid #fff;
margin: 20px;
height: 260px;
width: 355px;
display: block;
position: absolute;
z-index: 1;
}

#home-one .widget:nth-child(2) {
background: #36a4cb;
max-width: 400px;
max-height: 300px;
overflow: hidden;
z-index: 9;
}

#home-two,
#home-three {
float: left;
width: 63%;
max-width: 700px;
}

#home-two .widget:nth-child(1) {
background: #36a4cb;
float: left;
width: 57.5%;
overflow: hidden;
margin-right: 1.5%;
z-index: 9;
}

#home-two .widget:nth-child(2) {
width: 41%;
overflow: hidden;
overflow: hidden;
z-index: 9;
}

#home-three {
margin-top: 10px;
max-width: 700px;
max-height: 450px;
overflow: hidden;
z-index: 9;
}

.text-box {
color: #333;
display: table-cell;
line-height: normal;
width: 400px;
height: 300px;
text-align: center;
vertical-align: middle;
padding: 28px;
position: relative;
z-index: 9;
}

.text-box .button {
margin: 10px auto;
}

/*  Home Badge
-----------------------------------------*/

#home-badge {
height: 200px;
width: 200px;
max-height: 200px;
max-width: 200px;
margin-top: 280px;
margin-left: 305px;
position: absolute;
transition: all 1s;
z-index: 9;
}

/*  Mobile for Home Grid Area
-----------------------------------------*/

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

.home-grid {
width: 800px;
}

#home-badge {
height: 150px;
width: 150px;
max-height: 150px;
max-width: 150px;
margin-top: 190px;
margin-left: 205px;
}

.text-box {
width: 273px;
height: 205px;
}

.text-box .button {
font-size: 10px;
}

#home-one .textwidget:before,
#home-two .textwidget:before {
margin: 10px;
height: 185px;
width: 253px;
}
.text-box h2 {
font-size: 1.8rem;
margin-bottom: 7px;
}
.text-box {
font-size: 1.1rem;
}
}

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

.home-grid {
width: 600px;
}

#home-one {
float: unset;
width: 100%;
max-width: 100%;
margin-right: 0;
margin-bottom: 1.5%;
}

#home-one .widget:nth-child(1) {
float: left;
width: 39.5%;
margin-right: 1.5%;
}
#home-one .widget:nth-child(2) {
float: left;
width: 59%;
}

#home-two {
width: 100%;
}

#home-three {
width: 100%;
max-width: 100%;
}

#home-one .text-box {
width: 330px;
height: 247px;
}
#home-one .textwidget:before {
width: 310px;
height: 227px;
}

#home-two .text-box {
width: 322px;
height: 241px;
}
#home-two .textwidget:before {
width: 290px;
height: 207px;
}
}

@media only screen and (max-width: 620px) {
.home-grid {
width: 500px;
}

#home-one .widget:nth-child(1) {
margin-bottom: 4px;
}

#home-three {
margin-top: 4px;
}

#home-badge {
height: 100px;
width: 100px;
max-height: 100px;
max-width: 100px;
margin-top: 150px;
margin-left: 175px;
}

#home-one .text-box {
width: 271px;
height: 203px;
}

#home-one .textwidget:before  {
width: 251px;
height: 183px;
}

#home-two .text-box {
width: 267px;
height: 198px;
}

#home-two .textwidget:before  {
width: 245px;
height: 178px;
}
}

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

.home-grid {
width: 400px;
padding: 10px;
}

#home-badge {
height: 80px;
width: 80px;
max-height: 80px;
max-width: 80px;
margin-top: 130px;
margin-left: 148px;
}

.text-box {
font-size: 1.0rem;
}

.text-box h2 {
font-size: 1.4rem;
margin-bottom: 5px;
}

.text-box .button {
font-size: .9rem;
margin: 5px auto;
padding: 6px 10px;
}

#home-one .text-box {
width: 224px;
height: 168px;
}

#home-one .textwidget:before  {
width: 204px;
height: 148px;
}

#home-two .text-box {
width: 218px;
height: 163px;
}

#home-two .textwidget:before  {
width: 198px;
height: 143px;
}
}

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

.home-grid {
width: 300px;
}
#home-badge {
height: 60px;
width: 60px;
max-height: 60px;
max-width: 60px;
margin-top: 95px;
margin-left: 108px;
}

.text-box h2 {
font-size: 1.1rem;
}

#home-one .text-box {
width: 165px;
height: 123px;
}

#home-one .textwidget:before  {
margin: 5px;
width: 153px;
height: 110px;
}

#home-two .text-box {
width: 161px;
height: 120px;
}

#home-two .textwidget:before  {
margin: 5px;
width: 150px;
height: 108px;
}
}

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

.home-slider .soliloquy-container .soliloquy-caption-inside {
padding: 30px;
}

.home-slider .soliloquy-container .slide-caption {
max-width: 960px;
margin: 0 auto;
}


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

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

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


.soliloquy-container .soliloquy-caption h2 {
font-family: 'Satisfy', cursive;
font-size: 3.5rem !important;
line-height: 1!important;
text-align: center !important;
text-transform: none !important;
letter-spacing: normal !important;
}
.soliloquy-container .soliloquy-caption h3 {
font-family: 'Montserrat', sans-serif;
font-size: 1.6rem !important;
line-height: 2 !important;
text-align: center !important;
text-transform: uppercase;
letter-spacing: 3px !important;
}

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

.soliloquy-container .soliloquy-caption a.soliloquy-button:hover {
background: #fff !important;
border: 1px solid #fff !important;
outline: 2px solid #b6b67a !important;
color: #b6b67a !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 Call to Action
--------------------------------------------- */

.home-cta {
background: #36a4cb;
border-top: 10px solid #fff;
border-left: 10px solid #fff;
width: 1110px;
margin: 10px auto;
}

.home-cta .widget {
border: 1px solid #333;
text-align: center;
position: relative;
top: -10px;
left: -10px;
padding: 30px 30px 15px;
overflow: auto;
}

.home-cta .enews-widget .widget-title {
float: left;
font-family: 'Satisfy', cursive;
font-size: 20px;
font-size: 2.0rem;
line-height: 1;
width: 25%;
padding: 20px 0 0 10px;
text-transform: none;
letter-spacing: normal;
}

.home-cta .enews-widget p {
padding: 10px 20px;
width: 30%;
margin-bottom: 0;
text-align: center;
color: #333;
float: left;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.4;
text-transform: uppercase;
}

.home-cta .enews input  {
float: left;
margin-top: 10px;
margin-bottom: 0;
margin-left: 1% !important;
width: 12%;
}

.home-cta .enews-widget input[type="submit"] {
width: auto;
padding: 9px 20px;
font-size: 10px;
}

.home-cta .textwidget  {
text-align: center;
font-size: 18px;
padding: 0 40px;
}

.home-cta .button  {
margin-top: 2%;
}

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

.home-cta,
.home-cta:after{
width: 800px;
}

.home-cta .widget {
padding: 30px;
}

.home-cta .enews-widget .widget-title {
width: 100%;
margin-bottom: 8px;
}

.home-cta .enews-widget p {
width: 100%;
}

.home-cta .enews input {
width: 33.33%;
}
}

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

.home-cta,
.home-cta:after{
width: 600px;
}
}

@media only screen and (max-width: 620px) {
.home-cta,
.home-cta:after{
width: 500px;
}
}

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

.home-cta,
.home-cta:after{
width: 400px;
}

.home-cta .enews input {
width: 49%;
}
.home-cta .enews-widget input[type="submit"] {
width: 100%;
}
}
@media only screen and (max-width: 390px) {

.home-cta,
.home-cta:after{
width: 300px;
}
}

/* Home Flexible
--------------------------------------------- */

.home-flexible {
margin: 60px auto;
}

.home-flexible .widget-title {
border-bottom: 1px solid #eee;
letter-spacing: 3px;
padding: 10px 0;
text-align: center;
}

.home-flexible .front-page .content .featured-content .entry {
margin-bottom: 4px;
padding: 0;
}

.home-flexible h1 {
font-family: 'Oswald', sans-serif;
font-size: 8.5rem;
text-transform: uppercase;
color: #eee;
letter-spacing: 20px;
word-break: break;
font-weight: 500;
text-align: center;
}

.home-flexible h2 {
color: #2f414a;
font-family: 'Playfair Display', serif;
font-size: 4.0rem;
font-weight: 700;
margin-top: -65px;
position: relative;
text-transform: uppercase;
text-align: left;
}

.home-flexible h3 {
color: #36a4cb;
font-size: 3.0rem;
font-family: 'Satisfy', cursive;
text-align: center;
text-transform: none;
letter-spacing: normal;
margin-top: -30px;
}

.home-flexible .button {
margin: 10px auto;
}

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

.home-flexible h1 {
font-size: 5.5rem;
}

.home-flexible h2 {
font-size: 2.8rem;
margin-top: -52px;
}

.home-flexible h3 {
font-size: 2.2rem;
margin-top: -20px;
}
.home-flexible h4 {
font-size: 1.4rem;
}
}


/* Home Flexible 2
--------------------------------------------- */

.home-flexible-2 {
margin: 80px auto;
text-align: center;
}

.home-flexible-2 .widget-title {
font-size: 3.6rem;
font-style: normal;
}

.home-flexible-2 .widget:first-child {
font-family: 'Playfair Display', serif;
font-size: 2.4rem;
font-weight: 400;
line-height: 1.5;
font-style: italic;
}

.home-flexible-2 h2 {
font-size: 2.5rem;
font-weight: 400;
font-style: italic;
}

/* Home Close
-------------------------------------------------*/
.home-close {
margin: 60px auto 20px;
padding: 20px;
}


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

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

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

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

.flexible-widgets.widget-fourths .widget,
.flexible-widgets.widget-halves .widget,
.flexible-widgets.widget-thirds .widget {
float: unset;
width: 100%;
max-width: 500px;
margin: 30px auto;
}
}


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

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
}

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

.front-page .wrap {
width: 100%;
}
}

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

.soliloquy-container .soliloquy-caption {
width: 80% !important;
margin-left: 10% !important;
}

.soliloquy-container .soliloquy-caption h2 {
font-size: 30px!important;
font-size: 3.8rem!important;
}

.soliloquy-container .soliloquy-caption h3 {
font-size: 10px!important;
font-size: 1.0rem!important;
}
}