/* Base Style */
@font-face {
	font-family: 'Segoe UI Black';
	src: url('/stylesheets/fonts/seguibl.eot');
	src: local('Segoe UI Black'), url('/stylesheets/fonts/seguibl.woff') format('woff'), url('/stylesheets/fonts/seguibl.ttf') format('truetype');
}
@font-face {
font-family: 'Segoe UI Regular';
font-style: normal;
font-weight: normal;
src: local('Segoe UI Regular'), url('/stylesheets/fonts/Segoe UI.woff') format('woff');
}


body {
	color:#000; font-family: 'Segoe UI Regular', sans-serif; font-size: 16px; line-height:1.3em; box-sizing:border-box;
}

h1, h2, h3, h4, h5 { color: #000; }

/* BOOTSTRAP HACK */

.big_title { font-family:'Segoe UI Black'; font-size:37px }
.mid_title { font-family:'Segoe UI Black'; font-size:30px }
.small_title { font-family:'Segoe UI Black'; font-size:24px }
.big_text { font-family:'Segoe UI Black'; font-size:19px; line-height: 1.4em }
.mid_text { font-size:18px; line-height: 1.4em }
.small_text { font-size: 13px; line-height: 1.2em }
.very_small_text { font-size: 0.7em; line-height: 1.2em }
.strong, strong { font-weight:bold; }
.text-700 { font-family: 'Segoe UI Black';}

@media (max-width: 980px) {
	.big_title { font-family:'Segoe UI Black'; font-size:36px }
	.mid_title { font-family:'Segoe UI Black'; font-size:25px }
	.big_text { font-family:'Segoe UI Black'; font-size:20px }
	.mid_text { font-size:18px }
	.small_text { font-size: 14px; line-height: 1.2em }
	.very_small_text { font-size: 12px; line-height: 1.2em }
}

.button { padding: 18px 28px; background:#00903F; color: #FFF; display: inline-block; }

a:link, a:visited { color: #333; text-decoration: none }
a:hover, a.active { color: #000 }
a.linkblue:hover { color: #003A85 }

.color { color: #00903F }
.bg_color { background-color: #00903F }

.blue { color: #003A85 }

.bg-primary { background-color: #0083D7 }
.text-primary { color: #0083D7 }

.padding-0{
    padding-right:0;
    padding-left:0;
}
.padding-small{
    padding-right:10px;
    padding-left:10px;
}

/* End Base Style */


/* HEADER */

#header { background-color: #FFF }
#banner_top_desktop, #banner_top_mobile { max-width: 1140px; margin: 0 auto }
#header { max-width: 1140px; margin: 0 auto }
#header_bar { background-image: linear-gradient(to right, #01AF6A, #01AF6A, #008A3F); position: relative; z-index: 1000 }
#header__content {  background-color: #FBFBFB; max-height: 117px; margin-bottom: 30px }

#logo { position: relative; z-index: 100; }
#logo img { max-width: 200px; margin-bottom: -23px }

.hamburger { display: none; }
.menu { width: 100%; display: flex; justify-content:space-around; }
.menu ul { padding-top: 30px;  }
.menu li { display: inline-block }
.menu li:last-child { border: none; }
.menu a:link, .menu a:visited { color: #333; font-size: 1em }
.menu a:hover { color: #000 }

.icon_dropdown { transition: all 1s ease-out; }
.icon_dropdown--open {
	transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) skew(0deg, 0deg); transform-style: preserve-3d;
}

@media (max-width: 980px) {


	#header__content { margin: 0 }

	#logo { padding-top: 10px }
	#logo img { max-width: 150px; margin-left: 0px }

	.hamburger {
		display: block;
		z-index: 1;
		padding-right: 10px;
		margin-top: -20px
	}

	.menu { display: none }
    #menu_mobile {
		background-color:#000;
		text-align: right;
		padding-bottom: 20px
	}

	.menu--open { opacity: 1; z-index: 15000; }


	#menu_mobile ul { padding: 0; padding-top: 30px; padding-right: 15px }
    #menu_mobile li { padding: 0;  display: block; border-right: 0; font-size: 1.3em; line-height: 25px}

	#menu_mobile a:link, #menu_mobile a:visited { color: #eee; line-height: 30px}
	#menu_mobile a:hover { color: #FFF }

	.menu_telephone {
		display: block;
		font-weight: 400;
		padding-right: 10px;
		font-weight: 400; font-size: 17px;
		color: white;
	}
	.menu_telephone p { padding-bottom: 10px }

    .social_top {
		display: block;
		font-weight: 400; font-size: 22px;
		background-color: #00903F;
		line-height: 40px;
		padding-right: 20px; padding-top: 0;
		margin: 0px 0 25px 0;
		margin-right: 10px;
	}

}


/* END HEADER */

#container { background-color: #FFF; max-width: 100%; }
.contents { max-width: 1500px; margin: 0 auto }
@media (max-width: 980px) {
	.contents { max-width: 100%; margin: 0; padding: 0 }
}

#news_container { position: relative }
#banner_container { position: absolute; top: 0; right: 0 }

#news_slider_mobile { display: none }
#news_slider_desktop { display: block }
#tbsport_slider_mobile { display: none }
#tbsport_slider_desktop { display: block }
@media (max-width: 980px) {
	#news_slider_mobile { display: block }
	#news_slider_desktop { display: none }
	#tbsport_slider_mobile { display: block }
	#tbsport_slider_desktop { display: none }
}

.vjs-poster { background-color:#FFF !important}

#video_desktop {
	margin:0 auto;
}
#video_notizia {
	margin:0 auto;
}

#video {
	width: 50%; max-width: 50%; position: relative; display: inline-block; margin-bottom: 30px; top:0; z-index: 99;
}
#video * { max-width: 100% }
#video_programma {
	width: 70%; position: relative; display: inline-block; margin-bottom: 30px; top:0; z-index: 99;
}


#video_text {
	max-width: 40%; display: inline-block; vertical-align: top; padding-left: 20px;  padding-bottom: 20px
}

.cover_container { position: relative }
.cover_container_home { position: relative; max-height: 350px; overflow: hidden; }

.video { position: relative; overflow: hidden; display: inline-block;}
.video img { width: 100%; display: block; }
.video_icon { position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px }
.video_icon img { width: 50px !important }
.video_icon_small { position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px }
.video_icon_small img { width: 30px !important }

.video_icon_medium { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px }
.video_icon_medium img { width: 40px !important }

.video_icon i { color: #FFF; opacity: 0.8; font-size: 4em; transition: all 0.5s ease-out; }
.video:hover .video_icon i { opacity: 1 }

.cover { position: absolute; top: 0; left: -5px; right: -5px }

.video_container { position: relative; }

.video_footer { position: absolute; bottom: 0; width: 100%; font-size: small }

.banner_rubrica_close { position: absolute; top: 20px; right: 20px; z-index: 1000}
.banner_programma_close { position: absolute; top: 20px; right: 20px; z-index: 1000}
.banner_speciale_close { position: absolute; top: 20px; right: 20px; z-index: 1000}


.fotografia_container { width: 100%; text-align: center; }
.fotografia_container img { max-width: 100%; max-height: 500px; margin: 0 auto}

#primo_piano {
  position: relative;
  z-index: 1;
  min-height: 500px;
  background-color: #000;
  margin-top: -30px;
  padding: 50px;
}

#primo_piano::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
   /*opacity: .8;*/
  z-index: -1;
}

#primo_piano_bottom { position:absolute; bottom:40px; width:100% }

#primo_piano_mobile { display: none; }

.banner_rubriche {
  position: relative;
  z-index: 1;
  background-color: #000;
  max-height: 500px;
}
.banner_programmi {
  position: relative;
  z-index: 1;
  background-color: #000;
  max-height: 500px;
}
.banner_speciali {
  position: relative;
  z-index: 1;
  background-color: #000;
  max-height: 500px;
}

.banner_programma::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: -1;
}

.banner_programma_specifico {
    position: absolute;
    width: 100%;
    height: 100%;
}

.banner_programma_specifico::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: -1;
}


@media (max-width: 980px) {

	#video {
		min-width: 100%; display: inline-block; margin-bottom: 30px; top:0; text-align: center; z-index: 99
	}
	#video_programma {
		min-width: 100%; display: inline-block; margin-bottom: 30px; top:0; text-align: center; z-index: 99
	}
	#video_text {
		max-width: 100%; display: inline-block; vertical-align: top; padding-left: 20px; padding-right: 20px;  padding-bottom: 20px
	}

	#banner_container { display: none; }

	#primo_piano::before {
      display: none;
    }

    #primo_piano {
      position: relative;
      z-index: 1;
      min-height: auto;
      background: none;
      margin-top: -100px;
      padding:15px;
    }

    #primo_piano_mobile {
        height:300px;
        position: relative;
		display: block;
    }

	#primo_piano_bottom { position:relative; bottom:auto; width:auto; }
}

