.dnd-icon-remove.deleting { font-size:12px; color:#000; font-weight: 500; position: relative; top:-3px; }
.dnd-icon-remove.deleting:after { display:none!important; }
.wpcf7-drag-n-drop-file.d-none {
display:none;
opacity:0;
visibility:hidden;
position:absolute;
top:0;
} .dnd-upload-status {
display:flex;
padding:4px 0;
align-items:center;
position:relative;
} .dnd-upload-status .dnd-upload-image {
width:40px;
height:40px;
border:1px solid #a5a5a5;
text-align:center;
border-radius:100%;
position:relative;
}
.dnd-upload-status .dnd-upload-image span.file {
background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='23' viewBox='0 0 18 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.569 0.659576H0.5V23H18V6.09053L12.569 0.659576ZM12.7872 1.93075L16.7288 5.87234H12.7872V1.93075ZM1.24468 22.2553V1.40426H12.0426V6.61702H17.2553V22.2553H1.24468Z' fill='%235C5B5B'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 100%;
height: 21px;
width: 16px;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-moz-transform : translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
} .dnd-upload-status .dnd-upload-details {
padding-left:10px;
width: calc(100% - 40px);
}
.dnd-upload-status .dnd-upload-details .name {color:#016d98; padding:4px 0; padding-right:60px; display:flex; }
.dnd-upload-status .dnd-upload-details .name span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding-right:10px; }
.dnd-upload-status .dnd-upload-details .name em {color:#444242;	font-weight:700; } .dnd-upload-status .dnd-upload-details .remove-file {
position:absolute;
right:0;
top:10px;
text-decoration:none;
box-shadow:none;
outline:none;
opacity:1;
}
.dnd-upload-status .dnd-upload-details .remove-file span:after {
content: '';
width:15px;
height:15px;
display: block;
background-repeat:no-repeat;
background-size:100%;
background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0C7.83499 0 0 7.83499 0 17.5C0 27.165 7.83499 35 17.5 35C27.165 35 35 27.165 35 17.5C34.9888 7.83965 27.1604 0.0112198 17.5 0ZM17.5 33.871C8.45857 33.871 1.12903 26.5414 1.12903 17.5C1.12903 8.45857 8.45857 1.12903 17.5 1.12903C26.5414 1.12903 33.871 8.45857 33.871 17.5C33.861 26.5373 26.5373 33.861 17.5 33.871Z' fill='black'/%3E%3Cpath d='M25.4834 9.51661C25.2629 9.29624 24.9056 9.29624 24.6852 9.51661L17.5 16.7018L10.3148 9.51661C10.0983 9.29236 9.74087 9.28615 9.51661 9.50271C9.29236 9.71927 9.28615 10.0767 9.50271 10.3009C9.50723 10.3057 9.51188 10.3103 9.51661 10.3148L16.7018 17.5L9.51661 24.6852C9.29236 24.9018 9.28615 25.2591 9.50278 25.4834C9.71941 25.7076 10.0768 25.7139 10.301 25.4972C10.3057 25.4927 10.3103 25.488 10.3148 25.4834L17.5 18.2982L24.6852 25.4834C24.9094 25.7 25.2668 25.6938 25.4834 25.4696C25.6947 25.2508 25.6947 24.9039 25.4834 24.6852L18.2982 17.5L25.4834 10.3148C25.7038 10.0944 25.7038 9.73705 25.4834 9.51661Z' fill='black'/%3E%3C/svg%3E%0A");
}
.dnd-upload-status.in-progress .remove-file { opacity:0.2;}
.dnd-upload-status .dnd-upload-details span.has-error { color:#f50505; } .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
display: block;
border-radius: 5px;
overflow: hidden;
background: #565555;
height: 14px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
background: #4CAF50;
display: block;
font-size: 11px;
text-align: right;
color: #fff;
height: 100%;
width:0;
line-height:14px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span.complete { width:100%!important; padding-right:5px; }
.dnd-upload-counter { position:absolute; right:5px; bottom:3px; font-size:12px; } .codedropz-upload-handler {
border:2px dashed #c5c5c5;
border-radius:5px;
margin-bottom:10px;
position:relative;
}
.codedropz-upload-container {
padding:15px 20px;
}
.codedropz-upload-inner {
overflow:hidden;
width:100%; text-align:center;
text-overflow: ellipsis;
font-weight:inherit;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
text-decoration:none;
box-shadow:none;
}
.codedropz-upload-inner h3 {
margin:5px 0;
font-size:30px;
line-height:32px;
word-break:break-word;
} .codedropz-dragover {
border-color:#6b6a6a;
}
.codedropz-upload-wrapper span.has-error-msg {
display:inline-block;
color:#ff0000;
padding:5px 0;
font-style:italic;
} .wpcf7-form label.error-new {
color: #900;
font-size: 11px;
float: none;
padding-left: 5px;
}
.wpcf7-form .codedropz-upload-wrapper.invalid .codedropz-upload-handler{
border-bottom-color: #900;
border-bottom-style: solid;
} @media screen and (max-width: 767px) {
.dnd-upload-status .dnd-upload-details .name em { font-weight:normal; }
.dnd-upload-status .dnd-upload-details .name { padding-right:60px; }
.codedropz-upload-inner h3 { font-size:22px; }
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@media screen and (min-width: 1200px) {
.header-social-bar {
position: relative;
z-index: 99999;
}
}
.btn-custom-2 {
background-color: #5CB331;
padding: 10px 40px;
border-radius: 30px;
font-weight: bold;
color: #FFF;
position: relative;
width: fit-content;
width: -moz-fit-content;
transition: all .3s ease;
}
.btn-custom-2:hover {
background-color: #004494;
color: #FFF;
}
.post-type-archive-case-study .map {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/img/last-wave.svg);
background-position: center bottom;
background-size: 100%;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.post-type-archive-case-study .map .mapsvg-wrap-all {
max-width: 1440px;
position: static;
padding: 0 20px;
}
@media screen and (min-width: 991px) {
.post-type-archive-case-study .map .mapsvg-wrap-all {
position: relative;
left: 50%;
transform: translateX(-50%);
}
}
.post-type-archive-case-study .map .mapsvg-wrap-all .mapsvg {
padding-bottom: 70% !important;
overflow: visible;
}
.post-type-archive-case-study .map .mapsvg-wrap-all .mapsvg-marker {
user-select: none;
}
@media screen and (max-width: 576px) {
.page-hero .page-hero-content p {
font-size: 15px !important;
}
} .page-id-2695 .digital-kit__profiled-contents .section-paragraph {
max-width: 650px;
}
.card-poke {
border-radius: 30px;
border: 0;
min-height: 340px;
background: #489FDF
}
@media screen and (min-width: 577px) {
.card-poke {
flex-direction: row;
}
}
.card-poke .card-img-top {
object-fit: cover;
object-position: center;
max-height: 350px;
min-height: 350px;
max-width: 50%;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
@media screen and (max-width: 576px) {
.card-poke .card-img-top {
object-fit: cover;
object-position: center;
max-height: 100%;
width: 100%;
max-width: 100%;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 0;
}
}
.card-poke hr, .card-infographics hr {
border-top: 1px solid #fff;
opacity: 0.5;
}
.card-poke .card-title, .modal-title {
font-family: 'Lora', sans-serif;
font-size: 24px
}
.card-poke .card-text {
font-size: 20px;
}
.card-poke .btn {
background-color: #FFF;
color: #489FDF;
border: 1px solid #489FDF;
padding: 6px 30px;
border-radius: 30px;
}
.card-poke .btn:hover {
background-color: transparent;
color: #FFF;
border: 1px solid #FFF;
}
.modal-open {
overflow: auto !important;
padding-right: 0px !important;
}
.modal-poke {
background-color: rgba(3, 41, 86, 0.6);
z-index: 10000;
}
.modal-poke .close {
font-size: 35px;
color: #fff;
opacity: 1;
}
.modal-poke .close:focus {
outline: none;
}
.modal-poke .modal-content {
border: 0;
border-radius: 30px;
}
.modal-poke .modal-header {
background-color: #489FDF;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border: 0
}
.modal-poke .modal-body {
padding: 2rem;
}
.btn.btn-back {
background-color: transparent;
color: #004494;
border: 1px solid #004494;
padding: 6px 50px;
border-radius: 30px;
}
@media screen and (max-width: 576px) {
.btn.btn-back {
padding: 6px 25px;
}
}
.btn.btn-back:hover {
background-color: #004494;
color: #fff;
border: 1px solid #fff;
}
.modal-poke .modal-body h5 {
font-weight: bold;
color: #489FDF;
} .modal-poke-carousel .slick-slide {
margin: 0 20px;
}
.modal-poke-carousel .slick-list {
margin: 0 -20px;
}
.modal-poke-carousel .slick-list {
max-height: 340px !important;
}
.modal-poke-carousel .slick-dots li button:before {
font-family: 'slick';
font-size: 50px;
line-height: 20px;
position: absolute;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .75;
color: #CDE8C1;
transition: .3s ease-in-out;
}
.modal-poke-carousel .slick-dots li.slick-active button:before {
opacity: 1;
color: #5BB331;
}
.modal-poke-carousel .slick-dots {
bottom: -40px;
}
.modal-poke-carousel img {
object-fit: cover;
object-position: center;
max-height: 340px;
min-height: 340px;
width: 100%;
}
.modal-poke a:hover, .card-poke a:hover {
text-decoration: none;
}
.poke-share-button {
color: #BDBDBD;
transition: .2s ease-in-out;
}
.poke-share-button:hover {
color: #898989
}
.poke-heart-button {
color: #fff
}
.poke-heart-button-2 {
color: #489FDF
}
.fontawsome-lock:hover .icon-unlock,
.fontawsome-lock .icon-lock {
display: none;
cursor: pointer;
}
.fontawsome-lock:hover .icon-lock {
display: inline;
cursor: pointer;
}
.btn.btn-vote {
background-color: #004494;
color: #fff;
border: 1px solid #fff;
padding: 6px 50px;
border-radius: 30px;
}
@media screen and (max-width: 576px) {
.btn.btn-vote {
padding: 6px 25px;
}
}
.btn.btn-vote:hover {
background-color: #fff;
color: #004494;
border: 1px solid #004494;
}
.modal-poke .form-control {
background: white;
box-shadow: 0 0 0 0 rgba(72, 159, 223, 1);
animation: pulse-green 2s infinite;
}
@keyframes pulse-green {
0% {
box-shadow: 0 0 0 0 rgba(72, 159, 223, 0.7);
}
70% {
box-shadow: 0 0 0 10px rgba(72, 159, 223, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(72, 159, 223, 0);
}
}
.poke-share-collapse a span {
color: #004494
} #infographicSection a {
text-decoration: none;
}
.card-infographics {
border-radius: 30px;
border: 0;
overflow: hidden;
transition: all .3s ease;
min-height: 350px;
}
.card-infographics:hover {
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 75%);
}
.img-card-infographic {
transition: all .4s ease;
max-width: 154px;
}
.card-infographics:hover .img-card-infographic {
transform: scale(1.25) translateX(-15px);
}
.card-infographics .card-body {
padding: 2rem;
}
.card-infographics .card-title {
font-family: 'Lora', sans-serif;
font-size: 36px
}
.card-infographics .card-background {
position: absolute;
right: 0;
bottom: 0;
pointer-events: none;
max-height: 100%;
}
.btn-custom-3 {
background-color: #004494;
padding: 10px 40px;
border-radius: 30px;
font-weight: bold;
color: #FFF;
position: relative;
width: fit-content;
width: -moz-fit-content;
transition: all .3s ease;
}
.btn-custom-3:hover {
background-color: #00316b;
color: #FFF;
}
.btn-custom-4 {
background-color: #FFF;
padding: 10px 40px;
border-radius: 30px;
font-weight: bold;
color: #004494;
position: relative;
width: fit-content;
width: -moz-fit-content;
transition: all .3s ease;
}
.btn-custom-4:hover {
background-color: rgb(218, 218, 218);
color: #004494;
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: black;
}  @media screen and (min-width: 991px) {
.postid-3473 .single-activity .hero-section .hero-section-content h1 {
max-width: 450px !important;
}
}
.postid-3473 .ambassador-answer textarea {
border: 0 !important;
border-radius: 10px !important;
padding: 15px 22px !important;
min-height: 310px;
}
.postid-3473 .wpcf7 form.invalid .wpcf7-response-output {
background-color: #dc3232 !important
}
#worldFoodDay22cards .card {
border: none !important;
border-radius: 0.5rem !important;
box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, .15) !important;
}
#worldFoodDay22cards .card-body {
padding: 2rem !important;
}
#worldFoodDay22cards .card-title {
font-family: 'Lora', sans-serif;
font-size: 130px;
line-height: 0.8;
}
#worldFoodDay22cards .card-name {
font-weight: 600;
}
#worldFoodDay22cards .card-name span {
font-weight: 400;
}
#worldFoodDay22cards .green-card {
background-color: #148960;
color: #fff;
}
#worldFoodDay22cards .violet-card {
background-color: #E74F7A;
color: #fff;
}
#worldFoodDay22cards .blue-card {
background-color: #004494;
color: #fff;
}
#worldFoodDay22cards .white-card {
background-color: #fff;
}
#worldFoodDay22cards .white-card .card-title {
color: #148960;
}
#worldFoodDay22cards .white-card .card-text {
color: #313131;
}
#worldFoodDay22cards .white-card .card-name {
color: #148960;
}
#worldFoodDay22cards .white-card .card-country {
color: rgba(0, 0, 0, .5);
font-weight: 500;
}
#worldFoodDay22cards .green-card .card-country,
#worldFoodDay22cards .violet-card .card-country,
#worldFoodDay22cards .blue-card .card-country {
color: rgba(255, 255, 255, .75);
font-weight: 500;
}
#worldFoodDay22cards ul {
padding-left: 1rem !important;
}
.embed-responsive-vertical-custom::before {
padding-top: 178%; }  .photo-gallery .swiper-slide img {
height: 333px !important;
}
.photo-gallery .swiper-slide {
height: auto !important;
}  .meet-the-wavers .join-the-wave__ambassador-form {
margin-bottom: 0 !important;
}
@media screen and (min-width: 576px) {
.meet-the-wavers .join-the-wave__ambassador-form {
margin-bottom: 0 !important;
}
}
#community-header {
max-width: 710px;
}
#community-header span {
font-size: 24px;
}
#community-header h1 {
font-family: 'Inter', sans-serif;
font-size: 55px !important;
line-height: 1.1;
font-weight: 400;
max-width: 100% !important;
}
#community-header h1 span {
font-family: 'lora', sans-serif;
font-style: italic;
font-size: 55px !important;
z-index: -1;
position: relative;
background: url(//feedyourfuture.test.builders/wp-content/uploads/2023/02/community-wavers-header.svg);
background-size: cover;
background-position: center center;
padding: 20px;
}
.main-blue {
color: #004494;
}
.bg-gray {
background-color: #f8f8f8;
}
.community-intro h2 {
font-family: 'Inter', sans-serif;
font-size: 62px;
font-weight: 400;
line-height: 1;
}
.community-intro h2 span {
font-family: 'Lora', sans-serif;
font-style: italic;
font-size: 70px;
}
.community-intro p {
max-width: 523px;
font-size: 17px;
line-height: 2;
}
@media screen and (max-width: 576px) {
.community-intro h2 {
font-size: 55px !important;
}
.community-intro h2 span {
font-size: 55px !important;
}
}
.join-the-wave-banner {
background-color: #0E6BB2;
border-radius: 20px;
}
.our-partners-community-section {
background: #f8f8f8 url(//feedyourfuture.test.builders/wp-content/uploads/2023/02/bg-blue-green-community.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: top left;
}
@media screen and (max-width: 1200px) {
.our-partners-community-section {
background: #f8f8f8 url(//feedyourfuture.test.builders/wp-content/uploads/2023/02/bg-blue-green-community.png);
background-size: cover;
background-repeat: no-repeat;
background-position: top left;
}
}
.custom-parent-container .custom-container {
max-width: 1140px;
}
@media screen and (min-width: 1440px) {
.custom-parent-container .custom-container {
padding: 0;
}
}
@media screen and (min-width: 768px) {
.custom-parent-container .custom-container {
margin: 0 auto;
}
}
.our-communities-partners-carousel .slick-list {
overflow: visible;
}
.our-communities-partners-carousel .slick-slide {
padding-right: 30px;
height: inherit !important;
}
.our-communities-partners-carousel .slick-slide div:first-child {
height: 100%;
display: flex;
}
.our-communities-partners-carousel .slick-track {
display: flex !important;
}
.partners-arrows {
width: 50px;
height: 50px;
border-radius: 50%;
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 23%);
position: relative;
outline: none;
background-color: #FFF;
cursor: pointer;
}
.partners-arrows:hover {
opacity: .9;
}
.opc-prev img, .yla-prev img, .vic-prev img, .moi-prev img, .hpg-prev img, .pg-prev img {
position: absolute;
top: 50%;
left: 50%;
width: 25px;
transform: translate(-50%, -50%);
}
.opc-next img, .yla-next img, .vic-next img, .moi-next img, .hpg-next img, .pg-next img {
position: absolute;
top: 50%;
left: 50%;
width: 25px;
transform: translate(-50%, -50%) scaleX(-1);
}
.our-partners-slide {
background-color: #E7F3EF;
padding: 30px 40px;
border-radius: 20px;
}
@media screen and (max-width: 576px) {
.our-partners-slide {
padding: 30px 20px;
}
}
.our-partners-slide .img-partners-top {
height: auto;
max-height: 60px;
max-width: 100% !important;
}
@media screen and (min-width: 768px) {
.our-partners-slide .img-partners-top {
height: 60px;
}
}
.our-partners-slide a {
max-width: 40%;
}
.our-partners-slide h6 {
max-width: 60%;
font-weight: 600;
color: #213A85;
border-left: 1px solid #213A85;
}
.our-partners-slide .our-partners-content h5 {
font-size: 20px;
font-weight: 600;
color: #213A85;
}
.our-partners-slide .our-partners-content p {
font-size: 16px;
}
.our-partners-slide .our-partners-content img {
width: 125px;
height: 125px;
min-width: 125px;
min-height: 125px;
object-fit: cover;
border-radius: 50%;
}
.influencer-card {
border-radius: 20px;
}
.influencer-card.green {
background-color: #80c715;
}
.influencer-card.violet {
background-color: #c856da;
}
.influencer-card.orange {
background-color: #fb8d00;
}
.influencer-card.darkgreen {
background-color: #199960;
}
.influencer-card.darkblue {
background-color: #1d535f;
}
.influencer-card .top-image {
max-height: 200px;
margin-right: auto !important;
margin-left: auto !important;
}
.influencer-card h5 {
font-size: 20px;
color: #fff;
font-weight: 600;
}
.influencer-card p {
font-size: 16px;
color: #fff;
}
.influencer-card .social-icon {
background-color: #FFF;
border-radius: 50%;
display: inline-block;
width: 34px;
height: 34px;
position: relative;
margin-right: 10px;
vertical-align: middle;
}
.influencer-card .social-icon i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #004494;
font-size: 20px;
}
.our-influencer-carousel .slick-dots li {
border: 1px solid #004494;
color: #004494;
border-radius: 50%;
padding-right: 29px;
padding-top: 24px;
padding-bottom: 24px;
padding-left: 20px;
line-height: 0;
font-size: 17px;
}
.our-influencer-carousel .slick-dots li:hover a {
text-decoration: none !important;
}
.our-influencer-carousel .slick-dots .slick-active {
border: 1px solid #004494;
color: #fff;
background-color: #004494;
border-radius: 50%;
padding-right: 29px;
padding-top: 24px;
padding-bottom: 24px;
padding-left: 20px;
line-height: 0;
font-size: 16px;
}
.youth-associations-carousel .slick-list {
overflow: visible;
}
.youth-associations-carousel .slick-slide {
padding-right: 50px;
}
@media screen and (max-width: 576px) {
.youth-associations-carousel .slick-slide {
padding-right: 30px;
}
}
.youth-associations-slide {
border-radius: 20px;
background: #fff;
}
.youth-associations-slide-content {
padding: 0px 30px;
}
.youth-associations-slide-content h5 {
color: #213A85;
font-size: 20px;
font-weight: 700;
}
.youth-associations-slide-content p {
color: #282828;
font-size: 16px;
}
@media screen and (min-width: 993px) {
.youth-associations-slide .youth-img-top {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
max-width: 60%;
object-fit: cover;
min-height: 565px;
max-height: 565px;
}
}
@media screen and (max-width: 992px) {
.youth-associations-slide .youth-img-top {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
object-fit: cover;
min-height: 250px;
max-height: 250px;
}
}
.video-interviews-community-section {
background: #f8f8f8 url(//feedyourfuture.test.builders/wp-content/uploads/2023/02/bg-orange-violet-community.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: top left;
}
@media screen and (max-width: 1200px) {
.video-interviews-community-section {
background: #f8f8f8 url(//feedyourfuture.test.builders/wp-content/uploads/2023/02/bg-orange-violet-community.png);
background-size: cover;
background-repeat: no-repeat;
background-position: top left;
}
}
.video-interviews-carousel .slick-slide {
padding-right: 30px;
}
@media screen and (max-width: 1200px) {
.video-interviews-carousel .slick-list {
overflow: visible;
}
}
.carousel-desktop-controls-prev {
position: absolute;
left: -50px;
bottom: 280px;
}
.carousel-desktop-controls-next {
position: absolute;
right: -30px;
bottom: 280px;
}
.video-interviews-slide .embed-responsive {
border-radius: 15px;
}
.video-interviews-carousel p {
font-size: 17px;
color: #fff
}
.video-interviews-carousel h5 {
font-size: 14px;
color: #fff
}
.form-patch {
position: absolute;
right: 5%;
top: -55px;
pointer-events: none;
} @media screen and (max-width: 767px) {
.home .wave.white {
height: 50px;
}
}
.page-id-814 .single-waver__wavers-slider .slider-wrapper {
padding: 0 !important;
}
.h4-home {
font-size: 36px;
color: #1C448F;
font-family: 'Inter', sans-serif;
}
.h4-home span {
font-size: 40px;
color: #1C448F;
font-family: 'lora', sans-serif;
font-style: italic;
}
.p-17 {
font-size: 17px;
}
.bg-numbers {
min-height: 344px;
display: flex;
flex-direction: column;
}
.bg-numbers h5 {
font-size: 90px;
font-family: 'Inter', sans-serif;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1.5px;
-webkit-text-stroke-color: #fff;
font-weight: bold;
}
.bg-numbers p {
font-size: 23px;
font-family: 'Inter', sans-serif;
color: #fff;
}
.bg-numbers-1 {
background: url(//feedyourfuture.test.builders/wp-content/uploads/2023/04/numbers-1.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.bg-numbers-2 {
background: url(//feedyourfuture.test.builders/wp-content/uploads/2023/04/numbers-2.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.bg-numbers-3 {
background: url(//feedyourfuture.test.builders/wp-content/uploads/2023/04/numbers-3.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.star-element {
position: absolute;
}
.star-element-1 {
top: 29%;
right: 24%;
}
.star-element-2 {
top: 22%;
left: 23%;
}
.star-element-3 {
bottom: 45%;
left: 20%;
}
.stories-hub-stripe h2 {
font-family: 'Inter', sans-serif;
font-size: 52px;
font-weight: 400;
line-height: 1;
}
.stories-hub-stripe h2 span {
font-family: 'Lora', sans-serif;
font-style: italic;
font-size: 62px;
}
.stories-hub-stripe p {
font-size: 17px;
line-height: 2;
}
@media screen and (max-width: 576px) {
.stories-hub-stripe h2 {
font-size: 38px !important;
}
.stories-hub-stripe h2 span {
font-size: 40px !important;
}
}
.join-the-wave-banner {
background-color: #306AAD;
border-radius: 20px;
}
.homepage__social-wall {
background-color: #f0f0f0 !important;
background-image: url(//feedyourfuture.test.builders/wp-content/uploads/2023/04/bg-home-social-wall-2023-2.png) !important;
}
.homepage__social-wall .grey-bg {
border-radius: 20px;
}
.h2-social-wall {
font-size: 65px !important;
font-family: 'Inter', sans-serif;
font-weight: bold !important;
}
.h2-social-wall span {
font-size: 70px !important;
font-family: 'lora', sans-serif;
font-style: italic !important;
}
.violet-bg {
transform: rotate(-2deg);
}
.violet-bg span {
background: #B367C5;
padding: 4px 24px;
border-radius: 5px;
color: #fff;
font-weight: bold;
}
.img-photo-gallery {
position: relative;
margin: auto;
overflow: hidden;
cursor: pointer;
}
.img-photo-gallery img {
max-width: 100%;
transition: all 0.3s;
display: block;
width: 100%;
height: auto;
transform: scale(1);
}
.img-photo-gallery:hover {
z-index: 2 !important;
}
.img-photo-gallery:hover img {
transform: scale(1.2);
}
.img-photo-gallery-transform-1 {
transform: translateY(185%) scale(2);
}
.img-photo-gallery-transform-2 {
transform: translate(-20%, -15%) scale(1.5);
z-index: 1
}
.img-photo-gallery-transform-3 {
transform: translate(-15%, 150%) scale(1.5);
z-index: 0;
}
@media screen and (min-width: 768px) {
.img-photo-gallery-transform-1 {
transform: translateY(35%);
}
.img-photo-gallery-transform-2 {
transform: translateX(-20%);
}
.img-photo-gallery-transform-3 {
transform: translate(-35%, 30%);
}
}
.hpg-prev img {
position: absolute;
top: 50%;
left: 50%;
width: 25px;
transform: translate(-50%, -50%);
}
.hpg-next img {
position: absolute;
top: 50%;
left: 50%;
width: 25px;
transform: translate(-50%, -50%) scaleX(-1);
}
.home-photo-gallery-carousel .slick-list {
overflow: visible;
}
#homepageHeaderVideo {
background: #152D88;
}
#aboutVideo::-webkit-media-controls-timeline {
display: none;
}
.fullscreen-bg-video {
width: 100%;
cursor: pointer;
}
#play_about_video_button {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
}
@media screen and (max-width: 767px) {
#play_about_video_button {
display: none !important;
}
}
#container-header-home {
background: linear-gradient(124deg, #32A639 20%, #F29727 46%, #F27D72 76%, #F279BC 92%);
background-size: 200%;
animation: madeOfUsHeader 7s ease infinite;
z-index: 999;
height: 100%;
top: -7px;
}
@keyframes madeOfUsHeader {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
#container-header-home h1 {
font-size: 65px;
color: #fff;
font-family: 'Inter', sans-serif;
font-weight: bold;
}
#container-header-home h1 span {
font-size: 70px;
color: #fff;
font-family: 'lora', sans-serif;
font-style: italic;
}
#container-header-home p {
font-size: 27px;
color: #fff;
font-family: 'Inter', sans-serif;
color: #fff;
}
.star-element-header {
right: 25%;
bottom: 5%;
} @media screen and (max-width: 992px) {
#container-header-home h1 {
font-size: 40px;
}
#container-header-home h1 span {
font-size: 45px;
}
#container-header-home p {
font-size: 24px;
}
}
.gallery-modal {
z-index: 9999;
}
.gallery-modal .modal-content {
background: transparent;
border: none;
}
.gallery-modal .modal-header {
border-bottom: none;
}
.gallery-modal .close {
font-size: 35px;
font-weight: 400;
color: #fff;
text-shadow: 0 1px 0 #007aff;
opacity: 0.9;
padding: 1rem 0rem !important;
}
.gallery-modal .close:focus {
outline: none;
}
.picnic-cta-banner {
background-color: #1D535F;
}
.picnic-cta-banner-bg-iframe {
background: url(//feedyourfuture.test.builders/wp-content/uploads/2023/09/food-wave-picnic-iframe2x.png);
padding: 45px 70px;
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (max-width: 576px) {
.picnic-cta-banner-bg-iframe {
padding: 28px 40px;
}
}
.btn-custom-outline {
padding: 10px 40px;
background-color: transparent;
border: 1px solid #fff;
border-radius: 30px;
font-weight: bold;
color: #FFF;
position: relative;
width: fit-content;
width: -moz-fit-content;
transition: all .3s ease;
}
.btn-custom-outline:hover {
color: #1D535F;
background-color: #FFF;
border: 1px solid #1D535F;
} #newAbout #section5 {
background-image: url(//feedyourfuture.test.builders/wp-content/uploads/2023/04/bg-home-social-wall-2023-2.png);
}
#newAbout #section5 p {
font-family: 'Inter', sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 42px;
color: #FFF;
}
#newAbout .hero-about {
background-image: linear-gradient(124deg, #32A639 20%, #F29727 46%, #F27D72 76%, #F279BC 92%);
}
#newAbout h1 {
font-size: 65px;
color: #fff;
font-family: 'Inter', sans-serif;
font-weight: bold;
line-height: 70px;
}
#newAbout h1 span {
font-size: 70px;
color: #fff;
font-family: 'lora', sans-serif;
font-style: italic;
}
#newAbout .hero-about p {
font-size: 17px;
color: #fff;
font-family: 'Inter', sans-serif;
color: #fff;
}
#newAbout #section2 .text-paragraph h4 {
font-family: 'Inter', sans-serif;
font-weight: 400;
}
.star-element-about {
right: 0%;
top: 0%;
}
.card-banner-esta {
background-color: #199960;
border-radius: 20px;
}
.btn-outline-custom {
padding: 10px 40px;
background-color: transparent;
border-radius: 30px;
font-weight: bold;
color: #FFF;
position: relative;
width: fit-content;
width: -moz-fit-content;
border: 1px solid #fff;
transition: all .3s ease;
}
.btn-outline-custom:hover {
background-color: transparent;
color: #004494;
border: 1px solid #004494;
}
@media screen and (min-width: 992px) {
.w-lg-50 {
width: 50%;
}
.w-lg-60 {
width: 60%;
}
.w-lg-75 {
width: 75%;
}
}
#newAbout .bg-numbers h5 {
font-size: 65px;
} .photo-gallery-carousel .slick-list {
overflow: visible;
}
.photo-gallery-carousel img {
object-fit: cover;
object-position: center;
max-height: 425px;
min-height: 425px;
width: 100%;
}
#custom-page-header {
max-width: 700px;
}
#custom-page-header h1 {
font-family: 'Inter', sans-serif;
font-size: 42px !important;
line-height: 1.1;
font-weight: 400;
max-width: 100% !important;
} .feed-your-future {
background: url(//feedyourfuture.test.builders/wp-content/uploads/2023/11/Fw-background-event-100-min.jpg);
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 992px) {
.feed-your-future {
background: #199960;
}
}
.feed-your-future .stories-hub-stripe h2 {
font-size: 40px;
}
.feed-your-future .stories-hub-stripe h2 span {
font-size: 50px;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}*,
*::after,
*::before {
box-sizing: border-box;
}
body {
font-family: 'Source Sans Pro', Avenir, 'Helvetica Neue', Helvetica, Arial, sans-serif;
min-height: 100vh;
color: #57585c;
color: var(--color-text);	
background-color: #fff;
background-color: var(--color-bg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .custom-hamburger {
--color-text: #fbd54a;
--color-bg: #333;
--color-link: #4d4f5f;
--color-link-hover: #bfb5b5;
--color-info: #fff;
--color-main-bg: #24262d;
--path-fill-1: #5bb331;
--path-fill-2: #e74f7a;
--path-fill-3: #026bb2;
--color-title: #fff;
--font-family-title: 'Inter', serif;
--font-size-title: 5vmax;
--font-weight-title: 400;
--color-menu: #FFF;
--color-menu-hover: #fff;
--font-family-menu: 'Inter', serif; --font-size-menu: 20px;
--font-weight-menu: 700;
--button-bg: #fff;
--button-circle: #ada4a4;
--button-line: #026bb2;
} .js body {
opacity: 0;
transition: opacity 0.3s;		
}
.js body.render {
opacity: 1;
}
a {
text-decoration: none;
color: #5d93d8;
color: var(--color-link);
outline: none;
}
a:hover,
a:focus {
color: #423c2b;
color: var(--color-link-hover);
outline: none;
}
.hidden {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
pointer-events: none;
} .icon {
display: block;
width: 1.5em;
height: 1.5em;
margin: 0 auto;
fill: currentColor;
}
.icon--keyboard {
display: none;
}
main {
position: relative;
width: 100%;
min-height: 100vh;
background-color: var(--color-main-bg);
}
.content {
position: relative;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0 auto;
pointer-events: none;
}
.content--fixed {
position: fixed;
top: 0;
left: 0;
display: grid;
align-content: space-between;
width: 100%;
max-width: none;
min-height: 0;
height: 100vh;
padding: 1.5em;
grid-template-columns: 50% 50%;
grid-template-rows: auto auto 4em;
grid-template-areas: 'header ...'
'... ...'
'github demos';
}
.content--fixed a {
pointer-events: auto;
} .codrops-header {
position: relative;
z-index: 100;
display: flex;
flex-direction: row;
align-items: flex-start;
align-items: center;
align-self: start;
grid-area: header;
justify-self: start;
}
.codrops-header__title {
font-size: 1em;
font-weight: bold;
margin: 0;
padding: 0.75em 0;
}
.info {
margin: 0 0 0 1.25em;
font-style: italic;
color: var(--color-info);
font-weight: bold;
}
.github {
display: block;
align-self: end;
grid-area: github;
justify-self: start;
margin: 0.5em;
}
.demos {
position: relative;
display: block;
align-self: end;
text-align: center;
grid-area: demos;
margin-bottom: 0.5em;
}
.demo {
margin: 0 0.15em;
}
.demo:hover,
.demo:focus {
opacity: 0.5;
}
.demo span {
white-space: nowrap;
text-transform: lowercase;
pointer-events: none;
}
.demo span::before {
content: '#';
}
a.demo--current {
pointer-events: none;
} .codrops-links {
position: relative;
display: flex;
justify-content: center;
margin: 0 1em 0 0;
text-align: center;
white-space: nowrap;
}
.codrops-icon {
display: inline-block;
margin: 0.15em;
padding: 0.25em;
}
.demo-title {
color: var(--color-title);
font-family: var(--font-family-title);
font-size: var(--font-size-title);
font-weight: var(--font-weight-title);
}
.global-menu {
width: 100vw;
height: 90vh;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
pointer-events: none;
z-index: 100;
}
.global-menu__item {
color: var(--color-menu);
font-family: var(--font-family-menu);
font-size: var(--font-size-menu);
font-weight: var(--font-weight-menu);
opacity: 0;
transform: translateY(-100%);
pointer-events: none;
display: block;
margin: 1em 0;
transition: transform 0.3s, opacity 0.3s;
transition-timing-function: ease-in;
}
.global-menu__item--demo-3 {
transition: transform 0.1s, opacity 0.1s;
transform: translateY(100%);
transition-timing-function: ease-out;
text-align: center;
}
.global-menu__item:hover {
color: var(--color-menu-hover);
}
.global-menu__item.is-opened {
opacity: 1;
transform: translateY(0) rotate(0);
pointer-events: auto;
transition-timing-function: ease;
}
.global-menu__item:nth-of-type(1) {
transition-delay: 0s;
}
.global-menu__item.is-opened:nth-of-type(1) {
transition-delay: 0.85s;
}
.global-menu__item:nth-of-type(2) {
transition-delay: 0.05s;
}
.global-menu__item.is-opened:nth-of-type(2) {
transition-delay: 0.8s;
}
.global-menu__item:nth-of-type(3) {
transition-delay: 0.1s;
}
.global-menu__item.is-opened:nth-of-type(3) {
transition-delay: 0.75s;
}
.global-menu__item:nth-of-type(4) {
transition-delay: 0.15s;
}
.global-menu__item.is-opened:nth-of-type(4) {
transition-delay: 0.7s;
}
.global-menu__item:nth-of-type(5) {
transition-delay: 0.20s;
}
.global-menu__item.is-opened:nth-of-type(5) {
transition-delay: 0.65s;
}
.global-menu__item:nth-of-type(6) {
transition-delay: 0.25s;
}
.global-menu__item.is-opened:nth-of-type(6) {
transition-delay: 0.6s;
} .global-menu__item--demo-3.is-opened {
transition-duration: 0.3s;
}
.global-menu__item--demo-3:nth-child(1) {
transition-delay: 0s;
}
.global-menu__item--demo-3.is-opened:nth-child(1) {
transition-delay: 0.65s;
}
.global-menu__item--demo-3:nth-child(2) {
transition-delay: 0s;
}
.global-menu__item--demo-3.is-opened:nth-child(2) {
transition-delay: 0.7s;
}
.global-menu__item--demo-3:nth-child(3) {
transition-delay: 0s;
}
.global-menu__item--demo-3.is-opened:nth-child(3) {
transition-delay: 0.75s;
}
.global-menu__item--demo-3:nth-child(4) {
transition-delay: 0s;
}
.global-menu__item--demo-3.is-opened:nth-child(4) {
transition-delay: 0.8s;
}
.global-menu__item--demo-3:nth-child(5) {
transition-delay: 0s;
}
.global-menu__item--demo-3.is-opened:nth-child(5) {
transition-delay: 0.85s;
}
.global-menu__item--demo-3:nth-child(6) {
transition-delay: 0s;
}
.global-menu__item--demo-3.is-opened:nth-child(6) {
transition-delay: 0.9s;
}
.global-menu__item--demo-3:nth-child(7) {
transition-delay: 0s;
}
.global-menu__item--demo-3.is-opened:nth-child(7) {
transition-delay: 0.95s;
}
.global-menu__item--demo-3:nth-child(8) {
transition-delay: 0s;
}
.global-menu__item--demo-3.is-opened:nth-child(8) {
transition-delay: 1s;
}
.global-menu__item--demo-3:nth-child(9) {
transition-delay: 0s;
}
.global-menu__item--demo-3.is-opened:nth-child(9) {
transition-delay: 1.05s;
}
.shape-overlays {
width: 100vw;
height: 100vh;
pointer-events: none;
position: fixed;
top: 0;
left: 0;
}
.shape-overlays.is-opened {
pointer-events: auto;
}
.shape-overlays__path:nth-of-type(1) {
fill: var(--path-fill-1);
}
.shape-overlays__path:nth-of-type(2) {
fill: var(--path-fill-2);
}
.shape-overlays__path:nth-of-type(3) {
fill: var(--path-fill-3);
}
.shape-overlays__path:nth-of-type(4) {
fill: var(--path-fill-4);
}
@-webkit-keyframes intervalHamburgerBorder {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
80% {
-webkit-transform: scale(1.6);
transform: scale(1.6);
}
100% {
opacity: 0;
-webkit-transform: scale(1.6);
transform: scale(1.6);
}
}
@keyframes intervalHamburgerBorder {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
80% {
-webkit-transform: scale(1.6);
transform: scale(1.6);
}
100% {
opacity: 0;
-webkit-transform: scale(1.6);
transform: scale(1.6);
}
}
.hamburger {
width: 40px;
height: 40px;
display: block;
position: relative;
cursor: pointer;
border-radius: 50%;
z-index:9999;
background-color: var(--button-bg);
pointer-events: auto;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top:0;
transition: top .3s ease;
}
.hamburger.is-opened-navi {
top:-40px;
}
@media screen and (min-width:1200px) {
.hamburger {
display:none;
}
}
.hamburger__line {
width: 20px;
height: 2px;
overflow: hidden;
position: absolute;
z-index: 10;
}
.hamburger__line-in {
width: 84px;
height: 2px;
position: absolute;
top: 0;
left: 0;
}
.hamburger__line-in::before,
.hamburger__line-in::after {
width: 28px;
height: 2px;
content: '';
display: block;
position: absolute;
top: 0;
background-color: var(--button-line);
}
.hamburger__line-in::before {
left: -56px;
}
.hamburger__line-in::after {
left: 0;
}
.hamburger__line--01,
.hamburger__line--02,
.hamburger__line--03,
.hamburger__line--cross01,
.hamburger__line--cross02 {
left: 10.3px;
}
.hamburger__line--01 {
top: 12.6px;
}
.hamburger__line--02,
.hamburger__line--cross01,
.hamburger__line--cross02 {
top: 20px;
}
.hamburger__line--03 {
top: 26.4px;
}
.hamburger__line--cross01 {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
height:0;
}
.hamburger__line--cross02 {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
height:0;
}
.is-opened-navi .hamburger__line--cross01,
.is-opened-navi .hamburger__line--cross02 {
height: 2px;
}
.hamburger__line {
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger__line-in {
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger__line-in::before,
.hamburger__line-in::after {
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.hamburger__line-in--cross01,
.hamburger__line-in--cross02 {
-webkit-transform: translateX(-33.3%);
transform: translateX(-33.3%);
}
.hamburger__line-in--01 {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.hamburger__line-in--02 {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.hamburger__line-in--02::before,
.hamburger__line-in--02::after {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.hamburger__line-in--03 {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.hamburger__line-in--03::before,
.hamburger__line-in--03::after {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.hamburger__line-in--cross01 {
-webkit-transition-delay: 0.0s;
transition-delay: 0.0s;
}
.hamburger__line-in--cross02 {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.hamburger__line-in--cross02::before,
.hamburger__line-in--cross02::after {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.hamburger.is-opened-navi .hamburger__line-in--01,
.hamburger.is-opened-navi .hamburger__line-in--02,
.hamburger.is-opened-navi .hamburger__line-in--03 {
-webkit-transform: translateX(33.4%);
transform: translateX(33.4%);
}
.hamburger.is-opened-navi .hamburger__line-in--cross01,
.hamburger.is-opened-navi .hamburger__line-in--cross02 {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.hamburger.is-opened-navi .hamburger__line-in--01 {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.hamburger.is-opened-navi .hamburger__line-in--02 {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.hamburger.is-opened-navi .hamburger__line-in--03 {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.hamburger.is-opened-navi .hamburger__line-in--cross01 {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.hamburger.is-opened-navi .hamburger__line-in--cross02 {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.hamburger:hover .hamburger__line-in::before,
.hamburger:hover .hamburger__line-in::after {
-webkit-transform: translateX(200%);
transform: translateX(200%);
}
.hamburger:hover .hamburger__line-in--01::before,
.hamburger:hover .hamburger__line-in--01::after,
.hamburger:hover .hamburger__line-in--02::before,
.hamburger:hover .hamburger__line-in--02::after,
.hamburger:hover .hamburger__line-in--03::before,
.hamburger:hover .hamburger__line-in--03::after {
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.hamburger:hover .hamburger__line-in--cross01::before,
.hamburger:hover .hamburger__line-in--cross01::after,
.hamburger:hover .hamburger__line-in--cross02::before,
.hamburger:hover .hamburger__line-in--cross02::after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.hamburger.is-opened-navi:hover .hamburger__line-in--cross01::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--cross01::after,
.hamburger.is-opened-navi:hover .hamburger__line-in--cross02::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--cross02::after {
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.hamburger.is-opened-navi:hover .hamburger__line-in--01::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--01::after,
.hamburger.is-opened-navi:hover .hamburger__line-in--02::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--02::after,
.hamburger.is-opened-navi:hover .hamburger__line-in--03::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--03::after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
@media screen and (min-width: 55em) {
.icon--keyboard {
position: absolute;
right: 0.55em;
bottom: -30%;
display: block;
width: 54px;
height: 46px;
fill: var(--color-link);
}
.demos {
display: flex;
padding-right: 80px;
justify-self: end;
}
.demo {
display: block;
width: 17px;
height: 17px;
margin: 0 4px;
border-radius: 50%;
background: var(--color-link);
}
a.demo--current {
background: var(--color-link-hover);
}
.demo span {
position: absolute;
line-height: 1;
right: 100%;
display: none;
margin: 0 1em 0 0;
}
.demo--current span {
display: block;
}
}
@media screen and (max-width: 55em) {
html,
body {
width: 100vw;
height: 100%;
}
.content {
height: auto;
min-height: 0;
padding-bottom: 10em;
flex-direction: column;
}
.content--fixed {
position: relative;
z-index: 0;
display: block;
padding: 0.85em;
}
.codrops-header {
flex-direction: column;
align-items: center;
}
.codrops-header__title {
font-weight: bold;
padding-bottom: 0.25em;
text-align: center;
}
.github {
display: block;
margin: 1em auto;
}
.codrops-links {
margin: 0;
}
}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-Thin.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-Thin.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 100;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-ThinItalic.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-ThinItalic.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-ExtraLight.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-ExtraLight.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-ExtraLightItalic.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-ExtraLightItalic.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-Light.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-Light.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-LightItalic.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-LightItalic.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-Regular.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-Regular.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-Italic.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-Italic.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-Medium.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-Medium.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-MediumItalic.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-MediumItalic.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-SemiBold.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-SemiBold.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-SemiBoldItalic.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-SemiBoldItalic.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-Bold.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-Bold.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-BoldItalic.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-BoldItalic.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-ExtraBold.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-ExtraBold.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-ExtraBoldItalic.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-ExtraBoldItalic.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-Black.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-Black.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-BlackItalic.woff2?v=3.19) format("woff2"), url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-BlackItalic.woff?v=3.19) format("woff"); }
@font-face {
font-family: 'Inter var';
font-weight: 100 900;
font-display: swap;
font-style: normal;
font-named-instance: 'Regular';
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-roman.var.woff2?v=3.19) format("woff2"); }
@font-face {
font-family: 'Inter var';
font-weight: 100 900;
font-display: swap;
font-style: italic;
font-named-instance: 'Italic';
src: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/fonts/Inter-italic.var.woff2?v=3.19) format("woff2"); }
.grecaptcha-badge {
display: none !important; }
body, html {
font-size: 16px;
font-family: 'Inter', sans-serif;
overflow-x: hidden; }
.padding-20 {
padding-left: 20px;
padding-right: 20px; }
@media screen and (min-width: 1200px) {
.padding-20 {
padding-left: 0;
padding-right: 0; }
.padding-20.container, .padding-20.column {
padding-left: 15px;
padding-right: 15px; } }
.hidden {
display: none; }
.btn-custom {
padding: 10px 40px;
background-color: #004494;
border-radius: 30px;
font-weight: bold;
color: #FFF;
position: relative;
width: fit-content;
width: -moz-fit-content;
transition: all .3s ease; }
.btn-custom:hover {
color: #FFF;
background-color: #00316b; }
.btn-custom.focus, .btn-custom:focus {
box-shadow: none;
color: #FFF; } header .btn-custom {
transition: transform 0.1s, opacity 0.1s;
display: block;
margin: 0 auto;
font-size: 20px; }
a.liquid-button-container {
width: fit-content;
width: -moz-fit-content; }
@media screen and (min-width: 1440px) {
a.liquid-button-container {
padding-left: 40px; } }
.social-icon {
transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); }
.social-icon a, .social-icon i {
user-select: none; }
.social-icon:hover {
transform: scale(1.2); }
ul.list {
list-style-type: none;
padding-left: 0;
margin-bottom: 40px; }
@media screen and (min-width: 1200px) {
ul.list {
margin-bottom: 0; } }
ul.list li.list-item {
margin-bottom: 20px; }
ul.list li.list-item:last-child {
margin-bottom: 0; }
ul.list li.list-item .circle-number {
background-color: #004494;
position: relative;
height: 27px;
width: 27px;
border-radius: 50%;
font-family: 'Lora', sans-serif;
display: inline-block;
margin-right: 10px;
margin-top: 1px;
vertical-align: top; }
ul.list li.list-item .circle-number span {
position: absolute;
font-size: 20px;
line-height: 27px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #FFF; }
ul.list li.list-item > span {
display: inline-block;
width: calc(100% - 42px);
line-height: 30px; }
ul.list li.list-item > span strong {
display: initial !important; }
ul.list li.list-item .point {
background-color: #004494;
position: relative;
height: 20px;
width: 20px;
border-radius: 50%;
font-family: 'Lora', sans-serif;
display: inline-block;
margin-right: 10px;
margin-top: 5px;
vertical-align: top; }
ul.list li.list-item .list-item-text {
display: inline-block;
width: calc(100% - 35px); }
ul.list li.list-item .list-item-text strong {
font-size: 22px;
margin-bottom: 20px;
display: block; }
ul.list li.list-item .list-item-text ul {
list-style-type: disc;
padding-left: 20px; }
ul.list li.list-item .list-item-text ul li {
font-size: 18px;
line-height: 26px;
margin-bottom: 3px; }
@media (min-width: 1440px) {
.container {
max-width: 1266px; } }
header {
background-color: #026bb2;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
right: 0; }
header .header-social-bar {
background-color: #004494;
width: 100%;
padding: 10px 20px; }
@media screen and (min-width: 1200px) {
header .header-social-bar {
padding: 10px 40px; } }
header .header-social-bar .social-list {
padding: 0;
color: #004494;
font-size: 13px;
margin-bottom: 0; }
header .header-social-bar .social-list .social-icon {
background-color: #FFF;
border-radius: 50%;
display: inline-block;
width: 20px;
height: 20px;
position: relative;
margin-right: 10px;
vertical-align: middle; }
header .header-social-bar .social-list .social-icon a {
color: #004494; }
header .header-social-bar .social-list .social-icon:last-child {
margin-right: 0; }
header .header-social-bar .social-list .social-icon i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
header .navbar {
padding: 17px 20px; }
@media screen and (min-width: 1200px) {
header .navbar {
padding: 17px 40px; } }
@media screen and (min-width: 1440px) {
header .navbar {
padding: 17px 0 17px 40px; } }
@media screen and (min-width: 1500px) {
header .navbar {
padding: 17px 40px; } }
header .navbar .navbar-brand {
padding: 0; }
header .navbar .navbar-brand img {
height: 40px; }
@media screen and (min-width: 1200px) {
header .navbar .navbar-brand img {
height: 30px; } }
@media screen and (min-width: 1366px) {
header .navbar .navbar-brand img {
height: 40px; } }
@media screen and (min-width: 1440px) {
header .navbar .navbar-brand img {
height: 58px; } }
header .navbar .navbar-nav .nav-item {
font-weight: bold; }
header .navbar .navbar-nav .nav-item .nav-link {
color: #FFF;
padding: 10px 20px;
margin: auto; position: relative;
transition: all .3s linear;
font-size: 16px; }
@media screen and (min-width: 1200px) {
header .navbar .navbar-nav .nav-item .nav-link {
font-size: 14px; } }
@media screen and (min-width: 1284px) {
header .navbar .navbar-nav .nav-item .nav-link {
font-size: 16px; } }
header .navbar .navbar-nav .nav-item.btn-custom {
font-size: 16px; }
@media screen and (min-width: 1200px) {
header .navbar .navbar-nav .nav-item.btn-custom {
font-size: 14px; } }
@media screen and (min-width: 1270px) {
header .navbar .navbar-nav .nav-item.btn-custom {
font-size: 16px; } }
header .navbar .navbar-nav .nav-item .nav-link:hover, header .navbar .navbar-nav .nav-item .nav-link.active {
color: #fff; }
header .navbar .navbar-nav .nav-item .nav-link:after {
content: '';
width: 8px;
height: 8px;
background: #fff;
display: inline-block;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -4px;
border-radius: 50%;
transform: scale(0);
transition: transform 0.3s cubic-bezier(0.61, 0, 0.405, 1.63); }
header .navbar .navbar-nav .nav-item .nav-link.active:after {
transform: scale(1); }
@media screen and (min-width: 1200px) {
header .navbar .navbar-nav .nav-item:last-child {
width: 250px;
height: 50px;
margin-left: 10px; }
header .navbar .navbar-nav .nav-item:last-child a {
position: absolute;
top: -22px;
right: 0; } }
@media screen and (min-width: 1580px) {
header .navbar .navbar-nav .nav-item:last-child a {
top: -18px;
right: 0; } }
header .navbar .navbar-nav .nav-item.dropdown:before {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
position: absolute;
right: 4px;
top: 50%;
transform: translateY(-50%);
color: #FFF; }
header .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle:after {
border: 0; }
header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
border-radius: 26px;
padding: 10px;
border: 0;
margin-top: 10px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); }
header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu a.dropdown-item {
border-radius: 999px;
padding: 8px 20px; }
header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu a.dropdown-item.active, header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu a.dropdown-item:active {
background-color: #004494; }
header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu a.dropdown-item:not(:last-child) {
margin-bottom: 10px; }
.dropdown_mobile {
height: 30px;
overflow: hidden;
text-align: center; }
.dropdown_mobile .dropdown_mobile-toggle {
position: relative;
color: #FFF;
padding-top: 0;
padding-bottom: 0; }
.dropdown_mobile .dropdown_mobile-toggle:after {
display: inline-block;
margin-left: 10px;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
position: absolute;
transform: translateY(-50%);
top: 50%;
color: #FFF;
transition: all .3s ease; }
.dropdown_mobile.is-open .dropdown_mobile-toggle:after {
transform: translateY(-50%) scaleY(-1); }
.dropdown_mobile .dropdown_mobile-menu {
padding: 10px 0 0; }
.dropdown_mobile .dropdown_mobile-menu a.dropdown-item {
color: #FFF;
font-size: 18px;
font-weight: bold;
background-color: transparent !important; }
.dropdown_mobile .dropdown_mobile-menu a.dropdown-item:last-child {
padding-bottom: 0; }
.dropdown_mobile .dropdown_mobile-menu a.dropdown-item.active, .dropdown_mobile .dropdown_mobile-menu a.dropdown-item:focus {
background-color: transparent;
text-decoration: underline; }
.wrapper {
padding-top: 114px;
transition: all .3s ease;
transition-delay: .6s;
opacity: 0;
visibility: hidden;
position: relative; }
@media screen and (min-width: 1200px) {
.wrapper {
padding-top: 124px; } }
@media screen and (min-width: 1440px) {
.wrapper {
padding-top: 132px; } }
.hero-section {
width: 100%;
height: calc(100vh - 114px);
position: relative;
animation: bg-animation 8s infinite alternate;
background-size: 200%;
background-position: left;
background-image: linear-gradient(124deg, #5bb331 20%, #5bb331 46%, #147aea 76%, #0345c4 92%); }
@media screen and (min-width: 1200px) {
.hero-section {
height: calc(100vh - 132px); } }
.hero-section .swiper-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.home .hero-section .swiper-container {
overflow-y: hidden; }
.hero-section .swiper-container .slide-text {
position: absolute;
z-index: 2;
height: 100%;
width: 100%;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20vh; }
.hero-section .swiper-container .slide-text .text-container {
overflow: hidden;
transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
margin-bottom: 30px; }
@media screen and (min-width: 768px) {
.hero-section .swiper-container .slide-text {
padding-left: 0;
padding-right: 0;
padding-bottom: 0; } }
@media screen and (min-width: 1200px) {
.hero-section .swiper-container .slide-text .text-container {
margin-bottom: 0; } }
.hero-section .swiper-container .slide-text h3 {
padding-left: 0;
font-size: 40px;
line-height: 1.3;
font-family: 'Lora';
color: #FFF;
margin-bottom: 0; }
@media screen and (min-width: 768px) {
.hero-section .swiper-container .slide-text h3 {
font-size: 60px; } }
@media screen and (min-width: 1200px) {
.hero-section .swiper-container .slide-text h3 {
padding-left: 40px; } }
.hero-section .swiper-container .slide-text h3 span {
display: block; }
.hero-section .swiper-container .slide-text h3 > span {
overflow: hidden;
transition-property: transform;
transition-duration: 1s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hero-section .swiper-container .slide-text h3 > span:nth-child(2) {
transition-delay: .05s; }
.hero-section .swiper-container .slide-text h3 > span:nth-child(3) {
transition-delay: .1s; }
.hero-section .swiper-container .slide-text h3 > span > span {
position: relative;
transform: translateY(100%);
transition: inherit; }
.hero-section .swiper-container .slide-text h3.slide-in > span > span {
transform: translateY(0); }
.hero-section .swiper-container .slide-image {
width: 95%;
height: 100%;
padding-top: 20px;
position: absolute;
right: -30px; }
.hero-section .swiper-container .slide-image img {
width: 100%; }
@media screen and (min-width: 1200px) {
.hero-section .swiper-container .slide-image {
width: 50%;
top: 0; } }
@keyframes bg-animation {
0% {
background-position: left; }
100% {
background-position: right; } }
#corner-blob {
width: 100%;
height: 100%;
overflow: hidden; }
.wave {
z-index: 2;
position: absolute;
bottom: 0;
width: 100%; }
.about .wave.white, .meet-the-wavers .wave.white, .single-waver .wave.white {
height: 110px; }
.about .wave.pink, .meet-the-wavers .wave.pink, .single-waver .wave.pink {
height: 120px;
transform: rotateZ(6deg) translateY(14px) translateX(-6px); }
@media screen and (min-width: 768px) {
.about .wave.pink, .meet-the-wavers .wave.pink, .single-waver .wave.pink {
height: 235px;
transform: rotateZ(4deg) translateY(90px); } }
@media screen and (min-width: 768px) {
.meet-the-wavers .hero-section .wave.white, .single-waver .hero-section .wave.white {
height: 125px; } }
.meet-the-wavers .hero-section .wave.pink, .single-waver .hero-section .wave.pink {
height: 200px;
left: 50%;
transform: rotateZ(-2deg) translateY(90px) translateX(-50%) scale(1.3); }
@media screen and (min-width: 768px) {
.meet-the-wavers .hero-section .wave.pink, .single-waver .hero-section .wave.pink {
height: 290px;
transform: rotateZ(-2deg) translateY(90px) translateX(-50%) scale(1.3); } }
@media screen and (max-width: 767px) {
.wave.gradient {
height: 100px; }
.wave.white {
height: 100px; } }
.wave-container {
width: 101%;
left: 50%;
transform: translateX(-50%);
z-index: 2;
position: relative; }
section .text-paragraph {
max-width: 526px; }
section .text-paragraph h4 {
font-size: 36px;
color: #004494;
line-height: 41px;
font-family: 'Lora', sans-serif;
margin-bottom: 40px;
max-width: 460px; }
section .text-paragraph p {
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 26px;
color: #313131; }
section .text-paragraph small {
font-size: 16px;
line-height: 26px;
color: rgba(49, 49, 49, 0.74); }
#act-for-change {
margin-bottom: 20px;
padding: 0 20px; }
@media screen and (min-width: 768px) {
#act-for-change {
padding: 0 15px; } }
#act-for-change img {
width: 100%;
max-width: 576px;
align-self: center; }
.webp #section2 {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/food.webp); }
.no-webp #section2 {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/food.jpg); }
#section2 {
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
position: relative;
margin-bottom: 20px;
overflow: hidden; }
#section2:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
animation: bg-animation 8s infinite alternate;
background-size: 200%;
background-position: left;
background-image: linear-gradient(124deg, rgba(91, 179, 49, 0.9) 20%, rgba(91, 179, 49, 0.9) 46%, rgba(20, 122, 234, 0.9) 76%, rgba(3, 69, 196, 0.9) 92%); }
@media screen and (min-width: 1200px) {
#section2 .content-wrapper {
padding-left: 30px;
width: 50%; } }
#section2 .text-paragraph {
position: relative;
z-index: 2;
width: 100%;
margin-bottom: 60px;
margin-top: 50px; }
@media screen and (min-width: 1200px) {
#section2 .text-paragraph {
margin-top: 0; } }
#section2 .text-paragraph h4 {
color: #FFF; }
#section2 .text-paragraph p {
color: #FFF; }
.homepage__slider {
position: relative;
z-index: 1; }
@media screen and (min-width: 768px) {
.homepage__slider {
padding: 0 60px;
background-color: transparent; } }
@media screen and (min-width: 1440px) {
.homepage__slider {
padding: 0; } }
.homepage__slider .homepage__slider__arrow {
width: 50px;
height: 50px;
border-radius: 50%;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23);
position: relative;
outline: none;
background-color: #FFF; }
.homepage__slider .homepage__slider__arrow:first-child {
margin-right: 15px; }
@media screen and (min-width: 768px) {
.homepage__slider .homepage__slider__arrow:first-child {
margin-right: 0; } }
.homepage__slider .homepage__slider__arrow img {
position: absolute;
top: 50%;
left: 50%;
width: 25px;
transform: translate(-50%, -50%); }
.homepage__slider .homepage__slider__arrow.next img {
transform: translate(-50%, -50%) scaleX(-1); }
.homepage__slider .homepage__slider__container {
padding: 0 10px;
overflow: hidden; }
.homepage__slider .swiper-container {
overflow: visible; }
.homepage__slider .swiper-wrapper {
padding: 40px 0 40px; }
@media screen and (min-width: 1200px) {
.homepage__slider .swiper-wrapper {
padding: 40px 0 6px; } }
.homepage__slider .swiper-slide {
height: auto;
padding: 0 15px; }
.homepage__slider .swiper-slide:last-child {
margin-right: 0; }
.homepage__slider .swiper-slide .opportunities-card {
width: 100%;
border: 0;
text-align: left;
overflow: hidden;
border-radius: 9px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); }
.homepage__slider .swiper-slide .opportunities-card .col-md-4 {
background-position: center center;
background-size: cover;
min-height: 200px; }
.homepage__slider .swiper-slide .opportunities-card .col-md-8 {
padding: 20px; }
.homepage__slider .swiper-slide .opportunities-card .col-md-8 span {
font-size: 14px;
font-weight: 500;
display: block;
margin-bottom: 12px;
color: #004494;
text-transform: uppercase; }
.homepage__slider .swiper-slide .opportunities-card .col-md-8 strong {
color: #494a4a;
font-size: 16px;
display: block;
line-height: 1.17;
margin-bottom: 10px; }
.homepage__slider .swiper-slide .opportunities-card .col-md-8 p {
font-size: 14px;
color: #282828; }
.homepage__slider .swiper-slide .opportunities-card .col-md-8 small {
display: block;
color: #6d7278;
font-size: 14px;
line-height: 1;
margin-bottom: 7px; }
.homepage__slider .swiper-slide .opportunities-card .col-md-8 small:last-child {
margin-bottom: 16px;
line-height: 1.6; }
.homepage__slider .swiper-slide .opportunities-card .col-md-8 .btn {
background-color: transparent;
color: #004494;
border: 1px solid #004494;
transition: all .2s ease-in-out;
padding-top: 8px;
padding-bottom: 8px;
font-size: 16px;
margin: 0 auto;
display: block; }
@media screen and (min-width: 576px) {
.homepage__slider .swiper-slide .opportunities-card .col-md-8 p, .homepage__slider .swiper-slide .opportunities-card .col-md-8 small, .homepage__slider .swiper-slide .opportunities-card .col-md-8 strong, .homepage__slider .swiper-slide .opportunities-card .col-md-8 span {
font-size: 16px; }
.homepage__slider .swiper-slide .opportunities-card .col-md-8 .btn {
margin: 0;
font-size: 14px; } }
@media screen and (min-width: 991px) {
.homepage__slider .swiper-slide .opportunities-card .col-md-8 .btn:hover {
background-color: #004494;
color: #FFF; } }
.homepage__slider .swiper-slide .opportunities-card .col-md-8 img {
width: auto; }
@media screen and (min-width: 576px) {
.homepage__slider .swiper-slide .opportunities-card .col-md-8 img {
width: 43px; } }
.homepage__latest-activities {
padding-top: 70px;
padding-bottom: 70px; }
@media screen and (min-width: 991px) {
.homepage__latest-activities {
padding-bottom: 0; } }
.homepage__latest-activities .card {
border-radius: 9px;
overflow: hidden;
border: 0;
height: 100%;
width: 100%;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); }
.homepage__latest-activities .card .card-header {
position: relative;
padding: 0;
height: 190px; }
.homepage__latest-activities .card .card-header img {
width: 100%;
object-fit: cover;
height: 100%; }
.homepage__latest-activities .card .card-header .tag {
padding: 3px 17px;
border-radius: 12px;
background-color: #004494;
color: #FFF;
position: absolute;
bottom: 10px;
left: 10px;
font-size: 12px;
font-weight: 600; }
.homepage__latest-activities .card .card-body {
padding: 15px; }
.homepage__latest-activities .card .card-body .date {
font-size: 16px;
color: #004494;
font-weight: 500;
margin-bottom: 14px; }
.homepage__latest-activities .card .card-body .card-title {
font-size: 16px;
font-weight: 600;
color: #494a4a; }
.homepage__latest-activities .card .card-body .card-text {
color: #6d7278; }
.homepage__latest-activities .card .card-body .card-text small {
font-weight: 500; }
.homepage__latest-activities .card .card-body .card-text em {
margin-right: -2px; }
.homepage__latest-activities .card .card-body .card-text span:first-child {
padding-right: 10px;
border-right: 1px solid #6d7278; }
.homepage__latest-activities .card .card-body .card-text span:not(:last-child) {
margin-right: 10px; }
.homepage__latest-activities .card .card-body .card-text span:not(:last-child).red-dot {
background-color: #fe0000;
width: 10px;
height: 10px;
display: inline-block;
border-radius: 50%;
margin-right: 3px; }
.homepage__latest-activities .card .card-footer {
background-color: #fff;
border-top: 0;
padding: 0 15px 18px; }
.homepage__latest-activities .card .card-footer .btn-custom {
background-color: #FFF;
color: #004494;
border: 1px solid #004494;
padding: 6px 50px; }
.homepage__latest-activities .card .card-footer .btn-custom:hover {
color: #FFF;
background-color: #004494; }
.homepage__social-wall {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/food-climate-nexus-bg-2.svg);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
padding-top: 23%;
position: relative; }
@media screen and (min-width: 576px) {
.homepage__social-wall {
padding-top: 12%; } }
.homepage__social-wall .section-title, .homepage__social-wall .section-paragraph {
color: #FFF; }
.homepage__social-wall .white-bg {
background-color: #FFF;
width: fit-content;
width: -moz-fit-content;
padding: 5px 25px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px; }
.homepage__social-wall .white-bg span {
color: #004494;
font-family: 'Lora', serif;
font-weight: 500;
font-size: 22px; }
.homepage__social-wall .section-paragraph {
max-width: 526px;
margin: 0 auto 53px;
text-align: center; }
.homepage__social-wall .grey-bg {
background-color: #f8f9f9;
height: 445px; }
.homepage__social-wall .grey-bg iframe {
height: 445px !important; }
@media screen and (min-width: 576px) {
.homepage__social-wall .grey-bg {
height: 600px; }
.homepage__social-wall .grey-bg iframe {
height: 600px !important; } }
@media screen and (min-width: 991px) {
.homepage__social-wall .grey-bg {
height: 876px;
padding: 0 70px; }
.homepage__social-wall .grey-bg iframe {
height: 876px !important; } }
.homepage__latest-opportunities {
padding-top: 70px; }
.homepage__latest-opportunities .card {
border-radius: 9px;
overflow: hidden;
border: 0;
height: 100%;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); }
.homepage__latest-opportunities .card .card-header {
position: relative;
padding: 0;
height: 190px; }
.homepage__latest-opportunities .card .card-header img {
width: 100%;
object-fit: cover;
height: 100%; }
.homepage__latest-opportunities .card .card-header .tag {
padding: 3px 17px;
border-radius: 12px;
background-color: #004494;
color: #FFF;
position: absolute;
bottom: 10px;
left: 10px;
font-size: 12px;
font-weight: 600; }
.homepage__latest-opportunities .card .card-body {
padding: 15px; }
.homepage__latest-opportunities .card .card-body .date {
font-size: 16px;
color: #004494;
font-weight: 500;
margin-bottom: 14px; }
.homepage__latest-opportunities .card .card-body .card-title {
font-size: 16px;
font-weight: 600;
color: #494a4a; }
.homepage__latest-opportunities .card .card-body .card-text {
color: #6d7278; }
.homepage__latest-opportunities .card .card-body .card-text small {
font-weight: 500; }
.homepage__latest-opportunities .card .card-body .card-text em {
margin-right: -2px; }
.homepage__latest-opportunities .card .card-body .card-text span:first-child {
padding-right: 10px;
border-right: 1px solid #6d7278; }
.homepage__latest-opportunities .card .card-body .card-text span:not(:last-child) {
margin-right: 10px; }
.homepage__latest-opportunities .card .card-body .card-text span:not(:last-child).red-dot {
background-color: #fe0000;
width: 10px;
height: 10px;
display: inline-block;
border-radius: 50%;
margin-right: 3px; }
.homepage__latest-opportunities .card .card-footer {
background-color: #fff;
border-top: 0;
padding: 0 15px 18px; }
.homepage__latest-opportunities .card .card-footer .btn-custom {
background-color: #FFF;
color: #004494;
border: 1px solid #004494;
padding: 6px 50px; }
.homepage__latest-opportunities .card .card-footer .btn-custom:hover {
color: #FFF;
background-color: #004494; }
#section3 {
padding: 50px 0;
overflow: hidden; }
@media screen and (min-width: 768px) {
#section3 {
overflow: unset; } }
#section3 .circle-wrapper {
margin-bottom: 100px; }
@media screen and (min-width: 1200px) {
#section3 .circle-wrapper {
margin-bottom: 0; } }
#section3 .circle {
background-color: #49a860;
border-radius: 50%;
max-width: 250px;
position: relative;
left: 50%;
transform: translateX(-57%); }
@media screen and (min-width: 480px) {
#section3 .circle {
max-width: 300px; } }
@media screen and (min-width: 576px) {
#section3 .circle {
max-width: 412px; } }
@media screen and (min-width: 1200px) {
#section3 .circle {
left: unset;
top: 50%;
transform: translateY(-50%); } }
#section3 .circle .action {
width: 80px;
height: 80px;
background-color: #004494;
border-radius: 50%;
position: absolute;
z-index: 2;
top: calc(50% - 50px);
left: calc(50% - 50px); }
@media screen and (min-width: 480px) {
#section3 .circle .action {
width: 100px;
height: 100px;
top: calc(50% - 50px);
left: calc(50% - 50px); } }
@media screen and (min-width: 576px) {
#section3 .circle .action {
width: 130px;
height: 130px;
top: calc(50% - 65px);
left: calc(50% - 65px); } }
#section3 .circle .action img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%; }
#section3 .circle .action > span {
display: block;
width: 34px;
height: 34px;
border-radius: 50%;
background-color: #f0f0f0;
position: absolute; }
@media screen and (min-width: 480px) {
#section3 .circle .action > span {
width: 34px;
height: 34px; } }
@media screen and (min-width: 576px) {
#section3 .circle .action > span {
width: 44px;
height: 44px; } }
#section3 .circle .action > span span {
position: absolute;
left: 50%;
transform: translateX(-50%);
color: #004494;
font-size: 28px;
font-family: 'Lora', sans-serif;
line-height: 34px; }
@media screen and (min-width: 480px) {
#section3 .circle .action > span span {
font-size: 28px;
line-height: 34px; } }
@media screen and (min-width: 576px) {
#section3 .circle .action > span span {
font-size: 31px;
line-height: 44px; } }
#section3 .circle .action:nth-child(2) {
transform: translate(75px, -120px); }
#section3 .circle .action:nth-child(2) > span {
right: -15px;
bottom: -5px; }
#section3 .circle .action:nth-child(3) {
transform: translate(145px, -30px); }
#section3 .circle .action:nth-child(3) > span {
right: -8px;
bottom: -8px; }
#section3 .circle .action:nth-child(4) {
transform: translate(130px, 85px); }
#section3 .circle .action:nth-child(4) > span {
right: -8px;
bottom: -5px; }
#section3 .circle .action:nth-child(5) {
transform: translate(20px, 140px); }
#section3 .circle .action:nth-child(5) > span {
right: -16px;
bottom: 5px; }
#section3 .circle .action:nth-child(6) {
transform: translate(-95px, 95px); }
#section3 .circle .action:nth-child(6) > span {
right: -10px;
bottom: -5px; }
@media screen and (min-width: 480px) {
#section3 .circle .action:nth-child(2) {
transform: translate(100px, -140px); }
#section3 .circle .action:nth-child(2) > span {
right: -8px;
bottom: 0; }
#section3 .circle .action:nth-child(3) {
transform: translate(170px, -25px); }
#section3 .circle .action:nth-child(3) > span {
right: 0;
bottom: 0; }
#section3 .circle .action:nth-child(4) {
transform: translate(135px, 105px); }
#section3 .circle .action:nth-child(4) > span {
right: 0;
bottom: 0; }
#section3 .circle .action:nth-child(5) {
transform: translate(10px, 165px); }
#section3 .circle .action:nth-child(5) > span {
right: -20px;
bottom: 20px; }
#section3 .circle .action:nth-child(6) {
transform: translate(-120px, 110px); }
#section3 .circle .action:nth-child(6) > span {
right: -20px;
bottom: 20px; } }
@media screen and (min-width: 576px) {
#section3 .circle .action:nth-child(2) {
transform: translate(150px, -165px); }
#section3 .circle .action:nth-child(3) {
transform: translate(230px, -15px); }
#section3 .circle .action:nth-child(4) {
transform: translate(180px, 145px); }
#section3 .circle .action:nth-child(5) {
transform: translate(20px, 210px); }
#section3 .circle .action:nth-child(6) {
transform: translate(-145px, 150px); } }
#section3 .circle .inner {
width: 88%;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-image: linear-gradient(140deg, #71db0a -4%, #0957eb 73%); }
#section3 .circle .inner .inner-meta {
color: #FFF;
text-align: center;
font-size: 30px; }
#section3 .circle .inner .inner-meta .big {
font-size: 110px;
line-height: 90px;
display: block; }
@media screen and (min-width: 480px) {
#section3 .circle .inner .inner-meta .big {
font-size: 164px;
line-height: 125px; } }
@media screen and (min-width: 480px) {
#section3 .circle .inner .inner-meta {
font-size: 38px; } }
#section3 .text-paragraph h4 {
margin-bottom: 40px; }
#section3 .text-paragraph strong {
margin-bottom: 40px;
display: block; }
#food-climate-facts {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/food-climate-nexus-bg.svg);
background-size: cover;
background-position: top;
background-repeat: no-repeat;
padding-top: 230px;
padding-bottom: 260px;
margin-bottom: -260px;
position: relative;
z-index: 1; }
#food-climate-facts .container {
max-width: 1020px; }
#food-climate-facts .container > .title {
margin-bottom: 66px; }
#food-climate-facts .container > .title h4 {
font-family: 'Lora';
font-size: 46px;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
color: #ffffff; }
#food-climate-facts .container > .title p {
font-size: 32px;
color: #ffffff;
text-align: center; }
#food-climate-facts .box {
margin: 0 auto;
background-color: #FFF;
border-radius: 22px;
padding: 50px 40px 30px;
margin-bottom: 70px; }
#food-climate-facts .box .circle-graph img {
display: block;
width: 100%;
max-width: 233px;
margin: 0 auto 30px; }
#food-climate-facts .box .circle-graph .title span {
display: inline-block;
vertical-align: text-bottom; }
#food-climate-facts .box .circle-graph .title .marker {
display: inline-block;
width: 26px;
height: 26px;
border-radius: 50%;
margin-right: 5px; }
#food-climate-facts .box .circle-graph .title .marker.yellow {
background-color: #e59c00; }
#food-climate-facts .box .circle-graph .title .marker.blue {
background-color: #004494; }
#food-climate-facts .box .circle-graph .title span:not(.marker) {
font-size: 17px;
font-weight: 500; }
#food-climate-facts .box .text-paragraph {
max-width: unset;
text-align: center; }
#food-climate-facts .box .text-paragraph h4 {
font-weight: bold;
font-size: 36px;
margin-bottom: 23px;
max-width: unset; }
#food-climate-facts .box .text-paragraph p {
font-size: 23px;
line-height: 33px;
margin-bottom: 0;
width: 100%; }
@media screen and (min-width: 1200px) {
#food-climate-facts .box .text-paragraph {
text-align: left;
max-width: 526px; }
#food-climate-facts .box .text-paragraph h4, #food-climate-facts .box .text-paragraph p {
max-width: 326px; } }
#food-climate-facts .numbers {
color: #FFF;
text-align: center; }
#food-climate-facts .numbers .number {
max-width: 235px; }
#food-climate-facts .numbers .number span {
font-size: 80px;
display: block;
line-height: 63px;
font-weight: 500; }
#food-climate-facts .numbers .number strong {
font-weight: 500;
font-size: 35px;
display: block;
margin-bottom: 15px; }
#food-climate-facts .numbers .number p {
font-size: 20px;
font-weight: 500;
line-height: 29px; }
#section5 {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/food-climate-nexus-bg-2.svg);
background-size: cover;
background-position: top;
background-repeat: no-repeat;
padding-top: 300px;
position: relative;
z-index: 1; }
#section5 .container {
max-width: 1020px; }
#section5 .container .row {
margin-bottom: 150px; }
#section5 p {
font-size: 34px;
font-family: 'Lora', sans-serif;
font-weight: 500;
line-height: 51px;
color: #FFF; }
#section5 p span {
color: #004494;
background-color: #FFF;
display: inline-block;
padding: 0px 10px;
line-height: 46px;
margin-left: -10px; }
#section5 p u {
text-decoration: none;
display: inline-block;
border-bottom: 3px solid #004494; }
#section5 img {
align-self: center; }
.end-wave {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/end-wave.svg);
background-size: cover;
background-position: top;
background-repeat: no-repeat;
height: 100px;
position: relative;
bottom: -1px;
width: 100%; }
@media screen and (min-width: 768px) {
.end-wave {
height: 170px; } }
.top-wave {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/top-wave.svg);
background-size: 100%;
background-position: top;
background-repeat: no-repeat;
height: 100px;
position: relative;
top: -1px;
width: 100%; }
@media screen and (min-width: 991px) {
.top-wave {
height: 200px; } }
@media screen and (min-width: 1440px) {
.top-wave {
height: 250px; } }
@media screen and (min-width: 2600px) {
.top-wave {
height: 300px; } }
.grey-wave {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/grey-wave.svg);
background-size: cover;
background-position: top;
background-repeat: no-repeat;
height: 100px;
position: relative;
bottom: -1px;
width: 100%; }
@media screen and (min-width: 768px) {
.grey-wave {
height: 220px; } }
#be-part-of-the-change .text-paragraph {
max-width: 600px; }
#be-part-of-the-change picture, #be-part-of-the-change img {
max-width: 100%;
position: sticky;
top: 150px; }
@media screen and (min-width: 991px) {
#be-part-of-the-change picture, #be-part-of-the-change img {
position: sticky;
top: 150px; } }
#be-part-of-the-change ul.list li.list-item {
margin-bottom: 40px; }
body:not(.page-id-814) #section7 {
background-image: linear-gradient(131deg, #5bb331 8%, #2a97d5 46%, #0957eb 79%);
color: #FFF; }
body:not(.page-id-814) #section7 .text-paragraph {
max-width: 500px; }
body:not(.page-id-814) #section7 h4 {
color: #FFF; }
body:not(.page-id-814) #section7 picture, body:not(.page-id-814) #section7 img {
max-width: 100%; }
@media screen and (min-width: 768px) {
body:not(.page-id-814) #section7 picture, body:not(.page-id-814) #section7 img {
position: sticky;
top: 150px; } }
body:not(.page-id-814) #section7 ul.list li.list-item {
margin-bottom: 40px; }
body:not(.page-id-814) #section7 ul.list li.list-item .point {
background-color: #FFF; }
#about {
padding: 30px 0 0;
background-color: #f0f0f0; }
#about .text-paragraph {
max-width: 600px; }
#about h4 {
color: #004494;
font-weight: bold;
margin: 0 auto 30px; }
#about .join-text {
font-family: 'Inter', sans-serif;
font-size: 24px;
font-weight: 500;
font-stretch: normal;
color: #004494;
margin-bottom: 45px; }
#about .social-list {
padding-left: 0; }
#about .social-icon {
background-color: #004494;
border-radius: 50%;
display: inline-block;
width: 47px;
height: 47px;
position: relative;
margin-right: 10px;
vertical-align: middle;
font-size: 25px;
color: #FFF; }
#about .social-icon a {
color: #FFF; }
#about .social-icon:last-child {
margin-right: 0; }
#about .social-icon i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
#about .city-wrapper {
background-color: #f0f0f0;
overflow: hidden; }
#about .city {
width: 100%;
position: relative;
bottom: -2px; }
#about .about-food-wave {
background-color: #213a85; }
#about .about-food-wave .text-paragraph {
max-width: 652px; }
#about .about-food-wave h4 {
color: #FFF; }
#about .about-food-wave .about-text {
font-size: 16px;
line-height: 26px;
font-weight: normal;
color: #ffffff; }
#about .about-food-wave .container {
max-width: 652px;
padding-top: 70px;
position: relative; }
@media screen and (min-width: 991px) {
#about .about-food-wave .container {
max-width: 1020px;
padding-top: 150px; } }
#about .about-food-wave .container .logo {
max-width: 181px;
width: 100%; }
#about .about-food-wave .container .legend { }
@media screen and (min-width: 991px) {
#about .about-food-wave .container .legend {
position: absolute;
bottom: -450px;
z-index: 1; } }
#about .about-food-wave .container .legend .legend-content {
background-color: #213a85;
width: fit-content;
border-radius: 22px; }
@media screen and (min-width: 991px) {
#about .about-food-wave .container .legend .legend-content {
padding: 40px;
min-width: 387px; } }
#about .about-food-wave .container .legend .legend-content .pin img {
width: 75px;
display: inline-block; }
#about .about-food-wave .container .legend .legend-content .pin strong {
color: #FFF;
font-size: 22px;
vertical-align: middle;
display: inline-block;
width: calc(100% - 104px); }
#about .about-food-wave .map {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/last-wave.svg);
background-position: center bottom;
background-size: 100%;
background-repeat: no-repeat;
position: relative;
overflow: hidden; }
#about .about-food-wave .map:before {
content: "";
z-index: 1;
height: 50px;
position: absolute;
top: -1px;
left: 0;
right: 0;
background: linear-gradient(#213a85 20%, rgba(33, 58, 133, 0)); }
@media screen and (min-width: 991px) {
#about .about-food-wave .map:before {
height: 100px; } }
#about .about-food-wave .map .map-wrapper {
padding-top: 70px;
padding-bottom: 70px; }
@media screen and (min-width: 991px) {
#about .about-food-wave .map .map-wrapper {
padding-top: 280px;
padding-bottom: 50px; } }
@media screen and (min-width: 1280px) {
#about .about-food-wave .map .map-wrapper {
padding-top: 180px;
padding-bottom: 180px; } }
#about .about-food-wave .map .mapsvg-wrap-all {
max-width: 1440px;
position: static;
padding: 0 20px; }
@media screen and (min-width: 991px) {
#about .about-food-wave .map .mapsvg-wrap-all {
position: relative;
left: 50%;
transform: translateX(-50%); } }
#about .about-food-wave .map .mapsvg-wrap-all .mapsvg {
padding-bottom: 70% !important;
overflow: visible; }
#about .about-food-wave .map .mapsvg-wrap-all .mapsvg-marker {
user-select: none; }
footer {
background-color: #FFF; }
footer .top-bar {
padding: 25px 50px; }
@media screen and (min-width: 1440px) {
footer .top-bar {
display: flex;
padding: 25px 80px; } }
footer .top-bar .left {
display: block;
width: 100%;
margin-bottom: 40px; }
footer .top-bar .left .logo-footer {
margin: 0 auto;
display: block;
width: 100%; }
footer .top-bar .left .logo-footer img {
width: 100%;
display: block;
margin: 0 auto 40px; }
@media screen and (min-width: 400px) {
footer .top-bar .left .logo-footer {
width: auto; }
footer .top-bar .left .logo-footer img {
width: auto; } }
footer .top-bar .left .dear-logo {
display: flex;
justify-content: center;
height: 68px; }
footer .top-bar .left .dear-logo p {
color: #6c757d !important;
font-size: 12px;
font-weight: 400;
display: inline-block;
margin-bottom: 0; }
footer .top-bar .left .dear-logo img {
height: 100%;
display: block; }
footer .top-bar .left .dear-logo a {
display: contents; }
@media screen and (min-width: 768px) {
footer .top-bar .left {
display: flex;
justify-content: center;
align-items: center; }
footer .top-bar .left .dear-logo {
display: inline-flex;
justify-content: start; }
footer .top-bar .left .logo-footer {
margin: 0 50px 0 0;
display: inline-block; }
footer .top-bar .left .logo-footer img {
display: initial;
margin: 0; } }
@media screen and (min-width: 1440px) {
footer .top-bar .left {
display: inline-flex;
align-items: center;
width: auto;
margin-bottom: 0; } }
footer .top-bar .right {
display: flex;
justify-content: center;
width: 100%;
transition: opacity .3s ease; }
@media screen and (min-width: 1440px) {
footer .top-bar .right {
justify-content: start;
display: inline-flex;
width: calc(100% - 620px);
padding-left: 50px; } }
footer .top-bar .right p {
color: #6c757d !important;
font-size: 12px;
font-weight: 400;
display: inline-block;
margin-bottom: 0; }
footer .top-bar .right .carousel-footer {
width: calc(100% - 158px); }
footer .top-bar .right .carousel-footer .slick-list {
width: 100%; }
footer .top-bar .right .carousel-footer .slick-track {
display: flex;
justify-content: center;
height: 100%; }
footer .top-bar .right .carousel-footer .slick-track .slick-slide {
height: auto; }
footer .top-bar .right .carousel-footer .slick-track .slick-slide > div {
height: 100%;
display: flex;
align-items: center; }
footer .top-bar .right .carousel-footer .carousel-footer-item {
max-width: 150px;
max-height: 40px;
margin: 0 auto; }
footer .bottom-bar {
background-color: #004494;
padding: 25px 50px;
display: flex;
flex-wrap: wrap; }
@media screen and (min-width: 1440px) {
footer .bottom-bar {
padding: 25px 80px; } }
footer .bottom-bar .text {
color: #FFF;
max-width: 740px;
display: inline-block;
padding-right: 26px; }
footer .bottom-bar .text p {
margin-bottom: 0;
font-size: 13px; }
footer .bottom-bar .text p a {
color: #FFF;
text-decoration: underline; }
footer .bottom-bar .text p a:hover {
color: #FFF; }
footer .bottom-bar .social-list {
padding: 0;
color: #004494;
font-size: 20px;
margin-bottom: 0; }
footer .bottom-bar .social-list .social-icon {
background-color: #FFF;
border-radius: 50%;
display: inline-block;
width: 34px;
height: 34px;
position: relative;
margin-right: 10px;
vertical-align: middle; }
footer .bottom-bar .social-list .social-icon a {
color: #004494; }
footer .bottom-bar .social-list .social-icon:last-child {
margin-right: 0; }
footer .right-footer a.btn-link {
color: #FFF;
font-size: 18px;
font-weight: bold; }
footer .right-footer a.btn-link:hover, footer .right-footer a.btn-link.active {
color: #FFF;
text-decoration: underline; }
footer .bottom-bar .social-list .social-icon i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
#join-us-on-social-networks .modal-dialog, #share-on-social-networks .modal-dialog, #successful-newsletter-subscription .modal-dialog, #successful-ambassadors-subscription .modal-dialog {
padding-top: 150px; }
#join-us-on-social-networks .modal-dialog .modal-content, #share-on-social-networks .modal-dialog .modal-content, #successful-newsletter-subscription .modal-dialog .modal-content, #successful-ambassadors-subscription .modal-dialog .modal-content {
margin: 0 auto;
background-color: #FFF;
border-radius: 22px;
padding: 50px 40px 30px; }
#join-us-on-social-networks .modal-dialog .modal-content .close-btn, #share-on-social-networks .modal-dialog .modal-content .close-btn, #successful-newsletter-subscription .modal-dialog .modal-content .close-btn, #successful-ambassadors-subscription .modal-dialog .modal-content .close-btn {
position: absolute;
right: 20px;
top: -45px;
font-size: 30px;
color: #FFF;
cursor: pointer; }
#join-us-on-social-networks .modal-dialog .modal-content h4, #share-on-social-networks .modal-dialog .modal-content h4, #successful-newsletter-subscription .modal-dialog .modal-content h4, #successful-ambassadors-subscription .modal-dialog .modal-content h4 {
color: #004494;
font-weight: bold;
margin: 0 auto 30px; }
#join-us-on-social-networks .modal-dialog .modal-content p, #share-on-social-networks .modal-dialog .modal-content p, #successful-newsletter-subscription .modal-dialog .modal-content p, #successful-ambassadors-subscription .modal-dialog .modal-content p {
font-family: 'Inter', sans-serif;
font-weight: 500;
font-stretch: normal;
color: #004494;
margin-bottom: 45px;
font-size: 18px; }
#join-us-on-social-networks .modal-dialog .modal-content a, #share-on-social-networks .modal-dialog .modal-content a, #successful-newsletter-subscription .modal-dialog .modal-content a, #successful-ambassadors-subscription .modal-dialog .modal-content a {
font-weight: bold;
text-decoration: underline; }
#join-us-on-social-networks .modal-dialog .modal-content .social-list, #share-on-social-networks .modal-dialog .modal-content .social-list, #successful-newsletter-subscription .modal-dialog .modal-content .social-list, #successful-ambassadors-subscription .modal-dialog .modal-content .social-list {
padding-left: 0; }
#join-us-on-social-networks .modal-dialog .modal-content .social-icon, #share-on-social-networks .modal-dialog .modal-content .social-icon, #successful-newsletter-subscription .modal-dialog .modal-content .social-icon, #successful-ambassadors-subscription .modal-dialog .modal-content .social-icon {
background-color: #004494;
border-radius: 50%;
display: inline-block;
width: 47px;
height: 47px;
position: relative;
margin-right: 10px;
vertical-align: middle;
font-size: 25px;
color: #FFF; }
#join-us-on-social-networks .modal-dialog .modal-content .social-icon a, #share-on-social-networks .modal-dialog .modal-content .social-icon a, #successful-newsletter-subscription .modal-dialog .modal-content .social-icon a, #successful-ambassadors-subscription .modal-dialog .modal-content .social-icon a {
color: #FFF; }
#join-us-on-social-networks .modal-dialog .modal-content .social-icon:last-child, #share-on-social-networks .modal-dialog .modal-content .social-icon:last-child, #successful-newsletter-subscription .modal-dialog .modal-content .social-icon:last-child, #successful-ambassadors-subscription .modal-dialog .modal-content .social-icon:last-child {
margin-right: 0; }
#join-us-on-social-networks .modal-dialog .modal-content .social-icon i, #share-on-social-networks .modal-dialog .modal-content .social-icon i, #successful-newsletter-subscription .modal-dialog .modal-content .social-icon i, #successful-ambassadors-subscription .modal-dialog .modal-content .social-icon i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
@media (min-width: 576px) {
#successful-newsletter-subscription .modal-dialog, #successful-ambassadors-subscription .modal-dialog {
max-width: 732px; } }
#successful-newsletter-subscription .modal-content, #successful-ambassadors-subscription .modal-content {
border-radius: 9px !important;
padding: 37px 73px 58px !important; }
#successful-newsletter-subscription .modal-content img, #successful-ambassadors-subscription .modal-content img {
width: 50px;
display: block;
margin: 0 auto 20px; }
#successful-newsletter-subscription .modal-content h4, #successful-ambassadors-subscription .modal-content h4 {
font-size: 33px;
margin: 0 auto 20px !important; }
#successful-newsletter-subscription .modal-content p, #successful-ambassadors-subscription .modal-content p {
font-size: 16px; }
#successful-newsletter-subscription .close-btn, #successful-ambassadors-subscription .close-btn {
position: absolute !important;
width: 30px;
right: 20px !important;
top: 20px !important;
font-size: unset !important;
cursor: pointer; }
#successful-newsletter-subscription .close-btn img, #successful-ambassadors-subscription .close-btn img {
width: 100%; }
#successful-ambassadors-subscription .modal-content h4 {
margin: 0 auto !important; }
.opportunities:before {
content: "";
position: fixed;
left: 0;
bottom: 0;
right: 0;
top: 0;
z-index: 9999;
visibility: hidden;
opacity: 0;
background-color: rgba(0, 0, 0, 0.3);
transition: all .3s ease-in-out; }
.opportunities .opportunities-hero {
animation: bg-animation 8s infinite alternate;
background-size: 200%;
background-position: left;
position: relative;
background-image: linear-gradient(117deg, #5bb331 19%, #5bb331 45%, #147aea 75%, #0345c4 91%); }
.opportunities .opportunities-hero .opportunities-hero-content, .activities .activities-hero .activities-hero-content, .digital-kit .digital-kit-hero .digital-kit-hero-content {
padding: 50px 20px 160px;
text-align: center; }
.opportunities .opportunities-hero .opportunities-hero-content p, .activities .activities-hero .activities-hero-content p, .digital-kit .digital-kit-hero .digital-kit-hero-content p {
font-family: 'Inter', sans-serif;
font-size: 20px;
color: #ffffff; }
.opportunities .opportunities-hero .opportunities-hero-content h1, .activities .activities-hero .activities-hero-content h1, .digital-kit .digital-kit-hero .digital-kit-hero-content h1 {
max-width: 669px;
margin: 0 auto;
font-family: 'Lora', sans-serif;
font-size: 43px;
font-weight: 500;
line-height: 1.07;
letter-spacing: normal;
color: #ffffff; }
.opportunities .opportunities-hero .opportunities-hero-content .input-group {
max-width: 589px;
margin: 0 auto;
background-color: #FFF;
border-radius: 15px;
padding: 13px 23px; }
.opportunities .opportunities-hero .opportunities-hero-content .input-group input {
background-color: transparent; }
.opportunities .opportunities-hero .opportunities-hero-content .input-group input:focus {
outline: none;
box-shadow: none; }
.opportunities .opportunities-hero .opportunities-hero-content .input-group label {
cursor: pointer; }
.opportunities .opportunities-hero .end-wave {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/opportunities-hero-wave.svg);
height: 31px; }
@media screen and (min-width: 567px) {
.opportunities .opportunities-hero .end-wave {
height: 42px; } }
@media screen and (min-width: 768px) {
.opportunities .opportunities-hero .end-wave {
height: 52px; } }
@media screen and (min-width: 991px) {
.opportunities .opportunities-hero .wave {
height: 120px;
bottom: -120px;
z-index: 0;
transition: bottom .5s ease; } }
.opportunities .opportunities-wrapper {
margin-bottom: 100px;
padding: 10px 20px 0; }
@media screen and (min-width: 991px) {
.opportunities .opportunities-wrapper {
padding: 10px 1px 0; } }
.opportunities .opportunities-wrapper .mobile-filters-toggle {
padding: 5px 0;
color: #004494;
font-family: 'Inter', sans-serif; }
.opportunities .opportunities-wrapper .mobile-filters-toggle img {
margin-right: 7px; }
.opportunities .opportunities-wrapper h2 {
font-size: 30px;
color: #004494;
font-family: 'Lora', sans-serif;
font-weight: 500;
margin-bottom: 0; }
@media screen and (min-width: 991px) {
.opportunities .opportunities-wrapper h2 {
font-size: 36px; } }
.opportunities .opportunities-wrapper .sort {
background-color: transparent;
border: 0;
color: #004494;
font-size: 16px;
font-weight: 500; }
.opportunities .opportunities-wrapper .sort:active:focus {
background-color: transparent;
box-shadow: none;
color: #004494; }
.opportunities .opportunities-wrapper .sort i {
font-size: 23px; }
.opportunities .opportunities-wrapper .sort:after {
display: none; }
.opportunities .opportunities-wrapper .sort:focus {
box-shadow: none; }
.opportunities .opportunities-wrapper .dropdown-menu:not(.inner) {
margin-top: 11px;
padding: 23px 0;
border: 0;
border-radius: 9px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
.opportunities .opportunities-wrapper .dropdown-menu a {
color: #004494;
font-weight: 500; }
.opportunities .opportunities-wrapper .dropdown-menu a.selected {
color: #FFF; }
.opportunities .opportunities-wrapper .dropdown-menu a:focus {
color: #FFF; }
.opportunities .opportunities-wrapper .sidebar-filters-wrapper {
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: 100%;
z-index: 9999;
overflow: hidden;
transition: all .3s ease-in-out; }
.opportunities .opportunities-wrapper .sidebar-filters-wrapper .dismiss-filters {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #FFF;
position: absolute;
top: 20px;
z-index: 999;
right: 20px; }
.opportunities .opportunities-wrapper .sidebar-filters-wrapper .dismiss-filters img {
width: 16px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
@media screen and (min-width: 991px) {
.opportunities .opportunities-wrapper .sidebar-filters-wrapper {
position: static;
height: auto;
border-radius: 9px;
width: 290px;
float: left;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); }
.opportunities .opportunities-wrapper .sidebar-filters-wrapper .dismiss-filters {
display: none; } }
.opportunities .opportunities-wrapper .sidebar-filters-wrapper .apply-filters-wrapper {
padding: 20px;
position: absolute;
bottom: -86px;
left: 0;
right: 0;
background-color: #FFF;
transition: all .3s ease;
box-shadow: 1px -3px 8px rgba(73, 74, 74, 0.14); }
.opportunities .opportunities-wrapper .sidebar-filters-wrapper .apply-filters-wrapper .btn {
background-color: #004494; }
@media screen and (min-width: 991px) {
.opportunities .opportunities-wrapper .sidebar-filters-wrapper .apply-filters-wrapper {
position: static; }
.opportunities .opportunities-wrapper .sidebar-filters-wrapper .apply-filters-wrapper .btn {
position: static; }
.opportunities .opportunities-wrapper .sidebar-filters-wrapper .apply-filters-wrapper .btn:hover {
background-color: #002d61; }
.opportunities .opportunities-wrapper .sidebar-filters-wrapper .apply-filters-wrapper .btn:focus {
color: #FFF;
outline: none; } }
.opportunities .opportunities-wrapper .sidebar-filters {
width: 100%;
height: 100%;
background-color: #ffffff;
overflow: auto;
position: absolute;
bottom: 0;
padding-bottom: 86px; }
@media screen and (min-width: 991px) {
.opportunities .opportunities-wrapper .sidebar-filters {
width: 290px;
overflow: hidden;
position: static;
padding-bottom: 0; }
.opportunities .opportunities-wrapper .sidebar-filters .dismiss-filters {
display: none; } }
.opportunities .opportunities-wrapper .sidebar-filters p {
font-size: 20px;
color: #FFF;
padding: 25px 30px;
margin-bottom: 0;
background-color: #026bb2; }
@media screen and (min-width: 991px) {
.opportunities .opportunities-wrapper .sidebar-filters p {
color: #004494;
padding: 25px 30px 0 30px;
background-color: transparent; } }
.opportunities .opportunities-wrapper .sidebar-filters .card {
box-shadow: none;
border: 0;
font-family: 'Inter', sans-serif;
color: #494a4a;
padding: 0 30px;
padding-bottom: 0;
border-radius: 0; }
.opportunities .opportunities-wrapper .sidebar-filters .card {
border-bottom: 1px solid #979797; }
.opportunities .opportunities-wrapper .sidebar-filters .card .card-header {
background-color: transparent;
border-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 30px;
padding-bottom: 30px; }
.opportunities .opportunities-wrapper .sidebar-filters .card .card-header a {
text-decoration: none;
font-size: 18px;
font-weight: 600;
display: block;
position: relative; }
.opportunities .opportunities-wrapper .sidebar-filters .card .card-header a i {
transition: all .3s ease-in-out;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%) rotate(180deg); }
.opportunities .opportunities-wrapper .sidebar-filters .card .card-header a.collapsed i {
transform: translateY(-50%) rotate(0); }
.opportunities .opportunities-wrapper .sidebar-filters .card .card-header a:hover {
color: #303030; }
.opportunities .opportunities-wrapper .sidebar-filters .card .card-body {
padding-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 30px; }
.opportunities .opportunities-wrapper .sidebar-filters .card .card-body .wpcf-form-item {
padding-left: 20px;
margin-bottom: 10px; }
.opportunities .opportunities-wrapper .sidebar-filters .card .card-body .wpcf-form-item .wpcf-form-checkbox {
display: none; }
.opportunities .opportunities-wrapper .sidebar-filters .card .card-body .wpcf-form-item .wpcf-form-checkbox:checked + .wpcf-form-label {
color: #004494; }
.opportunities .opportunities-wrapper .sidebar-filters .card .card-body .wpcf-form-item .wpcf-form-label {
cursor: pointer;
font-size: 16px;
font-weight: 500;
line-height: 1.14;
color: #727272;
text-transform: uppercase;
margin-bottom: 0; }
.opportunities .opportunities-wrapper .opportunities-list {
width: 100%;  }
.opportunities .opportunities-wrapper .opportunities-list .js-wpv-view-layout {
width: 100%;
text-align: center; }
.opportunities .opportunities-wrapper .opportunities-list .opportunities-list-item {
border: 0;
margin-bottom: 16px;
text-align: left;
overflow: hidden;
border-radius: 9px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); }
.opportunities .opportunities-wrapper .opportunities-list .opportunities-list-item .col-md-4 {
background-position: center center;
background-size: cover; }
.opportunities .opportunities-wrapper .opportunities-list .opportunities-list-item .col-md-8 {
padding: 28px; }
.opportunities .opportunities-wrapper .opportunities-list .opportunities-list-item .col-md-8 span {
font-size: 18px;
font-weight: 500;
display: block;
margin-bottom: 12px;
color: #004494;
text-transform: uppercase; }
.opportunities .opportunities-wrapper .opportunities-list .opportunities-list-item .col-md-8 strong {
color: #494a4a;
font-size: 20px;
display: block;
line-height: 1.17;
margin-bottom: 5px; }
.opportunities .opportunities-wrapper .opportunities-list .opportunities-list-item .col-md-8 p {
font-size: 16px;
color: #282828; }
.opportunities .opportunities-wrapper .opportunities-list .opportunities-list-item .col-md-8 small {
display: block;
color: #6d7278;
font-size: 16px;
line-height: 1;
margin-bottom: 7px; }
.opportunities .opportunities-wrapper .opportunities-list .opportunities-list-item .col-md-8 small:last-child {
margin-bottom: 16px;
line-height: 1.6; }
.opportunities .opportunities-wrapper .opportunities-list .opportunities-list-item .col-md-8 .btn {
background-color: transparent;
color: #004494;
border: 1px solid #004494;
transition: all .2s ease-in-out;
padding: 10px 40px;
margin: 0 auto;
display: block; }
@media screen and (min-width: 768px) {
.opportunities .opportunities-wrapper .opportunities-list .opportunities-list-item .col-md-8 .btn {
margin: 0; } }
@media screen and (min-width: 991px) {
.opportunities .opportunities-wrapper .opportunities-list .opportunities-list-item .col-md-8 .btn:hover {
background-color: #004494;
color: #FFF; } }
@media screen and (min-width: 991px) {
.opportunities .opportunities-wrapper .opportunities-list {
padding-left: 73px;
width: calc(100% - 295px);
float: left; } }
.opportunities.mobile-filters-open:before {
visibility: visible;
opacity: 1; }
.opportunities.mobile-filters-open .sidebar-filters-wrapper {
top: 0; }
.opportunities.mobile-filters-open .sidebar-filters-wrapper .apply-filters-wrapper {
bottom: 0; }
.opportunities-title {
position: relative;
z-index: 1; }
.opportunities-list .no-items-found {
color: #727272;
font-size: 18px;
font-family: 'Inter', sans-serif;
font-weight: normal; }
.opportunities-wrapper .opportunities-type-selector {
display: block;
margin: 0 auto;
width: fit-content;
width: -moz-fit-content;
margin-bottom: 65px; }
.opportunities-wrapper .opportunities-type-selector .form-item-checkbox {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
width: fit-content;
width: -moz-fit-content;
font-size: 16px; }
@media screen and (min-width: 768px) {
.opportunities-wrapper .opportunities-type-selector .form-item-checkbox {
font-size: 18px;
display: inline-block; }
.opportunities-wrapper .opportunities-type-selector .form-item-checkbox:first-child {
margin-right: 15px; } }
@media screen and (min-width: 991px) {
.opportunities-wrapper .opportunities-type-selector .form-item-checkbox:first-child {
margin-right: 30px; } }
.opportunities-wrapper .opportunities-type-selector .form-item-checkbox input[type="checkbox"] {
display: none; }
.opportunities-wrapper .opportunities-type-selector .form-item-checkbox input[type="checkbox"]:checked + label {
background-color: #004494;
color: #FFF; }
.opportunities-wrapper .opportunities-type-selector .form-item-checkbox label {
margin-bottom: 0;
padding: 10px 50px;
border-radius: 23.5px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
transition: all .3s ease-in-out;
color: #004494;
cursor: pointer; }
.opportunities-wrapper .opportunities-type-selector .form-item-checkbox label:hover {
background-color: #f0f0f0; }
.activities {
padding-top: 132px;
min-height: calc(100vh - 291px); }
.activities .wave-top {
height: 255px;
display: block; }
@media screen and (min-width: 768px) {
.activities .wave-top {
height: 280px; } }
.activities .activities-hero-content {
position: relative;
z-index: 1;
padding-bottom: 75px !important; }
.activities .activities-wrapper > h2 {
font-weight: 500;
font-size: 36px;
color: #004494;
font-family: 'Lora', sans-serif;
margin-bottom: 30px; }
.activities .activities-wrapper .card {
border-radius: 9px;
overflow: hidden;
border: 0;
height: 100%;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); }
.activities .activities-wrapper .card .card-header {
position: relative;
padding: 0;
height: 190px; }
.activities .activities-wrapper .card .card-header img {
width: 100%;
object-fit: cover;
height: 100%; }
.activities .activities-wrapper .card .card-header .tag {
padding: 3px 17px;
border-radius: 12px;
background-color: #004494;
color: #FFF;
position: absolute;
bottom: 10px;
left: 10px;
font-size: 12px;
font-weight: 600; }
.activities .activities-wrapper .card .card-body {
padding: 15px; }
.activities .activities-wrapper .card .card-body .date {
font-size: 16px;
color: #004494;
font-weight: 500;
margin-bottom: 14px; }
.activities .activities-wrapper .card .card-body .card-title {
font-size: 16px;
font-weight: 600;
color: #494a4a; }
.activities .activities-wrapper .card .card-body .card-text {
color: #6d7278; }
.activities .activities-wrapper .card .card-body .card-text small {
font-weight: 500; }
.activities .activities-wrapper .card .card-body .card-text em {
margin-right: -2px; }
.activities .activities-wrapper .card .card-body .card-text span:first-child {
padding-right: 10px;
border-right: 1px solid #6d7278; }
.activities .activities-wrapper .card .card-body .card-text span:not(:last-child) {
margin-right: 10px; }
.activities .activities-wrapper .card .card-body .card-text span:not(:last-child).red-dot {
background-color: #fe0000;
width: 10px;
height: 10px;
display: inline-block;
border-radius: 50%;
margin-right: 3px; }
.activities .activities-wrapper .card .card-footer {
background-color: #fff;
border-top: 0;
padding: 0 15px 18px; }
.activities .activities-wrapper .card .card-footer .btn-custom {
background-color: #FFF;
color: #004494;
border: 1px solid #004494;
padding: 6px 50px; }
.activities .activities-wrapper .card .card-footer .btn-custom:hover {
color: #FFF;
background-color: #004494; }
.page-not-found {
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0; }
.page-not-found img {
width: 313px;
margin-bottom: 25px; }
.page-not-found strong {
font-size: 22px;
color: #FFF;
font-family: 'Inter', sans-serif; }
.hero-about {
width: 100%;
position: relative;
animation: bg-animation 8s infinite alternate;
background-size: 200%;
background-position: left;
background-image: linear-gradient(124deg, #5bb331 20%, #5bb331 46%, #147aea 76%, #0345c4 92%);
overflow: hidden; }
.hero-about__content {
position: relative;
z-index: 3;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 150px;
padding-top: 50px; }
.hero-about__content h3 {
font-size: 40px;
font-weight: 500;
color: #FFF;
font-family: 'Lora', serif;
margin-bottom: 30px; }
@media screen and (min-width: 768px) {
.hero-about__content h3 {
font-size: 60px; } }
@media screen and (min-width: 1200px) {
.hero-about__content h3 {
padding-left: 40px;
margin-bottom: 0px; } }
@media screen and (min-width: 768px) {
.hero-about__content {
padding-left: 0;
padding-right: 0;
padding-bottom: 220px;
padding-top: 100px; } }
.ambassadors-form .custom-container {
max-width: 960px !important; }
#upcoming-events {
background-color: #f0f0f0; }
#upcoming-events .wave-container {
transform: translateX(-50%) translateY(50%);
width: 100%; }
@media (max-width: 767px) {
#upcoming-events .wave-container {
transform: translateX(-50%) translateY(113%); } }
#upcoming-events .swiper-wrapper {
padding: 0 0 10px 0;
margin-top: 10px; }
#upcoming-events .swiper-wrapper .month {
color: #004494;
margin-bottom: 10px;
font-weight: bold;
font-size: 12px; }
#upcoming-events .swiper-wrapper .upcoming-events-card {
border-radius: 9px;
overflow: hidden;
border: 0;
height: 100%;
width: 100%;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23);
border-top: 10px solid #026bb2; }
#upcoming-events .swiper-wrapper .upcoming-events-card .my-title {
font-weight: bold;
line-height: 20px;
color: #3a3a3a;
padding: 10px 0; }
#upcoming-events .swiper-wrapper .upcoming-events-card .my-title .stretched-link {
text-decoration: none; }
.post-type-archive-activities .activities-hero {
background-color: #ffff; }
#section6 {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/food-climate-nexus-bg-2.svg);
background-size: cover;
background-position: top;
background-repeat: no-repeat;
padding-top: 300px;
position: relative;
z-index: 1; }
.containerGoals h2, .containerMessage h2 {
color: #004494;
font-size: 24px; }
.containerGoals p, .containerMessage p {
color: #282828;
font-size: 18px; }
@media (min-width: 1024px) {
h2.ctw {
width: 80%; }
.page-id-814 #section7 .custom-container {
margin-top: 40px; } }
.containerGoals::before {
width: 76px;
height: 76px;
content: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/goals.png);
position: absolute;
margin-left: -100px; }
.containerMessage::before {
width: 76px;
height: 76px;
content: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/message.png);
position: absolute;
padding-left: 25px; }
.page-id-814 #section7 h2 {
font-family: 'Lora', sans-serif;
font-size: 36px; }
.page-id-814 #section7 p {
font-size: 24px; }
.page-id-814 #section7 .btn-custom {
background-color: #5CB331 !important; }
.page-id-814 #section7 .row {
margin-bottom: 0 !important; }
@media (min-width: 1024px) {
.page-id-814 #section7 img,
.home #section7 img {
position: relative;
margin-bottom: -28px;
right: -190px;
margin-top: -156px; }
.page-id-814 #section8 {
margin: 100px 0; } }
.page-id-814 .grey-wave {
height: 260px; }
.page-id-814 #section8 h4 {
color: #134F99;
font-size: 16px; }
.page-id-814 #section8 h2 {
font-family: 'Lora', sans-serif;
color: #134F99;
font-size: 36px; }
.page-id-814 #section8 p {
font-size: 16px; }
.page-id-814 #section8 .img-fluid {
max-width: 90% !important; }
.page-id-814 #section9 {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/joinActivities-bg.png);
background-size: cover;
background-position: top;
background-repeat: no-repeat;
padding-top: 80px;
padding-bottom: 40px;
position: relative;
z-index: 1; }
@media (min-width: 1200px) {
.page-id-814 .join-the-wave__latest-activities {
padding-top: 150px; } }
@media (min-width: 992px) {
.page-id-814 .join-the-wave__latest-activities .col-12 {
-ms-flex: 0 0 25% !important;
flex: 0 0 25% !important;
max-width: 25% !important; } } .page-id-814 .single-waver__wavers-slider .custom-container--single-waver {
padding: 100px 0; }
.page-id-814 .single-waver__wavers-slider .wavers_slider-top {
width: 100%; }
.page-id-814 .single-waver__wavers-slider h2 {
text-align: center; }
.page-id-814 .single-waver__wavers-slider .slider-wrapper {
overflow-x: clip;
overflow-y: visible;
padding: 0 20px; }
.page-id-814 .single-waver__wavers-slider .swiper-container {
overflow-x: clip;
overflow-y: visible;
margin-bottom: 60px; }
@media screen and (min-width: 768px) {
.page-id-814 .single-waver__wavers-slider .swiper-container {
margin-bottom: 90px; } }
@media screen and (min-width: 1440px) {
.page-id-814 .single-waver__wavers-slider .swiper-container {
padding: 0; } }
.page-id-814 .single-waver__wavers-slider .waver {
position: relative;
height: 280px;
width: 280px; }
@media screen and (min-width: 768px) {
.page-id-814 .single-waver__wavers-slider .waver {
width: 100%;
height: auto;
padding-top: 100%; } }
.page-id-814 .single-waver__wavers-slider .swiper-slide {
transition: all .6s ease-in-out;
transform: scale(0.5); }
.page-id-814 .single-waver__wavers-slider .swiper-slide.swiper-slide-active {
transform: scale(1); }
@media screen and (min-width: 768px) {
.page-id-814 .single-waver__wavers-slider .swiper-slide {
transform: scale(0.5) translateX(-50%); }
.page-id-814 .single-waver__wavers-slider .swiper-slide.swiper-slide-prev {
transform: scale(0.7) translateX(-20%); }
.page-id-814 .single-waver__wavers-slider .swiper-slide.swiper-slide-next {
transform: scale(0.7) translateX(20%); }
.page-id-814 .single-waver__wavers-slider .swiper-slide.swiper-slide-next + .swiper-slide:not(.swiper-slide-active) {
transform: scale(0.5) translateX(50%); }
.page-id-814 .single-waver__wavers-slider .swiper-slide.swiper-slide-active {
transform: scale(1); } }
@media screen and (min-width: 1200px) {
.page-id-814 .single-waver__wavers-slider .swiper-slide.swiper-slide-prev {
transform: scale(0.8) translateX(-40%); }
.page-id-814 .single-waver__wavers-slider .swiper-slide.swiper-slide-next {
transform: scale(0.8) translateX(40%); }
.page-id-814 .single-waver__wavers-slider .swiper-slide.swiper-slide-next + .swiper-slide:not(.swiper-slide-active) {
transform: scale(0.5) translateX(50%); }
.page-id-814 .single-waver__wavers-slider .swiper-slide.swiper-slide-active {
transform: scale(1.23); } }
.page-id-814 .single-waver__wavers-slider .waver__picture {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/bg-waver-picture-blue.svg);
padding: 3% 3% 2% 2%;
background-size: cover; }
.page-id-814 .single-waver__wavers-slider .waver__picture img {
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover; }
.page-id-814 .single-waver__wavers-slider .waver__details {
position: absolute;
bottom: 2%;
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/waver-cloud-details.svg);
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;
color: #FFF;
width: 100%;
height: 30%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 5%;
text-align: center;
font-size: 14px; }
.page-id-814 .single-waver__wavers-slider .waver__details strong {
font-size: 17px;
display: block;
font-family: "Lora", serif; }
@media screen and (min-width: 1200px) {
.page-id-814 .single-waver__wavers-slider .waver__details {
font-size: 11px; }
.page-id-814 .single-waver__wavers-slider .waver__details strong {
font-size: 16px; } }
.page-id-814 .single-waver__wavers-slider .slider-controls .arrow-prev, .page-id-814 .single-waver__wavers-slider .slider-controls .arrow-next {
width: 40px; }
.page-id-814 .single-waver__wavers-slider .slider-controls .arrow-prev:focus, .page-id-814 .single-waver__wavers-slider .slider-controls .arrow-next:focus {
outline: none; }
.page-id-814 .single-waver__wavers-slider .slider-controls .arrow-prev img, .page-id-814 .single-waver__wavers-slider .slider-controls .arrow-next img {
width: 100%; }
.page-id-814 .single-waver__wavers-slider .slider-controls .arrow-next img {
transform: scaleX(-1); } .page-id-814 .join-the-wave__ambassador-form {
margin-top: 100px; }
.page-id-814 .join-the-wave__newsletter .join-the-wave__newsletter_bg {
height: auto;
padding-bottom: 70px; }
@media screen and (min-width: 768px) {
.page-id-814 .join-the-wave__newsletter {
margin-bottom: 0; } }
@media screen and (max-width: 767px) {
.page-id-814 .page-hero {
height: 260px; }
.page-id-814 .page-hero .wave-top {
position: relative;
top: 0; }
.page-id-814 .page-hero-content {
top: -260px; }
.page-id-814 [data-aos^=fade][data-aos^=fade] {
opacity: 1 !important; }
.ctw-title {
margin-bottom: 0; }
.containerGoals {
margin-top: -80px; }
.containerMessage {
padding-bottom: 65px; }
.containerGoals::before {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/goals.png);
background-size: 38px 38px;
display: flex;
width: 38px;
height: 38px;
content: "";
position: initial;
margin: 10px auto; }
.containerMessage::before {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/message.png);
background-size: 38px 38px;
display: flex;
width: 38px;
height: 38px;
content: "";
position: initial;
margin: 10px auto; }
.page-id-814 #section8 {
margin-top: -160px; }
.page-id-814 .join-the-wave__hashtag-stripe__content {
padding: 0; }
.page-id-814 .ctw-wrapper {
top: 40px !important;
overflow: hidden;
position: relative; }
.page-id-814 .join-the-wave__newsletter {
margin-bottom: 0; }
.page-id-814 .join-the-wave__newsletter_bg .section-title {
padding-top: 50px; } } .section-pretitle {
color: #004494;
font-weight: 500;
font-size: 16px; }
.section-title {
color: #004494;
font-family: 'Lora', sans-serif;
margin-bottom: 50px;
font-size: 36px; }
.section-paragraph {
font-size: 16px;
line-height: 25px; }
.content-paragraph {
margin-bottom: 35px; }
.content-paragraph .title {
line-height: 1.14;
color: #004494;
margin-bottom: 25px;
font-family: 'Lora', sans-serif; }
.content-paragraph .title--small {
font-size: 30px;
margin-bottom: 20px; }
.content-paragraph .paragraph {
font-size: 16px;
color: #282828;
line-height: 23px;
max-width: unset; }
.content-paragraph ul {
list-style: none;
padding-left: 2.7em;
font-size: 16px;
color: #282828; }
.content-paragraph ul li::before {
line-height: 23px;
content: "\2022";
color: #213a85;
font-weight: bold;
display: inline-block;
font-size: 25px;
width: 1em;
margin-left: -1em; }
.content-paragraph ul.decimal {
padding-left: 1.7em; }
.content-paragraph ul.decimal li {
margin-bottom: 10px; }
.content-paragraph ul.decimal li::before {
content: attr(data-number);
color: #004494;
font-family: "Lora", serif; }
.custom-container {
padding: 0 20px; }
.custom-container .row {
margin-left: -20px;
margin-right: -20px; }
.custom-container .row > * {
padding-left: 20px;
padding-right: 20px; }
.custom-container .row .col {
padding-left: 20px !important;
padding-right: 20px !important; }
@media screen and (min-width: 576px) {
.custom-container.container {
max-width: 540px; } }
@media screen and (min-width: 768px) {
.custom-container.container {
max-width: 720px; } }
@media screen and (min-width: 991px) {
.custom-container.container {
max-width: 800px; } }
@media screen and (min-width: 1440px) {
.custom-container.container {
max-width: 960px; } }
.swiper-wrapper.disabled {
transform: translate3d(0px, 0, 0) !important; }
.page-tpl .wave-top {
height: 212px;
display: block; }
@media screen and (min-width: 438px) {
.page-tpl .wave-top {
height: 235px; } }
.page-tpl .custom-container:not(.container) {
max-width: 1140px;
margin-left: auto;
margin-right: auto; }
.page-tpl.privacy-policy h1, .page-tpl.privacy-policy h2, .page-tpl.disclaimer h1, .page-tpl.disclaimer h2 {
color: #004494;
font-family: 'Lora', sans-serif;
margin-bottom: 50px;
font-size: 36px; }
.page-tpl.privacy-policy h2, .page-tpl.disclaimer h2 {
font-size: 30px;
margin-bottom: 20px; }
.page-tpl.privacy-policy p, .page-tpl.disclaimer p {
font-size: 16px;
color: #282828;
line-height: 23px;
max-width: unset; }
.page-hero .page-hero-content {
position: relative;
z-index: 1;
padding: 50px 20px 75px;
text-align: center; }
.page-hero .page-hero-content p {
font-family: 'Inter', sans-serif;
font-size: 20px;
color: #ffffff; }
.page-hero .page-hero-content h1 {
max-width: 640px;
margin: 0 auto;
font-family: 'Lora', sans-serif;
font-size: 43px;
font-weight: 500;
line-height: 1.07;
letter-spacing: normal;
color: #ffffff; }
.wpv-pagination-nav-links-container {
justify-content: center; }
.page-item {
border-radius: 50%;
position: relative;
width: 38px;
height: 38px; }
.page-item:not(:last-child) {
margin-right: 15px; }
.page-item .page-link {
padding: 0;
margin: 0;
border-radius: 0;
position: absolute;
top: 50%;
left: 50%;
color: #044494;
transform: translate(-50%, -50%);
border: 0;
font-size: 17px; }
.page-item .page-link:hover {
background-color: transparent !important; }
.page-item .page-link:focus {
box-shadow: none; }
.page-item.active {
background-color: #004494; }
.page-item.active .page-link {
color: #FFF;
background: none; }
.page-item .page-link {
background: none !important; } .form-wrapper {
margin-bottom: 145px;
position: relative;
z-index: 2; }
@media screen and (min-width: 576px) {
.form-wrapper {
margin-bottom: 230px !important; } }
.form-wrapper .custom-container {
max-width: 1140px;
margin: 50px auto 0; }
@media screen and (min-width: 768px) {
.form-wrapper .custom-container {
margin: 0 auto; } }
@media screen and (min-width: 768px) {
.form-wrapper .custom-container {
padding: 0 60px; } }
@media screen and (min-width: 1440px) {
.form-wrapper .custom-container {
padding: 0; } }
.form-wrapper .form {
background-color: #0e66dc;
border-radius: 13px;
padding: 40px 20px;
max-width: 550px;
margin: 0 auto 60px; }
@media screen and (min-width: 768px) {
.form-wrapper .form {
max-width: unset;
margin: 0 0 60px;
padding: 36px 50px 50px; } }
.form-wrapper .form h4 {
color: #FFF;
font-size: 19px;
font-weight: bold;
line-height: 25px;
margin-bottom: 36px;
display: block;
width: 100%;
padding: 0 15px; }
.form-wrapper .form .ambassador-picture-wrapper {
width: fit-content;
max-width: 100%;
padding: 0 15px;
margin: 0 auto; }
.form-wrapper .form .ambassador-picture-wrapper label {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.form-wrapper .form .row {
margin-bottom: 50px; }
.form-wrapper .form .form-control {
border-radius: 10px;
border: 0;
padding: 15px 22px;
height: 43px; }
.form-wrapper .form textarea.form-control {
margin-bottom: 20px;
height: auto; }
.form-wrapper .form .col-md-6 {
margin-bottom: 20px; }
.form-wrapper .form .col-md-6:last-child {
margin-bottom: 0; }
.form-wrapper .form label {
color: #FFF;
align-items: center;
margin-bottom: 0;
display: flex; }
.form-wrapper .form label a {
text-decoration: underline;
margin-left: 5px; }
.form-wrapper .form .wpcf7-acceptance input[type='checkbox'] {
position: relative;
cursor: pointer;
padding: 0;
margin-right: 15px;
width: 20px; }
.form-wrapper .form .wpcf7-acceptance input[type='checkbox']:before {
content: '';
margin-right: 10px;
display: inline-block;
margin-top: -2px;
width: 20px;
height: 20px;
background: #FFF;
border-radius: 5px; }
.form-wrapper .form .wpcf7-acceptance input[type='checkbox']:disabled {
color: #b8b8b8;
cursor: auto; }
.form-wrapper .form .wpcf7-acceptance input[type='checkbox']:disabled:before {
box-shadow: none;
background: #ddd; }
.form-wrapper .form .wpcf7-acceptance input[type='checkbox']:checked:after {
content: '\f00c';
position: absolute;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 11px;
left: 50%;
top: 50%;
color: #004494;
transform: translate(-50%, -39%); }
.form-wrapper .form .wpcf7-acceptance span.wpcf7-list-item {
margin: 0; }
.form-wrapper .form label[for='ambassador-picture'] {
background-color: #FFF;
max-width: unset;
width: fit-content;
cursor: pointer;
text-decoration: none;
color: #004494 !important;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
border: 0;
min-height: 43px;
border-radius: 11px;
padding: 0 22px;
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/button-wave.svg);
background-size: 100%;
background-repeat: repeat-x;
background-position: 0 -100%;
transition: 2.5s ease; }
.form-wrapper .form label[for='ambassador-picture'] input {
display: none; }
.form-wrapper .form label[for='ambassador-picture']:hover {
background-color: #d9d9d9; }
.form-wrapper .form label[for='ambassador-picture'].uploaded-file {
background-position: 500% 100%;
color: #FFF !important; }
.form-wrapper .form .wpcf7 form .wpcf7-response-output {
border: 0;
background-color: #5cb331;
font-size: 16px;
color: #FFF;
border-radius: 11px;
padding: 10px 20px;
margin: 30px 0 0 0; }
.form-wrapper .form.no-response .wpcf7 form .wpcf7-response-output {
display: none; }
.form-wrapper .form .btn {
background-color: #5cb331;
font-weight: bold;
border-radius: 11px;
font-size: 16px;
line-height: 20px;
padding: 11px 27px;
align-self: center;
border: 0; }
.form-wrapper .form .btn:hover {
background-color: #478b26; }
.form-wrapper .form p {
color: #FFF; }
@keyframes upDownArrow {
0% {
transform: translateY(-100px); }
100% {
transform: translateY(0px); } }
.material-box-row {
margin-right: -6px;
margin-left: -6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.material-box-wrapper {
padding: 0 6px;
-webkit-box-flex: 0;
margin-bottom: 12px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media screen and (min-width: 768px) {
.material-box-wrapper {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
.material-box-wrapper .material-box {
padding: 25px 36px;
border-radius: 10px;
border: solid 2px #134f99;
min-height: 127px;
height: 100%;
text-decoration: none; }
.material-box-wrapper .material-box .text {
width: calc(100% - 121px);
padding-right: 15px; }
.material-box-wrapper .material-box span {
display: block;
font-size: 18.5px;
color: #003399;
font-weight: normal; }
.material-box-wrapper .material-box p {
margin-bottom: 0;
font-size: 16px;
font-weight: normal;
line-height: 1.31;
color: #4a4a4a; }
.material-box-wrapper .material-box:last-child {
margin-bottom: 0; }
.material-box-wrapper .material-box .book {
width: 55px;
margin-right: 40px; }
.material-box-wrapper .material-box .download {
width: 26px;
height: 26px; }
.material-box-wrapper .material-box:hover .download g:nth-child(2) {
animation: upDownArrow 1s infinite alternate; }
.material-box-wrapper .material-box svg {
width: 26px; }
.useful-resources {
padding: 30px 40px;
margin-bottom: 60px;
border-radius: 9px;
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.23);
background-color: #ffffff; }
.useful-resources ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none; }
.useful-resources ul li {
text-align: center;
font-size: 19px;
margin-bottom: 10px;
color: #273f88; }
.useful-resources ul li a {
text-align: left; }
.useful-resources ul li span {
display: inline-block;
transition: all .3s ease-in-out; }
.useful-resources ul li:last-child {
margin-bottom: 0; }
@media screen and (min-width: 991px) {
.useful-resources ul li:hover span {
transform: translateX(5px); } }
.video-wrapper {
position: relative;
width: 100%;
z-index: 2; } .video-wrapper iframe {
display: block;
width: 100%; }
.play-btn {
position: absolute;
z-index: 666;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: transparent;
border: 0; }
.play-btn:hover {
cursor: pointer; }
.play-btn:focus {
outline: 0; } .videoPlayerOverlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
background-color: rgba(0, 0, 0, 0.5);
transition-property: all;
-moz-transition-property: all;
-webkit-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-duration: 0.25s;
-webkit-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-timing-function: linear;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
-ms-transition-timing-function: linear;
-moz-transition-timing-function: linear; }
.videoPlayerOverlay .closeIcon {
position: absolute;
right: 15px;
top: 10px;
z-index: 200;
padding: 10px;
border: 0;
background: #ffffff;
width: 40px;
height: 40px;
border-radius: 50%;
transition: transition(all, 0.25s, linear); }
.videoPlayerOverlay .closeIcon:focus {
outline: none; }
.videoPlayerOverlay .closeIcon img {
width: 100%;
height: 100%;
vertical-align: top; }
.videoPlayerOverlay iframe {
max-width: calc(100% - 30px);
max-height: calc(100% - 120px);
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75); }
.videoPlayerOverlay.hiddenTransform {
opacity: 0;
visibility: hidden;
transform: translateY(50px);
-webkit-transform: translateY(50px); }
@media only screen and (min-width: 1200px) {
.videoPlayerOverlay .closeIcon:hover {
cursor: pointer;
background: #e6e6e6; } }
.wave-top {
transform: scaleY(-1);
height: 300px;
position: absolute;
top: 114px;
left: 0;
right: 0;
display: none; }
.wave-top svg {
height: 100%; }
@media screen and (min-width: 576px) {
.wave-top {
display: block; } }
@media screen and (min-width: 1440px) {
.wave-top {
top: 132px; } }
.single-opportunity {
position: relative;
font-family: 'Inter', sans-serif;
font-weight: 500; }
.single-opportunity h1, .single-opportunity h2, .single-opportunity h3 {
font-family: 'Lora', sans-serif;
color: #004494;
font-size: 36px;
font-weight: 500; }
.single-opportunity .featured-image {
position: relative;
z-index: 2;
max-width: 100%;
height: 300px;
background-size: cover;
background-position: center center;
margin-bottom: 50px; }
@media screen and (min-width: 576px) {
.single-opportunity .featured-image {
margin: 30px auto 50px;
width: 480px;
height: 320px; } }
@media screen and (min-width: 768px) {
.single-opportunity .featured-image {
width: 590px;
height: 393px; } }
@media screen and (min-width: 991px) {
.single-opportunity .featured-image {
width: 648px;
height: 432px; } }
@media screen and (min-width: 1440px) {
.single-opportunity .featured-image {
width: 768px;
height: 512px; } }
.single-opportunity .meta-section {
margin-bottom: 150px; }
@media screen and (min-width: 768px) {
.single-opportunity .meta-section {
margin-bottom: 100px; } }
.single-opportunity .grey-bg {
background-color: #f7f7f7; }
.single-opportunity .grey-bg .container {
position: relative;
top: -93px; }
@media screen and (min-width: 768px) {
.single-opportunity .grey-bg .container {
top: -61px; } }
.single-opportunity .container {
padding: 0 20px; }
.single-opportunity .container .row {
margin-left: -20px;
margin-right: -20px; }
@media screen and (min-width: 576px) {
.single-opportunity .container {
max-width: 540px; } }
@media screen and (min-width: 768px) {
.single-opportunity .container {
max-width: 720px; } }
@media screen and (min-width: 991px) {
.single-opportunity .container {
max-width: 800px; } }
@media screen and (min-width: 1440px) {
.single-opportunity .container {
max-width: 960px; } }
.single-opportunity .container .title {
text-align: center;
line-height: 1.21;
margin-bottom: 30px; }
.single-opportunity .container .deadline {
font-size: 18px;
text-align: center;
color: #134f99; }
.single-opportunity .container .deadline span {
display: block; }
@media screen and (min-width: 768px) {
.single-opportunity .container .deadline span {
display: initial; } }
.single-opportunity .container .budget {
margin-bottom: 30px;
font-size: 18px;
line-height: 1.06;
text-align: center;
color: #282828; }
.single-opportunity .container .budget span {
display: block;
margin-bottom: 10px; }
@media screen and (min-width: 768px) {
.single-opportunity .container .budget span {
display: inline-block; } }
.single-opportunity .container .budget p {
display: inline-block; }
.single-opportunity .container .partner {
font-size: 16px;
text-align: center;
display: block;
color: #6d7278; }
.single-opportunity .container .partner span {
display: block; }
@media screen and (min-width: 768px) {
.single-opportunity .container .partner span {
display: initial; } }
.single-opportunity .container .application-cta {
padding: 30px 40px;
background-image: linear-gradient(276deg, #5bb331 16%, #5bb331 22%, #147aea 64%, #0345c4 96%);
background-size: cover;
background-position: center;
border-radius: 9px;
margin-bottom: 50px; }
.single-opportunity .container .application-cta .text {
color: #FFF; }
.single-opportunity .container .application-cta .text p {
margin-bottom: 0; }
.single-opportunity .container .application-cta .text p:nth-child(1) {
font-size: 24px; }
.single-opportunity .container .application-cta .text p:nth-child(2) {
font-size: 18px; }
.single-opportunity .container .application-cta .cta .btn {
color: #004494;
padding: 10px 68px; }
.single-opportunity .container .application-cta.cta-2 {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23);
background: #004494;
margin-bottom: 80px; }
.single-opportunity .container .paragraph:not(:last-child) {
margin-bottom: 60px; }
.single-opportunity .container .paragraph h2 {
line-height: 1.14;
color: #213a85;
margin-bottom: 30px; }
.single-opportunity .container .paragraph p {
font-size: 16px;
color: #282828;
line-height: 23px; }
.single-opportunity .container .paragraph ul {
list-style: none;
padding-left: 2.7em;
font-size: 16px;
color: #282828; }
.single-opportunity .container .paragraph ul li::before {
line-height: 23px;
content: "\2022";
color: #213a85;
font-weight: bold;
display: inline-block;
font-size: 25px;
width: 1em;
margin-left: -1em; }
@media screen and (min-width: 991px) {
.single-opportunity .btn-custom:hover {
background-color: #f0f0f0 !important; } }
.single-opportunity .custom-file-input {
height: 43px; }
.single-opportunity .custom-file-label {
border-radius: 10px;
overflow: hidden;
padding: 15px 22px 15px 115px;
height: 43px;
border: 0;
line-height: 18px; }
.single-opportunity .custom-file-label::before {
left: 0;
right: auto;
border: 0;
position: absolute;
top: 0;
bottom: 0;
z-index: 3;
display: block;
height: 100%;
line-height: 1.5;
color: #495057;
content: "Upload";
background-color: #e9ecef; }
.single-opportunity .custom-file-label::before, .single-opportunity .custom-file-label::after {
height: 43px;
width: 95px;
padding: 10px 21px;
border-radius: 0; }
.single-opportunity .category-label {
position: absolute;
left: 42px;
top: 50%;
transform: translateY(-50%);
color: #6d757d !important;
font-weight: normal;
z-index: 1;
pointer-events: none; }
.single-opportunity .custom-file {
height: 43px; }
.single-opportunity .form-control {
border-radius: 10px;
border: 0;
padding: 15px 22px;
height: 43px; }
.single-opportunity textarea.form-control {
height: auto; }
@media screen and (min-width: 991px) {
.single-opportunity textarea.form-control {
height: 110px; } }
.single-opportunity .wpcf7-list-item {
margin-left: 26px; }
.single-opportunity .wpcf7-list-item .wpcf7-list-item-label.custom-control-label {
padding-left: 7px; }
.single-opportunity .wpcf7-list-item .custom-control.custom-radio {
cursor: pointer; }
.single-opportunity .custom-control-input:checked ~ .custom-control-label::before {
background-color: #004494;
border-color: #004494; }
.single-opportunity .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: none; }
.single-opportunity .wpcf7-radio .wpcf7-list-item.first {
margin-left: 0; }
.single-opportunity .bootstrap-select {
width: 100%; }
.single-opportunity .bootstrap-select .dropdown-toggle {
background-color: #FFF !important;
box-shadow: none;
width: 100%;
border-radius: 10px !important;
padding: 12px 22px !important;
height: 43px;
border: 0; }
.single-opportunity .bootstrap-select .dropdown-toggle:focus {
outline: none !important; }
.single-opportunity .bootstrap-select.selected .filter-option-inner-inner {
color: #495057 !important; }
.single-opportunity .dropdown-toggle, .single-opportunity .dropdown-menu {
border-radius: 9999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
background-color: #ffffff;
font-size: 18px;
padding: 10px 40px; }
.single-opportunity .dropdown-toggle .filter-option-inner-inner, .single-opportunity .dropdown-menu .filter-option-inner-inner {
color: #FFF;
font-weight: normal; }
.single-opportunity .dropdown-toggle::after, .single-opportunity .dropdown-menu::after {
border-top-color: #004494; }
.single-opportunity .dropdown-menu {
border-radius: 15px;
padding: 10px;
border: 0;
margin-top: 8px; }
.single-opportunity .dropdown-menu li {
border-radius: 13px; }
.single-opportunity .dropdown-menu li a.dropdown-item {
border-radius: 13px;
padding: 8px 20px; }
.single-opportunity .dropdown-menu li a.dropdown-item.active, .single-opportunity .dropdown-menu li a.dropdown-item:active {
background-color: #004494; }
.single-opportunity .dropdown-menu li:not(:last-child) {
margin-bottom: 10px; }
.wave-top {
transform: scaleY(-1);
height: 300px;
position: absolute;
top: 114px;
left: 0;
right: 0;
display: none; }
.wave-top svg {
height: 100%; }
@media screen and (min-width: 576px) {
.wave-top {
display: block; } }
@media screen and (min-width: 1440px) {
.wave-top {
top: 132px; } }
.single-stories {
position: relative;
font-family: 'Inter', sans-serif;
font-weight: 500; }
.single-stories h1, .single-stories h2, .single-stories h3 {
font-family: 'Lora', sans-serif;
color: #004494;
font-size: 36px;
font-weight: 500; }
.single-stories .featured-image {
position: relative;
z-index: 2;
max-width: 100%;
height: 300px;
background-size: cover;
background-position: center center;
margin-bottom: 50px; }
@media screen and (max-width: 767px) {
.single-stories .featured-image {
max-width: 90%;
height: 230px;
background-repeat: no-repeat;
background-size: contain;
margin-bottom: initial;
margin: 0 auto; } }
@media screen and (min-width: 576px) {
.single-stories .featured-image {
margin: 30px auto 50px;
width: 480px;
height: 320px; } }
@media screen and (min-width: 768px) {
.single-stories .featured-image {
width: 590px;
height: 393px; } }
@media screen and (min-width: 991px) {
.single-stories .featured-image {
width: 648px;
height: 432px; } }
@media screen and (min-width: 1440px) {
.single-stories .featured-image {
width: 768px;
height: 512px; } }
@media (max-width: 767px) {
.single-stories .meta-section {
margin-top: 0px; } }
@media (min-width: 768px) {
.single-stories .meta-section {
margin-bottom: 150px; } }
@media screen and (min-width: 768px) {
.single-stories .meta-section {
margin-bottom: 0; } }
.single-stories .grey-bg {
background-color: #f7f7f7; }
.single-stories .grey-bg .container {
position: relative;
top: -93px; }
@media screen and (min-width: 768px) {
.single-stories .grey-bg .container {
top: -61px; } }
.single-stories .container {
padding: 0 20px; }
.single-stories .container .row {
margin-left: -20px;
margin-right: -20px; }
@media screen and (min-width: 576px) {
.single-stories .container {
max-width: 540px; } }
@media screen and (min-width: 768px) {
.single-stories .container {
max-width: 720px; } }
@media screen and (min-width: 991px) {
.single-stories .container {
max-width: 800px; } }
@media screen and (min-width: 1440px) {
.single-stories .container {
max-width: 960px; } }
.single-stories .container .title {
text-align: center;
line-height: 1.21;
margin-bottom: 30px; }
.single-stories .container .deadline {
font-size: 18px;
text-align: center;
color: #134f99; }
.single-stories .container .budget {
margin-bottom: 30px;
font-size: 18px;
line-height: 1.06;
text-align: center;
color: #282828; }
.single-stories .container .budget span {
display: block;
margin-bottom: 10px; }
@media screen and (min-width: 768px) {
.single-stories .container .budget span {
display: inline-block; } }
.single-stories .container .budget p {
display: inline-block; }
.single-stories .container .partner {
font-size: 16px;
text-align: center;
display: block;
color: #6d7278; }
.single-stories .container .partner span {
display: block; }
@media screen and (min-width: 768px) {
.single-stories .container .partner span {
display: initial; } }
.single-stories .container .application-cta {
padding: 30px 40px;
background-image: linear-gradient(276deg, #5bb331 16%, #5bb331 22%, #147aea 64%, #0345c4 96%);
background-size: cover;
background-position: center;
border-radius: 9px;
margin-bottom: 50px; }
.single-stories .container .application-cta .text {
color: #FFF; }
.single-stories .container .application-cta .text p {
margin-bottom: 0; }
.single-stories .container .application-cta .text p:nth-child(1) {
font-size: 24px; }
.single-stories .container .application-cta .text p:nth-child(2) {
font-size: 18px; }
.single-stories .container .application-cta .cta .btn {
color: #004494;
padding: 10px 68px; }
.single-stories .container .application-cta.cta-2 {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23);
background: #004494;
margin-bottom: 80px; }
.single-stories .container .paragraph:not(:last-child) {
margin-bottom: 60px; }
.single-stories .container .paragraph h2 {
line-height: 1.14;
color: #213a85;
margin-bottom: 30px; }
.single-stories .container .paragraph p {
font-size: 16px;
color: #282828;
line-height: 23px; }
.single-stories .container .paragraph ul {
list-style: none;
padding-left: 2.7em;
font-size: 16px;
color: #282828; }
.single-stories .container .paragraph ul li::before {
line-height: 23px;
content: "\2022";
color: #213a85;
font-weight: bold;
display: inline-block;
font-size: 25px;
width: 1em;
margin-left: -1em; }
@media screen and (min-width: 991px) {
.single-stories .btn-custom:hover {
background-color: #f0f0f0 !important; } }
.single-stories .custom-file-input {
height: 43px; }
.single-stories .custom-file-label {
border-radius: 10px;
overflow: hidden;
padding: 15px 22px 15px 115px;
height: 43px;
border: 0;
line-height: 18px; }
.single-stories .custom-file-label::before {
left: 0;
right: auto;
border: 0;
position: absolute;
top: 0;
bottom: 0;
z-index: 3;
display: block;
height: 100%;
line-height: 1.5;
color: #495057;
content: "Upload";
background-color: #e9ecef; }
.single-stories .custom-file-label::before, .single-stories .custom-file-label::after {
height: 43px;
width: 95px;
padding: 10px 21px;
border-radius: 0; }
.single-stories .category-label {
position: absolute;
left: 42px;
top: 50%;
transform: translateY(-50%);
color: #6d757d !important;
font-weight: normal;
z-index: 1;
pointer-events: none; }
.single-stories .custom-file {
height: 43px; }
.single-stories .form-control {
border-radius: 10px;
border: 0;
padding: 15px 22px;
height: 43px; }
.single-stories textarea.form-control {
height: auto; }
@media screen and (min-width: 991px) {
.single-stories textarea.form-control {
height: 110px; } }
.single-stories .wpcf7-list-item {
margin-left: 26px; }
.single-stories .wpcf7-list-item .wpcf7-list-item-label.custom-control-label {
padding-left: 7px; }
.single-stories .wpcf7-list-item .custom-control.custom-radio {
cursor: pointer; }
.single-stories .custom-control-input:checked ~ .custom-control-label::before {
background-color: #004494;
border-color: #004494; }
.single-stories .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: none; }
.single-stories .wpcf7-radio .wpcf7-list-item.first {
margin-left: 0; }
.single-stories .bootstrap-select {
width: 100%; }
.single-stories .bootstrap-select .dropdown-toggle {
background-color: #FFF !important;
box-shadow: none;
width: 100%;
border-radius: 10px !important;
padding: 12px 22px !important;
height: 43px;
border: 0; }
.single-stories .bootstrap-select .dropdown-toggle:focus {
outline: none !important; }
.single-stories .bootstrap-select.selected .filter-option-inner-inner {
color: #495057 !important; }
.single-stories .dropdown-toggle, .single-stories .dropdown-menu {
border-radius: 9999px;
font-size: 18px;
padding: 10px 40px; }
.single-stories .dropdown-toggle .filter-option-inner-inner, .single-stories .dropdown-menu .filter-option-inner-inner {
color: #FFF;
font-weight: normal; }
.single-stories .dropdown-toggle::after, .single-stories .dropdown-menu::after {
border-top-color: #004494; }
.single-stories .dropdown-menu {
border-radius: 15px;
padding: 10px;
border: 0;
margin-top: 8px; }
.single-stories .dropdown-menu li {
border-radius: 13px; }
.single-stories .dropdown-menu li a.dropdown-item {
border-radius: 13px;
padding: 8px 20px; }
.single-stories .dropdown-menu li a.dropdown-item.active, .single-stories .dropdown-menu li a.dropdown-item:active {
background-color: #004494; }
.single-stories .dropdown-menu li:not(:last-child) {
margin-bottom: 10px; } @keyframes bg-animation-activities {
0% {
opacity: 0;
transform: scale(1.5); }
100% {
opacity: 1;
transform: scale(1); } }
.single-activity .cta-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
background-color: #004494;
height: 90px;
overflow: hidden;
z-index: 9998;
transition: all .3s ease; }
.single-activity .cta-bar.show {
opacity: 1;
visibility: visible; }
.single-activity .cta-bar .btn-custom {
background-color: #FFF;
color: #004494; }
.single-activity .cta-bar p {
color: #FFFFFF;
font-size: 20px;
font-weight: 500;
margin-bottom: 0; }
.single-activity .cta-bar .liquid-button-container {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%); }
@media screen and (min-width: 991px) {
.single-activity .cta-bar p {
font-size: 24px; } }
.single-activity .hero-section {
height: 700px;
overflow: hidden; }
.single-activity .hero-section .background {
background-position: center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
animation: bg-animation-activities 2.5s 1.5s; }
.single-activity .hero-section:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
animation: bg-animation 8s infinite alternate;
background-size: 200%;
background-position: left;
background-image: linear-gradient(124deg, #5bb331 20%, #5bb331 46%, #147aea 76%, #0345c4 92%);
opacity: 0.8; }
.single-activity .hero-section #corner-blob {
position: absolute;
top: 0;
z-index: 2; }
.single-activity .hero-section .hero-section-content {
color: #FFF;
position: relative;
z-index: 3;
height: 700px; }
.single-activity .hero-section .hero-section-content > span {
font-size: 20px;
margin-bottom: 15px; }
.single-activity .hero-section .hero-section-content h1 {
font-family: 'Lora', sans-serif;
font-size: 43px;
font-weight: 500;
margin-bottom: 30px; }
.single-activity .hero-section .hero-section-content .event-meta {
margin-bottom: 18px;
font-size: 20px; }
.single-activity .hero-section .hero-section-content .event-meta img, .single-activity .hero-section .hero-section-content .event-meta span {
vertical-align: text-top; }
.single-activity .hero-section .hero-section-content .event-meta img {
width: 28px;
margin-right: 20px; }
.single-activity .hero-section .hero-section-content .liquid-button-container {
transform: translate(-40px, -20px); }
@media screen and (min-width: 991px) {
.single-activity .hero-section .hero-section-content h1 {
max-width: 560px; } }
.single-activity .intro-section h2 {
font-size: 36px;
font-weight: 500;
color: #004494;
font-family: 'Lora', sans-serif;
text-align: center;
max-width: 526px;
margin: 0 auto 20px; }
.single-activity .intro-section p {
font-size: 16px;
color: #313131;
text-align: center;
margin-bottom: 50px; }
.countdown {
border-radius: 22px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
padding: 20px 20px 30px;
margin-bottom: 60px; }
@media screen and (min-width: 768px) {
.countdown {
padding: 20px 116px 30px; } }
.countdown .number .value {
font-size: 46px;
text-align: center;
color: #454545; }
.countdown .number .label {
font-size: 16px;
color: #454545; }
@media screen and (min-width: 576px) {
.countdown .number .value {
font-size: 64px;
text-align: center;
color: #454545; }
.countdown .number .label {
font-size: 18px; } } .agenda h2 {
color: #004494;
font-family: 'Lora', sans-serif;
margin-bottom: 50px;
font-size: 36px; }
.agenda .date {
font-size: 24px;
display: inline-block; }
.agenda nav {
margin-bottom: 20px;
position: relative; }
@media screen and (min-width: 576px) {
.agenda nav {
margin-bottom: 50px; } }
.agenda nav .scroll-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, white 100%);
transition: all .3s ease; }
.agenda nav .scroll-overlay.scrolled {
background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, white 100%); }
.agenda nav .scroll-overlay.end {
background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 20%); }
.agenda .nav-tabs {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding-bottom: 20px;
margin-bottom: 30px;
position: relative; -ms-overflow-style: none; scrollbar-width: none; }
.agenda .nav-tabs::-webkit-scrollbar {
display: none; }
@media screen and (min-width: 576px) {
.agenda .nav-tabs {
margin-bottom: 0; } }
.agenda .nav-tabs .nav-item {
flex: 0 0 auto;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 0;
font-weight: 500;
color: #979797;
position: relative;
transition: all .3s ease; }
.agenda .nav-tabs .nav-item:after {
content: '';
background-color: #004494;
height: 3px;
width: 0;
position: absolute;
bottom: -5px;
left: 0;
transition: all .3s ease; }
.agenda .nav-tabs .nav-item.active {
color: #313131;
font-weight: 600; }
.agenda .nav-tabs .nav-item.active:after {
width: 100%; }
.agenda .download-pdf {
color: #004494; }
.agenda .download-pdf svg {
width: 28px;
height: 28px;
vertical-align: middle;
display: inline-block;
margin-right: 10px; }
.agenda .download-pdf span {
display: inline-block;
vertical-align: middle; }
.agenda .download-pdf:hover svg g:nth-child(2) {
animation: upDownArrow 1s infinite alternate; }
.timeline {
color: #3a3a3a;
font-family: 'Inter', sans-serif;
margin-left: 10px;
margin-bottom: 0;
position: relative;
line-height: 1.4em;
font-size: 1.03em;
padding: 0 0px 0 30px;
list-style: none;
text-align: left;
font-weight: 100; }
@media screen and (min-width: 576px) {
.timeline {
margin-left: 185px;
padding: 0 50px 0 50px; } }
.timeline h1, .timeline h2, .timeline h3 {
letter-spacing: 1.5px;
font-weight: 400;
font-size: 1.4em;
color: #004494; }
.timeline .timeline-line {
width: 2px;
background-color: #004494;
position: absolute;
top: 0;
left: -2px; }
.timeline .event {
padding-bottom: 25px;
margin-bottom: 50px;
position: relative;
transform: translateY(-10px);
font-size: 16px;
font-weight: 400; }
.timeline .event.title h3, .timeline .event.title:before {
font-weight: 600; }
.timeline .event ul {
list-style-type: disc;
padding-left: 20px;
font-weight: normal;
color: #004494; }
.timeline .event:last-of-type {
padding-bottom: 0;
margin-bottom: 0;
border: none; }
.timeline .event:before, .timeline .event:after {
position: absolute;
display: block;
top: 0; }
.timeline .event:after {
left: -37.9px;
border-radius: 50%;
background-color: #004494;
height: 14px;
width: 14px;
content: "";
top: 5px; }
@media screen and (min-width: 576px) {
.timeline .event:after {
left: -57.9px; }
.timeline .event:before {
left: -219px;
color: #004494;
font-weight: 400;
font-size: 24px;
content: attr(data-date);
text-align: right;
min-width: 120px; } }
.timeline .event:last-child p {
margin-bottom: 0; }
.timeline .event .speaker p {
color: #004494;
font-size: 16px;
font-weight: normal; }
.timeline .event .speaker span {
color: #6b6b6b; }
.event-first-image-video img {
width: 100%; }
.quotes-slider {
background-image: linear-gradient(109deg, #71db0a 2%, #0957eb 96%);
animation: bg-animation 8s infinite alternate;
background-size: 200%;
background-position: left;
position: relative; }
.quotes-slider .swiper-container {
margin-bottom: 50px; }
@media screen and (min-width: 991px) {
.quotes-slider .swiper-container {
margin-bottom: 0; } }
.quotes-slider .swiper-slide {
color: #FFF;
text-align: center;
height: auto; }
.quotes-slider .swiper-slide p {
font-size: 16px;
color: #FFF;
margin-bottom: 8px; }
.quotes-slider .swiper-slide .quote-text p {
font-family: 'Lora', sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 1.57;
margin-bottom: 20px; }
.quotes-slider .swiper-slide span {
font-size: 16px; }
.quotes-slider .slider-controls {
position: absolute;
bottom: 40px;
left: 0;
right: 0; }
.quotes-slider .slider-controls .arrow-prev, .quotes-slider .slider-controls .arrow-next {
width: 40px; }
.quotes-slider .slider-controls .arrow-prev:focus, .quotes-slider .slider-controls .arrow-next:focus {
outline: none; }
.quotes-slider .slider-controls .arrow-prev img, .quotes-slider .slider-controls .arrow-next img {
width: 100%; }
.quotes-slider .slider-controls .arrow-next img {
transform: scaleX(-1); }
@media screen and (min-width: 991px) {
.quotes-slider .slider-controls {
bottom: 40px; } }
@media screen and (min-width: 1200px) {
.quotes-slider .slider-controls {
bottom: 60px; } }
@media screen and (min-width: 1440px) {
.quotes-slider .slider-controls {
bottom: 70px; } }
@media screen and (min-width: 1600px) {
.quotes-slider .slider-controls {
bottom: 80px; } }
.speakers {
background: linear-gradient(60deg, #831EF7 0%, #cd741b 80%);
animation: bg-animation 8s infinite alternate;
background-size: 200%;
background-position: left;
position: relative; }
.speakers h2 {
color: #FFF;
font-size: 36px;
font-family: 'Lora', sans-serif;
font-weight: 500;
margin-bottom: 50px; }
.speakers .swiper-container {
margin-bottom: 50px; }
@media screen and (min-width: 991px) {
.speakers .swiper-container {
margin-bottom: 0; } }
.speakers .swiper-slide {
color: #FFF;
text-align: center;
height: auto; }
.speakers .swiper-slide h3 {
font-family: 'Lora', sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 1.57;
margin-bottom: 20px; }
.speakers .swiper-slide p {
font-size: 16px;
color: #FFF;
margin-bottom: 8px; }
.speakers .swiper-slide span {
font-size: 16px; }
.speakers .slider-controls {
bottom: 40px; }
.speakers .slider-controls .arrow-prev, .speakers .slider-controls .arrow-next {
width: 40px; }
.speakers .slider-controls .arrow-prev:focus, .speakers .slider-controls .arrow-next:focus {
outline: none; }
.speakers .slider-controls .arrow-prev img, .speakers .slider-controls .arrow-next img {
width: 100%; }
.speakers .slider-controls .arrow-next img {
transform: scaleX(-1); }
.speakers .speaker-photo {
width: 210px;
height: 210px;
overflow: hidden;
border-radius: 50%;
border: 11px solid #FFF;
margin: 0 auto 30px; }
.speakers .speaker-photo img {
object-fit: cover;
width: 100%;
height: 100%; }
.speakers .speaker-profile {
width: 100%;
padding: 0 20px; }
.speakers .speaker-bio {
padding: 0 20px;
width: 100%;
text-align: left; }
.speakers .speaker-bio p {
line-height: 32px; }
@media screen and (min-width: 768px) {
.speakers .speaker-profile {
width: 250px; }
.speakers .speaker-profile .speaker-photo {
margin: 0 0 30px; }
.speakers .speaker-bio {
padding: 20px 20px 0;
width: calc(100% - 250px); } }
.speakers .speaker-info {
text-align: center;
display: block; }
.speakers .speaker-info p {
font-size: 24px;
margin-bottom: 0; }
.speakers .speaker-info span {
font-size: 20px;
display: block;
margin-bottom: 20px; }
.speakers .speaker-info .speaker-socials {
list-style-type: none;
padding: 0; }
.speakers .speaker-info .speaker-socials li {
margin-right: 20px; }
.speakers .speaker-info .speaker-socials li:last-child {
margin-right: 0; }
.speakers .speaker-info .speaker-socials li a {
display: block;
width: 30px;
height: 30px;
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/icons/web-white.svg);
background-size: 100%;
background-repeat: no-repeat; }
.speakers .speaker-info .speaker-socials li a.web {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/icons/web-white.svg); }
.speakers .speaker-info .speaker-socials li a.li {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/icons/li-white.svg); }
.speakers .speaker-info .speaker-socials li a.tw {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/icons/tw-white.svg); }
.speakers .speaker-info .speaker-socials li a.ig {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/icons/ig-white.svg); }
.speakers .speaker-info .speaker-socials li a.fb {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/icons/fb-white.svg); }
.speakers .speaker-info .speaker-socials li a.yt {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/icons/yt-white.svg); }
.speakers .speaker-info .speaker-socials li a.tk {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/icons/tk-white.svg); }
.photo-gallery {
overflow: hidden; }
.photo-gallery .swiper-container {
margin-bottom: 50px;
overflow: visible; }
@media screen and (min-width: 991px) {
.photo-gallery .swiper-container {
margin-bottom: 0; } }
.photo-gallery .swiper-slide {
height: 333px;
width: 267px;
margin-right: 24px; }
.photo-gallery .swiper-slide:last-child {
margin-right: 0; }
.photo-gallery .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover; }
.photo-gallery .slider-controls .arrow-prev, .photo-gallery .slider-controls .arrow-next {
width: 40px; }
.photo-gallery .slider-controls .arrow-prev:focus, .photo-gallery .slider-controls .arrow-next:focus {
outline: none; }
.photo-gallery .slider-controls .arrow-prev img, .photo-gallery .slider-controls .arrow-next img {
width: 100%; }
.photo-gallery .slider-controls .arrow-next img {
transform: scaleX(-1); }
.video-gallery {
background-image: linear-gradient(170deg, #95c11f 0, #007d52 100%);
animation: bg-animation 8s infinite alternate;
background-size: 200%;
background-position: left; }
.video-gallery h2 {
padding-top: 50px; }
@media screen and (min-width: 768px) {
.video-gallery h2 {
padding-top: 100px; } }
.video-gallery h4 {
font-size: 26px;
color: #004494;
text-align: center;
display: block;
font-family: 'Lora', sans-serif; }
.video-gallery .swiper-container {
margin-bottom: 50px; }
@media screen and (min-width: 991px) {
.video-gallery .swiper-container {
margin-bottom: 0; } }
.video-gallery .slider-controls .arrow-prev, .video-gallery .slider-controls .arrow-next {
width: 40px; }
.video-gallery .slider-controls .arrow-prev:focus, .video-gallery .slider-controls .arrow-next:focus {
outline: none; }
.video-gallery .slider-controls .arrow-prev img, .video-gallery .slider-controls .arrow-next img {
width: 100%; }
.video-gallery .slider-controls .arrow-next img {
transform: scaleX(-1); }
.organizers {
margin-bottom: 107px; }
.organizers .col-md-7, .organizers .col-md-5 {
padding: 0 20px; }
.organizers span {
color: #313131;
margin-bottom: 15px;
display: block; }
.organizers h2 {
margin-bottom: 24px; }
.organizers p {
line-height: 26px;
margin-bottom: 27px; }
.organizers .btn {
padding: 10px 85px; }
.organizers .logo .organizer-logo {
width: 100%;
overflow: hidden; }
.organizers .logo img {
width: 100%;
height: 100%;
max-height: 200px;
object-fit: contain; }
.organizers .slider-controls .arrow-prev, .organizers .slider-controls .arrow-next {
width: 40px; }
.organizers .slider-controls .arrow-prev:focus, .organizers .slider-controls .arrow-next:focus {
outline: none; }
.organizers .slider-controls .arrow-prev img, .organizers .slider-controls .arrow-next img {
width: 100%; }
.organizers .slider-controls .arrow-next img {
transform: scaleX(-1); }
.more-info .more-info-box {
border-radius: 22px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
.more-info .more-info-box p {
margin-bottom: 0; }
.more-info .more-info-box p, .more-info .more-info-box strong {
color: #3a3a3a; }
.join-the-wave {
font-weight: normal; }
.join-the-wave .wave-top {
height: 235px;
display: block; }
.join-the-wave .join-the-wave-hero .join-the-wave-hero-content {
position: relative;
z-index: 1;
padding-bottom: 75px !important; }
.join-the-wave .join-the-wave-hero .join-the-wave-hero-content h1 {
max-width: 640px; }
.join-the-wave .text-join-the-wave {
max-width: 550px;
margin: 0 auto; }
.join-the-wave .text-join-the-wave .text-paragraph {
max-width: 500px; }
.join-the-wave .text-join-the-wave .section-pretitle {
margin-bottom: 15px;
line-height: 14px;
display: block; }
.join-the-wave .text-join-the-wave .section-title {
margin-bottom: 25px; }
.join-the-wave .text-join-the-wave .section-paragraph {
margin-bottom: 30px; }
.join-the-wave .text-join-the-wave hr {
border-color: #004494;
margin: 35px 0; }
.join-the-wave .text-join-the-wave small {
font-size: 16px;
color: #7c7c7c;
margin-bottom: 27px; }
.join-the-wave .text-join-the-wave a {
transition: all .3s ease;
display: block;
text-decoration: none; }
.join-the-wave .text-join-the-wave a > * {
vertical-align: bottom;
display: inline-block; }
.join-the-wave .text-join-the-wave a span {
margin-right: 10px;
line-height: 23px; }
.join-the-wave .text-join-the-wave a svg {
transition: all .3s ease;
width: 23px;
height: 23px; }
.join-the-wave .text-join-the-wave a svg path {
fill: #004494; }
.join-the-wave .text-join-the-wave a:hover {
color: #002148; }
.join-the-wave .text-join-the-wave a:hover svg path {
fill: #002148; }
.join-the-wave__intro {
margin-bottom: 50px; }
.join-the-wave__intro h2 {
margin-bottom: 20px; }
.join-the-wave__intro p {
max-width: 727px;
margin: 0 auto 50px; }
.join-the-wave__intro p:nth-child(3) {
margin-bottom: 100px; }
.join-the-wave__intro .video-wrapper {
margin-bottom: 70px; }
.join-the-wave__intro .video-wrapper iframe {
display: block; }
.join-the-wave__messages {
background-color: #004494;
border-radius: 13px;
padding: 40px 30px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); }
.join-the-wave__messages .content-paragraph {
margin-bottom: 50px; }
.join-the-wave__messages .section-title, .join-the-wave__messages .title, .join-the-wave__messages .paragraph, .join-the-wave__messages li, .join-the-wave__messages ul li::before {
color: #FFF !important; }
.join-the-wave__challenge {
max-width: 1140px;
margin: 0 auto 50px;
padding: 0 20px;
position: relative;
z-index: 2; }
@media screen and (min-width: 768px) {
.join-the-wave__challenge {
padding: 0 60px; } }
@media screen and (min-width: 1440px) {
.join-the-wave__challenge {
padding: 0; } }
.join-the-wave__challenge img {
width: 100%;
border-radius: 13px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); }
@media screen and (min-width: 768px) {
.join-the-wave__challenge img {
max-width: 500px; } }
@media screen and (min-width: 768px) {
.join-the-wave__challenge .text-join-the-wave {
margin: 0; } }
.join-the-wave__challenge .text-join-the-wave ul {
list-style: none;
padding-left: 2.7em;
font-size: 16px;
color: #282828; }
.join-the-wave__challenge .text-join-the-wave ul li::before {
line-height: 23px;
content: "\2022";
color: #213a85;
font-weight: bold;
display: inline-block;
font-size: 25px;
width: 1em;
margin-left: -1em; }
.join-the-wave__challenge a.btn-custom:hover {
color: #FFF !important; }
.join-the-wave__latest-opportunities {
position: relative;
padding-bottom: 50px;
background-color: #f8f8f8; }
@media screen and (min-width: 1200px) {
.join-the-wave__latest-opportunities {
background-color: transparent; } }
@media screen and (min-width: 1440px) {
.join-the-wave__latest-opportunities {
padding-top: 30px; } }
@media screen and (min-width: 1700px) {
.join-the-wave__latest-opportunities {
padding-top: 75px; } }
@media screen and (min-width: 2000px) {
.join-the-wave__latest-opportunities {
padding-top: 30px; } }
@media screen and (min-width: 2400px) {
.join-the-wave__latest-opportunities {
padding-top: 75px; } }
.join-the-wave__latest-opportunities:after {
content: "";
position: absolute;
top: -110px;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/join-the-wave-bg-1.svg);
background-size: 100%;
background-position: center top;
background-repeat: no-repeat; }
@media screen and (min-width: 576px) {
.join-the-wave__latest-opportunities:after {
top: -200px; } }
@media screen and (min-width: 991px) {
.join-the-wave__latest-opportunities:after {
top: -265px; } }
@media screen and (min-width: 1440px) {
.join-the-wave__latest-opportunities:after {
top: -280px; } }
@media screen and (min-width: 2000px) {
.join-the-wave__latest-opportunities:after {
top: -350px; } }
@media screen and (min-width: 2200px) {
.join-the-wave__latest-opportunities:after {
top: -370px; } }
@media screen and (min-width: 2400px) {
.join-the-wave__latest-opportunities:after {
top: -380px; } }
.join-the-wave__slider {
position: relative;
z-index: 1; }
@media screen and (min-width: 768px) {
.join-the-wave__slider {
padding: 0 60px;
background-color: transparent; } }
@media screen and (min-width: 1440px) {
.join-the-wave__slider {
padding: 0; } }
.join-the-wave__slider .custom-container {
max-width: 1140px;
margin: 0 auto; }
@media screen and (min-width: 576px) {
.join-the-wave__slider .custom-container {
padding: 0 20px !important;
display: flex;
justify-content: space-between;
align-items: center;
-webkit-align-items: center; } }
.join-the-wave__slider .join-the-wave__slider__arrows-wrapper {
width: 100%; }
@media screen and (min-width: 576px) {
.join-the-wave__slider .join-the-wave__slider__arrows-wrapper {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: calc(100% - 40px); } }
.join-the-wave__slider .join-the-wave__slider__arrow {
width: 50px;
height: 50px;
border-radius: 50%;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23);
position: relative;
outline: none;
background-color: #FFF; }
.join-the-wave__slider .join-the-wave__slider__arrow:first-child {
margin-right: 15px; }
@media screen and (min-width: 768px) {
.join-the-wave__slider .join-the-wave__slider__arrow:first-child {
margin-right: 0; } }
.join-the-wave__slider .join-the-wave__slider__arrow img {
position: absolute;
top: 50%;
left: 50%;
width: 25px;
transform: translate(-50%, -50%); }
.join-the-wave__slider .join-the-wave__slider__arrow.next img {
transform: translate(-50%, -50%) scaleX(-1); }
.join-the-wave__slider .join-the-wave__slider__container {
padding: 0 10px;
overflow: hidden; }
@media screen and (min-width: 576px) {
.join-the-wave__slider .join-the-wave__slider__container {
width: calc(100% - 135px); } }
.join-the-wave__slider .swiper-container {
overflow: visible; }
.join-the-wave__slider .swiper-wrapper {
padding: 45px 0 30px; }
@media screen and (min-width: 576px) {
.join-the-wave__slider .swiper-wrapper {
padding: 70px 0; } }
.join-the-wave__slider .swiper-slide {
height: auto;
padding: 0 15px; }
.join-the-wave__slider .swiper-slide:last-child {
margin-right: 0; }
.join-the-wave__slider .swiper-slide .opportunities-card {
width: 100%;
border: 0;
text-align: left;
overflow: hidden;
border-radius: 9px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); }
.join-the-wave__slider .swiper-slide .opportunities-card .col-md-4 {
background-position: center center;
background-size: cover;
min-height: 200px; }
.join-the-wave__slider .swiper-slide .opportunities-card .col-md-8 {
padding: 20px; }
.join-the-wave__slider .swiper-slide .opportunities-card .col-md-8 span {
font-size: 14px;
font-weight: 500;
display: block;
margin-bottom: 12px;
color: #004494;
text-transform: uppercase; }
.join-the-wave__slider .swiper-slide .opportunities-card .col-md-8 strong {
color: #494a4a;
font-size: 16px;
display: block;
line-height: 1.17;
margin-bottom: 10px; }
.join-the-wave__slider .swiper-slide .opportunities-card .col-md-8 p {
font-size: 14px;
color: #282828; }
.join-the-wave__slider .swiper-slide .opportunities-card .col-md-8 small {
display: block;
color: #6d7278;
font-size: 14px;
line-height: 1;
margin-bottom: 7px; }
.join-the-wave__slider .swiper-slide .opportunities-card .col-md-8 small:last-child {
margin-bottom: 16px;
line-height: 1.6; }
.join-the-wave__slider .swiper-slide .opportunities-card .col-md-8 .btn {
background-color: transparent;
color: #004494;
border: 1px solid #004494;
transition: all .2s ease-in-out;
padding-top: 8px;
padding-bottom: 8px;
font-size: 16px;
margin: 0 auto;
display: block; }
@media screen and (min-width: 576px) {
.join-the-wave__slider .swiper-slide .opportunities-card .col-md-8 p, .join-the-wave__slider .swiper-slide .opportunities-card .col-md-8 small, .join-the-wave__slider .swiper-slide .opportunities-card .col-md-8 strong, .join-the-wave__slider .swiper-slide .opportunities-card .col-md-8 span {
font-size: 16px; }
.join-the-wave__slider .swiper-slide .opportunities-card .col-md-8 .btn {
margin: 0;
font-size: 14px; } }
@media screen and (min-width: 991px) {
.join-the-wave__slider .swiper-slide .opportunities-card .col-md-8 .btn:hover {
background-color: #004494;
color: #FFF; } }
.join-the-wave__slider .swiper-slide .opportunities-card .col-md-8 img {
width: auto; }
@media screen and (min-width: 576px) {
.join-the-wave__slider .swiper-slide .opportunities-card .col-md-8 img {
width: 43px; } }
.join-the-wave__latest-activities {
padding-top: 70px;
padding-bottom: 70px; }
@media screen and (min-width: 576px) {
.join-the-wave__latest-activities {
padding-bottom: 0; } }
.join-the-wave__latest-activities .card {
border-radius: 9px;
overflow: hidden;
border: 0;
height: 100%;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); }
.join-the-wave__latest-activities .card .card-header {
position: relative;
padding: 0;
height: 190px; }
.join-the-wave__latest-activities .card .card-header img {
width: 100%;
object-fit: cover;
height: 100%; }
.join-the-wave__latest-activities .card .card-header .tag {
padding: 3px 17px;
border-radius: 12px;
background-color: #004494;
color: #FFF;
position: absolute;
bottom: 10px;
left: 10px;
font-size: 13px;
font-weight: 600; }
.join-the-wave__latest-activities .card .card-body {
padding: 15px; }
.join-the-wave__latest-activities .card .card-body .date {
font-size: 16px;
color: #004494;
font-weight: 500;
margin-bottom: 14px; }
.join-the-wave__latest-activities .card .card-body .card-title {
font-size: 16px;
font-weight: 600;
color: #494a4a; }
.join-the-wave__latest-activities .card .card-body .card-text {
color: #6d7278; }
.join-the-wave__latest-activities .card .card-body .card-text small {
font-weight: 500; }
.join-the-wave__latest-activities .card .card-body .card-text em {
margin-right: -2px; }
.join-the-wave__latest-activities .card .card-body .card-text span:first-child {
padding-right: 10px;
border-right: 1px solid #6d7278; }
.join-the-wave__latest-activities .card .card-body .card-text span:not(:last-child) {
margin-right: 10px; }
.join-the-wave__latest-activities .card .card-body .card-text span:not(:last-child).red-dot {
background-color: #fe0000;
width: 10px;
height: 10px;
display: inline-block;
border-radius: 50%;
margin-right: 3px; }
.join-the-wave__latest-activities .card .card-footer {
background-color: #fff;
border-top: 0;
padding: 0 15px 18px; }
.join-the-wave__latest-activities .card .card-footer .btn-custom {
background-color: #FFF;
color: #004494;
border: 1px solid #004494;
padding: 6px 50px; }
.join-the-wave__latest-activities .card .card-footer .btn-custom:hover {
color: #FFF;
background-color: #004494; }
.join-the-wave__facebook-filter {
position: relative; }
.join-the-wave__facebook-filter .custom-container {
max-width: 1140px;
margin: 0 auto;
position: relative;
z-index: 1; }
@media screen and (min-width: 768px) {
.join-the-wave__facebook-filter .custom-container {
padding: 0 60px; } }
@media screen and (min-width: 1440px) {
.join-the-wave__facebook-filter .custom-container {
padding: 0; } }
.join-the-wave__facebook-filter .custom-container .text-join-the-wave {
margin: 0; }
@media screen and (min-width: 768px) {
.join-the-wave__facebook-filter .custom-container .text-join-the-wave {
padding-top: 100px; } }
.join-the-wave__facebook-filter .custom-container img {
max-width: 420px; }
@media screen and (min-width: 768px) {
.join-the-wave__facebook-filter .custom-container img {
max-width: 550px; } }
.join-the-wave__facebook-filter .custom-container a.btn-custom svg {
margin-right: 15px; }
.join-the-wave__facebook-filter .custom-container a.btn-custom svg path {
fill: #FFF !important; }
.join-the-wave__facebook-filter .custom-container a.btn-custom:hover {
color: #FFF !important; }
.join-the-wave__hashtag-stripe {
background: linear-gradient(90deg, #cd741b 0%, #831ef7 94%); }
.join-the-wave__hashtag-stripe__content {
padding: 85px 20px 95px;
max-width: 460px;
margin: 0 auto;
font-family: 'Lora', sans-serif;
color: #FFF;
text-align: center; }
.join-the-wave__hashtag-stripe__content p {
font-size: 26px;
line-height: 28px;
font-weight: normal; }
.join-the-wave__hashtag-stripe__content h3 {
font-size: 34px;
font-weight: bold; }
@media screen and (min-width: 576px) {
.join-the-wave__hashtag-stripe__content h3 {
font-size: 46px; } }
.join-the-wave__hashtag-stripe__content h3 span {
color: #004494; }
@media screen and (min-width: 460px) {
.join-the-wave__hashtag-stripe__content {
padding: 85px 0 95px; } }
.join-the-wave__instagram-filter {
max-width: 1140px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 2; }
@media screen and (min-width: 768px) {
.join-the-wave__instagram-filter {
padding: 0 60px; } }
@media screen and (min-width: 1440px) {
.join-the-wave__instagram-filter {
padding: 0; } }
.join-the-wave__instagram-filter img {
max-width: 230px; }
@media screen and (min-width: 768px) {
.join-the-wave__instagram-filter img {
max-width: 319px; } }
@media screen and (min-width: 768px) {
.join-the-wave__instagram-filter .text-join-the-wave {
padding-top: 100px;
margin: 0; } }
.join-the-wave__instagram-filter a.btn-custom:hover {
color: #FFF !important; }
.join-the-wave__ambassador {
position: relative;
margin-bottom: 140px; }
.join-the-wave__ambassador .container {
position: relative;
z-index: 1; }
.join-the-wave__ambassador .container a {
color: #004494; }
.join-the-wave__ambassador .container .text-wrapper {
max-width: 683px;
margin: 0 auto; }
.join-the-wave__ambassador .container .text-wrapper h2 {
margin-bottom: 20px; }
.join-the-wave__ambassador .container .text-wrapper p {
margin-bottom: 23px; }
.join-the-wave__ambassador .container .text-wrapper .social-links .btn {
color: #FFF;
margin: 0 auto;
display: block;
width: fit-content;
width: -moz-fit-content; }
.join-the-wave__ambassador .container .text-wrapper .social-links .btn img {
vertical-align: unset; }
@media screen and (min-width: 576px) {
.join-the-wave__ambassador .container .text-wrapper .social-links .btn {
display: inline-block; }
.join-the-wave__ambassador .container .text-wrapper .social-links .btn:nth-child(1) {
margin: 0 15px 0 0; } }
@media screen and (min-width: 768px) {
.join-the-wave__ambassador .container .text-wrapper .social-links .btn:nth-child(1), .join-the-wave__ambassador .container .text-wrapper .social-links .btn:nth-child(2) {
margin-right: 15px; } }
.join-the-wave__ambassador .container .text-wrapper .social-links .btn:hover {
color: #FFF; }
.join-the-wave__ambassador__wave {
width: 100%; }
.join-the-wave__ambassador_bg {
background-color: #f8f8f8; }
.join-the-wave__ambassador__wall {
position: relative; }
.join-the-wave__ambassador__wall img {
width: 100%;
margin-bottom: 30px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
@media screen and (min-width: 768px) {
.join-the-wave__ambassador__wall img {
margin-bottom: 0px; } }
.join-the-wave__ambassador__wall .share-cta {
padding: 30px 40px;
background-image: linear-gradient(276deg, #5bb331 16%, #5bb331 22%, #147aea 64%, #0345c4 96%);
background-size: cover;
background-position: center;
border-radius: 9px;
max-width: 719px;
width: 100%;
position: static;
bottom: -100px;
left: 50%;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
@media screen and (min-width: 768px) {
.join-the-wave__ambassador__wall .share-cta {
position: absolute;
transform: translateX(-50%); } }
.join-the-wave__ambassador__wall .share-cta .text {
color: #FFF; }
.join-the-wave__ambassador__wall .share-cta .text p {
margin-bottom: 10px; }
.join-the-wave__ambassador__wall .share-cta .text p:nth-child(1) {
font-size: 16px; }
.join-the-wave__ambassador__wall .share-cta .text p:nth-child(2) {
font-size: 24px;
line-height: 27px;
font-family: 'Lora', sans-serif;
font-weight: 500; }
.join-the-wave__ambassador__wall .share-cta .cta .btn {
color: #004494;
background-color: #FFF;
padding: 10px 68px;
transition: all .3s ease; }
.join-the-wave__ambassador__wall .share-cta .cta .btn:hover {
transform: translateY(-2px);
box-shadow: 0px 4px 9px 2px rgba(33, 33, 33, 0.35); }
.join-the-wave__ambassador-form {
margin-bottom: 145px;
position: relative;
z-index: 2; } .join-the-wave__ambassador-form .custom-container {
max-width: 1140px;
margin: 50px auto 0; }
@media screen and (min-width: 768px) {
.join-the-wave__ambassador-form .custom-container {
margin: 0 auto; } }
@media screen and (min-width: 768px) {
.join-the-wave__ambassador-form .custom-container {
padding: 0 60px; } }
@media screen and (min-width: 1440px) {
.join-the-wave__ambassador-form .custom-container {
padding: 0; } }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form {
background-color: #0e66dc;
border-radius: 13px;
padding: 40px 20px;
max-width: 550px;
margin: 0 auto 60px; }
@media screen and (min-width: 768px) {
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form {
max-width: unset;
margin: 0 0 60px;
padding: 36px 50px 50px; } }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form h4 {
color: #FFF;
font-size: 19px;
font-weight: bold;
line-height: 25px;
margin-bottom: 36px; }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form .row {
margin-bottom: 50px; }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form .col-md-6 {
margin-bottom: 20px; }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form .col-md-6:last-child {
margin-bottom: 0; }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form .col-md-6 .form-control {
border: 0;
height: 43px;
border-radius: 10px;
padding: 15px 22px; }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form label {
color: #FFF;
align-items: center;
margin-bottom: 0;
display: flex; }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form label a {
text-decoration: underline;
margin-left: 5px; }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form label.custom-file-label {
color: #495057; }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form .wpcf7-acceptance input[type='checkbox'] {
position: relative;
cursor: pointer;
padding: 0;
margin-right: 15px;
width: 20px; }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form .wpcf7-acceptance input[type='checkbox']:before {
content: '';
margin-right: 10px;
display: inline-block;
margin-top: -2px;
width: 20px;
height: 20px;
background: #FFF;
border-radius: 5px; }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form .wpcf7-acceptance input[type='checkbox']:disabled {
color: #b8b8b8;
cursor: auto; }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form .wpcf7-acceptance input[type='checkbox']:disabled:before {
box-shadow: none;
background: #ddd; }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form .wpcf7-acceptance input[type='checkbox']:checked:after {
content: '\f00c';
position: absolute;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 11px;
left: 50%;
top: 50%;
color: #004494;
transform: translate(-50%, -39%); }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form .wpcf7-acceptance span.wpcf7-list-item {
margin: 0; }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form .wpcf7 form .wpcf7-response-output {
border: 0;
background-color: #5cb331;
font-size: 16px;
color: #FFF;
border-radius: 11px;
padding: 10px 20px;
margin: 30px 0 0 0; }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form .btn {
background-color: #5cb331;
font-weight: bold;
border-radius: 11px;
font-size: 16px;
line-height: 20px;
padding: 11px 27px;
align-self: center; }
.join-the-wave__ambassador-form .join-the-wave__ambassador-form_form p {
color: #FFF; }
.join-the-wave__ambassador-form .btn-custom {
display: block;
width: fit-content;
width: -moz-fit-content; }
.join-the-wave__ambassador-form .section-title, .join-the-wave__ambassador-form .section-paragraph {
max-width: 550px;
margin-left: auto;
margin-right: auto; }
@media screen and (min-width: 768px) {
.join-the-wave__ambassador-form .section-title, .join-the-wave__ambassador-form .section-paragraph {
margin-bottom: 0; } }
.join-the-wave__ambassador-form .section-title a, .join-the-wave__ambassador-form .section-paragraph a {
color: #004494; }
.join-the-wave__newsletter {
margin-bottom: 400px; }
@media screen and (min-width: 768px) {
.join-the-wave__newsletter {
margin-bottom: 300px; } }
.join-the-wave__newsletter .join-the-wave__newsletter__wave {
width: 100%;
transform: scaleX(-1); }
.join-the-wave__newsletter .join-the-wave__newsletter_bg {
background-color: #f8f8f8;
height: 200px; }
.join-the-wave__newsletter .newsletter-cta {
padding: 30px 40px;
background-image: linear-gradient(276deg, #5bb331 16%, #5bb331 22%, #147aea 64%, #0345c4 96%);
background-size: cover;
background-position: center;
border-radius: 9px;
width: 100%;
position: static;
bottom: -90px;
left: 50%;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
.join-the-wave__newsletter .newsletter-cta .text {
color: #FFF; }
.join-the-wave__newsletter .newsletter-cta .text p {
margin-bottom: 10px; }
.join-the-wave__newsletter .newsletter-cta .text p:nth-child(1) {
font-size: 16px; }
.join-the-wave__newsletter .newsletter-cta .text p:nth-child(2) {
font-size: 24px;
line-height: 27px;
font-family: 'Lora', sans-serif;
font-weight: 500; }
.join-the-wave__newsletter .newsletter-cta .cta .btn {
color: #004494;
background-color: #FFF;
padding: 10px 68px;
transition: all .3s ease;
white-space: nowrap; }
.join-the-wave__newsletter .newsletter-cta .cta .btn:hover {
transform: translateY(-2px);
box-shadow: 0px 4px 9px 2px rgba(33, 33, 33, 0.35); }
.join-the-wave__newsletter .newsletter-cta .muField input {
border: 0;
height: 43px;
border-radius: 10px;
padding: 15px 22px;
display: block;
width: 100%; }
.join-the-wave__newsletter .newsletter-cta .muField input:focus {
outline: none; }
.join-the-wave__newsletter .newsletter-cta .muTerms, .join-the-wave__newsletter .newsletter-cta .muTerms2 {
position: absolute;
left: 30px;
color: #FFF; }
.join-the-wave__newsletter .newsletter-cta .muTerms a, .join-the-wave__newsletter .newsletter-cta .muTerms2 a {
text-decoration: underline; }
.join-the-wave__newsletter .newsletter-cta .subscribeForm .subscribeDataTable {
position: relative; }
.join-the-wave__newsletter .newsletter-cta .subscribeForm input[type="submit"] {
display: none; }
.join-the-wave__newsletter .newsletter-cta .subscribeForm input[type='checkbox'] {
position: relative;
cursor: pointer;
padding: 0;
margin-right: 15px;
width: 20px; }
.join-the-wave__newsletter .newsletter-cta .subscribeForm input[type='checkbox']:before {
content: '';
margin-right: 10px;
display: inline-block;
margin-top: -2px;
width: 20px;
height: 20px;
background: #FFF;
border-radius: 5px; }
.join-the-wave__newsletter .newsletter-cta .subscribeForm input[type='checkbox']:disabled {
color: #b8b8b8;
cursor: auto; }
.join-the-wave__newsletter .newsletter-cta .subscribeForm input[type='checkbox']:disabled:before {
box-shadow: none;
background: #ddd; }
.join-the-wave__newsletter .newsletter-cta .subscribeForm input[type='checkbox']:checked:after {
content: '\f00c';
position: absolute;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 11px;
left: 50%;
top: 50%;
color: #004494;
transform: translate(-50%, -39%); }
.join-the-wave__newsletter .newsletter-cta .subscribeForm .loading-img {
width: 18px;
height: 18px;
padding: 0 !important;
margin-right: 8px; }
.join-the-wave__newsletter .newsletter-cta .subscribeForm .show-response {
color: #FFF;
vertical-align: middle; }
.join-the-wave__stickers {
max-width: 1140px;
margin: 0 auto 200px;
position: relative; }
@media screen and (min-width: 768px) {
.join-the-wave__stickers {
padding: 0 60px; } }
@media screen and (min-width: 1440px) {
.join-the-wave__stickers {
padding: 0; } }
.join-the-wave__stickers .js-tilt {
transform-style: preserve-3d; }
.join-the-wave__stickers .js-tilt img {
display: none; }
.join-the-wave__stickers .js-tilt .stickers img {
width: 100%;
max-width: 420px;
display: block; }
@media screen and (min-width: 1440px) {
.join-the-wave__stickers .js-tilt {
height: 340px; }
.join-the-wave__stickers .js-tilt img {
max-width: 100%;
position: absolute;
display: block; }
.join-the-wave__stickers .js-tilt img:nth-child(1) {
transform: translateZ(60px) translateX(-140px) translateY(-113px) scale(0.45); }
.join-the-wave__stickers .js-tilt img:nth-child(2) {
transform: translateZ(20px) translateY(-132px) translateX(133px) scale(0.35); }
.join-the-wave__stickers .js-tilt img:nth-child(3) {
left: 50%;
bottom: 0;
transform: translateZ(150px) translateX(-50%) scale(0.8); }
.join-the-wave__stickers .js-tilt .stickers img {
display: none; } }
.join-the-wave__generic-contents {
margin-bottom: 75px; }
.join-the-wave__generic-contents .section-title {
margin-bottom: 25px; }
.join-the-wave__profiled-contents {
margin-bottom: 75px; }
.join-the-wave__profiled-contents .section-title {
margin-bottom: 6px; }
.join-the-wave__profiled-contents .section-paragraph {
max-width: 535px;
margin: 0 auto 40px;
text-align: center; }
.join-the-wave__profiled-contents .nav-pills {
margin-bottom: 30px;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
position: relative; -ms-overflow-style: none; scrollbar-width: none; }
.join-the-wave__profiled-contents .nav-pills::-webkit-scrollbar {
display: none; }
.join-the-wave__profiled-contents .nav-pills .nav-item {
flex: 0 0 auto;
margin-right: 10px; }
.join-the-wave__profiled-contents .nav-pills .nav-item:last-child .nav-link {
margin-right: 20px; }
.join-the-wave__profiled-contents .nav-pills .nav-link {
border-radius: 23px;
border: 1px solid #004494;
color: #004494;
transition: background-color .3s ease-in-out;
font-weight: bold;
font-size: 13.7px; }
@media screen and (min-width: 768px) {
.join-the-wave__profiled-contents .nav-pills .nav-link {
font-size: 16px; } }
.join-the-wave__profiled-contents .nav-pills .nav-link.active {
background-color: #004494;
color: #FFF; }
.join-the-wave__profiled-contents .material-box-wrapper.instructions {
padding: 0;
margin: 0 auto 30px;
max-width: 396px; }
.join-the-wave__profiled-contents .material-box-wrapper.instructions a {
min-height: 43px;
padding: 10px 27px; }
.join-the-wave__profiled-contents .material-box-wrapper.instructions .text {
width: calc(100% - 25px);
text-align: center; }
.join-the-wave__profiled-contents .material-box-wrapper.instructions .download {
width: 20px;
height: 20px; }
.digital-kit .wave-top {
height: 235px;
display: block; }
.digital-kit .digital-kit-hero .digital-kit-hero-content {
position: relative;
z-index: 1;
padding-bottom: 75px !important; }
.digital-kit .digital-kit-hero .digital-kit-hero-content h1 {
max-width: 640px; }
.digital-kit__generic-contents {
margin-bottom: 75px; }
.digital-kit__generic-contents .section-title {
margin-bottom: 25px; }
.digital-kit__profiled-contents {
margin-bottom: 75px; }
.digital-kit__profiled-contents .section-title {
margin-bottom: 6px; }
.digital-kit__profiled-contents .section-paragraph {
max-width: 535px;
margin: 0 auto 40px;
text-align: center; }
.digital-kit__profiled-contents .nav-pills {
margin-bottom: 30px;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
position: relative; -ms-overflow-style: none; scrollbar-width: none; }
.digital-kit__profiled-contents .nav-pills::-webkit-scrollbar {
display: none; }
.digital-kit__profiled-contents .nav-pills .nav-item {
flex: 0 0 auto;
margin-right: 10px; }
.digital-kit__profiled-contents .nav-pills .nav-item:last-child .nav-link {
margin-right: 20px; }
.digital-kit__profiled-contents .nav-pills .nav-link {
border-radius: 23px;
border: 1px solid #004494;
color: #004494;
transition: background-color .3s ease-in-out;
font-weight: bold;
font-size: 13.7px; }
@media screen and (min-width: 768px) {
.digital-kit__profiled-contents .nav-pills .nav-link {
font-size: 16px; } }
.digital-kit__profiled-contents .nav-pills .nav-link.active {
background-color: #004494;
color: #FFF; }
.digital-kit__profiled-contents .material-box-wrapper.instructions {
padding: 0;
margin: 0 auto 30px;
max-width: 396px; }
.digital-kit__profiled-contents .material-box-wrapper.instructions a {
min-height: 43px;
padding: 10px 27px; }
.digital-kit__profiled-contents .material-box-wrapper.instructions .text {
width: calc(100% - 25px);
text-align: center; }
.digital-kit__profiled-contents .material-box-wrapper.instructions .download {
width: 20px;
height: 20px; }
.library .card {
border-radius: 9px;
overflow: hidden;
border: 0;
height: 100%;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); }
.library .card .card-header {
position: relative;
padding: 0;
height: 190px;
display: none; }
.library .card .card-header img {
width: 100%;
object-fit: cover;
height: 100%; }
.library .card .card-body {
padding: 15px; }
.library .card .card-body .category {
font-size: 16px;
color: #004494;
font-weight: 500;
margin-bottom: 11px; }
.library .card .card-body .card-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 11px;
color: #494a4a; }
.library .card .card-body .card-text {
color: #6d7278; }
.library .card .card-body .card-text small {
font-weight: 500;
font-size: 14px !important; }
.library .card .card-body .card-text em {
margin-right: -2px; }
.library .card .card-body .card-text span:first-child {
padding-right: 10px;
border-right: 1px solid #6d7278; }
.library .card .card-body .card-text span:not(:last-child) {
margin-right: 10px; }
.library .card .card-body .card-text span:not(:last-child).red-dot {
background-color: #fe0000;
width: 10px;
height: 10px;
display: inline-block;
border-radius: 50%;
margin-right: 3px; }
.library .card .card-footer {
background-color: #fff;
border-top: 0;
padding: 0 15px 18px; }
.library .card .card-footer .btn-custom {
background-color: #FFF;
color: #004494;
border: 1px solid #004494;
padding: 6px 50px; }
.library .card .card-footer .btn-custom:hover {
color: #FFF;
background-color: #004494; }
.social-wall .wave-top {
height: 435px;
display: block; }
@media screen and (min-width: 576px) {
.social-wall .wave-top {
height: 390px; } }
.social-wall .page-hero span {
color: #FFF;
max-width: 488px;
display: block;
margin: 0 auto 20px; }
.social-wall .social-list {
padding: 0;
color: #004494;
font-size: 20px;
margin-bottom: 0; }
.social-wall .social-list .social-icon {
background-color: #FFF;
border-radius: 50%;
display: inline-block;
width: 34px;
height: 34px;
position: relative;
margin-right: 10px;
vertical-align: middle; }
.social-wall .social-list .social-icon a {
color: #004494; }
.social-wall .social-list .social-icon:last-child {
margin-right: 0; }
.social-wall .social-list .social-icon i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.social-wall .wallsio-load-more-button {
padding: 10px 40px;
background-color: #004494;
border-radius: 30px;
font-weight: bold;
color: #FFF;
position: relative;
width: fit-content;
width: -moz-fit-content;
transition: all .3s ease;
margin: 0 auto;
display: block;
border: 0; }
.social-wall .wallsio-load-more-button:hover {
color: #FFF;
background-color: #00316b; }
.social-wall .wallsio-load-more-button:focus {
box-shadow: none;
color: #FFF;
outline: 0; } :root {
--animate-delay: 0.5s; }
.meet-the-wavers .hero-section {
height: 540px;
overflow: hidden; }
@media screen and (min-width: 768px) {
.meet-the-wavers .hero-section {
height: 700px; } }
@media screen and (min-width: 1200px) {
.meet-the-wavers .hero-section .swiper-container .slide-image {
right: unset;
left: 50%;
max-width: 705px;
padding-top: 50px; } }
.meet-the-wavers__intro-section {
max-width: 1140px;
margin: 0 auto 50px;
padding: 0 20px;
position: relative;
z-index: 2; }
@media screen and (min-width: 768px) {
.meet-the-wavers__intro-section {
margin: 0 auto;
padding: 0 60px; } }
@media screen and (min-width: 1440px) {
.meet-the-wavers__intro-section {
padding: 0; } }
.meet-the-wavers__intro-section img {
width: 100%; }
@media screen and (min-width: 768px) {
.meet-the-wavers__intro-section img {
transform: translateX(-40px); } }
@media screen and (min-width: 768px) {
.meet-the-wavers__intro-section .text-join-the-wave {
margin: 0; } }
.meet-the-wavers__intro-section .text-join-the-wave p {
color: #004494;
font-size: 18px; }
.meet-the-wavers__intro-section a.btn-custom:hover {
color: #FFF !important; }
.meet-the-wavers__wavers__content {
background-color: #f8f8f8;
padding-top: 80px; }
.meet-the-wavers__wavers__content label[for="wpv-wpcf-waver-country-of-origin"] {
color: #004494;
font-size: 16px;
margin-bottom: 23px;
display: block;
font-weight: 500; }
.meet-the-wavers__wavers__content .bootstrap-select {
margin-bottom: 100px !important; }
@media screen and (min-width: 768px) {
.meet-the-wavers__wavers__content .bootstrap-select {
width: 417px !important; } }
.meet-the-wavers__wavers__content .bootstrap-select .dropdown-toggle:focus {
outline: none !important; }
.meet-the-wavers__wavers__content .dropdown-toggle, .meet-the-wavers__wavers__content .dropdown-menu {
border-radius: 9999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
background-color: #ffffff;
font-size: 18px;
padding: 10px 40px; }
.meet-the-wavers__wavers__content .dropdown-toggle .filter-option-inner-inner, .meet-the-wavers__wavers__content .dropdown-menu .filter-option-inner-inner {
color: #004494;
font-weight: 500; }
.meet-the-wavers__wavers__content .dropdown-toggle::after, .meet-the-wavers__wavers__content .dropdown-menu::after {
border-top-color: #004494; }
.meet-the-wavers__wavers__content .dropdown-menu {
border-radius: 26px;
padding: 10px;
border: 0;
margin-top: 8px; }
.meet-the-wavers__wavers__content .dropdown-menu li {
border-radius: 13px; }
.meet-the-wavers__wavers__content .dropdown-menu li a.dropdown-item {
border-radius: 999px;
padding: 8px 20px; }
.meet-the-wavers__wavers__content .dropdown-menu li a.dropdown-item.active, .meet-the-wavers__wavers__content .dropdown-menu li a.dropdown-item:active {
background-color: #004494; }
.meet-the-wavers__wavers__content .dropdown-menu li:not(:last-child) {
margin-bottom: 10px; }
.meet-the-wavers__wavers__content .waver {
width: 196px; }
.meet-the-wavers__wavers__content .waver strong, .meet-the-wavers__wavers__content .waver span {
color: #004494;
display: block;
text-align: center; }
.meet-the-wavers__wavers__content .waver strong {
font-size: 18px;
line-height: 16px;
text-transform: uppercase; }
.meet-the-wavers__wavers__content .waver:hover {
text-decoration: none; }
.meet-the-wavers__wavers__content .waver:hover .waver__picture {
transform: scale(1.1); }
.meet-the-wavers__wavers__content .waver:hover .waver__picture img {
transform: scale(0.9); }
.meet-the-wavers__wavers__content .waver__picture {
width: 100%;
height: 196px;
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/bg-waver-picture.svg);
background-size: cover;
padding: 6px 7px 5px 4px;
margin-bottom: 20px;
transition: all .3s ease; }
.meet-the-wavers__wavers__content .waver__picture img {
width: 186px;
height: 186px;
border-radius: 50%;
object-fit: cover;
transition: all .6s ease; }
.meet-the-wavers__wavers__content .custom-container {
max-width: 1140px; }
@media screen and (min-width: 1200px) {
.meet-the-wavers__wavers__content .custom-container {
padding-left: 0;
padding-right: 0; } }
.meet-the-wavers .join-the-wave__ambassador-form {
margin-bottom: 0 !important; }
@media screen and (min-width: 576px) {
.meet-the-wavers .join-the-wave__ambassador-form {
margin-bottom: 0 !important; } }
.meet-the-wavers .meet-the-wavers__ambassador-form_bg {
background-color: #f8f8f8;
padding-top: 50px;
height: 800px; }
@media screen and (min-width: 576px) {
.meet-the-wavers .meet-the-wavers__ambassador-form_bg {
padding-top: 0;
height: 522px; } }
.meet-the-wavers .meet-the-wavers__ambassador-form_bg .custom-container {
margin-top: 0; } .meet-the-wavers .spinner {
width: 40px;
height: 40px;
position: absolute;
top: 50px;
left: 50%;
transform: translateX(-50%);
transition: all .3s ease-in-out; }
.meet-the-wavers .double-bounce1, .meet-the-wavers .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #004494;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out; }
.meet-the-wavers .double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s; }
@-webkit-keyframes sk-bounce {
0%, 100% {
-webkit-transform: scale(0); }
50% {
-webkit-transform: scale(1); } }
@keyframes sk-bounce {
0%, 100% {
transform: scale(0);
-webkit-transform: scale(0); }
50% {
transform: scale(1);
-webkit-transform: scale(1); } } :root {
--animate-delay: 0.5s; }
.single-waver .hero-section {
height: auto;
padding: 30px 0 150px;
overflow: hidden; }
@media screen and (min-width: 991px) {
.single-waver .hero-section {
padding: 0;
height: 900px; } }
.single-waver .hero-section .waver__portrait {
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/bg-waver-picture-blue.svg);
background-size: cover;
margin-bottom: 20px;
transition: all .3s ease;
width: 330px;
height: 330px;
padding: 17px 13px; }
@media screen and (min-width: 991px) {
.single-waver .hero-section .waver__portrait {
padding: 19px 19px 15px 11px;
width: 450px;
height: 450px; } }
@media screen and (min-width: 1200px) {
.single-waver .hero-section .waver__portrait {
padding: 23px 24px 18px 17px;
width: 529px;
height: 529px; } }
.single-waver .hero-section .waver__portrait img {
width: 300px;
height: 300px;
border-radius: 50%;
object-fit: cover;
transition: all .6s ease; }
@media screen and (min-width: 991px) {
.single-waver .hero-section .waver__portrait img {
width: 420px;
height: 420px;
margin-bottom: 170px; } }
@media screen and (min-width: 1200px) {
.single-waver .hero-section .waver__portrait img {
width: 488px;
height: 488px;
margin-bottom: 170px; } }
.single-waver .hero-section .custom-container {
position: relative;
z-index: 3; }
@media screen and (min-width: 768px) {
.single-waver .hero-section .custom-container {
max-width: 1140px;
width: 100%;
margin: 0 auto; } }
.single-waver .hero-section .custom-container h3 {
font-size: 60px;
font-family: 'Lora', sans-serif;
color: #FFF;
margin-bottom: 20px;
margin-top: 20px; }
.single-waver .hero-section .custom-container h3 span {
line-height: 60px;
display: block; }
.single-waver .hero-section .custom-container strong {
font-size: 24px;
text-transform: uppercase;
color: #004494;
display: block;
margin-bottom: 10px; }
.single-waver .hero-section .custom-container small {
color: #FFF;
font-size: 14px;
margin-bottom: 40px;
display: block; }
.single-waver .hero-section .custom-container p {
font-size: 16px;
color: #FFF;
line-height: 26px;
margin-bottom: 60px; }
.single-waver .hero-section .custom-container .social-list {
padding-left: 0; }
.single-waver .hero-section .custom-container .social-icon {
background-color: #FFF;
border-radius: 50%;
display: inline-block;
width: 45px;
height: 45px;
position: relative;
margin-right: 27px;
vertical-align: middle;
font-size: 25px;
color: #004494; }
.single-waver .hero-section .custom-container .social-icon a {
color: #004494;
display: block;
width: 100%;
height: 100%; }
.single-waver .hero-section .custom-container .social-icon:last-child {
margin-right: 0; }
.single-waver .hero-section .custom-container .social-icon i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.single-waver .custom-container--single-waver {
max-width: 1140px;
margin: 0 auto; }
.single-waver .single-waver__recipe {
margin-bottom: 70px; }
.single-waver .single-waver__recipe .section-title {
font-size: 48px;
line-height: 56px; }
.single-waver .single-waver__recipe .section-paragraph {
font-weight: 600;
font-size: 18px;
line-height: 30px; }
.single-waver .single-waver__motto h2 {
font-style: italic;
font-size: 48px;
font-weight: 600; }
.single-waver .single-waver__wavers-slider .single-waver__wavers-slider-bg {
background-color: #f8f8f8; }
.single-waver .single-waver__wavers-slider .custom-container--single-waver {
padding: 100px 0; }
.single-waver .single-waver__wavers-slider .wavers_slider-top {
width: 100%; }
.single-waver .single-waver__wavers-slider h2 {
text-align: center; }
.single-waver .single-waver__wavers-slider .slider-wrapper {
overflow-x: clip;
overflow-y: visible;
padding: 0 20px; }
.single-waver .single-waver__wavers-slider .swiper-container {
overflow-x: clip;
overflow-y: visible;
margin-bottom: 60px; }
@media screen and (min-width: 768px) {
.single-waver .single-waver__wavers-slider .swiper-container {
margin-bottom: 90px; } }
@media screen and (min-width: 1440px) {
.single-waver .single-waver__wavers-slider .swiper-container {
padding: 0; } }
.single-waver .single-waver__wavers-slider .waver {
position: relative;
height: 280px;
width: 280px; }
@media screen and (min-width: 768px) {
.single-waver .single-waver__wavers-slider .waver {
width: 100%;
height: auto;
padding-top: 100%; } }
.single-waver .single-waver__wavers-slider .swiper-slide {
transition: all .6s ease-in-out;
transform: scale(0.5); }
.single-waver .single-waver__wavers-slider .swiper-slide.swiper-slide-active {
transform: scale(1); }
@media screen and (min-width: 768px) {
.single-waver .single-waver__wavers-slider .swiper-slide {
transform: scale(0.5) translateX(-50%); }
.single-waver .single-waver__wavers-slider .swiper-slide.swiper-slide-prev {
transform: scale(0.7) translateX(-20%); }
.single-waver .single-waver__wavers-slider .swiper-slide.swiper-slide-next {
transform: scale(0.7) translateX(20%); }
.single-waver .single-waver__wavers-slider .swiper-slide.swiper-slide-next + .swiper-slide:not(.swiper-slide-active) {
transform: scale(0.5) translateX(50%); }
.single-waver .single-waver__wavers-slider .swiper-slide.swiper-slide-active {
transform: scale(1); } }
@media screen and (min-width: 1200px) {
.single-waver .single-waver__wavers-slider .swiper-slide.swiper-slide-prev {
transform: scale(0.8) translateX(-40%); }
.single-waver .single-waver__wavers-slider .swiper-slide.swiper-slide-next {
transform: scale(0.8) translateX(40%); }
.single-waver .single-waver__wavers-slider .swiper-slide.swiper-slide-next + .swiper-slide:not(.swiper-slide-active) {
transform: scale(0.5) translateX(50%); }
.single-waver .single-waver__wavers-slider .swiper-slide.swiper-slide-active {
transform: scale(1.23); } }
.single-waver .single-waver__wavers-slider .waver__picture {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/bg-waver-picture-blue.svg);
padding: 3% 3% 2% 2%;
background-size: cover; }
.single-waver .single-waver__wavers-slider .waver__picture img {
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover; }
.single-waver .single-waver__wavers-slider .waver__details {
position: absolute;
bottom: 2%;
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/waver-cloud-details.svg);
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;
color: #FFF;
width: 100%;
height: 30%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 5%;
text-align: center;
font-size: 14px; }
.single-waver .single-waver__wavers-slider .waver__details strong {
font-size: 17px;
display: block;
font-family: "Lora", serif; }
@media screen and (min-width: 1200px) {
.single-waver .single-waver__wavers-slider .waver__details {
font-size: 11px; }
.single-waver .single-waver__wavers-slider .waver__details strong {
font-size: 16px; } }
.single-waver .single-waver__wavers-slider .slider-controls .arrow-prev, .single-waver .single-waver__wavers-slider .slider-controls .arrow-next {
width: 40px; }
.single-waver .single-waver__wavers-slider .slider-controls .arrow-prev:focus, .single-waver .single-waver__wavers-slider .slider-controls .arrow-next:focus {
outline: none; }
.single-waver .single-waver__wavers-slider .slider-controls .arrow-prev img, .single-waver .single-waver__wavers-slider .slider-controls .arrow-next img {
width: 100%; }
.single-waver .single-waver__wavers-slider .slider-controls .arrow-next img {
transform: scaleX(-1); }
.post-type-archive-news .page-hero .page-hero-content {
padding: 50px 20px 100px; }
.post-type-archive-news .archive-content {
min-height: calc(100vh - 350px);
background-image: url(//feedyourfuture.test.builders/wp-content/themes/food_wave/assets/img/bg-news.svg);
background-size: cover;
background-position: 0 50vh;
background-repeat: no-repeat;
padding-bottom: 150px; }
.post-type-archive-news .archive-content .custom-container {
max-width: 1440px; }
.post-type-archive-news span.js-wpv-dps-spinner {
position: absolute;
transform: scale(1.5);
bottom: -60px; }
.post-type-archive-news span.js-wpv-dps-spinner:after {
content: "Loading...";
font-size: 12px;
color: #353535; }
.post-type-archive-news .news-categories-filters {
position: relative; }
.post-type-archive-news .news-categories-filters__pills {
margin-bottom: 50px;
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
position: relative;
padding: 10px 20px; -ms-overflow-style: none; scrollbar-width: none; }
@media screen and (min-width: 768px) {
.post-type-archive-news .news-categories-filters__pills {
margin-bottom: 100px;
padding: 10px 0; } }
.post-type-archive-news .news-categories-filters__pills::-webkit-scrollbar {
display: none; }
.post-type-archive-news .form-check {
margin-right: 20px; padding: 0; }
.post-type-archive-news .form-check input {
display: none; }
.post-type-archive-news .form-check:last-child label {
margin-right: 20px; }
.post-type-archive-news .form-check label {
white-space: nowrap;
cursor: pointer;
padding: 10px 52px;
display: inline-block;
text-align: center;
background-color: #FFF;
color: #004494;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
border-radius: 9999px;
font-weight: 500;
transition: all .3s ease; }
.post-type-archive-news .form-check.selected label {
background-color: #004494;
color: #FFF; }
.news-item {
border: 0;
margin-bottom: 30px;
text-align: left;
overflow: hidden;
border-radius: 9px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); }
.news-item .col-md-5 {
background-position: center center;
background-size: cover;
min-height: 250px; }
.news-item .col-md-7 {
padding: 28px; }
.news-item .col-md-7 span {
font-size: 16px;
font-weight: 500;
display: block;
margin-bottom: 12px;
color: #004494;
text-transform: uppercase; }
.news-item .col-md-7 span.news-item__category {
font-size: 12px;
font-weight: bold; }
.news-item .col-md-7 strong {
color: #494a4a;
font-size: 20px;
display: block;
line-height: 1.17;
margin-bottom: 5px; }
.news-item .col-md-7 p {
font-size: 16px;
color: #282828; }
.news-item .col-md-7 small {
display: block;
color: #6d7278;
font-size: 16px;
line-height: 1;
margin-bottom: 7px; }
.news-item .col-md-7 small:last-child {
margin-bottom: 16px;
line-height: 1.6; }
.news-item .col-md-7 .btn {
background-color: transparent;
color: #004494;
border: 1px solid #004494;
transition: all .2s ease-in-out;
padding: 10px 40px;
margin: 0 auto;
display: block; }
@media screen and (min-width: 768px) {
.news-item .col-md-7 .btn {
margin: 0; } }
@media screen and (min-width: 991px) {
.news-item .col-md-7 .btn:hover {
background-color: #004494;
color: #FFF; } }
.wave-top {
transform: scaleY(-1);
height: 150px;
position: absolute;
top: 114px;
left: 0;
right: 0;
display: block; }
.wave-top svg {
height: 100%; }
@media screen and (min-width: 576px) {
.wave-top {
height: 300px; } }
@media screen and (min-width: 1440px) {
.wave-top {
top: 132px; } }
.single-news {
position: relative;
font-family: 'Inter', sans-serif;
font-weight: 500; }
.single-news h1, .single-news h2, .single-news h3 {
font-family: 'Lora', sans-serif;
color: #004494;
font-size: 36px;
font-weight: 500; }
.single-news .paragraph b {
color: #004494; }
.single-news .featured-image {
position: relative;
z-index: 2;
max-width: 100%; background-size: cover;
background-position: center center;
margin-bottom: 50px;
padding-bottom: 66.666667%; }
.single-news .meta-section {
margin-top: 150px;
margin-bottom: 30px; }
@media screen and (min-width: 768px) {
.single-news .meta-section {
margin-top: 300px; } }
.single-news .grey-bg {
background-color: #f7f7f7;
margin-top: -1px;
padding-top: 80px;
padding-bottom: 80px; }
@media screen and (min-width: 768px) {
.single-news .grey-bg {
padding-top: 30px;
padding-bottom: 132px; } }
.single-news .container {
padding: 0 20px; }
.single-news .container .row {
margin-left: -20px;
margin-right: -20px; }
@media screen and (min-width: 576px) {
.single-news .container {
max-width: 540px; } }
@media screen and (min-width: 768px) {
.single-news .container {
max-width: 720px; } }
@media screen and (min-width: 991px) {
.single-news .container {
max-width: 800px; } }
@media screen and (min-width: 1440px) {
.single-news .container {
max-width: 960px; } }
.single-news .container .title {
text-align: center;
line-height: 1.21;
margin-bottom: 30px; }
.single-news .container .date {
font-size: 18px;
text-align: center;
text-transform: uppercase;
color: #134f99; }
.single-news .container .date span {
display: block; }
@media screen and (min-width: 768px) {
.single-news .container .date span {
display: initial; } }
.single-news .container .news-category {
font-weight: bold;
font-size: 16px;
text-align: center;
color: #004494; }
.single-news .container .author {
font-size: 16px;
text-align: center;
display: block;
color: #6d7278; }
.single-news .container .author span {
display: block; }
@media screen and (min-width: 768px) {
.single-news .container .author span {
display: initial; } }
.single-news .container .application-cta {
padding: 30px 40px;
background-image: linear-gradient(276deg, #5bb331 16%, #5bb331 22%, #147aea 64%, #0345c4 96%);
background-size: cover;
background-position: center;
border-radius: 9px; }
.single-news .container .application-cta .text {
color: #FFF; }
.single-news .container .application-cta .text p {
margin-bottom: 0; }
.single-news .container .application-cta .text p:nth-child(1) {
font-size: 24px; }
.single-news .container .application-cta .text p:nth-child(2) {
font-size: 18px; }
.single-news .container .application-cta .cta .btn {
color: #004494;
padding: 10px 68px; }
.single-news .container .application-cta.cta-2 {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23);
background: #004494; }
.single-news .container .paragraph {
margin-bottom: 60px; }
.single-news .container .paragraph h2 {
line-height: 1.14;
color: #213a85;
margin-bottom: 30px; }
.single-news .container .paragraph p {
font-size: 16px;
color: #282828;
line-height: 23px; }
.single-news .container .paragraph ul {
list-style: none;
padding-left: 2.7em;
font-size: 16px;
color: #282828; }
.single-news .container .paragraph ul li::before {
line-height: 23px;
content: "\2022";
color: #213a85;
font-weight: bold;
display: inline-block;
font-size: 25px;
width: 1em;
margin-left: -1em; }
@media screen and (min-width: 991px) {
.single-news .btn-custom:hover {
background-color: #f0f0f0 !important; } }
.single-news .news__slider {
position: relative;
z-index: 1; }
@media screen and (min-width: 768px) {
.single-news .news__slider {
padding: 0 60px;
background-color: transparent; } }
@media screen and (min-width: 1440px) {
.single-news .news__slider {
padding: 0; } }
.single-news .news__slider .news-item {
margin-bottom: 0; }
.single-news .news__slider .custom-container {
max-width: 1140px;
margin: 0 auto; }
.single-news .news__slider .news__slider__arrow {
width: 50px;
height: 50px;
border-radius: 50%;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23);
position: relative;
outline: none;
background-color: #FFF; }
.single-news .news__slider .news__slider__arrow:first-child {
margin-right: 15px; }
@media screen and (min-width: 768px) {
.single-news .news__slider .news__slider__arrow:first-child {
margin-right: 0; } }
.single-news .news__slider .news__slider__arrow img {
position: absolute;
top: 50%;
left: 50%;
width: 25px;
transform: translate(-50%, -50%); }
.single-news .news__slider .news__slider__arrow.next img {
transform: translate(-50%, -50%) scaleX(-1); }
.single-news .news__slider .news__slider__container {
padding: 0 10px;
overflow: hidden; }
.single-news .news__slider .swiper-container {
overflow: visible; }
.single-news .news__slider .swiper-wrapper {
padding: 40px 0 40px; }
@media screen and (min-width: 1200px) {
.single-news .news__slider .swiper-wrapper {
padding: 40px 0 6px; } }
.single-news .news__slider .swiper-slide {
height: auto;
padding: 0 15px;
justify-content: center; }
.single-news .news__slider .swiper-slide:last-child {
margin-right: 0; }
.single-news .news__slider .swiper-slide .opportunities-card {
width: 100%;
border: 0;
text-align: left;
overflow: hidden;
border-radius: 9px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); }
.single-news .news__slider .swiper-slide .opportunities-card .col-md-4 {
background-position: center center;
background-size: cover;
min-height: 200px; }
.single-news .news__slider .swiper-slide .opportunities-card .col-md-8 {
padding: 20px; }
.single-news .news__slider .swiper-slide .opportunities-card .col-md-8 span {
font-size: 14px;
font-weight: 500;
display: block;
margin-bottom: 12px;
color: #004494;
text-transform: uppercase; }
.single-news .news__slider .swiper-slide .opportunities-card .col-md-8 strong {
color: #494a4a;
font-size: 16px;
display: block;
line-height: 1.17;
margin-bottom: 10px; }
.single-news .news__slider .swiper-slide .opportunities-card .col-md-8 p {
font-size: 14px;
color: #282828; }
.single-news .news__slider .swiper-slide .opportunities-card .col-md-8 small {
display: block;
color: #6d7278;
font-size: 14px;
line-height: 1;
margin-bottom: 7px; }
.single-news .news__slider .swiper-slide .opportunities-card .col-md-8 small:last-child {
margin-bottom: 16px;
line-height: 1.6; }
.single-news .news__slider .swiper-slide .opportunities-card .col-md-8 .btn {
background-color: transparent;
color: #004494;
border: 1px solid #004494;
transition: all .2s ease-in-out;
padding-top: 8px;
padding-bottom: 8px;
font-size: 16px;
margin: 0 auto;
display: block; }
@media screen and (min-width: 576px) {
.single-news .news__slider .swiper-slide .opportunities-card .col-md-8 p, .single-news .news__slider .swiper-slide .opportunities-card .col-md-8 small, .single-news .news__slider .swiper-slide .opportunities-card .col-md-8 strong, .single-news .news__slider .swiper-slide .opportunities-card .col-md-8 span {
font-size: 16px; }
.single-news .news__slider .swiper-slide .opportunities-card .col-md-8 .btn {
margin: 0;
font-size: 14px; } }
@media screen and (min-width: 991px) {
.single-news .news__slider .swiper-slide .opportunities-card .col-md-8 .btn:hover {
background-color: #004494;
color: #FFF; } }
.single-news .news__slider .swiper-slide .opportunities-card .col-md-8 img {
width: auto; }
@media screen and (min-width: 576px) {
.single-news .news__slider .swiper-slide .opportunities-card .col-md-8 img {
width: 43px; } }
.news__other-news {
padding-top: 70px; }
.news__other-news .card {
border-radius: 9px;
overflow: hidden;
border: 0;
height: 100%;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); }
.news__other-news .card .card-header {
position: relative;
padding: 0;
height: 190px; }
.news__other-news .card .card-header img {
width: 100%;
object-fit: cover;
height: 100%; }
.news__other-news .card .card-header .tag {
padding: 3px 17px;
border-radius: 12px;
background-color: #004494;
color: #FFF;
position: absolute;
bottom: 10px;
left: 10px;
font-size: 13px;
font-weight: 600; }
.news__other-news .card .card-body {
padding: 15px; }
.news__other-news .card .card-body .date {
font-size: 16px;
color: #004494;
font-weight: 500;
margin-bottom: 14px; }
.news__other-news .card .card-body .card-title {
font-size: 16px;
font-weight: 600;
color: #494a4a; }
.news__other-news .card .card-body .card-text {
color: #6d7278; }
.news__other-news .card .card-body .card-text small {
font-weight: 500; }
.news__other-news .card .card-body .card-text em {
margin-right: -2px; }
.news__other-news .card .card-body .card-text span:first-child {
padding-right: 10px;
border-right: 1px solid #6d7278; }
.news__other-news .card .card-footer {
background-color: #fff;
border-top: 0;
padding: 0 15px 18px; }
.news__other-news .card .card-footer .btn-custom {
background-color: #FFF;
color: #004494;
border: 1px solid #004494;
padding: 6px 50px; }
.news__other-news .card .card-footer .btn-custom:hover {
color: #FFF;
background-color: #004494; }
.single-gallery {
position: relative;
font-family: 'Inter', sans-serif;
font-weight: 500; }
.single-gallery .wave-top {
transform: scaleY(-1);
height: 150px;
position: absolute;
top: 114px;
left: 0;
right: 0;
display: block; }
.single-gallery .wave-top svg {
height: 100%; }
@media screen and (min-width: 576px) {
.single-gallery .wave-top {
height: 300px; } }
@media screen and (min-width: 1440px) {
.single-gallery .wave-top {
top: 132px; } }
.single-gallery h1, .single-gallery h2, .single-gallery h3 {
font-family: 'Lora', sans-serif;
color: #004494;
font-size: 36px;
font-weight: 500; }
.single-gallery .paragraph {
font-size: 16px;
line-height: 23px;
color: #494a4a;
font-weight: normal; }
.single-gallery .paragraph b {
color: #004494; }
.single-gallery .paragraph p:last-child {
margin-bottom: 0; }
.single-gallery .featured-image {
position: relative;
z-index: 2;
max-width: 100%; background-size: cover;
background-position: center center;
margin-bottom: 50px;
padding-bottom: 66.666667%; }
.single-gallery .meta-section {
margin-top: 150px;
margin-bottom: 30px; }
@media screen and (min-width: 768px) {
.single-gallery .meta-section {
margin-top: 300px; } }
.single-gallery .grey-bg {
background-color: #f7f7f7;
margin-top: -1px;
padding-top: 80px;
padding-bottom: 80px; }
@media screen and (min-width: 768px) {
.single-gallery .grey-bg {
padding-top: 30px;
padding-bottom: 132px; } }
.single-gallery .custom-container {
max-width: 1140px;
margin-bottom: 60px; }
.single-gallery .container {
padding: 0 20px; }
.single-gallery .container .row {
margin-left: -20px;
margin-right: -20px; }
@media screen and (min-width: 576px) {
.single-gallery .container {
max-width: 540px; } }
@media screen and (min-width: 768px) {
.single-gallery .container {
max-width: 720px; } }
@media screen and (min-width: 991px) {
.single-gallery .container {
max-width: 800px; } }
@media screen and (min-width: 1440px) {
.single-gallery .container {
max-width: 960px; } }
.single-gallery .container .title {
text-align: center;
line-height: 1.21;
margin-bottom: 30px; }
.single-gallery .container .date {
font-size: 18px;
text-align: center;
color: #134f99; }
@media screen and (min-width: 768px) {
.single-gallery .container .date {
margin-bottom: 0;
margin-right: 10px; } }
.single-gallery .container .date span {
display: block; }
@media screen and (min-width: 768px) {
.single-gallery .container .date span {
display: initial; } }
.single-gallery .container .author {
font-size: 18px;
text-align: center;
display: block;
color: #6d7278; }
@media screen and (min-width: 768px) {
.single-gallery .container .author {
margin-bottom: 0;
padding-left: 10px;
border-left: 2px solid #134f99; } }
.single-gallery .container .author span {
display: block; }
@media screen and (min-width: 768px) {
.single-gallery .container .author span {
display: initial; } }
.single-gallery .btn:focus {
box-shadow: none; }
.single-gallery .grid-sizer {
width: calc(50% - 17px); }
@media screen and (min-width: 768px) {
.single-gallery .grid-sizer {
width: calc(33.33% - 17px); } }
.single-gallery .block {
float: left;
margin-bottom: 25px;
width: calc(50% - 17px);
opacity: 0;
cursor: pointer; }
@media screen and (min-width: 768px) {
.single-gallery .block {
width: calc(33.33% - 17px); } }
.single-gallery .block.loaded {
opacity: 1; }
.single-gallery .block.hidden-block {
display: none; }
.single-gallery .block img {
width: 100%;
height: auto; }
.single-gallery .block:hover:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3); }
.single-gallery .block:hover .open-lightbox {
transform: translate(-50%, -50%);
opacity: 1; }
.single-gallery .block:hover .open-lightbox i {
opacity: 1; }
.single-gallery .block .open-lightbox {
border: 2px solid #FFF;
opacity: 0;
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
transform: translate(-50%, -30%);
transition: all .3s ease-in-out;
width: 60px;
height: 60px;
border-radius: 60px;
background-color: transparent;
display: flex;
justify-content: center;
align-items: center; }
.single-gallery .block .open-lightbox i {
font-size: 20px;
color: #FFF; }
.single-gallery .modal {
z-index: 999999; }
.single-gallery .modal-backdrop {
z-index: 99999; }
.single-gallery .modal-backdrop {
z-index: 99999; }
.single-gallery .modal-dialog {
max-width: unset;
width: fit-content;
position: relative; }
.single-gallery .modal-dialog .modal-body {
padding: 0; }
.single-gallery .modal-dialog .modal-body .close {
background-color: #FFF;
box-shadow: 0 0 0 #000;
width: 50px;
height: 50px;
border-radius: 50%;
right: 20px;
top: 20px;
position: absolute;
vertical-align: middle;
opacity: 1; }
.single-gallery .modal-dialog .modal-body .close span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #004494; }
.single-gallery .modal-dialog .modal-body .close:focus {
outline: 0;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); }
.single-gallery .modal-dialog .modal-content {
background-color: transparent;
border: 0; }
.single-gallery .modal-dialog img {
height: 100%;
max-height: calc(100vh - 100px);
display: block;
margin: 0 auto; }
.single-gallery .post-nav-link {
width: 100%; }
@media screen and (min-width: 768px) {
.single-gallery .post-nav-link {
max-width: 400px;
width: auto; } }
.single-gallery .post-nav-link img {
width: 95px;
height: 95px;
object-fit: cover;
border-radius: 9px; }
.single-gallery .post-nav-link span {
color: #494a4a; }
.cookies {
width: 100%;
padding: 20px 18px;
position: fixed;
bottom: 0;
background-color: #004494;
z-index: 10000;
color: #FFF;
transition: all .3s ease;
transform: translateY(100%); }
.has-refused-cookies .cookies, .has-accepted-cookies .cookies {
transform: translateY(100%);
opacity: 0;
pointer-events: none; }
.has-not-accepted-cookies .cookies {
transform: translateY(0); }
@media screen and (min-width: 768px) {
.cookies {
padding: 20px 180px; } }
.cookies__buttons {
display: flex;
justify-content: center;
flex-direction: column; }
@media screen and (min-width: 768px) {
.cookies__buttons {
flex-direction: row; } }
.cookies__close {
margin: 10px 0; border: 0;
height: 50px; background-color: transparent;
-webkit-appearance: none;
display: flex;
align-items: center;
justify-content: center; }
.cookies__close:focus {
box-shadow: none;
outline: 0; }
@media screen and (min-width: 768px) {
.cookies__close {
margin: 0 10px; } }
.cookies__title {
margin-bottom: 15px;
text-align: center;
font-size: 20px;
font-weight: bold; }
.cookies__text {
margin-bottom: 20px;
text-align: center;
font-size: 16px;
line-height: 1.2; }
.cookies__text a {
color: #FFF !important;
text-decoration: underline; }
.cookies__text a:visited {
color: #FFF !important; }
.post-type-archive-activities span.js-wpv-dps-spinner {
position: absolute;
transform: scale(1.5);
bottom: -60px; }
.post-type-archive-activities span.js-wpv-dps-spinner:after {
content: "Loading...";
font-size: 12px;
color: #353535; }
@media screen and (min-width: 768px) {
.post-type-archive-activities span.js-wpv-dps-spinner {
margin-left: 15px; } }
.post-type-archive-activities .activities-categories-filters {
position: relative; }
.post-type-archive-activities .activities-categories-filters__pills {
margin-bottom: 50px;
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
position: relative;
padding: 10px 20px; -ms-overflow-style: none; scrollbar-width: none; }
@media screen and (min-width: 768px) {
.post-type-archive-activities .activities-categories-filters__pills {
margin-bottom: 50px;
padding: 15px;
flex-wrap: wrap;
padding-left: 15px; } }
.post-type-archive-activities .activities-categories-filters__pills::-webkit-scrollbar {
display: none; }
.post-type-archive-activities .form-check {
margin-right: 20px; padding: 0; }
.post-type-archive-activities .form-check input {
display: none; }
.post-type-archive-activities .form-check:last-child label {
margin-right: 20px; }
.post-type-archive-activities .form-check label {
white-space: nowrap;
cursor: pointer;
padding: 10px 52px;
display: inline-block;
text-align: center;
background-color: #FFF;
color: #004494;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
border-radius: 9999px;
font-weight: 500;
transition: all .3s ease; }
.post-type-archive-activities .form-check.selected label {
background-color: #004494;
color: #FFF; }
@media screen and (min-width: 768px) {
.post-type-archive-activities .form-check {
margin-bottom: 15px; } }