.elementor-kit-6{--e-global-color-primary:#2D9FCE;--e-global-color-secondary:#1A2C53;--e-global-color-text:#343434;--e-global-color-accent:#B1D9EC;--e-global-color-fd18ce6:#F2F8FC;--e-global-color-d0ea5a0:#000000;--e-global-color-dafbcee:#FFFFFF;--e-global-color-00176fd:#ADADAD;--e-global-typography-primary-font-family:"montserrat";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-letter-spacing:0.6px;--e-global-typography-secondary-font-family:"montserrat";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-letter-spacing:0.6px;--e-global-typography-text-font-family:"montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"montserrat";--e-global-typography-accent-font-weight:700;font-size:17px;line-height:1.6em;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-d0ea5a0 );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{border-style:solid;border-width:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
  --spacing-small: 10px;
  --spacing-medium: 20px;
  --spacing-medium-2: 40px;
  --spacing-large: 60px;
--spacing-extra-large: 100px;
--neg-spacing-large:-80px;
--hero-height: 650px; 

/* colours */
  --primary: #2d9fce;  /* blue */
  --secondary: #1a2c53; /* dk blue */
  --accent: #b1d9ec; /* lt blue */  
  --light: #f2f8fc; /* lt lt blue */ 
  
  
 /* fonts */
--font1: montserrat;
--font2: montserrat;
--font3: montserrat;
}


/* Text sizes - with CLAMP to make fluid */

/* body */
.text-container p  {text-wrap: pretty;
    font-size:clamp(.7rem, 0.92213rem + 0.32787vw, 1.25rem);
    letter-spacing: -0.1px;
    font-family: var(--font1);
    font-weight: 400;
}

/* body link text*/
.text-container p a{
    color: var(--accent);
}

.text-container p a:hover{
    color: var(--primary);
}

.text-container h1, .hero-title h1 {
    font-size: clamp(1.875rem, 1.25205rem + 2.62295vw, 3.875rem);
    font-family: var(--font1);
    font-weight: 500;
    color: var(--primary);
    text-transform: uppercase;
    
}
.text-container h2 {
    font-size: clamp(2.125rem, 1.5rem + 1.667vw, 3rem);
    font-family: var(--font1);
    font-style: normal;
    font-weight: 500;
    color: var(--primary);
    padding-bottom: var(--spacing-medium);
}
.text-container h3 {font-size: clamp(1.25rem, 1.05533rem + 0.81967vw, 1.875rem);
    font-family: var(--font1);
    color: var(--primary);
    padding-bottom:0px;
     text-transform: uppercase;
}

.text-container h4 {font-size: clamp(1.25rem, 1.05533rem + 0.81967vw, 1.875rem);
    font-family: var(--font1);
    color: var(--secondary);
     text-transform: uppercase;
    padding-bottom:0px;
}

.text-container h6 {font-size: clamp(1.25rem, 1.05533rem + 0.81967vw, 1.875rem);
    font-family: var(--font1);
    color: var(--secondary);
    padding-bottom:0px;
    text-transform: uppercase;
    margin: 0;
}

/* sidebar navigation sticky*/

.text-container .sidebar-menu {
 position: sticky;
  top: 104px;
}


/* assigned to two-columns for backgr*/
.blue-bg {
    background-color: var(--light);
    border-radius: 50px;
    margin: 20px;
    width: 98%;
}


.photocredit p{
    font-size: 12px;
    text-transform: uppercase;
}

.callout p {text-wrap: pretty;
    font-size:clamp(1rem, 0.92213rem + 0.32787vw, 1.25rem);
    font-family: var(--font2);
    margin-top:var(--spacing-medium);
    margin-bottom:var(--spacing-medium);
    padding: var(--spacing-medium);
    border-radius: 20px;
    border: 6px solid var(--accent);
}

.text-container .footer-text {
   font-size: 14px;
}

/* title box - for execs - photo in bg */
.title-box-exec {
    min-height: 180px;
}

/* title text - for execs */
.title-text-exec {
        padding-bottom: 20px;
}

