/* Autor: PUM! estudio Index: 0 -- Vars 1 -- Structure 2 -- Text 3 -- Icons 4 -- Interaction 5 -- Animation 6 -- Components */ @charset "UTF-8"; /* #wpadminbar { display: none;} */ html { margin-top: 0!important;} /* 0 -- Vars */ @font-face { font-family: "inter"; src: url("../fonts/Inter-VariableFont_slnt,wght.ttf") format("truetype");} :root { /* 2 -- space */ --padd-middle: var(--unit-middle); --padd: var(--unit); --padd-col-header: var(--unit-5); --padd-col-main: var(--unit-4); --padd-s: var(--unit-middle); --padd-col-header-s: 1.2rem; --padd-col-main-s: var(--unit-middle); /* 3 -- color */ --c-main: #FA6E33; --c-second: var(--c-grey-1); --c-grey-1: #1A1A1A; --c-grey-2: #8A8A8A; --c-grey-3: #D9D9D9; --c-black: #0D0D0D; --c-error: #FFF; --bg-html: var(--c-black); --bg-body: var(--c-black); --bg-header: rgba(255,255,255,.05); --bg-header-submenu: var(--c-grey-1); --bg-header-search: var(--c-grey-1); --bg-footer: var(--c-grey-1); --c-txt: var(--c-white); /* 4 -- text */ --font: "inter"; --fw-strong: 600; --fw-regular: 400; --txt-h0: 4.8rem; --txt-h0-lh: 1.1em; --txt-h0-ls: -2%; --txt-h0-fw: 600; --txt-h1: 4rem; --txt-h1-lh: 1.18em; --txt-h1-ls: -3%; --txt-h1-fw: 400; --txt-h2: 3.2rem; --txt-h2-lh: 1.2em; --txt-h2-ls: -2%; --txt-h2-fw: 600; --txt-h3: 1.9rem; --txt-h3-lh: 1.24em; --txt-h3-ls: -2%; --txt-h3-fw: 400; --txt-h4: 1.7rem; --txt-h4-lh: 1.32em; --txt-h4-ls: 0; --txt-h4-fw: 400; --txt-h5: 1.6rem; --txt-h5-lh: 1.3em; --txt-h5-ls: 0; --txt-h5-fw: 400; --txt-h6: 1.2rem; --txt-h6-lh: 1.50em; --txt-h6-ls: 0; --txt-h6-fw: 400; --txt-body: 1.4rem; --txt-body-lh: 1.5em; --txt-body-ls: 0; --txt-body-fw: 400; --txt-cta: 1.4rem; --txt-cta-lh: 1.25em; --txt-cta-ls: 0; --txt-cta-fw: 600; --txt-h0-s: 3.6rem; --txt-h0-lh-s: 1.10em; --txt-h0-ls-s: -2%; --txt-h0-fw-s: 700; --txt-h1-s: 2.4rem; --txt-h1-lh-s: 1.1em; --txt-h1-ls-s: 0; --txt-h1-fw-s: 400; --txt-h2-s: 2rem; --txt-h2-lh-s: 1.18em; --txt-h2-ls-s: 0; --txt-h2-fw-s: 600; --txt-h3-s: 1.5rem; --txt-h3-lh-s: 1.2em; --txt-h3-ls-s: 0; --txt-h3-fw-s: 500; --txt-h4-s: 1.4rem; --txt-h4-lh-s: 1.35em; --txt-h4-ls-s: 0; --txt-h4-fw-s: 400; --txt-h5-s: 1.3rem; --txt-h5-lh-s: 1.48em; --txt-h5-ls-s: 0; --txt-h5-fw-s: 400; --txt-h6-s: 1rem; --txt-h6-lh-s: 1.4em; --txt-h6-ls-s: 0; --txt-h6-fw-s: 400; --txt-body-s: 1.2rem; --txt-body-lh-s: 1.5em; --txt-body-ls-s: -1%; --txt-body-fw-s: 400; --txt-cta-s: 1.1rem; --txt-cta-lh-s: 1.4em; --txt-cta-ls-s: 0; --txt-cta-fw-s: 600; /* 5 -- icons & logos */ --height-logo-header-1: 4rem; --height-logo-header-1-s: 3.1rem; } /* 1 -- Structure */ .header { position: fixed; width: 100%; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);} .header-logos:before { background-color: var(--c-white);} .header-menu-main > li > ul { background-color: var(--bg-header-submenu);} .header-menu-main > li a:not(.cta).hover, .header-menu-main > li a:not(.cta).active { border-bottom: .2rem solid var(--c-white);} .header-search-row input[type=text] { color: var(--c-white); font-size: var(--txt-h4); font-weight: var(--fw-strong); min-height: auto; background: transparent;} .header-search-row .cta-circle.cta-main.hover { background-color: var(--c-black); opacity: 1;} .header-w a { color: var(--c-black);} .header-w .header-logos:before { background-color: var(--c-black);} .header-w .header-menu-main > li > ul { background-color: var(--c-white);} .header-w .header-menu-main > li a:not(.cta).hover, .header-w .header-menu-main > li a:not(.cta).active { border-bottom: .2rem solid var(--c-black);} .header-w .icon-search::before { background-image: var(--icon-b-search);} .header-w .header-search, .header-w .header-search-row { background-color: var(--c-white);} .header-w .header-search-row input[type=text] { color: var(--c-black);} .content-w { background-color: var(--c-white); color: var(--c-black);} .content-w::after { content: ''; display: block; height: 1px;} .content-w a, .content-w button { color: var(--c-black);} /* 2 -- Text */ .txt-c-grey { color: var(--c-grey-2);} .txt-c-grey-d { color: var(--c-grey-1);} a, button { color: var(--c-txt);} .header a:not(.cta) { font-size: var(--txt-h5); font-weight: var(--fw-strong);} .content-txt a { font-weight: var(--fw-strong); text-decoration: underline;} .content-txt a.hover { text-decoration: underline; color: var(--c-main);} .content-txt h1 strong, .txt-h1 .txt-strong, .txt-h1.txt-strong { font-weight: 700;} .content-txt h3 strong, .txt-h3 .txt-strong, .txt-h3.txt-strong { font-weight: 700;} .content-txt h4 strong, .txt-h4 .txt-strong, .txt-h4.txt-strong { font-weight: 600;} .content-txt h5 strong, .txt-h5 .txt-strong, .txt-h5.txt-strong { font-weight: 600;} .content-txt h6 strong, .txt-h6 .txt-strong, .txt-h6.txt-strong { font-weight: 600;} .content-txt h6 a, .txt-h6 a, a.txt-h6 { font-weight: 600; text-decoration: underline;} .content-txt p strong, .txt-body .txt-strong, .txt-body.txt-strong { font-weight: 600;} .content-txt h1, .content-txt h2, .content-txt h3, .content-txt h4 { margin-bottom: var(--unit-3); margin-top: 2em;} /* 3 -- Icons */ .icon-search::before { background-image: var(--icon-w-search);} .icon-down::before { background-image: var(--icon-c-down);} .icon-down-angle::before { background-image: var(--icon-c-down-angle);} .icon-left::before { background-image: var(--icon-c-left);} .icon-right::before { background-image: var(--icon-c-right);} .icon-attach::before { background-image: var(--icon-c-attach);} .icon-filter::before { background-image: var(--icon-c-filter);} .icon-calendar::before { background-image: var(--icon-c-calendar);} .icon-burguer::before { background-image: var(--icon-w-burguer);} .icon-cross::before { background-image: var(--icon-c-cross);} .icon-dropdown::before { background-image: var(--icon-c-dropdown);} .icon-checkbox::before { background-image: var(--icon-c-checkbox);} .icon-less::before { background-image: var(--icon-c-less);} .icon-plus::before { background-image: var(--icon-c-plus);} .icon-play::before { background-image: var(--icon-play);} /* 4 -- Interaction */ ::selection { background: var(--c-main); color: var(--c-white);} ::-moz-selection { background: var(--c-main); color: var(--c-white);} ::-webkit-selection { background: var(--c-main); color: var(--c-white);} .cta { padding: .8rem 1.4rem; border-radius: 1.2rem; border: 0; background-color: var(--c-main); text-decoration: none;} .cta.hover, .cta.active, .hover .cta { opacity: .7;} .cta.cta-main { color: var(--c-black); background-color: var(--c-main);} .cta.cta-second { color: var(--c-main); background-color: var(--c-second);} .cta.cta-main.hover { color: var(--c-black); background-color: var(--c-main); opacity: .7;} .cta.cta-second.hover { color: var(--c-main); background-color: var(--c-second); opacity: .7;} .cta-circle .icon { width: 1.6rem; height: 1.6rem;} .cta-circle.hover, .cta-circle.active { opacity: 1;} .cta-circle.cta-main { background-color: var(--c-main);} .cta-circle.cta-second { background-color: var(--c-grey-1);} .cta-circle.cta-main.hover { background-color: var(--c-grey);} .cta-circle.cta-second.hover { background-color: var(--c-main);} .cta-circle.cta-main .icon-down::before { background-image: var(--icon-b-down);} .cta-circle.cta-second .icon-down::before { background-image: var(--icon-c-down);} .cta-circle.cta-main .icon-down-angle::before { background-image: var(--icon-b-down-angle);} .cta-circle.cta-second .icon-down-angle::before { background-image: var(--icon-c-down-angle);} .cta-circle.cta-main .icon-left::before { background-image: var(--icon-b-left);} .cta-circle.cta-second .icon-left::before { background-image: var(--icon-c-left);} .cta-circle.cta-main .icon-right::before { background-image: var(--icon-b-right);} .cta-circle.cta-second .icon-right::before { background-image: var(--icon-c-right);} .cta-circle.cta-main .icon-attach::before { background-image: var(--icon-b-attach);} .cta-circle.cta-second .icon-attach::before { background-image: var(--icon-c-attach);} .cta-circle.cta-main .icon-filter::before { background-image: var(--icon-b-filter);} .cta-circle.cta-second .icon-filter::before { background-image: var(--icon-c-filter);} .cta-circle.cta-main .icon-calendar::before { background-image: var(--icon-b-calendar);} .cta-circle.cta-second .icon-calendar::before { background-image: var(--icon-c-calendar);} .cta-circle.cta-main .icon-cross::before { background-image: var(--icon-b-cross);} .cta-circle.cta-second .icon-cross::before { background-image: var(--icon-c-cross);} .cta-circle.cta-main .icon-dropdown::before { background-image: var(--icon-b-dropdown);} .cta-circle.cta-second .icon-dropdown::before { background-image: var(--icon-c-dropdown);} .cta-circle.cta-main .icon-checkbox::before { background-image: var(--icon-b-checkbox);} .cta-circle.cta-second .icon-checkbox::before { background-image: var(--icon-c-checkbox);} .cta-circle.cta-main .icon-less::before { background-image: var(--icon-b-less);} .cta-circle.cta-second .icon-less::before { background-image: var(--icon-c-less);} .cta-circle.cta-main .icon-plus::before { background-image: var(--icon-b-plus);} .cta-circle.cta-second .icon-plus::before { background-image: var(--icon-c-plus);} .cta-circle .icon-play::before { background-image: var(--icon-play);} .cta-circle.cta-main.hover .icon-search::before { background-image: var(--icon-c-search);} .cta-circle.cta-second.hover .icon-search::before { background-image: var(--icon-b-search);} .cta-circle.cta-main.hover .icon-down::before { background-image: var(--icon-c-down);} .cta-circle.cta-second.hover .icon-down::before { background-image: var(--icon-b-down);} .cta-circle.cta-main.hover .icon-down-angle::before { background-image: var(--icon-c-down-angle);} .cta-circle.cta-second.hover .icon-down-angle::before { background-image: var(--icon-b-down-angle);} .cta-circle.cta-main.hover .icon-left::before { background-image: var(--icon-c-left);} .cta-circle.cta-second.hover .icon-left::before { background-image: var(--icon-b-left);} .cta-circle.cta-main.hover .icon-right::before { background-image: var(--icon-c-right);} .cta-circle.cta-second.hover .icon-right::before { background-image: var(--icon-b-right);} .cta-circle.cta-main.hover .icon-attach::before { background-image: var(--icon-c-attach);} .cta-circle.cta-second.hover .icon-attach::before { background-image: var(--icon-b-attach);} .cta-circle.cta-main.hover .icon-burguer::before { background-image: var(--icon-c-burguer);} .cta-circle.cta-second.hover .icon-burguer::before { background-image: var(--icon-b-burguer);} .cta-circle.cta-main.hover .icon-calendar::before { background-image: var(--icon-c-calendar);} .cta-circle.cta-second.hover .icon-calendar::before { background-image: var(--icon-b-calendar);} .cta-circle.cta-main.hover .icon-cross::before { background-image: var(--icon-c-cross);} .cta-circle.cta-second.hover .icon-cross::before { background-image: var(--icon-b-cross);} .cta-circle.cta-main.hover .icon-dropdown::before { background-image: var(--icon-c-dropdown);} .cta-circle.cta-second.hover .icon-dropdown::before { background-image: var(--icon-b-dropdown);} .cta-circle.cta-main.hover .icon-checkbox::before { background-image: var(--icon-c-checkbox);} .cta-circle.cta-second.hover .icon-checkbox::before { background-image: var(--icon-b-checkbox);} .cta-circle.cta-main.hover .icon-less::before { background-image: var(--icon-c-less);} .cta-circle.cta-second.hover .icon-less::before { background-image: var(--icon-b-less);} .cta-circle.cta-main.hover .icon-plus::before { background-image: var(--icon-c-plus);} .cta-circle.cta-second.hover .icon-plus::before { background-image: var(--icon-b-plus);} .cta-text { color: var(--c-grey-2); text-decoration: underline; padding: 0 var(--unit);} .cta-text.hover, .hover .cta-text { text-decoration: underline; color: var(--c-main);} .cta-select { display: inline-flex; align-items: center; gap: 1rem; color: var(--c-white); padding: .8rem 2.4rem;} .cta-select { opacity: .7;} .cta-select .icon { opacity: .5;} .cta-select.hover, .cta-select.active { color: var(--c-white); opacity: 1;} .cta-select.hover .icon { opacity: 1;} .cta-filter-drop { position: relative; z-index: 2; width: 100%; display: flex; justify-content: space-between; padding: .6rem var(--unit-2); border-radius: var(--unit); border: 0; color: var(--c-white); background-color: var(--c-grey-1); text-decoration: none; } .cta-filter-drop .icon-dropdown::before { background-image: var(--icon-w-dropdown);} .cta-filter-drop .icon { flex-shrink: 0;} .content-filter-drop { position: relative;} .content-filter-drop-list { position: absolute; z-index: 1; top: 0; display: flex; flex-direction: column; gap: var(--unit); width: 100%; background-color: var(--c-grey-1); list-style: none; border-radius: var(--unit); padding: var(--unit-6) var(--unit-2) var(--unit-2) var(--unit-2); visibility: hidden; opacity: 0; transform: scale(.97);} .content-filter-drop-list button { text-align: left; color: var(--c-txt);} .content-filter-drop-list button.hover, .content-filter-drop-list button.active { color: var(--c-main);} .content-filter-drop.active { position: relative; z-index: 10;} .content-filter-drop.active .cta-filter-drop { color: var(--c-main);} .content-filter-drop.active .cta-filter-drop .icon-dropdown::before { color: var(--c-main); background-image: var(--icon-c-dropdown);} .content-filter-drop.active .cta-filter-drop.hover { opacity: 1;} .content-filter-drop.active .content-filter-drop-list { visibility: visible; opacity: 1; transform: scale(1);} input[type=submit].hover { opacity: 1;} input[type=checkbox], input[type=radio] { border-color: var(--c-grey-1);} input[type=radio] + * { color: var(--c-black); margin-top: 0;} input[type=checkbox]:checked, input[type=radio]:checked { border-color: var(--c-black); background-color: var(--c-black);} input[type=checkbox]:checked + *, input[type=radio]:checked + * { color: var(--c-main);} label { cursor: pointer;} input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea { font-size: var(--txt-body); line-height: var(--txt-body-lh); padding: 2rem 1.4rem; border-radius: 0; background-color: var(--c-white);} :focus { color: inherit;} ::placeholder { color: var(--c-grey-1);} :focus::placeholder { color: var(--c-grey-2);} /* 5 -- Animation */ .cta, .cta-circle, .cta-text, button, .dot, .content-filter-drop-list li, .content-event-in .content-event-img img, .content-filter-drop .cta-filter-drop .icon-dropdown::before, .content-in .content-in-img img{ transition: all .4s var(--bezier);} .content-event-in, .content-event-in .txt-c-grey, .content-news-in, .content-news-in .txt-c-grey, .content-article-large .content-article-in .content-article-txt, .content-title { transition: color .4s var(--bezier);} .content-article-large .content-article-in { transition: background .4s var(--bezier);} .content-filter-drop .content-filter-drop-list, .content-video-in img { transition: all .4s var(--bezier);} .content-filter-drop .content-filter-drop-list li { transition: all .3s var(--bezier);} /* 6 -- Components */ .content-in.hover h1, .content-in.hover h2, .content-in.hover h3, .content-in.hover h4 { text-decoration: none;} .content-in.hover .txt-c-grey { color: var(--c-grey-2);} .content-in.hover .content-in-img img { opacity: .7;} .content-bg { position: relative;} .content-bg-wrap { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%;} .content-bg-img { position: relative; width: 100%; height: 100%;} .content-bg-img:before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: var(--c-black); opacity: .4;} .content-bg-wrap img { width: 100%; height: 100%; object-fit: cover;} .content-bg-over { position: relative; z-index: 2;} .content-bg-second a.cta-text { color: var(--c-grey-2);} .tag { display: inline-flex; margin-right: var(--unit-middle);} .tag img { width: 1rem; transform: translateY(.2rem);} /* Component Intro */ .content-intros { padding: 0; margin-bottom: var(--unit-10); overflow: hidden;} .content-intro { padding: 0; position: relative;} .content-intro-full .content-intro-txt { display: flex; flex-direction: column; justify-content: center; padding: var(--unit-15) 0; padding-right: 0; height: 100%;} .content-intro-img img { aspect-ratio: auto; max-height: auto; min-height: 100%;} .content-slider-intro { display: flex; position: relative; z-index: 5;} .content-slider-intro .content-slider-item { width: 100%; flex: 0 0 auto; flex-direction: row; left: auto !important; min-height: 100%; position: relative !important; transform: translateX(0) !important;} .content-slider-intro .flickity-enabled { display: flex;} .content-slider-intro .flickity-viewport { order: 2; width: 100%; height: auto !important; overflow: visible;} .content-slider-intro .flickity-slider { position: relative !important; height: auto !important; display: flex; left: auto !important;} .content-slider-intro .flickity-page-dots { position: absolute; z-index: 5; bottom: var(--unit-5); width: 100%; left: 0; transform: translateX(0); padding: 0; border-radius: 0; color: transparent; background-color: transparent; counter-reset: none;} .content-slider-intro .flickity-page-dots:after { display: none;} .content-slider-intro .flickity-page-dots .dot { width: .6rem; height: .6rem; line-height: .6rem; border-radius: 100%; margin: .5rem; background: var(--c-white); cursor: pointer;} .content-slider-intro .flickity-page-dots .dot:hover { opacity: 1; background-color: var(--c-main);} .content-slider-intro .flickity-page-dots .dot:before { display: none;} .content-slider-intro .flickity-page-dots .dot.is-selected { background: var(--c-main);} .content-slider-intro .flickity-prev-next-button { position: absolute; z-index: 5;} .content-slider-intro .flickity-prev-next-button.previous { left: var(--unit-5);} .content-slider-intro .flickity-prev-next-button.next { right: var(--unit-5);} /* Componente Section */ .content-sections { padding: 0; margin-top: var(--unit-10); margin-bottom: var(--unit-10);} .content-section { padding: 1.2rem var(--unit);} .content-section-in { aspect-ratio: 150/45;} .content-section-txt { padding: var(--unit-8); padding-right: var(--unit-8);} .content-section-img img { aspect-ratio: auto;} /* Component Events */ .content-events { padding: 0; margin-top: var(--unit-10); margin-bottom: var(--unit-10);} .content-event { margin-bottom: var(--unit-4);} .content-event-in { background-color: transparent; padding: 0;} .content-event-in .content-event-img, .content-event-in .content-event-img img { overflow: hidden; border-radius: .5rem;} .content-event-h .content-event-img img { aspect-ratio: 346/200;} .content-event-v .content-event-img img { aspect-ratio: 225/330;} .content-event-in.hover { background-color: transparent;} .content-event-in.hover .txt-c-main { color: var(--c-main);} .content-event-in.hover .txt-c-grey { color: var(--c-grey-2);} .content-event-in.hover .content-event-img img { opacity: .7;} /* .content-event-grid { display: grid;} */ .content-event-grid-v, .content-event-grid-h { display: flex; flex-wrap: wrap;} .content-event-grid-v .content-event { width: 20%;} .content-event-grid-h .content-event { width: 33.333%;} .content-events .content-slide-events .content-event { margin-bottom: 0;} .content-events .content-slider { padding: 0 var(--padd-col-main);} .content-events .content-slider .flickity-viewport { overflow: visible;} .content-events .content-slider .flickity-button { top: var(--altura);} .content-events .content-slider .flickity-button.previous { left: -1.6rem;} .content-events .content-slider .flickity-button.next { right: -1.6rem;} /* Component Calendar */ .content-calendar.fc .fc-calendario-evento-seleccionado .fc-bg-event { background-color: var(--c-main);} /* Component Filter */ .content-filter { padding: var(--unit-3); background-color: var(--c-black);} /* Component Filter section */ .content-filter-section { background-color: var(--c-black);} .content-filter-section input[type=radio] { border-color: var(--c-white);} .content-filter-section input[type=radio] + * { color: var(--c-white);} .content-filter-section input[type=radio]:checked { border-color: var(--c-white); background-color: var(--c-white);} .content-filter-section input[type=radio]:checked + * { color: var(--c-white);} /* Component Menu Anchor */ .content-menu-anchor { background-color: var(--bg-html);} .content-menu-anchor a.active { border-color: var(--c-white);} /* Component News */ .content-news .txt-h3.m-b-1 { margin-bottom: var(--unit-middle);} .content-news.hover .txt-c-grey { color: var(--c-white);} .content-news-img img { aspect-ratio: 16/9;} .content-news-video .content-news-txt { text-decoration: none;} .content-news-full .content-news-txt { padding: var(--unit) var(--unit-5) var(--unit) var(--unit);} .content-news-third .content-news-txt { padding-right: var(--unit-4);} .content-news-third .content-news-img img { aspect-ratio: 437/327;} /* Component Articles */ .content-article-large .content-article-txt { padding: 0;} .content-article-large .content-article-img img { aspect-ratio: 47/38; border-radius: .5rem;} .content-article-large .content-article-in { text-decoration: none;} .content-article-txt a { color: var(--c-main); text-decoration: underline;} .content-article-small .content-article-img img { border-radius: .5rem;} /* Component Open */ .content-open { padding-top: var(--unit-20); padding-bottom: var(--unit-20); background-color: var(--c-black); margin-bottom: 0;} .content-open-photo { aspect-ratio: auto;} .content-open-text { padding-bottom: var(--unit-15); margin-bottom: 0;} .content-open-text + div { margin-top: 0;} .content-open-detail { padding-top: var(--unit-15); padding-bottom: 0; color: var(--c-white);} .content-open-detail .content-breadcumbs, .content-open-detail .content-breadcumbs a { text-decoration: none; color: var(--c-white);} .content-w .content-open-detail { background-color: var(--c-white);} .content-w .content-open-detail, .content-w .content-open-detail a, .content-w .content-open-detail button { color: var(--c-black);} /* Component Partners */ .content-partners { margin-top: var(--unit-10); margin-bottom: var(--unit-10);} .content-open + .content-partners { margin-top: 0;} /* Component Form */ .content-form { background-color: var(--c-main); padding-top: var(--unit-20); padding-bottom: var(--unit-20); padding-left: 0; padding-right: 0; color: var(--c-black); } .content-form input[type=color], .content-form input[type=date], .content-form input[type=datetime-local], .content-form input[type=datetime], .content-form input[type=email], .content-form input[type=month], .content-form input[type=number], .content-form input[type=password], .content-form input[type=search], .content-form input[type=tel], .content-form input[type=text], .content-form input[type=time], .content-form input[type=url], .content-form input[type=week], .content-form select, .content-form textarea { font-size: var(--txt-body); line-height: var(--txt-body-lh); font-weight: var(--txt-body-fw); letter-spacing: var(--txt-body-ls); padding: var(--unit); border-radius: var(--unit-middle); background-color: var(--c-white);} .content-form textarea { min-height: var(--unit-20);} .content-form input[type=submit], .content-form .gform_wrapper.gravity-theme .gform_drop_area button { border-radius: 1.2rem; border: 0; height: auto; padding: .8rem 1.5rem !important; background: var(--c-second); color: var(--c-main); margin-top: var(--unit-2);} .content-form input[type=submit].hover, .content-form .gform_wrapper.gravity-theme .gform_drop_area button.hover { background-color: var(--c-second); color: var(--c-main); opacity: .7;} .content-form label, .content-form legend { font-size: var(--txt-h6); line-height: var(--txt-h6-lh);} /* Wp-form */ #loginform-custom { display: flex; flex-direction: column; gap: var(--unit-2);} #loginform-custom .login-remember { padding: var(--unit) 0;} #loginform-custom .login-remember label { display: flex; flex-direction: row; align-items: center; gap: var(--unit-2);} /* Gravity forms */ .content-form .gform_wrapper.gravity-theme input[type=color], .content-form .gform_wrapper.gravity-theme input[type=date], .content-form .gform_wrapper.gravity-theme input[type=datetime-local], .content-form .gform_wrapper.gravity-theme input[type=datetime], .content-form .gform_wrapper.gravity-theme input[type=email], .content-form .gform_wrapper.gravity-theme input[type=month], .content-form .gform_wrapper.gravity-theme input[type=number], .content-form .gform_wrapper.gravity-theme input[type=password], .content-form .gform_wrapper.gravity-theme input[type=search], .content-form .gform_wrapper.gravity-theme input[type=tel], .content-form .gform_wrapper.gravity-theme input[type=text], .content-form .gform_wrapper.gravity-theme input[type=time], .content-form .gform_wrapper.gravity-theme input[type=url], .content-form .gform_wrapper.gravity-theme input[type=week], .content-form .gform_wrapper.gravity-theme select, .content-form .gform_wrapper.gravity-theme textarea { font-size: var(--txt-body); line-height: var(--txt-body-lh); font-weight: var(--txt-body-fw); letter-spacing: var(--txt-body-ls); padding: var(--unit); border-radius: var(--unit-middle); background-color: var(--c-white);} .content-form .gform_wrapper.gravity-theme textarea { min-height: var(--unit-20);} .content-form .gform_wrapper.gravity-theme .gfield_checkbox input:checked + label, .content-form .gform_wrapper.gravity-theme .gfield_radio input:checked + label { color: var(--c-black);} .content-form .gform_wrapper.gravity-theme input[type=file]::file-selector-button { cursor: pointer; height: auto; padding: .8rem 1.4rem; border-radius: 1.2rem; border: 0; background-color: var(--c-main); text-decoration: none; color: var(--c-main); background-color: var(--c-second);} .content-form .gform_wrapper.gravity-theme input[type=file]::file-selector-button:hover { opacity: .7; color: var(--c-main); background-color: var(--c-second);} /* Labels */ .content-form .gform_wrapper.gravity-theme label { font-size: var(--txt-h6); line-height: var(--txt-h6-lh); font-weight: var(--txt-h6-fw); letter-spacing: var(--txt-h6-ls);} .content-form .gform_wrapper.gravity-theme legend { display: none;} .content-form .gform_wrapper.gravity-theme .gfield_label { font-size: var(--txt-h6); line-height: var(--txt-h6-lh); font-weight: var(--txt-h6-fw); letter-spacing: var(--txt-h6-ls); color: var(--c-black); font-weight: var(--fw-regular); margin-bottom: var(--unit-middle);} .content-form .gform_wrapper.gravity-theme .gfield_header_item, .content-form .gform_wrapper.gravity-theme .gform_fileupload_rules, .content-form .gform_wrapper.gravity-theme .ginput_complex label { font-size: var(--txt-h6); line-height: var(--txt-h6-lh); font-weight: var(--txt-h6-fw); letter-spacing: var(--txt-h6-ls); color: var(--c-grey-1); padding: 0; margin: var(--unit-middle) 0;} /* Required */ .content-form .gform_wrapper.gravity-theme .gfield_required { color: inherit; font-size: var(--txt-h6); line-height: var(--txt-h6-lh); font-weight: var(--txt-h6-fw); letter-spacing: var(--txt-h6-ls);} /* Validation & Messages */ .content-form .gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon { display: none;} .content-form .gform_wrapper.gravity-theme .validation_message { background: transparent; font-size: 1rem; line-height: var(--padd); margin-top: var(--unit); margin-bottom: var(--unit); padding: 0; border: 0;} .content-form .gform_wrapper.gravity-theme .gform_validation_errors { background: transparent; border: none; border-radius: 0; box-shadow: none; margin-bottom: var(--unit-2); margin-top: 0; padding: 0; position: relative; width: 100%;} .content-form .gform_wrapper.gravity-theme .gform_validation_errors>h2 { font-size: 1rem; line-height: var(--padd);} .content-form .gform_wrapper.gravity-theme .gfield_validation_message, .content-form .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] { border-color: var(--c-error);} .content-form .gform_wrapper.gravity-theme .gform_validation_errors>h2, .content-form .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, .content-form .gform_wrapper.gravity-theme .gfield_error label, .content-form .gform_wrapper.gravity-theme .gfield_error legend, .content-form .gform_wrapper.gravity-theme .gfield_validation_message, .content-form .gform_wrapper.gravity-theme .validation_message, .content-form .gform_wrapper.gravity-theme [aria-invalid=true]+label { color: var(--c-error);} .content-form .gform_wrapper.gravity-theme label+[aria-invalid=true] { color: var(--c-black);} .content-form .gform_wrapper.gravity-theme .gform_confirmation_message { color: var(--c-error);} .content-form .gform_wrapper.gravity-theme .gform_validation_errors>ol li { color: var(--c-error); font-size: 1rem; line-height: var(--padd); list-style-type: disc!important; margin: 0 0 var(--unit-middle);} .content-form .gform_wrapper.gravity-theme .gform_validation_errors>ol a { color: var(--c-error); font-size: 1rem; line-height: var(--padd);} .content-form-cortos .gfield_checkbox { padding: var(--unit-2) 0; display: flex; flex-wrap: wrap; gap: var(--unit) var(--unit-4);} .content-form-cortos .gfield_checkbox > div { display: flex; flex-shrink: 0;} .content-form-cortos .gfield_checkbox > div label { flex-shrink: 0; white-space: nowrap;} .content-form .wp-editor-container { border-radius: var(--unit-middle); overflow: hidden;} .content-form .gform_confirmation_message { font-size: var(--txt-h3);} @media (min-width: 641px) { .content-form .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), .content-form .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) { padding-right: var(--unit-middle); } .content-form .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) span { padding-right: 0; } .content-form .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full), .content-form .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) { padding-left: var(--unit-middle); padding-right: 0; } html[dir=rtl] .content-form .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full) html[dir=rtl] .content-form .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) { padding-left: var(--unit-middle); padding-right: 0; } html[dir=rtl] .content-form .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full), html[dir=rtl] .content-form .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) { padding-left: 0; padding-right: var(--unit-middle); } } /* Component 3 columns */ .content-3-colums a.hover { color: var(--c-main);} /* Component Slider */ /* flickity */ .flickity-page-dots { background-color: var(--c-main);} .flickity-button { background: var(--c-second);} .flickity-button:hover { background: var(--c-main); opacity: 1;} .flickity-prev-next-button.previous:before { background-image: var(--icon-c-left);} .flickity-prev-next-button.next:before { background-image: var(--icon-c-right);} .flickity-prev-next-button.previous:hover:before { background-image: var(--icon-b-left);} .flickity-prev-next-button.next:hover:before { background-image: var(--icon-b-right);} /* Component Info */ .content-info { padding: 0; } .content-info a { color: var(--c-white); font-weight: var(--fw-strong); text-decoration: underline;} .content-info-row ul, .content-info-row ol { padding-left: 1.5em;} .content-info-more { display: none;} .content-info .cta-more.active .icon::before { background-image: var(--icon-c-less);} .content-info .cta-more.active .icon { transform: rotate(180deg);} /* Component Text */ .content-text { padding-left: calc( var(--padd-col-main) + var(--padd) ); padding-right: calc( var(--padd-col-main) + var(--padd) + 8.333% ); margin-left: auto; margin-right: auto; width: 66.666%;} .content-text h1, .content-text h2, .content-text h3, .content-text h4 { text-align: left;} .content-detail .content-text { width: 100%; padding-left: 0; padding-right: 0; margin-left: 0;} /* Component Accordion */ .content-accordion { display: flex; flex-wrap: wrap; padding-left: var(--padd-col-main); padding-right: var(--padd-col-main); margin-left: auto; margin-right: auto; width: 66.666%;} .content-accordion-item { width: 50%; padding-right: var(--padd); padding-left: var(--padd);} .content-detail .content-accordion { display: block; padding-left: 0; padding-right: 0; width: 100%; margin-left: 0;} .content-detail .content-accordion-content { padding-right: 0;} .content-detail .content-accordion-item, .content-detail .content-accordion-item:nth-child(odd), .content-detail .content-accordion-item:nth-child(even) { width: 100%; padding-right: 0; padding-left: 0;} .content-accordion-item.active .btn-accordion .icon::before { background-image: var(--icon-c-less);} /* Component Video */ .content-video-in .icon { width: 3.2rem;} .content-video-in.hover img { transform: scale(1.05); opacity: .7;} /* Component table cortos */ .content-table-cortos thead td { font-weight: var(--fw-strong); padding: var(--unit); border-bottom: 1px solid var(--c-grey-2);} .content-table-cortos tbody td { padding: var(--unit); border-bottom: 1px solid var(--c-grey-2);} .content-table-cortos .content-img img { aspect-ratio: 225 / 330;; object-fit: cover; border-radius: .5rem; width: var(--unit-12);} /* THE END -- :P */