/*
Theme Name: loudcity.fm
Theme URI: http://loudcity.fm
Description: jazz, blues and more ...
Version: 1.0
Author: Twisted Design
Author URI: https://twsiteddesign.ro
Tags: custom, responsive, music theme, from scratch
*/


body, html {margin:0; padding:0; width:100%; height:100%;}
body {overflow-x:hidden; font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif; margin:0; }
a:focus {outline : none;}
.text-center {text-align:center;}
.somePad {padding:60px 0;}
.upBig {text-transform:uppercase;}

/* --------------
     OVERALL
-----------------*/
header {position:fixed; width:100%; top: 0; left:0; right:0; z-index:5000;}
	#toph .row {display: -ms-flexbox; display: -webkit-flex; display: flex;	-ms-flex-align: center;	-webkit-align-items: center;	-webkit-box-align: center; align-items: center; }
	#logo {display:block; float:left;}
	#social { margin-left: auto;  order: 2; padding-top:15px; padding-bottom:15px;}
	#social a {display: inline-block;  text-decoration:none;}
	#social a, #btnnav {margin-left:15px; cursor:pointer;}
	#btnnav {display:inline-block !important;}
	
#continut {position: relative; height: 100%; min-height:100%;}
.page-template-page-anou .contRest {padding:0 !important; z-index:1;}
	
@media screen and (min-width:100px){
	#logo {padding:10px;}
	#logo img {height:35px; width:auto;}
	#social { padding-right:15px;}
	#social a img, #btnnav img {height:16px; width:auto;}

	.contRest {padding-top:75px;}

	#playerwrap{ padding:10px;}
	#playerwrap{ background-image: linear-gradient(rgba(100,177,171,0.6), rgba(100,177,171,1), rgba(100,177,171,1));}
	header { background-image: linear-gradient(rgba(100,177,171,1), rgba(100,177,171,1), rgba(100,177,171,0.6));}
}
@media screen and (min-width:768px){
	#logo img {height:45px; width:auto;}

	#social { padding-right:25px;}
	#social a img, #btnnav img {height:24px; width:auto;}

	.contRest {}


}
@media screen and (min-width:1200px){
	#logo img {height:50px; width:auto;}

	.contRest {padding-top:70px; padding-bottom:80px;}

	#playerwrap, header {background:none;}
}
@media screen and (min-width:1400px){
	#logo {padding:15px;}
	#logo img {height:60px; width:auto;}
	.contRest {padding-top:80px; padding-bottom:110px;}
	#playerwrap{padding:15px;}
}


