.elementor-kit-6{--e-global-color-primary:#273A48;--e-global-color-secondary:#DAA900;--e-global-color-text:#273A48;--e-global-color-accent:#4E738A;--e-global-color-78745e2:#668196;--e-global-color-53a8474:#A6BAC5;--e-global-color-9e2f696:#FFFFFF;--e-global-color-4ee91e5:#E8D6A2;--e-global-color-dc2bcdb:#FBF7EB;--e-global-color-de9f56b:#345138;--e-global-color-eacdabc:#337744;--e-global-typography-primary-font-family:"ff-good-web-pro-narrow";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"ff-good-web-pro-narrow";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"ff-good-web-pro";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"ff-good-web-pro-wide";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:var( --e-global-color-9e2f696 );}.elementor-kit-6 a{color:var( --e-global-color-accent );}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:"ff-good-web-pro-extended", Sans-serif;font-size:50px;}.elementor-kit-6 h2{color:var( --e-global-color-accent );font-family:"ff-good-web-pro-extended", Sans-serif;font-size:40px;}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-family:"ff-good-web-pro-narrow", Sans-serif;font-size:40px;line-height:50px;}.elementor-kit-6 h4{color:var( --e-global-color-primary );font-family:"ff-good-web-pro-narrow", Sans-serif;font-size:24px;line-height:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}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-kit-6 h4{font-size:18px;line-height:22px;}.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-large: 60px;
--spacing-extra-large: 100px;
  
  
/* colours */
  --primary: #273A48;  /* dkblue */
  --secondary: #DAA900; /* yellow */
  --accent: #4E738A /* med blue */   
  --dkgreen-accent: #4E738A /* dk green */
    --medgreen-accent: #337744 /* dk green */
}


/* FIX ELE SPACING ISSUE ON TEXT BOXES */
.elementor-widget-text-editor p:last-child {margin-bottom:0px;}
.elementor-widget-text-editor h4:last-child {margin-bottom:0px;}

/* MAIN MENU Toggle  - base*/
.elementor-kit-6 .elementor-menu-toggle::before {
  content: "MENU";
  display: inline-block;
  margin-right: 10px;margin-left: 10px;
  font-size: 0.8em;
  font-family: "ff-good-web-pro-wide";
}


/* fix menu flickering */

.sub-menu-arrow-css .elementor-item.has-submenu .sub-arrow {
  display: none;
}

span.sub-arrow {
  display: none !important;
}



/* 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-left {
  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;
	}
}

/* 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
*/

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

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

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

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

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

.entry-fade-left-2000.in-view  {
 animation-name: entry-fade-left;
 animation-duration: 1s;
 animation-iteration-count: 1;
 animation-timing-function: ease-out;
 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: ease-out;
 animation-fill-mode: both;
 animation-delay: 500ms;
}





/* TEXT */

.bullet-text ul {
  list-style: none; /* Removes default bullet style */
  padding: 0; /* Remove default padding for the ul element */
}

.bullet-text li {
    font-size: 16px;
  padding-left: 30px; /* Adjusts the space between the container edge and the text */
  text-indent: -20px; /* Aligns the bullet outside of the text */
}

.bullet-text li::before {
  content: "\2022"; /* Unicode character for a bullet (you can use other characters or custom images) */
  color: var(--secondary); /* Adjust the color of the bullet */
  font-size: 2em; /* Adjust the size of the bullet */
	line-height:1.0em;
  margin-right: 5px; /* Adjusts the space between the bullet and the text */
	vertical-align:-10%;
}
 
 

 /* CONTAINERS  */
 
/* layout containers - classes applied in ele */
.feature-container {border-top: solid 6px var(--secondary);
    overflow: hidden;
}

.feature-container-2 {border-top: solid 6px var(--secondary);
overflow: hidden;
    
    background-image: url("https://crossroads.nickpetlock.com/wp-content/uploads/2024/09/CR-Asset-11.png");
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: -5%;
    background-size: 40%;
}

.feature-container-news {border-top: solid 6px var(--secondary);
overflow: hidden;
    background-image: url("https://crossroads.nickpetlock.com/wp-content/uploads/2024/09/CR-bg-Asset-13.png");
    background-repeat: no-repeat;
    background-position-y: -20px;
    background-position-x: -50%;
    background-size: 57%;
}

.sponsor-container {border-top: solid 6px var(--secondary);
}

@media (max-width: 768px) {
.feature-container-2 {
    background-position-y: 50%;
    background-position-x: -25%;
    background-size: 60%;
    }
}

@media (max-width: 400px) {
    .feature-container-2 {background: none;}
    .feature-container-news {background: none;}
}

/* master container, left and right go inside */
.text-column {padding: 0;}

.left-column {
    padding-left:var(--spacing-small); 
    padding-right:var(--spacing-small);
    z-index: 10;
}
    
.right-column {
    padding-left:var(--spacing-small); 
    padding-right:var(--spacing-small);
}
 
 
 
/* feature images */
.image-container{
    padding-right:var(--spacing-large);
}
.image-container img {
    border-radius: 20px;
    border: 6px solid var(--secondary);
}
 
/* content images */
.image-content img {
    border-radius: 20px;
    border: 6px solid var(--secondary);
}
 
@media (max-width: 1300px){
 :root {
     /* add spacing to column containers for smaller screens */
 --spacing-small: 10px;
 /* adjust left col spacing*/
 --spacing-extra-large: 60px;
 
  /* adjust text sizes for smaller screen*/
}
}
 
 /* SPONSOR LOGOS - assigned to container*/
 
.sponsor-logo-level-1 {}
.sponsor-logo-level-2 {
    width: 30%;
    padding:30px;
    justify-content: center;
}
 
 
@media (max-width: 768px) {
  :root {
      /* add spacing to column containers for smaller screens */
 --spacing-small: 10px;
  }
  
   /* adjust text sizes for smaller screen*/
  h1 {font-size: 50px;}
  h2 {font-size: 40px;}
  
/* 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;
}
}



/* SCHEDULE - AGENDA CSS */
.schedule-row {padding-top:var(--spacing-small); padding-bottom:var(--spacing-small);}

.schedule-cell {
    padding-left:var(--spacing-small);
    padding-right:var(--spacing-small);
}

/* SPEAKERCSS */
.speaker-row {padding:var(--spacing-small);}

.speaker-row h4 {line-height: 30px;}

/* AGENDA remove top and bottom padding on mobile */
@media (max-width: 768px) {
    .schedule-cell {
    padding-top:0;
    padding-bottom:0;
    }
    .schedule-cell h3 {font-size: 30px; line-height: 36px;padding-top:10px;}
}


/* text */

h1 {}
h2{}
h3 {margin:0;}



 /* styling for H4 bullet*/
 
.h4-bullet {
    background-image: url("https://crossroads.nickpetlock.com/wp-content/uploads/2024/09/CR-arrow-Asset-10.svg");
    background-repeat: no-repeat;
    background-position-y: 0px;
    background-size: 50px 50px;
    padding-left: 10%;
}

@media (max-width: 768px) {
    .h4-bullet {
        background-size: 30px 30px;
        padding-left: 40px;
    };
   
}

@media (max-width: 400px) {
    .h4-bullet {
        background-size: 24px 24px;
        padding-left: 30px;
    };
   
}

 /* adjust spacing for all anchors*/
.anchor {
    top: -50px;
}/* End custom CSS */