/* Dark Color generator: https://colorffy.com/dark-theme-generator?colors=660099-36393D */

/* COLOR */
:root {
	--black: 0, 0%, 27%; /*#444*/
	--white: 0, 0%, 100%; /*hsl(var(--white))*/
	
	--border: 0, 0%, 90%; /* #e6e6e6 */

	--grey: 0, 0%, 80%; /* #ccc */
	--grey-light: 0, 0%, 96%; /* #f5f5f5 */
	--grey-dark: 0, 0%, 45%; /* #737373 */

	/* SUCCESS */
	--green-h: 132; --green-s: 31%; --green-l: 50%; /* #59a869 */
	--green: var(--green-h), var(--green-s), var(--green-l);
	--green-light: var(--green-h), var(--green-s), calc(var(--green-l) * 1.9);
	
		
	/* MAIN */
	--blue-h: 207; --blue-s: 100%; --blue-l: 45%; /* #007ee5 */
	--blue: var(--blue-h), var(--blue-s), var(--blue-l);
	--blue-light: var(--blue-h), var(--blue-s), calc(var(--blue-l) * 2);
	
		
	/* WARNING */
	--yellow-h: 41; --yellow-s: 100%; --yellow-l: 46%; /* #eda200 */
	--yellow: var(--yellow-h), var(--yellow-s), var(--yellow-l);
	--yellow-light: var(--yellow-h), var(--yellow-s), calc(var(--yellow-l) * 1.9);
	
		
	/* ERROR */
	--red-h: 356; --red-s: 67%; --red-l: 56%; /* #e0525e */
	--red: var(--red-h), var(--red-s), var(--red-l);
	--red-light: var(--red-h), var(--red-s), calc(var(--red-l) * 1.65);

	--input: var(--white);
	--selection: #008eff;

	--fg-color: 0, 0%, 13%;
	--fg-color-extra: var(--fg-color);
	--bg-color: 0, 0%, 100%;
	--section: var(--bg-color);

	/* tcc-label */
	--pre-0000FF: #0066a6;
	--pre-008000: #008000;
	--pre-FF0000: #cc0000;
	--pre-FF00FF: #D00679;
	--pre-FF9900: #be5103;
	--pre-9146FF: #9146FF;
}

[data-theme="dark"] {
	--black: 0, 0%, 93%; /*#eee*/
	--white: 210, 11%, 15%; /*#23272b*/
	
	--border: 207, 11%, 31%; /* #475159 */

	--grey: 0, 0%, 40%; /* #666 */
	--grey-light: 206, 21%, 17%; /* #222d34 */
	--grey-dark: 206, 3%, 57%; /* #8E9295 */
	
	/* SUCCESS */
	--green-h: 132; --green-s: 67%; --green-l: 30%; /* #19802e */
	--green: var(--green-h), var(--green-s), var(--green-l);
	--green-light: var(--green-h), var(--green-s), calc(var(--green-l) / 2);
	
		
	/* MAIN */
	--blue-h: 207; --blue-s: 70%; --blue-l: 67%; /* #70b1e6 */
	--blue: var(--blue-h), var(--blue-s), var(--blue-l);
	--blue-light: var(--blue-h), var(--blue-s), calc(var(--blue-l) / 2);
	
		
	/* WARNING */
	--yellow-h: 41; --yellow-s: 100%; --yellow-l: 50%; /* #ffae00 */
	--yellow: var(--yellow-h), var(--yellow-s), var(--yellow-l);
	--yellow-light: var(--yellow-h), var(--yellow-s), calc(var(--yellow-l) / 2);
	
		
	/* ERROR */
	--red-h: 356; --red-s: 67%; --red-l: 55%; /* #d93f4a */
	--red: var(--red-h), var(--red-s), var(--red-l);
	--red-light: var(--red-h), var(--red-s), calc(var(--red-l) / 2);

	--input: var(--white);
	--selection: #4d85b3;

	--fg-color: 0, 0%, 93%;
	--bg-color: 214, 6%, 23%;
	--section: var(--fg-color);

	/* tcc-label */
	--pre-0000FF: #59bfff;
	--pre-008000: #7fff7f;
	--pre-FF0000: #FF4D4D;
	--pre-FF00FF: #F93EA8;
	--pre-FF9900: #fc8f41;
	--pre-9146FF: #AC75FF;
}

