/*
Theme Name: Rosa Child
Theme URI: http://pixelgrade.com/demos/rosa
Author: PixelGrade Team
Author URI: http://pixelgrade.com
Template: rosa
Description:  ROSA is an enchanting and easy-to-use parallax Restaurant WordPress theme that allows you to tell your story in a dynamic, narrative and enjoyable way, making it perfect for restaurants, bakeries, bars or coffee shops.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rosa
Tags: black, orange, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, sticky-post, translation-ready
*/
/* Add your custom CSS rules that overwrite the ones in the main Lens theme here */
/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files
If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: rosa' line. */
.article__parallax.bg-video video {
    max-width: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    min-width: 100%;
    min-height: 100%;
    width: auto !important;
    height: auto !important;
}

.article__content .container {
    max-width: 848px;
}

.headline__primary, .headline__secondary {
    opacity: 1 !important;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: none;
}

/*----- Lightbox -----*/
.lightboxOverlay, .lightbox {
    display: none !important;
}

/*----- Homepage Social Menu -----*/
.article__header .social-container {
    position: absolute;
    bottom: 0px;
    right: 20px;
    z-index: 99;
    max-width: 1200px;
    padding: 0 20px 31px 10px;
}

.article__header .giftcard {
    background: #c59d5f;
    display: inline-block;
    padding: 10px;
    -moz-transition: all 150ms ease;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    position: relative;
    top: 40px;
    margin-right: 12px;
    right: 120px;
    font-size: 10px;
    line-height: 1;
    box-shadow: none;
    text-shadow: none;
    color: white;
    border: 0;
}

@media only screen and (max-width: 899px) {
    .article__header .social-container {
        bottom: auto;
        top: 20px;
        max-width: 55px;
        padding: 0 0 0 5px;
        margin: 0;
    }
}

.article__header .social-container .menu-item a {
    padding: 7px !important;
    opacity: 0.5;
    -moz-transition: all 150ms ease;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    position: relative;
    top: 2px;
}

.article__header .social-container .menu-item a {
    color: white;
    font-size: 26px;
    -moz-transition: all 150ms ease;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    width: 40px;
    height: 45px;
}

@media only screen and (max-width: 899px) {
    .article__header .social-container .menu-item a {
        font-size: 24px;
    }
}

.article__header .social-container .menu-item:hover, .article__header .social-container .menu-item:focus {
    opacity: 1;
}

@media only screen and (max-width: 899px) {
    .article__header .social-container {
        display: none;
    }
}

.article__header, .article__header .social-container * {
    pointer-events: auto;
}

.navigation--main ul.nav--items-social {
    display: none;
}

.navigation--main .giftcard {
    display: none;
}

@media only screen and (max-width: 899px) {
    .navigation--main ul.nav--items-social {
        display: block;
        padding-bottom: 10px;
    }

    .navigation--main ul.nav--items-social .social-icon {
        padding: 7px 7px 0 !important;
    }

    .navigation--main ul.nav--items-social .social-icon i {
        font-size: 14px;
    }

    .navigation--main .giftcard {
        display: block;
        background: #c59d5f !important;
        display: inline-block;
        padding: 10px;
        -moz-transition: all 150ms ease;
        -webkit-transition: all 150ms ease;
        transition: all 150ms ease;
        margin-top: 15px;
    }
}

/*----- Homepage Newsletter -----*/
.mc4wp-form-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 999;
}

.mc4wp-form-wrapper input[type="email"] {
    display: inline-block;
    width: 140px;
    padding: 7px;
    text-align: left;
    margin-bottom: 5px;
    background: rgba(255, 255, 255, 0.8);
    -moz-transition: all 150ms ease;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    border: none;
    border-radius: 4px;
    margin: 0 5px;
}

.mc4wp-form-wrapper input[type="submit"] {
    background: #c59d5f;
    padding: 10px;
    font-size: 12px;
    line-height: 1;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: .2em;
    color: white;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
}

.mc4wp-form-wrapper input[type="submit"]:hover {
    background: #262525;
}

