/*
Theme Name:     Exibart  Child theme
Theme URI: 		http://infmedia.it
Description:    Exibart theme 
Author:         tagDiv
Author URI: 	http://infmedia.it
Template:       Newspaper
Version:        7.7c
*/

.box-name a {
	color:#FFF;
}

#outerWrap {
position: relative;
z-index: 0;
background-color: #FFF;
width: 100%;
height:500px;
}

#outerWrap-episodi {
position: relative;
z-index: 0;
background-color: #FFF;
width: 100%;
height:110px;
margin-bottom: 10px;
}

a.layer2-title {
    font-size: 25px;
    line-height: 70px;
	font-weight: bold;
}

ul.exibart-podcast-ticker {
    height: 75px;
    overflow: hidden;
}
 
#boxred {
position: absolute;
z-index: 1;
background-color: #000;
height: 390px;
top: 40px;
left: 200px;
right: 0px;
border: none;
}

#layer1 {
position: absolute;
z-index: 2;
background-color: #FFF;
height: 80px;
min-width: 250px; 
top: 80px;
left: 50px;
right: 210px;
border: 3px solid black;
}

#layer1-episodi {
position: absolute;
z-index: 2;
background-color: #FFF;
height: 80px;
top: 0px;
min-width: 250px; 
left: 50px;
right: 210px;
border: 3px solid black;
}

 

#layer2 {
position: absolute;
text-align:center;
z-index: 3;
background-color: #FFF;
height: 80px;
top: 90px;
left: 30px;
right: 220px;
border: 3px solid black;
min-width: 250px;
}

#layer2-episodi {
position: absolute;
text-align:center;
z-index: 3;
background-color: #FFF;
height: 80px;
top: 10px;
left: 30px;
right: 220px;
border: 3px solid black;
min-width: 250px;
}



#layer3 {
position: absolute;
z-index: 2;
background-color: #FFF;

height: 80px;
min-width: 250px; 
top: 190px;
left: 100px;
right: 130px;
border: 3px solid black;
}

#layer3-episodi {
position: absolute;
z-index: 2;
background-color: #FFF;
height: 80px;
min-width: 250px; 
top: 0px;
left: 100px;
right: 130px;
border: 3px solid black;
}


#layer4 {
position: absolute;
text-align:center;
z-index: 3;
background-color: #FFF;
height: 80px;
top: 200px;
left: 80px;
right: 140px;
border: 3px solid black;
min-width: 250px;
}

#layer4-episodi {
position: absolute;
text-align:center;
z-index: 3;
background-color: #FFF;
height: 80px;
top: 10px;
left: 80px;
right: 140px;
border: 3px solid black;
min-width: 250px;
}


#layer5 {
position: absolute;
z-index: 2;
background-color: #FFF;

height: 80px;
min-width: 250px; 
top: 300px;
left: 20px;
right: 250px;
border: 3px solid black;
}

#layer5-episodi {
position: absolute;
z-index: 2;
background-color: #FFF;

height: 80px;
min-width: 250px; 
top: 0px;
left: 20px;
right: 250px;
border: 3px solid black;
}


#layer6 {
position: absolute;
text-align:center;
z-index: 3;
background-color: #FFF;
height: 80px;
top: 310px;
left: 0px;
right: 260px;
border: 3px solid black;
min-width: 250px;
}

#layer6-episodi {
position: absolute;
text-align:center;
z-index: 3;
background-color: #FFF;
height: 80px;
top: 10px;
left: 0px;
right: 260px;
border: 3px solid black;
min-width: 250px;
}


.layer2-episodi-title {
	line-height: 40px;
	position: relative;
	bottom: 12px;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;  
	padding-left:15px;
	padding-right:15px;
}	


.entry-title .td-page-title{
	position: absolute;
	top:500px;
	}

.td-pb-span8.box-podcast{
	font-size: 12px;
    padding-left: 15px;
	padding-right: 5px;
	border-top-style: none !important;
	border-right-style: none !important;
	}

.td-pb-span4.box-date {
	font-size: 12px;
    padding-left: 5px;
	padding-right: 0px;
	border-top-style: none !important;
}

.td-pb-span10.box-name{
	background-color:#000;
	color:#fff;
	padding-left: 15px;
	padding-top: 3px;
    padding-bottom: 4px;
	border-style:solid;
	border-color:#000;
}


