/******************************************************************************************************************

FONTS 
                                                                                                                    
******************************************************************************************************************/

/*
    Graphik Web 400, 700
    Fnord-Ninety-Three
    Fnord-Twenty-Three
    Fnord-Twenty-ThreeItalic
    Belvedere
*/




/******************************************************************************************************************

GENERAL CSS 
                                                                                                                    
******************************************************************************************************************/

body,
html {
    overflow-x: hidden !important;
}

body {
    padding-top: 5.6rem;
    opacity: 1;
    transition: 1.5s opacity;
}

body.fade-out {
    opacity: 0;
    transition: none;
}

.text-9 p,
.text-9 a {
    font-size: 1.1rem;
}

.text-10 p,
.text-10 a {
    font-size: 1.1rem;
}

.panel {
    position: relative;
}

    /* Slideshow arrows */

    .slide-arrow,
    .slick-arrow {
        position: absolute;
        top: 50%;
        transform: translateY( -50% );
        background: none;
        font-size: 3.5rem;
        z-index: 1;
    }

    .slide-arrow:hover,
    .slick-arrow:hover {
        background: none;
    }

    .slide-arrow.prev-arrow {
        left: 2rem;
    }

    .slick-prev.slick-arrow {
        left: -3rem;
        font-size: 0;
    }

    .slide-arrow.next-arrow {
        right: 2rem;
    }

    .slick-next.slick-arrow {
        right: -3rem;
        font-size: 0;
    }

    .slide-arrow .prev-arrow:before,
    .slide-arrow .next-arrow:before,
    .slick-next.slick-arrow:before,
    .slick-prev.slick-arrow:before {
        font-family: 'Belvedere' !important;
        font-weight: bold;
    }

    .slick-prev.slick-arrow:before {
       content: "\e920"; 
       color: black;
    }

    .slick-next.slick-arrow:before {
        content: "\e921";
        color: black;
    }

    h1 {
        font-family: 'Fnord-Twenty-Three', Georgia, serif;
        font-weight: 400;
        font-size: 4rem;
        padding-bottom: 2rem;
        line-height: 100%;
    }

    .laptop h1 {
        font-size: 5rem;
    }

    .archive h1 {
        font-family: 'Fnord-Ninety-Three', Georgia, serif;
    }

    h2 {
        font-family: 'Graphik Web', sans-serif !important;
        font-size: 1.3rem;
        line-height: 120%;
        padding-bottom: 2rem;
    }

    .single-content h2 {
        font-family: 'Fnord-Twenty-Three', Georgia, serif;
        font-size: 3rem;
        line-height: 120%;
        padding-bottom: 4.5rem;
    }

    .single-content h3 {
        font-family: 'Fnord-Twenty-Three', Georgia, serif;
        font-size: 2.7rem;
        line-height: 120%;
        padding-bottom: 2.5rem;
    }

    p {
        font-size: 1.4rem;
        line-height: 140%;
        padding-bottom: 3rem;
        letter-spacing: 0.02rem;
    }

    ul, ol {
        padding-bottom: 3rem;
    }

    .gform_wrapper {
        display: block !important;
    }

    .ginput_container_date input {
        
    }

    .gform_anchor {
        padding-top: 15rem;
        margin-top: -15rem;
    }

    .gform_hidden {
        display: none !important;
    }

    main {
        padding-top: 0.5rem;
    }

    .laptop main {
        padding-top: 0;
    }

    .video-wrapper,
    .iframe-wrapper {
        margin-bottom: 3rem;
    }



/******************************************************************************************************************

STRUCTURE 
                                                                                                                    
******************************************************************************************************************/

    .wrapper header > .panel {
        padding:  0;
        position: initial !important;
        height: 5.4rem;
    }

        .home-content {
            margin-bottom: var(--vertical-rhythm);
        }

    .wrapper footer .panel {
        padding: 0 !important;
    }

    section {
        padding: 0 0 3rem 0;
    }

    input[placeholder],
    [placeholder],
    *[placeholder] {
        color: black;
    }

    ::-webkit-input-placeholder {
        color: black;
        font-style: italic;
    }

    :-moz-placeholder {
        color: black;
        opacity: 1;
        font-style: italic;
    }

    ::-moz-placeholder {
        color: black;
        opacity: 1;
        font-style: italic;
    }

    :-ms-input-placeholder {
        color: black;
        font-style: italic;
    }


    #sticky-social-media {
        position: fixed;
        top: 50%;
        left: 30px;
        transform: translateY(-50%);
        display: none;
        z-index: 2; /*On top of everything */
    }

    .laptop #sticky-social-media {
        display: block;
    }

    .laptop .post-type-archive-events #sticky-social-media {
        z-index: 2;
    }

        #sticky-social-media .share-title {
            display: none;
        }

    .page-luxury-rooms-suites #sticky-social-media,
    .villas-mykonos-luxury-villa-belvedere #sticky-social-media,
    .page-dining-bars #sticky-social-media,
    .page-wellness-mykonos #sticky-social-media,
    .page-luxury-shopping-belvedere #sticky-social-media,
    .post-type-archive-events #sticky-social-media,
    .page-gallery #sticky-social-media,
    .blog #sticky-social-media,
    .single-post #sticky-social-media,
    .page-template-template-contact #sticky-social-media,
    .page-careers #sticky-social-media,
    .page-press #sticky-social-media {
        display: none;
    }


