@import "core.less?1"; @import "libs/mixins.less"; /* Geral */ body { background: url(../img/background/pattern.jpg) 0 0 repeat; color: @cor; font: @fonte; position: relative; } em { font-style: italic !important; } strong { font-weight: bold !important; } #wrapper { max-width: 1920px; margin: 0 auto; width: 100%; overflow: hidden; } .content { margin: 0 auto; } .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .full { width: 100%; } .left { float: left; } .right { float: right; } /* Placeholder */ ::-webkit-input-placeholder { .opacity (1); } :-moz-placeholder { .opacity (1); } ::-moz-placeholder { .opacity (1); } :-ms-input-placeholder { .opacity (1); } .placeholder { .opacity (1); } img { max-width: 100%; } .datepicker { background-color: @corCinzaClean; border: 1px solid @corCinza; display: none; z-index: 99999; &:before { border-bottom-color: @corCinza; } &:after { border-bottom-color: @corCinzaClean; } }/* datepicker */ #datePickerDe, #datePickerAte { .caledario; height: 36px; } .mask { display: none; height: 100%; position: absolute; width: 100%; z-index: 99; &.popupMask { background-color: rgba(43, 43, 43, 0.95); top: 0; } } .popup { display: none; left: 50%; margin-left: -280px; position: absolute; top: 0; width: 540px; z-index: 999; .btnFechar { border: 1px solid @corClara; color: @corClara; float: right; font-weight: normal; height: 25px; padding: 5px 0 0 10px; width: 80px; span { color: @corVermelho; margin-right: 5px; } } .conteudo { border: 1px solid @corClara; margin-top: 40px; padding: 0 40px 40px; .tituloSessao { color: @corClara; margin-top: 40px; } .boxLinks { margin-top: 30px; text-align: center; width: 460px; li { display: inline-block; margin: 0 10px 5px 0; /* &:nth-child(2n) { margin-right: 0; } */ a { img { border: 1px solid @corClara; } } }/* li */ }/* boxLinks */ }/* conteudo */ &.evento { .conteudo { .tituloSessao { margin-bottom: 40px; } .infoEvento { color: @corClara; font-size: 14px; letter-spacing: -0.3px; line-height: 26px; p { margin: 30px 0; a { color: @corMenu; display: inline-block; text-decoration: underline; } }/* p */ div, address { padding-left: 30px; background-position: 0 7px; background-repeat: no-repeat; } .data { .caledario; float: left; height: 25px; } .hora { background-image: url(../img/icone/relogio.png); float: right; width: 75px; } address { background-image: url(../img/icone/bandeira.png); clear: both; float: left; margin: 5px 0 40px; a { color: @corMenu; display: inline-block; text-decoration: underline; } } .btnQueroParticipar { border: 1px solid @corClara; color: @corClara; float: left; height: 33px; padding-top: 5px; text-align: center; width: 192px; } .addThis { float: right; height: 25px; margin-top: 9px; a { float: left; } }/* addThis */ }/* infoEvento */ }/* conteudo */ }/* evento */ }/* popup */ /* Modal Window */ #mask-modal{ position: absolute; z-index: 9000; display: none; cursor: pointer; top: 0; background: #000; } #banner-carta-compromisso{ position: fixed; z-index: 9998; display: none; width: 640px; height: 390px; } /* Modal Window */ #mask-video { background: #000; position: fixed; z-index: 1000; display: none; top: 0; left: 0; min-width: 100%; min-height: 100%; opacity: 0.8; } #window { position: fixed; display: none; top: 50%; left: 50%; margin-top: -225px; z-index: 1001; } /* somente genericos */ header { /*background-color: @corClara;*/ background: url(../img/background/pattern-menu.jpg) center center repeat; .logo { background-image: url(../img/logo/arqueiro.png); background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; } .content { background: transparent; } &.mobile { height: 120px; .content { height: 120px; a, form { background-color: @corClara; background-repeat: no-repeat; background-position: center center; float: left; height: 120px; } .logo { background-size: 86px 80px; margin: 0 1px; } .menu { background-image: url(../img/icone/menu.svg); background-size: 20px; } .lupa { background-image: url(../img/icone/lupa.svg); background-size: 20px; } }/* content */ }/* mobile */ }/* header */ .menuMobile { .patternCinza; border: 1px solid rgba(75, 75, 75, 0.5); height: 100%; left: -100%; position: absolute; width: 400px; z-index: 99999; .socialFechar { .social { float: left; width: 350px; li { border-bottom: 1px solid #373737; border-right: 1px solid #373737; border-left: 1px solid #4b4b4b; float: left; a { height: 30px; padding: 18px 26px 0; text-align: center; svg path { fill: @corMenu; } } &:first-child { a { padding: 18px 28px 0 27px; } } &:last-child { } }/* li */ }/* ul social */ .btnFechar { background: url(../img/icone/fechar.png) center center no-repeat; float: left; height: 49px; width: 50px; } }/* socialFechar */ nav { ul { li { a { border-bottom: 1px solid #373737; border-top: 1px solid #4b4b4b; color: @corClara; font-family: @fontBebaNeueRegular; font-size: 14px; line-height: 36px; padding: 0 25px; text-align: left; text-transform: uppercase; } &:last-child { a { svg { float: left; margin: 11px 7px 0 0; path { fill: @corClara; } }/* svg */ }/* a */ }/* last */ .subMenu { ul { float: left; &.segundo { border-left: 1px solid #444444; a { border-right: 0 none; } } .hit-submenu{ width: 109%; background-color: red; height: 73px; margin-top: -98px; } li { a { .patternCinza; border-bottom-color: #323232; border-right: 1px solid #323232; border-top-color: #444444; color: @corCinzaClaro; font-family: @fontFamilyCantarell; font-size: 10px; padding: 0 15px 0 25px; } }/* li */ }/* ul */ }/* subMnenu */ }/* li */ }/* ul */ }/* nav */ }/* menuMobile */ .menuSearch { border: 1px solid rgba(75, 75, 75, 0.5); height: 100%; position: absolute; right: -100%; width: 400px; z-index: 99999; .btnFechar { background: url(../img/icone/fechar.png) center center no-repeat; height: 49px; width: 50px; } .tituloSessao { color: @corAzul; margin: 45px 0 30px; padding: 0 30px; .subtitulo { color: @corClara; } } form { padding: 0 30px; input[type="text"], input[type="button"], input[type="submit"] { height: 38px; margin-bottom: 10px; padding: 0 20px; width: 298px; } input[type="text"] { height: 36px; margin-right: 10px; } input[type="button"], input[type="submit"] { margin-top: 30px; width: 340px; } #datePickerDe, #datePickerAte { .caledario; background-position: 312px center; height: 36px; } #genero{ width: 100%; height: 40px; background: transparent; color: #9b9b9b; border-color: #9b9b9b; padding-left: 14px; text-transform: uppercase; font-size: 11px; } .genero { float: left; height: 40px; margin: 0 0 10px 0; text-transform: uppercase; width: 340px; .chosen-container, .chzn-container { .chosen-single, .chzn-single { background: url(../img/icone/seta-down-form.png) 310px 17px no-repeat; border: 1px solid @corCinza; color: @corCinza; font-size: 11px; height: 32px; padding: 8px 0 0 20px; width: 318px; } .chosen-single-with-drop, .chzn-single-with-drop { border-left: 1px solid @corCinzaClaro; border-right: 1px solid @corCinzaClaro; border-top: 1px solid @corCinzaClaro; width: 318px; } .chosen-drop, .chzn-drop { background-color: @corCinzaClaro; border-bottom: 1px solid @corBorderBox; border-left: 1px solid @corBorderBox; border-right: 1px solid @corBorderBox; margin-top: -1px; .chosen-search, .chzn-search { display: none; } .chosen-results, .chzn-results { height: 300px; overflow-y: scroll; li { border-top: 1px solid @corBorderBox; color: @corCinzaEscuro; font-size: 11px; padding: 8px 18px; &.highlighted { background-color: @corCinzaClean; color: @corCinzaEscuro; } } }/* chzn-results */ }/* chzn-drop */ }/* chzn-container */ }/* genero */ }/* form */ }/* menuMobile */ .headerBorder { background-color: @corClara; filter: alpha(opacity=15); /* For IE8 and earlier */ height: 10px; opacity: 0.15; width: 100%; z-index: 2; } .tituloSessao { color: @corAzul; font-family: @fontBebaNeueLight; font-size: 34px; text-transform: uppercase; .subtitulo { background-position: 0 6px; .bgSubtitulo; color: #333; font-family: @fontFamilyCantarell; font-size: 16px; height: 20px; line-height: 20px; padding-left: 10px; } .btnListaComp { background-position: right bottom; .bgTituloBig; color: @corCinzaEscuro; float: right; font-size: 14px; height: 30px; line-height: 16px; margin-top: 3px; } }/* tituloSessao */ .dadosImg { color: @corCinza; float: left; margin-top: 0; padding-bottom: 20px; .boxImg { height: 255px; padding: 9px 9px 9px 1px; text-align: center; width: 170px; .capaBg { display: inline-block; background: url(../img/background/capa-bg.gif) repeat center; height: 100%; line-height: 252px; vertical-align: middle; width: 100%; img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; } }// capaBg .hoverImg { display: none; height: 255px; position: absolute; top: 9px; width: 170px; .info { margin: 110px 0 0 14px; position: absolute; text-align: center; width: 140px; z-index: 1; a { color: @corClara; padding: 30px 20px 30px 0; &.ondeComprar { background: url(../img/icone/cifrao.png) no-repeat right center; } &.maisDetalhes { background: url(../img/icone/lupa-branca-17x16.png) no-repeat right center; } } .divisor { border-bottom: 1px solid #9b7b1b; margin: 15px 0; } } .bg { background-color: #000; filter: alpha(opacity=57); /* For IE8 and earlier */ height: 100%; opacity: 0.57; position: absolute; width: 100%; z-index: 0; } }/* hoverImg */ }/* boxImg */ &:hover .hoverImg { display: block; } .titulo { margin-bottom: 25px; margin-top: 15px; } }/* dadosImg */ form { input[type="text"], input[type="button"], input[type="submit"] { background-color: transparent; border: 1px solid @corCinzaEscuro; color: @corMenu; font-family: @fontFamilyCantarell; font-size: 13px; text-transform: uppercase; } input[type="text"] { border-color: @corCinza; color: @corCinza; float: left; font-size: 11px; &:focus { border-color: @corCinzaClaro; color: @corCinzaClaro; } } input[type="button"], input[type="submit"] { cursor: pointer; &:hover { border-color: @corMenu; } } }/* form */ section { .dadosImg { font-family: @fontFamilyCantarell; margin-top: 20px; padding: 0 9px; text-align: left; text-transform: uppercase; width: 172px; .titulo { color: @corCinzaDark; font-family: @fontBebaNeueRegular; font-size: 20px; margin-bottom: 15px; } .autGen { display: inline; }// autGen a { color: @corAzul; display: inline; line-height: 20px; &:hover { text-decoration: underline; } }/* a */ }/* dadosImg */ .smallNumber { color: @corCinzaDark; display: inline-block; font-family: @fontFamilyCantarell; font-size: 12px; } .lancamentos, .vendidos, .boxCarrossel { clear: both; .carrossel { //height: 470px; margin-top: 40px; .slick-slider { cursor: pointer; .slick-slide { .boxImg { background-color: #ececec; border: 1px solid @corBorderBox; height: 255px; padding: 9px 9px 9px 10px; text-align: center; width: 169px; .capaBg { display: inline-block; background: url(../img/background/capa-bg.gif) repeat center; height: 100%; line-height: 252px; vertical-align: middle; width: 100%; img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; } }// capaBg .hoverImg { display: none; height: 255px; left: 10px; position: absolute; top: 9px; width: 170px; .info { margin: 81px 0 0 14px; position: absolute; text-align: center; width: 135px; z-index: 1; a { color: @corClara; padding: 30px 15px 30px 0; text-transform: uppercase; &.ondeComprar { background: url(../img/icone/cifrao.png) no-repeat right center; } &.maisDetalhes { background: url(../img/icone/lupa-branca-17x16.png) no-repeat right center; } } .divisor { border-bottom: 1px solid #9b7b1b; margin: 15px 0; } }// info .bg { background-color: #000; filter: alpha(opacity=57); /* For IE8 and earlier */ height: 100%; opacity: 0.57; position: absolute; width: 100%; z-index: 0; } }/* hoverImg */ .boxSetaDown { background-position: center center; margin-top: 9px; width: 100%; } }/* boxImg */ .dadosImg { .titulo { margin-top: 0; }// titulo }// dadosImg &:hover .hoverImg { display: block; } }// slick-slide .slick-prev, .slick-next { content: " "; height: 193px; transition: none; width: 40px; &:hover { background-position: 0 -193px; } }// slick .slick-prev { background: url(../img/icone/bx-seta-left.png) no-repeat 0 0; } .slick-next { background: url(../img/icone/bx-seta-right.png) no-repeat 0 0; } }// slick-slider }/* carrossel */ }/* lancamentos vendidos boxCarrossel */ .lancamentos, .vendidos { .carrossel { ul { li { width: 190px; .boxImg { //width: 190px; } }/* li */ }/* ul */ }/* carrossel */ }/* lancamentos vendidos */ .boxNovidadeDica { .novidade { overflow: hidden; }/* novidade */ }/* boxNovidadeDica */ .boxImg { .tagImg { height: 25px; left: 1px; position: absolute; top: 29px; width: 61px; .tag { color: @corClara; font-size: 10px; padding: 7px 5px 0; position: absolute; text-transform: uppercase; z-index: 1; } .tagBg { background-color: @cor; filter: alpha(opacity=57); /* For IE8 and earlier */ height: 100%; opacity: 0.57; position: absolute; width: 100%; } }/* tagImg */ }/* boxImg */ }/* section */ footer { background-color: @corFooter; font-size: 14px; margin-top: 80px; padding: 40px 0 0 0; width: 100%; nav { float: left; padding-bottom: 32px; width: 540px; .logo { float: left; width: 60px; height: 60px; text-indent: -5000px; background: url(../img/logo/logo-bottom.png) no-repeat center center; path { fill: @corMenu; } }/* logo */ ul { float: left; &.first { width: 320px; } &.second { width: 150px; } li { clear: both; cursor: pointer; a { color: @corMenu; font-family: @fontBebaNeueRegular; margin: 0 0 12px 0; text-transform: uppercase; white-space: nowrap; font-size: 16px; &:hover { color: @corClara; } }/* a */ > a { &:hover { padding-left: 4px; } } .subMenu { margin: 0 0 15px 0; width: 320px; li { a { color: @corCinzaClaro; float: left; font-family: @fontFamilyCantarell; font-size: 10px; line-height: 16px; margin: 0; &:first-child { width: 190px; } &:hover { color: @corClara; margin-right: -4px; } }/* a */ }/* li */ }/* subMenu */ }/* li */ }/* ul */ }/* nav */ .newsRede { float: right; .newsletter { .patternCinza; margin-top: -60px; padding: 40px 0 0 30px; .tituloSessao { color: @corClara; margin-bottom: 30px; .subtitulo { color: @corAzul !important; } } form { input[type="text"], input[type="button"], input[type="submit"] { height: 38px; padding: 0 20px; } input[type="text"] { height: 36px; margin-right: 10px; } input[type="submit"] { background-color: #1c1c1c !important; border: 0px none !important; &:hover { background-color: #4d4d4d !important; } } #erro_newsletter { color: @corDourado; display: block; margin-top: 7px; } }/* form */ }/* newsletter */ .redeSocial { float: right; padding: 47px 0 0 30px; width: 260px; ol { li { a { background-position: center center; background-repeat: no-repeat; height: 14px; .left; margin: 0 15px 0 0; &:hover { svg path { fill: @corClara; } } svg path { fill: @corMenu; } &.facebook { background-size: 7px 14px; } &.twitter { background-size: 19px 14px; } &.youtube { background-size: 19px 14px; } &.instagran { background-size: 14px; } &.skoob { background-size: 18px 14px; margin: 0; } &.faleConosco { background-position: left 2px; background-size: 19px 14px; color: @corMenu; font-family: @fontBebaNeueRegular; font-size: 14px; height: 20px; margin: 0 0 0 30px; text-indent: inherit; text-transform: uppercase; &:hover { color: @corClara; } svg { float: left; margin-right: 8px; margin-top: 1px; } } }/* a */ }/* li */ }/* ol */ }/* redeSocial */ }/* newsRede */ .copyright { clear: both; color: @corMenu; font-family: @fontFjalla; font-size: 16px !important; padding-top: 45px; text-transform: uppercase; .labcom { background: url(../img/logo/labcom.png) 0 0 no-repeat; height: 15px; text-indent: -9999px; width: 51px; } }/* copyright */ }/* footer */ /* aplica somente a partir de 767px */ @media screen and (max-width: 767px) { @import "320.less"; }/* a partir de 320px */ /* aplica somente a partir de 768px */ @media screen and (min-width: 768px) and (max-width: 959px) { @import "768.less?123"; }/* a partir de 768px */ /* aplica somente a partir de 960px */ @media screen and (min-width: 960px) { @import "960.less?1"; }/* a partir de 960px */ /* Rating */ .rating { overflow: hidden; display: inline-block; padding: 10px 0 10px 0; position: relative; } .rating-input { position: absolute; left: 0; top: -50px; } .rating:hover .rating-star:hover, .rating:hover .rating-star:hover ~ .rating-star, .rating-input:checked ~ .rating-star { background-position: center 0; } .rating-star, .rating:hover .rating-star { float: right; display: block; width: 22px; height: 20px; background: url('../img/icone/stars.png') center -20px; } header { .redeSocial { padding: 34px 0 0 30px !important; height: 126px; ol { li { .frm-busca { height: 30px; width: 150px; float: left; input[type="text"] { font-size: 10px; height: 20px; width: 115px; padding: 5px 7px; border: 0; border-bottom: 1px solid #d4d4d4; color: #aba39e; } input[type="submit"] { position: absolute; top: 7px; right: 30px; height: 15px; width: 15px; background: url(../img/icone/busca-menu.png) no-repeat center center; text-indent: -5000px; border: 0; cursor: pointer; } } } } } &.desktop-fixed { display: none; position: fixed; top: 0; left: 0; height: 100px; width: 100%; background: url("../img/background/pattern-menu.jpg") repeat center center; z-index: 99; .content { height: 100px; .logo { margin-top: 0px; width: 80px; height: 100px; background: url(../img/logo/logo-reduziada.png) no-repeat center left; border-right: 1px dotted #e9e9e9; } nav { height: 100px; > ul { margin-top: 40px; border: 0 !important; > li { border: 0 !important; cursor: pointer; > a { border: 0 !important; height: 60px; cursor: pointer; } > ul { top: -20px; } div { margin: -56px 2.5px 0; } } } } .redeSocial { border-left: 1px dotted #e9e9e9; height: 100px; padding: 0 !important; width: 225px; ol { padding: 40px 0 0 20px; li { a { margin: 0 10px 0 0 !important; &.faleConosco { margin: -2px 0 0 !important; width: 14px; } } .frm-busca { position: absolute; top: -8px; right: 38px; width: auto; input[type="text"] { border: 0; background: #fff; border-bottom: 1px solid #9b9b9b; width: 154px; display: none; } input[type="submit"] { right: 0 !important } } } } } } } } #btn-scroll-top { display: none; position: fixed; bottom: 20px; right: 30px; background: url("../img/icone/seta-top.png") no-repeat -62px 0px; width: 70px; height: 25px; text-indent: -5000px; &:hover { background-position: -255px 0px; } } .newsRede{ display: none; }