.box-text {
	 padding: 15px !important;
    font-size: 18px !important;
}

.td-pb-span2.box-next {
    font-size: 18px;
    font-weight: bold;
    padding-left: 15px;
	padding-top: 5px;
    padding-bottom: 5px;
    border-top-style: none !important;	
}
.exibart-podcast-ticker-container {
	 
}
.exibart-podcast-ticker {
	text-align:center;
	width:100%;
	list-style-type: none;
}


#exibart-container-titolo-podcast {
position: relative;
display:inline-block;
background-color: #FFF;
width: 100%;
height: 170px;
margin-top:20px;
}

.exibart-podcast-text {
   font-family: "helveticaneueltstd55-roman";
}
 
#exibart-box-sfondo {
	position: absolute;
	z-index: 1;
	background-color: #000;

	height: 100px;
	top: 0px;
	left: 100px;
	right: 0px;
	border: none;
}

 
#exibart-box-layer-1 {
position: absolute;
z-index: 2;
background-color: #FFF;

height: 80px;
top: 50px;
left: 20px;
right: 100px;
border: 3px solid black;
min-width:300px;
}

 

#exibart-box-layer-2 {
position: absolute;
text-align:center;
z-index: 3;
background-color: #FFF;
height: 80px;
top: 60px;
left: 0px;
right: 110px;
border: 3px solid black;
min-width: 300px;
}
 
#exibart-box-layer-2-title {
line-height: 30px;
position: relative;
bottom: 12px;
white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
}	

/* box numero */
.exibart-episodio-container {
	display: flex;
}
.exibart-numero-episodio-container {
position: relative;
 
 flex: 0 0 120px;
background-color: #FFF;
width: 100px;
height: 100px;
margin-top:20px;
}
 
.exibart-episodio-content-container {
 
 flex: 1;
 
}

.exibart-numero-episodio-box {
position: absolute;
background-color: #FFF;
width:90px;
height: 90px;
border: 3px solid black;
}

.exibart-numero-episodio-box-pos1 {
z-index: 1;
top: 0px;
left: 	10px;
background-color: #000;
border: 0px;
}
 
.exibart-numero-episodio-box-pos2 {
z-index: 1;
top: 10px;
left: 0px;
font-family: "helveticaneueltstd75-bd";
    font-size: 55px;
    color: #000;
    padding-top: 28px;
    text-align: center;
}
  

.exibart-episodio-content-container-title-num {
    font-family: "helveticaneueltstd75-bd";
    font-size: 40px !important;
    margin-top: 20px;
	color:#000;
	line-height: 40px !important;
	margin-bottom: 20px;
}

h2.exibart-episodio-content-container-title-text {
    margin-top: 0px;
}



@media only screen and
(max-width : 960px) {
	
	.layer2-episodi-title { font-size:20px;}

	#exibart-box-layer-2-title {
    font-size:20px;
	}

	.td-pb-span8.box-podcast {
		border-right-style: solid !important;
	}


	
}

/*   */
@media only screen and (max-width : 1200px) {
	#layer1, #exibart-box-layer-1 {
		left: 50px;
		right: 30px; /* 210px; */
	}

	#layer2, #exibart-box-layer-2 {
		left: 30px;
		right: 40px; /* 220px; */
	}

	#layer3 {
		left: 80px; /* 100px; */
		right: 10px;
	}

	#layer4 {
		left: 60px; /* 80px; */
		right: 20px;/* 300px; */
	}

	#layer5 {
		left: 20px;
		right: 50px; /* 250px; */
	}

	#layer6 {
		left: 0px;
		right: 60px;  /* 260px; */
	}



	#layer1-episodi {
		left: 50px;
		right: 30px; /* 210px; */
	}
	 
	#layer2-episodi {
	left: 30px;
	right: 40px; /* 220px; */
	}
	
	#layer3-episodi {
		left: 80px;
		right: 10px;/* 130px; */  
	}
	
	#layer4-episodi {
		left: 60px; /* 80px; */
		right: 20px;/* 300px; */
	}

	
	#layer5-episodi {
		left: 20px;
		right: 50px; /* 250px; */
	}
	
	#layer6-episodi {
		left: 0px;
		right: 60px;  /* 260px; */
	}
}