/**
 * Theme Name:  Blog Start
 * Theme URI:   http://siteholic.com/blog-start/
 * Description: Blog Start è un tema perfetto per chi inizia a scrivere il suo blog: facile da personalizzare e usare. E' leggibile con tutti i browser, da tablet e da smartphone
 * Version:     1.0.5
 * Author:      SiteHolic
 * Author URI:  http://siteholic.com
 * Tags:        purple, dark ,black, silver, gray, pink, purple, white, light, responsive-layout, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, flexible-header, post-formats, microformats, theme-options, sticky-post, translation-ready, holiday, seasonal, photoblogging
 * Text Domain: blog-start, hybrid-core
 * License:     GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/* Fonts */


/**
 * Defaults
 * --------------------------------------------------------------------------- */

/* === HTML === */

html {
}

/* === Body === */

body {
    color: #333;
    font-family: 'trebuchet ms',sans-serif;
    font-size: 16px;
    line-height: 1.5em;
}

/* === Links === */

a {
    color: #00B22D;
}

a:hover {
    color: #C9A798;
}

/* === Headers === */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}

h1 {
    line-height: 1.7rem;
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

/* === Blockquotes, quotes, and cites === */

blockquote {
}

blockquote blockquote {
}

blockquote cite {
}

/* === Acronyms and abbreviations === */

acronym {
}

abbr {
}

/* === Code and Preformatted text === */

code {
}

pre {
}

pre code {
}

/* === <address> tag === */

address {
}

/* === Lists === */

ul {
}

ul li {
}

ol {
}

ol li {
}

dl {
}

dt {
}

dd {
}

/* === Tables === */

table {
}

caption {
}

thead {
}

tfoot {
}

tbody {
}

tr {
}

th {
}

td {
}
p{margin: 0 0 1rem;}

/* wp-calendar <table> */

#wp-calendar {
    font-size: 0.8rem;
}

#wp-calendar td,
#wp-calendar th {
    padding: 0;
    border: 1px solid #eee;
    text-align: center;
}

#wp-calendar caption {
    margin-bottom: 5px;
    font-weight: bold;
}

table#wp-calendar {
    width: 95%;
}

/* === Embeds === */

object {
}

embed {
}

iframe {
}

video {
}

/* === Forms === */

form {
}

fieldset {
}

fieldset legend {
}

label {
}

input {
    padding: 9px 7px;
    border: 1px solid #e5e5e5;
    color: #999;
}

/* Not all types, but these are more common for themes. */

input[type="button"] {
}

input[type="checkbox"] {
}

input[type="email"] {
}

input[type="password"] {
}

input[type="radio"] {
}

input[type="reset"] {
}

input[type="search"] {
}

input[type="submit"] {
    padding: 10px 20px;
    border: none;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #eee;
    cursor: pointer;
}

input[type="text"] {
}

input[type="url"] {
}

input[type="submit"]:hover,
 {
}

input.search-submit:hover {
    color: #fff;
    background: #333;
}

input[type="search"]:hover {
}

textarea {
    padding: 14px;
    border: 1px solid #DDD;
}

select {
    padding: 9px 7px;
    border: 1px solid #e5e5e5;
    color: #999;
}

select optgroup {
}

select option {
}

button {
}

/* === Alignement (WP classes) === */

.alignleft {
}

.alignright {
}

.aligncenter {
}

.alignnone {
}

/**
 * Images
 * --------------------------------------------------------------------------- */

figure {
    max-width: 100%;
}

img {
}

a img {
}

/* === WP editor image sizes === */

img.size-thumbnail {
}

img.size-medium {
}

img.size-large {
}

img.size-full {
}

/* === Thumbnails === */

.thumbnail {
    display: block;
    position: relative;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}

/* === Captions === */

.wp-caption {
}

.wp-caption img {
}

.wp-caption-text {
}

.wp-caption-text a {
}

.wp-caption-text a:hover {
}

/* === Gallery === */

