/* * responsive.custom.css is for custom media queries that are not set via the * theme settings, such as cascading media queries. * * By default all the other responsive stylesheets used in Adaptivetheme use a * "stacking method", however cascading media queries use a waterfall method so * you can leverage the cascade and inheritance for all browsers that support * media queries. * * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack * * NOTE: this file loads by default, to disable go to your theme settings and * look under the "CSS" settings tab. */ /* * Really small screens and up */ /* @media only screen and (min-width: 220px) {} */ /* * Smalltouch sizes and up */ /* @media only screen and (min-width: 320px) {} */ /* * Smalltouch sizes and down */ /*@media only screen and (max-width: 480px) {}*/ /* * Float Region Blocks - custom media query CSS example: * * Float regions blocks is an Extension you can enable in the appearance * settings for your theme. This feature allows you to automatically float * blocks in regions, you can switch it on and off depending on your * requirements. For design purposes you many want to remove the floats for * devices where the entire theme is just one column - for example small * mobile phones. The following CSS is inside the custom media query: * * @media only screen and (max-width: 480px){} * * This will target devices with a maximum width of 480px - most small phones. * In these smaller screen sizes we can remove the float and widths so all * blocks stack instead of displaying horizonally. The selector used is an * "attribute selector" which will match on any float block class. Use your * inspector or Firebug to get the classes from the page output if you need * more granular control over block alignment and stacking. */ /*.region[class*="float-blocks"] .block { float: none; width: 100%; } }*/ /* * Tablet sizes and up */ /* @media only screen and (min-width: 768px) {} */ /* * Desktops/laptops and up */ /* @media only screen and (min-width: 1025px) {} */ /* * Images Retina */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { div#nav-featured a.bullet, div#nav-featured a.bullet:hover, div#nav-featured a.activeSlide, div#control a { background: url(../images/sp-control2x.png) 0 0 no-repeat; background-size: 120%; } div#nav-featured a.activeSlide { background-position: 0 -13px; } .view-content > div#control a.played { background-position: 0 -25px; } .view-content > div#control a.paused { background-position: 0 -38px; } p.bt-cta a { background: url("../images/cta-arrow-mob2x.png") no-repeat scroll right center transparent !important; display: block; padding-right: 10px; text-decoration: none; height: 15px; } } @media (min-width: 321px) and (max-width: 535px) { #footer ul#contact-sub-items li.bg-bottom, #footer ul#contact-sub-items li:hover, #footer ul#contact-sub-items li, #footer ul#contact-sub-items { /*left: -76px !important;*/ left: -75px !important; } #footer ul#contact-sub-items li.bg-bottom{ right: -10px; } } @media only screen and (min-width: 300px) and (max-width: 320px) { div.highlights-default div.parts-highlight-odd { float: left; /*width: 40.6%;*/ width: 41.4%; /*height:246px;*/ height:250px; margin: 0.5% 0; } div.highlights-default div.parts-highlight-pair { float: right; width: 57.8%; /*height:246px;*/ height:250px; margin: 0.5% 0; } div.view-highlight .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-pair div.over-highlighted, div.view-highlight .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-odd div.over-highlighted, div.view-highlight .highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-odd div.over-highlighted { top: 42%; } #footer ul#contact-sub-items li.bg-bottom, #footer ul#contact-sub-items li:hover, #footer ul#contact-sub-items li, #footer ul#contact-sub-items { /*left: -76px !important;*/ left: -53px !important; } /* * INSTAGRAM E FACEBOOK */ div.highdefault .parts-highlight-img div#prev:hover, div.highdefault .parts-highlight-img div#prev { background: url(../images/sp-fbarrow-prev-mob.png) left 0 no-repeat; } div.highdefault .parts-highlight-img div#next:hover, div.highdefault .parts-highlight-img div#next { background: url(../images/sp-fbarrow-next-mob.png) right 0 no-repeat; } .tpl-1 { height: 475px !important; } #block-havaianas-havaianas-header div#menu-mobile { padding: 15px 0 0 !important; margin-right: -10px !important; } /* * FORMULARIO */ .customer-service div.captcha, body.node-type-contact-us form.customer-service { width: 250px !important; } body.node-type-international-offices h2, body.node-type-faq-page h2, body.node-type-contact-us h2 { font-size: 205%; } .customer-service .form-item { margin-right: 0 !important; } body.node-type-contact-us div.form-item-reference input, body.node-type-contact-us div.form-item-complement input, body.node-type-contact-us div.form-item-product-model input, body.node-type-contact-us div.form-item-home-phone input, body.node-type-contact-us div.form-item-cell-phone input, body.node-type-contact-us div.form-item-business-phone input, body.node-type-contact-us div.form-item-neighborhood input, body.node-type-contact-us div.form-item-city input, body.node-type-contact-us div.form-item-address input, body.node-type-contact-us div.form-item-product-owner-name input, body.node-type-contact-us div.form-item-name input, body.node-type-contact-us div.form-item-phone input, body.node-type-contact-us div.form-item-email input, body.node-type-contact-us fieldset#edit-social-number input, body.node-type-contact-us div.form-item-product-owner-social-number input { width: 250px !important; } div.form-item-message textarea, div.form-item-product-comments textarea { width: 270px !important; } body.node-type-contact-us div.description, body.node-type-contact-us div.form-item-subject { width: 250px !important; } .customer-service input.form-submit { float: left !important; clear: none !important; } div.box-support { width: 275px !important; } div.box-hour, div.box-phone { width: 225px !important; } div.box-contact { width: 275px !important; } .customer-service div.form-item-terms-and-condition-opt { margin-left: 60px; } div.box-support p.txt-box span { margin-right: 5px !important; } body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper, body.node-type-contact-us .jqTransformSelectWrapper { width: 275px !important; background-position: 0 -70px !important; } body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper, body.node-type-contact-us .jqTransformSelectWrapper:hover { background-position: 0 -103px !important; } body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper ul, body.node-type-contact-us .jqTransformSelectWrapper ul { width: 275px !important; } .customer-service fieldset { width: 255px !important; } .customer-service #recaptcha_area, .customer-service #recaptcha_table { width: 280px!important; } .customer-service .recaptchatable #recaptcha_image { width: 260px !important; } .customer-service .recaptchatable #recaptcha_response_field { width: 175px !important; } .customer-service .recaptchatable a#recaptcha_reload_btn, .customer-service .recaptchatable a#recaptcha_reload_btn:hover { left: 185px; } .customer-service .recaptchatable a#recaptcha_switch_audio_btn, .customer-service .recaptchatable a#recaptcha_switch_audio_btn:hover { left: 215px; } .customer-service .recaptchatable a#recaptcha_whatsthis_btn, .customer-service .recaptchatable a#recaptcha_whatsthis_btn:hover { left: 255px; } /* * REVENDA */ body.node-type-resale div.form-type-markup label { width: 255px !important; } body.node-type-resale div.form-item-address input, body.node-type-resale div.form-item-neighborhood input, body.node-type-resale div.form-type-markup input, body.node-type-resale div.form-item-mail input, body.node-type-resale div.form-item-responsible input, body.node-type-resale div.form-item-company input, body.node-type-resale div.form-item-cell-phone input, body.node-type-resale div.form-item-phone input, body.node-type-resale div.form-item-cnpj input, body.node-type-resale div.form-item-state input, body.node-type-resale div.form-item-city input, body.node-type-resale div.form-item-branch-of-activity input { width: 250px !important; } body.node-type-resale div.form-item-stores input, body.node-type-resale div.form-item-zipcode input { width: 100px !important; } body.node-type-resale div.form-item-other-informations textarea, body.node-type-resale div.form-item-brands textarea { width: 260px !important; } body.node-type-resale div.form-item-brands label { width: 230px !important; } body.node-type-resale .textarea-counter { margin-right: 40px !important; } /* * ESCRITORIOS INTERNACIONAIS */ body.node-type-international-offices .tooltip-content { width: 290px !important; } /* * PRE HOME */ .highlights-default #first-block h2.collection, .highlights-default #first-block p { font-size: 190% !important; } /* * PROPAGANDA */ body.node-type-publicity-page .principal { height: 200px !important; } body.node-type-publicity-page .box { height: 100px !important; } /* * OVERLAY PROPAGANDA */ body.node-type-publicity-page .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-resizable { height: 500px !important; } .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix { width: 87.9% !important; } body.node-type-publicity-page div.dialog-description { width: 220px !important; height: 50px !important; } html.iPhone body.node-type-publicity-page div.dialog-year { height: 80px !important; } html.iPhone body.node-type-publicity-page div.dialog-year p { padding-top: 20px !important; } html.iPhone body.node-type-publicity-page div.dialog-description { width: 245px !important; height: 80px !important; } html.iPhone body.node-type-publicity-page .dialog-box { margin-top: -5px !important; height: 80px !important; } html.iPhone body.node-type-publicity-page div.dialog-description p#dialog-description { font-size: 35% !important; padding-top: 3px !important; } body.node-type-sustainability .ui-dialog .ui-dialog-content { height: 300px !important; display: none !important; } body.node-type-sustainability .ui-dialog .ui-dialog-content iframe { height: 100px !important; } /* * STORE LOCATOR */ body.node-type-stores-page #over_map_left { top: 99px !important; } body.node-type-stores-page #user_location { height: auto !important; width: 90% !important; } body.node-type-stores-page div#user_location h2, body.node-type-stores-page div#user_location p { font-size: 45% !important; letter-spacing: 1px; } body.node-type-stores-page div#user_location div.all-store-block p.lnk-icon { width: 19% !important; height: 35px !important; } body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store { padding: 14% 0 0 6% !important; } body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store a { font-size: 80% !important; } body.node-type-stores-page div#user_location div.back-to-map p.lnk-icon { width: 20px !important; height: 35px !important; } body.node-type-stores-page div#user_location div.back-to-map p.lnk-back-to-map { width: 47px !important; } body.node-type-stores-page div#map_canvas { height: 585px !important; } /* * STORE DETAILS */ body.node-type-stores-page div.details-phone { width: 26% !important; } body.node-type-stores-page div.details-hour { width: 48.3% !important; } body.node-type-stores-page ul.products-list { padding: 0 0 0 20px !important; } body.node-type-stores-page ul.products-list li { width: 140px !important; } body.node-type-stores-page div.details-street { height: 78px !important; } body.node-type-stores-page div#all_stores { margin-top: -483px !important; } /* * DESKTOP */ html.no-touch body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store { width: 74% !important; } html.no-touch body.node-type-stores-page div.details-hour { width: 46.8% !important; } body.node-type-stores-page div.details-rotes { width: 48.9% !important; } } @media only screen and (min-width: 379px) and (max-width: 480px) { /* * ESCRITORIOS INTERNACIONAIS */ body.node-type-international-offices .tooltip-content { width: 430px !important; } /* * Menu & Submenu */ /* #block-havaianas-havaianas-header ul#menu-header { left: -345px !important; width: 270px !important; }*/ ul#submenu-header { left: -280px !important; } /* * GRID PRODUTOS */ div.products-page-wrapper .tpl-1 { background-position: center -125px !important; } .tpl-3, .tpl-4, .tpl-5 { height: 615px !important; background-position: center top !important; background-size: cover !important; } div#flip-flops .tpl-3, div#flip-flops .tpl-4, div#flip-flops .tpl-5 { /*height: 410px !important;*/ height: 520px !important; padding-top: 0; } .tpl-1 .slide { top: 80px !important; } .tpl-1 .wrapper { width:420px !important; height:259px !important; } .tpl-3 .wrapper, .tpl-4 .wrapper, .tpl-5 .wrapper { width: 420px !important; height: 306px !important; } /* * CAIXA TEXTO */ div.box-prod-device { margin-left: 25px !Important; } div.box-prod-device h2 { font-size: 60px !important; padding-top: 20px !important; } /* * PRODUTOS/ILUSTRAÇÕES */ /* * TPL-1 */ .tpl-1 img:nth-child(2){ left:128px !important; } .tpl-1 img:nth-child(3){ top:33px !important; right:17px !important; } .tpl-1 img:nth-child(5){ left:48px !important; } .tpl-1 img:nth-child(6){ top:64px !important; } .tpl-1 img:nth-child(7){ top:64px !important; left:80px !important; } /* * TPL-3 */ .tpl-3 img:nth-child(2){ left:-16px !important; } .tpl-3 img:nth-child(3){ right:32px !important; } .tpl-3 img:nth-child(4){ bottom:47px !important; right:112px !important; } .tpl-3 img:nth-child(5){ left:-32px !important; } .tpl-3 img:nth-child(6){ left:64px !important; } .tpl-3 img:nth-child(8){ left:16px !important; } /* * TPL-4 */ .tpl-4 img:nth-child(2){ left:-16px !important; } .tpl-4 img:nth-child(3){ top:0 !important; right:165px !important; } .tpl-4 img:nth-child(4){ bottom:100px !important; right:-32px !important; } .tpl-4 img:nth-child(5){ left:154px !important; } .tpl-4 img:nth-child(6){ right:16px !important; } .tpl-4 img:nth-child(8){ bottom:78px !important; left:146px !important; } .tpl-4 img:nth-child(9){ bottom:0 !important; } /* * TPL-5 */ .tpl-5 img:nth-child(2){ left:16px !important; } .tpl-5 img:nth-child(3){ top:32px !important; right:80px !important; } .tpl-5 img:nth-child(4){ bottom:80px !important; right:-16px !important; } .tpl-5 img:nth-child(5){ bottom:32px !important; left:96px !important; } .tpl-5 img:nth-child(6){ left:81px !important; } .tpl-5 img:nth-child(8){ bottom:64px !important; right:64px !important; } .tpl-5 img:nth-child(10){ bottom:16px !important; } /* * PROPAGANDA */ body.node-type-publicity-page .principal { height: 300px !important; } body.node-type-publicity-page .box { height: 160px !important; } /* * OVERLAY PROPAGANDA */ body.node-type-publicity-page .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-resizable { height: 1050px !important; padding-top: 20px !important; } .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix { width: 86.8% !important; } .ui-dialog .ui-dialog-titlebar-close { right: -0.7% !important; } body.node-type-publicity-page .ui-dialog .ui-dialog-content { height: auto !important; } body.node-type-publicity-page .ui-dialog .ui-dialog-content iframe { height: 170px !important; } body.node-type-publicity-page div.dialog-description { width: 368px !important; height: 50px !important; } html.iPhone body.node-type-publicity-page div.dialog-year { height: 80px !important; } html.iPhone body.node-type-publicity-page div.dialog-year p { padding-top: 20px !important; } html.iPhone body.node-type-publicity-page div.dialog-description { width: 403px !important; height: 80px !important; } html.iPhone body.node-type-publicity-page .dialog-box { margin-top: -5px !important; height: 80px; } html.iPhone body.node-type-publicity-page div.dialog-description p#dialog-description { font-size: 35% !important; padding-top: 3px !important; } /* * SUSTENTABILIDADE */ body.node-type-sustainability div.sustainability-block .title-text h3 { line-height: 50px !important; } body.node-type-sustainability .ui-dialog .ui-dialog-content, body.node-type-sustainability .ui-dialog .ui-dialog-content iframe { height: 180px !important; } /* * REVENDA */ body.node-type-resale div.form-type-markup label { width: 100%; } body.node-type-resale div.form-item-address input, body.node-type-resale div.form-item-neighborhood input, body.node-type-resale div.form-type-markup input, body.node-type-resale div.form-item-mail input, body.node-type-resale div.form-item-responsible input, body.node-type-resale div.form-item-company input, body.node-type-resale div.form-item-cell-phone input, body.node-type-resale div.form-item-phone input, body.node-type-resale div.form-item-cnpj input, body.node-type-resale div.form-item-state input, body.node-type-resale div.form-item-city input, body.node-type-resale div.form-item-branch-of-activity input { width: 100%; } body.node-type-resale div.form-item-stores input, body.node-type-resale div.form-item-zipcode input { width: 100px; } body.node-type-resale div.form-item-other-informations textarea, body.node-type-resale div.form-item-brands textarea { width: 400px; } body.node-type-resale div.form-item-brands label { width: 360px; } body.node-type-resale .textarea-counter { margin-right: 0; } /* * STORE LOCATOR */ div#user_location input#googlesearch { height: 27px !important; } body.node-type-stores-page div#user_location h2, body.node-type-stores-page div#user_location p { font-size: 50% !important; letter-spacing: 1.5px; } body.node-type-stores-page div#user_location { width: 90% !important; padding: 6% 5% 13% !important; } body.node-type-stores-page #over_map_left { top: 108px !important; } body.node-type-stores-page div#user_location div.back-to-map p.lnk-back-to-map { width: 80px !important; } body.node-type-stores-page form#google_maps_form { margin-top: -10px !important; } body.node-type-stores-page div#user_location div.all-store-block p.lnk-icon { width: 14% !important; height: 37px !important; } body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store { width: 79% !important; } body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store a { font-size: 80% !important; } body.node-type-stores-page div#map_canvas { height: 625px !important; } /* * STORE DETAILS */ body.node-type-stores-page div.store-details-mob div.close a, body.node-type-stores-page div.store-details-mob div.close a:hover, body.node-type-stores-page div.store-details-mob div.back-top-mob { margin: -19px 0 !important; } body.node-type-stores-page div.store-details-mob { margin-top: -12px !important; } body.node-type-stores-page p.details-title { font-size: 100% !important; line-height: 15px !important; } body.node-type-stores-page p.details-address { font-size: 65% !important; margin-left: 23px !important; } body.node-type-stores-page div.details-phone { width: 35% !important; height: 36px !important; padding: 20px 20px 0 !important; } body.node-type-stores-page div.details-phone p { font-size: 120% !important; line-height: normal !important; } body.node-type-stores-page div.details-hour p { font-size: 65% !important; } body.node-type-stores-page p.products-title { font-size: 70% !important; } body.node-type-stores-page form#google_maps_form { margin-top: 10px !important; } body.node-type-stores-page div#all_stores { margin-top: -463px !important; } /* * VA DE HAVAIANAS */ body.node-type-stores-page div.box-go-havaianas { top: 8% !important; } body.node-type-stores-page div.mob-feet { padding-top: 10px; } body.node-type-stores-page p.feet-txt { width: 18% !important; } body.node-type-stores-page div.subox-feet p.txt-bl1 { margin-left: 47px !important; } body.node-type-stores-page div.close a { top: 7px !important; } body.node-type-stores-page div.box-go-havaianas div.close a { top: 15px !important; } body.node-type-stores-page div.mob-feet, body.node-type-stores-page div.mob-kcal { width: 370px !important; } body.node-type-stores-page div.subox-kcal p.txt-bl2 { margin-right: 0 !important; } body.node-type-stores-page p.txt-store { width: 34% !important; } /* * HISTORIA DA MARCA */ div.bx-viewport { height: 600px !important; } div.history-item div.history-item-left { height: 460px !important; } } @media only screen and (min-width: 380px) and (max-width: 384px) { #block-havaianas-havaianas-header ul#menu-header { left: -200px !important; width: 210px !important; } ul#submenu-header { left: -160px !important; } /* * PROPAGANDA */ body.node-type-publicity-page .principal { height: 260px !important; } body.node-type-publicity-page .box { height: 120px !important; } .a-group-other, .a-group1 { width: 65.6% !important; } .g-group1, .g-group-other { width: 66.6% !important; } .b-group-other, .b-group1 { width: 33.3% !important; } body.node-type-publicity-page div.video .btn-video { background: url(../images/btn-video-propaganda-padrao-mob.png) center center no-repeat !important; } body.node-type-publicity-page div.principal .btn-video { background: url(../images/btn-video-propaganda-padrao.png) center center no-repeat !important; } /* * OVERLAY PROPAGANDA */ body.node-type-publicity-page .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-resizable { height: 650px !important; } .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix { width: 87.8% !important; } body.node-type-publicity-page .ui-dialog .ui-dialog-content, body.node-type-publicity-page .ui-dialog .ui-dialog-content iframe { height: 220px !important; } body.node-type-publicity-page div.dialog-description { width: 197px !important; } body.node-type-publicity-page div.dialog-description { height: 50px !important; } body.node-type-publicity-page div.dialog-year { height: 50px !important; } body.node-type-publicity-page div.dialog-year p { padding-top: 10px !important; } body.node-type-publicity-page .dialog-box { margin-top: -5px !important; height: 80px; } body.node-type-publicity-page div.dialog-description p#dialog-description { font-size: 35% !important; padding-top: 3px !important; } body.node-type-sustainability .ui-dialog .ui-dialog-content, body.node-type-sustainability .ui-dialog .ui-dialog-content iframe { height: 200px !important; } /* * FAQ */ body.node-type-contact-us div.form-item-city input, body.node-type-contact-us div.form-item-phone input, body.node-type-contact-us div.form-item-email input, body.node-type-contact-us div.form-item-name input { width: 290px !important; } body.node-type-contact-us div.form-item-message textarea { width: 300px !important; } /* * STORE LOCATOR */ body.node-type-stores-page form#google_maps_form { margin-top: 10px !important; } body.node-type-stores-page div#map_canvas { height: 434px !important; } body.node-type-stores-page div#user_location input#googlesearch { height: 24px !important; } body.node-type-stores-page div#user_location div.all-store-block p.lnk-icon { width: 18% !important; height: 26px !important; } body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store { width: 75% !important; padding: 7% 0 0 7% !important; } body.node-type-stores-page div#user_location div.all-store-block p.lnk-icon { height: 34px !important; } /* * STORE DETAILS */ body.node-type-stores-page div.store-details-mob { margin-top: -18px !important; } body.node-type-stores-page div.details-street { height: 96px !important; } body.node-type-stores-page div.details-hour { width: 42.6% !important; height: 46px; } html.no-touch body.node-type-stores-page div.details-hour { width: 41.4% !important; } body.node-type-stores-page ul.products-list { padding: 0 0 0 20px !important; } body.node-type-stores-page ul.products-list li { width: 47% !important; } body.node-type-stores-page div.details-rotes { width: 49% !important; } body.node-type-stores-page div#map_canvas { height: 585px !important; } body.node-type-stores-page div#all_stores { margin-top: -496px !important; } /* * VA DE HAVAIANAS */ body.node-type-stores-page div.box-go-havaianas { top: 9.6% !important; } body.node-type-stores-page p.feet-txt { width: 18% !important; } body.node-type-stores-page div.subox-feet p.txt-bl1 { margin-left: 15px !important; } body.node-type-stores-page div.close a { top: 0px !important; } body.node-type-stores-page div.subox-kcal p.txt-bl2 { margin-right: 0 !important; } body.node-type-stores-page p.txt-store { width: 33% !important; } } @media only screen and (min-width: 595px) and (max-width: 598px) { /* * Menu & Submenu */ #block-havaianas-havaianas-header ul#menu-header { left: -440px !important; width: 270px !important; } ul#submenu-header { left: -370px !important; } .a-group-other, .a-group1 { width: 65.6% !important; } .g-group1, .g-group-other { width: 66.6% !important; } .b-group-other, .b-group1 { width: 33.3% !important; } .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix { width: 86.8% !important; } body.node-type-publicity-page div.dialog-description { width: 345px !important; } /* * OVERLAY PROPAGANDA */ body.node-type-publicity-page .ui-dialog .ui-dialog-content { height: auto !important; } body.node-type-publicity-page .ui-dialog .ui-dialog-content iframe { height: 170px !important; } /* * STORE LOCATOR */ body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store { padding: 7% 0 2% 7% !important; } body.node-type-stores-page div#user_location div.all-store-block { margin-top: 3px !important; } body.node-type-stores-page div#map_canvas { height: 585px !important; } /* * STORE DETAILS */ body.node-type-stores-page div.details-street { height: 140px !important; } body.node-type-stores-page div.details-phone { width: 40.8% !important; } body.node-type-stores-page div.details-hour { width: 55.45% !important; } html.no-touch body.node-type-stores-page div.details-hour { width: 55.06% !important; } body.node-type-stores-page div.details-flipflop { width: 50.1% !important; } /* * VA DE HAVAIANAS */ body.node-type-stores-page div.box-go-havaianas { top: 9.6% !important; } body.node-type-stores-page div.mob-feet, body.node-type-stores-page div.mob-kcal { width: 370px !important; } body.node-type-stores-page p.feet-txt { width: 18% !important; } body.node-type-stores-page div.subox-feet p.txt-bl1 { margin-left: 47px !important; } body.node-type-stores-page div.close a { top: 4px !important; } body.node-type-stores-page div.subox-kcal p.txt-bl2 { margin-right: 0 !important; } body.node-type-stores-page p.txt-store { width: 33% !important; } } @media only screen and (min-width: 481px) and (max-width: 640px) { /* * PROPAGANDA */ body.node-type-publicity-page .principal { height: 300px !important; } /* * SUSTENTABILIDADE */ body.node-type-sustainability .ui-dialog .ui-dialog-content, body.node-type-sustainability .ui-dialog .ui-dialog-content iframe { height: 180px !important; } body.node-type-resale .textarea-counter { margin-right: 0px !important; } /* * STORE LOCATOR */ body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store { padding: 7% 0 2% 7% !important; } body.node-type-stores-page div#user_location div.all-store-block { margin-top: 3px !important; } body.node-type-stores-page div#map_canvas { height: 625px !important; } /* * STORE DETAILS */ body.node-type-stores-page div.details-street { height: 165px !important; } body.node-type-stores-page div.details-phone { width: 30.8% !important; } body.node-type-stores-page div.details-hour { width: 56.5% !important; } html.no-touch body.node-type-stores-page div.details-hour { width: 55.06% !important; } body.node-type-stores-page div.details-flipflop { width: 50.4% !important; } body.node-type-stores-page div#all_stores { margin-top: -527px !important; } } @media only screen and (min-width: 624px) and (max-width: 843px) { /* * PROPAGANDA */ html.no-touch body.node-type-publicity-page .principal { height: 274px !important; } } @media only screen and (min-width: 844px) and (max-width: 860px) { /* * PROPAGANDA */ html.no-touch body.node-type-publicity-page .principal { height: 275px !important; } } @media only screen and (min-width: 861px) and (max-width: 1024px) { /* * PROPAGANDA */ html.no-touch body.node-type-publicity-page .principal { height: 356px !important; } } @media only screen and (min-width: 359px) and (max-width: 360px) { div.highlights-default div.parts-highlight-odd { height:230px; } div.highlights-default div.parts-highlight-pair { height:230px; } div.view-highlight .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-pair div.over-highlighted, div.view-highlight .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-odd div.over-highlighted, div.view-highlight .highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-odd div.over-highlighted { top: 42%; } .highlighted-text-active .bt-cta .cta-ico, .highlighted .bt-cta a:hover .cta-ico, div.type-facebook div.parts-highlight-txt:hover span.cta-ico { display: none !important; } /* * INSTAGRAM E FACEBOOK */ div.highdefault .parts-highlight-img div#prev:hover, div.highdefault .parts-highlight-img div#prev { background: url(../images/sp-fbarrow-prev-mob.png) left 0 no-repeat; } div.highdefault .parts-highlight-img div#next:hover, div.highdefault .parts-highlight-img div#next { background: url(../images/sp-fbarrow-next-mob.png) right 0 no-repeat; } /* * LOGO HAVAIANAS */ #header #logo img { width: 79.99%; margin: 0; } div#logo #l-bglogo, div#logo #r-bglogo { height: 68px; top: 0; width: 60px; } div#logo #l-bglogo { border-radius: 0 0 0 39px; left: 1px; } div#logo #r-bglogo { border-radius: 0 0 38px 0; left: 37px; } div.parts-highlight-txt p.bt-cta a { background: url("../images/cta-arrow-mob-s3.png") no-repeat scroll right center transparent; height: 13px; width: 3px; } div.box-prod-device h2 { font-size: 66px !important; } /*html.touch .region-header { right: 0 !important; } */ #block-havaianas-havaianas-header div#menu-mobile { padding: 15px 5px 0 !important; } /* * FORMULARIO */ body.node-type-contact-us h2 { font-size: 205%; } .customer-service .form-item { margin-right: 0 !important; } .customer-service .form-item-number { margin-right: 20px !important; } body.node-type-contact-us div.form-item-product-model input, body.node-type-contact-us div.form-item-home-phone input, body.node-type-contact-us div.form-item-cell-phone input, body.node-type-contact-us div.form-item-business-phone input, body.node-type-contact-us div.form-item-neighborhood input, body.node-type-contact-us div.form-item-city input, body.node-type-contact-us div.form-item-address input, body.node-type-contact-us div.form-item-product-owner-name input, body.node-type-contact-us div.form-item-name input, body.node-type-contact-us div.form-item-phone input, body.node-type-contact-us div.form-item-email input, body.node-type-contact-us fieldset#edit-social-number input, body.node-type-contact-us div.form-item-product-owner-social-number input { width: 295px !important; } div.form-item-message textarea, div.form-item-product-comments textarea { width: 305px !important; } .customer-service input.form-submit { float: left !important; clear: none !important; } div.box-contact, div.box-support { width: 305px !important; } div.box-hour, div.box-phone { width: 255px !important; } div.box-support p.txt-box span { margin-right: 5px !important; } .customer-service div.form-item-terms-and-condition-opt { margin-left: 75px; } body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper, body.node-type-contact-us .jqTransformSelectWrapper { width: 295px !important; background-position: 0 -136px !important; } body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper, body.node-type-contact-us .jqTransformSelectWrapper:hover { background-position: 0 -169px !important; } body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper ul, body.node-type-contact-us .jqTransformSelectWrapper ul { width: 295px !important; } .customer-service fieldset { width: 295px !important; } .customer-service #recaptcha_area, .customer-service #recaptcha_table { width: 280px!important; } .customer-service .recaptchatable #recaptcha_image { width: 260px !important; } .customer-service .recaptchatable #recaptcha_response_field { width: 175px !important; } .customer-service .recaptchatable a#recaptcha_reload_btn, .customer-service .recaptchatable a#recaptcha_reload_btn:hover { left: 185px; } .customer-service .recaptchatable a#recaptcha_switch_audio_btn, .customer-service .recaptchatable a#recaptcha_switch_audio_btn:hover { left: 215px; } .customer-service .recaptchatable a#recaptcha_whatsthis_btn, .customer-service .recaptchatable a#recaptcha_whatsthis_btn:hover { left: 255px; } .customer-service div.form-item-product-status div.form-item-product-status { margin-right: 30px !important; } /* * ESCRITORIOS INTERNACIONAIS */ body.node-type-international-offices .tooltip-content { width: 325px !important; } body.node-type-resale .textarea-counter { margin-right: 0px !important; } /* * STORE LOCATOR */ body.node-type-stores-page div#user_location div.all-store-block p.lnk-icon { width: 18% !important; height: 20px !important; } body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store { width: 78% !important; } body.node-type-stores-page div#user_location input#googlesearch:hover, body.node-type-stores-page div#user_location input#googlesearch { background: url(../images/btn-store-mob.png) 0 -1px no-repeat !important; } /* * VA DE HAVAIANAS */ body.node-type-stores-page p.feet-txt { width: 18% !important; } body.node-type-stores-page div.subox-feet p.txt-bl1 { margin-left: 17px !important; } body.node-type-stores-page div.subox-kcal p.txt-bl2 { margin-right: 0 !important; } body.node-type-stores-page p.txt-store { width: 32% !important; } /* * HISTORIA DA MARCA */ div.bx-viewport { height: 482px !important; } div.history-item { height: 400px; } div.history-item div.history-item-left { height: 300px; } .highlights-default #first-block h2.collection { font-size: 235% !important; } } @media only screen and (min-width: 639px) and (max-width: 640px) { /* * LOGO HAVAIANAS */ #header #logo img { width: 79.99%; margin: 0; } div#logo #l-bglogo, div#logo #r-bglogo { height: 68px; top: 0; width: 60px; } div#logo #l-bglogo { border-radius: 0 0 0 39px; left: 1px; } div#logo #r-bglogo { border-radius: 0 0 38px 0; left: 37px; } /* * FORMULARIO */ body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper, body.node-type-contact-us .jqTransformSelectWrapper { width: 535px !important; background-position: 0 -204px !important; } body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper, body.node-type-contact-us .jqTransformSelectWrapper:hover { background-position: 0 -238px !important; } body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper ul, body.node-type-contact-us .jqTransformSelectWrapper ul { width: 535px !important; } .customer-service fieldset { width: 535px !important; } body.node-type-contact-us div.form-item-product-model input, body.node-type-contact-us div.form-item-home-phone input, body.node-type-contact-us div.form-item-cell-phone input, body.node-type-contact-us div.form-item-business-phone input, body.node-type-contact-us div.form-item-neighborhood input, body.node-type-contact-us div.form-item-city input, body.node-type-contact-us div.form-item-address input, body.node-type-contact-us div.form-item-product-owner-name input, body.node-type-contact-us div.form-item-name input, body.node-type-contact-us div.form-item-phone input, body.node-type-contact-us div.form-item-email input, body.node-type-contact-us fieldset#edit-social-number input, body.node-type-contact-us div.form-item-product-owner-social-number input { width: 535px !important; } div.form-item-message textarea, div.form-item-product-comments textarea { width: 545px !important; } div.box-contact, div.box-support { width: 535px !important; } div.box-hour, div.box-phone { width: 485px !important; } /* * REVENDA */ body.node-type-resale div.form-type-markup label { width: 530px !important; } body.node-type-resale div.form-item-address input, body.node-type-resale div.form-item-neighborhood input, body.node-type-resale div.form-type-markup input, body.node-type-resale div.form-item-mail input, body.node-type-resale div.form-item-responsible input, body.node-type-resale div.form-item-company input, body.node-type-resale div.form-item-cell-phone input, body.node-type-resale div.form-item-phone input, body.node-type-resale div.form-item-cnpj input, body.node-type-resale div.form-item-state input, body.node-type-resale div.form-item-city input, body.node-type-resale div.form-item-branch-of-activity input { width: 520px !important; } body.node-type-resale div.form-item-stores input, body.node-type-resale div.form-item-zipcode input { width: 100px !important; } body.node-type-resale div.form-item-other-informations textarea, body.node-type-resale div.form-item-brands textarea { width: 530px !important; } body.node-type-resale div.form-item-brands label { width: 460px !important; } body.node-type-resale .textarea-counter { margin-right: -230px !important; } /* * ESCRITORIOS INTERNACIONAIS */ body.node-type-international-offices .tooltip-content { width: 575px !important; } /* * SUSTENTABILIDADE */ body.node-type-sustainability .ui-dialog .ui-dialog-content, body.node-type-sustainability .ui-dialog .ui-dialog-content iframe { height: 180px !important; } /* * PROPAGANDA */ body.node-type-publicity-page .ui-dialog .ui-dialog-content { height: 288px !important; } body.node-type-publicity-page .ui-dialog .ui-dialog-content iframe { height: 200px !important; } /* * VA DE HAVAIANAS */ /*body.node-type-stores-page div.box-go-havaianas div.close a { top: 70px !important; }*/ body.node-type-stores-page div.mob-feet, body.node-type-stores-page div.mob-kcal { width: 370px !important; } body.node-type-stores-page div.box-go-havaianas { top: 9.6% !important; } body.node-type-stores-page p.feet-txt { width: 18% !important; } body.node-type-stores-page div.subox-feet p.txt-bl1 { margin-left: 47px !important; } body.node-type-stores-page div.subox-kcal p.txt-bl2 { margin-right: 0 !important; } body.node-type-stores-page p.txt-store { width: 32% !important; } } @media only screen and (min-width: 320px) and (max-width: 360px) { .highlights-default #first-block h2.collection, .highlights-default #first-block p { font-size: 180% !important; } /* * GRID PRODUTOS */ div.products-page-wrapper .tpl-1 { background-position: center -125px !important; } .tpl-3, .tpl-4, .tpl-5 { height: 515px !important; background-position: center top !important; background-size: cover !important; } div#flip-flops .tpl-3, div#flip-flops .tpl-4, div#flip-flops .tpl-5 { /*height: 410px !important;*/ height: 480px !important; padding-top: 0; } .tpl-1 .slide { top: 10px !important; } .tpl-1 .wrapper { width:320px !important; height:209px !important; } .tpl-3 .wrapper, .tpl-4 .wrapper, .tpl-5 .wrapper { width: 320px !important; height: 256px !important; } /* * CAIXA TEXTO */ div.box-prod-device { margin-left: 25px !Important; } div.box-prod-device h2 { font-size: 60px !important; } div.tpl-prod:first-child div.box-prod-device h2 { padding-top: 30px !important; } /* * PRODUTOS/ILUSTRAÇÕES */ /* * TPL-1 */ .tpl-1 img:nth-child(2){ left:128px !important; } .tpl-1 img:nth-child(3){ top:33px !important; right:17px !important; } .tpl-1 img:nth-child(5){ left:48px !important; } .tpl-1 img:nth-child(6){ top:64px !important; } .tpl-1 img:nth-child(7){ top:64px !important; left:80px !important; } /* * TPL-3 */ .tpl-3 img:nth-child(2){ left:-16px !important; top: 16px !important; } .tpl-3 img:nth-child(3){ right:32px !important; } .tpl-3 img:nth-child(4){ bottom:47px !important; right:112px !important; } .tpl-3 img:nth-child(5){ left:-32px !important; bottom: 16px !important; } .tpl-3 img:nth-child(6){ left:68px !important; } .tpl-3 img:nth-child(8){ left:16px !important; } /* * TPL-4 */ .tpl-4 img:nth-child(2){ left:-16px !important; } .tpl-4 img:nth-child(3){ right:112px !important; } .tpl-4 img:nth-child(4){ bottom:80px !important; right:-32px !important; } .tpl-4 img:nth-child(5){ left:122px !important; } .tpl-4 img:nth-child(6){ right:16px !important; } .tpl-4 img:nth-child(8){ bottom:64px !important; left:96px !important; } .tpl-4 img:nth-child(9){ bottom:0 !important; } /* * TPL-5 */ .tpl-5 img:nth-child(2){ left:0 !important; } .tpl-5 img:nth-child(3){ top:16px !important; right:80px !important; } .tpl-5 img:nth-child(4){ bottom: 80px !important; right:-16px !important; } .tpl-5 img:nth-child(5){ bottom:16px !important; left:112px !important; } .tpl-5 img:nth-child(6){ left:77px !important; } .tpl-5 img:nth-child(8){ bottom:77px !important; right:87px !important; } .tpl-5 img:nth-child(10){ bottom:0 !important; } } @media only screen and (min-width: 321px) and (max-width: 360px) { /* * REVENDA */ body.node-type-resale div.form-type-markup label { width: 290px !important; } body.node-type-resale div.form-item-address input, body.node-type-resale div.form-item-neighborhood input, body.node-type-resale div.form-type-markup input, body.node-type-resale div.form-item-mail input, body.node-type-resale div.form-item-responsible input, body.node-type-resale div.form-item-company input, body.node-type-resale div.form-item-cell-phone input, body.node-type-resale div.form-item-phone input, body.node-type-resale div.form-item-cnpj input, body.node-type-resale div.form-item-state input, body.node-type-resale div.form-item-city input, body.node-type-resale div.form-item-branch-of-activity input { width: 290px !important; } body.node-type-resale div.form-item-stores input, body.node-type-resale div.form-item-zipcode input { width: 100px !important; } body.node-type-resale div.form-item-other-informations textarea, body.node-type-resale div.form-item-brands textarea { width: 300px !important; } body.node-type-resale div.form-item-brands label { width: 230px !important; } body.node-type-resale .textarea-counter { margin-right: 0px !important; } /* * SUSTENTABILIDADE */ body.node-type-sustainability header h2#page-title { margin-top: -40px !important; } body.node-type-sustainability #main-content-header { background-position: center 15px !important; } body.node-type-sustainability section#main-content div#content { margin-top: -40px; } /* * STORE LOCATOR */ body.node-type-stores-page #over_map_left { top: 99px !important; } body.node-type-stores-page #user_location { height: 40px !important; } body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store { width: 70% !important; } body.node-type-stores-page div#user_location div.all-store-block p.lnk-icon { width: 19% !important; height: 35px !important; } body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store { padding: 10% 0 0 7% !important; } body.node-type-stores-page div#map_canvas { height: 570px !important; } /* * STORE DETAILS */ body.node-type-stores-page div.details-phone { width: 27.3% !important; } body.node-type-stores-page div.details-hour { width: 50% !important; } body.node-type-stores-page ul.products-list { padding: 0 0 0 20px !important; } body.node-type-stores-page ul.products-list li { width: 140px !important; } body.node-type-stores-page div.details-street { height: 88px !important; } body.node-type-stores-page div.details-flipflop { width: 50.8% !important; } /* * DESKTOP */ html.no-touch body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store { width: 74% !important; } html.no-touch body.node-type-stores-page div.details-hour { width: 47% !important; } body.node-type-stores-page div.details-rotes { width: 48.9% !important; } } @media only screen and (min-width: 361px) and (max-width: 379px) { /* * STORE LOCATOR */ html.no-touch body.node-type-stores-page #over_map_left { top: 99px !important; } html.no-touch body.node-type-stores-page #user_location { height: 40px !important; } html.no-touch body.node-type-stores-page div#user_location div.all-store-block p.lnk-icon { width: 19% !important; height: 46px !important; } html.no-touch body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store { padding: 14% 0 0 7% !important; } html.no-touch body.node-type-stores-page div#map_canvas { height: 540px !important; } /* * STORE DETAILS */ html.no-touch body.node-type-stores-page div.details-phone { width: 26% !important; } html.no-touch body.node-type-stores-page div.details-hour { width: 48.3% !important; } html.no-touch body.node-type-stores-page ul.products-list { padding: 0 0 0 20px !important; } html.no-touch body.node-type-stores-page ul.products-list li { width: 140px !important; } html.no-touch body.node-type-stores-page div.details-street { height: 78px !important; } /* * DESKTOP */ html.no-touch body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store { width: 74% !important; } html.no-touch body.node-type-stores-page div.details-hour { width: 50.1% !important; } body.node-type-stores-page div.details-rotes { width: 48.9% !important; } } @media only screen and (min-width: 385px) and (max-width: 510px) { /* * STORE LOCATOR */ html.no-touch body.node-type-stores-page form#google_maps_form { margin-top: 10px !important; } html.no-touch body.node-type-stores-page div#map_canvas { height: 434px !important; } html.no-touch body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store { padding: 7% 0 0 7% !important; } html.no-touch body.node-type-stores-page div#user_location div.all-store-block p.lnk-icon { height: 34px !important; } /* * STORE DETAILS */ html.no-touch body.node-type-stores-page div.store-details-mob { margin-top: -3px !important; } html.no-touch body.node-type-stores-page div.details-street { height: 96px !important; } html.no-touch body.node-type-stores-page div.details-hour { width: 42.6% !important; } html.no-touch body.node-type-stores-page div.details-hour { width: 41.4% !important; } html.no-touch body.node-type-stores-page ul.products-list { padding: 0 0 0 20px !important; } html.no-touch body.node-type-stores-page ul.products-list li { width: 47% !important; } html.no-touch body.node-type-stores-page div.details-rotes { width: 49% !important; } html.no-touch body.node-type-stores-page div#map_canvas { height: 540px !important; } } @media only screen and (min-width: 511px) and (max-width: 596px) { html.no-touch body.node-type-stores-page div.details-street { height: 127px !important; } html.no-touch body.node-type-stores-page div.details-hour { width: 52.6% !important; } body.node-type-stores-page div#all_stores { margin-top: -464px !important; } } @media only screen and (min-width: 595px) and (max-width: 598px) { /* * STORE DETAILS */ body.node-type-stores-page div.details-street { height: 145px !important; } body.node-type-stores-page div.details-phone { width: 40% !important; } body.node-type-stores-page div.details-hour { width: 46.2% !important; } body.node-type-stores-page div.details-flipflop { width: 50.1% !important; } } @media only screen and (min-width: 700px) and (max-width: 1270px) { html.Safari .b-group1 { margin-bottom: 0.5% !important; } } /* * Correções Chrome S3/S4 */ @media only screen and (min-width: 359px) and (max-width: 360px) { body.node-type-publicity-page .a-group1 { margin-right: 1.3% !important; } body.node-type-publicity-page .b-group1 { width: 32.9% !important; } body.node-type-publicity-page .g-group1 { width: 66.7% !important; } body.node-type-publicity-page .b-group-other { width: 33.4%; } body.node-type-publicity-page .g-group-other { width: 66.6% !important; } /* * STORE LOCATOR */ body.node-type-stores-page div#user_location div.all-store-block p.lnk-icon { width: 18% !important; height: 39px !important; } body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store { width: 75% !important; height: 30px !important; } body.node-type-stores-page div.details-hour { width: 49.8% !important; height: 46px; } body.node-type-stores-page div.details-hour td { height: 45px !important; } body.node-type-stores-page div.details-rotes { width: 48.6% !important; } body.node-type-stores-page div.store-details-mob div.close a, body.node-type-stores-page div.store-details-mob div.close a:hover, body.node-type-stores-page div.store-details-mob div.back-top-mob { margin: 0 !important; } } @media only screen and (min-width: 639px) and (max-width: 640px) { body.node-type-publicity-page .a-group1 { margin-right: 1.3% !important; } body.node-type-publicity-page .b-group1 { width: 32.9% !important; } body.node-type-publicity-page .g-group1 { width: 66.7% !important; } body.node-type-publicity-page .b-group-other { width: 33.4%; } body.node-type-publicity-page .g-group-other { width: 66.6% !important; } /* * STORE LOCATOR */ body.node-type-stores-page div#user_location div.all-store-block p.lnk-icon { height: 32px !important; } body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store { width: 76% !important; } body.node-type-stores-page div.details-hour { width: 56.3% !important; } body.node-type-stores-page div.details-hour td { height: auto !important; } body.node-type-stores-page div.details-rotes { width: 49.2% !important; } } @media only screen and (min-width:319px) and (max-width:320px) { /*#block-havaianas-havaianas-header ul#menu-header { right: -15px !important; }*/ #block-havaianas-havaianas-header ul#menu-header { left: -200px !important; width: 210px !important; } ul#submenu-header { left: -160px !important; } body.node-type-publicity-page div#dialog p { padding: 10px 5px; } /* * REVENDA */ body.node-type-resale div.form-type-markup label { width: 255px !important; } body.node-type-resale div.form-item-address input, body.node-type-resale div.form-item-neighborhood input, body.node-type-resale div.form-type-markup input, body.node-type-resale div.form-item-mail input, body.node-type-resale div.form-item-responsible input, body.node-type-resale div.form-item-company input, body.node-type-resale div.form-item-cell-phone input, body.node-type-resale div.form-item-phone input, body.node-type-resale div.form-item-cnpj input, body.node-type-resale div.form-item-state input, body.node-type-resale div.form-item-city input, body.node-type-resale div.form-item-branch-of-activity input { width: 250px !important; } body.node-type-resale div.form-item-stores input, body.node-type-resale div.form-item-zipcode input { width: 100px !important; } body.node-type-resale div.form-item-other-informations textarea, body.node-type-resale div.form-item-brands textarea { width: 260px !important; } body.node-type-resale div.form-item-brands label { width: 230px !important; } body.node-type-resale .textarea-counter { margin-right: 40px !important; } /* * Store Locator */ body.node-type-stores-page div.box-go-havaianas { box-shadow: none !important; } body.node-type-stores-page div#user_location input#addressInput { font-size: 10px !important; } body.node-type-stores-page div#user_location input#googlesearch { background: url(../images/btn-store-mob.png) 0 0 no-repeat !important; height: 26px !important; width: 22px !important; } body.node-type-stores-page div.ui-resizable .ui-widget-header .ui-dialog-titlebar-close { margin-right: 55px; } /* * VA DE HAVAIANAS */ body.node-type-stores-page div.box-go-havaianas { top: 9.6% !important; } body.node-type-stores-page div.mob-feet, body.node-type-stores-page div.mob-kcal { width: 320px; } body.node-type-stores-page div.mob-feet { padding-top: 10px; } body.node-type-stores-page p.feet-txt { width: 18% !important; } body.node-type-stores-page div.subox-feet p.txt-bl1 { margin-left: 0px !important; } body.node-type-stores-page div.close a { top: 9px !important; } /*body.node-type-stores-page div.box-go-havaianas div.close a { top: 91px !important; }*/ body.node-type-stores-page div.subox-kcal p.txt-bl2 { margin-right: 0 !important; } body.node-type-stores-page p.txt-store { width: 34% !important; } body.node-type-stores-page p.txt-store { font-size: 59% !important; } /* * HISTORIA DA MARCA */ div.bx-viewport { height: 440px !important; } div.history-item { height: 400px; } div.history-item div.history-item-left { height: 300px; } div.history-item-right p.history-item-desc { width: 58% !important; padding: 10px 10px 8px !important; font-size: 45% !important; } div.history-item-right span.history-item-year { font-size: 310%; } div.history-item-right span.history-item-year { font-size: 410%; padding-top: 25px !important; } } /* * SOLUCAO DESKTOP RESIZE */ @media only screen and (min-width:599px) and (max-width:638px) { html.no-touch body.node-type-stores-page div.details-rotes { width: 49.2% !important; } } @media only screen and (min-width:595px) and (max-width:598px) { html.no-touch body.node-type-stores-page div.details-hour { width: 45.8% !important; } } @media only screen and (min-width:511px) and (max-width:594px) { html.no-touch body.node-type-stores-page div.details-rotes { width: 49.1% !important; } } @media only screen and (min-width:321px) and (max-width:360px) { html.no-touch body.node-type-stores-page div.details-hour { width: 45.7% !important; } html.no-touch body.node-type-stores-page div.details-flipflop { width: 50.4% !important; } } @media only screen and (min-width:385px) and (max-width:480px) { html.no-touch body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store { width: 78% !important; } html.no-touch body.node-type-stores-page div.store-details-mob { margin-top: -20px !important; } body.node-type-stores-page div#map_canvas { height: 580px !important; } } @media only screen and (min-width:639px) and (max-width:640px) { /*body.node-type-stores-page div.box-go-havaianas div.close a { top: 89px !important; }*/ body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store { width: 75% !important; height: 22px !important; } body.node-type-stores-page div#user_location div.all-store-block p.lnk-icon { height: 37px !important; } } @media only screen and (min-width:641px) and (max-width:1056px) { html.no-touch div.history-item div.history-item-right { width: 33% !important; } html.no-touch body.node-type-publicity-page div.dialog-year p { font-size: 280%; padding-top: 10% !important; } html.no-touch body.node-type-publicity-page div.dialog-description { width: 86.9%; } } @media only screen and (min-width:1026px) and (max-width:1366px) { .tpl-1 .slide { margin-top: 50px !important; } } @media only screen and (min-width:567px) and (max-width:568px) { /* * Menu & Submenu */ #block-havaianas-havaianas-header ul#menu-header { left: -440px !important; width: 270px !important; } ul#submenu-header { left: -370px !important; } } @media only screen and (min-width:1057px) and (max-width:1279px) { html.no-touch body.node-type-publicity-page div.dialog-description { width: 87%; } } @media only screen and (min-width:641px) and (max-width:1022px) { html.no-touch body.node-type-publicity-page div.dialog-description { width: 79%; } } @media only screen and (min-width:1440px) and (max-width:1500px) { html.no-touch.Firefox body.node-type-international-offices .tooltip-content p.phone span { margin-top: 0; } }