@font-face {
	font-family: 'Shadows Into Light Two';
	src: url('../fonts/ShadowsIntoLightTwo-Regular.eot');
	src: url('../fonts/ShadowsIntoLightTwo-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ShadowsIntoLightTwo-Regular.woff2') format('woff2'),
		url('../fonts/ShadowsIntoLightTwo-Regular.woff') format('woff'),
		url('../fonts/ShadowsIntoLightTwo-Regular.ttf') format('truetype'),
		url('../fonts/ShadowsIntoLightTwo-Regular.svg#ShadowsIntoLightTwo-Regular') format('svg');
	font-weight: 1000;
	font-style: bold;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans.eot');
	src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans.woff2') format('woff2'),
		url('../fonts/OpenSans.woff') format('woff'),
		url('../fonts/OpenSans.ttf') format('truetype'),
		url('../fonts/OpenSans.svg#OpenSans') format('svg');
	font-weight: 1000;
	font-style: bold;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans Bold';
	src: url('../fonts/OpenSans-Bold.eot');
	src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-Bold.woff2') format('woff2'),
		url('../fonts/OpenSans-Bold.woff') format('woff'),
		url('../fonts/OpenSans-Bold.ttf') format('truetype'),
		url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
	font-weight: 1000;
	font-style: bold;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans Semibold';
	src: url('../fonts/OpenSansSemibold.eot');
	src: url('../fonts/OpenSansSemibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSansSemibold.woff2') format('woff2'),
		url('../fonts/OpenSansSemibold.woff') format('woff'),
		url('../fonts/OpenSansSemibold.ttf') format('truetype'),
		url('../fonts/OpenSansSemibold.svg#OpenSans-Bold') format('svg');
	font-weight: 1000;
	font-style: bold;
	font-display: swap;
}

@font-face {
	font-family: 'Bootstrap icons';
	src: url('../fonts/bootstrap-icons.woff2') format('woff2'),
		url('../fonts/bootstrap-icons.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'All Things Pink';
	src: url('../fonts/AllThingsPink.eot');
	src: url('../fonts/AllThingsPink.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AllThingsPink.woff2') format('woff2'),
		url('../fonts/AllThingsPink.woff') format('woff'),
		url('../fonts/AllThingsPink.ttf') format('truetype'),
		url('../fonts/AllThingsPink.svg#../fonts/AllThingsPink') format('svg');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}


* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

p {
	color: var(--bs-para-font);
	font-size: 1.1rem;
	line-height: 1.6rem;
}

section {
	display: flex;
}

:root {
	--bs-white: #ffffff;
	--bs-black: #000000;
	--bs-blue-font: #022b72;
	/* --bs-blue-french: #0469f7; */
	--bs-blue-french: #387bef;
	--bs-blue-french2: #0040b0;
	--bs-blue-french2: #165bd4;
	--bs-light-blue-french: #78a4f2;
	--bs-light-blue-french1: #cfe1ff;
	--bs-light-blue-french2: #e9f1ff;
	--bs-light-blue-french3: #afcdff;
	--bs-light-grey-1: #f4f4f4;
	--bs-light-grey-10: #eeeeee;
	--bs-light-grey-100: #cccccc;
	--bs-light-grey-200: #777777;
	--bs-light-grey-300: #6f6f6f;
	--bs-dark-grey-50: #444444;
	--bs-dark-grey-100: #121212;
	--bs-purple: #b10ef2;
	--bs-red-french: #ef3874;
	--bs-grey-paragraph: #777;
	--bs-para-font: #888;
	--bs-blue-para-font: #5375b3;
	--bs-red-french-2: #e81414;
	--bs-light-red-french2: #fa9f9f;
	--bs-light-red-french: #fff2f4;
}

body {
	font-family: 'Open Sans', Helvetica, sans serif;
}

ul {
	list-style: none;
}

#block-french-page-title {
	margin-top: 4rem;
	color: var(--bs-blue-french2);
}

#hero {
	min-height: 700px;
	background-color: #fff;
	background-image: url(../images/header-background.svg);
	background-position: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 2% 5% 0;
	display: flex;
	position: relative;
	overflow: visible;
	flex-wrap: wrap;
}

h3.subtitle {
	text-transform: uppercase;
	font-size: 1rem;
	color: var(--bs-blue-french);
	text-align: center;
}

h2.section-title {
	font-size: 3rem;
	font-family: "Open Sans Semibold";
	letter-spacing: -1px;
	margin-bottom: 1rem;
}

@media screen and (min-width: 1920px) {
	#hero {
		min-height: auto;
	}
}

#hero .container-fluid {
	z-index: 5;
	max-width: 1200px;
	flex: 1;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#hero p {
	font-size: 1.2rem;
	line-height: 1.8rem;
}

/* CSS */
#hero p a {
	align-items: center;
	appearance: none;
	background-color: #3EB2FD;
	background-image: linear-gradient(1deg, #4F58FD, #149BF3 99%);
	background-size: calc(100% + 20px) calc(100% + 20px);
	border-radius: 100px;
	border-width: 0;
	box-shadow: none;
	box-sizing: border-box;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-flex;
	font-size: 1rem;
	height: auto;
	justify-content: center;
	line-height: 1.5;
	padding: 6px 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color .2s, background-position .2s;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	vertical-align: top;
	white-space: nowrap;
}

#hero p a:active,
#hero p a:focus {
	outline: none;
}

#hero p a:hover {
	background-position: -20px -20px;
}

#hero p a:focus:not(:active) {
	box-shadow: rgba(40, 170, 255, 0.25) 0 0 0 .125em;
}

#content-header {
	width: 100%;
}

.nav-content.container {
	max-width: 1200px;
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	flex: 1;
	grid-template-rows: auto;
	grid-template-columns: .3fr 1fr .3fr;
	grid-auto-columns: 1fr;
	justify-content: space-between;
	align-items: center;
	display: grid;
}

#block-french-welcome-to-french-special,
#block-french-contact-us-intro {
	max-width: 560px;
	margin-right: auto;
	color: var(--bs-blue-font);
}

#block-french-welcome-to-french-special p,
#block-french-contact-us-intro p {
	padding-right: 2rem;
}

h1,
h1.page-header {
	font-family: "Open Sans Semibold";
	font-size: 3.5rem;
	line-height: 4.5rem;
	margin-bottom: 1.5rem;
	color: var(--bs-black);
	letter-spacing: -2px;
	margin-top: 5rem;
}

.path-taxonomy h1.page-header {
	margin-top: 0;
}

.path-frontpage h2,
#block-french-views-block-latest-recipes-regions h2,
#block-french-contact-header h2,
#block-french-views-block-all-recipes h2 {
	font-size: 3rem;
	font-family: "Open Sans Semibold";
	letter-spacing: -1px;
	margin-bottom: 1rem;
	text-align: center;
}

