/**
 * Use this file to conditionally override styles for devices.
 * If you adjust the media queries in the theme settings you should
 * adjust them here so they match.
 */

/* Smartphone portrait + landscape*/
@media only screen and (max-width:1024px) {

                html {
                font-size: 1em;
                }
                
                header {
                    padding-bottom: 10px;
                    border-bottom: 1px solid #f5f5f5;
                }
                #header .block-system-branding-block {
                     width:auto;
                     position:relative;
                     z-index: 1100;
                }

                .logoimg {
                    margin: 0;
                    padding: 0;
                    height: 4.5em;
                }

                .darkmode-toggle,.darkmode-layer--button {
                    right: 155px!important;
                    top: 16px!important;
                  }

                .darkmode-toggle {
                    width: 2.5rem!important;
                    height: 2.5rem!important;
                }
 

                .menu-toggle { background-color: transparent; border: 0; border-bottom: 0; width: 2.3em; height: 2.3em; float: right; margin: -25px 10px 0 0;}
                .menu-toggle .bars {background:#e1333a;height: .2em;}

                .menu-toggle.x .bars {top: 0.98em;}
                .menu-toggle .bars:first-child {top: 1.1em;}

                .menuband, .primary-nav__menu--level-1 {border-bottom: 0px;}

                /* Oscuro Elementi DESKTOP */
                #block-zeropoint-views-block-slideshow-block,
                #block-zeropoint-views-block-slideshow-block-1,
                .region-tertiary-menu .block-wrapper,
                .region.region-topreg,
                .region-sidebar-first #block-zeropoint-menu-laterale {display:none;}

                /* Riattivo Elementi MOBILE */
                .region-tertiary-menu .block-wrapper {width: auto; float: none;}
                #block-zeropoint-cercaiconamobile,
                #block-zeropoint-formdiricerca,
                .front .region-secondary-menu .block-wrapper:nth-child(4),
                .not-front .region-secondary-menu .block-wrapper.block_1,
                .region-tertiary-menu .block-wrapper.block_6,
                .region-tertiary-menu .block-wrapper.block_7,
                .region-tertiary-menu .block-wrapper:last-child {display:block;}

                .region-header {margin-top:10px;}

                #submenu {margin:0;}
                #block-zeropoint-formdiricerca,
                #block-zeropoint-formdiricerca .block-content,
                .not-front .region-secondary-menu .block-wrapper.block_1 {width:100%;}
                [id^="search-block-form"] .form-type-search {width:88%;}
                [id^="search-block-form"] [id^="edit-submit"] {margin: 7px 0px 0 0;} 


              
                #block-zeropoint-cercaiconamobile {
                    position: absolute;
                    right: 105px;
                    margin-top: -22px;} 
                .cerca-icona-mobile {
                    display:block;
                    background-image: url(tper2024/images/cerca.png);
                    background-color: transparent;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: contain;
                    text-indent: -9999px;
                    border: none;
                    width: 32px;
                    height: 32px;
                    margin:0;
                    padding:0;}


                
                /*MENU PRINCIPALE*/

                .menu--main,.darkmode--activated .menu--main {
                    margin: 0;
                    padding: 0;
                    background: none;
                }
                
                ul.primary-nav__menu {background-color: #fafafa; border:1px solid #f5f5f5;z-index:1000;}
                ul.primary-nav__menu ul.primary-nav__menu {background-color: #fafafa; border:1px solid #f5f5f5;}

                .pure-menu.menu-transform {position: relative;top: 40px;margin:0;}
                .menu--main ul li a {height:auto;line-height:normal;}
                .menu--main ul li a:link,
                .menu--main ul li a:visited {padding:5px 20px;font-size: 0.9em;color:#000000!important;}
                .menu--main ul li a:hover {color:#000000!important;}


                /*MENU PRINCIPALE*/
                .menu--main ul li a,
                .primary-nav__menu-link--nolink.primary-nav__menu-link--level-1  {
                    height:40px;
                    line-height:40px;
                    text-decoration: none;
                }
                .menu--main ul.pure-menu-list li a:link,
                .menu--main ul.pure-menu-list li a:visited,
                .pure-menu-link {
                margin:0;
                    padding:0 20px;
                    color:#999999;
                    font-size:0.9em;
                    font-weight: bold;
                    transition-property:none;
                }
                .primary-nav__menu-link--nolink.primary-nav__menu-link--level-1:hover {
                background-color: #ffffff;
                color:#999999;
                }
                .menu--main ul.pure-menu-list li a:hover {
                background-color: #ffffff;
                color:#000000;
                }

                .menu--main ul.pure-menu-list li:first-child a:link,
                .menu--main ul.pure-menu-list li:first-child span,
                .menu--main ul.pure-menu-list li:first-child a:hover,
                .menu--main ul.pure-menu-list li:first-child span:hover {
                border-radius: 0;
                }

                /*SOTTO-LIVELLI*/
                #block-zeropoint-main-menu ul.pure-menu-children {
                    background-color: none;
                    color:inherit;
                    box-shadow:none;
                }
                
                #block-zeropoint-main-menu ul.pure-menu-children li a:link,
                #block-zeropoint-main-menu ul.pure-menu-children li a:visited {
                    color:inherit;
                }
                
                #block-zeropoint-main-menu ul.pure-menu-children li a:hover {
                    background-color: #ffffff;
                    color:inherit;
                }

                #block-zeropoint-main-menu ul.pure-menu-has-children li.pure-menu-item {padding:0}
                        
                /*MENU SECONDARIO
                .region-sidebar-first #block-zeropoint-menu-laterale ul li a:link,
                .region-sidebar-first #block-zeropoint-menu-laterale ul li a:visited {
                    font-size:1.2em;
                    line-height: 1.2em;
                }
                .region-sidebar-first #block-zeropoint-menu-laterale ul li ul li a:link,
                .region-sidebar-first #block-zeropoint-menu-laterale ul li ul li a:visited {
                    font-size:1em;
                    line-height: 1em
                }*/
                
                /*SLIDESHOW MOBILE*/
                
                .region-tertiary-menu .block-wrapper.block_6 {
                    padding: 0;
                    position: static;
                    clear: both;
                    width: auto;
                    margin: 0 auto 0 auto;
                    background-color: transparent;
                }

                #views_slideshow_cycle_main_slideshow-slideshow_mobile .views-field-field-immagine-slideshow img {border-radius:25px;}
                
                .views-slideshow-cycle-processed .views-slideshow-controls-top {
                    height:0!important;
                }
                
                .views-slideshow-controls-top span.views-slideshow-controls-text-pause {
                display:none;
                }
                .view-slideshow {
                    margin:0 auto 20px auto;
                    padding:0;
                    position: relative;
                    clear:both;
                }
                
                .views-slideshow-controls-top clearfix {
                    position: relative;
                }

                
                #views_slideshow_controls_text_slideshow-slideshow_mobile {
                    position:absolute;
                    top:30%;
                    z-index: 50;
                    width:100%;
                    margin:0 0 20px 0;
                    padding:0;
                    clear: both;
                    height:0;
                }
                
                
                
                #views_slideshow_controls_text_pause_slideshow-slideshow_mobile {
                    display:none;
                }
                #views_slideshow_controls_text_slideshow-slideshow_mobile span,
                #views_slideshow_controls_text_slideshow-slideshow_mobile span a {
                    width:60px;
                    height:60px;
                    margin:0;
                    padding:0;
                    display: inline-block;
                }
                #views_slideshow_controls_text_slideshow-slideshow_mobile span a {
                    text-indent: 100%;
                white-space: nowrap;
                overflow: hidden;
                }
                #views_slideshow_controls_text_slideshow-slideshow_mobile span.views_slideshow_controls_text_previous {
                    float:left;
                }
                #views_slideshow_controls_text_slideshow-slideshow_mobile span.views_slideshow_controls_text_next {
                    float:right;
                }
                #views_slideshow_controls_text_slideshow-slideshow_mobile span.views_slideshow_controls_text_previous a:link,
                #views_slideshow_controls_text_slideshow-slideshow_mobile span.views_slideshow_controls_text_previous a:visited {
                    background:transparent url(tper2024/images/slide-indietro-mobile.png) 0 0 no-repeat;
                }
                #views_slideshow_controls_text_slideshow-slideshow_mobile span.views_slideshow_controls_text_previous a:hover {
                    background:transparent url(tper2024/images/slide-indietro-mobile.png) 0 0 no-repeat;
                }
                #views_slideshow_controls_text_slideshow-slideshow_mobile span.views_slideshow_controls_text_next a:link,
                #views_slideshow_controls_text_slideshow-slideshow_mobile span.views_slideshow_controls_text_next a:visited {
                    background:transparent url(tper2024/images/slide-avanti-mobile.png) 0 0 no-repeat;
                }
                #views_slideshow_controls_text_slideshow-slideshow_mobile span.views_slideshow_controls_text_next a:hover {
                    background:transparent url(tper2024/images/slide-avanti-mobile.png) 0 0 no-repeat;
                }
                /* FINE SLIDE HOME MOBILE*/


                
                /*QUICKLINK HOME*/

                .region-tertiary-menu .block-wrapper.block_7 {background-color: #ffffff;}
                .mobile {
                    position: static;
                    clear:both;
                    margin: 0;
                }
                .mobile .riga {
                    padding-top:10px;
                    clear:both;
                } 
                .mobile .riga div {
                    width:48%;
                    float:left;
                    margin:0 1%;
                    background-color: #f0f0f0;
                    border-radius: 30px;

                }
                .mobile .riga div h2 {
                    font-size: 0.8em;
                    font-weight: bold;
                    color: #000000;
                    margin: 10px;
                    padding: 0 2em 0 0;
                    height: 40px;
                    line-height: 40px;
                    width: 100%;
                }
                .mobile .riga div h2 a {
                    margin: 0;
                    padding: 0 0 0 50px;
                    height: 40px;
                    line-height: 18px;
                    display: inline-block;
                    white-space: normal;        /* Comportamento standard di wrapping */
                    word-wrap: break-word;      /* Gestisce parole più lunghe del contenitore */
                }


                


                /*News Home BOX*/
                body.front .view-news .view-header {display:none;}

                body.front #block-zeropoint-views-block-news-block-news-home h2 a {font-size: 0.8em;padding: 0 0 0 50px;}
                #views_slideshow_cycle_main_news-block_1 .views-row,
                #views_slideshow_cycle_main_-block_1 .views-row {width: 100%;margin-bottom:1em;}
                #views_slideshow_cycle_main_news-block_1 .views-row .views-field-body,
                #views_slideshow_cycle_main_-block_1 .views-row .views-field-body{display:none;}
                .region-tertiary-menu .block-wrapper:last-child {margin: 0 0px 20px 0px;}
                

                /*SOTTOPAGINE*/

                #main {margin: 0 0px 10px 0px;}

                h1 {font-size: 1.4em;}

                #middlecontainer .region.region-sidebar-first .block {
                   margin:20px 0 0 0;
                   padding:0;
                   float:right;
                }

                td.views-field-field-immagine-linea {
                    width:40px;
                }
                article .node__content .field--name-body,
                article .node__content .field--name-body p {
                    text-align:left;
                }
                article .node__content .field--name-body img {
                    float:none;
                    display:block;
                    margin:10px auto;
                }
                
                .field-name-field-galleria-fotografica {
                    display:none;
                }
                
                .field-name-field-immagine-news img {
                    float:none;
                    display:block;
                    margin:0 auto 15px auto;
                }
                article .node__content .field--name-field-immagine-news img {
                    float:none;
                    margin: 0 auto 2rem auto;
                }

                
                #page {overflow: hidden!important;}
                

                
                .splash14 iframe {height:480px}

                /*Accordion annidati*/

                ul.nest-accordion ul.inner, ul.nest-accordion ol.inner {
                    margin: 0 0 2em 0;
                }

                ul.nest-accordion {
                    .inner {
                        padding-left: 0; 
                    }
              
                    li {
                        a.toggle {
                            overflow:auto
                        }
                    }
                 }
                
                
                /*FOOTER MOBILE*/
                .login-cerca { margin:0; padding:0; text-align: right; width:96%}
                
                 div.tper_social, div.partners, div.link_utili, div.registrati, div.note_legali {
                    float: none;
                    margin: 0 0 10px 0;
                    width: auto;
                }
                
                body.front h3, div.tper_social p, div.partners p, div.link_utili p, div.registrati p {
                    font-size: 1em;
                }
                
                
                /*MODULI*/
                
                
                body.section-cliente div.modulo {
                display:block;
                    margin:0 0 10px 0;
                    padding:0;
                    width:auto;
                    float: none;
                }
                body.section-cliente div.richiesta-info {
                    margin:0;
                }
                
                
                
                div.tper-feeds {
                    left:10px;
                    top:0;
                    }
                    
                
                /* PAGINA ORARI */
                .block-wrapper:has(#block-zeropoint-orariodellalinea),
                .block-wrapper:has(#block-zeropoint-views-block-variazioni-block),
                .block-wrapper:has(#block-zeropoint-views-block-argomenti-correlati-block) 
                {float:none; width:99%;}
                    
                    
                /*FILTRI PAGINA ORARI*/	
                    
                body.page-orari-linee fieldset.view-filters div.form-item-filtro-linea {
                    clear:both!important;
                    margin:20px 0!important;
                    width:auto!important;
                    float:none!important;
                    
                    width:380px!important;
                    
                }
                
                body.page-orari-linee fieldset.view-filters div.container-inline-date {
                    clear:both!important;
                    margin:20px 0!important;
                    display:block!important;
                }
                
                
                .page-orari-linee input#edit-applica, .page-orari-linee input#edit-reset {
                    clear: both!important;
                    float: none!important;
                    margin: 0 15px 0 0!important;
                }
                
                span.info_linee {
                    font: 0/0 a;
                    text-shadow: none;
                    color: transparent;
                    background:transparent url(images/icona_info_linee.png) 0 0 no-repeat;
                    display:inline-block;
                    width:100%;
                    height:20px;
                    line-height:35px;
                }

                .views-field-custom-field-linea {text-align: center;}
                .views-field-custom-field-linea span, .views-field-custom-field-linea a {margin:0 auto 10px auto; display:block;height:auto;width:auto;max-height:20px;max-width:20px;d}
                .views-field-custom-field-linea .download-orario {height:20px;width:20px;display:block;}
                .views-field-custom-field-linea .icona_variazione a {height:20px;width:20px;display:block;}
                .views-field-custom-field-linea .icona_news {height:20px;width:20px;display:block;}
                .views-field-custom-field-linea .icona_alert {height:20px;width:20px;display:block;}
                
                
                /*form + liquidi*/
                textarea, input {
                    width:95%;
                }
                input[type=checkbox], input[type=submit] {
                    width:auto
                }
                
                
                /*Pagina Variazioni ORARI*/
                
                .section-variazioni-orari .views-field-field-riferimento-linea {
                    display: none
                }
                
                
                /*Transit*/
                #tper-transit-form {height:auto;}
                #block-tper-transit-transit-form input.form-autocomplete {height: 24px;}
                .page-map .region-content #tper-tranist-layers-form {}
                .page-map .region-content #tper-tranist-layers-form .form-item {margin: 0}
                
                
                /*feeds*/
                .views-element-container .feed-icons {
                    position: static;
                  }
                
                
                /*NUOVO CONTROLLER 2016*/
                .layer-map-box {position:absolute;right:10px;top:40px;}
                
                #edit-layers-sosta,#edit-layers-bus,#edit-layers-sharing {position:absolute;right:10px;top:74px;}
                
                /*GESTIONE KML*/
                a.kml-link {
                    position:static;
                    margin:20px 0;
                }


                /*DARK MODE*/
                .darkmode--activated .menu-toggle .bars {background:#ffffff;height: .2em;}
                .darkmode--activated .cerca-icona-mobile {background-image: url(tper2024/images/cerca-dark.png);}

                .darkmode--activated .region.region-tertiary-menu,
                .darkmode--activated .region-tertiary-menu .block-wrapper.block_6,
                .darkmode--activated #block-zeropoint-mobileboxlinkvelocihome {background-color: #12172a;}
                .darkmode--activated .mobile .riga div {background-color: #585c69;}
                
                .darkmode--activated .mobile .riga div h2 {margin:10px;height:40px;line-height:40px;}
                .darkmode--activated .mobile .riga div h2 a {margin: 0;padding: 0 0 0 50px;height: 40px;line-height: 18px;}



    }
    
    
    @media only screen and (max-width:620px) {
        #block-zeropoint-cercaiconamobile {
            right: 83px;
        }
        .darkmode-toggle,.darkmode-layer--button {
            right: 133px!important;
          }
    }
    
    /* Tablet portrait */
    @media only screen and (min-width:481px) and (max-width:800px) {}
  
    /* Tablet landscape */
    @media only screen and (min-width:801px) and (max-width:1023px) {}
    
    /* Standard layout */
    @media only screen and (min-width:1025px) and (max-width:1480px) {

        div.sizer0.clearfix {max-width: 100%!important}

        .darkmode-toggle,.darkmode-layer--button {
            right: 24em!important;
          }

        body.front .block-wrapper h2, body.front #block-zeropoint-views-block-news-block h2 {font-size: 0.8em;}
        body.front .block-wrapper h2 a, body.front #block-zeropoint-views-block-news-block h2 a {
            white-space: normal;
            word-wrap: normal;
            line-height: 18px; 
        }
        .views-field-custom-field-linea {width:16%;}
        .views-field-custom-field-linea span, .views-field-custom-field-linea a {margin:0;vertical-align: top;}
        .views-field-custom-field-linea .download-orario {height:20px;width:20px;vertical-align: top;}
        .views-field-custom-field-linea .icona_variazione a {height:20px;width:20px;vertical-align: top;}
        .views-field-custom-field-linea .icona_news {height:20px;width:20px;vertical-align: top;}
        .views-field-custom-field-linea .icona_alert {height:20px;width:20px;vertical-align: top;}


    
    }

    /* Standard layout 2*/
    @media only screen and (min-width:1481px) and (max-width:1920px) {

        .darkmode-toggle,.darkmode-layer--button {
            right: 30em!important;
        }
    
    }

    /* xxx l
    @media only screen and (min-width:1921px) {

        #body_bg .sizer0  {
            max-width:1730px!important;
        }
    
    }
    */
    