/*
Theme Name: Miraculum
Theme URI: https://www.miraculum-berlin.de
Author: Agentur Herzstück GmbH
Author URI: https://www.agentur-herzstueck.de
Description: Miraculum WordPress-Theme. Erstellt mit Bootstrap 5 und Gutenberg Editor. Maßgeschneidert mit <3 in Bad Salzuflen.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: miraculum
*/

/** --------------------------------------
** FONT FACE
* --------------------------------------- */
@font-face {
    font-family: 'baisteachregular';
    src: url('assets/font/baisteach.eot');
    src: url('assets/font/baisteach.eot?#iefix') format('embedded-opentype'),
        url('assets/font/baisteach.woff2') format('woff2'),
        url('assets/font/baisteach.woff') format('woff'),
        url('assets/font/baisteach.ttf') format('truetype'),
        url('assets/font/baisteach.svg#baisteachregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ---------------------------------------
** GENERAL
* ------------------------------------- */

.editor-styles-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
}

body, html {
    margin: 0;
    padding: 0;
    min-height: 100%;
    height: 100%;
    letter-spacing: 0.05rem;
    font-family: "baisteachregular", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(assets/img/paper.jpg);
    pointer-events: none;
    z-index: -1;
}

a, button {
    -webkit-transition: .35s ease;
    -moz-transition: .35s ease;
    -o-transition: .35s ease;
    transition: .35s ease;
}

/** --------------------------------------
MAIN FRAME
---------------------------------------- */

#bodyFrame {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 2
}

#navContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}

.admin-bar #navContainer {
    top: 32px;
}

#frameBottom {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.frameBottom-content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}

.navContainer-bg, .navContainer-top, .frameBottom-bg {
    max-width: 100%;
    height: auto;
}

.navContainer-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.navContainer-nav {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    padding-left: 2.5%;
    padding-right: 2.5%;
}

#frameLeft {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 0;
}

#frameRight {
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 0;
}

.frameLeft-bg, .frameRight-bg {
    height: 100%;
    width: 4.843%;
}

.frameRight-bg {
    right: 0;
    position: absolute;
}

#logoContainer {
    position: relative;
    z-index: 2;
}

#logoContainer .logo {
    position: relative;
    z-index: 5;
}

.header-content {
    position: absolute;
    width: 18.95964%;
    left: 50%;
    top: 16.667%;
    margin-left: calc(-18.95964% / 2);
}

.header-content::before {
    position: absolute;
    content: "";
    width: calc(100% + 30%);
    height: calc(100% + 30%);
    background: rgba(0, 0, 0, .25);
    z-index: 0;
    left: 0;
    margin-left: -15%;
    top: 0;
    margin-top: -3.333%;
    border-radius: 50%;
    box-shadow: inset .5px -1px 0px rgba(177, 125, 93, .75);
}

.frameBottom-content {
    position: absolute;
    width: 8.45%;
    left: 50%;
    margin-left: calc(-8.45% / 2);
}

#mainContent {
    position: relative;
    z-index: 1;
}

#paperEdge {
    position: fixed;
    width: 100%;
    height: 100%;
    background-image: url(assets/img/paper-edges.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
}

#paperEdgeLeft {
    position: fixed;
    width: 2.070%;
    height: 100%;
    background-image: url(assets/img/paper-left.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: bottom center;
    z-index: 1;
}

#paperEdgeRight {
    position: fixed;
    width: 2.070%;
    height: 100%;
    background-image: url(assets/img/paper-right.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: bottom center;
    z-index: 1;
}

#paperEdgeBottom {
    position: fixed;
    height: 2.070%;
    background-image: url(assets/img/paper-bottom.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
    z-index: 1;
}

@media (max-width: 991px) {

    #frameBottom, #frameLeft, #frameRight,
    .navContainer-bg, .navContainer-top, .header-bg,
    .header-content::before {
        display: none;
    }

    .header-content {
        position: relative;
        top: 20%;
        left: unset;
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .header-content .logo {
        max-width: 20rem;
        width: 100%;
    }

    #mainContent {
        padding: 2rem 1.5rem;
    }
}