h1 span.blue-part,
h1 span.blue-part-recipes,
h2 span.blue-part {
	color: var(--bs-blue-french);
}

h1 span.blue-part:after,
h2 span.blue-part:after,
.path-taxonomy .body-content h3:after {
	content: "";
	background: url(../icons/coffee.png) no-repeat center bottom /contain;
	width: 3rem;
	height: 3.5rem;
	display: inline-flex;
	margin-left: 1.5rem;
	margin-bottom: -5px;
}

h1 span.blue-part-recipes:after {
	content: "";
	background: url(../icons/recipe-icon.png) no-repeat center bottom /contain;
	width: 3.5rem;
	height: 3.5rem;
	display: inline-flex;
	margin-left: 1.5rem;
	margin-bottom: -10px;
}

.path-taxonomy .body-content h3:after {
	background: url(../icons/croissants-icon.png) no-repeat center bottom /contain;
	width: 4rem;
	height: 4rem;
	margin-bottom: -10px;
}

/* h1.france span.blue-part:after, */
/* span.france span.blue-part:after */
/* { */
/* background: url(../icons/france-flag-icon.png) no-repeat center bottom /contain !important; */
/* margin-left: 1rem; */
/* margin-bottom: -8px; */
/* } */

#block-french-contact-header p {
	text-align: center;
}

#block-french-welcome-to-french-special a,
#block-french-contact-us-intro a,
.link-latest-recipes a {
	background-color: var(--bs-blue-french);
	color: var(--bs-white);
	padding: .5rem 2rem;
	font-size: 1.1rem;
	margin: 1rem 0 3rem;
	display: inline-flex;
	text-decoration: none;
	border-radius: 4px;
	border: 2px solid var(--bs-blue-french);
	transition: .3s;
	font-family: 'Open Sans Semibold';
}

.link-latest-recipes a {
	margin: 1rem 0;
	color: var(--bs-blue-french);
	background-color: var(--bs-light-blue-french-1);
}

#block-french-welcome-to-french-special a:after,
#block-french-contact-us-intro a:after,
.link-latest-recipes a:after {
	content: "\F138";
	font-family: 'Bootstrap icons';
	margin-left: .5rem;
	margin-top: .1rem;
	transition: .3s;
	transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
	transform-style: preserve-3d;
}

#block-french-welcome-to-french-special a:hover:after,
#block-french-welcome-to-french-special a:focus:after,
#block-french-contact-us-intro a:hover:after,
#block-french-contact-us-intro a:focus:after,
.link-latest-recipes a:hover:after,
.link-latest-recipes a:focus:after {
	color: var(--bs-blue-french);
	transform: translate3d(7px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
	transform-style: preserve-3d;
}

.link-latest-recipes a:hover:after,
.link-latest-recipes a:focus:after {
	color: var(--bs-white);
}

#block-french-welcome-to-french-special a:hover,
#block-french-welcome-to-french-special a:focus,
#block-french-contact-us-intro a:hover,
#block-french-contact-us-intro a:focus {
	background-color: var(--bs-white);
	color: var(--bs-blue-french);
}

.link-latest-recipes a:hover,
.link-latest-recipes a:focus {
	background-color: var(--bs-blue-french);
	color: var(--bs-white);
}

.path-frontpage .region-hero {
	grid-column-gap: 50px;
	grid-row-gap: 0px;
	grid-template-rows: auto;
	grid-template-columns: 1.1fr minmax(200px, 1fr);
	grid-auto-columns: 1fr;
	align-items: center;
	display: grid;
}

.image-rounded,
.page-node-type-recipes #block-french-views-block-recipes-image img {
	width: 520px;
	min-height: 520px;
	object-fit: cover;
	border-radius: 100%;
}

#block-french-site-branding {
	display: inline-flex;
	z-index: 2;
}

.region-header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.path-frontpage .region-header {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	background-color: rgba(0, 0, 0, 0);
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	justify-content: space-between;
	padding: 20px 3%;
	display: flex;
	position: absolute;
	top: 0%;
	bottom: auto;
	left: 0%;
	right: 0%;
	z-index: 2;
}

.region-content-header {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	max-width: 1180px;
	margin: auto;
	z-index: 999;
}

#block-french-main-menu {
	display: inline-flex;
	margin-bottom: 1.2rem;
	margin-right: 7rem;
	position: relative;
	z-index: 2;
}

#block-french-visit {
	font-size: 1.1rem;
}

#block-french-visit .field--name-body {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#block-french-visit .field--name-body .col-lg-6 {
	justify-content: center;
	display: inline-flex;
	flex-direction: column;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	background: rgba(0, 0, 0, .7);
	background: rgba(0, 64, 175, 0.85);
	/* background: rgba(0, 64, 175, 0.85) linear-gradient(to right, rgba(0, 64, 175, 0.85), rgba(255,0,0,1)); */
	padding: 1rem 0;
	z-index: 9;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky+#azm-navigation,
.sticky+#breadcrumb,
.sticky+main {
	padding-top: 3rem;
}

.navbar-brand {
	z-index: 2;
}

.navbar-brand img {
	width: 150px;
	height: 136px;
	transition: .3s;
}

.sticky .navbar-brand img {
	width: 95px;
	height: 86px;
}

.navbar-nav {
	flex-direction: row !important;
}

.navbar-nav li {
	margin: 0 1.5rem 0 0;
}

.navbar-nav .nav-link {
	display: inline-flex;
	color: var(--bs-black);
	text-transform: uppercase;
	position: relative;
	transition: .3s;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: .2rem;
	margin-bottom: .3rem;
	margin-right: .3rem;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
	color: var(--bs-black);
}

.sticky .navbar-nav .nav-link,
.sticky .navbar-nav .nav-link:hover,
.sticky .navbar-nav .nav-link:focus {
	color: var(--bs-white);
}

.navbar-nav .nav-link.is-active,
.page-node-type-recipes .nav-item:nth-child(3) .nav-link,
.path-taxonomy-regions .nav-item:nth-child(2) .nav-link,
.navbar-nav .nav-link.is-active:hover,
.navbar-nav .nav-link.is-active:focus {
	color: var(--bs-blue-french) !important;
	border-bottom: 2px solid var(--bs-light-blue-french);
}

.sticky .navbar-nav .nav-link.is-active,
.sticky .navbar-nav .nav-link.is-active:hover,
.sticky .navbar-nav .nav-link.is-active:focus {
	color: var(--bs-blue-french) !important;
	border-bottom: 2px solid var(--bs-blue-french);
}

.navbar-nav .nav-link.is-active:hover,
.navbar-nav .nav-link.is-active:focus {
	color: var(--bs-blue-french);
}

