/*
Theme Name: Hello Boss
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.2

Template: genesis
Template Version: 2.6.1

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

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

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

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

.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 0;
padding: 0;
}

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

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

.front-page .blog.widget-area .widget-title {
margin-bottom: 75px;
}

.front-page .sidebar .widget-title {
font-size: 3.0rem;
}

.front-page h3 {
font-family: 'Ubuntu Condensed', sans-serif;
letter-spacing: normal;
}

.front-page em {
font-family: 'Playfair Display';
color: #a6797e;
}

.front-page .accent-text h3,
.front-page .sidebar .widget-title {
font-family: 'Playfair Display';
}

.frontpage-blog {
  width: 100%;
  overflow: hidden;
  display: table;
}

.frontpage-blog .widget {
margin: 5% auto;
}

.frontpage-blog .post {
width: 33.33%;
float: left;
padding: 10px;
}

.frontpage-blog .widget-title {
color: #222;
line-height: 1;
margin-top: 5%;
margin-bottom: 0;
position: relative;
z-index: 1;
left: 40px;
}

.frontpage-blog .widget-title::after  {
content: "";
height: 1px;
width: 150px;
background: #222;
display: inline-block;
margin-bottom: 10px;
margin-left: 30px;
z-index: 3;
}

/* Titles on hover
------------------------------------*/

.hyd-entry .featuredpage .entry  {
background: #a3747a;
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);
}

.hyd-entry .featuredpage article.has-post-thumbnail  {
position: relative;
padding: 0;
border: 0;
overflow: hidden;
}

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

.hyd-entry .featuredpage 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);
}

.hyd-entry .featuredpage article.has-post-thumbnail:hover img {
transform: scale(1.1);
opacity: .6;
}

.hyd-entry .featuredpage img  {
vertical-align: top;
-webkit-transition:  all .2s linear;
-moz-transition:  all .2s linear;
-o-transition:  all .2s linear;
transition:  all .2s linear;
}

.hyd-entry .featuredpage .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;
}

.hyd-entry .featuredpage .entry-title  {
background: rgba(251,251,251,.85);
outline: 1px solid #fff;
outline-offset: 5px;
display: block;
font-size: 3.0rem;
letter-spacing: .1em;
text-transform: none;
padding: 20px;
}

.hyd-entry .featuredpage .entry-title  a {
color: #444;
}

.hyd-entry .featuredpage .entry-title  a:hover {
color: #a3747a;
}

.hyd-entry .featuredpage .entry:hover .entry-header {
opacity: 1;
}

/* Image Sections
--------------------------------------------- */
.front-page .site-inner img.alignleft,
.front-page .site-inner img.alignright {
margin: 0;
}

.front-page .site-inner .entry-header p.entry-meta {
padding-top: 30px;
margin-bottom: 10px;
}

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

.page.front-page .site-inner .entry {
margin-bottom: 60px;
}

.front-page .site-inner .content .entry {
padding: 0;
margin: 0 auto 15%;
position: relative;
z-index: 1;
}

.front-page .site-inner .content .entry-header,
.front-page .site-inner .content .entry-content {
float: none;
margin-bottom: 20px;
}

.front-page .site-inner .content .entry-title {
display: inline-block;
}

.front-page .site-inner .content .entry-header {
padding-top: 0%;
clear: both;
}

.front-page .site-inner .content .entry-image {
max-width: none;
width: 100%;
float: none;
height: auto;
-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);
}

.front-page .site-inner .content .entry > a {
margin: 0;
}

@media only screen and (min-width: 650px) {

.front-page .site-inner .content .entry > a {
max-width: 50%;
}

.front-page .site-inner .content .entry-header,
.front-page .site-inner .content .entry-content {
width: 50%;
float: left;
margin-bottom: 0;
clear: none;
}

.front-page .site-inner .content .entry:nth-of-type(even) > a {
float: right;
}

.front-page .site-inner .content .entry:nth-of-type(odd) > a {
float: left;
}

.front-page .site-inner .content .entry-header,
.front-page .site-inner .content .entry-header p.entry-meta {
text-align: center;
}

.front-page .site-inner .content .entry:nth-of-type(even) > .entry-header,
.front-page .site-inner .content .entry:nth-of-type(even) > .entry-content {
padding-right: 3%;
}

.front-page .site-inner .content .entry:nth-of-type(odd) > .entry-header,
.front-page .site-inner .content .entry:nth-of-type(odd) > .entry-content {
padding-left: 3%;
}

.front-page .site-inner .content .entry:nth-of-type(odd) > a .entry-image {
float: right;
}
}

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

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

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


