/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/* 
*  CSS TABLE OF CONTENTS
*   
*  1.0 - General Styles / Normalizing
*     1.1 - Fixing ACT Global Navigation
*     1.2 - Fixing ACT Global Footer
*  2.0 - Animation Keyframes
*  3.0 - Parent Page Styles
*  4.0 - Child page styles
*  5.0 - Media Queries
*     6.1 - Extra small devices (phones, less than 480px). 320px min boundary.
*     6.2 - Small devices (tablets, 768px and below)
*     6.3 - Medium devices (tablets and small laptops 991px and below)
*     6.4 - Large devices (large laptops and desktops, 1199px and below)
*/

@font-face {
  font-family: 'IcoMoon-Ultimate';
  src: url(//24131897.fs1.hubspotusercontent-na1.net/hubfs/24131897/raw_assets/public/Brightlane%20child%20-%20ACT%20Navigator/fonts/IcoMoon-Ultimate.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*****************************************/
/* General Styles / Normalizing          */
/*****************************************/

body {
    background-color: #010e1c!important;
  
    h1, h2, h3, h4, h5, h6, h7, p, ul, li, span, a {
      font-family: 'Montserrat';
    }
}

/* Fixing ACT Nav Issues */

.container-fluid {
  padding: 0!important;
}

ul li:before {
  display:none!important;
}

ul:not(.inputs-list) li+li {
    margin-top: unset;
}

.main-nav-links li {
  padding-left: 0;
}

ul:not(.inputs-list) li ul {
    padding: unset;
}

.menu {
    font-weight: 600!important;
}

@media (min-width: 992px)
#main-navigation .container {
    width: 100%;
}

.nav {
  a.new-window-link:hover span.new-window-msg, 
  a.new-window-link:focus span.new-window-msg, 
  a.new-window-link:active span.new-window-msg {
    top: 4em!important;
  }
}


/* Fixing ACT Footer Issues */

body {
   margin-bottom: unset !important;
}

.footer {
  position: static!important;
}

/* Removing HS consent banners */

.cc-banner {
    display: none;
}

.cc-window.cc-floating.cc-type-informational.cc-theme-block.cc-bottom.cc-color-override-281228724 {
    display: none;
}

/*****************************************/
/* Animation Keyframes                   */
/*****************************************/

@keyframes opacity {
  0%    { opacity: 0; }
  100%  { opacity: 1; }
}

 /*Safari and Chrome*/
@-webkit-keyframes opacity {
  0%    { opacity: 0; }
  100%  { opacity: 1; }
}

@keyframes opacityConfetti {
  0%    { opacity: 1; }
  100%  { opacity: 0; }
}

 /*Safari and Chrome*/
@-webkit-keyframes opacityConfetti {
  0%    { opacity: 1; }
  100%  { opacity: 0; }
}

@keyframes color {
  0%    { color: #FFF; }
  100%  { color: #00b8b0; }
}

 /*Safari and Chrome*/
@-webkit-keyframes color {
  0%    { color: #FFF; }
  100%  { color: #00b8b0; }
}

@keyframes slidein {
  0%    { margin-left: -80%; }
  100%  { margin-left: 0; }
}

 /*Safari and Chrome*/
@-webkit-keyframes slidein {
  0%    { margin-left: -80%; }
  100%  { margin-left: 0; }
}

@keyframes slidein2 {
  0%    { margin-left: -80%; }
  100%  { margin-left: 0; }
}

 /*Safari and Chrome*/
@-webkit-keyframes slidein2 {
  0%    { margin-left: -80%; }
  100%  { margin-left: 0; }
}

@keyframes arrow {
  0% {opacity:0}
  40% {opacity:1}
  80% {opacity:0}
  100% {opacity:0}
}

 /*Safari and Chrome*/
@-webkit-keyframes arrow {
  0% {opacity:0}
  40% {opacity:1}
  80% {opacity:0}
  100% {opacity:0}
}

/*****************************************/
/* Parent Page Styles                    */
/*****************************************/

.page189522797203,
.page163793752421 {
  
  a.hero__down-arrow {
    display: none;
  }
  
  #main_content-dnd_partial-1-module-1 {
/*     min-height: 90vh; */
    height: calc(100vh - 145px);
  }

  .hero {
    margin-top: 10rem;
  }
  
  .hero__media img {
    animation-duration: 2s;
    animation-name: slidein2;
    animation-fill-mode: forwards;
    opacity: 1;
  }
  
  span.eyebrow__part {
    font-size: 1.5rem;
    font-weight: 400;
  }

  .subheading {
    font-weight: 600;
    font-size: 2rem;
    margin-top: unset;
    margin-bottom: 40px;
  }

  h1 {
    color: #f94868;
    font-weight: 900;
    margin-bottom: 0;
    text-shadow: -3px 2px 6px #000000;
    animation: opacity 3s;
  }

  h3 {
    color: #FFF;
    font-size: 2.9rem;
    font-weight: 900;
    margin-top: 6rem;
    margin-bottom: .5rem;
    animation: color 1s 1.5s;
    animation-fill-mode: forwards;
  }

  p {
    font-weight: 600;
    font-size: 2rem;
  }

  .button {
    padding: 5px 20px;
  }

  a.button.button--secondary {
    background-color: #00B7AE;
    border: none;
    font-size: 3.4rem;
    color: #010e1c;
    font-weight: 900;
  }
  
  .button.button--secondary:hover,
  .button.button--secondary:active,
  .button.button--secondary:focus {
    color: #f94868;
    box-shadow: 0px 0px 0px 2px #f94868;
    text-decoration-color: #fff0;
    transition: box-shadow .5s linear, color .5s linear, background .5s linear;
  }
}

/*****************************************/
/* Child Page Styles                     */
/*****************************************/

.subpage {
  
  .main_content-row-0-background-color {
    min-height: 100vh;
  }
  
  h1 {
    color: #FFF;
    font-weight: 900;
    margin-bottom: 0;
    font-size: 6rem;
    text-shadow: -3px 2px 6px #000;
    animation: color 2s;
    animation-fill-mode: forwards;
  }

  h2 {
    color: #fbe232;
    font-size: 2.3rem;
    font-weight: 900;
    max-width: 140px;
    margin-bottom: 2.5rem;
  }
  
  h3 {
    color: #FFF;
    font-family: 'Montserrat';
  }
  
  .timeline {
    p,
    li {
      font-size: 2rem!important;
      font-weight: 400;
    }
  }

  p.eyebrow {
    font-size: 1.5rem!important;
  }
	#hs_cos_wrapper_widget_1745434396786,
	#hs_cos_wrapper_widget_1745434240362,
	#hs_cos_wrapper_widget_1745433888914,
  #hs_cos_wrapper_widget_1745429889643,
  #hs_cos_wrapper_widget_1714072489162 {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    animation: opacityConfetti 3s 1.5s;
    animation-fill-mode: forwards;
  }

  .theme-image img {
    opacity: 1;
    margin-top: -4rem;
    animation-duration: 2s;
    animation-name: slidein;
    animation-fill-mode: forwards;
  }
  
/*   Arrow button */
  
  .arrows path {
    stroke: #fbe232;
    opacity:0;
    fill: transparent;
    stroke-width: 5px;	
    animation: arrow 3s infinite;
    -webkit-animation: arrow 3s infinite; 
  }

  .arrows path.a1 {
    animation-delay:1.5s;
    -webkit-animation-delay:1.5s; /* Safari / Chrome */
  }

  .arrows path.a2 {
    animation-delay:2s;
    -webkit-animation-delay:2s; /* Safari / Chrome */
  }

  .arrows path.a3 {	
    animation-delay: 3s;
    -webkit-animation-delay: 3s; /* Safari / Chrome */
  }
  
/*   end arrows buttons */
  
  .featured-speaker__name {
    padding-left: unset;
  }
  
  .featured-speaker__name a:hover, 
  .featured-speaker__name a:focus {
    text-decoration: none;
  }
  
  .featured-speaker__name:after {
    display:none;
  }  
  
  .tab1.button.button--horizontal-tabs.active, 
  .tab1.button--horizontal-tabs:focus-visible, 
  .tab1.button--horizontal-tabs:hover {
    background-color: #041324;
    border: 2px solid #a539b2;
    color: #a539b2;
    transition: color 1s linear, border 1s linear;
    box-shadow: -3px 2px 6px #000;
  }
  
  #hs_cos_wrapper_widget_1713908874472 .tab1 .timeline-event:hover, 
  #hs_cos_wrapper_widget_1713908874472 .tab1 .timeline-event.active:active {
    box-shadow: 0px 0px 0px 2px #a539b2;
    border-color: #fff0;
    transition: box-shadow 1s linear;
  } 
  
  
  .tab2.button.button--horizontal-tabs.active, 
  .tab2.button--horizontal-tabs:focus-visible, 
  .tab2.button--horizontal-tabs:hover {
    background-color: #041324;
    border: 2px solid #00b8b0;
    color: #00b8b0;
    transition: color 1s linear, border 1s linear;
    box-shadow: -3px 2px 6px #000;
  }
  
  #hs_cos_wrapper_widget_1713908874472 .tab2 .timeline-event:hover, 
  #hs_cos_wrapper_widget_1713908874472 .tab2 .timeline-event.active {
    box-shadow: 0px 0px 0px 2px #00b8b0;
    border-color: #fff0;
    transition: box-shadow 1s linear;
  }
  
  .tab3.button.button--horizontal-tabs.active, 
  .tab3.button--horizontal-tabs:focus-visible, 
  .tab3.button--horizontal-tabs:hover {
    background-color: #041324;
    border: 2px solid #fbe232;
    color: #fbe232;
    transition: color 1s linear, border 1s linear;
    box-shadow: -3px 2px 6px #000;
  }
  
  .tab3 .timeline .timeline-event:after, .timeline .timeline-event:focus-within:after, .timeline .timeline-event:hover:after {
    background-color: #FFF;
  }
  
  #hs_cos_wrapper_widget_1713908874472 .tab3 .timeline-event:hover, 
  #hs_cos_wrapper_widget_1713908874472 .tab3 .timeline-event.active {
    box-shadow: 0px 0px 0px 2px #fbe232;
    border-color: #fff0;
    transition: box-shadow 1s linear;
  }
  
  .tab4.button.button--horizontal-tabs.active, 
  .tab4.button--horizontal-tabs:focus-visible, 
  .tab4.button--horizontal-tabs:hover {
    background-color: #041324;
    border: 2px solid #f94868;
    color: #f94868;
    transition: color 1s linear, border 1s linear;
    box-shadow: -3px 2px 6px #000;
  }
  
  #hs_cos_wrapper_widget_1713908874472 .tab4 .timeline-event:hover, 
  #hs_cos_wrapper_widget_1713908874472 .tab4 .timeline-event.active {
    box-shadow: 0px 0px 0px 2px #f94868;
    border-color: #fff0;
    transition: box-shadow 1s linear;
  }
  
  .timeline-event a {
    color: #f94868;
    font-weight: 600;
  }
  
  .timeline-event__details .theme-ctas a {
    color: #FFF;
  }
  
  .theme-ctas a {
    font-size: 2rem;
  }
  
  .theme-ctas a:hover {
    color: #fbe232;
    text-decoration: none;
    transition: color .5s linear;
    transition: text-decoration .5s linear;
    }
  } 

  .timeline-footer {
    margin: 8rem auto; 
    .theme-ctas {
      flex-direction: column;
      gap: 3rem;
    }
    
    .button.button--secondary.active, 
    .button.button--secondary:focus-visible, 
    .button.button--secondary:hover {
      color: #f94868;
      transition: color .5s linear;
      text-decoration-color: #f94868;
  }

}



