/*
 Theme Name:   Semplice Child
 Theme URI:    https://www.natmanu.com
 Description:  Semplice Child Theme
 Author:       Natmanu
 Author URI:   https://www.natmanu.com
 Template:     semplice4
 Version:      0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  semplice4child
*/


 @media only screen and (max-width: 600px) {
    #content-holder .is-content h1 {
        font-size:32px !important;
        line-height:1.15 !important;
    }
    body #content-holder p {
    font-size:16px;
    line-height: 1.6;
    padding-bottom:0;
    color:#1c1e29;
    }
}
/*
body #content-holder p {
    font-size:16px;
    line-height: 1.6;
    padding-bottom:0;
    color:#1c1e29;
}
@media only screen and (min-width: 800px) {
  body #content-holder p {
    font-size:20px;
  }
}  */
#content-holder p.section-meta {
    letter-spacing: 0.00555556rem;  
    color: #666666; 
    font-size: 12px; 
    line-height: 1.11111rem; 
} 
@media only screen and (min-width: 800px) {
    #content-holder p.section-meta {font-size: 14px; }
}
/* body #content-holder p {
    font-size:1rem;
    line-height: 1.6;
    padding-bottom:0;
    color:#1c1e29;
}
@media only screen and (min-width: 800px) {
  body #content-holder p {
    font-size:20px;
    line-height:1.6;
  }
}   */
html .nmcaption {
  font-size:8px important;
  line-height: 1.5 important;
}
.mb-0 {margin-bottom:0 !important}

html .fff { color:#ffffff important;}

html .small {
    font-size:.7rem !important;
    color:#cccccc;
}
.project-promo * { cursor:pointer }
.project-promo {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0;
    margin-bottom:8rem;
}
@media only screen and (min-width: 800px) {
    .project-promo {
        grid-template-columns: .6fr 1fr;
    }
}
.project-promo:last-child {
    margin-bottom:0;
}
.project-promo .img {
    background: gray;
    display: flex;
    background-color: #333;
    min-height: 400px;
}
.project-promo.directory .img  { 
        background: url('https://www.natmanu.com/wp-content/uploads/homepage-project-promo-directory.jpg') no-repeat; 
        background-size:cover;
}
.project-promo.uv-redesign .img  { 
        background: url('https://www.natmanu.com/wp-content/uploads/homepage-project-promo-uv-redesign.jpg') no-repeat; 
        background-size:cover;
}
.project-promo.drive-hockey .img  { 
        background: url('https://www.natmanu.com/wp-content/uploads/homepage-project-promo-drive-hockey.jpg') no-repeat; 
        background-size:cover;
}

.project-promo .content-holder{
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem;
}
@media only screen and (min-width: 800px) {
        .project-promo .content-holder{ padding: 4rem }
}
.project-promo:hover   { 
    -moz-box-shadow:    5px 5px 45px rgba(95,157,215,0.2);
    -webkit-box-shadow: 5px 5px 45px rgba(95,157,215,0.2);
    box-shadow:         5px 5px 45px rgba(95,157,215,0.2);
}
.project-promo:hover  > .img { filter: brightness(80%); }
.project-promo:hover  > .content-holder { 
    background:#fff;        
}
.project-promo:hover  > .content-holder .content a { color:#3176e0; }
.project-promo .content small,
.project-promo .content p,
.project-promo .content a {
    padding-left: 0 !important;
}
@media only screen and (min-width: 800px) {
    /* .project-promo .content small,
    .project-promo .content p,
    .project-promo .content a {
        padding-left: 5rem !important;
    } */
}
#content-holder .project-promo .content h2 { 
    font-size: 26px; 
    line-height: 1.25; 
}
@media only screen and (min-width: 800px) { 
    #content-holder .project-promo .content h2 { 
        font-size: 44px;  
        line-height: 1.25;  
    } 
}
.project-promo .content small {
    font-weight:200;
    font-size:14px;
    display:inline-block;
    margin-bottom:1rem;
}
.project-promo .content p {
    font-size:1rem !important;
    line-height:1.8 !important;
}
.project-promo .content a { 
    display: block;
    text-decoration:none;
    color:inherit;
    padding:.35rem 0 .25rem;
}
.project-promo .content a:hover { color:#3176e0; }
.project-promo .content a i {
    display: inline-block;
    vertical-align: middle;
    margin-left:.5rem;
}
.tabw{
    display:inline-block;
    font-style: normal;
}
.target {
    width:0;
    height:0;
    margin: 0 !important;
    padding:0 !important;
}

body #content-holder .project-metadata .is-content h6 {

}
body #content-holder .project-metadata .is-content p {
    color:#666666 !important;
    font-size:16px !important;
}