:root {
  --input-border-radius: 20px;
  --color-horizon: rgb(252, 82, 0);
  --color-nebula: #15252d;
  --color-ocean: rgba(207 238 243 / 1);
}

html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}

body {
background-color: var(--color-ocean)!important;
}

.speakers {
background-color: var(--color-ocean)!important;
}

.session-title:hover {
 color: var(--color-horizon)!important;
 transition: all 0.2s ease-in-out;
}

.speaker-session a:hover .speaker-session-title {
 color: var(--color-horizon)!important;
 transition: all 0.2s ease-in-out;
}

.speaker-slide:hover .speaker-name {
 color: var(--color-horizon)!important;
 transition: all 0.2s ease-in-out;
}
 
.agenda-view .session-list-container .session-day-container .time-row .time-elem {
    margin-top: 0 !important;
}

.agenda-view > .container:not(.session-page) .time-elem > div {
    color: white !important;
    border-radius: 6px !important;
}

.agenda-view .session-list-container .session-day-container .time-row .session-elem .session-container .session-actions-container {
	top: 0px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
  	position: absolute;
  	border-radius: 45px;
  	position: absolute;
    left: -14px;
  	background: white;
  	border-color: var(--color-nebula)!important;
}

.color-1.custom-color {
  color: var(--color-nebula)!important;
}

#sessions-filter, .ticket-select-holder, .react-autosuggest__input, .cta-button {
  border-radius: var(--input-border-radius)!important;
}

.login-buttons-container .cta-button {
  color: white;
}

.tag-box {
 background: rgb(252, 82, 0);
  color: #fff!important;
}

.has-speakers {
min-height: 0px!important;
}

.cta-button {
text-transform:none!important;
}

.session-container {
  display: flex!important;
  flex-direction: column;
  gap: 8px;
}

.session-info-text {
opacity: 0.8;
}

.agenda-view .session-list-container .session-carousel .slider-container .session-container .session-name {
overflow: visible!important;
}

.agenda-view .session-list-container .session-carousel .slider-container .session-container .session-name a {
overflow: visible!important;
  white-space: normal!important;
}

.agenda-view .session-list-container .session-day-container .time-row .session-elem .session-container .session-name {
height: auto!important;
}

.agenda-view .session-list-container .session-day-container .time-row .session-elem .session-container .speakers-container .speakers-carousel .speaker-info .speaker-name {
white-space: normal!important;
}

.trade-template .entity-photo-holder {
    width: 30%;
    margin: 10px;
    padding: 20px 20px 50px 20px;
    position: relative;
    min-width: 400px;
    min-height: 300px;
  	border-radius: 20px;
  	background: #fff;
  cursor: pointer;
  border: 1px solid #fff;
     -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

.trade-template .entity-photo-holder:hover {
	background: rgba(155, 155, 155, 0.25);
}

.trade-template .entity-photo-holder>a {
width: 30%;
}

.trade-template .entity-photo-holder>a object {
  width: 30%;
  min-width: auto!important;
  max-width: 100%!important;
  height: auto!important;
  border-radius: 120px;
  overflow: hidden;
}

.speakers .main-app-container {
max-width: 1280px!important;
}

.speakers .speaker-text {
  text-align: left;
}

.speakers .atom-fullname {
    font-family: Inter!important;
    font-size: 24px!important;
}

.speakers .atom-text1 {
margin-top: 0!important;
}

.trade-template .speakers .entity-photo-holder:hover .object-trade-thumbnail {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
}

.trade-template .speakers h2.atom-main {
  font-family: Inter!important;
  text-align: left;
  font-style: normal;
color: var(--color-nebula);
  text-transform: none;
  font-weight: normal;
  font-size: 36px;
}

.speakers .atom-main.custom-font mark {
color: var(--color-horizon);
  background: none;
  font-weight: bold;
}

@media (max-width: 479px) {
  .trade-template .entity-photo-holder {
  		width: 90%;
   		gap: 10%;
        display: flex;
        min-height: unset;
        margin: 10px auto;
        min-width: unset;
  }
  
  .speakers .speaker-text {
  	width: 60%;
  }
  
  .trade-template .speakers .attendee-company {
  	font-size: 12px;
  }
  
  .trade-template .speakers .attendee-title {
  	font-size: 12px;
  }
}