/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme 2023
 Author:         Bright Yellow
 Author URI:     https://brightyellow.com.au/
 Template:       Divi
 Version:        1.0.3
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


/* NAMING block---element-modifier ie. section---column-width */


/* DOCUMENT STYLES ********************************************************/

/* --- Font import */
/* Ivy 100 + 300 'ivypresto-display' serif */
@import url("https://use.typekit.net/eaz6lgb.css");

/* Satoshi regular */
@font-face {
  font-family: 'Satoshi-Variable';
  src: url('Fonts/Satoshi-Variable.woff2') format('woff2'),
       url('Fonts/Satoshi-Variable.woff') format('woff'),
       url('Fonts/Satoshi-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}



.all-text::selection {
   background-color: var(--green);
   color: var(--yellow);
}


/* --- Variables **********/

:root {
font-size: 14px;

/* Color */
   --green-dark: #002e18;
   --green: #1c452b;
   --yellow: #faff8a;
   --blue: #bfedf7;
   --orange: #F49D62;

/* Type */

   /* Face */
   --main: 'Satoshi-Variable', sans-serif;
   --feature: ivypresto-display, serif;

   /* Weight */
   --italicc: italic;
   --itl-thin: 100;
   --itl-light: 300;
   --var-thin: 300;
   --var-reg: 400;
   --var-bold: 500;

   /* Size */
   --h1: 5rem;
   --h2: 2.9rem;
   --h3: 2.3rem;
   --h4: 2.1rem;
   --h6: 1.2rem;
   --body: 2.2rem;
   --small-body: 1.8rem;
   --nav-links: 1.1rem;
   --links: 1.1rem;
   --mobile-nav-links: 2.2rem;
/*   --mobile-nav-links-sm: 1.7rem;*/

   --h2-news: 2rem;
   --h5-news: 1rem;
   --h6-news: 1.2rem;

   --form-text: 1.8rem;

   /* Spacing */
   --gap-xxl: 100px;
   --gap-xl: 50px;
   --gap-lg: 40px;
   --gap-med: 25px;
   --gap-sm: 15px;
   --gap-xs-s: 10px;
   --gap-xs: 5px;





/* Sizing */
   --theme-icon: 75px;






/* Padding + Margin */
   --sect__padding-large: 220px;
   --sect__padding-med: 150px;
   --sect__padding-small: 75px;




/* Misc elements */
   --radius-lg: 25px;
   --radius-med: 15px;
   --hero-img-height: 70vh;
   --hero-img-extra: 10vh;





/* Site structure sizing */
   --site---width: 1400px;
   --header---height: 120px;
   --headerBg--height: calc(var(--header---height) + 20px);
   --navigation---width: calc(var(--site---width) + 15%);
   --hero-split-height: 80vh;











}


/* --- Global **********/
body {
   background-color: var(--green-dark);
   max-width: 100%;
   overflow-x: hidden;
}

html {
   max-width: 100%;
   overflow-x: hidden;
}


#page-container {
   margin-top: var(--header---height)!important;
   opacity: 0;
}



/* ------------ Builder (delete if this causes issues) */
/* Section */
.et-fb-skeleton--section .et-fb-skeleton__header,
.et-fb-skeleton--section .et-fb-skeleton__header .et-fb-button-group button {
   background: var(--green-dark)!important;
}
/* Row */
.et-fb-skeleton--row .et-fb-skeleton__header,
.et-fb-skeleton--row .et-fb-skeleton__header .et-fb-button-group button {
   background: var(--blue)!important;
}
/* Module */
.et-fb-skeleton--module .et-fb-skeleton__header,
.et-fb-skeleton--module .et-fb-skeleton__header .et-fb-button-group button {
   background: var(--yellow)!important;
}
/* Icons */
.et-fb-skeleton--section .et-fb-skeleton__header .et-fb-button-group button svg {
   fill: var(--blue)!important;
}
.et-fb-skeleton--row .et-fb-skeleton__header .et-fb-button-group button svg,
.et-fb-skeleton--module .et-fb-skeleton__header .et-fb-button-group button svg {
   fill: var(--green-dark)!important;
}
/* Text */
.et-fb-skeleton--section .et-fb-skeleton__title {
   color: var(--blue)!important;
}
.et-fb-skeleton--row .et-fb-skeleton__title,
.et-fb-skeleton--module .et-fb-skeleton__title {
   color: var(--green-dark)!important;
}
/* Mod buttons */
.et-fb-skeleton.et-fb-skeleton--module .et-fb-module-button-wrap--add button {
   background: var(--yellow)!important;
}
.et-fb-skeleton.et-fb-skeleton--module .et-fb-module-button-wrap--add button .et-fb-icon {
   fill: var(--green-dark)!important;
}
/* Row buttons */
.et-fb-skeleton.et-fb-skeleton--row .et-fb-row-button-wrap--add button {
   background: var(--blue)!important;
}
.et-fb-skeleton.et-fb-skeleton--row .et-fb-row-button-wrap--add button .et-fb-icon {
   fill: var(--green-dark)!important;
}
/* Section buttons */
.et-fb-skeleton.et-fb-skeleton--section .et-fb-section-button-wrap--add button {
   background: var(--green-dark)!important;
}
.et-fb-skeleton.et-fb-skeleton--section .et-fb-section-button-wrap--add button .et-fb-icon {
   fill: var(--blue)!important;
}



/* TEXT STYLES ********************************************************/


h1, h2, h3, h4, h5, h6, p {
   padding:0px;
   margin: 0px;
}

/* --- Headings **********/
h1 {
   font-family: var(--main);
   font-weight: var(--var-reg);
   font-size: var(--h1);
   line-height: 1.1;
}
h1 strong {
   font-family: var(--feature);
   font-weight: var(--itl-thin);
   font-style: var(--italicc);
}

h2 {
   font-family: var(--main);
   font-weight: var(--var-reg);
   font-size: var(--h2);
   line-height: 1.1;
}
h2 strong {
   font-family: var(--feature);
   font-weight: var(--itl-thin);
   font-style: var(--italicc);
}

h3 {
   font-family: var(--main);
   font-weight: var(--var-reg);
   font-size: var(--h3)!important;
}

h3 strong {
   font-family: var(--feature);
   font-weight: var(--itl-thin);
   font-style: var(--italicc);
}

h4 {
   font-family: var(--feature);
   font-weight: var(--itl-light);
   font-style: var(--italicc);
   font-size: var(--h4);
}

h5 {
}

h6 {
   font-family: var(--feature);
   font-weight: var(--itl-light);
   font-style: var(--italicc);
   font-size: var(--h6)!important;
   color: var(--green-dark);
}


/* Heading spacing combos */





/* --- Body **********/
p {
   font-family: var(--main);
   font-weight: var(--var-reg);
   font-size: var(--body);
   line-height: 1.2;
}
p + p {
   margin-top: var(--gap-med);
}
a:hover {
   cursor: pointer!important;
}

p + h4 {
   padding-top: var(--gap-lg);
}
h4 + ul {
   padding-top: var(--gap-sm)!important;
}
.et_pb_text li + .et_pb_text li {
   padding-top: 10px!important;
}



/* --- Bullets **********/
.et_pb_text ul {
   margin:0px!important;
   max-width: 70%;
}
.et_pb_text ul li {
   list-style: none;
   margin:0px!important;
   font-family: var(--main);
   font-weight: var(--var-reg);
   font-size: var(--small-body);
   line-height: 1.2;
   text-indent: -30px;
   margin-left: 30px!important;
}
.et_pb_text ul li strong {}
.et_pb_text ul li:before {
   content:'';
   width: 14px;
   height: 14px;
   border-radius: 50px;
   display: inline-block;
   background-color: var(--green-dark);
   margin-right: 13px;
}

header ul li:before, 
.footer---main ul li:before {
   display: none;
}





/* --- Buttons **********/


/* Generic site buttons */
.button---general p {
   color: white;
   display: inline-block;
   border-radius: 50px;
   z-index: 2;
}
.button---general.button---lg p {
   font-size: 1.2rem;
   padding: 6px 19px 7px 19px!important;
}
.button---solid .button---container {
   background-color: white;
   border: 1px solid white;
}
.button---outline .button---container {
   border: 1px solid white;
}
.button---general {
   margin-bottom:0px!important;
}
/* Overflow container for button */
.button---general > div {
   display: flex;
   flex-direction: row;
   border-radius: 50px;
   overflow-x: hidden;
}
.button---container {
   width: 100%;
   height: 100%;
   position: absolute;
   border-radius: 50px;
}
.button---slider {
   width: 100%;
   height: 100%;
   background-color: white;
   border: 1px solid white;
   position: absolute;
   border-radius: 50px;
   transform: translateX(-100%);
}
.button---left .et_pb_column {
   grid-column: 1 / span 3!important;
}



/* Grid theme buttons */

.button---general.button---sm p {
   font-size: 1.1rem;
   padding: 6px 15px 8px 15px!important;
}
.button---sm {
   display: inline-block;
}
.button---theme .button---container {
   background-color: var(--green-dark);
   border: 1px solid var(--green-dark);
}
.button---theme .button---slider {
   background-color: var(--blue);
   border: 1px solid var(--blue);
}
.button---theme p {
   color: var(--yellow);
}










/* STRUCTURE STYLES ********************************************************/


/* --- Pre-loader **********/
.loader---second {
   width: 100vw;
   height: 100vh;
   position: fixed;
   top: 0;
   left: 0;
   background-color: var(--blue);
}
.loader---outer {
   width: 100vw;
   height: 100vh;
   position: fixed;
   top: 0;
   left: 0;
   background-color: var(--green-dark);
   z-index: 99999999999999;
   transform: translateX(-100%);
}
.loader---container {
   width: 100vw;
   height: 100vh;
   position: absolute;
   top: 0;
   transform: translateX(-100%);
}
.loader---svg {
   width: 130vw;
   height: auto;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.loader---svg svg {
   fill: var(--blue);
}







/* --- Navigation **********/

/* Event banner */
.event---banner {
   background-color: var(--orange);
   position: fixed;
   z-index: 999999;
   width: 100%;

   & .banner---inner {
      max-width: 90%;
      width: var(--navigation---width);
      margin: 0 auto;
      display: flex;
      justify-content: center;
      column-gap: 15px;
      padding: 10px 0 10px 0;

      & .event---banner-text {

      }
      & .event---banner-link {

      }
   }
   & p {
      font-size: clamp(1rem, 1.2vw, 1.2rem)!important;
      font-weight: var(--var-reg);
      color: var(--green);

      & a {
         color: var(--green);
         text-decoration: underline;
         font-weight: 600;
         transition: .3s ease;

         &:hover {
            color: var(--yellow);
            transition: .3s ease;
         }
      }
   }
}

/* General */
.header---navigation {
   max-width: 100%;
   height: var(--header---height);
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   position: fixed;
   width: 100%;
   top: 0;
   z-index: 99999;
}
.nav---container-outer {
   max-width: 90%;
   width: var(--navigation---width);
   margin: 0 auto;
   height: var(--header---height);
   display: flex;
   flex-direction: row;
   align-items: center;
}
.nav---container {
   width: 100%;
   display: flex;
}

/* Logo */
.nav---logo-container {
   width: 100%;
   z-index: 9999;
   max-width: clamp(120px, 20vw, 220px);
}
.logo---main {
   overflow:visible;
   height: calc(100% + 8px);
}
.logo---main svg {
   max-width: 100%;
   height: 100%;
   display: flex;
   fill: var(--yellow);
   overflow: visible;
   z-index: 9999999;
}
.logo---text {
   transform: translateY(1px);
}
.logo---icon-clone {
   opacity: 0;
   z-index: 1;
   fill: var(--yellow);
}
.logo---icon {
   opacity: 1;
   z-index: 2;
}


/* Menu items */
.nav---text-container {
   width: 100%;
   grid-column: 2 / span 2;
   display: flex;
   flex-direction: column;
   justify-content: center; 
}
#menu-main-menu {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   align-items: center;
   column-gap: 1vw;
}
#menu-main-menu li {
   position: relative;
   display: flex;
   flex-direction: row;
   justify-content: center;
}
#menu-main-menu a {
   font-family: var(--main);
   font-weight: var(--var-reg);
   font-size: clamp(1rem, 1.1vw, 1.1rem);
   color: var(--yellow);
   /*padding-top: 4px;
   padding-bottom: 5px;*/
   display: flex;
}
#menu-main-menu a:hover {
   color: var(--blue);
}
.current-menu-item:after {
   content:'';
   width: 5px;
   height: 5px;
   background-color: var(--blue);
   display: inline-block;
   border-radius: 20px;
   position: absolute;
   left: 50%;
   bottom: -5px;
   transform: translateX(-50%);
}
.current-menu-item a {
   color: var(--blue)!important;
}
.nav---btn-register a {
   color: var(--yellow)!important;
}
.home-item.current-menu-item:after {
   display: none;
}
.home-item.current-menu-item a {
   color: var(--yellow)!important;
}