/* Home Full
--------------------------------------------- */
.home-main {
line-height: 0;
position: relative;
font-size: 2.2rem;
}

.home-main img {
width: 100%;
position: relative;
z-index: 1;
}

.home-main .widget:nth-child(2) {
line-height: 1.75;
width: 40%;
left: 10%;
position: absolute;
top: 30%;
z-index: 2;
}

.home-main .widget-title,
.home-main h1,
.home-main h2,
.home-main h3,
.home-main h4,
.home-main h5,
.home-main h6 {
color: #a8797f;
}

.home-main {
color: #222;
}

.home-main .leftline,
.home-main .rightline  {
color: #aa797f;
}

.home-main .leftline::after,
.home-main .rightline::after {
background: #aa797f;
}

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

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

.home-main .soliloquy-container {
max-width: none !important;
max-height: 100% !important;
}

.home-main .soliloquy-container .soliloquy-image {
width: 100% !important;
}

.soliloquy-caption-inside {
background: transparent !important;
color: #222 !important;
font-size: 2.0rem !important;
line-height: 1.5 !important;
padding: 20px 0px !important;
text-shadow: none !important;
}

.soliloquy-container .soliloquy-caption {
width: 40% !important;
margin-left: 1% !important;
margin-bottom: 5% !important;
background: none !important;
padding: 2% !important;
}

.soliloquy-container .soliloquy-caption h1 {
font-size: 6.0rem !important;
line-height: 1 !important;
letter-spacing: .05em !important;
text-align: left !important;
text-transform: uppercase !important;
}

.soliloquy-container .soliloquy-caption h2 {
font-size: 3.8rem !important;
line-height: 1 !important;
letter-spacing: .05em !important;
text-align: left !important;
text-transform: none !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 {
float: left;
background: none;
border: none;
outline: none;
text-transform: uppercase;
letter-spacing: 2px;
color: #222;
margin-top: 5%;
font-size: 1.6rem;
}

.soliloquy-container .soliloquy-caption .button:hover {
color: #da997b;
background: none;
border: none;
outline: none;
}

.soliloquy-container .soliloquy-caption .button::before {
content: "";
height: 1px;
width: 70px;
background: #222;
display: inline-block;
z-index: 1;
margin-bottom: 6px;
margin-right: 10px;
}

/* Home Top
-------------------------------------------------*/
.image-section-1 {
padding-top: 5%;
}

.home-full-grid {
position: relative;
}

.home-full-grid .wrap {
padding: 5% 5% 8%;
line-height: 0;
max-width: 1900px;
width: 90%;
margin-left: 3%;
}

.home-full {
width: 60%;
float: right;
position: relative;
}

.home-full .widget:nth-child(1) {
width: 100%;
position: relative;
margin-left: -13%;
float: left;
-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);
z-index: 1;
}

.home-full .widget:nth-child(1)::before {
content: '';
position: absolute;
width: 80%;
height: 60%;
border: 1px solid #aa797f;
z-index: -1;
left: -6%;
top: -7%;
}

.home-full .widget:nth-child(1)::after {
content: '';
width: 60%;
height: 80%;
position: absolute;
right: -6.5%;
bottom: -7.5%;
background: #f0e8e6;
z-index: -1;
}

.home-full .widget:nth-child(2) {
width: 38%;
position: absolute;
z-index: 2;
float: right;
margin-top: -12%;
right: -10%;
}

.home-full .widget:nth-child(2)::after {
content: '';
position: absolute;
width: 65%;
height: 80%;
border: 1px solid #aa797f;
z-index: -1;
right: -13%;
bottom: -9%;
}


.home-full .widget:nth-child(3) {
width: 30%;
position: relative;
z-index: 3;
float: left;
margin-top: -15%;
left: -6%;
}

