/* File per cose responsive: dimensioni prese da https://getbootstrap.com/css/#grid-media-queries 768 / 992 / 1500 TODO: riscrivere utilizzando https://glennmccomb.com/articles/useful-sass-scss-media-query-mixins-for-bootstrap/ */
/* tablet E smartphone */
@media only screen and (max-width: 992px) { #header, #container, #content, #main { width: 95vw; padding: 0; margin: auto; } #wrap { padding: 0; } #header { border-radius: 0; } .region-sidebar-right, .home-pane { width: 100%; } }

/* smartphone */
@media only screen and (max-width: 768px) { #header, #container, #content, #main { width: 100%; margin: auto; } .news-pane { width: 100% !important; } .region-content .node__content .field--type-image { float: none; } .region-banner-home #block-views-block-eventi-block-3 { display: block !important; } }

/* smartphone per largo */
@media only screen and (min-width: 600px) and (max-width: 768px) { .home-pane .views-field-field-image { float: left; padding-right: 1em; } .home-pane .views-row { height: 170px !important; } }

@media only screen and (min-width: 992px) { #main { margin: 0 calc((100% - 710px - 250px) / 2); } }

/* schermo grande */
@media only screen and (min-width: 1500px) { #header, #content, #container { width: 90vw; } /* main=20, sidebar=20 */ #content article { padding: 0 1em; } #main { width: 80%; margin: auto; } .region-sidebar-right { width: 20% !important; } .news-pane { width: 32% !important; } /* Immagine banner: evita che si allarghi a dismisura */ .region-above-content img { max-height: 6em; } .region-above-content img.img-alta { max-height: 10em; } }

.img-alta { max-height: 10em; }

#block-streaming-2, #block-radioabbonamento2019-2, #block-radioabbonamento2019 { text-align: center; }

#block-radioabbonamento img, #block-radioabbonamento2019-2 img, #block-radioabbonamento2019 img { width: auto; max-width: 20vw; }

@media only screen and (max-width: 768px) { #block-radioabbonamento img, #block-radioabbonamento2019-2 img, #block-radioabbonamento2019 img { max-width: 90%; max-height: 50vh; } }

@media only screen and (min-width: 1500px) { #block-radioabbonamento img, #block-radioabbonamento2019-2 img, #block-radioabbonamento2019 img { max-width: none; width: 100%; } }

/*# sourceMappingURL=responsive.css.map */