.gallery {
}

.gallery .gallery-item {
}

.gallery-icon {
}

.gallery .gallery-icon img {
}

.gallery .gallery-caption {
}

/* === Avatars === */

.avatar {
}

a .avatar {
}

a:hover .avatar {
}

/* Top Bar */

#top-bar {
    background: #e3e3e3;
}

#top-container {
    position: relative;
    margin: 0 auto;
    max-width: 1024px;
}

/*Social Networks*/

#social {
    float: left;
}

#social i {
    display: inline-block;
    padding: 0 2px;
    line-height: 40px;
}

/**
 * Layout
 * --------------------------------------------------------------------------- */

#container {
    margin: 0 auto;
    max-width: 1024px;
}

.layout-1c #main {
    width: 100%;
}

.layout-2c-l #main {
    float: left;
    max-width: 68.666%;
    min-width: 68.666%;
}

.layout-2c-l #main:before {
}

.layout-2c-l .sidebar {
    float: right;
    padding-left:1.75%;
    padding-right: 1.25%;
    max-width: 28.333%;
    min-width: 28.333%;
}

.layout-2c-r #main {
    float: right;
    width: 68.666%;
}

.layout-2c-r .sidebar {
    float: left;
    width: 28.333%;
    padding-right:1.5%;
    padding-left: 1.5%;
}

.layout-3c-l #container {
}

.layout-3c-r #container {
}

.layout-3c-c #container {
}

#menu-primary {
}

#menu-secondary {
}

#main:before {
}

#main {
;
    position: relative;
    margin-bottom: 30px;
}
#main-containter {
    background:#fff;
}
#content {
    margin: 0.5rem 1rem;
    border-bottom: 1px solid #eee;

}

#sidebar-primary {
    margin-top: 10px;
}

#sidebar-primary ul {
    margin: 0 20px;
}

#sidebar-primary ul li:before {
}

#sidebar-secondary {
}

#menu-subsidiary {
}

#sidebar-subsidiary {
}

/** Article **/

article.colum{
    padding-top: 10px;
    border-top: 1px solid #eee;
    width: 47%;
    float: left;
}
.colum:nth-child(even) {
	margin-right: 4%;
}



.entry-header-archive h2.entry-title {
	font-size: 1.4rem;
	text-align: left;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 10px 0 0 0;
}

.entry-header-archive {
}

/**
 * Header
 * --------------------------------------------------------------------------- */

#header {
}

#branding {
    float: left;
    width: 29.333%;
    padding: 2rem 0;
    text-align: center;
}

#site-title a {
	letter-spacing: -3px;
	font-weight: bold;
    font-size: 3rem;
    line-height: 2.6rem;
}

#site-description {
    font-size: 1.15rem;
    color: #000;
    margin-top: -10px;
    font-style: italic;
}

#header-widget {
    float: right;
    width: 66.66%;
    padding: 2rem 0;
    text-align: center;
}

#header-widget .widget {
    margin: 0;
}

.archive-header {
    border-bottom: 8px solid #00B22D;
    padding: 15px;
    padding-bottom: 5px;
    font-size: .9rem;
}

h1.archive-title {
}

#search-bar {
    float: right;
}

/**
 * Menus
 * --------------------------------------------------------------------------- */

.menu-toggle {
}

/* ====== Primary Menu ====== */

nav#main-menu {
;
    background: #333;
    position: relative;
    margin-bottom: 10px;
}
#menu-primary {
	float: left;
}

#menu-primary .wrap {
}

#menu-primary ul {
    position: relative;
    margin: 0;
    list-style-type: none;
    background: #333;
}

#menu-primary ul li {
    display: inline-block;
    position: relative;
    float: left;
}

#menu-primary li a {
    display: inline-block;
    padding: 14px;
    font-size: 0.8rem;
    font-weight: bold;
    color: #fff;
    background: url(images/nav.png) no-repeat right 50%;
}




