/*
Theme Name: TwentySeventeen Child
Template: twentyseventeen
*/
/*#region AllDevices */
/*#region Fonts */
    @font-face
    {
        font-family: Imprima;
        src: url(fonts/Imprima.ttf);
    }
    /* Icon font */
    @font-face 
    {
        font-family: 'icomoon';
        src:  url('fonts/icomoon.eot?qi4yc0');
        src:  url('fonts/icomoon.eot?qi4yc0#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?qi4yc0') format('truetype'),
        url('fonts/icomoon.woff?qi4yc0') format('woff'),
        url('fonts/icomoon.svg?qi4yc0#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    [class^="icon-"], [class*=" icon-"] 
    {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .icon-close
    {
        align-self: center;
        font-size: large;
    }
    .icon-close::before
    {
        content: "\e900";
        color: #000;
        align-self: center;
    }
    .icon-magnifier
    {
        align-self: center;
        font-size: large;
    }
    .icon-magnifier:before 
    {
        content: "\e901";
        color: #000;
        align-self: center;    
    }
    
/*#endregion */
/*#region All pages */

#post-1519 .entry-content, #post-1536 .entry-content, #post-1578 .entry-content, #post-1597 .entry-content

{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
    #page
    {
        display: flex;
        flex-direction: column;
        font-family: 'imprima';
    }
    .page-title,  body.page:not(.twentyseventeen-front-page) .entry-title 
    {
        font-size: 1.5em !important;
    }
    #site-pages-contain
    {
        margin-top: 120px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .page:not(.home) #content
    {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding:0 !important; 
    }
    #content > .wrap 
    {
        width: 100%;
        min-height: 80vh;
    }
    .page a 
    {
        outline : none !important;
    }
    .page:not(.home) .entry-header
    {
        text-align: center;
        margin-top: 4em;
    }
    .page:not(.home) .entry-content /* Contact */
    {
        display: flex;
        flex-direction: row;
        margin-bottom: 4em;
    }
    #primary
    {
        width: 100% !important;
        float: unset !important;
        max-width: 100vw !important;
    }
    .wrap
    {
        padding-bottom: 0 !important;
        padding-top: 1em !important;
    }
/*#endregion */
/*#region Header */
    .home #masthead
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100vh;
        background-color: rgba(10, 10, 10, 0.5);
    }
    #header-hero-image
    {
        height: calc(100% - 0px);
        margin-top: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
    }
    .header-overlay-img
    {
        height: 100%;
        width: 100vw;
        position: absolute;
    }
    .header-overlay-img > img
    {
        height: 100% !important;
        width: 100%;
    }
    #header-overlay-img-1
    {
        opacity: 1;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }
    #header-overlay-img-2
    {
        opacity: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }
    #header-overlay
    {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transform: translate(0%, -100%);
        color: white;
        text-align: center;
        background-color: rgba(0,0,0,0.2);
        overflow: auto;
        transition: 1.5s ease;
        opacity: 0;
    }
    #header-hero-image:hover #header-heading-block  
    {
        opacity: 1;
        transition: 0.5s ease;
    }
    #header-heading-block
    {
        opacity: 0;
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: rgba(10, 10, 10, 0.3);
    }
    #header-heading-block > img
    {
        width: 350px;
        height: 350px;
        align-self: center;
    }
    #header-heading-block > h1
    {
        text-align: center;
        padding: 0;
        color: white;
        font-weight: 600;
        font-size: xx-large;
    }
    .home #content > .wrap
    {
        min-height: 0vh;
    }
/*#endregion */
/*#region Top menu */
    .navigation-top 
    {
        background-color:white !important;
        height: 120px;
        position: fixed !important;
        top: 0;
        border-bottom: 2px solid #8ac341 !important;
    }
    #navigation-text-block
    {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    #navigation-soft-text
    {
        font-weight: 600;
        font-size: 20px;
        color: #8ac341 !important;
        display: table-row;
    }
    .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a
    {
        border: 2px solid #000;
    }
    .main-navigation a:hover
    {
        color: #8ac341 !important;
    }
    .main-navigation li li:hover
    {
        background-color: white !important;
    }
    .wrap-big
    {
        display: flex;
        flex-direction: row;
        width: 100%;
        margin: 0px;
        max-width: 100% !important;
    }
    .navigation-top-left
    {
        display: flex;
        flex-direction: row;
        width: 40%;
    }
    .navigation-top-right
    {
        width: 60%;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        min-width: 655px;
    }
    #site-navigation
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #header-widget-area
    {
        display: none;
    }
    #header-widget-area:active
    {
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-right: 10px;
    }
/*#endregion */
/*#region Search box*/
    .content-area .search-form
    {
        display: flex;
        flex-direction: row;
    }
    .navigation-top-right form.search-form {
        margin-right: 20px;
    }
    .navigation-top-right input#search-form-1 {
        max-height: 40px;
    }
    .navigation-top-right button.search-submit {
        display: flex;
        flex-direction: column;
    }
/*#endregion */
/*#region Home*/
    .home-posts
    {
        width: 100%;
    }
    .home .site-content .wrap 
    {
        display: flex;
        flex-direction: column;
    }
    .home header.page-header 
    {
        width: 100% !important;
        text-align: center;
    }
    .home-posts li 
    {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        background: unset !important;
        margin: 0 0 30px;
        padding: unset !important;
        overflow: unset !important;
        position: unset !important;
        list-style: unset !important;
    }
    .home-posts .image-post-news 
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .home-posts .text-post-news 
    {
        width: 80%;
        margin-right: 3vw;
    }
    .home-posts .image-post-news  img 
    {
        position: unset !important;
        left: unset !important;
        top: unset !important;
        border-radius: unset !important;
    }
    .home-posts li 
    {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        background: unset !important;
        margin: 0 0 30px;
        padding: unset !important;
        overflow: unset !important;
        position: unset !important;
        list-style: unset !important;
    }
    .home-posts .image-post-other 
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .home-posts .image-post-other  img 
    {
        max-width: 30px !important;
        position: unset !important;
        left: unset !important;
        top: unset !important;
        border-radius: unset !important;
    }
    .home-posts .text-post-other 
    {
        width: 100%;
    }
    .home-posts .text-post-news a, .home-posts .text-post-other a
    {
        text-decoration:underline;
    }
    .home-posts .text-post-news a:hover, .home-posts .text-post-other a:hover
    {
        color:#8ac341;
    }
    .home-posts p.entry-meta-other 
    {
        display: block;
        text-transform: capitalize;
    }
    .home-posts .see-more-other
    {
        display: none;
    }
/*#endregion */
/*#region News*/
    .news
    {
        width: 100%;
    }
    .news li 
    {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        background: unset !important;
        margin: 0 0 30px;
        padding: unset !important;
        overflow: unset !important;
        position: unset !important;
        list-style: unset !important;
    }
    .news .image-post-news 
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .news .text-post-news 
    {
        width: 80%;
        margin-right: 3vw;
    }
    .news .text-post-news a:hover
    {
        color:#8ac341;
    }
    .image-post-news a 
    {
        box-shadow: none !important;
    }
    .image-post-news a img
    {
        box-shadow: none !important;
    }
    .news .image-post-news  img 
    {
        position: unset !important;
        left: unset !important;
        top: unset !important;
        border-radius: unset !important;
    }
/*#endregion*/
/*#region SingleNewsItem*/
    nav.navigation.post-navigation 
    {
        display: none;
    }
    header.entry-header
    {
        display: flex;
        flex-direction: column-reverse;
        text-align: center;
    }
    div#content 
    {
        padding: 2.5em 0 0;
    }
/*#endregion*/
/*#region Villages*/
    .villages
    {
        display: flex;
        flex-direction: column;
    }
    .villages-thumbnails
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        text-align: center;
    }
    .villages > p
    {
        text-align: center;
    }
    .villages > a
    {
        box-shadow: none !important;
        outline : none;
    }
    .villages > a > img
    {
        width: auto;
        padding: 9px;
        box-shadow: 0 0 0 0px transparent !important;
    }
    .villages > a:hover
    {
        box-shadow: none !important;
    }
    .villages > a > img:hover
    {
        width: auto;
        box-shadow: 5px 10px 20px darkgrey !important;
        transition: 0.2s ease;
        padding: 1px;
    }
/*#endregion*/
/*#region VilaCovaAndMascoselo*/
    .villages-content p
    {
        text-align: justify;
    }
    .jetpack-slideshow.slideshow-window 
    {
        border: 0;
        border-radius: 0;
        width: 100%;
        background-color: transparent;
        margin-bottom: 50px;
    }
    .slideshow-slide-caption
    {
        display: none;
    }
    .jetpack-slideshow img
    {
        width: 100%;
    }
    /* Avoid to display the javascript warning that appears during the slideshow loading */
    .jetpack-slideshow-noscript
    {
        display: none;
    }
    .villages-content
    {
        margin-bottom:4em;
    }
/*#endregion*/
/*#region Documentation*/
    .documentation
    {
        width: 100%;
    }
    .documentation li 
    {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        background: unset !important;
        margin: 0 0 30px;
        padding: unset !important;
        overflow: unset !important;
        position: unset !important;
        list-style: unset !important;
    }
    .documentation .image-post-other 
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .documentation .image-post-other  img 
    {
        max-width: 30px !important;
        position: unset !important;
        left: unset !important;
        top: unset !important;
        border-radius: unset !important;
    }
    .documentation .text-post-other 
    {
        width: 100%;
    }
    .documentation .text-post-other a:hover
    {
        color:#8ac341;
    }
    .documentation h3 > a 
    {
        width: 100%;
        display: inline-block;
    }
    .documentation p.entry-meta-other 
    {
        display: block;
        text-transform: capitalize;
    }
    .documentation p 
    {
        display: none;
    }
    .documentation .see-more-other
    {
        display: none;
    }
/*#endregion*/
/*#region Documentation*/
    #associate-request
    {
        text-align: center;
    }
    #associate-request .wpcf7
    {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    input.wpcf7-form-control.wpcf7-submit 
    {
        font-family: imprima;
        background: rgba(0, 0, 0, 0.1);
        color: black;
        border: 1px solid;
    }
    input.wpcf7-form-control.wpcf7-submit:hover 
    {
        background: rgba(0, 0, 0, 0.3);
    }
/*#endregion*/
/*#region Contacts*/
.contact-block
{
    width: 48%;
}
.wpcf7
{
    text-align: center;
}
#name-email
{
    display: flex;
    flex-direction: row;
}
.your-name
{
    width: 50%;
    padding-right: 4px;
}
.your-email
{
    width: 50%;
    padding-left: 4px;
}
/*#endregion*/
/*#region Footer*/
    .site-footer
    {
        border-top: 1.5px solid #8ac341 !important;
        margin-top: 0 !important;
    }
    .site-info
    {
        width: 100% !important;
        text-align: center;
    }
    .site-info a
    {
        text-decoration: underline !important;
    }
/*#endregion*/
/*#endregion */
/*//////////////////////////////////////////////*/
/*#region MediumDevice  */
@media screen and (max-width: 1134px)
{
    /* Hide the title of the website for more space for the logo + options */
    #navigation-text-block
    {
        display: none;
    }
}
/*#endregion*/
/*//////////////////////////////////////////////*/
/*#region SmallDevice */
@media screen and (max-width: 813px)
{
    /* Hide the logo and make the options occupy the entire screen */
    .navigation-top-left
    {
        display: none;
    }
    .navigation-top-right
    {
        width: 100%;
        justify-content: center;
    }
}
/*#endregion */
/*//////////////////////////////////////////////*/
/*#region XSmallDevice */
@media screen and (max-width: 768px)
{
    /*#region AllPages */
        #site-pages-contain
        {
            margin-top: 0px;
        }
        .page:not(.home) .entry-content /* Contact */
        {
            flex-direction: column-reverse;
        }
    /*#endregion */
    /*#region Header */
        #header-hero-image
        {
            height: 100vh; 
            margin-top: 0;
        }
        #header-heading-block > img
        {
            width: 200px;
            height: 200px;
        }
        #header-heading-block > h1
        {
            font-size: x-large;
        }
    /*#endregion */
    /*#region TopMenu */
        /* There can't be two things on top on mobile */
        #wpadminbar
        {
            display: none;
        }
        #responsive-menu-button
        {
            position: fixed;
            top:0vh !important;
            transform: none !important;
            text-align: left !important;
            padding: 10px !important;
        }
        #responsive-menu-container
        {
            top: 50px !important;
        }
        #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow
        {
            background-color: transparent !important;
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            padding-right: 15px;
        }
    
    /*#endregion */
    /*#region Home */
    
        .home-posts  .text-post-news 
        {
            width: 100% !important;
            margin:0;
        }
        
        .home-posts li 
        {
            flex-direction: column;
        }
        
        .home-posts  .image-post-news 
        {
            text-align: center;
        }
        
        .home-posts  h3 
        {
            text-align: center;
        }
        
        .home-posts  p.entry-meta-news 
        {
            text-align: center;
        }
        
        .home-posts img.attachment-alm-thumbnail.size-alm-thumbnail.wp-post-image 
        {
            width: 100%;
        }
        
        .home-posts .documentation .image-post-other 
        {
            display: none;
        }
        
        .home-posts .image-post-other img
        {
            align-self: center;
        }
        
        .home-posts h3 
        {
            text-align: center;
        }
        
        .home-posts p.entry-meta-other 
        {
            text-align: center;
        }
    /*#endregion*/
    /*#region News */
        .news .text-post-news 
        {
            width: 100%;
        }
        
        .news li 
        {
            flex-direction: column;
        }
        
        .news .image-post-news 
        {
            text-align: center;
        }
        
        .news h3 
        {
            text-align: center;
        }
        
        .news p.entry-meta-news 
        {
            text-align: center;
        }
        
        .news img.attachment-alm-thumbnail.size-alm-thumbnail.wp-post-image 
        {
            width: 100%;
        }
    /*#endregion */
    /*#region Villages */
        .villages-thumbnails
        {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            text-align: center;
        }
    /*#endregion*/
    /*#region Documentation */
        .documentation li 
        {
            margin: 0 0 20px !important;
        }
        
        .documentation .image-post-other 
        {
            display: none;
        }
    /*#endregion*/
    /*#region Contacts */
        .contact-block
        {
            align-self: center;
            width: 100%;
            text-align: center;
        }
        #name-email
        {
            flex-direction: column;
        }
        .your-name 
        {
            width: 100%;
            padding-right: 0px;
        }
        .your-email 
        {
            width: 100%;
            padding-left: 0px;
        }
    /*#endregion*/
}
/*#endregion*/