.navbar-nav .nav-link:after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: -2px;
	left: 0;
	background-color: var(--bs-black);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

.sticky .navbar-nav .nav-link:after {
	background-color: var(--bs-white);
}

.navbar-nav .nav-link:hover:after {
	transform: scaleX(1);
	color: var(--bs-black);
	transform-origin: bottom left;
}

.sticky .navbar-nav .nav-link:hover:after {
	color: var(--bs-white);
}

.path-taxonomy-regions .nav-item:nth-child(2) .nav-link:after,
.path-taxonomy-regions .nav-item:nth-child(2) .nav-link:hover:after,
.path-taxonomy-regions .nav-item:nth-child(2) .nav-link:focus:after,
.page-node-type-recipes .nav-item:nth-child(3) .nav-link:after,
.page-node-type-recipes .nav-item:nth-child(3) .nav-link:focus:after,
.page-node-type-recipes .nav-item:nth-child(3) .nav-link:hover:after,
.navbar-nav .nav-link.is-active:after,
.navbar-nav .nav-link.is-active:hover:after,
.navbar-nav .nav-link.is-active:focus:after {
	background-color: var(--bs-blue-french);
}

#content-node,
.region-content {
	padding: 0;
}

#breadcrumb {
	margin-top: 5rem;
	font-size: 0.85rem;
}

.breadcrumb-item+.breadcrumb-item:before {
	content: "/";
	font-family: 'Bootstrap icons';
	font-size: .8rem;
}


.path-frontpage .region-maincontent {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#maincontent {
	margin: 4rem 0;
}

#block-map-homepage {
	width: 70%;
	display: flex;
	flex-direction: column;
	padding: 4rem 0;
}

#map-image {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}

#block-french-svg-map {
	width: 100%;
}

.image-map {
	width: 1000px;
}

#why-french-img {
	display: flex;
	background: url(../images/coconut-rice.jpg) no-repeat center center;
	background-size: cover;
}

#whycontent .field--name-body {
	margin: 3rem 0 5rem;
}

#whycontent>div {
	flex: 1;
}

#why-french-text {
	margin: 0 4rem;
}

#why-french-text h2 {
	margin-bottom: 2rem;
}

#block-why-french {
	width: 50%;
	display: flex;
	flex-direction: column;
	padding: 2rem 0 5rem 5rem;
	text-align: justify;
}

#block-why-french p,
#block-map-homepage p {
	color: var(--bs-grey-paragraph);
}

#block-map-homepage p {
	text-align-last: center;
}

#block-why-french h2 {
	font-family: 'Shadows Into Light Two';
	font-size: 2rem;
	text-align: center;
}

#block-map-homepage h2 {
	font-family: 'Shadows Into Light Two';
	font-size: 2rem;
	text-align: center;
}

#block-why-french h2.h2-type {
	color: var(--bs-black);
	font-family: 'Open Sans Bold';
	font-size: 2rem;
	background: url(../images/heading-pattern.png) no-repeat bottom center;
	background-size: 30%;
	padding-bottom: 3rem;
	margin-bottom: 2rem;
}

#block-map-homepage h2.h2-type,
#block-views-block-last-recipes-block h2 {
	color: var(--bs-black);
	font-family: 'Open Sans Bold';
	font-size: 2rem;
	background: url(../images/heading-pattern.png) no-repeat bottom center;
	background-size: 20%;
	padding-bottom: 3.2rem;
	margin-bottom: 2rem;
	text-align: center;
}

#block-views-block-last-recipes-block h2 {
	background-size: 13.2%;
}

/********************* WORLD MAP HOMEPAGE  ***************************/

#image-worldmap {
	position: relative;
	margin: 5rem auto;
	display: block;
	width: 860px;
}

#image-worldmap svg {
	width: 860px;
	overflow: visible;
	height: 100%;
}

#image-worldmap a image {
	display: block;
	opacity: 1;
	animation: bouncing-wm 1s ease-in-out 0s 1 normal forwards;
}

#image-worldmap a#saint-pierre-and-miquelon image {
	animation-delay: 3s;
	opacity: 0;
}

#image-worldmap a#french-polynesia image {
	animation-delay: 7s;
	opacity: 0;
}

#image-worldmap a#antilles image {
	animation-delay: 10s;
	opacity: 0;
}

#image-worldmap a#new-caledonia image {
	animation-delay: 15s;
	opacity: 0;
}

#image-worldmap a#reunion-island image {
	animation-delay: 18s;
	opacity: 0;
}

#image-worldmap a#wallis-and-futuna image {
	animation-delay: 21s;
	opacity: 0;
}

#image-worldmap a#french-guiana image {
	animation-delay: 24s;
	opacity: 0;
}

#image-worldmap a#mayotte image {
	animation-delay: 27s;
	opacity: 0;
}

@keyframes bouncing-wm {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: translateY(-80px);
	}

	38% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0);
	}

	55% {
		animation-timing-function: ease-in;
		transform: translateY(-65px);
	}

	72% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}

	81% {
		animation-timing-function: ease-in;
		transform: translateY(-28px);
	}

	90% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}

	95% {
		animation-timing-function: ease-in;
		transform: translateY(-8px);
	}

	100% {
		animation-timing-function: ease-out;
		transform: translateY(0);
		opacity: 1;
	}
}

#image-worldmap svg a#hexagon rect.white-bg.hexagon {
	animation-delay: 1s;
}

#image-worldmap svg a#hexagon rect.white-bg {
	animation-delay: 2s;
}

#image-worldmap svg a#saint-pierre-and-miquelon rect.white-bg {
	animation-delay: 5s;
}

#image-worldmap svg a#antilles rect.white-bg {
	animation-delay: 16s;
}

#image-worldmap svg a#french-guiana rect.white-bg {
	animation-delay: 25s;
}

@keyframes opacity {
	0% {
		opacity: 1;
	}

	100% {
		animation-timing-function: ease-in;
		opacity: 0;
	}
}

#image-worldmap svg text {
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	animation: stroke 5s alternate forwards;
	stroke-width: 1;
	stroke: #387bef;
	font-size: 30px;
	font-weight: 600;
}

#image-worldmap a#hexagon text {
	animation-delay: 0s;
}

#image-worldmap a#saint-pierre-and-miquelon text {
	animation-delay: 4s;
}

#image-worldmap a#french-polynesia text {
	animation-delay: 7s;
}

#image-worldmap a#antilles text {
	animation: stroke 11s 1 forwards;
	animation-delay: 10s;
}

#image-worldmap a#new-caledonia text {
	animation-delay: 15s;
}

#image-worldmap a#reunion-island text {
	animation-delay: 18s;
}

#image-worldmap a#wallis-and-futuna text {
	animation-delay: 21s;
}

