/* Theme Name: RUAJ Theme URI: https://www.ruaj.es/ Author:El Equipo E Author URI: https://www.elequipoe.es/ Description: Theme for RUAJ Version: 1.0.0 Tested up to: 6.4 Requires PHP: 7.4 */ /* VENDORS */ @import url(css/normalize.css); @import url(css/animsition.min.css); @import url(css/animate.min.css); @import url(css/flickity.css); @import url(css/linea-icons.css); @import url(css/microtip.min.css); @import url(css/lightgallery.css); @import url(css/lightgallery-transitions.css); /* ********************************************************************************************************************* VENDORS OVERWRITES */ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"); .wpb_content_element { margin: 0 !important; } .vc_row-full-width.vc_clearfix { margin-bottom: -3px; } .animate__animated.animate__delay-05s { -webkit-animation-delay: .5s; animation-delay: .5s; } .fadeIn { animation-delay: .3s; } .slider.arrows-on-top .flickity-prev-next-button { top: -100px; } .slider-style2 .slick-prev, .slider-style2 .slick-next { width: 30px; height: 30px; top: -60px; border: 0; border-radius: 0; } .slider-style2 .slick-prev:before, .slider-style2 .slick-next:before { content: "\e04b"; font-size: 35px; } .slider-style2 .slick-prev { right: 40px; } .slider-style2 .slick-next { right: 0px; } .slick-prev, .slick-next { position: absolute; z-index: 1000; cursor: pointer; display: flex; align-items: center; justify-content: center; outline: none; width: 60px; height: 60px; top: -100px; padding: 0; text-align: center; color: transparent; border: 1px solid #000; border-radius: 50%; background: transparent; opacity: 0.3; } .slick-prev:before, .slick-next:before { content: "\e068"; font-family: "linea-arrows-10" !important; font-size: 25px; color: #000; opacity: 1; transition: all 0.4s ease 0s !important; } .slick-prev:hover, .slick-next:hover { opacity: 0.8; } .slick-prev { left: auto; right: 80px; transform: scaleX(-1); } .slick-next { right: 0px; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; display: block; list-style: none; width: 100%; margin-top: 15px; text-align: center; } .slick-dots li { position: relative; display: inline-block; cursor: pointer; width: 20px; height: 20px; padding: 0; } .slick-dots li button { display: block; cursor: pointer; position: relative; width: 20px; height: 20px; padding: 5px; font-size: 0; line-height: 0; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { content: '.'; position: absolute; top: 0; left: 0; width: 20px; height: 20px; font-size: 44px; line-height: 24px; text-align: center; color: #000; opacity: 0.1; } .slick-dots li.slick-active button:before { opacity: .5; color: #000; } .flickity-prev-next-button { top: 100%; cursor: pointer; background: #fff url("../../../media/slider-arrow.svg") no-repeat center center; border: 1px solid #000; } .flickity-prev-next-button svg { display: none; } .flickity-prev-next-button.previous { right: 60px; left: auto; transform: translateY(20px) rotateY(180deg); } .flickity-prev-next-button.next { right: 0; transform: translateY(20px); } .flickity-prev-next-button:disabled { pointer-events: none; filter: saturate(0); opacity: 0.5; } .flickity-prev-next-button:hover { opacity: 0.4; } /* .consent-box { margin-bottom: 20px; padding: 30px; background-color: $light-grey; h5 { font-weight: 700; } a { text-decoration: underline; } } */ .wt-cli-cookie-bar { z-index: 1000; padding: 30px !important; } .wt-cli-cookie-bar .cli-bar-message { font-size: 14px; } .wt-cli-cookie-bar .cli-bar-message a { text-decoration: underline; } .wt-cli-cookie-bar .cli-bar-btn_container { margin-top: 15px; } .wt-cli-cookie-bar #wt-cli-accept-btn, .wt-cli-cookie-bar #wt-cli-settings-btn { cursor: pointer; font-size: 16px; outline: 0; } .wt-cli-cookie-bar #wt-cli-accept-btn { padding: 12px 25px !important; border-radius: .25em !important; } .wt-cli-cookie-bar #wt-cli-accept-btn:hover { background-color: #6F6F6E !important; } .cli_setting_save_button { background-color: #000 !important; } .cli-privacy-content-text a { text-decoration: underline; } table.cookielawinfo-winter thead th { background-color: #6F6F6E !important; } .pagination ul li a, .pagination ul li span { border: 0; } .wp-pagenavi { margin: 30px 0 40px 0 !important; } .wp-pagenavi .pages { display: none; } .wp-pagenavi a, .wp-pagenavi span { margin: 0 4px; padding: 5px; font-size: 20px; color: #B9B9B9; text-decoration: none; } .wp-pagenavi a img { vertical-align: top; } .wp-pagenavi a:hover { color: #6F6F6E; } .wp-pagenavi .current { font-weight: 600; color: #6F6F6E; } .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { font-size: 30px; } .wp-pagenavi .previouspostslink { margin-right: 6px; } .wp-pagenavi .nextpostslink { margin-left: 6px; } @media screen and (max-width: 1300px) { .flickity__-prev-next-button.previous { left: 80%; } .flickity__-prev-next-button.next { left: calc(80% + 60px); } } @media screen and (max-width: 767px) { .flickity__-prev-next-button.previous { left: calc(50% - 45px); } .flickity__-prev-next-button.next { left: calc(50% + 5px); } .wt-cli-cookie-bar { padding: 20px !important; } .wt-cli-cookie-bar #wt-cli-accept-btn, .wt-cli-cookie-bar #wt-cli-settings-btn { font-size: 14px; } .wt-cli-cookie-bar #wt-cli-accept-btn { margin-left: 20px !important; padding: 9px 15px !important; border-radius: .18em !important; } .pagination { margin-bottom: 10px; } .wp-pagenavi { margin: 20px 0 !important; } .wp-pagenavi a, .wp-pagenavi span { font-size: 18px; } } /* ********************************************************************************************************************* LIGHTGALLERY OVERRIDES */ .lg-backdrop { background-color: #fff; } .lg-outer.lg-zoomed .lg-toolbar { background-color: rgba(255, 255, 255, 0.4); } .lg-outer .lg-toolbar { box-sizing: border-box; padding: 15px; background-color: transparent; } .lg-outer .lg-toolbar .lg-icon { width: 40px; color: #000; } .lg-outer .lg-toolbar #lg-counter { /* position: relative; left: 50%; padding: 0; */ float: right; padding-right: 20px; color: #000; } .lg-outer .lg-actions .lg-icon { color: #000; background-color: transparent; } .lg-outer .lg-inner { top: 10%; height: 80%; } .lg-outer .lg-thumb-outer .lg-toogle-thumb { width: 40px; right: auto; left: 0; color: #000; background-color: transparent; } .lg-outer .lg-thumb-outer .lg-toogle-thumb:after { font-size: 34px; line-height: 24px; } .lg-outer .lg-thumb-outer .lg-thumb-item { border: 0; border-radius: 0; filter: brightness(0.5); transition: filter 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .lg-outer .lg-thumb-outer .lg-thumb-item:hover, .lg-outer .lg-thumb-outer .lg-thumb-item.active { filter: brightness(1); } .lg-on .lg-backdrop.in { opacity: 1; } .file-iframe-viewer .lg-inner { top: 0; height: 100%; } .file-iframe-viewer .lg-object { padding-top: 20px; } /* SEARCH & FILTER GLOBAL STYLES */ /* ********************************************************************************************************************* IMPORTS */ .searchandfilter { /* label:not(.sf-label-checkbox) { width: 100%; } */ } .searchandfilter-date-picker > div { z-index: 1000 !important; } .searchandfilter > ul > li { vertical-align: top; } .searchandfilter select { display: block; box-sizing: border-box; vertical-align: top; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding: 0; width: 100%; min-width: 150px !important; max-width: 100%; margin: 0; font-family: "el"; color: #000; background-color: transparent; background-image: url("../../../media/select-arrows.svg"); background-repeat: no-repeat; background-position: right .5em top 50%; background-size: 20px auto; border: 0; } .searchandfilter select::-ms-expand { display: none; } .searchandfilter select option { font-family: "e"; font-weight: normal; } .searchandfilter li[data-sf-field-input-type='radio'] ul { padding-left: 0; } .searchandfilter li[data-sf-field-input-type='radio'] ul li { display: inline-block; width: 33.3%; } .searchandfilter li[data-sf-field-input-type='radio'] ul li:first-child label { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-right: 0; } .searchandfilter li[data-sf-field-input-type='radio'] ul li:last-child label { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-left: 0; } .searchandfilter li[data-sf-field-input-type='radio'] ul li input { display: none; } .searchandfilter li[data-sf-field-input-type='radio'] ul li label { box-sizing: border-box; cursor: pointer; padding: 10px 0; font-size: 15px; text-align: center; color: #6F6F6E; background-color: #fff; border: 1px solid #dbdbdb; transition: background 0.2s linear 0s !important; } .searchandfilter li[data-sf-field-input-type='radio'] ul li:hover label { background-color: #D0D0D0; } .searchandfilter li[data-sf-field-input-type='radio'] ul li.sf-option-active label { color: #fff; background-color: #779392; border-color: #779392; } .searchandfilter input[type='checkbox'] { margin-left: 0; } .searchandfilter input[type='checkbox'] + label { padding-left: 6px; font-size: 14px; } .searchandfilter input[type="text"] { box-sizing: border-box; vertical-align: top; width: 100%; min-width: 250px; padding: .6em .8em; font-family: "e"; font-size: 14px; line-height: 1.2; color: #000; border: 0; background-color: #D0D0D0; } .searchandfilter textarea { box-sizing: border-box; width: 100%; padding: .6em .8em; font-family: "e"; font-size: 14px; border: 1px solid #dbdbdb; } .searchandfilter .sf_date_field { display: flex; padding-left: 0; } .searchandfilter .sf_date_field > li { padding: 0 3px 0 0; } .searchandfilter .sf_date_field > li input { min-width: 0; } .searchandfilter .sf-field-search input { background-image: url("../../../media/zoom.svg"); background-repeat: no-repeat; background-position: right .7em top 50%; background-size: 15px; } .searchandfilter input[type="submit"] { box-sizing: border-box; cursor: pointer; padding: .6em 1em; font-family: "e"; color: #B9B9B9; background-color: #fff; border: 0; transition: background 0.2s linear 0s !important; } .searchandfilter input[type="submit"]:hover { color: #fff; background-color: #B9B9B9; border-color: #B9B9B9; } .searchandfilter input:focus, .searchandfilter select:focus, .searchandfilter textarea:focus { outline: none; } .searchandfilter ::placeholder { color: #000; } .searchandfilter .meta-slider { max-width: 90%; height: 3px; margin-top: 15px; } .searchandfilter .meta-slider .noUi-connect { background-color: #B9B9B9; } .searchandfilter .meta-slider .noUi-handle { top: -9px; width: 18px; height: 18px; border: 0; box-shadow: none; background-color: #779392; } .searchandfilter .meta-slider .noUi-handle:before, .searchandfilter .meta-slider .noUi-handle:after { display: none; } /* ********************************************************************************************************************* RESPONSIVE MEDIA QUERIES */ @media screen and (max-width: 1200px) { .searchandfilter select { min-width: 160px !important; } .searchandfilter input[type="text"] { min-width: 160px; } } @media screen and (max-width: 1000px) { .searchandfilter h4 { font-size: 15px; } .searchandfilter select { min-width: 120px !important; } .searchandfilter input[type="text"] { min-width: 130px; } } @media screen and (max-width: 767px) { .searchandfilter { padding-top: 10px; } .searchandfilter ul li { padding: 4px 0; } .searchandfilter input[type="text"] { min-width: 100%; } } /* GLOBAL */ /* ********************************************************************************************************************* FONTS */ @font-face { font-family: "linea-arrows-10"; src: url("fonts/linea-arrows-10.woff2") format("woff2"), url("fonts/linea-arrows-10.woff") format("woff"); font-weight: normal; font-style: normal; } /* ********************************************************************************************************************* GLOBALS */ body { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.3; color: #000; background-color: #fff; } h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 300; line-height: 1.2; letter-spacing: 0; text-transform: none; color: #000; } h1 { font-size: 60px; } h2 { font-size: 30px; } h3 { font-size: 25px; } h4 { font-size: 18px; } h5 { font-size: 20px; } h6 { font-size: 14px; } p, li { margin: 0; font-size: 18px; line-height: 1.4; color: #000; /* &:empty { display: none; } */ } strong, b { font-weight: 700; } p + p, ul + p, ol + p, p + ul, p + ol { margin-top: 20px; } ul { margin: 0; padding-left: 0; } ol { padding-left: 40px; } ol li { margin-bottom: 20px; } ul.styled li { position: relative; list-style: none; padding: 0 0 15px 30px; } ul.styled li:before { content: ""; position: absolute; top: 6px; left: 0; width: 15px; height: 15px; margin-right: 20px; background-color: #cfab96; border-radius: 50%; } ul.horizontal { display: flex; flex-wrap: wrap; } ul.horizontal li { position: relative; list-style: none; font-size: 20px; line-height: 1.5; text-transform: uppercase; } ul.horizontal li:after { content: "|"; padding: 0 10px; } ul.horizontal li:last-child:after { display: none; } img { max-width: 100%; height: auto; image-rendering: optimizeQuality; } img.invert { filter: invert(1); } .text-light, .text-light a { font-weight: 300; } .text-regular, .text-regular a { font-weight: 400; } .text-medium, .text-medium a { font-weight: 500; } .text-bold, .text-bold a { font-weight: 700; } .text-black, .text-black a { font-weight: 800; } .text-bigger { font-size: 24px; line-height: 1.3; } .text-even-bigger { font-size: 30px; } .text-smaller { font-size: 16px; } .text-spaced { letter-spacing: 3px; } ::selection { color: #fff; background: #cfab96; } .white { color: #fff; } .white p, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white span { color: #fff; } .black { color: #000 !important; } .grey { color: #B9B9B9 !important; } .light-grey { color: #D0D0D0 !important; } .dark-grey { color: #6F6F6E !important; } .accent, .accent p, .accent li { color: #779392 !important; } .light-accent, .light-accent p { color: #bfcdcd !important; } .blue, .blue p { color: #ccd9e5 !important; } .ocre, .ocre p { color: #cfab96 !important; } .green, .green p { color: #b0b780 !important; } .border-top { border-top: 1px solid #d2d2d2; } .border-bottom { border-bottom: 1px solid #d2d2d2; } .no-block { display: inline; } .no-block + p { margin-top: -10px; } .boxed { padding: 4px 8px 2px 8px; background-color: #bfcdcd; color: #fff; } .boxed-white { border: 1px solid #fff; } .boxed-white:hover { background-color: #fff; } .main-title { padding-bottom: 30px; font-weight: 800; font-size: 40px; } .main-title.text-light { font-weight: 300; } .title-boxed { display: inline; padding: 0 10px; background-color: #D0D0D0; color: #444444; } .title-boxed + br { display: block !important; margin-bottom: 20px; content: " "; } .title-boxed.accent { background-color: #779392; color: #fff; } .title-boxed.dark { background-color: #6F6F6E; color: #fff; } .with-line-below:after { content: ''; display: block; width: 50px; height: 1px; margin: 10px auto 20px auto; background-color: #B9B9B9; } .with-line-above:before { content: ''; display: block; width: 50px; height: 1px; margin: 20px auto 10px auto; background-color: #B9B9B9; } @keyframes charSlideIn { from { transform: translateY(40px) scale(0.5); opacity: 0; } } .hidden, .hide { display: none !important; } .invisible { visibility: hidden; } .hide-on-desktop { display: none; } .only-home { display: none; } .only-admin { display: none; } body.logged-in .only-admin { display: block; } .page-id-56 header, .page-id-56 footer, .page-id-56 main { display: none; } @media screen and (max-width: 1600px) { h1 { font-size: 55px; } h2 { font-size: 26px; } } @media screen and (max-width: 1300px) { body { font-size: 16px; } p, li { font-size: 16px; } h1 { font-size: 45px; } h2 { font-size: 22px; } h3 { font-size: 21px; } .text-bigger { font-size: 22px; } .main-title { padding-bottom: 20px; font-size: 32px; } } @media screen and (max-width: 1000px) { body { font-size: 15px; } p, li { font-size: 15px; } /* h2 { font-size: 24px; } */ /* h3 { font-size: 24px; } */ /* h4 { font-size: 16px; } */ /* h5 { font-size: 15px; } */ .text-bigger { font-size: 20px; } .text-even-bigger { font-size: 26px; } .main-title { font-size: 30px; } ul.horizontal li:after { display: none; } } @media screen and (max-width: 767px) { .hide-on-desktop { display: block; } .hide-on-mobile { display: none; } h3 { font-size: 20px; } .text-bigger { font-size: 18px; } .text-even-bigger { font-size: 22px; } .main-title { font-size: 26px; } ul.styled li:before { width: 12px; height: 12px; margin-right: 15px; } ul.horizontal { flex-direction: column; } } /* ********************************************************************************************************************* LAYOUT */ body > .wrapper { padding-bottom: 325px; opacity: 0; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .grid__container { position: relative; width: 1200px; margin: 0 auto !important; } .grid__container--smaller { width: 980px; } .grid__container--no-padding .wpb_column > .vc_column-inner { padding: 0; } .content { position: relative; overflow-x: hidden; z-index: 1; min-height: calc(100vh - 325px); background-color: #fff; } .flex { display: flex; justify-content: space-between; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .margin-10-below { margin-bottom: 10px; } .margin-20-below { margin-bottom: 20px; } .margin-30-below { margin-bottom: 30px; } .margin-40-below { margin-bottom: 40px; } .margin-10-above { margin-top: 10px; } .margin-20-above { margin-top: 20px; } .margin-30-above { margin-top: 30px; } .margin-40-above { margin-top: 50px; } .element-with-side-padding-120 { padding: 0 120px; } .row-with-vertical-padding-60 { padding: 60px 0; } .row-with-vertical-padding-120 { padding: 120px 0; } .row-with-bottom-padding-120 { padding-bottom: 120px; } .column-no-padding-right .vc_column-inner { padding-right: 0 !important; } .column-no-padding-left .vc_column-inner { padding-left: 0 !important; } .row-with-side-padding-200 { padding: 0 200px; } .centered { margin: 0 auto; text-align: center; } .vertical-centered { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 1600px) { /* .grid__container { width: 980px; } */ } @media screen and (max-width: 1300px) { body > .wrapper { padding-bottom: 319px; } .grid__container { width: 980px; } } @media screen and (max-width: 1000px) { .grid__container { width: 90%; } } @media screen and (max-width: 767px) { body > .wrapper { padding-bottom: 450px; } .grid__container { width: 90%; } } /* ********************************************************************************************************************* LINKS */ a, a:before, a:after, button { transition: all .3s ease; } a { color: #000; text-decoration: none; } a.accent-link { color: #779392; text-decoration: none; border-bottom: 1px solid transparent; } a.accent-link:hover { border-color: #779392; } a.black-link { color: #000; } a.black-link:hover * { color: #779392; } a.white-link { line-height: 1; color: #fff; text-decoration: none; border-bottom: 1px solid transparent; } a.white-link:hover { border-color: #fff; } a.grey-link { color: #B9B9B9 !important; } a.grey-link:hover { color: #6F6F6E !important; } a.dark-grey-link { text-decoration: none; color: #6F6F6E !important; } a.dark-grey-link:hover { color: #B9B9B9 !important; } a.light-grey-link { color: #D0D0D0; } a.light-grey-link:hover { color: #779392 !important; } .boxed-link { display: inline-block; padding: 12px 35px; font-size: 16px; text-decoration: none !important; color: #fff; background-color: #bfcdcd; } .boxed-link:hover { padding: 12px 40px; color: #fff; background-color: #bfcdcd; } .boxed-link.white { color: #000; background-color: #fff; } .boxed-link.white:hover { color: #fff !important; background-color: #bfcdcd; } .boxed-link.bold { font-weight: 700; } .boxed-link.icon-left img { float: left; margin: -2px 10px 0 0; } .boxed-link.icon-left i { vertical-align: middle; margin-right: 10px; } .boxed-link.icon-right img { float: right; margin: -2px 0 0 10px; } .boxed-link.icon-right i { vertical-align: middle; margin-left: 10px; } .boxed-link.bordered { color: #000; background-color: transparent; border: 1px solid #000; color: #000; } .boxed-link.bordered:hover { color: #fff; background-color: #779392; border-color: #779392; } .boxed-link.bordered-white { color: #fff; background-color: transparent; border: 1px solid #fff; } .boxed-link.bordered-white:hover { color: #fff; background-color: #B9B9B9; border-color: #B9B9B9; } .boxed-link.rounded { border-radius: 25px; } .boxed-link.wider { padding: 12px 45px; } .boxed-link.wider:hover { padding: 12px 50px; } .boxed-link.medium { padding: 14px 35px; } .boxed-link.medium:hover { padding: 14px 40px; } .boxed-link.big { padding: 22px 55px; } .boxed-link.big:hover { padding: 22px 60px; } a.line-link { display: inline-block; padding-bottom: 8px; line-height: 0; color: #000; } a.line-link:after { content: ''; position: relative; width: 101%; height: 1px; margin-bottom: -4px; display: inline-block; background-color: transparent; transform: scaleX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; } a.line-link:hover { color: #6F6F6E !important; } a.line-link:hover:after { background-color: #B9B9B9; transform: scaleX(1); } a.line-link.grey { color: #B9B9B9; } a.line-link.grey:hover { color: #fff !important; } a.line-link.grey:hover:after { background-color: #fff; } a.line-link.white { color: #fff; } a.line-link.white:hover { color: #fff !important; } a.line-link.white:hover:after { background-color: #fff; } a.line-link.disabled { pointer-events: none; } a.circle-link { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 220px; height: 220px; background-color: #bfcdcd; border-radius: 50%; border: 40px solid #bfcdcd; transition: background 0.4s ease, border 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); } a.circle-link span { font-size: 30px; text-align: center; color: #fff; transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } a.circle-link:hover { background-color: #bfcdcd; border: 0px solid #bfcdcd; } a.circle-link:hover span { transform: scale(0.9); } a.circle-link.medium { width: 180px; height: 180px; } a.circle-link.medium span { font-size: 24px; } a.icon-link { display: flex; gap: 10px; max-width: 300px; text-decoration: none; color: #000; } a.icon-link span { line-height: 25px; color: #000; } a.icon-link:hover { opacity: 0.8; } a.icon-link.white { color: #fff; } a.icon-link.white span { color: #fff; } a.alt-link { letter-spacing: 2px; color: #000; } a.alt-link:before, a.alt-link:after { content: ''; display: inline-block; vertical-align: middle; width: 30px; height: 1px; margin: 0 10px; background-color: #779392; } a.alt-link:hover { color: #779392; } a.alt-link:hover:before, a.alt-link:hover:after { margin: 0 14px; } a.hover-link { position: relative; } a.hover-link:before { transform: scaleX(0); transform-origin: bottom right; } a.hover-link:hover { padding: 0 4px; color: #fff; } a.hover-link:hover:before { transform: scaleX(1); transform-origin: bottom left; } a.hover-link:before { content: ' '; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0 0 0 0; background: #779392; z-index: -1; transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); } a.arrow-link { position: relative; overflow: hidden; font-size: 20px; } a.arrow-link:before { content: url("../../../media/slider-arrow.svg"); display: inline-block; vertical-align: top; padding-right: 10px; } a.arrow-link > span { position: relative; padding: 3px 10px; background-color: #d4c2cb; transition: all .5s ease; } a.arrow-link > span span { visibility: hidden; opacity: 0; } a.arrow-link > span label { position: absolute; pointer-events: none; left: 10px; top: 2px; transform-origin: 0 0; transition: all .5s ease; } a.arrow-link > span label:first-of-type { color: #000; } a.arrow-link > span label:last-of-type { color: #fff; transform: translateY(10px) rotate(10deg); opacity: 0; } a.arrow-link:hover { color: #779392 !important; } a.arrow-link:hover:before { padding-right: 15px; } a.arrow-link:hover > span { padding: 3px 14px; background-color: #bfcdcd; } a.arrow-link:hover > span label { color: #fff; } a.arrow-link:hover > span label:first-of-type { transform: translateY(-10px) rotate(-30deg); opacity: 0; } a.arrow-link:hover > span label:last-of-type { left: 14px; transform: translateY(0px) rotate(0deg); opacity: 1; } a.arrow-link.white { color: #fff; } a.arrow-link.white:after { filter: invert(1); } a.iconed-link { display: inline-flex; align-items: center; gap: 10px; font-size: 24px; font-weight: 700; line-height: 1.3; text-decoration: none; color: #779392; } a.iconed-link:before { display: flex; } a.iconed-link:hover { padding-left: 8px; } a.iconed-link:hover span { color: #779392; } a.iconed-link.white span { color: #fff !important; } a.iconed-link.mail:before { content: url("../../../media/envelope-icon.svg"); } .pdf-links { position: relative; margin-top: 30px; padding-left: 70px; } .pdf-links--big { padding-left: 85px; } .pdf-links--big:before { transform-origin: 0 0; transform: scale(2); } .pdf-links--one { padding-left: 50px; line-height: 35px; } .pdf-links:before { content: url("../../../media/icon-pdf.svg"); position: absolute; left: 0; } .pdf-links a { display: inline-block; padding-bottom: 8px; text-decoration: underline; } .bt-back { display: flex; align-items: center; font-weight: 400; color: #6F6F6E; } .bt-back:before { content: "\e066"; margin-right: 10px; font-family: "linea-arrows-10"; font-size: 22px; } .bt-back:hover { color: #000; } .bt-like { display: flex; } .bt-like i { margin-right: 8px; font-size: 18px; color: #B9B9B9; } .bt-like:hover { color: #B9B9B9; } #interlinks .section_inner { margin-bottom: 60px; padding: 50px 0; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; } #interlinks .bts a { position: relative; padding-left: 40px; font-size: 24px; } #interlinks .bts a span { display: block; color: #B9B9B9; font-size: 16px; } #interlinks .bts a:before { content: "\e03f"; position: absolute; left: 0; top: 18px; font-family: "linea-arrows-10"; font-size: 30px; } #interlinks .bts a:hover { margin-left: -5px; padding-left: 50px; } #interlinks .bts a.right { padding: 0 40px 0 0; text-align: right; } #interlinks .bts a.right:before { left: auto; right: 0; top: 20px; transform: rotate(180deg); } #interlinks .bts a.right:hover { margin: 0 -5px 0 0; padding: 0 50px 0 0; } @media screen and (max-width: 1300px) { a.circle-link { width: 180px; height: 180px; } a.circle-link span { font-size: 24px; } a.iconed-link { font-size: 20px; } } @media screen and (max-width: 1000px) { /* .boxed-link { padding: 6px 35px; font-size: 15px; &:hover { padding: 6px 40px; } } */ a.circle-link { width: 150px; height: 150px; } a.circle-link span { font-size: 21px; } a.arrow-link { font-size: 18px; } #interlinks .bts a { font-size: 20px; } #interlinks .bts a span { padding-bottom: 5px; font-size: 15px; } } @media screen and (max-width: 767px) { .boxed-link { font-size: 14px; } .boxed-link.medium { padding: 8px 25px; } a.circle-link { width: 90px; height: 90px; } a.circle-link span { font-size: 14px; } a.iconed-link { font-size: 18px; } #interlinks { display: none; } } /* ********************************************************************************************************************* SHARED ELEMENTS */ /* PRELOAD */ /* .preload, .preload:after { position: absolute; z-index: 2; width: 180px; height: 180px; left: 50%; top: 50%; margin: -90px 0 0 -90px; border-radius: 50%; } .preload { background-color: transparent; border-top: 1px solid $ocre; border-right: 1px solid $ocre; border-bottom: 1px solid $ocre; border-left: 1px solid $accent; transform: translateZ(0); animation-iteration-count:infinite; animation-timing-function: linear; animation-duration: .8s; animation-name: preload-loading; //filter: blur(5px); } */ /* @keyframes preload-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } */ .animblock { opacity: 0; } .animtext > span > span { overflow: hidden; margin-bottom: -10px; } .gmap { position: relative; width: 100%; height: 100vh; max-width: none !important; } .gmap img { max-width: none !important; } .gmap + .markers { display: none; } a[href^="http://maps.google.com/maps"] { display: none !important; } a[href^="https://maps.google.com/maps"] { display: none !important; } .gmnoprint a, .gmnoprint span, .gm-style-cc { display: none; } .gm-style iframe + div { border: none !important; } .fecha { position: relative; box-sizing: border-box; width: 110px; text-align: center; color: #000; background-color: #fff; border: 4px solid #bfcdcd; border-top-width: 20px; border-radius: 3px; } .fecha--lineas:before, .fecha--lineas:after { content: ''; position: absolute; top: -28px; left: 20px; width: 4px; height: 10px; background-color: #bfcdcd; border-radius: 3px; } .fecha--lineas:after { left: auto; right: 20px; } .fecha--lineas .fecha-dia:first-child { padding-top: 15px; } .fecha--lineas .fecha-hora { box-sizing: border-box; font-weight: 300; color: #6F6F6E; } .fecha-dia { padding: 12px 5px; font-weight: 700; font-size: 17px; line-height: 1; } .fecha-ini + .fecha-fin { margin-top: -20px; } .fecha-ini + .fecha-fin:before { content: ''; display: block; width: 20px; height: 1px; margin: 4px auto; background-color: #fff; } .fecha-hora { padding-bottom: 8px; } .contenido { position: relative; } .contenido > * { margin-bottom: 35px; } .contenido h2:not(:first-child) { margin-top: 50px; } .contenido .text-block ul { list-style: none; text-indent: -20px; margin-left: 20px; padding-left: 40px; } .contenido .text-block ul li:before { content: "\2022"; display: inline-block; vertical-align: top; font-weight: 700; font-size: 1em; line-height: 1.3; color: #779392; transform: translateY(3px); } .contenido .text-block a { text-decoration: underline; } .contenido .img.full img, .contenido .img.half img { width: 100%; } .contenido .img.half { width: 50%; } .contenido .gap { margin-bottom: 0; } .contenido .gap_line { border-top: 1px solid #d2d2d2; } .contenido a.boxed-link + a { margin-left: 20px; } .contenido .calendario { display: flex; align-items: center; justify-content: space-between; padding: 40px 50px; background-color: #D0D0D0; } .contenido .calendario > div { width: 25%; } .contenido .calendario h3 { margin-top: 10px; } .contenido .gallery { overflow: hidden; } .contenido .gallery a:hover { opacity: 0.8; } .contenido p iframe { width: 100%; } .contenido .banner a { display: block; } .contenido .banner a.disabled { pointer-events: none; } .contenido .banner a:hover { filter: brightness(1.1); } .contenido .banner a img { width: 100%; } .contenido .banner-video video { width: 100%; } .video-player { position: relative; overflow: hidden; height: 0; padding-bottom: 56.25%; padding-top: 30px; } .video-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-player.half { display: inline-block; width: 49%; padding-bottom: 28%; } .video-player.half + .video-player.half { margin-left: 2%; } /* .video { position: relative; display: block; width: 680px; height: 400px; a:hover { .play { background-color: rgba(0,0,0,0.3); } } .play { position: absolute; display: block; box-sizing: border-box; width: 100%; height: 100%; top: 0; padding-top: 26%; text-align: center; @include transition(background,.3s,linear); } } */ .audio-player h4 { margin-bottom: 10px; font-size: 26px; } .audio-player audio { width: 100%; margin-top: 15px; } .iframe-container iframe { height: auto; } .gallery .slick-slide { margin: 0 5px; } .gallery .slick-list { margin: 0 -5px; } .gmap { position: relative; width: 100%; height: 400px; max-width: none !important; } .gmap img { max-width: none !important; } .gmap + .markers { display: none; } .map-label { color: #444; font-size: 11px; line-height: 16px; } .img_text_3_columns .item { width: 30%; margin-bottom: 50px; } .img_text_3_columns .item h3 { margin: 20px 0 10px 0; } @media screen and (max-width: 1000px) { .full-fixed-img { height: 80vw; background-attachment: scroll; background-size: cover; } .fecha-dia { font-size: 14px; } .fecha-hora { font-size: 14px; } } @media screen and (max-width: 767px) { .preload, .preload:after { width: 100px; height: 100px; margin: -50px 0 0 -50px; } .contenido > * { margin-bottom: 25px; } .contenido > h3 { margin-bottom: 20px; } .contenido h2:not(:first-child) { margin-top: 30px; } .contenido .img.half { width: 100%; } .contenido .calendario { flex-direction: column; padding: 20px; } .contenido .calendario > div { width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #d2d2d2; } .contenido .calendario > div:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; } .contenido .calendario h3 { margin-top: 5px; font-size: 17px; } .contenido a.boxed-link { display: block; text-align: center; } .contenido a.boxed-link + a { margin: -20px 0 35px 0; } .video-player.half { display: block; width: 100%; padding-bottom: 56.25%; } .video-player.half + .video-player.half { margin-left: 0; } .fecha--in-intro { z-index: 1; position: absolute; right: 30px; bottom: -28px; } .img_text_3_columns .item { width: 100%; margin-bottom: 40px; } .img_text_3_columns .item:last-child { margin-bottom: 0; } } .preloader { position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); z-index: 2; width: 80px; } .preloader svg { display: block; transform: rotateZ(0deg); } .preloader circle { stroke: #779392; stroke-width: 2px; r: 11px; stroke-dasharray: 0.01px, 69.10504px; stroke-dashoffset: 0; animation: 1.8s cubic-bezier(0.3, 0.8, 0.1, 1) infinite go; } @keyframes go { 0% { stroke-dasharray: 0.01px, 69.10504px; stroke-dashoffset: 0; } 25% { stroke-dasharray: 34.55752px, 34.55752px; stroke-dashoffset: 0; } 50% { stroke-dasharray: 0.01px, 69.10504px; stroke-dashoffset: -34.55752px; } 75% { stroke-dasharray: 34.55752px, 34.55752px; stroke-dashoffset: -34.55752px; } 100% { stroke-dasharray: 0.01px, 69.10504px; stroke-dashoffset: -69.11504px; } } @keyframes spin { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } /* ********************************************************************************************************************* RRSS & SOCIAL */ .social-menu { position: relative; } .social-menu a { content: ''; width: 30px; height: 30px; display: inline-block; overflow: hidden; background: transparent url("../../../media/social-sprite.svg") no-repeat 0 -3px; } .social-menu a.facebook { background-position: 0 -3px; } .social-menu a.twitter { background-position: -30px -3px; } .social-menu a.linkedin { background-position: -60px -3px; } .social-menu a.instagram { background-position: -90px -3px; } .social-menu a.podcast { background-position: -120px -3px; } .social-menu a.youtube { background-position: -150px -3px; } .social-menu a.rss { background-position: -180px -3px; } .social-menu a.spotify { background-position: -210px -3px; } .social-menu a.whatsapp { background-position: -240px -3px; } .social-menu a.mail { background-position: -270px -3px; } .social-menu a.tripadvisor { background-position: -300px -3px; } .social-menu a:hover { opacity: 0.7; } .social-menu a.white { filter: invert(100%); } .social-menu.big a { margin-right: 5px; transform: scale(1.2); } .social ul li { display: inline-block; vertical-align: top; overflow: hidden; width: 32px; height: 32px; margin: 0 3px; border-radius: 100%; border: 1px solid #fff; transition: all 0.4s ease 0s !important; } .social ul li:first-child { margin-left: 0; } .social ul li a { display: block; width: 100%; height: 200%; position: relative; top: 0; line-height: 32px !important; text-align: center; color: #fff; } .social ul li a i { font-size: 16px; } .social ul li a i:last-child { display: block; margin-top: 2px; color: #fff; } .social ul li:hover { border-color: transparent; } .social ul li:hover a { top: -26px; } .social ul li:hover a i:first-child { transition: all 0.3s ease 0s !important; opacity: 0; } .social ul li:nth-of-type(1):hover { background-color: #537bbd; } .social ul li:nth-of-type(2):hover { background-color: #77cdf0; } .social ul li:nth-of-type(3):hover { background-color: #ff0000; } .social ul li:nth-of-type(4):hover { background-color: #0077B5; } @media screen and (max-width: 767px) { .social-menu { position: relative; } .social-menu a { margin: 0 3px; transform: scale(1.2); } } /* ********************************************************************************************************************* FORMS / CF7 */ .form-container .form-column-left { position: relative; float: left; width: 49%; z-index: 2; } .form-container .form-column-right { position: relative; float: right; width: 49%; z-index: 2; } .form-container .form-column-full { position: relative; display: block; z-index: 1; } .form-container .block-legal { padding-top: 10px; } .form-container .block-legal p { padding-bottom: 8px; color: #6F6F6E; } .wpcf7-form > p { position: relative; margin: 0 !important; } .wpcf7-form > p label { position: absolute; display: block; z-index: 1; pointer-events: none; top: 27px; width: 100%; font-size: 17px; color: #fff; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; } .wpcf7-form > p label.has-value { top: 7px; font-family: 'eb', sans-serif; font-size: 13px; } .wpcf7-form input.wpcf7-text, .wpcf7-form input.wpcf7-mail, .wpcf7-form textarea.wpcf7-textarea { outline: none; max-width: 100%; padding: 0 0 4px 0; font-family: 'el'; font-size: 17px !important; color: #fff !important; background-color: transparent; border: 0; border-bottom: 1px solid #fff; } .wpcf7-form textarea.wpcf7-textarea { height: 30px; line-height: 1.2; transition: height 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; } .wpcf7-form textarea.wpcf7-textarea:focus { height: 100px; } .wpcf7-form .wpcf7-list-item { margin-left: 0 !important; } .wpcf7-form .block-legal { margin: 20px 0; font-size: 12px; } .wpcf7-form .block-legal > p { display: flex; align-items: center; } .wpcf7-form .block-legal .wpcf7-not-valid-tip { position: absolute; top: 20px; left: 0; width: 200px; } .wpcf7-form .txt-legal { display: inline-block; margin: 0 0 0 30px; font-size: 12px; color: #fff; transform: translateY(-6px); } .wpcf7-form .txt-legal a, .wpcf7-form .txt-legal a:hover { color: #fff !important; } .wpcf7-form span.wpcf7-list-item { margin: 0 5px 0 0; } .wpcf7-form .wpcf7-checkbox label { position: relative; cursor: pointer; color: #779392; } .wpcf7-form .wpcf7-checkbox input[type=checkbox] { position: absolute; visibility: hidden; } .wpcf7-form .wpcf7-checkbox input[type=checkbox] + span { display: inline-block; overflow: hidden; width: 0; color: transparent; } .wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:before { display: block; position: absolute; box-sizing: border-box; content: ''; height: 20px; width: 20px; top: -8px; left: 0px; border: 1px solid #B9B9B9; transition: all 0.3s ease 0s !important; } .wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:after { content: "\2713"; position: absolute; display: block; visibility: hidden; height: 20px; width: 20px; top: -9px; left: 0; font-size: 15px; font-weight: 700; text-align: center; line-height: 1.5; color: #fff; -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s !important; } .wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:before { background: #779392; border-color: #779392; } .wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:after { visibility: visible; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .wpcf7-form input.wpcf7-submit { display: inline-block; cursor: pointer; padding: 12px 35px; font-size: 16px; text-decoration: none !important; color: #fff; background-color: transparent; border: 1px solid #fff; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .wpcf7-form input.wpcf7-submit:hover { padding: 12px 40px; border-color: #779392; background-color: #779392; } .wpcf7-form .wpcf7-not-valid-tip { display: block !important; padding: 5px 0 0 0; text-transform: uppercase; font-size: 12px !important; color: #ff0000 !important; } .wpcf7-form .wpcf7-response-output { position: absolute; box-sizing: border-box; bottom: 70px; right: 30px; margin: 0 !important; font-size: 16px !important; padding: 20px !important; line-height: 1.2; color: #fff; background-color: #ff0000 !important; border: 0 !important; } .wpcf7-form.sent .wpcf7-response-output { padding: 25px 40px 25px 75px !important; background-color: #80c84b !important; } .wpcf7-form.sent .wpcf7-response-output:before { font-size: 30px !important; } /* HACK FOR AUTOCOMPLETE FIELDS IN CHROME (YELLOW BUG) */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 100px transparent inset; color: #222; } /* ::-webkit-input-placeholder { color: #000; opacity: 1 !important; } ::-moz-placeholder { color: #000; opacity: 1 !important; } input:focus::-webkit-input-placeholder { opacity: 0; @include transition(all,.4s,linear); } input:focus::-moz-placeholder { opacity: 0; } textarea:focus::-webkit-input-placeholder { opacity: 0; @include transition(all,.4s,linear); } textarea:focus::-moz-placeholder { opacity: 0; } textarea:focus::-moz-placeholder { opacity: 0; } */ .wpforms-container.line-below .wpforms-field:not(.wpforms-field-checkbox) { margin-bottom: 20px; padding: 0; } .wpforms-container.line-below .wpforms-field:not(.wpforms-field-checkbox) label { position: absolute; display: block; z-index: 1; pointer-events: none; top: 8px; width: 100%; font-weight: 300; font-style: italic; font-size: 18px; color: #fff; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; } .wpforms-container.line-below .wpforms-field:not(.wpforms-field-checkbox) label.has-value { top: -10px; font-size: 13px; opacity: 0.6; } .wpforms-container.line-below .wpforms-field:not(.wpforms-field-checkbox) label .wpforms-required-label { color: #fff; } .wpforms-container.line-below .wpforms-field:not(.wpforms-field-checkbox) input[type="text"], .wpforms-container.line-below .wpforms-field:not(.wpforms-field-checkbox) input[type="email"], .wpforms-container.line-below .wpforms-field:not(.wpforms-field-checkbox) textarea { outline: none; max-width: 100%; padding: 0 0 4px 0; font-size: 18px; line-height: 2; color: #fff !important; background-color: transparent; border-radius: 0; border: 0 !important; border-bottom: 1px solid #fff !important; box-shadow: none !important; } .wpforms-container.line-below .wpforms-field-checkbox label { font-size: 14px; color: #fff; } .wpforms-container.line-below .wpforms-submit-container button { appearance: none; outline: none; padding: 0 40px; background: transparent !important; border: 1px solid #fff !important; border-radius: 0; } .wpforms-container.line-below .wpforms-submit-container button:hover, .wpforms-container.line-below .wpforms-submit-container button:active { background: #bb7543 !important; border-color: #bb7543 !important; } .wpforms-container.line-below .wpforms-submit-container button:after { display: none; } .wpforms-container.line-below.black .wpforms-field:not(.wpforms-field-checkbox) label { color: #000; } .wpforms-container.line-below.black .wpforms-field:not(.wpforms-field-checkbox) label .wpforms-required-label { color: #000; } .wpforms-container.line-below.black .wpforms-field:not(.wpforms-field-checkbox) input[type="text"], .wpforms-container.line-below.black .wpforms-field:not(.wpforms-field-checkbox) input[type="email"], .wpforms-container.line-below.black .wpforms-field:not(.wpforms-field-checkbox) textarea { color: #000 !important; border-color: #000 !important; } .wpforms-container.line-below.black .wpforms-field-checkbox label { color: #000; } .wpforms-container.line-below.black .wpforms-submit-container button { color: #000 !important; border-color: #000 !important; } .wpforms-container.line-below.black .wpforms-submit-container button:hover, .wpforms-container.line-below.black .wpforms-submit-container button:active { color: #fff !important; border-color: #bb7543 !important; } .wpforms-container .wpforms-confirmation-container-full { padding: 30px !important; font-weight: 500; text-align: center; background-color: #d4b4a1 !important; border-color: #fff !important; } .wpforms-container .wpforms-confirmation-container-full p { color: #fff !important; } @media screen and (max-width: 1300px) { .wpcf7-form > p label { top: 23px; } } @media screen and (max-width: 1000px) { .wpcf7-form { /* .block-legal { margin: 10px 0; } p { margin-bottom: 10px !important; } p.text-bigger { font-size: 16px !important; } */ } .wpcf7-form > p label { top: 20px; } .wpcf7-form > p label.has-value { font-size: 11px; } .wpcf7-form input.wpcf7-text, .wpcf7-form input.wpcf7-mail, .wpcf7-form textarea.wpcf7-textarea { width: 100%; } .wpcf7-form .txt-legal { font-size: 11px; } .wpcf7-form .wpcf7-spinner { position: absolute; margin: 10px 0 0 0; } } @media screen and (max-width: 767px) { .form-container .form-column-left, .form-container .form-column-right { float: none; width: 100%; } .wpcf7-form > p label { font-size: 15px; } .wpcf7-form input.wpcf7-text, .wpcf7-form input.wpcf7-mail, .wpcf7-form textarea.wpcf7-textarea { font-size: 16px !important; } .wpforms-container .wpforms-form .wpforms-field { overflow: visible !important; } .wpforms-container.line-below .wpforms-field:not(.wpforms-field-checkbox) label { font-size: 16px; } .wpforms-container.line-below .wpforms-field:not(.wpforms-field-checkbox) input[type="text"], .wpforms-container.line-below .wpforms-field:not(.wpforms-field-checkbox) input[type="email"], .wpforms-container.line-below .wpforms-field:not(.wpforms-field-checkbox) textarea { padding: 0; font-size: 16px; } .wpforms-container.line-below .wpforms-field-checkbox label { font-size: 13px; } .wpforms-container .wpforms-confirmation-container-full { padding: 30px !important; font-weight: 500; text-align: center; background-color: #d4b4a1 !important; border-color: #fff !important; } .wpforms-container .wpforms-confirmation-container-full p { color: #fff !important; } } /* ********************************************************************************************************************* HEADER - MENU */ header { z-index: 2; display: flex; align-items: center; position: fixed; box-sizing: border-box; width: 100%; height: 130px; background-color: #fff; transition: all .5s ease; } header .grid__container { display: flex; align-items: end; justify-content: space-between; } header .scroll-progress { position: absolute; top: 0; left: 0; width: 0; height: 2px; background-color: #cfab96; } header .logo a { display: block; width: 110px; } header .logo a img { vertical-align: top; } header .logo a:hover { opacity: 0.9; } header .hamb { position: fixed; display: none; z-index: 3; top: 45px; right: 40px; width: 30px; height: 30px; } header .hamb span { display: block; position: absolute; left: 0; height: 2px; width: 30px; background-color: #000; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55); } header .hamb span:nth-child(1) { top: 0; } header .hamb span:nth-child(2) { top: 10px; } header .hamb span:nth-child(3) { top: 20px; } header .hamb:hover span:nth-child(3) { left: 0; } header nav.main-menu { position: relative; box-sizing: border-box; height: auto; width: 100%; transition: top .5s ease; } header nav.main-menu > div { display: flex; justify-content: end; } header nav.main-menu ul.menu { display: flex; gap: 60px; } header nav.main-menu ul.menu > li { position: relative; list-style: none; } header nav.main-menu ul.menu > li a { position: relative; z-index: 2; text-transform: uppercase; font-size: 17px; line-height: 1; text-decoration: none; color: #6F6F6E; } header nav.main-menu ul.menu > li a:before { content: ''; position: absolute; display: inline-block; z-index: 1; left: 50%; bottom: -2px; width: 100%; height: 25px; padding: 0 10px; background-color: transparent; transform: scaleX(0); transform-origin: 0 0; mix-blend-mode: multiply; transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1); } header nav.main-menu ul.menu > li a:hover:before { left: -10px; background-color: #cfab96; transform: scaleX(1); } header nav.main-menu ul.menu > li.current-menu-item > a { pointer-events: none; font-weight: 500; color: #cfab96; border-bottom: 1px solid #cfab96; } header.sticky { height: 70px; box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.08); } header.sticky .logo a { width: 60px; } header.sticky .hamb { top: 23px; } header.sticky nav.main-menu { top: -15px; } header.faded { pointer-events: none; opacity: 0; } .wrapper.menu-open header .hamb span:nth-child(1) { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 10px; } .wrapper.menu-open header .hamb span:nth-child(2) { opacity: 0; width: 0; height: 0; left: 30px; } .wrapper.menu-open header .hamb span:nth-child(3) { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; } .wrapper.menu-open header .hamb:hover { transform: scale(0.9); } .wrapper.menu-open header nav.main-menu { pointer-events: auto; left: 50%; width: 50%; opacity: 1; } @media screen and (max-width: 1300px) { header { height: 120px; } header nav.main-menu ul.menu { gap: 40px; } header nav.main-menu ul.menu > li a { font-size: 16px; } .wrapper.menu-open header { /* nav.main-menu { left: 20%; width: 80%; } */ } } @media screen and (max-width: 1000px) { header { height: 110px; } header .logo a { width: 90px; } header .hamb { display: block; } header nav.main-menu { position: fixed; box-sizing: border-box; pointer-events: none; top: 0; left: 40%; height: 100vh; width: 100%; background-color: #cfab96; transform: translateY(0); opacity: 0; box-shadow: -5px 0px 18px -4px rgba(0, 0, 0, 0.25); transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); } header nav.main-menu > div { display: flex; justify-content: center; align-items: center; height: 100%; } header nav.main-menu ul.menu { display: flex; flex-direction: column; gap: 20px; } header nav.main-menu ul.menu > li { position: relative; list-style: none; } header nav.main-menu ul.menu > li a { font-size: 19px; color: #000; } header nav.main-menu ul.menu > li.current-menu-item > a { color: #000; border-color: #000; } } @media screen and (max-width: 767px) { header { height: 70px; } header .scroll-progress { height: 1px; } header .logo a { width: 50px; } header .hamb { top: 23px; right: 30px; } header nav.main-menu ul.menu > li a { font-size: 18px; } .wrapper.menu-open header nav.main-menu { left: 0; width: 100%; } } /* ********************************************************************************************************************* FOOTER */ footer { position: fixed; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; bottom: 0; width: 100%; padding: 80px 0; background-color: #779392; /* .widget-title { margin-top: 3px; font-size: 16px; color: #fff; } */ } footer .footer-top ul.menu { display: flex; flex-wrap: wrap; } footer .footer-top ul.menu > li { position: relative; list-style: none; width: 33.3%; padding-bottom: 10px; } footer .footer-top ul.menu > li:nth-child(2) { order: 4; } footer .footer-top ul.menu > li:nth-child(3) { order: 2; } footer .footer-top ul.menu > li:nth-child(4) { order: 5; } footer .footer-top ul.menu > li:nth-child(5) { order: 3; } footer .footer-top ul.menu > li a { position: relative; text-transform: uppercase; font-size: 17px; line-height: 1; font-weight: 600; text-decoration: none; color: #fff; } footer .footer-top ul.menu > li a:hover { color: #495b5b; } footer .footer-top ul.menu > li.current-menu-item a { pointer-events: none; border-bottom: 1px solid #fff; } footer .footer-top ul.menu > li ul.sub-menu { padding: 10px 20px; } footer .footer-top ul.menu > li ul.sub-menu li { position: relative; list-style: none; padding-bottom: 3px; } footer .footer-top ul.menu > li ul.sub-menu li a { text-transform: none; font-family: 'el', sans-serif; } footer .footer-bottom .widget_text { width: 100%; } footer .footer-bottom .textwidget { display: flex; align-items: start; width: 100%; } footer .footer-bottom .textwidget > * { width: 33.3%; } footer .footer-bottom .legal { display: flex; margin-top: 70px; } footer .footer-bottom .legal li { list-style: none; font-size: 13px; font-weight: 300; } footer .footer-bottom .legal li + li:before { content: "|"; padding: 0 7px; color: #fff; } footer .footer-bottom .social-menu { margin-top: 60px; transform: translateX(-10px); } footer .footer-bottom .contact { margin-top: 0px; } footer .footer-bottom .contact p { font-weight: 300; color: #fff; } footer .footer-bottom .contact p + p { margin-top: 10px; } footer .bt-top { position: absolute; bottom: 30px; right: 30px; font-size: 30px; line-height: 0; text-decoration: none; color: #fff; } footer .bt-top:hover { transform: scale(1.2); } @media screen and (max-width: 1300px) { footer .footer-top ul.menu > li a { font-size: 15px; } footer .footer-bottom .legal { flex-direction: column; margin-top: 35px; } footer .footer-bottom .legal li + li:before { display: none; } } @media screen and (max-width: 767px) { footer { padding: 40px 0; } footer .footer-top ul.menu { flex-direction: column; } footer .footer-top ul.menu > li { width: 100%; } footer .footer-top ul.menu > li:nth-child(2) { order: 2; } footer .footer-top ul.menu > li:nth-child(3) { order: 3; } footer .footer-top ul.menu > li:nth-child(4) { order: 4; } footer .footer-top ul.menu > li:nth-child(5) { order: 5; } footer .footer-bottom .textwidget { flex-direction: column-reverse; } footer .footer-bottom .textwidget > * { width: 100%; margin-top: 25px; } footer .footer-bottom .contact p { font-size: 16px; } } /* MODULES */ #intro { position: relative; overflow: hidden; height: 100vh; background-size: cover; background-position: center 100px; transform: scale(1.2); transition: transform 3s cubic-bezier(0.455, 0.03, 0.515, 0.955); } #intro .cover { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.2; } #intro video { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: 100%; height: 100%; object-fit: cover; object-position: center center; opacity: 0; transition: opacity .6s linear; } #intro video.faded { opacity: 1; } #intro .title { position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: end; height: 80vh; filter: blur(40px); transform: translateX(-100px); opacity: 0; transition: all 2s ease; } #intro .title h1 { font-family: 'el'; color: #fff; } #intro .title h1 span { display: block; font-size: 30px; } #intro .data { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: start; justify-content: end; gap: 30px; height: 80vh; filter: blur(80px); transform: translateX(300px); opacity: 0; transition: all 2s ease 1s; } #intro .data h4, #intro .data h1 { max-width: 750px; color: #fff; transform-origin: 0 0; } #intro .data h4 span, #intro .data h1 span { display: block; padding-top: 5px; font-size: 20px; } #intro .data h4 { font-size: 40px; } #intro .data h1 { font-size: 50px; } #intro .data-home h4, #intro .data-home h1 { max-width: 500px; } #intro .data-home h4 { font-size: 50px; } #intro .data-home h1 { font-size: 40px; } #intro .data-text-wider h4, #intro .data-text-wider h1 { max-width: 1100px; } #intro .bt-follow { position: absolute; display: flex; justify-content: center; z-index: 3; top: 83vh; left: calc(50% - 30px); font-size: 60px; color: #fff; opacity: 0; transition: all .8s ease 1.5s !important; } #intro .bt-follow i { display: block; width: auto; height: auto; margin: 0; } #intro .bt-follow:hover { color: #779392; } #intro.small { height: 50vh; } #intro.background-centered { background-position: center; } #intro.with-cover-transparent .cover { opacity: 0; } #intro.with-cover-gradient .cover { background: linear-gradient(0deg, black 0%, transparent 40%); opacity: 0.5; } #intro.with-cover-gradient .title h1 { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } #intro.dark-title .title h1 { color: #000; } #intro.active { transform: scale(1); } #intro.active .title, #intro.active .data { filter: blur(0px); transform: translate(0); opacity: 1; } #intro.active .bt-follow { top: 88vh; opacity: 1; } @media screen and (max-width: 1300px) { #intro .data h4 { font-size: 30px; } #intro .data h1 { font-size: 40px; } #intro .data-home h4 { font-size: 40px; } #intro .data-home h1 { font-size: 30px; } #intro .data-text-wider h4, #intro .data-text-wider h1 { max-width: 700px; } #intro .bt-follow { font-size: 50px; } } @media screen and (max-width: 1000px) { #intro .data { height: 70vh; } #intro .data h4 { font-size: 27px; } #intro .data h1 { font-size: 36px; } #intro.small { height: 300px; } } @media screen and (max-width: 767px) { #intro { height: 100vh; background-position: center center; } #intro .data h4, #intro .data h1 { max-width: 90%; } #intro .data h4 span, #intro .data h1 span { font-size: 15px; } #intro .data h4 { font-size: 26px; } #intro .data h1 { font-size: 26px; } #intro .data-home h4 { font-size: 31px; } #intro .data-home h1 { font-size: 23px; } #intro.active .bt-follow { top: 85vh; } #intro.small { height: 200px; } } .testis .slider-wrapper { margin-top: 30px; } .testis .slider .flickity-page-dots { bottom: -50px; } .testis .no-slider { display: flex; } .testis .item { position: relative; width: 33.3%; } .testis .item .img { overflow: hidden; width: 90px; min-width: 90px; height: 90px; background-size: cover; border-radius: 50%; } .testis .item .data { margin-top: 30px; padding-right: 60px; } .testis .item .data p { margin-top: 0; line-height: 1.2; } .testis .item .data h5 { margin-top: 15px; font-size: 20px; color: #6F6F6E; } .testis .item .data h6 { font-size: 17px; color: #6F6F6E; } @media screen and (max-width: 1000px) { .testis .item { width: 50%; } .testis .item .data h5 { font-size: 20px; } } @media screen and (max-width: 767px) { .testis .item { width: 100%; margin-right: 20px; } .testis .item .data { padding-right: 0; } .testis .item .data h5 { font-size: 20px; } .testis .no-slider { flex-wrap: wrap; } .testis .no-slider .item { display: flex; margin: 0 0 40px 0; } .testis .no-slider .item .data { margin-top: 0; padding-left: 20px; } } .grid { display: flex; flex-wrap: wrap; justify-content: space-between; } .grid:after { content: ''; width: 31%; } .grid .item { display: block; width: 31%; margin-bottom: 4%; } .grid .item .img { position: relative; display: block; overflow: hidden; aspect-ratio: 4/3; } .grid .item .img img { transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .grid .item .data { margin-top: 20px; } .grid .item .data .etiqueta { padding: 5px 15px; font-size: 12px; text-transform: uppercase; color: #fff; background-color: #b0b780; } .grid .item .data h2 { margin: 15px 0; transition: color .3s ease; } .grid .item .data h2 + p { font-weight: 400; color: #6F6F6E; } .grid .item .data .metas { margin-top: 30px; } .grid .item .data .metas p { margin-top: 2px; font-size: 16px; color: #6F6F6E; } .grid .item .data .metas p strong { margin-right: 10px; font-size: 14px; font-weight: 500; color: #000; } .grid .item[target="_blank"] .img:before { position: absolute; content: "\e086"; z-index: 1; top: 10px; right: 10px; width: 25px; height: 25px; text-align: center; font-family: "linea-arrows-10"; font-size: 20px; color: #fff; background-color: rgba(0, 0, 0, 0.8); transition: all .3s ease; } .grid .item:hover .img img { -moz-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); filter: brightness(1.1); } .grid .item:hover .data h2 { color: #779392; } .grid .item:hover[target="_blank"] .img:before { top: 5px; right: 5px; } .grid-4:after { width: 46%; } .grid-4 .item { width: 23%; } .grid-4 .item .img { aspect-ratio: 16/9; } .grid-2:after { display: none; } .grid-2 .item { width: 48%; margin-bottom: 2%; } .grid-2 .item .img { aspect-ratio: 16/9; } .grid-2 .item .data .metas { display: none; } .grid-1 { flex-direction: column; } .grid-1:after { display: none; } .grid-1 .item { display: flex; flex-direction: row-reverse; justify-content: space-between; width: 100%; margin-bottom: 4%; padding-bottom: 4%; border-bottom: 1px solid #d2d2d2; } .grid-1 .item .img { width: 25%; height: 200px; } .grid-1 .item .data { width: 75%; margin-top: 0; } .grid-1 .item .data .tags { margin: 20px 0 40px 0; } .grid-slider .slick-slide { margin: 0 20px; } .grid-slider .slick-list { margin: 0 -20px; } @media screen and (max-width: 1200px) { .grid__BACKUP .item .img { height: 250px; } .grid__BACKUP .item .data { margin-top: 15px; } .grid__BACKUP-2 .item .img { height: 220px; } .grid__BACKUP-1 .item .data { margin-top: 0; } } @media screen and (max-width: 1000px) { .grid .item { margin-bottom: 50px; } .grid__BACKUP:after { width: 48%; } .grid__BACKUP .item { width: 48%; } .grid__BACKUP-2 .item .img { height: 160px; } .grid__BACKUP-1 .item { width: 100%; } .grid__BACKUP-1 .item .data { padding-right: 40px; } .grid__BACKUP-1 .item .data .tags { margin: 5px 0 20px 0; } .grid__BACKUP-4 .item { width: 25%; } } @media screen and (max-width: 767px) { .grid { /* &-2 { .item { .img { height: 160px; } } } */ /* &-4 { .item { width: 25%; } } */ } .grid:after { display: none; } .grid .item { width: 100%; margin-bottom: 40px; } .grid .item .data { margin-top: 0; } .grid .item .data .etiqueta { display: inline-block; transform: translateY(-100%); } .grid .item .data h2 { margin-top: -10px; } .grid .item .data .metas { margin-top: 20px; } .grid-1 .item { flex-direction: column; width: 100%; border: 0; } .grid-1 .item .img { width: 100%; } .grid-1 .item .data { width: 100%; padding-right: 0; } .grid-slider .item { margin-bottom: 0; } } /* ********************************************************************************************************************* POPUPS */ .popup { position: fixed; display: none; z-index: 10000000; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); } .popup .modal-box { position: absolute; box-sizing: border-box; overflow: hidden; left: 50%; top: 50%; width: 700px; padding: 40px; background-color: #fff; transform: translateX(-50%) translateY(-50%); } .popup .modal-box a.bt-close { position: fixed; right: 25px; top: 30px; text-decoration: none; } .popup .modal-box a.bt-close:after { content: '\00d7' !important; font-weight: 400; font-size: 40px !important; line-height: 0; color: #000; } .popup .modal-box a.bt-close:hover { opacity: 0.5; } .popup.modal { position: fixed; display: none; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); } .popup.modal .modal-box { position: absolute; box-sizing: border-box; overflow: hidden; left: 50%; top: 50%; width: 1300px; height: 730px; margin: -365px 0 0 -650px; text-align: center; background-color: #fff; } .popup.modal .modal-box a.bt-close { position: fixed; right: 25px; top: 30px; } .popup.modal .modal-box a.bt-close:after { content: '\00d7' !important; font-weight: 400; font-size: 40px !important; line-height: 0; color: #fff; } .popup.modal .modal-box a.bt-close:hover { opacity: 0.5; } .popup.modal .modal-box > video { max-width: 100%; } .popup.modal .modal-box iframe { width: 100%; height: 100%; } @media screen and (max-height: 700px) and (min-width: 1000px) { .popup.modal .modal-box { width: 750px; height: 500px; top: 80px; margin: 0 0 0 -375px; } /* .popup { .modal-box { width: 750px; height: 500px; top: 80px; margin: 0 0 0 -375px; } } */ } @media screen and (max-width: 1400px) { .popup.modal .modal-box { width: 900px; height: 500px; margin: -250px 0 0 -450px; } /* .popup { .modal-box { width: 900px; height: 500px; margin: -250px 0 0 -450px; } } */ } @media screen and (max-width: 1000px) { .popup.modal .modal-box { width: 750px; height: 420px; margin: -210px 0 0 -375px; } } @media screen and (max-width: 767px) { .popup .modal-box { width: 95%; padding: 30px; } .popup .modal-box a.bt-close { top: 25px; right: 15px; } .popup.modal .modal-box { overflow: visible; width: 360px; height: 200px; margin: -100px 0 0 -180px; } } /* PAGES */ /* ********************************************************************************************************************* HOME */ .home #desc { padding: 120px 0; } .home #desc p { max-width: 900px; margin: 0 auto; } .home #desc h2 { max-width: 900px; margin: 30px auto; } .home #servicios { padding: 100px 0; background-color: #f1ebe2; } .home #servicios .vc_col-sm-3 .vc_column-inner { padding: 0 5px; } .home #servicios .wpb_text_column p { padding: 25px 25px 0 0; } .home #servicios .action { padding-top: 50px; } .home #actividades { padding: 100px 0; } .home #actividades .action { padding-top: 50px; } .home #equipo { padding: 200px 0; background-attachment: fixed; background-size: cover; } .home #equipo p.text-bigger { max-width: 920px; margin: 0 auto; padding: 0 5% 30px 5%; color: #fff; } .home #equipo .action { padding-top: 50px; } .home #testimonios { padding: 100px 0; } .home #testimonios .main-title { margin-bottom: 40px; padding-bottom: 0; } @media screen and (max-width: 1000px) { .home #desc { padding: 80px 0; } .home #servicios { padding: 60px 0; } .home #servicios .wpb_text_column p { padding: 15px 5px 0 0; } .home #servicios .action { padding-top: 30px; } .home #actividades { padding: 60px 0; } .home #actividades .action { padding-top: 0; } .home #equipo { padding: 100px 0; } .home #equipo p.text-bigger { max-width: 800px; } .home #equipo .action { padding-top: 0; } .home #testimonios { padding: 30px 0 60px 0; } .home #testimonios .testis > .grid__container { width: 100%; } } @media screen and (max-width: 767px) { .home #servicios { padding: 40px 0; } .home #servicios .vc_col-sm-3 > .vc_column-inner > .wpb_wrapper { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .home #servicios .wpb_single_image { overflow: hidden; width: 100px; height: 100px; border-radius: 50%; } .home #servicios .wpb_text_column { width: 60%; } .home #servicios .wpb_text_column p { padding: 0; } .home #actividades { padding: 40px 0; } .home #equipo { padding: 70px 0; } } /* ********************************************************************************************************************* RUAJ */ .page-ruaj #desc { padding-top: 100px; } .page-ruaj #equipo { padding-bottom: 100px; } .page-ruaj #equipo .wpb_content_element { padding-top: 50px; } .page-ruaj #equipo .equipo-block .item { display: flex; align-items: start; justify-content: space-between; margin-top: 40px; } .page-ruaj #equipo .equipo-block .item img { display: block; overflow: hidden; width: 110px; border-radius: 50%; } .page-ruaj #equipo .equipo-block .item .data { width: calc(100% - 150px); padding-left: 30px; } .page-ruaj #equipo .equipo-block .item .data * { display: block; } .page-ruaj #equipo .equipo-list-block { column-count: 3; list-style: circle inside; } .page-ruaj #proyecto { padding: 80px 0; background-color: #ebead8; } .page-ruaj #proyecto .proyecto-block { margin-top: 30px; } .page-ruaj #proyecto .proyecto-block .item { display: flex; justify-content: space-between; } .page-ruaj #proyecto .proyecto-block .item > * { box-sizing: border-box; width: 50%; } .page-ruaj #proyecto .proyecto-block .item:nth-child(odd) { flex-direction: row-reverse; } .page-ruaj #proyecto .proyecto-block .item:nth-child(odd) .data { padding: 0 50px 0 0; } .page-ruaj #proyecto .proyecto-block .item .data { display: flex; flex-direction: column; justify-content: center; padding-left: 50px; } .page-ruaj #proyecto .proyecto-block .item .data h3 { margin-bottom: 20px; font-weight: 300; } .page-ruaj #historia { padding: 80px 0; } .page-ruaj #historia .historia-block { display: flex; justify-content: space-between; margin-top: 50px; } .page-ruaj #historia .historia-block > * { box-sizing: border-box; width: 50%; } .page-ruaj #historia .historia-block .data { display: flex; flex-direction: column; justify-content: center; padding-right: 50px; } @media screen and (max-width: 1000px) { .page-ruaj #desc { padding-top: 60px; } .page-ruaj #proyecto { padding: 60px 0; } .page-ruaj #proyecto .proyecto-block { margin-top: 20px; } .page-ruaj #proyecto .proyecto-block .item:nth-child(odd) .data { padding: 0 30px 0 0; } .page-ruaj #proyecto .proyecto-block .item .data { padding-left: 30px; } .page-ruaj #proyecto .proyecto-block .item .data h3 { margin-bottom: 15px; } } @media screen and (max-width: 767px) { .page-ruaj #equipo { padding-bottom: 60px; } .page-ruaj #equipo .vc_column_container > .vc_column-inner { padding-left: 0; padding-right: 0; } .page-ruaj #equipo .wpb_content_element { padding-top: 30px; } .page-ruaj #equipo .equipo-block .item { margin-top: 40px; } .page-ruaj #equipo .equipo-block .item .data { width: calc(100% - 130px); } .page-ruaj #equipo .equipo-list-block { column-count: 2; } .page-ruaj #proyecto { padding: 40px 0 0 0; } .page-ruaj #proyecto .proyecto-block { margin-top: 0; } .page-ruaj #proyecto .proyecto-block .item { flex-direction: column-reverse !important; margin-bottom: 35px; } .page-ruaj #proyecto .proyecto-block .item > * { width: 100%; } .page-ruaj #proyecto .proyecto-block .item .data { padding: 0 0 20px 0 !important; } } /* ********************************************************************************************************************* servicios */ .page-servicios #desc { padding: 100px 0; background-color: #f1ebe2; } .page-servicios #desc .servicios-block { margin-top: 30px; } .page-servicios #desc .servicios-block .item { display: flex; justify-content: space-between; margin-bottom: 60px; } .page-servicios #desc .servicios-block .item > * { box-sizing: border-box; width: 50%; } .page-servicios #desc .servicios-block .item:nth-child(odd) { flex-direction: row-reverse; } .page-servicios #desc .servicios-block .item:nth-child(odd) .data { padding: 0 50px 0 0; } .page-servicios #desc .servicios-block .item .data { display: flex; flex-direction: column; justify-content: center; padding-left: 50px; } .page-servicios #desc .servicios-block .item .data h3 { margin-bottom: 20px; font-weight: 300; } .page-servicios #desc .servicios-block .item .data h3 span { padding-right: 5px; font-weight: 800; font-size: 40px; color: #cfab96; } .page-servicios #desc .servicios-block .item .data p, .page-servicios #desc .servicios-block .item .data li { font-size: 16px; } .page-servicios #desc .servicios-block .item .data ul li { position: relative; list-style: none; padding: 0 0 10px 20px; } .page-servicios #desc .servicios-block .item .data ul li:before { content: ""; position: absolute; top: 10px; left: 0; width: 7px; height: 7px; margin-right: 20px; background-color: #cfab96; border-radius: 50%; } .page-servicios #desc .servicios-block .item .data strong { font-weight: 500; } .page-servicios #desc .servicios-block .item .data strong + ul { margin-top: 10px; } .page-servicios #mapa { padding: 80px 0; } .page-servicios #mapa h3 { margin: 80px -40px 0 0; } .page-servicios #mapa img { width: 480px; } .page-servicios #contacto { padding: 80px 0; background-color: #d4b4a1; } .page-servicios #contacto h3 { max-width: 500px; margin-top: 15px; font-size: 50px; } @media screen and (max-width: 1600px) { .page-servicios #contacto h3 { max-width: 400px; font-size: 40px; } } @media screen and (max-width: 1000px) { .page-servicios #desc { padding: 60px 0 0 0; } .page-servicios #desc .servicios-block .item .data h3 span { font-size: 32px; } .page-servicios #desc .servicios-block .item .data p, .page-servicios #desc .servicios-block .item .data li { font-size: 14px; } .page-servicios #mapa { padding: 60px 0; } .page-servicios #mapa h3 { margin: 40px 40px 0 0; } .page-servicios #mapa img { width: 340px; } .page-servicios #contacto { padding: 60px 0; } .page-servicios #contacto h3 { max-width: 300px; font-size: 32px; } } @media screen and (max-width: 767px) { .page-servicios #desc { padding: 40px 0 0 0; } .page-servicios #desc .servicios-block .item { flex-direction: column-reverse !important; margin-bottom: 40px; } .page-servicios #desc .servicios-block .item img { width: 100%; } .page-servicios #desc .servicios-block .item .data { width: 100%; padding: 0 0 20px 0 !important; } .page-servicios #desc .servicios-block .item .data h3 span { font-size: 26px; } .page-servicios #mapa { padding: 40px 0; } .page-servicios #mapa h3 { margin: 0; } .page-servicios #contacto { padding: 40px 0; } .page-servicios #contacto h3 { max-width: none; margin-top: 0; font-size: 26px; } .page-servicios #contacto h3 + p { margin-bottom: 20px; } } /* ********************************************************************************************************************* FORMACION */ .page-formacion #intro_wrapper { overflow: hidden; } .page-formacion #actividades { padding: 80px 0; } .page-formacion .action { padding-bottom: 100px; } /* ACTIVIDAD SINGLE */ .single-actividad header nav.main-menu ul.menu > li:nth-child(3) > a { font-weight: 500; color: #cfab96; border-bottom: 1px solid #cfab96; } .single-actividad header nav.main-menu ul.menu > li:nth-child(3) > a:hover { color: #6F6F6E; border: 0; } .single-actividad .testis { padding-bottom: 80px; } .single-actividad .testis h3 { margin-bottom: 40px; font-size: 40px; } .single-actividad .rels { padding: 80px 0; background-color: #efefef; } .single-actividad .rels h3 { margin-bottom: 40px; font-size: 40px; } .actividad { min-height: 100vh; } .actividad .intro-wrapper { overflow: hidden; } .actividad .main { padding: 100px 0; } .actividad .data { box-sizing: border-box; width: 75%; padding-right: 70px; } .actividad .data .head { margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid #d2d2d2; } .actividad .data .head .toolbar { display: flex; justify-content: space-between; align-items: center; width: 100%; transform: translateY(-50px); } .actividad .data .head .toolbar .inscri { padding: 5px 15px; font-size: 16px; text-transform: uppercase; color: #fff; background-color: #b0b780; } .actividad .data .head .etiqueta { display: block; font-weight: 800; color: #779392; margin-left: 4px; transform: translateY(-20px); } .actividad .data .head h1 { font-size: 50px; } .actividad .data .head h4 { margin-top: 25px; font-size: 24px; } .actividad .sidebar { width: 25%; padding-top: 10px; } .actividad .sidebar .fecha, .actividad .sidebar .action { margin-bottom: 40px; } .actividad .sidebar__block { margin-bottom: 20px; } .actividad .sidebar__block h5 { margin-bottom: 3px; font-size: 15px; font-weight: 700; } .actividad .sidebar__block .txt p { font-size: 15px; color: #6F6F6E; } .actividad .sidebar__block .txt a { text-decoration: underline; } .actividad .sidebar__banner { display: block; margin-top: 40px; } .actividad .sidebar__banner:hover { opacity: 0.8; } .actividad .sidebar__banner[href=""] { pointer-events: none; } @media screen and (max-width: 1300px) { .page-formacion #actividades { padding: 40px 0; } .single-actividad .testis h3 { font-size: 30px; } .single-actividad .rels { padding: 60px 0; } .single-actividad .rels h3 { margin-bottom: 30px; font-size: 30px; } .actividad .main { padding: 70px 0; } .actividad .data { padding-right: 50px; } .actividad .data .head { margin-bottom: 30px; padding-bottom: 20px; } .actividad .data .head .toolbar .inscri { padding: 3px 10px; font-size: 14px; } .actividad .data .head .etiqueta { margin-left: 0; } .actividad .data .head h1 { font-size: 36px; } .actividad .data .head h4 { margin-top: 20px; font-size: 21px; } } @media screen and (max-width: 1000px) { .single-actividad header nav.main-menu ul.menu > li:nth-child(3) > a { color: #000; border-color: #000; } .actividad .data .head h1 { font-size: 32px; } .actividad .data .head h4 { margin-top: 15px; font-size: 20px; } } @media screen and (max-width: 767px) { .single-actividad #intro { height: 250px; } .single-actividad .testis h3 { font-size: 24px; } .single-actividad .rels { padding: 40px 0 0 0; } .single-actividad .rels h3 { font-size: 24px; } .actividad .main { padding: 60px 0; } .actividad .grid__container > .flex { flex-direction: column; } .actividad .data { width: 100%; padding-right: 0; } .actividad .data .head .toolbar { transform: translateY(-40px); } .actividad .data .head h1 { font-size: 26px; } .actividad .data .head h4 { margin-top: 10px; font-size: 17px; } .actividad .data .head .action { padding-top: 20px; } .actividad .data .head .action a { display: block; text-align: center; } .actividad .data .head .metas { padding: 20px 0; } .actividad .data .head .metas .sidebar__block { margin-bottom: 10px; } .actividad .sidebar { width: 100%; margin-top: 20px; padding-top: 30px; border-top: 1px solid #d2d2d2; } .actividad .sidebar .fecha { position: absolute; top: -200px; right: 0; } } /* ********************************************************************************************************************* PUBLICACIONES */ .page-publicaciones #intro_wrapper { overflow: hidden; } .page-publicaciones #info { padding: 80px 0 50px 0; } .page-publicaciones #info .alert { padding: 50px 200px 50px 130px; font-size: 24px; background: #f1ebe2 url("../../../media/alert-icon.svg") no-repeat 30px center; } .page-publicaciones #info .alert a { margin-left: 15px; transform: translateY(3px); } .page-publicaciones #publis { padding-bottom: 60px; } .page-publicaciones #publis h2 { margin-bottom: 40px; font-weight: 600; color: #779392; } .publicaciones { align-items: start; } .publicaciones + h2 { margin-top: 70px; } .publicaciones .item { display: flex; flex-direction: column; align-items: center; justify-content: center; } .publicaciones .item .img { aspect-ratio: auto; } .publicaciones .item .img img { max-height: 240px; transform: scale(1) !important; } .publicaciones .item .data { margin-top: 20px; text-align: center; } .publicaciones .item .data h3 { padding: 0 20px; font-size: 23px; } .publicaciones .item .data h6 { margin-top: 10px; color: #779392; } .publicaciones .item .data .txt { margin-top: 10px; } .publicaciones .item .data .action { margin-top: 15px; } .publicaciones .item .data .action a { font-size: 16px; } @media screen and (max-width: 1300px) { .page-publicaciones #info .alert { font-size: 20px; } .publicaciones .item .data h3 { font-size: 20px; } } @media screen and (max-width: 1000px) { .page-publicaciones #info .alert { padding: 40px 40px 40px 130px; } .publicaciones .item .data h3 { font-size: 18px; } } @media screen and (max-width: 767px) { .page-publicaciones #info { padding: 50px 0; } .page-publicaciones #info .alert { padding: 30px 30px 30px 120px; font-size: 18px; background: #f1ebe2 url("../../../media/alert-icon.svg") no-repeat 20px 20px; } .page-publicaciones #info .alert a { margin: 5px 0 0 0; } .page-publicaciones #publis h2 { padding: 0 5%; text-align: center; } } /* ********************************************************************************************************************* CONTACTO */ .page-contacto #intro_wrapper { overflow: hidden; } .page-contacto #info { padding: 60px 0; } .page-contacto #info .links { display: flex; justify-content: end; gap: 50px; padding-top: 10px; font-size: 30px; color: #779392; } .page-contacto #info .links a { font-weight: 800; } .page-contacto #mapa { padding-bottom: 80px; } .page-contacto #mapa h3 { margin: 80px -40px 0 0; } .page-contacto #mapa img { width: 480px; } .page-contacto #contacto { padding: 80px 0; background-color: #d4b4a1; } .page-contacto #contacto h3 { max-width: 500px; margin-top: 15px; font-size: 50px; } @media screen and (max-width: 1300px) { .page-contacto #info .links { font-size: 22px; } .page-contacto #contacto h3 { max-width: 400px; font-size: 40px; } } @media screen and (max-width: 1000px) { .page-contacto #info { padding: 40px 0; } .page-contacto #info .grid__container { width: 100%; } .page-contacto #info .links { font-size: 18px; } .page-contacto #mapa h3 { margin: 40px 40px 0 0; } .page-contacto #mapa img { width: 340px; } .page-contacto #contacto { padding: 60px 0; } .page-contacto #contacto h3 { max-width: 300px; font-size: 32px; } } @media screen and (max-width: 767px) { .page-contacto #info { padding-bottom: 0; } .page-contacto #info .links { justify-content: start; } .page-contacto #info .links a { display: block; } .page-contacto #mapa { padding: 40px 0; } .page-contacto #mapa h3 { margin: 0; } .page-contacto #contacto { padding: 40px 0; } .page-contacto #contacto h3 { max-width: none; margin-top: 0; font-size: 26px; } .page-contacto #contacto h3 + p { margin-bottom: 20px; } } /* @import "pages/_quienes"; @import "pages/_consult"; @import "pages/_eventos"; @import "pages/_comerc"; @import "pages/_hdesign"; @import "pages/_proyectos"; @import "pages/_proyecto"; @import "pages/_blog"; @import "pages/_contact"; */ /* ********************************************************************************************************************* LEGAL */ .page-legal { /* nav.main-menu { ul { li.lang-item { display: none; } } } */ } .page-legal .content .wpb_text_column { padding: 200px 0 100px 0; } .page-legal .content h1 { font-size: 48px; } .page-legal .content h2 { padding: 40px 0 0 0; font-weight: 700; font-size: 24px; color: #779392; } .page-legal .content h2:after { content: ''; display: block; width: 30px; height: 2px; margin-top: 10px; background-color: #779392; } .page-legal .content h2 + p, .page-legal .content h2 + div { margin-top: 20px; } .page-legal .content h3 { margin: 30px 0 10px 0; font-size: 20px; font-weight: 700; color: #6F6F6E; } .page-legal .content p, .page-legal .content table, .page-legal .content li { font-size: 16px; } .page-legal .content a { text-decoration: underline; } .page-legal .content ul, .page-legal .content ol { margin-top: 30px; } .page-legal .content ul { /* text-indent: -20px; margin-left: 20px; */ padding-left: 40px; } .page-legal .content ul li { /* &:before { content: "\2022"; display: inline-block; vertical-align: top; font-weight: 700; font-size: 1em; line-height: 1.3; color: #000; transform: translateY(3px); } */ } .page-legal .content table { width: 100%; margin: 20px 0; } .page-legal .content table th, .page-legal .content table td { text-align: left !important; border: 1px solid #B9B9B9; } .page-legal .content hr { visibility: hidden; margin: 40px 0 !important; } @media screen and (max-width: 1300px) { .page-legal .content h1 { font-size: 36px; } .page-legal .content h2 { font-size: 20px; } } @media screen and (max-width: 767px) { .page-legal .content .wpb_text_column { padding: 100px 0 60px 0; } .page-legal .content h2 { font-size: 18px; } .page-legal .content h5 { font-size: 16px; } .page-legal .content p, .page-legal .content table, .page-legal .content li { font-size: 15px; } } /* FIXES */ /* ********************************************************************************************************************* FIREFOX FIXES */ @-moz-document url-prefix() { /* .wpcf7-form select.wpcf7-select { line-height: 29px; } */ }