@charset "UTF-8";
/* CSS Document */


/* New Komet and Open Sans Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Monda:wght@400..700&display=swap');

/* COLORS */


.text-plum {color:#1f182b}
.back-plum {background-color:#1f182b}
.text-purple-medium {color:#6d35c2}
.back-purple-medium {color:#6d35c2}
.text-teal{color:#00d1d1}
.back-teal{background-color:#00d1d1}
.text-cream {color:#f6f4ef}
.back-cream {background-color:#f6f4ef}
 

.sectionheader-black {font-family: Monda, Inter, open-ssans, helvetica, arial, sans-serif}
		
.h1horizons {
    font-family: monda, inter, komet, open-sans, arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, .headline, .btn {
    font-family: "Monda", Arial, sans-serif;
}
h1.topheader{font-size:56px;font-weight:700;text-transform:capitalize;line-height:1.2em}


.h2 {
    font-family: "Monda", Arial, sans-serif;
}
	
p, ul {
    margin-bottom: 20px;  font-family: inter, open-sans, helvetica, Arial, sans-serif;
}

	.h2 {
    font-family: "Monda", Arial, sans-serif;
}
.hdr {
    font-family: "Monda", Arial, sans-serif;
}
h3, .h3 .header-3 {
font-family: Monda, sans-serif !important;
}

.jumbohomeheadline{
	font-family: "Monda", Arial, sans-serif;
 	font-size: 4.0em;
    font-weight: 900;
    color: #f6f4ef;
    line-height: 1;
    /*  text-shadow: #102655 1px 0 10px;*/
    text-transform: uppercase}

.ctc-eyebrow{text-align:left;color:#f6f4ef;margin-bottom:0}
	
.red{color:#6d35c2}
	
	.background-plum{background-color:#1F182B}
	.symposium-topic-box-plum-atih {background-color:#1F182B;border-radius:0;}
	.lead{ font-family: "Monda", Arial, sans-serif;}
	.spk-sym-name-oncolor{ font-family: monda, inter, komet, open-sans, arial, sans-serif;}
#tc-ati-block {
    display: none !important;
}

/* Remove default bullets and reset indentation */
ul.custom-checkmarks {
  list-style: none;
  padding-left: 0;
}

/* Position list items to anchor the checkmark */
ul.custom-checkmarks li {
  position: relative;
  padding-left: 1.5em; /* Create space for the checkmark */
  margin-bottom: 0.5em;
}

/* Inject the checkmark before the text */
ul.custom-checkmarks li::before {
  content: "\2713"; 
  position: absolute;
  left: 0;
  top: 0;
  color: #f6f4ef;
}

/* Styling for the link */
.animated-link {
  color: #f6f4ef;
  text-decoration: none;
  font-family: monda, inter, helvetica, arial,sans-serif;
	font-weight:700;
  font-size: 18px;
  display: inline-flex;
  align-items: center;

}

/* Base style for the arrow */
.animated-link .arrow {
  display: inline-block;
  color: #f6f4ef;
	margin-left: 8px; 
  transition: transform 0.2s ease-in-out; /* Smooth animation */
}

/* Hover state: moves forward 5px */
.animated-link:hover  {
	color:#00d1d1;
}

/* Hover state: moves forward 5px */
.animated-link:hover .arrow {
  transform: translateX(5px);
	 color: #f6f4ef;
}

/* Clicked (active) state: moves forward another 2px (7px total) to give a press effect */
.animated-link:active  {
	color:#00d1d1;
}
.animated-link:active .arrow {
  transform: translateX(7px);
	
}


/*custom button*/

.btn-outline-horizons-teal {
  color: #f6f4ef !important;
  background: transparent !important;
  border: 1px solid #00d1d1 !important;
   border-radius:0 !important;
  display: inline-block;
  padding: 10px 20px;
}

.btn-outline-horizons-teal:hover {
  color: #000 !important;
  background: #00d1d1 !important;
  border-color: #00d1d1 !important;
	  border-radius:0 !important;
}

/* Focus state */
.btn-outline-horizons-teal:focus,
.btn-outline-horizons-teal.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 209, 209, 0.4);
  outline: none;
}

/* Active state */
.btn-outline-horizons-teal:not(:disabled):not(.disabled):active,
.btn-outline-horizons-teal:not(:disabled):not(.disabled).active {
  color: #000000;
  background-color: #00d1d1;
  border-color: #00d1d1;
}

/* Disabled state */
.btn-outline-horizons-teal:disabled,
.btn-outline-horizons-teal.disabled {
  opacity: 0.65;
}