/******************************************************************************************************************

PAGE TEMPLATE EXCEPTIONS 
                                                                                                                    
******************************************************************************************************************/

    .page-template-template-location,
    .page-template-template-location header,
    .page-template-template-location .header-link,
    .page-template-template-location .social-media {
        background: #f4f1e2 !important;
    }

    .post-type-archive-events,
    .post-type-archive-events header,
    .post-type-archive-events .header-link {
        background: #E5F6FF !important;
    }

    .page-template-template-location .header .social-media,
    .post-type-archive-events footer .header .social-media {
        top: auto !important;
        bottom: -1rem !important;
    }




/******************************************************************************************************************

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

.blog {
    
}

.inside-panel.single-page-panel {
    /*max-width: 75rem;
    margin: 0 auto;*/
    padding: 0 2rem;
}

    .inside-panel.single-page-panel .column {
        padding: 0;
    }

    .laptop .inside-panel.single-page-panel .column {
        padding: 0 2rem;
    }

    .blog h1,
    h1.page-title {
        font-family: 'Fnord-Ninety-Three', Georgia, serif !important;
        font-size: 4rem;
        padding-bottom: 7rem;
        padding-top: 4.6rem;
    }

    .laptop .blog h1,
    .laptop h1.page-title {
        font-size: 5rem;
    }

    h1.page-title {
        padding-left: 0%;
    }

    .laptop h1.page-title {
        padding-left: 26%;
    }

    .blog h1 {
        padding-left: 0;
    }

    .laptop .blog h1 {
        padding-left: calc(2rem + 26%);
    }

    .page-press h1.page-title {
        padding-bottom: 3rem;
    }

    section.journal-section .panel {
        overflow: hidden;
    }

        section.journal-section .inside-panel {
            max-width: 75rem;
            margin: 0 auto;
        }

        .infinite-scroll article:first-child .horizontal-big-line {
            display: none;
        }

        .infinite-scroll article {
            margin-top: 3rem;
        }

        .laptop .infinite-scroll article {
            margin-top: 0;
        }

        .article-title h2 a {
            font-size: 2.5rem;
            line-height: 120%;
            padding: 0;
            font-weight: 700;
        }

        .laptop .article-title h2 a {
            padding: 0 0 0 10rem;
            max-width: 30rem;
        }

        .article-thumbnail {
            padding: 3rem;
        }

        .laptop .article-thumbnail {
            padding: 3rem 0;
        }

        .laptop .article-left-description {
            padding-left: 10rem;
        }

            .article-left-description p {
                padding-bottom: 0;
            }

            .laptop .article-left-description p {
                padding-bottom: var(--text-rhythm);
            }

        .article-right-description {

        }

        .shares {
            display: block;
            width: 100%;
        }

        .title-shares .shares {
            padding-bottom: 3rem;
        }

        .bottom-shares .shares {
            padding-bottom: 6rem;
            padding-left: 3rem;
        }

        .laptop .bottom-shares .shares {
            padding-left: 2rem;
        }

            .share-item {
                display: block;
                font-size: 1.8rem;
                margin-bottom: 1rem;
            }

            .blog .article-right-description .share-item,
            .bottom-shares .share-item,
            .title-shares .share-item {
                display: inline-block;
                margin-right: 0.5rem;
            }

            .share-item.share-title {
                font-size: 1.5rem;
                font-family: "Graphik Web",sans-serif;
                font-weight: 700;
            }

        #sticky-social-media .icon-navigation-mail {
            display: none;
        }



/******************************************************************************************************************

SINGLE POST 
                                                                                                                    
******************************************************************************************************************/