@media only screen and (min-width: 900px) {
    .mc4wp-form-wrapper {
        padding-left: 47px;
        padding-bottom: 38px;
    }

    .mc4wp-form-wrapper .title {
        display: block;
        text-align: left;
        padding-left: 5px;
        padding-bottom: 5px;
    }
}

@media only screen and (max-width: 899px) {
    .mc4wp-form-wrapper {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        width: 100%;
    }
}

@media only screen and (max-width: 400px) {
    .mc4wp-form-wrapper {
        right: 0;
    }

    .mc4wp-form-wrapper .title {
        font-size: 14px;
    }

    .mc4wp-form-wrapper input.email {
        padding: 4px;
        width: 110px;
    }

    .mc4wp-form-wrapper input.wpcf7-submit {
        padding: 7px;
    }
}

@media only screen and (max-width: 360px) {
    .mc4wp-form-wrapper {
        right: auto;
    }

    .mc4wp-form-wrapper .title {
        font-size: 14px;
        width: 200px;
    }

    .mc4wp-form-wrapper input.email {
        padding: 2px;
        width: 104px;
    }

    .mc4wp-form-wrapper input.wpcf7-submit {
        padding: 5px;
    }
}

@media only screen and (max-width: 480px) {
    .mc4wp-form-wrapper {
        display: none;
    }
}

/*----- Intagram Button -----*/
.seachInstagramLoadMore.btn.btn-inverse {
    background: #252525;
    display: inline-block;
    padding: 10px;
    -moz-transition: all 150ms ease;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    position: relative;
    font-size: 12px;
    line-height: 1;
    box-shadow: none;
    text-shadow: none;
    color: white;
    border: 0;
}

.seachInstagramLoadMore.btn.btn-inverse:hover {
    background-color: #c59d5f !important;
}

/*----- Press Mentions -----*/
.press-mentions {
    padding: 0;
    list-style: none;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}

.press-mentions .press-mention {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: calc(100% / 3);
    padding: 10px;
}

.press-mentions .press-mention a {
    border-bottom: none;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
}

.press-mentions .press-mention a img {
    display: block;
}

.press-mentions .press-mention .quick-quote {
    transition: opacity 150ms linear,bottom 150ms linear;
    display: none;
    bottom: 75%;
    opacity: 0;
    width: 90%;
    position: relative;
    left: 50%;
    transform: translate(-50%, -14px);
    position: absolute;
    display: block;
    padding: 10px 10px 10px 40px;
    z-index: 9990;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
}

.press-mentions .press-mention .quick-quote i {
    font-size: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #c59d5f;
}

.press-mentions .press-mention .quick-quote p {
    font-size: 8px;
    font-size: .8rem;
    line-height: 14px;
    line-height: 1.4rem;
    font-weight: 100;
    padding: 0;
    margin: 0;
    color: #fff;
}

.press-mentions .press-mention .quick-quote:after {
    content: '';
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: rgba(0, 0, 0, 0.85) transparent transparent;
}

.press-mentions .press-mention:hover .quick-quote {
    opacity: 1;
    bottom: 100%;
    display: block;
}

.press-mentions .press-window {
    display: none;
}

@media only screen and (max-width: 659px) {
    .press-mentions .press-mention {
        width: 50%;
    }
}

/*----- Team -----*/
#post-795 .article__content {
    background: #efeded;
}

.wpb_content_element.team-full-bio {
    text-align: center;
}

.interactive {
    position: relative;
    display: inline-block;
}

.interactive .group-photo img {
    display: block;
}

.team-bio-tooltip {
    transition: all 150ms linear;
    background: transparent;
    color: transparent;
    z-index: 2;
    position: absolute;
    bottom: 0;
    height: auto;
    max-height: 0;
    width: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,.65);
    text-align: left;
}

.team-bio-tooltip h4 {
    color: #fff;
    margin: 0;
    opacity: 0;
    text-transform: uppercase;
    font-size: 19px;
    padding: 10px 15px 0;
}

