/******************************************************************
Theme Name: Engineering 2020 - MIE Child
Description: Custom wordpress theme for the U of T - FASE 2020 - MIE.
Author: Engineering Strategic Communications
Template: uoft_fase_theme_2020-master
Version: 1.1
******************************************************************/

/* upcoming events widget home page */
.home-events-list {
    float: left;
    width: 100%;
    border-bottom: 1px dotted #ccd4de;
    padding-bottom: 5px;
    list-style: none;
    margin: 5px 0 5px 0 !important;
    font-size: 15px;
}
.home-events ul {
    padding: 0;
    list-style: none;
}

.all-events-link {
    float:left;
    font-weight: bold;
}

/* Calendar Date Icon */
/* 
  <date class="icon">
    <weekday>Sat</weekday>
    <month>Sep</month>
    <day>20</day>
  </date>
*/
date.icon
{
  font-size: 0.5em; /* change icon size */
  display: block;
  float: left;
  position: relative;
  width: 6em;
  height: 7em;
  background-color: #fff;
  margin: auto 1em;
  border-radius: 0.6em;
  /* box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd; */
  box-shadow: 0 1px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

date.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

date.icon month
{
  position: absolute;
  top: 0;
  padding: 0.15em 0;
  color: #fff;
  /* background-color: #6689ac; */
  background-color: #001a5c;
  /* border-bottom: 1px dashed #f37302; */
  /* box-shadow: 0 2px 0 #fd9f1b; */
  font-size: 1.2em;
  letter-spacing: 0.2em;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  text-transform: uppercase;
}

date.icon weekday
{
  position: absolute;
  bottom: 0.1em;
  /* color: #fd9f1b; */
  font-size: 1.2em;
}

date.icon day
{
  width: 100%;
  font-size: 3em;
  /* letter-spacing: -0.05em; */
  padding-top: 0.6em;
  /* color: #2f2f2f; */
}

/* Button icon color */
i.fl-button-icon {
  color: #fff !important;
}

/* fix "next/prev" page offset bug */
.page-numbers.next, .page-numbers.prev {
    float: unset !important;
}

/* external link icon for news */
.fl-post-feed-title a:not([href*="mie.utoronto.ca"])::before, 
.fl-post-grid-title a:not([href*="mie.utoronto.ca"])::before, 
.fl-post-carousel-title a:not([href*="mie.utoronto.ca"])::before {
    font-family: 'FontAwesome';
    font-size: 75%;
    font-weight: 400;
    /* color: #0f5a75; */
    color: #020000;
    content: "\f08e  ";
}
#site-content a {
    text-decoration: underline;
}
.widget_nav_menu .menu-item>a {
    text-decoration: none !important;
}
.fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited {
    text-decoration: none !important;
}

h2.fl-post-grid-title a, h2.fl-post-feed-title a {
    font-size: 18px !important;
}

.footer-logo {
    margin-bottom: 20px;

}

.footer-column2 {
    margin-top: 20px;
}

.em-booking-form-details {
    width: 100%;
    float: unset;
}
.em-booking-form label {
    min-width: 200px;
    max-width: 200px;
    width: unset;
}
.em-booking-form-details input.input
, .em-booking-form-details textarea {
    width: unset;
    max-width: 450px;
    min-width: 450px;
}
.em-gateway-buttons .first {
    width: 120%;
    margin: 25px 35px 0 0;
}
.em-gateway-buttons {
    text-align: center;
}
.em-gateway-button input.em-booking-submit {
    display: inline-block !important;
}
.site-footer.tla {
  text-align: center;
  border-top: .0625rem solid #00418f;
  padding: 2.5rem .625rem;
}
.site-footer.tla h2 {
  color: #fff;
  font-size: 16px;
  margin-bottom: .625rem;
  padding-bottom: 0;
}
.lg-align-center {
  text-align: center;
}
.fa.fa-twitter::before {
  content: "\1D54F";
  font-size: 1.2em;
}
@media screen and (max-width: 899px) {
    .em-gateway-buttons .first {
        width: 100%;
    }
}