/*
	Theme Name: Hueman Child
	Theme URI: http://alxmedia.se/themes/hueman/
	Description: Sample child theme for customization.
	Author: You
	Author URI: 
	Template: hueman
	Version: 1.0.0
*/

@import url("../hueman/style.css");

/* ------------------------------------------------------------------------- *
 *  Theme customization starts here
/* ------------------------------------------------------------------------- */

/* GLOBAL*/

body {
	background: url(images/jyoti_sprial.png) no-repeat;
	background-position-x: right;
	background-position-y: -205px;
}

.col-3cm .main, .col-3cm .main-inner {
	background: none;
}

.icl_post_in_other_langs {
	display: none;
}

/* NAVBAR */
#nav-topbar .nav li a {
	color:#3f3920;
	text-transform: uppercase;
	font-size: 20px;
}
#nav-topbar .nav {
	text-align: center;
	font-weight: bold;
}
#nav-topbar .nav ul.sub-menu {
	text-align: left;
}


/* HEADER */

#header {
	background: none !important;
}

#header .pad {
	padding: 30px 0;
}

.site-title a img {
	max-height: 100px;
}

.top-inner {
	margin-left:340px;
	margin-right:260px;
}

#announcements {
	
}

#branding {
	float: left;
	margin-left: -340px;
}
#header-widgets {
	position: absolute;
	right: 0;
	top: 30px;
}

/* SIDEBAR */
.sidebar {
	padding-bottom: 0px;
}

.sidebar .widget {
	padding: 0;
}

.s1 {
border-right: 1px solid #eee;
box-sizing: border-box;
}
.sidebar-top p {
	font-size: 24px;
	color: #FFF;
}
.widget_icl_lang_sel_widget { 
	background: #66bdd8;
	padding: 14px 16px 13px !important;
	position: relative;
	z-index: 1;
	overflow: visible;
}
#lang_sel_click a, #lang_sel_click a:visited {
	font-size: 24px;
	line-height: 32px;
}
#lang_sel_click li {
	width:304px;
}
#lang_sel_click ul ul {
	top:32px;
	width:304px;
}

#lang_sel_click a, #lang_sel_click a:visited {
	border:none;
}

.sf-widget-holder {
	margin-bottom: 0 !important;
}
.sf-bg-total {
	background: #ffcc33 !important;
}
.sf-front small {
	font-weight: bold;
}
.sf-view .sf-front {
	margin:0;
}
.alx-tabs-nav {
margin-bottom: 10px;
text-align: center;
width: 94%;
margin: 10px auto 0 auto;
border: 1px solid #eee;
border-bottom: 3px solid #ddd;
border-radius: 4px;
}

.alx-tabs-nav li:first-child{
border-right: 1px solid #eee;
box-sizing: border-box;
}

.alx-tabs-container {
border-top: 3px solid #eee;
margin-top: 10px;
}

.alx-tabs-container ul li div.tab-item-inner {
	padding-left:90px;
	padding-right:	10px;
}

.alx-tab.thumbs-enabled li {
	padding-left: 10px;
}

.alx-tab li {
	padding-left: 10px;
}

.alx-tab .tab-item-thumbnail {
	margin-left: 0;
}

.alx-tab img {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.deezer-playlist {
	margin-bottom: -7px;
}

.deezer-playlist h3 {
	display: none;
}
.s2 {
border-left: 1px solid #eee;
box-sizing: border-box;
}

.s2 h3, .s1 h3 {
	font-size: 24px;
	background: #8eb14f;
	color:#ffffff;
	font-weight: bold;
	padding: 15px 30px;
}

 .widget > h3 a, .widget > h3 a:hover {
	color:#ffffff;
 }

.search-results article {
	margin-bottom: 30px !important;
}

.widget_alx_podcasts ul li {
	padding-left:10px;
}
table.schedule {
width: 100%;
border-collapse: separate;
border-spacing: 4px;
text-align: center;
color: #fff;
margin: -10px 0 10px 0;
}
.schedule tr:nth-child(odd) {
background: #e84b1f;
}
.schedule tr:nth-child(even) {
background: #FFCC33;
}

.textwidget h4 {
	margin-left:10px;
	font-size: 22px;
line-height: 28px;
}
.textwidget h4:last-child {
	margin-bottom:20px;
}

/* BODY */
#disqus_thread {
	margin-bottom: 30px;
}