@media (max-width: 640px) {

	/*
	#video, #video_programma {
		max-width: 100%; display: block; position: sticky; top: 0; z-index: 99; background-color: #FFF;
		border-left-width: 0;

	}
	*/

	.video_sticky {
		max-width: 100% !important; display: block !important; position: sticky !important; top: 0 !important; z-index: 99 !important; background-color: #FFF !important;
		border-left-width: 0 !important;
		/*border-bottom: 20px solid #FFF;
		border-left-width: 0;
		border-right-width: 0;
		border-image: linear-gradient(to bottom right, rgba(255,255,255, 0.99), rgba(255,255,255,0.8)) 1;
		margin-bottom: -5px
		*/
	}
	.video_nosticky { max-width: auto; display: inline-block; position: relative; top: auto; }

	/*
	#video_text {
		max-width: 100%; display: block;
	}
	*/

	.video_text_sticky {
		max-width: 100%; display: block;
	}
	.video_text_nosticky {
		max-width: auto; display: inline-block;
	}

	.video_icon { position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px }
	.video_icon img { width: 50px }

	.video_icon_small {  }
	.video_icon_small img { width: 30px !important }

	#tbsport_slider_mobile .video_icon_small img { width: 30px !important }
	#tbsport_slider_mobile .video_icon_small { position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px }

	.video_icon_medium { position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px }
	.video_icon_medium img { width: 30px !important }

	#tbsport_slider_mobile .video_icon_medium img { width: 30px !important }
	#tbsport_slider_mobile .video_icon_medium { position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px }
	.video_footer { position: relative; padding-top: 10px }
}