#image-worldmap a#french-guiana text {
	animation-delay: 24s;
}

#image-worldmap a#mayotte text {
	animation-delay: 27s;
}

@keyframes stroke {
	0% {
		fill: rgba(255, 255, 255, 1);
		stroke: rgba(255, 255, 255, 1);
		stroke-dashoffset: 25%;
		stroke-dasharray: 0 50%;
		stroke-width: 1;
	}

	70% {
		fill: rgba(56, 123, 239, 0);
		stroke: rgba(56, 123, 239, 1);
	}

	80% {
		fill: rgba(56, 123, 239, 0);
		stroke: rgba(56, 123, 239, 1);
		stroke-width: 1;
	}

	100% {
		fill: rgba(255, 255, 255, 1);
		stroke: rgba(56, 123, 239, 1);
		stroke-dashoffset: -25%;
		stroke-dasharray: 50% 0;
		stroke-width: 1;
	}
}

#block-french-world-map-homepage {
	display: flex;
	width: 100%;
	flex-direction: column;
}

/************************  FOOTER  *****************************/

footer {
	background: var(--bs-white);
	border-top: 1px solid var(--bs-light-grey-100);
	padding: 2rem 0 .5rem !important;
	margin-top: 5rem;
}

footer .navbar-nav {
	border-bottom: 2px solid var(--bs-white);
	padding-bottom: .5rem;
}

footer .navbar-nav .nav-link,
footer .navbar-nav .nav-link.is-active,
footer .navbar-nav .nav-link.is-active:hover,
footer .navbar-nav .nav-link.is-active:focus {
	text-transform: none;
}

footer .navbar-nav .nav-link.is-active:after,
footer .navbar-nav .nav-link.is-active:hover:after,
footer .navbar-nav .nav-link.is-active:focus:after {
	background-color: var(--bs-white) !important;
}

#copyright {
	text-align: center;
	font-size: .9rem;
	background: var(--bs-white);
	padding-top: 2rem;
}

.form-item,
.form-actions {
	margin: 0 !important;
}


/************************    PAGE CONTACT    **************************/

#block-french-imagerightsidecontactpage img {
	border-radius: 3rem;
}

/**************** ICON HERO FRONTPAGE  *********************/

.region-fruitshero {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

#block-french-fruits-hero-pages {
	height: 100%;
}

#block-frenchspecial-fruits-hero-homepage {
	height: 100%;
}

#block-frenchspecial-fruits-hero-homepage img {
	height: auto;
	transform-style: preserve-3d;
}

#block-frenchspecial-fruits-hero-homepage img {
	height: auto;
}

.bread {
	width: 130px;
	position: absolute;
	top: auto;
	bottom: 30px;
	left: -10px;
	right: auto;
	transform: rotate(-35deg);
	display: none;
}

.path-regions .bread {
	bottom: 30px;
	left: -10px;
	right: auto;
	transform: rotate(-35deg);
	display: block;
}

.path-frontpage .bread,
.path-contact .bread {
	animation: floatDownBread 2s linear infinite;
	bottom: 30px;
	left: auto;
	right: 60px;
	display: block;
}

.fish {
	display: none;
}

.path-frontpage .fish,
.path-contact .fish {
	animation: floatUp 2s linear infinite;
	width: 150px;
	position: absolute;
	top: auto;
	bottom: -10px;
	left: 20px;
	right: auto;
	display: block;
}

.wine {
	width: 130px;
	position: absolute;
	top: auto;
	bottom: 40px;
	left: 45%;
	right: auto;
	display: none;
}

.path-frontpage .wine,
.path-contact .wine {
	animation: rotate 2s linear infinite;
	display: block;
}

.avocado {
	width: 90px;
	position: absolute;
	top: 105px;
	bottom: auto;
	left: auto;
	right: 25px;
	display: none;
}

.path-frontpage .avocado,
.path-contact .avocado {
	animation: floatUp 2s linear infinite;
	display: block;
}

.mango {
	width: 130px;
	position: absolute;
	top: 180px;
	bottom: auto;
	left: 40%;
	right: auto;
	display: none;
}

.path-frontpage .mango,
.path-contact .mango {
	animation: floatDown 2s linear infinite;
	display: block;
}

.cheese {
	width: 80px;
	position: absolute;
	top: 180px;
	bottom: auto;
	left: 15px;
	right: auto;
	display: none;
}

.path-frontpage .cheese,
.path-contact .cheese {
	top: 140px;
	left: -5px;
	display: block;
	animation: rotate 2s linear infinite;
}

@keyframes rotate {
	0% {
		transform: translate3d(5px, -5px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
	}

	25% {
		transform: translate3d(0px, -5px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
	}

	50% {
		transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
	}

	100% {
		transform: translate3d(5px, -5px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
	}
}

@keyframes floatUp {
	0% {
		transform: translateY(0px) translateX(0px);
	}

	25% {
		transform: translateY(5px) translateX(0px);
	}

	50% {
		transform: translateY(5px) translateX(5px);
	}

	100% {
		transform: translateY(0px) translateX(0px);
	}
}

@keyframes floatDownBread {
	0% {
		transform: translateY(0px) translateX(0px) rotate(25deg);
	}

	25% {
		transform: translateY(-5px) translateX(0px) rotate(25deg);
	}

	50% {
		transform: translateY(-5px) translateX(-5px) rotate(25deg);
	}

	100% {
		transform: translateY(0px) translateX(0px) rotate(25deg);
	}
}

@keyframes floatDown {
	0% {
		transform: translateY(0px) translateX(0px);
	}

	25% {
		transform: translateY(-5px) translateX(0px);
	}

	50% {
		transform: translateY(-5px) translateX(-5px);
	}

	100% {
		transform: translateY(0px) translateX(0px);
	}
}



/***********************   PAGE REGIONS  ****************************/

#image-french-regions {
	display: flex;
	justify-content: center;
}

#image-french-regions svg {
	width: 1000px;
	overflow: visible;
}

#image-french-regions a image {
	display: none;
	opacity: 0;
}

#image-french-regions a:hover image {
	display: block;
	opacity: 1;
	animation: bouncing .7s ease-in-out 0s 1 normal forwards;
}

#block-french-map-on-regions-page {
	text-align: center;
	margin: 4rem 0;
}

@keyframes bouncing {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: translateY(-80px);
	}

	38% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0);
	}

	55% {
		animation-timing-function: ease-in;
		transform: translateY(-65px);
	}

	72% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}

	81% {
		animation-timing-function: ease-in;
		transform: translateY(-28px);
	}

	90% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}

	95% {
		animation-timing-function: ease-in;
		transform: translateY(-8px);
	}

	100% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}
}

