/*
    General Rules Webees Theme
*/



/* GENERAL RULES
-----------------------------------------------------------------------------------------------*/
    body {
        margin: 0;
    }
    .fh {
        height: 100%;
    }
    .fw {
        width: 100%;
    }
    .z-i {
        z-index: 1;
    }
    strong,
    .strong {
        font-weight: 600;
    }
    :focus {
        outline: none
    }
    * {
        box-sizing: border-box;
    }
    em {
        font-style: italic;
    }
    section {
        position: relative;
        z-index: 1;
    }
    .content-area {
        position: relative;
    }


        /* Stripe Container 
    --------------------------------------------*/
        .stripe-container-full {
            max-width: 100%;
        }
        .stripe-container {
            max-width: 1674px;
            width: 100%;
            margin: 0 auto;
            padding: 0 11px;
        }
        .stripe-container-medium {
            max-width: 1336px;
            width: 100%;
            margin: 0 auto;
            padding: 0 16px;
        }
        .stripe-container-small {
            max-width: 992px;
            width: 100%;
            margin: 0 auto;
            padding: 0 16px;
        }
        .stripe-container-exsm {
            max-width: 850px;
            width: 100%;
            margin: 0 auto;
        }
        .stripe-container-exxsm {
            max-width: 494px;
            width: 100%;
            margin: 0 auto;
            padding: 0 16px;
        }

    /* Lines Spacing
    --------------------------------------------*/
        .default-spacing {
            padding-top: 160px;
        }
        .default-spacing-bk {
            padding-top: 160px;
            padding-bottom: 160px;
        }
        .default-bottom-spacing {
            padding-bottom: 160px;
        }
        #page-footer .stripe-container.default-bottom-spacing,
        .page-template-template-osteria #page-footer .stripe-container.default-bottom-spacing {
            padding-top: 160px;
        }
        .half-spacing {
            padding-top: 80px;
        }
        .half-bottom-spacing {
            padding-bottom: 80px;
        }
        .half-spacing-bk {
            padding-top: 80px;
            padding-bottom: 80px;
        }
        .half-spacing-all {
            padding: 80px;
        }
        .small-spacing {
            padding-top: 70px;
        }
        .small-bottom-spacing {
            padding-bottom: 70px;
        }
        .small-spacing-bk {
            padding-top: 70px;
            padding-bottom: 70px;
        }
        .exsm-pd {
            padding: 20px 0;
        }
        .left-spacing {
            padding-left: 105px;
        }
        .reverso .left-spacing {
            padding-left: 0;
            padding-right: 105px;
        }
        /*#grid_3 .slick-list.draggable,
        #grid_2 .slick-list {
            padding: 70px 0 50px 0 !important;
        }*/

        .lw-mg {
            margin-top: 2em;
        }
        .lw-mg-bt {
            margin-bottom: 2em;
        }
        .exlw-mg {
            margin-top: 1em;
        }
        .exlw-mg-bt {
            margin-bottom: 1em;
        }
        /* Reset Spacing
        ------------------------------*/
            .no-bt-sp {
                padding-bottom: 0;
            }
            .no-padding {
                padding: 0;
            }
            .no-mg,
            .no-mg * {
                margin: 0;
            }
            .no-tp-mg,
            .no-tp-mg * {
                margin-top: 0;
            }

    /* Box Background Color and Shadow
    --------------------------------------------*/
        .bg-white{
            background-color: #fff;
        }
        .bg-dark {
            background-color: #17110a;
        }
        .bg-theme-color {
            background: #2d2010;
        }
        .shadow-box {
            box-shadow: 17px 18px 20px 0px rgba(0, 0, 0, 0.16);
        }
        .shadowed {
            box-shadow: 20px 34.641px 42px 0px rgba(0, 0, 0, 0.3);
        }
        .reverso .shadowed {
            box-shadow: -20px 34.641px 42px 0px rgba(0, 0, 0, 0.3);
        }
    /* Images Classes
    --------------------------------------------*/
        .img-fit {
            display: block;
            width: 100%;
            height: 100%;
            object-position: center;
        }
        .img-fit-cover {
            object-fit: cover;
        }
        .img-fit-contain {
            object-fit: contain;
        }
        .img-full {
            height: 75em;
        }

    /* Background Classes
    --------------------------------------------*/
        .bk-cover {
            background-size: cover;
            background-position: center;
        }
        .bk-contain {
            background-size: contain;
            background-repeat: no-repeat;
        }
        .bg-still-full {
            background-size: 90%;
            background-repeat: no-repeat;
        }
        .bk-center {
            background-position: center;
        }
        .bk-fixed {
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }
    /* Positions
    --------------------------------------------*/
        .rel-p {
            position: relative;
        }
        .abs-p {
            position: absolute !important;
        }
        body .sticky-p {
            position: sticky;
            height: 100%;
        }

        /* Absolute positions */
            .tp-rg {
                top: 0;
                right: 0;
            }
            .tp-lf {
                top: 0;
                left: 0;
            }
            .bt-lf {
                bottom: 0;
                left: 0;
            }


    /* Transalte positions
    ----------------------------------------------*/
        .x-trans{
            width: 100%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            transform: translateX(-50%);    
        }
        .y-trans{
            width: 100%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            transform: translateY(-50%);    
        }
        .abs-center {
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    /* Flexbox
    --------------------------------------------*/
        .d-flex {
            display: flex;
            flex-flow: wrap;
        }
        .d-flex-nw {
            display: flex;
        }
        .just-center {
            justify-content: center;
        }
        .just-start {
            justify-content: flex-start;
        }
        .just-end {
            justify-content: flex-end;
        }
        .sp-around {
            justify-content: space-around;
        }
        .sp-between {
            justify-content: space-between;
        }
        .align-c {
            height: 100%;
            align-items: center;
        }
        .align-end {
            align-items: flex-end;
        }
        .fgrow {
            flex-grow: 1;
        }
        .all-centered {
        	display: flex;
        	align-items: center;
        	justify-content: center;
        }

    /* Displays
    --------------------------------------------*/
        .d-block {
            display: block;
        }
        .d-inline-b {
            display: inline-block;
        }

    /* Overlay
    --------------------------------------------*/
        .overlay, .overlay-l, .overlay-b, .overlay-bb, .overlay-bl {
            overflow: hidden;
            position: relative;
        }
        .overlay::after, .overlay-l::after, .overlay-b::after, .overlay-bb::after, .overlay-bbb::after, .overlay-bl::after {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
            background-color: #000;
            opacity: 0.7;
            -webkit-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }
        .overlay-l::after {
            background-color: #000;
            opacity: 0.7; 
        }
        .overlay-b::after {
            background-color: #000;
            opacity: 0.4;
        }
        .overlay-bb::after {
            opacity: 0.90;
        }
        .overlay-bbb::after {
            opacity: 0.97;
        }
        .overlay-bl::after {
            opacity: 0.65;
        }
        .overlay > *, .overlay-l > *, .overlay-b > *, .overlay-bb > * {
            position: relative;
            color: #fff;
        }

    /* Grid & Cell rules
    --------------------------------------------*/
        .cell {
            position: relative;
        }
        .reverso .cell:first-child {
            order: 2;
        }
        .cell a {
            width: 100%;
            height: 100%;
        }
        body .cell.last-cell {
            width: 100%;
        }

    /* Buttons
    --------------------------------------------*/
        .button {
            padding-top: 45px;
        }
        .btn, .wp-block-button__link {
            width: auto !important;
            min-width: 225px;
            background-color: transparent;
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 0.12em;
            -ms-transition: all 0.2s ease !important;
            transition: all 0.2s ease !important;
            border: 1px solid #f0dcbc;
            color: #f0dcbc;
            font-size: 14px;
            padding: 1.5em 2em 1.2em 2em;
        }
        .btn:hover,
        button.scroll-to-top i:hover,
        input[type="submit"]:hover,
        .wp-block-button__link:hover {
            background-color: #f0dcbc !important;
            color: #2d200d;
        }

    /* Cell Width
    ----------------------------------------------*/
        #main .wd-55{
            width: 55%;
        }
        #main .wd-45{
            width: 45%;
        }
        #main .wd-70{
            width: 70%;
        }
        #main .wd-30{
            width: 30%;
        }
        #main .wd-40{
            width: 40%;
        }
        #main .wd-20{
            width: 20%;
        }

    /* Input CF Rules
    --------------------------------------------*/
        /* Checkbox */
            span.wpcf7-list-item {
                margin: 0;
                display: flex;
            }
            input[type="checkbox"] {
                -webkit-appearance: none;
                width: 13px;
                height: 13px;
                border: 0;
                background: rgba(7, 62, 83, 0.4);
                cursor: pointer;
            }
            input[type="checkbox"]:checked {
                background: #3b2500;
                border: 4.2px solid #073e53;
            }



    /* Liste
    --------------------------------------------*/
        .post-content ul,
        .post-content ol {
            padding-left: 25px;
            margin-bottom: 25px;
            margin-top: 25px;
        }
        .post-content li a {
            text-decoration: none !important;
        }
        ul li {
            list-style: disc;
        }
        ul li,
        ol li {
            margin-left: 15px;
        }
        ol li,
        .post-content ol li {
            list-style: decimal;
        }
        ul.menu li {
            list-style: none;
            margin-left: 0;
        } 



    /* BLOG FILTERS & PAGINATION
    ----------------------------------------------------------------------------------*/
        /* Filtri
        ----------------------*/
            .open-close-filters img {
                position: absolute;
                top: 0;
                left: 0;
            }
            #blog-filters img,
            .open-close-filters {
                height: 25px;
                width: 25px;
            }
            #blog-filters .filters li a {
                color: #dabf94;
            }
            #blog-filters .filters .current-cat a,
            #blog-filters .filters li a:hover {
                color: #ffe5bb  !important;
            }
            #blog-filters .filters .current-cat a, 
            #blog-filters .filters .current-cat a:hover {
                pointer-events: none;
            }
            #blog-filters .filters-title .open-filters,
            #blog-filters .filters-title.active .close-filters {
               opacity: 1;
               transition: 0.4s ease-in-out;
            }
            #blog-filters .filters-title .close-filters,
            #blog-filters .filters-title.active .open-filters {
                opacity: 0;
                transition: 0.2s ease-in-out;
             }
            #blog-filters .filters-title {
                padding: 15px 2em;
                cursor: pointer;
            }
            #blog-filters .filters-title:hover {
                background-color: #17110a;
            }
            #blog-filters .filters-title h4 {
                line-height: 1;
            }
            #blog-filters .filters-title ,
            #blog-filters .filters {
                background-color: #2d200d;
                transition: 0.2s ease-in-out;
            }
            #blog-filters .filters-title.active {
                background-color: #17110a;
            }
            #blog-filters .filters {
                padding: 3em 5em;
            }
            #blog-filters .filters li {
                list-style: none;
                width: 16.66%;
                text-align: center;
                margin: 0;
                padding: 2em 0;
            }
            #blog-filters .filters ul {
                display: flex;
                flex-flow: wrap;
                justify-content: center;
            }
            #blog-filters .filters li a {
                text-transform: uppercase;
                font-size: 14px;
                letter-spacing: 0.08em;
            }
            #blog-filters .filters li:before {
                display: none;
            }
            #blog-filters .filter-box {
                max-height: 0 !important;
                overflow: hidden;
            }
            #blog-filters .filter-box.active {
                max-height: 400px !important;
            }
            #blog-filters .filter-box.active, .filter-box {
                transition: max-height 0.4s ease-in-out;
            }
            #categories {
                width: 100%;
            }



        /* Pagination
        ------------------------------------------------------*/
            #pagination .nav-links {
                text-align: center;
                position: relative;
            }
            #pagination a.prev.page-numbers {
                position: absolute;
                left: 15px;
                padding: 0 !important;
            }
            #pagination a.next.page-numbers {
                position: absolute;
                right: 15px;
                padding: 0 !important;
            }
            #pagination .nav-links * {
                font-variant: small-caps;
                letter-spacing: 0.12em;
                font-size: 18px;
            }
            #pagination .nav-links span {
                color: #dabf94;
            }
            #pagination .nav-links a:hover {
                color: #dabf94;
            }
            #pagination .nav-links .page-numbers {
                padding: 0 5px;
            }
            span.page-numbers.current {
                opacity: 0.4;
            }