#menu-primary li a:hover {
    background: #00B22D;
}
#menu-primary ul li.current_page_item {
}

#menu-primary ul li:hover > ul {
    display: block;
    background: #fff;
}

#menu-primary ul ul {
    display: none;
    z-index: 9999;
    position: absolute;
}

#menu-primary ul ul li {
}


#menu-primary .sub-menu a {
    display: block;
    padding-right: 0;
    padding-left: 10px;
    min-width: 140px;
    line-height: 18px;
    background: #fff;
    color: #333 !important;
    border-bottom: 1px dotted #eee;
    font-weight: normal;
    padding: 11px;
}
#menu-primary .sub-menu a:hover, #menu-primary .sub-menu .current_page_item{
    background: #f3f3f3;
}

#menu-primary .sub-menu {
    z-index: 99999;
    box-shadow: 0 0 30px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .35);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .35);
}

#menu-primary .sub-menu ul li {
}

#menu-primary ul ul ul {
    display: none;
    position: absolute;
    margin-top: -42px;
    margin-left: 162px;
}

#menu-primary ul ul li:hover > ul {
    display: block;
}
.current-menu-item a{ 
    color: #C9A798;

}
/* ====== Secondary Menu ====== */

#menu-secondary {
    float: right;
    font-size: 0.8rem;
}

#menu-secondary .wrap {
}

#menu-secondary ul {
    margin: 0;
    list-style: none;
}

#menu-secondary ul ul {
    display: none;
}

#menu-secondary li {
     display: inline-block;

}

#menu-secondary li.current-menu-item {
}

#menu-secondary li a {
	display: block;
	padding: 8px 10px;
}

#menu-secondary li a:hover {
}

/* ====== Subsidiary Menu ====== */

nav#footer-navigation {
    margin: 0 auto;
    padding-top: 0.5rem;
    max-width: 1024px;
}

#menu-subsidiary {
    text-transform: uppercase;
    font-size: .8rem;
}

#menu-subsidiary .wrap {
}

#menu-subsidiary ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu-subsidiary ul ul {
    display: none;
}

#menu-subsidiary li {
    display: inline;
    float: left;
}

#footer-navigation ul li a {
    padding: 0 15px;
    border-right: 1px solid #d8d8d8;
}

#footer-navigation ul li a:last-child {
}

#menu-subsidiary li a:hover {
}

/*Search Nacigation*/
#searchnavi {
	display: inline-block;
	position: absolute;
	right: 0;
	margin-top: 10px;
	margin-right: 10px;

}
#searchnavi input[type="text"] { padding: 8px;
	width: 200px;
	color: #red;
	font-size: 0.7rem;
}


/**
 * Content
 * --------------------------------------------------------------------------- */

/* ====== BREADCRUMBS ====== */

.breadcrumb-trail {
    padding: 5px 10px;
    font-size: .8rem
}

h2.trail-browse {
    display: inline;
    font-size: .8rem;
}

.breadcrumb-trail ul {
    display: inline;
    margin: 0;
    list-style: none;
}

.breadcrumb-trail ul li {
    display: inline-block;
    padding: 0 5px;
}

.breadcrumb-trail ul li:after {
    content: " >";
}

.breadcrumb-trail ul li:last-child:after {
    content: "";
}

.breadcrumb-trail .sep {
}

.breadcrumb-trail a {
}

.breadcrumb-trail a:hover {
}

/* ====== POSTS ====== */

.hentry {
}

.sticky {
}

/* === Post Header === */

.entry-header {
    position: relative;
}

.entry-title {
    margin: 0;
    padding: 15px 0;
    text-align: center;
    font-size: 2.5rem;
}

.entry-title a {
    color: #000;
}

.entry-title a:hover {
}

.entry-byline {
}

.entry-byline a {
}

.entry-byline a:hover {
}

.entry-byline .published {
}

.entry-terms.category {

    text-transform: uppercase;

}

.entry-terms.category a {
}