#hero.half-page {
	padding-top: 147px;
	padding-bottom: 147px;
	align-items: center;
	display: flex;
	padding: 2% 5% 150px;
	position: relative;
}

.righthero {
	width: 49%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	position: absolute;
	top: 200px;
	bottom: 0%;
	left: auto;
	right: 0%;
}

.path-regions .righthero {
	background-image: url("/sites/frenchspecial.com/themes/french/images/lavender-field.jpg");
}

.lefthero {
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	grid-template-rows: auto;
	grid-auto-columns: 1fr;
	display: grid;
}

.hero-container {
	display: flex;
}

.region-hero {
	display: flex;
}

#block-french-copy-hero-description {
	margin-right: 3rem;
}

#hero .container {
	z-index: 2;
}

.page-node-5 .mango,
.page-node-5 .avocado,
.page-node-5 .wine,
.path-taxonomy .wine,
.path-taxonomy .avocado,
.path-taxonomy .mango {
	display: none;
}

#padding-sticky {
	display: none;
}

.sticky+#padding-sticky {
	padding-top: 55px;
	padding-bottom: 55px;
	padding-right: initial;
	padding-left: initial;
	position: relative;
	width: 100%;
	display: block;
}

.height-20 {
	height: 20px;
}

#block-french-content .text-formatted,
#block-french-world-map-homepage,
#block-french-world-map-homepage {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#block-french-content .counters {
	display: flex;
	width: 100%;
	margin: 3rem 0 5rem;
}

#block-french-content .counters .counter-container {
	width: 33%;
	align-items: center;
	display: inline-flex;
	flex-direction: column;
}

.counter-container h3 {
	background: var(--bs-light-blue-french1);
	display: inline-flex;
	font-size: 6rem;
	border-radius: 100px;
	width: 10rem;
	height: 10rem;
	line-height: 9rem;
	justify-content: center;
	color: var(--bs-blue-french2);
	margin-bottom: 1.5rem;
}

.counter-container h4 {
	color: var(--bs-para-font);
	font-size: 1.1rem;
}

.counter-container h4:after {
	content: '\F434';
	font-family: 'Bootstrap icons';
	color: var(--bs-white);
	background-color: var(--bs-para-font);
	margin-left: .5rem;
	border-radius: 10px;
}

.tooltip-inner {
	text-align: left !important;
	padding: 8px;
	white-space: nowrap;
	background-color: var(--bs-blue-french2);
}


/***************** Recipe Category  ******************/

#block-french-recipe-categories-hp {
	width: 100%;
}

#block-french-recipe-categories-hp .recipe-category a:hover,
#block-french-recipe-categories-hp .recipe-category a:focus {
	background: var(--bs-light-blue-french3);
}

#block-french-recipe-categories-hp .recipe-category a:hover img,
#block-french-recipe-categories-hp .recipe-category a:focus img {
	width: 6rem;
	height: 6rem;
}

#block-french-recipe-categories-hp p,
#block-french-recipe-categories-hp h3 {
	text-align: center;
}

#block-french-recipe-categories-hp .recipe-categories h3 {
	margin-bottom: 0;
	font-size: 1.1rem;
	text-align: center;
}

.recipe-categories {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	margin: 3rem auto 2rem;
	justify-content: space-between;
	gap: 2rem;
}

.recipe-category a {
	background: var(--bs-light-blue-french1);
	display: inline-flex;
	border-radius: 100px;
	width: 9rem;
	height: 9rem;
	align-content: center;
	justify-content: center;
	color: var(--bs-blue-french);
	transition: all 0.3s ease-in-out;
	flex-wrap: wrap;
}

.recipe-category a:hover,
.recipe-category a:focus {
	background: var(--bs-light-blue-french3);
}

.recipe-category a span {
	width: 100%;
	font-size: 1rem;
	text-align: center;
	font-weight: 600;
}

.recipe-category img {
	width: 5rem;
	height: 5rem;
	margin-bottom: .5rem;
	transition: all 0.3s ease-in-out;
}

/***************** Taxonomy Regions  ******************/

.path-regions-saint-pierre-and-miquelon .righthero {
	background-image: url("/sites/frenchspecial.com/themes/french/images/regions-header/saint-pierre-et-miquelon-header.jpg");
}

.path-regions-occitania .righthero {
	background-image: url("/sites/frenchspecial.com/themes/french/images/regions-header/occitania-header.jpg");
}

.path-taxonomy .body-content {
	width: 920px;
	margin: auto;
	text-align: justify;
}

.path-taxonomy .body-content h3 {
	font-size: 2.5rem;
	font-family: "Open sans semibold";
	margin-bottom: 1rem;
	margin-top: 2rem;
	color: var(--bs-blue-french);
}


/*********************  LAST RECIPES BLOCK    ********************************/

#lastrecipes {
	background: var(--bs-light-blue-french2);
	padding: 3rem 0 5rem;
}

#block-french-views-block-our-last-recipes-block-1 ul li,
#block-french-views-block-all-recipes ul li,
#block-french-views-block-latest-recipes-regions ul li {
	position: relative;
	transition: all .3s;
	margin-left: 0;
}

#block-french-views-block-our-last-recipes-block-1 .grid ul li,
#block-french-views-block-latest-recipes-regions .grid ul li,
#block-french-views-block-all-recipes .grid ul li {
	margin-right: 2rem;
	background-color: var(--bs-white);
	border-radius: 15px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

#block-french-views-block-all-recipes .grid ul li {
	background: var(--bs-light-blue-french2);
}

#block-french-views-block-our-last-recipes-block-1 ul li:hover,
#block-french-views-block-all-recipes ul li:hover,
#block-french-views-block-latest-recipes-regions ul li:hover {
	cursor: pointer;
}


#block-french-views-block-our-last-recipes-block-1 ul li:hover img,
#block-french-views-block-all-recipes ul li:hover img,
#block-french-views-block-latest-recipes-regions ul li:hover img {
	width: 105%;
}

#block-french-views-block-our-last-recipes-block-1 ul li:hover h3 a,
#block-french-views-block-latest-recipes-regions ul li:hover h3 a {
	color: var(--bs-blue-french);
}

#block-french-views-block-our-last-recipes-block-1 .views-field-view-node-1 a,
#block-french-views-block-all-recipes .views-field-view-node-1 a,
#block-french-views-block-latest-recipes-regions .views-field-view-node-1 a {
	color: transparent;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#block-french-views-block-our-last-recipes-block-1 .views-field-field-category-recipe,
#block-french-views-block-all-recipes .views-field-field-category-recipe,
#block-french-views-block-recipes-image .views-field-field-category-recipe,
#block-french-views-block-latest-recipes-regions .views-field-field-category-recipe {
	position: absolute;
	padding: .5rem 1.4rem .5rem 2rem;
	background: white;
	top: 2rem;
	left: 10px;
	border-radius: 30px;
	text-transform: inherit;
	font: .9rem 'Open sans semibold';
}