/** --------------------------------------
BLOG
---------------------------------------- */

body.blog::before {
    background: url(assets/img/paper-white.jpg);
}

body.blog {
    color: black;
}

.blog #paperEdgeRight {
    background-image: url(assets/img/paper-right-white.png);
}

.blog #paperEdgeBottom {
    background-image: url(assets/img/paper-bottom-white.png);
}

.blog #paperEdgeLeft {
    background-image: url(assets/img/paper-left-white.png);
}

.blog #paperEdge { 
    background-image: url(assets/img/paper-edges-white.png);
}

@media (min-width: 992px) {
    .blog .header-content {
        width: 25%;
        top: 16.667%;
        margin-left: calc(-25% / 2);
    }
}

.blog .header-content::before {
    display: none;
}

.blog .header-bg {
  margin-top: 2vw;
}

.blog a {
    overflow: hidden;
}

.blog a > .wp-post-image {
    transition: transform .35s ease;
}

.blog a:hover > .wp-post-image {
    transform: scale(1.05) rotate(2deg);
}

/** --------------------------------------
NAVIGATION
---------------------------------------- */

#sitenav {
    width: 100%;
}

#sitenav .nav-item {
    margin: 0;
}


#sitenav .nav-item a {
    color: var(--wp--preset--color--secondary);
    text-decoration: none;
    position: relative;
    z-index: 2;
    padding: 3% 0;
    font-size: calc(1rem + .5vw);
    letter-spacing: 0.05rem;
}

#sitenav .nav-item:not(.logo-spacer) {
    padding: 0;
    position: relative;
    background-color: rgba(0, 0, 0, .25);
    border-radius: 2rem;
    box-shadow: inset .5px -1px 0px rgba(177, 125, 93, .75);
    width: 10.667%;
    text-align: center;
    -webkit-transition: .35s ease;
    -moz-transition: .35s ease;
    -o-transition: .35s ease;
    transition: .35s ease;
}
/* Menu item doppelte Breite
#sitenav #menu-item-43, */
#sitenav #menu-item-209 {
    width: 21.332%;
    background-color: rgba(220, 50, 50, .25);
}
/* Menu item doppelte Breite, deshalb die Hälfte padding
#sitenav #menu-item-43 a, */
#sitenav #menu-item-209 a {
    padding: 1.5% 0;
}

#sitenav .nav-item.logo-spacer {
    width: 30%;
    position: relative;
}

#sitenav .nav-item.logo-spacer>a {
    display: none;
}

#sitenav .nav-item.logo-spacer::before, 
#sitenav .nav-item.logo-spacer::after {
    content: "";
    background-image: url(assets/img/stern.png);
    width: 10%;
    height: 50px;
    position: absolute;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    top: 50%;
    margin-top: -25px;
}

#sitenav .nav-item.logo-spacer::after {
    right: 0;
    left: unset;
}

#sitenav .nav-item.lang-item a::before {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 69.727 54.46'%3e%3cpath d='M69.727,48.746C46.485,68.54,23.242,28.951,0,48.746V5.714c23.242-19.794,46.485,19.8,69.727,0Z' fill='%23caa158'/%3e%3c/svg%3e ");
    margin-right: 0.5rem;
}

#sitenav .nav-item a::after {
    content: "";
    top: calc(100% - 40%);
    left: 15%;
    position: absolute;
    width: 70%;
    height: 1rem;
    background: url("assets/img/underline.svg") no-repeat 50% 0%;
    opacity: 0;
    -webkit-transition: .35s ease;
    -moz-transition: .35s ease;
    -o-transition: .35s ease;
    transition: .35s ease;
}

#sitenav .nav-item:not(.logo-spacer):hover a {
    padding: 0 0 6% 0;
}

#sitenav #menu-item-43:hover a,
#sitenav #menu-item-209:hover a {
    padding: 0 0 3% 0;
}

#sitenav .nav-item:hover a::after {
    opacity: 1;
}

#sitenav .nav-item .dropdown-menu {
    background: transparent;
    margin: 0;
    -webkit-transition: .35s ease;
    -moz-transition: .35s ease;
    -o-transition: .35s ease;
    transition: .35s ease;
    padding-top: .75rem;
    border: 0;
    min-width: 100%;
}

