/* Questo file contiene cose che si applicano solo alla home viene incluso solo nella homepage (ror2010_preprocess_page) */
.home-pane { /* layout {{{ */ /* layout }}} */ /* Al momento questa .overimage non c'e'; pero' se lo metti prima del img (in home), viene la "didascalia" in sovraimpressione */ /* Faccio in modo che lo stacco dai redazionali alle trasmissioni sia piu' pulito, riprendendo l'allineamento */ /* Va fatto un widget fatto bene per il player nella home, ma finche' non c'e' famo cosi' */ /* hack grandioso: se setti solo il width lui continua ad essere grosso (diminuisce solo un po'), ma se setti il border-radius allora taglia davvero */ /* tutti tranne schermo grande */ }

.home-pane .news-pane { width: 49%; padding-left: 1%; float: left; margin: 0px; }

.home-pane .views-row { display: inline-block; padding: 10px 3px 10px 3px; margin: 0px; width: 300px; height: 300px; }

.home-pane .views-row img { margin: 0 5px 5px 0; border-radius: 3px; width: 100%; height: 100%; /* dimensione definita nel field-content subito sopra */ object-fit: cover; }

.home-pane .overimage { position: relative; z-index: 10; color: #e0e0e0; font-size: 25px; height: 0; font-family: monospace; text-align: right; }

.home-pane .views-field-field-image .field-content { width: 300px; height: 150px; position: relative; }

.home-pane .views-field-field-image img { filter: contrast(130%) brightness(80%); }

.home-pane .news-pane .views-field-title { font-size: 1.5em; line-height: 1.2em; max-height: 2.4em; overflow: hidden; hyphens: auto; text-align: justify; width: 100%; }

.home-pane .trx-separator { position: relative; text-align: center; }

.home-pane .trx-separator header { bottom: 0; position: absolute; }

.home-pane .trx-separator .trx-separator-content { line-height: 250px; }

.home-pane .trx-separator .trx-separator-content .field__item { display: inline-block; line-height: normal; vertical-align: middle; }

@media only screen and (min-width: 1500px) { .home-pane .trx-separator-content { display: none; } .home-pane .views-row.trx-separator { height: auto; } .home-pane .views-row.trx-separator header { top: 0; position: absolute; bottom: auto; } }

.home-pane .news-pane footer { text-align: right; }

.home-pane .news-pane footer a { color: #cc0000; font-weight: bold; font-size: 0.9em; }

.home-pane .news-pane h3 { font-size: 1.2em; /* background-color:#333333; */ /*   border-top:2px solid #333333;  */ border-bottom: 2px solid #333333; /*width:99%; */ color: #cc0000; font-weight: bold; padding: 3px; text-align: center; }

.home-pane .trx .views-field-created, .home-pane .rornews .views-field-created { font-size: 0.85em; margin-bottom: 5px; }

.home-pane .news-pane.mobile .views-row, .home-pane .news-pane.trx .views-row { position: relative; }

.home-pane .news-pane.mobile .views-row .term-nome-trasmissione, .home-pane .news-pane.trx .views-row .term-nome-trasmissione { position: absolute; top: 2em; left: 1em; width: 300px; }

.home-pane .news-pane.mobile .views-row .term-nome-trasmissione *, .home-pane .news-pane.trx .views-row .term-nome-trasmissione * { color: white; font-size: 110%; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; }

.home-pane .news-pane.mobile .view-content { max-width: 300px; margin: auto; }

.home-pane .trx .view-content { padding: 1px; }

.home-pane header { width: 300px; text-align: left; }

.home-pane audio { width: 3em; border-radius: 0.5em; }

.home-pane .news-pane.mobile { display: none; }

@media only screen and (max-width: 768px) { .home-pane .news-pane { display: none; } .home-pane .news-pane.mobile { display: block; } }

@media only screen and (max-width: 1500px) { .home-pane { /* taglia numero news: fatto in modo che la vista possa tornare molti risultati e in base alla dimensione dello schermo la si taglia */ } .home-pane .redazionali .views-row:nth-child(n+6), .home-pane .trx .views-row:nth-child(n+6) { display: none; } }

.vert-center-child { vertical-align: middle; display: inline-block; line-height: normal; }

.palinsesto-pane { width: 98%; float: left; margin-top: 2em; font-size: 120%; padding: 1rem; border: none; border-top: 1px solid; }

.palinsesto-pane header { background: #eee; width: 100%; margin-bottom: 0.8rem; }

.palinsesto-pane table td:first-of-type { text-align: right; font-size: 0.8rem; padding-right: 1.0rem; }

.palinsesto-pane table tbody { font-size: 1rem; }

.palinsesto-pane table td:first-of-type { font-size: 0.8rem; }

.palinsesto-pane table em { color: #999; }

.palinsesto-pane table td:first-of-type { color: #999; }

/* COSE CHE STANNO SOLO IN HOME PAGE */
.rss { background-color: #FF9D39; font-weight: bold; }

.rss a, .rss a:hover, .rss a:active { color: white; }

.social_links { display: block; text-align: right; }

.views-field-field-contenuti-audio ol { list-style: none; }

.views-field-field-contenuti-audio li { display: inline; margin: 0 0.3em; }

.views-field-field-contenuti-audio .audio-download, .views-field-field-contenuti-audio .replica, .views-field-field-contenuti-audio .durata { display: none; }

.views-field-field-contenuti-audio li div { display: inline; }

.region-above-content .block img { max-width: 90%; }

/* I nomi delle trasmissioni appaiono in grassetto tra parentesi quadre */
.term-nome-trasmissione span, .term-nome-trasmissione a { font-weight: bold; }

.term-nome-trasmissione span::before, .term-nome-trasmissione a::before { content: "["; }

.term-nome-trasmissione span::after, .term-nome-trasmissione a::after { content: "]"; }

.region-banner-home #block-views-block-eventi-block-3 { display: none; text-align: center; }

.region-banner-home #block-views-block-eventi-block-3 .views-field-field-image img { max-height: 20em; width: auto; }

@media only screen and (max-width: 992px) { .region-banner-home .block.block-block-content img.banner-large, .region-banner-home .block.block-block-content picture.banner-large > * { width: 90%; } }

@media only screen and (min-width: 992px) { .region-banner-home .block.block-block-content img.banner-large, .region-banner-home .block.block-block-content picture.banner-large > * { width: 70%; } }

@media only screen and (min-width: 1500px) { .region-banner-home .block.block-block-content img.banner-large, .region-banner-home .block.block-block-content picture.banner-large > * { width: 50%; } }

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