/*  Custom CSS for 
	Podcast Generator
*/

audio {
  -webkit-filter: brightness(40%) grayscale(1)  ;
  		  filter: brightness(40%) grayscale(1)  ;

  height: 30px;
  }
  
  audio::-webkit-media-controls {
    background-color: #606060;
    border-radius:3px;
}


html {
    background-attachment: fixed;
    background-clip: border-box;
    background-color: #111111;
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size:62.5%;
}

body { 
  color: #999999;
  background:url('../../../images-theme/bg.png') repeat scroll 0 0 transparent;
  font-family: 'Titillium Web', sans-serif;


}

h1, h2, h3, h4 { 
	color:#FFF;
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding-right:0;padding-left:0;}


.navbar-header {
	margin:0px;
}

.navbar-nav > li > a.navbar-link {
	padding: 15px 5px;
}

.navbar-brand {
	margin-top:25px;
	padding:0;
}

.nav > li > a {
    display: inline-block;
}

legend {
    color: #999;
}

.rsscol, .appbtn {
	display:none;
}

.rightbox {
	margin-top: 60px; 
}

.col-md-3 {
	display:none;
}

/* OLD GRID
.col-md-9 {
	float:none;
	margin-left:auto;
	margin-right:auto;
	display: -ms-grid;
	-ms-grid-columns:4fr 4fr;
	display: grid;
	grid-template-columns: 4fr 4fr;
}
*/

.col-md-9 {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
}

.col-md-6 { 
	width:100%;
}

.container-fluid {
	max-width:1024px;
	background-color: rgba(0,0,0,.6);
	padding:0;
}

.navbar-inverse {
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	padding-left:28px;

}

.row {
	margin-right:0;
	margin-left:0;
}


.episode_image {
	margin-bottom:10px;
	-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
    max-width:345px;
}

.episode_title {

	padding-bottom:0.2em;
	font-size: 22px;
}

.short-desc {
	width:90%;
}

.episode_date {
	font-size:14px;
	margin-top:5px;

}

/* OLD GRID
.episodebox {
	margin-bottom:40px;
	padding: 0 0 0 40px;
}
*/

.column {
    margin-bottom: 40px;
    padding: 0 0 0 40px;
    display: flex;
    flex-direction: column;
    flex: 0 50%;
}


.episodebox a:hover {
	text-decoration:none;
}

.episodebox p {
	color: #BBB;
	
}

.audioplayer,
.videoplayer {
	width: 95%;
}

.single .tracklist {
	display:none;
	
}


.buttons-bar, .twitter { 
	float:left;
	margin: 10px 0;
}

.twitter { 
	margin:10px 5px 0px 0px;
}

.fb_iframe_widget {float:left; margin:7px 0 0 5px;}



.episodebox.single {
	width:100%;
	
}


.episode.single .episode_image {height:auto;}


.jumbotron {padding: 30px !important;}

/* This sets the video height on the homepage */
.episodebox video {height:290px;}

/* This sets the video height on the podcast landing page */
.episode_info video {width: 40%; height: auto !important;}


.episodebox.single .episode_image {
	width:30%;
	margin: 0 25px 10px 0; 
}

.episode_image_link {background-color: transparent !important;}
.episode_image:hover { opacity: 0.4; }



.episodebox.single .episode_description {
	overflow:auto;
}

.pagination {
	margin-top:25px;
	width: 100%;
	text-align: center;
}

.pagination p {
	font-size: 18px;
	
}

.status_notification {
	z-index:0;
	color:#CCC;
	}
	
/* Category Title */ 
.categoryheader {flex: 0 0 100%; padding:0 40px 40px 40px;}
.categoryheader h3 {margin-top:0; font-size:24px;}

/* SINGLE EPISODE */


.episode.single {
    margin-bottom: 40px;
    padding: 0 30px 0 30px;
    display: flex;
    flex-direction: column;
    flex: 0 50%;
}

.episode_description {
	margin: 52px 0 0px 0;
	flex: 0 50%;
}

.episode.single .episode_image {
	width:100%;
	max-width:none;

}

.fullwidth {
	padding: 0 0 0 40px;
}

 
/* reviving the btn-inverse */
.btn-inverse {
  color: #ffffff;
  background-color: #777777;
  border-color: #777777;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
  color: #ffffff;
  background-color: #636363;
  border-color: #585858;
}
.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
  background-image: none;
}
.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
  background-color: #777777;
  border-color: #777777;
}

.nav-header {
	font-weight:bold;
}

#backstretch { background: url("http://www.lilloupdate.com/sfondo_sito/rotate.php") repeat-x scroll 0 0 transparent; }

/* ADMIN */

.admincolumn {
    margin-bottom: 40px;
    padding: 0 2% 0 3%;
    display: flex;
    flex-direction: column;
    flex: 0 50%;
}

.btn-large {max-width: 250px; margin:10px 0; }

.login label {margin-top:15px;}
.login .btn {width: 120px; margin: -2px 0 0 10px;}

.form-control {width: auto;}
#confirmdelete.btn {max-width:250px;}

#userfile {max-width:460px;}

 
/* MOBILE */
  
@media (min-device-width:320px) and (max-device-width:768px) {
	
	
	h1 {
	font-size:22px;
	}
    
	.navbar-brand {
	    margin-left: 5px;
		margin-top:23px;
		width:220px;
		overflow:hidden;
	}
	
	.navbar-toggle {
    margin-right: 5px;
	}
	
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    min-height: 500px;
    }
	
	.navbar-brand img {
	    width: 400px;
	}
	
	.navbar-inverse {
    padding-left: 10px;
    }
    
	.navbar-inverse .navbar-toggle {
    border-color: #000;
    }
   
    .navbar-nav .open .dropdown-menu {
    padding-bottom: 160px;
    }
    
    .container-fluid {
    background-color: rgba(0,0,0,.5);
	}
	
	.admin {
	display: none;
	}
	
	.jumbotron {
    padding: 10px 15px 25px 15px !important;
    }
    
	.jumbotron p {
    font-size:16px;
    }
    
    .col-md-9 {
	grid-template-columns:none;
	}
	
	
	.episodebox {
	margin-bottom: 20px;
	padding: 0 15px;
	}
	
	.episode_title {
	font-size: 20px;
	}
	
	
	.twitter, .facebook, #___plusone_0 { 
	margin:5px 10px 0 0;
	}
	
	.buttons-bar {
	margin: 0 0 15px 0;
	}
	
	.col-md-9 {
    display: block;
	}
	
	.episode_image {
	width:100%;
	max-width:none;
	}
	
	.episode.single {
    padding: 0;
    margin-bottom:0;
    }
	
	.episode_description {
    margin-top: 0;
    padding: 0px 15px 25px 15px;
    flex: auto;
    }
    
    .episode_description h3 {
    margin-top:0;
    }
    
    .audioplayer, .videoplayer {
    width: 100%;
	}
	
	.fullwidth {
    padding: 10px 15px 25px 15px;
	}
	
	.episode.single .episode_image {
    width: 100%;
    margin:0 0px 10px 0;
	}
	
	.short-desc {
	font-size: 14px;
	width: 100%;

	}
	
	.rsscol {
	padding: 0;
	}
	
	.rssbtn, .itunesbtn {
	display: none;
	}
	
	.appbtn	{
		display: inline;
	}

}