#sitenav .nav-item:hover>.dropdown-menu {
    display: block;
}

#sitenav .nav-item .dropdown-menu li {
    border-radius: 2rem;
    width: 113%;
    background: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--primary));
    box-shadow: inset .5px -1px 0px rgba(177, 125, 93, .75);
}

#sitenav .nav-item .dropdown-menu li .dropdown-item {
    color: var(--wp--preset--color--secondary);
    font-size: 1.5rem;
    letter-spacing: 0.05rem;
    padding: 3% 6.5%;
    display: block;
    width: unset;
}

#sitenav .dropdown-menu li .dropdown-item::after {
    display: none;
}

#sitenav .dropdown-menu li .dropdown-item:hover,
#sitenav .dropdown-menu li .dropdown-item:focus {
    background-color: transparent;
    color: var(--wp--preset--color--secondary-50);
}

.navbar-toggler {
    border: 0;
    padding: .5rem .875rem;
}

.navbar-toggler[aria-expanded="false"]>.navbar-toggler-icon {
    background-image: url(assets/img/menu.svg);
}

.navbar-toggler[aria-expanded="true"]>.navbar-toggler-icon {
    background-image: url(assets/img/close.svg);
}

@media (max-width: 1199px) {
    #sitenav .nav-item .nav-link {
        padding: 0;
    }

    #sitenav .nav-item .nav-link::after {
        display: none;
    }
}

