@charset "utf-8";

/* Yale Overrides for Bedework
   7-12-17 (vv)
-------------------------------------------- */

html {
font-size: 100%;
}

body {
font-size: 1em;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* GENERAL SELECTORS */
a,
ul.viewList li a,
table.eventList tr td.dateRow a,
table.eventList tr td.description a {
color: #286dc0;
transition: color 0.2s ease-in-out;
}

a:hover,
.bwMenuTree a:hover,
ul.viewList li a:hover,
table.eventList tr td.dateRow a:hover,
table.eventList tr td.description a:hover {
color: #222;
}

h1, h2, h3, h4, h5, h6 {
color: #222;
}

/* TOP */
#masthead {
padding: 25px 0 10px 0;
}

#masthead h1 {
font-size: 3.5em;
}

#masthead h1 a:hover {
color: #96c6ff;
}

/* COLUMNS */
#leftColumn {
background-color: transparent;
}

#rightFullColumn:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
z-index: -1;
top: 0;
left: 0;
border-left: 1px solid #ddd;
}

#content {
margin-bottom: 2em;
}


/* DATE PICKER */
.ui-datepicker {
font-size: 0.97em;
}

#bwDatePickerTodayLink,
#bwDatePickerLinks {
font-size: 0.9em;
text-transform: capitalize;
}

#bwDatePickerLinks ul {
margin: 0.5em 2px 0 0;
}

#bwDatePickerRangeLinks {
float: none;
}


/* SEARCH BOX */
#searchSubmit .glyphicon {
top: -4px;
}


/* MENU EXPLORER */
#bwDatePickerLinks li {
line-height: 1.2;
}

#bwViewList {
margin-top: 1.5em;
}

.bwMenuTitle {
font-size: 0.95em;
margin-left: 0;
}

.bwMenuTree {
font-size: 1em;
}

.bwMenuTree a[aria-selected="true"] {
color: #222;
}

.bwMenuTree li {
list-style: none;
line-height: 1.1;
margin-bottom: 0.5em;
margin-left: 0;
}

.bwMenuTree li li {
margin-left: 1.1em;
}

.bwMenuTree .menuTreeToggle {
display: block;
float: left;
margin-top: -2px;
margin-left: -16px;
margin-right: 0;
width: 10px;
height: 10px;
text-align: center;
vertical-align: middle;
font-weight: bold;
font-size: 1.4em;
line-height: 1;
cursor: pointer;
}

.caret {
margin-left: 0;
margin-right: 4px;
margin-bottom: 3px;
border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-top: 7px solid;
}

.caret-right {
border-top: 5px solid rgba(0, 0, 0, 0);
border-bottom: 5px solid rgba(0, 0, 0, 0);
border-left: 7px solid;
}

.caret.caret-right {
margin-right: 2px;
border-right: none;
margin-left: 4px;
}


/* LOWER LEFT MENU CONTENT */
.sideLinks {
list-style-type: square;
}


/* EVENT LIST, DATE TITLE and NAVIGATION */
#list-nav-links,
#calDisplayOptions,
.linkBack {
font-size: 0.9em;
}

#list-nav-links {
margin-top: -2.3em;
margin-bottom: 0;
}

#list-nav-links img {
vertical-align: bottom;
}

ul#calDisplayOptions {
margin-top: 0.75em;
}

.secondaryColHeader {
overflow: hidden;
padding-left: 0.75em;
padding-right: 0.75em;
}

.secondaryColHeader h2 {
font-size: 1.5em;
}

#bwNavLinks {
padding: 16px 0 50px 0;
}

a#prevViewPeriod {
margin-right: 8px;
}

#bwNavLinks .btn {
color: #222;
background-color: transparent;
border-radius: 0;
border: 1px solid #ccc;
}

#bwNavLinks .btn:hover {
background-color: #eee;
}

a#prevViewPeriod, 
a#nextViewPeriod {
font-weight: bold;
}

#expSubLinksList {
margin-left: 0.5em;
}


/* UPCOMING EVENTS LIST */
table.eventList tr td {
font-size: 1em;
border-color: #ddd;
}

table.eventList tr td.time {
background-color: #f9f9f9;
vertical-align: top;
padding-top: 13px;
}

#listEvents li.bwDateRow {
font-weight: bold;
}

/* #listEvents .eventListContent {
cursor: auto;
} */

