/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/**** BOOK BANNER ****/
.book-promo {
    width:100%;
    background-image:url('/wp-content/uploads/2020/03/book-promo-bg.png');
    background-repeat:repeat-x;
    text-align:center;
    height:60px;
    margin:0; padding:0
}

.alignleft {float:left; margin:5px 30px 15px 0}
.alignright {float:right; margin:5px 0 15px 30px}

/********** SIGN UP PAGE ***********/
/******************************************************/ 
/******************************************************/
.signup-form-page 

.signup-form-page  {
    text-align:right;
}
.signup-form-page  label {
    font-weight:300;
    margin:0 0 15px 0;
    display:block
}
.signup-form-page  input {
    border-radius:3px;
    padding:10px 12px;
    max-width:280px;
    color:#a1a1a1;
    border:1px solid #c3c3ce;
}
.signup-form-page  .btn {
    border-radius:30px;
    padding:6px 24px;
    border:1px solid #83828f;
    background-color:#83828f;
    font-size:14px;
    font-weight:400;
    font-style:italic;
    color:#ffffff;
}
.signup-form-page  .btn:hover {
    color:#83828f;
    background-color:#ffffff;
}

@media screen and (max-width:991px) {
    .signup-form-page  .vertical-align {display:block;}
    .signup-form-page  {text-align:left; margin-top:20px}
}
@media screen and (max-width:500px) {
    .signup-form-page img {display:none}
    .signup-form-page  label, .nl-form-group .btn {display:block; margin-bottom:20px}
    .signup-form-page  input {width:100%}
}


/********** MEMBERMOUSE ADMIN ***********/
/******************************************************/
/******************************************************/
.mm-error {border:none !important; background-color:inherit !important;}
.mm-admin {
    text-align:center;
    padding-top:100px;
    padding-bottom:80px;
}
.mm-admin .mm-login {margin:0 auto}
.mm-admin .mm-login h3 {margin:0 0 20px 0 !important;}
.mm-admin table {
    margin:0 auto !important;
    width:400px !important;
}
.mm-admin .mm-login table tr {height:auto !important;}
.mm-admin .mm-login table td {text-align:left; padding-bottom:20px}
.mm-admin .mm-login .mm-label-column {width:80px}
.mm-admin .mm-login .mm-field {width:100% !important; padding:4px 8px}
.mm-admin .mm-remember-me {font-weight:400; }
.mm-admin .mm-remember-me input [checkbox] { }

@media screen and (max-width:768px) {
    .mm-admin {padding-top:60px; padding-bottom:40px;}
    .mm-admin .mm-login {width:100%}
    .mm-admin table {
        width:100% !important;
    }
    .mm-admin .mm-remember-me {display:block; margin:10px 0 0 0 !important;}
}

/********** CONTACT ***********/
/******************************************************/
/******************************************************/
.home-natalie.contact-natalie {padding-bottom:60px}
.contact-text {padding-right:40px;}
.nc-contact-form label {
    font-weight:400;
    letter-spacing:0.2px;
}
.nc-contact-form .form-control {
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #c4c4ce;
    border-radius:3px;
    letter-spacing:0.2px;
}
.nc-contact-form .form-btn {
    display:block;
    background:#7179c6;
    border:1px solid #7179c6;
    color:#ffffff;
    max-width:250px;
    border-radius:30px;
    padding:6px 20px;
}