#block-french-views-block-our-last-recipes-block-1 .views-field-field-main-image-recipe,
#block-french-views-block-all-recipes .views-field-field-main-image-recipe,
#block-french-views-block-latest-recipes-regions .views-field-field-main-image-recipe {
	height: 260px;
	overflow: hidden;
}

#block-french-views-block-our-last-recipes-block-1 ul li img,
#block-french-views-block-all-recipes ul li img,
#block-french-views-block-latest-recipes-regions ul li img {
	height: 260px;
	width: 100%;
	object-fit: cover;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	transition: all .3s;
	max-width: inherit;
}

#block-french-views-block-our-last-recipes-block-1 .views-field-body-2,
#block-french-views-block-all-recipes .views-field-body-2,
#block-french-views-block-latest-recipes-regions .views-field-body-2 {
	position: absolute;
	top: 215px;
	background: rgba(255, 255, 255, .8);
	display: flex;
	width: 100%;
	height: 45px;
}

#block-french-views-block-our-last-recipes-block-1 .views-field-body-2>.field-content,
#block-french-views-block-all-recipes .views-field-body-2>.field-content,
#block-french-views-block-latest-recipes-regions .views-field-body-2>.field-content {
	width: 100%;
}

#block-french-views-block-our-last-recipes-block-1 .icon-recipe-part,
#block-french-views-block-all-recipes .icon-recipe-part,
#block-french-views-block-latest-recipes-regions .icon-recipe-part {
	display: flex;
	width: 100%;
}

#block-french-views-block-our-last-recipes-block-1 .icon-recipe-part>div,
#block-french-views-block-all-recipes .icon-recipe-part>div,
#block-french-views-block-latest-recipes-regions .icon-recipe-part>div {
	flex: 1;
	justify-content: center;
	display: inline-flex;
	height: 45px;
	align-items: center;
}

#block-french-views-block-our-last-recipes-block-1 ul li .views-field-field-category-recipe .category-meal,
#block-french-views-block-all-recipes ul li .views-field-field-category-recipe .category-meal,
#block-french-views-block-recipes-image .views-field-field-category-recipe .category-meal,
#block-french-views-block-latest-recipes-regions ul li .views-field-field-category-recipe .category-dessert {
	display: flex;
	align-items: center;
}

#block-french-views-block-our-last-recipes-block-1 ul li .views-field-field-category-recipe .category-meal:before,
#block-french-views-block-recipes-image .views-field-field-category-recipe .category-meal:before,
#block-french-views-block-all-recipes ul li .views-field-field-category-recipe .category-meal:before,
#block-french-views-block-latest-recipes-regions ul li .views-field-field-category-recipe .category-meal:before {
	content: "";
	width: 30px;
	height: 30px;
	display: inline-flex;
	margin: 0 0.75rem -.2rem -1rem;
}

#block-french-views-block-our-last-recipes-block-1 h3 a,
#block-french-views-block-all-recipes h3 a,
#block-french-views-block-latest-recipes-regions h3 a {
	color: var(--bs-black);
	font: 1.5rem 'Open sans semibold';
	margin-bottom: 1rem;
	display: inline-block;
}

#block-french-views-block-all-recipes h3 a {
	color: var(--bs-blue-french2);
}

#block-french-views-block-all-recipes .views-body-recipe p {
	color: var(--bs-blue-para-font);
}

#block-french-views-block-our-last-recipes-block-1 h3,
#block-french-views-block-all-recipes h3,
#block-french-views-block-latest-recipes-regions h3 {
	margin-bottom: 0;
}

#block-french-views-block-our-last-recipes-block-1 .views-link-recipe a,
#block-french-views-block-all-recipes .views-link-recipe a,
#block-french-views-block-latest-recipes-regions .views-link-recipe a {
	border-bottom: 2px solid var(--bs-light-blue-french3);
	padding-bottom: 5px;
	transition: .3s;
	display: inline-flex;
	position: relative;
	font-size: 1.05rem;
}

#block-french-views-block-our-last-recipes-block-1 .views-link-recipe a:after,
#block-french-views-block-all-recipes .views-link-recipe a:after,
#block-french-views-block-latest-recipes-regions .views-link-recipe a:after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: -2px;
	left: 0;
	background-color: var(--bs-blue-french);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

#block-french-views-block-our-last-recipes-block-1 .views-link-recipe a:hover:after,
#block-french-views-block-all-recipes .views-link-recipe a:hover:after,
#block-french-views-block-latest-recipes-regions .views-link-recipe a:hover:after {
	transform: scaleX(1);
	color: var(--bs-black);
	transform-origin: bottom left;
}

#block-french-views-block-our-last-recipes-block-1 .views-link-recipe a:after,
#block-french-views-block-our-last-recipes-block-1 .views-link-recipe a:hover:after,
#block-french-views-block-our-last-recipes-block-1 .views-link-recipe a:focus:after,
#block-french-views-block-all-recipes .views-link-recipe a:after,
#block-french-views-block-all-recipes .views-link-recipe a:hover:after,
#block-french-views-block-all-recipes .views-link-recipe a:focus:after,
#block-french-views-block-latest-recipes-regions .views-link-recipe a:after,
#block-french-views-block-latest-recipes-regions .views-link-recipe a:hover:after,
#block-french-views-block-latest-recipes-regions .views-link-recipe a:focus:after {
	background-color: var(--bs-blue-french);
}

#block-french-views-block-our-last-recipes-block-1 .recipe-content-card,
#block-french-views-block-all-recipes .recipe-content-card,
#block-french-views-block-latest-recipes-regions .recipe-content-card {
	padding: 2rem;
}

.category-24:before {
	background: url(/sites/frenchspecial.com/themes/french/icons/croissant-icon.png) center center /contain;
}

.category-84:before {
	background: url(/sites/frenchspecial.com/themes/french/icons/entree-icon.png) center center /contain;
}

#block-french-views-block-our-last-recipes-block-1 h2,
#block-french-views-block-all-recipes h2,
#block-french-views-block-latest-recipes-regions h2 {
	text-align: left;
}

#block-french-views-block-latest-recipes-regions ul {
	display: flex;
}

.header-title-link {
	display: flex;
	margin-bottom: 4rem;
	align-items: center;
}

.header-title-link>div {
	flex: 1;
}

#block-french-views-block-our-last-recipes-block-1 .header-title-link p,
#block-french-views-block-latest-recipes-regions .header-title-link p {
	color: var(--bs-light-grey-300);
}

.header-title-link div.link-latest-recipes {
	justify-content: end;
	display: inline-flex;
}

#filters {
	margin-bottom: 2.5rem;
}