.post-thumbnail img {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.post-list .post-row {
 margin-left: 0;
 padding-left:0;
 }

.posts .post-row article:nth-child(odd) .post-inner {
 margin-right: 15px !important;
 margin-left: 0px !important;
}

.posts .post-row article:nth-child(even) .post-inner {
 margin-right: 0 !important;
 margin-left: 15px !important;
}
.post-list {
	margin-right: 0;
}

.podcast-list article {
	margin-bottom: 40px;
}

.single-podcast article {
	margin-bottom: 40px;
}

.podcast_meta {
	margin-bottom: 30px;
}

/* ANNOUNCER PLUGIN */
.announcer {
	margin:0px 30px 10px 30px;
	padding: 12px;
}
.announcer .announcer-closebt {
float: right;
padding: 0px 10px;
cursor: pointer;
font-weight: bold;
font-size: 24px;
color: #ccc;
}
/* T- COUNTDOWN PLUGIN */
.CountdownTimerControl {
	width: 240px;
	padding:10px 10px 8px 10px;
	background: #ffffff;
	border-bottom: 2px solid #ffcc33;
}
.CountdownTimerControl h3 {
color: #666;
font-size: 24px;
font-weight: bold;
text-align: center;
}

/*above the dashboard*/
.carbonlite-tophtml {
	margin: 0;
	padding: 0;
}

/*above the dashboard*/
.carbonlite-dashboard {
	height: auto !important;
	width: 240px !important;
	margin: 0 auto;
	padding-top: 0 !important;
	padding-left: 0 !important;
	background: none !important;
}

.carbonlite-timer_icon {
	display:none;
}

.carbonlite-dash {
	width: 60px !important;
	height: 60px !important;
	float: left;
	margin-left: 0 !important;
	padding-left: 0 !important;
	padding-top: 0 !important;
	position: relative;
	color: #666 !important;
}

.carbonlite-tripdash {
	width: 62px;
	height: 44px;
	float: left;
	margin-left: 2px;
	padding-left: 2px;
	padding-top: 10px;
	position: relative;
	color: #666;
}

.carbonlite-hours_dash, .carbonlite-minutes_dash, .carbonlite-seconds_dash  {
	background: none !important;;
}

.carbonlite-days_dash  {
	margin-left: 0 !important;
	background: none !important;;
	
}

.carbonlite-days_trip_dash, .carbonlite-hours_trip_dash  {
	background: none !important;;
	
}

.carbonlite-weeks_dash  {
	margin-left: 0px !important;
	background: none !important;;
}

.carbonlite-weeks_trip_dash  {
	margin-left: 0px !important;
	background: none !important;;
}


.carbonlite-digit {
	font-size: 32px !important;
	float: left;
	width: 50% !important;
	position: relative;
}
.carbonlite-dash > .carbonlite-digit {
	text-align: right !important;
}
.carbonlite-dash .carbonlite-digit:last-child {
	text-align: left !important;
}

.carbonlite-dash .carbonlite-dash_title {
	display: block;
	position: absolute;
	text-transform:uppercase;
	top: 37px;
	width:60px;
	font-family: Titillium, Arial, sans-serif !important;
	color: #aaa !important;
	font-weight: bold;
	text-align: center !important;
	font-size: 12px !important;
}

.carbonlite-trailing_text {
	text-align: center;
	color: #666;
	font-weight: bold;
}

/*below the dashboard*/
.carbonlite-bothtml {
	margin: 0;
	padding: 0;
}

.CountdownTimerControl p {
	font-size: 24px;
	font-weight: bold;
	color: #666;
	text-align: center;
}

/* PODCASTS */
.podcast-list .page-title h2:first-child, .podcast-item .page-title h2:first-child  {
	float: left;
}
.podcast-list .page-title h2:last-child, .podcast-item .page-title h2:last-child {
	float: right;
}

/* DJ PROFILES */
.dj-item .entry-inner, .dj-list .entry-inner {
	margin-bottom: 30px;
}
.profile-pic {
	float: left;
	width:160px;
	margin-right: 30px;
}
.dj-label {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	color: #aaa;
}

.dj-pic {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.dj-item .post-inner, .dj-list .post-inner {
	float:none;
	width:auto;
	overflow: hidden;
}
.dj-list .post-title {
line-height: 1em;
margin-bottom: 0px;
}
.dj-item .post-tags {
	margin-bottom: 10px;
}
.dj-list .post-tags {
	margin-bottom: 0px;
}

/* FOOTER */
#footer-widgets {
	background-color: #ffcc33;
}

#footer-widgets .one-full {
width: 60%;
margin: 0 20%;
}
#footer-widgets h3 {
	text-align: center;
	font-size: 28px;
	text-transform: uppercase;
}

#footer-widgets .form input[type=submit] {
	color: #fff !important;
	background-color: #66bdd8 !important;
	border-color: #fff !important;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 18px;
	padding: 10px 40px;
}
#footer-widgets .form input[type=submit]:hover {
background-color:#8eb14f;
}
#credit {
	float:right;
}

#footer-right p {
	text-align: right;
}

.dj-profile-pic {
	float:left;
	width: 33.33%;
}

.dj-profile-pic a img {
	box-sizing: border-box;
	border: 1px solid #fff;
}

@media only screen and (max-width: 1200px) and (min-width: 960px) {

	#header-widgets {
	right: 50px;
	position: absolute;	
	}
	
	.announcer {
	margin-left:0;
	}
	
	#announcements {
	margin-right: 50px;
	}
}

@media only screen and (max-width: 960px) and (min-width: 480px) {

	.top-inner {
		margin-left:0;
		margin-right:0;
	}
	#branding {
		margin-left:0;
	}
	#header-widgets {
	right: 50px;
	position: absolute;	
	}
	.announcer {
	margin: 0px 50px 10px 50px;
	}
	#announcements {
	float: left;
	position: relative;
	width: 100%;
	}
}

/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
	.mystyle {}
}


/* Mobile - 480px & 320px */
@media only screen and (max-width: 719px) {
	.top-inner {
		margin-left:0;
		margin-right:0;
	}
	#branding {
		margin-left:0;
	}
	#nav-topbar .nav {
	text-align: left;
	}
	#branding {
	float: none;
	}
	#header-widgets {
	width: 260px;
	margin: 0 auto;
	margin-bottom: 10px;
	position: relative;
	right: 0;
	top: 0;	
	}
}


/* Mobile - 320px */
@media only screen and (max-width: 479px) {
	.top-inner {
		margin-left:0;
		margin-right:0;
	}
	#branding {
		margin-left:0;
	}
	#branding {
	float: none;
	}
	#header-widgets {
	width: 260px;
	margin: 0 auto;
	margin-bottom: 10px;
	position: relative;
	right: 0;
	top: 0;	
	}
	#footer-widgets .one-full {
	width: 90%;
	margin: 0 5%;
	}
}