.nc-contact-form .form-btn:hover {
    background:#ffffff;
    color:#7179c6;
}
.nc-contact-form .error {font-size:11px; color:#fdf37f; margin-bottom:0; font-style:italic}
.nc-contact-form input.error, .bw-contact-form textarea.error {background-color:#fdf37f}

@media screen and (max-width:768px) {
    .contact-text {margin:0 0 40px 0; padding-right:15px}
}

/********** CATEGORIES/TAGS/SEARCH/ARCHIVES PAGE ***********/
/******************************************************/
/******************************************************/

.catag {padding-top:60px; padding-bottom:0px; max-width:1000px; margin:0 auto}
.catag-row {margin-bottom:30px}
.catag .image-holder {
    float:left;
    margin:0 20px 0 0;
    height:80px; width:80px;
    background-size:cover;
}
.catag .catag-title {font-size:24px; line-height:1.3; font-weight:500; margin:-3px 0 5px 0; font-style:italic;}
.catag .catag-title a {color:#494957}
.catag .catag-title a:hover {color:#5bb6b8}
.catag .catag-date {font-size:16px; font-weight:400; margin:0; line-height:1; color:#83838f}
.catag .blog-search {padding-top:20px; padding-bottom:60px}

@media screen and (max-width:768px) {
    .catag {padding:40px 20px;}
    .catag .image-holder {display:none}
}

/***************** BLOG PAGE *****************/
/******************************************************/
/******************************************************/

.blog-holder, .blog-post-holder {
    padding-top:40px; padding-bottom:60px
}
.blog-holder, .blog-post-holder a {color:#5bb6b8}
.blog-holder, .blog-post-holder a:hover {color:#3d7f80}

.blog-meta-cat {
    text-align:center;
    font-size:18px;
    margin:0 0 15px 0;
    color:#83828f;
    text-transform:uppercase;
    font-weight:300
}
.blog-meta-cat a {color:#5bb6b8; font-weight:500;}
.blog-meta-cat a:hover {color:#3d7f80; text-decoration:none}
h1.blog-title {
    font-family:'Fira Sans';
    font-size:50px;
    line-height:1.1;
    color:#494858;
    font-weight:600;
    margin:0;
    text-align:center;
}
.blog-meta-date {
    font-size:14px;
    font-weight:600;
    color:#5bb6b8;
    text-transform:uppercase;
    letter-spacing:5px;
    margin:20px 0 30px 0;
    text-align:center;
}
.blog-image {
    width:100%;
    max-height:450px;
    overflow:hidden;
    margin-bottom:30px;
}
.blog-image img {
    width:100%;
    height:auto;
    position:relative;
    top:-50%;
    vertical-align: middle;
}
.blog-post-holder p, .blog-post-holder li {line-height:1.6}
.blog-content {padding:0 30px}
.blog-meta-tags {
    font-size:16px;
    margin-top:30px;
    border-top:1px solid #c4c3cf;
    padding:30px 0;
    border-bottom:1px solid #c4c3cf;
    margin-bottom:30px;
    
}

.comments {
    background-color:#f7f6fe;
    padding:20px;
}
.blog-search {
    padding:40px 0 0 0;
    text-align:center;
}
.blog-search input[type=text] {
    padding:6px 10px 6px 15px;
    font-size:16px;
    font-weight:300;
    color:#83828f;
    min-width:200px; 
    display:inline-block;
    margin-right:6px;
    border-radius:30px;
    border:solid 1px #c3c3ce;
    box-shadow:none;

}
.blog-search input::placeholder {
    color:#c4c3ce;
    font-style:italic;
    font-weight:300;
}
.blog-search input[type=submit].btn-teal {
    display:inline-block;
    border:1px solid #5cb7b9;
    padding:6px 20px;
    margin:0;
    max-width:250px;
    font-size:16px;
    position:relative; top:-1px;
    background:#ffffff;
    color:#5cb7b9;
}
.blog-search input[type=submit].btn-teal:hover {
    background:#5cb7b9;
    color:#ffffff;
}
#thrive-comments {margin:60px 0 0 0 !important;}
#thrive-comments .tcm-lazy-comments {display:none !important;}
#thrive-comments .tcm-border-color-ac {border-color:#83838f}
#thrive-comments button, #thrive-comments #tcm-login-up, #thrive-comments #tcm-login-down {border-color:#83838f !important; color:#83838f !important;}
#thrive-comments button:hover, #thrive-comments #tcm-login-up:hover, #thrive-comments #tcm-login-down:hover {background-color:#83838f !important; color:#ffffff !important;}
#thrive-comments .tcm-svg-fill-ac {fill:#83838f !important;}
#thrive-comments .tcm-color-ac, #thrive-comments .tcm-color-ac span {color:#83838f !important;}

@media screen and (max-width:768px) {
.blog-holder, .blog-post-holder {
    padding:40px 20px;
}
.blog-meta-cat {font-size:16px; margin:0 0 10px 0;}
h1.blog-title {font-size:38px;}
.blog-meta-date {margin:15px 0 20px 0;}
.blog-image {
    width:100%;
    max-height:250px;
    margin-bottom:20px;
}
.blog-image img {
    width:100%;
    height:auto;
    position:relative;
    top:0;
    vertical-align: middle;
}
.blog-content {padding:0 10px}
.blog-search input[type=text] {min-width:150px;}
}

/***************** MAIN *****************/
body {
   font-family:'Fira Sans', sans-serif;
   color:#494857;
   padding-top:140px !important;
}
@media screen and (max-width:768px) {
body {padding-top:94px !important;}
}
.no-padding {padding:0px !important;}
a, button, li, input { 
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a { color:#6e78cc; cursor: pointer; font-weight:500}
a:hover {color:#3b45a2; text-decoration:none}
img {max-width:100%}
h1 {font-size:36px; line-height:1.3; letter-spacing:-0.3px; margin:0 0 20px 0; font-weight:400; font-style:italic}
h2 {font-size:30px; line-height:1.4; font-weight:600; margin:0 0 20px 0}
h3 {font-size:24px; line-height:1.4; font-weight:400; margin:0 0 20px 0}
h4 {font-size:20px; line-height:1.4; font-weight:600; margin:0 0 20px 0}
p {font-size:16px; font-weight:300; margin:0 0 20px 0; letter-spacing:0.1px}
p.disclaimer {font-size:13px !important;}
ul, ol {margin:0 0 20px 0}
li {font-size:17px; font-weight:300}
strong, b {font-weight:600}
hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #ddd;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.vertical-align {
    display:flex;
    align-items:center
}
@media screen and (max-width:768px) {
body {padding-top:94px !important;}
}
@media screen and (max-width:468px) {
body {padding-top:74px !important;}
}

.btn {
    display:inline-block;
    text-align:center;
    padding:8px 24px;
    font-style:italic;
    border-radius:30px;
    font-size:16px;
}
.btn-teal {
    display:block;
    background:#1eb9ba;
    border:1px solid #1eb9ba;
    color:#ffffff;
    margin:0 auto;
    max-width:250px;
}
.btn-teal:hover {
    background:#ffffff;
    color:#1eb9ba;
}
.btn-purple {
    display:block;
    background:#7179c6;
    border:1px solid #7179c6;
    color:#ffffff;
    margin:0 auto;
    max-width:250px;
}
.btn-purple:hover {
    background:#ffffff;
    color:#7179c6;
}
.btn-pink {
    display:block;
    background:#b273c8;
    border:1px solid #b273c8;
    color:#ffffff;
    margin:0 auto;
    max-width:250px;
}
.btn-pink:hover {
    background:#ffffff;
    color:#b273c8;
}
.btn-salmon {
    display:block;
    background:#b65c81;
    border:1px solid #b65c81;
    color:#ffffff;
    margin:0 auto;
    max-width:250px;
}
.btn-salmon:hover {
    background:#ffffff;
    color:#b65c81;
}


/***************** THRIVE *****************/
/******************************************************/
/******************************************************/

.thrive-container {padding:60px 15px 60px 15px;}
.thrive-container p, .thrive-container li  {line-height:1.8; margin:0 0 20px 0; font-size:16px;}

@media screen and (max-width:768px) {
    .thrive-container {padding:40px 20px 60px 20px;}
}


/***************** WORK *****************/
/******************************************************/
/******************************************************/

.work-natalie {padding:60px 15px 60px 15px;}

.work-natalie p, .work-natalie li  {line-height:1.8; margin:0 0 20px 0; font-size:16px;}
.work-natalie li {margin-bottom:0}
.work-natalie h2 {font-weight:500; color:#b65c81}
.work-natalie .add-space {padding-top:40px}

.work-natalie .work-nav {padding:0 20px; margin:20px 0 0 0; }
.work-natalie .work-nav a  {
    display:flex;
    align-items: center;
    justify-content:center;
    flex-direction:column;
    min-height:240px;
    max-width:420px;
    margin:0 auto;
    padding:10px;
    color:#ffffff;
    text-align:center;
    position:relative;
    background-size:cover;
}
.work-natalie .work-nav a .title {
    font-size:36px;
    font-style:italic;
    font-weight:400;
    line-height:1em;
    margin:0 0 4px;
    text-shadow: 1px 1px 0 rgb(0 0 0 / 25%);
}
.work-natalie .work-nav a .subtext {
    font-size:16px;
    display:block;
    margin:0;
    line-height:1.3em;
    text-shadow: 1px 1px 0 rgb(0 0 0 / 25%);
    font-weight:300;
    font-style:italic;
}
.work-natalie .work-nav a:hover {background-color:rgba(0,0,0,0.3)}

.work-natalie .work-nav .private-sessions {background: url('/wp-content/themes/html5blank/img/work1.jpg');}
.work-natalie .work-nav .membership {background:url('/wp-content/themes/html5blank/img/work2.jpg');}
.work-natalie .work-nav .programs {background:url('/wp-content/themes/html5blank/img/work3.jpg');}
.work-natalie .work-nav .meditation {background:url('/wp-content/themes/html5blank/img/work4.jpg');}

.work-natalie div.ism-col {background-color:#fef3f7; padding:30px;}

.work-natalie .ism-col h4 {
    color:#b65c81;
}
.work-natalie .ism-col ul {padding-left:20px}
.work-natalie .ism-col ul li {font-weight:300; font-style:italic}
.work-natalie .ism-col p {
    text-align:center; 
    color:#b65c81;
    font-style:italic;
    font-weight:400
}
.work-natalie .ism-col p:before {
    content:'';
    display:block;
    height:2px; width:50px;
    background-color:#b65c81;
    margin:30px auto;
}
.work-natalie h3.ism-cta {
    font-size:24px;
    font-style:italic;
    color:#b65c81;
    text-align:center;
}
.work-natalie h3.ism-cta:before {
    content:'';
    display:block;
    width:80px; height:2px;
    background-color:#b65c81;
    margin:30px auto;
}
.work-natalie .profile-pic {
    float:right;
    max-width:230px;
    height:auto;
    margin:10px 0 30px 30px;
}

.work-natalie.retreat {
    max-width:900px;
    text-align:center
}
.work-natalie.retreat h2 {
    font-size:30px;
    line-height:1.2;
    margin:20px 0 10px 0;
    font-weight:400;
    color:#b65c81
}
.work-natalie.retreat h3 {
    font-size:18px;
    margin:0 0 20px 0
}
.work-natalie.retreat p {margin:20px 0}

@media screen and (max-width:768px) {
    .work-natalie {padding:40px 20px 60px 20px;}
    .work-natalie .work-nav {padding:0 15px; margin:30px 0 0 0; }
    .work-natalie div.ism-col {margin-top:40px}
    .work-natalie .add-space {padding-top:30px}
    .work-natalie .profile-pic {
        float:right;
        max-width:150px;
        height:auto;
        margin:10px 0 20px 20px;
    }
}

/***************** 404 *****************/
/******************************************************/
/******************************************************/

.basic-page .error  {padding:80px 0;}

/***************** HOME/ABOUT *****************/
/******************************************************/
/******************************************************/
.max-1000 {max-width:1000px;}
.home-natalie {padding:60px 0 30px 0;}
.home-natalie h1 {
    text-align:center;
    color:#b272c7;
}
.home-natalie h2 {
    font-size:24px;
    font-weight:400;
    font-style:italic;
    margin:0 0 30px 0;
    text-align:center;
    color:#b272c7;
}
.home-natalie h2:after {
    content:'';
    display:block;
    width:80px; height:2px;
    margin:30px auto 0 auto;
    background-color:#b272c7;
}
.home-natalie h3 {
    font-weight:400;
    font-style:italic;
    margin:0 0 30px 0;
    text-align:center;
    color:#b272c7;
}
.home-natalie h3:before {
    content:'';
    display:block;
    width:80px; height:2px;
    background-color:#b272c7;
    margin:30px auto;
}
.home-natalie p {line-height:2; margin:0 0 20px 0; font-size:16px;}
.home-natalie.testimonials p {
    font-size:18px;
    line-height:2; 
    padding:0 20px;
    margin:0; 
    font-style:italic;
}
.home-natalie.faq .qa-item {margin-bottom:20px}
.home-natalie.faq p {
   margin-bottom:10px;
   line-height:1.8
}
.home-natalie.faq p a {cursor: pointer; color:#494856}
.home-natalie.faq p a:hover {color:#b273c8}
.home-natalie.faq p a.btn-pink {color:#ffffff}
.home-natalie.faq p a.btn-pink:hover {color:#b273c8}

.home-programs {
    background-color:#edeffb;
    padding:60px 0 40px 0;
}
.home-programs h1 {
    text-align:center;
    color:#7079c6;
    margin-bottom:30px
}
.home-blog {
    padding:40px 0;
}
.home-blog h1 {
    text-align:center;
    color:#5bb6b8;
    margin-bottom:30px
}
img.about-nat {
    float:right;
    max-width:260px;
    height:auto;
    margin:10px 0 30px 30px;
}


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

.home-natalie {padding:40px 5px;}
.home-blog {padding:30px 0;}
.home-natalie img {display:block; float:none; width:100%; height:auto; margin:0 auto 20px auto}
.home-natalie p {line-height:1.8; margin:0 0 20px 0; font-size:16px;}
.home-natalie.testimonials p {
    font-size:16px;
    line-height:1.8; 
}
img.about-nat {
    display:inline;
    float:right;
    max-width:160px;
    height:auto;
    margin:10px 0 20px 20px;
}
}

/***************** SCHEDULER *****************/
/******************************************************/
/******************************************************/

.scheduler {padding-top:60px; padding-bottom:40px; margin:0 auto}
@media screen and (max-width:768px) {.scheduler {padding:30px 20px; }}


/***************** BUTTONS *****************/
/******************************************************/
/******************************************************/

.navbar-default .navbar-nav>li>a.pill-button-one {
    min-width:110px;
    min-height:28px;
    background-color:#3e479c;
    border:1px solid #3e479c;
    color:#ffffff;
    border-radius:30px;
    display:inline-block;
    text-align:center;
    line-height:30px;
    font-size:14px;
    margin-left:8px;
    padding:0;
}
.navbar-default .navbar-nav>li>a.pill-button-one:hover {
    color:#3e479c; 
    text-decoration:none; 
    border:1px solid #3e479c; 
    background-color:#ffffff;
}
.navbar-default .navbar-nav>li>a.pill-button-two {
    min-height:28px;
    color:#83828f;
    border-radius:30px;
    display:inline-block;
    text-align:center;
    line-height:30px;
    font-size:15px;
    margin:0 10px;
    padding:0;
}
.navbar-default .navbar-nav>li>a.pill-button-two:before {
    font-family:'FontAwesome';
    content:'\f023';
    padding-right:6px
    
}
.navbar-default .navbar-nav>li>a.pill-button-two:hover {
    color:#3e479c; 
    text-decoration:none; 
}
.navbar-default .navbar-nav>li>a.pill-button-three {
    min-height:28px;
    color:#83828f;
    border-radius:30px;
    display:inline-block;
    text-align:center;
    line-height:30px;
    font-size:15px;
    margin:0 10px;
    padding:0;
}
.navbar-default .navbar-nav>li>a.pill-button-three:hover {
    color:#3e479c; 
    text-decoration:none; 
}


/********* NAVIGATION/HEADER **********/
/******************************************************/
/******************************************************/

nav.navbar{
  background-color:#fff;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   min-height:140px;
   border-bottom:1px #dddddd solid;
   margin-bottom:0;
}
nav.navbar .container {
    padding-left:5px;
}
.navbar-default .navbar-nav>li>a {
    font-size:15px;
    padding:10px;
    color:#838290;
    font-weight:400;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color:#4339a4}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
color:#4339a4;
background-color:#f7f6fe
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#838290}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {color:#4339a4}
.navbar-brand-centered {
    position: absolute;
    top:64px;
    left: 50%;
    display: block;
    width: 300px;
    text-align: center;
    padding:0;
    float:none;
    height:auto;
}
.navbar-brand-centered a {
    display:block;
    width:100%;
    height:50px;
    background:url(/wp-content/themes/html5blank/img/logo-text.png) no-repeat;
    background-size:contain;
    margin:0 auto;
}
.navbar-brand-centered span {line-height:0; font-size:0}

.dropdown .dropdown-menu {
    padding:10px 0;
}

.dropdown-menu>li>a {
    color:#838290;
    padding:5px 20px;
    font-weight:400;
    font-size:15px;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color:#4339a4; background-color:#f7f6fe}

@media screen and (min-width:768px){
.navbar>.container .navbar-brand, .navbar>.container .navbar-brand {margin-left:auto}
.dropdown .dropdown-menu {
    display:block;
    opacity:0;
    -moz-transition:    all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition:      all 0.3s ease;
    -ms-transition:     all 0.3s ease;
    transition:         all 0.3s ease;
    pointer-events:none;
}
.dropdown:hover .dropdown-menu {display: block; opacity:1; pointer-events:auto;}

.navbar-brand-centered a:before {
    content:'';
    background:url(/wp-content/themes/html5blank/img/logo-mark.png) no-repeat;
    background-size:contain;
    display:block;
    width:30px; height:30px;
    margin:0 auto;
    position:relative;
    top:-36px;
}

.navbar>.container .navbar-brand-centered, 
.navbar>.container .navbar-brand-centered {
    margin-left: -150px;
}
.navbar-left {position:relative; top:48px;}
.navbar-right {position:relative; top:50px; margin-right:0px}

}


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

.navbar-brand-centered {
    position:relative;
    left: 0;
    top:24px;
    width:280px;
}
.navbar>.container .navbar-brand-centered {
    margin-left: 15px;
}
.navbar-brand-centered a {
    display:block;
    width:280px;
    height:45px;
}
.navbar-brand a:before {display:none;}
.navbar-left {position:absolute; top:75px;}
.navbar-right {top:77px;}

}

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

nav.navbar{
   min-height:50px;
}
.navbar-toggle {
    z-index:3;
    float:left;
    margin:30px;
}
.navbar-brand-centered {
    position:relative;
    left: 80px;
    top:28px;
    width:280px;
}
.navbar-left {position:static; top:auto;}
.navbar-right {position:static; top:auto; text-align:center; margin-top:20px}
.navbar-right>li {display:inline-block}
.navbar-collapse {padding:0 35px 20px 35px}
}

@media screen and (max-width:468px) {
nav.navbar .container {
    padding-left:15px;
}
.navbar-toggle {margin:20px;}
.navbar-brand-centered {
    left: 65px;
    top:20px;
    width:230px;
}
.navbar-brand-centered a {
    width:230px;
    height:37px;
}

}

/***************** HERO-AREAS *****************/
/******************************************************/
/******************************************************/

.hero-pad {padding:0; text-align:center;}
.hero-home {
    min-height:450px;
    background-position:center !important;
    background-size:cover !important;
}
.hero-home-text {
    max-width:500px;
    text-align:center;
    position:relative;
    left:600px
    
}
.hero-home-text h1 {
    color:#ffffff;
    font-family:'Fira Sans', sans-serif;
    font-style:italic;
    font-size:40px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
    line-height:1;
    font-weight:300;
    margin-bottom:15px;
    letter-spacing:-0.3px
}
.hero-home-text h2 {
    font-size:20px;
    font-weight:300;
    font-style:italic;
    color:#ffffff;
    letter-spacing:0.2px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
    line-height:1.4
}
.hero-home-text a {
    max-width:180px;
    min-height:34px;
    border:1px solid #ffffff;
    color:#b068b7;
    border-radius:30px;
    display:block;
    text-align:center;
    line-height:34px;
    font-size:16px;
    font-style:italic;
    margin:0 auto;
    font-weight:400;
    background-color:#ffffff
}
.hero-home-text a:hover {color:#ffffff; background-color:transparent; text-decoration:none;}

.hero-int {
    min-height:250px;
    background-position:center !important;
    background-size:cover !important;
    vertical-align:bottom;
}
.hero-int .container {align-self:flex-end; margin-bottom:30px; text-align:left}
.hero-int-text {text-align:left;}
.hero-int-text h1 {
    font-size:50px;
    color:#ffffff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
    line-height:-0.3;
    font-weight:300;
    margin:0
}
/* Contact page only */
.page-id-19 .hero-int-text h1 {margin-left:84px}
.hero-basic {
    min-height:100px;
    background-position:center !important;
    background-size:cover !important;
    vertical-align:bottom;
    background-color:#83828f;
}
.hero-basic-text h1 {
    font-family:'Fira Sans';
    font-weight:300;
    font-style:italic;
    font-size:36px;
    color:#ffffff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
    line-height:0.7;
    margin:0
}

@media screen and (max-width:1199px) {
    .hero-home {min-height:400px;}
    .hero-home-text {max-width:400px; left:500px}
    .hero-home-text h1 {font-size:42px; line-height:1;}
    .hero-home-text h2 {font-size:18px;}
    /* Contact page only */
    .page-id-19 .hero-int-text h1 {margin-left:0}
}
@media screen and (max-width:991px) {
    .hero-home {min-height:350px;}
    .hero-home-text {max-width:400px; left:350px}
}
@media screen and (max-width:768px) {
    .hero-home {min-height:230px;}
    .hero-home-text {max-width:none; left:auto; margin:30px auto; display:block}
    .hero-home-text h1 {font-size:30px; line-height:1; margin-bottom:15px}
    .hero-home-text h2 {font-size:16px; margin-bottom:15px}
    .hero-home-text a {width:200px; font-size:14px; min-height:26px; line-height:26px}
    .hero-int {min-height:200px;}
    .hero-int-text h1 {font-size:42px; line-height:0.7;}
    .hero-basic {min-height:60px;}
    .hero-basic-text h1 {font-size:24px; line-height:1.2; color:#ffffff;}
}
@media screen and (max-width:468px) {
    .hero-home-text {}
    .hero-home {background-position:right !important; background-size:cover !important;}
    .hero-int .container {width:100%; background-color: rgba(0,0,0,0.5);}
    .hero-int {background-position:90% !important;}
    .hero-int-text {width:100%; display:block;  padding:12px;}
    .hero-int-text h1 {
        font-family:'Fira Sans'; 
        font-size:30px;
        font-style:italic;
        font-weight:300;
    }
    
    
}

/***************** DOWNLOAD *****************/
/******************************************************/
/******************************************************/

.download-area {
    background-color:#faf1fc;
    padding-top:30px; padding-bottom:30px;
}
.download-area .container {text-align:left; padding:0 5px;}
.download-area h2 {
    font-weight:400;
    font-style:italic;
    margin:0 0 5px 0;
    line-height:1.3;
    font-size:24px;
    color:#b068b7
}
.download-area p {font-size:18px; font-style:italic; margin:0; line-height:1.6}
.download-area p strong {font-weight:500}
.download-area .download a {max-width:180px; margin:20px auto; float:right}
.download-area img {width:100%; max-width:70px}

@media screen and (max-width:768px) {
    .download-area img {display:none}
    .download-area .download a {margin:20px 0; float:none}
}

/***************** BASIC PAGE *****************/
/******************************************************/
/******************************************************/

.basic-page {
    padding-left:0; padding-right:0;
    min-height:400px;
}




/************ SUBSCRIBE/FOOTER ************/
/******************************************************/
/******************************************************/

.newsletter-signup {
    background-color:#a3a2b0;
    padding:30px 0;
}
.newsletter-signup h3 {
    color:#ffffff;
    font-size:24px;
    line-height:1.1;
    font-weight:400;
    font-style:italic;
    margin:0 0 10px 0
}
.newsletter-signup p {
    color:#ffffff;
    font-size:16px;
    line-height:1.6;
    font-weight:300;
    margin:0;
}
.nl-form-group {
    text-align:right;
}
.nl-form-group label {
    font-weight:300;
    margin:0 10px 0 0;
}
.nl-form-group input {
    border-radius:3px;
    padding:10px 12px;
    color:#a1a1a1;
    border:none;
}
.nl-form-group .btn {
    border-radius:30px;
    padding:6px 24px;
    border:1px solid #83828f;
    background-color:#83828f;
    font-size:14px;
    font-weight:400;
    font-style:italic;
    color:#ffffff;
}
.nl-form-group .btn:hover {
    color:#83828f;
    background-color:#ffffff;
}

@media screen and (max-width:991px) {
.newsletter-signup .vertical-align {display:block;}
.nl-form-group {text-align:left; margin-top:20px}
}
@media screen and (max-width:500px) {
    .nl-form-group label, .nl-form-group .btn {display:block; margin-bottom:20px}
    .nl-form-group input {width:100%}
}

/***************** FOOTER *****************/
/******************************************************/
/******************************************************/

footer {margin-top:50px}
footer .buffer {margin-bottom:40px}

footer .logo-mark {padding:0 0 0 15px}
footer .logo-mark img {width:100%; height:auto; max-width:100px; min-width:50px}

footer .about {padding:0 30px}
footer .about h4, footer .quick-links h4, footer .social h4  {
    margin:0 0 20px 0;
    font-size:16px;
    font-weight:500;
    line-height:1
}
footer .about p {
    margin:0 0 15px 0;
    font-size:14px;
    font-weight:300;
    line-height:2
}
footer .about a {color:#494856; font-weight:500}
footer .about a:hover {color:#7079c6;}

footer .quick-links ul {list-style:none; margin:0; padding:0}
footer .quick-links ul li {margin:0 0 10px 0;  font-size:14px}
footer .quick-links ul li a {font-weight:300; color:#494856; text-decoration:none}
footer .quick-links ul li a:hover, footer .quick-links ul li a:focus {color:#7079c6; text-decoration:none}

footer .social {padding-left:100px}
footer .social ul {list-style:none; margin:0; padding:0}
footer .social ul li {margin:0 10 0 0; display:inline-block}
footer .social ul li a {
    display:block; color:#838290; font-family:FontAwesome; font-size:32px; margin:0 15px 0 0
}
footer .social ul li a:hover, footer .social ul li a:focus  {
    color:#7079c6; text-decoration:none
}
footer .social ul li a.facebook:before {content:'\f09a';}
footer .social ul li a.twitter:before {content:'\f099';}
footer .social ul li a.pinterest:before {content:'\f231';}
footer .social ul li a.youtube:before {content:'\f16a';}

footer .copyright {
    border-top:1px solid rgba(195,196,207,0.6);
    padding:40px 0;
    text-align:center;
    font-size:14px;
    font-weight:300;
}
footer .copyright a {color:#494856; font-weight:300}
footer .copyright a:hover, footer .copyright a:focus {color:#7079c6; text-decoration:none}

@media screen and (max-width:1199px) {
    footer .social {padding-left:40px}
}
@media screen and (max-width:991px) {
    footer .about {padding:0 20px 0 30px}
    footer .quick-links {padding:30px 20px 30px 154px}
    footer .social {padding:30px 20px}
}
@media screen and (max-width:768px) {
    footer .logo-mark {padding:0 20px 25px 20px }
    footer .about {padding:0 20px}
    footer .quick-links {padding:20px}
    footer .social {padding:10px 20px}
    footer .copyright {padding:40px 20px 30px 20px}
    footer .copyright .stack {display:block; margin-bottom:10px}
    footer .copyright .remove {display:none}
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

.stupidfix {display:inline-block}
.stupidfix div {display:inline-block}