@media (max-width: 991px) {
    #navContainer {
        position: relative;
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }

    .navContainer-nav {
        position: relative;
        left: unset;
        top: unset;
        padding-left: 0;
        padding-right: 0;
        width: auto;
    }

    .navbar-toggler[aria-expanded="true"] {
        position: fixed;
        z-index: 1055;
    }

    #navbarToggle {
        position: fixed;
        top: 0;
        left: 0;
        background-image: url(assets/img/paper.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
        height: 100%;
        padding: 120px 1.5rem 1.5rem;
        width: 100%;
        -moz-transition: .35s all ease-in-out;
        -webkit-transition: .35s all ease-in-out;
        transition: .35s all ease-in-out;
        z-index: 1052;
    }


    #navbarToggle::before {
        content: "";
        width: calc(100% + 1rem);
        height: calc(100% + 1rem);
        bottom: -.5rem;
        position: absolute;
        right: -.5rem;
        background-image: url(assets/img/nav-paper-edges.png);
        background-size: cover;
        background-position: bottom right;
        background-repeat: no-repeat;
    }

    #sitenav {
        flex-direction: column;
        align-items: flex-start;
    }

    #sitenav .nav-item.lang-item {
        display: none;
    }
    

    #sitenav .nav-item:not(.logo-spacer),
    #sitenav #menu-item-43,
    #sitenav #menu-item-209 {
        padding: 0;
        position: relative;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
        margin: .5rem 0;
        width: 100%;
        text-align: left;
    }

    #sitenav .nav-item.logo-spacer {
        display: none;
    }

    #sitenav .nav-item a {
        color: var(--wp--preset--color--primary);
        font-size: 1.75rem;
        padding: .5rem 1rem .5rem 2.25rem !important;
    }

    #sitenav .nav-item a::after {
        content: "";
        top: 50%;
        left: 0;
        position: absolute;
        width: 100%;
        width: 1.75rem;
        height: 1.75rem;
        margin-top: -.875rem;
        display: block !important;
        background: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 56.4 59.3' style='enable-background:new 0 0 56.4 59.3;' xml:space='preserve'%3e%3cpath fill='%23532819' d='M48.5,33.7l7.9-4l-7.9-4L45,28.4h-4.9c2.8-0.7,6.6-4.5,6.6-4.5l-4.9-1.5c-6.6,5.4-10.8,6.3-20.7,6.2h-3.5 c0.7-0.1,1.3-0.2,2-0.3c6.8-1.2,12.5-3.8,16.5-7.8c1-1,1.9-2.1,2.5-3.3c0.7-1.4,0.8-3,0.4-4.5c-0.5-1.7-1.9-3-3.6-3.5 C34.3,8.8,33,9,31.9,9.6c-1.6,1.1-2,3.2-0.9,4.7c0.1,0.2,0.2,0.3,0.4,0.5c0.8,0.8,2,1.2,3.1,1c1-0.3,1.7-1.3,1.7-2.3 c0-0.6-0.3-1.1-0.7-1.5c-0.3-0.2-0.7-0.2-1-0.3c-0.2-0.1-0.5-0.4-0.1-0.6c0.1,0,0.2,0,0.3,0c1.2,0.1,2.2,1,2.6,2.1 c0.3,1,0.1,2.1-0.3,3c-0.5,1-1.2,2-2.1,2.8c-3.7,3.6-9.1,6.1-15.5,7.2c-2,0.3-3.9,0.5-5.9,0.6c0.5-0.2,1-0.5,1.5-0.8 c4-2.3,6.8-6.3,7.7-10.9c0.8-4.7-1-9.5-4.6-12.5C15.6,0.7,12.6-0.2,9.5,0C6.3,0.2,3.3,1.9,1.4,4.6C0.5,6.1,0,7.7,0,9.4 C0,11,0.5,12.6,1.4,14c2,2.9,5.8,3.9,9,2.4c1.7-0.9,2.9-2.5,3.3-4.4c0.3-1.4,0-2.9-0.7-4.1c-0.5-0.9-1.5-1.6-2.5-1.9 c-1-0.2-1.9,0.4-2.1,1.4c0,0.1,0,0.2,0,0.3c0,0.9,0.7,1.7,1.6,1.7c0.2,0,0.4,0,0.6-0.1c1.2-0.5,1.4,1.4,1.2,2.2 c-0.3,1.3-1.1,2.4-2.3,3.1c-2.3,1-5,0.3-6.4-1.8c-1.4-2.2-1.4-5,0.1-7.1C4.6,3.5,7,2.2,9.7,2c2.5-0.2,5,0.6,7,2.1 c3.1,2.6,4.6,6.6,3.9,10.6c-0.7,4-3.2,7.5-6.7,9.5c-3,1.8-6.6,2.2-10,2.3c-0.5,0-1,0-1.4,0c-0.3,0-0.5,0-0.8,0 c-0.2,0-0.5,0.1-0.6,0.3c0,0.1,0,0.2-0.1,0.4c0,0.9,0,1.9,0,2.8c0,0.5,0,0.9,0,1.4c0,0.3-0.1,0.7,0.1,0.9c0.3,0.3,0.9,0.2,1.3,0.2 c0.4,0,0.9,0,1.3,0c0.9,0,1.8,0.1,2.6,0.2c1.7,0.2,3.5,0.5,5.1,1c0.8,0.3,1.7,0.7,2.4,1.1c3.5,2,6,5.5,6.7,9.5c0.6,4-0.8,8-3.9,10.6 c-2,1.6-4.5,2.3-7,2.1c-2.6-0.2-5.1-1.5-6.6-3.7c-1.4-2.2-1.5-4.9-0.1-7.1c1.4-2.1,4.1-2.8,6.4-1.8c1.2,0.6,2,1.7,2.3,3.1 c0.2,0.8,0,2.7-1.2,2.2c-0.9-0.3-1.8,0.2-2.1,1c-0.1,0.2-0.1,0.4-0.1,0.6c0,1,0.8,1.8,1.8,1.8c0.1,0,0.2,0,0.3,0 c1.1-0.3,2-0.9,2.5-1.9c0.8-1.2,1-2.7,0.7-4.1c-0.4-1.9-1.6-3.5-3.3-4.4c-3.2-1.5-7-0.5-9,2.4C0.5,46.7,0,48.3,0,49.9 c0,1.7,0.5,3.4,1.4,4.8c1.9,2.7,4.9,4.4,8.1,4.6c3,0.2,6-0.7,8.4-2.6c3.7-3,5.4-7.8,4.6-12.5c-0.8-4.6-3.6-8.6-7.7-10.9 c-0.5-0.3-1-0.6-1.5-0.8c2,0.1,4,0.3,5.9,0.6c6.4,1.1,11.8,3.6,15.5,7.2c0.9,0.8,1.6,1.7,2.1,2.8c0.5,0.9,0.6,2,0.3,3 c-0.4,1.1-1.4,2-2.6,2.1c-0.1,0-0.2,0-0.3,0c-0.3-0.1-0.1-0.5,0.1-0.6c0.3-0.2,0.7-0.1,1-0.3c0.4-0.4,0.7-0.9,0.7-1.5 c0-1.1-0.7-2-1.7-2.3c-1.1-0.2-2.3,0.1-3.1,1c-1.3,1.4-1.3,3.5,0.1,4.8c0.1,0.1,0.3,0.3,0.5,0.4c1.1,0.7,2.4,0.9,3.6,0.5 c1.7-0.5,3.1-1.8,3.6-3.5c0.4-1.5,0.3-3.1-0.4-4.5c-0.6-1.3-1.5-2.4-2.5-3.3c-4-3.9-9.7-6.6-16.5-7.8c-0.7-0.1-1.3-0.2-2-0.3h3.5 c9.9-0.2,14.1,0.8,20.7,6.2l4.9-1.5c0,0-3.8-3.8-6.6-4.5H45L48.5,33.7z'/%3e%3c/svg%3e ") no-repeat 50% 0%;
    }

    #sitenav .nav-item:hover a::after {
        opacity: 0;
    }

    #sitenav .nav-item a:hover::after,
    #sitenav .nav-item a:focus::after,
    #sitenav .nav-item a:active::after {
        opacity: 1;
    }

    #sitenav .nav-item a:hover,
    #sitenav .nav-item a:focus,
    #sitenav .nav-item a:active {
        background-color: rgba(83, 40, 25, .25);
        border-radius: 2rem;
        padding-left: 3.25rem !important;
    }

    #sitenav .nav-item a:hover::after,
    #sitenav .nav-item a:focus::after,
    #sitenav .nav-item a:active::after {
        left: 1rem;
    }

    #sitenav .nav-item .dropdown-menu {
        background: transparent;
        display: block;
        border: 0;
        position: relative;
        padding: 0 0 0 2.25rem;
    }

    #sitenav .nav-item .dropdown-menu li {
        box-shadow: none;
        border-radius: 0;
        margin: 0;
        background: none;
        width: auto;
    }

    #sitenav .nav-item .dropdown-menu li .dropdown-item {
        color: var(--wp--preset--color--primary);
    }

    #sitenav .nav-item .dropdown-menu li a:hover,
    #sitenav .nav-item .dropdown-menu li a:focus {
        background-color: rgba(83, 40, 25, .25);
        border-radius: 2rem;
        padding-left: 3.25rem !important;
    }

}

