/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Lilita+One&display=swap");
/* General HTML */
body {
  font-size: 1.3rem;
  line-height: 1.5;
}
h1, h2, h3 {
  font-weight: 400;
}
h1 {
  font-size: 3rem;
  color: #55996f;
}
h2 {
  margin: 2rem 0 1rem 0;
}
/* Joomla classes */
.blog-item .item-image img {
  height: 400px;
  width: 100%;
  object-fit: cover;
  object-position: 0 70%;
}
img.sigplus-preview {
  padding: 1rem;
}
.btn-primary {
  font-weight: 400;
  font-size: 1.3rem;
  border: none;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin-top: 1rem;
  display: inline-block;
}
/* Smart Search */
a.result__title-link {
  background-image: none !important;
}
figure.search-image.result__image img {
  float: right;
  width: 180px;
  height: 136px;
  object-fit: cover;
  margin-left: 1.5rem;
}
span.result__title-text {
  font-size: 1.6rem;
  font-weight: 600;
}
time.result__date {
  font-style: italic;
  font-size: 0.9rem;
  font-weight: 600;
}
fieldset.com-finder__search.word.mb-3 {
  margin-left: 0;
  padding-left: 0;
}
input#q {
  height: 48px;
}
#search-form button.btn.btn-primary {
  border-radius: 0 2.5rem 2.5rem 0;
  margin-left: -2px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 0.76rem 2.725rem;
}
ul#awesomplete_list_1 {
  z-index: 20;
}
.g-home-particles #g-page-surround {
  background: #dbe0ff;
}
/* Chronoforms */
.ui.form .field > label {
  color: #5e3a0c !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
}
.ui.blue.button {
  background-color: #2972f9;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  margin: 1rem 0;
  transition: opacity 0.2s ease-in;
}
.ui.blue.button:hover {
  opacity: 0.7;
}
.ui.form input {
  height: 48px;
  font-size: 1.3rem !important;
}
.ui.form textarea {
  font-size: 1.3rem !important;
}
/* Navigation */
#g-navigation {
  padding: 2rem 4rem 2rem 1rem !important;
}
.g-home-particles #g-navigation {
  background: #fffadb !important;
}
#g-navigation .g-main-nav {
  text-align: right;
}
#g-navigation .g-main-nav .g-toplevel > li {
  position: relative;
  margin: 0 1rem 0 0;
  padding-right: 1rem;
}
#g-navigation .g-main-nav .g-toplevel > li:not(:first-child):not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 25%;
  height: 50%;
  width: 2px;
  background-color: green;
}
li.active.g-menu-item.g-menu-item-101.g-menu-item-type-component.g-standard .g-menu-item-title {
  display: none;
}
li.active.g-menu-item.g-menu-item-101.g-menu-item-type-component.g-standard:after {
  content: "";
  font-family: FontAwesome;
}
div[id^="logo-"][id$="-particle"] {
  position: absolute;
  z-index: 10;
  left: 3vw;
  top: -50px;
}
#g-footer div[id^="logo-"][id$="-particle"] {
  position: relative;
  z-index: 1;
}
.g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
  max-height: 380px;
}
@media screen and (min-width: 753px) and (max-width: 1260px) {
  .g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
    width: 245px;
    height: auto;
    margin-top: 2rem;
  }
}
@media screen and (max-width: 753px) {
  .g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
    max-height: 100px;
  }
  div[id^="logo-"][id$="-particle"] {
    position: relative;
    left: 0;
    top: 0;
  }
  .g-default div[id^="logo-"][id$="-particle"] {
    top: 1rem;
    right: 1rem;
  }
  #g-navigation {
    padding: 1rem !important;
  }
}
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
  font-size: 1.8rem;
  font-weight: normal;
}
input.js-finder-search-query.form-control {
  font-size: 1.8rem;
  height: auto;
  padding: 0rem 1.5rem;
  width: 244px;
}
@media screen and (max-width: 1260px) {
  .hide-search {
    display: none;
  }
}
/* Default header */
.g-default #g-navigation {
  padding: 0 !important;
  margin-bottom: 270px;
}
.g-default div[id^="logo-"][id$="-particle"] {
  position: absolute;
  z-index: 10;
  top: 0;
}
.g-default nav.g-main-nav {
  margin: 1rem;
}
.intro-1.moduletable.banner {
  position: absolute;
  top: 7rem;
  width: 100%;
  z-index: 1;
  text-align: center;
}
.g-default .intro-1.moduletable.banner img {
  object-fit: cover;
  width: 100%;
  height: 270px;
  transform: translate(0, -10px);
}
.g-default #g-navigation .image-container::after {
  transform: translate(0, -10px);
}
@media screen and (max-width: 1260px) {
  .g-default #g-navigation {
    margin-bottom: 22rem;
  }
}
.g-default #g-above {
  padding: 1rem 0;
}
/* Intro */
#g-intro .image-container {
  position: relative;
  text-align: center;
  /* Ensures the h1 is centered horizontally */
}
#g-intro .banner-image {
  width: 100%;
  height: 65vh;
  /* 70% of the viewport height */
  object-fit: cover;
  /* Makes the image cover the container while maintaining aspect ratio */
  object-position: 0 33%;
}
#g-intro .image-container h1 {
  position: absolute;
  top: 33%;
  /* Centers vertically */
  left: 67%;
  /* Centers horizontally */
  transform: translate(-50%, -50%);
  /* Corrects for the element's own size */
  color: #FFF;
  font-weight: 400;
  text-shadow: 1px 2px 1px #000;
  padding: 10px;
  font-size: 5vw;
  text-align: center;
  width: 100%;
  /* Adjust the width if necessary */
  text-transform: uppercase;
}
@media screen and (max-width: 753px) {
  #g-intro .image-container h1 {
    position: relative;
    top: 4rem;
    left: 0;
    transform: none;
    padding: 0;
    font-size: 8vw;
    height: 0;
  }
  #g-intro .banner-image {
    height: 50vh;
    margin-top: -1.4rem;
  }
}
#g-intro .image-container::after, .g-default #g-navigation .image-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  /* Ensures the overlay doesn't block interactions with the image */
}
/* Features */
#g-features, #g-above {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.5;
}
#g-features h1, #g-above h1 {
  font-size: 4rem;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 753px) {
  #g-features h1, #g-above h1 {
    font-size: 2.8rem;
  }
}
/* Utility */
#g-utility h2.g-title {
  text-align: center;
  margin: 0 10%;
}
.raxo-columns article {
  flex: 1 1 33.3%;
}
.raxo-columns .raxo-title {
  font-weight: 400;
  font-size: 2rem !important;
  color: #55996f !important;
  margin: 2rem 8px 2rem;
}
.raxo-columns .raxo-image {
  margin: -2rem -2rem 0 -2rem;
  border: none;
}
.raxo-columns .raxo-image a:hover img {
  border-color: transparent;
}
.raxo-columns .raxo-top .raxo-text {
  font-size: 1.3rem;
  line-height: 1.5;
}
.raxo-columns .raxo-top .raxo-text h2 {
  font-size: 1.7rem;
  line-height: 1.2;
  margin: 2rem 0;
}
.raxo-columns a {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #55996f !important;
}
.raxo-columns a:hover {
  color: #55996f !important;
  opacity: 0.7;
  text-decoration: none;
}
.raxo-columns .raxo-top article .raxo-wrap {
  position: relative;
  background-color: #FFF;
  /* Background color */
  padding: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
  transform: translateY(-2rem);
}
.raxo-columns .raxo-top article .raxo-wrap .raxo-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #dbe0ff;
  clip-path: path("M-2,50 Q25,40 50,50 T100,46 T152,51 T198,50 T251,50 T300,50 T350,50 T400,50 T450,50 L450,0 L-2,-1 Z");
  z-index: 1;
}
.raxo-columns, .raxo-columns .raxo-block-name, .raxo-columns .raxo-top .raxo-wrap, .raxo-columns .raxo-image img {
  border: none;
}
.raxo-columns .raxo-top .raxo-readmore {
  align-self: end;
}
.raxo-columns .raxo-top .raxo-readmore a {
  font-size: 1.5rem;
  font-weight: 600;
  border: none;
}
.raxo-columns .raxo-btn:hover a {
  color: #55996f !important;
  opacity: 0.7;
  background-color: #FFF;
}
/* Above */
#g-above {
  -webkit-mask: radial-gradient(34.99px at 50% 48px, #000 99%, #0000 101%) calc(50% - 60px) 0/120px 51% repeat-x, radial-gradient(34.99px at 50% -18px, #0000 99%, #000 101%) 50% 30px/120px calc(51% - 30px) repeat-x, radial-gradient(34.99px at 50% calc(100% - 48px), #000 99%, #0000 101%) calc(50% - 60px) 100%/120px 51% repeat-x, radial-gradient(34.99px at 50% calc(100% + 18px), #0000 99%, #000 101%) 50% calc(100% - 30px)/120px calc(51% - 30px) repeat-x;
  mask: radial-gradient(34.99px at 50% 48px, #000 99%, #0000 101%) calc(50% - 60px) 0/120px 51% repeat-x, radial-gradient(34.99px at 50% -18px, #0000 99%, #000 101%) 50% 30px/120px calc(51% - 30px) repeat-x, radial-gradient(34.99px at 50% calc(100% - 48px), #000 99%, #0000 101%) calc(50% - 60px) 100%/120px 51% repeat-x, radial-gradient(34.99px at 50% calc(100% + 18px), #0000 99%, #000 101%) 50% calc(100% - 30px)/120px calc(51% - 30px) repeat-x;
  padding: 8rem 0;
}
/* Footer */
#g-footer {
  font-size: 1rem;
}
#g-footer .g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
  max-height: 150px;
}
/* Floating Modules */
.g-home-particles #g-mainbar {
  padding: 0;
}
.g-default #g-container-main .g-block.size-25 {
  flex: 0;
}
.g-default #g-container-main .g-block.size-75 {
  flex: 1;
  width: 100%;
}
.floating-image-1, .floating-image-2, .floating-home-1, .floating-home-2 {
  z-index: 9999;
  /* Ensure it floats above content */
  max-width: 300px;
}
.floating-image-1 .g-content, .floating-image-2 .g-content, .floating-home-1 .g-content, .floating-home-2 .g-content {
  padding: 0;
  margin: 0;
}
.floating-image-1 {
  position: absolute;
  top: 60rem;
  /* Adjust this to position the image */
  left: 10px;
  /* Adjust this to position the image */
}
.floating-image-2 {
  position: absolute;
  top: 90rem;
  /* Adjust this to position the image */
  right: 10px;
  /* Adjust this to position the image */
}
.floating-home-1 {
  position: absolute;
  top: 66rem;
  /* Adjust this to position the image */
  right: 100px;
  /* Adjust this to position the image */
}
.floating-home-2 {
  position: absolute;
  top: 124rem;
  /* Adjust this to position the image */
  left: 100px;
  /* Adjust this to position the image */
}
.floating-image-1 img, .floating-image-2 img, .floating-home-1 img, .floating-home-2 img {
  max-width: 300px;
  /* Adjust image size if needed */
}
@media only screen and (max-width: 1800px) {
  .floating-image-1, .floating-image-2, .floating-home-1, .floating-home-2 {
    display: none;
  }
}
/* Carrousel Slider */
.outline-14 #custom-2534-particle h2 {
  text-align: center;
  margin: 0 20% 3rem 20%;
  font-size: 2rem;
  line-height: 1.2;
}
.slider {
  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
  width: 85%;
  margin: 0 auto;
}
.slider-container {
  display: flex;
  transition: transform 0.5s ease-in-out;
}
.slider-item {
  min-width: calc((100% / 2) - 20px);
  box-sizing: border-box;
  padding: 20px;
  text-align: center;
  background: #55996f;
  color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  margin: 0 10px;
}
.slider-item img {
  margin-bottom: 10px;
  height: 120px;
  object-fit: contain;
}
.slider-item h3 {
  margin: 10px 0;
  font-size: 1.5em;
}
.slider-item p {
  font-size: 1em;
  color: #fff;
}
.slider-item a {
  display: inline-block;
  margin-top: 10px;
  color: #ffd700;
  text-decoration: none;
  font-weight: bold;
}
.slider-item a:hover {
  text-decoration: underline;
}
.controls {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-80%);
  pointer-events: none;
}
.controls button {
  background: none;
  border: none;
  font-size: 4em;
  color: #f9b029;
  cursor: pointer;
  pointer-events: all;
  position: relative;
}
.controls button:hover {
  color: #a77211;
}
.controls button#prev {
  margin: 0 20px 0 10px;
}
.controls button#next {
  margin: 0 10px 0 20px;
}
/* Mobile Styles */
@media (max-width: 768px) {
  .slider {
    width: 95%;
  }
  .slider-item {
    min-width: calc(100% - 20px);
    padding: 15px;
  }
  .controls button {
    margin: 0 10px;
  }
  .outline-14 h2 {
    margin: 0 0 3rem 0;
  }
}
/*# sourceMappingURL=custom_13.css.map */