@charset "UTF-8";

@font-face {
font-family: "NunitoSans";
src: url(//field-action.com/wp-content/themes/field-action/assets/fonts/NunitoSans-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "NunitoSans";
src: url(//field-action.com/wp-content/themes/field-action/assets/fonts/NunitoSans-SemiBold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "NunitoSans";
src: url(//field-action.com/wp-content/themes/field-action/assets/fonts/NunitoSans-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
}
h1,
h2,
h3,
h4,
h5 {
color: #031926;
text-wrap: balance;
margin-top: 0;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
@media screen and (max-width: 425px) {
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.5rem;
line-height: 2rem;
}
}
* {
font-family: "NunitoSans", sans-serif;
}
p,
a,
span,
li,
label,
button {
font-family: "NunitoSans", sans-serif;
color: #031926;
}
p {
line-height: 1.75rem;
margin-top: 0;
text-wrap: pretty;
}
p:not(:last-of-type) {
margin-bottom: 1.5rem;
}
p strong {
color: #031926;
}
ul,
ol {
margin-bottom: 1.5rem;
}
ul li,
ol li {
line-height: 1.75rem;
}
ul li:not(:last-of-type), ul li:not(.menu-item),
ol li:not(:last-of-type),
ol li:not(.menu-item) {
margin-bottom: 1rem;
}
a {
text-decoration: none;
}
strong {
color: #961723;
}   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; border: none;
} 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;
}
.fa-fade-in {
position: relative;
opacity: 0;
}
.fa-fade-in.animated.top {
animation: fade-in-top 800ms ease-out forwards;
}
.fa-fade-in.animated.bottom {
animation: fade-in-bottom 800ms ease-out forwards;
}
.fa-fade-in.animated.left {
animation: fade-in-left 800ms ease-out forwards;
}
.fa-fade-in.animated.right {
animation: fade-in-right 800ms ease-out forwards;
}
.fa-fade-in.animated.delay-300 {
animation-delay: 300ms;
}
.fa-fade-in.animated.delay-500 {
animation-delay: 500ms;
}
@keyframes fade-in-top {
0% {
opacity: 0;
top: -1rem;
}
100% {
opacity: 1;
top: 0;
}
}
@keyframes fade-in-bottom {
0% {
opacity: 0;
bottom: -1rem;
}
100% {
opacity: 1;
bottom: 0;
}
}
@keyframes fade-in-left {
0% {
opacity: 0;
left: -1rem;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes fade-in-right {
0% {
opacity: 0;
right: -1rem;
}
100% {
opacity: 1;
right: 0;
}
}
.fa-button {
border-radius: 0.5rem;
transition: all 200ms ease-out;
display: flex;
width: fit-content;
position: relative;
transition: all 200ms ease-out;
margin-top: 1rem;
}
.fa-button:hover {
border-radius: 1rem;
}
.fa-button a {
text-align: center;
}
.fa-button.fa-button-blue {
background: #031926;
}
.fa-button.fa-button-blue a {
color: #ffffff;
padding: 0.5rem 1.5rem;
}
.fa-button.fa-button-red {
background: #961723;
}
.fa-button.fa-button-red a {
color: #ffffff;
padding: 0.5rem 1.5rem;
}
.fa-button.fa-button-borderless {
left: 0;
}
.fa-button.fa-button-borderless a {
color: #961723;
display: flex;
align-items: center;
gap: 1rem;
}
.fa-button.fa-button-borderless a svg {
fill: #961723;
}
.fa-button.fa-button-borderless:hover {
left: 0.5rem;
}
.fa-scroll-to-top {
position: fixed;
bottom: -3rem;
right: 1rem;
background: #031926;
padding: 0.5rem;
box-shadow: 0 3px 10px rgba(3, 25, 38, 0.25);
border-radius: 0.5rem;
border: none;
transform: rotate(-90deg);
cursor: pointer;
transition: all 400ms ease-out;
}
.fa-scroll-to-top svg {
display: block;
}
.fa-scroll-to-top svg path {
fill: #ffffff;
}
.fa-scroll-to-top.active {
bottom: 1rem;
}
.fa-scroll-to-top:hover {
bottom: 1.25rem;
}
.fa-card h2 {
font-size: 1.25rem;
margin-bottom: 0;
}
.fa-card p {
margin-bottom: 0;
}
.fa-card.post {
display: flex;
flex-direction: column;
height: fit-content;
transition: all 200ms ease-out;
background: #ffffff;
box-shadow: 0 3px 5px rgba(3, 25, 38, 0.05);
border-radius: 1rem;
}
.fa-card.post:hover {
transform: scale(0.98);
opacity: 0.9;
}
.fa-card.post .fa-card__image {
height: 250px;
overflow: hidden;
position: relative;
border-radius: 1rem;
}
.fa-card.post .fa-card__image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.fa-card.post .fa-card__image span.category {
position: absolute;
bottom: 1rem;
right: 1rem;
background: #ffffff;
color: #031926;
padding: 0.25rem 0.5rem;
border-radius: 4px;
font-size: 0.8rem;
font-weight: 700;
}
.fa-card.post .fa-card__content {
padding: 1rem;
}
.fa-card.post .fa-card__content .fa-card__tags {
font-size: 0.85rem;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0.75rem;
}
.fa-card.post .fa-card__content .fa-card__tags span.date {
opacity: 0.5;
font-style: italic;
}
.fa-card.post .fa-card__content h2 {
font-size: 1.15rem;
margin-bottom: 0.75rem;
}
.fa-card.post .fa-card__content p {
font-size: 0.9rem;
line-height: 1.25rem;
}
@media screen and (max-width: 1024px) {
.fa-card.post .fa-card__image {
height: 200px;
}
}
@media screen and (max-width: 768px) {
.fa-card.post {
gap: 0.5rem;
}
}
#fa-comments h3 {
font-size: 2rem;
}
form fieldset {
border: none;
position: relative;
}
form fieldset label {
display: block;
margin-bottom: 0.5rem;
width: fit-content;
}
form input:not([type=submit]):not([type=checkbox]):not([type=radio]),
form textarea {
display: block;
border: none;
background: #f6f6f6;
padding: 0.75rem 0rem 0.75rem 0.75rem;
border-radius: 0.5rem;
box-sizing: content-box;
}
form input[type=submit],
form button[type=submit] {
background: #031926;
color: #ffffff;
width: fit-content;
padding: 0.5rem 1.25rem;
border-radius: 0.5rem;
border: none;
cursor: pointer;
transition: all 200ms ease-out;
}
form input[type=submit]:hover,
form button[type=submit]:hover {
border-radius: 1.5rem;
}
.fa-sitetitle {
display: flex;
flex-direction: column;
align-items: center;
gap: 1.25rem;
}
.fa-sitetitle span {
font-size: 1.25rem;
font-weight: 600;
}
.fa-sitetitle hr {
background: #961723;
width: 4rem;
height: 0.25rem;
border-radius: 1rem;
margin: 0;
}
.fa-sitetitle h1 {
margin: 0;
font-size: 2.5rem;
}
.fa-sitetitle p {
margin: 0;
line-height: 1.75rem;
}
@media screen and (max-width: 425px) {
.fa-sitetitle span {
font-size: 1rem;
}
.fa-sitetitle hr {
width: 3rem;
height: 0.15rem;
}
.fa-sitetitle h1 {
font-size: 1.75rem;
}
}
.fa-slider {
padding: 0;
}
.fa-slider .fa-slider__container {
width: 100%;
overflow: hidden;
height: 500px;
padding: 1rem 0;
position: relative;
}
.fa-slider .fa-slider__container ul.fa-slider__slides {
padding: 0;
margin: 0;
list-style: none;
position: absolute;
left: 100%;
top: 50%;
transform: translate(0, -50%);
display: flex;
flex-direction: row;
will-change: transform;
}
.fa-slider .fa-slider__container ul.fa-slider__slides li.fa-slider__slide {
width: 40rem;
height: 25rem;
margin-right: 1.5rem;
border-radius: 1.5rem;
box-shadow: 0 0 25px rgba(3, 25, 38, 0.1);
overflow: hidden;
display: flex;
justify-content: center;
position: relative;
}
.fa-slider .fa-slider__container ul.fa-slider__slides li.fa-slider__slide img {
object-fit: cover;
width: 100%;
height: auto;
}
@media screen and (max-width: 1440px) {
.fa-slider {
margin-top: 0rem;
padding-top: 0;
}
.fa-slider .fa-slider__container {
height: 350px;
}
.fa-slider .fa-slider__container ul.fa-slider__slides li.fa-slider__slide {
width: 30rem;
height: 20rem;
}
}
@media screen and (max-width: 425px) {
.fa-slider {
margin: 0;
padding: 0;
}
.fa-slider .fa-slider__container {
height: 200px;
}
.fa-slider .fa-slider__container ul.fa-slider__slides li.fa-slider__slide {
width: 15rem;
height: 12rem;
border-radius: 1rem;
margin: 0 0.25rem;
}
}
.fa-interactivemap__container {
background: #ffffff;
padding: 2rem 4rem;
border-radius: 1rem;
box-shadow: 0 0 25px rgba(3, 25, 38, 0.1);
}
.fa-interactivemap__container p {
width: 80%;
margin: auto;
}
.fa-interactivemap__container .fa-button {
margin: auto;
}
.fa-interactivemap__map {
position: relative;
}
.fa-interactivemap__map svg {
display: block;
max-width: 100%;
height: 100%;
margin: 2.5rem auto;
}
.fa-interactivemap__map svg path {
transition: all 200ms ease-out;
}
.fa-interactivemap__map svg path.visited {
fill: #031926;
cursor: pointer;
}
.fa-interactivemap__countries {
display: none;
}
.fa-interactivemap__tooltip {
position: fixed;
background: #ffffff;
padding: 0.5rem;
border-radius: 0.5rem;
box-shadow: 0 3px 10px rgba(3, 25, 38, 0.25);
z-index: 999;
opacity: 0;
}
.fa-interactivemap__tooltip.active {
opacity: 1;
transition: opacity 150ms ease-in-out;
}
.fa-interactivemap__tooltip .tooltip {
display: flex;
align-items: center;
gap: 0.5rem;
}
.fa-interactivemap__tooltip .tooltip .travel-flag {
width: 2rem;
height: 2rem;
object-fit: cover;
}
.fa-interactivemap__tooltip .tooltip div {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.fa-interactivemap__tooltip .tooltip div .travel-date {
font-size: 0.8rem;
}
@media screen and (max-width: 1440px) {
.fa-interactivemap .fa-interactivemap__container {
padding: 2rem;
}
.fa-interactivemap .fa-interactivemap__map svg {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.fa-interactivemap__container p {
width: 100%;
margin: 0;
}
.fa-interactivemap__tooltip {
display: none;
}
.fa-interactivemap__countries {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1.5rem;
}
.fa-interactivemap__countries--item {
display: flex;
align-items: center;
gap: 1rem;
background: #ffffff;
padding: 0.5rem;
border-radius: 0.5rem;
box-shadow: 0 3px 5px rgba(3, 25, 38, 0.05);
}
.fa-interactivemap__countries--item .travel-flag {
width: 1.5rem;
height: 1.5rem;
object-fit: cover;
}
.fa-interactivemap__countries--item div {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.fa-interactivemap__countries--item div .travel-date {
font-size: 0.8rem;
}
}
@media screen and (max-width: 425px) {
.fa-interactivemap__countries {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
.fa-textblock {
display: flex;
justify-content: space-between;
align-items: stretch;
gap: 4rem;
}
.fa-textblock.reversed {
flex-direction: row-reverse;
}
.fa-textblock .fa-textblock__image {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
max-height: 500px;
aspect-ratio: 3/2;
overflow: hidden;
border-radius: 1rem;
order: 1;
flex: 1;
}
.fa-textblock .fa-textblock__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.fa-textblock .fa-textblock__text {
height: 100%;
flex: 2;
}
.fa-textblock.with-images .fa-textblock__images {
display: flex;
flex-direction: column;
align-items: center;
}
.fa-textblock.with-images .fa-textblock__images img {
border-radius: 1rem;
box-shadow: 0 3px 10px rgba(3, 25, 38, 0.25);
width: 100%;
height: fit-content;
object-fit: cover;
max-width: 400px;
}
.fa-textblock.with-images .fa-textblock__images img:nth-child(1) {
margin-bottom: -2rem;
margin-right: 4rem;
}
.fa-textblock.with-images .fa-textblock__images img:nth-child(2) {
margin-left: auto;
}
@media screen and (max-width: 1024px) {
.fa-textblock.fa-boxed .fa-textblock__image {
width: 40%;
}
.fa-textblock.fa-boxed.with-images {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 2rem;
width: 90%;
margin: auto;
}
.fa-textblock.fa-boxed.with-images .fa-textblock__images img {
width: 100%;
margin-bottom: 0;
}
.fa-textblock.fa-boxed.with-images .fa-textblock__images img:nth-child(1) {
margin-bottom: 2rem;
margin-right: 0;
}
.fa-textblock.fa-boxed.with-images .fa-textblock__images img:nth-child(2) {
margin-bottom: 0;
}
}
@media screen and (max-width: 768px) {
.fa-textblock {
flex-direction: column;
gap: 2rem;
}
.fa-textblock.reversed {
flex-direction: column;
}
.fa-textblock.fa-boxed .fa-textblock__text {
width: 90%;
margin: auto;
}
.fa-textblock.fa-boxed .fa-textblock__image {
width: 90%;
height: 300px;
margin: auto;
order: 2;
}
.fa-textblock.fa-boxed.with-images {
display: flex;
flex-direction: column-reverse;
gap: 2rem;
width: 100%;
}
.fa-textblock.fa-boxed.with-images .fa-textblock__images {
display: flex;
flex-direction: row;
gap: 1rem;
overflow: scroll;
scroll-snap-type: x mandatory;
scroll-padding: 0 1rem;
padding: 0 1rem;
}
.fa-textblock.fa-boxed.with-images .fa-textblock__images::-webkit-scrollbar {
display: none;
}
.fa-textblock.fa-boxed.with-images .fa-textblock__images img {
width: 100%;
height: 250px;
inset: unset !important;
margin: 0 !important;
scroll-snap-align: start;
}
}
@media screen and (max-width: 425px) {
.fa-textblock.fa-boxed .fa-textblock__image {
width: 90%;
height: 250px;
}
.fa-textblock.fa-boxed.with-images .fa-textblock__images img {
height: 200px;
}
}
.fa-pageheader {
display: grid;
grid-template-columns: 2fr 1.5fr;
gap: 4rem;
}
.fa-pageheader .fa-pageheader__content .fa-button {
margin-top: 2.5rem;
}
.fa-pageheader .fa-pageheader__image {
border-radius: 1rem;
overflow: hidden;
}
.fa-pageheader .fa-pageheader__image img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.25);
}
@media screen and (max-width: 768px) {
.fa-pageheader {
grid-template-columns: 1fr;
gap: 2rem;
}
.fa-pageheader .fa-pageheader__image {
height: 350px;
}
}
@media screen and (max-width: 425px) {
.fa-pageheader .fa-pageheader__image {
height: 250px;
}
}
.fa-breadcrumbs {
display: flex;
gap: 0.75rem;
margin-bottom: 1.5rem;
}
.fa-breadcrumbs a,
.fa-breadcrumbs span {
opacity: 0.5;
}
.fa-testimonials {
display: flex;
flex-direction: column;
align-items: center;
gap: 3rem;
}
.fa-testimonials .fa-testimonials__header {
width: 50%;
margin: auto;
}
.fa-testimonials .fa-testimonials__header p {
margin-bottom: 0;
text-wrap: balance;
}
.fa-testimonials .fa-testimonials__list {
display: flex;
gap: 2.5rem;
}
.fa-testimonials .fa-testimonials__list .fa-testimonials__item {
flex: 1;
height: fit-content;
padding: 1.5rem;
background: #ffffff;
border-radius: 1.5rem;
box-shadow: 0 0 25px rgba(3, 25, 38, 0.1);
}
.fa-testimonials .fa-testimonials__list .fa-testimonials__item--header {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
margin-bottom: 1rem;
}
.fa-testimonials .fa-testimonials__list .fa-testimonials__item--header span {
font-weight: 600;
}
.fa-testimonials .fa-testimonials__list .fa-testimonials__item--header small {
color: #647b92;
font-size: 0.8rem;
}
.fa-testimonials .fa-testimonials__list .fa-testimonials__item--content {
font-size: 0.9rem;
}
.fa-testimonials .fa-testimonials__list .fa-testimonials__item--content p {
font-style: italic;
line-height: 1.4rem;
}
.fa-testimonials .fa-testimonials__list .fa-testimonials__item--content p:not(:last-of-type) {
margin-bottom: 0.5rem;
}
@media screen and (max-width: 1024px) {
.fa-testimonials .fa-testimonials__header {
width: 75%;
}
.fa-testimonials .fa-testimonials__header p {
text-wrap: pretty;
}
.fa-testimonials .fa-testimonials__list {
gap: 1rem;
}
}
@media screen and (max-width: 768px) {
.fa-testimonials .fa-testimonials__list {
flex-direction: column;
}
.fa-testimonials .fa-testimonials__list .fa-testimonials__item {
width: 75%;
margin: auto;
}
}
@media screen and (max-width: 425px) {
.fa-testimonials .fa-testimonials__header {
width: 100%;
}
.fa-testimonials .fa-testimonials__list {
display: flex;
}
.fa-testimonials .fa-testimonials__list .fa-testimonials__item {
width: 80%;
}
}
.fa-contactform {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1rem;
}
.fa-contactform h1,
.fa-contactform p {
margin: 0;
}
.fa-contactform hr {
border: none;
background: #961723;
height: 4px;
width: 4rem;
margin: 0;
border-radius: 1.5rem;
}
.fa-contactform .fa-contactform__form {
margin-top: 2rem;
width: 600px;
background: #ffffff;
padding: 1.5rem;
border-radius: 1rem;
box-shadow: 0 0 25px rgba(3, 25, 38, 0.1);
}
.fa-contactform .fa-contactform__form .wpcf7-form {
display: flex;
flex-direction: column;
gap: 1rem;
}
.fa-contactform .fa-contactform__form input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.fa-contactform .fa-contactform__form textarea {
width: 95%;
}
.fa-contactform .fa-contactform__form .wpcf7-acceptance .wpcf7-list-item {
margin: 0;
}
.fa-contactform .fa-contactform__form span.wpcf7-not-valid-tip {
color: #961723;
}
.fa-contactform .fa-contactform__form .wpcf7 form.invalid .wpcf7-response-output {
border: none;
border-radius: 0.5rem;
background: rgba(150, 23, 35, 0.15);
padding: 1rem 1.5rem;
margin: 1.5rem 0 0;
}
.fa-contactform .fa-contactform__form .wpcf7 form.sent .wpcf7-response-output {
border: none;
border-radius: 0.5rem;
background: rgba(27, 128, 85, 0.15);
padding: 1rem 1.5rem;
margin: 1.5rem 0 0;
}
@media screen and (max-width: 768px) {
.fa-contactform .fa-contactform__form {
width: 75%;
}
}
.fa-team .fa-team__list {
display: flex;
gap: 1.5rem;
}
.fa-team .fa-team__list .fa-team__member {
flex: 1;
background: #ffffff;
padding: 1.5rem;
border-radius: 1rem;
box-shadow: 0 0 25px rgba(3, 25, 38, 0.1);
height: fit-content;
}
.fa-team .fa-team__list .fa-team__member .fa-team__member--header {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 1rem;
}
.fa-team .fa-team__list .fa-team__member .fa-team__member--header .fa-team__member--image {
width: 5rem;
height: 5rem;
overflow: hidden;
border-radius: 1rem;
box-shadow: 0 0 25px rgba(3, 25, 38, 0.1);
position: relative;
}
.fa-team .fa-team__list .fa-team__member .fa-team__member--header .fa-team__member--image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.fa-team .fa-team__list .fa-team__member .fa-team__member--header .fa-team__member--infos {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.fa-team .fa-team__list .fa-team__member .fa-team__member--header .fa-team__member--infos span.name {
font-size: 1.25rem;
}
.fa-team .fa-team__list .fa-team__member .fa-team__member--header .fa-team__member--infos span.position {
color: #961723;
}
.fa-team .fa-team__list .fa-team__member .fa-team__member--content p {
margin-bottom: 0;
font-style: italic;
}
@media screen and (max-width: 768px) {
.fa-team .fa-team__list {
flex-direction: column;
}
.fa-team .fa-team__list .fa-team__member {
width: 50%;
margin: auto;
}
}
@media screen and (max-width: 425px) {
.fa-team .fa-team__list .fa-team__member {
width: 75%;
}
}
.fa-membershipform .fa-membershipform__errors {
background: rgba(150, 23, 35, 0.15);
padding: 1.5rem;
margin-bottom: 1.5rem;
width: fit-content;
border-radius: 1rem;
}
.fa-membershipform .fa-membershipform__errors ul {
margin: 0;
padding: 0;
list-style: none;
}
.fa-membershipform .fa-membershipform__errors ul li {
margin-bottom: 0.5rem;
}
.fa-membershipform .fa-membershipform__errors ul li:before {
content: "•";
color: #961723;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: 1rem;
}
.fa-membershipform .fa-membershipform__errors p {
margin-bottom: 0.5rem;
}
.fa-membershipform form {
background: #ffffff;
padding: 1.5rem;
border-radius: 1rem;
box-shadow: 0 0 25px rgba(3, 25, 38, 0.1);
max-width: 800px;
}
.fa-membershipform form .fa-membershipform__fields {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 2rem;
row-gap: 1rem;
margin-bottom: 1.5rem;
}
.fa-membershipform form .fa-membershipform__fields input {
width: 100%;
}
.fa-membershipform form .fa-membershipform__type input[type=radio] {
position: absolute;
left: 2rem;
z-index: -1;
}
.fa-membershipform form .fa-membershipform__type .membership-label {
padding: 0.5rem 1.25rem;
cursor: pointer;
display: inline-block;
background: #961723;
color: #ffffff;
border-radius: 0.5rem;
opacity: 0.2;
transition: all 200ms ease-out;
}
.fa-membershipform form .fa-membershipform__type .membership-label:hover {
opacity: 0.5;
}
.fa-membershipform form .fa-membershipform__type input[type=radio]:checked + .membership-label {
opacity: 1;
background: #961723;
}
.fa-membershipform form .fa-membershipform__type small span {
font-weight: 700;
}
.fa-membershipform form .fa-membershipform__privacy {
display: flex;
gap: 1rem;
}
@media screen and (max-width: 425px) {
.fa-membershipform form .fa-membershipform__fields {
grid-template-columns: 1fr;
row-gap: 0.5rem;
}
}
.fa-images {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
}
.fa-images .fa-images__item {
box-shadow: 0 0 25px rgba(3, 25, 38, 0.1);
overflow: hidden;
}
.fa-images .fa-images__item.small {
width: 150px;
border-radius: 1rem;
}
.fa-images .fa-images__item.medium {
width: 300px;
border-radius: 1.5rem;
}
.fa-images .fa-images__item.large {
width: 500px;
border-radius: 1.5rem;
}
.fa-images .fa-images__item img {
width: 100%;
}
body {
background: #fbfbfb;
}
body .fa-dark-layer {
position: fixed;
top: 0;
width: 100%;
height: 100%;
background: rgba(3, 25, 38, 0.5);
opacity: 0;
z-index: -1;
transition: all 400ms ease-out;
}
body .fa-dark-layer.active {
opacity: 1;
z-index: 998;
}
main section {
margin: 4rem auto;
}
main section:first-of-type {
margin-top: 0;
}
main section:last-of-type {
margin-bottom: 0;
}
main section.fa-boxed {
max-width: 1440px;
}
@media screen and (max-width: 1440px) {
main section.fa-boxed {
width: 90%;
}
}
#fa-page {
width: 1024px;
margin: auto;
}
#fa-page h1 {
position: relative;
font-size: 3rem;
text-align: center;
margin-bottom: 4rem;
padding-bottom: 2rem;
}
#fa-page h1:after {
content: "";
position: absolute;
bottom: 1rem;
left: 50%;
transform: translateX(-50%);
background: #961723;
width: 6rem;
height: 5px;
border-radius: 99rem;
}
#fa-page h2 {
margin-top: 4rem;
}
#fa-page a {
text-decoration: underline;
text-underline-offset: 2px;
font-weight: 600;
}
@media screen and (max-width: 1440px) {
#fa-page {
width: 90%;
}
}
#fa-home .fa-home__header {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
margin: 4rem 0;
background: #ffffff;
border-radius: 1.5rem;
box-shadow: 0 3px 5px rgba(3, 25, 38, 0.05);
}
#fa-home .fa-home__header .fa-home__header--image {
height: 100%;
min-height: 400px;
overflow: hidden;
border-radius: 1rem;
box-shadow: 0 0 25px rgba(3, 25, 38, 0.1);
position: relative;
transition: all 200ms ease-out;
}
#fa-home .fa-home__header .fa-home__header--image img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#fa-home .fa-home__header .fa-home__header--tags {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 0.9rem;
}
#fa-home .fa-home__header .fa-home__header--tags span.date {
font-style: italic;
opacity: 0.75;
}
#fa-home .fa-home__header .fa-home__header--tags span.category {
font-weight: 600;
color: #ffffff;
background: #961723;
padding: 0.5rem;
border-radius: 4px;
}
#fa-home .fa-home__header .fa-home__header--content {
display: flex;
flex-direction: column;
gap: 1.5rem;
padding: 1.5rem;
}
#fa-home .fa-home__header .fa-home__header--content h2 {
margin-bottom: 0;
}
#fa-home .fa-home__posts {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
@media screen and (max-width: 768px) {
#fa-home .fa-home__header {
grid-template-columns: 1fr;
}
#fa-home .fa-home__posts {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 500px) {
#fa-home .fa-home__header .fa-home__header--image {
min-height: 300px;
}
#fa-home .fa-home__posts {
grid-template-columns: 1fr;
}
}
#fa-single {
max-width: 1440px;
margin: auto;
}
#fa-single .fa-single__header {
display: grid;
grid-template-columns: 1fr 1.5fr;
gap: 4rem;
}
#fa-single .fa-single__header .fa-single__header--content {
width: fit-content;
margin: auto 0;
}
#fa-single .fa-single__header .fa-single__header--content .fa-breadcrumbs {
margin-bottom: 2rem;
}
#fa-single .fa-single__header .fa-single__header--content .fa-single__header--tags {
display: flex;
align-items: center;
}
#fa-single .fa-single__header .fa-single__header--content .fa-single__header--tags span.date {
opacity: 0.5;
font-style: italic;
}
#fa-single .fa-single__header .fa-single__header--image {
height: 450px;
position: relative;
overflow: hidden;
border-radius: 1rem;
box-shadow: 0 0 25px rgba(3, 25, 38, 0.1);
}
#fa-single .fa-single__header .fa-single__header--image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
}
#fa-single .fa-single__header .fa-single__header--image span.category {
position: absolute;
bottom: 1rem;
right: 1rem;
background: #ffffff;
color: #031926;
padding: 0.5rem 0.75rem;
border-radius: 0.5rem;
font-size: 1rem;
font-weight: 700;
}
#fa-single .fa-single__content {
display: grid;
grid-template-columns: 2.5fr 1fr;
gap: 6rem;
margin: 4rem auto;
}
#fa-single .fa-single__content .fa-single__sidebar {
background: #ffffff;
box-shadow: 0 0 25px rgba(3, 25, 38, 0.1);
border-radius: 1rem;
padding: 1.5rem;
height: fit-content;
position: sticky;
top: 3rem;
}
#fa-single .fa-single__content .fa-single__sidebar span.title {
font-size: 1.25rem;
display: block;
margin-bottom: 1rem;
}
#fa-single .fa-single__content .fa-single__sidebar .fa-single__sidebar--posts {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 1.25rem;
}
#fa-single .fa-single__content .fa-single__sidebar .fa-single__sidebar--posts .fa-post {
display: grid;
grid-template-columns: 1fr 3fr;
column-gap: 1rem;
align-items: center;
transition: all 200ms ease-out;
}
#fa-single .fa-single__content .fa-single__sidebar .fa-single__sidebar--posts .fa-post:hover {
transform: scale(0.98);
opacity: 0.9;
}
#fa-single .fa-single__content .fa-single__sidebar .fa-single__sidebar--posts .fa-post .fa-post__image {
flex: 1;
width: 6rem;
height: 6rem;
position: relative;
overflow: hidden;
border-radius: 0.5rem;
}
#fa-single .fa-single__content .fa-single__sidebar .fa-single__sidebar--posts .fa-post .fa-post__image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(150%);
width: 100%;
height: 100%;
object-fit: cover;
}
#fa-single .fa-single__content .fa-single__sidebar .fa-single__sidebar--posts .fa-post .fa-post__content span.date {
display: block;
font-size: 0.9rem;
font-style: italic;
opacity: 0.75;
margin-bottom: 0.5rem;
}
#fa-single .fa-single__content .fa-single__sidebar .fa-single__sidebar--posts .fa-post .fa-post__content h2 {
font-size: 1.15rem;
margin-bottom: 0;
}
#fa-single .fa-single__content .fa-single__post .wp-block-image {
margin: 2rem auto;
}
#fa-single .fa-single__content .fa-single__post .wp-block-image figure {
border-radius: 0.5rem;
overflow: hidden;
}
#fa-single .fa-single__content .fa-single__post .wp-block-gallery {
margin: 2rem auto;
}
#fa-single .fa-single__content .fa-single__post .wp-block-gallery figure {
border-radius: 0.5rem;
overflow: hidden;
}
@media screen and (max-width: 1440px) {
#fa-single {
width: 90%;
}
#fa-single .fa-single__content {
grid-template-columns: 2fr 1fr;
gap: 4rem;
}
}
@media screen and (max-width: 1024px) {
#fa-single .fa-single__header {
grid-template-columns: 1fr;
gap: 2rem;
}
#fa-single .fa-single__header .fa-single__header--content {
margin: auto;
text-align: center;
}
#fa-single .fa-single__header .fa-single__header--image {
height: 350px;
}
#fa-single .fa-single__header .fa-single__header--tags {
justify-content: center;
}
#fa-single .fa-single__content {
grid-template-columns: 1fr;
gap: 2rem;
margin-bottom: 0;
}
#fa-single .fa-single__content .fa-single__sidebar .fa-single__sidebar--posts {
flex-direction: row;
flex-wrap: nowrap;
}
#fa-single .fa-single__content .fa-single__sidebar .fa-single__sidebar--posts .fa-post {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
gap: 1rem;
}
#fa-single .fa-single__content .fa-single__sidebar .fa-single__sidebar--posts .fa-post .fa-post__image {
width: 100%;
height: 4rem;
}
#fa-single .fa-single__content .fa-single__sidebar .fa-single__sidebar--posts .fa-post .fa-post__image img {
position: relative;
}
#fa-single .fa-single__content .fa-single__sidebar .fa-single__sidebar--posts .fa-post .fa-post__content {
width: 100%;
}
#fa-single .fa-single__content .fa-single__sidebar .fa-single__sidebar--posts .fa-post .fa-post__content span.date {
font-size: 0.8rem;
margin-bottom: 0.5rem;
}
#fa-single .fa-single__content .fa-single__sidebar .fa-single__sidebar--posts .fa-post .fa-post__content h2 {
font-size: 1rem;
}
}
@media screen and (max-width: 425px) {
#fa-single .fa-single__header .fa-single__header--image {
height: 250px;
}
#fa-single .fa-single__header .fa-single__header--image span.category {
font-size: 0.9rem;
}
#fa-single .fa-single__content {
margin: 2rem auto;
}
#fa-single .fa-single__content .fa-single__sidebar .fa-single__sidebar--posts {
flex-direction: column;
}
#fa-single .fa-single__content .fa-single__sidebar .fa-single__sidebar--posts .fa-post .fa-post__image {
flex: unset;
height: 200px;
}
#fa-single .fa-single__content .fa-single__sidebar .fa-single__sidebar--posts .fa-post .fa-post__image img {
position: absolute;
transform: translate(-50%, -50%) scale(125%);
}
}
#fa-header {
max-width: 1440px;
margin: auto;
padding: 1rem 0 4rem;
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 1440px) {
#fa-header {
width: 90%;
}
}
#fa-header #fa-header__logo {
width: 15rem;
}
#fa-header #fa-header__logo img {
width: 100%;
height: auto;
}
#fa-header #fa-header__navigation ul {
list-style: none;
display: flex;
align-items: center;
gap: 2rem;
padding: 0;
margin: 0;
}
#fa-header #fa-header__navigation ul a {
text-decoration: none;
font-weight: 700;
}
#fa-header #fa-header__navigation ul li {
font-size: 1.25rem;
transition: all 200ms ease-out;
margin-bottom: 0;
}
#fa-header #fa-header__navigation ul li.fa-button {
margin-top: 0;
}
#fa-header #fa-header__navigation ul li:hover:not(.fa-button) {
opacity: 0.5;
}
#fa-header #fa-header__navigation ul li.current_page_item:not(:last-child), #fa-header #fa-header__navigation ul li.current_page_parent:not(:last-child) {
position: relative;
}
#fa-header #fa-header__navigation ul li.current_page_item:not(:last-child):after, #fa-header #fa-header__navigation ul li.current_page_parent:not(:last-child):after {
content: "";
position: absolute;
bottom: -0.75rem;
left: 50%;
transform: translateX(-50%);
background: #961723;
height: 4px;
width: 2rem;
border-radius: 1rem;
}
@media screen and (max-width: 1024px) {
#fa-header #fa-header__navigation {
position: fixed;
background-color: #ffffff;
border-radius: 1.5rem 0 0 1rem;
box-shadow: 0 3px 10px rgba(3, 25, 38, 0.25);
width: 35%;
height: 100vh;
right: -50%;
top: 0;
z-index: 999;
transition: all 600ms ease-in-out;
}
#fa-header #fa-header__navigation.active {
right: 0;
}
#fa-header #fa-header__navigation .menu-main-menu-container {
width: 50%;
margin: 4rem auto 0;
}
#fa-header #fa-header__navigation .menu-main-menu-container ul {
flex-direction: column;
align-self: start;
}
#fa-header #fa-header__navigation .menu-main-menu-container ul li.current_page_item:after, #fa-header #fa-header__navigation .menu-main-menu-container ul li.current_page_parent:after {
left: 50%;
transform: translateX(-50%);
}
#fa-header #fa-header__navigation #fa-close-burger {
display: block;
position: absolute;
top: 1rem;
left: 1rem;
}
#fa-header #fa-header__navigation #fa-close-burger svg {
width: 2.5rem;
height: 2.5rem;
}
}
@media screen and (max-width: 768px) {
#fa-header #fa-header__navigation {
width: 50%;
right: -50%;
}
}
@media screen and (max-width: 425px) {
#fa-header #fa-header__navigation {
width: 75%;
right: -85%;
}
}
#fa-header #fa-burger {
display: none;
background: #031926;
border-radius: 0.5rem;
border: none;
padding: 0.25rem 0.5rem;
}
#fa-header #fa-burger svg {
display: block;
}
#fa-header #fa-burger path {
fill: #ffffff;
}
@media screen and (max-width: 1024px) {
#fa-header #fa-burger {
display: block;
}
}
#fa-header #fa-close-burger {
display: none;
}
#fa-footer .fa-footer__container {
max-width: 1440px;
margin: auto;
padding: 4rem 0 1rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
justify-content: space-between;
gap: 8rem;
}
#fa-footer .fa-footer__container .fa-footer__col {
width: fit-content;
}
#fa-footer .fa-footer__container .fa-footer__col:nth-child(2) {
display: flex;
flex-direction: column;
align-items: center;
}
#fa-footer .fa-footer__container .fa-footer__col:nth-child(2) img {
max-width: 10rem;
height: auto;
}
#fa-footer .fa-footer__container .fa-footer__col:nth-child(2) p {
text-align: center;
}
#fa-footer .fa-footer__container .fa-footer__col:nth-child(3) {
display: flex;
flex-direction: column;
align-items: end;
}
#fa-footer .fa-footer__container .fa-footer__col .fa-footer__col--title {
display: block;
margin-bottom: 1rem;
font-weight: 700;
}
#fa-footer .fa-footer__container .fa-footer__col ul {
list-style: none;
padding: 0;
margin: 0;
width: fit-content;
}
#fa-footer .fa-footer__container .fa-footer__col ul#fa-footer__menu--main {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 1.5rem;
row-gap: 1.5rem;
}
#fa-footer .fa-footer__container .fa-footer__col ul#fa-footer__menu--main li {
margin-bottom: 0;
}
#fa-footer .fa-footer__container .fa-footer__col ul#fa-footer__menu--links {
display: flex;
flex-direction: column;
gap: 1rem;
}
#fa-footer .fa-footer__container .fa-footer__col ul#fa-footer__menu--links li {
position: relative;
left: 0;
transition: all 200ms ease-out;
margin-bottom: 0;
}
#fa-footer .fa-footer__container .fa-footer__col ul#fa-footer__menu--links li:hover {
left: 0.5rem;
}
#fa-footer .fa-footer__container .fa-footer__col ul#fa-footer__menu--links li::before {
content: "›";
margin-right: 0.5rem;
}
#fa-footer .fa-footer__container .fa-footer__col ul li {
width: fit-content;
}
#fa-footer .fa-footer__bottom {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 2rem;
}
#fa-footer .fa-footer__bottom a {
color: #961723;
}
@media screen and (max-width: 1440px) {
#fa-footer {
width: 90%;
margin: 0 auto 2rem;
}
}
@media screen and (max-width: 768px) {
#fa-footer {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 2rem;
}
#fa-footer .fa-footer__container {
display: flex;
flex-wrap: wrap;
row-gap: 2rem;
column-gap: 2rem;
}
#fa-footer .fa-footer__container .fa-footer__col:nth-child(1) {
flex: 1;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
#fa-footer .fa-footer__container .fa-footer__col:nth-child(2) {
order: -1;
width: 100%;
}
#fa-footer .fa-footer__container .fa-footer__col:nth-child(3) {
flex: 1;
align-items: center;
}
}
@media screen and (max-width: 425px) {
#fa-footer .fa-footer__container {
flex-direction: column;
}
#fa-footer .fa-footer__container .fa-footer__col {
flex: 1;
width: 100%;
}
}
.error-404 {
text-align: center;
padding: 2rem 0 8rem;
}
.error-404 .fa-button {
margin: 2rem auto 0;
}
.fa-arrow {
width: 1.5rem;
height: 1.5rem;
}