/*
Theme Name:     Fara Child
Theme URI:      http://www.fareilweb.com
Description:    Fara Child Theme
Author:         Fare il Web - Luca Cilfone
Author URI:     http://www.fareilweb.com
Template:       fara
Version:        0.0.1
*/


/* ================================ *
 * Utilities
 * ================================ */
 @import "css/theme-utilities.css";



/* ================================ *
 * General Html
 * ================================ */
p {
    margin: 0 0 16px;
}


/* ================================ *
 * General Wordpress
 * ================================ */
.wp-block-spacer {
    display: block;
    width: 100%;
    clear: both;
}


/* ================================ *
 * Heading
 * ================================ */
h1, h2, h3 {
  margin-top: 24px;
  margin-bottom: 16px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3 {
    margin-top: 35px;
    margin-bottom: 20px;
}

/* ================================ *
 * Main Navigation
 * ================================ */
.main-navigation li {
    font-size: 20px !important;
}
.main-navigation a {
    color: #bac6d0;
}
.main-navigation a:hover,
.main-navigation a:focus {
    text-decoration: none;
    color: #ffffff;
}


/* ================================ *
 * Mobile Navigation
 * ================================ */
.slicknav_nav {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: rgba(0, 0, 0, 0.8);
}
.slicknav_nav a,
.slicknav_nav a:hover,
.slicknav_nav a:active,
.slicknav_nav a:visited {
    font-family: 'Raleway', sans-serif;
    font-size: 1.4em;
    font-weight: bold;
}
.slicknav_nav li.current-menu-item a {
    background: rgba(255,255,255,0.9);
    color: #222222;
}

/* ================================ *
 * Wordpress Stuff
 * ================================ */
.site-logo {
  width: 100%;
}
.entry-title {
    font-weight: 700;
    margin: 0 0 36px;
}
.wp-caption .wp-caption-text {
    font-size: 20px;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous,
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    max-width: none;
    width:50%;
}
@media all and (max-width: 767px) {
    .has-thumb.nav-previous a {
        margin-left: 1%;
    }
    .has-thumb.nav-next a {
        margin-right: 1%;
    }
}
.widget-area-visible {
    z-index: 999;
}





/* ================================ *
 * Home Page
 * ================================ */
 /* Services */
.home .entry-content a,
.home .entry-content a:visited,
.home .entry-content a:focus {
    text-decoration: none;
    color: #222;
}
.home .entry-content .wp-caption-text {
    min-height: 82px;
    font-size: 19px;
}
.home .entry-content img {
    box-shadow: 2px 2px 5px #222222;
}
.home .entry-content img.luca-cilfone {
    max-width: 350px;
    width: 100%;
}
body.portfolio .entry-content img {
    box-shadow: 2px 2px 5px #222222;
    margin-bottom: 20px;
}

body.tax-fportfolio-category .post-categories {
    margin: 10px;
    padding: 10px;
    background: rgba(255,255,255,1);
}
body.tax-fportfolio-category .post-excerpt {
    margin: 10px;
    padding: 10px;
    background: rgba(255,255,255,1);
}



/* ================================ *
 * Footer
 * ================================ */
.site-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.site-footer ul li {
    width: 100%;
    text-align: center;
}
.site-footer .footer-widget h2 {
    color: #ffffff;
    text-align: center;
}



/* ================================ *
 * Contacts Block
 * ================================ */
.contacts-block .phone-number {
    display: none;
    width: 100%;
    height: 0;
    overflow: visible;
}
.contacts-block .phone-number.toggled {
    display: block;
}
.contacts-block .phone-number > input {
    position: relative;
    top: -48px;
    margin-bottom: -49px;
}



/* ================================ *
 * Contacts Page
 * ================================ */
.contacts a,
.contacts a:hover,
.contacts a:visited {
     text-decoration: none;
}
.contacts label {
    width: 100%;
}