#listEvents li:hover {
background-color: #f9f9f9;
}

#listEvents .bwWidgetBody:first-child {
border-top: 1px solid #ddd;
}

#listEvents .bwWidgetBody ul {
margin-bottom: 0;
}

.clickedEvent {
background-color: #f9f9f9 !important;
}

#centerColumn .eventFilterInfo {
background-color: transparent;
padding: 0.75em 1em 0.45em 1em;;
border: 1px solid #ddd;
margin-bottom: 1em;
}

.bwfilter {
background-color: #f1f7ff;
display: inline-block;
margin-bottom: 5px;
}

.bwClearCalFilters {
font-size: 0.9em;
}

#bwResultSize {
font-size: 1em;
font-style: italic;
background-color: transparent;
padding: 0;
margin: 0.75em 0 0.5em 0.75em;
}


/* CALENDAR GRID */
#gridCalendarTable,
#gridCalendarTable td {
border-color: #ccc;
}

#gridCalendarTable {
border-left-color: #ddd;
}

#gridCalendarTable th.dayHeading {
border-color: #00356b;
}

#gridCalendarTable th.dayHeading {
color: #fff;
background-color: #286dc0;
}

#gridCalendarTable a.eventLinkA:link, 
#gridCalendarTable a.eventLinkA:visited {
background-color: #cfdef6;
}

#gridCalendarTable a.eventLinkB:link, 
#gridCalendarTable a.eventLinkB:visited {
background-color: #f1f7ff;
}

#gridCalendarTable td.today,
#yearCalendarTable td.today {
background-color: #eee;
}

#gridCalendarTable a:hover, 
#gridCalendarTable a:active {
background-color: #ffe !important;
outline: 1px solid #000;
}

#gridCalendarTable a.dayLink {
font-weight: bold;
}

#gridCalendarTable td.filler {
background-color: transparent;
}


/* ONGOING EVENTS */
#ongoing {
padding: 0 0 1em 0.75em;
}

#ongoing li {
font-size: initial;
}

#toggle-ongoing {
padding-right: 0.75em;
/* border-right: 1px solid #bbb; */
border-right: none;
}


/* SINGLE EVENT */
#eventIcons {
margin-top: 5px;
margin-left: 10px;
}

.eventTitle {
font-size: 1.5em;
margin: 0.5em 0 1em 0;
line-height: 1.3;
}

.eventWhen,
.eventWhere,
.eventLink,
.eventDescription,
.eventContact,
.eventAliases {
margin-bottom: 1em;
}

#submitted-by {
font-size: 1em;
color: #222;
margin-top: 0;
}


/* FOOTER */
#footer {
color: #5c5c5c;
font-size: 0.9em;
}

#footer a {
color: #286dc0;
}

#footer a:hover {
color: #222;
text-decoration: underline;
}

#footer h5 {
font-size: 3.5em;
margin: 6px 50px 0 0;
}

#footer h5 a {
}

#footer h5 a:hover {
color: #286dc0;
}

#footer p {
margin: 15px 0;
}


/* ICONS */
.stButton {
/* background: transparent url("../images/share-24.png") no-repeat scroll 0 0; */
height: 24px !important;
width: 24px !important;
}



/* MEDIA QUERIES */

/* Medium */
@media only screen and (min-width: 992px) {
    .bwEventImage {
    max-width: 40%;
    margin: 0 0 1em 2em;
    }
}

/* Small */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    #list-nav-links {
    float: none;
    margin-top: 0;
    }
}

/* Tiny */
@media only screen and (max-width: 767px) {
    #list-nav-links {
    float: none;
    margin-top: 0;
    }
    #rightFullColumn:before {
    content: none;
    }
}

@media only screen and (max-width: 991px) {
    body {
    font-size: 0.9em;
    }
    .container {
    width: 98%;
    }
}

@media only screen and (max-width: 767px) {
    body {
    font-size: 0.9em;
    }
    #masthead {
    padding-top: 10px;
    }
    #masthead h1 {
    font-size: 2.5em;
    }
    .container {
    width: auto;
    }
    #bwNavLinks {
    padding: 16px 0 20px 0;
    overflow: hidden;
    }
    ul#calDisplayOptions {
    margin-top: 3.5em;
    float: none;
    clear: left;
    padding: 0
    }
}