
/*
Theme Name: Hello Rose
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) 2018, Hello You Designs
Version: 1.0.0

Template: genesis
Template Version: 2.4.2

License: GPL-2.0+
License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/*fonts
--------------------------------*/
.home-carousel-section .widget-title,
.home-carousel-section  h1,
.home-flexible .widget-title,
.home-welcome h1,
.front-page .blog .widget-title  {
font-family: 'DSS';
font-style: normal;
letter-spacing: normal;
line-height: normal;
text-transform: none;
}

.image-section h4,
.text-box .button,
.home-welcome h4,
.home-welcome .button   {
font-family: 'Montserrat', sans-serif;
}

.home-welcome .widget-title,
.home-flexible .widget:first-child {
  font-family: 'Cormorant', serif;
}

/* Front Page
---------------------------------------------------------------------------------------------------- */
.front-page .site-inner {
padding: 0 20px;
}

.front-page .wrap {
width: 100%;
margin: 0 auto;
}

.front-page .entry-header {
margin-bottom: 0;
}

.front-page .textwidget p {
margin-bottom: 0;
}

.front-page .content .entry, .journal .entry {
border-bottom: none;
float: left;
overflow: hidden;
padding: 1.5%;
width: 33.33%;
}

.front-page .blog .widget-title {
text-align: center;
font-size: 10.0rem;
padding-top: 60px;
}

/* Image Sections
--------------------------------------------- */

.image-section {
clear: both;
text-align: center;
overflow: hidden;
table-layout: fixed;
width: 100%;
}

.image-section-1 {
padding: 10% 3%;
}

.image-section-1 .widget {
text-align: center;
vertical-align: middle;
width: 100%;
max-width: 1600px;
margin: 0 auto 30px;
}

.image-section-2 .widget-area {
padding: 140px 20px;
text-align: center;
vertical-align: middle;
}

.image-section-1,
.image-section-2 {
background-attachment: fixed;
background-color: #fff;
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size:    cover;
background-size:         cover;
}

.image-section-1 .widget .textbox {
background: #fff;
border: 1px solid #e1bdbd;
outline: 10px solid #fff;
line-height: 1.8;
letter-spacing: 0.04rem;
font-size: 12px;
text-align: center;
width: 100%;
max-width: 500px;
padding: 60px 40px;
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%);
}

.image-section h1 {
font-size: 70px;
font-size: 7.0rem;
color: #222;
}

.image-section h3 {
font-size: 40px;
font-size: 4.0rem;
color: #222;
}

.image-section h4  {
font-size: 3.0rem;
color: #222;
}

.image-section-2 .testimonial_rotator_widget_wrap {
background: rgba(251,251,251,.85);
outline: 2px solid #fff;
outline-offset: 5px;
padding: 60px 40px;
width: 80%;
margin: 0 auto;
}

/* Flexible Widgets
--------------------------------------------- */

.flexible-widgets .widget {
float: left;
margin-bottom: 1px;
padding: 0 40px 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;
}


/* Soliloquy slider as carousel using Slick
--------------------------------------------- */
.home-carousel {
position: relative;
}

.home-carousel-section .widget:nth-child(2) {
background: rgba(251,251,251,.85);
outline: 2px solid #fff;
outlin