/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 26/05/2022, 16:07:22
    Author     : Carlos Braga
*/


@media screen and (max-width:600px){

    .home_outer_slider_wrapper {
        flex-wrap: wrap;
    }
    .home_outer_slider_wrapper .home_slider_container, .home_outer_slider_wrapper .page_content_container, .home_outer_slider_wrapper .home_slide_list_container {
        flex: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0 0 24px;
    }

    .home_slider_wrapper {
        margin: 0 0px 0 0;
    }
    li.fotosFreguesia_list_item {
        padding: 12px 0;
    }
    .home_slider_wrapper.gomore iframe {
        width: 100%;
        height: 300px;
        aspect-ratio: 2/1;
    }




    .home_warnings_slider_wrapper {
        flex-wrap: wrap;
        height: auto;
        padding: 12px 12px 6px;
    }
    .home_warnings_slider_wrapper h4.section_subtitle {
        order: -2;
        flex: auto;
        align-items: center;
        justify-content: flex-start;
    }
    .home_warnings_slider_wrapper a.transparentbutton.md-button.md-ink-ripple {
        order: -1;
    }
    .home_warnings_slider_wrapper > div {
        display: block;
        width: 100%;
        flex: 100%;
    }
    .home_middleinfo_card_wrapper {
        height: auto;
        margin: 0 0 12px;
    }
    
    .presi_message_wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}




}



@media screen and (min-width:600px) and (max-width: 960px){
    .home_sidebar_wrapper {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }
    .meteo_widget_container {
        flex: 33%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .shortcuts_widget_container {
        display: flex;
        flex: auto;
    }
    .shortcuts_widget_wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .shortcuts_widget_wrapper a.shortcuts_link {
        padding: 0 12px;
    }



}


@media screen and (min-width: 960px) and (max-width: 1280px){
    div#siteMaincontainer {
    padding: 164px 0 0;
}
}
@media screen and (max-width: 960px){

    div#siteMaincontainer {
        padding: 112px 0 0;
    }
    
    
    .footer_body_wrapper {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    
    .footer_column_container {
        flex: 100%;
        max-width: 100%;
    }
    .footer_column_wrapper, .footer_details_wrapper {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}



@media screen and (max-width: 1280px){

    md-dialog {
    max-width: 80% !important;
}
.home_slider_wrapper{
    margin: 0
}
    
    
    
    .sidemenu_header_wrapper {
        border-bottom: 1px solid #1C3998;
        margin: 0 0 6px;
        padding: 0 0 6px;
    }
    .sidemenu_header_wrapper h1.header_body_top_logo_title {
        font-size: 16px;
    }
    .sidemenu_header_wrapper h1.header_body_top_logo_title span {
        font-size: 14px;
    }
    .sidemenu_body_wrapper .topbar_section {
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .sidemenu_body_wrapper .topbar_section p a {
        color: #50514F;
    }
    .sidemenu_body_wrapper .topbar_section h5, .topbar_section p {
        padding: 0;
        font-size: 11px;
    }
    .sidemenu_body_wrapper .sidemenu_body_container {
        flex: auto;
        overflow: auto;
        padding: 0 0 12px;
    }





    .sidemenu_toggler.md-button.md-ink-ripple {
        min-width: auto;
        width: 36px;
        font-size: 16px;
        color: #1C3998;
    }




    .home_sidebar_container {
        margin: 12px 0;
    }









    .contacts_map_container {
        width: 100%;
    }
    .heraldica_list_details > div {
        flex-direction: column;
    }
    .heraldica_list_details > div p {
        margin: 12px 0 0;
    }




}