.home-full .widget:nth-child(3):hover {
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.home-full-blurb {
float: left;
width: 40%;
line-height: 1.75;
position: relative;
z-index: 2;
}

.home-full-blurb .widget-area {
background: #f0e8e6;
padding: 8%;
position: relative;
left: -10%;
  margin-top: 25%;
}

.home-full-blurb h2 {
line-height: 1;
margin-bottom: 5px;
text-transform: uppercase;
}

.home-full-grid .last a:after {
display: none;
}

.home-full-blurb .enews-widget {
padding: 10px;
margin: 30px auto;
}

.home-full-blurb .enews-widget .widget-title{
text-align: center;
font-size: 3.0rem;
}

.home-full-blurb .enews-widget input {
float: left;
width: 60%;
margin-right: 2%;
margin-bottom: 0;
padding: 12px;
}

.home-full-blurb .enews-widget input[type="submit"] {
width: 38%;
padding: 11px 20px;
margin-right: 0;
}

.home-full-blurb .accent-text {
margin-top: -40px;
margin-left: 20px;
position: relative;
}

.home-full-blurb .widget-title,
.home-full-blurb h1,
.home-full-blurb h2,
.home-full-blurb h3,
.home-full-blurb h4,
.home-full-blurb h5,
.home-full-blurb h6 {
color: #a8797f;
}

.home-full-blurb {
color: #222;
}

.home-full-blurb .leftline,
.home-full-blurb .rightline  {
color: #aa797f;
}

.home-full-blurb .leftline::after,
.home-full-blurb .rightline::after {
background: #aa797f;
}



/* Home Split
--------------------------------------------- */

.image-section-2 .widget-area {
padding: 20% 10% 20% 25%;
vertical-align: middle;
text-align: center;
}

.image-section-3 .widget-area {
padding: 20% 25% 20% 10%;
vertical-align: middle;
text-align: center;
}

.home-split {
width: 100%;
clear: both;
}

#home-split-1 {
float: left;
width: 50%;
}

#home-split-2 {
float:right;
width: 50%;
}

#home-split-1 .widget {
background: #fef9f5;
padding: 7%;
position: relative;
}

#home-split-2 .widget {
background: #f0e8e6;
padding: 7%;
position: relative;
}

.home-split .widget {
margin: 0 auto;
}

.home-split .enews-widget input  {
max-width: 350px;
margin-bottom: 6px;
}

.home-split .enews-widget input[type="submit"] {
width: 100%;
max-width: 350px;
}

.home-split .widget-title,
.home-split h1,
.home-split h2,
.home-split h3,
.home-split h4,
.home-split h5,
.home-split h6 {
color: #a8797f;
}

.home-split {
color: #222;
}

.home-split .leftline,
.home-split .rightline  {
color: #aa797f;
}

.home-split .leftline::after,
.home-split .rightline::after {
background: #aa797f;
}

/* Featured Post
-------------------------------------------------*/
.home-featured {
background: #fff;
width: 100%;
overflow: hidden;
}

.about-1 {
width: 50%;
float: left;
position: relative;
padding-left: 3%;
padding-bottom: 5%;
}

.about-1 .widget:nth-child(1) {
width: 40%;
margin-top: 33%;
left: 10%;
position: relative;
-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);
line-height: 0;
z-index: 2;
float: left;
}

.about-1 .widget:nth-child(2)::after {
content: '';
width: 80%;
height: 60%;
position: absolute;
right: -7%;
bottom: -4.5%;
background: #ede8e3;
z-index: -1;
}

.about-1 .widget:nth-child(2)::before {
content: '';
position: absolute;
width: 120%;
height: 60%;
border: 1px solid #aa797f;
z-index: -1;
left: -40%;
top: -8%;
}

.about-1 .widget:nth-child(1)::after {
content: '';
position: absolute;
width: 80%;
height: 60%;
border: 1px solid #aa797f;
z-index: -1;
left: -12%;
bottom: -7%;
}

.about-1 .widget:nth-child(2) {
width: 60%;
right: -5%;
margin-top: 13%;
position: relative;
-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);
line-height: 0;
z-index: 1;
float: right;
}

.about-2  {
background: #fef9f5;
width: 50%;
float: right;
padding: 8% 10% 5% 6.5%;
position: relative;
}