.current-menu-ancestor > a {
   color: var(--blue)!important;
}


.menu---icon {
   font-family: var(--main);
   font-weight: var(--var-reg);
   font-size: calc(var(--nav-links) + 0.3rem);
   color: var(--yellow);
   margin-left: 4px;
   top: -1px;
   position: relative;
   z-index: 999;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.menu---icon:hover {
   cursor: pointer!important;
   color: var(--blue);
}
.current-menu-item .menu---icon {
   color: var(--blue);
   transform-origin: center center;
}











/* ------------ Fixing the header */
.header---bg-color {
   width: 100%;
   position: fixed;
   background-color: var(--green-dark);
   height: var(--headerBg--height);
   z-index: -2;
   transform: translateY(calc(var(--headerBg--height) * -1));
}



.event-banner-visible .header---navigation {
   padding-top: 15px;
}


.header---navigation ul li.menu-item-has-children {
   position: relative;
}
.header---navigation ul li.menu-item-has-children a {
   display: flex;
   flex-direction: row-reverse;
   justify-content: flex-end;
}
.header---navigation ul li.menu-item-has-children .menu---wrapper {
   position: relative;
}
.header---navigation ul li.menu-item-has-children ul.sub-menu {
   width: 100%;
   min-width: max-content;
   flex-direction: column;
   background-color: var(--green);
   backdrop-filter: blur(5px);
   position: relative;
   top: 100%;
   gap:0px;
   padding: 7px 15px;
   position: absolute;
   opacity: 0;
   transition: 0.5s opacity ease-out;
   pointer-events: none;
}
.header---navigation ul li.menu-item-has-children ul.sub-menu a {
   flex-direction: row;
   transition: 0.4s ease;
}
.header---navigation ul li.menu-item-has-children li {
   min-width: max-content;
}
.header---navigation ul li.menu-item-has-children ul.sub-menu a:hover {
   color: var(--col-orange);
   transition: 0.4s ease;
}
.header---navigation ul li.menu-item-has-children:hover ul.sub-menu {
   opacity: 1;
   pointer-events: auto;
   transition: 0.5s opacity ease-in;
}
.header---navigation ul li.menu-item-has-children:hover .submenu---indicator {
   transform: rotate(180deg);
   transform-origin: center center;
   transition: 0.3s all ease-in;
}
.submenu---indicator {
   margin-left: 5px;
}
.submenu---indicator img {
   max-width: 13px;
   width: 13px;
   transition: 0.3s all ease-out;
}
.sub-menu li.current-menu-item:after {
   display: none;
}





/* ------------ Mobile navigation */
.mobile---navigation {
   height: 100vh;
   width: 100vw;
   position: fixed;
   top: 0;
   left: 0;
   transform: translatex(100%);
   z-index: 9999999999;
}
.mobile---menu-container {
   width: 100vw;
   height: 100vh;
   position: absolute;
   right: 0;
}
.mobile---menu-overlay {
   width: 100%;
   height: 100%;
   background-color: rgba(0, 46, 24, 0.8);
   backdrop-filter: blur(6px);
}
.mobile---menu-items {
   display: flex;
   flex-direction: row;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   right: 0;
   transform: translateX(100%);
}
.mobile---menu-items .menu-main-menu-container {
   top: 0px;
   position: absolute;
   width: 50vw;
/*   min-width: 500px;*/
   right: 0;
   background-color: var(--green);
   height: 100vh;
}
.mobile---menu-items .current-menu-item:after {
   display: none;
}
.mobile---menu-items ul li.menu-item-has-children .sub-menu {
   opacity: 1!important;
   position: relative!important;
}
.mobile---menu-items ul li.menu-item-has-children .sub-menu li a {
   flex-direction: row-reverse;
}
.mobile---menu-items .submenu---indicator {
   display: none;
}

.mobile---menu-items li a {
   font-family: var(--main);
   font-weight: var(--var-reg);
   font-size: var(--mobile-nav-links);
   color: var(--blue);
   
}
.mobile---arrow-down {
   /*position: absolute;
   top: 2rem;
   left: 40%;
   font-size: 2rem;
   color: var(--yellow);
   font-weight: 400;
   width: 20px;
   height: 20px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   z-index: 99999999;*/
   display: none;
}
.mobile---menu-items .sub-menu li a {
/*   font-size: var(--mobile-nav-links-sm)!important;*/
}
.mobile---menu-items li {
   position: relative;
   padding-left: 70px;
}
.mobile---menu-items .nav---btn {
   overflow: visible;
   border-radius: 0px;
}
.mobile---menu-items .nav---btn a {
   padding-left: 0px;
   padding-right: 0px;
}
.mobile---menu-items .nav---btn .button---container {
   display: none;
}
.mobile---menu-items .nav---btn .button---slider {
   display: none;
}
.mobile---menu-items .sub-menu {
   transform: translateY(0px)!important;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-top: 0px;
   background-color: transparent;
}
.mobile---menu-items .sub-menu li {
   padding-left: 0px;
}
.mobile---menu-items li {
   padding-top: var(--gap-med)!important;
   padding-bottom: var(--gap-med);
   padding-left: var(--gap-lg);
/*   border-bottom: 1px solid rgba(255, 255, 255, 0.5);*/
border-bottom: 1px solid var(--green-dark);
}
.mobile---menu-items .sub-menu li {
   padding-top: 0px;
   padding-bottom: 0px;
   border-bottom: 0px;
}
#menu-main-menu-1 {
   height: 100%;
   width: 100%;
   position: absolute;
   right: 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.mobile---menu-items .nav---btn-register {
   color: var(--blue);
}
.mobile---sub-outer {
   /*height: 0px;
   overflow: hidden;*/
/*   background-color: var(--green-dark);*/
/*   width: 100%;*/
}


.mobile---hamburger-container {
   width: 30px;
   height: var(--header---height);
   position: absolute;
   top: 0;
   right: 5%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   z-index: 99999999999999999999;
}
.mobile---hamburger {
   height: calc(20px + 10%);
   width: calc(100% + 10%);
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.hamburger {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   height: 20px;
   width: 100%;
}
.hamburger div {
   height: 2px;
   width: 30px;
   background-color: var(--yellow);
}












/* Buttons */
.nav---btn {
   overflow: hidden; 
   border-radius: 50px;
   display: flex;
}
.nav---btn a {
   /*padding-left: 24px; 
   padding-right: 24px; */
   z-index: 2;
   padding: 3px 12px;
}
#menu-main-menu .nav---btn-contact a {
   color: var(--green-dark);
}
#menu-main-menu .nav---btn-contact.current-menu-item a {
   color: var(--green-dark)!important;
}
#menu-main-menu .nav---btn-contact.current-menu-item .button---slider {
   background-color: var(--yellow);
   border: 1px solid var(--yellow);
}
#menu-main-menu .nav---btn-contact.current-menu-item .button---container {
   background-color: var(--blue);
   border: 1px solid var(--blue);
}
#menu-main-menu .nav---btn .button---slider {
   background-color: var(--blue);
   border: 1px solid var(--blue);
   z-index: 0;
}
.nav---btn-contact .button---container {
   background-color: var(--yellow);
   border: 1px solid var(--yellow);
   z-index: -1;
}
.nav---btn-register .button---container {
   background-color: transparent;
   border: 1px solid var(--yellow);
   z-index: -1;
}
.nav---btn-register a:hover {
   color: var(--green-dark)!important;
   transition: 0.3s ease;
}







