@import url("/SPEAK_WEB_Theme/Theme.SPEAK_WEB_Theme.css?10131");

/* ADJUST PORTAL IN MOBILE */

.phone .speak-portal-grid-container, .tablet .speak-portal-grid-container {padding-left: 5%; padding-right: 5%; }
.phone .content .ThemeGrid_Container {padding-left: 0px; padding-right: 0px;padding-top: 32px; }
.phone .mobile-padding {padding-left: 5%;padding-right: 5%;} 
.phone .header  {
    position: relative;
}
/* CHANGE FLEX DIRECTION ON MOBILE */
 .phone .flex-column-on-mobile{flex-direction: column;}

/* TIMELINE */

.timeline-major-line{ position: relative; padding-left: 60px;}
.timeline-major-line:before {content: '';width: 3px;background: linear-gradient(180deg, #F5F6F7 0%, #00B0F6 14.84%, #00B0F6 100%);height: 100%;position: absolute;top: 0;left: 0;}
.timeline-major-item {position: relative;}
.timeline-major-item-first{position: relative;}
.timeline-major-item:before {position: absolute;content: '';width: 10px;height: 10px;border-radius: 100%; border: 3.5px solid #00B0F6;top: 0;left: -91px;background-color: #ffff;}
.timeline-major-item-first{position: relative;}
.timeline-major-item-first:before {position: absolute;content: '';width: 10px;height: 10px;border-radius: 100%;border: 3.5px solid #00B0F6;top: 0;left: -91px;background-color: #00B0F6;}

.phone .timeline-major-line{ padding-left: 20px}
.phone .timeline-major-line:before{left: 1px;}
.phone .timeline-major-item-first:before {position: absolute;content: '';width: 10px;height: 10px;border-radius: 100%;border: 3.5px solid #00B0F6;top: 0;;left: -50px;background-color: #00B0F6;}
.phone .timeline-major-item:before{left: -50px;top: calc(50% - 5px);}


/*RECISE EVENT IMAGE ON MOBILE */

.event-image-show{height: 350px;overflow: hidden;}
.phone .event-image-show{height: 150px;}


/* cFOOTER COLOR */

.content-bottom {background-color: #ffffff;}

/* PORTAL CONTAINERS */

.element-link {box-shadow: inset 0 -1px 0 0 rgba(0,35,49,0.1)}
.element-link:hover {cursor: pointer; box-shadow: inset 0 0 0 1px rgba(0,176,246,0.4) ; }
.portal-element {border-radius: 4px;background-color: #FFFFFF;box-shadow: 0 1px 2px 0 rgba(150,156,160,0.16);}
.portal-container {border-radius: 4px;box-shadow: 0 1px 2px 0 rgba(150,156,160,0.16);background-color: #ffffff;}
.border-top{border-top: 1px solid #ddd;}

/* UNFINISHED BUISNESS ON HOVER */



.on-hover {
    -webkit-transition: box-shadow 250ms ease-out;
            transition: box-shadow 250ms ease-out;
}

.on-hover:hover {
box-shadow: 0 7px 21px 0 rgba(26, 27, 31, .23); 
}

/* FIX TO BREAK LONG LINKS IN SMALLER SCREENS */
a {word-break: break-word;}

.text-button-red{
    color: #f01;
}


.speak-grid-container-large {
  margin: var(--space-none) auto;
  padding: var(--space-none);
  position: relative;
  max-width: 1464px;
}


.unfinished-business-line {

    border-bottom: 1px solid #DDCCDD;
}