.single {
    
}

    .go-back {
        font-family: 'Fnord-Ninety-Three', Georgia, serif !important;
        font-size: 5rem;
        padding-top: 4.6rem;
        padding-bottom: 7rem;
        display: block;
    }

        .go-back:before {
            font-family: 'Belvedere' !important;
            font-size: 3rem;
            margin-right: 1rem;
        }

    section.single-section .panel {
        overflow: hidden;
        display: block;
    }

        section.single-section .inside-panel{
            max-width: 55rem;
            margin: 0 auto;
            padding-bottom: 3.2rem;
        }

            .single-title h1 {
                font-size: 3.5rem;
                font-weight: 700;
                font-family: 'Graphik Web', sans-serif !important;
                font-weight: 700 !important;
                padding-bottom: 3rem;
            }

            .single-thumbnail {
                margin: 2rem -10% 3rem -10% !important;
                width: 120%;
                padding: 0 3rem;
            }

            .laptop .single-thumbnail {
                padding: 0;
            }

                .post-description {
                    padding: 3rem 0 0 10%;
                    max-width: 25rem;
                    display: block;
                }

            .tinymce-row-span-2,
            .tinymce-row-span-4 {
                margin: 0 -10% !important;
                width: 120%;
            }

                .single-thumbnail img,
                .tinymce-row-span-2 img,
                .tinymce-row-span-4 img {
                    width: 100% !important;
                }

        .single-post figure {
            padding-bottom: 3rem;
        }

        .single-post figure,
        .single-post img.aligncenter {
            width: 120% !important;
            margin: 2rem -10% !important;
            max-width: 120% !important;
            display: block;
        }

        .single-post h2 {
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
            font-weight: 400;
            font-size: 3rem;
            max-width: 30rem;
            line-height: 100%;
        }

        .horizontal-big-line {
            display: block;
            background: url('../img/lines.svg') bottom left repeat-x;
            height: 0.1rem;
            clear: both;
        }

        .laptop .horizontal-big-line {
            --one: calc(100vw - var(--panel-width));
            --two: calc(var(--one) / 2);
            --three: calc(-1 * var(--two));
            margin-right: var(--three) !important;
            margin-bottom: -0.2rem;
            position: relative;
        }
        
        .laptop .horizontal-big-line:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            height: 0.1rem;
            width: 3rem;
            background: white;
        }

        .blog .horizontal-big-line {
            margin: 0 -30rem 3rem 0;
        }

        .laptop .blog .horizontal-big-line {
            margin: 0 -30rem 5rem 0;
        }

        .texts-section .horizontal-big-line {
            margin-right: 0;
        }

        .next-article {
            display: block;
            max-width: 25rem;
            position: relative;
        }

        .next-title {
            display: block;
            width: 100%;
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
            font-weight: 400;
            font-size: 2.5rem;
            padding: 6rem 3rem 1.5rem 3rem;
        }

        .laptop .next-title {
            padding: 6rem 0 1.5rem 0;
        }

        .next-article-link {
            font-size: 2.6rem;
            font-weight: 700;
            line-height: 120%;
            padding: 0 3rem;
        }

        .laptop .next-article-link {
            padding: 0;
        }

        .single-read-more {
            padding: 1rem 0 0 3rem;
        }

        .laptop .single-read-more {
            padding: 0;
            position: absolute;
            top: 1rem;
            right: 0;
            right: -20rem;
        }



/******************************************************************************************************************

CONTENT 
                                                                                                                    
******************************************************************************************************************/

    pre {
        background: rgb(245, 245, 245);
        padding: 0.5rem 1rem;
        border: 1px dotted rgb(165, 165, 165);
    }

    code {
        background: rgb(245, 245, 245);
        padding: 0 0.5rem;
        border: 1px solid rgb(165, 165, 165);
        border-radius: 3px;
    }


.pea_cook_wrapper {
    padding: 2rem !important;
    width: 100% !important;
    border-radius: 0 !important;
}

.pea_cook_wrapper.pea_cook_bottomcenter {
    bottom: 3rem !important;
}

.tablet .pea_cook_wrapper.pea_cook_bottomcenter {
    bottom: 0 !important;
}

/* Special banner */

.special-banner {
}

    .special-banner-message {
        background: #d2d9e1;
        font-size: 1.2rem;
        text-align: center;
        width: 100%;
        height: 3rem;
        line-height: 3rem;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 10;
    }

        .special-banner-message a {
            display: block;
        }

    .tablet body.special-banner-message {
        bottom: 0;
    }

    .tablet body.cookies-not-accepted .special-banner-message {
        bottom: 7.2rem;
    }

    .laptop .special-banner-message {
        font-size: 1.3rem;
        width: 17rem;
        text-align: center;
        margin: 0;
        position: fixed;
        bottom: 3rem;
        left: auto;
        right: 3rem;
    }

    .laptop body.cookies-not-accepted .special-banner-message {
        bottom: 7.2rem;
    }

    .desktop .special-banner-message {
        font-size: 1.4rem;
        width: 20rem;
        height: 7rem;
        line-height: 7rem;
    }