/* --- Hero **********/


.section---hero {
   padding-top: var(--sect__padding-large)!important;
}

/* Image */
.text---hero + .image---hero {
   margin-top: var(--sect__padding-med);
}
.section---hero .image---hero {
   height: var(--hero-img-height);
   overflow: hidden;
   z-index: 999;
}
.section---hero h1 {
   font-size: clamp(2.5rem, 4vw, 5.5rem);
}
.section---hero .image---hero .et_pb_image_wrap {
   height: 100%;
   width: 100%;
   position: absolute;
   left: 50%;
   overflow: hidden;
   top: 0;
   transform: translateX(-50%);
   border-radius: var(--radius-lg);
}
.section---hero .image---hero img {
   height: calc(var(--hero-img-height) + var(--hero-img-extra));
   width: var(--site---width);
   max-width: var(--site---width);
   object-fit: cover;
   position: relative;
   border-radius: var(--radius-lg);
   transform: translateY(calc(var(--hero-img-extra) * -1));
   object-position: top;
}

/* Text */
.title---line0 {z-index: 1;position: relative;}
.title---block0 {
   background-color: var(--green-dark);
   height: var(--h1);
   width: 100%;
   position: absolute;
   top: 100%;
   z-index: 2;
}

.title---line1 {z-index: 3;position: relative;}
.title---block1 {
   background-color: var(--green-dark);
   height: var(--h1);
   width: 100%;
   position: absolute;
   top: 100%;
   z-index: 4;
}

.title---line2 {z-index: 5;position: relative;}
.title---block2 {
   background-color: var(--green-dark);
   height: var(--h1);
   width: 100%;
   position: absolute;
   top: 100%;
   z-index: 6;
}

.title---line3 {z-index: 7;position: relative;}
.title---block3 {
   background-color: var(--green-dark);
   height: var(--h1);
   width: 100%;
   position: absolute;
   top: 100%;
   z-index: 8;
}







/* ------------ Split hero section (sub-pages) */
.section---hero-split {
   padding-top: var(--sect__padding-med)!important;
   padding-bottom: 0px!important;
}
.section---hero-split .row---hero-split .et_pb_column {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
}
.section---hero-split .et_pb_text {
   width: 100%;
}
.section---hero-split .et_pb_text .et_pb_text_inner {
   max-width: 85%;
}
.section---hero-split .et_pb_image {
   width: 100%;
}
.section---hero-split .row---hero-split .image---hero {
   margin-top: 0px;
   margin-right: 0px;
}
.section---hero-split .row---hero-split img {
/*   height: 700px;*/
   object-fit: cover;
/*   mask-image: url('/wp-content/themes/Divi-child/Svgs/arc-shape-solid-green.svg');
   mask-position-x: right;
   mask-repeat: no-repeat;
   -webkit-mask-image: url('/wp-content/themes/Divi-child/Svgs/arc-shape-solid-green.svg');
   -webkit-mask-position-x: right;
   -webkit-mask-repeat: no-repeat;*/
   border-radius: var(--radius-lg);
}


















/* --- General sections **********/

/* All sections */
.section---general {
   padding-top: var(--sect__padding-large)!important;
   padding-bottom: var(--sect__padding-large)!important;
}

/* Grid layout sections */
.row---grid .et_pb_column {
   display: grid;
   grid-template-columns: repeat(6, 1fr);
}
.row---grid.row---buttons {
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   padding-top: calc(var(--gap-xl) + 10px);
}
.row---grid.row---buttons .et_pb_column {
   display: flex;
   grid-column: 3 / span 3;
}
.row---grid.row---buttons .button---general {
   margin-right: var(--gap-sm);
}
.row---grid .text---general {
   grid-column: 3 / span 3;
}
.text---general h2 {
   margin-bottom: var(--gap-xl);
}


/* Grid theme section + images */

.row---theme .et_pb_module {
   margin-bottom:0px!important;
}
.row---theme .column---theme {
   width: 100%;
   margin-right: 0px!important;
}
.row---theme {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-template-rows: auto;
   gap: var(--gap-xxl) var(--gap-xl);
   margin-bottom: calc(-1 * var(--gap-xxl));
}
.row---theme.row---grid-3 {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
}
.row---theme.row---grid-3 h3 br {
   display: none;
}
.image---theme.image---med {
   padding-bottom: var(--gap-med)!important;
}
.image---theme img {
   aspect-ratio: 1 / 0.7;
   border-radius: var(--radius-med);
   object-fit: cover;
}
h6 + h3 {
   margin-top: var(--gap-med);
   margin-bottom: var(--gap-med);
}




/* CTA sections */
.section---cta {
   padding-top: var(--sect__padding-small)!important;
   padding-bottom: var(--sect__padding-small)!important;
}
.section---general.section---cta .row---buttons {
   padding-top: var(--gap-lg);
}
.section---general.section---cta .row---buttons .et_pb_column {
   text-align: center;
}
.section---general.section---cta .row---buttons .et_pb_module {
   display: inline-block;
}
.section---cta::after {
   content:'';
   background-image: url('/wp-content/themes/Divi-child/Svgs/arc-shape.svg');
   background-size: 90%;
   background-position: 5vw 5vw;
   background-repeat: no-repeat;
   width: 25%;
   height: 100%;
   display: block;
   position: absolute;
   right: 0;
   bottom: 0;
}




