/*
Theme Name: Hello Beaches
Theme URI: http://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) 2019, Hello You Designs
Version: 1.0.4

Template: genesis
Template Version: 2.6.1

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

/* Front Page
---------------------------------------------------------------------------------------------------- */
.image-section-1 h2,
.home-grid h1,
.home-testimonials h2,
.home-flexible .widget-title,
.home-close .widget-title,
.image-section .widget-title,
.home-testimonials .entry-content,
.front-page .blog .widget-title,
.home-about-2 .widget-title,
.home-full .widget:nth-child(1) .widget-title,
.home-full .widget:nth-child(2) .widget-title,
.home-full .widget:nth-child(3) .widget-title  {
font-family: 'SLB';
}

.image-section-1 h3,
.soliloquy-container .soliloquy-caption h3,
.home-grid .button,
.image-section-1 .button,
.home-testimonials .entry-title,
.home-two .widget:nth-child(1) .widget-title,
.home-one .widget:nth-child(2) .widget-title,
.home-grid .entry-title a,
.home-grid-2 .entry-title a,
.image-section-3 .entry-title  {
font-family: 'Pathway Gothic One', sans-serif;
}

.front-page .site-container {
overflow: hidden;
}

.front-page .site-inner {
background: #fff;
padding: 5% 5% 0;
margin: 0 auto;
width: 100%;
max-width: 100%;
}

.front-page .content-sidebar-wrap {
max-width: 1200px;
margin: 0 auto;
}

.full-width-content.front-page .content{
max-width: 900px;
float: unset;
margin: 0 auto 5%;
padding: 2%;
}

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

.home-flexible .widget-title,
.image-section .widget-title,
.home-optin .widget-title {
font-size: 8.0rem;
letter-spacing: normal;
text-transform: none;
text-align: center;
max-width: max-content;
position: relative;
margin: 0 auto;
z-index: 3;
}

.blog .content .widget-title {
font-size: 8.0rem;
letter-spacing: normal;
text-transform: none;
text-align: center;
max-width: max-content;
position: relative;
left: -12%;
margin-bottom: -10%;
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
z-index: 3;
}


.home-flexible .widget-title::after,
.image-section .widget-title::after {
background: #fee5e0;
display: block;
content: " ";
width: 100%;
height: 40px;
position: relative;
top: -45px;
left: 20px;
z-index: -1;
}

.blog .content .widget-title::after {
  background: #fee5e0;
  display: block;
  content: " ";
  width: 100%;
  height: 40px;
  position: relative;
  top: -45px;
  left: 20px;
  z-index: -1;
  max-width: 250px;
}

.front-page .woocommerce ul.products li.product {
width: 22%;
}

/* Image Sections
--------------------------------------------- */

.image-section {
margin-top: -3px;
clear: both;
overflow: hidden;
table-layout: fixed;
width: 100%;
}

.image-section-1,
.image-section-3 {
background-attachment: fixed;
background-color: #fff;
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size:    cover;
background-size:         cover;
}

.image-section-2 {
background-attachment: scroll;
background-color: #fff;
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size:    cover;
background-size:         cover;
}

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

.flexible-widgets .widget {
float: left;
margin-bottom: 3%;
margin-left: 1%;
margin-right: 1%;
padding: 0;
}

.flexible-widgets .widget:first-child {
border: none;
margin-bottom: 20px;
margin-top: 20px;
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: 23%;
}

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

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

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

