/*!
Theme Name: Food Wave
Theme URI: #
Author: Pomilio Blumm
Author URI: https://pomilioblumm.eu/
Description: Action Aid - Food Wave Project
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: food_wave
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Food Wave is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

.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("../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;
	}
}

/* POKE CHALLENGE - VOTING */

.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;
}

/* margin between slick slides */
.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
}

/* INFOGRAPHICS */

#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 Theme Dots CSS */
.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;
}

/* Slick Theme Dots CSS end */

/* World Food Day 2022 */

@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%;
	/* 115% */
}

/* World Food Day 2022 end */

/* content activities - didascalia photo gallery */
.photo-gallery .swiper-slide img {
	height: 333px !important;
}

.photo-gallery .swiper-slide {
	height: auto !important;
}


/* New Community page */

/* @font-face {
	font-family: 'Lora-Italic';
	font-style:  normal;
	font-weight: 700;
	font-display: swap;
	src: url("./assets/fonts/Lora-Italic-VariableFont_wght.ttf") format("ttf");
} */

.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(https://foodwave.eu/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(https://foodwave.eu/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(https://foodwave.eu/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(https://foodwave.eu/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(https://foodwave.eu/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;
}

/* HOMEPAGE RESTYLE */

@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('https://foodwave.eu/wp-content/uploads/2023/04/numbers-1.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.bg-numbers-2 {
	background: url('https://foodwave.eu/wp-content/uploads/2023/04/numbers-2.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.bg-numbers-3 {
	background: url('https://foodwave.eu/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: 55px !important;
	}

	.stories-hub-stripe h2 span {
		font-size: 55px !important;
	}
}

.join-the-wave-banner {
	background-color: #306AAD;
	border-radius: 20px;
}

.homepage__social-wall {
	background-color: #f0f0f0 !important;
	background-image: url('https://foodwave.eu/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 {
	height: 110vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	overflow: hidden;
}

.fullscreen-bg-video {
	position: absolute;
	overflow: hidden;
	right: 0;
	min-width: 100%;
	/* min-height: 100%; */
	cursor: pointer;
}

@media (max-width: 576px) {
	.fullscreen-bg-video {
		right: -125%;
	}
}

#play_about_video_button {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 28%;
	pointer-events: none;
}

#homepageHeaderVideo .container-header-home {
	position: relative;
	z-index: 999;
	height: 100%;
	pointer-events: none;
}

#homepageHeaderVideo h1 {
	font-size: 65px;
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-weight: bold;
}

#homepageHeaderVideo h1 span {
	font-size: 70px;
	color: #fff;
	font-family: 'lora', sans-serif;
	font-style: italic;
}

#homepageHeaderVideo p {
	font-size: 27px;
	color: #fff;
	font-family: 'Inter', sans-serif;
	color: #fff;
}

.star-element-header {
	right: 25%;
	bottom: 5%;
}

@media screen and (min-width: 768px) {
	.row-header-home {
		transform: translateY(-120px);
	}
}

@media screen and (max-width: 992px) {
	#homepageHeaderVideo {
		height: auto;
	}

	#homepageHeaderVideo .wave.gradient {
		height: 450px;
	}

	.row-header-home {
		padding-top: 600px;
	}

	#homepageHeaderVideo h1 {
		font-size: 40px;
	}

	#homepageHeaderVideo h1 span {
		font-size: 45px;
	}

	#homepageHeaderVideo 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;
}

.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;
}

/* ABOUT RESTYLE */

#newAbout #section5 {
	background-image: url(https://foodwave.eu/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;
}

/* case study - avocado production in colombia */
.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;
}