/* Partner section carousel logos */
.section---partner-logos {
   padding-top: 0px!important;
}
.section---partner-logos .row---partner {
   max-width: 200vw;
   width: 200vw;
   display: flex;
   flex-direction: row;
/*   transform: translateX(-100%);*/
}
.section---partner-logos .row---partner .logo---track,
.section---partner-logos .row---partner .logo---track-clone {
   display: flex;
   flex-direction: row;
}
.section---partner-logos .row---partner .logo---track {
/*   background-color: var(--blue);*/
   transform: translateX(0%);
}
.section---partner-logos .row---partner .logo---track-clone {
/*   background-color: var(--yellow);*/
   transform: translateX(0%);
}
.section---partner-logos img {
   max-width: 200px;
   margin-right: 50px;
}
.section---partner-logos .image---partner {
   margin-bottom: 0px!important;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.section---partner-logos .image---partner.image---une img {
   max-width: 125px;
}






/****************************************** Home page ******************************************/

/* ------------ Video */
.video---play .et_pb_column {
   overflow: hidden;
}

.videoplaceholder {
   position: absolute;
   top: 0;
}
.videoplaceholder:after {
   content:'';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background-color: black;
   opacity: 0.5;
}
.video---play-icon {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.play---icon {
   content:'';
   width: 85px;
   height: 85px;
/*   position: absolute;*/
/*   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);*/
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/play---icon.svg');
   background-size: 100%;
   display: block;
   transition: 0.3s all;
}
.play---icon:hover {
      background-image: url('/wp-content/themes/Divi-child/Svgs/icons/play---icon-rollover.svg');
      transition: 0.3s all;
}








/****************************************** About page ******************************************/

/* ------------ Partner carousel for about page */

.page---about.section---partner-logos img {
   width: auto;
   max-width: 100%;
   height: 70px;
   max-height: 70px;
   object-fit: contain;
}
.section---partners.page---about .text---general p {
   font-size: var(--small-body);
}





/* ------------ Ag sectors image carousel */
.section---image-carousel {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.section---image-carousel .row---carousel {
   overflow: visible;
}
.section---image-carousel .row---carousel .et_pb_column {
   display: flex;
   flex-direction: row;
   width: fit-content;
   transform: translateX(0px);
}
.row---carousel .carousel---image + .carousel---image {
   margin-left: var(--gap-med);
}
.section---image-carousel .row---carousel .carousel---image img {
   max-width: 500px;
   min-width: 500px;
   min-height: 400px;
   object-fit: cover;
   border-radius: var(--radius-med);
}





/* ------------ Ag sectors text */
.agsectors---grid h2 {
   font-size: calc(var(--h2) * 2.8);
   font-weight: var(--var-thin);
}
.agsectors---grid p {
   font-size: var(--h3);
   font-family: var(--feature);
   font-weight: var(--itl-thin);
   font-style: var(--italicc);
}
.agsectors---grid .et_pb_column {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
}

.agsectors---grid + .row---carousel {
   margin-top: var(--gap-lg);
}





/* ------------ Centre objectives grid with icons */

/* Structure */
.page---about.section---icon-grid .text---grid .et_pb_text_inner {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-column-gap: var(--gap-med);
}
.page---about.section---icon-grid .text---grid .et_pb_text_inner p {
   margin-top:0px;
   font-size: var(--small-body);
   padding-top: calc(var(--theme-icon) + 7%);
}
.section---training .row---general + .row---general {
   margin-top: var(--gap-lg);
}
.section---training .text---general + .text---grid {
   margin-top: var(--gap-med);
}

/* Icons */
.page---about.section---icon-grid .text---grid p:nth-child(1) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-02-yellow.svg');
   background-size:100%;
}
.page---about.section---icon-grid .text---grid p:nth-child(2) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-07-yellow.svg');
   background-size:100%;
}
.page---about.section---icon-grid .text---grid p:nth-child(3) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-05-yellow.svg');
   background-size:100%;
}





/* ------------ About People */
.et_pb_people .et_pb_ajax_pagination_container {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-row-gap: var(--gap-xxl);
   grid-column-gap: var(--gap-med);
}





/* ------------ Partner nodes section */
.page---about.section---partners ul {
   max-width: 100%;
   padding-left: 0px;
}
.page---about.section---partners p + ul {
   padding-top: var(--gap-xs);
}
.page---about.section---partners ul + p {
   padding-top: var(--gap-xs);
}
.page---about.section---partners ul li:before {
   width: 8px;
   height: 8px;
   position: relative;
   top: -4px;
}






/****************************************** People page ******************************************/

/* ------------ Modules grid */

/* Adding phone icon */
.phone---icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/phone-icons.svg');
   background-size: 100%;
   width: 30px;
   height: 30px;
   display: block;
   margin-right: 10px;
   transition: 0.3s all;
}
.phone---icon:hover {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/phone-icons-rollover.svg');
   transition: 0.3s all;
}
/* Adding email icon */
.email---icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/email-icons.svg');
   background-size: 100%;
   width: 30px;
   height: 30px;
   display: block;
   margin-right: 10px;
   transition: 0.3s all;
}
.email---icon:hover {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/email-icons-rollover.svg');
   transition: 0.3s all;
}
/* Adding link icon */
.more---icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/more-icons.svg');
   background-size: 100%;
   width: 30px;
   height: 30px;
   display: block;
   transition: 0.3s all;
}
.more---icon:hover {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/more-icons-rollover.svg');
   transition: 0.3s all;
}
.people---details {
   display: flex;
   flex-direction: row;
   position: absolute;
   bottom: 0;
}


/* Image styling */
.people---image img {
   max-width: 250px;
   width: 250px;
   border-radius: var(--radius-lg);
}

/* Name styling */
.people---name h3 {
   color: var(--yellow);
   font-size: 1.7rem;
}
.people---name h3 strong {
   font-family: var(--feature);
   font-weight: var(--itl-thin);
   font-style: var(--italicc);
}
.people---name h5 {
   font-family: var(--main);
   font-weight: var(--var-reg);
   font-size: 1rem;
   line-height: 1.3;
   color: var(--yellow);
   margin-top: 20px;
}

/* Turn people off if not in category */
.people---mod {
   display: none;
}

/* Stucturing grid */
.container---people {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-row-gap: var(--gap-xxl);
   grid-column-gap: var(--gap-lg);
}
.et_pb_text + .et_pb_people {
   margin-top: var(--gap-xl);
}
.section---people + .section---people {
   padding-top: 0px!important;
}
.people---image + .people---name {
   padding-top: var(--gap-med);
   padding-bottom: var(--gap-med);
}
.section---people .et_pb_text + .et_pb_posts {
   margin-top: var(--gap-lg);
}
.people .post-outer {
   margin-bottom: var(--gap-xl);
}
















/****************************************** News page ******************************************/
.container---news,
.page---home.module---newsevents .et_pb_ajax_pagination_container {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-row-gap: var(--gap-xxl);
   grid-column-gap: var(--gap-lg);
}
.container---news img,
.page---home.module---newsevents img {
   border-radius: var(--radius-lg);
   height: 300px;
   min-height: 300px;
   object-fit: cover;
}
.news-post-outer {
   position: relative;
}

/* ------------ Text */
.newsevent---title {
   padding-bottom: var(--gap-xl);
}
.newsevent---title h2 {
   font-size: var(--h2-news)!important;
   font-family: var(--main);
   font-weight: var(--var-reg);
   color: var(--yellow);
   line-height: 1.1;
}
/*.type-news .event---details {
   display: none;
}*/
.event---details {
   position: absolute;
   display: inline-block;
   top: var(--gap-sm);
   right: var(--gap-sm);
   background-color: var(--blue);
   border-radius: 50px;
}
.event---details h5 {
   color: var(--green-dark);
   font-family: var(--main);
   font-size: var(--h5-news);
   font-weight: var(--var-bold);
   padding: var(--gap-xs-s);
}
.newsevent---category h6 {
   font-family: var(--main);
   color: var(--yellow);
   font-size: var(--h6-news);
}
.newsevent---block + .newsevent---category {
   padding-top: var(--gap-med);
}
.newsevent---category + .newsevent---title {
   padding-top: var(--gap-xs);
}


/* ------------ Other */
.newsevent---block {
   position: relative;
}
.container---news .entry {
   display: none;
}


/* ------------ Buttons */
.newsevent---button-outer {
   position: absolute;
   bottom: 0;
   display: inline-flex;
}
.newsevent---button {
   display: flex;
   overflow: hidden;
   position: relative;
   border-radius: 50px;
}
.newsevent---button a {
   font-family: var(--main);
   font-size: 1.2rem;
   color: var(--green-dark);
   padding: 6px 19px 7px 19px!important;
   z-index: 1;
}
.newsevent---button .button---container {
   background-color: var(--yellow);
   border:1px solid var(--yellow);
   position: absolute;
   z-index: -1;
}
.newsevent---button .button---slider {
   background-color: var(--blue);
   border: 1px solid var(--blue);
   z-index: 0;
}








/****************************************** News page single ******************************************/
#main-header {
   display: none;
}
/* ------------ Structure */
.section---news-title {
   padding-top: var(--sect__padding-med)!important;
}
.section---news-content {
   padding-bottom: var(--sect__padding-med)!important;
}
.news---template-details {
   margin-top: var(--gap-lg);
}

/* Title */
.news---template-title .et_pb_text_inner h1 {
   font-family: var(--main);
   font-weight: var(--var-reg);
   font-size: var(--h1);
   color: var(--blue);
   line-height: 1.1;
}
/* Details */
.news---template-details {
   display: block!important;
}
.news---template-details {
/*   display: inline-flex!important;
   flex-direction: row;
   background-color: var(--yellow);
   padding: 10px 15px;
   width: auto;
   border-radius: 50px;*/
}
.news---template-details .et_pb_column {
/*   width: auto;
   display: inline-flex;
   background-color: var(--yellow);*/
}
.news---template-details .et_pb_column.event---start {
   /*border-radius: 50px 0px 0px 50px;
   padding: 10px 0px 10px 20px;*/
}
.news---template-details .et_pb_column.event---end {
   /*border-radius: 0px 50px 50px 0px;
   padding: 10px 20px 10px 0px;*/
}
.event---details-container {
   background-color: var(--yellow);
   display: inline-flex;
   width: fit-content;
   padding: 10px 20px;
   border-radius: 50px;
}
.event---details-container > div {
   display: inline-flex;
   width: auto!important;
}
.news---template-details .et_pb_text_inner {
   font-family: var(--main);
   font-weight: var(--var-reg);
   font-size: var(--h6);
   color: var(--green-dark);*/
}
/* Image */
.news---template-image img {
   max-height: 60vh;
   min-height: 700px;
   border-radius: var(--radius-lg);
   object-fit: cover;
}
.news---template-image {
   padding-top: var(--gap-xxl)!important;
}

