/**
 * Theme Name: Profood - Child Aitec Theme
 * Template: aitec
 * Theme URI: http://aitec.it
 * Author: The Aitec Team
 * Author URI: http://aitec.it
 * Description: A special theme created (with love!) for Profood Italia
 * Version: 1.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: aitec
 */

:root {
	--text-base-size: 16px;
	--text-base-font: 'Poppins', sans-serif;
	--text-alt-font: 'Open Sans', sans-serif;	
	--primary-color: #50606e;
	--primary-color-text: #ffffff;
	--primary-color-variant: #182733;
	--primary-color-variant-text: #ffffff;
	--secondary-color: #5fd100;
	--secondary-color-text: #ffffff;
	--secondary-color-variant: #668f4c;
	--secondary-color-variant-text: #ffffff;
	--tertiary-color: #90d8fa;
	--tertiary-color-text: #50606e;
	--tertiary-color-variant: #4c7f93;
	--tertiary-color-variant-text: #ffffff;
	--green-gradient-dark: #449434;
	--green-gradient-dark-rgb: 68, 148, 52;
	--green-gradient-light: #a1c517;
	--green-gradient-light-rgb: 161, 197, 23;
	--brown-gradient-dark: #825834;
	--brown-gradient-dark-rgb: 68, 148, 52;
	--brown-gradient-light: #bd9561;
	--brown-gradient-light-rgb: 161, 197, 23;	
	--blue-gradient-dark: #5f88a3;
	--blue-gradient-dark-rgb: 68, 148, 52;
	--blue-gradient-light: #b4c4d3;
	--blue-gradient-light-rgb: 161, 197, 23;
	--background-color: #ffffff;
	--background-color-text: #000000;
	--surface-color: #ffffff;
	--surface-color-text: #000000;
	--error-color: #b000220;
	--error-color-text: #ffffff;
	--header-height: 160px;
	--title-number-font-size: 100px;
	--title-number-padding: 80px;
	--title-number-line-height: 0.8em;
}

/* Default styles, HTML and Bootstrap Customization */

body { font-weight:300; font-size: var(--text-base-size); font-family: var(--text-base-font); color: var(--background-color-text); position: relative; margin: 0; padding: 0; background-color:var(--background-color); }