.title-text-exec  h3{
 font-size: clamp(1.5rem, 0.25rem + 4vw, 2.5rem);
    color: var(--secondary);
    text-transform: uppercase;
}

/* title box */

.title-box {
    min-height: 180px;
}

/* title text - hold text  */
.title-text {
        padding-bottom: 20px;
}

.title-text h3{
 font-size: clamp(1.5rem, 0.25rem + 4vw, 2.5rem);
    color: var(--secondary);
    text-transform: uppercase;
}

/* add padding to left for titles */
.add-margin {
    padding-left: 60px;
}


@media (max-width: 1000px){

.add-margin {
    padding-left: 0px;
}

.title-box {
    padding-left: 0px;
}

/* title box  - photo in bg */
.title-box-exec {
    min-height: 0px;
}

/* title text - hold text  */
.title-text-exec {
    margin-top: 200px;
}

/* remove bg graphic on mobile*/
.two-columns {
    background-image: none !important;
}
}



/* for bullets */

/* for bullets - indent */
.text-container .left-column .elementor-widget-text-editor ul {
    margin-top:0px;
    margin-bottom:0px;
    display: inline-block;
    list-style: inside none;
    margin-left: 0px;
    text-indent: -20px;
    
}

/* bullet */
.text-container .left-column .elementor-widget-text-editor ul li::before {
    font-family: var(--font1);
	font-weight: 900;
	content: "•";
	color: var(--primary);
	padding-right: 15px;
}

/* li */
.text-container .left-column .elementor-widget-text-editor ul li {
    font-family: var(--font2);
    font-size:clamp(1rem, 0.92213rem + 0.32787vw, 1.25rem);
padding-bottom:10px;
   color: var(--primary);
}


.arrow-up, .arrow-down, .arrow-top{
    font-family: var(--font1);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 20px;
    border-radius: 50px;
    color: var(--secondary);
    background-color: var(--accent);
    padding: 5px 10px 5px 10px;
}

.arrow-up:hover, .arrow-down:hover, .arrow-top:hover {
    color: var(--accent);
    background-color: var(--secondary);
}



 /* reverse type  */
.white h1, .white h2, .white h3, .white h4,.white p {color: white;}


/* layout containers - classes applied in ele */
.feature-container {}

.spacer {height: var(--spacing-extra-large)}

.text-container {
    padding: 0px;
}

.text-container-top {
    padding: 0px;
    padding-top: var(--spacing-large);
}

.two-columns {
    padding-left:var(--spacing-large); 
}


.left-column {
    padding-top:var(--spacing-large);
    padding-bottom:var(--spacing-large);
    padding-left:var(--spacing-large); 
    padding-right:var(--spacing-large);
}

.left-column-top {
    padding-top:0;
    padding-bottom:var(--spacing-large);
    padding-left:var(--spacing-large); 
    padding-right:var(--spacing-large);
}

.right-column {
    padding-top:var(--spacing-large);
    padding-bottom:var(--spacing-large);
    padding-left:var(--spacing-large); 
    padding-right:var(--spacing-large);
}

.right-column-top {
    padding-top:0;
    padding-bottom:var(--spacing-large);
    padding-left:var(--spacing-large); 
    padding-right:var(--spacing-large);
}

.column-title {
    padding-top:0;
    padding-bottom:0;
    padding-left:var(--spacing-large); 
    padding-right:var(--spacing-large);
}


.four-column {
    padding-top:0;
    padding-bottom:0;
    padding-left:var(--spacing-medium-2); 
    padding-right:var(--spacing-medium-2);
}

.small-column {
    padding-top:0;
    padding-bottom:0;
    padding-left:var(--spacing-medium); 
    padding-right:var(--spacing-medium);
}


.hero {padding: 0px;}

.hero-overlay {
    width: 42%;
    margin-top:var(--spacing-large);
    margin-bottom:var(--spacing-large);
    margin-right:var(--spacing-large);

}

.hero-title {
}

.page-title {padding: 0px;}

.page-title-overlay {
    width: 42%;
    margin-top:var(--spacing-large);
    margin-bottom:-60px;
    margin-right:var(--spacing-large);
    margin-left:var(--spacing-large);
    padding-top:var(--spacing-large);
    padding-bottom:var(--spacing-large);
    padding-left:var(--spacing-large); 
    padding-right:var(--spacing-large);
}