/* Body */
.news---template-body {
   padding-top: var(--gap-xxl)!important;
}
.article---video + .article---intro {
   margin-top: 50px;
}
.news---template-body h3 {
   font-size: 1.9rem !important;
   color: var(--yellow);
   font-weight: var(--var-reg);
   margin-bottom: var(--gap-lg);
   line-height: 1.1;
}
.news---template-body h2 {
   font-size: 1.7rem;
   color: var(--yellow);
   font-weight: var(--var-bold);
}
.news---template-body h2 + p {
   padding-top: var(--gap-sm);
}
.news---template-body p + h2 {
   padding-top: var(--gap-lg);
}
.news---template-body .et_pb_text_inner p {
   color: var(--blue);
   font-size: var(--small-body);
}
.news---template-body p a {
   color: var(--yellow);
   background-image: linear-gradient(to right, var(--blue) 50%, var(--yellow) 50%);
   background-size: 200% 1px;
   background-position: bottom right;
   background-repeat: no-repeat;
   padding-bottom: 2px;
   transition: 0.5s ease;
}
.news---template-body p a:hover {
   color: var(--blue);
   background-position: bottom left;
   transition: 0.5s ease;
}
.section---news-content .button---general > div {
   display: inline-flex;
}
.section---news-content .button---general {
   padding-top: var(--gap-lg);
}
.section---news-content .button---solid .button---container {
   background-color: var(--yellow);
   border: 1px solid var(--yellow);
}
.section---news-content .button---solid .button---slider {
   background-color: var(--blue);
   border: 1px solid var(--blue);
}
.section---news-content .button---solid p {
   color: var(--green-dark);
}
/* Location thing */
.event---location .et_pb_text_inner {
   font-family: var(--main);
   font-weight: var(--var-reg);
   font-size: var(--small-body);
   color: var(--yellow);
   margin-bottom: var(--gap-lg);
   line-height: 1.2;
}
.event---location .et_pb_text_inner::before {
   content: ' Location: ';
}

/* Dates */
.event---time,
.event---end-time {
   margin-right: 3px;
}
.event---end-time .et_pb_text_inner::before {
   content: '–';
   margin-right: 5px;
   margin-left: 5px;
}
/*.event---end {
   display: none;
}*/










/****************************************** Partners page ******************************************/

/* ------------ Logo grid */
.section---partners {

}
.row---partners {

}
.row---partners .et_pb_column {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   grid-row-gap: var(--gap-xxl);
   grid-column-gap: var(--gap-xxl);
}
.row---partners .et_pb_image {
   
}
.row---partners img {
   
}









/****************************************** Training pages ******************************************/


/* ------------ Structure */
.section---training {
   
}

.training---short-course .text---grid p:nth-child(1) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-02-green.svg');
   background-size:100%;
}
.training---short-course .text---grid p:nth-child(2) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-01-green.svg');
   background-size:100%;
}
.training---short-course .text---grid p:nth-child(3) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-07-green.svg');
   background-size:100%;
}

.training---workshops .text---grid p:nth-child(1) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-03-green.svg');
   background-size:100%;
}
.training---workshops .text---grid p:nth-child(2) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-05-green.svg');
   background-size:100%;
}
.training---workshops .text---grid p:nth-child(3) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-06-green.svg');
   background-size:100%;
}
.training---placements .text---grid p:nth-child(1) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-04-green.svg');
   background-size:100%;
}
.training---placements .text---grid p:nth-child(2) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-07-green.svg');
   background-size:100%;
}
.training---placements .text---grid p:nth-child(3) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-02-green.svg');
   background-size:100%;
}

.section---training .row---training .text---grid .et_pb_text_inner {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
}
.section---training .row---training .text---grid .et_pb_text_inner p {
   margin-top:0px;
   padding-top: calc(var(--theme-icon) + 7%);
}
.section---training .row---general + .row---general {
   margin-top: var(--gap-lg);
}
.section---training .text---general + .text---grid {
   margin-top: var(--gap-med);
}






/****************************************** Themes pages ******************************************/

/* ------------ Structure */
.section---themes .text---grid .et_pb_text_inner {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-column-gap: var(--gap-med);
}

/* ------------ Text */
.section---themes .text---grid p + p {
   margin-top:0px;
}
.section---themes .text---grid p {
   font-size: var(--small-body);
   padding-top: calc(var(--theme-icon) + 7%);
}

/* ------------ Icon */
.icon---container {
   width: var(--theme-icon);
   height: var(--theme-icon);
   position: absolute;
   top: 0;
}
.theme---obj-icon {
   width: 100%;
   height: 100%;
   position: relative;
}
.section---projects h3 {
   font-size: 2rem!important;
   line-height: 1.1;
}
.section---projects h6 {
   font-size: 1.6rem!important;
   text-transform: capitalize;
}
/* Theme 1 */
.themes---1 .text---grid p:nth-child(1) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-01-green.svg');
   background-size:100%;
}
.themes---1 .text---grid p:nth-child(2) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-05-green.svg');
   background-size:100%;
}
.themes---1 .text---grid p:nth-child(3) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-07-green.svg');
   background-size:100%;
}
/* Theme 2 */
.themes---2 .text---grid p:nth-child(1) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-02-green.svg');
   background-size:100%;
}
.themes---2 .text---grid p:nth-child(2) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-03-green.svg');
   background-size:100%;
}
.themes---2 .text---grid p:nth-child(3) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-06-green.svg');
   background-size:100%;
}
/* Theme 3 */
.themes---3 .text---grid p:nth-child(1) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-05-green.svg');
   background-size:100%;
}
.themes---3 .text---grid p:nth-child(2) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-04-green.svg');
   background-size:100%;
}
.themes---3 .text---grid p:nth-child(3) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-02-green.svg');
   background-size:100%;
}
/* Theme 4 */
.themes---4 .text---grid p:nth-child(1) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-05-green.svg');
   background-size:100%;
}
.themes---4 .text---grid p:nth-child(2) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-02-green.svg');
   background-size:100%;
}
.themes---4 .text---grid p:nth-child(3) .theme---obj-icon {
   background-image: url('/wp-content/themes/Divi-child/Svgs/icons/arc-icons-04-green.svg');
   background-size:100%;
}


/*.theme---icon {
   width: var(--theme-icon);
}
*/



/* ------------ Theme child pages */
.parent-pageid-382 h1:before {
   font-family: var(--feature);
   font-weight: var(--itl-thin);
   font-style: var(--italicc);
   font-size: 2.2rem;
   color: var(--yellow);
   display: block;
   padding-bottom: var(--gap-sm);
}
.parent-pageid-382 .themes---1 h1:before {
   content: 'Theme 1';
}
.parent-pageid-382 .themes---2 h1:before {
   content: 'Theme 2';
}
.parent-pageid-382 .themes---3 h1:before {
   content: 'Theme 3';
}
.parent-pageid-382 .themes---4 h1:before {
   content: 'Theme 4';
}







/****************************************** Contact page ******************************************/
.text---contact {
   grid-column: 3 / span 3;
}
.text---contact p {
   font-size: var(--small-body);
}
.section---contact-details {
   padding-top: var(--sect__padding-med)!important;
   padding-bottom: var(--sect__padding-small)!important;
}
.section---contact-details .row---details .et_pb_module + .et_pb_module {
   padding-top: var(--gap-med);
}
.section---contact-details .row---details .et_pb_module.centre p {
   font-weight: var(--var-bold);
}


.section---form.form---contact {
   padding-top: var(--sect__padding-med)!important;
}
/*.section---form .form---contact-outer .form---contact {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-column-gap: var(--gap-lg);
}
.form---input {position: relative;}
.form---input input {position: absolute;}*/





/****************************************** Contact form ******************************************/

/* ------------ Form */
.form---input {
   margin-top: 20px;
   margin-bottom: 0px;
}
.form---span {
   grid-column: 3 / span 3;
}
.text---span {
   grid-column: span 2;
   margin-bottom: var(--gap-lg);
}

/* ------------ Form text */
.form---input p {
   display: flex;
   flex-direction: column;
}
.form---input input,
.form---input textarea {
   background-color: transparent;
   border:0px;
   border-bottom:1px solid var(--yellow);
   width: 100%;
   font-size: var(--form-text);
   padding-top: 5px;
   padding-bottom: 5px;
   color: var(--yellow);
   max-height: 200px;
}
.form---input input[type=text] {
   color: var(--yellow);
}
.form---input input[type=text]:focus,
.form---input input[type=tel]:focus,
.form---input input[type=email]:focus,
.form---input input[type=textarea]:focus {
   border-bottom-color: var(--yellow);
   color: var(--yellow);
}
.form---input .placeholder p {
   font-size: var(--form-text);
   color: var(--yellow);
   transform: translateY(30px);
}



