/*!
Theme Name: Josh Harding Design Child Theme
Theme URI: http://joshhardingdesign.com/
Author: Merisign
Author URI: https://www.merisign.com
Version: 1.0.0
Template: jhdesign
Text Domain: ohio-child

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/* General */

.vc_row {
    margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
    .wpb_column {
        margin-bottom: 20px;
    }
}

.wp-element-button {
    border-radius: 0 !important;
    background: #000;
    color: #FFF !important;
    font-weight: bold;
    margin-top: 20px;
}

input[type="submit"] {
    border-radius: 0 !important;
    background: #000 !important;
    color: #FFF !important;
}

.page-container.top-offset {
    padding-top: 3rem;
}

.page-container.bottom-offset {
    padding-bottom: 0;
}

/* Typography */

.lightFont {
    font-weight: 300 !important;
}

a:hover {
    color: #FFF;
    font-weight: bold;
}

/* Header */

.header.-mobile .menu > .nav-item {
    font-size: 36px;
}

.header.-mobile .menu > .nav-item a {
    line-height: 1.5em;
}

.branding:hover {
    opacity: 1;
}

.page-headline .title {
    font-size: 28px;
    letter-spacing: normal;
    line-height: 36px;
}

.page-headline .holder {
    padding-bottom: 0;
}

.page-headline .headline-meta {
    display: none;
}

@media screen and (max-width: 768px) {
    .page-headline {
        min-height: auto;
        margin-bottom: -1rem;
    }
}

.branding-title {
    font-size: 20px;
}

/* Footer */

.site-footer .vc_row {
    margin-bottom: 0;
}

.footerLogo {
    margin-top: 120px;
}

@media screen and (max-width: 768px) {
    .footerLogo img {
        max-width: 30px;
    }
}

/* Home */

.portfolio-item.-layout2 .show-project .category-holder {
    display: none !important;
}

/* Portfolio Loop */

.portfolio-item.-layout1 .show-project .category-holder {
    display: none;
}

.portfolio-filter {
    padding-bottom: 3.25rem;
}

.portfolio-filter .num {
    display: none;
}

.portfolio-filter a.active {
    color: #000;
    font-weight: bold;
}

.project-lightbox-details .headline-meta {
    display: none !important;
}

.project-lightbox-details a {
    color: #FFF !important;
    background-color: rgba(150, 144, 162, 0.0) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.clb-slider-pagination-index, .clb-slider-pagination {
    display: none !important;
}

/* Portfolio Single */

.project-content:not(.-with-slider) .holder {
    padding-bottom: 20px;
}

.project-gallery {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

@media screen and (max-width: 768px) {
    .project-gallery {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .project-page .vc_col-md-6, .project-page .vc_col-md-3 {
        display: flex;
        margin-bottom: 20px;
    }
    .project-page .vc_col-md-3 img {
        margin: auto;
        max-width: 250px;
    }
    .project-page .vc_row {
        display: flex;
        flex-direction: column-reverse;
    }
}

.project-gallery img {
    margin-bottom: 1.1rem;
}

.category-holder:not(.-with-tag) .category:not(:last-child)::after, .category-holder:not(.-with-tag) a:not(:last-child)::after {
    display: none;
}

::marker {
    display: none !important;
}

.project-content ul {
    list-style-type: none;
    padding-left: 0;
}

/* Contact */

.page-id-28 .site-footer .widget:nth-child(-n+3) {
    display: none;
}

.page-id-28 .footerLogo {
    margin-top: 0;
}

form p {
    margin-top: 0;
}

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="date"], input[type="url"], textarea, select, .select2-container--default .select2-selection--single {
    margin-top: 5px;
    background: #FFF;
    border: 1px black solid;
    border-radius: 0;
}

label {
    line-height: .9rem;
}