/* Autor: PUM! estudio Index: 1 -- Structure 2 -- Text 3 -- Icons 4 -- Interaction 5 -- Animation 6 -- Components */ @charset "UTF-8"; .content { padding-top: var(--unit-18);} .content img { display: block;} .content-img { overflow: hidden;} .content-img img { display: block; width: 100%;} .hover .content-img img { transform: scale(1.05);} /* 6 -- Components */ .content-box-s { padding: 4rem 0;} .content-box { padding: 7rem 0;} .content-bg-arena { background-color: var(--c-arena);} .content-bg-main { background-color: var(--c-main);} .line-top::before { content: ''; display: block; border-top: var(--border-1-b); margin: 0 var(--padd) var(--unit-6) var(--padd);} /* -- Hero media */ .content-hero-media { position: relative; width: 100%; margin-top: -7.2rem;} .content-hero-media::before { content: ''; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: var(--c-black); opacity: .25;} .content-hero-media video, .content-hero-media img { width: 100%; height: 100dvh; object-fit: cover; display: block;} /* -- Featured */ .content-featured { overflow: hidden; width: 100%;} .content-featured-box { display: flex; flex-direction: column; align-items: flex-start; gap: var(--unit-6);} .content-featured-row { width: 100%; position: relative; align-items: center; text-decoration: none; overflow: hidden;} .content-featured-repeat { width: 100%; position: relative; align-items: center;} .content-featured-item { gap: var(--unit-6); align-items: center; padding: 0 var(--unit-3); flex-shrink: 0;} .content-featured-title, .content-featured-img, .content-featured-data { flex-shrink: 0;} .content-featured-title h2 { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 16em;} .content-featured-img img { font-size: var(--txt-h1); height: var(--txt-h1-lh); width: auto;} .content-featured-data { display: flex; flex-direction: column; align-items: flex-start; gap: var(--unit-3); } .content-featured-data .content-tags { display: flex; flex-direction: column; align-items: flex-start; gap: var(--unit-3); row-gap: var(--unit); } .content-featured-row:nth-child(1) .content-featured-repeat { left: 0%;} .content-featured-row:nth-child(1) .content-featured-repeat .content-featured-item { animation: leftObj 20s linear infinite;} .content-featured-row:nth-child(2) .content-featured-repeat { right: -15%; justify-content: flex-end;} .content-featured-row:nth-child(2) .content-featured-repeat .content-featured-item { animation: rightObj 20s linear infinite;} .content-featured-row:nth-child(3) .content-featured-repeat { left: -5%;} .content-featured-row:nth-child(3) .content-featured-repeat .content-featured-item { animation: leftObj 20s linear infinite;} .content-featured-row:nth-child(4) .content-featured-repeat { right: -30%; justify-content: flex-end;} .content-featured-row:nth-child(4) .content-featured-repeat .content-featured-item { animation: rightObj 20s linear infinite;} .content-featured-row:nth-child(5) .content-featured-repeat { left: -20%;} .content-featured-row:nth-child(5) .content-featured-repeat .content-featured-item { animation: leftObj 20s linear infinite;} .content-featured-row.hover .content-featured-repeat .content-featured-item { animation-play-state: paused;} /* -- Slider */ .content-slider { display: flex; width: 100%;} .content-slider-box { overflow: hidden;} .content-slider-item { flex-shrink: 0; display: flex; padding-right: var(--unit-8);} .content-slider-item img, .content-slider-item video { height: 48rem; width: auto;} .content-slider-item .txt-caption {color: var(--c-grey-1);} .content-slider.active { display: block;} .content-slider.active:after { content: 'flickity'; display: none;} .content-slider .flickity-viewport { overflow: visible; position: static;} .content-slider .flickity-slider { position: relative;} .content-slider .flickity-prev-next-button.next { right: var(--padd); background: var(--c-main) url(../img/icon/icon-arrow-right.svg) no-repeat center; background-size: var(--unit-6) var(--unit-6);} .content-slider .flickity-prev-next-button.previous { left: var(--padd); background: var(--c-main) url(../img/icon/icon-arrow-left.svg) no-repeat center; background-size: var(--unit-6) var(--unit-6);} .content-slider .flickity-prev-next-button { width: var(--unit-12); height: var(--unit-12); border-radius: 0;} .content-slider .flickity-button svg { opacity: 0;} /* -- Events */ .content-event .event-title { padding-top: var(--unit-10); padding-bottom: var(--unit-4);} .content-event .event-card, .content-event .event-card a, .content-event a.event-card { text-decoration: none; position: relative;} .content-event a.event-card.hover { background-color: var(--c-grey-2);} .content-event .event-card > div { margin: 0 0 var(--unit-8) 0;} .content-event .event-card[aria-disabled="true"] {pointer-events: none;} .content-event .event-card .cta { position: absolute; right: var(--padd); top: inherit;} .content-event.content-box {padding-top: 2.4rem;} /* -- Newsletter */ .content-newsletter { background-color: var(--c-second); color: var(--c-white); padding: var(--unit-20) 0 var(--unit-20) 0;} .content-newsletter .cta-secondary.hover { background-color: var(--c-second); color: var(--c-white); border: var(--border-1-w);} /* -- Ficha */ .ficha-mobile { display: none;} .content-ficha-recomienda a { text-decoration: none;} .content-ficha-recomienda-img, .content-ficha-recomienda-img img { aspect-ratio: 1/1; width: 6.4rem; object-fit: cover; height: auto;} .content-ficha-videos iframe { aspect-ratio: 16/9; width: 100%;} .content-ficha-logos img { width: 9rem; height: 9rem; object-fit: cover; border-radius: 100%;} .content-ficha-cierre a { text-decoration: none;} .content-ficha-cierre a.hover { text-decoration: underline;} /* -- Banner */ .content-banner { width: 100%; overflow: hidden;} .content-banner-row { width: 100%; display: flex; flex-shrink: 0;} .content-banner-item { display: flex; flex-shrink: 0; gap: 0.2rem; padding: 0 0.1rem; animation: leftObj 20s linear infinite; flex-shrink: 0;} .content-banner-item img, .content-banner-item video { flex-shrink: 0; height: 24rem; width: auto;} .content-banner-txt { background-color: var(--c-black); padding: var(--unit-2) 0; color: var(--c-white);} .content-banner-txt .content-banner-item { gap: var(--unit); padding: 0 .2rem; align-items: center;} .content-banner-txt .content-banner-item img, .content-banner-txt .content-banner-item video { flex-shrink: 0; height: 3.2rem; width: auto;} /* -- Filtros */ .content-filter { position: sticky; top: 0; z-index: 10;} .content-filter-box { position: relative; background-color: var(--c-white); padding: var(--unit-6) 0;} .content-filter .line-top::before { margin: var(--unit-4) var(--padd) var(--unit-4) var(--padd);} .scroll-up .content-filter.in-top .content-filter-box { transform: translateY(7.2rem);} /* -- Calendario */ .content-calendar { display: none; padding: var(--unit-6) 0; position: relative;} .content-calendar-card { background-color: var(--c-grey-2); border-radius: var(--unit-2); padding: var(--unit-6); width: 100%; max-width: 42rem;} .btn-calendar { position: absolute; right: calc( var(--padd) + var(--padd-col-main)); top: var(--unit-6);} /* -- Ciclos */ .content-ciclo a { text-decoration: none;} .content-ciclo .line-top::before { margin-left: 0; margin-right: 0;} .content-ciclo img { aspect-ratio: 1/1; object-fit: cover; width: 100%;} .content-ciclo-logo img { width: 9rem; height: auto; aspect-ratio: 1/1; border-radius: 100%;} /* -- Acordeon */ .content-accordion .btn-accordion { border-top: var(--border-1-b); padding-top: var(--unit); padding-bottom: var(--unit);} .content-accordion-item .btn-accordion .icon { transform: rotate(180deg);} .content-accordion-item.active .btn-accordion .icon { transform: rotate(0);} .content-accordion-content { display: none; padding-bottom: var(--unit-2);} .content-accordion .content-accordion-item:first-child .btn-accordion { border-top: 0;} /* -- Descargas */ .content-download a { text-decoration: none;} /* -- Media */ .content-media img, .content-media video, .content-media iframe { display: block; width: 100%;} .content-media video, .content-media iframe { aspect-ratio: 16/9; height: auto;} /* -- Calendar */ .content-calendario .fc-daygrid-body, .content-calendario .fc-scrollgrid table { width: 100% !important;} .content-calendario.fc { width: 100%; font-size: 2.2rem; font-weight: 400; text-align: center; text-transform: uppercase;} .content-calendario.fc .fc-scrollgrid { border: 0; } .content-calendario.fc .fc-toolbar.fc-header-toolbar { margin-bottom: .8rem; } .content-calendario.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(1), .content-calendario.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(3) { width: 14.28%; display: flex; justify-content: center;} .content-calendario.fc .fc-toolbar-title { font-size: 1em; font-weight: 500;} .content-calendario.fc .fc-toolbar-title::first-letter { text-transform: capitalize;} .content-calendario.fc .fc-button { display: flex; align-items: center; justify-content: center; appearance: none; -webkit-appearance: none; width: 2.4rem; height: 2.4rem; line-height: 0; padding: 0; border-radius: 0;} .content-calendario.fc .fc-button-primary:focus, .content-calendario.fc .fc-button-primary:active, .content-calendario.fc .fc-button-primary:not(:disabled).fc-button-active, .content-calendario.fc .fc-button-primary:not(:disabled):active, .content-calendario.fc .fc-button-primary:not(:disabled).fc-button-active:focus, .content-calendario.fc .fc-button-primary:not(:disabled):active:focus { box-shadow: none; border-color: transparent; color: transparent; background: transparent;} .content-calendario.fc .fc-button-primary { background-color: transparent; border-color: transparent; color: #000;} .content-calendario.fc .fc-icon { height: 2.4rem; width: 2.4rem; font-size: 0; line-height: 0; display: flex; align-items: center; justify-content: center;} .content-calendario.fc .fc-icon:before { content: ''; display: block; width: 2.4rem; height: 2.4rem; background-repeat: no-repeat; background-position: center; background-size: contain;} .content-calendario.fc .fc-icon.fc-icon-chevron-left:before { background-image: url(../img/icon/icon-arrow-left.svg);} .content-calendario.fc .fc-icon.fc-icon-chevron-right:before { background-image: url(../img/icon/icon-arrow-right.svg);} .content-calendario.fc .fc-col-header-cell-cushion { padding: 1.6rem 0;} .content-calendario.fc th, .content-calendario.fc td { text-align: center; font-weight: 400; border: 0;} .content-calendario.fc .fc-day { padding: .2rem;} .content-calendario.fc .fc-daygrid-day-number { font-family: var(--font-secondary); font-size: 1.8rem; padding: 0; display: flex; align-items: center; justify-content: center; pointer-events: none;} .content-calendario.fc .fc-daygrid-day-frame { position: relative; display: flex; flex-direction: row; justify-content: center; aspect-ratio: 10/8; width: 100%; height: auto; background-color: var(--c-white); border-radius: var(--unit);} .content-calendario.fc .fc-daygrid-day-top { flex-direction: row; justify-content: center;} .content-calendario.fc .fc-daygrid-day-events { margin-bottom: 0; min-height: 0; position: relative;} .content-calendario.fc .fc-daygrid-day-bottom { font-size: 1em; margin: 0;} .content-calendario.fc .fc-bg-event { background: transparent; opacity: 1;} .content-calendario.fc .fc-day-past .fc-daygrid-day-top a { color: #00000022;} .content-calendario.fc .fc-daygrid-day.fc-day-today, .content-calendario.fc .fc-cell-shaded, .content-calendario.fc .fc-day-disabled { background: transparent;} .content-calendario.fc .fc-calendario-evento { cursor: pointer;} .content-calendario.fc .fc-calendario-evento .fc-event-future, .content-calendario.fc .fc-calendario-evento .fc-bg-event { background-color: var(--c-arena); width: 100%; height: 100%rem; border-radius: var(--unit); margin: auto;} .content-calendario.fc .fc-calendario-evento-seleccionado.fc-day-past .fc-daygrid-day-top a, .content-calendario.fc .fc-calendario-evento-seleccionado a { color: var(--c-white);} .content-calendario.fc .fc-calendario-evento-seleccionado .fc-bg-event { background-color: var(--c-second);} /* Component Form */ .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-3); border-radius: 0; background-color: var(--c-grey-2); color: var(--c-black); border: 1px solid var(--c-grey-1);} .content-form textarea { min-height: var(--unit-20);} .content-form select { background-image: url(../img/icon/icon-triangle-down.svg); background-position: calc(100% - var(--unit-middle)) center; background-repeat: no-repeat;} .content-form input[type=submit] { font-size: var(--txt-cta); line-height: var(--txt-cta-lh); font-weight: var(--txt-cta-fw); letter-spacing: var(--txt-cta-ls); display: inline-flex; justify-content: center; align-items: center; padding: var(--unit-3) var(--unit-4); background-color: var(--c-black); color: var(--c-white);} .content-form input[type=submit].hover { background-color: var(--c-main); color: var(--c-black); opacity: 1;} .content-form ::placeholder { color: var(--c-grey-1);} .content-form label, .content-form legend { font-family: var(--font-secondary); font-size: var(--txt-h7); line-height: var(--txt-h7-lh); font-weight: var(--txt-h7-fw); letter-spacing: var(--txt-h7-ls);} .content-form .post-password-form label, .content-form .post-password-form input { margin: var(--unit-2) 0; display: block;} /* Gravity forms */ /* Header */ .content-form .gform_heading { display: none;} /* Columns */ .content-form .gform_wrapper.gravity-theme .gform_fields { grid-column-gap: var(--unit-4); grid-row-gap: var(--unit-4); row-gap: var(--unit-4);} .content-form .gform_wrapper.gravity-theme .ginput_container_address span { flex: 0 0 100%; padding-left: 0; padding-right: 0;} .content-form .gform_wrapper.gravity-theme .ginput_complex.ginput_container_address span { padding-left: 0;} .content-form .gform_wrapper.gravity-theme .ginput_container_address { margin-left: 0; margin-right: 0;} .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: 0;} /* Inputs */ .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-3); border-radius: 0; background-color: var(--c-grey-2); color: var(--c-black); border: 1px solid var(--c-grey-1);} .content-form .gform_wrapper.gravity-theme .gfield textarea.large { height: var(--unit-20);} .content-form .gform_wrapper.gravity-theme select { background-image: url(../img/icon/icon-triangle-down.svg); background-position: calc(100% - var(--unit-middle)) center; background-repeat: no-repeat;} .content-form .gform_wrapper.gravity-theme .gchoice, .content-form .gform_wrapper.gravity-theme .ginput_container.ginput_container_consent { display: flex; justify-content: flex-start; align-items: center; margin-bottom: var(--unit-5);} .content-form .gform_wrapper.gravity-theme .gfield-choice-input, .content-form .gform_wrapper.gravity-theme .ginput_container.ginput_container_consent input[type=checkbox] { flex-shrink: 0; display: inline-block; margin-top: 0; top: 0; vertical-align: middle; margin: 0 var(--unit-4) 0 0;} .content-form .gform_wrapper.gravity-theme .ginput_container.ginput_container_consent label { font-size: var(--txt-body); line-height: var(--txt-body-lh); font-weight: var(--txt-body-fw); letter-spacing: var(--txt-body-ls);} .content-form .gform_wrapper.gravity-theme input[type=file]::file-selector-button { border: 0; display: inline-flex; align-items: center; padding: .8rem 1.4rem; border-radius: 10rem; font-size: var(--txt-cta); font-weight: var(--txt-cta-fw); background-color: var(--c-main); color: var(--c-black);} .content-form .gform_wrapper.gravity-theme input[type=file]::file-selector-button:hover { opacity: .7;} .content-form .gform_wrapper.gravity-theme .gform_drop_area button { border: 0; display: inline-flex; align-items: center; padding: .8rem 1.4rem; border-radius: 10rem; font-size: var(--txt-cta); font-weight: var(--txt-cta-fw); background-color: var(--c-main); color: var(--c-black);} .content-form .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: var(--txt-body-lh); min-height: auto;} /* Labels */ .content-form .gform_wrapper.gravity-theme .gfield_checkbox { columns: 2;} .content-form .gform_wrapper.gravity-theme .gfield_checkbox label, .content-form .gform_wrapper.gravity-theme .gfield_radio label { color: var(--c-black); font-size: var(--txt-body); line-height: var(--txt-body-lh); font-weight: var(--txt-body-fw); letter-spacing: var(--txt-body-ls);} .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 label, .content-form .gform_wrapper.gravity-theme legend { font-family: var(--font-secondary); font-size: var(--txt-h7); line-height: var(--txt-h7-lh);} .content-form .gform_wrapper.gravity-theme .gfield_label { font-family: var(--font-secondary); font-size: var(--txt-h7); 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-family: var(--font-secondary); font-size: var(--txt-h7); color: var(--c-grey-1); padding: 0; margin: var(--unit-middle) 0;} /* Required */ .content-form .gform_wrapper.gravity-theme .gfield_required { color: inherit; font-family: var(--font-secondary); font-size: var(--txt-h7); line-height: var(--txt-h7-lh);} .content-form .gform_wrapper.gravity-theme .gfield_required:before { content: '*';} .content-form .gform_wrapper.gravity-theme .gfield_required .gfield_required_custom, .content-form .gform_wrapper.gravity-theme .gfield_required .gfield_required_text { display: none;} /* Description */ .content-form .gform_wrapper.gravity-theme .description, .content-form .gform_wrapper.gravity-theme .gfield_description, .content-form .gform_wrapper.gravity-theme .gsection_description, .content-form .gform_wrapper.gravity-theme .instruction { font-family: var(--font-secondary); font-size: var(--txt-h7); line-height: var(--txt-h7-lh); margin: var(--unit-middle) 0; padding: 0; border: 0; color: var(--c-grey-1);} .content-form .gform_wrapper.gravity-theme .field_sublabel_above .description, .content-form .gform_wrapper.gravity-theme .field_sublabel_above .gfield_description, .content-form .gform_wrapper.gravity-theme .field_sublabel_above .gsection_description { margin: var(--unit-middle) 0; padding: 0;} .content-form .gform_wrapper.gravity-theme .field_description_above .description, .content-form .gform_wrapper.gravity-theme .field_description_above .gfield_description, .content-form .gform_wrapper.gravity-theme .field_description_above .gsection_description, .content-form .gform_wrapper.gravity-theme .field_description_above .instruction { margin: var(--unit-middle) 0; padding: 0;} /* txt */ .content-form .gfield--type-html h1, .content-form .gfield--type-html h2, .content-form .gfield--type-html h3, .content-form .gfield--type-html h4, .content-form .gfield--type-html h5, .content-form .gfield--type-html h6 { color: var(--c-black);} .content-form .gfield--type-html.full-column { max-width: 100%;} /* footer */ .content-form .gform_wrapper.gravity-theme .gform_footer, .content-form .gform_wrapper.gravity-theme .gform_page_footer { margin: 0; padding: var(--unit-4) 0 0 0; display: flex; flex-direction: column; gap: var(--unit-2); align-items: center; justify-content: center;} .content-form .gform_wrapper.gravity-theme #field_submit input, .content-form .gform_wrapper.gravity-theme .gform_footer input { align-self: flex-start;} /* Buttons */ .content-form .gform_wrapper.gravity-theme .gform_footer button+input, .content-form .gform_wrapper.gravity-theme .gform_footer input+button, .content-form .gform_wrapper.gravity-theme .gform_footer input+input, .content-form .gform_wrapper.gravity-theme .gform_page_footer button+input, .content-form .gform_wrapper.gravity-theme .gform_page_footer input+button, .content-form .gform_wrapper.gravity-theme .gform_page_footer input+input { margin: 0;} .content-form .gform_wrapper.gravity-theme .gform_footer button, .content-form .gform_wrapper.gravity-theme .gform_footer input, .content-form .gform_wrapper.gravity-theme .gform_page_footer button, .content-form .gform_wrapper.gravity-theme .gform_page_footer input { margin-bottom:0;} .content-form .gform_wrapper.gravity-theme .gform_previous_button.button, .content-form .gform_wrapper.gravity-theme .gform_save_link.button, .content-form .gform_wrapper.gravity-theme .gform_page_footer input { -webkit-appearance: none!important; appearance: none!important; background-color: transparent; color: var(--c-black); text-decoration: none; font-size: var(--txt-cta); font-weight: var(--txt-cta-fw); line-height: var(--txt-cta-lh); width: auto;} .content-form .gform_wrapper.gravity-theme .gform_save_link.button.hover, .content-form .gform_wrapper.gravity-theme .gform_page_footer input.hover { color: var(--c-main);} /* Loader */ .content-form img.gform_ajax_spinner { max-width: var(--unit-2); margin: 0;} /* Progressbar */ .content-form .gform_wrapper.gravity-theme .gf_progressbar_title { color: var(--c-black); font-family: var(--font-secondary); font-size: var(--txt-h7); margin: 0 0 var(--unit-middle);} .content-form .gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) { border-radius: var(--unit);} .content-form .gform_wrapper.gravity-theme .gf_progressbar_percentage { border-radius: var(--unit); height: var(--unit-2);} .content-form .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue { background-color: var(--c-black); color: var(--c-white);} .content-form .gform_wrapper.gravity-theme .gf_progressbar_percentage span { font-size: var(--txt-h6); line-height: var(--txt-h7-lh); margin: .2rem var(--unit); min-width: 2em; width: auto; font-weight: var(--fw-strong);} /* Validation & Messages */ .content-form .gform_wrapper.gravity-theme .validation_message { background: transparent; font-family: var(--font-secondary); font-size: var(--txt-h7); line-height: var(--txt-h7-lh); 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-family: var(--font-secondary); font-size: var(--txt-h7); line-height: var(--txt-h7-lh);} .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, .content-form .gform_wrapper.gravity-theme label+[aria-invalid=true] { color: var(--c-error);} .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-family: var(--font-secondary); font-size: var(--txt-h7); line-height: var(--txt-h7-lh); 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-family: var(--font-secondary); font-size: var(--txt-h7); line-height: var(--txt-h7-lh);} /* -- 404 */ .content-404 { min-height: calc( 100dvh - 7.2rem ); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: var(--unit-10) 0;} .content-404 .col-main { flex-shrink: 0;} .content-404-img { display: flex; align-items: center; justify-content: center; margin-bottom: var(--unit-10);} .content-404-img img, .content-404-img video { width: 100%; max-width: 30rem; height: auto;} /* The end -- :P */