#filters button {
	display: inline-flex;
	margin-right: 1rem;
	font-family: "Open Sans Semibold";
	padding: .5rem 1.5rem;
	border-radius: 30px;
	border: 2px solid var(--bs-blue-french);
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	color: var(--bs-blue-french);
	background-color: var(--bs-white);
}

#filters button.is-checked {
	color: var(--bs-white);
	background-color: var(--bs-blue-french);
}

.pri-sel-link {
	color: var(--bs-blue-french);
	background-color: var(--bs-white);
}

.sec-sel-link svg {
	width: 20px;
	height: 20px;
	margin-right: .5rem;
	margin-top: .15rem;
	margin-left: -.5rem;
}

.sec-sel-link svg path {
	fill: var(--bs-red-french);
}

#filters button.is-checked.sec-sel-link svg path {
	fill: var(--bs-light-blue-french1);
}

.pri-sel-link:hover,
.pri-sel-link:focus {
	color: var(--bs-blue-french);
}

/********************* Dropdown  ***************************************/

.select-list {
	display: flex;
	align-items: start;
}

.select-list>div {
	flex: 1;
}

.select-list #filters-regions {
	justify-content: end;
	display: inline-flex;
	position: relative;
}

#filters-regions .dropbtn {
	display: inline-flex;
	font-family: "Open Sans Semibold";
	padding: .5rem 1.5rem;
	border-radius: 30px;
	border: 2px solid var(--bs-red-french);
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	color: var(--bs-white);
	background-color: var(--bs-red-french);
	z-index: 2;
}

#filters-regions .dropbtn:after {
	content: "\F282";
	font-family: 'Bootstrap icons';
	display: inline-flex;
	margin-left: .5rem;
	font-weight: 600;
}

#block-french-views-block-our-last-recipes-block-1 #filters-regions ul.dropdown-content li {
	border-radius: 0;
	background: none;
	box-shadow: none;
}

#filters-regions .dropdown-content {
	display: none;
	position: absolute;
	background-color: var(--bs-light-red-french);
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	max-height: 250px;
	overflow: scroll;
	padding: 0;
	top: 42px;
}

#filters-regions .dropdown-content a {
	color: var(--bs-black);
	padding: .5rem 1rem;
	display: block;
	width: 100%;
	text-align: left;
	border-radius: 0;
	margin: 0;
}

#filters-regions ul.dropdown-content li a:hover,
#filters-regions ul.dropdown-content li a:focus {
	background-color: var(--bs-light-red-french2);
}

#filters-regions.dropdown-list:hover .dropdown-content {
	display: block;
}

#filters-regions.dropdown-list:hover .dropbtn {
	background-color: var(--bs-red-french);
}

#filters-regions .dropdown-content a.is-checked {
	display: none;
}

/*********************  Page Recipe Node ********************************/


#block-french-views-block-recipes-intro {
	margin-top: 2rem;
}


.views-field-field-region-recipe a {
	background: rgba(56, 123, 239, 0.8);
	color: var(--bs-white);
	padding: .5rem 1.2rem;
	border-radius: 30px;
	font-size: .8rem;
	font-family: "Open sans semibold";
	margin: 0 1rem 0 0;
}

.page-node-type-recipes h1 {
	margin-top: 0rem;
	line-height: 4rem;
}

.views-field-field-category-recipe,
.views-field-field-type-of-dishes,
.views-field-field-type-regions {
	color: var(--bs-blue-french);
	text-transform: uppercase;
}

#block-french-views-block-taxonomy-term-intro-block-1 {
	margin-right: 2.5rem;
	margin-top: 5rem;
}

#block-french-views-block-recipes-image {
	height: 520px;
	position: relative;
}

#block-french-views-block-recipes-image .views-field-field-category-recipe {
	position: absolute;
	top: 80px;
	left: 120px;
	padding: .5rem 1.4rem .5rem 2rem;
	background: white;
	border-radius: 30px;
	text-transform: inherit;
	font: .9rem 'Open sans semibold';
}

.page-node-type-recipes #block-french-content .text-formatted {
	align-items: start;
}

#block-french-views-block-ingredients-recipe-node {
	margin-bottom: 3rem;
	border-bottom: 2px solid var(--bs-light-grey-100);
	padding-top: 2rem;
	padding-bottom: 3rem;
}

.field--name-field-preparation-recipe {
	margin-bottom: 5rem;
}

#block-french-views-block-ingredients-recipe-node h2,
.field--name-field-preparation-recipe .field__label {
	color: var(--bs-blue-french);
	font: normal 3rem 'Open sans semibold';
	margin-bottom: 1.5rem;
}

#block-french-views-block-ingredients-recipe-node h2:after,
.field--name-field-preparation-recipe .field__label:after {
	content: "";
	background: url(../icons/pot-icon.png) no-repeat center bottom /contain;
	width: 3.5rem;
	height: 3.5rem;
	display: inline-flex;
	margin-left: 1.5rem;
	margin-bottom: -5px;
}

#block-french-views-block-ingredients-recipe-node h2:after {
	background: url(../icons/lemon-icon.png) no-repeat center bottom /contain;
}

#block-french-views-block-ingredients-recipe-node #myTab {
	margin-top: 3rem;
	display: flex;
	justify-content: end;
	padding-right: 5rem;
}

#block-french-views-block-ingredients-recipe-node .nav-tabs {
	border-bottom: none;
}

#block-french-views-block-ingredients-recipe-node .nav-item .nav-link {
	background: var(--bs-white);
	color: var(--bs-blue-french);
	font-family: "open sans semibold";
	border: 1px solid var(--bs-blue-french);
	border-radius: 3rem;
	display: inline-flex;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

#block-french-views-block-ingredients-recipe-node .nav-item .nav-link:before {
	content: "";
	background: url(/sites/frenchspecial.com/themes/french/icons/measuring-cup-icon.png) no-repeat center center /contain;
	height: 1.5rem;
	width: 1.5rem;
	margin-left: .2rem;
	margin-right: .8rem;
	display: inline-block;
}

#block-french-views-block-ingredients-recipe-node .nav-item .nav-link.active {
	background: var(--bs-blue-french);
	color: var(--bs-white);
}

#block-french-views-block-ingredients-recipe-node .nav-item .nav-link.active:before {
	background: url(/sites/frenchspecial.com/themes/french/icons/measuring-cup-icon-light.png) no-repeat center center /contain;
}

#block-french-views-block-taxonomy-term-status-population {
	margin: 0 auto;
}

#block-french-views-block-recipes-time-serving ul li {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0 0 4rem;
}

#block-french-views-block-taxonomy-term-status-population ul {
	margin: 0;
	position: relative;
}