@media (max-width: 1300px){
:root {
     /* add spacing to column containers for smaller screens */
 --spacing-small: 20px;
 --spacing-large: 20px;
 --spacing-medium-2: 0px;
 
 /* adjust left col spacing*/
 --spacing-extra-large: 60px;
 --neg-spacing-large: -40px;
 --hero-height: 500px;
 --spacing-extra-large: 100px;
}

/* make sidebar disappear, make main col 100% */
.left-column {
    width: 100%;
}
.sidebar {
     display:none;
 }
 
}

@media (max-width: 768px) {
  :root {
      /* add spacing to column containers for smaller screens */
 --spacing-small: 30px;}
 
}


/* feature images */
.image-container{
    padding-bottom:var(--spacing-medium);
    border: solid var(--accent) 2px;
    border-radius: 20px;
    
}
.image-container img {
}
 
.product-image img{
    border-bottom: solid var(--accent) 20px;
}
  
 
 

/* feature button ----------------------------*/
.button1 a {
    font-family: var(--font1);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 28px;
        border-left: solid 12px black;
}
.button1 a:hover {
   background: var(--accent);
    border-left: solid 0px black;
    border-right: solid 12px black;
}
 
 
/* feature button rounded ----------------------------*/
.button2 a {
    font-family: montserrat;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 28px;
    border-radius: 50px;
    background-color: var(--accent);
}
.button2 a:hover {
background-color: var(--secondary);
}
  
 

/* logos */

.sponsor-container {}

 /* SPONSOR LOGOS - assigned to container*/
 
 .sponsor-logo-container{
     
 }
 
.sponsor-logo-level-1 {}
.sponsor-logo-level-2 {
    padding:30px;
}
 
@media (max-width: 768px) {
  :root {
      /* add spacing to column containers for smaller screens */
 --spacing-small: 10px;
  }

/* SPONSOR LOGOS - assigned to container*/

.sponsor-logo-level-2{
    width: 50%;
    padding:20px;
}
}

@media (max-width: 400px){
.sponsor-logo-level-2{
    width: 100%;
    padding:20px;
}
}


/* ANIMATIONS - base*/
/* Code to add 'in-view' class in code snippets
JS to detect on page elements is in JS widget on the page 
*/


@keyframes entry-fade-up {
  0%   {transform: translate(0px, 30px);opacity: 0;}
  100%   {transform: translate(0px, 0px);opacity: 1;
	}
}

@keyframes entry-fade-down {
  0%   {transform: translate(0px, -60px);opacity: 0;}
  100%   {transform: translate(0px, 0px);opacity: 1;
	}
}
 
@keyframes entry-fade-right {
  0%   {transform: translate(-60px, 0px); opacity: 0;}
  100%   {transform: translate(0px, 0px); opacity: 1;
	}
}

@keyframes entry-fade-right-long {
  0%   {transform: translate(-500px, 0px); opacity: 0;}
  100%   {transform: translate(0px, 0px); opacity: 1;
	}
}

@keyframes entry-fade-right-map {
  0%   {transform: translate(-60px, 0px); opacity: 0;}
  100%   {transform: translate(0px, 0px); opacity: 1;
	}
}

@keyframes entry-fade-left {
  0%   {transform: translate(60px, 0px); opacity: 0;}
  100%   {transform: translate(0px, 0px); opacity: 1;
	}
}

@keyframes entry-fade-left-long {
  0%   {transform: translate(500px, 0px); opacity: 0;}
  100%   {transform: translate(0px, 0px); opacity: 1;
	}
}

@keyframes entry-fade-left-map {
  0%   {transform: translate(60px, 0px); opacity: 0;}
  100%   {transform: translate(0px, 0px); opacity: 1;
	}
}

@keyframes entry-fade-in {
  0%   {transform: translate(0px, 20px);opacity: 0;}
  100%   {transform: translate(0px, 0px); opacity: 1;
	}
}

