/*
============================================================================================================================
Camaraderie - grid-system.css
============================================================================================================================
This is the most generic template file in a WordPress theme and is one of required files to able to control the layout 
features in the customizer for CSS.

@package        Camaraderie WordPress Theme
@copyright      Copyright (C) 2018. Benjamin Lu
@license        GNU General Public License v2 or later (http://www.gnu.org/licenses/gpl-2.0.html)
@author         Benjamin Lu (https://benjlu.com/)
============================================================================================================================
*/

/*
============================================================================================================================
Table of Content
============================================================================================================================
 1.0 - Section (Jetpack Portfolio)
 2.0 - Section (Blog)
 3.0 - Section (Jetpack Testimonial)
 4.0 - Section (Jetpack Contact Form)
============================================================================================================================
*/

/*
============================================================================================================================
 1.0 - Section (Jetpack Portfolio
============================================================================================================================
*/
.section-portfolio {
    background: #ffffff;
}

.section-portfolio .site-main {
    margin: 0 auto;
}

.section-portfolio .site-main .entry-header {
    padding: 1.125em;
    text-align: center;
}

.section-portfolio .site-main .entry-header .entry-title {
    font-size: 2.5em;
    margin: 0;
    padding: 0;
}

.section-portfolio .site-main .entry-header .entry-description {
    color: #666666;
}

@media screen and (min-width: 64em) {
    .section-portfolio .site-main {
        margin: 1.125em;
    }
}

@media screen and (min-width: 601px) and (max-width: 48em) {
    .section-portfolio .site-main {
        margin: 1.125em;
    }
}

@media screen and (min-height: 30.063em) and (max-width: 37.50em) {
    .section-portfolio .site-main {
        margin: 1.125em;
    }
}

@media screen and (min-width: 73.125em) {
    .section-portfolio .site-main {
        margin: 0 auto;
    }
}

/*
============================================================================================================================
 2.0 - Section (Blog)
============================================================================================================================
*/
.section-blog {
    background: #eeeeee;
}

.section-blog .site-main {
    margin: 0 auto;
}

.section-blog .site-main .entry-header {
    padding: 1.125em;
    text-align: center;
}

.section-blog .site-main .entry-header .entry-title {
    font-size: 2.5em;
    margin: 0;
    padding: 0;
}

.section-blog .site-main .entry-header .entry-description {
    color: #666666;
}

.section-blog .site-main .recent-header {
    text-align: center;
}

.section-blog .site-main .recent-header .recent-title {
    margin: 0;
    padding: 0;
}

.section-blog .site-main .entry-timestamp {
    font-size: 14px;
}

.section-blog .site-main .entry-timestamp .updated:not(.published) {
    display: none;
}

.section-blog .site-main .entry-excerpt {
    line-height: 1.7em;
}

@media screen and (min-width: 64em) {
    .section-blog .site-main {
        margin: 1.125em;
    }
}

@media screen and (min-width: 601px) and (max-width: 48em) {
    .section-blog .site-main {
        margin: 1.125em;
    }
}

@media screen and (min-height: 30.063em) and (max-width: 37.50em) {
    .section-blog .site-main {
        margin: 1.125em;
    }
}

@media screen and (min-width: 73.125em) {
    .section-blog .site-main {
        margin: 0 auto;
    }
}

/*
============================================================================================================================
 3.0 - Section (Jetpack Testimonial)
============================================================================================================================
*/
.section-testimonial {
    background: #ffffff;
}

.section-testimonial .site-main {
    margin: 0 auto;
}

.section-testimonial .site-main .entry-header {
    padding: 1.125em;
    text-align: center;
}

.section-testimonial .site-main .entry-header .entry-title {
    font-size: 2.5em;
    margin: 0;
    padding: 0;
}

.section-testimonial .site-main .entry-header .entry-description {
    color: #666666;
}

.section-testimonial .site-main .jetpack-testimonial-items {
    text-align: center;
}

.section-testimonial .site-main .testimonial-header {
    text-align: center;
}

.section-testimonial .site-main .testimonial-header .testimonial-title {
    margin: 0;
    padding: 0;
}

.section-testimonial .site-main .jetpack-testimonial-items .entry-content {
    font-size: 14px;
    line-height: 1.7em;
    text-align: left;
}

@media screen and (min-width: 64em) {
    .section-testimonial .site-main {
        margin: 1.125em;
    }
}

@media screen and (min-width: 601px) and (max-width: 48em) {
    .section-testimonial .site-main {
        margin: 1.125em;
    }
}

@media screen and (min-height: 30.063em) and (max-width: 37.50em) {
    .section-testimonial .site-main {
        margin: 1.125em;
    }
}

@media screen and (min-width: 73.125em) {
    .section-testimonial .site-main {
        margin: 0 auto;
    }
}

/*
============================================================================================================================
 4.0 - Section (Jetpack Contact Form)
============================================================================================================================
*/
.section-contact {
    background: #000000;
}

.section-contact .site-main {
    margin: 0 auto;
}

.section-contact .site-main .entry-header {
    padding: 1.125em;
    text-align: center;
}

.section-contact .site-main .entry-header .entry-title {
    color: #ffffff;
    font-size: 2.5em;
    margin: 0;
    padding: 0;
}

.section-contact .site-main .entry-header .entry-description {
    color: #ffffff;
}

.section-contact .wpcf7 label {
    color: #ffffff;
}

.section-contact .wpcf7-form input[type="text"],
.section-contact .wpcf7-form input[type="email"],
.section-contact .wpcf7-form input[type="url"] {
    border: 0.063em solid #cccccc;
    font-family: 'Merriweather', serif;
    display: block;
    margin: 0.2em 0;
    padding: 0.7em;
    width: 100%;
}

.section-contact textarea {
    font-size: 16px;
    margin: 0.2em 0;
    padding: 0.7em;
    width: 100%;
}

@media screen and (min-width: 64em) {
    .section-contact .site-main {
        margin: 1.125em;
    }
}

@media screen and (min-width: 601px) and (max-width: 48em) {
    .section-contact .site-main {
        margin: 1.125em;
    }
}

@media screen and (min-height: 30.063em) and (max-width: 37.50em) {
    .section-contact .site-main {
        margin: 1.125em;
    }
}

@media screen and (min-width: 73.125em) {
    .section-contact .site-main {
        margin: 0 auto;
    }
}