span.entry-terms.category {
    font-size: .8rem; 
}
span.entry-terms.category a:hover  {
	background: #00B22D;
}
span.entry-terms.category a {
	color: #fff;
	background: #c1c1c1;
	padding: 2px 5px;
    font-size: .7rem;

}
.entry-terms.post_tag {
    text-transform: uppercase;
    font-size: .9rem;
}
.entry-terms.post_tag a{
color: #fff;
    background: #c1c1c1;
    padding: 2px 5px;
    font-size: .7rem;
}
.entry-terms.post_tag a:hover {
    background: #00B22D;

}

time {
}

time.comment-published {
}

/* === Post content and excerpts === */

.entry-content {
}

.entry-summary {
	padding-top: 15px;
}
a.more-link {
	display: inline-block;
	font-weight: bold;
	margin-top: 10px;
	color: #fff;
	font-size: 0.8rem;
	background: #00B22D;
	padding: 2px 6px;
	letter-spacing: -.2px;
}
.more-link:hover {
	background: #333;
}
a.more-link:hover{
    color: #fff;
}
/* === Post Footer === */

.entry-footer {
    font-size: 0.8rem;
    color: #555;
    padding-bottom: 5px;
    letter-spacing: -1px;
}

.entry-meta {
}

.entry-meta a {
}

.entry-meta a:hover {
}

.entry-meta .published {
}

.entry-meta .category {
}

.entry-meta .post_tag {
}

/* === Asides === */

.format-aside {
}

.format-aside .entry-content a.permalink {
}

/* === Chats === */

.format-chat {
}

.format-chat .chat-row {
}

.format-chat .chat-text {
}

.format-chat cite {
}

.format-chat .chat-speaker-1 {
}

.format-chat .chat-speaker-2 {
}

.format-chat .chat-speaker-3 {
}

.format-chat .chat-speaker-4 {
}

.format-chat .chat-speaker-5 {
}

.format-chat .chat-speaker-6 {
}

.format-chat .chat-speaker-7 {
}

.format-chat .chat-speaker-8 {
}

.format-chat .chat-speaker-9 {
}

/* === Links === */

.format-link {
}

.format-link .entry-title {
}

.format-link .entry-title a {
}

.format-link .entry-title a:hover {
}

.format-link .entry-title a .meta-nav {
}

/* === Galleries === */

.format-gallery {
}

.format-gallery .image-count {
}

/* === Quotes === */

.format-quote {
}

.format-quote blockquote {
}

.format-quote blockquote cite {
}

/* === Status updates === */

.format-status.format-status .avatar {
}

/* === Audio and Video === */

.format-video {
}

.format-audio {
}

/* ====== Attachment Meta (on image attachment pages) ====== */

.attachment-meta {
}

.attachment-meta .image-gallery {
}

.attachment-meta .image-info {
}

.image-info ul {
}

.image-info ul li {
}

.image-info .prep {
}

.image-info .image-data {
}

/* ====== LOOP META ====== */

.loop-meta {
}

.loop-title {
}

.loop-description {
}

/* ====== PAGINATION ====== */

.pagination {margin: 0 1rem;
    padding: 1rem 0
}
.page-numbers{
    display: block;
    float: left;
    background: #E3E3E3;
    padding: 6px 15px;
    margin-right: 5px;
    color: #333;
    font-weight: bold;
    font-size: 0.7rem
}
a.page-numbers:hover, .page-numbers.current {
    background: #333;
    color: white;
}

/* === Single posts using <!--nextpage--> === */

.page-links {
}

.page-links .before {
}

.page-links a {
}

.page-links a:hover {
}

/* === Single post navigation (between different posts) === */

.loop-nav {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.loop-nav a {
}

.loop-nav a:hover {
}

div.prev {
    display: inline-block;
    float: left;
    width: 48%;
    padding: 0 1%;
}

div.next {
    display: inline-block;
    float: right;
    width: 48%;
    padding: 0 1%;
}

.loop-nav a[rel="prev"]:before {
}
}