#app-image { background-color: #eee;   }

@media (min-width: 980px) {
	#app {
		margin-top: -30px; z-index: 1; padding-top: 20px;
		background: #eee url('/images/app.jpg') top left no-repeat; background-size: contain;
	}
	#app-image { display: none; }
}



#footer { padding: 40px }
#footer .social a:link, .social a:visited { color: #00903F; font-size: 1.2em }
#footer .social a:hover { color: green; text-decoration: none; }
.credits a:link, .credits a:visited { color: #333 }
.credits a:hover { color: #DC0067; text-decoration: none; }
#footer_menu li { display: block; line-height: 35px; background-color: #F1F1F1; padding: 0 15px 0 15px; margin-bottom: 4px; font-size: 0.9em }
#footer_menu a:hover,. #footer_menu a.active { background-color: #FFF }

/* BANNER */
.banner_mobile_midpage { display: none; }
@media (max-width: 768px) {
	.banner_mobile_midpage { display: block; }
	.banner_desktop { display: none; }
}


/* CAROUSEL */

@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}


@media (min-width: 768px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(33.333%);
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
      transform: translateX(-33.333%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{
  transform: translateX(0);
}
.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
    filter: invert(100%);
}
.carousel-control-prev { margin-left: -8px; margin-top: -60px }
.carousel-control-next { margin-right: -8px; margin-top: -60px }
#news_slider_desktop .carousel-control-prev { margin-left: -8px; margin-top: 0px }
#news_slider_desktop .carousel-control-next { margin-left: -8px; margin-top: 0px }

@media (max-width: 768px) {
	.carousel-control-prev { margin-top: -50px }
	.carousel-control-next { margin-top: -50px }
}