/*
Theme Name: Telemolise Theme
Theme URI:
Author: Unidos S.R.L
Author URI: https://www.unidos.it
Description: Theme for official site of Telemolise
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: telemolisetheme

This theme, like WordPress, is licensed under the GPL.
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


@font-face {
    font-family: AmazonEmber;
    src: url('assets/fonts/amazon/AmazonEmber_Rg.ttf');
}

body{
  margin: 0;
  font-family: 'AmazonEmber';
}

.home-body{
margin: 0;
background-color: #19232E;
color: white;
}

.single-header{
  background-color: #19232E;
}
/*----------------------------
Header
----------------------------*/
.navbar{
  background-color: trasparent;
  z-index: 1;
}

.navbar-brand{
  padding: 15px;
}
.navbar-brand img{
  height: 55px;
}

.custom-button{
  background-color: trasparent !important;
}

/* Sidebar */
/* The side navigation menu */
.sidenav {
 height: 100%; /* 100% Full-height */
 width: 0; /* 0 width - change this with JavaScript */
 position: fixed; /* Stay in place */
 z-index: 2; /* Stay on top */
 top: 0; /* Stay at the top */
 left: 0;
 background-color: #000; /* Black*/
 overflow-x: hidden; /* Disable horizontal scroll */
 padding-top: 80px; /* Place content 60px from the top */
 transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.header-menu li{
    list-style-type: none !important;
}

.header-menu ul{
    list-style-type: none !important;
}

.sidenav a {
 padding: 8px 8px 8px 32px;
 text-decoration: none;
 font-size: 25px;
 color: #818181;
 display: block;
 transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
 color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
 position: absolute;
 top: 0;
 right: 25px;
 font-size: 36px;
 margin-left: 50px;
 z-index: 2;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
 transition: margin-left .5s;
 padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
 .sidenav {padding-top: 15px;}
 .sidenav a {font-size: 18px;}
}

.menu_icon{
  cursor: pointer;
}

.menu_icon div {
  width: 25px;
  height: 3px;
  margin: 6px 0;
  background-color: white;
  cursor: pointer;
}
.menu-icons{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-space-between;
}

.search_button{
  padding-top: 3px;
  margin-right: 25px;
  color: white;
  height: 25px;
}

/*----------------------------
Hero
----------------------------*/
.hero-direct{
  /*background-color: black;*/
  min-height: 50vh;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
  background-image: url('assets/images/sfondo.png');
  margin: 0;
  padding: 0;
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
  padding: 0;
}

.spacer-hero-direct{
  min-height: 38vh;
  width: 100%;
}

.content-hero{
  /*padding: 200px 50px;*/
  padding-top: 120px;
  padding-bottom: 20px;
  align-items: center;
  justify-content: center;
  margin: auto 0;
  min-height: 50vh
}

.content-hero h3{
  color: white;
  font-size: 60px;
  font-weight: bold;
}

.content-hero h5{
  color: white;
  font-size: 28px;
}

.content-hero .btn{
  margin-top: 15px;
  font-size: 22px;
  padding: 15px 55px;
}

/*----------------------------
First Section
----------------------------*/
.first_section{
      margin-top: 12vh;
}

.first_section img{
  text-align: center;
}

/*----------------------------
First Banner
----------------------------*/
.first_banner{
  margin: 10px 10px;
  text-align: center;
}

.first_banner img{
  text-align: center;
  width: 90vw;
}

/*----------------------------
Last News
----------------------------*/
.container-slider{
  margin: 0 50px;
}

.container-slider_title{
  color: white;
  font-weight: bold;
  font-size: 30px;
}

.container-slider .carousel_items{
  margin: 25px 0px;
}

.item img{
  width: 20vw;
}

.container-slider{
  color: white;
  /*width: 23vw;*/
}

.carousel_items .item h6{
  font-weight: 20px;
}


/*Carousel*/

.carousel-control-prev-icon{
  margin-left: -17vw;
}

.carousel-control-next-icon{
  margin-right: -13vw;
}

.slider_telemolise .slider_telemolise_item img{
  width: 15vw;
  height: 9vw;
}

.slider_telemolise .slider_telemolise_item a{
  color: white;
  text-decoration: none;
}


/*Second Banner*/
.second_banner{

  margin: 5vh auto;
  text-align: center;
}
.second_banner img{
  width: 60vw;
  text-align: center;
}

.carousel-item-title{
  margin-top: 10px;
  font-size: 25px;
}

/*TG SPort*/

#tgSportCarousel img{
  width: 17vw;
  height: 10vw;
}

 .slider_telemolise .slider_telemolise_item img{
  cursor: pointer;
}