/* ------------ Button */

.form---button {
   position: absolute;
   margin-top: var(--gap-med);
}
.form---button p {
   display: flex;
   overflow: hidden;
   position: relative;
   border-radius: 50px;
}
.form---btn {
   color: var(--green-dark);
   font-size: 1.2rem;
   padding: 6px 19px 7px 19px!important;
   background-color: transparent;
   border-radius: 50px;
   border: 0px;
   z-index: 1;
}
.form---register .form---btn {
   color: var(--yellow)!important;
}
.form---button .button---container {
   background-color: var(--yellow);
   border:1px solid var(--yellow);
   position: absolute;
   z-index: -1;
}
.form---register .form---button .button---container {
   background-color: var(--green-dark);
   border: 1px solid var(--green-dark);
}
.form---button .button---slider {
   background-color: var(--blue);
   border: 1px solid var(--blue);
   z-index: 0;
}
.wpcf7-spinner {
   display: none;
}



/* ------------ Messages/errors */

/* Please fill out this field */
.wpcf7-not-valid-tip {
   font-size: 1.1rem;
   position: absolute;
   bottom: -25px;
   color: var(--blue);
}



/* Success */
.wpcf7-form.sent .wpcf7-response-output {
   background-color: var(--yellow);
   color: var(--green-dark);
}
.form---register .wpcf7-form.sent .wpcf7-response-output {
   background-color: var(--green-dark);
   color: var(--yellow);
}
.wpcf7-response-output {
   border:0px!important;
   margin:0px!important;
   padding:8px 15px 8px 15px!important;
   display: inline-block;
   position: relative;
   top:100px;
   font-family: var(--main);
   font-weight: var(--var-bold);
   font-size: 1rem;
   border-radius: 50px;
}





/* ------------ Register form colour changes */

.form---register .form---input input,
.form---register .form---input textarea {
   border-bottom:1px solid var(--green-dark);
   color: var(--green-dark);
}
.form---register .form---input input[type=text] {
   color: var(--green-dark);
}
.form---register .form---input input[type=text]:focus,
.form---register .form---input input[type=tel]:focus,
.form---register .form---input input[type=email]:focus,
.form---register .form---input input[type=textarea]:focus {
   border-bottom-color: var(--green-dark);
   color: var(--green-dark);
}
.form---register .form---input .placeholder p {
   color: var(--green-dark);
}



/* ------------ Button */

.form---button {
   position: absolute;
   margin-top: var(--gap-med);
}
.form---button p {
   display: flex;
   overflow: hidden;
   position: relative;
   border-radius: 50px;
}
.form---btn {
   color: var(--green-dark);
   font-size: 1.2rem;
   padding: 6px 19px 7px 19px!important;
   background-color: transparent;
   border-radius: 50px;
   border: 0px;
   z-index: 1;
}
.form---button .button---container {
   background-color: var(--yellow);
   border:1px solid var(--yellow);
   position: absolute;
   z-index: -1;
}
.form---button .button---slider {
   background-color: var(--blue);
   border: 1px solid var(--blue);
   z-index: 0;
}
































/****************************************** Footer ******************************************/

.footer---main {
   background-color: var(--green-dark);
}
.footer---container-outer {
   max-width: 90%;
   width: var(--navigation---width);
   margin: 0 auto;
   padding-top: var(--sect__padding-small);
   padding-bottom: var(--sect__padding-small);
}

.footer---container-outer p,
.footer---container-outer a {
   font-family: var(--main);
   font-weight: var(--var-reg);
   font-size: var(--links);
   color: var(--yellow);
}

/* Top footer */
.footer---container-top {
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   padding-bottom: var(--gap-lg);
   margin-bottom: var(--gap-lg);
   border-bottom:1px solid var(--yellow);
}

/* Logo */
.footer---logo {
   grid-column: 1 / span 3;
}
.footer---logo img {
   max-width: 300px;
}

/* Menu */
.footer---menu {
   grid-column: 4 / span 2;
}
#menu-footer-menu {
   column-count: 3;
}
#menu-footer-menu li {
   line-height: 1;
   margin-bottom: var(--gap-sm);
}
#menu-footer-menu a,
.footer---made a {
   background-image: linear-gradient(to right, var(--blue) 50%, var(--yellow) 50%);
   background-size: 200% 1px;
   background-position: bottom right;
   background-repeat: no-repeat;
   display: inline-block;
   padding-bottom: 4px;
   transition: .3s ease;
}
#menu-footer-menu a:hover,
.footer---made a:hover {
   color: var(--blue);
   background-position: bottom left;
   transition: .3s ease;
}


/* Socials */
.footer---socials {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
}
.footer---socials-logos {
   padding-top: var(--gap-xs);
}
.footer---socials-logos img {
   width: 25px;
}
.footer---socials-logos img:nth-child(1) {
   margin-right: 7px;
}



