@import url(http://fonts.googleapis.com/css?family=Oswald);

.col { width: 20%; float: left; border: 1px solid #e42209; min-height: 600px; }
.col .day { font-family: "Oswald"; width: 100%; text-align: center; padding: 5px; text-transform: uppercase; background-color: #e42209; display: inline-block; color: #fff; font-size: 17px; }
.col .date { font-family: "Oswald",; width: 100%; text-align: center; padding: 5px; text-transform: uppercase; color: #005996; text-align: center; font-size: 17px; display: inline-block; border-bottom: 1px solid #e42209; }
.col .agenda-item { width: 100%; background-color: #005996; color: #fff; padding: 10px; font-size: 14px; margin-bottom: 2px; border: 1px solid #fff; }
.col .agenda-item a { color: #fff; text-decoration: none; }
.col .agenda-item a:hover, .col .agenda-item a:focus { text-decoration: none; }

.col .agenda-item .title { width: 100%; display: inline-block; margin-bottom: 20px; }

.tooltip > .tooltip-inner { background-color: #fff; color: #005996; opacity: 1!important; border: 1px solid #005996; text-align: left; font-size: 14px; }
.tooltip > .tooltip-arrow  { border-bottom-color: #fff!important; }
.category-nav { color: #e42209; margin-bottom: 10px; }
.category-nav a { color: #e42209; font-size: 14px; text-transform: lowercase; text-decoration: none; }
.category-nav a.active, .category-nav a.focus { text-decoration: none; color: #005996;}
.agenda-nav { font-family: "Oswald"; font-size: 18px; font-weight: normal; color: #e42209;  }
span#prev, span#next { text-align: center; border-radius: 2px; width: 30px; height: 30px; display: inline-block; background-color: #005996; color: #fff; cursor: pointer; margin: 5px; line-height: 30px; }

.agenda-item.hideitem { display: none; }
.agenda-item.showitem { display: block; }


@media screen and (max-width: 768px) {
    .col { width: 100%; min-height: 50px; }

}