.about-2 .widget-title,
.about-2 h1,
.about-2 h2,
.about-2 h3,
.about-2 h4,
.about-2 h5,
.about-2 h6,
.about-2 em {
color: #a8797f;
}

.about-2 {
color: #222;
}

.about-2 .leftline,
.about-2 .rightline  {
color: #aa797f;
}

.about-2 .leftline::after,
.about-2 .rightline::after {
background: #aa797f;
}

/* featured section
--------------------------------------------- */
#featured-section {
position: relative;
z-index: 1;
overflow: hidden;
}
#featured-section .wrap {
padding: 5% 0 8%;
position: relative;
z-index: 1;
}

#featured-section .widget {
position: relative;
z-index: 2;
}

#featured-section .featuredpage {
display: relative;
z-index: 2;
}

#featured-section .widget:nth-child(2)::before {
content: '';
position: absolute;
width: 135%;
height: 80%;
border: 1px solid #aa797f;
z-index: -1;
left: -6%;
top: -7%;
}

#featured-section .widget_custom_html::before,
#featured-section .textwidget::before {
display: none!important;
}

#featured-section .featuredpage:last-of-type::after {
content: '';
width: 80%;
height: 80%;
position: absolute;
right: -6%;
bottom: -7%;
background: #ede8e3;
z-index: -1;
}

#featured-section .widget-title {
text-align: center;
}

#featured-section .flexible-widgets .widget {
padding-left: 1%;
padding-right: 1%;
}

#featured-section .leftline,
#featured-section .rightline {
font-size: 4.0rem;
}

#featured-section .hyd-entry .featuredpage .entry-header {
width: 65%;
}

#featured-section .widget-title,
#featured-section h1,
#featured-section h2,
#featured-section h3,
#featured-section h4,
#featured-section h5,
#featured-section h6 {
color: #a8797f;
}

#featured-section {
color: #222;
}

#featured-section .leftline,
#featured-section .rightline  {
color: #aa797f;
}

#featured-section .leftline::after,
#featured-section .rightline::after {
background: #aa797f;
}

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

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

.home-main .widget:nth-child(2) {
top: 15%;
width: 50%;
}

.home-main .widget-title,
.front-page .widget-title {
font-size: 4.5rem;
}

.image-section-2 .widget-area,
.image-section-3 .widget-area {
padding: 20% 5%;
}
}

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

.home-full-grid .wrap {
width: 100%;
margin-left: 0%;
}

.home-full {
width: 75%;
float: left;
margin-left: 15%;
margin-bottom: 5%;
}

.home-full-blurb {
width: 100%;
float: left;

}

.home-full-blurb .widget-area {
margin: 0 auto 5%;
left: 0;
}

.home-full .widget:nth-child(3) {
left: -27%;
margin-bottom: -10%;
}

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

.about-2 {
width: 100%;
padding: 8% 10%;
}
}

@media only screen and (max-width: 805px) {
.home-main .widget-title,
.front-page .widget-title {
margin-bottom: 5px;
}

.hyd-entry .featuredpage .entry-title {
font-size: 1.8rem;
padding: 10px;
}

.home-main {
font-size: 1.8rem;
}

#home-split-1,
#home-split-2  {
float: left;
width: 100%;
}
}

@media only screen and (max-width: 780px) {
.home-main .widget:nth-child(2) {
top: 0;
width: 80%;
position: relative;
background: #f0e8e6;
padding: 5%;
margin-top: -10%;
margin-bottom: 5%;
}
}

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

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

.home-full-blurb .widget-area {
margin-top: -3%;
}

.image-section-2 .widget-area, .image-section-3 .widget-area {
padding: 10%;
}

#featured-section .leftline, #featured-section .rightline {
font-size: 2.4rem;
}
}

@media only screen and (max-width: 550px) {
.flexible-widgets.widget-fourths .widget, .flexible-widgets.widget-halves .widget, .flexible-widgets.widget-thirds .widget {
max-width: 400px;
float: left;
margin: 0 auto 10px;
width: 50%;
}

.frontpage-blog .post {
width: 100%;
}
.frontpage-blog h4 {
  font-size: 2.0rem;
}
}


/* 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,
.image-section-4  {
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,
.image-section-4 {
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,
.image-section-4  {
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,
.image-section-4  {
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,
.image-section-4  {
background-attachment: scroll;
}
}