.slider_telemolise .slider_telemolise_item .carousel-item-title{
  cursor: pointer;
}


/*Modal Boostrap Show Video*/
#video_show{
  background: transparent !important;
}
#video_show_content{
  background: transparent !important;
  min-height: 60vh !important;
  border: none !important;
}

#iframe_video{
  min-height: 70vh !important;
  min-width: 70vh !important;
}


/*Trasmissioni*/
.trasmissioni .immagini{
text-align: center;
}
.slick-slide img {
  display: block;
  width: 15vw;
}

/*Footer*/
.footer{
  color: white;
  text-align: center;
  padding: 100px;
  background-color: #19232E;
}

.footer img{
  width: 15vw;
}

.footer p{
  margin-top: 52px;
}



.banner_slider{

}



/*------------------------------------------

Mobile

-------------------------------------------*/

@media (max-width: 2000px) {
  .first_section {
    margin-top: 22vh;
}
}


/*------------MAX-width 1077px--------------*/
@media (max-width: 1500px) {
  .hero-direct{
    min-height: 20vh;
  }

  .spacer-hero-direct{
    min-height: 30vh;
    width: 100%;
  }

  .content-hero{
    margin-top: 50px;
    padding: 20px 50px ;
  }

  .content-hero h3{
    font-size: 44px;
  }
  .content-hero h5{
      font-size: 19px;
  }

  .content-hero .btn{
    margin-top: 15px;
    font-size: 17px;
    padding: 8px 35px;
  }

  .first_section {
    margin-top: 20vh;
}

.carousel-item img{
  width: 20vw;
}

.slider_telemolise .slider_telemolise_item img{
  width: 15vw;
}

.carousel-control-next-icon{
  margin-right: -18vw;
}

.container-slider_title{
  font-size: 19px;
}

.carousel-item-title{
  font-size: 17px;
}

.carousel-item-content{
  font-size: 13px;
}


.trasmissioni .immagini img{
  width: 18vw;
}

.slick-slide img {
  width: 19vw;
}
}

@media(max-width: 1035px){
  .hero-direct iframe{
    height: 400px!important;
  }

  .content-hero{
    margin-top: 30px;
    padding: 20px 20px ;
  }
}


@media(max-width: 991px){
  .slider_telemolise .slider_telemolise_item img{
    width: 22vw;
    height: 14vw !important;
  }
  .spacer-hero-direct{
    min-height: 25vh;
    width: 100%;
  }
}



/*------------MAX-width 907px--------------*/
@media (max-width: 907px) {
  .spacer-hero-direct{
    min-height: 40vh;
    width: 100%;
  }
  .hero-direct iframe{
    height: 400px!important;
  }

  .content-hero{
    margin-top: 30px;
    padding: 20px 20px ;
  }

  .first_section {
  margin-top: 5vh;
}

.first_section img{
  width: 20vw;
}

.container-slider_title{
  font-size: 17px;
}

.slider_telemolise .slider_telemolise_item {
  /* display: flex; */
  margin-bottom: 5px;
}

.slider_telemolise .slider_telemolise_item .slider_telemolise_item_content{
  margin-left: 5px;
}

.slider_telemolise .slider_telemolise_item img{
  width: 20vw;
  height: 13vw;
}

#banner_slider1 img{
  width: 27vw;
}
.trasmissioni .immagini img{
  width: 27vw;
}
}