.btn { font-family: var(--text-base-font); text-decoration:none; font-weight:bold; }
.btn:focus, .btn:focus-visible { outline:thin solid var(--secondary-color); border-color:#fff; }

.btn.btn-default { color: var(--secondary-color-text); border: 1px solid var(--green-gradient-light); background: linear-gradient(to right, var(--green-gradient-dark), var(--green-gradient-light)); }
.btn.btn-default:hover, .btn.btn-default.active { text-decoration:none; background: transparent; border: 1px solid var(--secondary-color-variant); color: var(--secondary-color-variant); }
.btn.btn-default:visited, .btn.btn-default:active { border: 1px solid var(--secondary-color-variant); }

.btn.btn-default.alternative { color: var(--primary-color-text); border: 1px solid var(--brown-gradient-light); background: linear-gradient(to right, var(--brown-gradient-light), var(--brown-gradient-dark)); }
.btn.btn-default.alternative:hover, .btn.btn-default.alternative.active { text-decoration:none; background: transparent; border: 1px solid var(--primary-color); color: var(--primary-color); }
.btn.btn-default.alternative:visited, .btn.btn-default.alternative:active { border: 1px solid var(--primary-color-variant); }

.h2, h2 { font-weight:600; }
.h3, h3 { font-weight:200; text-transform:uppercase; }

strong, bold { font-weight:700; }

/* Main Header styles */

#main-header { z-index:100; position: absolute; height: var(--header-height); background: linear-gradient(to bottom, var(--primary-color-variant) 30%, transparent); color: var(--primary-color-variant-text); border-bottom: none; }
#main-header.sticky { background: linear-gradient(to bottom, var(--primary-color-variant) 30%, transparent);  }

#logo-wrapper { padding: 1.5em; }

#main-header nav.main-menu-wrapper { display: table; position: absolute; height: var(--header-height); right: calc(var(--header-height) / 2); }
#main-header nav.main-menu-wrapper #main-menu { display: table-row; height: var(--header-height); line-height: var(--header-height);  padding: 0; margin: 0; list-style: none inside;}
#main-header nav.main-menu-wrapper #main-menu > li { display: table-cell; height: var(--header-height); line-height: var(--header-height); padding:0 1em; }
#main-header nav.main-menu-wrapper #main-menu > li.menu-item-has-children { position:relative; }
#main-header nav.main-menu-wrapper #main-menu > li a { display: inline-block; position: relative; color: var(--primary-color-text); font-weight: 500; font-size: 1rem; line-height: 2rem; text-shadow: 0 0 0.4em rgba(0,0,0,0.4); text-align: center; }
#main-header nav.main-menu-wrapper #main-menu > li a:hover { text-decoration:none; }
#main-header nav.main-menu-wrapper #main-menu > li > a:after, #main-header nav.main-menu-wrapper #main-menu > li.current-menu-item > a:after { content:''; height:0.15rem; left:0; width:0; right:0; background:linear-gradient(to right, var(--green-gradient-dark), var(--green-gradient-light)); opacity:0; position:absolute; bottom:-0.3rem; transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
#main-header nav.main-menu-wrapper #main-menu > li a:hover:after, #main-header nav.main-menu-wrapper #main-menu > li.current-menu-item > a:after { bottom:-0.3rem; opacity: 1; width:100%; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }

#main-header nav.main-menu-wrapper #main-menu > li.button a { background: linear-gradient(to right, var(--green-gradient-dark), var(--green-gradient-light)); border:thin solid var(--green-gradient-dark); color: var(--secondary-color-text); font-weight: bold; text-shadow: none; padding: 0.2em 1em; border-radius: var(--bs-border-radius); font-size: 1em; }
#main-header nav.main-menu-wrapper #main-menu > li.button a:hover { background: transparent; color: var(--secondary-color); border:thin solid var(--green-gradient-dark); }
#main-header nav.main-menu-wrapper #main-menu > li.button a:after { display:none; }

#main-header nav.main-menu-wrapper #main-menu > li .sub-menu { visibility:hidden; list-style: none inside; margin: 0; padding: 1em; line-height: 1.2em; position: absolute; text-align: left; left: -33%; right: -33%; background-color: var(--primary-color-variant); border-radius: var(--bs-border-radius); top:80%; }
#main-header nav.main-menu-wrapper #main-menu > li .sub-menu { -webkit-animation-name: slideMenuRevert; animation-name: slideMenuRevert; -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
#main-header nav.main-menu-wrapper #main-menu > li.menu-item-has-children:hover .sub-menu { -webkit-animation-name: slideMenu; animation-name: slideMenu; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

#main-header nav.main-menu-wrapper #main-menu > li .sub-menu::before { content: ''; position: absolute; top: calc(calc(1.3em / 2) * -1); left: calc(50% - calc(1.5em / 2) ); width: 1.5em; height: 1.5em; border-radius: var(--bs-border-radius); transform: rotate(45deg); background-color: var(--primary-color-variant); }
#main-header nav.main-menu-wrapper #main-menu > li .sub-menu > li { margin-bottom:0.5em; }
#main-header nav.main-menu-wrapper #main-menu > li .sub-menu > li:last-child { margin-bottom:0; }
#main-header nav.main-menu-wrapper #main-menu > li .sub-menu > li a { text-shadow:none; color: var(--primary-color-text); font-size:0.975em; font-weight:normal; text-align:left; line-height: 1.4em; padding: 0.2em 0;}
#main-header nav.main-menu-wrapper #main-menu > li .sub-menu > li a:hover { text-decoration:underlime; color:var(--secondary-color);  }


#menu-toggle span { height: 4px; background: linear-gradient(to right, rgba(255,255,255,0.9), rgba(255,255,255,0.5)); border-radius: 2em; }

#main-menu-offcanvas { background: linear-gradient(to left, var(--primary-color-variant), var(--primary-color)); border-color: var(--primary-color); color: var(--primary-color-text); }
#main-menu-offcanvas .offcanvas-header .btn-close{ --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e"); }
#main-menu-offcanvas .offcanvas-header, #main-menu-offcanvas .offcanvas-header a{ color: var(--primary-color-text); }

#offcanvas-menu{ list-style:none inside; margin:0 0 2em 0; padding:0; }
#offcanvas-menu > li { margin-bottom:1em; }
#offcanvas-menu > li > a { color: var(--primary-color-text); font-size: 1.2em; line-height: 1.5em; font-weight: bold; position: relative; }
#offcanvas-menu > li > a:hover { text-decoration:none; }
#offcanvas-menu > li > a:after { content:''; height:2px; left:0; width:0; right:0; background:linear-gradient(to right, var(--green-gradient-dark), var(--green-gradient-light)); opacity:0; position:absolute; bottom:-4px; transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
#offcanvas-menu > li > a:hover:after { opacity: 1; width:100%; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }

#offcanvas-menu > li .sub-menu { margin: 1em 0; list-style: none inside; padding: 0 1em; }
#offcanvas-menu > li .sub-menu > li { position: relative; }
#offcanvas-menu > li .sub-menu > li:before { content:''; width:1em; height:1px; display:inline-block; background:linear-gradient(to left, var(--green-gradient-dark), var(--green-gradient-light)); margin-right: 1em; }
#offcanvas-menu > li .sub-menu > li > a{ color: var(--primary-color-text); }

/* Language Selector */

.language-selector-wrapper { display: table; position: absolute; height: var(--header-height); width: calc(var(--header-height) / 3); right: calc(1.5rem * .5); }
.language-selector-wrapper .language-selector { width:100%; display:table-row; height:100%; text-align:center; list-style: none inside; padding: 0.375rem 0; margin: 0; }
.language-selector-wrapper .language-selector li { display:table-cell; vertical-align:middle; }
.language-selector-wrapper .language-selector li a, .language-selector-wrapper .language-selector li span{ color: var(--primary-color-text); font-weight: 500; font-size: 1rem; line-height: 2rem; text-shadow: 0 0 0.4em rgba(0,0,0,0.4); text-align: center;  text-transform: uppercase; }
.language-selector-wrapper .language-selector li a:hover, .language-selector-wrapper .language-selector li.active span{ color:#fff;  }

.offcanvas-body .language-selector-wrapper{ width:100%; left:0; border-top:1px dashed #fff; border-bottom:1px dashed #fff; }
.offcanvas .language-selector li { width: 50%; padding: 1em; }
.offcanvas .language-selector li.active { opacity:0.5;  }


/* Breadcrumbs Styles */

#bcrumbs-wrapper { background: linear-gradient(to right, var(--primary-color), var(--primary-color-variant)); color: var(--primary-color-text); }
#bcrumbs-wrapper a, #bcrumbs-wrapper span{ color: var(--primary-color-text); }

/* Content Styles */

.primary-gradient-background{ background:linear-gradient(to right, var(--primary-color), #fff); }
.secondary-gradient-background{ background:linear-gradient(to right, var(--secondary-color), #fff); }
.green-gradient-background{ background:linear-gradient(to right, var(--green-gradient-dark), var(--green-gradient-light)); }
.brown-gradient-background{ background:linear-gradient(to right, var(--brown-gradient-light), var(--brown-gradient-dark)); }
.blue-gradient-background{ background:linear-gradient(to right, var(--blue-gradient-dark), var(--blue-gradient-light)); }
.blue-white-gradient-background{ background:linear-gradient(to right, var(--blue-gradient-dark), #fff); }

.primary-gradient-background-vertical{ background:linear-gradient(to bottom, var(--primary-color), #fff); }
.secondary-gradient-background-vertical{ background:linear-gradient(to bottom, var(--secondary-color), #fff); }
.green-gradient-background-vertical{ background:linear-gradient(to bottom, var(--green-gradient-dark), var(--green-gradient-light)); }
.brown-gradient-background-vertical{ background:linear-gradient(to bottom, var(--brown-gradient-light), var(--brown-gradient-dark)); }
.blue-gradient-background-vertical{ background:linear-gradient(to bottom, var(--blue-gradient-dark), var(--blue-gradient-light)); }
.blue-white-gradient-background-vertical{ background:linear-gradient(to bottom, var(--blue-gradient-dark), #fff); }

.column-card { background-color: var(--background-color); padding: 2em; margin-bottom: 1em; border-radius: var(--bs-border-radius-xxl); }

/* Deco title styles */

.deco-title{ font-weight:900; text-transform:uppercase; background: linear-gradient(to right, var(--green-gradient-dark), var(--green-gradient-light)); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }
.deco-title mark, .deco-title .subtitle, .deco-title .eyelet{ font-weight:400; text-transform:uppercase; background: linear-gradient(to right, var(--green-gradient-dark), var(--green-gradient-light)); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; font-style:normal; font-size:1em; margin-top:0; line-height:1em; }
.deco-title .subtitle, .deco-title .eyelet { padding:0; font-size:0.5em; }
.deco-title mark { padding:0; }

h1.deco-title { font-size: 3.5rem; }
h2.deco-title { font-size: 3rem; }
h3.deco-title { font-size: 2.5rem; }
h4.deco-title { font-size: 2rem; }
h5.deco-title { font-size: 1.5rem; }

h2.deco-eylet { font-size: 3.2rem; }
h3.deco-eylet { font-size: 2.7rem; }
h4.deco-eylet { font-size: 2.2rem; }
h5.deco-eylet { font-size: 1.7rem; }
h6.deco-eylet { font-size: 1.2rem; }

/* Deco List Styles */

.deco-list li:before { background: linear-gradient(to right, var(--green-gradient-dark), var(--green-gradient-light)); }
.deco-list li{ padding-right:1em; }

/* Deco Icon Styles */

.deco-icon.deco-icon-green-gradient-background:before { background-image:var(--deco-icon-image), linear-gradient(to right, var(--green-gradient-dark), var(--green-gradient-light)); }
.deco-icon:before { transition:all 0.2s ease-in; }
.deco-icon:hover:before { transform: scale(1.1); }

/* Chess Block Styles */

.chess-block { position: relative; aspect-ratio: 4 / 3; cursor:pointer; }
.chess-block .chess-block-content{ position:absolute; top:0; right:0; bottom:0; left:0; }
.chess-block .chess-block-content .front-side, .chess-block .chess-block-content .back-side { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background:#fff; z-index:0; }

.chess-block .chess-block-content .front-side .front-side-title { font-weight: 700; position: absolute; display: inline-block; margin: 0; top: 40%; transform: translateY(-50%); left: 170px; right: 50px; font-size:1.2em; }
.chess-block .chess-block-content .front-side .front-side-counter { font-size: 15em; display: inline-block; font-weight: 900; transform: translatey(-50%); opacity: 0.8em; line-height: 1em; margin: 0; position: absolute; z-index: -1; top: 50%; left: 50px; }

.chess-block .chess-block-content .front-side{ z-index:1;}
.chess-block .chess-block-content .back-side{ opacity:0; -webkit-animation-name: fadeOut; animation-name: fadeOut;   -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.chess-block-wrapper .row > div:nth-child(4n-1) .chess-block .chess-block-content .front-side, .chess-block-wrapper .row > div:nth-child(4n-2) .chess-block .chess-block-content .front-side { background: linear-gradient(to right, rgba(var(--green-gradient-dark-rgb),0.8), rgba(var(--green-gradient-light-rgb), 0.8)); z-index:5; transform:scale(1.1); }
.chess-block-wrapper .row > div:nth-child(4n-1) .chess-block .chess-block-content .front-side .front-side-counter, .chess-block-wrapper .row > div:nth-child(4n-2) .chess-block .chess-block-content .front-side .front-side-counter{ color:#fff; }
.chess-block-wrapper .row > div:nth-child(4n) .chess-block .chess-block-content .front-side .front-side-counter, .chess-block-wrapper .row > div:nth-child(4n-3) .chess-block .chess-block-content .front-side .front-side-counter { background: linear-gradient(to right, var(--green-gradient-dark), var(--green-gradient-light)); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }

.chess-block .chess-block-content .front-side{ -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.chess-block:hover .chess-block-content .front-side, .chess-block.open .chess-block-content .front-side{ -webkit-animation-name: fadeOut; animation-name: fadeOut;   -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.chess-block .chess-block-content .back-side { display: table; width: 100%; height: 100%; }
.chess-block .chess-block-content .back-side-content { display: table-cell; vertical-align: middle; padding: 4em; }
.chess-block:hover .chess-block-content .back-side, .chess-block.open .chess-block-content .back-side { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.chess-block .chess-block-content .back-side .back-side-content h3 { font-weight: bold; font-size: 1em; margin-bottom: 0.5em; }
.chess-block .chess-block-content .back-side .back-side-content p{ font-size:0.875em; line-height:1.5em; }
 
/* Snap Slider Styles */

.snap-slider-wrapper { padding:0 2em;}
.snap-slider-wrapper .snap-slider-control { margin: 0 -2em; }


/* Single/Page Slider Styles */

.page-slider-wrapper, .single-slider-wrapper { height: 100vh; position: relative; background: var(--page-slider-wrapper-image) no-repeat scroll center center / cover var(--primary-color-variant); color: var(--secondary-color-variant-text); padding-top: var(--header-height); }
.single-slider-wrapper { height: 80vh; background: var(--single-slider-wrapper-image) no-repeat scroll center center / cover var(--primary-color-variant); }

.page-slider-wrapper .page-slider{ width:100%; height:100%;}
.page-slider-wrapper .page-slider .page-slider-content{ position:relative; text-align:center; width:100%; height:100%; }

.page-slider-title { position: absolute; right: 0; left: 0; margin: 0; font-size: 100px; text-transform: uppercase; font-weight: 900; color:rgba(255,255,255,0.3); }
.page-slider-intro { bottom: calc(var(--header-height) / 2); right: 0; left: 0; position: absolute; text-shadow:0 0 0.2em rgba(0,0,0,0.6); font-size:20px; font-weight:500; line-height:25px; }

.page-header-placeholder { padding-top: var(--header-height); min-height: calc(33vh + var(--header-height)); }
.page-header-placeholder .page-header-placeholder-title{ font-size: 100px; text-transform: uppercase; font-weight: 900; color:rgba(255,255,255,0.3); margin-bottom:0.2em; }
.page-header-placeholder.no-title { height: var(--header-height); padding: 0; min-height: auto; background-color: var(--tertiary-color-text); }

.page-layer-wrapper { position:relative; background-color:var(--tertiary-color); height: 100vh; min-height: 667px; }

.page-layer-wrapper .page-layer-animation { height:100%; position: relative; }
.page-layer-wrapper .page-layer-animation .page-layer{ height:100%; position: relative; background: var(--page-layer-background) no-repeat scroll center center / cover var(--primary-color-variant); }
.page-layer-wrapper .page-layer-animation .page-layer .page-layer-shadow, .page-layer-wrapper .page-layer-animation .page-layer .page-layer-main { max-width:100%; position: absolute; top: var(--header-height); left: 50%; transform: translateX(-50%) translatey(-5%) scale(1.2); aspect-ratio: 1 / 1; width: calc(100vh - calc(var(--header-height) *2)); }
.page-layer-wrapper .page-layer-animation .page-layer .page-layer-main{ z-index:10; }
.page-layer-wrapper .page-layer-animation .page-layer .page-layer-shadow{ mix-blend-mode: multiply; z-index:5; }

.page-layer-wrapper .page-layer-content { height: 100%; position: absolute; color: var(--secondary-color-variant-text); padding-top: var(--header-height); top: 0; left: 0; right: 0; z-index: 10; }
.page-layer-wrapper .page-layer-content .page-layer-title { position: relative; font-size: 100px; text-transform: uppercase; font-weight: 900; line-height:1.2em; color: rgba(255,255,255,0.3); text-align: center; word-wrap: break-word; margin-bottom: 0; }
.page-layer-wrapper .page-layer-content .page-layer-description-wrapper { position: absolute; bottom:4rem; right:0; left:0; }
.page-layer-wrapper .page-layer-content .page-layer-description-wrapper .page-layer-description { text-align:center; text-shadow:0 0 0.2em rgba(0,0,0,0.6); font-size:20px; font-weight:500; line-height:1.2em; }

.page-layer-wrapper .page-layer-animation .page-layer.correction .page-layer-shadow, .page-layer-wrapper .page-layer-animation .page-layer.correction .page-layer-main { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scale(1.2); width: calc(100vh - calc(var(--header-height) * 0.5)); }

.page-layer-wrapper.archive-placeholder { position:relative; background-color:transparent; } .page-layer-wrapper.archive-placeholder { position: relative; background-color: transparent; height: 33vh; min-height: 400px; }

/* Image Block Styles */

.image-block-wrapper { position:relative; padding:0 1em 1em 1em; }
.image-block-wrapper .image-block { position: relative; border-radius:0.2em;}

.image-block-wrapper .image-block-description { padding: 1em 0; }
.image-block-wrapper .image-block-description h2, .image-block-wrapper .image-block-description h3, .image-block-wrapper .image-block-description h4, .image-block-wrapper .image-block-description h5 { font-size: 1rem; line-height: 1.5rem; margin-bottom: 1rem; font-weight: 500; text-transform: none; }
.image-block-description .eyelet { display: block; font-weight: 300; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; }
.image-block-description a:hover { text-decoration:underline;  }

/* Fit Title Styles */

.fit-title { margin-bottom:0; font-weight: 900; text-transform: uppercase; color: rgba(255,255,255,0.3); font-size: 100px; text-align: center; line-height: 1em; word-wrap: break-all;}

/* FAQ Block Styles */

.faq-block-title { position:relative; padding-left:var(--title-number-padding); }
.faq-block-title .eyelet { font-size: var(--title-number-font-size); font-weight: 900; position: absolute; top: 0; line-height: var(--title-number-line-height); left: 0; opacity: 0.5; }
.faq-block-wrapper .faq-block { padding: 0 0 0 var(--title-number-padding); }
.faq-block-wrapper .faq-block .faq-block-question{ cursor:pointer; }
.faq-block-wrapper .faq-block .faq-block-question h4:after{ cursor:pointer; transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; }
.faq-block-wrapper .faq-block .faq-block-question:hover h4:after{ cursor:pointer; background-color:rgba(255,255,255,0.5); }

/* Big Number List Styles */

.big-number-list { list-style: none inside; padding: 0; margin: 0 0 2em 0; }
.big-number-list li { margin-bottom: 4em; }
.big-number-list li .big-number-list-item-wrapper{ position:relative; padding-left:var(--title-number-padding);  }
.big-number-list li .big-number-list-item-wrapper:before{ content:var(--big-number-list-item-count); font-size: var(--title-number-font-size); font-weight: 900; position: absolute; top: 0; line-height: var(--title-number-line-height); left: 0; opacity: 0.5; display:block;  }

/* Download Block Styles*/

.download-block-wrapper { padding:1em; background: linear-gradient(to right, var(--green-gradient-dark), var(--green-gradient-light)); border-radius: var(--bs-border-radius-xxl); }
.download-block-wrapper .download-block{ background: #fff; border-radius: var(--bs-border-radius-xxl); padding: 2em; position:relative; display:block; min-height:6em; text-decoration:none;}
.download-block-wrapper .download-block .download-block-date{ display:block; }
.download-block-wrapper .download-block .download-block-title{ font-size:1.2em; font-weight:bold; margin-bottom:4em; display:block; }
.download-block-wrapper .download-block .download-block-cta { display: block; position: absolute; bottom: 2em; font-weight:bold; padding-left:3em; }
.download-block-wrapper .download-block .download-block-cta:before { content: ''; font-family: 'Font Awesome 5 Free', cursive; font-weight: bold; position: absolute; color: var(--background-color-text); background-color: #f5f5f5; border-radius: 100%; text-align: center; width: 2em; height: 2em; line-height: 2em; left: 0; top: calc(50% - 1em); }
.download-block-wrapper:hover .download-block{ background: transparent; }
.download-block-wrapper:hover .download-block-title, .download-block-wrapper:hover .download-block-cta, .download-block-wrapper:hover .download-block-date{ color:#fff; }

/* Bootstrap Card Styles */

.card { --bs-card-border-radius: 3em; --bs-card-inner-border-radius: 3em; overflow: hidden; --bs-card-bg: transparent; --bs-card-spacer-y: 2rem; --bs-card-spacer-x: 2rem; --bs-card-border-color: transparent; box-shadow: 0 0 0.4em rgba(0,0,0,0.2); }
.card .card-img-top figure{ background-position:center; background-attachment:scroll; background-repeat:no-repeat; background-size:cover; aspect-ratio:4 / 3; }
.card .card-img-top figure img{ opacity:0; max-width:50%; max-height:50%; }
.card .card-body { background: linear-gradient(to top, #a9bfd1, #a9bfd1 75% , transparent); margin-top:-35%; padding-top:4em; color:var(--primary-color-text); }
.card .card-body .card-title { text-shadow:0 0.1em 0.2em rgba(0,0,0,0.4); margin-bottom:1em; font-size:1.2em; font-weight:600;}
.card .card-body .card-title .eyelet { display: block; font-size: 0.8em; margin-bottom: 0.8em; text-shadow:none; }
.card .card-body .card-link {display:block; position:relative; font-weight:500; text-transform:uppercase; padding-left:3em; }
.card .card-body .card-link:hover, .card .card-body .card-link:active, .card .card-body .card-link:visited { color:var(--primary-color);  }
.card .card-body .card-link:before { content: "\f30b"; font-family: 'Font Awesome 5 Free', cursive; font-weight: bold; position: absolute; color: var(--background-color-text); background-color: #f5f5f5; border-radius: 100%; text-align: center; width: 2em; height: 2em; line-height: 2em; left: 0; top: calc(50% - 1em); }

/* Video Card Styles */

.video-wrapper .video-content{ aspect-ratio: 16 / 9; background-color: #fff; border-radius: var(--bs-border-radius-2xl); overflow: hidden; text-align:center; --video-content-wrap:0.5em; position:relative; }
.video-wrapper .video-content iframe { height: calc(100% + calc(var(--video-content-wrap) * 2) ); width: calc(100% + calc(var(--video-content-wrap) * 2) ); position: absolute; left: calc(var(--video-content-wrap) * -1); top: calc(var(--video-content-wrap) * -1); bottom: calc(var(--video-content-wrap) * -1); right: calc(var(--video-content-wrap) * -1); } 

/* Rotate Gallery Styles */

.rotate-slider-wrapper .rotate-slider-control { position: relative; opacity: 0.5; transition: opacity 0.6s ease-in; z-index:5;}
.rotate-slider-wrapper:hover .rotate-slider-control { opacity: 1; transition: opacity 0.1s ease-in; }

.rotate-slider-wrapper .rotate-slider-control button { color: var(--background-color-text); background: rgba(255,255,255,0.8); border-radius:100%; position: absolute; text-align: center; width: 4em; z-index: 20; cursor: pointer; height: 4em; line-height: 4.8em; border: none; padding: 0; }
.rotate-slider-wrapper .rotate-slider-control button { -moz-transition: all 0.2 ease-in; -webkit-transition: all 0.2 ease-in; transition: all 0.2 ease-in; }
.rotate-slider-wrapper .rotate-slider-control button i { font-size: 2em; }
.rotate-slider-wrapper .rotate-slider-control button:hover { color: var(--primary-color); }
.rotate-slider-wrapper .rotate-slider-control .rotate-slider-control-left { left: 1em; }
.rotate-slider-wrapper .rotate-slider-control .rotate-slider-control-right { right: 1em; }

/* Rotate Element Styles */

.rotate-slider-element-block-content { cursor:pointer; background-color:var(--secondary-color); border-radius: var(--bs-border-radius-xl); background-size: 200%; background-position-y: center; background-position-x: 90%; position:relative; transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out;}
.rotate-slider-element-block-content .rotate-slider-element-block-front, .rotate-slider-element-block-content .rotate-slider-element-block-back { color:var(--secondary-color-text); position: absolute; z-index: 1; width: 70%; height: 100%; top: 0; left: 30%; padding: 2em; line-height:1.2em; transition:opacity 0.4s ease-in-out; -moz-transition:opacity 0.4s ease-in-out; -webkit-transition:opacity 0.4s ease-in-out;}
.rotate-slider-element-block-content .rotate-slider-element-block-front span{ position: absolute; bottom:2em; left:2em;}
.rotate-slider-element-block-content:hover .rotate-slider-element-block-front span{ text-decoration:underline;}
.rotate-slider-element-block-content .rotate-slider-element-block-back{ z-index:0; opacity:0;  }
.clicked .rotate-slider-element-block-content { transform: scale(1.15); z-index: 10; position: relative; box-shadow: 0 0em 0.4em rgba(0,0,0,0.4); }
.clicked .rotate-slider-element-block-content .rotate-slider-element-block-front{ opacity:0; }
.clicked .rotate-slider-element-block-content .rotate-slider-element-block-back{ opacity:1; }

.rotate-slider-wrapper { margin:2em 0; }
.rotate-slider-wrapper figure { opacity: 0.5; transform: scale(0.8); transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; position:relative; z-index:1;}
.rotate-slider-wrapper figure.previous { transform: scale(0.8) translateX(15%) translateY(5%); }
.rotate-slider-wrapper figure.current { opacity: 1; transform: scale(1); z-index:10; }
.rotate-slider-wrapper figure.next { transform: scale(0.8) translateX(-15%) translateY(5%); }

/* Single Styles */

.single-post-title{ font-weight:700; }
.single-post-wrapper a { text-decoration:underline; }
.single-post-wrapper a.btn { text-decoration:none; }

/* Business Card Style */

.business-card { position: relative; overflow: hidden; border-radius: var(--bs-border-radius-xxl); }
.business-card figcaption { position: absolute; background-color: rgba(255,255,255,0.8); bottom: 0; right: 0; left: 0; padding: 1em; font-size: 0.875em; }
.business-card figcaption strong{ display:block;}

.business-card-wrapper { display:block; color:var(--background-color-text) !important; }
.business-card-wrapper .business-card{ box-shadow:0 0 2rem rgba(0,0,0,0); transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; }
.business-card-wrapper:hover .business-card{ box-shadow:0 0 2rem rgba(0,0,0,0.2); }

/* Audio Story Styles */

.audio-story { height:100%; position: relative; overflow: hidden; border-radius: var(--bs-border-radius-xxl); background: linear-gradient(to right, var(--blue-gradient-dark), var(--blue-gradient-light)); padding:1em; margin-bottom:0.5em; }
.audio-story .audio-story-title { font-size: 1em; color: var(--primary-color-text); text-transform: none; font-weight: 700; position: absolute; top: 1em; left: 1em; right: 6em; overflow: hidden; height: 2.4em; margin: 0; }
.audio-story .audio-story-title span{ font-weight:300; }
.audio-story .audio-story-control { position: absolute; top: 1em; right: 1em; width: 2.5em; height: 2.5em; text-align: center; line-height: 1em; border: none; background-color: rgba(255,255,255,0.8); border-radius: 100%; color: var(--secondary-color); font-size: 1.2em; padding: 0; }
.audio-story .audio-story-content { display: table; width: 100%; height: 100%; }
.audio-story .audio-story-content .audio-story-content-player { display: table-cell; vertical-align:middle; padding-top:3em; }

/* Crossnav Styles */

.crossnav-card .crossnav-square { aspect-ratio: 1 / 1; background-color: var(--primary-color); display: block; border-radius: 0.2em; position:relative; overflow:hidden; }

.crossnav-wrapper .single .row > div:nth-child(2) .crossnav-square { background-color: var(--secondary-color); }
.crossnav-wrapper .single .row > div:nth-child(3) .crossnav-square { background-color: var(--tertiary-color); }
.crossnav-card .crossnav-square:before{ content:''; position:absolute; top:0; right:0; left:0; bottom:0; background:linear-gradient(45deg, rgba(255,255,255,0.5), transparent); transition:all 0.2s ease-in-out; }
.crossnav-card:hover .crossnav-square:before{ background:linear-gradient(45deg, rgba(255,255,255,0.8), transparent);}

.crossnav-card .crossnav-title { font-size: 1em; font-weight: 300; text-transform:none; line-height:1.5em; }
.crossnav-card .crossnav-title a{ color:var(--primary-color); }
.crossnav-card .crossnav-title a:hover{ color:var(--primary-color); }
.crossnav-card .crossnav-date { font-size: 0.8765em; color:#ccc; }

/* People Gallery */

.people-gallery .people-image-wrapper { list-style:none inside; margin:0; padding:0; text-align:center; }
.people-gallery .people-image-wrapper li{ display:inline-block; vertical-align:top; padding:1em;  }
.people-gallery .people-image-wrapper li figure{ position:relative; display:block; margin:0 auto 110px auto; max-width:180px;  overflow:visible; }
.people-gallery .people-image-wrapper li figure figcaption { position: absolute; right: 0; left: 0; top: 100%; height: 110px; text-align: center; padding: 1em; line-height: 1.2em; }
.people-gallery .people-image-wrapper li figure figcaption strong, .people-gallery ul li figure figcaption em, .people-gallery ul li figure figcaption span{ display:block; font-style:normal; }

/* Associated Gallery */

.image-gallery.associated-gallery figure{ opacity:0.3; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; }
.image-gallery.associated-gallery figure:hover{ opacity:1; }

/* Footer Styles */

#main-footer{ background-color:var(--secondary-color-variant); color:var(--secondary-color-variant-text); }
#main-footer h2 { font-size:1.2em; margin-bottom:1em; text-transform:uppercase;}
#main-footer a { color:var(--secondary-color-variant-text);  }
#main-footer a:hover { color:var(--secondary-color-variant-text);  }

/* Info Pointer Styles */


.info-pointer > span { min-width:200px; display: block; position: relative; text-shadow:0 0 0.2em rgba(0,0,0,0.3); transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}
.info-pointer > span:before { content: ''; display: block; position: absolute; height: 2px; width: calc(100% + 70px); background-color: #fff; left: -30px; bottom: -10px; }
.info-pointer > span:after { content: ''; display: block; position: absolute; height: 2px; width:40px; background-color: #fff; }
.info-pointer.ltr > span:after{ bottom: -10px; right: -80px; }
.info-pointer.rtl > span:after{ bottom: -10px; left: -70px; }
.info-pointer.ltr.up > span:after { transform: rotate(-45deg) translateX(5px) translateY(-14.5px); }
.info-pointer.ltr.down > span:after { transform: rotate(45deg) translateX(6px) translateY(14.5px); }
.info-pointer.rtl.up > span:after { transform: rotate(45deg) translateX(-6px) translateY(-14.5px);  }
.info-pointer.rtl.down > span:after { transform: rotate(-45deg) translateX(-5px) translateY(14.5px);  }

.info-pointer p { display: none; opacity:0; position: absolute; margin: 0; background-color: #fff; white-space: break-spaces; padding: 1em; color: #000; border-radius: var(--bs-border-radius); font-size: 0.675em; color: #555; max-width: 90%; left: 0; transform: translateY(-10%); top:0; transition:opacity 0.2s ease-in-out; }
.info-pointer:hover p { display:block; opacity:1; }

.info-pointer.long-4 > span{ min-width:800px; }
.info-pointer.long-3 > span{ min-width:700px; }
.info-pointer.long-2 > span{ min-width:600px; }
.info-pointer.long-1 > span{ min-width:500px; }
.info-pointer.long > span{ min-width:250px; }

.info-pointer > span > span:before, .info-pointer > span > span:after { content:''; display: block; position: absolute; background-position:center; background-attachment:scroll; background-color:transparent; background-size:cover; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}
.info-pointer > span > span:before {background-image:url('img/before-dot.png'); width:60px; height:60px;}
.info-pointer > span > span:after {background-image:url('img/after-dot.png'); width:40px; height:40px; }

.info-pointer.plant > span > span:before {background-image:url('img/before-plant.png');}
.info-pointer.recycle > span > span:before {background-image:url('img/before-recycle.png');}
.info-pointer.leaf > span > span:before {background-image:url('img/before-leaf.png');}

.info-pointer.consumer > span > span:before {background-image:url('img/before-consumer.png'); width:75px; height:75px;}
.info-pointer.distributor > span > span:before {background-image:url('img/before-distributor.png'); width:75px; height:75px;}
.info-pointer.producer > span > span:before {background-image:url('img/before-producer.png'); width:75px; height:75px;}
.info-pointer.public > span > span:before {background-image:url('img/before-public.png'); width:75px; height:75px;}


.info-pointer.ltr > span > span:before { bottom: -38.5px; left:-60px; z-index:10;}
.info-pointer.ltr > span > span::after { bottom: -28.5px; right: -100px; z-index: 10; }
.info-pointer.rtl > span > span:before { bottom: -38.5px; right:-75px; z-index:10;}
.info-pointer.rtl > span > span:after { bottom: -28.5px; left: -100px; z-index: 10; }

.info-pointer.ltr.consumer > span > span:before, .info-pointer.ltr.distributor > span > span:before, .info-pointer.ltr.producer > span > span:before, .info-pointer.ltr.public > span > span:before { bottom: -46px; left:-105px; z-index:10; border-radius:100%; }

.info-pointer.ltr.up > span > span:after {bottom:3px; right:-92px; z-index:10;}

.info-pointer.ltr.down > span > span:after {bottom:-60px; right:-92px; z-index:10;}
.info-pointer.rtl.up > span > span:before { bottom:-38.5px; right:-75px; z-index:10;}
.info-pointer.rtl.up > span > span:after { bottom: -5px; left: -72px; z-index: 10; }

.info-pointer.rtl.down > span > span:after {bottom:-60px; left:-80px; z-index:10;}

.info-pointer:hover > span > span:after{ transform:scale(1.2); }
.info-pointer:hover > span > span:before{ transform:scale(0.8); }
.info-pointer.consumer:hover > span > span:before, .info-pointer.distributor:hover > span > span:before, .info-pointer.producer:hover > span > span:before, .info-pointer.public:hover > span > span:before{ transform:none; background-color:var(--secondary-color); }

.info-pointer:hover > span{ text-shadow:0 0 0.5em rgba(0,0,0,0.9); }

.info-pointer > span > span > em { display: block; font-size: 0.765em; font-weight: 700; font-style: normal; position: absolute; top: calc(100% + 20px); line-height: 1em; max-width: 200px; white-space: wrap; }

/* Slider */

.slider-logo-top { transform: translateY(-60%) !important; }

/* Snap Slider Element */

.snap-slider-element-block-content .snap-slider-element-block-front, .snap-slider-element-block-content .snap-slider-element-block-back { padding: 1.5rem; }
.snap-slider-element-block-content .snap-slider-element-block-front h2 { font-size: 1.4rem; position:absolute; overflow:hidden; top:1rem; right:1rem; left:1rem; bottom:1.8rem; }
.snap-slider-element-block-content .snap-slider-element-block-front span { position: absolute; bottom: 1.5rem; left: 1.5rem; }
.snap-slider-element-block-content .snap-slider-element-block-back .snap-slider-element-block-back-text{ overflow:hidden; overflow-x:hidden; overflow-y:scroll;}