.team-bio-tooltip h4 .position {
    color: #c59d5f;
    margin-left: 15px;
    text-transform: none;
    letter-spacing: normal;
    font-size: 19px;
    font-weight: 400;
}

.team-bio-tooltip p {
    font-size: 14px;
    line-height: 22px;
    color: #bcbcbc;
    opacity: 0;
    margin-bottom: 0;
    padding: 0 15px 10px;
}

.team-bio-tooltip.active {
    max-height: 200px;
}

.team-bio-tooltip.active h4, .team-bio-tooltip.active p {
    opacity: 1;
}

.team-bio-popup {
    position: absolute;
    display: block;
}

.team-bio-popup[data-id="784"] {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.interactive .team-bio-popup-content {
    display: none;
}

/*----- Contact page -----*/
#post-116 .pixcode-icon-link {
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

/*----- Custom Magnific Popup -----*/
.mfp-auto-cursor .mfp-content .press-window, .mfp-auto-cursor .mfp-content .team-bio-popup-content {
    width: 85%;
    max-width: 800px;
    padding: 25px;
    border-bottom: 0;
    -webkit-overflow-scrolling: touch;
    background: white;
    margin: 0 auto;
}

.mfp-auto-cursor .mfp-content .press-window .mfp-close, .mfp-auto-cursor .mfp-content .team-bio-popup-content .mfp-close {
    font-size: 60px;
    line-height: 44px;
    color: white;
}

/*----- Footer -----*/
.site-footer {
    position: relative;
}

/*----- Back To Top -----*/
.btn--top {
    position: absolute;
    top: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.site-footer svg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -96px;
    margin-top: -50px;
}

.site-footer svg path {
    fill: #121212;
}

.site-footer .sidebar {
    font-size: 14px;
}

.site-footer .sidebar .widget {
    margin-bottom: 0;
    vertical-align: top;
}

.site-footer .sidebar a {
    text-decoration: none;
}

.site-footer .sidebar a.plain {
    text-decoration: none;
    -moz-transition: all 150ms ease;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    color: #c59d5f;
}

.site-footer .sidebar .widget strong {
    font-size: 12px;
    font-weight: 700;
}

.site-footer .sidebar .widget strong + p {
    margin-bottom: 10px;
}

.site-footer .sidebar .widget [class*="social"] > ul a {
    padding: 6px;
}

.site-footer .sidebar form.mc4wp-form input[type="email"] {
    width: 140px;
    padding: 7px;
    text-align: left;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 0.8);
    -moz-transition: all 150ms ease;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    border: none;
    border-radius: 4px;
    display: block;
    font-size: 15px;
}

.site-footer .sidebar form.mc4wp-form input[type="submit"] {
    padding: 10px;
    font-size: 12px;
    line-height: 1;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: .2em;
    background-color: #262526;
    color: white;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
}

input[type="email"]::-webkit-input-placeholder {
    text-transform: none;
}

input[type="email"]::-moz-input-placeholder {
    text-transform: none;
}

input[type="email"]::-ms-input-placeholder {
    text-transform: none;
}

.site-footer .sidebar form.mc4wp-form input[type="submit"]:hover {
    background-color: #c59d5f;
}

.site-footer .footer-widget-area .footer-column {
    width: 33.33333%;
    float: left;
}

@media only screen and (max-width: 599px) {
    .site-footer .footer-widget-area .footer-column {
        width: 100%;
        float: none;
    }
}

.site-footer .sidebar .widget {
    width: 100%;
}

.site-footer .footer-widget-area .custom-html-widget .giftcard {
    margin-top: 10px;
    background: #262526;
    border: 0;
    outline: none;
    font-size: 10px;
    text-shadow: none;
    box-shadow: none;
    padding: 5px 10px;
}

.site-footer .footer-widget-area .custom-html-widget .giftcard:hover {
    background-color: #c59d5f;
    color: #ffffff;
}

.site-footer .footer-widget-area .widget .widget__title {
    margin-bottom: 15px;
}