@charset "UTF-8";
/* CSS Document */



/* FINO IPAD ORIZZ */
@media (max-width: 1024px) {
    
    

}

/* FINO IPAD VERT */
@media (max-width: 1000px) {

    .no-m { display: none; }

    .profilo_paragrafo_testo {
        align-items: stretch;
    }

    .slide_img {
        position: relative;
        width: calc(100% - 10px);
        height: calc(100% - 85px);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    #header_top_right {
        display: none;
    }
    #header_top_right.fixedToBottom {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        width: 100%;
        padding: 8px 0;
        border-top: 1px solid var(--color_action);
        background-color: var(--color_header);
        z-index: 990;
    }
    #btn_header_cerca {
        display: none;
    }
    .btn_header.profilo:hover,
    .btn_header.stagione_dropdown:hover {
        border-radius: 0 0 4px 4px;
    }
    .profilo_dropdown_content {
        display: none;
        flex-direction: column-reverse;
        justify-content: flex-end;
        position: absolute;
        top: -10px;
        right: -1px;
        transform: translateY(-100%); /* Sposta completamente sopra */
        min-width: 100%;
        border-right: 1px solid white;
        background-color: var(--color_header_menu);
        z-index: 9999;
        box-sizing: border-box;
    }
    .header_menu_sublink.profilo {
        padding: 10px;
    }
    .header_menu_sublink.profilo:not(:last-child) {
        border-top: 1px solid rgba(255, 255, 255, 0.20);
        border-bottom: none;
    }
    .header_menu_sublink.profilo:hover {
        background-color: #26325E !important;
    }
    .stagione_dropdown_content {
        display: none;
        flex-direction: column-reverse;
        justify-content: flex-end;
        position: absolute;
        top: 0px;
        right: -1px;
        transform: translateY(-100%); /* Sposta completamente sopra */
        min-width: 100%;
        border-right: 1px solid white;
        background-color: var(--color_header_menu);
        z-index: 9999;
        box-sizing: border-box;
        text-align: right;
        line-height: 30px;
    }
    #header_menu_container {
        display: none;
    }
    #header_top_left {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #header_logo {
        width: 230px;
        /* height: 80px; */
        margin: 0px;
        background-position: left center;
    }
    header.fixedToTop + #content_container{
        margin-top: 80px;
    }
    #header_hamburger {
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(../images/icon_hamburger.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
    }
    #header_hamburger_x {
        width: 18px;
        height: 18px;
        background-image: url(../images/icon_hamburger_x.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
    }
    #main_container.open {
        position: fixed;
        top: 0px;
        left: 0px;
    }
    header.open {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        margin: 0px;
        box-sizing: border-box;
    }
    header.fixedToTop + #content_container{
        margin-top: 80px;
    }
    #header_menu_container.open {
        display: flex !important;
        flex-direction: column;
    }
    .header_menu_link {
        margin: 0px;
    }
    .header_menu_dropdown_content {
        position: inherit;
    }
    .header_menu_link {
        font-size: 1.5em;
        font-weight: 700;
        border-bottom: 1px solid var(--color_action);
        padding: 15px 0 !important;
    }
    .header_menu_link.dropdown {
        background-color: transparent !important;
        background-position: right 8px top 25px;
        padding: 15px 28px 15px 0 !important;
    }
    .header_menu_link:hover,
    .header_menu_link.active {
        padding: 15px 0 15px 10px;
        background-color: transparent;
        border-radius: 0px !important;
    }
    .header_menu_dropdown_content {
        margin: 10px 0;
        background-color: var(--color_header_menu) !important;
        box-shadow: none !important;
    }
    .header_menu_sublink {
        font-size: 1.3em;
        font-weight: 400;
        /* border: 0px !important; */
        padding: 10px;
    }
    



    .footer_container {
        flex-direction: column-reverse;
        padding: 50px 0 80px 0;
    }
    .footer_sx {
        padding: 15px 0 0 0;
        align-items: center;
        text-align: center;
    }


    .content.bacheca {
        margin-top: 50px !important;
    }

    .flex {
        flex-direction: column;
    }
    .evento_img_principale {
        height: 250px;
    }
    .content_dx {
        margin: 30px 0 20px 0;
    }
    .content_dx.evento {
        width: 100%;
    }

    .box {
        flex-direction: column-reverse;
    }
    .box_image.dx {
        flex: none;
        height: 250px;
        margin: 0 0 20px 0;
    }

    .evidenza_bis_item {
        width: calc(50% - 8px);
    }

    .hero_container {
        height: 220px;
    }
    .hero_container.news  {
        height: 211px;
    }

    .profilo_piscina_container {
        flex-direction: column;
    }
    .profilo_piscina_img {
        flex: none;
        border-radius: 4px 4px 0 0;
    }

    .nav_section_container {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .nav_section_container.action .nav_section_actions {
        padding: 0 0 20px 0;
    }

    .nav_title.profilo {
        text-align: center;
    }


    .profilo_domanda_scelta,
    .profilo_abb,
    .profilo_abb_capo,
    .profilo_ass_capo {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        flex-wrap: wrap;
    }

}

