testpage

test!





@catalog(brand_name)


/* Banner en el index */ #diaPadreBanner{ position: relative; } .banner-index { width: 100%; height: auto; position: relative; overflow: hidden; } .banner-index picture, .banner-index img { width: 100%; display: block; } .visible{ display: block!important; } /* Counter Dia del Padre */ .counter { font-family: "BebasNeue"; padding: 10px; border-radius: 5px; display: none; } .counter-background{ background-color: #646363; padding: 5px; border-radius: 10px; } .separator{ padding: 0px 5px; height: 40px; } .separator-signe{ color: white; font-family: "BebasNeue"; font-size: 1.5rem; } .counter > * { display: inline-flex; vertical-align: middle; } .counter__item-number { font-size: 15vw; display: block; border-radius: 8px; } .counter__item-caption { text-align: center; display: block; } /*-------- diaPadre ----------*/ #counter-days{ display:none; } .counter--diaPadre .counter__item-number, .counter--diaPadre .counter__item-caption { color: #ffffff; } .counter--diaPadre .counter__item-number { font-size: 8vw; font-size: 600; background-color: #3c3c3b; border-radius: 4px; padding: 0px 5px; text-align: center; padding-top:8px; } .counter--diaPadre .counter__item-caption { font-weight: 800; font-size: 2.5vw; padding: 1px 0 3px 0; text-transform: uppercase; } .counter--diaPadre.counter--diaPadre--hangover { position: absolute; top: 10px; right: 5px; } @media all and (min-width: 30em){ .separator-signe{ font-size: 2rem; } } @media (min-width: 40em){ .counter--diaPadre.counter--diaPadre--hangover { position: absolute; top: 68%; right: 37%; } .counter > * { display: inline-block; } .counter--diaPadre .counter__item-number { font-size: 3vw; width: 5vw; } .separator-signe { font-size: 1.45rem; } .counter--diaPadre .counter__item-caption { font-size: 1.5vw; } .counter-background { background-color: #646363; padding: 5px; border-radius: 5px; } } @media all and (min-width: 64em) { .counter--diaPadre.counter--diaPadre--hangover { position: absolute; top: 70%; right: 44%; } .counter--diaPadre .counter__item-caption { font-size: 12px; } .counter--diaPadre .counter__item-number { font-size: 30px!important; width: 48px!important; } .separator-signe{ font-size: 25px; } } /* Hangover Style */ .counter--diaPadre.counter--diaPadre--hangover > * { display: inline-flex; } /****/
XX
days
XX

:

XX

:

XX