/*------------MAX-width 728px--------------*/
@media (max-width: 750px) {
  .spacer-hero-direct{
    min-height: 40vh;
    width: 100%;
  }
  .content-hero{
    padding: 20px 10px;
  }

  .first_section {
    margin-top: 5vh;
}

.first_section img{
  width: 20vw;
}

.container-slider_title{
  font-size: 17px;
}
.content-hero h3{
  /* padding-top: 10vh; */
  font-size: 30px;
}

.container-slider_title{
  font-size: 20px
}

.container-slider{
  margin: 0;
padding-left: 10px;
}

.container-slider .top-content{
padding-left: 10px;
}

.slider_telemolise .slider_telemolise_item{
  display: flex;
  margin-bottom: 5px;
  margin-left: 15px;
}

.slider_telemolise .slider_telemolise_item .slider_telemolise_item_content{
  margin-left: 10px;
}
}

@media (max-width: 680px) {
  .content-hero{
    padding: 5px;
  }
  .spacer-hero-direct{
    min-height: 35vh;
    width: 100%;
  }
  .hero-direct iframe{
    height: 350px!important;
  }

  .trasmissioni .immagini img {
  width: 25vw;
}

.slider_telemolise .slider_telemolise_item img {
  width: 35vw;
  height: 20vw !important;
}
}

/*------------MAX-width 578px--------------*/
@media (max-width: 577px) {

  .hero-direct{
    min-height: 0px !important;
  }
  .hero-direct iframe{
    height: 250px!important;
    margin-top: 70px;
  }

  .content-hero h3{
    /* padding-top: 5vh; */
    font-size: 25px;
  }

  .spacer-hero-direct{
    min-height: 23vh;
    width: 100%;
  }

  .content-hero{
    padding: 0 !important;
    margin: 0 !important;
        min-height: 40vh;
  }

  .content-hero h5{
      font-size: 15px;
  }

  .header-menu ul li a{
    font-size: 17px
  }


  .first_banner {
    margin: 10px auto;
  }

.first_section .row{
  text-align: center;
  margin: 0 auto;
  justify-content: center !important;
}
  .first_section .row .col-sm-3{
    justify-content: center !important;
    text-align: center;
    width: inherit;
  }

  .slider_telemolise .slider_telemolise_item{
    display: flex;
    margin-bottom: 5px;
  }

  .slider_telemolise .slider_telemolise_item .slider_telemolise_item_content{
    margin-left: 10px;
  }

  .slider_telemolise .slider_telemolise_item img{
    width: 36vw;
    height: 20vw;
  }

  .container-slider{
    margin: 0;
  padding-left: 10px;
  }

  .container-slider .top-content{
    padding-left: 10px;
  }
}

/*------------MAX-width 578px--------------*/
@media (max-width: 560px) {
  .footer{
    padding: 30px;
  }

  .footer img{
    margin-top: 20px;
    width: 45vw;
  }

  .footer p{
    font-size: 10px;
  }

  .container-slider{
    margin: 0;
  padding-left: 10px;
  }

  .container-slider .top-content{
    padding-left: 10px;
  }

  #banner_slider1 img {
  width: 25vw !important;
}
}

@media(max-width: 434px){
  #banner_slider1 img {
  width: 22vw !important;
}

.hero-direct{
  min-height: 0px !important;
}
.hero-direct iframe{
  height: 200px!important;
  margin-top: 80px;
}


.spacer-hero-direct{
  min-height: 19vh;
  width: 100%;
}

.content-hero{
  padding: 0 !important;
  margin: 0 !important;
      min-height: 30vh;
}

.trasmissioni .immagini img {
  width: 22vw;
}
}


@media(max-width: 360px){
  .trasmissioni .immagini img {
    width: 23vw;
  }
  #banner_slider1 img {
  width: 23vw !important;
}
  .hero-direct{
    min-height: 0px !important;
  }
  .hero-direct iframe{
    height: 180px!important;
    margin-top: 80px !important;
  }


  .spacer-hero-direct{
    min-height: 22vh;
    width: 100%;
  }

  .content-hero{
    padding: 0 !important;
    margin: 0 !important;
        min-height: 32vh;
  }
}

/* @media(max-width: 360px){
  .trasmissioni .immagini img {
    width: 30vw !important;
    display: none !important;
  }
  #banner_slider1 img {
  width: 30vw !important;
} */
}