/*
Theme Name: Morning Time Child Theme
Theme URI:
Description: Use this theme to start your Morning Time Child Theme development.
Author: WPlook Studio, Victor Tihai
Author URI: https://wplook.com/
Template: morningtime-wpl
Version: 1.0.0
*/

@import url('../morningtime-wpl/style.css');

.main {
    padding: 40px 0 37px;
}

.header .columns .top-bar {
    background-image: url("img/motto.jpg");
    background-repeat: no-repeat;
    background-position: 140px 40px;
}

@media (max-width: 767px ) {
    .header .columns .top-bar {
        background-size: 250px;
    }
}

@media (max-width: 500px ) {
    .header .columns .top-bar {
        background: none !important;
    }
}

.header .top-bar .socials{
    display: none;
}

.header .top-bar .title-area {
    margin-top: -28px;
}

.magento-product-wrapper .products .product {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 600px) {
    .magento-product-wrapper .products .product {
        flex-direction: row;
    }
}

#wpfront-scroll-top-container {
    bottom: 90px !important;
}

.footer-bar .footer-nav a:hover {
    color: #688620;
}

.flex-viewport {
    max-height: 350px;
}

.header .top-bar-section li:not(.has-form):hover>a:not(.button):not(.woocommerce #respond input#submit):not(.woocommerce a.button):not(.woocommerce button.button):not(.woocommerce button.button.alt):not(.woocommerce input.button):not(.woocommerce-cart .wc-proceed-to-checkout a.checkout-button):not(.woocommerce #respond input#submit.alt):not(.woocommerce a.button.alt):not(.woocommerce input.button.alt):not(.woocommerce input.button:disabled):not(.woocommerce input.button[disabled]:disabled):not(.woocommerce.widget_product_search input[type=submit]) {
    color: #688620;
}

.header .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button):not(.woocommerce #respond input#submit):not(.woocommerce a.button):not(.woocommerce button.button):not(.woocommerce button.button.alt):not(.woocommerce input.button):not(.woocommerce-cart .wc-proceed-to-checkout a.checkout-button):not(.woocommerce #respond input#submit.alt):not(.woocommerce a.button.alt):not(.woocommerce input.button.alt):not(.woocommerce input.button:disabled):not(.woocommerce input.button[disabled]:disabled):not(.woocommerce.widget_product_search input[type=submit]) {
    color: #688620;
}

h2, h3, h4 {
    font-size: 22px;
    margin: 0 0 10px;
}

.post .entry p, .post .entry ul {
    color: black;
    font-size: 18px;
    font-weight: 300;
}

.post .entry strong {
    font-weight: 500;
}

.post-image {
    margin-bottom: 30px;
}

.tagcloud a:hover, .tagcloud a:focus {
    color: white;
}

.magento-product-wrapper .products .product {
    display: flex;
    flex-direction: column;
    border: 2px solid #688620;
    padding: 20px 10px;
}


.magento-product-wrapper .products .product .image {
    width: 100%;
}

.magento-product-wrapper .products .product .magento-product-details {
    width: 100%;
}

.magento-product-wrapper .products .product .magento-product-details .url{
    text-align: center;
}

.magento-product-wrapper .products .product .magento-product-details .url .view-details{
    color: #fff;
    background-color: #688620;
    padding: 10px 20px;
}

#menu-main-menu li.webshop a {
    color: #688620 !important;
    font-weight: 700;
}

.main-head-contents h3:after {
    background: #688620;
}

@media screen and (min-width: 600px) {
    .magento-product-wrapper .products .product {
        flex-direction: row;
    }

    .magento-product-wrapper .products .product .image {
        width: 30%;
        padding-right: 30px;
    }

    .magento-product-wrapper .products .product .magento-product-details {
        width: 70%;
    }
}

@media only screen and (max-width: 979px) {
    .header .top-bar.expanded .toggle-topbar.menu-icon a {
        color: #688620;
    }
    .header .expanded .top-bar-section ul {
        margin: 20px 0;
        padding-left: 10px;
    }
    .header .top-bar-section .right li .fa {
        display: none;
    }
}

.main .sidebar {
    display: flex;
    justify-content: space-between;
}

.main .sidebar aside {
    width: 32%;
}

.wrapper .post-image {
    text-align: center;
}

.wrapper .post-image img {
    height: auto;
    max-height: 500px;
    width: auto;
    margin: 0 auto;
}