/* Titles on hover
------------------------------------*/
.home-full .featured-content .entry,
.home-grid .featured-content .entry,
.image-section-3 .featured-content .entry   {
padding-bottom: 0px;
margin-bottom: 0px;
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.featured-content article.has-post-thumbnail {
position: relative;
padding: 0;
border: 0;
overflow: hidden;
}

.featured-content article.has-post-thumbnail > a {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin: 0;
}

.featured-content article.has-post-thumbnail img {
display: block;
margin: 0;
opacity: 1;
width: 100%;
-webkit-transition: opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
-moz-transition:    opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
-ms-transition:     opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
-o-transition:      opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
transition:         opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
}

.featured-content article.has-post-thumbnail:hover img {
transform: scale(1.1);
opacity: .7;
}

.front-page .alignnone {
margin-bottom: 0;
}

.home-full .featured-content img,
.home-grid .featured-content img,
.image-section-3 .featured-content img  {
vertical-align: top;
-webkit-transition:  all .2s linear;
-moz-transition:  all .2s linear;
-o-transition:  all .2s linear;
transition:  all .2s linear;
}

.home-full .entry-header,
.home-grid .entry-header,
.image-section-3 .entry-header {
margin-top: 20px;
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-full .entry-title,
.home-grid .entry-title,
.image-section-3 .entry-title  {
color: #222;
display: block;
font-size: 3.0rem;
letter-spacing: .05em;
text-transform: uppercase;
padding: 20px;
}

.home-full .entry:hover .entry-header,
.home-grid .entry:hover .entry-header,
.image-section-3 .entry:hover .entry-header  {
opacity: 1;
}

.widgettitle.widget-title a {
color: #222;
}

/* Home Full
--------------------------------------------- */
.home-full .wrap {
width: 100%;
max-width: 1600px;
padding: 7% 10%;
}

.home-full img {
width: 100%;
}

.home-full .widget {
float: left;
}

.home-full .widget:nth-child(1) .widget-title,
.home-full .widget:nth-child(2) .widget-title,
.home-full .widget:nth-child(3) .widget-title {
font-size: 8.0rem;
font-weight: normal;
position: absolute;
}

.home-full .widget-title::after {
display: block;
content: " ";
width: 100%;
height: 40px;
position: relative;
top: -45px;
left: 20px;
z-index: -1;
max-width: 200px;
}

.home-full .widget:nth-child(1),
.image-section-3 .widget:nth-child(2),
.image-section-3 .widget:nth-child(5),
.home-full .widget:nth-child(2),
.image-section-3 .widget:nth-child(3),
.image-section-3 .widget:nth-child(6),
.home-full .widget:nth-child(3),
.image-section-3 .widget:nth-child(4),
.image-section-3 .widget:nth-child(7) {
background: #fff;
}

.home-full .widget:nth-child(1) .widget-title::after {
background: #fee5e0;
}

.home-full .widget:nth-child(2) .widget-title::after {
background: #c6eee7;
}

.home-full .widget:nth-child(3) .widget-title::after {
background: #ffbfc3;
}

.home-full .widget:nth-child(1) {
outline: 2px solid #fff;
outline-offset: 10px;
width: 32%;
right: 20px;
position: relative;
transform:          rotate(-3deg);
-ms-transform:      rotate(-3deg);
-moz-transform:     rotate(-3deg);
-webkit-transform:  rotate(-3deg);
-o-transform:       rotate(-3deg);
z-index: 1
}

.home-full .widget:nth-child(1) .widget-title {
left: -25%;
margin-top: -10%;
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
z-index: 1;
}

.home-full .widget:nth-child(2) {
outline: 2px solid #fff;
outline-offset: 10px;
width: 36%;
margin-top: 3%;
position: relative;
transform:          rotate(1.5deg);
-ms-transform:      rotate(1.5deg);
-moz-transform:     rotate(1.5deg);
-webkit-transform:  rotate(1.5deg);
-o-transform:       rotate(1.5deg);
z-index: 2;
}

.home-full .widget:nth-child(2) .widget-title {
left: -25%;
transform:          rotate(-1.5deg);
-ms-transform:      rotate(-1.5deg);
-moz-transform:     rotate(-1.5deg);
-webkit-transform:  rotate(-1.5deg);
-o-transform:       rotate(-1.5deg);
z-index: 1;
}

.home-full .widget:nth-child(3) {
outline: 2px solid #fff;
outline-offset: 10px;
width: 32%;
margin-top: -1.5%;
left: 15px;
position: relative;
transform:          rotate(8deg);
-ms-transform:      rotate(8deg);
-moz-transform:     rotate(8deg);
-webkit-transform:  rotate(8deg);
-o-transform:       rotate(8deg);
z-index: 1;
}

.home-full .widget:nth-child(3) .widget-title {
right: -15%;
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-o-transform: rotate(20deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
z-index: 1;
}

.home-full .widget:nth-child(4) {
top: -75px;
right: 75px;
width: 100%;
margin-bottom: -7%;
position: relative;
transition: all 1s;
z-index: 3;
max-width: 150px;
}


/* Home Optin
--------------------------------------------- */
.home-optin .widget-title,
.home-optin h1,
.home-optin h2,
.home-optin h3,
.home-optin h4,
.home-optin h5,
.home-optin h6,
.home-optin p,
.home-optin {
color: #222;
}

.home-optin {
background: #fee5e0;
padding: 5%;
}

.home-optin .wrap {
max-width: 600px;
width: 100%;
}

.home-optin .widget {
text-align: center;
}

.home-optin #subbox {
width: 72%;
margin-right: 3%;
}

.home-optin .enews-widget input[type="submit"] {
width: 25%;
float: right;
padding: 12px;
}

/* Home About
--------------------------------------------- */

.home-grid .wrap {
max-width: 1300px;
}

.home-about-1 .widget_media_image {
line-height: 0;
}

.home-grid .featured-content .entry {
box-shadow: none;
background: #fff;
}

.home-about-1 {
float: left;
width: 65%;
padding: 8% 0;
}

.home-about-1 .widget:nth-child(1) {
border: 15px solid #fff;
float: left;
width: 50%;
position: relative;
z-index: 2;
}

.home-about-1 .widget:nth-child(2) {
border: 15px solid #fff;
float: left;
width: 50%;
position: relative;
z-index: 3;
margin-left: -5%;
margin-top: 7%;
}

.home-about-1 .soliloquy-container .soliloquy-next,
.home-about-1 .soliloquy-container .soliloquy-prev,
.home-about-1 .soliloquy-container .soliloquy-pager-link {
display: none !important;
}

.home-about-2 {
float: left;
width: 35%;
padding: 8% 3% 8% 0;
}

.home-about-2 .widget-title {
font-size: 12.0rem;
line-height: normal;
letter-spacing: normal;
max-width: max-content;
margin-left: -35%;
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.home-about-2 .widget-title::after {
background: #fee5e0;
display: block;
content: " ";
width: 100%;
height: 40px;
position: relative;
top: -45px;
left: 20px;
z-index: -1;
max-width: 200px;
}

.home-about-2 .button {
background: transparent;
border: none;
color: #222;
font-size: 3.2rem;
letter-spacing: .05em;
}

.home-about-2 .button::after {
background: #fee5e0;
display: block;
content: " ";
width: 100%;
height: 25px;
position: relative;
top: -27px;
left: 12px;
z-index: -1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
max-width: 200px;
}

.home-about-2 .button:hover {
background: transparent;
border: none;
color: #222;
}

.home-about-2 .button:hover::after {
background: #c6eee7;
}

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

.home-flexible {
background: #fff;
padding: 5% 2%;
}

/* Image Section 3
--------------------------------------------- */

.image-section-3 .widget-area {
display: inline-block;
max-width: 1500px;
width: 100%;
padding: 5% 2%;
margin: 0 auto;
text-align: center;
}


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

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

.home-full .widget:nth-child(1) .widget-title,
.home-full .widget:nth-child(2) .widget-title,
.home-full .widget:nth-child(3) .widget-title {
font-size: 5.0rem;
}

.home-full .widget-title::after {
height: 25px;
top: -30px;
}

.home-full .entry-title,
.home-grid .entry-title,
.image-section-3 .entry-title {
font-size: 2.4rem;
}

.home-about-1 {
padding-left: 3%;
}
}

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

.home-full .widget:nth-child(1) .widget-title,
.home-full .widget:nth-child(2) .widget-title,
.home-full .widget:nth-child(3) .widget-title {
font-size: 4.0rem;
}

.home-full .widget-title::after  {
height: 20px;
top: -23px;
}

.home-full .widget:nth-child(4) {
top: -40px;
right: 40px;
max-width: 100px;
}

.home-about-1 {
width: 100%;
padding: 5%;
}

.home-about-1 .widget:nth-child(1) {
width: 60%;
right: -3%;
}

.home-about-1 .widget:nth-child(2) {
width: 45%;
}

.home-about-2 {
width: 100%;
padding: 0 15% 5%;
}

.home-about-2 .widget-title {
font-size: 9.0rem;
margin-top: -15%;
margin-left: -15%;
}

.front-page .sidebar {
float: unset;
max-width: 300px;
margin: 5% auto;
clear: both;
}
}

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

.home-flexible .widget-title,
.image-section .widget-title,
.home-optin .widget-title,
.front-page .blog .widget-title {
font-size: 5.0rem;
}

.home-about-2 .widget-title {
font-size: 7.0rem;
}

.home-optin h2{
font-size: 2.6;
}

.front-page .blog .widget-title::after,
.home-flexible .widget-title::after,
.image-section .widget-title::after {
height: 25px;
top: -27px;
}

.home-full .widget:nth-child(1) .widget-title,
.home-full .widget:nth-child(2) .widget-title,
.home-full .widget:nth-child(3) .widget-title {
font-size: 3.0rem;
}

.home-full .widget-title::after {
height: 15px;
top: -17px;
}

.home-full .widget:nth-child(3) .widget-title {
right: 0;
top: -10%;
}

.home-full .widget:nth-child(1) .widget-title {
left: -15%;
}

.home-full .widget:nth-child(2) .widget-title {
top: -5%;
}

.home-full .widget:nth-child(1),
.home-full .widget:nth-child(2),
.home-full .widget:nth-child(3) {
outline-offset: 5px;
}

.flexible-widgets.widget-halves .widget,
.flexible-widgets.widget-thirds .widget {
width: 100%;
margin-bottom: 5px;
}

.home-full .widget:nth-child(4) {
top: -30px;
right: 30px;
max-width: 75px;
}

}


/* ipad 3 and 4 */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
.image-section-1,
.image-section-2,
.image-section-3 {
background-attachment: scroll;
}
}

/* ipad 1, 2, and ipad mini */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
.image-section-1,
.image-section-2,
.image-section-3{
background-attachment: scroll;
}
}

/* iphone 6 plus */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
.image-section-1,
.image-section-2,
.image-section-3 {
background-attachment: scroll;
}
}

/* iphone 6 */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
.image-section-1,
.image-section-2,
.image-section-3 {
background-attachment: scroll;
}
}

/* iphone 5 and 5s */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
.image-section-1,
.image-section-2,
.image-section-3 {
background-attachment: scroll;
}
}
