/*
	Theme Name: Being Hueman
	Theme URI: http://designchapter.com/being-hueman/
	Description: child theme for Hueman theme.
	Author: Boxspin
	Author URI: http://boxspin.com
	Template: hueman
	Version: 1.0.0
    Description: Child Theme of Heuman Theme. Added Author to the frontpage post display. <a href="http://alxmedia.se/themes/hueman/">Hueman</a> is a responsive 100% high resolution theme for blogs and magazines. Unique toggle sidebars give a great browsing and reading experience on both tablet and mobile. The feature list is long: Unlimited topbar, header, footer and accent colors, unlimited widget areas, 0-2 sidebars to the left or right that can be uniquely specified for each page or post, 300px / 220px fixed width sidebars, 0-4 footer widget columns, almost zero layout images, related posts and post nav, featured story or slider, 10 post formats, good SEO, 3 flexible custom widgets, localisation support, social links, logo upload and many more useful admin panel features.

    Tags: light, one-column, two-columns, three-columns, right-sidebar, left-sidebar, fluid-layout, fixed-layout, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post,           theme-options, threaded-comments, translation-ready                                 

	Copyright: (c) 2013 Alexander "Alx" Agnarson
	License: GNU General Public License v3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


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

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

html {
    margin-top: 32px !important;}

body {
    color: #000;
    font-weight: 300;
}

#nav-header .container {
    padding: 0 0px;
}

.page-title {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 0px
}

/* COLORE DELLE SIDEBAR */
.sidebar .sidebar-content, .sidebar .sidebar-toggle {
background: white;}

.widget>h3 {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 6px;
    text-align: center;
    color: #111175;
}
.sp-template-countdown {
	text-align: center;
	width: 100%;
	overflow: auto;
	zoom: 1;
	border: 1px solid #000;
	background-color: #D2F2C2;
	box-shadow: 7px 7px 3px 0px rgba(0,0,0,0.75);
	padding: 5px 5px 5px 5px;
}
.sp-template-countdown time span {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 25%;
	text-align: center;
	padding: 24px 0;
	line-height: 1.25;
	font-size: 50px;
	font-weight: bold;
	color: #2b3761
}

.sp-template-countdown time span small {
	display: block;
	clear: both;
	font-size: 14px;
}

/* COLONNE */
/* 3 column, content middle */
.col-3cm .main { background: white; repeat-y right 0; }
.col-3cm .main-inner {background: white; repeat-y left 0; padding-left: 280px; padding-right: 310px; }
.col-3cm .content { float: right; }
.col-3cm .sidebar.s1 {float: left; margin-left: -280px;}
.col-3cm .sidebar.s2 {float: right;margin-right: -310px;}

/* sidebar primary */
.sidebar.s1 {width: 280px; z-index: 2;}
.s1 { background: white; width: 280px; z-index: 2; }
.s1:hover { z-index: 98; /* social icons tooltip above header nav */ }
.s1 .sidebar-top,
.s1 .sidebar-toggle { background: #3b8dbd; }
@media only screen and (min-width: 479px) and (max-width: 960px) {
  .s1 .sidebar-top { background: none!important; border-bottom: 1px solid #ddd; }
  .s1 .sidebar-top p { color: #666; }
  .s1 .sidebar-top .social-links .social-tooltip { color: #666; }
}

/* sidebar secondary */
.sidebar.s2 {width: 310px; z-index: 2;}
.s2 { width: 310px; z-index: 1; }
.s2 .sidebar-top,
.s2 .sidebar-toggle { background: #82b965; }
@media only screen and (min-width: 479px) and (max-width: 1200px) {
  .s2 .sidebar-top { background: none!important; border-bottom: 1px solid #ddd; }
  .s2 .sidebar-top p { color: #666; }

.pad {
    padding: 0px 0px 0px !important;
}