/** --------------------------------------
LANGUAGE
---------------------------------------- */

#masthead .lang-switcher .lang-item {
    position: relative;
    padding-left: 1.75rem;
}

#masthead .lang-switcher .lang-item::before {
    content: "";
    height: 100%;
    width: 1.25rem;
    position: absolute;
    left: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='69.727' height='54.46' viewBox='0 0 69.727 54.46'%3e%3cpath d='M69.727,48.746C46.485,68.54,23.242,28.951,0,48.746V5.714c23.242-19.794,46.485,19.8,69.727,0Z' fill='%23532819'/%3e%3c/svg%3e ");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.lang-switcher .lang-item a,
.lang-switcher .lang-item a:visited {
    color: var(--wp--preset--color--primary)
}

/** --------------------------------------
BLOCKS
---------------------------------------- */

/** TEXT BLOCKS */

.is-style-deco-underline {
    margin-bottom: 2.5rem;
    position: relative;
}

.is-style-deco-underline::after {
    content: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 364.8 35' style='enable-background:new 0 0 364.8 35;' xml:space='preserve'%3e%3cg%3e%3cpath fill='%23532819' d='M345.9,1.8L344.2,0v7.5H20.7V0l-1.7,1.8c-0.1,0.1-7.7,6.4-17.6,6.4L0,9.5h364.8l-1.4-1.2 C353.6,8.3,346,1.9,345.9,1.8z'/%3e%3cpath fill='%23532819' d='M183.4,13.9H20.6l2.8,1l10.9,1c0.1,0,0.2,0,0.3,0c2.9,0.5,5.6,1.7,7.9,3.5c1.1,1,2.2,2,3.2,3.1 c4.3-3.3,9.3-5.4,14.7-6.1c1.8-0.3,3.7-0.5,5.6-0.6h7c-1,0.5-2,1.1-2.9,1.8c-2.7,2.5-4.1,6.1-3.6,9.8c0.3,2.9,2.1,5.5,4.8,6.8 c1.1,0.5,2.3,0.8,3.5,0.8c2.2,0.1,4.4-1,5.7-2.8c1.2-1.8,1.2-4.2,0-6c-0.2-0.2-0.4-0.5-0.6-0.7c-1-0.8-2.4-1.2-3.7-1 c-1.1,0.2-2.2,0.8-2.2,2c0,1,0.8,1.8,1.8,1.8c0.5,0,1-0.2,1.3-0.6c0.3-0.4,0.4-1,1.1-0.9c0.2,0,0.5,0.2,0.6,0.4 c0.3,0.4,0.6,0.8,0.6,1.3c0.1,0.9-0.1,1.7-0.5,2.4c-1.5,2.2-4.6,2.3-6.7,1.3c-2-0.9-3.3-2.9-3.5-5.1c-0.4-3,1.6-6.1,3.7-7.8 c3.4-2.8,10.3-3.4,13.3-3.5c2.7-0.1,5.1-0.1,7.7-0.1v0h178.2v0c2.6,0,5.1,0,7.7,0.1c3,0.1,9.8,0.7,13.3,3.5 c2.1,1.7,4.1,4.8,3.7,7.8c-0.1,2.2-1.5,4.2-3.5,5.1c-2.1,1-5.2,0.8-6.7-1.3c-0.5-0.7-0.7-1.6-0.5-2.4c0.1-0.5,0.3-1,0.6-1.3 c0.2-0.2,0.4-0.3,0.6-0.4c0.6-0.1,0.8,0.5,1.1,0.9c0.3,0.4,0.8,0.6,1.3,0.6c1,0,1.8-0.8,1.8-1.8c0,0,0,0,0,0c0-1.2-1.1-1.8-2.2-2 c-1.3-0.2-2.7,0.1-3.7,1c-0.2,0.2-0.4,0.4-0.6,0.7c-1.3,1.8-1.3,4.2,0,6c1.3,1.8,3.4,2.9,5.7,2.8c1.2,0,2.4-0.3,3.5-0.8 c2.7-1.3,4.5-3.8,4.8-6.8c0.5-3.6-0.8-7.3-3.6-9.8c-0.9-0.7-1.9-1.4-2.9-1.8h7.1c1.9,0.1,3.7,0.3,5.6,0.6 c5.3,0.7,10.4,2.8,14.7,6.1c1-1.1,2.1-2.1,3.2-3.1c2.3-1.8,5-3,7.9-3.5c0.1,0,0.2,0,0.3,0l10.9-1l2.8-1L183.4,13.9L183.4,13.9z'/%3e%3c/g%3e%3c/svg%3e");
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: -.75rem;
    width: 350px;
    margin-left: -175px;
}

