Productos de peluquería, estética y belleza profesional

:root{ --black: #222222; --white: #ffffff; --golden: #B40068; --star: #f9bd22; } .jewelry_text .et_pb_text_inner{ text-transform: capitalize; background: -webkit-gradient(linear, left top, right top, from(#c29958), color-stop(#000), to(#c29958)); background: -webkit-linear-gradient(left, #c29958, #000, #c29958); background: -o-linear-gradient(left, #c29958, #000, #c29958); background: linear-gradient( 90deg , #c29958, #000, #c29958); background-repeat: no-repeat; background-size: 90%; -webkit-animation: shine 3s linear infinite; animation: shine 3s linear infinite; -webkit-background-clip: text; -webkit-text-fill-color: rgba(255, 255, 255, 0); } @keyframes shine { 0% { background-position: -500%; } 100% { background-position: 100%; } } .jewelryhome_section1_slider .et_pb_slide .et_pb_container{ height: auto !important; } .jewelryhome_section3_image .et_pb_image_wrap img{ -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .jewelryhome_section3_column:hover .jewelryhome_section3_image .et_pb_image_wrap img{ opacity: 0.7; } .jewelryhome_section4_wooproduct .product .button{ bottom: 0; left: 0; right: 0; position: absolute; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; padding: 12px 25px !important; background-color: var(--white); border-radius: 30px; text-transform: capitalize; -webkit-box-shadow: 0 2px 1px 0.5px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 1px 0.5px rgba(0, 0, 0, 0.05); border: 0 !important; font-size: 14px; color: var(--black); display: block; text-align: left; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; width: 80%; margin: 0 auto; } .jewelryhome_section4_wooproduct .product:hover .et_shop_image .button{ bottom: 15px; opacity: 1; visibility: visible; } .jewelryhome_section4_wooproduct .product .button:hover, .jewelryhome_section4_wooproduct .product .added_to_cart:hover{ background: var(--golden); color: var(--white); } .jewelryhome_section4_wooproduct .product .added_to_cart:after, .jewelryhome_section4_wooproduct .product .button:after{ position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; content: '\e015' !important; font-size: 17px; font-family: ETmodules !important; margin-left: 0 !important; } .jewelryhome_section4_wooproduct .product .button.ajax_add_to_cart.loading:after { content: "\e02d" !important; color: var(--black); font-family: ETmodules; right: 20px; margin: 0 !important; top: 17px; transform: none; } .jewelryhome_section4_wooproduct .product .added_to_cart:after { content: '\4e' !important; } .jewelryhome_section4_wooproduct .product .added_to_cart{ bottom: 50%; transform: translateY(50%); left: 0; right: 0; position: absolute; text-align: center; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; padding: 12px 25px !important; background-color: var(--white); border-radius: 30px; text-transform: capitalize; -webkit-box-shadow: 0 2px 1px 0.5px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 1px 0.5px rgba(0, 0, 0, 0.05); border: 0 !important; font-size: 14px; color: var(--black); line-height: 1; display: block; text-align: left; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; width: 80%; margin: 0 auto; line-height: 1.7em !important; } .jewelryhome_section4_wooproduct .page-numbers, .jewelryhome_section4_wooproduct .page-numbers li { border: none !important; } .jewelryhome_section4_wooproduct .page-numbers li .page-numbers:hover, .jewelryhome_section4_wooproduct .page-numbers li .page-numbers.current { background: var(--black); } .jewelryhome_section4_wooproduct .page-numbers li .page-numbers { background-color: var(--golden); height: 50px; z-index: 1; position: relative; width: 50px; display: block; text-align: center; overflow: hidden; margin: 0 15px; transition: all 0.3s ease 0.1s !important; clip-path: polygon(7% 15%, 0 0, 15% 7%, 85% 7%, 100% 0, 93% 15%, 93% 85%, 100% 100%, 85% 93%, 15% 93%, 0 100%, 7% 85%); font-size: 15px; line-height: 30px; color: var(--white) !important; margin-bottom: 10px !important; } .jewelryhome_section4_wooproduct .page-numbers li .page-numbers:before { content: ''; background-color: var(--golden); height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: all 0.3s ease 0s; } .jewelryhome_section4_wooproduct .page-numbers li .page-numbers:hover:before, .jewelryhome_section4_wooproduct .page-numbers li .page-numbers.current:before { opacity: 0; transform: scale(0); } .jewelryhome_section5_blurb .et_pb_blurb_content .et_pb_main_blurb_image img{ -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .jewelryhome_section5_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image img{ opacity: 0.7; } .jewelryhome_section5_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header a:hover{ color: var(--golden) !important; } .jewelryhome_section7_slider .et_pb_slide{ padding: 0; } .jewelryhome_section7_slider .et_pb_slide .et_pb_container{ height: auto !important; } .jewelryhome_section7_slider .et_pb_slide .et_pb_slide_image img{ max-height: unset !important; width: 100px; height: 100px; border-radius: 50%; object-fit: cover; object-position: center; } .jewelryhome_section7_slider .et_pb_slide .et_pb_slide_content{ position: relative; } .jewelryhome_section7_slider .et_pb_slide .et_pb_slide_content:before{ content: "\e033\e033\e033\e033\e031"; font-family: ETmodules; font-size: 14px; display: block; margin-top: 30px; margin-bottom: 12px; opacity: 1; color: var(--star); visibility: visible; } .jewelryhome_section8_row .product .jewelryhome_section8_row_content{ float:right; width:63%; position:relative; } .jewelryhome_section8_row .product .et_shop_image img{ height: 100px !important; object-fit: cover; } .jewelryhome_section8_row .woocommerce ul.products li.product a img{ margin-bottom:0 !important; } .jewelryhome_section8_row .product .button { font-size: 0; border-radius: 50%; background: var(--golden) !important; width: 40px; position:absolute; bottom:-50px; left:0; opacity:0; height: 40px; border: none !important; margin-top: 20px !important; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .jewelryhome_section8_row .product:hover .button{ opacity:1; bottom:-18px; } .jewelryhome_section8_row .product:hover .price{ opacity:0; } .jewelryhome_section8_row .product .button:after{ position: relative !important; left: auto !important; right: auto !important; top: 0 !important; text-align: center; margin: 0 auto !important; opacity: 1 !important; font-size: 18px; font-family: "ETmodules" !important; display: block; -webkit-transition: all, 0.2s, ease-in; -moz-transition: all, 0.2s, ease-in; -o-transition: all, 0.2s, ease-in; transition: all, 0.2s, ease-in; content: "\e015"; color: var(--white); line-height: 40px !important; } .jewelryhome_section8_row .product .button.added:after{ content: "\4e" !important; } .jewelryhome_section8_row .product .added_to_cart{ margin-left: 9px; color: var(--black); position: absolute; top: auto; right: 0; bottom: 0; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; } .jewelryhome_section8_row .product .button.ajax_add_to_cart.loading:after{ content: "\e02d"; } .jewelryhome_section9_blog .et_pb_post{ padding: 0; position: relative; } .jewelryhome_section9_blog .et_pb_post .et_pb_image_container{ margin: 0; } .jewelryhome_section9_blog .et_pb_post .et_pb_image_container .entry-featured-image-url{ margin: 0; overflow: hidden; } .jewelryhome_section9_blog .et_pb_post .et_pb_image_container .entry-featured-image-url img{ -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .jewelryhome_section9_blog .et_pb_post:hover .et_pb_image_container .entry-featured-image-url img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0.7; } .jewelryhome_section9_blog .et_pb_post .jewelryhome_section9_blog_content .post-meta .category{ color: var(--golden) !important; } .jewelryhome_section9_blog .et_pb_post .jewelryhome_section9_blog_content{ padding-top: 10px; } .jewelryhome_section9_blog .et_pb_post .entry-title a:hover{ color: var(--golden) !important; } .jewelryhome_section9_blog .pagination a{ border-width: 0px!important; border-radius: 50px; font-size: 15px; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important; background-color: var(--golden); padding-top: 12px!important; padding-right: 40px!important; padding-bottom: 12px!important; padding-left: 40px!important; margin-top: 35px!important; transition: background-color 300ms ease 0ms,all 300ms ease 0ms !important; } .jewelryhome_section9_blog .pagination a:hover{ background-color: var(--black); } @media only screen and (max-width:981px){ .jewelryhome_section8_row .product .jewelryhome_section8_row_content{ float: none; text-align: center; margin: auto; width: 100% !important; } .jewelryhome_section8_row .product .button{ left:0; right:0; margin:auto; } .jewelryhome_section8_row .product .added_to_cart{ bottom: 0; left: 50%; transform: translate(-50%, 100%); margin: 0; top: auto; right: auto; padding-top: 20px; } .jewelryhome_section8_row ul.products.columns-4 li.product { width: 100%!important; margin-right: 0%!important; } .jewelryhome_section8_row .product .et_shop_image img { height: 100%!important; object-fit: cover; } .jewelryhome_section9_blog .pagination .alignleft, .jewelryhome_section9_blog .pagination .alignright{ float: none; text-align: center; } } @media only screen and (max-width:767px){ .jewelryhome_section8_row .et_pb_shop ul.products.columns-4 li.product{ width: 100%!important; margin-right: 0%!important; } .jewelryhome_section8_row .product .et_shop_image img { height: 100% !important; object-fit: cover; } .jewelryhome_section4_wooproduct ul.products.columns-4 li.product { width: 100%!important; margin-right: 0%!important; } }