/*
Theme Name: Hello Rose
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) 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
*/

mark {
display: none !important;
}

/* Custom Fonts
--------------------------------------*/
@font-face {
font-family: 'DSS';
src: url('fonts/DSS.otf');
font-weight: normal;
letter-spacing: normal;
}

/* Font Families
--------------------------------------*/
body {
font-family: 'Poppins', sans-serif;
}

a.more-link,
.more-from-category a,
h5, h6,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.circle-button,
.widget-below-content .enews-widget p,
.woocommerce .product-title,
.site-description,
.genesis-nav-menu a,
.comment-header,
.comment-meta,
.site-footer,
.site-footer .widget-title,
.accent-text,
.title-element    {
font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4 {
  font-family: "Cormorant";
}

.share-after::before,
.site-title,
.footer-widgets h2,
.accent-text h1 {
font-family: 'DSS';
}

.testimonial_rotator.template-longform .testimonial_rotator_author_info p {
font-family: "Cormorant" !important;
}

/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/**Baseline Normalize
--------------------------------------------- */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#767676}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;border: 0; height: 0; border-top: 1px solid #f3f3f3; border-bottom: none;}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

html {
font-size: 62.5%; /* 10px browser default */
}

/* Chrome fix */
body > div {
font-size: 1.4rem;
}
/**Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}

/**Float Clearing
--------------------------------------------- */

.author-box:before,
.blog-slider:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.home-grid:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.small-wrap:before,
.wrap:before,
.widget-below-contet:before {
content: " ";
display: table;
}

.author-box:after,
.blog-slider:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.home-grid:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.small-wrap:after,
.wrap:after,
.widget-below-contet:after{
clear: both;
content: " ";
display: table;
}


/* # Defaults
---------------------------------------------------------------------------------------------------- */

/**Typographical Elements
--------------------------------------------- */

body {
background: #fff;
color: #222;
font-size: 1.4rem;
font-weight: 200;
letter-spacing: 1.2px;
line-height: 2;
margin: 0;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.gallery img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition:    all 0.3s ease-in-out;
-ms-transition:     all 0.3s ease-in-out;
-o-transition:      all 0.3s ease-in-out;
transition:         all 0.3s ease-in-out;
}

.site-header.light  {
-webkit-transition: all 0.7s ease-in-out;
-moz-transition:    all 0.7s ease-in-out;
-ms-transition:     all 0.7s ease-in-out;
-o-transition:      all 0.7s ease-in-out;
transition:         all 0.7s ease-in-out;
}


::-moz-selection {
background-color: #222;
color: #fff;
}

::selection {
background-color: #222;
color: #fff;
}

a {
color: #e1bdbd;
text-decoration: none;
}

a:hover {
color: #999;
}

p {
margin: 0 0 28px;
padding: 0;
}

ol,
ul {
margin: 0;
padding: 0;
}

li {
list-style-type: none;
}

b,
strong {
font-weight: 700;
}

blockquote,
cite,
em,
i {
font-style: italic;
}

blockquote {
margin: 40px;
}

blockquote::before {
content: "\201C";
display: block;
font-size: 30px;
height: 0;
left: -20px;
position: relative;
top: -10px;
}

.screen-reader-text {
display: none;
}

a.more-link,
.more-from-category a {
background: #222;
border: 1px solid #222;
color: #fff;
display: table;
font-size: 1.0rem;
font-weight: 300;
letter-spacing: 2px;
margin: 25px auto;
padding: 10px 25px;
text-transform: uppercase;
width: auto;
-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;
}

a.more-link:hover,
.more-from-category a:hover {
border: 1px solid #e1bdbd;
background: #e1bdbd;
color: #fff;
}

/**Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
color: #222;
font-style: normal;
font-weight: normal;
letter-spacing: 1.25px;
line-height: 1.25;
margin: 0 0 15px;
}

h1 {
font-size: 4.0rem;
font-weight: 400;
line-height: 1.2;
font-style: italic;
}

h2 {
font-size: 3.2rem;
line-height: 1.4;
font-weight: 400;
font-style: italic;
}

h3 {
font-size: 2.6rem;
line-height: 1.4;
font-weight: 700;
}

h4 {

font-size: 2.2rem;
line-height: 1.5;
}

h5 {
font-size: 1.6rem;
}

h6 {
font-size: 1.2rem;
}

/**Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
max-width: 100%;
}

img {
height: auto;
}

.featured-content img,
.gallery img {
width: auto;
}

/**Gallery
--------------------------------------------- */

.gallery {
overflow: hidden;
}

.gallery-item {
float: left;
margin: 0 0 28px;
text-align: center;
}

.gallery-columns-2 .gallery-item {
width: 50%;
}

.gallery-columns-3 .gallery-item {
width: 33%;
}

.gallery-columns-4 .gallery-item {
width: 25%;
}

.gallery-columns-5 .gallery-item {
width: 20%;
}

.gallery-columns-6 .gallery-item {
width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
width: 12.5%;
}

.gallery-columns-9 .gallery-item {
width: 11.1111%;
}

.gallery img {
border: none !important;
height: auto;
padding: 7px 7px 0;
}

.gallery-item {
margin: 0 !important;
}

/**Forms
--------------------------------------------- */

input,
select,
textarea {
background-color: #fff;
border: 1px solid #f3f3f3;
color: #767676;
font-size: 11px;
font-weight: 300;
padding: 11px;
width: 100%;
}

input:focus,
textarea:focus {
border: 1px solid #eee;
outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
width: auto;
}

::-moz-placeholder {
color: #222;
font-weight: 300;
opacity: 1;
}

::-webkit-input-placeholder {
color: #999;
font-weight: 300;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
background: #222;
border: 1px solid #222;
color: #fff;
cursor: pointer;
font-size: 1.0rem;
font-weight: 300;
letter-spacing: 2px;
padding: 12px 20px;
text-transform: uppercase;
width: auto;
margin: 15px auto;
-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;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover {
background-color: #e1bdbd;
border: 1px solid #e1bdbd;
color: #fff;
}

.button {
display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
display: none;
}

.circle-button {
border: 3px solid #222;
background: rgba(251,251,251,.25);
border-radius: 50%;
color: #222;
display: inline-block;
font-size: 20px;
font-size: 2.0rem;
letter-spacing: 3px;
padding: 10px 20px;
text-transform: uppercase;
clear: both;
margin: 10px auto;
}

.circle-button:hover {
border: 3px solid #e1bdbd;
background: #e1bdbd;
color: #fff!important;
}

.colorblock {
background: #f8f6f7;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
margin-top: 40px;
margin-bottom: 40px;
}

.grayblock {
background: #f9f9f9;
border: 5px double #fff;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
margin-top: 40px;
margin-bottom: 40px;
}

.fullwidthimage {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
margin-top: 40px;
margin-bottom: 40px;
}

.text-box {
max-width: 1000px;
width: 100%;
padding: 40px;
margin: 0 auto;
}

/**Tables
--------------------------------------------- */

table {
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
margin-bottom: 40px;
width: 100%;
}

tbody {
border-bottom: 1px solid #f3f3f3;
}

td,
th {
text-align: left;
}

td {
border-top: 1px solid #f3f3f3;
padding: 10px 0;
}

th {
font-weight: 300;
}

/* # Structure and Layout
---------------------------------------------------------------------------------------------------- */

/**Site Containers
--------------------------------------------- */

.site-container {
max-width: 100%;
overflow: hidden;
}

.site-inner,
.wrap {
margin: 0 auto;
max-width: 1200px;
}

.site-inner {
clear: both;
padding: 20px;
}

.hyd-home .site-inner {
margin: 30px auto;
}

.hyd-home .content-sidebar-wrap {
margin-top: 30px;
}

.hyd-landing .site-inner {
max-width: 100%;
width: 100%;
padding: 0;
}

.hyd-landing .content {
padding: 0;
}

.hyd-landing .site-footer {
border-bottom: none;
}

/**Column Widths and Positions
--------------------------------------------- */

/* Content */

.content {
float: right;
width: 70%;
padding: 30px;
}

.woocommerce .content .entry {
border: none;
}

.content-sidebar .content {
float: left;
}

.full-width-content .content {
width: 100%;
}

.full-width-content.page-template-page_blog  .content {
padding: 0 150px 50px;
}

/* Primary Sidebar */

.sidebar-primary {
border-left: 1px solid #f3f3f3;
float: right;
width: 30%;
padding-left: 30px;
padding-top: 30px;
}

.sidebar-content .sidebar-primary {
border-left: none;
border-right: 1px solid #f3f3f3;
float: left;
padding-left: 0;
padding-right: 30px;
padding-top: 30px;
}

/*Column Classes
--------------------------------------------- */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
width: 48.717948717948715%;
}

.one-third,
.two-sixths {
width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
width: 65.81196581196582%;
}

.one-fourth {
width: 23.076923076923077%;
}

.three-fourths {
width: 74.35897435897436%;
}

.one-sixth {
width: 14.52991452991453%;
}

.five-sixths {
width: 82.90598290598291%;
}

.first {
clear: both;
margin-left: 0;
}

/* Avatar
--------------------------------------------- */

.avatar {
border-radius: 50%;
float: left;
}

.after-entry .avatar {
float: right;
height: 180px;
margin-bottom: 30px;
margin-left: 30px;
width: 180px;
}

.alignleft .avatar,
.author-box .avatar {
margin-right: 30px;
}

.alignright .avatar {
margin-left: 30px;
}

.author-box .avatar {
display: inline-block;
float: none;
height: 100px;
margin: 0 auto 20px;
width: 100px;
}

.comment .avatar {
height: 80px;
margin: 0 16px 24px 0;
width: 80px;
}

/* Genesis
--------------------------------------------- */

.archive-description,
.author-box {
border-bottom: 1px solid #eee;
margin-bottom: 5%;
padding-bottom: 5%;
text-align: center;
}

.archive-description p,
.archive-description .archive-title,
.author-box,
.author-box p,
.author-box .author-box-title {
margin-left: auto;
margin-right: auto;
max-width: 660px;
}

.breadcrumb {
border-bottom: 1px solid #eee;
font-size: 12px;
font-size: 1.2rem;
margin: 0 auto 10%;
max-width: 660px;
pa