/*
Theme Name: Clubix Child 3 Columns
Theme URI: http://themeforest.net/item/clubix-nightlife-music-events-wordpress-theme/6098535
Template: clubix-final
Author: Stylish Themes
Author URI: http://stylishthemes.co
Description: Clubix Child Theme - 3 Columns
Tags: light,dark,two-columns,right-sidebar,responsive-layout,accessibility-ready
Version: 1.0.0.1475849214
Updated: 2016-10-07 17:06:54

*/

body {
    background-image: none;
}

body.top-slider .head-container{position:relative;}
.widget_text h3{margin-bottom:20px;}
.widget_mc4wp_form_widget h3,.widget_text h3{background-color: #eab007;color: #fff; padding: 5px;text-transform: uppercase;font-size: 16px;font-weight: 400;margin-top: 0;margin-bottom: 10px;}
.textwidget img {margin: 0px auto 20px auto;display:flex;}
.footer .textwidget img{margin: 0px auto 10px auto; max-height:130px !important;display: inline-block;}
.widget_link_list{margin-top:20px;}
.post-article{
	background: transparent !important;
	border: 1px solid #000 !important;
}
.post-article .content-article h1, .post-article .content-event-article h1 {
    margin-bottom: 20px;
}

.read-more {float: right !important;}

/* Search Bar */
.head-container .navbar-form button{ top: 26px !important;}
.head-container .menu .navbar-form button {top: 13px !important;}
.head-container .navbar-form button, .head-container .menu .navbar-form button {
    border-radius: 25px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    height: 36px !important;
    width: 35px !important;
    background: transparent !important;
    margin-left: 0px !important;
    color: #4e4e4e !important;
    -webkit-transition: all 0.2s ease-out !important;
    -moz-transition: all 0.2s ease-out !important;
    -o-transition: all 0.2s ease-out !important;
    -ms-transition: all 0.2s ease-out !important;
    transition: all 0.2s ease-out !important;
    position: absolute !important;
    /* vertical-align: middle; */
    right: 2px !important;
}
.head-container .navbar-form:hover button, .head-container .menu .navbar-form:hover button {
  background: rgba(142, 68, 173, 0.99) !important;
  color: #fff !important;
}

.head-container .navbar-form input[type=text], .head-container .menu .navbar .navbar-form input[type=text]{    height: 40px !important;
    margin-top: 0px !important;
    background: transparent !important;
    width: 150px !important;
    font-weight: 400 !important;
    line-height: 13px !important;
    color: #3d5351 !important;
    border-radius: 0 !important;
    border: none !important;
    font-style: italic !important;
    font-size: 14px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: all 0.2s ease-out !important;
    -moz-transition: all 0.2s ease-out !important;
    -o-transition: all 0.2s ease-out !important;
    -ms-transition: all 0.2s ease-out !important;
    transition: all 0.2s ease-out !important;
    border: 2px solid #BCBCBC !important;
    border-radius: 25px !important;
    right: 0px !important;
    position: absolute !important;padding-right: 30px !important;}
	
.head-container .navbar-form input[type=text]::-webkit-input-placeholder, .head-container .menu .navbar-form input[type=text]::-webkit-input-placeholder {
  color: #3d5351;
}

.head-container .navbar-form input[type=text]:hover, .head-container .menu .navbar-form input[type=text]:hover{width: 200px !important;padding-right: 30px !important;}

.head-container .navbar-form:hover button, .head-container .menu .navbar-form:hover button{background: rgba(142,68,173,0.99) !important;color:#fff !important;}

.head-container .menu.affix{background-color:#fff;}

.home figure.feature{z-index:0 !important;}
.event-details .details p span {
    min-width: 90px;
}

.head-container .menu{background-color:transparent !important;}
  .navbar-form {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
 
 .listen-live{
    border: 2px solid #000;
    position: inherit;
	font-size: 16px;
	color: #000;
	top: 25px;
    font-weight: bold;
    padding: 13px 25px;
}
	
.listen-live:hover{background: rgba(142,68,173,0.99) !important;color:#fff !important;}

 .breadcrumb-container{background: rgba(14, 14, 14, 0.5);}
.head-container .menu .navbar{min-height: 60px;}
.head-container .menu .navbar .navbar-form input[type=text]{height:47px; margin-top:1px;}
.head-container .menu .navbar .navbar-form button{height:47px;}
.news-feed h3:nth-child(n+2){margin-top:15px !important;}
.events-widget article .right h4{color:#fff;font-size: 16px;}
.events-widget article .right h4 a:hover{color:#ffbc00 !important;}
.events-widget article .right{padding:20px !important;background: #3d5351;}
.events-widget article .left{padding:20px;font-size: 16px;}
.events-widget article .left span{line-height:1.5 !important;}
.events-widget article .right p{color:#fff !important;}
.events-sidebar{margin-top:30px;}
.events-sidebar h3{font-weight: 500 !important;margin-bottom: 10px !important;font-size: 18px !important;color: #3d5351 !important;}
.events-container article figure figcaption .min-info h4,.events-container article figure .main-content h4 a{font-size:16px !important;}
.events-container article figure .main-content > div > p{text-align:justify; padding:15px 0px;}
.widget_link_list ol li{padding: 10px;list-style-type: decimal;margin-left: 25px;}
.widget_link_list .list {border: 1px solid #e9e9e9;}
.wpb_wrapper .widget:nth-child(n+2) h3, .wpb_wrapper .col-sm-12:nth-child(n+2) .widget h3{color: #3d5351;line-height: 1.5;margin-top:20px !important;}
.post-article:last-child{margin-bottom:0px !important;}

.widget_link_list ol li:after {
	content:"";
    position: absolute;
    left: -2.5em;
    width: 2em;
    text-align: right;
    background-color: red;
}

#disqus_thread{margin-top:20px;}

.breadcrumb-container span{float: left;
    text-transform: uppercase;
    color: #FFF;
    margin: 0;
    font-size: 22px;
    font-weight: 100;}

.widget .tagcloud a {
    padding: 0 8px;
}
input, button, select, textarea {
    width: 100%;
    border-left: 3px solid #1ac6ff;
    padding: 10px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #3d5351;
    line-height: 1.5;
    font-family: 'Ubuntu', sans-serif;
    margin-top: 0;
}
.container-row {
    margin-bottom: 0;
}

/* Slider 
.resizelistener{top:0px !important;height:100% !important;}*/
.tp-mask-wrap{overflow: visible !important;}

.head-container .menu {
    background-color: #2c2c2c;
	margin-bottom:0px;
}
.head-container .menu .navbar .navbar-collapse .nav li {
    margin-bottom: -3px;
}
.head-container .menu .navbar .navbar-collapse .nav li a {
    padding: 20px 15px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 16px;
	color:#3d5351;
	border:none !important;
}

.head-container .menu .navbar .navbar-collapse .nav li a:hover{background:transparent; color:#000;}
.head-container .menu .navbar .navbar-collapse .nav li.active > a{background:transparent; color:#3d5351;}
.head-container .menu .navbar .navbar-collapse .nav li.active, .head-container .menu .navbar .navbar-collapse .nav li:hover {
    border-bottom: 3px solid #ffbc00;
}
.header {
    background-color: #ffbc00;
	/*background-image: url(/wp-content/uploads/2016/10/dromos-header-layout.png);*/
	max-height:138px;
}

.full-title{padding: 50px 0 60px 0;}
.page-title{background: rgba(14, 14, 14, 0.3);}

.main-content{
	/*background-image: url(/wp-content/uploads/2016/09/dromosfm_bg.jpg);*/
	background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
	padding-top:40px;
}

.home #text-8{margin-top:-35px;}
.dropcap{color:#326e78;float:none;}
.footer {
    margin-bottom: 0px;
    background-color: rgba(241, 241, 241, 0.85);
    margin-right: auto;
    margin-left: auto;
    max-width: 950px;
    border-top: 3px solid #3d5351 !important;
}
.footer > section {
    background-color: transparent;
}
.footer > section.top {
	padding:35px 0px;
    margin-bottom: 0;
    border-bottom: 3px solid #3d5351;
}
.footer > section.bottom{padding: 25px 0px 20px 0px;}
.footer .textwidget p{color:#3d5351;}

.dromos-player{    position: fixed;
    bottom: 0px;
    width: 100%;
}

.single-cartist .artist-events{margin-top:25px;}
.single-cartist .saboxplugin-wrap{display:none;}
.events-widget article .right .buy.canceled a{cursor:inherit !important;}
.base-player.combine-player{z-index:999;}
.post-article.single-post .content-article{background:transparent;border:none;}
.post-article .content-article h1, .post-article .content-event-article h1{color: #3d5351;font-size:20px;}

.breadcrumb-container .nav-posts i{margin:43%;}

.breadcrumb-container > h1 {
    font-family: 'Ubuntu', sans-serif;
}
.breadcrumb-container .breadcrumb {
    padding-left: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}
.content-container .content-container-inner {
    background-color: #fff;
}
.social-list ul li a {
    border: none;
}
.social-list ul li a:hover{background:transparent !important;}
.social-list ul li a i {
color:#000;font-size:16px;
}
.social-list ul li a:hover i{color: #fff !important;}


#slide-intro{background-image: linear-gradient(bottom, #FFD51A 50%, #FAC815 50%);
    background-image: -o-linear-gradient(bottom, #FFD51A 50%, #FAC815 50%);
    background-image: -moz-linear-gradient(bottom, #FFD51A 50%, #FAC815 50%);
    background-image: -webkit-linear-gradient(bottom, #FFD51A 50%, #FAC815 50%);
background-image: -ms-linear-gradient(bottom, #FFD51A 50%, #FAC815 50%);
   -webkit-animation-name: dromosfm; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: dromosfm;
    animation-duration: 1s;
	animation-delay: 3s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	 /*    -webkit-animation: bgAnim 12s linear infinite;
    -ms-animation: bgAnim 12s linear infinite;
    -moz-animation: bgAnim 12s linear infinite;
    -o-animation: bgAnim 12s linear infinite;
    animation: bgAnim 12s linear infinite;*/
	background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-position: 50% 100%,50% 50%;
}
	
	/* Chrome, Safari, Opera */
@-webkit-keyframes dromosfm {
    from {background-image: -webkit-linear-gradient(bottom, #FFD51A 50%, #FAC815 50%);}
    to {background-image: -webkit-linear-gradient(bottom, #FAC815 50%, #FFD51A 50%);}
}

/* Standard syntax */
@keyframes dromosfm {
    from {background-image: -webkit-linear-gradient(bottom, #FFD51A 50%, #FAC815 50%);}
    to {background-image: -webkit-linear-gradient(bottom, #FAC815 50%, #FFD51A 50%);}
}

@-webkit-keyframes dromosfm{0%,100%{background-position:50% 100%,50% 50%}20%{background-position:50% 100%,0 0}40%{background-position:50% 100%,0 100%}60%{background-position:50% 100%,100% 0}80%{background-position:50% 100%,100% 100%}}@keyframes dromosfm{0%,100%{background-position:50% 100%,50% 50%}20%{background-position:50% 100%,0 0}40%{background-position:50% 100%,0 100%}60%{background-position:50% 100%,100% 0}80%{background-position:50% 100%,100% 100%}}@-webkit-keyframes bgXmasAnim{0%,100%{background-position:50% 100%,50% 50%}24.7%{background-position:50% 100%,10% 50%}25.3%{background-position:50% 100%,10% 50%}50%{background-position:50% 100%,50% 50%}74.7%{background-position:50% 100%,90% 50%}75.3%{background-position:50% 100%,90% 50%}}@keyframes bgXmasAnim{0%,100%{background-position:50% 100%,50% 50%}24.7%{background-position:50% 100%,10% 50%}25.3%{background-position:50% 100%,10% 50%}50%{background-position:50% 100%,50% 50%}74.7%{background-position:50% 100%,90% 50%}75.3%{background-position:50% 100%,90% 50%}}

html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, body p {
    font-family: 'gillsanshel', sans-serif;
}
h2 {
    font-size: 24px;
}
input.wpcf7-acceptance {
    width: inherit;
}
input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #fff;
}
.header header {
    padding: 10px 0px 0px 0px;
}

.header header .logo img{max-height:120px;}

.listen {
    text-align: right;
    padding: 10px;
}
.social-list ul {
    margin-bottom: 0;
    float: right;
}
img#bg {
    height: 100%;
    width: 100%;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
}
.topright {
    height: 138px;
}
.topbanner {
    position: absolute;
    bottom: 13px;
}
img#banner {
    display: inherit;
    width: 100%;
    max-width: 930px;
    float: right;
    margin: 0 auto;
}
.post-article .thumbnail-article {
    position: absolute;
    top: 0px;
    left: 20px;
}

.underline-bg{margin-top:0px;}
.footer-info .info p, .footer-info .info p a {
    color: #3d5351;
}
#footer-bottom-menu {
    height: 30px;
}

.footer-info .social-list{float:right;}
.social-list ul li{margin-right: 10px;}
.footer .social-list ul li a:hover i{color:#8e45ad;}
.footer .social-list {padding: 0px 10px 0px 0px;}
.social-list {padding: 20px 10px 0px 0px;}
.back-to-top{float: left;display:inline-block;}

#menu-footer-bottom li {
    display: inline-block;
    padding-right: 10px;
    float: left;
}

/* Artists page */
.artists-container article figure figcaption .desc.gradient p{display: none;}
.artists-container article:hover figure figcaption .desc.gradient p{display: block;}
.artists-container article:hover figure figcaption .desc{opacity: 1;visibility:visible;}
.artists-container article:hover figure figcaption .desc h5{display:none;}
.artists-container article:hover figure figcaption .desc p{opacity: 1;-ms-transform: rotateY(180deg); -o-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);transform: rotateY(180deg);color:#fff;}

/* Single Page */
.post-article .content-article h1 a, .post-article .content-event-article h1 a{color: #3d5351 !important;}

/* Events */
.single-cevent .breadcrumb-container{margin-right:90px;}

/* Search Page */
.search-no-results .post-article:last-child, .search-results .post-article:last-child{
	margin-bottom: 20px !important;
}

/* WPU Like */
.most_liked_post.wp_ulike_style_simple li {
	display: inline-block;
  width: 100%;
	margin-bottom: 10px;
}

.most_liked_post.wp_ulike_style_simple img {
	float: left;
	display: inline-block;
}

.most_liked_post.wp_ulike_style_simple a{
  width: 65%;
  float: left;
  display: inline-block;
}

.wp_ulike_thumbnail {
	margin: 0 10px 10px 0 !important;
}

/* Custom Template for JW Player */
.page-template-template-jw-player .menu, .page-template-template-jw-player .listen-live{
	display: none !important;
}

.page-template-template-jw-player .wpb_content_element {
	margin-bottom: 0px !important;
}

@media (min-width: 1030px){
	.navbar-nav{    float: left;
    width: auto;
    display: table;}
	
.page-template-template-events-1 .col-md-4{width:33.2% !important;}

.rev-slider-padding.revolutionSliderContainer {
    padding-top: 0px;
}
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: 0;
  }
}
@media (min-width: 1190px) {
	.container, .footer {
		width: 1170px;
		max-width: 1170px;
	}
}
@media only screen and (min-width: 1030px){
		.menu.menu-affix {background-color: #fff !important; }
}
@media only screen and (max-width: 1030px){
	
	.head-container .menu .navbar .navbar-header{margin-top:6px;}
	.head-container .menu .navbar .navbar-toggle{background: #3d5351;}
	.head-container .menu .navbar .navbar-toggle .icon-bar{background-color: #fff;}

}

@media (max-width: 657px){
	#footer-bottom-menu{margin-top:-20px;height:45px;}
}

@media (max-width: 480px){
	.header header .logo{float: left;}
}
@media (max-width: 380px){
	.xolistenlive {
    position: absolute;
    right: 0;
    top: 150px;
    display: block;
	}
	.head-container .menu {padding-top: 70px;}
}
.post{
	font-weight:300;/* styles for all posts */
	}
.post.new {
	font-weight:bold/* styles for new posts */
	}