.loop-nav a[rel="next"]:before {
}

/* === Archive-type pages === */

.loop-pagination {
}

.loop-pagination .page-numbers {
}

.loop-pagination a.page-numbers {
}

.loop-pagination a.page-numbers:hover {
}

.page-numbers.current {
}

/* === Comments pagination === */

.comments-nav {
}

.comments-nav a {
}

.comments-nav a:hover {
}

.comments-nav .page-numbers {
}

/**
 * Sidebars and widgets
 * --------------------------------------------------------------------------- */

/* ====== General ====== */

.sidebar {
}

.widget {
    margin-bottom: 2rem;

}

.widget-title {
    margin-bottom: 12px;
    overflow: hidden;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .7rem;
    color: #fff;

}

.widget-title span {
    display: inline-block;
    position: relative;
    background-color: #333;
    padding: 2px 15px 2px 15px;
    position: relative;
    display: inline-table;
    vertical-align: middle;
    line-height: 16px;
    top: -2px;
    font-weight: bold;
}

.widget-title > span:before,
.widget-title>span:after {
}
}

.widget-title > span:after {
    left: 100%;
}

.widget-title > span:before {
    right: 100%;
}

.widget select {
    width: 95%;
}

.widget .search-submit {
    display: none;
}

.widget .search-field {
    width: 100%;
}

/* ====== Specific ====== */

#sidebar-primary {
}

#sidebar-secondary {
}

#sidebar-subsidiary {
}

#sidebar-header {
}

#sidebar-before-content {
}

#sidebar-after-content {
}

#sidebar-after-singular {
}

/**
 * Comments Template
 * --------------------------------------------------------------------------- */

#comments-template {
    margin: 30px 0;
}

/* ====== COMMENTS ======= */

#comments {
}

#comments-number {
    margin-bottom: 30px;
}

/* === Comments closed message === */

.comments-closed {
}

.comments-closed.pings-open {
}

/* === Comment list === */

ol.comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

ol.comment-list ol.children {
    list-style: none;
}

/* === Individual comments */

li.comment {
}

li.ping {
}

li.bypostauthor {
}

/* === Avatars === */

.comment-list .avatar {
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
    border-radius: 50%;
}

/* === Meta === */

.comment-meta {
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 1px;
}

.comment-author {
}

.comment-author cite {
}

.comment-meta .published {
}

/* === Comment text/content === */

.comment-content {
    border-bottom: 1px dotted #eee;
    font-size: 0.9rem;
}

/* === Reply link === */

.comment-reply-link {
}

.comment-reply-link:hover {
}

a.comment-permalink {
    display: none;
}

/* ====== RESPOND (COMMENT FORM) ====== */

#respond {
    margin-top: 30px;
}

#reply-title {
}

#reply-title small {
}

#respond .log-in-out {
}

#respond label {
    display: inline-block;
    width: 100px;
    text-transform: uppercase;
    font-size: 0.9rem;
}

#respond p {
    margin: 0 0 0.5rem;
    font-size: 0.9rem;
}

#respond label .required {
}

#respond input {
    border-radius: 3px;
}

#respond input[type="text"] {
}

#respond input[type="text"]:focus {
}

#respond input[type="url"] {
}

#respond input[type="url"]:focus {
}

#respond input[type="email"] {
}

#respond input[type="email"]:focus {
}

#respond input[type="submit"] {
    padding: 12px 19px 14px;
    border: none;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #eee;
    cursor: pointer;
}

#respond input[type="submit"]:focus {
}

#respond input[type="submit"]:hover {
    color: #fff;
    background: #333;
}

#respond textarea {
    width: 100%;
    border-radius: 3px;
}

#respond textarea:focus {
}

/**
 * Footer
 * --------------------------------------------------------------------------- */

#footer {
    margin: 0 auto;
    margin-top: .5rem;
    padding-top: 0.5rem;
    max-width: 1024px;
    border-top: 1px solid #d8d8d8;
}

