@charset "UTF-8";
            html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} @font-face {
font-family: "AgeoExtraBold";
src: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/ageoExtraBold.ttf);
font-display: swap;
}
@font-face {
font-family: "AgeoRegular";
src: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/ageoRegular.ttf);
font-display: swap;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 !important;
}  :root {     --max-width-container: 1440px; --g-trans: 0.3s; --g-br: 10px; --g-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; --body-font-size: 1rem;
--body-line-height: 1.5; --c-primary: #231f20;
--c-primary-hover: #231f20de;
--c-second: #7c7c7c;
--c-second-hover: #595959;
--c-body-bg: #fff;
--c-body-bg-gray: #f5f6f3;
--c-gray: #6d6d6d;
--c-gray-second: #5d5a6d;
--c-purple: #534d4d;
--c-cream: #d7d0bc; --hr-color: grey;
--hr-opacity: 1;
--ff-primary: "AgeoExtraBold", sans-serif;
--ff-secondary: "AgeoRegular", sans-serif; --mark-padding: 0.5rem; --link-color: var(--c-primary);
--link-hover-color: var(--c-primary-hover);                                                                                                      }
:root {
--p-container: 2rem;  }
@media screen and (min-width: 36em) {
:root {
--p-container: calc(3.7037037037vw + 0.6666666667rem);
}
}
@media screen and (min-width: 90em) {
:root {
--p-container: 4rem;
}
}
:root {
--fs-n1: 0.8rem;  }
@media screen and (min-width: 36em) {
:root {
--fs-n1: calc(0.1851851852vw + 0.7333333333rem);
}
}
@media screen and (min-width: 90em) {
:root {
--fs-n1: 0.9rem;
}
}
:root {
--fs-base: 1rem;  }
@media screen and (min-width: 36em) {
:root {
--fs-base: calc(0vw + 1rem);
}
}
@media screen and (min-width: 90em) {
:root {
--fs-base: 1rem;
}
}
:root {
--fs-0: 0.875rem;  }
@media screen and (min-width: 36em) {
:root {
--fs-0: calc(0.1166666667vw + 0.833rem);
}
}
@media screen and (min-width: 90em) {
:root {
--fs-0: 0.938rem;
}
}
:root {
--fs-1: 1rem;  }
@media screen and (min-width: 36em) {
:root {
--fs-1: calc(0.2314814815vw + 0.9166666667rem);
}
}
@media screen and (min-width: 90em) {
:root {
--fs-1: 1.125rem;
}
}
:root {
--fs-2: 1.25rem;  }
@media screen and (min-width: 36em) {
:root {
--fs-2: calc(0.462962963vw + 1.0833333333rem);
}
}
@media screen and (min-width: 90em) {
:root {
--fs-2: 1.5rem;
}
}
:root {
--fs-3: 1.5rem;  }
@media screen and (min-width: 36em) {
:root {
--fs-3: calc(0.462962963vw + 1.3333333333rem);
}
}
@media screen and (min-width: 90em) {
:root {
--fs-3: 1.75rem;
}
}
:root {
--fs-4: 1.625rem;  }
@media screen and (min-width: 36em) {
:root {
--fs-4: calc(0.6944444444vw + 1.375rem);
}
}
@media screen and (min-width: 90em) {
:root {
--fs-4: 2rem;
}
}
:root {
--fs-5: 2rem;  }
@media screen and (min-width: 36em) {
:root {
--fs-5: calc(0.9259259259vw + 1.6666666667rem);
}
}
@media screen and (min-width: 90em) {
:root {
--fs-5: 2.5rem;
}
}
:root {
--fs-6: 2rem;  }
@media screen and (min-width: 36em) {
:root {
--fs-6: calc(2.7777777778vw + 1rem);
}
}
@media screen and (min-width: 90em) {
:root {
--fs-6: 3.5rem;
}
}
:root {
--fs-hero-1: 2.5rem;  }
@media screen and (min-width: 36em) {
:root {
--fs-hero-1: calc(3.8888888889vw + 1.1rem);
}
}
@media screen and (min-width: 90em) {
:root {
--fs-hero-1: 4.6rem;
}
}
:root {
--fs-hero-2: 2rem;  }
@media screen and (min-width: 36em) {
:root {
--fs-hero-2: calc(7.8703703704vw - 0.8333333333rem);
}
}
@media screen and (min-width: 90em) {
:root {
--fs-hero-2: 6.25rem;
}
}
:root {
--hg-navbar: 71px;  }
@media screen and (min-width: 36em) {
:root {
--hg-navbar: calc(6.1342592593vw + 35.6666666667px);
}
}
@media screen and (min-width: 90em) {
:root {
--hg-navbar: 124px;
}
}
:root {
--sp-16: 1rem;  }
@media screen and (min-width: 36em) {
:root {
--sp-16: calc(0vw + 1rem);
}
}
@media screen and (min-width: 90em) {
:root {
--sp-16: 1rem;
}
}
:root {
--sp-32: 1.5rem;  }
@media screen and (min-width: 36em) {
:root {
--sp-32: calc(0.9259259259vw + 1.1666666667rem);
}
}
@media screen and (min-width: 90em) {
:root {
--sp-32: 2rem;
}
}
:root {
--sp-40: 2rem;  }
@media screen and (min-width: 36em) {
:root {
--sp-40: calc(0.9259259259vw + 1.6666666667rem);
}
}
@media screen and (min-width: 90em) {
:root {
--sp-40: 2.5rem;
}
}
:root {
--sp-50: 2rem;  }
@media screen and (min-width: 36em) {
:root {
--sp-50: calc(2.0833333333vw + 1.25rem);
}
}
@media screen and (min-width: 90em) {
:root {
--sp-50: 3.125rem;
}
}
:root {
--sp-64: 2rem;  }
@media screen and (min-width: 36em) {
:root {
--sp-64: calc(3.7037037037vw + 0.6666666667rem);
}
}
@media screen and (min-width: 90em) {
:root {
--sp-64: 4rem;
}
}
:root {
--sp-80: 2.5rem;  }
@media screen and (min-width: 36em) {
:root {
--sp-80: calc(4.6296296296vw + 0.8333333333rem);
}
}
@media screen and (min-width: 90em) {
:root {
--sp-80: 5rem;
}
}
:root {
--sp-120: 2.5rem;  }
@media screen and (min-width: 36em) {
:root {
--sp-120: calc(9.2592592593vw - 0.8333333333rem);
}
}
@media screen and (min-width: 90em) {
:root {
--sp-120: 7.5rem;
}
}
:root {
--sp-160: 2.5rem;  }
@media screen and (min-width: 36em) {
:root {
--sp-160: calc(13.8888888889vw - 2.5rem);
}
}
@media screen and (min-width: 90em) {
:root {
--sp-160: 10rem;
}
}
@media screen and (max-width: 22.5em) {
:root {
--p-container: 1.5rem !important;
}
}
.custom-cursor {
position: fixed;
width: 40px;
height: 40px;
pointer-events: none;
transform: translate(-50%, -50%);
will-change: transform;
z-index: 9;
}
@media screen and (max-width: 48em) {
.custom-cursor {
display: none;
}
}
html {
scroll-behavior: smooth;
overflow-x: hidden;
}
.wpforms-error-container * {
color: #d63637;
text-align: left;
font-family: var(--ff-secondary) !important;
font-size: 28px !important;
font-style: normal;
font-weight: 500;
line-height: 44px;
}
.uai {
display: none !important;
}
.search-trans {
display: flex;
align-items: center;
gap: 15px;
}
.search-trans .custom-userway-trigger {
background-color: #f4b680;
border: 2px solid #000;
border-radius: 50%;
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
transition: transform 0.2s ease;
}
.search-trans .custom-userway-trigger:hover {
transform: scale(1.05);
}
.search-trans .custom-userway-trigger img {
width: 24px;
height: 24px;
object-fit: contain;
}
*,
*::before,
*::after {
box-sizing: border-box;
background-repeat: no-repeat;
}
body {
margin: 0;
font-family: var(--ff-primary);
font-weight: 400;
line-height: var(--body-line-height);
font-size: var(--body-font-size);
color: var(--c-body-primary);
background-color: var(--c-body-bg);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
text-rendering: optimizeSpeed;
min-height: 100vh;
-webkit-font-smoothing: antialiased;
}
hr {
margin: 1rem 0;
color: var(--hr-color);
background-color: currentColor;
border: 0;
opacity: var(--hr-opacity);
}
hr:not([size]) {
height: 1px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
}
p {
margin-top: 0;
margin-bottom: 0;
}
abbr[title],
abbr[data-bs-original-title] {
text-decoration: underline dotted;
cursor: help;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-left: 2rem;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
ul[role=list],
ol[role=list] {
list-style: none;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
mark {
padding: var(--mark-padding);
background-color: var(--mark-bg);
}
sub,
sup {
position: relative;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: var(--link-color);
transition-property: color, background, text-decoration-color;
transition-duration: var(--g-trans);
}
a:hover, a:focus {
color: var(--link-hover-color);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: var(--ff-monospace);
font-size: 1em;
direction: ltr ;
unicode-bidi: bidi-override;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.5rem 0.5rem;
color: grey;
background-color: white;
}
kbd kbd {
padding: 0;
font-weight: 400;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
max-width: 100%;
height: auto;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
}
th {
font-weight: 700;
text-align: inherit;
text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
font: inherit;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
display: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1rem;
font-weight: 700;
line-height: inherit;
}
legend + * {
clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield;
} ::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::file-selector-button {
font: inherit;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
} @media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.container__wrapper {
display: flex;
justify-content: center;
align-items: center;
padding-inline: 40px;
}
@media screen and (max-width: 76em) {
.container__wrapper {
padding-inline: 30px;
}
}
@media screen and (max-width: 48em) {
.container__wrapper {
padding-inline: 20px;
}
}
@media screen and (max-width: 36em) {
.container__wrapper {
padding-inline: 10px;
}
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
.row {
margin-left: 0 !important;
margin-right: 0 !important;
}   .container,
.container-fluid {
width: 100%;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto;
}
.container {
max-width: var(--max-width-container, 1440px);
}
.row {
--bs-gutter-x: var(--sp-40);
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
} .g-0,
.gx-0 {
--bs-gutter-x: 0;
}
.g-0,
.gy-0 {
--bs-gutter-y: 0;
}
.g-32 {
--bs-gutter-y: 2rem;
--bs-gutter-x: 2rem;
}
.gy-32 {
--bs-gutter-y: var(--sp-32);
}
.gy-40 {
--bs-gutter-y: var(--sp-40);
}
.gy-24 {
--bs-gutter-y: 1.5rem;
} .col {
flex: 1 0 0%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
@media screen and (min-width: 36.00125em) {
.col-sm {
flex: 1 0 0%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media screen and (min-width: 48.00125em) {
.col-md {
flex: 1 0 0%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media screen and (min-width: 76.00125em) {
.col-lg {
flex: 1 0 0%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media screen and (min-width: 80.00125em) {
.col-xl {
flex: 1 0 0%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media screen and (max-width: 90em) {
.col-xxl {
flex: 1 0 0%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
} body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: "Inter", sans-serif;
font-size: 1rem;
line-height: 1.5;
} h1,
h2,
h3,
h4,
h5 {
color: #5D5A6D;
font-weight: 900;
}
h1 {
font-size: 76px;
}
h2 {
font-size: 60px;
}
h3 {
font-size: 50px;
}
h4 {
font-size: 36px;
}
h5 {
font-size: 28px;
line-height: 34px;
}
p {
font-size: 24px;
font-weight: 500;
line-height: 44px;
color: #6D6D6D;
}
p a {
color: #4C5380;
text-decoration: underline;
font-weight: 900;
}
@media (max-width: 767px) {
h1 {
font-size: 60px;
line-height: 68px;
}
h2 {
font-size: 42px;
line-height: 48px;
}
h3 {
font-size: 38px;
}
h4 {
font-size: 28px;
}
h5 {
font-size: 24px;
line-height: 30px;
}
p {
font-size: 18px;
line-height: 36px;
}
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background-color: #fff;
}
hr {
background-color: var(--c-primary);
border: 0;
height: 1px;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li {
list-style: none;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4C5380;
text-decoration: none;
}
a:visited {
color: #4C5380;
}
a:hover, a:focus, a:active {
opacity: 0.8;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
} button,
input[type=button],
input[type=reset],
input[type=submit] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
border-color: #aaa #bbb #bbb;
}
.btn {
padding: 16px 44px;
font-weight: 600;
width: fit-content;
z-index: 1;
width: fit-content;
color: var(--c-body-bg);
text-align: center;
font-family: var(--ff-primary);
font-size: 24px;
font-style: normal;
font-weight: 900;
line-height: normal;
transition: var(--g-trans);
}
@media screen and (max-width: 48em) {
.btn {
padding: 14px 38px;
font-size: 20px;
}
}
@media screen and (max-width: 36em) {
.btn {
padding: 12px 32px;
font-size: 18px;
}
}
.btn:hover {
transform: scale(1.05);
}
.btn-primary {
background-color: #4C5380;
position: relative;
overflow: hidden;
border: 3px solid #626999;
border-radius: 4px;
}
.btn-primary::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/btn-bg-blue.png) no-repeat center;
background-size: cover;
}
.btn-secondary {
background-color: #E2C08B;
position: relative;
overflow: hidden;
border: 3px solid #E6D4B7;
border-radius: 4px;
}
.btn-secondary::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/btn-bg-yellow.png) no-repeat center;
background-size: cover;
}
a.btn.btn-primary,
a.btn.btn-secondary {
color: var(--c-body-bg);
font-family: var(--ff-primary);
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
} .header {
position: relative;
}
.header_wrapper {
padding-block: 20px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
@media screen and (max-width: 48em) {
.header_wrapper {
padding: 10px 0 0 !important;
}
}
.header_wrapper .logo {
max-width: 174px;
width: 100%;
max-height: 85px;
}
.header_wrapper .logo img {
width: 100%;
height: 100%;
object-fit: scale-down;
}
@media screen and (max-width: 48em) {
.header_wrapper .logo {
max-width: 140px;
}
}
@media screen and (max-width: 36em) {
.header_wrapper .logo {
max-width: 120px;
}
}
.header_wrapper .logo-container {
padding: 25px 0;
gap: 15px;
}
@media screen and (max-width: 48em) {
.header_wrapper .logo-container {
padding: 10px 0;
}
}
.header_wrapper .search-trans {
display: flex;
gap: 48px;
align-items: center;
width: 100%;
justify-content: end;
}
@media screen and (max-width: 64em) {
.header_wrapper .search-trans {
gap: 30px;
}
}
@media screen and (max-width: 48em) {
.header_wrapper .search-trans {
gap: 10px;
}
}
.header_wrapper .search-trans form {
margin-bottom: 0 !important;
display: flex;
align-items: center;
position: relative;
max-width: 570px;
width: 100%;
}
@media screen and (max-width: 64em) {
.header_wrapper .search-trans form {
max-width: 350px;
}
}
@media screen and (max-width: 36em) {
.header_wrapper .search-trans form {
display: none;
}
}
.header_wrapper .search-trans form input[type=search] {
width: 100%;
height: 40px;
padding: 5px 10px;
border-radius: 2px;
background: #F7F7F7;
color: var(--c-gray-second);
font-family: var(--ff-primary);
font-size: 16px;
font-style: normal;
font-weight: 900;
line-height: normal;
outline: none;
}
.header_wrapper .search-trans form input[type=search]:focus {
border: 1px solid var(--c-purple);
}
.header_wrapper .search-trans form input[type=search]::placeholder {
color: var(--c-gray-second);
}
.header_wrapper .search-trans form button {
width: fit-content;
padding: 0;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
background-color: transparent;
border: 0;
}
.header_wrapper .search-trans form button img {
width: 17px;
height: 17px;
object-fit: scale-down;
}
.header_wrapper .search-trans .translation {
display: flex;
align-items: center;
height: 100%;
}
.header_wrapper .search-trans .translation ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 48px;
}
@media screen and (max-width: 64em) {
.header_wrapper .search-trans .translation ul {
gap: 30px;
}
}
@media screen and (max-width: 48em) {
.header_wrapper .search-trans .translation ul {
gap: 10px;
}
}
.header_wrapper .search-trans .translation ul .lang-item a {
display: inline-block;
border-radius: 2px;
border: 1px solid #5D5A6D;
padding: 13px 30px;
color: var(--c-purple);
font-family: var(--ff-primary);
font-size: 14px;
font-style: normal;
font-weight: 900;
line-height: normal;
text-transform: uppercase;
transition: var(--g-trans);
}
@media screen and (max-width: 48em) {
.header_wrapper .search-trans .translation ul .lang-item a {
padding: 10px 20px;
}
}
.header_wrapper .search-trans .translation ul .current-lang a {
border: 0;
border-radius: 2px;
background: var(--Primary-05, var(--c-purple));
color: var(--c-body-bg);
}
.header .hamburger {
display: flex;
justify-content: flex-end;
}
@media screen and (max-width: 48em) {
.header .hamburger {
padding-bottom: 10px;
}
}
.header__menu {
display: flex;
justify-content: space-between;
}
.header__menu-container {
justify-content: center;
border-bottom: 1px solid #D7D0BC;
border-top: 1px solid #D7D0BC;
padding: 25px 0;
}
@media screen and (max-width: 48em) {
.header__menu-container {
border-top: 0;
padding: 0;
}
}
.header__menu-container__box {
max-width: 1400px;
}
.header__menu-item {
font-size: 18px;
font-weight: 900;
color: #5D5A6D;
text-transform: uppercase;
}
.header .navigation {
z-index: 9999;
position: relative;
}
@media screen and (max-width: 64em) {
.header .navigation {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100vh;
justify-content: center;
background-color: var(--c-body-bg);
border: 1px solid rgba(87, 85, 85, 0.2745098039);
}
}
.header .navigation .menu-logo-asset {
display: none;
}
@media screen and (max-width: 64em) {
.header .navigation .menu-logo-asset {
display: flex;
width: 400px;
height: 400px;
object-fit: scale-down;
position: absolute;
bottom: -60px;
opacity: 1;
left: -100px;
transform: rotate(20deg);
}
}
.header .navigation .menu {
padding: 0;
margin: 0;
display: flex;
justify-content: space-around;
column-gap: 25px;
min-height: 0px;
}
@media screen and (max-width: 64em) {
.header .navigation .menu {
width: 100%;
height: 100vh;
flex-direction: column;
justify-content: center;
padding: 20px 30px;
align-items: center;
row-gap: 25px;
min-height: 90px;
}
}
.header .navigation .menu .menu-item-has-children {
position: relative;
display: flex;
cursor: pointer;
}
@media screen and (max-width: 64em) {
.header .navigation .menu .menu-item-has-children {
flex-direction: column;
gap: 15px;
text-align: center;
}
}
.header .navigation .menu li {
position: relative;
}
.header .navigation .menu li a, .header .navigation .menu li span {
font-family: var(--ff-primary);
font-size: 22px;
font-weight: 900;
color: var(--c-gray-second);
text-transform: uppercase;
transition: var(--g-trans);
}
@media screen and (max-width: 36em) {
.header .navigation .menu li a, .header .navigation .menu li span {
font-size: 18px;
}
}
.header .navigation .menu li a:hover, .header .navigation .menu li span:hover {
color: #98b29f;
}
.header .navigation .menu li .sub-menu {
display: none; width: 260px; min-height: 90px; padding: 30px;
position: absolute;
top: 40px;
left: -20px; flex-direction: column;
row-gap: 16px;
border-radius: 4px;
border: 1px solid #D7D0BC;
background-color: #fff;
}
.header .navigation .menu li .sub-menu li a, .header .navigation .menu li .sub-menu li span {
color: var(--c-purple);
font-family: var(--ff-secondary);
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: none;
}
@media screen and (max-width: 36em) {
.header .navigation .menu li .sub-menu li a, .header .navigation .menu li .sub-menu li span {
font-size: 20px;
}
}
@media screen and (max-width: 64em) {
.header .navigation .menu li .sub-menu {
min-height: 0;
position: relative;
width: 100vw;
max-width: 50vw;
max-height: fit-content;
top: 0;
left: 0;
margin: 0;
padding: 20px 30px;
align-items: center;
justify-content: center;
row-gap: 20px;
border-radius: 10px;
}
}
.header .btn {
padding: 10px;
font-size: 16px;
color: var(--c-primary);
border: 1px solid var(--c-primary);
line-height: normal;
display: flex;
}
.header .btn span {
display: block;
width: 30px;
height: 3px;
background-color: #98b29f;
margin: 0;
transition: all 0.3s ease;
border-radius: 4px;
}
.header .btn-open {
display: none;
max-width: 66px;
gap: 4px;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 4px;
border: 0;
transition: var(--g-trans);
cursor: pointer;
z-index: 9999;
}
.header .btn-open:hover span:nth-child(2) {
width: 20px;
}
.header .btn-open:hover span:nth-child(3) {
width: 15px;
}
.header .btn-open span:nth-child(2) {
opacity: 1;
}
@media screen and (max-width: 64em) {
.header .btn-open {
display: flex;
}
}
.header .btn-close {
display: none;
width: 52px;
position: relative;
border-radius: 4px;
border: 0;
min-height: 42px;
cursor: pointer;
z-index: 99999;
}
.header .btn-close:hover span:first-child, .header .btn-close:hover span:nth-child(2) {
transform: translate(-50%, -50%) rotate(0);
}
.header .btn-close span {
position: absolute;
top: 50%;
left: 50%;
transform-origin: center;
}
.header .btn-close span:first-child {
transform: translate(-50%, -50%) rotate(45deg);
}
.header .btn-close span:last-child {
transform: translate(-50%, -50%) rotate(-45deg);
}
.post-card {
max-width: 296px;
border: 1px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
background-color: #fff;
}
.post-card__thumbnail img {
width: 100%;
height: auto;
display: block;
}
.post-card__content {
display: flex;
justify-content: space-between;
padding: 12px;
gap: 8px;
}
.post-card__content h5 {
margin: 0;
font-size: 16px;
font-weight: bold;
}
.post-card__content p {
margin: 0;
font-size: 14px;
color: #666;
max-width: 120px;
}
.post-card__footer {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px;
background-color: #f9f9f9;
}
.post-card__footer .post-card__date {
font-size: 12px;
color: #999;
}
.post-card__footer .post-card__button {
background-color: #007bff;
color: #fff;
padding: 6px 12px;
font-size: 14px;
border-radius: 4px;
text-decoration: none;
}
.custom-post-card {
position: relative;
width: 572px;
height: 480px;
background-color: #f3f3f3;
display: flex;
justify-content: center;
align-items: flex-end;
padding: 20px;
border-radius: 8px;
overflow: hidden;
}
.custom-post-card__date {
position: absolute;
top: 16px;
left: 16px;
background-color: #000;
color: #fff;
padding: 8px 12px;
font-size: 14px;
border-radius: 4px;
}
.custom-post-card__content {
text-align: center;
}
.custom-post-card__title {
font-size: 24px;
color: #333;
margin-bottom: 12px;
}
.custom-post-card__button {
display: inline-block;
background-color: #007bff;
color: #fff;
text-decoration: none;
padding: 10px 20px;
border-radius: 4px;
}
@media (max-width: 767px) {
.header__menu-container {
overflow: hidden;
}
}
.menu-item-has-children > a::after, .menu-item-has-children > span::after {
content: "";
background: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/submenu-icon.svg) no-repeat center;
background-size: contain;
width: 15px;
height: 15px;
position: absolute;
right: -25px;
top: 8px;
}
@media screen and (max-width: 48em) {
.px-md-0 {
padding-inline: 0;
}
}
body {
overflow-x: hidden;
position: relative;
width: 100%;
}
.clouds-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 450px;
overflow: hidden;
pointer-events: none;
z-index: 1;
}
.cloud-anim {
position: absolute;
width: 370px;
object-fit: scale-down;
pointer-events: none;
will-change: transform;
left: 0;
top: 0;
}
.cloud--logo {
animation: tickerCloudsOne 45s linear infinite;
top: 20px;
animation-delay: -32s;
}
@media screen and (max-width: 48em) {
.cloud--logo {
height: 140px;
object-fit: scale-down;
}
}
.cloud--pdf {
animation: tickerCloudsTwo 55s linear infinite;
top: 40px;
right: 0;
animation-delay: -55s;
}
@media screen and (max-width: 48em) {
.cloud--pdf {
height: 140px;
object-fit: scale-down;
}
}
.cloud--menu {
animation: tickerCloudsThree 25s linear infinite;
top: 130px;
right: 0;
animation-delay: -25s;
}
@media screen and (max-width: 48em) {
.cloud--menu {
height: 140px;
object-fit: scale-down;
}
}
@keyframes tickerCloudsOne {
0% {
transform: translateX(100vw);
}
100% {
transform: translateX(-350px);
}
}
@keyframes tickerCloudsTwo {
0% {
transform: translateX(100vw);
}
100% {
transform: translateX(-350px);
}
}
@keyframes tickerCloudsThree {
0% {
transform: translateX(100vw);
}
100% {
transform: translateX(-350px);
}
}
.header-custom-absolute {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 999;
padding: 20px 0;
transition: padding 0.3s ease, background 0.3s ease;
min-height: 250px;
}
@media screen and (max-width: 48em) {
.header-custom-absolute {
min-height: 180px;
}
}
.header-custom-absolute.is-sticky {
position: fixed;
width: 100vw;
padding: 10px 0;
background: linear-gradient(180deg, #ebfde4 65%, transparent);
animation: slideDown 0.4s ease-in-out;
}
@keyframes slideDown {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
.header-custom-absolute .header-container {
max-width: 1440px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 15px;
position: relative;
z-index: 999;
}
.header-custom-absolute .hamburger-menu {
display: none;
background: transparent;
border: none;
cursor: pointer;
padding: 10px;
z-index: 1001;
}
.header-custom-absolute .hamburger-menu .hamburger-box {
width: 30px;
height: 24px;
display: inline-block;
position: relative;
}
.header-custom-absolute .hamburger-menu .hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
width: 30px;
height: 3px;
background-color: #1a3a71;
border-radius: 4px;
position: absolute;
transition: transform 0.3s ease;
}
.header-custom-absolute .hamburger-menu .hamburger-inner::before, .header-custom-absolute .hamburger-menu .hamburger-inner::after {
content: "";
width: 30px;
height: 3px;
background-color: #1a3a71;
border-radius: 4px;
position: absolute;
display: block;
transition: transform 0.3s ease, top 0.3s ease, bottom 0.3s ease;
}
.header-custom-absolute .hamburger-menu .hamburger-inner::before {
top: -10px;
}
.header-custom-absolute .hamburger-menu .hamburger-inner::after {
bottom: -10px;
}
.header-custom-absolute .hamburger-menu.is-active .hamburger-inner {
transform: rotate(45deg);
}
.header-custom-absolute .hamburger-menu.is-active .hamburger-inner::before {
top: 0;
transform: rotate(0);
opacity: 0;
}
.header-custom-absolute .hamburger-menu.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
}
.header-custom-absolute .header-content-right {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 15px;
transition: transform 0.4s ease-in-out;
}
.header-custom-absolute .header-top-actions {
display: flex;
align-items: center;
gap: 20px;
}
.header-custom-absolute .header-top-actions .btn-pdf {
background-image: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/Home_recuadro.png);
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;
color: #fff;
font-family: "RadioCanada-Regular";
padding: 4px 15px;
border-radius: 4px;
font-size: 20px;
text-decoration: none;
}
.header-custom-absolute .header-top-actions .lang-switcher {
font-family: "RadioCanada-Bold";
color: rgba(38, 52, 135, 0.6);
font-size: 20px;
display: flex;
flex-direction: row-reverse;
gap: 15px;
}
.header-custom-absolute .header-top-actions .lang-switcher ul {
list-style: none;
margin: 0;
padding: 0;
}
.header-custom-absolute .header-top-actions .lang-switcher li {
display: inline;
}
.header-custom-absolute .header-top-actions .lang-switcher a {
text-decoration: none;
color: inherit;
text-transform: uppercase;
}
.header-custom-absolute .header-top-actions .lang-switcher a[aria-current=true] {
color: #263487;
}
.header-custom-absolute .header-navigation .menu-list {
list-style: none;
display: flex;
gap: 10px;
margin: 0;
padding: 0;
}
.header-custom-absolute .header-navigation .menu-list li {
position: relative;
display: flex;
align-items: center;
color: #263487;
font-size: 14px;
}
.header-custom-absolute .header-navigation .menu-list li:not(:last-child):after {
content: "|";
margin-left: 10px;
color: #263487;
font-size: 18px;
}
.header-custom-absolute .header-navigation .menu-list li a {
text-decoration: none;
font-family: "RadioCanada-Regular";
color: inherit !important;
font-size: 18px;
padding: 5px 0;
display: block;
}
.header-custom-absolute .header-navigation .menu-list li.menu-item-has-children > a::after {
content: "▼";
font-size: 10px;
margin-left: 6px;
display: inline-block;
transition: transform 0.3s;
}
.header-custom-absolute .header-navigation .menu-list li.menu-item-has-children .sub-menu {
position: absolute;
top: 100%;
left: 0;
background: #fff;
min-width: 200px;
list-style: none;
padding: 10px 0;
margin: 0;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
z-index: 10;
border-radius: 4px;
}
.header-custom-absolute .header-navigation .menu-list li.menu-item-has-children .sub-menu li {
display: block;
padding: 0 20px;
}
.header-custom-absolute .header-navigation .menu-list li.menu-item-has-children .sub-menu li::after {
content: none;
}
.header-custom-absolute .header-navigation .menu-list li.menu-item-has-children .sub-menu li a {
padding: 10px 0;
border-bottom: 1px solid #eee;
}
.header-custom-absolute .header-navigation .menu-list li.menu-item-has-children .sub-menu li:last-child a {
border-bottom: none;
}
.header-custom-absolute .header-navigation .menu-list li.menu-item-has-children:hover > a::after {
transform: rotate(180deg);
}
.header-custom-absolute .header-navigation .menu-list li.menu-item-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.header-custom-absolute .site-controls {
display: flex;
gap: 0px;
align-items: center;
background: #5e6da3;
border-radius: 12px;
}
.header-custom-absolute .site-controls .control-btn {
background-color: #6371a3;
color: #ffffff;
font-family: "RadioCanada-Regular";
font-size: 18px;
border: none;
padding: 4px 12px;
border-radius: 20px;
cursor: pointer;
display: flex;
align-items: center;
gap: 6px;
transition: background 0.3s;
}
.header-custom-absolute .site-controls .control-btn:hover {
background-color: #4f5a85;
}
.header-custom-absolute .site-controls .control-btn .dot {
width: 10px;
height: 10px;
border: 2px solid #ffffff;
border-radius: 50%;
display: inline-block;
background-color: transparent;
transition: background 0.3s;
}
.header-custom-absolute .site-controls .control-btn.active .dot {
background-color: #ffffff;
}
@media (max-width: 1024px) {
.header-custom-absolute .hamburger-menu {
display: block;
}
.header-custom-absolute .header-logo a img {
width: 185px;
height: auto;
}
.header-custom-absolute .header-content-right {
position: fixed;
top: 0;
right: 0;
width: 100%;
max-width: 350px;
height: 100%;
background-color: #d1f1f1;
padding: 80px 30px 30px;
align-items: flex-start;
transform: translateX(100%);
box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
overflow-y: auto;
z-index: 1000;
}
.header-custom-absolute .header-content-right.is-open {
transform: translateX(0);
}
.header-custom-absolute .header-top-actions {
flex-direction: column-reverse;
align-items: flex-start;
width: 100%;
margin-bottom: 30px;
gap: 15px;
}
.header-custom-absolute .header-navigation {
width: 100%;
}
.header-custom-absolute .header-navigation .menu-list {
flex-direction: column;
gap: 0;
}
.header-custom-absolute .header-navigation .menu-list li {
flex-wrap: wrap;
width: 100%;
font-size: 18px;
border-bottom: 1px solid rgba(26, 58, 113, 0.2);
}
.header-custom-absolute .header-navigation .menu-list li:not(:last-child):after {
content: none;
}
.header-custom-absolute .header-navigation .menu-list li a {
width: 100%;
padding: 15px 0;
}
.header-custom-absolute .header-navigation .menu-list li.menu-item-has-children > a {
display: flex;
justify-content: space-between;
align-items: center;
}
.header-custom-absolute .header-navigation .menu-list li.menu-item-has-children .sub-menu {
position: static;
box-shadow: none;
opacity: 1;
visibility: visible;
transform: none;
display: none;
background: rgba(255, 255, 255, 0.4);
width: 100%;
padding: 0;
}
.header-custom-absolute .header-navigation .menu-list li.menu-item-has-children .sub-menu li {
border-bottom: none;
padding: 0 20px;
}
.header-custom-absolute .header-navigation .menu-list li.menu-item-has-children .sub-menu li a {
padding: 12px 0;
font-size: 16px;
border-bottom: 1px solid rgba(26, 58, 113, 0.1);
}
.header-custom-absolute .header-navigation .menu-list li.menu-item-has-children .sub-menu li:last-child a {
border-bottom: none;
}
.header-custom-absolute .header-navigation .menu-list li.menu-item-has-children.is-active-submenu > a::after {
transform: rotate(180deg);
}
.header-custom-absolute .header-navigation .menu-list li.menu-item-has-children.is-active-submenu .sub-menu {
display: block;
}
.header-custom-absolute .site-controls {
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-top: 20px;
}
}
.landing-site-footer {
position: relative;
width: 100%;
padding: 120px 0 90px 0;
margin-top: -140px;
display: flex;
align-items: flex-end;
}
.landing-site-footer .footer-img-left {
position: absolute;
top: -245px;
left: 5%;
z-index: 1;
}
.landing-site-footer .footer-img-right {
position: absolute;
top: -245px;
right: 5%;
z-index: 1;
}
.landing-site-footer .footer--bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
@media screen and (max-width: 48em) {
.landing-site-footer .footer--bg {
object-fit: cover;
}
}
.landing-site-footer .footer-container {
position: relative;
z-index: 2;
width: 100%;
max-width: 1440px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 40px;
padding: 0px 5%;
}
@media screen and (max-width: 90em) {
.landing-site-footer .footer-container {
justify-content: center;
align-items: center;
}
}
.landing-site-footer .footer-logo {
width: 20%;
}
@media screen and (max-width: 90em) {
.landing-site-footer .footer-logo {
width: unset;
}
}
.landing-site-footer .footer-logo img {
max-width: 220px;
height: auto;
}
.landing-site-footer .footer-content-right {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 25px;
flex: 1;
}
@media screen and (max-width: 90em) {
.landing-site-footer .footer-content-right {
justify-content: center;
align-items: center;
flex: unset;
}
}
.landing-site-footer .footer-navigation {
display: flex;
}
.landing-site-footer .footer-navigation #footer-menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.landing-site-footer .footer-navigation #footer-menu ul {
padding: 0;
margin: 0;
display: flex;
align-items: center;
}
.landing-site-footer .footer-navigation #footer-menu li a {
color: #fff !important;
text-decoration: none;
font-family: "RadioCanada-Regular";
font-size: 18px;
transition: opacity 0.3s ease;
}
.landing-site-footer .footer-navigation #footer-menu li a:hover {
opacity: 0.8;
}
.landing-site-footer .footer-navigation #footer-menu li:not(:last-child)::after {
content: "|";
color: #fff;
margin-left: 12px;
font-family: "RadioCanada-Regular";
}
.landing-site-footer .footer-actions {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 15px;
}
@media screen and (max-width: 90em) {
.landing-site-footer .footer-actions {
justify-content: center;
align-items: center;
}
}
.landing-site-footer .footer-actions .share-box {
background-color: #00a89d;
border-radius: 40px;
padding: 10px 15px 10px 30px;
display: flex;
align-items: center;
gap: 25px;
}
.landing-site-footer .footer-actions .share-box span {
color: #fff !important;
font-family: "AveriaLibre-Bold";
font-size: 32px;
}
.landing-site-footer .footer-actions .share-box .social-icons {
display: flex;
gap: 12px;
}
.landing-site-footer .footer-actions .share-box .social-icons .icon {
width: 32px;
height: 32px;
background-color: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: transform 0.3s ease;
}
.landing-site-footer .footer-actions .share-box .social-icons .icon svg {
width: 25px;
height: 25px;
}
.landing-site-footer .footer-actions .share-box .social-icons .icon:hover {
transform: scale(1.1);
}
.landing-site-footer .footer-actions .download-box {
display: flex;
align-items: center;
gap: 25px;
}
@media screen and (max-width: 48em) {
.landing-site-footer .footer-actions .download-box {
width: 100%;
justify-content: space-between;
}
}
.landing-site-footer .footer-actions .download-box .btn-download {
background-image: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/Home_recuadro_footer.png);
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;
color: #fff;
text-decoration: none;
padding: 8px 25px;
border-radius: 20px;
font-family: "RadioCanada-Regular";
font-size: 18px;
transition: background-color 0.3s;
}
.landing-site-footer .footer-actions .download-box .btn-download:hover {
background-color: #469279;
}
@media screen and (max-width: 48em) {
.landing-site-footer .footer-actions .download-box .btn-download {
background-size: cover;
}
}
.landing-site-footer .footer-actions .download-box .year-text {
color: #fff !important;
font-family: "RadioCanada-Bold";
font-size: 22px;
letter-spacing: 1px;
}
@media screen and (max-width: 48em) {
.landing-site-footer .footer-container {
flex-direction: column;
align-items: center;
text-align: center;
}
.landing-site-footer .footer-content-right {
align-items: center;
}
.landing-site-footer .footer-navigation .menu-list {
justify-content: center;
}
.landing-site-footer .footer-actions .share-box {
flex-direction: column;
padding: 10px;
border-radius: 20px;
text-align: center;
}
.landing-site-footer .footer-actions .share-box span {
font-size: 24px;
}
}
.is-autoscrolling {
scroll-behavior: auto !important;
}
@font-face {
font-family: "AveriaLibre-Regular";
src: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/AveriaLibre-Regular.woff) format("woff"), url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/AveriaLibre-Regular.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "AveriaLibre-BoldItalic";
src: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/AveriaLibre-BoldItalic.woff) format("woff"), url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/AveriaLibre-BoldItalic.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "AveriaLibre-Bold";
src: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/AveriaLibre-Bold.woff) format("woff"), url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/AveriaLibre-Bold.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "AveriaLibre-Light";
src: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/AveriaLibre-Light.woff) format("woff"), url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/AveriaLibre-Light.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "RadioCanada-Bold";
src: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/RadioCanada-Bold.woff) format("woff"), url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/RadioCanada-Bold.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "RadioCanada-Medium";
src: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/RadioCanada-Medium.woff) format("woff"), url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/RadioCanada-Medium.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "RadioCanada-Regular";
src: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/RadioCanada-Regular.woff) format("woff"), url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/RadioCanada-Regular.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "RadioCanada-Light";
src: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/RadioCanada-Light.woff) format("woff"), url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/fonts/RadioCanada-Light.ttf) format("truetype");
font-display: swap;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "AveriaLibre-Regular";
}
h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 * {
font-family: "AveriaLibre-Regular";
}
.blotter-wrapper canvas {
max-width: 100% !important;
height: auto !important;
object-fit: contain;
display: block;
}
.paragraph-white {
font-family: "RadioCanada-Regular";
font-size: 23px;
max-width: 1100px;
padding-block-end: 10px;
margin: 0 auto;
color: white;
}
.paragraph-white.black {
color: #0d2c40;
}
@media screen and (max-width: 76em) {
.paragraph-white {
font-size: 20px;
max-width: unset;
}
}
@media screen and (max-width: 48em) {
.paragraph-white {
font-size: 18px;
max-width: unset;
}
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.js-lottie-title {
width: 100%;
display: block;
line-height: 0;
}
.js-lottie-title svg {
width: 100% !important;
height: 750px !important;
display: block;
}
.js-lottie-title.second--title-hero svg {
height: 110px !important;
}
p,
span {
font-family: "RadioCanada-Regular";
color: #0d2c40 !important;
line-height: 1.4 !important;
}
p strong,
span strong {
font-family: "RadioCanada-Bold" !important;
}
p *,
span * {
font-family: "RadioCanada-Regular";
color: #0d2c40;
line-height: 1.4 !important;
}
p * strong,
span * strong {
font-family: "RadioCanada-Bold" !important;
}
.landing-ink-effect {
background: linear-gradient(to bottom, #d1f1f1 0%, #89d4d4 100%);
overflow-x: hidden;
position: relative;
padding-block-start: 120px;
}
@media screen and (max-width: 76em) {
.landing-ink-effect {
padding-block-start: 160px;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect {
padding-block-start: 0;
}
}
.landing-ink-effect .hero-section {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
position: relative;
}
@media screen and (max-width: 90em) {
.landing-ink-effect .hero-section {
height: 75vh;
}
}
@media screen and (max-width: 80em) {
.landing-ink-effect .hero-section {
height: 80vh;
}
}
@media screen and (max-width: 76em) {
.landing-ink-effect .hero-section {
height: 90vh;
}
}
.landing-ink-effect .hero-section .sun--image {
position: absolute;
width: 650px;
height: 650px;
object-fit: scale-down;
left: 50%;
top: 40%;
transform: translate(-50%, -40%);
z-index: 1;
animation: sunPulse 9s ease-in-out infinite alternate;
}
@keyframes sunPulse {
0% {
transform: translate(-50%, -50%) scale(0.7);
opacity: 0.8;
}
50% {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(0.7);
opacity: 0.8;
}
}
.landing-ink-effect .hero-section .hero-content {
z-index: 20;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
@media screen and (max-width: 48em) {
.landing-ink-effect .hero-section .hero-content {
gap: 10px;
justify-content: center;
height: 100%;
padding-block-start: 20px;
}
}
.landing-ink-effect .hero-section .blotter-text {
font-family: "AveriaLibre-Bold";
color: #4350c1;
display: block;
line-height: 1.2;
}
.landing-ink-effect .hero-section .hero-title {
opacity: 0;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 20px 20px;
line-height: 1;
}
.landing-ink-effect .hero-section .hero-title .blotter-text:first-child {
font-size: 80px;
}
@media screen and (max-width: 90em) {
.landing-ink-effect .hero-section .hero-title .blotter-text:first-child {
font-size: 60px;
}
}
@media screen and (max-width: 76em) {
.landing-ink-effect .hero-section .hero-title .blotter-text:first-child {
font-size: 50px;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect .hero-section .hero-title .blotter-text:first-child {
font-size: 46px;
}
}
@media screen and (max-width: 36em) {
.landing-ink-effect .hero-section .hero-title .blotter-text:first-child {
font-size: 32px;
}
}
.landing-ink-effect .hero-section .hero-title .blotter-text:last-child {
font-size: 110px;
}
@media screen and (max-width: 76em) {
.landing-ink-effect .hero-section .hero-title .blotter-text:last-child {
font-size: 72px;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect .hero-section .hero-title .blotter-text:last-child {
font-size: 48px;
}
}
@media screen and (max-width: 36em) {
.landing-ink-effect .hero-section .hero-title .blotter-text:last-child {
font-size: 34px;
}
}
.landing-ink-effect .hero-section .hero-title canvas {
margin-top: -60px;
margin-bottom: -30px;
}
@media screen and (max-width: 76em) {
.landing-ink-effect .hero-section .hero-title canvas {
margin-top: -50px;
margin-bottom: -30px;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect .hero-section .hero-title canvas {
margin-top: -30px;
margin-bottom: -30px;
}
}
@media screen and (max-width: 36em) {
.landing-ink-effect .hero-section .hero-title canvas {
margin-top: -20px;
margin-bottom: -20px;
}
}
.landing-ink-effect .hero-section .hero-title#cartografy .section-title {
width: 100%;
}
.landing-ink-effect .hero-section .hero-title#cartografy .section-title .cartografy {
color: #4350c1;
font-family: "AveriaLibre-Bold";
}
.landing-ink-effect .hero-section .hero-title#cartografy .section-title canvas {
max-width: 100%;
height: auto !important;
}
.landing-ink-effect .hero-section .hero-title.js-lottie-title {
max-width: 1440px;
margin: 0 auto;
mix-blend-mode: color-burn;
opacity: 0;
}
@media screen and (max-width: 48em) {
.landing-ink-effect .hero-section .hero-title.js-lottie-title {
max-width: 720px;
}
}
.landing-ink-effect .hero-section .hero-badge {
display: flex;
justify-content: center;
align-items: center;
border-radius: 12px;
opacity: 0;
visibility: hidden;
transform: translateY(30px);
}
.landing-ink-effect .hero-section .hero-badge a {
font-family: "AveriaLibre-Bold";
display: block;
color: #52a891;
text-decoration: none;
font-size: 50px;
}
@media screen and (max-width: 76em) {
.landing-ink-effect .hero-section .hero-badge a {
font-size: 46px;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect .hero-section .hero-badge a {
font-size: 34px;
}
}
.landing-ink-effect .lottie-scroll-section { padding: 100px 0 270px 0;
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 0;
justify-content: flex-start;
align-items: center;
}
@media screen and (max-width: 48em) {
.landing-ink-effect .lottie-scroll-section {
padding: 50px 5%;
gap: 30px;
}
}
@media screen and (max-width: 36em) {
.landing-ink-effect .lottie-scroll-section {
gap: 0;
}
}
.landing-ink-effect .lottie-scroll-section#resistencia, .landing-ink-effect .lottie-scroll-section#caudal, .landing-ink-effect .lottie-scroll-section#voces, .landing-ink-effect .lottie-scroll-section#horizontes {
min-height: unset;
padding: 0px 5%;
}
@media screen and (max-width: 76em) {
.landing-ink-effect .lottie-scroll-section#resistencia, .landing-ink-effect .lottie-scroll-section#caudal, .landing-ink-effect .lottie-scroll-section#voces, .landing-ink-effect .lottie-scroll-section#horizontes {
padding: 0px 5%;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect .lottie-scroll-section#resistencia, .landing-ink-effect .lottie-scroll-section#caudal, .landing-ink-effect .lottie-scroll-section#voces, .landing-ink-effect .lottie-scroll-section#horizontes {
padding: 0px 5%;
}
}
.landing-ink-effect .lottie-scroll-section#cartografy {
position: relative;
padding: 0px 5% 20vw 5%;
overflow: hidden;
}
@media screen and (max-width: 48em) {
.landing-ink-effect .lottie-scroll-section#cartografy {
gap: 30px;
}
}
.landing-ink-effect .lottie-scroll-section#cartografy .section-title .cartografy {
color: #4350c1;
font-size: 70px;
font-family: "AveriaLibre-Bold";
line-height: 1;
}
@media screen and (max-width: 76em) {
.landing-ink-effect .lottie-scroll-section#cartografy .section-title .cartografy {
font-size: 54px;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect .lottie-scroll-section#cartografy .section-title .cartografy {
font-size: 36px;
}
}
@media screen and (max-width: 36em) {
.landing-ink-effect .lottie-scroll-section#cartografy .section-title .cartografy {
font-size: 32px;
}
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-container {
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: 50px;
align-items: flex-start;
position: relative;
}
@media screen and (max-width: 76em) {
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-container {
gap: 10px;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-container {
grid-template-columns: 1fr;
margin-top: unset;
}
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-content {
max-width: 600px;
z-index: 21;
display: flex;
flex-direction: column;
max-height: 400px;
}
@media screen and (max-width: 80em) {
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-content {
max-height: 250px;
}
}
@media screen and (max-width: 49.0625em) {
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-content {
max-height: 250px;
margin-top: -50px;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-content {
margin-top: unset;
}
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-description {
overflow-y: hidden !important;
margin-bottom: 20px;
position: relative;
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-description.scroll-active {
padding-inline-start: 35px !important;
overflow-y: auto !important;
}
@media screen and (max-width: 76em) {
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-description {
padding-inline: 0px;
margin-bottom: 0;
}
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-description::-webkit-scrollbar {
width: 5px;
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-description::-webkit-scrollbar-track {
background: transparent;
border-radius: 10px;
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-description::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.4);
border-radius: 10px;
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-description .hidden {
display: none !important;
opacity: 0;
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-description .hidden.is-visible {
display: flex !important;
animation: fadeInText 0.5s ease forwards;
flex-direction: column;
gap: 10px;
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-description .scroll-arrows {
display: none;
position: absolute;
left: 0px;
top: 0;
bottom: 0;
width: 20px;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 4px 0;
pointer-events: none;
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-description .scroll-arrows.visible {
display: flex;
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-description .scroll-arrows .arrow-indicator {
font-size: 20px;
line-height: 1;
color: rgba(255, 255, 255, 0.2);
transition: color 0.3s ease;
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-description .scroll-arrows .arrow-indicator.active {
color: rgba(255, 255, 255, 0.85);
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-description .scroll-arrows .arrow-indicator.arrow-up.active {
animation: arrowBounceUp 1s ease-in-out infinite;
transform: rotate(180deg);
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-description .scroll-arrows .arrow-indicator.arrow-up {
transform: rotate(180deg);
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-description .scroll-arrows .arrow-indicator.arrow-down.active {
animation: arrowBounceDown 1s ease-in-out infinite;
}
@keyframes fadeInText {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes arrowBounceUp {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-6px);
}
}
@keyframes arrowBounceDown {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(6px);
}
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-visual {
width: 100%;
display: flex;
justify-content: center;
z-index: 1;
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-visual .lottie-player-container {
width: 100%;
max-width: 100%;
height: auto;
min-height: unset;
}
.landing-ink-effect .lottie-scroll-section#cartografy .mapping-footer-deco {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
aspect-ratio: 1520/450;
background-image: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/cartografia_coral.webp);
background-size: 100% auto;
background-position: top center;
background-repeat: no-repeat;
z-index: 20;
pointer-events: none;
}
.landing-ink-effect .lottie-scroll-section .mapping-container {
position: relative;
max-width: 1440px;
margin: 0 auto;
display: grid;
gap: 60px;
align-items: flex-start;
grid-template-columns: 1.2fr 1fr;
}
.landing-ink-effect .lottie-scroll-section .mapping-container.full-width {
display: block;
}
@media screen and (max-width: 76em) {
.landing-ink-effect .lottie-scroll-section .mapping-container.full-width {
width: 100%;
}
}
@media screen and (max-width: 76em) {
.landing-ink-effect .lottie-scroll-section .mapping-container {
grid-template-columns: repeat(1, 1fr);
gap: 10px;
}
}
.landing-ink-effect .lottie-scroll-section .mapping-content {
position: relative;
display: flex;
flex-direction: column;
gap: 5px;
justify-content: flex-start;
align-items: flex-start;
z-index: 20;
}
.landing-ink-effect .lottie-scroll-section .section-title {
font-family: "AveriaLibre-Bold";
position: relative;
z-index: 20;
color: #4350c1;
font-size: 80px;
}
@media screen and (max-width: 48em) {
.landing-ink-effect .lottie-scroll-section .section-title {
font-size: 38px;
}
}
.landing-ink-effect .lottie-scroll-section .section-title,
.landing-ink-effect .lottie-scroll-section .js-lottie-title:not(.hero-title) {
font-family: "AveriaLibre-Bold";
color: #4350c1;
}
.landing-ink-effect .lottie-scroll-section .section-title.js-lottie-title,
.landing-ink-effect .lottie-scroll-section .js-lottie-title:not(.hero-title).js-lottie-title {
max-width: 600px;
margin-bottom: 20px;
}
@media screen and (max-width: 48em) {
.landing-ink-effect .lottie-scroll-section .section-title.js-lottie-title,
.landing-ink-effect .lottie-scroll-section .js-lottie-title:not(.hero-title).js-lottie-title {
max-width: 300px;
}
}
.landing-ink-effect .lottie-scroll-section .section-desc {
display: flex;
flex-direction: column;
gap: 30px;
}
@media screen and (max-width: 90em) {
.landing-ink-effect .lottie-scroll-section .section-desc {
gap: 0px;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect .lottie-scroll-section .section-desc {
gap: 10px;
padding-block-start: 20px;
}
}
.landing-ink-effect .lottie-scroll-section .section-desc p {
font-family: "RadioCanada-Regular";
display: flex;
flex-direction: column;
gap: 10px;
color: #000;
font-size: 23px; line-height: 1.4;
}
@media screen and (max-width: 76em) {
.landing-ink-effect .lottie-scroll-section .section-desc p {
font-size: 20px;
padding-block-start: 10px; }
}
@media screen and (max-width: 48em) {
.landing-ink-effect .lottie-scroll-section .section-desc p {
font-size: 18px; }
}
.landing-ink-effect .lottie-scroll-section .section-desc .hidden {
display: none;
opacity: 0;
transition: opacity 0.3s ease;
}
.landing-ink-effect .lottie-scroll-section .section-desc .hidden.is-visible {
display: inline;
opacity: 1;
}
@keyframes fadeIn {
to {
opacity: 1;
}
}
.landing-ink-effect .lottie-scroll-section .mapping-scroll-btn {
transition: transform 0.3s ease;
}
.landing-ink-effect .lottie-scroll-section .mapping-scroll-btn.active img {
transform: rotate(180deg);
color: #4350c1;
}
.landing-ink-effect .lottie-scroll-section .mapping-visual {
position: relative;
z-index: 10;
display: flex;
justify-content: center;
}
.landing-ink-effect .lottie-scroll-section .mapping-visual .lottie-player-container {
width: 100%;
max-width: 550px;
min-height: 400px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media screen and (max-width: 48em) {
.landing-ink-effect .lottie-scroll-section .mapping-visual .lottie-player-container {
min-height: 320px;
}
}
.landing-ink-effect .lottie-scroll-section .mapping-footer-deco {
position: absolute;
left: 0;
width: 100vw;
z-index: 0;
pointer-events: none;
aspect-ratio: 1920/2100;
bottom: clamp(-15%, -8vw, 0%);
background-image: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/cartografia_coral.webp);
background-size: 100% auto;
background-position: bottom center;
background-repeat: no-repeat;
}
.landing-ink-effect .lottie-scroll-section .mapping-scroll-btn {
position: relative;
z-index: 20;
color: #5bb094;
cursor: pointer;
margin-top: 0;
transition: transform 0.3s ease;
}
.landing-ink-effect .lottie-scroll-section .mapping-scroll-btn img {
width: 45px;
height: 45px;
}
.landing-ink-effect .lottie-scroll-section .mapping-scroll-btn span {
font-size: 18px;
padding: 5px;
background: #36bfb1;
font-family: "RadioCanada-Bold" !important;
color: #fff !important;
border-radius: 8px;
}
.landing-ink-effect .lottie-scroll-section .mapping-scroll-btn:hover {
transform: translateY(5px);
}
.landing-ink-effect .lottie-scroll-section .bg-title-green {
font-family: "AveriaLibre-Bold";
background: #26a6a6;
padding: 0px 20px;
border-radius: 15px;
color: #fff;
font-size: 36px;
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
}
.landing-ink-effect .lottie-scroll-section .bg-title-green.no-bg {
background: transparent;
font-size: 55px;
}
@media screen and (max-width: 76em) {
.landing-ink-effect .lottie-scroll-section .bg-title-green {
font-size: 32px;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect .lottie-scroll-section .bg-title-green {
font-size: 21px;
padding: 10px 20px;
}
.landing-ink-effect .lottie-scroll-section .bg-title-green.no-bg {
font-size: 32px;
}
}
.landing-ink-effect .title--black-example {
padding-block-start: 0;
font-size: 32px !important;
font-family: "AveriaLibre-Bold" !important;
}
@media screen and (max-width: 76em) {
.landing-ink-effect .title--black-example {
font-size: 28px !important;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect .title--black-example {
font-size: 24px !important;
}
}
@media screen and (max-width: 36em) {
.landing-ink-effect .title--black-example {
font-size: 20px !important;
}
}
.landing-ink-effect #resistencia {
margin-top: -5%;
}
.landing-ink-effect #resistencia .paragraph-white {
max-width: 1440px !important;
padding-block-end: 50px;
color: #0d2c40 !important;
font-family: "RadioCanada-Regular" !important;
}
@media screen and (max-width: 48em) {
.landing-ink-effect #resistencia .paragraph-white {
padding-block-end: 0;
}
}
.landing-ink-effect .waves-container {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50vh;
z-index: 1;
overflow: hidden;
background: transparent;
}
.landing-ink-effect .waves-container .waves-svg-cuenco {
width: 100%;
height: 100%;
}
.landing-ink-effect .waves-container .waves-svg-cuenco .wave-cuenco {
transform-origin: center top;
}
.landing-ink-effect .waves-container .waves-svg-cuenco .wave-cuenco.-offset {
transform: translateY(-15px) scaleX(1.02);
}
.landing-ink-effect .waves-container .waves-svg-cuenco .wave-cuenco.-one {
animation: u-to-wave-1 3s ease-in-out forwards, wave-loop-1 7.3s ease-in-out 3s infinite alternate;
}
.landing-ink-effect .waves-container .waves-svg-cuenco .wave-cuenco.-two {
animation: u-to-wave-2 3.5s ease-in-out forwards, wave-loop-2 11.7s ease-in-out 3.5s infinite alternate;
}
.landing-ink-effect .waves-container .waves-svg-cuenco .wave-cuenco.-three {
animation: u-to-wave-3 4s ease-in-out forwards, wave-loop-3 13.1s ease-in-out 4s infinite alternate;
}
@keyframes u-to-wave-1 {
0% {
d: path("M0,0 C200,450 800,450 1000,0 L1000,500 L0,500 Z");
}
100% {
d: path("M0,100 C300,400 700,-200 1000,100 L1000,500 L0,500 Z");
}
}
@keyframes u-to-wave-2 {
0% {
d: path("M0,0 C200,450 800,450 1000,0 L1000,500 L0,500 Z");
}
100% {
d: path("M0,140 C100,350 600,-150 1000,140 L1000,500 L0,500 Z");
}
}
@keyframes u-to-wave-3 {
0% {
d: path("M0,0 C200,450 800,450 1000,0 L1000,500 L0,500 Z");
}
100% {
d: path("M0,180 C500,300 900,0 1000,180 L1000,500 L0,500 Z");
}
}
@keyframes wave-loop-1 {
0% {
d: path("M0,100 C300,400 700,-200 1000,100 L1000,500 L0,500 Z");
}
100% {
d: path("M0,100 C400,-250 600,450 1000,100 L1000,500 L0,500 Z");
}
}
@keyframes wave-loop-2 {
0% {
d: path("M0,140 C100,350 600,-150 1000,140 L1000,500 L0,500 Z");
}
100% {
d: path("M0,140 C300,-300 800,450 1000,140 L1000,500 L0,500 Z");
}
}
@keyframes wave-loop-3 {
0% {
d: path("M0,180 C500,300 900,0 1000,180 L1000,500 L0,500 Z");
}
100% {
d: path("M0,180 C100,150 700,-100 1000,180 L1000,500 L0,500 Z");
}
}
.landing-ink-effect .organizaciones-section {
padding: 20px 0;
position: relative;
min-height: 900px;
}
.landing-ink-effect .organizaciones-section .container-max-width {
max-width: 1440px;
margin: 0 auto;
height: 100%;
position: relative;
}
.landing-ink-effect .organizaciones-section .container-max-width .org-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
height: 100%;
position: relative;
z-index: 20;
padding: 50px 5%;
}
@media (max-width: 992px) {
.landing-ink-effect .organizaciones-section .container-max-width .org-grid {
grid-template-columns: repeat(2, 1fr);
padding: 50px 5%;
}
}
@media (max-width: 576px) {
.landing-ink-effect .organizaciones-section .container-max-width .org-grid {
grid-template-columns: 1fr;
padding: 0px 5%;
}
}
.landing-ink-effect .organizaciones-section .container-max-width .org-grid .org-card {
cursor: pointer;
transition: transform 0.3s ease;
}
.landing-ink-effect .organizaciones-section .container-max-width .org-grid .org-card:hover {
transform: translateY(-8px);
}
.landing-ink-effect .organizaciones-section .container-max-width .org-grid .org-card .org-card-icon {
height: 380px;
width: 100%;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 48em) {
.landing-ink-effect .organizaciones-section .container-max-width .org-grid .org-card .org-card-icon {
height: 280px;
}
}
.landing-ink-effect .organizaciones-section .container-max-width .org-grid .org-card .org-card-icon svg {
width: 100%;
height: 100%;
}
.landing-ink-effect .organizaciones-section .container-max-width .org-grid .org-card .org-card-title {
font-family: "RadioCanada-Bold";
background-color: #03a6a6;
color: white;
padding: 18px;
border-radius: 8px;
font-size: 26px;
min-height: 90px;
line-height: 1.4;
}
@media screen and (max-width: 48em) {
.landing-ink-effect .organizaciones-section .container-max-width .org-grid .org-card .org-card-title {
font-size: 22px;
padding: 12px;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect .organizaciones-section .container-max-width .org-grid .org-card .org-card-title {
font-size: 20px;
padding: 12px;
}
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal {
position: fixed;
inset: 0;
background: rgba(80, 116, 118, 0.73);
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
z-index: 9999;
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container {
background: #8cd2d6;
width: 90%;
max-width: 1000px;
padding: 50px 60px;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
position: relative;
}
@media screen and (max-width: 76em) {
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container {
width: 100%;
margin: 20px;
}
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .btn-close-modal {
position: absolute;
top: 20px;
right: 25px;
background: transparent;
border: none;
color: #fff;
background-color: #52bdbf;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
cursor: pointer;
padding: 5px;
z-index: 30;
transition: transform 0.2s ease, color 0.2s ease;
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .btn-close-modal:hover {
transform: scale(1.1);
color: #4350c1;
}
@media screen and (max-width: 48em) {
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .btn-close-modal {
top: 15px;
right: 15px;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container {
padding: 30px;
max-height: 90vh;
overflow-y: auto;
}
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-body {
display: flex;
gap: 40px;
align-items: center;
}
@media (max-width: 768px) {
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-body {
flex-direction: column;
gap: 20px;
}
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-body .org-modal-left {
flex: 1;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
max-width: 350px;
margin: 0 auto;
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-body .org-modal-left #modal-lottie-player {
width: 100%;
height: auto;
}
@media screen and (max-width: 48em) {
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-body .org-modal-left #modal-lottie-player {
height: 200px;
}
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-body .org-modal-right {
flex: 1.5;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-body .org-modal-right .org-modal-title {
font-family: "RadioCanada-Bold";
color: #4350c1;
font-size: 28px;
margin-bottom: 20px;
}
@media screen and (max-width: 48em) {
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-body .org-modal-right .org-modal-title {
font-size: 20px;
}
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-body .org-modal-right .org-modal-text {
width: 100%;
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-body .org-modal-right .org-modal-text p {
font-size: 18px;
font-family: "RadioCanada-Regular" !important;
color: #0d2c40;
margin-bottom: 30px;
max-width: 425px;
}
@media screen and (max-width: 48em) {
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-body .org-modal-right .org-modal-text p {
width: 100%;
max-width: unset;
font-size: 16px;
margin-bottom: 0;
}
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-body .org-modal-right .org-modal-btn {
align-self: flex-end;
background-color: #03a6a6;
color: white !important;
font-family: "RadioCanada-Regular";
padding: 10px 25px;
border-radius: 25px;
text-decoration: none;
font-size: 16px;
transition: transform 0.3s;
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-body .org-modal-right .org-modal-btn:hover {
transform: scale(1.05);
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-footer {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-footer .btn-volver {
display: none;
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-footer .org-modal-nav {
position: absolute;
bottom: 40px;
left: 50px;
display: flex;
gap: 15px;
}
@media screen and (max-width: 48em) {
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-footer .org-modal-nav {
position: static;
justify-content: center;
margin-top: 20px;
}
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-footer .org-modal-nav .btn-nav {
background-color: transparent;
width: 45px;
height: 45px;
border-radius: 50%;
border: none;
cursor: pointer;
margin: 0;
padding: 0;
transition: transform 0.3s ease;
background-image: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/Boton.png);
background-size: cover;
background-position: center;
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-footer .org-modal-nav .btn-nav svg {
display: none;
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-footer .org-modal-nav .btn-nav.btn-prev {
transform: rotate(90deg);
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-footer .org-modal-nav .btn-nav.btn-prev:hover {
transform: rotate(90deg) scale(1.1);
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-footer .org-modal-nav .btn-nav.btn-next {
transform: rotate(-90deg);
}
.landing-ink-effect .organizaciones-section .container-max-width .org-modal .org-modal-container .org-modal-footer .org-modal-nav .btn-nav.btn-next:hover {
transform: rotate(-90deg) scale(1.1);
}
.landing-ink-effect .organizaciones-section .mapping-footer-deco {
width: 100%;
}
.landing-ink-effect .organizaciones-section .mapping-footer-deco img {
width: 100%;
height: 100%;
object-fit: cover;
}
.landing-ink-effect #espacios {
position: relative;
z-index: 20;
padding-block-end: 70px;
padding-block-start: 0;
margin-top: -15%;
}
@media screen and (max-width: 76em) {
.landing-ink-effect #espacios {
padding: 0 5%;
}
}
.landing-ink-effect #espacios .mapping-scroll-btn {
margin: 0 auto 0 0;
max-width: 820px;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.landing-ink-effect #espacios .mapping-scroll-btn span {
font-size: 18px;
padding: 5px;
background: #36bfb1;
font-family: "RadioCanada-Bold";
color: #fff;
}
.landing-ink-effect #espacios .mapping-scroll-btn img {
width: 100%;
height: 100%;
object-fit: scale-down;
}
.landing-ink-effect #espacios .mapping-scroll-btn .second-buton {
height: 45px;
width: 45px;
}
.landing-ink-effect #espacios .mapping-content {
padding-block-end: 40px;
justify-content: center;
align-items: center;
z-index: 20;
}
.landing-ink-effect #espacios .share--space {
padding-block-start: 20px;
font-family: "AveriaLibre-Bold";
display: flex;
flex-direction: column;
gap: 10px;
font-size: 36px;
color: white !important;
}
@media screen and (max-width: 76em) {
.landing-ink-effect #espacios .share--space {
font-size: 32px;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect #espacios .share--space {
font-size: 28px;
}
}
@media screen and (max-width: 36em) {
.landing-ink-effect #espacios .share--space {
font-size: 22px;
}
}
.landing-ink-effect #espacios .container--options {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 15px;
max-width: 1000px;
margin: 40px auto;
align-items: end;
}
@media screen and (max-width: 76em) {
.landing-ink-effect #espacios .container--options {
grid-template-columns: repeat(2, 1fr);
}
.landing-ink-effect #espacios .container--options :last-child {
grid-column: span 2;
}
}
.landing-ink-effect #espacios .container--options .option-item {
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
transition: transform 0.3s ease;
}
@keyframes fadeInTriangle {
from {
opacity: 0;
transform: translateX(-50%) translateY(-5px);
}
to {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
}
.landing-ink-effect #espacios .container--options .option-item.active .lottie-option {
background: #5fcdd9;
transform: scale(1.1);
box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
}
.landing-ink-effect #espacios .container--options .option-item.active .option-title {
position: relative;
}
.landing-ink-effect #espacios .container--options .option-item.active .option-title:after {
content: "";
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%) rotate(180deg);
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 40px solid #5fcdd9;
z-index: 21;
opacity: 0;
animation: fadeInTriangle 0.4s ease forwards;
animation-delay: 0.2s;
}
@media screen and (max-width: 76em) {
.landing-ink-effect #espacios .container--options .option-item.active .option-title:after {
display: none;
}
}
.landing-ink-effect #espacios .container--options .option-item .lottie-option {
width: 140px;
height: 140px;
border-radius: 50%;
padding: 10px;
display: flex;
justify-content: center;
align-items: flex-start;
transition: all 0.3s ease;
}
@media screen and (max-width: 48em) {
.landing-ink-effect #espacios .container--options .option-item .lottie-option {
width: 100px;
height: 100px;
}
}
.landing-ink-effect #espacios .container--options .option-item .lottie-option img {
max-width: 100%;
height: 100%;
object-fit: contain;
}
.landing-ink-effect #espacios .container--options .option-item .option-title {
background-color: #62ccd9;
color: #5a34a8 !important;
font-family: "RadioCanada-Bold";
font-size: 22px;
line-height: 1.2;
padding: 15px 15px 35px 15px;
min-height: 155px;
border-radius: 8px;
width: 100%;
text-align: left;
display: flex;
align-items: center;
}
@media screen and (max-width: 48em) {
.landing-ink-effect #espacios .container--options .option-item .option-title {
padding: 10px;
font-size: 18px;
min-height: 150px;
}
}
.landing-ink-effect #espacios .info-panels-container {
position: relative;
min-height: 400px;
padding: 0px 5%;
}
.landing-ink-effect #espacios .info-panels-container .info-panel {
display: none;
background: #5fcdd9;
border-radius: 40px;
padding: 60px;
color: #4350c1;
position: relative;
}
@media screen and (max-width: 48em) {
.landing-ink-effect #espacios .info-panels-container .info-panel {
padding: 20px;
}
}
.landing-ink-effect #espacios .info-panels-container .info-panel.active {
display: block;
animation: fadeInPanel 0.5s ease forwards;
}
.landing-ink-effect #espacios .info-panels-container .info-panel .panel-title {
font-family: "RadioCanada-Bold";
font-size: 23px;
text-align: left;
color: #0d2c40;
padding-block-end: 25px;
}
.landing-ink-effect #espacios .info-panels-container .info-panel .panel-text {
font-family: "RadioCanada-Regular";
font-size: 20px;
text-align: left;
color: #0d2c40;
}
@media screen and (max-width: 48em) {
.landing-ink-effect #espacios .info-panels-container .info-panel {
width: 100%;
}
}
@keyframes fadeInPanel {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.landing-ink-effect #espacios .panel-graphics {
display: flex;
gap: 30px;
justify-content: center;
margin-top: 30px;
}
@media screen and (max-width: 48em) {
.landing-ink-effect #espacios .panel-graphics {
flex-wrap: wrap;
}
}
.landing-ink-effect #espacios .panel-graphics .graphic-placeholder {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
background: transparent;
}
.landing-ink-effect #espacios .panel-graphics .graphic-placeholder h4 {
font-family: "RadioCanada-Bold";
color: #0d2c40;
font-size: 20px;
text-align: center;
margin: 0;
}
.landing-ink-effect #espacios .panel-graphics .graphic-placeholder .iphone-mockup {
position: relative;
width: 320px;
height: 650px;
border: 14px solid #1a1a1a;
border-radius: 40px;
background-color: #ffffff;
overflow: hidden;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}
.landing-ink-effect #espacios .panel-graphics .graphic-placeholder .iphone-mockup .notch {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 120px;
height: 25px;
background-color: #1a1a1a;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
z-index: 10;
}
.landing-ink-effect #espacios .panel-graphics .graphic-placeholder .iphone-mockup iframe {
width: 100%;
height: 100%;
border: none;
display: block;
padding-top: 25px;
background: #fff;
}
@media screen and (max-width: 76em) {
.landing-ink-effect #espacios .container--options,
.landing-ink-effect #espacios .info-panels-container {
display: none !important;
}
}
.landing-ink-effect #espacios .mobile-accordion {
display: none;
flex-direction: column;
gap: 10px;
margin: 20px 0;
padding: 0 5%;
}
@media screen and (max-width: 76em) {
.landing-ink-effect #espacios .mobile-accordion {
display: flex;
padding: 0%;
}
}
.landing-ink-effect #espacios .mobile-accordion .accordion-item {
border-radius: 14px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.landing-ink-effect #espacios .mobile-accordion .accordion-item .accordion-header {
display: flex;
align-items: center;
gap: 12px;
background: #62ccd9;
padding: 12px 16px;
cursor: pointer;
transition: background 0.3s ease;
}
.landing-ink-effect #espacios .mobile-accordion .accordion-item .accordion-header .accordion-lottie {
width: 65px;
height: 65px;
min-width: 65px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.2);
padding: 5px;
transition: background 0.3s ease, transform 0.3s ease;
}
.landing-ink-effect #espacios .mobile-accordion .accordion-item .accordion-header .accordion-title {
flex: 1;
font-family: "RadioCanada-Bold";
font-size: 18px;
line-height: 1.3;
color: #5a34a8 !important;
}
.landing-ink-effect #espacios .mobile-accordion .accordion-item .accordion-header .accordion-chevron {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.landing-ink-effect #espacios .mobile-accordion .accordion-item .accordion-header .accordion-chevron svg {
transition: transform 0.35s ease;
}
.landing-ink-effect #espacios .mobile-accordion .accordion-item.active .accordion-header {
background: #5fcdd9;
}
.landing-ink-effect #espacios .mobile-accordion .accordion-item.active .accordion-header .accordion-lottie {
background: rgba(255, 255, 255, 0.3);
transform: scale(1.06);
}
.landing-ink-effect #espacios .mobile-accordion .accordion-item.active .accordion-header .accordion-chevron svg {
transform: rotate(180deg);
}
.landing-ink-effect #espacios .mobile-accordion .accordion-item .accordion-body {
max-height: 0;
overflow: hidden;
transition: max-height 0.45s ease;
background: #5fcdd9;
}
.landing-ink-effect #espacios .mobile-accordion .accordion-item .accordion-body .accordion-body-inner {
padding: 20px 18px 24px;
}
.landing-ink-effect #espacios .mobile-accordion .accordion-item .accordion-body .accordion-body-inner .panel-title {
font-family: "RadioCanada-Bold";
font-size: 18px;
color: #0d2c40;
padding-block-end: 12px;
}
.landing-ink-effect #espacios .mobile-accordion .accordion-item .accordion-body .accordion-body-inner .panel-text {
font-family: "RadioCanada-Regular";
font-size: 18px;
color: #0d2c40;
}
.landing-ink-effect #espacios .mobile-accordion .accordion-item .accordion-body .accordion-body-inner .panel-text a {
color: #4350c1;
text-decoration: underline;
}
.landing-ink-effect #espacios .mobile-accordion .accordion-item .accordion-body .accordion-body-inner .panel-graphics {
flex-direction: column;
align-items: center;
gap: 24px;
margin-top: 20px;
}
.landing-ink-effect #espacios .mobile-accordion .accordion-item .accordion-body .accordion-body-inner .panel-graphics .iphone-mockup {
width: 100%;
max-width: 280px;
height: 560px;
}
.landing-ink-effect #espacios .mobile-accordion .accordion-item.active .accordion-body {
max-height: 4000px;
}
.landing-ink-effect #Soluciones {
justify-content: center;
align-items: center;
padding: unset;
}
@media screen and (max-width: 90em) {
.landing-ink-effect #Soluciones .mapping-container {
padding: 0 5%;
}
}
.landing-ink-effect #Soluciones .mapping-container .mapping-visual {
margin-top: -100px;
}
@media screen and (max-width: 48em) {
.landing-ink-effect #Soluciones .mapping-container .mapping-visual {
margin-top: 0px;
}
}
.landing-ink-effect #Soluciones .mapping-container .mapping-content {
max-height: 500px;
overflow: hidden;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 48em) {
.landing-ink-effect #Soluciones .mapping-container .mapping-content {
max-height: unset;
padding: 0%;
}
}
.landing-ink-effect #Soluciones .mapping-container .mapping-content .mapping-description {
overflow-y: hidden !important;
padding-right: 15px;
margin-bottom: 20px;
transition: all 100ms ease;
}
@media screen and (max-width: 48em) {
.landing-ink-effect #Soluciones .mapping-container .mapping-content .mapping-description {
overflow-y: hidden !important;
padding: 0px;
}
.landing-ink-effect #Soluciones .mapping-container .mapping-content .mapping-description.scroll-active {
max-height: 55vh;
overflow-y: auto !important;
}
}
.landing-ink-effect #Soluciones .mapping-container .mapping-content .mapping-description.scroll-active {
padding-block-start: 10px;
overflow-y: auto !important;
transition: all 100ms ease;
}
.landing-ink-effect #Soluciones .mapping-container .mapping-content .mapping-description.scroll-active ::-webkit-scrollbar-track {
background: transparent !important;
}
.landing-ink-effect #Soluciones .mapping-container .mapping-content .mapping-description::-webkit-scrollbar {
width: 5px;
}
.landing-ink-effect #Soluciones .mapping-container .mapping-content .mapping-description::-webkit-scrollbar-track {
background: transparent;
border-radius: 10px;
}
.landing-ink-effect #Soluciones .mapping-container .mapping-content .mapping-description::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.4);
border-radius: 10px;
}
.landing-ink-effect #Soluciones .mapping-container .mapping-content .mapping-description p {
color: white !important;
font-family: "RadioCanada-Regular";
}
.landing-ink-effect #Soluciones .mapping-container .mapping-content .mapping-description p strong {
font-family: "RadioCanada-Bold";
}
.landing-ink-effect #Soluciones .mapping-container .mapping-content .mapping-description p span {
color: white !important;
font-family: "RadioCanada-Regular";
}
.landing-ink-effect #Soluciones .mapping-container .mapping-content .mapping-description p span strong {
font-family: "RadioCanada-Bold";
color: white !important;
}
.landing-ink-effect #Soluciones .mapping-container .mapping-content .mapping-description p span.hidden {
display: none !important;
opacity: 0;
}
.landing-ink-effect #Soluciones .mapping-container .mapping-content .mapping-description p span.hidden.is-visible {
display: flex !important;
flex-direction: column;
gap: 10px;
animation: fadeInText 0.5s ease forwards;
}
@keyframes fadeInText {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.landing-ink-effect #Soluciones .mapping-scroll-btn {
display: flex;
flex-wrap: wrap;
gap: 5px;
justify-content: center;
align-items: center;
margin: 0 auto 0 0 !important;
}
.landing-ink-effect #Soluciones .mapping-scroll-btn span {
background-color: transparent;
color: #6eeadb !important;
font-family: "RadioCanada-Light";
}
.landing-ink-effect #Soluciones .mapping-footer-deco-up {
width: 100%;
}
.landing-ink-effect #Soluciones .mapping-footer-deco-up img {
width: 100%;
height: 100%;
max-height: 700px;
object-fit: cover;
margin-bottom: -120px;
}
@media screen and (max-width: 76em) {
.landing-ink-effect #Soluciones .mapping-footer-deco-up img {
margin-bottom: unset;
}
}
.landing-ink-effect #Soluciones .mapping-footer-deco-down {
width: 100%;
}
.landing-ink-effect #Soluciones .mapping-footer-deco-down img {
width: 100%;
height: 100%;
margin-top: -240px;
object-fit: cover;
}
@media screen and (max-width: 125em) {
.landing-ink-effect #Soluciones .mapping-footer-deco-down img {
margin-top: -100px;
}
}
@media screen and (max-width: 76em) {
.landing-ink-effect #Soluciones .mapping-footer-deco-down img {
margin-top: unset;
}
}
.landing-ink-effect #Cardumen {
padding-block-start: 0px;
padding-block-end: 20px;
}
.landing-ink-effect #Cardumen .mapping-container {
align-items: flex-start;
max-width: 1100px;
gap: 80px;
padding-block-start: 30px;
}
@media screen and (max-width: 76em) {
.landing-ink-effect #Cardumen .mapping-container {
padding: 0 5%;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect #Cardumen .mapping-container {
padding: 0%;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect #Cardumen .mapping-container {
grid-template-columns: repeat(1, 1fr);
gap: 30px;
}
}
.landing-ink-effect #Cardumen .mapping-container .info-left .mapping-description,
.landing-ink-effect #Cardumen .mapping-container .info-right .mapping-description {
max-height: 300px;
overflow-y: hidden !important;
padding-right: 5px;
margin-bottom: 20px;
display: flex;
flex-direction: column;
transition: all 100ms ease;
margin-block-start: 20px;
}
.landing-ink-effect #Cardumen .mapping-container .info-left .mapping-description.scroll-active,
.landing-ink-effect #Cardumen .mapping-container .info-right .mapping-description.scroll-active {
padding-block-start: 10px;
transition: all 100ms ease;
overflow-y: auto !important;
}
.landing-ink-effect #Cardumen .mapping-container .info-left .mapping-description::-webkit-scrollbar,
.landing-ink-effect #Cardumen .mapping-container .info-right .mapping-description::-webkit-scrollbar {
width: 5px;
}
.landing-ink-effect #Cardumen .mapping-container .info-left .mapping-description::-webkit-scrollbar-track,
.landing-ink-effect #Cardumen .mapping-container .info-right .mapping-description::-webkit-scrollbar-track {
background: transparent;
border-radius: 10px;
}
.landing-ink-effect #Cardumen .mapping-container .info-left .mapping-description::-webkit-scrollbar-thumb,
.landing-ink-effect #Cardumen .mapping-container .info-right .mapping-description::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.4);
border-radius: 10px;
}
.landing-ink-effect #Cardumen .mapping-container .info-left .mapping-description .hidden,
.landing-ink-effect #Cardumen .mapping-container .info-right .mapping-description .hidden {
display: none !important;
opacity: 0;
}
.landing-ink-effect #Cardumen .mapping-container .info-left .mapping-description .hidden.is-visible,
.landing-ink-effect #Cardumen .mapping-container .info-right .mapping-description .hidden.is-visible {
display: inline !important;
animation: fadeInText 0.5s ease forwards;
}
.landing-ink-effect #Cardumen .mapping-container .info-left .mapping-scroll-btn,
.landing-ink-effect #Cardumen .mapping-container .info-right .mapping-scroll-btn {
display: flex;
flex-wrap: wrap;
gap: 5px;
justify-content: center;
align-items: center;
margin: 0 auto 0 0 !important;
justify-self: flex-start;
cursor: pointer;
}
.landing-ink-effect #Cardumen .mapping-container .info-left .mapping-scroll-btn span,
.landing-ink-effect #Cardumen .mapping-container .info-right .mapping-scroll-btn span {
background-color: transparent;
color: #6eeadb !important;
font-family: "RadioCanada-Light";
}
.landing-ink-effect #Cardumen .mapping-container .info-left .title--orange,
.landing-ink-effect #Cardumen .mapping-container .info-right .title--orange {
background: #986ad9;
padding: 10px 25px;
border-radius: 25px;
color: #fff;
font-family: "AveriaLibre-Bold";
font-size: 40px;
line-height: 1.1;
font-weight: bold;
}
@media screen and (max-width: 76em) {
.landing-ink-effect #Cardumen .mapping-container .info-left .title--orange,
.landing-ink-effect #Cardumen .mapping-container .info-right .title--orange {
font-size: 28px;
}
.landing-ink-effect #Cardumen .mapping-container .info-left .title--orange br,
.landing-ink-effect #Cardumen .mapping-container .info-right .title--orange br {
display: none;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect #Cardumen .mapping-container .info-left .title--orange,
.landing-ink-effect #Cardumen .mapping-container .info-right .title--orange {
font-size: 22px;
}
}
@media screen and (max-width: 36em) {
.landing-ink-effect #Cardumen .mapping-container .info-left .title--orange,
.landing-ink-effect #Cardumen .mapping-container .info-right .title--orange {
font-size: 18px;
}
}
.landing-ink-effect #Cardumen .mapping-container .info-left .title--orange.no-bg,
.landing-ink-effect #Cardumen .mapping-container .info-right .title--orange.no-bg {
background: transparent;
font-size: 55px;
}
.landing-ink-effect #Cardumen .mapping-container .info-left p,
.landing-ink-effect #Cardumen .mapping-container .info-right p {
padding-block-start: 20px;
color: #fff !important;
font-family: "RadioCanada-Regular";
font-size: 23px;
text-align: left;
display: flex;
flex-direction: column;
gap: 10px;
}
@media screen and (max-width: 48em) {
.landing-ink-effect #Cardumen .mapping-container .info-left p,
.landing-ink-effect #Cardumen .mapping-container .info-right p {
font-size: 18px;
padding-block-start: 0px;
}
}
.landing-ink-effect #Cardumen .mapping-container .info-left p strong,
.landing-ink-effect #Cardumen .mapping-container .info-right p strong {
font-family: "RadioCanada-Bold";
}
.landing-ink-effect #Cardumen .mapping-container .info-left p *,
.landing-ink-effect #Cardumen .mapping-container .info-right p * {
color: #fff !important;
font-family: "RadioCanada-Regular";
font-size: 23px;
text-align: left;
}
@media screen and (max-width: 48em) {
.landing-ink-effect #Cardumen .mapping-container .info-left p *,
.landing-ink-effect #Cardumen .mapping-container .info-right p * {
font-size: 18px;
}
}
.landing-ink-effect #Cardumen .mapping-container .info-left p * a,
.landing-ink-effect #Cardumen .mapping-container .info-right p * a {
font-family: "RadioCanada-Regular";
font-weight: unset;
}
.landing-ink-effect #Cardumen .mapping-container .info-left p * strong,
.landing-ink-effect #Cardumen .mapping-container .info-right p * strong {
font-family: "RadioCanada-Bold";
}
.landing-ink-effect #Caudales {
padding: 100px 0 0px 0;
}
@media screen and (max-width: 76em) {
.landing-ink-effect #Caudales {
padding: 20px 0 0px 0;
}
}
.landing-ink-effect #Caudales p {
font-family: "RadioCanada-Regular";
font-size: 23px;
max-width: 1100px;
margin: 0 auto;
color: white !important;
}
@media screen and (max-width: 76em) {
.landing-ink-effect #Caudales p {
padding: 0 5%;
}
}
@media screen and (max-width: 48em) {
.landing-ink-effect #Caudales p {
padding: 0 20px;
font-size: 18px;
}
}
.landing-ink-effect #Caudales .info-left {
margin-bottom: -60px;
}
.landing-ink-effect #Caudales .info-right {
position: relative;
z-index: 21;
}
.landing-ink-effect #Caudales .mapping-footer-deco-down {
width: 100%;
}
.landing-ink-effect #Caudales .mapping-footer-deco-down img {
width: 100%;
height: 100%;
margin-top: -25%;
object-fit: cover;
}
.landing-ink-effect #Puertos {
padding-block-end: 0;
min-height: unset;
}
.landing-ink-effect #Puertos .mapping-scroll-btn {
display: flex;
flex-wrap: wrap;
gap: 5px;
justify-content: center;
align-items: center;
margin: 0 auto 0 0 !important;
justify-self: flex-start;
cursor: pointer;
}
.landing-ink-effect #Puertos .mapping-scroll-btn span {
background-color: transparent;
color: #6eeadb !important;
font-family: "RadioCanada-Light";
}
.landing-ink-effect #Puertos .mapping-container .mapping-content p {
color: white;
font-size: 22px;
text-align: left;
font-family: "RadioCanada-Regular";
max-width: 490px;
}
.landing-ink-effect #Puertos .mapping-container .mapping-content p * {
color: white !important;
font-size: 22px;
text-align: left;
font-family: "RadioCanada-Regular";
max-width: 490px;
}
@media screen and (max-width: 48em) {
.landing-ink-effect #Puertos .mapping-container .mapping-content p * {
font-size: 18px;
}
}
.landing-ink-effect #Puertos .mapping-container .mapping-content .mapping-scroll-btn {
margin: 0 0 0 auto;
}
@keyframes move-forever {
0% {
transform: translate3d(-90px, 0, 0);
}
100% {
transform: translate3d(85px, 0, 0);
}
}
.ink-filter-defs {
visibility: hidden;
position: absolute;
width: 0;
height: 0;
}
.new-landing {
background-image: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/FONDO-LANDING-new.webp);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
@media screen and (max-width: 48em) {
.new-landing {
padding-block-end: 340px;
}
}
.color-white {
color: #fff !important;
position: relative;
z-index: 20;
}
.lottie-entornos {
margin-bottom: -5%;
margin-top: -15%;
}
.lottie-entornos svg {
height: 800px !important;
}
@media screen and (max-width: 48em) {
.lottie-entornos svg {
height: auto !important;
}
}
#bitacora {
padding-block-end: 0px;
padding-inline: 60px;
z-index: 20;
}
@media screen and (max-width: 90em) {
#bitacora {
padding-block: 0;
}
}
@media screen and (max-width: 48em) {
#bitacora {
padding-inline: 20px;
}
}
#bitacora .mapping-container .mapping-content .mapping-description p {
color: white !important;
font-family: "RadioCanada-Regular" !important;
}
.container--faq-image {
margin-top: -100px;
display: flex;
flex-wrap: wrap;
gap: 20px;
position: relative;
justify-content: center;
align-items: flex-start;
}
@media screen and (max-width: 80em) {
.container--faq-image {
margin-top: 0;
}
}
.container--faq-image .lottie-cangrejo {
flex: 1;
transform: rotate(90deg);
width: 100%;
height: 800px;
object-fit: cover;
}
@media screen and (max-width: 76em) {
.container--faq-image .lottie-cangrejo {
display: none;
}
}
.container--faq-image .container--faqs {
display: flex;
flex-direction: column;
gap: 15px;
width: 100%;
max-width: 600px;
margin: 40px auto 0;
position: relative;
z-index: 20;
}
@media screen and (max-width: 76em) {
.container--faq-image .container--faqs {
max-width: unset;
margin-top: 0;
}
}
.container--faq-image .container--faqs .faq-item {
background-color: #26a6a6;
border-radius: 12px;
overflow: hidden;
transition: background-color 0.3s ease;
}
.container--faq-image .container--faqs .faq-item .faq-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 25px;
cursor: pointer;
}
.container--faq-image .container--faqs .faq-item .faq-header h4 {
margin: 0;
font-family: "RadioCanada-Bold";
font-size: 20px;
color: #0d2c40;
line-height: 1.4;
flex: 1;
padding-right: 15px;
}
@media screen and (max-width: 36em) {
.container--faq-image .container--faqs .faq-item .faq-header h4 {
font-size: 18px;
}
}
.container--faq-image .container--faqs .faq-item .faq-header h4 strong {
font-family: "RadioCanada-Bold";
}
.container--faq-image .container--faqs .faq-item .faq-header .faq-btn {
background: none;
border: none;
cursor: pointer;
padding: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease;
transform: rotate(0deg);
}
.container--faq-image .container--faqs .faq-item .faq-header .faq-btn img {
width: 100%;
height: auto;
pointer-events: none;
}
.container--faq-image .container--faqs .faq-item .faq-content {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.4s ease;
}
.container--faq-image .container--faqs .faq-item .faq-content .faq-content-inner {
overflow: hidden;
padding: 0 25px;
display: flex;
flex-direction: column;
gap: 10px;
}
.container--faq-image .container--faqs .faq-item .faq-content .faq-content-inner p {
font-family: "RadioCanada-Regular";
font-size: 18px;
margin: 0;
color: #0d2c40;
line-height: 1.5;
}
@media screen and (max-width: 36em) {
.container--faq-image .container--faqs .faq-item .faq-content .faq-content-inner p {
font-size: 16px;
}
}
.container--faq-image .container--faqs .faq-item .faq-content .faq-content-inner p a {
display: inline-block;
color: white;
font-weight: unset;
}
.container--faq-image .container--faqs .faq-item .faq-content .faq-content-inner p:last-child {
margin-bottom: 25px;
}
.container--faq-image .container--faqs .faq-item.active {
background-color: #5fcdd9;
}
.container--faq-image .container--faqs .faq-item.active .faq-btn {
transform: rotate(180deg);
}
.container--faq-image .container--faqs .faq-item.active .faq-content {
grid-template-rows: 1fr;
}
#testimonials .hero-title {
color: #fff;
font-family: "AveriaLibre-Bold";
}
#testimonials .mapping-container {
max-width: 1000px;
margin: 0 auto;
position: relative;
display: block;
}
@media screen and (max-width: 76em) {
#testimonials .mapping-container {
width: 100%;
}
}
#testimonials .testimonial-slider {
padding: 40px 80px;
overflow: hidden;
}
@media screen and (max-width: 76em) {
#testimonials .testimonial-slider {
padding: 0px;
}
}
#testimonials .testimonial-card {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 25px;
}
#testimonials .testimonial-card .testimonial-text {
color: #fff !important;
font-family: "RadioCanada-Regular";
font-size: 23px;
width: 100%;
line-height: 1.4;
margin: 0;
}
@media screen and (max-width: 48em) {
#testimonials .testimonial-card .testimonial-text {
font-size: 18px;
}
}
#testimonials .testimonial-card .testimonial-author {
color: #36bfb1 !important;
font-family: "AveriaLibre-Bold" !important;
font-size: 31px;
text-transform: none;
}
@media screen and (max-width: 48em) {
#testimonials .testimonial-card .testimonial-author {
font-size: 22px;
}
}
#testimonials .custom-arrow {
width: 50px;
height: 50px;
z-index: 30;
cursor: pointer;
}
#testimonials .custom-arrow:after {
display: none;
}
#testimonials .custom-arrow img {
width: 100%;
height: auto;
transition: transform 0.3s ease;
}
#testimonials .custom-arrow.swiper-button-prev {
left: 0;
}
#testimonials .custom-arrow.swiper-button-prev img {
transform: rotate(90deg);
}
#testimonials .custom-arrow.swiper-button-prev:hover img {
transform: rotate(90deg) scale(1.1);
}
#testimonials .custom-arrow.swiper-button-next {
right: 0;
}
#testimonials .custom-arrow.swiper-button-next img {
transform: rotate(-90deg);
}
#testimonials .custom-arrow.swiper-button-next:hover img {
transform: rotate(-90deg) scale(1.1);
}
.cronica-title h3,
.espacios-title h3,
.bitacora-title h3,
.soluciones-title h3,
.entornos-title h3,
.caudales-title h3,
.puertos-title h3,
.copartes-title h3 {
font-size: 58px;
font-family: "AveriaLibre-Bold" !important;
color: #4350c1;
padding-block-end: 20px;
line-height: 1;
}
@media screen and (max-width: 90em) {
.cronica-title h3,
.espacios-title h3,
.bitacora-title h3,
.soluciones-title h3,
.entornos-title h3,
.caudales-title h3,
.puertos-title h3,
.copartes-title h3 {
padding-block-end: 0px;
}
}
@media screen and (max-width: 76em) {
.cronica-title h3,
.espacios-title h3,
.bitacora-title h3,
.soluciones-title h3,
.entornos-title h3,
.caudales-title h3,
.puertos-title h3,
.copartes-title h3 {
font-size: 42px;
padding-block-end: 0;
line-height: 1;
}
}
@media screen and (max-width: 48em) {
.cronica-title h3,
.espacios-title h3,
.bitacora-title h3,
.soluciones-title h3,
.entornos-title h3,
.caudales-title h3,
.puertos-title h3,
.copartes-title h3 {
font-size: 32px;
padding-block-end: 0;
line-height: 1;
}
}
@media screen and (max-width: 36em) {
.cronica-title h3,
.espacios-title h3,
.bitacora-title h3,
.soluciones-title h3,
.entornos-title h3,
.caudales-title h3,
.puertos-title h3,
.copartes-title h3 {
font-size: 26px;
padding-block-end: 0;
line-height: 1;
}
}
.soluciones-title h3 {
padding-block-end: 0;
}
@media screen and (max-width: 48em) {
.caudales-title h3 {
font-size: 28px;
}
}
.espacios-title h3,
.bitacora-title h3,
.soluciones-title h3,
.entornos-title h3,
.caudales-title h3,
.puertos-title h3,
.copartes-title h3 {
color: #fff;
}
.container--black-example {
position: relative;
width: 100%;
margin-block-start: 30px;
}
.container--black-example span {
position: absolute;
display: block;
width: 120%;
top: 0;
left: 0;
}
@media screen and (max-width: 76em) {
.container--black-example span {
width: 100%;
position: relative;
}
}
p a {
color: #fff !important;
font-weight: unset !important;
}
.hidden {
display: none !important;
opacity: 0;
}
.hidden.is-visible {
display: inline !important;
animation: fadeInText 0.5s ease forwards;
}
#espacios .imagen-izquierda-algas {
position: absolute;
bottom: -60%;
left: -8%; height: 80%;
object-fit: cover;
z-index: -1;
}
@media screen and (max-width: 76em) {
#espacios .imagen-izquierda-algas {
display: none;
}
}
#espacios .imagen-derecha-algas {
position: absolute;
bottom: -60%;
right: -8%; height: 80%;
object-fit: cover;
z-index: -1;
transform: scaleX(-1);
}
@media screen and (max-width: 76em) {
#espacios .imagen-derecha-algas {
display: none;
}
}
.cartografia-lotie {
margin-top: -120px;
}
.climaticas {
margin-bottom: -30px !important;
}
@media screen and (max-width: 48em) {
.climaticas {
margin-bottom: 0px !important;
}
}
@media screen and (max-width: 90em) {
#cartografy {
margin-top: -130px;
}
}
@media screen and (max-width: 36em) {
#cartografy {
margin-top: -190px;
z-index: 25;
}
}
@media screen and (max-width: 76em) {
#voces .mapping-visual {
margin-top: 80px;
}
}
@media screen and (max-width: 48em) {
#voces .mapping-visual {
display: none;
}
}
.mapping-scroll-btn {
display: inline-flex !important;
align-items: center;
justify-content: flex-start;
}
.scroll-arrows {
display: none;
position: absolute;
width: 20px;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 4px 0;
pointer-events: none;
z-index: 10;
}
.scroll-arrows.visible {
display: flex;
}
.scroll-arrows .arrow-indicator {
font-size: 18px;
line-height: 1;
color: rgba(255, 255, 255, 0.25);
transition: color 0.3s ease;
pointer-events: auto;
cursor: pointer;
padding: 6px 4px;
user-select: none;
}
.scroll-arrows .arrow-indicator.arrow-up {
transform: rotate(180deg);
}
.scroll-arrows .arrow-indicator.active {
color: rgba(255, 255, 255, 0.9);
}
.scroll-arrows .arrow-indicator.arrow-up.active {
animation: scrollArrowBounceUp 1s ease-in-out infinite;
}
.scroll-arrows .arrow-indicator.arrow-down.active {
animation: scrollArrowBounceDown 1s ease-in-out infinite;
}
.scroll-arrows .arrow-indicator:hover {
color: rgb(255, 255, 255);
}
@keyframes scrollArrowBounceUp {
0%, 100% {
transform: rotate(180deg) translateY(0);
}
50% {
transform: rotate(180deg) translateY(-4px);
}
}
@keyframes scrollArrowBounceDown {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(4px);
}
}
.scroll-active {
padding-inline-start: 35px !important;
padding-block: 0px !important;
transition: all 600s ease;
}
.scroll-active p {
transition: all 600s ease;
}
@media screen and (max-width: 76em) {
canvas {
margin-top: -50px;
margin-bottom: -30px;
}
}
@media screen and (max-width: 48em) {
canvas {
margin-top: -10px;
margin-bottom: -30px;
}
}
@media screen and (max-width: 48em) {
.blotter-wrapper {
margin-bottom: 30px;
}
}
#cartografy .mapping-content {
padding-inline-start: 35px !important;
} .footer {
background-image: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/bg-footer.webp);
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
}
.footer h6 {
font-size: 22px;
font-weight: 900;
color: #4e4c48;
}
.footer .first-row {
padding-top: 60px;
}
.footer .first-row .menu-footer-1-container {
margin-top: 0;
}
@media screen and (max-width: 48em) {
.footer .first-row .menu-footer-1-container {
margin-top: 30px;
}
}
.footer .second-row {
padding-bottom: 60px;
border-bottom: 1px solid #baaf8e;
}
@media screen and (max-width: 48em) {
.footer .second-row {
padding-bottom: 20px;
}
}
.footer .third-row {
padding-top: 15px;
padding-bottom: 15px;
}
.footer .third-row .footer-inline-menu .divider {
margin: 0 20px;
}
.footer .third-row .copy {
display: flex;
justify-content: flex-end;
}
.footer-span, .footer-inline-menu a {
font-size: 16px;
font-weight: 500;
color: #6d6d6d;
}
.footer-logo__img {
max-width: 248px;
max-height: 120px;
margin-bottom: 30px;
}
@media screen and (max-width: 48em) {
.footer-logo__img {
max-width: 200px;
margin-bottom: 18px;
}
}
@media screen and (max-width: 36em) {
.footer-logo__img {
max-width: 180px;
}
}
.footer-logo__img img {
max-width: 210px;
max-height: 120px;
object-fit: scale-down;
}
.footer-logo .footer-medias {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
margin-top: 20px;
}
.footer-logo .footer-medias a {
transition: var(--g-trans);
background-color: var(--c-cream);
border-radius: 50%;
width: 45px;
height: 45px;
padding: 10px;
aspect-ratio: 1/1;
}
.footer-logo .footer-medias a img {
width: 100%;
line-height: 1;
transition: var(--g-trans);
}
.footer .footer-menu {
margin: 0;
padding: 0;
}
.footer .footer-menu li {
margin-bottom: 8px;
}
.footer .footer-menu li a {
color: #6d6d6d;
font-size: 22px;
font-weight: 400;
}
@media screen and (max-width: 48em) {
.footer .footer-menu li a {
font-size: 20px;
}
}
@media screen and (max-width: 36em) {
.footer .footer-menu li a {
font-size: 18px;
}
}
.footer-newsletter {
border: 1px solid #dadada;
background: rgba(252, 252, 252, 0.7);
padding: 30px;
}
.footer-newsletter .footer-form {
display: flex;
justify-content: space-between;
margin-top: 8px;
}
.footer-newsletter .footer-form .form-control {
width: 75%;
}
.footer-newsletter .footer-form .btn {
width: 20%;
font-size: 24px;
font-weight: 900px;
}
.footer-newsletter .footer-form .btn.btn-footer {
padding: 10px 0;
}
@media (max-width: 767px) {
.footer-newsletter .footer-form {
display: none;
}
}
@media (max-width: 991px) {
.footer-newsletter .footer-form {
display: none;
}
}
.max-w-950 {
max-width: 950px !important;
}
.breadcrumb {
background-color: var(--c-body-bg);
padding-block: 20px;
border-bottom: 1px solid #DFDFDF;
}
.breadcrumb__wrapper {
max-width: 1440px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 30px;
}
.breadcrumb__wrapper a,
.breadcrumb__wrapper span {
color: var(--c-purple);
font-family: var(--ff-primary);
font-size: 14px;
font-style: normal;
font-weight: 900;
line-height: normal;
text-transform: uppercase;
}
.breadcrumb__wrapper a {
transition: var(--g-trans);
}
.breadcrumb__wrapper a:hover {
opacity: 0.7;
}
.breadcrumb__wrapper .social-share {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.breadcrumb__wrapper .social-share a {
display: flex;
justify-content: center;
align-items: center;
}
.copy-link {
border: none;
background: none;
padding: 0;
}  .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .cta {
width: 100%;
padding: 40px;
margin-top: 60px;
}
@media screen and (max-width: 48em) {
.cta {
padding: 0;
}
}
.cta__wrapper {
max-width: 1200px;
display: flex;
justify-content: space-between;
gap: 20px;
height: auto;
align-items: center;
}
@media screen and (max-width: 48em) {
.cta__wrapper {
flex-wrap: wrap;
row-gap: 40px;
}
}
.cta__wrapper .info,
.cta__wrapper .image {
flex: 1;
}
@media screen and (max-width: 48em) {
.cta__wrapper .info,
.cta__wrapper .image {
flex: auto;
width: 100vw;
}
}
.cta__wrapper .info .title,
.cta__wrapper .info .subtitle,
.cta__wrapper .info .cta-buttons {
max-width: 90%;
}
@media screen and (max-width: 48em) {
.cta__wrapper .info .title,
.cta__wrapper .info .subtitle,
.cta__wrapper .info .cta-buttons {
max-width: 100%;
}
}
.cta__wrapper .info .title {
font-size: var(--fs-4);
font-weight: 700;
color: var(--c-primary);
line-height: normal;
}
@media screen and (max-width: 48em) {
.cta__wrapper .info .title {
font-size: 27px;
}
}
.cta__wrapper .info .subtitle {
font-size: var(--fs-base);
font-weight: 400;
color: var(--c-primary-hover);
margin-top: 20px;
}
@media screen and (max-width: 48em) {
.cta__wrapper .info .subtitle {
margin-top: 10px;
}
}
.cta__wrapper .info .cta-buttons {
display: flex;
gap: 20px;
align-items: center;
margin-top: 25px;
}
.cta__wrapper .info .cta-buttons a {
flex: 1;
padding: 15px 20px;
font-size: var(--fs-base);
font-weight: 400;
text-align: center;
color: var(--c-primary);
}
.cta__wrapper .info .cta-buttons .first_cta {
background-color: var(--c-primary);
color: var(--c-body-bg);
transition: var(--g-trans);
}
.cta__wrapper .info .cta-buttons .first_cta:hover {
background-color: var(--c-primary-hover);
}
.cta__wrapper .info .cta-buttons .second_cta {
background-color: inherit;
border: 1px solid var(--c-primary);
}
.cta__wrapper .info .cta-buttons .second_cta:hover {
border: 1px solid var(--c-second);
color: var(--c-second);
}
.cta__wrapper .image {
display: flex;
justify-content: center;
align-items: center;
}
.cta__wrapper .image img {
width: 90%;
height: auto;
}
@media screen and (max-width: 48em) {
.cta__wrapper .image img {
width: 100%;
height: 250px;
object-fit: cover;
}
}
.hero {
max-width: 1200px;
margin: 0 auto;
height: auto;
padding: 60px 0;
display: flex;
column-gap: 50px;
align-items: center;
}
@media screen and (max-width: 76em) {
.hero {
padding: 60px 40px;
}
}
@media screen and (max-width: 48em) {
.hero {
flex-wrap: wrap;
row-gap: 60px;
}
}
@media screen and (max-width: 36em) {
.hero {
row-gap: 30px;
}
}
.hero .box {
flex: 1;
}
@media screen and (max-width: 48em) {
.hero .box {
flex: auto;
width: 100%;
}
}
.hero__info .wrapper {
max-width: 90%;
}
@media screen and (max-width: 48em) {
.hero__info .wrapper {
max-width: 100%;
text-align: center;
}
}
.hero__info .wrapper h1 {
font-size: var(--fs-5);
line-height: normal;
color: var(--c-primary);
font-weight: 700;
}
@media screen and (max-width: 48em) {
.hero__info .wrapper h1 {
font-size: 35px;
}
}
.hero__info .wrapper p {
font-size: var(--fs-base);
font-weight: 400;
color: var(--c-primary);
margin-top: 20px;
line-height: 30px;
}
@media screen and (max-width: 48em) {
.hero__info .wrapper p {
font-size: 18px;
}
}
.hero__info .wrapper .buttons {
display: flex;
column-gap: 15px;
}
@media screen and (max-width: 48em) {
.hero__info .wrapper .buttons {
flex-wrap: wrap;
row-gap: 15px;
}
}
.hero__info .wrapper .buttons a {
flex: 1;
max-width: 50%;
padding: 15px 30px;
text-align: center;
font-size: var(--fs-base);
font-weight: 400;
transition: var(--g-trans);
}
@media screen and (max-width: 48em) {
.hero__info .wrapper .buttons a {
flex: auto;
max-width: 100%;
}
}
.hero__info .wrapper .buttons .btn-1 {
background-color: var(--c-primary);
color: var(--c-body-bg);
}
.hero__info .wrapper .buttons .btn-1:hover {
background-color: var(--c-primary-hover);
}
.hero__info .wrapper .buttons .btn-2 {
border: 1px solid var(--c-primary);
color: var(--c-primary);
}
.hero__image {
display: flex;
justify-content: center;
align-items: center;
}
.hero__image img {
width: 400px;
max-width: 85%;
height: 500px;
border-radius: 12px;
object-fit: cover;
}
@media screen and (max-width: 76em) {
.hero__image img {
width: 95%;
max-width: 100%;
height: auto;
}
}
@media screen and (max-width: 48em) {
.hero__image img {
width: 100%;
max-width: 400px;
aspect-ratio: 1/1;
}
}
.newsletter {
padding-block: 130px;
position: relative;
}
.newsletter .container {
position: relative;
z-index: 1;
}
.newsletter::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
@media screen and (max-width: 76em) {
.newsletter {
padding-block: 150px 100px;
}
}
@media screen and (max-width: 48em) {
.newsletter {
padding-block: 100px 60px;
}
}
@media screen and (max-width: 36em) {
.newsletter {
padding-block: 100px 50px;
}
}
.newsletter.white {
background-color: var(--c-body-bg);
}
.newsletter.gray {
background-color: var(--c-body-bg-gray);
}
.newsletter.blue {
background-color: #485A7C;
}
.newsletter.purple {
background-color: #4B5380;
}
.newsletter.no-wave {
background: var(--c-body-bg-gray);
}
.newsletter.wave_top {
position: relative;
}
.newsletter.wave_top::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
clip-path: polygon(100% 100%, 0% 100%, 0% 4.65%, 1.54% 4.31%, 3.08% 3.97%, 4.62% 3.63%, 6.15% 3.31%, 7.69% 3%, 9.23% 2.71%, 10.77% 2.43%, 12.31% 2.18%, 13.85% 1.94%, 15.38% 1.73%, 16.92% 1.54%, 18.46% 1.38%, 20% 1.25%, 21.54% 1.14%, 23.08% 1.06%, 24.62% 1.02%, 26.15% 1%, 27.69% 1.01%, 29.23% 1.06%, 30.77% 1.13%, 32.31% 1.23%, 33.85% 1.36%, 35.38% 1.52%, 36.92% 1.71%, 38.46% 1.92%, 40% 2.15%, 41.54% 2.41%, 43.08% 2.68%, 44.62% 2.97%, 46.15% 3.28%, 47.69% 3.6%, 49.23% 3.93%, 50.77% 4.27%, 52.31% 4.62%, 53.85% 4.96%, 55.38% 5.31%, 56.92% 5.66%, 58.46% 6%, 60% 6.33%, 61.54% 6.65%, 63.08% 6.96%, 64.62% 7.26%, 66.15% 7.54%, 67.69% 7.79%, 69.23% 8.03%, 70.77% 8.25%, 72.31% 8.44%, 73.85% 8.6%, 75.38% 8.74%, 76.92% 8.85%, 78.46% 8.93%, 80% 8.98%, 81.54% 9%, 83.08% 8.99%, 84.62% 8.95%, 86.15% 8.88%, 87.69% 8.78%, 89.23% 8.65%, 90.77% 8.5%, 92.31% 8.31%, 93.85% 8.11%, 95.38% 7.88%, 96.92% 7.62%, 98.46% 7.35%, 100% 7.06%);
}
@media screen and (max-width: 76em) {
.newsletter.wave_top::after {
clip-path: polygon(100% 100%, 0% 100%, 0% 6.56%, 2% 6.54%, 4% 6.49%, 6% 6.4%, 8% 6.28%, 10% 6.14%, 12% 5.98%, 14% 5.8%, 16% 5.62%, 18% 5.43%, 20% 5.25%, 22% 5.07%, 24% 4.92%, 26% 4.79%, 28% 4.68%, 30% 4.6%, 32% 4.56%, 34% 4.56%, 36% 4.59%, 38% 4.65%, 40% 4.75%, 42% 4.87%, 44% 5.02%, 46% 5.19%, 48% 5.37%, 50% 5.56%, 52% 5.74%, 54% 5.92%, 56% 6.09%, 58% 6.24%, 60% 6.36%, 62% 6.46%, 64% 6.52%, 66% 6.55%, 68% 6.55%, 70% 6.51%, 72% 6.43%, 74% 6.33%, 76% 6.19%, 78% 6.04%, 80% 5.86%, 82% 5.68%, 84% 5.49%, 86% 5.31%, 88% 5.13%, 90% 4.97%, 92% 4.83%, 94% 4.71%, 96% 4.63%, 98% 4.57%, 100% 4.56%);
}
}
.newsletter.wave_top.bg-gray::after {
background: var(--c-body-bg-gray);
}
.newsletter.wave_top.bg-white::after {
background: var(--c-body-bg);
}
.newsletter.wave_bottom {
position: relative;
}
.newsletter.wave_bottom::after {
content: "";
width: 100%;
height: 100%;
clip-path: polygon(100% 100%, 0% 100%, 0% 7.78%, 2% 7.75%, 4% 7.66%, 6% 7.52%, 8% 7.32%, 10% 7.08%, 12% 6.79%, 14% 6.48%, 16% 6.14%, 18% 5.78%, 20% 5.42%, 22% 5.06%, 24% 4.71%, 26% 4.39%, 28% 4.1%, 30% 3.84%, 32% 3.64%, 34% 3.48%, 36% 3.38%, 38% 3.33%, 40% 3.35%, 42% 3.43%, 44% 3.56%, 46% 3.74%, 48% 3.97%, 50% 4.25%, 52% 4.56%, 54% 4.9%, 56% 5.25%, 58% 5.61%, 60% 5.97%, 62% 6.32%, 64% 6.65%, 66% 6.95%, 68% 7.21%, 70% 7.43%, 72% 7.6%, 74% 7.71%, 76% 7.77%, 78% 7.77%, 80% 7.71%, 82% 7.59%, 84% 7.42%, 86% 7.19%, 88% 6.93%, 90% 6.63%, 92% 6.3%, 94% 5.94%, 96% 5.58%, 98% 5.22%, 100% 4.87%);
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
background: var(--c-body-bg-gray);
transform: rotate(180deg);
}
@media screen and (max-width: 76em) {
.newsletter.wave_bottom::after {
clip-path: polygon(100% 100%, 0% 100%, 0% 6.56%, 2% 6.54%, 4% 6.5%, 6% 6.44%, 8% 6.35%, 10% 6.24%, 12% 6.11%, 14% 5.97%, 16% 5.82%, 18% 5.66%, 20% 5.49%, 22% 5.33%, 24% 5.18%, 26% 5.03%, 28% 4.9%, 30% 4.79%, 32% 4.69%, 34% 4.62%, 36% 4.58%, 38% 4.56%, 40% 4.56%, 42% 4.6%, 44% 4.66%, 46% 4.74%, 48% 4.84%, 50% 4.97%, 52% 5.11%, 54% 5.26%, 56% 5.42%, 58% 5.58%, 60% 5.74%, 62% 5.9%, 64% 6.05%, 66% 6.18%, 68% 6.3%, 70% 6.4%, 72% 6.48%, 74% 6.53%, 76% 6.55%, 78% 6.55%, 80% 6.52%, 82% 6.47%, 84% 6.39%, 86% 6.29%, 88% 6.17%, 90% 6.04%, 92% 5.89%, 94% 5.73%, 96% 5.57%, 98% 5.41%, 100% 5.25%);
}
}
.newsletter__content {
display: flex;
flex-direction: column;
gap: 35px;
}
@media screen and (max-width: 48em) {
.newsletter__content {
gap: 38px;
}
}
@media screen and (max-width: 36em) {
.newsletter__content {
gap: 18px;
}
}
.newsletter__title {
color: var(--c-gray-second);
font-family: var(--ff-primary);
font-size: 50px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
.newsletter__title.color--white {
color: var(--c-body-bg-gray);
}
@media screen and (max-width: 76em) {
.newsletter__title {
font-size: 44px;
}
}
@media screen and (max-width: 48em) {
.newsletter__title {
font-size: 36px;
}
}
@media screen and (max-width: 36em) {
.newsletter__title {
font-size: 32px;
}
}
.newsletter__subtitle {
color: var(--c-gray);
font-family: var(--ff-secondary);
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 44px;
}
.newsletter__subtitle.color--white {
color: var(--c-body-bg-gray);
}
@media screen and (max-width: 48em) {
.newsletter__subtitle {
font-size: 20px;
line-height: 36px;
}
}
@media screen and (max-width: 36em) {
.newsletter__subtitle {
font-size: 18px;
line-height: 32px;
}
}
.newsletter__form {
margin-top: 0;
border: 1px solid #D7D0BC;
padding: 15px;
background-color: var(--c-body-bg);
}
@media screen and (max-width: 48em) {
.newsletter__form {
margin-top: 22px;
}
}
.slider {
max-width: 1200px;
margin: 0 auto;
padding: 60px 0;
}
@media screen and (max-width: 76em) {
.slider {
padding: 40px;
}
}
.slider__title {
font-size: var(--fs-4);
font-weight: 700;
color: var(--c-primary);
line-height: normal;
max-width: 50%;
}
@media screen and (max-width: 48em) {
.slider__title {
font-size: 35px;
max-width: 100%;
}
}
.slider swiper-container {
width: 100%;
height: 100%;
margin-top: 40px;
}
.slider swiper-slide {
text-align: center;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.slider swiper-slide img {
max-width: 100px;
aspect-ratio: 1/1;
object-fit: contain;
}
@media screen and (max-width: 48em) {
.slider swiper-slide img {
max-width: 80px;
}
}
.testimonial {
padding: 60px 0;
max-width: 1200px;
margin: 0 auto;
background-color: var(--c-body-bg);
}
@media screen and (max-width: 76em) {
.testimonial {
padding: 40px;
}
}
.testimonial__title {
font-size: var(--fs-4);
font-weight: 700;
color: var(--c-primary);
}
.testimonial__items {
margin-top: 40px;
}
.testimonial__items .swiper {
width: 100%;
height: fit-content;
padding-bottom: 80px;
}
.testimonial__items .swiper .swiper-button-prev,
.testimonial__items .swiper .swiper-button-next {
font-size: 22px;
background-color: var(--c-body-bg);
border: 1px solid var(--c-primary);
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
top: 90%;
color: var(--c-primary);
}
@media screen and (max-width: 48em) {
.testimonial__items .swiper .swiper-button-prev,
.testimonial__items .swiper .swiper-button-next {
top: 85%;
}
}
.testimonial__items .swiper .swiper-wrapper {
height: fit-content;
width: 100vw;
}
.testimonial__items .swiper .swiper-wrapper .swiper-slide {
padding: 30px 20px;
height: 100%;
}
@media screen and (max-width: 36em) {
.testimonial__items .swiper .swiper-wrapper .swiper-slide {
width: 71vw !important;
}
}
.testimonial__items .swiper .swiper-wrapper .swiper-slide .stars .filled {
color: var(--c-primary);
}
.testimonial__items .swiper .swiper-wrapper .swiper-slide .content {
font-size: var(--fs-base);
font-weight: 400;
color: var(--c-primary);
line-height: normal;
margin: 0;
margin-top: 10px;
}
.testimonial__items .swiper .swiper-wrapper .swiper-slide .extra-info {
margin-top: 20px;
display: flex;
justify-content: space-between;
color: var(--c-second);
font-size: var(--fs-n1);
font-weight: 600;
}
.grid-gallery {
display: flex;
justify-content: center;
padding: 60px 0;
}
@media screen and (max-width: 76em) {
.grid-gallery {
padding: 60px 40px;
}
}
.grid-gallery__wrapper {
max-width: 1200px;
}
.grid-gallery__wrapper .title {
font-size: var(--fs-4);
line-height: normal;
color: var(--c-primary);
font-weight: 700;
}
@media screen and (max-width: 48em) {
.grid-gallery__wrapper .title {
font-size: 35px;
}
}
.grid-gallery__wrapper .description {
font-size: var(--fs-base);
font-weight: 400;
color: var(--c-primary);
margin: 0;
margin-top: 20px;
line-height: 30px;
max-width: 80%;
}
@media screen and (max-width: 48em) {
.grid-gallery__wrapper .description {
max-width: 100%;
font-size: 18px;
}
}
.grid-gallery__wrapper .gallery {
width: 100%;
height: auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 50px;
}
@media screen and (max-width: 48em) {
.grid-gallery__wrapper .gallery {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 36em) {
.grid-gallery__wrapper .gallery {
margin-top: 30px;
grid-template-columns: repeat(1, 1fr);
}
}
.grid-gallery__wrapper .gallery img {
width: 100%;
aspect-ratio: 1/1;
object-fit: cover;
}
@media screen and (max-width: 48em) {
.grid-gallery__wrapper .gallery img {
height: 300px;
}
}
@media screen and (max-width: 36em) {
.grid-gallery__wrapper .gallery img {
height: auto;
aspect-ratio: 1/1;
}
}
.postTypeSlider {
padding-block: 130px;
position: relative;
}
.postTypeSlider::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media screen and (max-width: 76em) {
.postTypeSlider {
padding-block: 150px 100px;
}
}
@media screen and (max-width: 48em) {
.postTypeSlider {
padding-block: 100px 60px;
}
}
@media screen and (max-width: 36em) {
.postTypeSlider {
padding-block: 100px 50px;
}
}
.postTypeSlider.white {
background-color: var(--c-body-bg);
}
.postTypeSlider.gray {
background-color: var(--c-body-bg-gray);
}
.postTypeSlider.no-wave {
background: linear-gradient(180deg, #406973 0.04%, #4C5380 145.36%);
}
.postTypeSlider.wave_top {
position: relative;
}
.postTypeSlider.wave_top::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
clip-path: polygon(100% 100%, 0% 100%, 0% 4.65%, 1.54% 4.31%, 3.08% 3.97%, 4.62% 3.63%, 6.15% 3.31%, 7.69% 3%, 9.23% 2.71%, 10.77% 2.43%, 12.31% 2.18%, 13.85% 1.94%, 15.38% 1.73%, 16.92% 1.54%, 18.46% 1.38%, 20% 1.25%, 21.54% 1.14%, 23.08% 1.06%, 24.62% 1.02%, 26.15% 1%, 27.69% 1.01%, 29.23% 1.06%, 30.77% 1.13%, 32.31% 1.23%, 33.85% 1.36%, 35.38% 1.52%, 36.92% 1.71%, 38.46% 1.92%, 40% 2.15%, 41.54% 2.41%, 43.08% 2.68%, 44.62% 2.97%, 46.15% 3.28%, 47.69% 3.6%, 49.23% 3.93%, 50.77% 4.27%, 52.31% 4.62%, 53.85% 4.96%, 55.38% 5.31%, 56.92% 5.66%, 58.46% 6%, 60% 6.33%, 61.54% 6.65%, 63.08% 6.96%, 64.62% 7.26%, 66.15% 7.54%, 67.69% 7.79%, 69.23% 8.03%, 70.77% 8.25%, 72.31% 8.44%, 73.85% 8.6%, 75.38% 8.74%, 76.92% 8.85%, 78.46% 8.93%, 80% 8.98%, 81.54% 9%, 83.08% 8.99%, 84.62% 8.95%, 86.15% 8.88%, 87.69% 8.78%, 89.23% 8.65%, 90.77% 8.5%, 92.31% 8.31%, 93.85% 8.11%, 95.38% 7.88%, 96.92% 7.62%, 98.46% 7.35%, 100% 7.06%);
background: linear-gradient(180deg, #406973 0.04%, #4C5380 145.36%);
}
@media screen and (max-width: 76em) {
.postTypeSlider.wave_top::after {
clip-path: polygon(100% 100%, 0% 100%, 0% 6.56%, 2% 6.54%, 4% 6.49%, 6% 6.4%, 8% 6.28%, 10% 6.14%, 12% 5.98%, 14% 5.8%, 16% 5.62%, 18% 5.43%, 20% 5.25%, 22% 5.07%, 24% 4.92%, 26% 4.79%, 28% 4.68%, 30% 4.6%, 32% 4.56%, 34% 4.56%, 36% 4.59%, 38% 4.65%, 40% 4.75%, 42% 4.87%, 44% 5.02%, 46% 5.19%, 48% 5.37%, 50% 5.56%, 52% 5.74%, 54% 5.92%, 56% 6.09%, 58% 6.24%, 60% 6.36%, 62% 6.46%, 64% 6.52%, 66% 6.55%, 68% 6.55%, 70% 6.51%, 72% 6.43%, 74% 6.33%, 76% 6.19%, 78% 6.04%, 80% 5.86%, 82% 5.68%, 84% 5.49%, 86% 5.31%, 88% 5.13%, 90% 4.97%, 92% 4.83%, 94% 4.71%, 96% 4.63%, 98% 4.57%, 100% 4.56%);
}
}
.postTypeSlider.wave_bottom {
position: relative;
}
.postTypeSlider.wave_bottom::after {
content: "";
width: 100%;
height: 100%;
clip-path: polygon(100% 100%, 0% 100%, 0% 7.78%, 2% 7.75%, 4% 7.66%, 6% 7.52%, 8% 7.32%, 10% 7.08%, 12% 6.79%, 14% 6.48%, 16% 6.14%, 18% 5.78%, 20% 5.42%, 22% 5.06%, 24% 4.71%, 26% 4.39%, 28% 4.1%, 30% 3.84%, 32% 3.64%, 34% 3.48%, 36% 3.38%, 38% 3.33%, 40% 3.35%, 42% 3.43%, 44% 3.56%, 46% 3.74%, 48% 3.97%, 50% 4.25%, 52% 4.56%, 54% 4.9%, 56% 5.25%, 58% 5.61%, 60% 5.97%, 62% 6.32%, 64% 6.65%, 66% 6.95%, 68% 7.21%, 70% 7.43%, 72% 7.6%, 74% 7.71%, 76% 7.77%, 78% 7.77%, 80% 7.71%, 82% 7.59%, 84% 7.42%, 86% 7.19%, 88% 6.93%, 90% 6.63%, 92% 6.3%, 94% 5.94%, 96% 5.58%, 98% 5.22%, 100% 4.87%);
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
background: linear-gradient(180deg, #406973 0.04%, #4C5380 145.36%);
transform: rotate(180deg);
}
@media screen and (max-width: 76em) {
.postTypeSlider.wave_bottom::after {
clip-path: polygon(100% 100%, 0% 100%, 0% 6.56%, 2% 6.54%, 4% 6.5%, 6% 6.44%, 8% 6.35%, 10% 6.24%, 12% 6.11%, 14% 5.97%, 16% 5.82%, 18% 5.66%, 20% 5.49%, 22% 5.33%, 24% 5.18%, 26% 5.03%, 28% 4.9%, 30% 4.79%, 32% 4.69%, 34% 4.62%, 36% 4.58%, 38% 4.56%, 40% 4.56%, 42% 4.6%, 44% 4.66%, 46% 4.74%, 48% 4.84%, 50% 4.97%, 52% 5.11%, 54% 5.26%, 56% 5.42%, 58% 5.58%, 60% 5.74%, 62% 5.9%, 64% 6.05%, 66% 6.18%, 68% 6.3%, 70% 6.4%, 72% 6.48%, 74% 6.53%, 76% 6.55%, 78% 6.55%, 80% 6.52%, 82% 6.47%, 84% 6.39%, 86% 6.29%, 88% 6.17%, 90% 6.04%, 92% 5.89%, 94% 5.73%, 96% 5.57%, 98% 5.41%, 100% 5.25%);
}
}
.postTypeSlider__wrapper {
max-width: 1440px;
width: 100%;
display: flex;
flex-direction: column;
gap: 60px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 76em) {
.postTypeSlider__wrapper {
gap: 40px;
}
}
@media screen and (max-width: 48em) {
.postTypeSlider__wrapper {
gap: 30px;
}
}
.postTypeSlider__wrapper-title {
color: var(--c-body-bg);
text-align: center;
font-family: var(--ff-primary);
font-size: 50px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 76em) {
.postTypeSlider__wrapper-title {
font-size: 45px;
}
}
@media screen and (max-width: 48em) {
.postTypeSlider__wrapper-title {
font-size: 38px;
}
}
@media screen and (max-width: 36em) {
.postTypeSlider__wrapper-title {
font-size: 32px;
}
}
.postTypeSlider__wrapper .glide {
width: 100%;
height: 100%;
position: relative;
}
@media screen and (max-width: 80em) {
.postTypeSlider__wrapper .glide {
padding-bottom: 100px;
}
}
@media screen and (max-width: 48em) {
.postTypeSlider__wrapper .glide {
padding-bottom: 0;
}
}
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .wp-post-image {
width: 100%;
height: 290px;
object-fit: cover;
border-radius: 4px;
}
@media screen and (max-width: 48em) {
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .wp-post-image {
height: 200px;
}
}
@media screen and (max-width: 36em) {
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .wp-post-image {
height: 220px;
}
}
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .categories {
display: flex;
flex-wrap: wrap;
gap: 5px;
padding-block: 10px;
}
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .categories .category {
display: block;
padding: 5px 15px;
background: #c2af86;
border-radius: 10px;
color: #000;
width: fit-content;
}
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .info {
display: none;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 20px;
padding-inline: 30px;
box-sizing: border-box !important;
margin-top: 20px;
}
@media screen and (max-width: 76em) {
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .info {
flex-direction: column;
align-items: start;
}
}
@media screen and (max-width: 48em) {
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .info {
padding-inline: 20px;
}
}
@media screen and (max-width: 36em) {
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .info {
padding-inline: 10px;
}
}
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .info .title {
font-family: var(--ff-primary);
font-size: 28px;
font-style: normal;
font-weight: 900;
line-height: 34px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
flex: 1;
}
@media screen and (max-width: 76em) {
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .info .title {
font-size: 24px;
line-height: 30px;
}
}
@media screen and (max-width: 48em) {
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .info .title {
font-size: 22px;
line-height: normal;
}
}
@media screen and (max-width: 36em) {
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .info .title {
font-size: 20px;
}
}
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .info .title a {
color: var(--c-body-bg);
transition: var(--g-trans);
}
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .info .title a:hover {
opacity: 0.8;
}
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .info .excerpt {
color: var(--c-body-bg);
font-family: var(--ff-secondary);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px;
max-width: 324px;
width: 100%;
flex: 1;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media screen and (max-width: 76em) {
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .info .excerpt {
max-width: 100%;
font-size: 18px;
line-height: 24px;
}
}
@media screen and (max-width: 48em) {
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .info .excerpt {
font-size: 16px;
line-height: normal;
}
}
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .meta {
padding: 20px 30px;
border-block: 1px solid #D7D0BC;
display: none;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}
@media screen and (max-width: 48em) {
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .meta {
padding-inline: 20px;
}
}
@media screen and (max-width: 36em) {
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .meta {
padding-inline: 10px;
}
}
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .meta .date {
color: var(--c-body-bg) !important;
font-family: var(--ff-primary);
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 28px;
}
@media screen and (max-width: 48em) {
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .meta .date {
font-size: 16px;
line-height: normal;
}
}
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .meta .permalink {
display: flex;
gap: 10px;
align-items: center;
color: var(--c-body-bg) !important;
text-align: right;
font-family: var(--ff-primary);
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 28px;
transition: var(--g-trans);
}
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .meta .permalink a, .postTypeSlider__wrapper .glide .glide__track .glide__slides li .meta .permalink span {
color: var(--c-body-bg) !important;
}
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .meta .permalink:hover {
gap: 5px;
}
@media screen and (max-width: 48em) {
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .meta .permalink {
font-size: 16px;
line-height: normal;
}
}
.postTypeSlider__wrapper .glide .glide__track .glide__slides li .meta .permalink img {
width: 13px;
height: 8px;
object-fit: scale-down;
}
.postTypeSlider__wrapper .glide .glide__arrows {
position: absolute;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: space-between;
width: 70%;
}
@media screen and (max-width: 64em) {
.postTypeSlider__wrapper .glide .glide__arrows {
width: 100%;
}
}
@media screen and (max-width: 48em) {
.postTypeSlider__wrapper .glide .glide__arrows {
position: relative;
top: auto;
bottom: 0;
left: auto;
transform: none;
margin-top: 100px;
}
}
@media screen and (max-width: 36em) {
.postTypeSlider__wrapper .glide .glide__arrows {
margin-top: 50px;
}
}
.postTypeSlider__wrapper .glide .glide__arrows button {
width: 76px;
height: 76px;
position: relative !important;
border-radius: 50%;
background-color: transparent;
border: 0;
padding: 0 !important;
box-shadow: none !important;
}
@media screen and (max-width: 48em) {
.postTypeSlider__wrapper .glide .glide__arrows button {
width: 60px;
height: 60px;
}
}
.postTypeSlider__wrapper .glide .glide__arrows button img {
width: 100%;
height: 100%;
object-fit: scale-down;
}
.postTypeSlider__wrapper-link {
width: fit-content;
color: var(--c-body-bg) !important;
text-align: center;
font-family: var(--ff-primary);
padding: 15px 28px;
font-size: 24px;
font-style: normal;
font-weight: 900;
line-height: normal;
margin: 0 auto;
transition: var(--g-trans);
}
@media screen and (max-width: 48em) {
.postTypeSlider__wrapper-link {
font-size: 22px;
}
}
@media screen and (max-width: 36em) {
.postTypeSlider__wrapper-link {
font-size: 20px;
}
}
.active-slider .wp-post-image {
height: 385px !important;
}
@media screen and (max-width: 48em) {
.active-slider .wp-post-image {
height: 280px !important;
}
}
@media screen and (max-width: 36em) {
.active-slider .wp-post-image {
height: 220px !important;
}
}
.active-slider .info,
.active-slider .meta {
display: flex !important;
}
.two-column-text {
padding-block: 180px;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 80em) {
.two-column-text {
padding-block: 130px;
}
}
@media screen and (max-width: 76em) {
.two-column-text {
padding-block: 100px;
}
}
@media screen and (max-width: 48em) {
.two-column-text {
padding-block: 60px;
padding-inline: 0;
}
}
@media screen and (max-width: 36em) {
.two-column-text {
padding-block: 40px;
}
}
.two-column-text::before {
content: "";
position: absolute;
top: 0;
left: 10%;
width: 100%;
height: 100%;
background-image: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/bg-1.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: auto;
z-index: -1;
pointer-events: none;
}
.two-column-text__content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
height: 100%;
}
.two-column-text__content-subtitle {
color: var(--c-gray-second);
font-family: var(--ff-primary);
font-size: 28px;
font-style: normal;
font-weight: 900;
line-height: 34px;
}
@media screen and (max-width: 76em) {
.two-column-text__content-subtitle {
font-size: 26px;
line-height: normal;
}
}
@media screen and (max-width: 48em) {
.two-column-text__content-subtitle {
font-size: 24px;
}
}
@media screen and (max-width: 36em) {
.two-column-text__content-subtitle {
font-size: 20px;
}
}
.two-column-text__content-title {
color: var(--c-gray-second);
text-align: right;
font-family: var(--ff-primary);
font-size: 60px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 80em) {
.two-column-text__content-title {
font-size: 50px;
}
}
@media screen and (max-width: 76em) {
.two-column-text__content-title {
font-size: 45px;
}
}
@media screen and (max-width: 48em) {
.two-column-text__content-title {
font-size: 40px;
}
}
@media screen and (max-width: 36em) {
.two-column-text__content-title {
font-size: 36px;
}
}
.two-column-text__content .btn {
margin-top: 30px;
}
@media screen and (max-width: 48em) {
.two-column-text__content .btn {
margin-top: 20px;
}
}
.two-column-text__paragraph {
max-width: 820px;
}
@media screen and (max-width: 48em) {
.two-column-text__paragraph {
margin-top: 40px;
}
}
@media screen and (max-width: 36em) {
.two-column-text__paragraph {
margin-top: 30px;
}
}
.two-column-text__paragraph p {
color: var(--c-gray);
font-family: var(--ff-secondary);
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 44px;
}
@media screen and (max-width: 76em) {
.two-column-text__paragraph p {
font-size: 22px;
line-height: 40px;
}
}
@media screen and (max-width: 48em) {
.two-column-text__paragraph p {
font-size: 20px;
line-height: 36px;
}
}
@media screen and (max-width: 36em) {
.two-column-text__paragraph p {
font-size: 18px;
line-height: 32px;
}
}
.two-column-text__paragraph p a {
color: var(--c-purple);
font-family: var(--ff-primary);
text-decoration: 2px underline;
text-underline-offset: 4px;
text-underline-position: from-font;
transition: var(--g-trans);
}
.two-column-text__paragraph p a:hover {
opacity: 0.8;
}
@media (max-width: 767px) {
.two-column-text__content {
align-items: flex-start;
}
.two-column-text__content h2 {
text-align: start;
}
.two-column-text__content a {
margin-top: 10px;
}
}
.feature-numbers__container {
position: relative;
}
.feature-numbers__container::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(180deg, #D39483 -6.5%, rgba(76, 83, 128, 0.6) 51.01%);
clip-path: polygon(100% 100%, 0% 100%, 0% 8.17%, 1% 8.21%, 2% 8.25%, 3% 8.28%, 4% 8.3%, 5% 8.32%, 6% 8.33%, 7% 8.33%, 8% 8.33%, 9% 8.32%, 10% 8.3%, 11% 8.28%, 12% 8.24%, 13% 8.21%, 14% 8.16%, 15% 8.11%, 16% 8.05%, 17% 7.99%, 18% 7.92%, 19% 7.84%, 20% 7.76%, 21% 7.67%, 22% 7.58%, 23% 7.48%, 24% 7.37%, 25% 7.27%, 26% 7.15%, 27% 7.04%, 28% 6.92%, 29% 6.79%, 30% 6.67%, 31% 6.54%, 32% 6.41%, 33% 6.27%, 34% 6.14%, 35% 6%, 36% 5.86%, 37% 5.72%, 38% 5.58%, 39% 5.44%, 40% 5.3%, 41% 5.17%, 42% 5.03%, 43% 4.89%, 44% 4.76%, 45% 4.62%, 46% 4.49%, 47% 4.37%, 48% 4.24%, 49% 4.12%, 50% 4%, 51% 3.89%, 52% 3.78%, 53% 3.67%, 54% 3.57%, 55% 3.48%, 56% 3.39%, 57% 3.3%, 58% 3.22%, 59% 3.15%, 60% 3.08%, 61% 3.02%, 62% 2.97%, 63% 2.92%, 64% 2.88%, 65% 2.85%, 66% 2.82%, 67% 2.8%, 68% 2.79%, 69% 2.78%, 70% 2.78%, 71% 2.79%, 72% 2.8%, 73% 2.82%, 74% 2.85%, 75% 2.89%, 76% 2.93%, 77% 2.98%, 78% 3.03%, 79% 3.09%, 80% 3.16%, 81% 3.23%, 82% 3.31%, 83% 3.4%, 84% 3.49%, 85% 3.58%, 86% 3.69%, 87% 3.79%, 88% 3.9%, 89% 4.02%, 90% 4.13%, 91% 4.25%, 92% 4.38%, 93% 4.51%, 94% 4.64%, 95% 4.77%, 96% 4.91%, 97% 5.04%, 98% 5.18%, 99% 5.32%, 100% 5.46%);
z-index: -1;
}
@media screen and (max-width: 48em) {
.feature-numbers__container::before {
clip-path: polygon(100% 100%, 0% 100%, 0% 3.89%, 1% 3.89%, 2% 3.88%, 3% 3.88%, 4% 3.87%, 5% 3.86%, 6% 3.84%, 7% 3.82%, 8% 3.8%, 9% 3.78%, 10% 3.76%, 11% 3.73%, 12% 3.7%, 13% 3.67%, 14% 3.63%, 15% 3.6%, 16% 3.56%, 17% 3.52%, 18% 3.48%, 19% 3.43%, 20% 3.39%, 21% 3.34%, 22% 3.29%, 23% 3.24%, 24% 3.18%, 25% 3.13%, 26% 3.08%, 27% 3.02%, 28% 2.96%, 29% 2.9%, 30% 2.85%, 31% 2.79%, 32% 2.73%, 33% 2.67%, 34% 2.6%, 35% 2.54%, 36% 2.48%, 37% 2.42%, 38% 2.36%, 39% 2.3%, 40% 2.24%, 41% 2.18%, 42% 2.12%, 43% 2.06%, 44% 2%, 45% 1.95%, 46% 1.89%, 47% 1.84%, 48% 1.79%, 49% 1.73%, 50% 1.68%, 51% 1.64%, 52% 1.59%, 53% 1.54%, 54% 1.5%, 55% 1.46%, 56% 1.42%, 57% 1.38%, 58% 1.35%, 59% 1.31%, 60% 1.28%, 61% 1.25%, 62% 1.23%, 63% 1.21%, 64% 1.18%, 65% 1.17%, 66% 1.15%, 67% 1.14%, 68% 1.13%, 69% 1.12%, 70% 1.11%, 71% 1.11%, 72% 1.11%, 73% 1.11%, 74% 1.12%, 75% 1.13%, 76% 1.14%, 77% 1.15%, 78% 1.17%, 79% 1.19%, 80% 1.21%, 81% 1.23%, 82% 1.26%, 83% 1.29%, 84% 1.32%, 85% 1.35%, 86% 1.39%, 87% 1.42%, 88% 1.46%, 89% 1.51%, 90% 1.55%, 91% 1.59%, 92% 1.64%, 93% 1.69%, 94% 1.74%, 95% 1.79%, 96% 1.85%, 97% 1.9%, 98% 1.96%, 99% 2.01%, 100% 2.07%);
}
}
.feature-numbers__container::after {
content: "";
width: 100%;
position: absolute;
height: 250px;
bottom: 0;
left: 0;
background-color: var(--c-body-bg);
border-bottom: 2px solid var(--c-body-bg);
clip-path: polygon(100% 100%, 0% 100%, 0% 53.35%, 1% 52.75%, 2% 52.2%, 3% 51.72%, 4% 51.29%, 5% 50.92%, 6% 50.61%, 7% 50.37%, 8% 50.18%, 9% 50.06%, 10% 50.01%, 11% 50.01%, 12% 50.08%, 13% 50.21%, 14% 50.4%, 15% 50.66%, 16% 50.98%, 17% 51.36%, 18% 51.79%, 19% 52.29%, 20% 52.84%, 21% 53.45%, 22% 54.12%, 23% 54.84%, 24% 55.6%, 25% 56.42%, 26% 57.29%, 27% 58.19%, 28% 59.15%, 29% 60.14%, 30% 61.17%, 31% 62.23%, 32% 63.32%, 33% 64.45%, 34% 65.6%, 35% 66.78%, 36% 67.97%, 37% 69.19%, 38% 70.42%, 39% 71.66%, 40% 72.91%, 41% 74.16%, 42% 75.42%, 43% 76.67%, 44% 77.93%, 45% 79.17%, 46% 80.4%, 47% 81.62%, 48% 82.82%, 49% 84.01%, 50% 85.17%, 51% 86.3%, 52% 87.41%, 53% 88.48%, 54% 89.52%, 55% 90.53%, 56% 91.49%, 57% 92.42%, 58% 93.3%, 59% 94.13%, 60% 94.91%, 61% 95.65%, 62% 96.33%, 63% 96.96%, 64% 97.53%, 65% 98.05%, 66% 98.5%, 67% 98.9%, 68% 99.24%, 69% 99.52%, 70% 99.73%, 71% 99.88%, 72% 99.97%, 73% 100%, 74% 99.96%, 75% 99.86%, 76% 99.7%, 77% 99.48%, 78% 99.19%, 79% 98.84%, 80% 98.43%, 81% 97.96%, 82% 97.44%, 83% 96.86%, 84% 96.22%, 85% 95.53%, 86% 94.79%, 87% 93.99%, 88% 93.15%, 89% 92.27%, 90% 91.34%, 91% 90.36%, 92% 89.35%, 93% 88.31%, 94% 87.23%, 95% 86.12%, 96% 84.98%, 97% 83.81%, 98% 82.63%, 99% 81.42%, 100% 80.2%);
}
@media screen and (max-width: 48em) {
.feature-numbers__container::after {
clip-path: polygon(100% 100%, 0% 100%, 0% 88.21%, 1% 88.27%, 2% 88.31%, 3% 88.33%, 4% 88.33%, 5% 88.31%, 6% 88.27%, 7% 88.2%, 8% 88.12%, 9% 88.01%, 10% 87.89%, 11% 87.74%, 12% 87.58%, 13% 87.4%, 14% 87.19%, 15% 86.97%, 16% 86.73%, 17% 86.48%, 18% 86.21%, 19% 85.92%, 20% 85.62%, 21% 85.3%, 22% 84.97%, 23% 84.63%, 24% 84.28%, 25% 83.91%, 26% 83.54%, 27% 83.15%, 28% 82.76%, 29% 82.36%, 30% 81.96%, 31% 81.55%, 32% 81.14%, 33% 80.72%, 34% 80.3%, 35% 79.88%, 36% 79.47%, 37% 79.05%, 38% 78.63%, 39% 78.22%, 40% 77.82%, 41% 77.41%, 42% 77.02%, 43% 76.63%, 44% 76.25%, 45% 75.88%, 46% 75.52%, 47% 75.18%, 48% 74.84%, 49% 74.52%, 50% 74.21%, 51% 73.92%, 52% 73.64%, 53% 73.38%, 54% 73.13%, 55% 72.9%, 56% 72.69%, 57% 72.5%, 58% 72.33%, 59% 72.17%, 60% 72.04%, 61% 71.93%, 62% 71.83%, 63% 71.76%, 64% 71.71%, 65% 71.68%, 66% 71.67%, 67% 71.68%, 68% 71.71%, 69% 71.76%, 70% 71.84%, 71% 71.93%, 72% 72.05%, 73% 72.18%, 74% 72.34%, 75% 72.51%, 76% 72.7%, 77% 72.91%, 78% 73.14%, 79% 73.39%, 80% 73.65%, 81% 73.93%, 82% 74.23%, 83% 74.54%, 84% 74.86%, 85% 75.2%, 86% 75.54%, 87% 75.9%, 88% 76.27%, 89% 76.65%, 90% 77.04%, 91% 77.44%, 92% 77.84%, 93% 78.24%, 94% 78.66%, 95% 79.07%, 96% 79.49%, 97% 79.91%, 98% 80.33%, 99% 80.74%, 100% 81.16%);
}
}
.feature-numbers {
padding-top: 160px;
padding-bottom: 160px;
}
.feature-numbers__container {
width: 100% !important;
}
.feature-numbers__content {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
margin-bottom: -90px;
}
@media screen and (max-width: 80em) {
.feature-numbers__content {
margin-bottom: 50px;
}
}
@media screen and (max-width: 48em) {
.feature-numbers__content {
margin-bottom: 30px;
padding: 0;
}
}
.feature-numbers__content-title {
color: var(--c-body-bg);
font-family: var(--ff-primary);
text-align: center;
max-width: 506px;
text-align: center;
font-size: 50px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 76em) {
.feature-numbers__content-title {
max-width: 100%;
font-size: 44px;
}
}
@media screen and (max-width: 48em) {
.feature-numbers__content-title {
font-size: 36px;
}
}
@media screen and (max-width: 36em) {
.feature-numbers__content-title {
font-size: 32px;
}
}
.feature-numbers__content-description {
color: #ffffff;
font-weight: 500;
line-height: 44px;
text-align: center;
font-size: 28px;
max-width: 792px;
font-family: var(--ff-secondary);
}
@media screen and (max-width: 76em) {
.feature-numbers__content-description {
max-width: 100%;
font-size: 26px;
line-height: 40px;
}
}
@media screen and (max-width: 48em) {
.feature-numbers__content-description {
font-size: 22px;
line-height: 36px;
}
}
@media screen and (max-width: 36em) {
.feature-numbers__content-description {
font-size: 20px;
line-height: 26px;
}
}
.feature-numbers__content-cta {
color: var(--c-body-bg);
font-weight: 900;
font-size: 24px;
}
@media screen and (max-width: 76em) {
.feature-numbers__content-cta {
font-size: 20px;
}
}
@media screen and (max-width: 48em) {
.feature-numbers__content-cta {
font-size: 18px;
}
}
@media screen and (max-width: 36em) {
.feature-numbers__content-cta {
font-size: 16px;
}
}
.feature-numbers .grid-card-container {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(5, auto);
gap: 35px;
justify-items: center;
background-size: cover;
}
@media screen and (max-width: 80em) {
.feature-numbers .grid-card-container {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, auto);
}
}
@media screen and (max-width: 62.5em) {
.feature-numbers .grid-card-container {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(4, auto);
gap: 25px;
}
}
@media screen and (max-width: 48em) {
.feature-numbers .grid-card-container {
grid-template-columns: 1fr;
grid-template-rows: repeat(7, auto);
gap: 20px;
padding: 0;
}
}
.feature-numbers .grid-card-container .card-1 {
grid-area: 1/1/3/2;
}
@media screen and (max-width: 80em) {
.feature-numbers .grid-card-container .card-1 {
grid-area: auto;
}
}
.feature-numbers .grid-card-container .card-2 {
grid-area: 3/1/5/2;
}
@media screen and (max-width: 80em) {
.feature-numbers .grid-card-container .card-2 {
grid-area: auto;
}
}
.feature-numbers .grid-card-container .card-3 {
grid-area: 2/2/5/3;
}
@media screen and (max-width: 80em) {
.feature-numbers .grid-card-container .card-3 {
grid-area: auto;
}
}
.feature-numbers .grid-card-container .card-4 {
grid-area: 3/3/5/4;
}
@media screen and (max-width: 80em) {
.feature-numbers .grid-card-container .card-4 {
grid-area: auto;
}
}
.feature-numbers .grid-card-container .card-5 {
grid-area: 2/4/5/5;
}
@media screen and (max-width: 80em) {
.feature-numbers .grid-card-container .card-5 {
grid-area: auto;
}
}
.feature-numbers .grid-card-container .card-6 {
grid-area: 1/5/3/6;
}
@media screen and (max-width: 80em) {
.feature-numbers .grid-card-container .card-6 {
grid-area: auto;
}
}
.feature-numbers .grid-card-container .card-7 {
grid-area: 3/5/5/6;
}
@media screen and (max-width: 80em) {
.feature-numbers .grid-card-container .card-7 {
grid-area: auto;
}
}
.feature-numbers .grid-card-container .card {
height: 100%;
padding: 68px 40px;
border-radius: 4px;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 80em) {
.feature-numbers .grid-card-container .card {
max-width: 100%;
width: 100%;
grid-column: span 1;
}
}
@media screen and (max-width: 76em) {
.feature-numbers .grid-card-container .card {
padding: 50px 40px;
}
}
@media screen and (max-width: 48em) {
.feature-numbers .grid-card-container .card {
padding: 50px 30px;
}
}
@media screen and (max-width: 36em) {
.feature-numbers .grid-card-container .card {
padding: 50px 25px;
}
}
.feature-numbers .grid-card-container .card .card__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 0;
}
.feature-numbers .grid-card-container .card .card__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 1;
}
.feature-numbers .grid-card-container .card__content {
position: relative;
height: 100%;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
}
.feature-numbers .grid-card-container .card__content-subtitle, .feature-numbers .grid-card-container .card__content-title {
color: var(--c-body-bg);
word-break: break-word;
}
.feature-numbers .grid-card-container .card__content-subtitle {
font-family: var(--ff-secondary);
font-size: 20px;
font-style: normal;
line-height: normal;
font-weight: 600;
}
.feature-numbers .grid-card-container .card__content-title {
font-family: var(--ff-primary);
font-size: 28px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
.feature-numbers .grid-card-container .card__content .line {
display: block;
width: 100%;
height: 1px;
background-color: rgba(215, 208, 188, 0.3);
margin: 23px 0;
}  .feature-accordions__bg,
.feature-accordions__bg-none {
position: relative;
}
.feature-accordions__bg {
padding-block: 80px;
}
@media screen and (max-width: 48em) {
.feature-accordions__bg {
padding-inline: 0;
padding-block: 40px;
}
}
.feature-accordions__bg.top {
position: relative;
}
.feature-accordions__bg.top::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
background: var(--c-body-bg-gray);
clip-path: polygon(100% 100%, 0% 100%, 0% 3.56%, 2% 3.54%, 4% 3.51%, 6% 3.45%, 8% 3.37%, 10% 3.28%, 12% 3.16%, 14% 3.04%, 16% 2.9%, 18% 2.76%, 20% 2.61%, 22% 2.47%, 24% 2.33%, 26% 2.2%, 28% 2.08%, 30% 1.98%, 32% 1.9%, 34% 1.84%, 36% 1.8%, 38% 1.78%, 40% 1.78%, 42% 1.81%, 44% 1.87%, 46% 1.94%, 48% 2.03%, 50% 2.14%, 52% 2.27%, 54% 2.4%, 56% 2.54%, 58% 2.69%, 60% 2.83%, 62% 2.97%, 64% 3.1%, 66% 3.22%, 68% 3.33%, 70% 3.42%, 72% 3.48%, 74% 3.53%, 76% 3.55%, 78% 3.55%, 80% 3.53%, 82% 3.48%, 84% 3.41%, 86% 3.32%, 88% 3.22%, 90% 3.09%, 92% 2.96%, 94% 2.82%, 96% 2.68%, 98% 2.53%, 100% 2.39%);
}
@media screen and (max-width: 48em) {
.feature-accordions__bg.top::before {
clip-path: polygon(100% 100%, 0% 100%, 0% 2.11%, 50% 1.53%, 100% 1.31%);
}
}
.feature-accordions__bg.white {
background-color: var(--c-body-bg);
}
.feature-accordions__bg.gray {
background-color: var(--c-body-bg-gray);
}
.feature-accordions__bg-none {
padding-block: 80px;
background-color: #f4f4f4;
}
@media screen and (max-width: 48em) {
.feature-accordions__bg-none {
padding-inline: 0;
padding-block: 40px;
}
} .feature-stack { isolation: isolate; width: 100%;     }
.feature-stack__inner {
position: relative;
z-index: 1;
width: min(100%, var(--max-width-container, 1440px));
margin-inline: auto;
padding-inline: clamp(16px, 4vw, 40px);
}
@media screen and (max-width: 48em) {
.feature-stack__inner {
padding-inline: 16px;
}
}
.feature-stack__header {
margin-bottom: 40px;
}
@media screen and (max-width: 76em) {
.feature-stack__header {
margin-bottom: 36px;
}
}
@media screen and (max-width: 48em) {
.feature-stack__header {
margin-bottom: 32px;
}
}
@media screen and (max-width: 36em) {
.feature-stack__header {
margin-bottom: 28px;
}
}
.feature-stack__title {
text-align: center;
color: var(--c-gray-second);
font-family: var(--ff-primary);
font-size: 50px;
font-weight: 900;
line-height: 1.1;
margin: 0;
}
@media screen and (max-width: 76em) {
.feature-stack__title {
font-size: 44px;
}
}
@media screen and (max-width: 48em) {
.feature-stack__title {
font-size: 36px;
}
}
@media screen and (max-width: 36em) {
.feature-stack__title {
font-size: 32px;
}
}
.feature-stack__cards { --stack-top: 96px; --stack-step: 24px; --stack-gap: 48px; --stack-radius: 8px;
position: relative;
display: block;  }
@media screen and (max-width: 76em) {
.feature-stack__cards {
--stack-top: 80px;
--stack-step: 20px;
--stack-gap: 40px;
}
}
@media screen and (max-width: 48em) {
.feature-stack__cards {
--stack-top: 72px;
--stack-step: 16px;
--stack-gap: 32px;
}
}
@media screen and (max-width: 36em) {
.feature-stack__cards {
--stack-top: 56px;
--stack-step: 12px;
--stack-gap: 24px;
}
}
.feature-stack__card {
position: sticky; top: calc(var(--stack-top) + var(--i, 0) * var(--stack-step));
margin-bottom: var(--stack-gap); background: linear-gradient(180deg, #fbfbfb 0%, #f9f9f9 100%), #fff;
border: 1px solid #d7d0bc;
border-radius: var(--stack-radius);
box-shadow: 0 12px 32px -20px rgba(0, 0, 0, 0.18); transform-origin: top center; }
.feature-stack__card:last-child {
margin-bottom: 0;
}
.feature-stack__card-inner {
display: flex;
justify-content: space-between;
align-items: stretch;
gap: 60px;
padding: 76px;
}
@media screen and (max-width: 76em) {
.feature-stack__card-inner {
padding: 40px 30px;
gap: 30px;
}
}
@media screen and (max-width: 48em) {
.feature-stack__card-inner {
flex-direction: column-reverse;
padding: 30px 20px;
gap: 20px;
}
}
@media screen and (max-width: 36em) {
.feature-stack__card-inner {
padding: 20px;
gap: 10px;
}
}
.feature-stack__card-content {
max-width: 740px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
flex: 1 1 auto;
}
@media screen and (max-width: 90em) {
.feature-stack__card-content {
max-width: 510px;
}
}
@media screen and (max-width: 48em) {
.feature-stack__card-content {
max-width: 100%;
padding-top: 20px;
}
}
.feature-stack__card-text {
display: contents;
}
.feature-stack__card-title {
color: var(--c-gray-second);
font-family: var(--ff-primary);
font-size: 36px;
font-weight: 900;
line-height: 1.1;
margin: 0;
}
@media screen and (max-width: 48em) {
.feature-stack__card-title {
font-size: 26px;
}
}
@media screen and (max-width: 36em) {
.feature-stack__card-title {
font-size: 24px;
}
}
.feature-stack__card-divider {
display: block;
width: 96%;
height: 1px;
background-color: rgba(215, 208, 188, 0.3);
margin: 20px 0;
}
@media screen and (max-width: 48em) {
.feature-stack__card-divider {
width: 100%;
}
}
.feature-stack__card-body p {
color: var(--c-gray);
font-family: var(--ff-secondary);
font-size: 22px;
font-weight: 500;
line-height: 44px;
margin: 0;
}
@media screen and (max-width: 48em) {
.feature-stack__card-body p {
font-size: 20px;
line-height: 36px;
}
}
@media screen and (max-width: 36em) {
.feature-stack__card-body p {
font-size: 18px;
line-height: 32px;
}
}
.feature-stack__card-cta {
align-self: flex-start;
}
.feature-stack__card-media {
flex: 0 0 auto;
width: 100%;
max-width: 448px;
height: 350px;
border-radius: var(--stack-radius);
overflow: hidden; }
@media screen and (max-width: 48em) {
.feature-stack__card-media {
max-width: 100%;
height: 300px;
}
}
@media screen and (max-width: 36em) {
.feature-stack__card-media {
height: 200px;
}
}
.feature-stack__card-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.feature-stack__empty {
text-align: center;
color: var(--c-gray);
padding-block: 40px;
}
@supports (animation-timeline: view()) {
.feature-stack__card {
animation: feature-stack-shrink linear both;
animation-timeline: view(); animation-range: exit 0% exit 100%; }
.feature-stack__card:last-child {
animation: none;
}
@keyframes feature-stack-shrink {
to {
transform: scale(0.94);
filter: brightness(0.97) saturate(0.96);
}
}
}
@media (prefers-reduced-motion: reduce) {
.feature-stack__card {
animation: none !important;
transform: none !important;
filter: none !important;
}
}
.feature-stack--js-active .feature-stack__card {
position: relative;
top: auto;
animation: none; transform: none;
} .feature-accordions__container {
position: relative; display: block !important;
margin-inline: 0;
}
.feature-accordions__container > .feature-accordions-card {
position: sticky;
margin-bottom: 48px;
background: linear-gradient(180deg, #fbfbfb 0%, #f9f9f9 100%), #fff;
border: 1px solid #d7d0bc;
border-radius: 8px;
will-change: auto;
transform: none;
transition: none;
top: 96px;
}
.feature-accordions__container > .feature-accordions-card:nth-child(2) {
top: 120px;
}
.feature-accordions__container > .feature-accordions-card:nth-child(3) {
top: 144px;
}
.feature-accordions__container > .feature-accordions-card:nth-child(4) {
top: 168px;
}
.feature-accordions__container > .feature-accordions-card:nth-child(5) {
top: 192px;
}
.feature-accordions__container > .feature-accordions-card:nth-child(6) {
top: 216px;
}
.feature-accordions__container > .feature-accordions-card:nth-child(7) {
top: 240px;
}
.feature-accordions__container > .feature-accordions-card:nth-child(8) {
top: 264px;
}
.feature-accordions__container > .feature-accordions-card:nth-child(9) {
top: 288px;
}
.feature-accordions__container > .feature-accordions-card:nth-child(10) {
top: 312px;
}
.feature-accordions__container > .feature-accordions-card:last-child {
margin-bottom: 0;
}
.home-page-hero__container {
display: flex;
overflow: visible;
}
.home-page-hero__container:not(.is-full-width) .home-page-hero__slider-wrapper {
width: 75%;
}
@media screen and (max-width: 48em) {
.home-page-hero__container:not(.is-full-width) .home-page-hero__slider-wrapper {
width: 100%;
}
}
.home-page-hero__container[style*=background-image]::before {
display: none;
}
.home-page-hero__container.is-full-width {
display: block;
min-height: 550px;
}
.home-page-hero__container.is-full-width .home-page-hero__slider-wrapper {
width: 100%;
height: 100%;
}
.home-page-hero__container.is-full-width .mySwiper .swiper-slide {
width: 100% !important;
max-width: 100% !important;
transform: none !important;
opacity: 1 !important;
}
.home-page-hero__container.is-full-width .home-page-hero__content {
justify-content: flex-end;
}
.home-page-hero__container.is-full-width .home-page-hero__content::before {
display: none;
}
.mySwiper {
overflow: visible;
}
.mySwiper .swiper-slide {
width: 85%;
transition: all 0.4s ease;
}
.mySwiper .swiper-slide.swiper-slide-prev {
opacity: 0.5;
transform: scale(0.9);
}
.mySwiper .swiper-slide.is-preview {
opacity: 0.5;
transform: scale(0.9);
}
.home-page-hero {
padding-block: 70px 0px;
}
.home-page-hero:has(.swiper-button-prev) {
padding-block: 70px 140px;
}
@media screen and (max-width: 48em) {
.home-page-hero:has(.swiper-button-prev) {
padding-block: 60px 60px;
}
}
@media screen and (max-width: 36em) {
.home-page-hero:has(.swiper-button-prev) {
padding-block: 40px 40px;
}
}
@media screen and (max-width: 76em) {
.home-page-hero {
padding-inline: 10px;
}
}
@media screen and (max-width: 48em) {
.home-page-hero {
padding-block: 60px 0px;
}
}
@media screen and (max-width: 36em) {
.home-page-hero {
padding-block: 40px 0px;
}
}
.home-page-hero__bg {
background-color: #F4F4F4;
}
.home-page-hero .row {
margin-left: 0;
}
.home-page-hero__container {
display: flex;
justify-content: space-between;
padding-inline: 0 !important;
gap: 20px;
max-height: 650px;
}
@media screen and (max-width: 76em) {
.home-page-hero__container {
padding-inline: 20px;
gap: 10px;
}
}
@media screen and (max-width: 48em) {
.home-page-hero__container {
flex-direction: column-reverse;
}
}
.home-page-hero__content {
flex: 1;
border-radius: 4px;
background: linear-gradient(180deg, #406973 0%, #98B2A0 116.64%);
position: relative;
padding: 64px 76px;
display: flex;
flex-direction: column;
gap: 47px;
justify-content: flex-end;
height: 100%;
}
@media screen and (max-width: 76em) {
.home-page-hero__content {
flex: 1;
padding: 40px;
}
}
@media screen and (max-width: 48em) {
.home-page-hero__content {
max-width: 100%;
width: 100%;
gap: 20px;
}
}
.home-page-hero__content::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/hero-bg.svg) no-repeat center;
background-size: cover;
z-index: 0;
}
.home-page-hero__content.has-custom-bg::before {
display: none;
}
.home-page-hero__title {
color: #ffffff;
position: relative;
z-index: 1;
font-family: var(--ff-primary);
font-size: 45px;
max-width: 92%;
}
@media screen and (max-width: 80em) {
.home-page-hero__title {
font-size: 60px;
line-height: 70px;
}
}
@media screen and (max-width: 76em) {
.home-page-hero__title {
font-size: 56px;
line-height: 66px;
}
}
@media screen and (max-width: 48em) {
.home-page-hero__title {
font-size: 48px;
line-height: 56px;
}
}
@media screen and (max-width: 36em) {
.home-page-hero__title {
font-size: 36px;
line-height: 46px;
}
}
.home-page-hero__subtitle {
color: #ffffff;
position: relative;
z-index: 1;
font-family: var(--ff-secondary);
font-size: 22px;
line-height: 30px;
font-weight: 500; }
@media screen and (max-width: 48em) {
.home-page-hero__subtitle {
font-size: 18px;
}
}
.home-page-hero__button { box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 76em) {
.home-page-hero__button {
font-size: 22px;
}
}
@media screen and (max-width: 48em) {
.home-page-hero__button {
font-size: 20px;
}
}
@media screen and (max-width: 36em) {
.home-page-hero__button {
font-size: 18px;
}
}
.home-page-hero__button:hover {
transform: scale(1.05);
color: #ffffff;
}
.home-page-hero__image {
width: 100%;
display: flex;
align-items: flex-end;
position: relative;
flex: 1;
}
@media screen and (max-width: 76em) {
.home-page-hero__image {
margin-right: 0;
}
}
@media screen and (max-width: 48em) {
.home-page-hero__image {
width: 100%;
height: 450px;
}
}
@media screen and (max-width: 36em) {
.home-page-hero__image {
height: 380px;
}
}
.home-page-hero__image .box-image {
border-radius: 4px;
background: linear-gradient(180deg, #E2C08B -7.27%, #D39483 72.36%);
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
height: 100%;
width: 100%;
overflow: hidden;
}
.home-page-hero__image .box-image .box-image__text {
position: absolute;
left: -96px;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
font-family: var(--ff-primary);
font-size: 35px;
font-weight: 900;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.2);
letter-spacing: 2px;
white-space: nowrap;
z-index: 3;
}
.home-page-hero__image .box-image img {
width: 100%;
height: 100%;
object-fit: cover;
z-index: 9;
}
@media screen and (max-width: 48em) {
.home-page-hero__image .box-image img {
max-height: 500px;
margin-left: auto;
}
}
.home-page-hero .custom-swiper-button {
width: 75px;
height: 75px;
border: 2px solid #4C5380;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #4A4A75;
background-color: #fff;
position: absolute;
top: 100%;
z-index: 10;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.home-page-hero .swiper-button-prev.custom-swiper-button {
left: 45%;
transform: translateX(-50%) translateY(60%);
}
@media screen and (max-width: 76em) {
.home-page-hero .swiper-button-prev.custom-swiper-button {
left: 20%;
}
}
.home-page-hero .swiper-button-next.custom-swiper-button {
right: 45%;
transform: translateX(50%) translateY(60%);
}
@media screen and (max-width: 76em) {
.home-page-hero .swiper-button-next.custom-swiper-button {
right: 20%;
}
}
.home-page-hero .home-page-hero__container {
position: relative;
}
.home-page-hero__box-blue {
width: 10%;
height: 100%;
position: relative;
overflow: hidden;
background-color: #4C5380;
flex-shrink: 0;
border-radius: 0 4px 4px 0;
}
@media screen and (max-width: 90em) {
.home-page-hero__box-blue {
width: 100px;
}
}
@media screen and (max-width: 76em) {
.home-page-hero__box-blue {
display: none;
}
}
.home-page-hero__box-blue::before {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/banner-bg-hero.png) no-repeat center;
background-size: cover;
}
.home-page-hero__container {
overflow: visible;
}
.home-page-hero__slider-wrapper {
width: 75%;
position: relative;
}
@media screen and (max-width: 48em) {
.home-page-hero__slider-wrapper {
width: 100%;
}
}
.mySwiper {
overflow: visible;
}
@media screen and (max-width: 48em) {
.mySwiper {
overflow: hidden;
}
}
.mySwiper .swiper-slide {
transition: transform 0.3s ease, opacity 0.3s ease;
flex-shrink: 0;
}
.mySwiper .swiper-slide-prev {
transform: scale(0.85);
opacity: 0.7;
z-index: 1;
}
.swiper-slide.is-preview {
transform: scale(0.85);
opacity: 0.7;
}
.mySwiper .swiper-slide-active {
transform: scale(1);
opacity: 1;
z-index: 2;
}
.swiper {
height: 100%;
}
.swiper-slide {
box-sizing: border-box;
}
.text--link {
position: relative;
z-index: 2;
}
.container--btns {
display: flex;
flex-wrap: wrap;
gap: 20px;
position: relative;
z-index: 2;
}
.text-and-media {
padding-block: 80px;
display: flex;
flex-direction: column;
gap: 60px;
}
@media screen and (max-width: 48em) {
.text-and-media {
padding: 60px 0;
}
}
@media screen and (max-width: 36em) {
.text-and-media {
padding: 40px 0;
}
}
.text-and-media .direction-left .text-and-media-card__content {
padding-left: 15%;
}
@media screen and (max-width: 80em) {
.text-and-media .direction-left .text-and-media-card__content {
padding-left: 2%;
}
}
.text-and-media .direction-right {
flex-direction: row-reverse;
}
.text-and-media-card__content {
max-width: 880px;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
}
@media screen and (max-width: 76em) {
.text-and-media-card__content {
margin-top: 0px;
}
}
@media screen and (max-width: 48em) {
.text-and-media-card__content {
margin-top: 20px;
}
}
.text-and-media-card__content .line {
display: block;
width: 100%;
height: 1px;
background-color: rgba(215, 208, 188, 0.3);
margin: 20px 0;
}
.text-and-media-card__content .title {
color: var(--c-gray-second);
font-family: var(--ff-primary);
font-size: 36px;
}
@media screen and (max-width: 48em) {
.text-and-media-card__content .title {
font-size: 28px;
}
}
.text-and-media-card__content p {
font-size: 22px;
font-family: var(--ff-secondary);
color: var(--c-gray);
}
.text-and-media-card__content-center {
max-width: 950px;
text-align: center;
display: flex;
flex-direction: column;
gap: 20px;
}
.text-and-media-card__content-center p {
color: var(--c-gray);
text-align: center;
font-family: var(--ff-secondary);
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 44px;
}
@media screen and (max-width: 48em) {
.text-and-media-card__content-center p {
font-size: 22px;
line-height: 36px;
}
}
@media screen and (max-width: 36em) {
.text-and-media-card__content-center p {
font-size: 20px;
}
}
.text-and-media-card__content-center .text--left * {
text-align: left;
}
.text-and-media-card__content-center .text--right * {
text-align: right;
}
.text-and-media-card__content-center .text--center * {
text-align: center;
}
.text-and-media-card__content-center .text--justify * {
text-align: justify;
}
.text-and-media-card__image {
border-radius: 4px;
margin: 0 auto;
max-height: 500px;
overflow: hidden;
display: flex;
justify-content: flex-end;
height: 100%;
}
@media screen and (max-width: 48em) {
.text-and-media-card__image {
max-height: 300px;
justify-content: center;
}
}
@media screen and (max-width: 36em) {
.text-and-media-card__image {
max-height: 220px;
}
}
.text-and-media-card__image img {
object-fit: scale-down;
}
.bentoBox {
padding-block: 160px;
background-color: #F5F6F3;
clip-path: polygon(100% 100%, 0% 100%, 0% 3.56%, 2% 3.54%, 4% 3.51%, 6% 3.45%, 8% 3.37%, 10% 3.28%, 12% 3.16%, 14% 3.04%, 16% 2.9%, 18% 2.76%, 20% 2.61%, 22% 2.47%, 24% 2.33%, 26% 2.2%, 28% 2.08%, 30% 1.98%, 32% 1.9%, 34% 1.84%, 36% 1.8%, 38% 1.78%, 40% 1.78%, 42% 1.81%, 44% 1.87%, 46% 1.94%, 48% 2.03%, 50% 2.14%, 52% 2.27%, 54% 2.4%, 56% 2.54%, 58% 2.69%, 60% 2.83%, 62% 2.97%, 64% 3.1%, 66% 3.22%, 68% 3.33%, 70% 3.42%, 72% 3.48%, 74% 3.53%, 76% 3.55%, 78% 3.55%, 80% 3.53%, 82% 3.48%, 84% 3.41%, 86% 3.32%, 88% 3.22%, 90% 3.09%, 92% 2.96%, 94% 2.82%, 96% 2.68%, 98% 2.53%, 100% 2.39%);
}
@media screen and (max-width: 80em) {
.bentoBox {
padding-block: 130px;
}
}
@media screen and (max-width: 76em) {
.bentoBox {
padding-block: 100px;
}
}
@media screen and (max-width: 48em) {
.bentoBox {
padding-block: 60px;
clip-path: polygon(100% 100%, 0% 100%, 0% 2.11%, 2% 2.1%, 4% 2.08%, 6% 2.05%, 8% 2.01%, 10% 1.95%, 12% 1.89%, 14% 1.81%, 16% 1.74%, 18% 1.66%, 20% 1.58%, 22% 1.51%, 24% 1.44%, 26% 1.37%, 28% 1.32%, 30% 1.28%, 32% 1.25%, 34% 1.23%, 36% 1.22%, 38% 1.23%, 40% 1.25%, 42% 1.29%, 44% 1.34%, 46% 1.39%, 48% 1.46%, 50% 1.53%, 52% 1.61%, 54% 1.68%, 56% 1.76%, 58% 1.84%, 60% 1.9%, 62% 1.97%, 64% 2.02%, 66% 2.06%, 68% 2.09%, 70% 2.11%, 72% 2.11%, 74% 2.1%, 76% 2.08%, 78% 2.04%, 80% 1.99%, 82% 1.93%, 84% 1.87%, 86% 1.79%, 88% 1.72%, 90% 1.64%, 92% 1.56%, 94% 1.49%, 96% 1.42%, 98% 1.36%, 100% 1.31%);
}
}
@media screen and (max-width: 36em) {
.bentoBox {
clip-path: none;
}
}
.bentoBox__wrapper {
max-width: 1440px;
width: 100%;
display: flex;
flex-direction: column;
gap: 60px;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 76em) {
.bentoBox__wrapper {
gap: 50px;
}
}
@media screen and (max-width: 48em) {
.bentoBox__wrapper {
gap: 40px;
}
}
@media screen and (max-width: 36em) {
.bentoBox__wrapper {
gap: 30px;
}
}
.bentoBox__wrapper-title {
color: var(--c-purple);
text-align: center;
font-family: var(--ff-primary);
font-size: 50px;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 76em) {
.bentoBox__wrapper-title {
font-size: 46px;
}
}
@media screen and (max-width: 48em) {
.bentoBox__wrapper-title {
font-size: 26px;
}
}
.bentoBox__wrapper-boxes {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(4, auto);
gap: 48px;
}
@media screen and (max-width: 64em) {
.bentoBox__wrapper-boxes {
grid-template-columns: 1fr;
gap: 40px;
}
}
@media screen and (max-width: 48em) {
.bentoBox__wrapper-boxes {
gap: 30px;
}
}
@media screen and (max-width: 36em) {
.bentoBox__wrapper-boxes {
gap: 20px;
}
}
.bentoBox__wrapper-boxes-box {
padding: 76px;
border-radius: 4px;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 76em) {
.bentoBox__wrapper-boxes-box {
padding: 50px;
}
}
@media screen and (max-width: 48em) {
.bentoBox__wrapper-boxes-box {
padding: 30px;
}
}
.bentoBox__wrapper-boxes-box:nth-child(1) {
grid-area: 1/1/2/3;
}
.bentoBox__wrapper-boxes-box:nth-child(1)::after {
content: "";
background: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/vector1.svg);
width: 820px;
height: 665px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
object-position: center;
right: -170px;
top: -80px;
z-index: 0;
}
@media screen and (max-width: 76em) {
.bentoBox__wrapper-boxes-box:nth-child(1)::after {
width: 400px;
height: 100%;
top: 0;
right: -160px;
background-size: cover;
}
}
@media screen and (max-width: 18.75em) {
.bentoBox__wrapper-boxes-box:nth-child(1)::after {
display: none;
}
}
.bentoBox__wrapper-boxes-box:nth-child(1) .bentoBox__wrapper-boxes-box-info {
max-width: 620px;
}
@media screen and (max-width: 76em) {
.bentoBox__wrapper-boxes-box:nth-child(1) .bentoBox__wrapper-boxes-box-info {
max-width: 60%;
}
}
@media screen and (max-width: 48em) {
.bentoBox__wrapper-boxes-box:nth-child(1) .bentoBox__wrapper-boxes-box-info {
max-width: 100%;
}
}
.bentoBox__wrapper-boxes-box:nth-child(1) .bentoBox__wrapper-boxes-box-image {
width: 500px;
object-fit: contain;
right: 120px;
}
@media screen and (max-width: 90em) {
.bentoBox__wrapper-boxes-box:nth-child(1) .bentoBox__wrapper-boxes-box-image {
right: 80px;
}
}
@media screen and (max-width: 76em) {
.bentoBox__wrapper-boxes-box:nth-child(1) .bentoBox__wrapper-boxes-box-image {
right: 0;
height: 470px;
}
}
@media screen and (max-width: 48em) {
.bentoBox__wrapper-boxes-box:nth-child(1) .bentoBox__wrapper-boxes-box-image {
display: none;
}
}
@media screen and (max-width: 64em) {
.bentoBox__wrapper-boxes-box:nth-child(1) {
grid-area: auto;
}
}
.bentoBox__wrapper-boxes-box:nth-child(2) {
grid-area: 2/1/3/2;
}
@media screen and (max-width: 64em) {
.bentoBox__wrapper-boxes-box:nth-child(2) {
grid-area: auto;
}
}
.bentoBox__wrapper-boxes-box:nth-child(2)::after {
content: "";
background: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/vector2.svg);
width: 450px;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
object-position: center;
right: 40px;
bottom: -280px;
z-index: 0;
}
@media screen and (max-width: 64em) {
.bentoBox__wrapper-boxes-box:nth-child(2)::after {
bottom: -180px;
}
}
@media screen and (max-width: 18.75em) {
.bentoBox__wrapper-boxes-box:nth-child(2)::after {
display: none;
}
}
.bentoBox__wrapper-boxes-box:nth-child(3) {
grid-area: 2/2/4/3;
}
@media screen and (max-width: 64em) {
.bentoBox__wrapper-boxes-box:nth-child(3) {
grid-area: auto;
}
}
.bentoBox__wrapper-boxes-box:nth-child(3)::after {
content: "";
background: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/vector3.svg);
width: 750px;
height: 400px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
object-position: center;
right: 0px;
top: 450px;
z-index: 0;
}
@media screen and (max-width: 64em) {
.bentoBox__wrapper-boxes-box:nth-child(3)::after {
top: 150px;
}
}
@media screen and (max-width: 36em) {
.bentoBox__wrapper-boxes-box:nth-child(3)::after {
top: 250px;
}
}
@media screen and (max-width: 18.75em) {
.bentoBox__wrapper-boxes-box:nth-child(3)::after {
display: none;
}
}
.bentoBox__wrapper-boxes-box:nth-child(3) .bentoBox__wrapper-boxes-box-image {
left: 76px;
height: 270px;
object-fit: cover;
bottom: -5px;
}
@media screen and (max-width: 64em) {
.bentoBox__wrapper-boxes-box:nth-child(3) .bentoBox__wrapper-boxes-box-image {
left: auto;
right: 0;
}
}
@media screen and (max-width: 48em) {
.bentoBox__wrapper-boxes-box:nth-child(3) .bentoBox__wrapper-boxes-box-image {
display: none;
}
}
.bentoBox__wrapper-boxes-box:nth-child(4) {
grid-area: 3/1/5/2;
}
@media screen and (max-width: 64em) {
.bentoBox__wrapper-boxes-box:nth-child(4) {
grid-area: auto;
}
}
.bentoBox__wrapper-boxes-box:nth-child(4)::after {
content: "";
background: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/vector4.svg);
width: 400px;
height: 550px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
object-position: center;
right: -170px;
top: -60px;
z-index: 0;
}
@media screen and (max-width: 76em) {
.bentoBox__wrapper-boxes-box:nth-child(4)::after {
width: 300px;
height: 400px;
right: -140px;
top: auto;
bottom: 0;
}
}
@media screen and (max-width: 18.75em) {
.bentoBox__wrapper-boxes-box:nth-child(4)::after {
display: none;
}
}
.bentoBox__wrapper-boxes-box:nth-child(5) {
grid-area: 4/2/5/3;
padding: 26px 76px;
display: flex;
justify-content: center;
}
.bentoBox__wrapper-boxes-box:nth-child(5)::after {
content: "";
background: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/vector5.svg);
width: 400px;
height: 140px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
object-position: center;
left: 0;
bottom: 0;
z-index: 0;
}
@media screen and (max-width: 36em) {
.bentoBox__wrapper-boxes-box:nth-child(5)::after {
display: none;
}
}
.bentoBox__wrapper-boxes-box:nth-child(5)::before {
content: "";
background: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/vector5-1.svg);
width: 200px;
height: 140px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
object-position: center;
right: 0;
top: 0;
z-index: 0;
}
@media screen and (max-width: 36em) {
.bentoBox__wrapper-boxes-box:nth-child(5)::before {
display: none;
}
}
@media screen and (max-width: 64em) {
.bentoBox__wrapper-boxes-box:nth-child(5) {
grid-area: auto;
}
}
@media screen and (max-width: 76em) {
.bentoBox__wrapper-boxes-box:nth-child(5) {
padding: 26px 50px;
}
}
@media screen and (max-width: 48em) {
.bentoBox__wrapper-boxes-box:nth-child(5) {
padding: 20px 30px;
}
}
.bentoBox__wrapper-boxes-box:nth-child(5) .bentoBox__wrapper-boxes-box-image {
position: relative;
}
.bentoBox__wrapper-boxes-box-info {
display: flex;
flex-direction: column;
gap: 20px;
position: relative;
z-index: 9;
}
.bentoBox__wrapper-boxes-box-info-title {
color: var(--c-body-bg);
font-family: var(--ff-primary);
font-size: 30px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 48em) {
.bentoBox__wrapper-boxes-box-info-title {
font-size: 24px;
}
}
@media screen and (max-width: 36em) {
.bentoBox__wrapper-boxes-box-info-title {
font-size: 20px;
}
}
.bentoBox__wrapper-boxes-box-info-description {
display: flex;
flex-direction: column;
gap: 20px;
}
.bentoBox__wrapper-boxes-box-info-description p {
color: var(--c-body-bg);
font-family: var(--ff-secondary);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 28px;
}
@media screen and (max-width: 48em) {
.bentoBox__wrapper-boxes-box-info-description p {
font-size: 16px;
line-height: 24px;
}
}
.bentoBox__wrapper-boxes-box-info-line {
margin-top: 20px;
max-width: 300px;
object-fit: scale-down;
z-index: 1;
}
.bentoBox__wrapper-boxes-box-image {
position: absolute;
z-index: 1;
bottom: 0;
}
.textMediaBox {
padding-block: 160px;
overflow: hidden;
background: linear-gradient(180deg, #406973 0%, #4C5380 148.81%);
clip-path: polygon(100% 100%, 0% 100%, 0% 3.56%, 2% 3.54%, 4% 3.51%, 6% 3.45%, 8% 3.37%, 10% 3.28%, 12% 3.16%, 14% 3.04%, 16% 2.9%, 18% 2.76%, 20% 2.61%, 22% 2.47%, 24% 2.33%, 26% 2.2%, 28% 2.08%, 30% 1.98%, 32% 1.9%, 34% 1.84%, 36% 1.8%, 38% 1.78%, 40% 1.78%, 42% 1.81%, 44% 1.87%, 46% 1.94%, 48% 2.03%, 50% 2.14%, 52% 2.27%, 54% 2.4%, 56% 2.54%, 58% 2.69%, 60% 2.83%, 62% 2.97%, 64% 3.1%, 66% 3.22%, 68% 3.33%, 70% 3.42%, 72% 3.48%, 74% 3.53%, 76% 3.55%, 78% 3.55%, 80% 3.53%, 82% 3.48%, 84% 3.41%, 86% 3.32%, 88% 3.22%, 90% 3.09%, 92% 2.96%, 94% 2.82%, 96% 2.68%, 98% 2.53%, 100% 2.39%);
position: relative;
}
.textMediaBox::before {
content: "";
width: 300px;
height: 400px;
position: absolute;
right: 0;
top: 0;
background: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/gagga-vector1.svg);
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (max-width: 36em) {
.textMediaBox::before {
width: 200px;
height: 300px;
}
}
.textMediaBox::after {
content: "";
width: 450px;
height: 200px;
position: absolute;
left: 0;
bottom: 0;
background: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/gagga-vector2.svg);
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (max-width: 36em) {
.textMediaBox::after {
width: 350px;
height: 100px;
}
}
@media screen and (max-width: 80em) {
.textMediaBox {
padding-block: 130px;
}
}
@media screen and (max-width: 76em) {
.textMediaBox {
padding-block: 100px;
}
}
@media screen and (max-width: 48em) {
.textMediaBox {
padding-block: 60px;
clip-path: polygon(100% 100%, 0% 100%, 0% 2.11%, 2% 2.1%, 4% 2.08%, 6% 2.05%, 8% 2.01%, 10% 1.95%, 12% 1.89%, 14% 1.81%, 16% 1.74%, 18% 1.66%, 20% 1.58%, 22% 1.51%, 24% 1.44%, 26% 1.37%, 28% 1.32%, 30% 1.28%, 32% 1.25%, 34% 1.23%, 36% 1.22%, 38% 1.23%, 40% 1.25%, 42% 1.29%, 44% 1.34%, 46% 1.39%, 48% 1.46%, 50% 1.53%, 52% 1.61%, 54% 1.68%, 56% 1.76%, 58% 1.84%, 60% 1.9%, 62% 1.97%, 64% 2.02%, 66% 2.06%, 68% 2.09%, 70% 2.11%, 72% 2.11%, 74% 2.1%, 76% 2.08%, 78% 2.04%, 80% 1.99%, 82% 1.93%, 84% 1.87%, 86% 1.79%, 88% 1.72%, 90% 1.64%, 92% 1.56%, 94% 1.49%, 96% 1.42%, 98% 1.36%, 100% 1.31%);
}
}
.textMediaBox__wrapper {
max-width: 1440px;
width: 100%;
display: flex;
flex-direction: column;
gap: 60px;
position: relative;
z-index: 9;
}
@media screen and (max-width: 48em) {
.textMediaBox__wrapper {
gap: 40px;
}
}
@media screen and (max-width: 36em) {
.textMediaBox__wrapper {
gap: 30px;
}
}
.textMediaBox__wrapper-title {
color: var(--c-body-bg);
text-align: center;
font-family: var(--ff-primary);
font-size: 50px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 76em) {
.textMediaBox__wrapper-title {
font-size: 42px;
}
}
@media screen and (max-width: 48em) {
.textMediaBox__wrapper-title {
font-size: 36px;
}
}
@media screen and (max-width: 36em) {
.textMediaBox__wrapper-title {
font-size: 32px;
}
}
.textMediaBox__wrapper-box {
border-radius: 4px;
border: 1px solid var(--c-cream);
padding: 76px;
display: flex;
gap: 48px;
align-items: start;
}
@media screen and (max-width: 64em) {
.textMediaBox__wrapper-box {
padding: 50px;
flex-direction: column;
}
}
@media screen and (max-width: 48em) {
.textMediaBox__wrapper-box {
padding: 40px;
}
}
@media screen and (max-width: 36em) {
.textMediaBox__wrapper-box {
padding: 30px;
}
}
.textMediaBox__wrapper-box-sources {
max-width: 372px;
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
}
@media screen and (max-width: 64em) {
.textMediaBox__wrapper-box-sources {
max-width: 100%;
}
}
.textMediaBox__wrapper-box-sources-image {
width: 100%;
height: 350px;
object-fit: cover;
}
@media screen and (max-width: 48em) {
.textMediaBox__wrapper-box-sources-image {
height: 300px;
}
}
@media screen and (max-width: 36em) {
.textMediaBox__wrapper-box-sources-image {
height: 250px;
}
}
.textMediaBox__wrapper-box-sources-socials {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.textMediaBox__wrapper-box-sources-socials-link {
transition: var(--g-trans);
}
.textMediaBox__wrapper-box-sources-socials-link:hover {
opacity: 0.8;
}
.textMediaBox__wrapper-box-sources-socials-link-icon {
width: 30px;
height: 30px;
object-fit: scale-down;
}
.textMediaBox__wrapper-box-description {
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
}
.textMediaBox__wrapper-box-description p {
color: var(--c-body-bg);
font-family: var(--ff-secondary);
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 44px;
}
@media screen and (max-width: 48em) {
.textMediaBox__wrapper-box-description p {
font-size: 20px;
line-height: 38px;
}
}
@media screen and (max-width: 36em) {
.textMediaBox__wrapper-box-description p {
font-size: 18px;
line-height: 32px;
}
}
.textMediaBox__wrapper-box-description p a {
font-family: var(--ff-primary);
color: #E2C08B;
text-decoration: underline;
text-underline-offset: 5px;
}
.descriptionBoxes {
padding-block: 160px;
overflow: hidden;
background: linear-gradient(180deg, #406973 0%, #4C5380 87.83%);
clip-path: polygon(100% 100%, 0% 100%, 0% 3.56%, 2% 3.54%, 4% 3.51%, 6% 3.45%, 8% 3.37%, 10% 3.28%, 12% 3.16%, 14% 3.04%, 16% 2.9%, 18% 2.76%, 20% 2.61%, 22% 2.47%, 24% 2.33%, 26% 2.2%, 28% 2.08%, 30% 1.98%, 32% 1.9%, 34% 1.84%, 36% 1.8%, 38% 1.78%, 40% 1.78%, 42% 1.81%, 44% 1.87%, 46% 1.94%, 48% 2.03%, 50% 2.14%, 52% 2.27%, 54% 2.4%, 56% 2.54%, 58% 2.69%, 60% 2.83%, 62% 2.97%, 64% 3.1%, 66% 3.22%, 68% 3.33%, 70% 3.42%, 72% 3.48%, 74% 3.53%, 76% 3.55%, 78% 3.55%, 80% 3.53%, 82% 3.48%, 84% 3.41%, 86% 3.32%, 88% 3.22%, 90% 3.09%, 92% 2.96%, 94% 2.82%, 96% 2.68%, 98% 2.53%, 100% 2.39%);
position: relative;
}
.descriptionBoxes::before {
content: "";
width: 300px;
height: 400px;
position: absolute;
right: 0;
top: 0;
background: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/gagga-vector1.svg);
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (max-width: 36em) {
.descriptionBoxes::before {
width: 200px;
height: 300px;
}
}
.descriptionBoxes::after {
content: "";
width: 450px;
height: 200px;
position: absolute;
left: 0;
bottom: 0;
background: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/gagga-vector2.svg);
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (max-width: 36em) {
.descriptionBoxes::after {
width: 350px;
height: 100px;
}
}
@media screen and (max-width: 80em) {
.descriptionBoxes {
padding-block: 130px;
}
}
@media screen and (max-width: 76em) {
.descriptionBoxes {
padding-block: 100px;
}
}
@media screen and (max-width: 48em) {
.descriptionBoxes {
padding-block: 60px;
clip-path: polygon(100% 100%, 0% 100%, 0% 2.11%, 2% 2.1%, 4% 2.08%, 6% 2.05%, 8% 2.01%, 10% 1.95%, 12% 1.89%, 14% 1.81%, 16% 1.74%, 18% 1.66%, 20% 1.58%, 22% 1.51%, 24% 1.44%, 26% 1.37%, 28% 1.32%, 30% 1.28%, 32% 1.25%, 34% 1.23%, 36% 1.22%, 38% 1.23%, 40% 1.25%, 42% 1.29%, 44% 1.34%, 46% 1.39%, 48% 1.46%, 50% 1.53%, 52% 1.61%, 54% 1.68%, 56% 1.76%, 58% 1.84%, 60% 1.9%, 62% 1.97%, 64% 2.02%, 66% 2.06%, 68% 2.09%, 70% 2.11%, 72% 2.11%, 74% 2.1%, 76% 2.08%, 78% 2.04%, 80% 1.99%, 82% 1.93%, 84% 1.87%, 86% 1.79%, 88% 1.72%, 90% 1.64%, 92% 1.56%, 94% 1.49%, 96% 1.42%, 98% 1.36%, 100% 1.31%);
}
}
.descriptionBoxes__wrapper {
max-width: 1440px;
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 48px;
margin-top: 160px;
}
@media screen and (max-width: 76em) {
.descriptionBoxes__wrapper {
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
}
@media screen and (max-width: 48em) {
.descriptionBoxes__wrapper {
grid-template-columns: 1fr;
margin-top: 100px;
gap: 30px;
}
}
.descriptionBoxes__wrapper-box {
width: 100%;
border-radius: 4px;
border: 1px solid #D7D0BC;
grid-column: span 1;
padding: 61px 47px;
display: flex;
flex-direction: column;
gap: 20px;
}
@media screen and (max-width: 48em) {
.descriptionBoxes__wrapper-box {
padding: 40px 30px;
}
}
.descriptionBoxes__wrapper-box-title {
color: var(--c-body-bg);
text-align: center;
font-family: var(--ff-primary);
font-size: 28px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 76em) {
.descriptionBoxes__wrapper-box-title {
font-size: 26px;
}
}
@media screen and (max-width: 48em) {
.descriptionBoxes__wrapper-box-title {
font-size: 24px;
}
}
.descriptionBoxes__wrapper-box-description p {
color: var(--c-body-bg);
text-align: center;
font-family: var(--ff-secondary);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 28px;
}
.descriptionBoxes__wrapper-boxImage {
grid-column: span 3;
display: flex;
padding: 66px 76px;
gap: 76px;
border-radius: 4px;
border: 1px solid #D7D0BC;
}
@media screen and (max-width: 76em) {
.descriptionBoxes__wrapper-boxImage {
padding: 40px 30px;
grid-column: span 2;
gap: 40px;
}
}
@media screen and (max-width: 48em) {
.descriptionBoxes__wrapper-boxImage {
grid-column: span 1;
gap: 20px;
flex-direction: column;
}
}
.descriptionBoxes__wrapper-boxImage-image {
max-width: 544px;
width: 100%;
height: 350px;
object-fit: cover;
border-radius: 4px;
}
@media screen and (max-width: 76em) {
.descriptionBoxes__wrapper-boxImage-image {
max-width: 48%;
height: 300px;
}
}
@media screen and (max-width: 48em) {
.descriptionBoxes__wrapper-boxImage-image {
max-width: 100%;
}
}
@media screen and (max-width: 36em) {
.descriptionBoxes__wrapper-boxImage-image {
height: 250px;
}
}
.descriptionBoxes__wrapper-boxImage-info {
flex: 1;
display: flex;
flex-direction: column;
gap: 10px;
}
.descriptionBoxes__wrapper-boxImage-info-title {
color: var(--c-body-bg);
font-family: var(--ff-primary);
font-size: 50px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 76em) {
.descriptionBoxes__wrapper-boxImage-info-title {
font-size: 40px;
}
}
@media screen and (max-width: 48em) {
.descriptionBoxes__wrapper-boxImage-info-title {
font-size: 36px;
}
}
@media screen and (max-width: 36em) {
.descriptionBoxes__wrapper-boxImage-info-title {
font-size: 32px;
}
}
.descriptionBoxes__wrapper-boxImage-info-description {
display: flex;
flex-direction: column;
gap: 20px;
}
.descriptionBoxes__wrapper-boxImage-info-description p {
color: var(--c-body-bg);
font-family: var(--ff-secondary);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 28px;
}
.descriptionBoxes__wrapper-boxImage-info-description p strong,
.descriptionBoxes__wrapper-boxImage-info-description p b {
font-family: var(--ff-primary);
}
.bannerHero {
min-height: 500px;
padding-block: 30px 60px;
position: relative;
align-items: end;
}
@media screen and (max-width: 48em) {
.bannerHero {
min-height: 400px;
padding-block: 30px 50px;
}
}
@media screen and (max-width: 36em) {
.bannerHero {
min-height: 350px;
padding-block: 30px;
}
}
.bannerHero::after {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.bannerHero__bg {
width: 100%;
height: 100%;
z-index: -9;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.bannerHero__wrapper {
max-width: 1440px;
width: 100%;
height: 100%;
display: flex;
align-items: end;
position: relative;
z-index: 1;
}
.bannerHero__wrapper-title {
color: var(--c-body-bg);
font-family: var(--ff-primary);
font-size: 60px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 76em) {
.bannerHero__wrapper-title {
font-size: 50px;
}
}
@media screen and (max-width: 48em) {
.bannerHero__wrapper-title {
font-size: 42px;
}
}
@media screen and (max-width: 36em) {
.bannerHero__wrapper-title {
font-size: 36px;
}
}
.column-icons {
padding-block: 160px;
background-color: #F5F6F3;
clip-path: polygon(100% 100%, 0% 100%, 0% 3.56%, 2% 3.54%, 4% 3.51%, 6% 3.45%, 8% 3.37%, 10% 3.28%, 12% 3.16%, 14% 3.04%, 16% 2.9%, 18% 2.76%, 20% 2.61%, 22% 2.47%, 24% 2.33%, 26% 2.2%, 28% 2.08%, 30% 1.98%, 32% 1.9%, 34% 1.84%, 36% 1.8%, 38% 1.78%, 40% 1.78%, 42% 1.81%, 44% 1.87%, 46% 1.94%, 48% 2.03%, 50% 2.14%, 52% 2.27%, 54% 2.4%, 56% 2.54%, 58% 2.69%, 60% 2.83%, 62% 2.97%, 64% 3.1%, 66% 3.22%, 68% 3.33%, 70% 3.42%, 72% 3.48%, 74% 3.53%, 76% 3.55%, 78% 3.55%, 80% 3.53%, 82% 3.48%, 84% 3.41%, 86% 3.32%, 88% 3.22%, 90% 3.09%, 92% 2.96%, 94% 2.82%, 96% 2.68%, 98% 2.53%, 100% 2.39%);
position: relative;
border-bottom: 1px solid #D7D0BC;
}
@media screen and (max-width: 76em) {
.column-icons {
padding-block: 100px;
}
}
@media screen and (max-width: 48em) {
.column-icons {
padding-inline: 0;
clip-path: polygon(100% 100%, 0% 100%, 0% 2.11%, 2% 2.1%, 4% 2.08%, 6% 2.05%, 8% 2.01%, 10% 1.95%, 12% 1.89%, 14% 1.81%, 16% 1.74%, 18% 1.66%, 20% 1.58%, 22% 1.51%, 24% 1.44%, 26% 1.37%, 28% 1.32%, 30% 1.28%, 32% 1.25%, 34% 1.23%, 36% 1.22%, 38% 1.23%, 40% 1.25%, 42% 1.29%, 44% 1.34%, 46% 1.39%, 48% 1.46%, 50% 1.53%, 52% 1.61%, 54% 1.68%, 56% 1.76%, 58% 1.84%, 60% 1.9%, 62% 1.97%, 64% 2.02%, 66% 2.06%, 68% 2.09%, 70% 2.11%, 72% 2.11%, 74% 2.1%, 76% 2.08%, 78% 2.04%, 80% 1.99%, 82% 1.93%, 84% 1.87%, 86% 1.79%, 88% 1.72%, 90% 1.64%, 92% 1.56%, 94% 1.49%, 96% 1.42%, 98% 1.36%, 100% 1.31%);
padding-bottom: 0;
}
}
.column-icons__wrapper {
max-width: 1440px;
width: 100%;
display: flex;
flex-direction: column;
gap: 60px;
justify-content: center;
align-items: center;
}
.column-icons__wrapper .title-bold {
color: var(--c-gray-second);
text-align: center;
font-family: var(--ff-primary);
font-size: 50px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 48em) {
.column-icons__wrapper .title-bold {
font-size: 36px;
}
}
@media screen and (max-width: 36em) {
.column-icons__wrapper .title-bold {
font-size: 30px;
}
}
.column-icons__wrapper .title-regular {
color: var(--c-gray-second);
text-align: center;
font-family: var(--ff-primary);
font-size: 40px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 36em) {
.column-icons__wrapper .title-regular {
font-size: 30px;
}
}
.column-icons .grid-five {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, auto);
gap: 20px 16px;
margin-block: 60px;
padding: 0;
}
@media screen and (max-width: 80em) {
.column-icons .grid-five {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (max-width: 76em) {
.column-icons .grid-five {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 48em) {
.column-icons .grid-five {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 36em) {
.column-icons .grid-five {
grid-template-columns: repeat(1, 1fr);
}
}
.column-icons .grid-five .column-icons__item .box {
height: 114px;
display: flex;
justify-content: center;
align-items: center;
}
.column-icons .grid-four {
display: grid;
gap: 30px 48px;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, auto);
margin-block: 60px;
padding: 0;
}
@media screen and (max-width: 76em) {
.column-icons .grid-four {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 48em) {
.column-icons .grid-four {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 36em) {
.column-icons .grid-four {
grid-template-columns: repeat(1, 1fr);
}
}
.column-icons .grid-four .column-icons__item .box {
height: 140px;
display: flex;
justify-content: center;
align-items: center;
}
.column-icons .grid-three {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, auto);
gap: 30px 48px;
margin-block: 60px;
padding: 0;
}
@media screen and (max-width: 48em) {
.column-icons .grid-three {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 36em) {
.column-icons .grid-three {
grid-template-columns: repeat(1, 1fr);
}
}
.column-icons .grid-three .column-icons__item .box {
height: 140px;
display: flex;
justify-content: center;
align-items: center;
}
.column-icons__item {
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
border: 1px solid #D7D0BC;
background: #FAFAFA;
padding-block: 40px;
}
.column-icons__item img {
width: 170px;
height: 100px;
object-fit: contain;
}
.postTypeCard {
padding-block: 160px;
}
@media screen and (max-width: 76em) {
.postTypeCard {
padding-block: 100px;
}
}
@media screen and (max-width: 48em) {
.postTypeCard {
padding-block: 60px;
}
}
.postTypeCard__wrapper {
max-width: 1440px;
width: 100%;
display: flex;
flex-direction: column;
gap: 60px;
justify-content: center;
align-items: center;
}
.postTypeCard__wrapper-title {
color: var(--c-purple);
text-align: center;
font-family: var(--ff-primary);
font-size: 50px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 76em) {
.postTypeCard__wrapper-title {
font-size: 46px;
}
}
@media screen and (max-width: 48em) {
.postTypeCard__wrapper-title {
font-size: 36px;
}
}
.postTypeCard__wrapper-cards {
display: grid;
width: 100%;
grid-template-columns: repeat(2, 1fr);
gap: 48px;
}
@media screen and (max-width: 64em) {
.postTypeCard__wrapper-cards {
grid-template-columns: 1fr;
gap: 30px;
}
}
.postTypeCard__wrapper-cards-card {
display: flex;
align-items: start;
gap: 23px;
border-radius: 4px;
border: 1px solid #D7D0BC;
background: #FAFAFA;
padding: 22px;
}
@media screen and (max-width: 36em) {
.postTypeCard__wrapper-cards-card {
flex-direction: column;
}
}
.postTypeCard__wrapper-cards-card-image {
transition: var(--g-trans);
width: 155px;
}
@media screen and (max-width: 36em) {
.postTypeCard__wrapper-cards-card-image {
width: 100%;
}
}
.postTypeCard__wrapper-cards-card-image:hover {
opacity: 0.8;
}
.postTypeCard__wrapper-cards-card-image img {
width: 155px;
height: 155px;
object-fit: cover;
}
@media screen and (max-width: 36em) {
.postTypeCard__wrapper-cards-card-image img {
width: 100%;
height: 200px;
}
}
.postTypeCard__wrapper-cards-card-content {
flex: 1;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
gap: 10px;
}
@media screen and (max-width: 36em) {
.postTypeCard__wrapper-cards-card-content {
gap: 20px;
}
}
.postTypeCard__wrapper-cards-card-content-title {
font-family: var(--ff-primary);
font-size: 28px;
font-style: normal;
font-weight: 800;
line-height: normal;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media screen and (max-width: 64em) {
.postTypeCard__wrapper-cards-card-content-title {
font-size: 24px;
}
}
@media screen and (max-width: 48em) {
.postTypeCard__wrapper-cards-card-content-title {
font-size: 22px;
}
}
.postTypeCard__wrapper-cards-card-content-title a {
color: var(--c-purple);
transition: var(--g-trans);
}
.postTypeCard__wrapper-cards-card-content-title a:hover {
opacity: 0.8;
}
.postTypeCard__wrapper-cards-card-content-meta {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.postTypeCard__wrapper-cards-card-content-meta-date {
color: var(--c-purple);
font-family: var(--ff-primary);
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 28px;
}
@media screen and (max-width: 48em) {
.postTypeCard__wrapper-cards-card-content-meta-date {
font-size: 16px;
line-height: normal;
}
}
.postTypeCard__wrapper-cards-card-content-meta-cta {
display: flex;
align-items: center;
gap: 10px;
transition: var(--g-trans);
}
.postTypeCard__wrapper-cards-card-content-meta-cta:hover {
gap: 5px;
opacity: 0.7;
}
.postTypeCard__wrapper-cards-card-content-meta-cta-title {
color: var(--c-purple);
text-align: right;
font-family: var(--ff-primary);
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 28px;
}
@media screen and (max-width: 48em) {
.postTypeCard__wrapper-cards-card-content-meta-cta-title {
font-size: 16px;
line-height: normal;
}
}
.postTypeCard__wrapper-cards-card-content-meta-cta-icon {
width: 13px;
height: 11px;
object-fit: scale-down;
}
.downloads {
padding-block: 160px;
}
@media screen and (max-width: 80em) {
.downloads {
padding-block: 130px;
}
}
@media screen and (max-width: 76em) {
.downloads {
padding-block: 100px;
}
}
@media screen and (max-width: 48em) {
.downloads {
padding-block: 60px;
}
}
.downloads.wave_top {
clip-path: polygon(100% 100%, 0% 100%, 0% 4.65%, 1.54% 4.31%, 3.08% 3.97%, 4.62% 3.63%, 6.15% 3.31%, 7.69% 3%, 9.23% 2.71%, 10.77% 2.43%, 12.31% 2.18%, 13.85% 1.94%, 15.38% 1.73%, 16.92% 1.54%, 18.46% 1.38%, 20% 1.25%, 21.54% 1.14%, 23.08% 1.06%, 24.62% 1.02%, 26.15% 1%, 27.69% 1.01%, 29.23% 1.06%, 30.77% 1.13%, 32.31% 1.23%, 33.85% 1.36%, 35.38% 1.52%, 36.92% 1.71%, 38.46% 1.92%, 40% 2.15%, 41.54% 2.41%, 43.08% 2.68%, 44.62% 2.97%, 46.15% 3.28%, 47.69% 3.6%, 49.23% 3.93%, 50.77% 4.27%, 52.31% 4.62%, 53.85% 4.96%, 55.38% 5.31%, 56.92% 5.66%, 58.46% 6%, 60% 6.33%, 61.54% 6.65%, 63.08% 6.96%, 64.62% 7.26%, 66.15% 7.54%, 67.69% 7.79%, 69.23% 8.03%, 70.77% 8.25%, 72.31% 8.44%, 73.85% 8.6%, 75.38% 8.74%, 76.92% 8.85%, 78.46% 8.93%, 80% 8.98%, 81.54% 9%, 83.08% 8.99%, 84.62% 8.95%, 86.15% 8.88%, 87.69% 8.78%, 89.23% 8.65%, 90.77% 8.5%, 92.31% 8.31%, 93.85% 8.11%, 95.38% 7.88%, 96.92% 7.62%, 98.46% 7.35%, 100% 7.06%);
background-color: #F5F6F3;
}
@media screen and (max-width: 76em) {
.downloads.wave_top {
clip-path: polygon(100% 100%, 0% 100%, 0% 6.56%, 2% 6.54%, 4% 6.49%, 6% 6.4%, 8% 6.28%, 10% 6.14%, 12% 5.98%, 14% 5.8%, 16% 5.62%, 18% 5.43%, 20% 5.25%, 22% 5.07%, 24% 4.92%, 26% 4.79%, 28% 4.68%, 30% 4.6%, 32% 4.56%, 34% 4.56%, 36% 4.59%, 38% 4.65%, 40% 4.75%, 42% 4.87%, 44% 5.02%, 46% 5.19%, 48% 5.37%, 50% 5.56%, 52% 5.74%, 54% 5.92%, 56% 6.09%, 58% 6.24%, 60% 6.36%, 62% 6.46%, 64% 6.52%, 66% 6.55%, 68% 6.55%, 70% 6.51%, 72% 6.43%, 74% 6.33%, 76% 6.19%, 78% 6.04%, 80% 5.86%, 82% 5.68%, 84% 5.49%, 86% 5.31%, 88% 5.13%, 90% 4.97%, 92% 4.83%, 94% 4.71%, 96% 4.63%, 98% 4.57%, 100% 4.56%);
}
}
.downloads.wave_bottom {
position: relative;
}
.downloads.wave_bottom::after {
content: "";
width: 100%;
height: 100%;
clip-path: polygon(100% 100%, 0% 100%, 0% 7.78%, 2% 7.75%, 4% 7.66%, 6% 7.52%, 8% 7.32%, 10% 7.08%, 12% 6.79%, 14% 6.48%, 16% 6.14%, 18% 5.78%, 20% 5.42%, 22% 5.06%, 24% 4.71%, 26% 4.39%, 28% 4.1%, 30% 3.84%, 32% 3.64%, 34% 3.48%, 36% 3.38%, 38% 3.33%, 40% 3.35%, 42% 3.43%, 44% 3.56%, 46% 3.74%, 48% 3.97%, 50% 4.25%, 52% 4.56%, 54% 4.9%, 56% 5.25%, 58% 5.61%, 60% 5.97%, 62% 6.32%, 64% 6.65%, 66% 6.95%, 68% 7.21%, 70% 7.43%, 72% 7.6%, 74% 7.71%, 76% 7.77%, 78% 7.77%, 80% 7.71%, 82% 7.59%, 84% 7.42%, 86% 7.19%, 88% 6.93%, 90% 6.63%, 92% 6.3%, 94% 5.94%, 96% 5.58%, 98% 5.22%, 100% 4.87%);
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
transform: rotate(180deg);
background-color: #F5F6F3;
z-index: 0;
}
@media screen and (max-width: 76em) {
.downloads.wave_bottom::after {
clip-path: polygon(100% 100%, 0% 100%, 0% 6.56%, 2% 6.54%, 4% 6.5%, 6% 6.44%, 8% 6.35%, 10% 6.24%, 12% 6.11%, 14% 5.97%, 16% 5.82%, 18% 5.66%, 20% 5.49%, 22% 5.33%, 24% 5.18%, 26% 5.03%, 28% 4.9%, 30% 4.79%, 32% 4.69%, 34% 4.62%, 36% 4.58%, 38% 4.56%, 40% 4.56%, 42% 4.6%, 44% 4.66%, 46% 4.74%, 48% 4.84%, 50% 4.97%, 52% 5.11%, 54% 5.26%, 56% 5.42%, 58% 5.58%, 60% 5.74%, 62% 5.9%, 64% 6.05%, 66% 6.18%, 68% 6.3%, 70% 6.4%, 72% 6.48%, 74% 6.53%, 76% 6.55%, 78% 6.55%, 80% 6.52%, 82% 6.47%, 84% 6.39%, 86% 6.29%, 88% 6.17%, 90% 6.04%, 92% 5.89%, 94% 5.73%, 96% 5.57%, 98% 5.41%, 100% 5.25%);
}
}
.downloads__wrapper {
max-width: 1440px;
width: 100%;
display: flex;
flex-direction: column;
gap: 60px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 76em) {
.downloads__wrapper {
gap: 40px;
}
}
@media screen and (max-width: 48em) {
.downloads__wrapper {
gap: 30px;
}
}
.downloads__wrapper-title {
color: var(--c-purple);
text-align: center;
font-family: var(--ff-primary);
font-size: 50px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 76em) {
.downloads__wrapper-title {
font-size: 46px;
}
}
@media screen and (max-width: 48em) {
.downloads__wrapper-title {
font-size: 30px;
}
}
.downloads__wrapper-info {
display: flex;
align-items: center;
justify-content: center;
gap: 48px;
flex-wrap: wrap;
}
.downloads__wrapper-info-link {
max-width: 620px;
width: 100%;
padding: 40px 128px;
border-radius: 4px;
border: 1px solid #D7D0BC;
background: #FAFAFA;
display: flex;
justify-content: space-between;
gap: 20px;
align-items: center;
transition: var(--g-trans);
}
.downloads__wrapper-info-link:hover {
opacity: 0.8;
}
@media screen and (max-width: 76em) {
.downloads__wrapper-info-link {
max-width: fit-content;
padding: 40px 80px;
}
}
@media screen and (max-width: 48em) {
.downloads__wrapper-info-link {
max-width: 100%;
padding: 30px 40px;
}
}
@media screen and (max-width: 36em) {
.downloads__wrapper-info-link {
padding: 20px;
}
}
.downloads__wrapper-info-link-title {
color: var(--c-purple);
font-family: var(--ff-primary);
font-size: 28px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 76em) {
.downloads__wrapper-info-link-title {
font-size: 26px;
}
}
@media screen and (max-width: 48em) {
.downloads__wrapper-info-link-title {
font-size: 24px;
}
}
@media screen and (max-width: 36em) {
.downloads__wrapper-info-link-title {
font-size: 20px;
}
}
.downloads__wrapper-info-link-icon {
width: 44px;
height: 44px;
object-fit: scale-down;
}
@media screen and (max-width: 48em) {
.downloads__wrapper-info-link-icon {
width: 30px;
height: 30px;
}
}
.contact {
padding-block: 160px;
}
@media screen and (max-width: 80em) {
.contact {
padding-block: 130px;
}
}
@media screen and (max-width: 76em) {
.contact {
padding-block: 100px;
}
}
@media screen and (max-width: 48em) {
.contact {
padding-block: 60px;
}
}
.contact__wrapper {
max-width: 1440px;
width: 100%;
display: flex;
flex-direction: column;
gap: 60px;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 48em) {
.contact__wrapper {
gap: 40px;
}
}
@media screen and (max-width: 36em) {
.contact__wrapper {
gap: 20px;
}
}
.contact__wrapper-title {
color: var(--c-purple);
text-align: center;
font-family: var(--ff-primary);
font-size: 50px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 76em) {
.contact__wrapper-title {
font-size: 46px;
}
}
@media screen and (max-width: 48em) {
.contact__wrapper-title {
font-size: 36px;
}
}
.contact__wrapper-form {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 48px;
}
@media screen and (max-width: 76em) {
.contact__wrapper-form {
gap: 30px;
}
}
@media screen and (max-width: 48em) {
.contact__wrapper-form {
grid-template-columns: 1fr;
width: 100%;
}
}
.contact__wrapper-form-image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
@media screen and (max-width: 48em) {
.contact__wrapper-form-image {
max-width: 100%;
height: 400px;
}
}
@media screen and (max-width: 36em) {
.contact__wrapper-form-image {
height: 280px;
}
}
.contact__wrapper-form-block {
display: flex;
flex-direction: column;
gap: 40px;
}
@media screen and (max-width: 64em) {
.contact__wrapper-form-block {
gap: 20px;
}
}
.contact__wrapper-form-block-title {
color: var(--c-gray);
font-family: var(--ff-secondary);
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 44px;
}
@media screen and (max-width: 64em) {
.contact__wrapper-form-block-title {
font-size: 22px;
line-height: 30px;
}
}
@media screen and (max-width: 36em) {
.contact__wrapper-form-block-title {
font-size: 20px;
}
}
.contact__wrapper-form-block-line {
width: 100%;
height: 4px;
object-fit: cover;
}
.contact__wrapper-form-block-wrapper {
width: 100%;
height: 100%;
}
.contact__wrapper-form-block-wrapper .wpforms-container {
margin: 0 !important;
}
.contact__wrapper-form-block-wrapper .wpforms-container form .wpforms-field-container {
display: flex;
flex-direction: column;
gap: 16px;
position: relative !important;
}
.contact__wrapper-form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field {
padding: 0 !important;
display: flex;
flex-direction: column;
gap: 12px;
}
.contact__wrapper-form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field label {
margin: 0 !important;
color: var(--c-purple);
font-family: var(--ff-primary);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.contact__wrapper-form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field label .wpforms-required-label {
color: var(--c-purple);
}
.contact__wrapper-form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field input {
width: 100% !important;
height: 40px;
padding: 10px;
border-radius: 4px;
border: 1px solid #D7D0BC;
background: var(--Primary-06, #FFF);
outline: none !important;
font-family: var(--ff-secondary) !important;
color: var(--c-purple);
font-size: 12px !important;
}
.contact__wrapper-form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field input::placeholder {
color: #A2A2A2;
}
.contact__wrapper-form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field input.wpforms-field-medium {
max-width: 100%;
}
.contact__wrapper-form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field input:focus {
border: 1px solid var(--c-purple);
}
.contact__wrapper-form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field textarea {
height: 90px;
padding: 10px;
border-radius: 4px;
border: 1px solid #D7D0BC;
background: var(--Primary-06, #FFF);
outline: none !important;
font-family: var(--ff-secondary) !important;
color: var(--c-purple);
font-size: 12px !important;
}
.contact__wrapper-form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field textarea::placeholder {
color: #A2A2A2;
}
.contact__wrapper-form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field textarea:focus {
border: 1px solid var(--c-purple);
}
.wpforms-recaptcha-container {
max-width: fit-content !important;
}
.wpforms-container .wpforms-recaptcha-container .g-recaptcha {
padding-top: 38px !important;
}
@media screen and (max-width: 21.875em) {
.wpforms-container .wpforms-recaptcha-container .g-recaptcha {
display: none;
}
}
.wpforms-submit-container {
position: absolute !important;
right: 0;
bottom: 0;
}
@media screen and (max-width: 68.75em) {
.wpforms-submit-container {
position: relative !important;
}
}
@media screen and (max-width: 48em) {
.wpforms-submit-container {
position: absolute !important;
}
}
@media screen and (max-width: 36em) {
.wpforms-submit-container {
position: relative !important;
}
}
.wpforms-submit-container .wpforms-submit {
color: var(--c-body-bg) !important;
text-align: center;
font-family: var(--ff-primary) !important;
font-size: 24px !important;
font-style: normal;
font-weight: 900;
line-height: normal;
width: 180px !important;
height: 60px !important;
flex-shrink: 0;
background-color: var(--c-purple) !important;
border: 0 !important;
overflow: hidden;
padding: 0 !important;
transition: var(--g-trans) !important;
border: 5px solid #626999 !important;
}
@media screen and (max-width: 48em) {
.wpforms-submit-container .wpforms-submit {
font-size: 22px;
}
}
@media screen and (max-width: 36em) {
.wpforms-submit-container .wpforms-submit {
font-size: 20px;
}
}
.wpforms-submit-container .wpforms-submit::after {
content: "";
width: 135%;
height: 500%;
position: absolute;
left: 45%;
top: 50%;
transform: translate(-50%, -50%);
background: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/linesButton.svg);
background-repeat: no-repeat;
background-size: cover;
object-position: center left;
}
.wpforms-container-full {
position: relative !important;
}
.container--simple-text {
padding-block-start: 30px;
}
.container--simple-text * {
font-size: 22px;
font-family: var(--ff-secondary);
color: #000;
}
.container--simple-text * a {
text-decoration: underline;
}
.container--vacancies-section {
padding-block: 160px;
position: relative;
}
.container--vacancies-section::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
clip-path: polygon(100% 100%, 0% 100%, 0% 3.56%, 2% 3.54%, 4% 3.51%, 6% 3.45%, 8% 3.37%, 10% 3.28%, 12% 3.16%, 14% 3.04%, 16% 2.9%, 18% 2.76%, 20% 2.61%, 22% 2.47%, 24% 2.33%, 26% 2.2%, 28% 2.08%, 30% 1.98%, 32% 1.9%, 34% 1.84%, 36% 1.8%, 38% 1.78%, 40% 1.78%, 42% 1.81%, 44% 1.87%, 46% 1.94%, 48% 2.03%, 50% 2.14%, 52% 2.27%, 54% 2.4%, 56% 2.54%, 58% 2.69%, 60% 2.83%, 62% 2.97%, 64% 3.1%, 66% 3.22%, 68% 3.33%, 70% 3.42%, 72% 3.48%, 74% 3.53%, 76% 3.55%, 78% 3.55%, 80% 3.53%, 82% 3.48%, 84% 3.41%, 86% 3.32%, 88% 3.22%, 90% 3.09%, 92% 2.96%, 94% 2.82%, 96% 2.68%, 98% 2.53%, 100% 2.39%);
background: var(--c-body-bg-gray);
}
.container--vacancies-section .container__wrapper {
position: relative;
flex-wrap: wrap;
flex-direction: column;
}
.container--vacancies-section .container__wrapper .container--info-description {
padding-block-end: 90px;
padding-inline: 50px;
}
.container--vacancies-section .container__wrapper .container--info-description .title--vacancy {
font-size: 40px;
padding-block-end: 30px;
}
.container--vacancies-section .container__wrapper .container--info-description .title--vacancy svg {
padding-block-end: 15px;
}
.container--vacancies-section .container__wrapper .container--info-description .description--vacancy {
color: #6D6D6D;
font-size: 22px;
}
.container--vacancies-section .container__wrapper .container--info-description .description--vacancy * {
color: #6D6D6D;
font-size: 22px;
}
.container--vacancies-section .container__wrapper .container--info-description .container--divider {
padding-block-end: 20px;
}
.container--vacancies-section .container__wrapper .container--info-description .cta--vacancy {
display: flex;
justify-content: center;
align-items: center;
color: var(--c-body-bg);
width: fit-content;
padding: 16px 66px;
}
.container--render-shortcode .shortcode form {
display: flex;
flex-direction: column-reverse;
gap: 48px;
}
.container--render-shortcode .shortcode form label {
margin: 0 !important;
color: var(--c-gray) !important;
font-family: var(--ff-secondary) !important;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding-block-end: 10px;
}
@media screen and (max-width: 76em) {
.container--render-shortcode .shortcode form {
gap: 30px;
}
}
.container--render-shortcode .shortcode form input {
width: 100% !important;
max-width: unset !important;
padding: 15px 25px;
}
.container--render-shortcode .shortcode form textarea {
resize: none;
padding: 15px 25px;
}
@media screen and (max-width: 48em) {
.container--render-shortcode .shortcode form {
grid-template-columns: 1fr;
width: 100%;
}
}
.container--render-shortcode .shortcode form-image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
@media screen and (max-width: 48em) {
.container--render-shortcode .shortcode form-image {
max-width: 100%;
height: 400px;
}
}
@media screen and (max-width: 36em) {
.container--render-shortcode .shortcode form-image {
height: 280px;
}
}
.container--render-shortcode .shortcode form-block {
display: flex;
flex-direction: column;
gap: 40px;
}
@media screen and (max-width: 64em) {
.container--render-shortcode .shortcode form-block {
gap: 20px;
}
}
.container--render-shortcode .shortcode form-block-title {
color: var(--c-gray);
font-family: var(--ff-secondary);
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 44px;
}
@media screen and (max-width: 64em) {
.container--render-shortcode .shortcode form-block-title {
font-size: 22px;
line-height: 30px;
}
}
@media screen and (max-width: 36em) {
.container--render-shortcode .shortcode form-block-title {
font-size: 20px;
}
}
.container--render-shortcode .shortcode form-block-line {
width: 100%;
height: 4px;
object-fit: cover;
}
.container--render-shortcode .shortcode form-block-wrapper {
width: 100%;
height: 100%;
}
.container--render-shortcode .shortcode form-block-wrapper .wpforms-container {
margin: 0 !important;
}
.container--render-shortcode .shortcode form-block-wrapper .wpforms-container form .wpforms-field-container {
display: flex;
flex-direction: column;
gap: 16px;
position: relative !important;
}
.container--render-shortcode .shortcode form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field {
padding: 0 !important;
display: flex;
flex-direction: column;
gap: 12px;
}
.container--render-shortcode .shortcode form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field label {
margin: 0 !important;
color: var(--c-gray) !important;
font-family: var(--ff-secondary) !important;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
border: 1px solid red;
}
.container--render-shortcode .shortcode form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field label .wpforms-required-label {
color: var(--c-purple);
}
.container--render-shortcode .shortcode form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field input {
width: 100% !important;
max-width: unset !important;
height: 40px;
padding: 10px;
border-radius: 4px;
border: 1px solid #D7D0BC;
background: var(--Primary-06, #FFF);
outline: none !important;
font-family: var(--ff-secondary) !important;
color: var(--c-purple);
font-size: 12px !important;
}
.container--render-shortcode .shortcode form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field input::placeholder {
color: #A2A2A2;
}
.container--render-shortcode .shortcode form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field input.wpforms-field-medium {
max-width: 100%;
}
.container--render-shortcode .shortcode form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field input:focus {
border: 1px solid var(--c-purple);
}
.container--render-shortcode .shortcode form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field textarea {
height: 90px;
padding: 10px;
border-radius: 4px;
border: 1px solid #D7D0BC;
background: var(--Primary-06, #FFF);
outline: none !important;
font-family: var(--ff-secondary) !important;
color: var(--c-purple);
font-size: 12px !important;
}
.container--render-shortcode .shortcode form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field textarea::placeholder {
color: #A2A2A2;
}
.container--render-shortcode .shortcode form-block-wrapper .wpforms-container form .wpforms-field-container .wpforms-field textarea:focus {
border: 1px solid var(--c-purple);
}
.container--render-shortcode .shortcode .wpforms-recaptcha-container {
max-width: fit-content !important;
}
.container--render-shortcode .shortcode .wpforms-container .wpforms-recaptcha-container .g-recaptcha {
padding-top: 38px !important;
}
@media screen and (max-width: 21.875em) {
.container--render-shortcode .shortcode .wpforms-container .wpforms-recaptcha-container .g-recaptcha {
display: none;
}
}
.container--render-shortcode .shortcode .wpforms-submit-container {
position: relative !important;
}
@media screen and (max-width: 68.75em) {
.container--render-shortcode .shortcode .wpforms-submit-container {
position: relative !important;
}
}
@media screen and (max-width: 48em) {
.container--render-shortcode .shortcode .wpforms-submit-container {
position: absolute !important;
}
}
@media screen and (max-width: 36em) {
.container--render-shortcode .shortcode .wpforms-submit-container {
position: relative !important;
}
}
.container--render-shortcode .shortcode .wpforms-submit-container .wpforms-submit {
color: var(--c-body-bg) !important;
text-align: center;
font-family: var(--ff-primary) !important;
font-size: 24px !important;
font-style: normal;
font-weight: 900;
line-height: normal;
width: 180px !important;
height: 60px !important;
flex-shrink: 0;
background-color: var(--c-purple) !important;
border: 0 !important;
overflow: hidden;
padding: 0 !important;
transition: var(--g-trans) !important;
border: 5px solid #626999 !important;
}
@media screen and (max-width: 48em) {
.container--render-shortcode .shortcode .wpforms-submit-container .wpforms-submit {
font-size: 22px;
}
}
@media screen and (max-width: 36em) {
.container--render-shortcode .shortcode .wpforms-submit-container .wpforms-submit {
font-size: 20px;
}
}
.container--render-shortcode .shortcode .wpforms-submit-container .wpforms-submit::after {
content: "";
width: 135%;
height: 500%;
position: absolute;
left: 45%;
top: 50%;
transform: translate(-50%, -50%);
background: url(//fcamfoundation.org/wp-content/themes/fcam-theme/assets/dist/images/linesButton.svg);
background-repeat: no-repeat;
background-size: cover;
object-position: center left;
}
.container--render-shortcode .shortcode .wpforms-container-full {
position: relative !important;
}
.container--render-shortcode .wpforms-field-container {
order: 3;
}
.container--render-shortcode .wpforms-submit-container {
order: 2;
} .blog-content {
max-width: 1200px;
margin: 0 auto;
padding: 60px 0;
}
@media screen and (max-width: 76em) {
.blog-content {
padding: 60px 40px;
}
}
.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
max-width: 85%;
line-height: normal;
color: var(--c-primary);
}
.blog-content h1 {
font-size: var(--fs-6);
}
.blog-content h2 {
font-size: var(--fs-5);
}
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
font-size: var(--fs-4);
}
.single-history {
border-bottom: 1px solid #DFDFDF;
}
.single-history__wrapper {
padding-block: 60px;
}
.single-history__wrapper.header {
max-width: 950px;
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
}
.single-history__wrapper.header .info {
display: flex;
flex-direction: column;
gap: 20px;
justify-content: center;
align-items: center;
}
.single-history__wrapper.header .info .title {
color: var(--c-purple);
text-align: center;
font-family: var(--ff-primary);
font-size: 30px;
font-style: normal;
font-weight: 900;
line-height: normal;
text-transform: uppercase;
}
@media screen and (max-width: 36em) {
.single-history__wrapper.header .info .title {
font-size: 26px;
}
}
.single-history__wrapper.header .info .meta {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 52px;
}
.single-history__wrapper.header .info .meta .data {
color: var(--c-purple);
font-family: var(--ff-primary);
font-size: 16px;
font-style: normal;
font-weight: 900;
line-height: 28px;
text-transform: uppercase;
position: relative;
}
.single-history__wrapper.header .info .meta .data::after {
content: "";
width: 1px;
height: 30px;
background-color: var(--c-cream);
position: absolute;
right: -26px;
top: 50%;
transform: translateY(-50%);
}
.single-history__wrapper.header .info .meta .data:last-child::after {
content: none;
}
.single-history__wrapper.header .thumbnail img {
width: 100%;
height: 400px;
border-radius: 5px;
object-fit: cover;
}
.body {
background-color: var(--c-body-bg);
padding-block-end: 80px;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 48em) {
.body {
padding-block: 60px;
}
}
@media screen and (max-width: 36em) {
.body {
padding-block: 20px;
}
}
.body__wrapper {
max-width: 950px;
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
}
.body__wrapper h2,
.body__wrapper h3,
.body__wrapper h4,
.body__wrapper h5,
.body__wrapper h6 {
font-family: var(--ff-primary);
}
.body__wrapper h2 {
font-size: 42px;
}
@media screen and (max-width: 48em) {
.body__wrapper h2 {
font-size: 34px;
}
}
@media screen and (max-width: 36em) {
.body__wrapper h2 {
font-size: 28px;
}
}
.body__wrapper h3,
.body__wrapper h4,
.body__wrapper h5,
.body__wrapper h6 {
font-size: 32px;
}
@media screen and (max-width: 48em) {
.body__wrapper h3,
.body__wrapper h4,
.body__wrapper h5,
.body__wrapper h6 {
font-size: 28px;
}
}
@media screen and (max-width: 36em) {
.body__wrapper h3,
.body__wrapper h4,
.body__wrapper h5,
.body__wrapper h6 {
font-size: 22px;
}
}
.body__wrapper p {
color: var(--c-purple);
font-family: var(--ff-secondary);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}
.body__wrapper p b,
.body__wrapper p strong {
font-family: var(--ff-primary);
}
.body__wrapper p a {
text-decoration: underline;
text-underline-offset: 5px;
transition: var(--g-trans);
}
.body__wrapper p a:hover {
opacity: 0.7;
}
.body__wrapper p i {
font-style: italic;
}
.body__wrapper ul {
margin: 0;
padding: 0 0 0 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.body__wrapper ul li {
list-style: disc;
color: var(--c-purple);
font-family: var(--ff-secondary);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}
.body__wrapper ul li a {
text-decoration: underline;
text-underline-offset: 5px;
transition: var(--g-trans);
}
.body__wrapper ul li a:hover {
opacity: 0.7;
}
.body__wrapper img {
width: 100%;
object-fit: cover;
}
.body__wrapper-documents {
max-width: 950px;
margin: 0 auto;
width: 100%;
margin-top: 60px;
display: flex;
flex-direction: column;
gap: 44px;
justify-content: start;
align-items: start;
}
@media screen and (max-width: 48em) {
.body__wrapper-documents {
gap: 30px;
margin-top: 40px;
}
}
@media screen and (max-width: 36em) {
.body__wrapper-documents {
gap: 20px;
}
}
.body__wrapper-documents-title {
color: var(--c-purple);
font-family: var(--ff-primary);
font-size: 40px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 76em) {
.body__wrapper-documents-title {
font-size: 36px;
}
}
@media screen and (max-width: 48em) {
.body__wrapper-documents-title {
font-size: 32px;
}
}
.body__wrapper-documents-docs {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 70px;
width: 100%;
}
@media screen and (max-width: 48em) {
.body__wrapper-documents-docs {
grid-template-columns: repeat(1, 1fr);
}
}
.body__wrapper-documents-docs-doc {
display: flex;
width: 100%;
gap: 20px;
}
@media screen and (max-width: 48em) {
.body__wrapper-documents-docs-doc {
flex-direction: column;
gap: 20px;
}
}
.body__wrapper-documents-docs-doc-icon {
width: 324px;
height: 160px;
padding: 35px;
object-fit: scale-down;
border-radius: 4px;
border: 1px solid #D7D0BC;
background: #FAFAFA;
}
@media screen and (max-width: 48em) {
.body__wrapper-documents-docs-doc-icon {
width: 100%;
}
}
.body__wrapper-documents-docs-doc-info {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: start;
flex: 1;
gap: 30px;
}
.body__wrapper-documents-docs-doc-info-name {
color: var(--c-purple);
font-family: var(--ff-primary);
font-size: 28px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 76em) {
.body__wrapper-documents-docs-doc-info-name {
font-size: 24px;
}
}
.body__wrapper-documents-docs-doc-info .extra {
display: flex;
gap: 10px;
flex-direction: column;
width: 100%;
}
@media screen and (max-width: 48em) {
.body__wrapper-documents-docs-doc-info .extra {
gap: 20px;
}
}
.body__wrapper-documents-docs-doc-info .extra-link {
padding: 16px 65px;
width: fit-content;
background-color: var(--c-purple);
background-color: var(--c-purple);
color: var(--c-body-bg);
text-align: center;
font-family: var(--ff-primary);
font-size: 24px;
font-style: normal;
font-weight: 900;
line-height: normal;
transition: var(--g-trans);
}
@media screen and (max-width: 76em) {
.body__wrapper-documents-docs-doc-info .extra-link {
font-size: 22px;
}
}
@media screen and (max-width: 48em) {
.body__wrapper-documents-docs-doc-info .extra-link {
font-size: 20px;
padding: 16px 40px;
}
}
@media screen and (max-width: 36em) {
.body__wrapper-documents-docs-doc-info .extra-link {
font-size: 18px;
padding: 14px 30px;
}
}
.body__wrapper-documents-docs-doc-info .extra-link:hover {
color: var(--c-body-bg);
opacity: 0.7;
}
.body__wrapper-documents-docs-doc-info .extra .line-doc {
width: 100%;
height: 4px;
object-fit: cover;
}
.body .line {
max-width: 500px;
margin: 80px auto 0;
}
@media screen and (max-width: 48em) {
.body .line {
margin: 60px auto 0;
}
}
@media screen and (max-width: 36em) {
.body .line {
margin: 40px auto 0;
}
}
.related {
padding-block: 80px;
background-color: #F5F6F3;
clip-path: polygon(100% 100%, 0% 100%, 0% 8.56%, 2% 8.5%, 4% 8.34%, 6% 8.09%, 8% 7.74%, 10% 7.32%, 12% 6.83%, 14% 6.3%, 16% 5.74%, 18% 5.18%, 20% 4.63%, 22% 4.11%, 24% 3.64%, 26% 3.24%, 28% 2.93%, 30% 2.7%, 32% 2.58%, 34% 2.56%, 36% 2.65%, 38% 2.84%, 40% 3.13%, 42% 3.5%, 44% 3.95%, 46% 4.45%, 48% 4.99%, 50% 5.56%, 52% 6.12%, 54% 6.66%, 56% 7.16%, 58% 7.61%, 60% 7.98%, 62% 8.27%, 64% 8.46%, 66% 8.55%, 68% 8.53%, 70% 8.41%, 72% 8.18%, 74% 7.87%, 76% 7.47%, 78% 7%, 80% 6.48%, 82% 5.93%, 84% 5.37%, 86% 4.81%, 88% 4.28%, 90% 3.79%, 92% 3.37%, 94% 3.02%, 96% 2.77%, 98% 2.61%, 100% 2.56%);
}
@media screen and (max-width: 76em) {
.related {
clip-path: polygon(100% 100%, 0% 100%, 0% 6.56%, 2% 6.54%, 4% 6.49%, 6% 6.4%, 8% 6.28%, 10% 6.14%, 12% 5.98%, 14% 5.8%, 16% 5.62%, 18% 5.43%, 20% 5.25%, 22% 5.07%, 24% 4.92%, 26% 4.79%, 28% 4.68%, 30% 4.6%, 32% 4.56%, 34% 4.56%, 36% 4.59%, 38% 4.65%, 40% 4.75%, 42% 4.87%, 44% 5.02%, 46% 5.19%, 48% 5.37%, 50% 5.56%, 52% 5.74%, 54% 5.92%, 56% 6.09%, 58% 6.24%, 60% 6.36%, 62% 6.46%, 64% 6.52%, 66% 6.55%, 68% 6.55%, 70% 6.51%, 72% 6.43%, 74% 6.33%, 76% 6.19%, 78% 6.04%, 80% 5.86%, 82% 5.68%, 84% 5.49%, 86% 5.31%, 88% 5.13%, 90% 4.97%, 92% 4.83%, 94% 4.71%, 96% 4.63%, 98% 4.57%, 100% 4.56%);
}
}
.related__wrapper {
max-width: 950px;
width: 100%;
display: flex;
gap: 60px;
align-items: center;
flex-direction: column;
margin-top: 80px;
}
@media screen and (max-width: 48em) {
.related__wrapper {
gap: 40px;
}
}
@media screen and (max-width: 36em) {
.related__wrapper {
gap: 30px;
margin-top: 60px;
}
}
.related__wrapper-title {
color: var(--c-purple);
font-family: var(--ff-primary);
font-size: 50px;
font-style: normal;
font-weight: 900;
line-height: normal;
text-align: center;
}
@media screen and (max-width: 76em) {
.related__wrapper-title {
font-size: 46px;
}
}
@media screen and (max-width: 48em) {
.related__wrapper-title {
font-size: 32px;
}
}
.related__wrapper-articles {
display: grid;
width: 100%;
grid-template-columns: repeat(2, 1fr);
gap: 48px;
}
@media screen and (max-width: 48em) {
.related__wrapper-articles {
grid-template-columns: 1fr;
gap: 30px;
}
}
@media screen and (max-width: 36em) {
.related__wrapper-articles {
gap: 20px;
}
}
.related__wrapper-articles-article {
border-radius: 4px;
border: 1px solid #D7D0BC;
background: #FAFAFA;
padding: 22px;
display: flex;
gap: 22px;
}
.related__wrapper-articles-article img {
width: 155px;
height: 100%;
object-fit: cover;
}
.related__wrapper-articles-article-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
}
.related__wrapper-articles-article-info-title {
font-family: var(--ff-primary);
font-size: 28px;
font-style: normal;
font-weight: 800;
line-height: normal;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media screen and (max-width: 48em) {
.related__wrapper-articles-article-info-title {
font-size: 24px;
}
}
.related__wrapper-articles-article-info-title a {
color: var(--c-purple);
transition: var(--g-trans);
}
.related__wrapper-articles-article-info-title a:hover {
opacity: 0.7;
}
.related__wrapper-articles-article-info .permalink {
display: flex;
gap: 10px;
align-items: center;
}
.related__wrapper-articles-article-info .permalink .text {
color: var(--c-purple);
text-align: right;
font-family: var(--ff-primary);
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 28px;
}
.related__wrapper-articles-article-info .permalink .icon {
width: 13px;
height: 12px;
object-fit: scale-down;
}
.related__wrapper-history {
display: grid;
width: 100%;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
@media screen and (max-width: 76em) {
.related__wrapper-history {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 48em) {
.related__wrapper-history {
grid-template-columns: 1fr;
gap: 20px;
}
}
.related__wrapper-history-article {
display: flex;
flex-direction: column;
gap: 22px;
}
.related__wrapper-history-article img {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 4px;
}
@media screen and (max-width: 76em) {
.related__wrapper-history-article img {
height: 250px;
}
}
@media screen and (max-width: 36em) {
.related__wrapper-history-article img {
height: 180px;
}
}
.related__wrapper-history-article-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
}
.related__wrapper-history-article-info-title {
font-family: var(--ff-secondary);
font-size: 24px;
font-style: normal;
line-height: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.related__wrapper-history-article-info-title a {
color: var(--c-purple);
transition: var(--g-trans);
}
.related__wrapper-history-article-info-title a:hover {
opacity: 0.7;
}
.related__wrapper-history-article-info .permalink {
display: flex;
gap: 10px;
align-items: center;
}
.related__wrapper-history-article-info .permalink .text {
color: var(--c-purple);
text-align: right;
font-family: var(--ff-primary);
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 28px;
}
.related__wrapper-history-article-info .permalink .icon {
width: 13px;
height: 12px;
object-fit: scale-down;
}
.container--categories .title--categories {
font-size: 25px;
font-weight: 900;
font-family: var(--ff-primary);
padding-block-end: 10px;
}
.container--categories .container--links-categories {
display: flex;
gap: 10px;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.container--categories .container--links-categories a {
display: block;
}
.container--categories .container--links-categories a:nth-child(odd) {
border-right: 2px solid var(--c-gray);
border-left: 2px solid var(--c-gray);
padding-inline: 15px;
}
.content-toc h3 {
font-size: 30px;
font-weight: 900;
font-family: var(--ff-primary);
}
.body__wrapper .toc {
padding-block-end: 30px;
}
.breadcrumb {
margin-block-end: 40px;
}
.search-results-body {
flex-direction: column;
gap: 48px;
margin-top: 60px;
}
@media screen and (max-width: 48em) {
.search-results-body {
gap: 30px;
}
}
@media screen and (max-width: 36em) {
.search-results-body {
gap: 20px;
}
}
.search-results-body-item {
display: flex;
width: 100%;
align-items: start;
gap: 48px;
border-bottom: 1px solid #D7D0BC;
padding-bottom: 40px;
max-width: 1440px;
}
.search-results-body-item:last-child {
border-bottom: none;
}
@media screen and (max-width: 48em) {
.search-results-body-item {
padding-bottom: 30px;
flex-direction: column;
gap: 20px;
align-items: start;
justify-content: start;
}
}
@media screen and (max-width: 36em) {
.search-results-body-item {
padding-bottom: 20px;
}
}
.search-results-body-item-title {
color: var(--c-purple);
font-family: var(--ff-primary);
font-size: 40px;
font-style: normal;
font-weight: 900;
line-height: normal;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
max-width: 40%;
width: 100%;
}
@media screen and (max-width: 76em) {
.search-results-body-item-title {
font-size: 36px;
}
}
@media screen and (max-width: 48em) {
.search-results-body-item-title {
font-size: 32px;
max-width: 100%;
text-align: left;
}
}
@media screen and (max-width: 36em) {
.search-results-body-item-title {
font-size: 28px;
}
}
.search-results-body-item .description {
flex: 1;
}
.search-results-body-item .description p {
color: var(--c-gray);
font-family: var(--ff-secondary);
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 44px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media screen and (max-width: 48em) {
.search-results-body-item .description p {
font-size: 20px;
line-height: 34px;
}
}
.not-found-page {
padding-block: 80px;
}
@media screen and (max-width: 48em) {
.not-found-page {
padding-block: 60px;
}
}
@media screen and (max-width: 36em) {
.not-found-page {
padding-block: 40px;
}
}
.not-found-page__wrapper {
max-width: 1200px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.not-found-page__wrapper-title {
color: var(--c-purple);
font-family: var(--ff-primary);
font-size: 92px;
font-style: normal;
font-weight: 900;
line-height: normal;
}
@media screen and (max-width: 76em) {
.not-found-page__wrapper-title {
font-size: 80px;
}
}
@media screen and (max-width: 48em) {
.not-found-page__wrapper-title {
font-size: 62px;
}
}
@media screen and (max-width: 36em) {
.not-found-page__wrapper-title {
font-size: 48px;
}
}
.not-found-page__wrapper-subtitle {
color: var(--c-gray-second);
font-family: var(--ff-primary);
font-size: 48px;
font-style: normal;
font-weight: 900;
line-height: 34px;
}
@media screen and (max-width: 76em) {
.not-found-page__wrapper-subtitle {
font-size: 36px;
line-height: normal;
}
}
@media screen and (max-width: 48em) {
.not-found-page__wrapper-subtitle {
font-size: 34px;
}
}
@media screen and (max-width: 36em) {
.not-found-page__wrapper-subtitle {
font-size: 30px;
}
}
.category-archive.container__wrapper .container--archive-categories {
padding-block: 80px;
}
.category-archive.container__wrapper .container--archive-categories .archive-title {
font-size: 35px;
font-weight: 900;
font-family: var(--ff-primary);
padding-block-end: 10px;
text-align: center;
}
.category-archive.container__wrapper .container--archive-categories .posts-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
padding-block: 40px;
}
@media screen and (max-width: 48em) {
.category-archive.container__wrapper .container--archive-categories .posts-grid {
grid-template-columns: repeat(1, 1fr);
}
}
.category-archive.container__wrapper .container--archive-categories .posts-grid .post-card {
padding: 1rem;
transition: all 0.3s ease;
border: none;
}
.category-archive.container__wrapper .container--archive-categories .posts-grid .post-card:hover, .category-archive.container__wrapper .container--archive-categories .posts-grid .post-card:focus-within {
transform: translateY(-4px);
}
.category-archive.container__wrapper .container--archive-categories .posts-grid .post-card .thumbnail img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto 1rem;
border-radius: 4px;
}
.category-archive.container__wrapper .container--archive-categories .posts-grid .post-card .post-title {
font-family: var(--ff-secondary);
font-size: 24px;
font-style: normal;
line-height: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
padding-block: 10px;
}
.category-archive.container__wrapper .container--archive-categories .posts-grid .post-card .post-title a {
color: var(--c-purple);
text-decoration: none;
transition: color 0.3s ease;
}
.category-archive.container__wrapper .container--archive-categories .posts-grid .post-card .read-more {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
color: var(--c-purple);
text-align: right;
font-family: var(--ff-primary);
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 28px;
}
.tag-archive.container__wrapper .container--archive-tags {
padding-block: 80px;
}
.tag-archive.container__wrapper .container--archive-tags .archive-title {
font-size: 35px;
font-weight: 900;
font-family: var(--ff-primary);
padding-block-end: 10px;
text-align: center;
}
.tag-archive.container__wrapper .container--archive-tags .posts-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
padding-block: 40px;
}
@media screen and (max-width: 48em) {
.tag-archive.container__wrapper .container--archive-tags .posts-grid {
grid-template-columns: repeat(1, 1fr);
}
}
.tag-archive.container__wrapper .container--archive-tags .posts-grid .post-card {
padding: 1rem;
transition: all 0.3s ease;
border: none;
}
.tag-archive.container__wrapper .container--archive-tags .posts-grid .post-card:hover, .tag-archive.container__wrapper .container--archive-tags .posts-grid .post-card:focus-within {
transform: translateY(-4px);
}
.tag-archive.container__wrapper .container--archive-tags .posts-grid .post-card .thumbnail img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto 1rem;
border-radius: 4px;
}
.tag-archive.container__wrapper .container--archive-tags .posts-grid .post-card .post-title {
font-family: var(--ff-secondary);
font-size: 24px;
font-style: normal;
line-height: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
padding-block: 10px;
}
.tag-archive.container__wrapper .container--archive-tags .posts-grid .post-card .post-title a {
color: var(--c-purple);
text-decoration: none;
transition: color 0.3s ease;
}
.tag-archive.container__wrapper .container--archive-tags .posts-grid .post-card .read-more {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
color: var(--c-purple);
text-align: right;
font-family: var(--ff-primary);
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 28px;
}
.history-archive.container__wrapper .history-archive__container {
max-width: 1240px;
margin: 0 auto;
width: 100%;
padding-block: 80px;
}
.history-archive.container__wrapper .history-archive__container .history-archive__title {
font-size: 35px;
font-weight: 900;
font-family: var(--ff-primary);
padding-block-end: 10px;
text-align: center;
}
.history-archive.container__wrapper .history-archive__container .history-archive__filter {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
margin-block: 2rem;
}
@media screen and (max-width: 48em) {
.history-archive.container__wrapper .history-archive__container .history-archive__filter {
grid-template-columns: repeat(1, 1fr);
}
}
.history-archive.container__wrapper .history-archive__container .history-archive__filter .history-archive__search,
.history-archive.container__wrapper .history-archive__container .history-archive__filter .history-archive__select {
padding: 10px;
font-size: 16px;
font-family: var(--ff-primary);
}
.history-archive.container__wrapper .history-archive__container .history-archive__filter .history-archive__button {
padding: 10px 20px;
font-size: 16px;
font-weight: bold;
background-color: var(--c-purple);
color: white;
border: none;
cursor: pointer;
transition: background-color 0.3s ease;
}
.history-archive.container__wrapper .history-archive__container .history-archive__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
padding-block: 40px;
}
@media screen and (max-width: 76em) {
.history-archive.container__wrapper .history-archive__container .history-archive__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 48em) {
.history-archive.container__wrapper .history-archive__container .history-archive__grid {
grid-template-columns: repeat(1, 1fr);
}
}
.history-archive.container__wrapper .history-archive__container .history-archive__grid .history-archive__card {
padding: 1rem;
transition: all 0.3s ease;
border: none;
}
.history-archive.container__wrapper .history-archive__container .history-archive__grid .history-archive__card:hover, .history-archive.container__wrapper .history-archive__container .history-archive__grid .history-archive__card:focus-within {
transform: translateY(-4px);
}
.history-archive.container__wrapper .history-archive__container .history-archive__grid .history-archive__card .history-archive__thumbnail img {
width: 100%;
height: 310px;
max-height: 310px;
object-fit: cover;
display: block;
margin: 0 auto 1rem;
border-radius: 4px;
}
.history-archive.container__wrapper .history-archive__container .history-archive__grid .history-archive__card .history-archive__post-title {
font-family: var(--ff-secondary);
font-size: 24px;
font-style: normal;
line-height: normal;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
padding-block: 10px;
}
.history-archive.container__wrapper .history-archive__container .history-archive__grid .history-archive__card .history-archive__post-title a {
color: var(--c-purple);
text-decoration: none;
transition: color 0.3s ease;
}
.history-archive.container__wrapper .history-archive__container .history-archive__grid .history-archive__card .history-archive__read-more {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
color: var(--c-purple);
text-align: right;
font-family: var(--ff-primary);
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 28px;
}
.history-archive.container__wrapper .history-archive__container .history-archive__no-results {
text-align: center;
font-family: var(--ff-primary);
font-size: 18px;
margin-top: 2rem;
}
#history-pagination {
justify-content: space-between;
align-items: center;
}
#history-pagination a {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
color: var(--c-purple);
text-align: right;
font-family: var(--ff-primary);
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 28px;
}  @font-face {
font-family: "swiper-icons";
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff ;
}
.swiper,
swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide,
swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
:root {
--swiper-navigation-size: 44px ;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper .swiper-notification,
swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
} #mc_embed_signup form {
display: block;
position: relative;
text-align: left;
margin: 0px;
}
#mc_embed_signup h2 {
font-weight: bold;
padding: 0;
margin: 15px 0;
font-size: 1.4em;
}
#mc_embed_signup input {
border: 1px solid #ABB0B2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#mc_embed_signup input[type=checkbox] {
-webkit-appearance: checkbox;
}
#mc_embed_signup input[type=radio] {
-webkit-appearance: radio;
}
#mc_embed_signup input:focus {
border-color: #333;
}
#mc_embed_signup .button {
clear: both;
background-color: #111;
border: 0 none;
border-radius: 4px;
transition: all 0.23s ease-in-out 0s;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: normal;
height: 32px;
line-height: 32px;
margin: 0 5px 10px 0;
padding: 0 22px;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
width: fit-content;
width: -moz-fit-content;
}
#mc_embed_signup .button:hover {
background-color: #222;
}
#mc_embed_signup .small-meta {
font-size: 11px;
}
#mc_embed_signup .nowrap {
white-space: nowrap;
}
#mc_embed_signup .mc-field-group {
clear: left;
position: relative;
width: 100%;
padding-bottom: 3%;
min-height: 50px;
display: grid;
}
#mc_embed_signup .size1of2 {
clear: none;
float: left;
display: inline-block;
width: 46%;
margin-right: 4%;
}
* html #mc_embed_signup .size1of2 {
margin-right: 2%; }
#mc_embed_signup .mc-field-group label {
display: block;
margin-bottom: 3px;
}
#mc_embed_signup .mc-field-group input {
display: block;
width: 100%;
padding: 8px 0;
text-indent: 2%;
}
#mc_embed_signup .mc-field-group select {
display: inline-block;
width: 99%;
padding: 5px 0;
margin-bottom: 2px;
}
#mc_embed_signup .mc-address-fields-group {
display: flex;
flex-direction: row;
justify-content: space-evenly;
width: 96%;
gap: 15px;
}
#mc_embed_signup .mc-sms-phone-group {
display: flex;
flex-direction: row;
justify-content: space-evenly;
width: 96%;
gap: 15px;
padding-top: 5px;
}
#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us {
padding: 5px 0;
}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input {
display: inline;
width: 60px;
margin: 0 2px;
letter-spacing: 1px;
text-align: center;
padding: 5px 0 2px 0;
}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input {
width: 40px;
}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input {
width: 30px;
}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label {
display: none;
}
#mc_embed_signup .indicates-required {
text-align: right;
font-size: 11px;
margin-right: 4%;
}
#mc_embed_signup .asterisk {
color: #e85c41;
font-size: 150%;
font-weight: normal;
position: relative;
top: 5px;
}
#mc_embed_signup .clear {
clear: both;
}
#mc_embed_signup .foot {
display: grid;
grid-template-columns: 3fr 1fr;
width: 96%;
align-items: center;
}
@media screen and (max-width: 400px) {
#mc_embed_signup .foot {
display: grid;
grid-template-columns: 1fr;
width: 100%;
align-items: center;
}
}
@media screen and (max-width: 400px) {
#mc_embed_signup .referralBadge {
width: 50%;
}
}
#mc_embed_signup .brandingLogo {
justify-self: right;
}
@media screen and (max-width: 400px) {
#mc_embed_signup .brandingLogo {
justify-self: left;
}
}
#mc_embed_signup .mc-field-group.input-group ul {
margin: 0;
padding: 5px 0;
list-style: none;
}
#mc_embed_signup .mc-field-group.input-group ul li {
display: block;
padding: 3px 0;
margin: 0;
}
#mc_embed_signup .mc-field-group.input-group label {
display: inline;
}
#mc_embed_signup .mc-field-group.input-group input {
display: inline;
width: auto;
border: none;
}
#mc_embed_signup div#mce-responses {
float: left;
top: -1.4em;
padding: 0em 0.5em 0em 0.5em;
overflow: hidden;
width: 90%;
margin: 0 5%;
clear: both;
}
#mc_embed_signup div.response {
margin: 1em 0;
padding: 1em 0.5em 0.5em 0;
font-weight: bold;
float: left;
top: -1.5em;
z-index: 1;
width: 80%;
}
#mc_embed_signup #mce-error-response {
display: none;
}
#mc_embed_signup #mce-success-response {
color: #529214;
display: none;
}
#mc_embed_signup label.error {
display: block;
float: none;
width: auto;
margin-left: 1.05em;
text-align: left;
padding: 0.5em 0;
}
#mc_embed_signup .helper_text {
color: #8d8985;
margin-top: 2px;
display: inline-block;
padding: 3px;
background-color: rgba(255, 255, 255, 0.85);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 14px;
font-weight: normal;
z-index: 1;
}
#mc-embedded-subscribe {
clear: both;
width: auto;
display: block;
margin: 1em 0 1em 5%;
}
#mc_embed_signup #num-subscribers {
font-size: 1.1em;
}
#mc_embed_signup #num-subscribers span {
padding: 0.5em;
border: 1px solid #ccc;
margin-right: 0.5em;
font-weight: bold;
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
display: inline-block;
margin: 2px 0 1em 0;
padding: 3px;
background-color: rgba(255, 255, 255, 0.85);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 14px;
font-weight: normal;
z-index: 1;
color: #e85c41;
}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
border: 2px solid #e85c41;
}   .position-relative {
position: relative !important;
}
.position-static {
position: static !important;
} .cent-xy {
display: flex;
justify-content: center;
align-items: center;
}
.cent-x {
display: flex;
justify-content: center;
}
.cent-y {
display: flex;
align-items: center;
} .js-focus-visible :focus:not(.focus-visible) {
outline: none;
}
.js-focus-visible .focus-visible {
outline: 2px solid #e15c59 !important;
}
.js-focus-visible .focus-visible.btn-link {
display: inline;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.stretched-link::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.skip-link {
background: gray;
padding: 0.8rem;
width: 100%;
display: block;
text-align: center;
color: black;
font-size: 1.3rem;
position: fixed;
top: 0;
z-index: 10000;
}
.skip-link:focus-within, .skip-link:focus {
color: white;
background: black;
font-weight: 700;
text-decoration-color: white;
}
.sr-tooltip-text:not(:focus-visible):not(:focus):not(:hover) .sr-tooltip-text--item {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.sr-tooltip-text .sr-tooltip-text--item {
position: absolute;
width: max-content;
transform: translateX(-50%);
font-size: 14px;
text-align: left;
background: black;
padding: 0.4rem;
border-radius: 5px;
bottom: -1.5rem;
left: 50%;
} .my-32 {
margin-top: var(--sp-32) !important;
margin-bottom: var(--sp-32) !important;
}
.my-40 {
margin-top: var(--sp-40) !important;
margin-bottom: var(--sp-40) !important;
}
.my-64 {
margin-top: var(--sp-64) !important;
margin-bottom: var(--sp-64) !important;
}
.my-80 {
margin-top: var(--sp-80) !important;
margin-bottom: var(--sp-80) !important;
}
.my-120 {
margin-top: var(--sp-120) !important;
margin-bottom: var(--sp-120) !important;
}
.my-160 {
margin-top: var(--sp-160) !important;
margin-bottom: var(--sp-160) !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-32 {
margin-top: var(--sp-32) !important;
}
.mt-40 {
margin-top: var(--sp-40) !important;
}
.mt-64 {
margin-top: var(--sp-64) !important;
}
.mt-80 {
margin-top: var(--sp-80) !important;
}
.mt-120 {
margin-top: var(--sp-120) !important;
}
.mt-160 {
margin-top: var(--sp-160) !important;
}
.mt-auto {
margin-top: auto !important;
}
.mb-32 {
margin-bottom: var(--sp-32) !important;
}
.mb-40 {
margin-bottom: var(--sp-40) !important;
}
.mb-64 {
margin-bottom: var(--sp-64) !important;
}
.mb-80 {
margin-bottom: var(--sp-80) !important;
}
.mb-120 {
margin-bottom: var(--sp-120) !important;
}
.mb-160 {
margin-bottom: var(--sp-160) !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.py-32 {
padding-top: var(--sp-32) !important;
padding-bottom: var(--sp-32) !important;
}
.py-40 {
padding-top: var(--sp-40) !important;
padding-bottom: var(--sp-40) !important;
}
.py-64 {
padding-top: var(--sp-64) !important;
padding-bottom: var(--sp-64) !important;
}
.py-80 {
padding-top: var(--sp-80) !important;
padding-bottom: var(--sp-80) !important;
}
.py-120 {
padding-top: var(--sp-120) !important;
padding-bottom: var(--sp-120) !important;
}
.py-160 {
padding-top: var(--sp-160) !important;
padding-bottom: var(--sp-160) !important;
}
.pt-32 {
padding-top: var(--sp-32) !important;
}
.pt-40 {
padding-top: var(--sp-40) !important;
}
.pt-64 {
padding-top: var(--sp-64) !important;
}
.pt-80 {
padding-top: var(--sp-80) !important;
}
.pt-120 {
padding-top: var(--sp-120) !important;
}
.pt-160 {
padding-top: var(--sp-160) !important;
}
.pb-32 {
padding-bottom: var(--sp-32) !important;
}
.pb-40 {
padding-bottom: var(--sp-40) !important;
}
.pb-64 {
padding-bottom: var(--sp-64) !important;
}
.pb-80 {
padding-bottom: var(--sp-80) !important;
}
.pb-120 {
padding-bottom: var(--sp-120) !important;
}
.pb-160 {
padding-bottom: var(--sp-160) !important;
} .d-block {
display: block !important;
}
.d-flex {
display: flex !important;
}
.d-none {
display: none !important;
}
@media screen and (min-width: 36.00125em) {
.d-sm-block {
display: block !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-none {
display: none !important;
}
}
@media screen and (min-width: 48.00125em) {
.d-md-block {
display: block !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-none {
display: none !important;
}
}
@media screen and (min-width: 76.00125em) {
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-none {
display: none !important;
}
}
@media screen and (min-width: 80.00125em) {
.d-xl-block {
display: block !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-none {
display: none !important;
}
}
@media screen and (max-width: 90em) {
.d-xxl-block {
display: block !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-none {
display: none !important;
}
} [class*=trim-text] {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.trim-text-1 {
-webkit-line-clamp: 1;
}
.card__title.trim-text-1,
.card__title.trim-text-1 {
overflow: initial;
text-overflow: initial;
-webkit-box-orient: initial;
display: initial;
}
.card__title.trim-text-1 a,
.card__title.trim-text-1 a {
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.trim-text-2 {
-webkit-line-clamp: 2;
}
.card__title.trim-text-2,
.card__title.trim-text-2 {
overflow: initial;
text-overflow: initial;
-webkit-box-orient: initial;
display: initial;
}
.card__title.trim-text-2 a,
.card__title.trim-text-2 a {
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.trim-text-3 {
-webkit-line-clamp: 3;
}
.card__title.trim-text-3,
.card__title.trim-text-3 {
overflow: initial;
text-overflow: initial;
-webkit-box-orient: initial;
display: initial;
}
.card__title.trim-text-3 a,
.card__title.trim-text-3 a {
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.trim-text-4 {
-webkit-line-clamp: 4;
}
.card__title.trim-text-4,
.card__title.trim-text-4 {
overflow: initial;
text-overflow: initial;
-webkit-box-orient: initial;
display: initial;
}
.card__title.trim-text-4 a,
.card__title.trim-text-4 a {
-webkit-line-clamp: 4;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.trim-text-5 {
-webkit-line-clamp: 5;
}
.card__title.trim-text-5,
.card__title.trim-text-5 {
overflow: initial;
text-overflow: initial;
-webkit-box-orient: initial;
display: initial;
}
.card__title.trim-text-5 a,
.card__title.trim-text-5 a {
-webkit-line-clamp: 5;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
} :root {
--height-1: 140px;
--height-2: 180px;
--height-3: 200px;
--height-4: 340px;
--height-5: 400px;
}
.height-1 {
height: var(--height-1);
}
.height-2 {
height: var(--height-2);
}
.height-3 {
height: var(--height-3);
}
.height-4 {
height: var(--height-4);
}
.height-5 {
height: var(--height-5);
} .fs-1 {
font-size: var(--fs-1);
}
.fs-2 {
font-size: var(--fs-2);
}
.fs-3 {
font-size: var(--fs-3);
}
.fs-4 {
font-size: var(--fs-4);
}
.fs-5 {
font-size: var(--fs-5);
}
.fs-6 {
font-size: var(--fs-6);
}
.fs-7 {
font-size: var(--fs-7);
} .sp-el-y > * + * {
margin-top: var(--sp-32);
}
.sp-el-y-20 > * + * {
margin-top: 1.25rem;
}
.pb-g-20 {
padding-bottom: 1.25rem !important;
}
.pb-g-40 {
padding-bottom: var(--gap) !important;
}
.mb-g-20 {
margin-bottom: 1.25rem !important;
}
.mt-g-20 {
margin-top: 1.25rem !important;
}
.mb-g-40 {
margin-bottom: var(--gap) !important;
}
.border-b {
border-bottom: 1px solid var(--c-bk-5);
}
.border-g-b {
position: relative;
}
.border-g-b::after {
--size: calc(100% - var(--gap));
content: "";
position: absolute;
bottom: 0;
left: calc(var(--gap) / 2);
width: var(--size);
height: 1px;
background: var(--c-bk-5);
}
.border-b-ft {
position: relative;
}
.border-b-ft::after {
--size: calc(100% - 1.5rem);
content: "";
position: absolute;
bottom: 0;
left: 0.75rem;
width: var(--size);
height: 4px;
background: black;
} .img-position-top-left {
object-position: top left;
}
.img-position-top {
object-position: top;
}
.img-position-top-right {
object-position: top right;
}
.img-position-left {
object-position: left;
}
.img-position-right {
object-position: right;
}
.img-position-bottom-left {
object-position: bottom left;
}
.img-position-bottom {
object-position: bottom;
}
.img-position-bottom-right {
object-position: bottom right;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.glide {
position: relative;
width: 100%;
box-sizing: border-box;
}
.glide * {
box-sizing: inherit;
}
.glide__track {
overflow: hidden;
}
.glide__slides {
position: relative;
width: 100%;
list-style: none;
backface-visibility: hidden;
transform-style: preserve-3d;
touch-action: pan-Y;
overflow: hidden;
margin: 0;
padding: 0;
white-space: nowrap;
display: flex;
flex-wrap: nowrap;
will-change: transform;
}
.glide__slides--dragging {
user-select: none;
}
.glide__slide {
width: 100%;
height: 100%;
flex-shrink: 0;
white-space: normal;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
.glide__slide a {
user-select: none;
-webkit-user-drag: none;
-moz-user-select: none;
-ms-user-select: none;
}
.glide__arrows {
-webkit-touch-callout: none;
user-select: none;
}
.glide__bullets {
-webkit-touch-callout: none;
user-select: none;
}
.glide--rtl {
direction: rtl;
}
.glide__arrow {
position: absolute;
display: block;
top: 50%;
z-index: 2;
color: white;
text-transform: uppercase;
padding: 9px 12px;
background-color: transparent;
border: 2px solid rgba(255, 255, 255, 0.5);
border-radius: 4px;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
opacity: 1;
cursor: pointer;
transition: opacity 150ms ease, border 300ms ease-in-out;
transform: translateY(-50%);
line-height: 1;
}
.glide__arrow:focus {
outline: none;
}
.glide__arrow:hover {
border-color: white;
}
.glide__arrow--left {
left: 2em;
}
.glide__arrow--right {
right: 2em;
}
.glide__arrow--disabled {
opacity: 0.33;
}
.glide__bullets {
position: absolute;
z-index: 2;
bottom: 2em;
left: 50%;
display: inline-flex;
list-style: none;
transform: translateX(-50%);
}
.glide__bullet {
background-color: rgba(255, 255, 255, 0.5);
width: 9px;
height: 9px;
padding: 0;
border-radius: 50%;
border: 2px solid transparent;
transition: all 300ms ease-in-out;
cursor: pointer;
line-height: 0;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
margin: 0 0.25em;
}
.glide__bullet:focus {
outline: none;
}
.glide__bullet:hover, .glide__bullet:focus {
border: 2px solid white;
background-color: rgba(255, 255, 255, 0.5);
}
.glide__bullet--active {
background-color: white;
}
.glide--swipeable {
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
.glide--dragging {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}