/*
Theme Name: Rosa Child
Theme URI: https://demos.pixelgrade.com/rosa
Author: Pixelgrade Team
Author URI: https://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. */

/* Corrections to theme's stupid styles */
.pdfemb-viewer div.pdfemb-wantmobile-fsarea {
    border: none;
    background-color: var(--mainthemecolor);
    -webkit-box-shadow: 8px 8px 8px rgb(0 0 0 / 25%);
    -moz-box-shadow: 8px 8px 8px rgb(0 0 0 / 25%);
    box-shadow: 8px 8px 8px rgb(0 0 0 / 25%);
    color: white;
}
.pixcode--grid, .otw-wrapper {
    margin-left: 0;
}
.pixcode--grid > .grid__item, .otw-wrapper > .grid__item, .pixcode--grid > .logged-in-as, .otw-wrapper > .logged-in-as, .comment-form.pixcode--grid > p, .comment-form.otw-wrapper > p, .pixcode--grid > .comment-form-comment, .otw-wrapper > .comment-form-comment, .pixcode--grid > .form-submit, .otw-wrapper > .form-submit, .pixcode--grid > .comment-subscription-form, .otw-wrapper > .comment-subscription-form, .pixcode--grid > .otw-input-wrap, .otw-wrapper > .otw-input-wrap, .pixcode--grid > .otw-button-wrap, .otw-wrapper > .otw-button-wrap {
    padding-left: 0;
}

/* OmniPopup CSS */
:root {
  --mainthemecolor: rgb(150, 2, 2);
}
#cta-appear {
    position: absolute;
    top: 300px; 
}
.omnipop.slideDown {
    bottom: -60px !important;
}
.omniCTA.pum {
    display: block !important;
    width: 56px;
    height: 56px;
    top: unset;
    bottom: calc(5% + 75px);
	right: 5%;
    left: unset;
    border-radius: 100%;
	box-shadow: 2px 3px 20px 0 rgb(0 0 0 / 20%);
	transition: ease .3s;
}
.omnipop:before {
    content: "EVENTS";
    position: absolute;
    left: -100%;
    top: 50%;
    transform: translate(-22px, -50%);
    background: var(--mainthemecolor);
    padding: 5px 15px;
    color: white;
    font-size: 12px;
	border-radius: 3px;
}
a.buttonizer-button, .buttonizer-label {
    background-color: var(--mainthemecolor) !important;
    box-shadow: 2px 3px 20px 0 rgb(0 0 0 / 20%) !important;
}
:not(#\ ):not(#\ ):not(#\ ).buttonizer-button-0-0-3:hover {
    transform: translate(0px, -5px) !important;
}
.omniCTA.pum-active {
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    border-radius: 0;
}
.pum.omnipop {
    background: var(--mainthemecolor);
}
.pum > i {
    position: absolute;
	top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: white;
}
.pum.pum-active > i {
    display: none;
}
.omnipop .popmake {
    opacity: 0;
	pointer-events: none;
}
.omniCTA.pum-active .popmake {
    opacity: 1;
    transition: opacity ease .3s !important;
    transition-delay: .3s !important;
}
.omnipop {
	visibility: visible !important;
}
.omnipop:hover {
    margin-bottom: 5px;
}
.pum-overlay-disabled.pum-active {
    background: transparent;
}
.omnipop.wiggle {
    animation: cta-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
@keyframes cta-shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
/* End OmniPopup CSS */

.home-events #evcal_head, .home-events .evcal_month_line {
    display: none;
}
.pum-content.popmake-content {
    outline: none !important;
}
.evocard_box.ftimage {
    background: transparent;
}
.evo_metarow_directimg.evcal_evdata_row {
    aspect-ratio: 4 / 1;
}
img.evo_event_main_img {
    object-fit: contain;
}
.list_cal .evo_cal_above {
    display: none;
}
.evo_metarow_learnmore span.evcal_evdata_icons .fa-link:before {
    content: "\f3ff";
    position: relative;
}
.evo_metarow_learnmore h3.evo_h3 {
    visibility: hidden;
    position: relative !important;
    padding: 0 !important;
    margin-left: 0px !important;
}
.evo_metarow_learnmore h3.evo_h3:after {
    content: "BUY TICKETS";
    visibility: visible;
    position: absolute;
    left: 0;
}
.footer-container .menu-item a img {
    height: 24px;
    width: 24px;
}
.woocommerce[class] ul.products.columns-3 li.product {
    width: calc((100%/3) - 4.5%);
}
#om_menu small a {
    display: none !important;
}
#om_menu span.big {
    border: none;
}
.error404 .description.second {
	display: none;
}

@media only screen and (max-width: 480px) {
	.evo_metarow_learnmore h3.evo_h3 {
		margin-left: 35px !important;
	}
}