/* Bottom footer  */
.footer---container-bottom {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-column-gap: 10%;
}
.footer---support {
   display: flex;
   flex-direction: row;
   justify-content: center;
}
.footer---support img {
   max-width: 275px;
   width: 275px;
}
.footer---copyright {
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.footer---made {
   width: 100%;
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   align-items: center;
}
.ao-country {
   padding-top: var(--gap-sm);
   padding-bottom: var(--gap-sm);
   background-color: var(--yellow);
}
.ao-country div {
   max-width: 90%;
   width: var(--navigation---width);
   margin: 0 auto;
}
.ao-country p {
   font-family: var(--main);
   font-weight: var(--var-reg);
   font-size: var(--links);
   color: var(--green-dark);
}































/****************************************** MEDIA QUERY BREAKPOINTS ******************************************/



/* Shorter screen > 1000px ******************************************/

@media all and (max-height:1000px) {
/* --------- start --------- */

/* --- Variables **********/

:root {
font-size: 14px;

/* Padding + Margin */
/*--sect__padding-large: ;
--sect__padding-med: ;
--sect__padding-small: ;*/


/* Misc elements */
--hero-img-height: 60vh;
--hero-img-extra: 10vh;

}














/* --------- end --------- */
}












/* Generic Laptop > 1350px w x 800px h ******************************************/

@media all and (max-width:1470px) and (max-height: 850px) {
/* --------- start --------- */

:root {

/* Type Size */
--h1: 4rem;
--h1-small: 2.8rem;
--h2: 2.4rem;
--h3: 2.1rem;
--body: 1.9rem;

/* Spacing */
--gap-xxl: 100px;
--gap-xl: 40px;
--gap-lg: 30px;
--gap-med: 20px;
--gap-sm: 10px;
--gap-xs: 5px;

/* Sizing */

/* Padding + Margin */
--sect__padding-large: 150px;
--sect__padding-med: 80px;
--sect__padding-small: 60px;

/* Misc elements */
--hero-img-height: 80vh;
--hero-img-extra: 10vh;
--theme-icon: 65px;

/* Site structure sizing */
--header---height: 140px;


}


/* Navigation */
.logo---main svg {
   max-width: 75%;
}





/* --- Grid themes */
.theme---text {
   padding-bottom: var(--gap-xl);
}
.button---theme {
   position: absolute;
   bottom: 0;
}


/* --- Partner logos */
.image---partner {
   margin-left:  20px!important;
   margin-right: 20px!important;
}
.section---hero-split h1 {
   font-size: var(--h1-small);
}












/* --------- end --------- */
}















/* Tablet landscape > 1024px w x 768px h ******************************************/

@media all and (max-width:1150px) and (max-height: 768px) {
/* --------- start --------- */

:root {
   
   /* Text */
   --h1: 3.7rem;
   --h1-small: 3rem;
   --h3: 1.8rem;
   --nav-links: 1.1rem;
   --small-body: 1.5rem;


   /* Sizing */
   --sect__padding-large: 100px;
   --sect__padding-med: 70px;
   --theme-icon: 55px;
   --gap-xxl: 60px;




/* End variables */
}





/* ------------ Navigation */
.nav---btn a {
   padding-left: 14px;
   padding-right: 14px;
}
.logo---main svg {
   max-width: 100%;
}

.mobile---menu-items li {
   padding-left: 40px;
}
.mobile---menu-items li a {
/*   padding-left: 20%!important;*/
font-size: 1.5rem;
}
.mobile---arrow-down {
   top: 2rem;
/*   padding-left: 50px;*/
}





/* ------------ Generic text and structure things */
/*.et_pb_row {
   max-width: 768px;
}*/
.row---grid .text---general {
   grid-column: 3 / span 4;
}
.section---hero-split {
   padding-top: var(--sect__padding-large)!important;
   padding-bottom: var(--sect__padding-med)!important;
}
.section---hero-split .row---hero-split img {
   height: 350px;
}



/* ------------ Hero section */
.section---hero .image---hero img {
   height: var(--hero-img-height);
}





/* ------------ Partners */
.row---partners .et_pb_column {
   grid-template-columns: repeat(4, 1fr);
}
.section---partner-logos img {
   max-width: 170px;
   margin-right: 30px;
}




/* ------------ Themes on home page */
.column---theme h3 br {
   display: none;
}





/* ------------ People page */
.container---people {
   grid-template-columns: repeat(3, 1fr);
   grid-column-gap: var(--gap-lg);
}
.people---details a div {
   width: 27px;
   height: 27px;
}





/* ------------ Themes page */
.section---themes .text---grid .et_pb_text_inner {
   grid-column-gap: var(--gap-lg);
}





/* ------------ Training page */
.section---training .row---training .text---grid .et_pb_text_inner p {
   font-size: var(--small-body);
   padding-top: calc(var(--theme-icon) + 3%);
}
.section---training .text---general + .text---grid {
   margin-top: var(--gap-lg);
}





/* ------------ News page */
/* Grid */
.container---news {
   grid-template-columns: repeat(2, 1fr);
}
/* Spacing */
.newsevent---title {
   padding-bottom: var(--gap-xxl);
}
/* Image */
.news---template-image img {
   min-height: 500px;
   max-height: 50vh;
   object-fit: cover;
}
.container---news .entry {
   display: none;
}





/* ------------ Contact page and forms */
.section---form.form---contact {
   padding-bottom: calc(var(--sect__padding-large) + 5%)!important;
}
.section---form.form---register .et_pb_row:nth-child(1) .et_pb_text {
   grid-column: span 4;
}
.section---form.form---register {
   padding-bottom: calc(var(--sect__padding-large) + 5%)!important;
}




/* ------------ Footer */
.footer---logo img {
   max-width: 220px;
}
.footer---logo {
   grid-column: 1 / span 2;
}
.footer---menu {
   grid-column: 3 / span 3;
}














/* --------- end --------- */
}





















/* < 980px ******************************************/

@media all and (min-width:1150px) {
/* --------- start --------- */
.mobile---navigation {
   display: none;
}
.mobile---hamburger-container {
   display: none;
}









/* --------- end --------- */
}



@media all and (max-width: 1149px) {


/* Navigation */
.nav---text-container {
   display: none;
}








/* End of breakpoint */
}



/* Mobile > 980px ******************************************/

@media all and (max-width:981px) {
/* --------- start --------- */


:root {
   --header---height: 110px;
   --sect__padding-large: 100px;
   --sect__padding-med: 60px;
   --h1: 3.7rem;
   --h2: 2.3rem;
   --body: 1.8rem;
   --gap-xl: 30px;
   --gap-lg: 20px;
}

.event---banner {
   width: max-content;
   left: 0;
   bottom: 0;

   & .banner---inner {
      flex-direction: column;
      padding: 30px;
      row-gap: 10px;
      max-width: 100%;


      & p {
         font-size: clamp(1.2rem, 1.4vw, 1.4rem)!important;
      }
   }
}



.nav---container {
   grid-template-columns: repeat(1, 1fr);
}
.logo---main svg {
   max-width: 35%;
}

/* --- Grid section */
.row---grid .text---general {
   grid-column: 3 / span 4;
}
.row---theme .column---theme {
   width: 100%!important;
}
.theme---text h3 br {
   display: none;
}


.et_pb_people .et_pb_ajax_pagination_container {
   grid-template-columns: repeat(2, 1fr);
}




/* --------- end --------- */
}












/* > 870px ******************************************/

@media all and (max-width:871px) {
/* --------- start --------- */


:root {
   --h1: 3.2rem;
}








/* --------- end --------- */
}










/* Tablet portrait ******************************************/

@media all and (max-width:768px) {
/* --------- start --------- */


:root {

   /* Text */
   --h1: 2.9rem;
   --h2: 2.5rem;
   --h3: 2rem;
   --small-body: 1.7rem;
   --links: 1rem;

   /* Sizing */
   --gap-med: 15px;
   --gap-xxl: 70px;
   --hero-img-height: 50vh;
   --sect__padding-large: 80px;
   --sect__padding-small: 40px;
   --sect__padding-small: 20px;
   --theme-icon: 50px;

}


/* ------------ Navigation */
.nav---logo-container {
   width: 55%;
}
.logo---main svg {
   max-width: 80%;
}
.mobile---menu-items .menu-main-menu-container {
   width: 100vw;
}
.mobile---menu-overlay {
   display: none;
}
#menu-main-menu-1 {
   
}



/* ------------ Generic sizing and structure */

.et_pb_row {
   max-width: 768px;
}
.row---grid .text---general {
   grid-column: 2 / span 5;
}
.row---grid.row---buttons .et_pb_column {
   grid-column: 2 / span 5;
}





/* ------------ Loader */
.loader---svg {
   width: 180vw;
}





/* ------------ Home page */
.section---video .et_pb_module:nth-child(1) {
   margin-bottom: 0px;
}
.page---home.section---theme {
   padding-bottom: calc(var(--sect__padding-large) + 50px)!important;
}
.row---theme {
   grid-row-gap: var(--gap-xl);
   grid-column-gap: var(--gap-med);
}
.section---partner-logos img {
   max-width: 150px;
   margin-right: 35px;
}
.page---home.section---partners {
   padding-bottom: var(--sect__padding-small)!important;
}
.theme---text h3 {
   font-size: calc(var(--h3) - 45%)!important;
}









/* ------------ About page */
/* Grid with icons */
.page---about.section---icon-grid .text---grid .et_pb_text_inner {
   grid-template-columns: repeat(1, 1fr);
   grid-row-gap: var(--gap-xl);
}
.page---about.section---icon-grid .text---grid .et_pb_text_inner p {
   padding-top: 0px;
   padding-left: calc(var(--theme-icon) + 5%);
}
.icon---container {
   left: 0;
}
/* Image carousel */
.section---image-carousel .row---carousel .carousel---image img {
   max-width: 450px;
   min-width: 450px;
   min-height: 300px;
   max-height: 300px;
}
.agsectors---grid {
   margin-top: 0px;
   margin-bottom: 0px;
}
.row---carousel {
   margin-bottom: 0px;
}
.agsectors---grid .et_pb_column {
   grid-column-gap: var(--gap-xl);
}

/* People section */
.section---people-about .et_pb_ajax_pagination_container {
   grid-template-columns: repeat(2, 1fr);
}
.section---people-about .et_pb_ajax_pagination_container article:nth-child(3) {
   display: none;
}

/* Partners */
.page---about.section---partner-logos img {
   height: 40px;
   max-height: 40px;
}






/* ------------ Themes sub pages */
/* Structure */
.section---hero-split {
   padding-top: var(--sect__padding-large)!important;
}
.section---hero-split .row---hero-split .et_pb_column {
   flex-direction: column;
}
/* Text */
.section---hero-split .et_pb_text .et_pb_text_inner {
   max-width: 95%;
}
.section---hero-split .text---hero {
   margin-bottom: var(--gap-xxl)!important;
}
/* Grid icon section */
.section---themes .text---grid .et_pb_text_inner {
   grid-template-columns: repeat(1, 1fr);
   grid-row-gap: var(--gap-lg);
}
.section---themes .text---grid p {
   padding-top: 0px;
   padding-left: calc(var(--theme-icon) + 5%);
}




/* ------------ Training */
.section---training-all h2 br {
   display: none!important;
}
.section---training-all h2 {
   margin-bottom: 0px;
}
.section---training-all .row---grid-3 .et_pb_column:nth-child(3) {
   margin-bottom: 30px;
}
.section---training-all .theme---text {
   margin-bottom: 50px!important;
}
.section---training-all .theme---text h3 {
   font-size: calc(var(--h3) - 60%)!important;
}
.section---training-all .button---general {
   position: absolute;
   bottom:0;
}



/* ------------ Training sub pages */
.section---training .row---training .text---grid .et_pb_text_inner {
   grid-template-columns: repeat(1, 1fr);
   grid-row-gap: calc(var(--gap-xl) + 15%);
}
.section---training .row---training .text---grid .et_pb_text_inner p {
   padding-top: 0px;
   padding-left: calc(var(--theme-icon) + 3%);
}
.section---training .row---training .text---grid .icon---container {
   top: -50%;
}






/* ------------ CTA section */
.section---cta h2 {
   font-size: 2rem!important;
}
.section---cta .row---cta {
   padding-bottom:10px!important;
}
.section---cta::after {
   background-size: 120%;
}






/* ------------ Footer */
.footer---container-outer {
   padding-top: var(--sect__padding-med);
   padding-bottom: var(--sect__padding-med);
}
.footer---container-top {
   grid-template-columns: repeat(2, 1fr);
   padding-bottom: var(--gap-xl);
   margin-bottom: var(--gap-xl);
}
.footer---logo {
   grid-column: 1;
}
.footer---logo img {
   max-width: 220px;
}
.footer---menu {
   display: none;
}













/* --------- end --------- */
}









/* > 755px ******************************************/

@media all and (max-width:685px) {
/* --------- start --------- */

:root {

}

.mobile---text {
   display: none!important;
}

/* --- Navigation */
.logo---main svg {
   max-width: 90%;
}
.et_pb_people .et_pb_ajax_pagination_container {
   grid-template-columns: repeat(1, 1fr);
}








/* --------- end --------- */
}