/* TEMP: Remove this once CORS policy is updated on act.org */
/* [class^="icon-"],
[class*=" icon-"] {
  display: none!important;
} */

/*****************************************/
/* Media Queries                         */
/*****************************************/

@media (max-width: 768px) {
  .main_content-row-0-padding {
    padding-bottom: unset;
  }
  
  .main_content-row-2-padding {
    padding-top: unset!important;
  }
  
  .hero__media {
    display: none;
  }
  
  .subpage {
    .theme-image {
      display: none;
    }

    .theme-rich-text {
      margin-top: 8rem;
    }
    
.accordion-content .timeline-event__details .theme-ctas {
    align-items: flex-start;
}
}

@media (max-width: 480px) {
  .subpage {  
    
    li.timeline-event {
      padding: 1.2rem 1.2rem 1.6rem 1.2rem;
    }

    & .timeline {
        li, p {
            font-size: 1.4rem !important;
            }
    }
    
    .theme-ctas a {
      font-size: 1.4rem;
      margin-bottom: 1rem;
    }
    
  }
  
  h1 {
      font-size: 4.5rem!important;
  }
  
  .dnd-section:not([class*=force-full-width-section])>.row-fluid {
    width: 100%;
  }

  .main_content-row-0-background-color {
    margin: auto 3rem;
  }
  
  .tabs--horizontal .tabs__navigation {
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: no-preference) {
    .animate {
        opacity: unset;
    }
}

.hs-cmsf-branding {
    display: none !important;
}