@media (max-width: 576px) {
    .is-style-deco-underline::after {
        max-width: 100%;
        margin-left: -50%;
    }
}

/** IMAGE BLOCKS */

.wp-block-image img {
    max-width: 100%;
    height: auto;
}

figure.wp-block-image>a {
    display: block;
    position: relative;
    z-index: 5;
}

.wp-block-image.alignleft,
.wp-block-image.alignright {
    float: none;
    display: block;
    margin: 0;
}

.wp-block-image.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.wp-block-image.is-style-deco-frame-image {
    position: relative;
    padding: 6.5%;
    text-align: center;
}

.wp-block-image.is-style-deco-frame-image::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(assets/img/deco-tl.svg), url(assets/img/deco-bl.svg);
    background-position: top left, bottom left;
    background-repeat: no-repeat;
    background-size: 20%;
    z-index: 0;
}

.wp-block-image.is-style-deco-frame-image::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(assets/img/deco-tr.svg), url(assets/img/deco-br.svg);
    background-position: top right, bottom right;
    background-repeat: no-repeat;
    background-size: 20%;
    z-index: 0;
}

.wp-block-image.is-style-deco-frame-image img {
    position: relative
}

/** BUTTON BLOCKS */

.wp-block-button {
    margin: 1rem 0 1.5rem;
    -webkit-transition: .35s ease;
    -moz-transition: .35s ease;
    -o-transition: .35s ease;
    transition: .35s ease;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
    text-decoration: none;
}