#block-french-views-block-taxonomy-term-status-population ul li {
	display: flex;
	background: url(/sites/frenchspecial.com/themes/french/images/meal-information.png) no-repeat;
	height: 20rem;
	width: 20rem;
	align-content: center;
	flex-wrap: wrap;
	padding: 1rem 0 2rem;
	background-size: contain;
	position: absolute;
	right: 0;
	top: 0;
}

#block-french-views-block-taxonomy-term-status-population ul li:before {
	content: "";
	background: url(../icons/paper-clip-icon.png) no-repeat center center /contain;
	height: 4rem;
	width: 4rem;
	margin-left: 15rem;
	margin-top: -8rem;
	transform: rotate3d(1, 1, 1, 25deg);
}

#block-french-views-block-recipes-time-serving ul li>div {
	font: normal .9rem 'Open sans semibold';
	display: flex;
	color: var(--bs-black);
	width: 100%;
	flex: 1;
}

#block-french-views-block-taxonomy-term-status-population ul li>div {
	font: normal .9rem 'Open sans semibold';
	color: var(--bs-black);
	width: 100%;
	display: flex;
	margin-left: 4rem;
	margin-bottom: .5rem;
}

#block-french-views-block-taxonomy-term-status-population ul li>div span.views-label {
	padding-right: 5px;
	color: var(--bs-blue-french);
}

#block-french-views-block-recipes-time-serving ul li>div:last-child {
	border-right: none;
}

.views-field-field-french-since:before,
.views-field-field-population:before,
.views-field-field-superficie:before,
.views-field-field-difficulty-recipe:before,
.views-field-field-number-of-plates-recipe:before,
.views-field-field-preparation-time-recipe:before,
.views-field-field-cooking-time-recipe:before {
	margin-right: .8rem;
	content: "";
	width: 1.5rem;
	height: 1.5rem;
	display: inline-flex;
}

.views-field-field-difficulty-recipe:before {
	width: 1.2rem;
	height: 1.2rem;
	margin-top: .1rem;
}

#block-french-views-block-featured-recipe .icon-recipe-part>div:before {
	margin-right: .3rem;
	margin-left: .5rem;
}

.views-field-field-french-since:before {
	background: url(../icons/france-flag-icon.png) no-repeat center top /contain;
}

.views-field-field-population:before {
	background: url(../icons/population-icon.png) no-repeat center center /contain;
}

.views-field-field-superficie:before {
	background: url(../icons/area-icon.png) no-repeat center bottom /contain;
}

.views-field-field-difficulty-recipe:before {
	background: url(../icons/level-icon.png) no-repeat center bottom /contain;
}

#block-french-views-block-featured-recipe .views-field-field-difficulty-recipe:before {
	background: url(../icons/level-icon-light.png) no-repeat center bottom /contain;
}

.views-field-field-number-of-plates-recipe:before {
	background: url(../icons/servings-icon.png) no-repeat center bottom /contain;
}

#block-french-views-block-featured-recipe .views-field-field-number-of-plates-recipe:before {
	background: url(../icons/servings-icon-light.png) no-repeat center bottom /contain;
}

.views-field-field-preparation-time-recipe:before {
	background: url(../icons/kitchen-utensils-icon.png) no-repeat center bottom /contain;
}

#block-french-views-block-featured-recipe .views-field-field-preparation-time-recipe:before {
	background: url(../icons/kitchen-utensils-icon-light.png) no-repeat center bottom /contain;
}

.views-field-field-cooking-time-recipe:before {
	background: url(../icons/cooking-icon.png) no-repeat center bottom /contain;
}

.field--name-field-preparation-recipe ul li,
.field--name-field-ingredients-recipes ul li {
	padding-top: .5rem;
	padding-bottom: .5rem;
	line-height: 1.8rem;
	display: flex;
	margin-left: 1rem;
}

.field--name-field-ingredients-recipes ul li {
	color: var(--bs-blue-french2);
	padding-bottom: 0;
}

.checkbox-input {
	display: none;
}

.checkbox-input:checked+.checkbox-label {
	color: #90aad9;
}

.checkbox-input:checked+.checkbox-label:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	color: var(--bs-blue-french2);
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: .8rem;
}

.checkbox-label {
	margin-left: .5rem;
	position: relative
}

.checkbox-label:before {
	margin-left: .5rem;
	position: absolute;
	left: -2.5rem;
	background-color: var(--bs-light-blue-french1);
	border: 1px solid var(--bs-light-blue-french);
	height: 18px;
	width: 18px;
	content: "";
	top: .35rem;
	box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8)
}

.field--name-field-preparation-recipe .checkbox-label:before {
	background-color: var(--bs-light-grey-10);
	border: 1px solid var(--bs-light-grey-100);
}

.field--name-field-preparation-recipe .checkbox-input:checked+.checkbox-label:before {
	color: var(--bs-light-grey-200);
}

.field--name-field-preparation-recipe .checkbox-input:checked+.checkbox-label {
	color: #909aad;
}

#block-french-views-block-recipes-regions-tags {
	margin-top: 5rem;
	margin-bottom: 3rem;
}

.page-node-type-recipes .region-content {
	width: 740px;
	margin: auto;
}

/********************* PAGE RECIPE VIEW ************************/

.path-recipes #block-french-views-block-featured-recipe {
	margin-left: 2rem;
	margin-top: 4.5rem;
	color: var(--bs-white);
}

.path-recipes #block-french-views-block-featured-recipe ul li {
	display: flex;
	margin-left: 0;
}

.path-recipes #block-french-views-block-featured-recipe .recipe-card-content {
	margin: 2rem;
}

.path-recipes #block-french-views-block-featured-recipe ul li>div {
	flex: 1;
}

.path-recipes #block-french-views-block-featured-recipe .icon-recipe-part>div {
	margin-right: .5rem;
	align-content: center;
	display: flex;
}

.path-recipes #block-french-views-block-featured-recipe .icon-recipe-part {
	display: flex;
	margin-left: -1.5rem;
}

.path-recipes #block-french-views-block-featured-recipe .views-field-title {
	margin-left: 4rem;
	margin-top: 1.5rem;
}

#block-french-views-block-featured-recipe h2 a {
	color: var(--bs-white);
	font: 2rem 'Open sans semibold';
	margin-bottom: 1.5rem;
	display: block;
}

#block-french-views-block-featured-recipe p {
	color: var(--bs-light-blue-french2);
	font-size: 1.1rem;
	line-height: 1.7rem;
}

.path-recipes #block-french-views-block-featured-recipe .views-field-field-main-image-recipe img {
	height: 350px;
	width: auto;
	border-radius: 300px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	border: 10px solid var(--bs-white);
}

.path-recipes .righthero {
	border-top-left-radius: 30rem;
	border-bottom-left-radius: 30rem;
	background: var(--bs-blue-french2);
}