@font-face {
	font-family: 'Manrope';
	src: url(/template/default/font/Manrope.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Meow';
	src: url(/template/default/font/Meow.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* BASE */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
html { scrollbar-color: hsl(var(--grey)) hsl(var(--input)); }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,label,span,a,img { margin: 0; padding: 0; outline: none; stroke:none; }
body    { background-color: hsl(var(--white)); font-size: 1rem; color: hsl(var(--black)); font-family: 'Manrope', Arial, sans-serif; line-height: 1.5rem; word-break: break-word; }
table   { border-collapse: collapse; border-spacing: 0; font-size: inherit; color: inherit; }
img     { border: 0; }
a       { font-weight: 700; color: inherit; text-decoration: none; }
a > b { font-weight: inherit; }
a.normal, .normal a { font-weight: normal; }
hr      { box-sizing: content-box; height: 0; overflow: visible; margin-top: 0.8rem; margin-bottom: 0.8rem; border: 0; border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; border-top: 1px solid hsl(var(--grey-light)); }
::-moz-selection { background-color: var(--selection); color:hsl(var(--white)); text-shadow: none; } /* dichiarazioni uguali ma SEPARATE */
::selection { background-color: var(--selection); color:hsl(var(--white)); text-shadow: none; } /* dichiarazioni uguali ma SEPARATE */
:focus-visible { outline: 1px dotted #666; }

.color { color: hsl(var(--fg-color)); }

#main { background-color: hsl(var(--white)); padding-top: 1rem; padding-bottom:4rem; }
.inner { width: 1400px; padding:0 100px; margin: auto; }

#head { color: hsl(var(--fg-color)); z-index: 999; }
#head [class*=col-]:not(.logo) { padding:1rem 0; }
#head .logo { background-color: transparent; background-position: center center; background-repeat: no-repeat; display:block; padding:0 !important; background-size: contain; height: 80px; }
#head .logo a { display: block; width: 100%; height: 100%; }
#foot { background-color: hsl(var(--fg-color)); color: hsl(var(--white)); padding:4rem 0; z-index: 998; }

#foot .logo { background-color: hsl(var(--white)); background-position: center center; height: 40px; -webkit-mask-size: contain; mask-size: contain; }
#foot .trs { font-size: 5em; }

#head .inner > div { display: inline-block; vertical-align: middle; margin:auto 5px; }
#head .inner > div:nth-child(1) { width: 460px; margin-left:0px; }
#head .inner > div:nth-child(2) { width: calc(600px - 30px); }
#head .inner > div:nth-child(3) { width: 140px; }
#head .inner > div:nth-child(4) { width: 200px; margin-right:0px; }

#foot .inner > div { display: inline-block; vertical-align: top; margin:auto 10px; }
#foot .inner > div:first-child { width: 400px; margin-left:0px; }
#foot .inner > div:last-child { width: 200px; margin-right:0px; }

h1 { font-size: 1.7rem; line-height: 2rem; margin:0.8rem auto; }
h2 { font-size: 1.5rem; line-height: 1.6rem; margin:0.5rem auto; }
h3 { font-size: 1.2rem; line-height: 1.4rem; margin:0.3rem auto; }

.tcc-mobile      { display: none; }
.none { display: none; }
.block { display: block; }
.tcc-small       { font-size: 90% !important; }
.tcc-big         { font-size: 179.16666% !important; }
.tcc-nowrap      { white-space: nowrap; }
.tcc-note        { font-size: 0.9rem; color: hsl(var(--grey-dark)); font-weight: normal; }
.mright { margin-right: 1rem; }
.mleft  { margin-left: 1rem; }
.mtop { margin-top: 2rem; }
.mbottom  { margin-bottom: 2rem; }
.tcc-clear, .clear { clear: both; }

.tcc-font-mono   { font-family: Courier New, Courier, monospace; line-height: normal; vertical-align: text-bottom; }
.tcc-thumb       { border: 1px solid hsl(var(--grey)); padding: 1px; margin:0.4rem auto; }
.tcc-link        { cursor: pointer; }
.tcc-grab        { cursor: grab; }
.tcc-grab:active { cursor: grabbing; }
.tcc-search-box  { padding: 0.3rem 0.5rem; background: hsl(var(--grey-light)); color: hsl(var(--black)); border:1px solid hsl(var(--border)); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; margin-bottom: 1rem; }
.tcc-sez-title   { padding: 0.3rem 0.5rem; background: hsl(var(--grey-light)); color: hsl(var(--black)); font-weight:700; border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; margin-bottom: 1rem; }
.tcc-disabled, .tcc-disabled a, .tcc-disabled .tcc-color1 { color: hsl(var(--grey-dark)) !important; }

.sans-serif { font-family: Arial, sans-serif; }
.serif { font-family: "Georgia"; }
.meow { font-family: "Meow"; font-size: 2.5rem; line-height: 1em; }
.text-shadow { text-shadow: 0px 0px 6px rgba(0,0,0,0.6); }

/* LIST */ /* ul li::marker (cambia lo stile del pallicchio: dimensione, colore ecc...) */
ul.tcc-ul { list-style:disc; list-style-position:inside; display: block; margin: 0.5rem; }

/* DIV/IMG BORDER */
.tcc-border-radius { border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; }
.tcc-border-radius2, img.tcc-border-radius2, .tcc-border-radius2 img { border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; }
.tcc-border-circle, .tcc-border-circle img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

/* TEXT */
.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.center { text-align: center !important; margin-left:auto; margin-right:auto; }
.left   { text-align: left !important; margin-left:0px; margin-right:auto; }
.right  { text-align: right !important; margin-left:auto; margin-right:0px; }
.center.left, .center.right { display: inline-block; vertical-align: top; }
.justify { display: flex; justify-content: space-between; }
.bold   { font-weight: 700; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.tcc-msg { margin: 0 auto 1rem auto; padding: 0.8rem; }
.tcc-msg.ok { background-color: hsl(var(--green-light)); }
.tcc-msg.ko { background-color: hsl(var(--red-light)); }

/* TAG */
.tcc-tags      { display:inline-block; line-height: calc(100% - 0.3em); font-size:0.8rem; letter-spacing:-0.02rem; color:hsl(var(--black)); text-transform: uppercase; }
.tcc-tags > span { display:inline-block; background-color:hsl(var(--grey-light)); border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; margin: auto 0.2rem; padding: 2px 4px; }
.tcc-tags > span a, a .tcc-tags > span { font-weight: normal; }
.tcc-tags > span a:hover { -moz-opacity: .6; filter:alpha(opacity=60); opacity: .6; }

.ribbon { font-size: 0.75rem; line-height: 1em; padding: 0.5rem; position: absolute; right: 0; top: 0; /*transform: rotate(-10deg);*/ border-radius:15px; background-color: hsl(var(--fg-color)); color: hsl(var(--white)); }

/* TEXT CLAMP */
.line-clamp-1 { display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-2 { display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-5 { display: -webkit-box !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }

/* FORM */
.tcc-form      { margin-bottom:1em; }
.tcc-form div { position: relative; margin-bottom: 1.5em; }
.tcc-form label:not([for]):not([class^="ck"]):not([class^="tcc-switch"]) { display: block; margin-bottom: 0.5rem; font-weight: 700; }
.tcc-form label.flex-right { position:absolute; display:inline; right:0px; top:0px; text-align: right; }

input, textarea, select, select option, button, input[type='file'] + label { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline: none; stroke:none; }
input, textarea, select, select option, button, input[type='file'] + label { width: 99.99%; padding: 0.4rem 0.75rem; font-size: 1rem; line-height: 1.5rem; color: hsl(var(--black)); background-color: hsl(var(--input)); background-clip: padding-box; border:1px solid hsl(var(--border)); border-radius: 0.3rem; }
button:not([id^="accept-"]) { background-color: hsl(var(--grey-light)); color:hsl(var(--black)); }
select, select option { background-color: hsl(var(--white)) !important; color:hsl(var(--black)) !important; }
select::-ms-expand { display: none; }
.tcc-search-box input { width: 100%; }
textarea { padding:0.4rem; min-height: 150px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1rem; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; resize: vertical; }
button.hovered, input:focus, textarea:focus, select:focus, button:focus, input:active, textarea:active, select:active, button:active { border: 1px solid var(--selection); }
input[type="submit"],input[type="button"],input[type='file'] + label { background-color: hsl(var(--fg-color)) !important; margin:0.1rem !important; color: hsl(var(--white)); width: auto; text-align: center; white-space: nowrap; border:none; }
input[readonly], textarea[readonly] { color:hsla(var(--black), 0.5); }
input[disabled], input[disabled]:hover, button[disabled], button[disabled]:hover, button[disabled].hovered, button[disabled].hovered { background-color:hsl(var(--grey-light)) !important; color:hsla(var(--black), 0.3); cursor: auto; }
input[maxlength="1"], input[maxlength="2"], input[maxlength="4"], input[maxlength="5"], input[maxlength="6"], input[maxlength="7"], input[name="tccwan[]"] { text-align: center; padding: 0.4rem 0; }
input[maxlength="1"], input[maxlength="2"], input[name="tccwan[]"] { width: 2.4rem; }
input[maxlength="4"] { width: 4rem; }
input[maxlength="5"], input[maxlength="6"], input[maxlength="7"] { width: 6rem; }
input[type="radio"], input[type="checkbox"] { height: 0; line-height:0; width: auto; }
input[type="radio"]:hover, input[type="checkbox"]:hover, label[for]:hover { cursor: pointer; }
label[for] { margin-left: 0.6rem; }
input[type='checkbox'] ~ label[for], input[type='radio'] ~ label[for] { margin-left: 0 !important; }

select { border: 1px solid hsl(var(--grey)); background: linear-gradient(45deg, transparent 50%, hsl(var(--grey)) 50%), linear-gradient(135deg, hsl(var(--grey)) 50%, transparent 50%), linear-gradient(to right, hsl(var(--input)), hsl(var(--input)));
	background-position: calc(100% - 21px) calc(1rem + 2px), calc(100% - 16px) calc(1rem + 2px), 100% 0;
	background-size: 5px 5px, 5px 5px, 2.5rem 2.5rem; background-repeat: no-repeat; padding: 0.4rem 0.75rem; text-overflow: '';
}
select:disabled { opacity: .5; }
select option:disabled { color:hsl(var(--grey)); }
select option { outline-color: transparent; outline-style: none; line-height: 1rem; padding: 0.4rem 0.75rem; border-radius: 0.3rem; }
select:hover,select:focus { background-color: hsl(var(--input)); cursor: pointer; }

input[type='checkbox'], input[type='radio'] { position: absolute; z-index: -1; opacity: 0; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline: none; stroke:none; }
input[type='checkbox'] + label, input[type='radio'] + label { cursor: pointer; display: inline-flex; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
input[type='checkbox'] + label::before, input[type='radio'] + label::before { content: ''; display: inline-block; width: 1rem; height: 1rem; flex-shrink: 0; flex-grow: 0; border: 1px solid hsl(var(--grey-dark)); border-radius: 0.2rem; margin-right: 0.5rem; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; }
input[type='radio'] + label::before { border-radius: 100%; }
input[type='checkbox']:checked + label::before, input[type='radio']:checked + label::before { border-color: hsl(var(--grey-dark)); background-color: hsl(var(--grey-dark)); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }

input[type='checkbox']:disabled + label::before, input[type='radio']:disabled + label::before { border-color: hsl(var(--grey)); }
input[type='checkbox']:hover + label::before, input[type='radio']:hover + label::before { border-color: hsl(var(--blue)); }
input[type='checkbox']:disabled:hover + label::before, input[type='radio']:disabled:hover + label::before { border-color: hsl(var(--grey)); }

input[type='file'] { opacity: 0; display:none; filter: alpha(opacity=0); }

input[data-pwd='true'] { padding-right:2.35rem; }
input[data-pwd='true'] + .tcc-font-icon.eye, input[data-pwd='true'] + .tcc-font-icon.occult { margin-left:-1.75rem; vertical-align: middle; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active,
textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active,
select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active {
	-webkit-animation-name: autofill;
	-webkit-animation-fill-mode: both;
	-webkit-transition-delay: 9999s;
	-webkit-transition-property: background-color, color;
}

/* only OS X*/
::-webkit-validation-bubble { color: hsl(var(--black)); background-color: hsl(var(--white)); box-shadow: none; }
::-webkit-validation-bubble-arrow { background-color: hsl(var(--white)); box-shadow: none; }
::-webkit-validation-bubble-message { color: hsl(var(--black)); background-color: hsl(var(--white)); }

.tcc-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.tcc-paging { margin:1rem auto; font-size: 1rem; line-height: 1.5rem; color: hsl(var(--black)); }
.tcc-paging div { display: inline-block; padding: 0.4rem 0.75rem; background-color: hsl(var(--grey-light)); border-right:1px solid hsl(var(--grey)); }
.tcc-paging div:first-of-type { border-radius: 0.2rem 0 0 0.2rem; -webkit-border-radius: 0.2rem 0 0 0.2rem; -moz-border-radius: 0.2rem 0 0 0.2rem; border-left: 0; }
.tcc-paging div:last-of-type  { border-radius: 0 0.2rem 0.2rem 0; -webkit-border-radius: 0 0.2rem 0.2rem 0; -moz-border-radius: 0 0.2rem 0.2rem 0; border-right: 0; }
.tcc-paging div:only-of-type  { border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; border:0; }
.tcc-paging .pag { display: none; margin:auto 1rem; }
.tcc-paging .tcc-font-icon { text-transform: uppercase; font-size: 0.85rem; font-weight: 700; color: hsl(var(--black)); vertical-align: middle !important; }
.tcc-paging a { font-weight: normal; }
.tcc-paging a:hover { -moz-opacity:.60; filter:alpha(opacity=60); opacity:.60; }
.tcc-paging .tcc-disabled { background-color: hsl(var(--grey-light)); color: hsl(var(--grey-dark)); }
.tcc-paging .tcc-disabled .tcc-font-icon { color: hsl(var(--grey-dark)); }

.tcc-count span { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; }

.banner { width: 100%; text-align:center; margin-left:-15px; margin-right:-15px; }

/*.adv-margin:has(.adv-width-box):has(.placeholder:not(:empty)) { background-color: #fff; }*/
.adv-margin { margin:20px auto; text-align: center; }
.articolo * .adv-margin { margin: 20px auto; }
@media(min-width: 321px) { .adv-margin { margin: 20px auto; } }

.adv-width-box { width:auto; max-width: 360px; margin:20px auto; text-align: center; }
@media screen and (max-width: 335px) { .adv-width-box { max-width: 320px; } }
@media screen and (max-width: 361px) and (min-width: 336px) { .adv-width-box { max-width: 336px; } }
.adv-width-box.sticky-item { margin:auto; }

.sticky-container > .sticky-item { position: -webkit-sticky; position: sticky; top: 0; }

.placeholder:empty { background-color:hsl(var(--grey-light)); display: flex; align-items: center; justify-content: center; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; }
.placeholder:empty::before { content:"Pubblicità"; color:hsl(var(--grey)); text-transform:uppercase; }

.refreshFloat { z-index:999; position: fixed; font-size: 2.2rem; line-height: 2.5rem; width: 2.5rem; height: 2.5rem; bottom: calc(60px + 1rem); right: 1rem; background-color: hsl(var(--grey-light)); color: hsl(var(--grey-dark)); box-shadow: 2px 2px 3px hsl(var(--grey)); }

/* COLOR LIST NEWS */
/* BLU */
.pre-0000FF .tcc-label { background-color: var(--pre-0000FF); }
.pre-0000FF { color: var(--pre-0000FF); }

/* GREEN */
.pre-008000 .tcc-label { background-color: var(--pre-008000); }
.pre-008000 { color: var(--pre-008000); }

/* RED */
.pre-FF0000 .tcc-label { background-color: var(--pre-FF0000); }
.pre-FF0000 { color: var(--pre-FF0000); }

/* FUCHSIA */
.pre-FF00FF .tcc-label { background-color: var(--pre-FF00FF); }
.pre-FF00FF { color: var(--pre-FF00FF); }

/* ORANGE */
.pre-FF9900 .tcc-label { background-color: var(--pre-FF9900); }
.pre-FF9900 { color: var(--pre-FF9900); }

/* TWITCH */
.pre-9146FF .tcc-label { background-color: var(--pre-FF0000); }
.pre-9146FF { color:var(--pre-FF0000); }

.tcc-label { font-family: Arial, sans-serif; margin:0 0.2rem; padding:0 0.2rem; text-transform: uppercase; display: inline-block !important; line-height: normal; border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; background-color: hsl(var(--grey-dark)); color:hsl(var(--white)) !important; }

p { margin-bottom: 1rem; }

/* TCC FONT ICONS */ /* anche nel MOBILE */
@font-face {
  font-family: 'radio-font';
  src:  url('/template/default/font/tcc-radio.eot');
  src:  url('/template/default/font/tcc-radio.eot') format('embedded-opentype'),
    url('/template/default/font/tcc-radio.ttf') format('truetype'),
    url('/template/default/font/tcc-radio.woff') format('woff'),
    url('/template/default/font/tcc-radio.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

.tcc-font-icon { font-size:inherit; line-height: inherit; color: inherit; font-family: 'radio-font', Arial, sans-serif !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.tcc-font-icon { display: inline-block; vertical-align: bottom; }
.tcc-font-icon.mleft { margin-left: 0.2em; }
.tcc-font-icon.mright { margin-right: 0.2em; }
.tcc-font-icon.tcc-small { font-size:90%; }
.tcc-font-icon.tcc-big { font-size:120%; }

.tcc-font-icon.trs-rtn:before { content: "\e981"; }
.tcc-font-icon.dab:before { content: "\e94d"; }
.tcc-font-icon.trs-rfv:before { content: "\e94e"; }
.tcc-font-icon.trs-tmwradio:before { content: "\e951"; }
.tcc-font-icon.trs-rbn:before { content: "\e952"; }
.tcc-font-icon.shopping_bag:before { content: "\e982"; }
.tcc-font-icon.cart:before { content: "\e988"; }
.tcc-font-icon.dab-plus:before { content: "\e9b1"; }
.tcc-font-icon.tunein:before { content: "\e92f"; }
.tcc-font-icon.spotify:before { content: "\e930"; }
.tcc-font-icon.error:before { content: "\e931"; }
.tcc-font-icon.error_outline:before { content: "\e932"; }
.tcc-font-icon.warning:before { content: "\e933"; }
.tcc-font-icon.album:before { content: "\e934"; }
.tcc-font-icon.fast_forward:before { content: "\e935"; }
.tcc-font-icon.fast_rewind:before { content: "\e938"; }
.tcc-font-icon.games:before { content: "\e939"; }
.tcc-font-icon.loop:before { content: "\e93a"; }
.tcc-font-icon.mic:before { content: "\e93b"; }
.tcc-font-icon.movie:before { content: "\e93c"; }
.tcc-font-icon.library_books:before { content: "\e93f"; }
.tcc-font-icon.new_releases:before { content: "\e941"; }
.tcc-font-icon.pause1:before { content: "\e942"; }
.tcc-font-icon.play_arrow:before { content: "\e94f"; }
.tcc-font-icon.playlist_add:before { content: "\e953"; }
.tcc-font-icon.queue_music:before { content: "\e954"; }
.tcc-font-icon.recent_actors:before { content: "\e956"; }
.tcc-font-icon.replay:before { content: "\e957"; }
.tcc-font-icon.skip_next:before { content: "\e958"; }
.tcc-font-icon.skip_previous:before { content: "\e959"; }
.tcc-font-icon.video_library:before { content: "\e95b"; }
.tcc-font-icon.videocam:before { content: "\e95c"; }
.tcc-font-icon.volume_down:before { content: "\e95d"; }
.tcc-font-icon.volume_mute:before { content: "\e95e"; }
.tcc-font-icon.volume_off:before { content: "\e95f"; }
.tcc-font-icon.volume_up:before { content: "\e960"; }
.tcc-font-icon.hd:before { content: "\e961"; }
.tcc-font-icon.airplay:before { content: "\e962"; }
.tcc-font-icon.fiber_smart_record:before { content: "\e955"; }
.tcc-font-icon.music_video:before { content: "\e95a"; }
.tcc-font-icon.note:before { content: "\e963"; }
.tcc-font-icon.call:before { content: "\e964"; }
.tcc-font-icon.forum:before { content: "\e965"; }
.tcc-font-icon.message:before { content: "\e966"; }
.tcc-font-icon.chat_bubble:before { content: "\e967"; }
.tcc-font-icon.chat_bubble_outline:before { content: "\e968"; }
.tcc-font-icon.stay_current_portrait:before { content: "\e969"; }
.tcc-font-icon.textsms:before { content: "\e96a"; }
.tcc-font-icon.voicemail:before { content: "\e96b"; }
.tcc-font-icon.import_contacts:before { content: "\e96c"; }
.tcc-font-icon.mail_outline:before { content: "\e96d"; }
.tcc-font-icon.rss_feed:before { content: "\e96e"; }
.tcc-font-icon.alternate_email:before { content: "\e96f"; }
.tcc-font-icon.list_alt:before { content: "\e970"; }
.tcc-font-icon.lightbulb:before { content: "\e971"; }
.tcc-font-icon.add:before { content: "\e972"; }
.tcc-font-icon.add_box:before { content: "\e973"; }
.tcc-font-icon.add_circle:before { content: "\e974"; }
.tcc-font-icon.add_circle_outline:before { content: "\e975"; }
.tcc-font-icon.clear:before { content: "\e976"; }
.tcc-font-icon.create:before { content: "\e977"; }
.tcc-font-icon.drafts:before { content: "\e978"; }
.tcc-font-icon.flag:before { content: "\e979"; }
.tcc-font-icon.forward:before { content: "\e97a"; }
.tcc-font-icon.link:before { content: "\e97b"; }
.tcc-font-icon.remove:before { content: "\e97c"; }
.tcc-font-icon.remove_circle:before { content: "\e97d"; }
.tcc-font-icon.remove_circle_outline:before { content: "\e97e"; }
.tcc-font-icon.send:before { content: "\e97f"; }
.tcc-font-icon.outlined_flag:before { content: "\e980"; }
.tcc-font-icon.brightness_auto:before { content: "\e983"; }
.tcc-font-icon.brightness_high:before { content: "\e984"; }
.tcc-font-icon.brightness_low:before { content: "\e985"; }
.tcc-font-icon.brightness_medium:before { content: "\e986"; }
.tcc-font-icon.developer_mode:before { content: "\e987"; }
.tcc-font-icon.now_widgets:before { content: "\e989"; }
.tcc-font-icon.usb1:before { content: "\e98a"; }
.tcc-font-icon.wifi_tethering:before { content: "\e98b"; }
.tcc-font-icon.attach_file:before { content: "\e98c"; }
.tcc-font-icon.attachment:before { content: "\e98d"; }
.tcc-font-icon.cloud_download:before { content: "\e98e"; }
.tcc-font-icon.file_download:before { content: "\e98f"; }
.tcc-font-icon.folder:before { content: "\e990"; }
.tcc-font-icon.folder_open:before { content: "\e991"; }
.tcc-font-icon.cast:before { content: "\e992"; }
.tcc-font-icon.cast_connected:before { content: "\e993"; }
.tcc-font-icon.computer:before { content: "\e994"; }
.tcc-font-icon.headset:before { content: "\e995"; }
.tcc-font-icon.keyboard_arrow_down:before { content: "\e996"; }
.tcc-font-icon.keyboard_arrow_left:before { content: "\e997"; }
.tcc-font-icon.keyboard_arrow_right:before { content: "\e998"; }
.tcc-font-icon.keyboard_arrow_up:before { content: "\e999"; }
.tcc-font-icon.keyboard_voice:before { content: "\e99a"; }
.tcc-font-icon.laptop_chromebook:before { content: "\e99b"; }
.tcc-font-icon.phone_android:before { content: "\e99c"; }
.tcc-font-icon.security:before { content: "\e99d"; }
.tcc-font-icon.tv:before, .tcc-font-icon.apple-tv:before, .tcc-font-icon.android-tv:before { content: "\e99e"; }
.tcc-font-icon.devices_other:before { content: "\e99f"; }
.tcc-font-icon.assistant:before { content: "\e9a0"; }
.tcc-font-icon.audiotrack:before { content: "\e9a1"; }
.tcc-font-icon.brightness_2:before { content: "\e9a2"; }
.tcc-font-icon.brightness_4:before { content: "\e9a3"; }
.tcc-font-icon.camera_alt:before { content: "\e9a4"; }
.tcc-font-icon.collections:before { content: "\e9a5"; }
.tcc-font-icon.crop_original:before { content: "\e9a6"; }
.tcc-font-icon.panorama:before { content: "\e9a7"; }
.tcc-font-icon.picture_as_pdf:before { content: "\e9a8"; }
.tcc-font-icon.portrait:before { content: "\e9a9"; }
.tcc-font-icon.slideshow:before { content: "\e9aa"; }
.tcc-font-icon.wb_sunny:before { content: "\e9ab"; }
.tcc-font-icon.music_off:before { content: "\e9ac"; }
.tcc-font-icon.directions_car:before { content: "\e9ad"; }
.tcc-font-icon.pin_drop:before { content: "\e9ae"; }
.tcc-font-icon.arrow_drop_down:before { content: "\e9af"; }
.tcc-font-icon.arrow_drop_up:before { content: "\e9b0"; }
.tcc-font-icon.keyboard_control:before { content: "\e9b2"; }
.tcc-font-icon.more_vert:before { content: "\e9b3"; }
.tcc-font-icon.arrow_left:before { content: "\e9b4"; }
.tcc-font-icon.arrow_right:before { content: "\e9b5"; }
.tcc-font-icon.live_tv:before { content: "\e9b6"; }
.tcc-font-icon.ondemand_video:before { content: "\e9b7"; }
.tcc-font-icon.public:before { content: "\e9b8"; }
.tcc-font-icon.share1:before { content: "\e9b9"; }
.tcc-font-icon.thumb_down_alt:before { content: "\e9ba"; }
.tcc-font-icon.thumb_up_alt:before { content: "\e9bb"; }
.tcc-font-icon.star:before { content: "\e9bc"; }
.tcc-font-icon.star_outline:before { content: "\e9bd"; }
.tcc-font-icon.android1:before { content: "\e9be"; }
.tcc-font-icon.announcement:before { content: "\e9bf"; }
.tcc-font-icon.assignment:before { content: "\e9c0"; }
.tcc-font-icon.bookmark:before { content: "\e9c1"; }
.tcc-font-icon.bookmark_outline:before { content: "\e9c2"; }
.tcc-font-icon.bug_report:before { content: "\e9c3"; }
.tcc-font-icon.build:before { content: "\e9c4"; }
.tcc-font-icon.check_circle:before { content: "\e9c5"; }
.tcc-font-icon.dashboard:before { content: "\e9c6"; }
.tcc-font-icon.done:before { content: "\e9c7"; }
.tcc-font-icon.done_all:before { content: "\e9c8"; }
.tcc-font-icon.favorite:before { content: "\e9c9"; }
.tcc-font-icon.favorite_outline:before { content: "\e9ca"; }
.tcc-font-icon.history:before { content: "\e9cb"; }
.tcc-font-icon.home1:before { content: "\e9cc"; }
.tcc-font-icon.label:before { content: "\e9cd"; }
.tcc-font-icon.label_outline:before { content: "\e9ce"; }
.tcc-font-icon.settings_ethernet:before { content: "\e9cf"; }
.tcc-font-icon.settings_remote:before { content: "\e9d0"; }
.tcc-font-icon.shopping_basket:before { content: "\e9d1"; }
.tcc-font-icon.stars:before { content: "\e9d2"; }
.tcc-font-icon.swap_vert:before { content: "\e9d3"; }
.tcc-font-icon.help_outline:before { content: "\e9d4"; }
.tcc-font-icon.copyright:before { content: "\e9d5"; }
.tcc-font-icon.fingerprint:before { content: "\e9d6"; }
.tcc-font-icon.lightbulb_outline:before { content: "\e9d7"; }
.tcc-font-icon.touch_app:before { content: "\e9d8"; }
.tcc-font-icon.date_range:before { content: "\e9d9"; }
.tcc-font-icon.watch_later:before { content: "\e9da"; }
.tcc-font-icon.calendar_today:before { content: "\e9db"; }
.tcc-font-icon.label_important:before { content: "\e9dc"; }
.tcc-font-icon.label_important_outline:before { content: "\e9dd"; }
.tcc-font-icon.connected_tv:before { content: "\e9de"; }
.tcc-font-icon.recommend:before { content: "\e9df"; }
.tcc-font-icon.swipe:before { content: "\e9e0"; }
.tcc-font-icon.toggle_off:before { content: "\e9e1"; }
.tcc-font-icon.toggle_on:before { content: "\e9e2"; }
.tcc-font-icon.storefront:before { content: "\e9e3"; }
.tcc-font-icon.menu_book:before { content: "\e9e4"; }
.tcc-font-icon.people_alt:before { content: "\e9e5"; }
.tcc-font-icon.sports_soccer:before { content: "\e9e6"; }
.tcc-font-icon.contactless:before { content: "\e9e7"; }
.tcc-font-icon.campaign:before { content: "\e9e9"; }
.tcc-font-icon.east:before { content: "\e9ea"; }
.tcc-font-icon.history_toggle_off:before { content: "\e9ec"; }
.tcc-font-icon.mediation:before { content: "\e9ed"; }
.tcc-font-icon.north:before { content: "\e9ee"; }
.tcc-font-icon.north_east:before { content: "\e9ef"; }
.tcc-font-icon.north_west:before { content: "\e9f0"; }
.tcc-font-icon.south:before { content: "\e9f1"; }
.tcc-font-icon.south_east:before { content: "\e9f2"; }
.tcc-font-icon.south_west:before { content: "\e9f3"; }
.tcc-font-icon.west:before { content: "\e9f4"; }
.tcc-font-icon.facebook1:before { content: "\e9f5"; }
.tcc-font-icon.qr_code_2:before { content: "\e9f6"; }
.tcc-font-icon.access_time:before { content: "\e9f7"; }
.tcc-font-icon.query_builder:before { content: "\e9f7"; }
.tcc-font-icon.schedule:before { content: "\e9f7"; }
.tcc-font-icon.devices:before { content: "\e924"; }
.tcc-font-icon.stop:before { content: "\e91b"; }
.tcc-font-icon.pause_circle_outline:before { content: "\e91c"; }
.tcc-font-icon.pause_circle_filled:before { content: "\e91d"; }
.tcc-font-icon.pause:before { content: "\e91e"; }
.tcc-font-icon.play_circle_outline:before { content: "\e91f"; }
.tcc-font-icon.play_circle_filled:before { content: "\e920"; }
.tcc-font-icon.play:before { content: "\e921"; }
.tcc-font-icon.cookie:before { content: "\e90a"; }
.tcc-font-icon.privacy:before { content: "\e90b"; }
.tcc-font-icon.shop:before { content: "\e90c"; }
.tcc-font-icon.article:before { content: "\e90d"; }
.tcc-font-icon.people:before { content: "\e90f"; }
.tcc-font-icon.calendar:before { content: "\e910"; }
.tcc-font-icon.control:before { content: "\e911"; }
.tcc-font-icon.remote:before { content: "\e912"; }
.tcc-font-icon.apps:before { content: "\e914"; }
.tcc-font-icon.usb:before { content: "\e915"; }
.tcc-font-icon.bluetooth:before { content: "\e916"; }
.tcc-font-icon.live:before { content: "\e917"; }
.tcc-font-icon.car:before { content: "\e918"; }
.tcc-font-icon.widgets:before { content: "\e919"; }
.tcc-font-icon.twitterx:before, .tcc-font-icon.x:before { content: "\e909"; }
.tcc-font-icon.tiktok:before { content: "\e908"; }
.tcc-font-icon.telegram:before { content: "\e907"; }
.tcc-font-icon.google:before { content: "\e94c"; }
.tcc-font-icon.twitch:before { content: "\e94b"; }
.tcc-font-icon.spinner:before { content: "\e94a"; }
.tcc-font-icon.windows:before { content: "\e943"; }
.tcc-font-icon.apple:before { content: "\e944"; }
.tcc-font-icon.instagram:before { content: "\e945"; }
.tcc-font-icon.youtube:before { content: "\e946"; }
.tcc-font-icon.whatsapp:before { content: "\e947"; }
.tcc-font-icon.facebook:before { content: "\e900"; }
.tcc-font-icon.home:before { content: "\e901"; }
.tcc-font-icon.podcast:before { content: "\e902"; }
.tcc-font-icon.radio:before { content: "\e903"; }
.tcc-font-icon.speaker:before { content: "\e904"; }
.tcc-font-icon.telefono:before { content: "\e905"; }
.tcc-font-icon.mail:before { content: "\e906"; }
.tcc-font-icon.download:before { content: "\e950"; }
.tcc-font-icon.android:before { content: "\e948"; }
.tcc-font-icon.microphone:before { content: "\e949"; }
.tcc-font-icon.info:before { content: "\e940"; }
.tcc-font-icon.share:before { content: "\e93e"; }
.tcc-font-icon.mobile:before { content: "\e93d"; }
.tcc-font-icon.menu:before { content: "\e90e"; }
.tcc-font-icon.chat-text:before { content: "\e913"; }
.tcc-font-icon.arrow-up:before { content: "\e922"; }
.tcc-font-icon.arrow-down:before { content: "\e923"; }
.tcc-font-icon.video:before { content: "\e925"; }
.tcc-font-icon.desktop:before { content: "\e926"; }
.tcc-font-icon.photo:before { content: "\e927"; }
.tcc-font-icon.picture:before { content: "\e928"; }
.tcc-font-icon.volume-up:before { content: "\e929"; }
.tcc-font-icon.volume-mute:before { content: "\e92a"; }
.tcc-font-icon.volume-down:before { content: "\e92b"; }
.tcc-font-icon.next:before { content: "\e92c"; }
.tcc-font-icon.prev:before { content: "\e92d"; }
.tcc-font-icon.search:before { content: "\e92e"; }
.tcc-font-icon.refresh:before { content: "\e936"; }
.tcc-font-icon.notifications:before { content: "\e937"; }
.tcc-font-icon.alexa:before { content: "\e91a"; }


.tcc-font-icon.ballon { font-size: 4rem; line-height: 1em; margin: auto 1rem auto 0.5rem; color: hsl(var(--fg-color)); display: inline-block; vertical-align: middle; }
.tcc-font-icon.ballon + .title { display: inline-block; vertical-align: middle; }

.box2 > div, .box3 > div, .box4 > div, .box5 > div { display: inline-block; vertical-align: top; margin:1rem; padding: 1rem; }
.box2 > div { width: calc(50% - 2rem - 2rem); }
.box3 > div { width: calc(33% - 2rem - 2rem); }
.box4 > div { width: calc(25% - 2rem - 2rem); }
.box5 > div { width: calc(20% - 2rem - 2rem); }

.box2 > div img { width:auto; max-width: 100%; }

#head .social .tcc-font-icon { font-size: 1.4rem; line-height: 1em; color:hsl(var(--fg-color)); margin:auto 0.4rem; }
#head .social .tcc-font-icon:hover { opacity: 75%; }

#head .menu ul { list-style: none; padding: 0; margin: 0; }
#head .menu ul li { position: relative; display: inline-block; z-index: 999; }
#head .menu ul li > a, #head .menu ul li > span { color: hsl(var(--black)); text-decoration: none; margin: 10px 5px; padding-bottom:7px; display: block; width: 120px; }
#head .menu ul li .submenu { display: none; position: absolute; z-index: 999; top: 86%; left: 0; background-color: hsl(var(--white)); border:1px solid rgba(0,0,0,0.1); -webkit-box-shadow: 2px 5px 5px 2px rgba(0,0,0,0.2); box-shadow: 2px 5px 5px 2px rgba(0,0,0,0.2); }
#head .menu ul li .submenu li { display: block; }
#head .menu ul li:hover .submenu { display: block; }
#head .menu ul li .submenu li a:hover { color: hsl(var(--fg-color)); }

.nav { font-size: 0.9rem; }
.nav a.sel { color: hsl(var(--fg-color-extra)); }

#foot { font-size: 0.85rem; }
#foot [class*=col-] { padding: 0 3rem; }
#foot .sez { font-size:0.9rem; padding-bottom:0.4rem; margin-bottom:0.6rem; border-bottom:2px solid hsl(var(--white)); }
#foot .social .tcc-font-icon { font-size: 1.4rem; margin:auto 6px; }

#main .intro { position: relative; color:hsl(var(--white)); background: url(/template/default/img/bg.jpg) no-repeat transparent center center; background-size: cover; width: 100%; height: 40rem; background-color: rgba(255,255,255, 0.2); background-blend-mode: lighten; }
#main .intro.mini { height: 20rem; }
#main .intro .decoration { position: absolute; background: url(/template/default/img/bgTop.svg) no-repeat transparent left bottom; width: 100%; height: 40rem; /*filter: brightness(0.5) sepia(1) hue-rotate(-70deg) saturate(5);*/ }
#main .intro .in .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#main .intro.mobile { background-image: url(/template/default/img/bgMobile.jpg); background-color: transparent; background-blend-mode: normal; }
#main .intro.speaker { background-image: url(/template/default/img/bgSpeaker.jpg); background-color: transparent; background-blend-mode: normal; }
#main .intro.news { background-image: url(/template/default/img/bgNews.jpg); background-color: transparent; background-blend-mode: normal; }

.inner .title { font-size: 2.5rem; line-height: 3rem; }
.inner .cnt { width: 60%; }

#main .post { margin-top: 8rem; padding:8rem 0 4rem 0; background-color: hsl(var(--fg-color)); }
#main .post .inner > div { background-color: hsl(var(--white)); color:hsl(var(--black)); min-height:14rem; height: auto; }
#main .post .inner > div:nth-child(2), #main .post .inner > div:nth-child(5) { margin-top:-3rem; }
#main .post .inner > div > a { display: block; width: 100%; height: 100%; }
#main .post .inner > div .spot .tcc-font-icon { font-size: 6rem; line-height: 1em; }

#main .post .inner.newsticker { line-height: 1.4em; margin-top: 0.5rem; margin-bottom: 0.5rem; }

#main .inner .news > div { display: inline-block; vertical-align: top; padding:1rem; margin:1rem; width: calc(25% - 2rem - 2rem); }
#main .inner .news img { width: 100%; margin-bottom:0.5rem; }
#main .inner .news a:hover { color:hsl(var(--fg-color)); }
#main .inner .news .tcc-small { font-size:80% !important; margin-top:0.5rem; margin-bottom:0.5rem; }

a .button, a.button, .button a { font-weight: normal; }
.button { background-color: hsl(var(--fg-color)); border: none; color: hsl(var(--white)); padding: 0.8rem 1.5rem; display: inline-block; margin: 0.8rem; text-shadow: 0px 0px 3px rgba(255,255,255,0.6); transition: all 0.5s; }
.button .tcc-font-icon { display: inline-block; position: relative; transition: 0.3s; font-size: 2rem; vertical-align: baseline; }
.button .tcc-font-icon:before { position: absolute; opacity: 0; top: -18px; left: -20px; transition: 0.3s; }
.button:hover { cursor: pointer; }
.button:hover .tcc-font-icon { padding-right: 25px; }
.button:hover .tcc-font-icon:before { opacity: 1; right: 0; }

.hover-underline-animation { display: inline-block; position: relative; }
.hover-underline-animation::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: hsla(var(--fg-color), 50%); transform-origin: bottom right; transition: transform 0.25s ease-out; }
.hover-underline-animation:hover::after { transform: scaleX(1); transform-origin: bottom left; }
.hover-underline-animation.left::after { transform-origin: bottom right; }
.hover-underline-animation.left:hover::after { transform-origin: bottom left; }
.hover-underline-animation.center::after { transform-origin: bottom center; }
.hover-underline-animation.center:hover::after { transform-origin: bottom center; }
.hover-underline-animation.right::after { transform-origin: bottom left; }
.hover-underline-animation.right:hover::after { transform-origin: bottom right; }

#foot .hover-underline-animation::after, #main .intro .hover-underline-animation::after { background-color: hsla(var(--white), 50%); }

#main .ondemand > div, #main .ondemand .info > div { display: inline-block; width: calc(50% - 2rem); vertical-align: top; position: relative; margin:auto 1rem; }
#main .ondemand > div.img { position: relative; }
#main .ondemand > div img { width: 100%; }
#main .ondemand > div.img .nextdesc { position: absolute; bottom:-14px; right:-14px; background-color: hsl(var(--fg-color)); color:hsl(var(--white)); padding:1rem; margin:auto 5px; width: calc(50% - 5px - 2rem); border-bottom-right-radius: 1rem; border-top:8px solid hsl(var(--white)); border-left:8px solid hsl(var(--white)); z-index:998; }
#main .ondemand > div.img .next img { position: absolute; width: 80px; right:0; bottom:0; z-index:999; }
#main .ondemand .title { margin-right:5rem; }

#main .ondemand.conduttori > div:first-child { width: calc(20% - 2rem); }
#main .ondemand.conduttori > div:last-child { width: calc(80% - 2rem); }
#main .ondemand.conduttori > div.img .nextdesc { right:-1.5rem; width: calc(90% - 5px - 2rem); }

#main .ondemand > div.thumb2 { width: calc(260px + 2rem); }
#main .ondemand > div.thumb2.img .nextdesc { width: calc(80% - 5px - 2rem); }

#main .channel > div { display: inline-block; vertical-align: top; margin:auto 5px; width: calc(25% - 10px); color: hsl(var(--fg-color)); }
#main .channel .tcc-font-icon { display: block; font-size: 3.4rem; line-height: 1em; }

#main .news .img { float: left; width: 570px; margin:auto 2rem 1rem auto; }
#main .news .img .tcc-small { margin-top: 0.5rem; }

.inner.palinsesto, .inner.tutorial { width: 800px; }
#main .palinsesto .img, #main .podcast .img, #main .tutorial .img { float: left; width: 100px; height: 100px; overflow: hidden; margin:auto 1.4rem 0.5rem auto; }
#main .palinsesto > div, #main .tutorial > div { padding:1rem; }
#main .palinsesto .diretta { background-color: hsl(var(--fg-color)); color:hsl(var(--white)); }
#main .palinsesto .diretta .color, #main .palinsesto .diretta a { color:hsl(var(--white)); }

#main .tutorial .img { width: auto; height: auto; }

#main .conduttorilist { display: inline-block; vertical-align: top; }

.boxradio { display: inline-block; width: 328px; padding:4px; background-color: hsl(var(--fg-color)); }
.boxradio .flowplayer.is-audio-only { max-width: 320px; }
.boxradio .flowplayer.fp-playful .fp-controls { background-color: hsl(var(--fg-color)); }
.boxradio .flowplayer.fp-playful .fp-color, .flowplayer.fp-playful .fp-color-play { background-color: hsl(var(--bg-color)); fill: hsl(var(--bg-color)); }
.boxradio .flowplayer.is-audio-only.is-small, .boxradio .flowplayer.is-audio-only.is-tiny { font-size: 16px; }

#main .search { background-color: #eee; padding:0.5rem; }
#main .search form[name="searchform"] > div { display: inline-block; vertical-align: middle; margin:auto 0.5rem; }
#main .search form[name="searchform"] input { width: auto; }