/* SOLO MOBILE */
@media (max-width: 479px) {

    .content_container {
        padding: 0px;
    }

    .welcome_logo_btns {
        flex-direction: column;
        align-items: center;
        gap: 0px;
    }
    .heroEvents_content {
        flex-direction: column;
    }
    .heroEvents_content_sx {
        height: 180px;
        width: 100%;
        border-radius: 4px;
        margin: 0 0 15px 0;
    }
    .heroEvents_content_dx .btn {
        display: block;
        text-align: center;
    }
    .elencoBase_img {
        height: 180px;
    }
    .elencoBanner_img {
        height: 180px;
    }

    .mediabox_ambassador {
        flex-direction: column;
    }
    .mediabox_ambassador_sx {
        min-height: 180px;
    }
    .mediabox_btn.ambassador {
        margin: 15px 0 0 0;
    }

    .hero_container.ambassador {
        align-items: flex-end;
        height: 530px;
    }
    .hero_amb_txt {
        max-width: 100%;
    }
    .nav_item_container.bio {
        flex-direction: column-reverse;
    }
    .nav_item_container {
        flex-direction: column;
    }
    .nav_item_content_sx, 
    .nav_item_content_dx {
        width: 100%;
    }
    .nav_item_content_dx {
        border-radius: 4px 4px 0 0;
    }
    .nav_item_content_sx .btn,
    .nav_item_content_dx .btn {
        display: block;
        text-align: center;
        margin: 20px 0 0 0;
    }
    .localBanner3_container {
        flex-direction: column-reverse;
    }
    .localBanner3_main {
        height: 100% !important;
    }
    .localBanner_content_sx {
        width: 100%;
    }
    .localBanner_content_dx {
        height: 200px;
        width: 100%;
        background-size: contain;
        background-position: top center;
    }

    .eventiMultipli_img {
        height: 180px;
    }
    .eventiMultipli_content .btn {
        display: block;
        text-align: center;
        margin: 20px 0 0 0;
    }

    .evidenza_first_container {
        flex-direction: column;
    }
    .evidenza_first_img {
        width: 100%;
        flex: none;
    }
    .evidenza_first_testi {
        margin: 20px 0 0 0;
        width: 100%;
    }

    .modulo_imgdx_container {
        flex-direction: column-reverse;
    }
    .modulo_imgsx_container {
        flex-direction: column;
    }
    .modulo_imgdx_dx,
    .modulo_imgsx_sx {
        width: 100%;
        height: 200px;
    }

    .item_elenco4_container {
        width: 100%;
    }

    .articolo_titolo {
        font-size: 1.5em;
        font-weight: 600;
    }

    #form_login input:-webkit-autofill,
    #form_login input:-webkit-autofill:hover, 
    #form_login input:-webkit-autofill:focus,
    #form_register input:-webkit-autofill,
    #form_register input:-webkit-autofill:hover, 
    #form_register input:-webkit-autofill:focus,
    #form_login input {
        font-size: 1em !important;
    }

   
    .nav_section_actions .btn {
        flex: 0 0 calc(50% - 8px);
        box-sizing: border-box;
        padding: 10px;
        text-align: center;
    }

    .info_piscina_container {
        gap: 20px;
    }
    .info_piscina_sx,
    .info_piscina_centro,
    .info_piscina_dx {
        flex: auto;
    }


    /*FORGOT PASSWORD*/
    input #pass,
    .Inputfields #pass,
    .Inputfields #_pass {
        width: 100% !important;
    }


    .abb_capolabel {
        font-size: 0.6em !important; 
    }
    .abb_group_midtitle {
        font-size: 0.8em !important; 
    }
    .abb_groupD {
        padding: 0px !important;
        border: none !important;
    }

}


/* X MEDIABOXES MOBILE */
@media (max-width: 450px) {

    .mediabox_normal_img {
        height: 180px;
    }

}

/* MOBILE PICCOLO */
@media (max-width: 375px) {

    #allenamenti_btn_profilo {
        display: none;
    }

}