/*
Theme Name: Kreatury EU
Text Domain: kreatury
Template: storefront
*/

/**
* CUSTOM EDIT
 */

.woocommerce-products-header {
    text-align:center;
    padding-top: 20px;
    padding-bottom:20px;
}

.category-header-image {
    width:100%;height:300px;
    background-position:center;
    background-repeat: no-repeat;
}


/*@media screen and (min-width:768px) {*/
    /*#masthead .col-full {*/
        /*width: auto;*/
        /*max-width: 100%;*/
    /*}*/
/*}*/
/*.storefront-primary-navigation .col-full {margin:0;padding:0;}*/

.primary-navigation .nav-menu {
    display: flex;
    justify-content: space-between;
}

.woocommerce-active .site-header .main-navigation {width:100%;}

.main-navigation ul li, .secondary-navigation ul li {
    width:100%;
    text-align:center;
}

.main-navigation ul li a, .secondary-navigation ul li a {
    font-size:1.5rem;
    overflow: hidden;
    white-space: nowrap;
}

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    padding:10px;
    text-transform: uppercase;
}

.woocommerce-active .site-header .site-header-cart {
    text-align:left;
}

.site-branding .site-title {
    font-size:3em;
}

.site-branding {margin-bottom:0px;}
/*.site-header{padding-top:1.4em;}*/


body {
    /*background-color: #FFDAB9;*/
    /*background-color: #E7E7E7;*/
    background-color: #FFFFFF;

}

.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, .site-footer .storefront-handheld-footer-bar a:not(.button), button.menu-toggle, button.menu-toggle:hover, .handheld-navigation .dropdown-toggle {
    color:#010650;
}

.main-navigation ul li, .secondary-navigation ul li {
    background-color:#FFDAB9;
}
.main-navigation ul li:hover, .secondary-navigation ul li:hover, .widget_product_categories ul li:hover {
    background-color:#FFB291;
}

/*.widget-area {*/
    /*border: 2px solid #030532;*/
/*}*/


/* HOMEPAGE */

.home-title {
    text-align:center;
}



.home-category-wrapper .category:hover .image {
    -webkit-transition: background .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
    transition: background .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
    -o-transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 150% auto;
    border:0px;
}

.home-category-wrapper .category .image {
    -webkit-transition: background .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
    transition: background .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
    -o-transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
    background-position: center center;
    background-repeat: no-repeat;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 130% auto;
    /*height:200px;*/
    padding: 66.5% 0% 0% 0%;
    border:0px;
}


.home-category-wrapper .category {
    width:100%;
    padding-bottom:30px;
    cursor:pointer;
    border:0px;
}

@media screen and (min-width:768px) {
    .home-category-wrapper .category {
        width: 32%;
        float: left;
    }

    .home-category-wrapper .category:nth-child(3n+1) {
        margin-right: 2%;
    }

    .home-category-wrapper .category:nth-child(3n+3) {
        margin-left: 2%;
    }
}

.storefront-breadcrumb {
    padding: 1.41575em 0;
    margin: 0 0 0.706325903em;
}

.read-more-button {
    float:right;
    text-decoration: none !important;
    font-style: normal;
    font-weight: 900;
    font-size: 11px;
    line-height: 1;
    font-family: Lato, sans-serif;
    letter-spacing: 1px;
    color: #ffffff;
    background-color: #56b621;
    display: inline-block;
    max-width: 100%;
    padding: 12px 20px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-decoration: none;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.home-category-wrapper .category h2 {
    text-align:center;
    /*background-color: rgba(71,71,71,0.9);*/
    padding: 15px 0px 8px 0px;
    margin: 0px 0px 0px 0px;
    /*color:white;*/
    font-size:2rem;
    text-transform: uppercase;
    font-weight:bold;
    color:#010650;
    /*font-family: "Lato", Sans-serif;*/
}

.blog-page h2 a {
    color:black;
}

.blog-page h2 {
    margin-bottom:0.4em;
}

.hentry .entry-header .posted-on a, .hentry .entry-header .post-author a, .hentry .entry-header .post-comments a, .hentry .entry-header .byline a {
    text-decoration:none;
}

.hentry .entry-header {
    border-bottom:none;
    margin-bottom:2em
}

.product-categories li a  {
    font-family: 'Raleway', sans-serif;
    font-weight: 400 !important;
}

.widget_product_categories ul li::before {
    content: " ";
    display: none;
}

.widget_product_categories ul li a {
    text-transform: uppercase;
    text-decoration: none !important;

}

.widget_product_categories ul li.current-cat > a {
    color:#e2a99e;
}

.widget_product_categories ul li a:hover {
    color:#e2a99e;
}