@import url('../../structure/features/schedule.css');

/*
==============================================
Schedule Online Styles
==============================================
*/
.bio-social .fa-calendar:before, 
.bio-connect-links .fa-calendar:before, 
.bio-connect-links .bio-detail-link .fa-calendar:before {
  color: inherit !important;
  top:0;
}
.co-schedule .callout-item .callout-cta-wrapper button, 
.co-schedule.callouts-mobile-slider .callout-item .callout-cta-wrapper button {
    font-family: var(--font-2);
    font-size: 14px;
    line-height: 18px;
    background: transparent;
    letter-spacing: 2.5px;
    color: var(--medium);
    border: 1px solid var(--medium);
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 25px 8px !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.co-schedule .callout-item:hover button, 
.co-schedule.callouts-mobile-slider .callout-item:hover button {
  background: transparent;
  color: var(--white) !important;
  border: 1px solid var(--white) !important;
  padding: 10px 25px 8px !important;
}
.co-schedule .callout-item .callout-heading-wrapper .callout-heading, 
.co-schedule.callouts-mobile-slider .callout-item .callout-heading-wrapper .callout-heading {
    color: var(--dark);
}