/*home page nou*/
.butonel { padding:5px 10px; font-size:12px; display:inline-block; background-color:#41b7b0; color:#ffffff; font-weight:700; letter-spacing:1px; text-transform:uppercase; }
.butonel:hover, .butonel:focus {color:#031e28; text-decoration:none;}
#playerwrap{position:fixed; z-index:2000; bottom:0; width:100%; box-sizing:border-box; }
#coverhome{display:none;}
.page-template-page-anou #coverhome {display:block;}
.page-template-page-anou {background:#01d0c0;}
.hidec {display:none !important; z-index:-200 !important;}
.hideApp {opacity:0 !important; transition: all 0.5s ease-in-out ; -webkit-transition: all 0.5s ease-in-out; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); z-index:-1; }
#descApp  {background-color:rgba(0,0,0,0.8); position:fixed; z-index:2000; bottom:0; width:100%; box-sizing:border-box; padding:15px; opacity:1 ; -webkit-transform:translateX(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px);  transform:translateY(0px); }
#closeApp {cursor:pointer;}
.centrat {position: absolute; top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%); left:0; right:0;}
#hidecover {display:block;  margin:0 auto; text-align:center; box-shadow: none !important; cursor:pointer;}
.aici {max-width:800px; margin:0 auto; padding-top:80px; text-align:center;}
.aici a {display:inline-block; margin:0 15px;}

@media screen and (max-width:1199px){
#coverhome {display:none;}
.aici {padding-top:40px;}
#coverhome { background-size:auto 100%; background-image:url(../../uploads/2018/12/coververnewsmall.jpg);}
}
@media screen and (min-width:100px){
#hidecover {width:200px;}
}
@media screen and (min-width:768px){
#hidecover {width:300px;}
}
@media screen and (min-width:1200px){
#coverhome {display:none;}
.page-template-page-anou #coverhome {display:block;}

.aici {padding-top:80px;}
.logoslider {max-width:500px; height:auto; display:inline !important;}
#coverhome { background-size:cover; background-image:url(../../uploads/2018/12/covernew.jpg);}
}
@media screen and (min-width:1400px){
#hidecover {width:400px;}
}
/*FULLPAGE NAVIGATIOn*/
.menutop {margin-top:60px;}	
.menutop .topm {margin-right:20px;}
.menutop .topm li {text-align:right;}
.overlay-hugeinc {opacity:0; transition: all 0.5s ease-in-out ; -webkit-transition: all 0.5s ease-in-out; -webkit-transform: translateY(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); z-index:  1000 !important;}
.ascunde {opacity:1 !important; -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -o-transform:translateX(0px);  transform:translateX(0px); }
#access{ background: #41b7b0; height: 100%; right: 0; position: fixed;  top: 0; z-index:-1;}
.centru{ position: absolute; top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  left:20px;  right:0;  }
.menu {margin:0 auto; list-style:none;}  
#nav-icon1, #closeNav {font-size:24px; color:#fff;  cursor:pointer; line-height:1;}
#closeNav {position:absolute; top:20px; right:20px;}
#access a {font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-weight:300; color:#ffffff;  padding:5px 0;}
#access a:hover, #access a:focus, #access .current_page_item a{ text-decoration:none; }
#access li {padding-bottom:10px; list-style:none;}
.menu li li:last-of-type {padding-bottom:0 !important;}

/* BACKGROUNDS */
body {background-size:cover; background-position:center center; background-repeat:no-repeat; background-attachment:fixed;}
@media screen and (min-width:100px){
.post-type-archive-sessions, .single-sessions {background-image: url("images/bgsessions-mediu.jpg"); }
.page-template-page-recomandari {background-image: url("images/bgrecomandari-mediu.jpg"); } 
.page-template-page-contact {background-image: url("images/bgcontact-mediu.jpg");}
.post-type-archive-interviuri, .single-interviuri {background-image: url("images/bginterviuri-mediu.jpg");}
.page-template-page-stiri, .category-stiri, .single-post {background-image: url("images/bgstiri-mediu.jpg");} 
.post-type-archive-cronici, .single-cronici {background-image: url("images/bgstiri-mediu.jpg");}
.page-template-default, .page-template-page-despre {background-image: url("images/bgdespre-mediu.jpg");}
.post-type-archive-radioshows, .single-radioshows {background-image: url("images/bgemisiuni-mediu.jpg");}
}
@media screen and (min-width:1200px){
.post-type-archive-sessions, .single-sessions {background-image: url("images/bgsessions.jpg"); }
.page-template-page-recomandari {background-image: url("images/bgrecomandari.jpg"); } 
.page-template-page-contact {background-image: url("images/bgcontact.jpg");}
.post-type-archive-interviuri, .single-interviuri {background-image: url("images/bginterviuri.jpg");}
.page-template-page-stiri, .category-stiri, .single-post {background-image: url("images/bgstiri.jpg");} 
.post-type-archive-cronici, .single-cronici {background-image: url("images/bgstiri.jpg");}
.page-template-default, .page-template-page-despre {background-image: url("images/bgdespre.jpg");}
.post-type-archive-radioshows, .single-radioshows {background-image: url("images/bgemisiuni.jpg");}
}

/* -----------------
       SESSION
--------------------*/


/*SESION ARCHIVE*/

/* Equal Heights for OwlCarousel 2 */
.fancyTitle h1{background:#ffffff; color:#000000;  text-align:center;}
.topLine {background-color:#ff1f3a; width:28%; height:2px;}
.botLine {background-color:#ffbc00; width:64%; height:2px; margin-bottom:20px; float:right;}
#sestitle:after, .fancyTitle:after, .fancyTitle h1:after  {content:""; display:block; clear:both;}

#sldsession .owl-stage { display: flex;}
#sldsession .owl-item { display: flex; flex: 1 0 auto; background:#ffffff;}
.sessionItem {width:100%;}
.sldimg, .sldimg img  {display:block; width:100%;}
.sldimg img { height:auto;}
.infoHolder {padding:10px;}
.infoHolder h2 {font-weight:400; line-height:1.2; margin-bottom:5px; }
.infoHolder span {color:#555;}
#sldsession .infoHolder h2, #sldsession .infoHolder h2 a {color:#000000;  text-decoration:none;}
#sliderHolder {position:relative;}
#sliderHolder .owl-nav {position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; z-index:-1;}
#sldsession .owl-prev, #sldsession .owl-next {color:#ffffff;}
#sldsession .owl-prev {float:left; }
#sldsession .owl-next {float:right;}

@media screen and (min-width:100px){
#sliderHolder {position:absolute; top:50%; transform:translateY(-50%); left:0; right:0;}
#sldsession, #sestitle {width:80%; max-width:800px; margin: 0 auto;}
.fancyTitle h1 {width:100%; font-size:18px; text-transform:uppercase;}
.sldimg {overflow:hidden; height:180px;}
#sldsession .owl-prev, #sldsession .owl-next {font-size:40px;}
#sldsession .owl-prev {margin-left:-30px;}
#sldsession .owl-next {margin-right:-30px;}
.infoHolder h2 {font-size:16px;}
}
@media screen and (min-width:468px){
.sldimg {overflow:hidden; height:250px;}
}

@media screen and (min-width:768px){
#sldsession, #sestitle {width:80%; max-width:800px; margin: 0 auto;}
#sldsession .owl-prev, #sldsession .owl-next {font-size:80px;}
#sldsession .owl-prev {margin-left:-60px;}
#sldsession .owl-next {margin-right:-60px;}
.fancyTitle h1 {width:64%; font-size:24px;}
}
@media screen and (min-width:1200px){
.post-type-archive-sessions #continut { overflow:hidden;}
#sliderHolder {position:absolute; top:50%; transform:translateY(-50%); left:0; right:0;}
#sldsession, #sestitle {width:80%; max-width:1000px; margin: 0 auto;}
.sldimg {overflow:hidden; height:230px;}
.infoHolder h2 {font-size:14px;} 
#sldsession .owl-prev, #sldsession .owl-next {font-size:120px;}
#sldsession .owl-prev {margin-left:-100px;}
#sldsession .owl-next {margin-right:-100px;}
}

@media screen and (min-width:1400px){
#sldsession, #sestitle {width:80%; max-width:1200px; margin: 0 auto;}
.sldimg {overflow:hidden; height:400px;}
.infoHolder h2 {font-size:16px;} 
}

/*---------------
	RECOMANDARI
----------------*/

.eventRec p {margin:5px 0 0 0; padding:0;}
.ziEvent {background:#64b1ab; padding:5px 10px; display:inline-block; color:#ffffff;  font-weight:700; font-family: 'Montserrat', sans-serif;}
.evDesc {padding:10px; background:#ffffff;}
.eventInfo {text-align:right;}
.eventInfo span, .eventInfo a {display:inline-block; background:#ffbc00; color:#000000; padding:5px 10px; margin:0;}

@media screen and (min-width:100px){
	#recHolder { margin: 0 auto 90px auto;  position:relative; width:90%;}
	.eventRec {margin-bottom:10px;}
	.ziEvent {font-size:14px;}
	.evDesc h2 {font-size:18px;}
	.evDesc p {font-size:14px;}
	.eventInfo span, .eventInfo a {font-size:14px;}
	.slickNav {display:none;}
}
@media screen and (min-width:768px){
	.ziEvent {font-size:18px;}
	#recHolder { margin: 0 auto; position:relative; top:50%; transform:translateY(-50%); width:80%; max-width:1200px;}
	#recScroll {width:calc(100% - 40px);}
	.slickNav {display:block; position:absolute; right:0; font-size:40px; color:#ffffff; height:100%;}
	.slickNav .fa {cursor:pointer;}
	.slickNav .slickNext {position:absolute; bottom:10%;}
}
@media screen and (min-width:1200px){

}
@media screen and (min-width:1400px){

}


/*---------------
	CONTACT
----------------*/
.page-template-page-contact .contRest {padding-bottom:110px;}
#contact .row {display: -ms-flexbox; display: -webkit-flex; display: flex;	-ms-flex-align: center;	-webkit-align-items: center;	-webkit-box-align: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.bgwhite { background:#ffffff; }
.bgwhite p {padding:0; margin:0;}
.contC, .contC a {color:#ffffff; font-weight:700;}
.wpcf7-form-control-wrap {display:block; margin-bottom:10px;}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 textarea {width:100%; }
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 textarea, .wpcf7 input[type="submit"] {border:1px solid #02bab4; box-sizing:border-box; }
.wpcf7 textarea {resize:none;}
.wpcf7 .info {display:block; margin-bottom:20px; font-size:14px;}
.wpcf7 input[type="submit"] {background-color:#02bab4; color:#ffffff; font-weight:700; letter-spacing:1px;}
.wpcf7-list-item {margin:0 !important; font-size:14px; }

@media screen and (min-width:100px){
.bgwhite {padding:10px; margin-bottom:100px;}
.contC {font-size:14px;}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 textarea, .wpcf7 input[type="submit"] {padding:5px 10px; font-size:14px; }
.wpcf7 textarea {height:100px;}
}
@media screen and (min-width:768px){
.bgwhite {padding:20px; margin-bottom:120px;}
.contC {font-size:16px;}
}
@media screen and (min-width:1200px){
.bgwhite {padding:20px; margin-bottom:0;}
#contact {position:relative; top:50%; transform:translateY(-50%);}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 textarea, .wpcf7 input[type="submit"] {padding:5px 10px; font-size:12px; }
.wpcf7 textarea {height:100px;}

}
@media screen and (min-width:1400px){
.bgwhite {padding:40px; margin-bottom:0;}
.contC {font-size:20px;}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 textarea, .wpcf7 input[type="submit"] {padding:10px 15px; font-size:14px; }
.wpcf7 textarea {height:200px;}
}

/*------------------------------------
SPECIAL LOOP ( CRONICI SI INTERVIURI )
-------------------------------------*/

#specialLoop { margin:0 auto;}
#specTitle {text-align:center; padding-bottom:10px;}
#specTitle h1, #specTitle a{ font-family: 'Montserrat', sans-serif;  display:inline-block; text-decoration:none;  line-height:1;}
#specTitle h1 {background:#000000; color:#ffffff;}
#specTitle a {background:#ffffff; color:#000000; transition: all .5s ease-in-out;}
#specTitle a:hover {background:#000000; color:#ffffff;}

.intPost a {display:block; position:relative; color:#000000;}
.intPost .specHold {position:absolute; z-index:1; top:50%; width:90%;}
.intPost img {width: 100%; height:auto; position:relative; z-index:0;}
.intPost h2 {background:#ffffff; padding:10px; line-height:1.2; letter-spacing:1px; text-transform:uppercase; font-weight:600;}
.specDate {background:#ee2a42; padding-left:20px; box-sizing:border-box; font-size:12px; display:inline-block;}
.specDate div {background:#ffffff; color:#000000; padding:3px 5px;}
.whiteSpec { background:#ffffff;}
@media screen and (min-width:100px){
.post-type-archive-cronici .contRest, .post-type-archive-interviuri .contRest {padding-bottom:100px;}
#specialLoop { width:80%; }
.intPost h2 {font-size:14px;}
#specTitle h1, #specTitle a {font-size:14px; padding:5px 20px; }
#specialLoop {position:absolute; top:50%; transform:translateY(-50%); left:0; right:0;}
.whiteSpec {display:none;}
}
@media screen and (min-width:768px){
#specTitle h1, #specTitle a {font-size:18px; padding:5px 40px; }
.intPost {padding: 10px;}
.whiteSpec {display:none;}
}
@media screen and (min-width:1200px){
.loopinterviuri {max-width:1000px; }
.loopcronici {max-width:800px; }
.intPost {padding: 5px; }
.intPost h2 {font-size:10px;}
.whiteSpec {display:block; padding:10px;}
}
@media screen and (min-width:1400px){
#specialLoop {max-width:1200px; }
.intPost {padding: 10px;}
.intPost h2 {font-size:14px;}
.whiteSpec {display:block; padding:20px;}
}

/* ---------------- 
STIRI CATEGORIE
--------------------*/
.grid-item, .grid-item-wide {overflow:hidden; }
.grid-item .stireHold { display:block; width:100%; height:100%; position:relative; background-size:cover; background-position:center center; background-repeat:no-repeat; color:#000000;}
.tsHold {position:absolute; top:50%; transform:translateY(-50%); z-index:1; width:90%;}
.tsDate {background:#ee2a42; padding-left:24px; box-sizing:border-box;  display:inline-block;}
.tsDate div {background:#ffffff; color:#000000; padding:4px 5px; line-height:1.2em;}
.tsHold h2 {background:#ffffff;  line-height:1.2; letter-spacing:1px; color:#000000; border-bottom:2px solid #fcbb15;}

.llNav a, .slNav a { color:#ffffff;}
@media screen and (min-width:100px){
.grid-item { width: 300px; height:300px;}
.grid-item-wide { width: 300px; height:300px;  }
.grid {width:300px; margin:0 auto;}
.tsDate {font-size:12px;}
.grid-item h2 {font-size:16px; padding:10px; font-weight:400; }
.grid-item-wide h2 {font-size:16px;}
.llNav {display:none;}
.slNav {width:300px; margin:0 auto 110px auto; font-size:36px;}
.llNav:after, .slNav:after {display:block; content:""; clear:both;}
.npNavNext {float:right;}
.npNavPrev {float:left;}
}
@media screen and (min-width:480px){
.grid-item { width: 190px; height:190px;}
.grid-item-wide { width: 400px; height:400px;  }
.grid {width:400px;}
.tsDate {font-size:12px;}
.grid-item h2 {font-size:14px; padding:5px; font-weight:400; }
.grid-item-wide h2 {font-size:18px;}
}
@media screen and (min-width:768px){
.grid {width:650px; margin:0 auto 100px auto ;}
.grid-item { width: 320px; height:320px;}
.grid-item-wide { width: 650px; height:650px;  }
.tsDate {font-size:10px;}
.grid-item h2 {font-size:12px; padding:5px; font-weight:400; }
.grid-item-wide h2 {font-size:20px;}
.llNav {display:block; position: fixed; top: 50%; transform: translateY(-50%); display:block; width:100%; }
.npNavNext {float:right;}
.npNavPrev {float:left;}
.npNav {font-size: 80px;}
.npNav:hover {color:#ffffff;}
.npNavNext {margin-right:20px;}
.npNavPrev {margin-left:20px;}
.slNav {display:none;}
}
@media screen and (min-width:992px){
.grid-item { width: 250px; height:250px;}
.grid-item-wide { width: 510px; height:510px;  }
.grid {width:800px; margin:0 auto 100px auto ;}
.tsDate {font-size:10px;}
.grid-item h2 {font-size:12px; padding:5px; font-weight:400; }
.grid-item-wide h2 {font-size:20px;}
.npNav {font-size: 80px;}
.npNavNext {right:40px;}
.npNavPrev {left:40px;}
}
@media screen and (min-width:1200px){
.grid-item { width: 155px; height:135px;}
.grid-item-wide { width: 320px; height:280px;  }
.grid {width:1000px; margin:auto; transform:translateY(-50%); top:50%; position:absolute;}
.tsDate {font-size:10px;}
.grid-item h2 {font-size:12px; padding:5px; font-weight:400; }
.grid-item-wide h2 {font-size:20px;}
.npNavNext {margin-right:80px;}
.npNavPrev {margin-left:80px;}
}
@media screen and (min-width:1400px){
.grid {width:1370px;}
.grid-item { width: 220px; height:220px; overflow:hidden; }
.grid-item-wide { width: 450px; height:450px; overflow:hidden; }
.tsDate {font-size:12px; }
.grid-item h2 {font-size:14px; padding:10px; font-weight:600;}
.grid-item-wide h2 {font-size:24px;}
.npNavNext {margin-right:120px;}
.npNavPrev {margin-left:120px;}
}




/*-----------
ARTICOL IN SINE
----------*/
#postcontent {position:relative;}
.pvnav {width:100%;}

.lpvnav {position:fixed; top:50%; transform:translateY(-50%);}
.lpvnav a[rel]{display:block; color:#ffffff;}
.lpvnav a[rel="prev"]{float:right; }
.lpvnav a[rel="next"] {float:left; }

#postcontent { background: #ffffff;}
#artTitle {padding:10px 20px;  text-align:center; font-weight:400;  background:#000000; color:#ffffff;}
.backTo {display:block; float:right; margin-bottom:10px; color:#000000; text-decoration:none; font-weight:700;}
.backTo:hover {text-decoration:none;}
#artcont .info {padding:10px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
#postcontent img {width:100%; height:auto;}
#bio {padding:15px; background:#fcbb15;}
#bio p {padding:5px 0 0 0 !important;}
#bio span {margin-bottom:5px; display:block; font-size:1.7em;}
.bioLeft img {width:100; height:auto;}
.progType {margin:5px 0 0 0;}
.progType:after {clear:both; display:block; content:"";}
.progType:before {display:block; float:left; font-family: 'FontAwesome'; font-size:18px; width:30px; text-align:center; margin-right:10px;}
.dataS:before {content:"\f073"}
.locatieS:before {content:"\f041"}
.pretS:before {content:"\f0d6"}
.biletS:before {content:"\f145"}
.coverHolder {background:#02bab4; color:#ffffff;}
.coverHolder a {color:#ffffff !important;}

.shareIcons {display:block !important; }
.shareIcons .fa {color:#000000; font-size:16px; margin-right:15px; }

@media screen and (min-width:100px){
#postcontent {width:90%; margin:0 auto 100px auto; padding:10px;}
#artCont {font-size:12px; line-height: 1.45; color:#000000;}
#artCont h2, #artCont h3, #artCont h4 {color:#000000; font-weight:400;}
#artTitle{font-size: 180%;}
#artCont h2 {font-size: 160%;}
#artCont h3 {font-size: 140%;}
#artCont h4 {font-size: 120%;}
#artCont p {font-size: 120%;}
.sesInfo {padding:15px 15px 0 15px;}
#artCont h1 {margin:10px 0 15px 0;}
.lpvnav {display:none;}
.spvnav a {color:#000000; font-size:24px;}
.spvnav a[rel="prev"] {float:right;}
.shareIcons {padding:10px 10px 10px 10px; margin-bottom:10px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
}
@media screen and (min-width:468px){
.sesInfo {padding:15px 0 0 0;}
}
@media screen and (min-width:768px){
#postcontent {width:80%; margin:0 auto 100px auto; padding:10px;}
#artCont {font-size:12px !important;} 
.lpvnav {display:block;}
.lpvnav a[rel] {font-size:36px; }
.lpvnav a[rel="prev"]{margin-right:40px;}
.lpvnav a[rel="next"] {margin-left:40px;}
.spvnav {display:none;}
.shareIcons {padding:10px 10px 0 10px; border-bottom:0 none;}
}
@media screen and (min-width:992px){
.sesInfo {padding:15px 15px 0 15px;}
.lpvnav a[rel] {font-size:60px; }
}
@media screen and (min-width:1200px){
.bioLeft img {display:none !important;}	
#artCont {position:relative;overflow:hidden;}
#artCont [class^='col-'] {height:100%;}
.scrolC {height:100%; overflow-y:scroll; padding-right:10px; }	
#artCont {font-size:14px !important; }
.postThumb {height:80%; background-position:center center; background-repeat:no-repeat; background-size:cover; margin-bottom:10px;}
#postcontent {padding:20px; height:100%;}
#postcontent {width:80%; max-width:1400px; margin:0 auto;}
.sesInfo {padding:15px 15px 0 0;}
#artTitle {margin:0 0 15px 0;}
#artCont p {font-size: 100%;}
.lpvnav a[rel] {font-size:80px; }
}
@media screen and (min-width:1400px){
#artCont {font-size:16px !important;}
#postcontent {padding:30px; height:100%;}
.lpvnav a[rel] {font-size:110px; }
.lpvnav a[rel="prev"]{margin-right:80px;}
.lpvnav a[rel="next"] {margin-left:80px;}

}
#artCont p, #artCont ul, #artCont ol {padding: 0 0 1.1em 0;  margin:0;}
#artCont blockquote {margin:0; padding:1.3em; text-align:center; font-style:italic;  }
#artCont blockquote p {font-weight:600; color:#000000;}
#artCont ul, #artCont ol {padding-left:1em;}
.data {margin-bottom:30px;}
#artCont h2, #artCont h3, #artCont h4 { margin: 0 0 20px 0; line-height: 1; font-weight:400; }
#artCont img { display:block; margin:0 auto; height:auto !important; max-width:100%;}
#artCont p a {color:#6b9936; text-decoration:underline;}
#program {background:#02bab4;}


/*GALERIE*/
.gallery-item {margin:0; padding:0;}

/*DESPRE NOI*/
#despre { padding-bottom:80px;}
.page-template-page-despre #continut {text-align:center;}
.membru {padding-bottom:40px;}
.membru img {display:block; max-width:200px; width:80%; margin:0 auto;}
.membru h3 {text-transform:uppercase; padding:20px 0 10px 0;}
.membru span {text-transform:uppercase; letter-spacing:1px;}
@media screen and (min-width:320px){
#despre {font-size:12px; line-height: 1.45; }
#despre h1{font-size:280%;}
#despre h2 {font-size: 240%;}
#despre h3 {font-size: 200%;}
#despre h4 {font-size: 150%;}
.membru {padding-bottom:40px;}
.sunt {padding:20px;}
}
@media screen and (min-width:768px){
#despre {font-size:14px; line-height: 1.45;}
.membru {padding-bottom:0px;}
.sunt {padding:40px;}
}
@media screen and (min-width:1200px){
#despre {font-size:16px; line-height: 1.45;}
}
#despre p {font-size:130%;}

/*footer*/

/*misc*/
#swipebox-arrows { width: 50% !important;}

.ssbp-wrap {display:block !important; border-top:1px solid #777777; padding-top:20px;}
.ssba-share-text {margin-right:20px; display:block;  float:left; padding-top:5px;}
.ssbp--theme-8 .ssbp-btn, .ssbp--theme-8 .ssbp-btn:visited {border:0 none !important; }

.wp-pagenavi {padding:20px 15px 40px 15px; text-align:center;}
.wp-pagenavi a, .wp-pagenavi span {font-size:16px; padding:10px 15px; background:#fafafa; color:#031e28;  border:0 none; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.25s; margin:0 2px; display:inline-block;}
.wp-pagenavi  a:hover, .wp-pagenavi  a:focus {text-decoration:none;  background-color:#41b7b0; color:#ffffff;}
.wp-pagenavi  .current {background:#031e28 !important; color:#fff !important;}


/* ---------------
	EMISIUNI
------------------*/
#ebigTitle {background:#000000; color:#ffffff; text-align:center; font-weight:700; }
.emiTitle span {display:block;}
.show { color:#ffffff;}
.show:hover, .show:focus {color:#ffffff; text-decoration:none;}
.brent .aeHold {background-image:url(images/brent.png);}
.kirk .aeHold {background-image:url(images/kirk.png);}
.iordache .aeHold {background-image:url(images/iordache.png);}
.alan .aeHold {background-image:url(images/nimo.png);}
@media screen and (max-width:1199px){
#ebigTitle {font-size:14px;	padding:5px; margin-bottom:10px;}
#emiHold {width:90%; margin:0 auto;}
.show {height:100px; position:relative; margin-bottom:10px;}
.emiTitle {width: calc(100% - 100px); height:100%; text-align:center; right:0; position:absolute; z-index:1; }
.emiTitle h2 {font-size:12px; padding:10px 50px; position:absolute; top:50%; transform:translateY(-50%); z-index:1; margin:0 auto; left:0; right:0;}
.aeHold {width: 100%; height:100%; position:relative; background-repeat:no-repeat; background-position:10% bottom; background-size:auto 90%; z-index:0}
.shadeTop, .shadeBtm {position:absolute; width:100%; height:15%; background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.7));}
.shadeTop {top:0;}
.shadeBtm {bottom:0;}
}
@media screen and (min-width:468px) and (max-width:1199px){

.show {height:120px;}
.emiTitle {width: calc(100% - 120px);}
.emiTitle h2 {font-size:14px;}
}
@media screen and (min-width:768px) and (max-width:1199px){
#ebigTitle {font-size:18px;	}
#emiHold {width:75%;}
.show {height:180px;}
.emiTitle {width: calc(100% - 180px);}
.emiTitle h2 {font-size:16px; padding:10px 80px;}
}

@media screen and (min-width:1200px){
.shadeTop, .shadeBtm  {display:none;}
#ebigTitle { font-size:18px; padding:15px; margin-bottom:0;}
#emiHold {width:710px; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto;}
#emiWrap {background:#000000; padding:0 15px 15px 15px;}
#emiWrap:after {content:""; display:block; clear:both;}
.show {display:block; overflow:hidden; /*width:150px;*/ width:320px; height:350px; margin: 0 10px 10px 10px; float:left;}
.emiTitle {height:20%; text-align:center; box-sizing:border-box; position:relative;}
.emiTitle h2{ font-size:12px; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; padding:0 5px; box-sizing:border-box; }
.aeHold {position:relative; height:80%; background-position: bottom center; background-repeat:no-repeat; background-size:auto 80%;}
.gradBig {position:absolute; height:200px; width:100%; background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0));}
 
}
@media screen and (min-width:1500px){
#ebigTitle { font-size:24px;}
#emiHold {width:830px;}
.aeHold {position:relative; height:80%; background-position: bottom center; background-repeat:no-repeat;}
.show {display:block; overflow:hidden; 
/*width:170px; */ width:370px;
height:540px; margin: 0 15px 15px 15px; float:left; color:#ffffff;}
.emiTitle h2{font-size:14px;}
.aeHold {background-size:auto auto;}
}


/*SINGLE SHOW*/


#singleShow:after, .showIH:after {content:""; clear:both; display:block;}
.showImg {display:block; position:absolute; bottom:0; margin:0 auto; left:0; right:0; width:110%; height:auto;}

.showSave {display:inline-block; padding:3px 7px; border-radius:5px; font-size:12px; background:#000000; color:#ffffff; }
.showSave:hover, .showSave:focus { color:#ffffff; text-decoration:none;}
.showDay {text-transform:uppercase; font-weight:700;}

.menuShows {text-align:center; margin:10px 0 0 0; padding:0;}
.menuShows li {display:inline-block;}
.menuShows li a  {display:block; background:#000000; color:#ffffff;  line-height:1; font-weight:700;}
.menuShows li a:hover {text-decoration:none;}
.menuShows .mbrent.current-menu-item a, .menuShows .mbrent a:hover, .menuShows .mbrent a:focus {background:#234582;} 
.menuShows .mkirk.current-menu-item a, .menuShows .mkirk a:hover, .menuShows .mkirk a:focus{background:#41b2ad;} 
.menuShows .mnimo.current-menu-item a, .menuShows .mnimo a:hover, .menuShows .mnimo a:focus{background:#ffcb2e;} 
.menuShows .miordache.current-menu-item a, .menuShows .miordache a:hover, .menuShows .miordache a:focus{background:#dc202f;} .showDesc p {margin:0 0 10px 0;}
@media screen and (max-width:767px){
#showHold {width:90%; }
#singleShow h1{font-size:14px;}
#singleShow h2{font-size:12px;}
.showImgR {width:110px; height:170px;  text-align:center; position:relative;}
.showImgR img{width:80px; }
.showInf {width:calc(100% - 110px);}
.menuShows {display:none;}
.backBtn {text-align:right;}
.backBtn a { display: inline-block; background:#ffffff; color:#000000; font-size:12px; font-weight:700; padding:3px 10px; }
.backBtn a:hover, .backBtn a:focus {text-decoration:none;}
}
@media screen and (min-width:768px) and (max-width:1199px){
#singleShow h1{font-size:18px;}
#singleShow h2{font-size:16px;}	
#showHold {width:80%;}
.showImgR {width:150px; height:170px;  text-align:center; position:relative;}
.showInf {width:calc(100% - 160px);}
}


@media screen and (max-width:1199px){
#singleShow, .showIH {position:relative;}
#showHold {margin:0 auto 110px auto;}

.rightShow {background:#ffffff;}
.showImgR img{display:inline-block; width:80px; height:auto; position:absolute; bottom:0; left:0; right:0; margin:0 auto;}
.leftShow {display:none;}
.showDay  {display:block; margin:7px 0; font-size:14px; line-height:1;}

.showImgR img{display:inline-block; width:100px; height:auto; position:absolute; bottom:0; left:0; right:0; margin:0 auto;}
.rightShow h1 { border-bottom:5px solid; padding-bottom:5px; margin:10px 0 0 0; }
.showDesc {padding:15px;}

.brent .showIH {background-color:#234582;}
.brent h1 {border-bottom-color:#000000; color:#ffffff;}
.brent .showDay {color:#000000; }

.kirk .showIH {background-color:#41b2ad;}
.kirk h1 {border-bottom-color:#000000; color:#000000;}
.kirk .showDay {color:#ffffff;}

.iordache .showIH {background-color:#dc202f;}
.iordache h1 {border-bottom-color:#000000; color:#ffffff;}
.iordache .showDay {color:#000000; }

.nimo .showIH {background-color:#ffcb2e;}
.nimo h1 {border-bottom-color:#000000; color:#ffffff;}
.nimo .showDay {color:#000000; }

.showInf { position: absolute; top: 50%; transform:translateY(-50%); right: 0;}
.menuShows li a { width:120px;}
}
@media screen and (min-width:1200px){ 
#singleShow {background:#ffffff; position:relative;}
#showHold {width:1000px; height:450px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0;margin: 0 auto;}
.showDesc {padding:15px 15px 15px 0; font-size:12px;}
.rightShow h1 { border-bottom:10px solid; margin:30px 0 10px 80px; }
#singleShow h1{font-size:18px;}
#singleShow h2{font-size:14px;}
.leftShow {width:150px; margin:0 15px 0 15px; overflow:hidden; position:absolute; height:calc(100% - 15px); bottom:15px;}
.rightShow {width:calc(100% - 180px); float:right;}
.menuShows li a {font-size:12px;}
.showDay {font-size:14px; }
.showImgR {display:none;}
.showSave {margin-right:30px; float:right;}
.showInfo {margin:0 0 0 80px;}
.menuShows li a {width:150px;}
.backBtn {display:none;}
.menuShows li a  {padding:5px 0;}

.brent .leftShow {background-color:#234582;}
.brent h1 {border-bottom-color:#234582; color:#000000;}
.brent .showDay {color:#234582; }

.kirk .leftShow {background-color:#41b2ad;}
.kirk h1 {border-bottom-color:#41b2ad; color:#000000;}
.kirk .showDay {color:#41b2ad;}

.iordache .leftShow {background-color:#dc202f;}
.iordache h1 {border-bottom-color:#dc202f; color:#000000;}
.iordache .showDay {color:#dc202f; }

.nimo .leftShow {background-color:#ffcb2e;}
.nimo h1 {border-bottom-color:#ffcb2e; color:#000000;}
.nimo .showDay {color:#ffcb2e; }

}
@media screen and (min-width:1500px){
#showHold {width:830px;  height:auto;}
.showDesc {padding:30px 30px 30px 0; font-size:14px;}
#singleShow h1{font-size:22px;}
#singleShow h2{font-size:18px;}
.leftShow {width:150px; margin:0 30px 0 30px; overflow:hidden; position:absolute; height:calc(100% - 30px); bottom:30px;}
.rightShow {width:calc(100% - 210px); float:right;}
.menuShows li a {font-size:14px;}
.showDay {font-size:16px; }
}