/*
 Project Name: Divina Noite
 Theme Name: Default
 Author: Digisoft Informática
 URI: www.lojadivinanoite.com.br 

 Sumary:
 [ 1 - Promotional tags ]
 [ 2 - Slider Msg ]
*/

div.topbar img {width: 100%;}
div.topbar > h1 {color: #C29C6B; font-family: 'Poiret One', cursive; font-size: 65px; position: absolute; line-height: 65px; margin: 100px 0 0 44px;}
.topbar-only-mobile {display: none !important;}

.title-bar .h1-mobile {/*display: none;*/ margin-right: 10px;}
.title-bar .path-mobile {margin-left: 0px !important;}

/*div.promo-cupom {display: block; background-color: #001c3f; color: #FFF; font-size: 13px; text-align: center; margin: 0 auto 10px; padding: 4px;}
div.promo-cupom span {color: #ea65a4; font-weight: 700;}*/
div.promo-cupom {display: block; background-color: #ea65a4; color: #FFF; font-size: 13px; text-align: center; margin: 0 auto 10px; padding: 4px;}
div.promo-cupom span {color: #FFF; font-weight: 700;}

span.liquida-progressiva {
    display: block; 
    text-align: center; 
    background: #d95e93; 
    color: #FFF; 
    font-size: 13px; 
    bottom: 19px;
    position: absolute;
    width: 99%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    height: 19px;
}

.container-filter-by-size {display: none; /*background: #FFF url(../img/promo/black-week-2019/container-filter-size-1250.jpg) center center no-repeat; height: 270px; */ width: 100%; position: relative;}
.container-filter-by-size .box-filter-by-size {height: 90px; position: absolute; right: 140px; top: 150px; text-align: center;}
.container-filter-by-size .box-filter-by-size img {margin: 0 0 5px 0;}
.container-filter-by-size ul {list-style: none; text-align: center;}
.container-filter-by-size ul > li {list-style: none; display: inline-block; width: 55px; height: 60px;}
.container-filter-by-size ul > li > a {width: 50px; height: 50px; border-radius: 100px; background-color: #BF995B; color: #FFF; font-size: 18px; display: inline-block; padding: 15px 8px; box-sizing: border-box; text-align: center; font-weight: 400; text-decoration: none;}
.container-filter-by-size ul > li > a:hover, .container-filter-by-size ul > li > a.selected {background-color: #9e7753; /*#e2508f*/ color: #FFF; font-weight: 400;}

@media screen and (max-width: 1280px) {
    /*.container-filter-by-size {background: #FFF url(../img/promo/black-week-2019/container-filter-size-1200.jpg) center center no-repeat;}
    .container-filter-by-size .box-filter-by-size {right: 100px;}*/
}

@media screen and (max-width: 1150px) {
    /*.container-filter-by-size .box-filter-by-size {right: 50px;}*/
}

@media screen and (max-width: 900px) {    
    .container-filter-by-size {display: block; height: 100px; background-color: #c29c6b; /*#f9e5e8;*/}
    .container-filter-by-size .box-filter-by-size {right: auto; width: 100%; top: 10px;}
    .container-filter-by-size .box-filter-by-size span {color: #FFF; /*#e2508f*/ font-size: 16px; font-weight: 400; margin: 0 0 10px 0; display: block;}
    .container-filter-by-size ul > li {width: 45px; height: 50px;}
    .container-filter-by-size ul > li > a {width: 40px; height: 40px; padding: 10px 0; font-size: 16px; background-color: #FFF; color: #9e7753; /*#e2508f*/}
    .container-filter-by-size ul > li > a.selected {background-color: #9e7753; /*#e2508f*/ color: #FFF;}
}

@media screen and (max-width: 640px) {    
    .topbar-no-mobile, .topbar-black-week {display: none !important;}
    .topbar-only-mobile {display: block !important; margin-bottom: 5px;}
}

@media screen and (max-width: 1050px) {
    div.topbar > h1 {margin-top: 75px;}    
}

@media screen and (max-width: 900px) {
    div.topbar {display: none;}
    
    div.topbar-promo {display: block;}
    div.topbar-promo h1 {display: none;}
    
    .title-bar .h1-mobile {display: inline-block;}
    .title-bar .path-mobile {margin-left: 20px;}
    
    div.promo-cupom span {display: block;}
    div.promo-cupom span.no-mobile {display: none;}
}

@media screen and (max-width: 450px) {
    span.liquida-progressiva {font-size: 11px;}
}


/*********************
 2 - Slider Msg
*********************/

.slider-msg {display: none; box-sizing: border-box; border-radius: 3px; background-color: #e1bf9d; height: 52px; width: 99%; position: fixed; z-index: 9999; bottom: 2%; left: 0.5%;}

@media screen and (max-width: 450px) {
    .slider-msg {display: none;}
}