.wp-block-button.is-style-fancy .wp-block-button__link {
    font-weight: 400;
    color: var(--wp--preset--color--secondary);
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background: url('assets/img/btn.svg') no-repeat 50% 50%;
    background-size: contain;
    transition: .35s all ease;
    padding: 1rem 2.25rem;
    font-size: var(--wp--preset--font-size--xx-large) !important;
    letter-spacing: 0.075rem;
    border: 0;
    min-width: 5.5em;
}

.wp-block-button.is-style-fancy:hover {
    transform: scale(1.2);
}

.wp-block-button.is-style-fancy:hover>a,
.wp-block-button.is-style-fancy .wp-block-button__link:hover {
    color: var(--wp--preset--color--secondary-50);
}

.wp-block-button.is-style-outline .wp-block-button__link {
    border: 2px solid;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-background {
    background-color: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-primary-background-color {
    border-color: var(--wp--preset--color--primary);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-primary-background-color:hover {
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--secondary-50) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-secondary-background-color {
    border-color: var(--wp--preset--color--secondary);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-secondary-background-color:hover {
    background-color: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--primary) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-secondary-50-background-color {
    border-color: var(--wp--preset--color--secondary-50);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-secondary-50-background-color:hover {
    background-color: var(--wp--preset--color--secondary-50) !important;
    color: var(--wp--preset--color--primary) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-primary-50-background-color {
    border-color: var(--wp--preset--color--primary-50);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-primary-50-background-color:hover {
    background-color: var(--wp--preset--color--primary-50) !important;
    color: var(--wp--preset--color--primary) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-black-background-color {
    border-color: var(--wp--preset--color--black);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-black-background-color:hover {
    background-color: var(--wp--preset--color--black) !important;
    color: var(--wp--preset--color--white) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-white-background-color {
    border-color: var(--wp--preset--color--white);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-white-background-color:hover {
    background-color: var(--wp--preset--color--white) !important;
    color: var(--wp--preset--color--black) !important;
}

@media (max-width: 576px) {
    .wp-block-button.is-style-fancy .wp-block-button__link {
        font-size: var(--wp--preset--font-size--large) !important;
        line-height: 1;
    }
}

/** ROW LAYOUT */

.kt-row-column-wrap {
    z-index: 0 !important;
}

/** INFO CARDS */
.kt-info-halign-center {
    justify-content: center !important;
}

@media (max-width: 1024px) {
    .kb-info-tablet-halign-center {
        justify-content: center !important;
    }
}

@media (max-width: 768px) {
    .kb-info-mobile-halign-center {
        justify-content: center !important;
    }
}

/** QUINBOOK */

#venuedoo {
    background: transparent;
    color: var(--wp--preset--color--primary);
    letter-spacing: 0;
}

#venuedoo a {
    color: var(--wp--preset--color--primary);
}

#venuedoo .vd-maincontent,
#venuedoo .vd-sidepanel {
    background: transparent;
}

#venuedoo .vd-sidepanel {
    border: 1px solid var(--wp--preset--color--primary);
    padding: 0;
}

#venuedoo h3,
#venuedoo h4,
#venuedoo h5,
.vd-item-title-event-name,
#venuedoo .dp_header_center,
#venuedoo #vd-calendar-bar-top {
    color: var(--wp--preset--color--primary);
    font-family: "baisteachregular",
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    'Open Sans',
    'Helvetica Neue',
    sans-serif;
    letter-spacing: 0.05rem;
}

#venuedoo h3 {
    font-size: var(--wp--preset--font-size--x-large)!important;
    line-height: 1.2;
}

#venuedoo h4,
#venuedoo .dp_header_center,
.vd-item-title-event-name,
#venuedoo #vd-calendar-bar-top {
    font-size: var(--wp--preset--font-size--large)!important;
    line-height: 1.2;
}

#venuedoo .vd-btn {
    border-radius: 0;
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--secondary-50);
    border: 0;
}

#venuedoo .vd-slotbox img {
    display: block;
}

#venuedoo .vd-btn-available {
    background-color: #6aa179 !important;
    border-color: #6aa179;
    color: #fff;
}