#footer .copyright {
}

#footer .credit {
    text-align: center;
    font-size: .7rem;
}

#footer a {
}

#footer a:hover {
}

* Media Queries * --------------------------------------------------------------------------- */@media only screen and (max-width:1024px) {
    }

    @media only screen and (max-width:860px) {
    #top-bar {
        width: 100%;
    }

    #container {
        width: 100%;
    }

    #top-container {
        width: 100%;
    }

    .layout-2c-l #main,
    #main {
        float: none;
        max-width: 100%;
    }

    .layout-2c-r #main,
    #main {
        float: none;
        width: 100%;
    }

    #branding {
        width: 100%;
        padding: 1rem 0;
    }

    #sidebar-primary {
        float: none;
        width: 100%;
        padding: 0;
        max-width: 100%;
    }

    #header-widget {
        float: none;
        width: 100%;
        padding: 0;
    }

    #header-widget .widget {
        padding: 10px 0;
    }

    .widget {
        padding: 0 2rem;
    }

    footer#footer {
        width: 100%;
    }

    nav#footer-navigation {
        width: 100%;
    }

    .breadcrumb-trail {
        display: none;
    }

    .footer-widgets {
        margin: 1.5em;
    }

    .quarter {
        width: 48%;
    }

    .layout-2c-r #container #sidebar-primary {
        padding-left: 0;
    }

    .layout-2c-l #container #sidebar-primary {
        padding-right: 0;
    }

    #footer .credit {
        float: none;
        padding: 0.5em 0;
        text-align: center;
    }

    #menu-footer {
        float: none;
        padding: 0.5em 0;
        text-align: center;
    }
}

@media only screen and (max-width:768px) {
    .menu-toggle {
        display: inline-block;
        position: relative;
        margin: 0;
        font-size: 0.8125rem;
        line-height: 24px;
        vertical-align: middle;
        cursor: pointer;
    }

    .menu-toggle button {
        position: relative;
        top: 7px;
        right: 0;
        left: 15px;
        border: none;
        background: none;
    }

    #menu-primary .menu-toggle button {
    }

    #menu-primary .menu-toggle button::before {
        content: '\f0c9';
        display: inline-block;
        font-family: 'FontAwesome';
        font-size: 25px;
        -webkit-font-smoothing: antialiased;
        padding-top: 5px;
    }
    #social {
    float: none;
    text-align: center;
    }
    #menu-secondary {
        float: none;
        text-align: center;
    }
    #menu-secondary li {
        float: none;

    }

    nav#main-menu {
        min-height: 50px;
    }

    #menu-primary .wrap {
        display: none;
    }

    #menu-primary ul {
        z-index: 99999;
        margin-top:15px;
    }

    #menu-primary li {
        display: block;
        width: 100%;
        background: #fff;
        border-bottom: 1px dotted #eee;
    }

    #menu-primary li a {
        display: block;
        box-sizing: border-box;
        width: 100%;
        line-height: 25px;
        color:#000;
        background: none;
    }
    #menu-primary .sub-menu a {
        border-bottom:none;
        padding: 14px;
        margin:0;
    }
    #menu-primary .sub-menu a:first-child {
                border-top:1px solid #eee;
    }
    #menu-primary ul ul {
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
    }

    #menu-primary ul ul ul {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
    }
}

@media only screen and (max-width:480px) {
    .quarter {
        float: left;
        width: 100%;
    }

    .one-third {
        float: left;
        width: 200%;
    }
}

/**
 * Clearing Floats
 * --------------------------------------------------------------------------- */
#menu-secondary:after,
#top-container:after,
main:after,
nav#main-menu:after,
.entry-content:after,
nav#menu-primary:after,
header.comment-meta:after,
#top-container:after,
.loop-nav:after,
nav#footer-navigation:after,
#container:after,
#header:after,
.clearfix::after,
#main-containter:after

{
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}