/* WP Article format
--------------------------------------------*/
     .single .content-area .wp-block-embed {
        margin: 2em 0;
    }
    /* Text
    --------------------*/
        sup {
            vertical-align: super;
            font-size: smaller;
        }
        sub {
            vertical-align: sub;
            font-size: smaller;
        }
        pre.wp-block-preformatted {
            color: #f0dcbc;
            letter-spacing: 0.12em;
        }
        .single .content-area p:last-of-type {
            margin-bottom: 20px;
        }

    /* Lists
    --------------------*/
        .single .content-area li {
            color: #f0dcbc;
            letter-spacing: 0.12em;
            font-size: 16px;
            font-variant: small-caps;
            padding: 0.5em 0;
        }
        .single .content-area ul {
            margin-bottom: 40px;
        }

    /* Quotes
    --------------------*/
        blockquote * {
            font-style: italic;
            font-size: 18px;
            padding: 2em;
            border-top: 3px solid;
            border-bottom: 3px solid;
        }
        blockquote {
            margin: 4em 0;
        }

    /* Images / video
    --------------------*/
        .single .content-area img[loading="lazy"] {
            object-fit: cover;
            width: 100%;
            margin: 2em 0;
        }

    /* Tabs
    --------------------*/
        .single .content-area table {
            background: #2d2010;
            margin: 2em 0;
            color: #f0dcbc;
            border: 1px solid;
        }
        .single .content-area td {
            padding: 2em 1em;
            border: 1px solid #4e3e26;
        }
        .single .content-area tbody tr {
            font-family: Lato;
        }

    /* Calendar
    --------------------*/
        .single .content-area table#wp-calendar caption {
            font-size: 30px;
            color: #dabf94;
            background: #2d2010;
            padding: 1em;
            font-variant: small-caps;
            letter-spacing: 0.16em;
        }

        .single .content-area .wp-block-calendar table th {
            background: #dabf94;
            padding: 1em;
            color: #2d2010;
            border: 1px solid #bda47c;
            font-family: 'Stamping Nico';
        }

        .single .content-area .wp-block-calendar tbody td {
            padding: 1.5em;
            border: 1px solid #46331b;
            color: #826b46;
            background: #2d2010;
        }

    /* Search
    --------------------*/
        input#wp-block-search__input-1 {
            background-color: #f0dcbc;
            border: 0;
            font-size: 18px;
            padding: 0;
            height: 50px;
            padding-left: 2em;
        }
        form.wp-block-search {
            position: relative;
            max-width: 760px;
            margin: 2em auto;
        } 
        label.wp-block-search__label {
            color: #f0dcbc;
            text-align: center;
            display: block;
            margin-bottom: 1em;
            font-variant: small-caps;
            letter-spacing: 0.12em;
        }
        .wp-block-search .wp-block-search__button {
            position: absolute;
            right: 0;
            border-radius: 30px;
            height: 50px;
            padding: 0 2em;
            border: 0;
            background: #2d2010;
            color: #f0dcbc;
            font-family: 'Stamping Nico';
            font-variant: small-caps;
            letter-spacing: 0.16em;
            font-size: 16px;
            border-bottom-left-radius: 0;
            -webkit-transition: all 0.2s;
            -ms-transition: all 0.2s;
            transition: all 0.2s;
        }
        .wp-block-search .wp-block-search__button:hover {
            opacity: 0.6;
        }