#venuedoo .vd-btn-occupied.disabled {
    background-color: #dc3545 !important;
    color: #fff;
}

#venuedoo .vd-btn-order {
    border: 5px solid var(--wp--preset--color--secondary);
}

#venuedoo .vd-hr {
    border-top: 1px solid var(--wp--preset--color--primary) !important;
}

.dp .dp_header .dp_header_center {
    padding-top: 1rem !important
}

#venuedoo .dp .dp_body .dp_col.past {
    color: rgba(83, 40, 25, .5) !important;
}

#venuedoo .dp .dp_body .dp_col.head {
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--secondary-50) !important;
    border-color: var(--wp--preset--color--secondary-50) !important;
}

#venuedoo .vd-calendar-bar-btn .vd-number {
    background: transparent !important;
    border: 1px solid var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary) !important;
}

#venuedoo #vd-top-picker {
    background: transparent !important;
}

#venuedoo .vd-slotrow,
#venuedoo .dp .dp_body .dp_col.active,
#venuedoo .vd-calendar-bar-btn.active .vd-number,
#venuedoo .shoppingcart>.vd-row {
    background: rgba(83, 40, 25, .25) !important;
}

#venuedoo .shoppingcart>.vd-row>.vd-col-md-12 {
    background: transparent !important;
}

#venuedoo .dp .dp_body .dp_col {
    border-top: 1px solid var(--wp--preset--color--primary);
    border-right: 1px solid var(--wp--preset--color--primary);
}

#venuedoo .vd-slotadd.vd-slotbox {
    box-shadow: none;
    background-color: transparent !important;
}

#venuedoo .vd-slotadd.vd-slotbox>.vd-row>.vd-col-md-12 {
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 1rem !important;
}

.vd-slotbox .vd-row div[style^="clear:both"] {
    margin-bottom: 0 !important;
}

#venuedoo .vd-order div[style*="background-color:"] {
    background: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#venuedoo small {
    font-size: 100%;
}

@media (max-width: 767px) {
    #venuedoo {
        --wp--preset--color--primary: rgba(255,255,255,.875)!important;
    }
    #venuedoo>div[style="padding:5px;"] {
        padding: 12px !important;
    }
    #venuedoo a {
        color: var(--wp--preset--color--secondary);
    }
    #venuedoo .vd-calendar-bar-btn .vd-number {
        border: 1px solid var(--wp--preset--color--secondary);
        color: var(--wp--preset--color--secondary-50) !important;
    }
    #venuedoo .dp .dp_body .dp_col.active,
    #venuedoo .shoppingcart>.vd-row,
    #venuedoo .vd-calendar-bar-btn.active .vd-number,
    #venuedoo .vd-slotrow {
        background: rgba(220, 50, 50, .35) !important;
    }
    #venuedoo h3 {
        font-size: var(--wp--preset--font-size--large) !important;
    }
    #venuedoo h4 {
        font-size: var(--wp--preset--font-size--medium) !important;
        color: var(--wp--preset--color--secondary-50);
    }
    #venuedoo .dp .dp_body .dp_col.past {
        color: rgba(255, 255, 255, .35) !important;
    }
    #venuedoo .dp .dp_body .dp_col.head {
        background: transparent;
        border-color: transparent;
    }
    #venuedoo .dp .dp_body .dp_col:last-child {
        border-right: 0;
    }
    #venuedoo .vd-btn {
        background-color: var(--wp--preset--color--secondary);
        color: var(--wp--preset--color--primary);
        border: 1px solid rgba(0, 0, 0, .35);
    }
}