/* Theme Name: Storefront Child Theme Theme URI: https://github.com/stuartduff/storefront-child-theme Author: Stuart Duff Author URI: http://stuartduff.com Template: storefront Description: This is a blank child theme for WooThemes StoreFront theme Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: storefront Tags: black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL Images License: GNU General Public License v2 or later */ /* * Add your own custom css below this text. */ .home.blog .site-header,.home.page:not(.page-template-template-homepage) .site-header,.home.post-type-archive-product .site-header{margin-bottom:0} /*.irs-from, .irs-to, .irs-single { background: #4ea585; } .irs-from:after, .irs-to:after, .irs-single:after { border-top-color: #4ea585; } /* HEADER MOBILE -------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* NEWSLETTER PRODUTO */ #masthead .col-full {display: block !important; padding-left: 10px !important; padding-right: 0px !important; margin-top: 0px !important;} @media screen and (min-width: 768px) { #mobile-header { display: none; } } @media screen and (max-width: 767px) { .owl-carousel.owl-pagination-true.autohide-arrows.sa_owl_theme.owl-loaded.owl-drag {margin-top: 70px !important;} #masthead {display: none;} #mobile-header { width: 100%; height: 48px; background-color: rgba(118, 190, 170, 1.00); color: #fff; position: fixed; top: 0px; left: 0px; z-index: 99999999999999999; display: block; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.10); } .logo-noor-mobile-header {width: 84px; height: 69px; position: absolute; left: 0px; top: 0px; cursor: pointer; background-image: url("/wp-content/uploads/2018/04/noor-logo-header-mobile.png"); z-index: 999999999999999999999999999999999;} .mobile-header-right {height: 48px; float: right;} #mobile-header .mobile-header-btn { height: 48px; min-width: 48px; line-height: 48px; text-align: center; padding-left: 10px; padding-right: 10px; display: block; float: left; box-sizing: border-box; border-left: 1px solid rgba(0, 0, 0, 0.10); border-right: 1px solid rgba(255, 255, 255, 0.20); } #mobile-header .mobile-header-btn a {color: rgba(255, 255, 255, 1.00) !important} .mobile-header-cart { width: 18px; height: 18px; display: inline-block; background-image: url("/wp-content/uploads/2018/icon-mobile-header-basket.jpg"); } .mobile-header-search { width: 18px; height: 18px; margin-top: 2px; display: inline-block; background-image: url("/wp-content/uploads/2018/icon-mobile-header-search.jpg"); } .mobile-header-search-btn-container {width: 22px; height: 22px; position: absolute; right: 60px; top: 14px; cursor: pointer;} .mobile-header-search-btn-01 { width: 18px; height: 18px; position: absolute; box-sizing: border-box; left: 0px; top: 0px; border: solid 4px rgba(255, 255, 255, 1.00); border-radius: 20px; transform: rotate(0deg); transition: all 0.5s; } .mobile-header-search-btn-02 { width: 4px; height: 10px; position: absolute; left: 14px; top: 12px; background-color: rgba(255, 255, 255, 1.00); border-radius: 2px; transform: rotate(-45deg); transition: all 0.2s; } .mobile-header-search-btn-close-01 { width: 4px; height: 16px; position: absolute; left: 13px; top: 2px; border: solid 0px rgba(255, 255, 255, 1.00); background-color: rgba(255, 255, 255, 1.00); border-radius: 2px; transform: rotate(-45deg); transition: all 0.2s; } .mobile-header-search-btn-close-02 { width: 4px; height: 16px; position: absolute; left: 3px; top: 2px; background-color: rgba(255, 255, 255, 1.00); border-radius: 2px; transform: rotate(45deg); transition: all 0.2s; } .mobile-search-container-0 { width: 100%; min-height: 0px; height: 0px; position: absolute; left: 0px; top: 48px; padding-left: 10px; padding-right: 10px; padding-top: 0px; background-color: rgba(118, 190, 170, 1.00); border-top: 0px solid rgba(0, 0, 0, 0.10); box-sizing: border-box; transition: all 0.3s; overflow: hidden; } .mobile-search-container-1 { width: 100%; min-height: 57px; position: absolute; left: 0px; top: 48px; padding-left: 10px; padding-right: 10px; padding-top: 5px; background-color: rgba(118, 190, 170, 1.00); border-top: 1px solid rgba(0, 0, 0, 0.10); box-sizing: border-box; transition: all 0.3s; overflow: hidden; } #searchd {margin: 0px;} .menu-btn-container {width: 22px; height: 22px; position: absolute; right: 13px; top: 14px; cursor: pointer;} .menu-btn-open-01 { width: 22px; height: 20px; position: absolute; box-sizing: border-box; left: 0px; top: 0px; border-top: solid 4px rgba(255, 255, 255, 1.00); border-bottom: solid 4px rgba(255, 255, 255, 1.00); background-color:rgba(255, 255, 255, 0.00); transform: rotate(0deg); transition: all 0.5s; } .menu-btn-open-02 { width: 22px; height: 4px; position: absolute; left: 0px; top: 8px; background-color: rgba(255, 255, 255, 1.00); transform: rotate(0deg); transition: all 0.2s; } .menu-btn-close-01 { width: 22px; height: 4px; position: absolute; left: 0px; top: 8px; box-sizing: border-box; border-top: solid 2px rgba(255, 255, 255, 1.00); border-bottom: solid 2px rgba(255, 255, 255, 1.00); background-color:rgba(255, 255, 255, 1.00); transform: rotate(45deg); transition: all 0.2s; } .menu-btn-close-02 { width: 22px; height: 4px; position: absolute; left: 0px; top: 8px; background-color: #fff; transform: rotate(-45deg); transition: all 0.5s; } .mobile-header-menu-container-0 {width: 100%; max-height: 0px; padding-bottom: 0px; position: fixed; top: 48px; left: 0px; bottom: 0px; display: block; overflow: auto; transition: all 0.5s; background-color: rgba(255, 255, 255, 1.00);} .mobile-header-menu-container-1 {width: 100%; max-height: 700px; padding-bottom: 16px; position: fixed; top: 48px; left: 0px; bottom: 0px; display: block; overflow: auto; transition: all 0.5s; background-color: rgba(242, 249, 247, 1.00);} .user-area-mobile {width: 100%; height: 64px; line-height: 64px; padding-left: 32px; padding-right: 32px; background-color: rgba(118, 190, 170, 0.75); border-bottom: rgba(255, 255, 255, 1.00);} .user-area-mobile a {color: rgba(255, 255, 255, 1.00);} .mobile-header-account { width: 18px; height: 18px; margin-right: 5px; display: inline-block; transform: translatey(3px); background-image: url("/wp-content/uploads/2018/icon-user-small.jpg"); } .mobile-header-logout { width: 18px; height: 18px; margin-right: 5px; display: inline-block; transform: translatey(3px); background-image: url("/wp-content/uploads/2018/icon-logout-small.jpg"); } #mhmc ul { margin: 0px; display: block;} #mhmc ul li {height: 48px; line-height: 48px; padding-left: 64px; background-color: rgba(255, 255, 255, 0.00); list-style-type: none; display: block; transition: all 0.2s; border-bottom: 1px dotted rgba(255, 255, 255, 1.00)} #mhmc ul li:hover {height: 48px; line-height: 48px; padding-left: 64px; background-color: rgba(255, 255, 255, 1.00); list-style-type: none; display: block; transition: all 0.2s;} #mhmc ul li a {color: rgba(80, 80, 80, 1.00) !important; display: block;} /* #beautybynoor */ .menu-item-1202 {background-image: url("/wp-content/uploads/2018/04/novidades.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 20px 7px;} /* Tratamento */ .menu-item-827 {background-image: url("/wp-content/uploads/2018/04/tratamento.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 20px 7px;} /* Corpo */ .menu-item-823 {background-image: url("/wp-content/uploads/2018/04/corpo.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 20px 7px;} /* Cabelo */ .menu-item-822 {background-image: url("/wp-content/uploads/2018/04/cabelo.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 20px 7px;} /* Maquilhagem */ .menu-item-824 {background-image: url("/wp-content/uploads/2018/04/maquilhagem.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 20px 7px;} /* Solar */ .menu-item-826 {background-image: url("/wp-content/uploads/2018/04/solar.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 20px 7px;} /* Bem-estar */ .menu-item-821 {background-image: url("/wp-content/uploads/2018/04/bem-estar.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 20px 7px;} /* Beauty Box */ .menu-item-970 {background-image: url("/wp-content/uploads/2018/04/beauty-box.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 20px 7px;} /* Natal */ .menu-item-2981 {background-image: url("/wp-content/uploads/2018/10/icon-natal.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 20px 7px;} /* Black Friday */ .menu-item-2836 {background-image: url("/wp-content/uploads/2018/10/icon-black-friday.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 20px 7px;} } @media screen and (min-width: 768px) { .mobile-header {display: none;} } /* GENERAL INPUT ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ .menu-toggle { margin-top: 35px !important; margin-right: 0px !important; border: 1px solid rgba(0, 0, 0, 0.25) !important; font-size: 20px !important; padding-right: 20px !important; padding-left: 43px !important; line-height: 20px !important; background-color: rgba(190, 183, 173, 0.00) !important; border-radius: 3px !important; } .storefront-handheld-footer-bar ul li.cart .count, button.menu-toggle::after, button.menu-toggle::before, button.menu-toggle span::before {color: rgba(255, 255, 255, 1.00) !important} #general-input-container {width: 100%; height: 100%; display: block;} #general-input-container input, select, textarea { padding-left: 10px; border: 1px solid rgba(0, 0, 0, 0.10) !important; border-radius: 5px !important; box-shadow: inset 0 0px 0px rgba(0,0,0, 0.00) !important; transition: all 0.05s; background-color: rgba(255, 255, 255, 1.00) !important; box-sizing: border-box !important; } #general-input-container input:hover, select:hover, textarea:hover { border: 1px solid rgba(78, 165, 133, 1.00) !important; transition: all 0.5s; } #general-input-container input:focus, select:focus, textarea:focus { border: 1px solid rgba(78, 165, 133, 1.00) !important; transition: all 0.5s; } a {color: rgba(78, 165, 133, 1.00);} input { padding-left: 10px; border: 1px solid rgba(0, 0, 0, 0.10) !important; border-radius: 5px !important; box-shadow: inset 0 0px 0px rgba(0,0,0, 0.00) !important; transition: all 0.05s; background-color: rgba(255, 255, 255, 1.00) !important; box-sizing: border-box !important; } input:hover { border: 1px solid rgba(78, 165, 133, 1.00) !important; transition: all 0.5s; } input:focus { border: 1px solid rgba(78, 165, 133, 1.00) !important; transition: all 0.5s; } span.select2.select2-container {height: 32px !important;} div#page div.storefront-breadcrumb {margin: 0 0 0 !important; margin-bottom: 0px !important; margin-top: 34px !important;} .storefront-breadcrumb {margin-bottom: 0px !important;} .woocommerce-breadcrumb {padding-bottom: 0px !important; } .cookie-notice-container {margin-top: 42px; padding: 30px; background-color: rgba(90, 140, 130, 1.00); text-align: left;} .cookie-notice-container .cn-accept-cookie {display: inline-block; float: left !important; } .comment-form-cookies-consent {display: block; float: left; width: 100%;} #commentform p.form-submit {display: block; float: left; width: 100%;} #commentform p.form-submit input {float: right;} /* MAIN SEARCH INPUT --------------------------------------------------------------------------------------------------------------------------------------------------- */ a {color: rgba(78, 165, 133, 1.00);} .aws-container {padding-left: 20px; padding-right: 20px; box-sizing: border-box;} .aws-search-form .aws-search-field { padding-left: 40px !important; border: 1px solid rgba(0, 0, 0, 0.10) !important; border-radius: 5px !important; box-shadow: inset 0 0px 0px rgba(0,0,0,.125) !important; transition: all 0.05s !important; background-color: rgba(255, 255, 255, 0.25) !important; background-image: url("/wp-content/uploads/2018/03/search-0.png") !important; background-repeat: no-repeat !important; background-position: 10px 9px !important; background-size: 24px !important; } .aws-search-form .aws-search-field:hover { border: 1px solid rgba(78, 165, 133, 1.00) !important; transition: all 0.5s !important; background-color: rgba(255, 255, 255, 0.50) !important; background-image: url("/wp-content/uploads/2018/03/search-1.png") !important; } .aws-search-form .aws-search-field:focus { border: 1px solid rgba(78, 165, 133, 1.00) !important; transition: all 0.5s !important; background-color: rgba(255, 255, 255, 1.00) !important; background-image: url("/wp-content/uploads/2018/03/search-1.png") !important; } input[type=search] { padding-left: 40px; border: 1px solid rgba(0, 0, 0, 0.10); border-radius: 5px !important; box-shadow: inset 0 0px 0px rgba(0,0,0,.125); transition: all 0.05s; background-color: rgba(255, 255, 255, 0.25); background-image: url("/wp-content/uploads/2018/03/search-0.png"); background-repeat: no-repeat; background-position: 10px 9px; background-size: 24px; } input[type=search]:hover { border: 1px solid rgba(78, 165, 133, 1.00); transition: all 0.5s; background-color: rgba(255, 255, 255, 0.75); background-image: url("/wp-content/uploads/2018/03/search-1.png"); } input[type=search]:focus { border: 1px solid rgba(78, 165, 133, 1.00); transition: all 0.5s; background-color: rgba(255, 255, 255, 1.00); background-image: url("/wp-content/uploads/2018/03/search-1.png"); } /* MAIN GRADIANT BACKGROUND -------------------------------------------------------------------------------------------------------------------------------------------- */ @media screen and (min-width: 768px) { .site-header { z-index: 9999; background-image: url("/wp-content/uploads/2018/03/bg03-80.jpg"); background-position: top; background-repeat: repeat-x; } .sp-designer .site-header { border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important; } } /* ESCONDER LUPA ------------------------------------------------------------------------------------------------------------------------------------------------------- */ .site-search .widget_product_search form:before {display: none;} /* NEWSLETTER HOME PAGE ------------------------------------------------------------------------------------------------------------------------------------------------------ */ .under-menu {display: none;} @media screen and (min-width: 768px) { .under-menu {width: 100%; height: 48px; margin-bottom: 20px; position: relative; display: block;} .under-menu-mote {height: 48px; font-size: 26px; line-height: 48px; position: relative; float: left; font-family: Georgia, Times, Times New Roman, serif; color: rgba(190, 183, 173, 1.00); font-weight: bold; font-style: italic;} .newsletter-container { width: 33.3333333%; height: 48px; padding-right: 0px; box-sizing: border-box; position: absolute; right: 0px; top: 0px; z-index: 9; display: block; } .under-menu-newsletter-text {height: 48px; text-align: right; line-height: 22px; padding-left: 20px; padding-right: 20px; position: absolute; top: 0px; right: 33.3333333%; border-left: 1px solid rgba(190, 183, 173, 1.00); color: rgba(190, 183, 173, 1.00); font-size: 20px; font-weight: bolder; background-color: rgba(255, 255, 255, 1.00)} .under-menu-newsletter-subtext {font-size: 12px; font-weight: lighter; color: rgba(120, 120, 120, 1.00); line-height: 12px; display: block;} } /* NEWSLETTER PRODUCT PAGE ------------------------------------------------------------------------------------------------------------------------------------------------------ */ /*.before-product {display: none;}*/ .before-product {width: 100%; height: 58px; margin-bottom: 20px; padding: 10px 0 0 0; position: relative; display: block; box-sizing: border-box; background-color: #7cbea9; border-radius: 5px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.20)} .before-product .before-mc {position: relative; float: left; left: 50%; transform: translateX(-50%);} .before-mc .before-product-newsletter-text { width: 420px; text-align: left; position: relative; float: left; transform: translateY(50%); color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 18px;} .before-product .before-mc .newsletter-container { width: 300px; height: 48px; padding-right: 0px; box-sizing: border-box; position: relative; float: left; z-index: 9; display: block; } .before-product .before-mc input.news-input[type=email] { position: relative; float: left; height: 38px; padding-left: 38px; border: 1px solid rgba(255, 255, 255, 0.40) !important; border-radius: 5px 0 0 5px !important; transition: all 0.05s; background-color: rgba(255, 255, 255, 0.75) !important; background-image: url("/wp-content/uploads/2018/03/email-0.png"); background-repeat: no-repeat; background-position: 5px 6px; background-size: 24px; box-shadow: inset 0 0px 0px rgba(0,0,0,0); box-sizing: border-box; outline: none; } .before-product .before-mc input.news-input[type=email]:hover { border: 1px solid rgba(78, 165, 133, 1.00); transition: all 0.5s; background-color: rgba(255, 255, 255, 1.00); background-image: url("/wp-content/uploads/2018/03/email-1.png"); box-shadow: inset 0 0px 0px rgba(0,0,0,0); } .before-product .before-mc input.news-input[type=email]:focus { border: 1px solid rgba(78, 165, 133, 1.00); transition: all 0.5s; background-color: rgba(255, 255, 255, 1.00) !important; background-image: url("/wp-content/uploads/2018/03/email-1.png"); box-shadow: inset 0 0px 0px rgba(0,0,0,0); } .before-product .before-mc input[type=submit].newsletter-button {display: block; width: 80px; height: 38px; line-height: 38px; padding-top: 0px !important; padding-left: 0px !important; padding-right: 0px !important; text-align: center !important; font-size: 14px; position: absolute; right: -1px; top: 0px; border-radius: 0px 3px 3px 0px !important; border: 0px rgba(0, 0, 0, 0.00) !important; background-color: rgba(78, 165, 133, 1.00) !important; outline: none;} .before-product .before-mc input[type=submit].newsletter-button:hover {border: 0px rgba(0, 0, 0, 0.00) !important; background-color: rgba(78, 165, 133, 0.75) !important;} .before-product .before-mc input[type=submit].newsletter-button:active {border: 0px rgba(0, 0, 0, 0.00) !important;} @media screen and (max-width: 839px) { .before-mc .before-product-newsletter-text {width: 380px; font-size: 18px; line-height: 17px;} } @media screen and (max-width: 768px) { .before-product {height: 72px; padding: 4px 0 0 0;} .before-mc .before-product-newsletter-text {width: 100%; margin: 0 0 6px 0; text-align: center;transform: translateY(0);} .before-product .before-mc .newsletter-container {width: 320px; left: 50%; transform: translateX(-50%); font-size: 15px;} } @media screen and (max-width: 480px) { .before-mc .before-product-newsletter-text {width: 100%; margin: 0 0 6px 0; text-align: center;transform: translateY(0); font-size: 15px;} .before-product .before-mc .newsletter-container {width: calc(100% - 20px); left: 50%; transform: translateX(-50%);} } @media screen and (max-width: 369px) { .before-mc .before-product-newsletter-text {width: 100%; margin: 0 0 6px 0; text-align: center;transform: translateY(0); font-size: 13px;} .before-product .before-mc .newsletter-container {width: calc(100% - 20px); left: 50%; transform: translateX(-50%);} } input[type=email] { position: relative; float: left; min-width: 100%; height: 48px; padding-left: 48px; border: 1px solid rgba(0, 0, 0, 0.10); border-radius: 5px !important; transition: all 0.05s; background-color: rgba(255, 255, 255, 0.25); background-image: url("/wp-content/uploads/2018/03/email-0.png"); background-repeat: no-repeat; background-position: 10px 12px; background-size: 24px; box-shadow: inset 0 0px 0px rgba(0,0,0,0); box-sizing: border-box; } input[type=email]:hover { border: 1px solid rgba(78, 165, 133, 1.00); transition: all 0.5s; background-color: rgba(255, 255, 255, 0.75); background-image: url("/wp-content/uploads/2018/03/email-1.png"); box-shadow: inset 0 0px 0px rgba(0,0,0,0); } input[type=email]:focus { border: 1px solid rgba(78, 165, 133, 1.00); transition: all 0.5s; background-color: rgba(255, 255, 255, 1.00); background-image: url("/wp-content/uploads/2018/03/email-1.png"); box-shadow: inset 0 0px 0px rgba(0,0,0,0); } input[type=button], .newsletter-button {width: 100px; height: 48px; line-height: 47px; padding-top: 0px !important; padding-left: 0px !important; padding-right: 0px !important; text-align: center !important; position: absolute; bottom: 0px; right: 0px; border-radius: 0px 3px 3px 0px !important; border: 0px rgba(0, 0, 0, 0.00) !important; background-color: rgba(78, 165, 133, 1.00) !important;} input[type=button]:hover, .newsletter-button:hover {border: 0px rgba(0, 0, 0, 0.00) !important; background-color: rgba(78, 165, 133, 0.75) !important;} input[type=button]:active, .newsletter-button:active {border: 0px rgba(0, 0, 0, 0.00) !important;} /* NEWSLETTER BUTTON FOOTER */ input[type=button], .newsletter-button-footer {width: 100px; height: 49px; line-height: 47px; padding-top: 0px !important; padding-left: 0px !important; padding-right: 0px !important; text-align: center !important; position: absolute; bottom: 0px !important; right: 0px; border-radius: 0px 3px 3px 0px !important; border: 0px rgba(0, 0, 0, 0.00) !important; background-color: rgba(78, 165, 133, 1.00) !important;} input[type=button]:hover, .newsletter-button-footer:hover {border: 0px rgba(0, 0, 0, 0.00) !important; background-color: rgba(78, 165, 133, 0.75) !important;} input[type=button]:active, .newsletter-button-footer:active {border: 0px rgba(0, 0, 0, 0.00) !important;} /* NEWSLETTER BUTTON FOOTER FIX FOR MOBILE @media screen and (max-width: 750px) { input[type=button], .newsletter-button-footer {width: 100px; height: 48px; line-height: 47px; padding-top: 0px !important; padding-left: 0px !important; padding-right: 0px !important; text-align: center !important; position: absolute; bottom: 25px !important; right: 20px; border-radius: 0px 3px 3px 0px !important; border: 0px rgba(0, 0, 0, 0.00) !important;} input[type=button]:hover, .newsletter-button-footer:hover {border: 0px rgba(0, 0, 0, 0.00) !important;} input[type=button]:active, .newsletter-button-footer:active {border: 0px rgba(0, 0, 0, 0.00) !important;} } */ .white .sa_owl_theme .owl-nav .owl-prev { background: rgba(0,0,0,0.3) url('../images/icon_prev.png') no-repeat center center !important; background-color: rgba(255, 0, 0, 1.0);} .white .sa_owl_theme .owl-nav .owl-prev:hover, .white .sa_owl_theme .owl-nav .owl-next:hover { background-color: rgba(0,255,0,1.0) !important; } /* BANNER -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ @media screen and (min-width: 768px) { .banner-img { width: 50%; height: 100%; position: absolute; left: 0; top: 0; background-size: 50%; background-position: center; background-repeat: no-repeat; } .banner-discript-container { width: 50%; height: 100%; position: absolute; right: 0; top: 0; line-height: initial !important; } .banner-discript-inner-container { width: 100%; box-sizing: border-box; padding-right: 10%; position: absolute; left: 0; top: 50%; transform: translatey(-50%); } .banner-prod-name{ width: 100%; display: block; margin-bottom: 20px; font-size: 36px; font-weight: bolder; } .banner-prod-discript{ width: 100%; display: block; margin-bottom: 20px; font-size: 16px; font-weight: lighter; } .banner-prod-price{ width: 100%; display: block; margin-bottom: 0px; font-size: 26px; font-weight: lighter; color: rgba(190, 183, 173, 1.00) } .banner-prod-price-promo{ width: 100%; display: block; margin-bottom: 30px; font-size: 30px; } .b-prod-action { width: initial !important; font-size: 15px; font-weight: bold; height: 50px; line-height: 49px; padding-left: 30px; padding-right: 30px; background-color: rgba(118, 190, 170, 1.00); cursor: pointer; color: rgba(255, 255, 255, 1.00); display: inline-block; transition: all 0.3s; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.00); } .b-prod-action:hover { background-color: rgba(173, 241, 228, 1.00); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10); transition: all 0.2s; } .b-prod-action:active { background-color: rgba(78, 165, 133, 1.00); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1.00); transition: all 0.1s; } .cart-contents {transform: translateY(-15px);} } .search-header {display: none;} @media screen and (max-width: 767px) { .col-full .storefront-breadcrumb {margin-bottom: 5px !important; padding-bottom: 5px !important;} .search-header {width: 100%; height: 48px; margin-top: 10px; margin-bottom: 10px; display: none;} .banner-img { width: 40%; height: 100%; position: absolute; left: 0; top: 0; background-size: 60%; background-position: center; background-repeat: no-repeat; } .banner-discript-container { width: 60%; height: 100%; position: absolute; right: 0; top: 0; line-height: initial !important; } .banner-discript-inner-container { width: 100%; box-sizing: border-box; padding-right: 0; position: absolute; left: 0; top: 50%; transform: translatey(-50%); } .banner-prod-name{ width: 100%; display: block; margin-bottom: 6px; font-size: 20px; font-weight: bolder; } .banner-prod-discript{display: none;} .banner-prod-price{ width: auto; padding-right: 0px; display: block; margin-bottom: 0px; font-size: 16px; font-weight: lighter; color: rgba(190, 183, 173, 1.00) } .banner-prod-price-promo{ width: auto; display: block; margin-bottom: 6px; font-size: 20px; } .b-prod-action { width: initial !important; font-size: 12px; font-weight: bold; height: 26px; line-height: 25px; padding-left: 15px; padding-right: 15px; background-color: rgba(118, 190, 170, 1.00); cursor: pointer; color: rgba(255, 255, 255, 1.00); display: inline-block; transition: all 0.3s; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.00); } .b-prod-action:hover { background-color: rgba(173, 241, 228, 1.00); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10); transition: all 0.2s; } .b-prod-action:active { background-color: rgba(78, 165, 133, 1.00); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1.00); transition: all 0.1s; } } /* END BANNER */ ul.products li.product .button { margin: 1px; padding: 4px; padding-right: 10px; padding-left: 10px; } h4 {font-weight: 100; color: rgba(191, 171, 161, 1.00)} .best-seller-icon { width: 20px; height: 20px; margin-right: 10px; display: inline-block; background-image: url("/wp-content/uploads/2018/03/best-seller-icon.png") } .trending-icon { width: 20px; height: 20px; margin-right: 10px; display: inline-block; background-image: url("/wp-content/uploads/2018/03/trending-icon.png") } div.ced {margin-bottom: 40px;} div.ced h2 {display: none;} div.ced ul li a h2 {display: block !important;} .entry-content .woocommerce > div.ced ul.products li.product {width: 25% !important; margin: 0 0 0 0 !important;} @media screen and (max-width: 460px) { div.ced ul.products li.product {width: 100% !important; margin: 0 0 0 0 !important;} } .blog-icon { width: 20px; height: 20px; margin-right: 10px; display: inline-block; background-image: url("/wp-content/uploads/2018/03/blog-icon.png") } .testimonials-icon { width: 20px; height: 20px; margin-right: 10px; display: inline-block; background-image: url("/wp-content/uploads/2018/04/testimonials-icon.png") } .complementary-icon { width: 20px; height: 20px; margin-right: 10px; display: inline-block; background-image: url("/wp-content/uploads/2018/04/complementary-icon.png") } .similar-icon { width: 20px; height: 20px; margin-right: 10px; display: inline-block; background-image: url("/wp-content/uploads/2018/04/similar-icon.png") } .recent-icon { width: 20px; height: 20px; margin-right: 10px; display: inline-block; background-image: url("/wp-content/uploads/2018/04/recent-icon.png") } /* POSTS / BLOG ------------------------------------------------------------------------------------------------------------------------------------------------------- */ #posts-home {width: 100%; position: relative; float: left; margin-bottom: 40px;} #posts-home .display-posts-listing .listing-item { width: 24%; margin-left: 0.5%; margin-right: 0.5%; position: relative; float: left; border: 1px solid rgba(78, 165, 133, 0.05); border-radius: 3px; padding: 0px !important; overflow: hidden; background-color: rgba(78, 165, 133, 0.02); } #posts-home .display-posts-listing .listing-item img { width: 140%; margin: 0px; } #posts-home .display-posts-listing .listing-item .title { width: 100%; min-height: 0px; padding: 20px; background-color: rgba(78, 165, 133, 0.60); color: rgba(255, 255, 255, 1.00); box-sizing: border-box; position: absolute; left: 0px; bottom: 0px; text-align: center; font-size: 16px; line-height: 14px; font-weight: lighter; transition: all 0.3s; } #posts-home .display-posts-listing .listing-item:hover .title { min-height: 100%; padding-top: 49%; background-color: rgba(119, 191, 171, 0.80); } @media screen and (max-width: 460px) { #posts-home .display-posts-listing .listing-item { width: 49%; margin-bottom: 1%; } #posts-home .display-posts-listing .listing-item .title { width: 100%; min-height: 100%; padding: 10px; padding-top: 49%; background-color: rgba(119, 191, 171, 0.80); color: rgba(255, 255, 255, 1.00); box-sizing: border-box; position: absolute; left: 0px; bottom: 0px; text-align: center; font-size: 14px; line-height: 14px; font-weight: lighter; transition: all 0.3s; } #posts-home .display-posts-listing .listing-item:hover .title { width: 100%; min-height: 100%; padding: 10px; padding-top: 49%; background-color: rgba(119, 191, 171, 0.80); } } #posts-home .display-posts-listing .listing-item .content { display: none !important; } #main .post .entry-content img.wp-post-image {display: none !important;} /* LABELS POST */ .entry-meta .cat-links {display: none;} .entry-meta {min-width: 100% !important; margin-right: 0px !important;} .entry-meta div.vcard.author {width: 100% !important; margin: 0px; padding: 0px; position: relative; float: left; display: block; line-height: 16px !important;} .entry-meta div.vcard.author img {position: relative !important; float: left; margin-right: 5px; display: block;} .entry-meta div.vcard.author div.label {line-height: 16px !important;} .entry-meta div.vcard.author a.url.fn {line-height: 16px !important;} .entry-meta div.comments-link div.label {display: none !important;} .entry-meta div.comments-link a {min-width: 140px; height: 34px; position: absolute; top: 0px; right: 0px; display: block; line-height: 34px; text-align: center; border-radius: 3px; background-color: rgba(120, 190, 170, 1.00); color: #fff; transition: all 0.3s;} .entry-meta div.comments-link a:hover {background-color: rgba(120, 190, 170, 0.50);} .entry-meta div.comments-link {position: relative; float: left; display: block;} article.post div.entry-content {min-width: 100% !important;} @media screen and (max-width: 460px) { .entry-meta {position: relative; float: left; height: auto;} .entry-meta div.vcard.author {height: 34px !important;} article.post div.entry-content a img {min-width: 100%; height: auto; position: relative; float: left;} .entry-meta span.comments-link {width: 100%;} .entry-meta span.comments-link a {min-width: 180px; white-space: nowrap; height: 28px; position: relative; float: left; margin-left: 64px; margin-top: 4px; display: block; line-height: 28px; text-align: center; border-radius: 3px; background-color: rgba(120, 190, 170, 1.00); color: #fff; transition: all 0.3s;} } td.actions a.button {position: relative; padding: 6px;} td.actions button.button {position: relative; padding: 6px;} p.comment-subscription-form {display: none !important;} p.form-submit input {background-color: rgba(120, 190, 170, 1.00) !important; border: 0px !important;} p.form-submit input:hover {background-color: rgba(120, 190, 170, 0.50) !important; border: 0px !important;} .main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {background-color: rgba(119, 191, 171, 1.00); color: rgba(255, 255, 255, 1.00); border-radius: 5px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25)} .main-navigation ul.menu ul.sub-menu li a, .main-navigation ul.nav-menu ul.children li a {color: rgba(255, 255, 255, 1.00) !important; padding: 10px 0 10px 10px !important; transition: all 0.3s !important;} .main-navigation ul.menu ul.sub-menu li a:after, .main-navigation ul.nav-menu ul.children li a:after {transform: translatex(-14px) !important} .main-navigation ul.menu ul.sub-menu li a:hover, .main-navigation ul.nav-menu ul.children li a:hover {background-color: rgba(255, 255, 255, 0.20) !important;} /* PRODUCT PAGE CAT STUFF --------------------------------------------------------------------------------------------------------------------------------------------- */ .product-category.product { width: 19% !important; margin: 0.5% !important; cursor: pointer; border: 1px solid rgba(78, 165, 133, 0.05); border-radius: 3px; padding: 30px !important; background-size: 80%; background-repeat: no-repeat; background-position: 90px -110px; background-color: rgba(78, 165, 133, 0.02); transition: all 0.5s; } .product-category.product:hover { border: 1px solid rgba(78, 165, 133, 0.12); background-repeat: no-repeat; background-position: 80px -100px; background-color: rgba(78, 165, 133, 0.10); } .product-category.product a img { opacity: 1.00; transition: all 1s; } .product-category.product:hover a img { opacity: 0.25; transition: all 1s; } .product-category.product a h2.woocommerce-loop-category__title { width: 100%; height: 40px; line-height: 40px; font-size: 24px !important; font-weight: lighter; position: absolute; left: 0px; bottom: -13px; background-color: rgba(78, 165, 133, 0.00); color: rgba(78, 165, 133, 1.00); text-shadow: 0px 1px rgba(78, 165, 133, 0.00); border-radius: 3px; transition: all 0.5s; } .product-category.product:hover a h2.woocommerce-loop-category__title { height: 100%; line-height: 1000%; font-weight: bold; background-color: rgba(78, 165, 133, 0.20); color: rgba(255, 255, 255, 1.00); text-shadow: 0px 1px rgba(39, 83, 70, 0.50); transition: all 0.2s; } .product-category.product a h2.woocommerce-loop-category__title mark.count{ display: none; font-size: 16px; color: rgba(255, 255, 255, 1.00); transition: all 0.2s; } .product-category.product:hover a h2.woocommerce-loop-category__title mark.count{ color: rgba(78, 165, 133, 1.00); transition: all 0.5s; } @media(max-width: 480px){ ul li.product-category.product {width: 49% !important; margin-left: 0.5% !important; margin-right: 0.5% !important; padding: 20px !important; margin-bottom: 5px !important;} ul.products li.product-category {max-height: 180px !important; min-height: 180px !important; position: relative; float: left; display: block; padding-top: 20px;} .product-category.product img {width: 90%; transform: translatey(5%);} .product-category.product:hover a h2.woocommerce-loop-category__title {margin-bottom: 13px; box-sizing: border-box;} } /* PRODUCT PAGE STUFF -------------------------------------------------------------------------------------------------------------------------------------------------- */ .self-container-button { font-size: 20px; color: rgba(119, 191, 171, 1.00); display: block !important; cursor: pointer; box-sizing: border-box; padding-left: 30px; background-image: url("/wp-content/uploads/2018/04/arrow-down.png"); background-repeat: no-repeat; background-position: 0px 3px; opacity: 1.00; transition: all 0.5s; } .self-container-button:hover { opacity: 0.50; transition: all 0.5s; } span.self-container-button + p {line-height: 10px; font-size: 10px;} .self-container-button-active { background-image: url("/wp-content/uploads/2018/04/arrow-up.png"); } .self-container { max-height: 0px; padding: 0px 0px 0px 0px; margin: 0 0 15px 0; transition: all 0.7s ease-in-out; overflow: hidden; border-bottom: 1px solid rgba(0, 0, 0, 0.10) } .open-sc { max-height: 5000px; padding: 10px 0px 10px 0px; transition: all 0.7s ease-in-out; } #expand-master-container input[type=checkbox] { display: none !important; } #expand-master-container input[type=checkbox] ~ label { font-size: 20px; color: rgba(119, 191, 171, 1.00); display: block !important; cursor: pointer; box-sizing: border-box; padding-left: 30px; background-image: url("/wp-content/uploads/2018/04/arrow-down.png"); background-repeat: no-repeat; background-position: 0px 3px; opacity: 1.00; transition: all 0.5s; } #expand-master-container input[type=checkbox] ~ label:hover { opacity: 0.50; transition: all 0.5s; } #expand-master-container input[type=checkbox]:checked ~ label { background-image: url("/wp-content/uploads/2018/04/arrow-up.png"); } .content { max-height: 0px; overflow: hidden; display: block; padding-bottom: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.10); transition: all 0.9s; } #expand-master-container input[type=checkbox]:checked ~ label ~ .content { display: block !important; max-height: 9999999px; padding-bottom: 20px; transition: all 0.9s; } @media screen and (min-width: 768px) { .badge-tooltip {padding: 2px; padding-left: 10px; padding-right: 10px; position: absolute; left: 50%; top: -50%; transform: translateX(-50%) translateY(50%); color: rgba(255, 255, 255, 1.00); font-size: 12px; background-color: rgba(78, 165, 133, 1.00); border: 2px solid rgba(255, 255, 255, 0.00); white-space: nowrap; z-index: 30; border-radius: 5px; opacity: 0.00; transition: all 0.1s;} .prod-badges-container {width: 100%; min-width: 100%; float: left; position: relative; display: block; margin-bottom: 10px;} /* Badge Vegetariano */ .badge-vegetariano {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2018/04/badge-vegan-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 10px;} .badge-vegetariano:hover .badge-tooltip { left: 50%; top: 5px; border: 2px solid rgba(255, 255, 255, 1.00); transform: translateX(-50%) translateY(-100%); opacity: 1.00; transition: all 0.1s;} /* Badge Vegan */ .badge-vegan {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2018/04/badge-vegetariano-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 10px;} .badge-vegan:hover .badge-tooltip { left: 50%; top: 5px; border: 2px solid rgba(255, 255, 255, 1.00); transform: translateX(-50%) translateY(-100%); opacity: 1.00; transition: all 0.1s;} /* Badge sem Stock */ .badge-sem-stock {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2018/04/badge-sem-stock-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 10px;} .badge-sem-stock:hover .badge-tooltip { left: 50%; top: 5px; border: 2px solid rgba(255, 255, 255, 1.00); transform: translateX(-50%) translateY(-100%); opacity: 1.00; transition: all 0.1s;} /* Badge sem Gluten */ .badge-sem-gluten {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2018/04/badge-sem-gluten-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 10px;} .badge-sem-gluten:hover .badge-tooltip { left: 50%; top: 5px; border: 2px solid rgba(255, 255, 255, 1.00); transform: translateX(-50%) translateY(-100%); opacity: 1.00; transition: all 0.1s;} /* Badge Promoção */ .badge-promocao {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2018/04/badge-promocao-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 10px;} .badge-promocao:hover .badge-tooltip { left: 50%; top: 5px; border: 2px solid rgba(255, 255, 255, 1.00); transform: translateX(-50%) translateY(-100%); opacity: 1.00; transition: all 0.1s;} /* Badge Orgânico */ .badge-organico {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2018/04/badge-organico-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 10px;} .badge-organico:hover .badge-tooltip { left: 50%; top: 5px; border: 2px solid rgba(255, 255, 255, 1.00); transform: translateX(-50%) translateY(-100%); opacity: 1.00; transition: all 0.1s;} /* Badge marca Portuguesa */ .badge-marca-portuguesa {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2018/04/badge-marca-portuguesa-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 10px;} .badge-marca-portuguesa:hover .badge-tooltip { left: 50%; border: 2px solid rgba(255, 255, 255, 1.00); top: 5px; transform: translateX(-50%) translateY(-100%); opacity: 1.00; transition: all 0.1s;} /* Badge Artesanal */ .badge-artesanal {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2018/04/badge-artesanal-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 10px;} .badge-artesanal:hover .badge-tooltip { left: 50%; top: 5px; border: 2px solid rgba(255, 255, 255, 1.00); transform: translateX(-50%) translateY(-100%); opacity: 1.00; transition: all 0.1s;} /* Badge Seguro para Grávidas */ .badge-gravidas {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2019/05/seguro-para-gravidas-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 10px;} .badge-gravidas:hover .badge-tooltip { left: 50%; top: 5px; border: 2px solid rgba(255, 255, 255, 1.00); transform: translateX(-50%) translateY(-100%); opacity: 1.00; transition: all 0.1s;} } @media screen and (max-width: 767px) { .badge-tooltip {padding: 0px; line-height: 20px; padding-left: 6px; padding-right: 6px; position: absolute; left: 50%; top: 10px; transform: translateX(-50%) translateY(200%); color: rgba(255, 255, 255, 1.00); font-size: 9px; background-color: rgba(78, 165, 133, 1.00); border: 0px solid rgba(255, 255, 255, 1.00); white-space: nowrap; z-index: 30; border-radius: 5px; opacity: 1.00; transition: all 0.1s;} .prod-badges-container {width: 100%; min-width: 100%; float: left; position: relative; display: block; margin-bottom: 10px;} /* Badge Vegetariano */ .badge-vegetariano {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2018/04/badge-vegan-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 20px;} .badge-vegetariano:hover .badge-tooltip {} /* Badge Vegan */ .badge-vegan {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2018/04/badge-vegetariano-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 20px;} .badge-vegan:hover .badge-tooltip {} /* Badge sem Stock */ .badge-sem-stock {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2018/04/badge-sem-stock-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 20px;} .badge-sem-stock:hover .badge-tooltip {} /* Badge sem Gluten */ .badge-sem-gluten {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2018/04/badge-sem-gluten-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 20px;} .badge-sem-gluten:hover .badge-tooltip {} /* Badge Promoção */ .badge-promocao {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2018/04/badge-promocao-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 20px;} .badge-promocao:hover .badge-tooltip {} /* Badge Orgânico */ .badge-organico {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2018/04/badge-organico-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 20px;} .badge-organico:hover .badge-tooltip {} /* Badge marca Portuguesa */ .badge-marca-portuguesa {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2018/04/badge-marca-portuguesa-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 20px;} .badge-marca-portuguesa:hover .badge-tooltip {} /* Badge Artesanal */ .badge-artesanal {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2018/04/badge-artesanal-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 20px;} .badge-artesanal:hover .badge-tooltip {} /* Badge Seguro para Grávidas */ .badge-gravidas {width: 60px; height: 60px; position: relative; float: left; display: block; background-image: url("/wp-content/uploads/2019/05/seguro-para-gravidas-1.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 20px;} .badge-gravidas:hover .badge-tooltip {} } /* PROD HIDE BRAND */ div#tab-pwb_tab-content span img.attachment-thumbnail {display: none !important;} @media screen and (max-width: 460px) { #tab-pwb_tab-content div {padding-left: 0px !important} } /* FILTROS */ div.woof_container_inner .irs-with-grid .irs-slider.from {cursor: pointer !important; width: 10px !important; background-color: #76beaa !important; border-radius: 3px !important; box-sizing: border-box; border: 1px solid #fff; color: rgba(255, 255, 255, 0.00); background-image: unset !important;} div.woof_container_inner .irs-with-grid .irs-slider.from:hover {background-color: #aef2e5 !important;} div.woof_container_inner .irs-with-grid .irs-slider.to {cursor: pointer !important; width: 10px !important; background-color: #76beaa !important; border-radius: 3px !important; box-sizing: border-box; border: 1px solid #fff; color: rgba(255, 255, 255, 0.00); background-image: unset !important;} div.woof_container_inner .irs-with-grid .irs-slider.to:hover {background-color: #aef2e5 !important;} /* PROD BRAND AND RATING ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #tab-pwb_tab-content span .attachment-thumbnail {display: block !important;} #tab-pwb_tab-content h3 {display: block !important;} .star-rating span::before, .star-rating::before {color: rgba(119, 191, 171, 1.00) !important;} .woocommerce p.stars span a:hover:before, .woocommerce p.stars span a:focus:before, .woocommerce p.stars span a.x-active:before { color: rgba(78, 165, 133, 1.00) !important; } p.stars.selected a.active::before, p.stars:hover a::before, p.stars.selected a:not(.active)::before, p.stars.selected a.active::before {color: #77bfab !important} .brand-link {width: 100%; display: block; margin-top: 10px;} .brand-link:hover {width: 100%; display: block; margin-top: 10px; text-decoration: underline;} /* PROD VER CARRINHO BTN*/ button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .added_to_cart.alt, .widget-area .widget a.button.alt, .added_to_cart, .widget a.button.checkout {padding: 4px !important; padding-top: 3px !important; padding-left: 10px !important; padding-right: 10px !important;} /* LISTAGEM DE PRODUTOS */ .woocommerce-cart-form__cart-item.cart_item a.remove::before {content: none; display: none;} .woocommerce-cart-form__cart-item.cart_item a.remove {width: 32px; height: 32px; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 41px; margin-bottom: 41px; display: block; background-image: url("/wp-content/uploads/2018/cart-remove-0.png"); background-repeat: no-repeat; background-position: center; cursor: pointer; } .woocommerce-cart-form__cart-item.cart_item a.remove:hover {background-image: url("/wp-content/uploads/2018/cart-remove-1.png");} table.shop_table_responsive tbody tr td, table.shop_table_responsive tbody tr th {padding: 0px !important} table.cart td, table.cart th {padding: 0px !important} table.cart .product-thumbnail img {height: 112px; width: 112px; max-width: 112px; margin-top: 1px;} @media screen and (max-width: 460px) { .woocommerce-cart-form__cart-item.cart_item a.remove {width: 32px; height: 32px; position: absolute; left: 16px; display: block; background-image: url("/wp-content/uploads/2018/cart-remove-0.png"); background-repeat: no-repeat; background-position: center; cursor: pointer; } table.cart .product-thumbnail a {float: right;} table.cart .product-thumbnail img {height: 64px; width: 64px; max-width: 64px; position: relative; right: 0px;} .shop_table.woocommerce-checkout-review-order-table thead tr th.product-name {width: 25% !important;} .shop_table.woocommerce-checkout-review-order-table thead tr th.product-total {width: 25% !important; font-weight: bold !important;} .shop_table.woocommerce-checkout-review-order-table tbody tr td.product-name {width: 25% !important;} .shop_table.woocommerce-checkout-review-order-table thead tr td.product-total {width: 25% !important; font-weight: bolder !important;} .woocommerce-billing-fields__field-wrapper p {margin-bottom: 5px !important} .form-row.notes label {display: none;} .woocommerce-billing-fields {margin-top: 5px;} .cart-subtotal th {background-color: rgba(255, 255, 255, 1.00); border-bottom: 1px solid rgba(0, 0, 0, 0.05)} .cart-subtotal td {background-color: rgba(255, 255, 255, 1.00); border-bottom: 1px solid rgba(0, 0, 0, 0.05)} .shipping th {background-color: rgba(255, 255, 255, 1.00); border-bottom: 1px solid rgba(0, 0, 0, 0.05)} .shipping td {background-color: rgba(255, 255, 255, 1.00); border-bottom: 1px solid rgba(0, 0, 0, 0.05)} .order-total th {background-color: rgba(255, 255, 255, 1.00); border-bottom: 1px solid rgba(0, 0, 0, 0.05)} .order-total td {background-color: rgba(255, 255, 255, 1.00); border-bottom: 1px solid rgba(0, 0, 0, 0.05)} .shop_table.woocommerce-checkout-review-order-table th {padding: 8px !important; color: #76beaa !important; font-weight: bolder !important} .shop_table.woocommerce-checkout-review-order-table td {padding: 8px !important;} ul.wc_payment_methods.payment_methods.methods li label {padding: 8px !important; margin: 0 0 0 0 !important; font-size: 14px;} .woocommerce-shipping-fields #ship-to-different-address {font-size: 14px !important;} } @media screen and (min-width: 461px) { table td, table th {padding: 14px !important;} /*table td {width: 55% !important;} table th {width: 45% !important;}*/ } /* TESTIMONIALS -------------------------------------------------------------------------------------------------------------------------------------------------------- */ .testimonials-container {width: 100%; display: table;} .testimonial-container { width: 100%; padding: 10px; box-sizing: border-box; position: relative; float: left; display: table; margin-top: 32px; } @media screen and (min-width: 768px) { .testimonial-container { width: 33%; margin-top: 0px; } } .testimonial-inner-container { width: 100%; padding: 20px; min-height: 150px; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); box-sizing: border-box; position: relative; float: left; display: table; } .testimonial-photo { width: 64px; height: 64px; position: absolute; left: 50%; top: -32px; transform: translatex(-50%); border-radius: 100px; background-color: rgba(200, 200, 200, 1.00); box-sizing: border-box; background-size: 100%; background-position: center center; } .quote-style {font-size: 30px; font-weight: bolder; color: rgba(191, 184, 174, 1.00); display: inline-block;} .testimonial-author {width: 100%; padding-right: 20px; text-align: right; font-style: italic;} .testimonial-quote { width: 100%; height: 120px; padding: 10px; box-sizing: border-box; display: table; } h3.testimonial-heading {line-height: 22px !important;} @media screen and (max-width: 460px) { h3.testimonial-heading {font-size: 20px; line-height: 18px !important;} } #content .col-full article.post {width: 32.33333333% !important; position: relative; float: left; display: block; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 10px !important;} #content .col-full #primary #main article.post {width: 100% !important;} #content .col-full article.post div.entry-container {padding: 20px !important; background-color: rgba(78, 165, 133, 0.10); border: 1px solid rgba(78, 165, 133, 0.20); border-radius: 3px;} #content .col-full article.post div.entry-container header {margin-bottom: 10px !important; border-bottom: 0px !important; white-space: nowrap; overflow: hidden;} #content .col-full article.post div.entry-container header h4 {font-size: 16px; font-weight: bold; padding: 5px; padding-left: 40px; border-radius: 3px; box-sizing: border-box; cursor: pointer; transition: all 0.3s; color: rgba(78, 165, 133, 1.00) !important; background-color: rgba(78, 165, 133, 0.00) !important; background-image: url("/wp-content/uploads/2018/blog-icon-0.png") !important; background-repeat: no-repeat; background-position: 10px 8px;} #content .col-full article.post div.entry-container header h4:hover {background-color: rgba(78, 165, 133, 0.50) !important; background-image: url("/wp-content/uploads/2018/blog-icon-1.png") !important;} #content .col-full article.post div.entry-container header h4:hover a {color: rgba(255, 255, 255, 1.00) !important;} #content .col-full article.post div.entry-container img {margin: 0px !important;} @media (max-width: 680px) and (min-width: 321px) { #content .col-full article.post {width: 49% !important; position: relative; float: left; display: block; margin-left: 0.5%; margin-right: 0.5%;} #content .col-full article.post div.entry-container {padding: 10px !important; background-color: rgba(78, 165, 133, 0.10); border: 1px solid rgba(78, 165, 133, 0.20); border-radius: 3px;} #content .col-full article.post div.entry-container header {margin-bottom: 0px !important; border-bottom: 0px !important; white-space: nowrap; overflow: hidden;} } @media (max-width: 320px) and (min-width: 0px) { #content .col-full article.post {width: 100% !important; position: relative; float: left; display: block; margin-left: 0.0%; margin-right: 0.0%;} #content .col-full article.post div.entry-container {padding: 5px !important; background-color: rgba(78, 165, 133, 0.10); border: 1px solid rgba(78, 165, 133, 0.20); border-radius: 3px;} #content .col-full article.post div.entry-container header {margin-bottom: 0px !important; border-bottom: 0px !important; white-space: nowrap; overflow: hidden;} } div.entry-container a img {opacity: 1.00; transition: all 0.3s;} div.entry-container a img:hover {opacity: 0.50; transition: all 0.3s;} div#testomonials-form div.testimonial-success {display: none !important;} /* TESTIMONIALS FIX */ .testimonial-quote .quote-style {position: absolute; color: rgba(78, 165, 133, 0.20); font-size: 100px; z-index: -10; margin-top: 10px;} .testimonial-quote p {margin-bottom: 0px !important;} .testimonial-quote p a { display: block !important; font-size: 14px; height: 14px; line-height: 13px; margin-top: 4px; padding-left: 16px; background-image: url("/wp-content/uploads/2018/04/icon-ler-mais-0.png"); background-position: 0px 0px; background-repeat: no-repeat; } .testimonial-quote p a:hover { background-image: url("/wp-content/uploads/2018/04/icon-ler-mais-1.png"); } /* TESTIMONIALS PAGE */ #testimonials-main-container input[type=checkbox] { display: none !important; } .write-testimonial-btn {width: 190px; height: 32px; line-height: 30px; text-align: center; padding-left: 20px; background-color: rgba(118, 190, 170, 1.00); background-image: url("/wp-content/uploads/2018/edit-1-icon.png"); background-position: 6px 6px; background-repeat: no-repeat; color: white; float: right; cursor: pointer; display: block; transition: all 0.3s;} .write-testimonial-btn:hover {background-color: rgba(118, 190, 170, 0.75);} .write-testimonial-btn:active {background-color: rgba(98, 170, 150, 1.00);} #testimonials-main-container input[type=checkbox]:checked ~ label.write-testimonial-btn {background-image: url("/wp-content/uploads/2018/edit-0-icon.png");} .testomonials-form-container {width: 100%; max-height: 0px; overflow: hidden; transition: all 0.3s;} #testimonials-main-container input[type=checkbox]:checked ~ .testomonials-form-container {max-height: 1500px;} #testimonials-main-container .testimonial { border: 0px !important; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);} #testimonials-main-container h3 {padding-left: 20px; height: 38px; line-height: 38px;} /* BRANDS -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #brands-list-container {width: 100%; height: 100%;} #brands-list-container .pwb-brands-col3 {margin-bottom: 30px;} #brands-list-container .pwb-brands-col3 img {opacity: 1.00; transform: translatey(0px); border-radius: 0.5px; transition: all 0.5s ease;} #brands-list-container .pwb-brands-col3 img:hover {opacity: 0.75; border-radius: 0.5px; transition: all 0.5s ease;} .brands-icon { width: 20px; height: 20px; margin-right: 10px; display: inline-block; background-image: url("/wp-content/uploads/2018/04/icon-brands.png") } /* BRAND PAGE --------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #tab-pwb_tab-content {display: block; position: relative; float: left;} #tab-pwb_tab-content .brand-link {display: none;} #tab-pwb_tab-content div {padding-left: 148px;} #tab-pwb_tab-content span {width: 128px; height: 128px; position: absolute; left: 0px; top: 0px;} #tab-pwb_tab-content span img {width: 128px; height: 128px;} @media screen and (min-width: 768px) { } @media screen and (max-width: 480px) { .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 { width: 50%; float: left; } main.site-main header.woocommerce-products-header img {display: none !important;} } main.site-main header.woocommerce-products-header img {display: none !important;} /* FOOTER STUFF ------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .site-footer {background-color: rgba(191, 184, 174, 1.00); box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.10); padding: 0px;} .footer-inner-container {padding: 0px; padding-top: 20px; padding-bottom: 20px; background-image: url("/wp-content/uploads/2018/04/bunny-transparent.png"); background-repeat: no-repeat; background-position: right bottom;} .footer-title {width: 100%; margin-bottom: 20px; font-size: 20px; font-weight: 400; color: rgba(255, 255, 255, 1.00);} .newsletter-input-container {width: 100%; height: 48px; display: block; margin-right: 40px; position: relative;} .newsletter-input-footer { border: 0px solid rgba(0, 0, 0, 0.10) !important; background-color: rgba(255, 255, 255, 0.60) !important; background-position: 10px 12px !important; } .newsletter-input-footer:hover { border: 0px solid rgba(78, 165, 133, 1.00) !important; background-color: rgba(255, 255, 255, 0.80) !important; } .newsletter-input-footer:focus { border: 0px solid rgba(78, 165, 133, 1.00) !important; background-color: rgba(255, 255, 255, 1.00) !important; } .newsletter-container-footer {width: 100%; display: block; position: relative;} .general-links-container-footer-01 {width: 100%; border-left: 0px; padding-left: 0px; margin-left: 0px;} .general-links-container-footer-02 {width: 100%; border-left: 0px; padding-left: 0px; margin-left: 0px;} .social-links-container-footer {width: 100%; border-left: 0px; padding-left: 0px; padding-top: 30px; padding-bottom: 40px; margin-left: 0px;} @media screen and (min-width: 768px) { .newsletter-container-footer { width: 28%; min-height: 200px; padding: 20px; padding-left: 0px; box-sizing: border-box; display: block; position: relative; float: left; } .newsletter-inner-container-footer {width: 100%; height: 100%; position: relative; float: left; display: block;} .general-links-container-footer-01 { width: 23%; min-width: 200px; min-height: 200px; padding: 20px; padding-right: 0px; box-sizing: border-box; border-left: 1px dotted rgba(255, 255, 255, 0.50); display: block; position: relative; float: left; } .general-links-container-footer-02 { width: 23%; min-width: 200px; min-height: 200px; padding: 20px; padding-left: 0px; padding-right: 0px; box-sizing: border-box; display: block; position: relative; float: left; } .social-links-container-footer { width: 26%; min-width: 272px; min-height: 200px; padding: 20px; box-sizing: border-box; border-left: 1px dotted rgba(255, 255, 255, 0.50); display: block; position: relative; float: left; } } .social-link-facebook { width: 32px; height: 32px; padding: 0px; margin: 0px; float: left; margin-left: 0px; background-image: url("/wp-content/uploads/2018/03/facebook-icon-min.png"); background-size: 100%; opacity: 1.00; display: block; cursor: pointer; transition: all 0.3s; } .social-link-facebook:hover {opacity: 0.60;} .social-link-instagram { width: 32px; height: 32px; padding: 0px; margin: 0px; float: left; margin-left: 30px; background-image: url("/wp-content/uploads/2018/03/instagram-icon-min.png"); background-size: 100%; opacity: 1.00; display: block; cursor: pointer; transition: all 0.3s; } .social-link-instagram:hover {opacity: 0.60;} .social-link-pinterest { width: 32px; height: 32px; padding: 0px; margin: 0px; float: left; margin-left: 30px; background-image: url("/wp-content/uploads/2018/03/pinterest-icon-min.png"); background-size: 100%; opacity: 1.00; display: block; cursor: pointer; transition: all 0.3s; } .social-link-pinterest:hover {opacity: 0.60;} .social-link-googleplus { width: 32px; height: 32px; padding: 0px; margin: 0px; float: left; margin-left: 30px; background-image: url("/wp-content/uploads/2018/03/googleplus-icon-min.png"); background-size: 100%; opacity: 1.00; display: block; cursor: pointer; transition: all 0.3s; } .social-link-googleplus:hover {opacity: 0.60;} .footer-link { width: 100% !important; height: 32px; display: block !important; color: rgba(255, 255, 255, 1.00) !important; font-weight: 500 !important; opacity: 1.00; transition: all 0.2s !important; box-sizing: border-box; } .footer-link:hover {opacity: 0.60;} .footer-icon-container {width: 16px; height: 16px; display: inline-block; margin-right: 8px; bottom: -2px;} /* SITEMAP ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #sitemap-container {width: 100%; height: 100%;} #sitemap-container ul {width: 100%; margin: 0px; display: block; box-sizing: border-box; padding-left: 0px !important;} #sitemap-container ul li {width: 100%; height: 48px; line-height: 48px; padding-left: 40px; list-style-type: none; display: inline-block; box-sizing: border-box;} #sitemap-container ul li:hover {width: 100%; height: 48px; line-height: 48px; padding-left: 40px; list-style-type: none; display: inline-block; box-sizing: border-box;} #sitemap-container ul li a {color: rgba(80, 80, 80, 1.00) !important; display: inline-block; transition: all 0.2s;} #sitemap-container ul li a:hover {color: rgba(118, 190, 170, 1.00) !important; display: inline-block; transition: all 0.2s;} /* Beauty Box */ .menu-cat-26 {background-image: url("/wp-content/uploads/2018/04/beauty-box.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Bem-estar */ .menu-cat-25 {background-image: url("/wp-content/uploads/2018/04/bem-estar.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Bem-estar - Chas e Infusoes */ .menu-cat-77 {background-image: url("/wp-content/uploads/2018/04/bem-estar-chas-e-infusoes.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Bem-estar - Lar doce Lar */ .menu-cat-100 {background-image: url("/wp-content/uploads/2018/04/bem-estar-lar-doce-lar.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Bem-estar - Superfood */ .menu-cat-78 {background-image: url("/wp-content/uploads/2018/04/bem-estar-superfood.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Bem-estar - Suplementos */ .menu-cat-76 {background-image: url("/wp-content/uploads/2018/04/bem-estar-suplementos.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Cabelo */ .menu-cat-23 {background-image: url("/wp-content/uploads/2018/04/cabelo.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Cabelo - Condicionador */ .menu-cat-58 {background-image: url("/wp-content/uploads/2018/04/cabelo-condicionador.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Cabelo - Mascara */ .menu-cat-59 {background-image: url("/wp-content/uploads/2018/04/cabelo-mascara.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Cabelo - Shampoo */ .menu-cat-56 {background-image: url("/wp-content/uploads/2018/04/cabelo-shampoo.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Cabelo - Styling */ .menu-cat-57 {background-image: url("/wp-content/uploads/2018/04/cabelo-styling.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Cabelo - Tratamento */ .menu-cat-60 {background-image: url("/wp-content/uploads/2018/04/cabelo-tratamento.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Corpo */ .menu-cat-22 {background-image: url("/wp-content/uploads/2018/04/corpo.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Corpo - Banho e Duche */ .menu-cat-49 {background-image: url("/wp-content/uploads/2018/04/corpo-banho-e-duche.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Banho e Duche - Esfoliante */ .menu-cat-53 {background-image: url("/wp-content/uploads/2018/04/banho-e-duche-esfoliante.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Banho e Duche - Gel */ .menu-cat-52 {background-image: url("/wp-content/uploads/2018/04/banho-e-duche-gel.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Banho e Duche - Oleo de Banho */ .menu-cat-54 {background-image: url("/wp-content/uploads/2018/04/banho-e-duche-oleo-de-banho.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Banho e Duche - Sabonete */ .menu-cat-51 {background-image: url("/wp-content/uploads/2018/04/banho-e-duche-sabonete.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Banho e Duche - Sais e Bombas */ .menu-cat-55 {background-image: url("/wp-content/uploads/2018/04/banho-e-duche-sais-e-bombas.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Corpo - Desodorizante */ .menu-cat-48 {background-image: url("/wp-content/uploads/2018/04/corpo-desodorizante.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Corpo - Hidratante */ .menu-cat-46 {background-image: url("/wp-content/uploads/2018/04/corpo-hidratante.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Corpo - Higiene */ menu-cat-114 {background-image: url("/wp-content/uploads/2018/05/corpo-higiene.png") !important; background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Corpo - Oleo */ .menu-cat-47 {background-image: url("/wp-content/uploads/2018/04/corpo-oleo.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Corpo - Pes e Maos */ .menu-cat-50 {background-image: url("/wp-content/uploads/2018/04/corpo-pes-e-maos.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Maquilhagem */ .menu-cat-24 {background-image: url("/wp-content/uploads/2018/04/maquilhagem.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Maquilhagem - Labios */ .menu-cat-63 {background-image: url("/wp-content/uploads/2018/04/maquilhagem-labios.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Maquilhagem - Olhos */ .menu-cat-61 {background-image: url("/wp-content/uploads/2018/04/maquilhagem-olhos.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Olhos - Eyeliner */ .menu-cat-67 {background-image: url("/wp-content/uploads/2018/04/olhos-eyeliner.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Olhos - Rimel */ .menu-cat-68 {background-image: url("/wp-content/uploads/2018/04/olhos-rimel.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Olhos - Sombras */ .menu-cat-66 {background-image: url("/wp-content/uploads/2018/04/olhos-sombras.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Maquilhagem - Rosto */ .menu-cat-64 {background-image: url("/wp-content/uploads/2018/04/maquilhagem-rosto.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Rosto - Base */ .menu-cat-70 {background-image: url("/wp-content/uploads/2018/04/rosto-base.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Rosto - BB-CC */ .menu-cat-75 {background-image: url("/wp-content/uploads/2018/04/rosto-bb-cc.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Rosto - Blush */ .menu-cat-73 {background-image: url("/wp-content/uploads/2018/04/rosto-blush.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Rosto - Corrector */ .menu-cat-71 {background-image: url("/wp-content/uploads/2018/04/rosto-corrector.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Rosto - Iluminador */ .menu-cat-72 {background-image: url("/wp-content/uploads/2018/04/iluminador.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Rosto - Pos */ .menu-cat-74 {background-image: url("/wp-content/uploads/2018/04/rosto-pos.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Rosto - Primer */ .menu-cat-69 {background-image: url("/wp-content/uploads/2018/04/rosto-primer.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Maquilhagem - Sobrancelhas */ .menu-cat-62 {background-image: url("/wp-content/uploads/2018/04/maquilhagem-sobrancelhas.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Maquilhagem - Unhas */ .menu-cat-65 {background-image: url("/wp-content/uploads/2018/04/maquilhagem-unhas.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Novidades */ .menu-cat-28 {background-image: url("/wp-content/uploads/2018/04/novidades.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Solar */ .menu-cat-27 {background-image: url("/wp-content/uploads/2018/04/solar.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Solar - After-Sun */ .menu-cat-79 {background-image: url("/wp-content/uploads/2018/04/solar-after-sun.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Solar - Bronzeador */ .menu-cat-81 {background-image: url("/wp-content/uploads/2018/04/solar-bronzeador.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Bronzeador - Corpo */ .menu-cat-102 {background-image: url("/wp-content/uploads/2018/04/bronzeador-corpo.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Bronzeador - Rosto */ .menu-cat-101 {background-image: url("/wp-content/uploads/2018/04/bronzeador-rosto.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Solar - Protector */ .menu-cat-80 {background-image: url("/wp-content/uploads/2018/04/protector.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Protector - Corpo */ .menu-cat-104 {background-image: url("/wp-content/uploads/2018/04/protector-corpo.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Protector - Rosto */ .menu-cat-103 {background-image: url("/wp-content/uploads/2018/04/protector-rosto.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Tratamento */ .menu-cat-21 {background-image: url("/wp-content/uploads/2018/04/tratamento.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Tratamento Lábios */ .menu-cat-31 {background-image: url("/wp-content/uploads/2018/04/tratamento-labios.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Lábios - Bálsamo */ .menu-cat-35 {background-image: url("/wp-content/uploads/2018/04/labios-balsamo.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Lábios - Esfoliante */ .menu-cat-36 {background-image: url("/wp-content/uploads/2018/04/labios-esfoliante.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Lábios - Mascara */ .menu-cat-34 {background-image: url("/wp-content/uploads/2018/04/labios-mascara.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Tratamento - Olhos */ .menu-cat-30 {background-image: url("/wp-content/uploads/2018/04/tratamento-olhos.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Olhos - Creme */ .menu-cat-32 {background-image: url("/wp-content/uploads/2018/04/olhos-creme.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Olhos - Mascara */ .menu-cat-33 {background-image: url("/wp-content/uploads/2018/04/olhos-mascara.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Olhos - Sérum */ .menu-cat-99 {background-image: url("/wp-content/uploads/2018/04/olhos-serum.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Tratamento Rosto */ .menu-cat-29 {background-image: url("/wp-content/uploads/2018/04/tratamento-rosto.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Rosto - Desmaquilhante */ .menu-cat-37 {background-image: url("/wp-content/uploads/2018/04/rosto-desmaquilhante.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Rosto - Esfoliante */ .menu-cat-39 {background-image: url("/wp-content/uploads/2018/04/rosto-esfoliante.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Rosto - Hidratante */ .menu-cat-43 {background-image: url("/wp-content/uploads/2018/04/rosto-hidratante.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Rosto - Multifuncional */ .menu-cat-115 {background-image: url("/wp-content/uploads/2018/05/hidratante-multifuncional.png") !important; background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Rosto - Limpeza */ .menu-cat-38 {background-image: url("/wp-content/uploads/2018/04/rosto-limpeza.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Rosto - Máscara */ .menu-cat-40 {background-image: url("/wp-content/uploads/2018/04/rosto-mascara.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Rosto - Sérum e Óleo */ .menu-cat-42 {background-image: url("/wp-content/uploads/2018/04/rosto-serum.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} /* Rosto - Tónico */ .menu-cat-41 {background-image: url("/wp-content/uploads/2018/04/rosto-tonico.png"); background-size: 32px 32px; background-repeat: no-repeat; background-position: 0px 7px;} .coupon input.button {border: 0px !important; background-color: rgba(118, 190, 170, 1.00) !important; opacity: 1.00; transition: all 0.3s;} .coupon input.button:hover {opacity: 0.75;} /* USER AREA ----------------------------------------------------------------------------------------------------------------------------------------------------------- */ .listing-form-lable {width: 40%; height: 32px; line-height: 31px; color: rgba(120, 120, 120, 1.00); font-size: 14px; position: relative; float: left;} .listing-form-value {width: 59.5%; margin-left: 1px; height: 32px; color: rgba(80, 80, 80, 1.00); line-height: 31px; font-size: 14px; position: relative; float: left;} #user-form-container {width: 100%; height: 100%; position: relative; float: left;} #user-form-container input[type=checkbox] { display: none !important; } #user-form-container input[type=checkbox] ~ label { min-height: 32px !important; line-height: 31px; font-size: 16px; color: rgba(255, 255, 255, 1.00); background-color: rgba(119, 191, 171, 1.00); padding-left: 37px; padding-right: 15px; position: absolute !important; right: 0px !important; top: 0px !important; display: inline-block !important; cursor: pointer; box-sizing: border-box; background-image: url("/wp-content/uploads/2018/05/edit-0-icon.png"); background-repeat: no-repeat; background-position: 6px 6px; opacity: 1.00; transition: all 0.5s; border-radius: 3px; } #user-form-container input[type=checkbox] ~ label:hover { opacity: 0.50; transition: all 0.5s; } @media screen and (max-width: 480px) { #user-form-container input[type=checkbox] ~ label { min-height: 40px !important; line-height: 39px; font-size: 16px; color: rgba(255, 255, 255, 1.00); background-color: rgba(119, 191, 171, 1.00); padding-left: 26px; padding-right: 0px; position: relative !important; right: 0px !important; top: 0px !important; display: block !important; text-align: center; margin-bottom: 10px; background-image: url("/wp-content/uploads/2018/05/edit-0-icon.png"); background-repeat: no-repeat; background-position: 10px 10px; } #user-form-container input[type=checkbox] ~ label:hover { opacity: 1.00; transition: all 0.5s; } } #user-form-container input[type=checkbox]:checked ~ label { background-image: url("/wp-content/uploads/2018/05/edit-1-icon.png"); } .user-form-0 { max-height: 1500px; overflow: hidden; display: block; position: relative; float: left; opacity: 1.00; transition: all 0.4s; } .user-form-1 { max-height: 0px; overflow: hidden; display: block; position: relative; float: left; opacity: 1.00; transition: all 0.4s; } #user-form-container input[type=checkbox]:checked ~ label ~ .user-form-0 { display: block !important; max-height: 0px; opacity: 0.00; transition: all 0.4s; } #user-form-container input[type=checkbox] ~ label ~ .user-form-0 { display: block !important; max-height: 1500px; opacity: 1.00; transition: all 0.4s; } #user-form-container input[type=checkbox]:checked ~ label ~ .user-form-1 { display: block !important; max-height: 1500px; opacity: 1.00; transition: all 0.4s; } #user-form-container input[type=checkbox] ~ label ~ .user-form-1 { display: block !important; max-height: 0px; opacity: 0.00; transition: all 0.4s; } fieldset {padding: 0px !important; padding-top: 10px !important; background-color: rgba(255, 255, 255, 1.00) !important} fieldset legend {padding: 0px !important; padding-left: 15px !important; padding-top: 15px !important; background-color: rgba(255, 255, 255, 1.00) !important} .form-row input[type=radio] {display: none;} div.form-row ul {position: relative; float: left; list-style-type: none !important; padding: 0px !important; margin: 0px !important;} div.form-row ul li {position: relative; float: left;} div.form-row ul li label {padding: 10px !important; border: 3px solid rgba(0, 0, 0, 0.03); text-align: center; border-radius: 3px; margin-bottom: 6px; transition: all 0.3s; cursor: pointer;} div.form-row ul li label:hover {padding: 10px !important; border: 3px solid rgba(78, 165, 133, 0.50); border-radius: 3px; transition: all 0.3s; cursor: pointer;} div.form-row ul li label:active {padding: 10px !important; border: 3px solid rgba(78, 165, 133, 1.00); border-radius: 3px; transition: all 0.3s; cursor: pointer;} input[type=radio]:checked ~ label{border: 3px solid rgba(78, 165, 133, 1.00); transition: all 0.3s;} input[type=radio]:checked ~ label:hover{border: 3px solid rgba(78, 165, 133, 1.00); transition: all 0.3s;} .form-row select {height: 48px;} /* ACESSOS ------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .noor-icon { width: 20px; height: 20px; margin-right: 10px; display: inline-block; background-image: url("/wp-content/uploads/2018/05/noor-icon.png") } .acessos-container {width: 100%; list-style-type: none; margin: 0px; padding: 0px; position: relative; float: left; display: block;} .acessos-container li {width: 19%; padding-top: 19%; height: 0px; margin-left: 0.5%; margin-right: 0.5%; position: relative; float: left; display: block; overflow: hidden; background-size: 40%; background-position: 50% 40%; background-repeat: no-repeat; margin-bottom: 1%;} @media(max-width: 768px){ .acessos-container li {width: 32.333333%; padding-top: 32.333333%; height: 0px; margin-left: 0.5%; margin-right: 0.5%; position: relative; float: left; display: block; overflow: hidden; background-size: 40%; background-position: 50% 40%; background-repeat: no-repeat; margin-bottom: 1%;} } @media(max-width: 480px){ .acessos-container li {width: 49%; padding-top: 49%; height: 0px; margin-left: 0.5%; margin-right: 0.5%; position: relative; float: left; display: block; overflow: hidden; background-size: 40%; background-position: 50% 40%; background-repeat: no-repeat; margin-bottom: 1%;} } .acessos-container li.accesses-best-sellers {background-image: url("/wp-content/uploads/2018/06/best-sellers-icon.jpg");} .acessos-container li.accesses-trending {background-image: url("/wp-content/uploads/2018/06/trending-icon.jpg");} .acessos-container li.accesses-blog {background-image: url("/wp-content/uploads/2018/06/blog-icon.jpg");} .acessos-container li.accesses-testimonials {background-image: url("/wp-content/uploads/2018/06/testimonials-icon.jpg");} .acessos-container li.accesses-brands {background-image: url("/wp-content/uploads/2018/06/brands-icon.jpg");} .acessos-container li.accesses-private-sales {background-image: url("/wp-content/uploads/2018/06/private-sales-icon.jpg");} .acessos-container li.accesses-most-recent {background-image: url("/wp-content/uploads/2018/06/most-recent-icon.jpg"); background-size: 60%;} .acessos-container li div {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; text-align: center; display: block; background-color: rgba(78, 165, 133, 0.10); border: 1px solid rgba(78, 165, 133, 0.20); border-radius: 3px; overflow: hidden;} .acessos-container li div a {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; } .acessos-container li div a span {width: 100%; height: 50px; text-align: center; padding-bottom: 30px; position: absolute; left: 0px; bottom: 0px; box-sizing: border-box; transition: all 0.3s; font-size: 18px;} .acessos-container li div a:hover span {width: 100%; height: 100%; text-align: center; padding-top: 70%; padding-bottom: 30px; position: absolute; left: 0px; bottom: 0px; background-color: rgba(78, 165, 133, 0.40); transition: all 0.3s; color: #fff; font-weight: bold;} /* BRANDS ON SITEMAP */ .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {margin-bottom: 30px !important; transition: all 0.5s;} .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:hover {opacity: 0.50; transition: all 0.5s;} /* HIDING STUFF */ #wpforms-703-field_4-container {display: none} /****************************** PRODUCT ATTRIBUTES IN THE LIST ****************************************/ .products .variations { border: 1px solid #eee; position: relative; margin-bottom: 50px; } .products .variations td { display: block; padding: 10px 20px 18px; text-align: center; border-bottom: 1px solid #eee; } .products .variations td:first-child { padding-bottom: 0; border: none; } .products .variations td:last-child { padding-top: 5px; } .products .variations tr:last-child td { border: none; } .products .variations td label { font-weight: 600; } .products .variations td select { width: 100%; } .products .variations .reset_variations { margin: 10px 0 0; position: absolute; bottom: -35px; left: 0; right: 0; } .wpforms-validate.wpforms-form .wpforms-submit-container button.wpforms-submit {border: 0px; background-color: #4ea585; color: #fff; border-radius: 3px;} .wpforms-validate.wpforms-form .wpforms-submit-container button.wpforms-submit:hover {border: 0px; background-color: #77bfab; color: #fff; border-radius: 3px;} .contactus-icon { width: 20px; height: 20px; margin-right: 10px; display: inline-block; background-image: url("/wp-content/uploads/2018/05/icon-contactus.jpg") } .strong-form-inner form#wpmtst-submission-form div.form-field.wpmtst-submit label input#wpmtst_submit_testimonial {border: 0px; background-color: #4ea585 !important; color: #fff; border-radius: 3px;} .strong-form-inner form#wpmtst-submission-form div.form-field.wpmtst-submit label input#wpmtst_submit_testimonial:hover {border: 0px; background-color: #77bfab !important; color: #fff; border-radius: 3px;} .storefront-product-pagination { display: none; } .storefront-sticky-add-to-cart { display: none; } .counter-container { width: 100%; height: 64px; line-height: 63px; text-align: center; position: absolute; left: 0px; top: 50px; font-size: 48px; color: rgba(255, 255, 255, 1.00); font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; font-weight: bold; border-radius: 5px; background-color: rgba(0, 0, 0, 0.25); z-index: 9999999999999999999999999;} /* martealada Mário em 2019.10.07 */ .site-header .custom-logo-link img { width: 172px; }