.w3-theme-l5 {color:#000 !important; background-color:#f5f4f4 !important}
.w3-theme-l4 {color:#000 !important; background-color:#dedada !important}
.w3-theme-l3 {color:#000 !important; background-color:#bdb4b5 !important}
.w3-theme-l2 {color:#fff !important; background-color:#9c8f90 !important}
.w3-theme-l1 {color:#fff !important; background-color:#796b6d !important}
.w3-theme-d1 {color:#fff !important; background-color:#4b4344 !important}
.w3-theme-d2 {color:#fff !important; background-color:#433b3c !important}
.w3-theme-d3 {color:#fff !important; background-color:#3b3435 !important}
.w3-theme-d4 {color:#fff !important; background-color:#322d2d !important}
.w3-theme-d5 {color:#fff !important; background-color:#2a2526 !important}

.w3-theme-light {color:#000 !important; background-color:#f5f4f4 !important}
.w3-theme-dark {color:#fff !important; background-color:#2a2526 !important}
.w3-theme-action {color:#fff !important; background-color:#2a2526 !important}

.w3-theme {color:#fff !important; background-color:#544a4b !important}
.w3-text-theme {color:#544a4b !important}
.w3-border-theme {border-color:#544a4b !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#544a4b !important}
.w3-hover-text-theme:hover {color:#544a4b !important}
.w3-hover-border-theme:hover {border-color:#544a4b !important}

.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
    border: 0px;
}

.breadcrumb {
    margin-top: 20px;
}

a {color:#544a4b;}
a:hover {color:#544a4b;}

sls-btn-color-green {
    color: #68B90F;
}

/* FOOTER */

.outfit-footer-navigation {}
.outfit-footer-navigation a {color: #aaa;}
.outfit-footer-navigation a:hover {color: #fff; text-decoration: none;}
.outfit-footer-copy {}

/* HOMEPAGE */

div.outfit-homepage-container {
    background-image: url('../image/outfit/hlfit.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}

div.outfit-homepage-panel {
    border-radius: 0px !important;
    margin: 10px 0px;
}

div.outfit-homepage-panel h3 {
    margin: 10px 0px;
}

/* BLOG LIST */

.article-container {
    margin-bottom: 20px;
    border: 0px solid black;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
}

div.article-container h4 {
    background-color: white;
    padding: 20px 20px 20px 20px;
    margin: 0px;
}
.article-container a:hover {
    text-decoration: none !important;
}

.article-container a:hover h4 {
    background-color: #796b6d;
    color: #fff;
    text-decoration: none !important;
}

.article-thumb-container {
    height: 240px; overflow: hidden; 
    background-image: url('../image/logo/myoutfit.cz_finalni_400px.png');
    background-repeat: no-repeat; 
    background-size: cover;
}

/* BLOG DETAIL */

.article-detail-container {}
.article-detail-container h3 {}
.article-detail-container .article-detail-thumb-container {float: left;}
.article-detail-thumb-container .article-thumb-detail {height: 100%; width: auto;}
.article-detail-container p {text-align: justify;}

/* OUTFIT LIST */

div.outfit-container {
    margin-bottom: 20px;
    border: 0px solid black;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
}

div.outfit-container-background {
    background-color: #544a4b; 
}

div.outfit-container h4 {
    background-color: white;
    padding: 20px 20px 20px 20px;
    margin: 0px;
}
div.outfit-thumb-container {    
    height: 240px;
    overflow: hidden;
    background-repeat: no-repeat; 
    background-size: cover;
}
.outfit-container a:hover {
    text-decoration: none !important;
}

.outfit-container a:hover h4 {
    background-color: #796b6d;
    color: #fff;
    text-decoration: none !important;
}


/* OUTFIT ITEMS */

.outfit-item-container {
    margin-bottom: 20px;
    border: 0px solid black;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
}

.outfit-item-container .item-detail-title {
    background-color: white;
    padding: 20px 20px 20px 20px;
    margin: 0px;
}
.outfit-item-thumb-container {    
    height: 240px;
    overflow: hidden;
    background-repeat: no-repeat; 
    background-size: cover;
}
.outfit-item-container a:hover {
    text-decoration: none !important;
}

.outfit-item-container a:hover .item-detail-title {
    background-color: #796b6d;
    color: #fff;
    text-decoration: none !important;
}

.outfit-item-inner-container p {
    text-align: center;
    padding: 10px 2px;
}

a.item-list-top {
    font-weight: 500;
    text-decoration: underline;
}
a.item-list-top:hover {
    text-decoration: none;