/*
Theme Name: Fargo Child
Theme URI: http://pixelgrade.com/demos/fargo
Author: Pixelgrade
Author URI: http://pixelgrade.com
Template: fargo
Description: Fargo is a photography WordPress theme crafted for visual artists who want to inspire the world by showcasing their work in style.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fargo
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, translation-ready
*/

/* Add your custom CSS rules that overwrite the ones in the main Lens theme here */

/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files
If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: fargo' line. */


.site {
    padding-top: 90px;
}

.js-project .js-placeholder video {
    -webkit-transition: 0.5s ease; transition: 0.5s ease;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.js-placeholder video {
    position: relative;
    z-index: 10;
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

video {
    max-width: 100%;
    height: auto;
}

.c-navbar, .c-navbar li {
    color: #f2fffb;
}

.c-navbar__page-title .h3 {
    color: #f2fffb;
}

.c-navbar [class*="current-menu"], .c-navbar .menu li:hover {
    color: rgba(242, 255, 245, 0.90);
}

.posts-navigation .nav-links a {
    background-color: #424242;
}

.posts-navigation .nav-links div a {
    background-color: #424242;
}

.c-hero__background--multiple .c-hero__spacer, .c-hero__layer .c-hero__background {
    background-color: #424242 !important;
}

img.alignleft, img.alignright, img.aligncenter, img.alignnone {
    margin-top: 0;
    margin-bottom: 0;
}

.column figure.alignleft, .column figure.alignright, .column figure.aligncenter, .column figure.alignnone {
    margin-top: 0;
    margin-bottom: 0;
}

.c-footer.u-footer-bottom-spacing {
    padding-bottom: 32px;
}

.c-footer.u-footer-top-spacing {
    padding-top: 32px;
}

.c-footer__zone--middle {
    border-top: 2px solid #424242;
}

.o-layout__main {
    padding-top: 0 !important;
}

.woocommerce-page .u-header-background:not(.c-navbar__content) {
    background-color: #424242 !important;
}

.c-gallery--woocommerce {
    display: flex;
    flex-direction: row;
    margin-left: 0 !important;
}

.product-listing {
    flex: 1;
}

.c-gallery--woocommerce .product-listing {
    padding-left: 20px;
    padding-right: 20px;
    border-left: 1px solid #424242;
}

.c-gallery--woocommerce .product-listing:last-child {
    border-right: 1px solid #424242;
}

.c-gallery--woocommerce .product-listing .c-card__title {
    text-transform: uppercase;
    text-align: center;
    font-size: 26px;
    color: #424242;
}

.product-listing .description {
    min-height: 250px;
    padding-bottom: 12px;
}

.product-listing .add-to-cart {
    text-align: center;
}

.product-listing .add-to-cart .button {
    background-color: #424242 !important;
    width: 100%;
}

.product-listing .price {
    text-transform: uppercase;
    text-align: center;
    color: #424242;
    font-size: 26px;
    margin-bottom: 16px;
}

.product-listing .description h3 {
    text-align: center;
}

.product-listing .thumbnail {
    height: 300px;
    margin-bottom: 12px;
}

.product-listing .thumbnail img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 1024px) {
    .product-listing .thumbnail {
        height: 160px;
    }
}

@media only screen and (max-width: 620px) {
    .c-gallery--woocommerce {
        flex-direction: column;
    }

    .product-listing .thumbnail {
        height: 300px;
    }

    .u-woocommerce-sides-spacing {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .c-gallery--woocommerce .product-listing {
        border-left: none !important;
        border-right: none !important;
    }
}

.menu-item--cart.cart-has-items a {
    padding-right: 2.5rem !important;
}

.cart-count {
    color: #424242 !important;
    background-color: rgba(255, 255, 255, 0.6) !important;
    font-weight: bold;
}

.theme-fargo.u-buttons-solid .c-btn,
.theme-fargo.u-buttons-solid .c-comments-toggle__label,
.theme-fargo.u-buttons-solid button[type=button],
.theme-fargo.u-buttons-solid button[type=reset],
.theme-fargo.u-buttons-solid button[type=submit],
.theme-fargo.u-buttons-solid input[type=button],
.theme-fargo.u-buttons-solid input[type=submit],
.theme-fargo.u-buttons-solid [id="subscribe-submit"],
.theme-fargo.u-buttons-solid .button[class][class][class][class][class],
.theme-fargo.u-buttons-solid .product .cart .qty[class][class][class],
.theme-fargo.u-buttons-solid #respond input#submit[id],
.theme-fargo.u-buttons-solid .added_to_cart,
.theme-fargo.u-buttons-solid span.page-numbers.current {
    background-color: #424242;
}

.contact-form {
    margin-top: 24px;
}

.js-project .js-project-media-video .js-placeholder.is-loaded {
    cursor: pointer;
}

@media only screen and (max-width: 800px) {
    .site {
        padding-top: 56px;
    }

    .page-template-default.has-hero .site {
        padding-top: 56px!important;
    }

    .page-template-portfolio-page.has-hero .site {
        padding-top: 56px!important;
    }

   /* .c-hero--full > .c-hero__layer {
        padding-top: 56px;
    }*/

    /*.js-project .js-placeholder video {
        height: 100%!important;
    }*/
}

.c-project__footer {
    z-index: 100;
}

.project-menu .js-project-footer,
.project-menu .project-menu--share,
.project-menu .project-menu--thumbs
{
    color: black;
}

.project-menu .js-project-footer:hover,
.project-menu .project-menu--share:hover,
.project-menu .project-menu--thumbs:hover
{
    color: black;
}


.product-listing {
	min-width: 200px;
}

.c-gallery--woocommerce {
	flex-wrap: wrap;
}