@keyframes entry-default {
    0%   {transform: translate(0px, 20px);opacity: 0;}
  100%   {transform: translate(0px, 0px); opacity: 1;}
}

/* CALL animations. 
Add .animated-element class to element that will animate
Then add animation type to element. In ele css class: 
animation-element entry-fade-up
*/


/* The default entrance animation assigned to sections */

.entry-default.in-view {
animation-name: entry-default;
 animation-duration: 1s;
 animation-iteration-count: 1;
 animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
 animation-fill-mode: both;
 animation-delay: 00ms;
}


.entry-fade-up.in-view {
 animation-name: entry-fade-up;
 animation-duration: 1s;
 animation-iteration-count: 1;
 animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
 animation-fill-mode: both;
	    animation-delay: 500ms;
}

.entry-fade-down.in-view {
 animation-name: entry-fade-down;
 animation-duration: 1s;
 animation-iteration-count: 1;
 animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
 animation-fill-mode: both;
	    animation-delay: 500ms;
}

.entry-fade-right.in-view  {
 animation-name: entry-fade-right;
 animation-duration: 1s;
 animation-iteration-count: 1;
 animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
 animation-fill-mode: both;
  animation-delay: 200ms;
}

.entry-fade-right-long.in-view  {
 animation-name: entry-fade-right;
 animation-duration: 2s;
 animation-iteration-count: 1;
 animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
 animation-fill-mode: both;
  animation-delay: 500ms;
}

.entry-fade-right-500.in-view  {
 animation-name: entry-fade-right;
 animation-duration: 1s;
 animation-iteration-count: 1;
 animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
 animation-fill-mode: both;
  animation-delay: 500ms;
}

.entry-fade-left.in-view  {
 animation-name: entry-fade-left;
 animation-duration: 1s;
 animation-iteration-count: 1;
 animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
 animation-fill-mode: both;
	animation-delay: 500ms;
}

.entry-fade-left-long.in-view  {
 animation-name: entry-fade-left;
 animation-duration: 2s;
 animation-iteration-count: 1;
 animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
 animation-fill-mode: both;
	animation-delay: 500ms;
}

.entry-fade-left-1000.in-view  {
 animation-name: entry-fade-left;
 animation-duration: 1s;
 animation-iteration-count: 1;
 animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
 animation-fill-mode: both;
  animation-delay: 500ms;
}

.entry-fade-left-1000.in-view  {
 animation-name: entry-fade-left;
 animation-duration: 1s;
 animation-iteration-count: 1;
 animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
 animation-fill-mode: both;
  animation-delay: 1000ms;
}


.entry-fade-in.in-view  {
 animation-name: entry-fade-in;
 animation-duration: 1s;
 animation-iteration-count: 1;
 animation-timing-function: ease-out;
 animation-fill-mode: both;
}

.entry-fade-in-500.in-view  {
 animation-name: entry-fade-in;
 animation-duration: 1s;
 animation-iteration-count: 1;
 animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
 animation-fill-mode: both;
 animation-delay: 500ms;
}

.entry-fade-in-1000.in-view  {
 animation-name: entry-fade-in;
 animation-duration: 1s;
 animation-iteration-count: 1;
 animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
 animation-fill-mode: both;
 animation-delay: 1000ms;
}


/* anchor offsets */

#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10 {
    display: block;
    position: relative;
    top: -100px;
}


/* MENU */

.elementor-300 .elementor-element.elementor-element-0a09a93 .elementor-menu-toggle {
padding-left: 40px;
padding-right: 40px;
}

.elementor-menu-toggle .e-font-icon-svg  {
    margin-left: 10px;
}


.elementor-menu-toggle:before{
    font-family: var(--font1);
    font-weight: 600;
    content: "Report Sections";
    color: var(--secondary);
}

.elementor-menu-toggle.elementor-active:before {
    font-family: var(--font1);
    font-weight: 600;
content: 'Report Sections';
color: var(--primary);
}

.elementor-nav-menu__container {width:300px;}

.elementor-nav-menu--dropdown .elementor-nav-menu__container{width:300px;}
    
.menu-anchor-container {position: absolute;}/* End custom CSS */