/*
Theme Name: Medien - shared on wplocker.com
Theme URI: http://medien.kutethemes.net/
Author: Kutethems Team
Text Domain: medien
Author URI: http://kutethemes.net
Description: Medien Shop is a simple but modern responsive WordPress theme that oozes high-street sophistication. Its sharp lines and flat design style has been designed to be pixel perfect. Simply load your photography and you can have an online shop to matches the likes of Prada, Gucci and Yves St Laurent.
Version: 1.0.1
License: GNU General Public License v1 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, translation-ready

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.
*/


/**
 * Table of Contents
 *
 * 1.0 - Post content
 * 2.0 - Media Queries
 */


/** 1.0 - Post content **/
.post-password-form input[type="submit"]{
    padding: 0px 20px;
    border-radius: 3px;
}
.comments li.comment #respond::after{
    content: ' ';
    display: block;
    clear: both;
}
.comments li.comment #respond{
    padding: 20px 0;
    margin-left: 0;
}

.post_format-post-format-image .post-content dl.wp-caption{
   display:none; 
}

.woocommerce-widget-layered-nav-dropdown__submit{
    color: #fff;
    margin-top: 10px;
    padding: 5px 25px;
    border: 1px solid;
    border-radius: 3px;
}

.woocommerce-widget-layered-nav-dropdown__submit:hover{
    border-color: #333;
}

.widget.woocommerce ins{
    text-decoration: none;
}

.home.blog .widget-area .widget:first-child .widgettitle{
    margin-top: 3px;
}

@-moz-document url-prefix() { 
  .unit_data_styling  .woocommerce-pagination li:last-child{
     margin-left: 1px;
  }
}

.comment-respond .comment-form .comment-notes{
    padding: 0 15px;
}

/** DONT NEED **/

.single-post .post-detail .post-content ol,
.page .page-main-content ol{
    padding-left: 25px;
}

.widget.widget_calendar th, 
.widget.widget_calendar td{
    text-align: center;
}

.single-post .sidebar .widget:first-child .widgettitle{
    margin-top: 2px;
}

.page .widget-area .widget:first-child .widgettitle{
    margin-top: -2px;
}

.post-item .post-item-info .post-content ul strong,
.post-item .post-item-info .post-content ol strong{
    margin-bottom: 0;
}

.single-post .category-markup table th, 
.single-post .category-markup table td{
    text-align: left;
    padding: 10px 12px;
}

.single-post .post-item .post-item-info .post-content strong{
    display: initial;
}

.post-detail .post-item .post-tag{
    clear: both;
}

.woo_not_found .header.style1 .header-content::after{
    content: '';
    display: block;
    clear: both;
}
.woo_not_found .header.style1 .form-search{
    float: right;
}

.widget_archive li .post-count,
.widget_categories li .post-count{
    float: right;
    margin-top: 8px;
}

.unit_data_styling .header-content{
    border-bottom: 1px solid #f9f9f9;
    padding: 32px 0 32px 0;
}


.unit_data_styling .widget-area .widget.widget_search:first-child,
.unit_data_styling .breadcrumb-trail.breadcrumbs{
    margin-top: 5px;
}

.unit_data_styling .toolbar-products .wrap_title_page{
    margin-top: 0;
}

.header .header-control-box .header-control .wrap-cart-inner, 
.header .header-control-box .header-control .user-account-info, 
.header .header-control-box .header-control .header-wishlist {
    padding-left: 25px;
}

.wapper .post-comments .form-submit .button{
    padding: 8px 33px;
    margin-top: 0px;
}

.main-container {
    padding: 40px 0 40px 0;
}

.coment-text p{
    margin-bottom: 10px;
}

.post-comments .comment-content.comment_is_close .reply{
    display: none;
}
.unit_data_styling.single-product .has-post-thumbnail .single-left .flex-viewport{
    width: 100%;
}

.blog-banner-img {
    margin-bottom: 30px
}

#yith-quick-view-content form.cart .group-control,
#yith-quick-view-content form.cart .product-count-down{
    display: none;
}

.user-account-info .account-menu > a{
    font-size: 12px;
}

.user-account-info .account-menu > .dropdown-toggle{
    font-size: 15px;
}



/** 


__          _______  _      ____   _____ _  ________ _____    _____ ____  __  __ 
 \ \        / /  __ \| |    / __ \ / ____| |/ /  ____|  __ \  / ____/ __ \|  \/  |
  \ \  /\  / /| |__) | |   | |  | | |    | ' /| |__  | |__) || |   | |  | | \  / |
   \ \/  \/ / |  ___/| |   | |  | | |    |  < |  __| |  _  / | |   | |  | | |\/| |
    \  /\  /  | |    | |___| |__| | |____| . \| |____| | \ \ | |___| |__| | |  | |
     \/  \/   |_|    |______\____/ \_____|_|\_\______|_|  \_(_)_____\____/|_|  |_|


2.0 - Media Queries **/
@media (max-width: 1200px) {
    .direction-post-control .wrap-next .media{
        float: left;
    }
    .direction-post-control .wrap-next .post-content{
        text-align: left;
        
    } 
    .direction-post-control .wrap-next{
        float: left;
        margin-top: 20px;
    }
    .direction-post-control .wrap-next,
    .direction-post-control .wrap-preview{
        clear: both;
        overflow:hidden;
    }
    .direction-post-control .wrap-next .media img{
        margin-left: 0;
        margin-right: 17px;
    }
}

@media (max-width: 767px) {
    .sidebar {
        margin-top: 40px;
    }
    
    .direction-post-control .wrap-next .media {
        margin-right: 5px;
    }
}

@media (max-width: 480px){
    .direction-post-control .media{
        max-width: 70px;
    }
    
    .direction-post-control .post-content{
        max-width: calc(100% - 80px);
        margin-left: 10px;
        margin-top: 0;
    }
    
    .direction-post-control .media, 
    .direction-post-control .post-content{
        float: left;
    }
    
    .direction-post-control .wrap-next{
        margin-top: 0;
    }
}

@media (max-width: 400px){
    .direction-post-control .media,
    .direction-post-control .post-content{
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
    
    .direction-post-control .wrap-next .media{
        margin-bottom: 10px;
    }
}