/* Theme Name: Porto Child Theme URI: https://www.portotheme.com/wordpress/porto Author: P-THEMES Author URI: https://www.portotheme.com/ Description: Porto Responsive WordPress + eCommerce Theme. Version: 1.1 Template: porto License: Commercial License URI: http://themeforest.net/licenses/regular_extended Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready */ /*************** ADD YOUR CUSTOM CSS HERE ***************/ /*** GENERAL ***/ :root{ --negro: #161616; --blanco: #FFFFFF; --gris: #EBEBEB; --gris2: #DDD; --grisOscuro: #3D3D3D; --containerWidth: 1220px; --halfSection: 610px; --pad-120: 120px 0px; --120: 120px; --60: 60px; --40: 40px; scrollbar-color: var(--negro) var(--blanco); scrollbar-width: thin; } ::-webkit-scrollbar { width: 8px; background-color: var(--blanco); } ::-webkit-scrollbar-track { background-color: var(--blanco); } ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: var(--negro); } ::-webkit-scrollbar-thumb:hover { background-color: var(--negro); } .pad-120{ padding: var(--pad-120); } .pad-120-top{ padding-top: var(--120); } .pad-120-bottom{ padding-bottom: var(--120); } .pad-40-bottom{ padding-bottom: var(--40); } h2{ font-size: 48px; font-weight: 400; line-height: 100%; } /*Complianz*/ #cmplz-document{ font-size: 16px; max-width: 100%; padding: var(--pad-120); } #cmplz-document p, #cmplz-document li, #cmplz-document td{ font-size: 16px; color: var(--negro); } #cmplz-document h2{ font-size: 48px; line-height: 48px; font-weight: 400; margin-top: var(--40); border: unset;} .cmplz-cookiebanner .cmplz-message{ font-size: 12px !important; } .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title{ font-size: 14px !important; font-weight: 600 !important; } .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after{ top: 2px !important; } .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before{ top: 0px !important; } .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description{ font-size: 12px !important; line-height: 14px !important; } #cmplz-manage-consent .cmplz-manage-consent{ background-image: url(imagenes/fondo-ajustes.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; right: unset !important; left: 0px; font-size: 0px; color: #fff !important; width: 140px; background-color: transparent !important; box-shadow: unset !important; bottom: -2px !important; padding: 0 !important; } #cmplz-manage-consent .cmplz-manage-consent:before{ content: ""; background-image: url(imagenes/icono-ajustes.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 28px; height: 28px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.8s ease; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; } #cmplz-manage-consent .cmplz-manage-consent:hover:before{ transform: translate(-50%, -54%); -webkit-transform: translate(-50%, -54%); -moz-transform: translate(-50%, -54%); -ms-transform: translate(-50%, -54%); -o-transform: translate(-50%, -54%); } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{ } .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{ margin-bottom: 0 !important; } .main-content{ padding-top: 0 !important; padding-bottom: 0 !important; } .page-top{ padding: 32px 0; } .page-top .page-title{ font-size: 54px; font-weight: 400; line-height: 100%; } /*** MENU ***/ #header{ border-top: unset; } #Header .top-bar{ padding-top: 12px; padding-bottom: 12px; } #Header .top-bar .vc_column_container > .wpb_wrapper{ justify-content: flex-end; gap: 34px; } #Header .top-bar .vc_column_container > .wpb_wrapper:before, #Header .top-bar .vc_column_container > .wpb_wrapper:after{ content: unset; } #Header .top-bar a.porto-sicon-box-link{ margin-right: 0px; } #Header .top-bar .share-links a{ transition: all 0.3s ease; } #Header .top-bar .share-links a:after{ content: unset; } #Header .top-bar .share-links a:hover{ transform: translateY(-3px); } #Header .main-header .col-menu{ align-items: center; } #Header .main-header .col-logo{ width: fit-content !important; } #Header .main-header .col-info{ width: calc(100% - 188px); } #Header .main-header .col-info > .wpb_wrapper{ justify-content: flex-end; gap: 8px; } #Header .main-header .col-info > .wpb_wrapper:before, #Header .main-header .col-info > .wpb_wrapper:after{ content: unset; } #Header .main-header .col-info .main-menu{ margin-right: 10px; } #Header .main-header .col-info .main-menu > li.menu-item{ border-radius: 4px; } #Header .main-header .col-info .main-menu > li.menu-item > a{ border-radius: 4px !important; padding: 6px 8px; font-size: 15px; font-weight: 400; line-height: 100%;} #Header .main-header .col-info .main-menu > li.menu-item.bgdestacar > a{ background-color: var(--gris); } #Header .main-header .col-info .main-menu > li.menu-item.active > a, #Header .main-header .col-info .main-menu > li.menu-item:hover > a{ background-color: var(--negro); } #header .searchform-popup{ margin: 0 !important; } #header .searchform-popup .search-toggle > .porto-icon-magnifier{ line-height: 18px; display: block; transform: translateY(-2px); } #header .account-dropdown, #header .account-dropdown .porto-icon-user-2{ margin-right: 0; } #header .account-dropdown a.my-account{ display: block; transform: translateY(-2px); } #header .account-dropdown a.my-account:after{ content: unset; } #header #mini-cart{ margin-right: 0 !important; } #header #mini-cart .cart-head{ transform: translateY(-1px); } /*** FOOTER ***/ #Footer{ padding: var(--60) 0; } #Footer .kit-digital .vc_column_container > .wpb_wrapper{ display: grid; grid-template-columns: 1fr 1fr 5fr; gap: 20px; } #Footer .kit-digital .vc_column_container > .wpb_wrapper:before, #Footer .kit-digital .vc_column_container > .wpb_wrapper:after{ content: unset; } #Footer .kit-digital img { max-height: 40px; width: auto; max-width: unset; } #Footer .kit-digital p { font-size: 14px !important; line-height: 19px; margin-bottom: 0; color: var(--gris); } #Footer .footer-container{ padding: var(--60) 0; } #Footer .footer-container .col-izq .wpb_single_image{ margin-bottom: 35px !important; } #Footer .footer-container .col-izq .wpb_text_column p, #Footer .footer-container .col-izq .wpb_text_column a{ font-size: 13.3px; font-style: normal; font-weight: 300; line-height: 120%; color: var(--gris); } #Footer .footer-container .col-izq .wpb_text_column a:hover{ color: var(--blanco); } #Footer .footer-container .col-izq .share-links{ margin-top: 20px; } #Footer .footer-container .col-izq .share-links a{ transition: all 0.3s ease; } #Footer .footer-container .col-izq .share-links a:hover{ transform: translateY(-5px); } #Footer .footer-container .col-info h2, #Footer .footer-container .col-info h2.widgettitle{ font-size: 24px; font-weight: 400 !important; line-height: 100%; text-transform: unset; } #Footer .footer-container .col-info .menu{ margin-top: 0; } #Footer .footer-container .col-info .menu li, #Footer .footer-container .col-info .menu li a{ padding: 0; margin-bottom: 8px; font-size: 13.3px; font-style: normal; font-weight: 300; line-height: 120%; color: var(--gris); } #Footer .footer-container .col-info .menu li:before{ content: unset !important; } #Footer .footer-container .col-info .wpb_raw_code{ margin-bottom: 15px !important; } #Footer .footer-container .col-info .payment-icons{ margin-left: 0 !important; } #Footer .footer-container .col-newsletter h2{ font-size: 24px; font-weight: 400 !important; line-height: 100%; text-transform: unset; margin-bottom: 18px !important; } #Footer .footer-container .col-newsletter p, #Footer .footer-container .col-newsletter label, #Footer .footer-container .col-newsletter a{ color: var(--gris); font-size: 13px; font-weight: 300; line-height: 120%; } #Footer .footer-container .col-newsletter .submit-wrapper{ margin-top: 18px; } #Footer .footer-container .col-newsletter .submit-wrapper input[type=submit]{ display: block; width: 100%; background-color: var(--blanco); color: var(--negro); text-transform: uppercase; font-weight: 400; line-height: 120%; font-size: 15px; border-radius: 4px; padding: 8px; border: unset !important; } #Footer .footer-container .col-newsletter .submit-wrapper input[type=submit]:hover{ background-color: var(--grisOscuro); color: var(--blanco); } #Footer .footer-pie p{ color: var(--gris); font-size: 13px; font-weight: 300; line-height: 22px;} /*** INICIO ***/ .texto-intro .wpb_wrapper{ text-align: center; } .texto-intro .wpb_wrapper h1, .texto-intro .wpb_wrapper h2{ font-size: 54px; font-weight: 400; line-height: 100%; } .texto-intro .wpb_wrapper p{ font-size: 19px; font-weight: 300; line-height: 25px; max-width: 940px; margin: auto; } .texto-intro .btn-plantacion{ margin-top: 32px; } .btn-plantacion{ margin-bottom: 0 !important; } a.porto-btn{ font-size: 15px; font-weight: 400; line-height: 120%; text-transform: uppercase; color: var(--blanco) !important; background-color: var(--negro) !important; padding: 8px 30px; border-radius: 4px; } .h2-linea .porto-u-main-heading{ position: relative; } .h2-linea .porto-u-main-heading:before{ content: ""; width: 100%; height: 1px; background-color: var(--negro); position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 0; } .h2-linea h2{ width: fit-content; background-color: var(--blanco); z-index: 2; position: relative; padding: 0 20px 0 0 !important; } .post-carousel h4{ text-align: left; font-size: 24px; font-weight: 400; line-height: 100%; } .post-carousel.owl-carousel .owl-nav .owl-prev{ left: -5px; font-size: 30px; line-height: 100%; } .post-carousel.owl-carousel .owl-nav .owl-next{ right: -5px; font-size: 30px; line-height: 100%; } .posts-by-category .vc_gitem_row .vc_gitem-col{ padding: 24px 0 !important; border-bottom: 1px solid var(--gris2); display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; } .posts-by-category .vc_gitem_row .vc_gitem-col .vc_gitem-post-data{ margin-bottom: 0; } .posts-by-category .vc_gitem_row .vc_gitem-col .vc_gitem-post-data h4{ font-size: 24px; font-weight: 400; line-height: 100%; margin-bottom: 0; } .posts-by-category .vc_gitem_row .vc_gitem-col .wpb_single_image{ border: unset !important; } .posts-by-category .vc_gitem_row .vc_gitem-col .wpb_single_image img{ height: 40px; width: auto; } /*** VARIAS ***/ .archive.post-type-archive.post-type-archive-product #main{ padding: var(--pad-120); } .archive.post-type-archive.post-type-archive-product #main .left-sidebar{ padding-top: 0px !important; } /*** CONTACTO ***/ .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field{ padding: 10px 0 !important; } div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=email], div.wpforms-container-full .wpforms-form textarea{ border-color: var(--negro); border-radius: 4px; } .politicas p{ font-size: 12px; line-height: 14px; color: #fff; } span.wpcf7-form-control-wrap { display: inline-block; color: var(--negro); position: relative; } span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance{ line-height: 20px; } span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] { position: absolute; visibility: hidden; width: 20px; height: 20px; top: 0; left: 0; } span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] + span:before { display: block; position: absolute; content: ''; border-radius: 0; height: 20px; width: 20px; top: 3px; left: 0px; background: transparent; border: 1px solid #fff; } span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] + span:after { display: block; position: absolute; content: "\2713"; height: 20px; width: 20px; top: 3px; left: 0; visibility: hidden; font-size: 16px; text-align: center; line-height: 20px; color: #fff; } span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + span:before { background: transparent; } span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + span:after { visibility: visible; } .wpcf7-list-item-label { margin-left: 20px; display: inline-block; } /*** RESPONSIVE ***/ @media(max-width: 1239px){ /*GENERAL*/ :root { --halfSection: 470px; --containerWidth: 940px; } } @media(max-width: 1024px){} @media(max-width: 959px){ /*GENERAL*/ :root { --halfSection: 354px; --containerWidth: 708px; } /*MENU*/ #Top_bar button.responsive-menu-toggle { display: block; } #Side_slide { width: 100% !important; right: -100% !important; transition: all 1s ease; display: flex; flex-direction: column; } body.side-slide-is-open #Side_slide { right: 0 !important; } body.mobile-side-slide{ left: 0 !important; } #Side_slide #menu ul li, #Side_slide #menu>ul:last-child>li:last-child{ border: unset; } #Top_bar .top_bar_left{ position: unset; } #Top_bar .column{ position: relative; } .header-transparent #Top_bar .top_bar_right{ padding-right: 60px; } /*FOOTER*/ #Footer .footer_action .kit-digital{ grid-template-columns: 1fr 1fr; } #Footer .footer_action .kit-digital p { grid-column: 1 / span 2; } #Footer .footer_action .kit-digital img { max-height: 75px; } } @media(max-width: 768px){} @media(max-width: 767px){ /*GENERAL*/ :root { --containerWidth: 550px; --halfSection: 275px; } /*MENU*/ .mobile-header-mini #Top_bar button.responsive-menu-toggle { top: 30px!important; left: auto; right: 10px; margin-top: -17px; } /*FOOTER*/ #Footer .footer_action .kit-digital{ max-width: 100%; display: block; } #Footer .footer_action .kit-digital img { max-height: 70px; margin-bottom: 10px;} } @media(max-width: 480px){ /*CREDITOS*/ #creditos .cabecera .titulos h1{ padding-right: 0px !important; line-height: 25px !important; } #creditos .cabecera .titulos h2{ padding-right: 0px !important; } #creditos .phone, #creditos .cabecera .titulos{ left: 20px !important; } #creditos .interior { padding: 20px 20px 20px 20px !important; } #creditos .cabecera .icono{ width: 50px !important; height: 50px !important; bottom: 95px !important; line-height: 72px !important; } #creditos .cabecera .icono img{ width: 35px !important; } /*GENERAL*/ :root { --pad-100: 40px 0px; --100: 40px; --40: 20px; --containerWidth: 90%; --halfSection: 45%; } #cmplz-manage-consent .cmplz-manage-consent{ bottom: -3px !important; width: 100px; height: 35px !important; } #cmplz-manage-consent .cmplz-manage-consent:before{ width: 20px; height: 20px; } /*FOOTER*/ #Footer .footer_action .kit-digital img { max-height: 50px; } /* WOOCOMERCE */ #ship-to-different-address label.woocommerce-form__label-for-checkbox span::before{ top: 16px; } #ship-to-different-address label.woocommerce-form__label-for-checkbox span::after{ top: 15px; } } @media(max-width: 393px){ } @media(max-width: 320px){ /*FOOTER*/ #Footer .footer_action .kit-digital img { max-height: 46px; } }