/* > 500px ******************************************/

@media all and (max-width:500px) {
/* --------- start --------- */



:root {
   
   /* Text sizing */
   --hh2-news: 2.2rem;
   --h5-news: 1.3rem;
   --h6-news: 1.3rem;
}





/* --- Navigation */
.logo---main svg {
   max-width: 90%;
}
.nav---logo-container {
   width: 75%;
}
.image---mobile-hero img {
   height: 50vh;
   min-height: 300px;
   max-height: 400px;
   object-fit: cover;
   border-radius: var(--radius-lg);
}


/* ------------ Structure */
.row---grid .text---general {
   grid-column: 1 / span 6;
}







/* ------------ Buttons */
.row---grid.row---buttons {
   padding-top: var(--gap-lg)!important;
}
.row---grid.row---buttons .et_pb_column {
   flex-direction: column;
   grid-column: 1 / span 5;
}
.button---general > div {
   display: inline-flex;
}
.button---general + .button---general {
   margin-top: var(--gap-med);
}
.button---general.button---lg p {
   font-size: 1.5rem!important;
   padding: 9px 24px 10px 24px!important;
}
.button---general.button---sm p {
   font-size: 1.5rem!important;
   padding: 9px 18px 11px 18px!important;
}
.column---theme .button---theme {
   position: relative;
}





/* ------------ Home page */
/* Intro */
.section---intro {
   padding-top: 0px!important;
}
.hero---mobile {
   padding-bottom: 0px!important;
}

/* Themes */
.row---theme {
   grid-template-columns: repeat(1, 1fr);
}
.page---home.section---theme h2 {
   margin-bottom: 0px!important;
}
.theme---text h3 {
   font-size: var(--h3)!important;
   line-height: 1.1;
}
h6 + h3 {
   margin-top: var(--gap-lg);
   margin-bottom: var(--gap-lg);
}
.theme---text h6 {
   font-size: 1.5rem!important;
   padding-top: 0px;
}
.column---theme .theme---text {
   padding-bottom: 0px!important;
}

/* Partners section */
.section---partner-logos .row---partner {
   width: 80%;
   max-width: 80%;
   flex-direction: column;
   padding-top: 0px!important;
}
.section---partner-logos .row---partner .logo---track {
   display: grid!important;
   grid-template-columns: repeat(2, 1fr)!important;
   grid-column-gap: 40px;
}
.section---partner-logos .row---partner .logo---track-clone {
   display: none!important;
}
.page---home.section---partners {
   padding-bottom: 0px!important;
}
.image---partner {
   margin-right: 0px!important;
   margin-left: 0px!important;
}
.section---partner-logos img {
   max-width: 100%;
}



/* ------------ CTA section */
.section---cta {
   padding-top: var(--sect__padding-med)!important;
   padding-bottom: var(--sect__padding-med)!important;
}
.section---cta::after {
   width: 40%;
   height: 40%;
}
.section---cta h2 {
   font-size: 2.5rem!important;
}






/* ------------ About page */
.section---hero.page---not-home h1 {
   max-width: 90%;
}
.section---hero.page---not-home h1 br {
   display: none;
}
.page---about.section---icon-grid {
   padding-top: 0px!important;
}
.agsectors---grid .et_pb_column {
   grid-template-columns: repeat(1, 1fr);
}
/* People */
.section---people-about .et_pb_ajax_pagination_container {
   grid-template-columns: repeat(1, 1fr);
   grid-row-gap: 60px;
}
.section---people-about .et_pb_ajax_pagination_container h3 {
   font-size: 2.3rem!important;
}
.section---people-about .row---grid.row---buttons {
   grid-template-columns: repeat(1, 1fr);
}
/* Partners */
.page---about.section---partner-logos .row---partner .logo---track {
   grid-row-gap: 60px;
}
.page---about.section---partner-logos .row---partner .logo---track img {
   height: 45px;
   max-height: 45px;
}
.page---about.section---partner-logos .row---partner .logo---track .image---partner:nth-child(5) img {
   height: 60px!important;
   max-height: 60px!important;
}
/* Carousel */
.section---image-carousel .row---carousel .et_pb_column {
   flex-direction: column;
}
.row---carousel .carousel---image + .carousel---image {
   margin-left: 0px;
}
.section---image-carousel .row---carousel .carousel---image img {
   max-width: 100%;
   min-width: 100%;
   width: 100%;
   height: 250px;
   min-height: 250px;
   max-height: 250px;
}
.section---image-carousel .row---carousel .carousel---image:nth-child(4),
.section---image-carousel .row---carousel .carousel---image:nth-child(5) {
   display: none;
}


/* ------------ People page */
.container---people {
   grid-template-columns: repeat(1, 1fr);
}
.people---image img {
   width: 100%;
   max-width: 100%;
}
.container---people .people---name h3 {
   font-size: 2.3rem!important;
}
.people---details a div {
   width: 40px;
   height: 40px;
   margin-right: 15px;
}
.people---name + .people---details {
   padding-top: var(--gap-lg);
}




/* ------------ Partners page */
.section---partners .row---partners .et_pb_column {
   grid-template-columns: repeat(2, 1fr);
   grid-column-gap: 80px;
   grid-row-gap: 0px;
}
.page---about-partners.section---hero-split + .section---partners {
   padding-top: 0px!important;
}



/* ------------ Themes */
.page---not-home + .section---general {
   padding-top: 0px!important;
}
.section---hero-split + .section---general {
   padding-top: 0px!important;
}
.section---hero-split .row---hero-split img {
   height: 300px;
}




/* ------------ Training */
.section---hero .image---hero img {
   transform: translateX(-25%);
}
.row---theme.row---grid-3 {
   grid-template-columns: repeat(1, 1fr);
}
.theme---text h6 {
   font-size: 1.7rem!important;
}
.section---training-all .theme---text h3 {
   font-size: var(--h3)!important;
}
.section---training-all .button---general {
   position: relative;
}
.section---training-all .theme---text {
   margin-bottom: 0px!important;
   padding-bottom: 0px!important;
}

.section---training .row---training .text---grid .et_pb_text_inner p {
   padding-top: calc(var(--theme-icon) + 3%);
   padding-left: 0px!important;
}
.section---training .row---training .text---grid .et_pb_text_inner {
   grid-row-gap: calc(var(--gap-xl) + 5%);
}
.section---training .row---training .text---grid .icon---container {
   top: 0;
}





/* ------------ News and events main page */
.container---news {
   grid-template-columns: repeat(1, 1fr)
	   !important;
   grid-row-gap: calc(var(--gap-xxl) + 2.5%)
	   !important;
}
.newsevent---button-outer {
   position: relative;
}
.newsevent---title {
   padding-bottom: var(--gap-lg);
}
.newsevent---button a {
   font-size: 1.3rem;
}



/* ------------ News and events sub pages */
.section---news-title {
   padding-top: 0px!important;
   padding-bottom: 0px!important;
}
.news---template-title .et_pb_text_inner {
   line-height: 1;
}
.news---template-details {
   margin-top: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
}
.news---template-details .et_pb_column {
   max-width: max-content;
}
.news---template-image img {
   min-height: 400px;
   object-fit: cover;
}
.news---template-image {
   padding-top: var(--gap-xl)!important;
}
.news---template-body {
   padding-top: var(--gap-xl)!important;
}
.section---news-content {
   padding-top: 0px!important;
}
.single-news .row---buttons p {
   font-size: 1.3rem!important;
}





/* ------------ Contact */
.section---contact-details .et_pb_row:nth-child(1) .et_pb_column .text---span {
   grid-column: span 5;
}
.section---contact-details .et_pb_row:nth-child(2) .et_pb_column .et_pb_text {
   grid-column: 1 / span 6;
}
.section---contact-details .et_pb_row:nth-child(2) .et_pb_column .et_pb_text:nth-child(1) p br {
   display: none;
}
.section---contact-details .et_pb_row:nth-child(2) .et_pb_column .et_pb_text p {
   font-size: 1.5rem;
}
.form---contact .et_pb_row:nth-child(1) .text---span,
.form---register .et_pb_row:nth-child(1) .text---span {
   grid-column: span 6;
}
.form---contact .et_pb_row:nth-child(1),
.form---register .et_pb_row:nth-child(1) {
   padding-top: 0px!important;
   padding-bottom: 0px!important;
}
.form---contact .form---span,
.form---register .form---span {
   grid-column: 1 / span 6;
}






/* ------------ Footer */
.footer---container-bottom {
   grid-template-columns: repeat(1, 1fr);
   grid-row-gap: 20px;
}
.footer---support {
   order: 1;
}
.footer---copyright {
   order: 2;
   justify-content: center;
}
.footer---copyright p {
   text-align: center;
   max-width: 80%;
   margin: 0 auto;
}
.footer---made {
   order: 3;
   justify-content: center;
}







/* --------- end --------- */
}











@media all and (max-width:390px) {
/* --------- start --------- */


:root {
   --h1: 2.5rem;
}


/* --- Navigation */
.logo---main svg {
   max-width: 90%;
}










/* --------- end --------- */
}