@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700");
@import url("https://use.typekit.net/uja7yxq.css");
@import url("https://cloud.typography.com/7625672/6263992/css/fonts.css");

/* ---------------------------- DEFAULT - COLOR PALETTE GENERATOR --------------------------- */

/* primary font color no background */
#search_range,
#sidebar h3,
#view-search a.here,
#view-search #search-link,
#view-search span,
#view-search h3,
.adx-modal h2,
.date,
.list-event-locale a,
.list-event-preview h3 a,
.quick-link-container ul li a,
#theme-event-detail-view #event-details-main-content h2,
.accordion-header,
th,
a#back-to-events,
footer a, 
.core-title,
#search_results > div > h2,
div.event-pagination > ul > li > a, div.event-pagination > ul > li > a:visited, div.event-pagination > ul > li > a:focus,
a:-webkit-any-link,
.core-inline-products-action a,
.event-detail-contact-person a,
.full-schedule-container h3 a,
.accordion-content > div,
.ep-popuptext > div
{
    color: #3E93D6 !important;
}

.list-event-preview h3 a { color: #333333 !important; }
.list-event-preview h3 a:hover, .list2 .list-event:nth-of-type(2n+1) .list-event-preview h3 a { color: #3e93d6 !important; }

.list2 #main-content h3 { 
background-color: transparent;
color: #000000;
 }

/* secondary font color no background */
#view-search a,
#event-favorite-container #event-favorite,
.list-event-date,
.list-event-locale, .list-event-locale p a[itemprop="url"] span, .list-event-locale p,
.list-event-preview p,
.list-event-preview,
.event-detail-date p,
.event-detail-contact-person p,
#event-detail-copy,
.results-none p,
footer p,
.custom-field-label,
.event-attachments,
.core-inline-products tbody td,
.accordion-content > div.event-attachments,
.accordion-content > div.event-keywords,
.share-it-accordion-content h4,
#search-link em,
#month tbody .next .date, #month tbody .previous .date {
    color: #1E3F6D !important;
}

a.navitem.navitem-ui, a.navmenu.navmenu-ui, .event-schedule-listing { color: #000000 !important; }
a.navmenu.navmenu-ui { line-height: 16px; text-transform: none; font-size: 14px; }
a.navmenu.navmenu-ui:hover, .full-schedule-container section { background-color: #EBEBEB !important; color: #000000; }
.accordion-header { background-color: #ffffff; color: #3e93d6; }

#view-search a { color: #333333 !important; }
.list-event-preview p { color: #333333 !important; }

/* background */
body {
    background-color: #FFFFFF;
}

/* no background */
.wrap {
    background-color: #FFFFFF !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}

nav#main {
    padding-left: 30px;
    padding-right: 15px;
}

nav#main,
img#publicBody_imgLogoImage {
    margin-left: -15px;
    margin-top: -10px;
}

/*primary background color + primary font color */
.list2 #main-content h4,
#calendar-month,
.list-event-link a,
.wrapper-dropdown.active,
.core-button-submit,
div.event-pagination > ul > li > span, div.event-pagination > ul > li > a:hover,
.ep-popup .ep-adx-primary-action a,
#core_signin .core-button-container .core-button-submit,
#core_signup .core-button-container .core-button-submit,
#core_search .core-button-container .core-button-submit, 
#core_search .core-button-container .core-button-clear {
    background-color: transparent !important;
    color: #000000 !important;
}

/* Navigation Bar */
.ep-nav {
    background-color: #ffffff !important;
}
.navitem {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-bottom: solid 4px #ffffff;
    text-align: left;
}
.navitem:hover, .navitem:active {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-bottom: solid 4px #F2A900;
}
.navitem-highlight {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

.ep-nav-inner a { 
 }
.navitem:hover {
    background-color: #FFFFFF !important;
    border-bottom: solid 4px #BDBDBD;
    color: #000000 !important;
}
.navmenu {
    background-color: #ffffff !important;
    color: #000000 !important;
}
.navmenu-highlight {
    background-color: #ffffff !important;
    color: #000000 !important;
}
.navmenu:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/*banner background + banner font color*/
header,
nav#main,
nav#main ul li a,
#header-slogan {
    background-color: #ffffff !important;
    color: #000000 !important;
}

#calendar-month .month-jump,
#calendar-month h2,
.wrapper-dropdown.active #custom_viewby {
    color: #000000 !important;
}

/*secondary background color + secondary font color */
.list2 .list-event:nth-of-type(odd),
#month thead,
#search-box {
    background-color: #EBEBEB !important;
}

.list2 .list-event:nth-of-type(odd) .list-event-preview h3 a,
.list2 .list-event:nth-of-type(odd) .quick-link-container ul li a,
.list2 .list-event:nth-of-type(odd) .list-event-preview p,
#month thead,
#month thead tr th,
#search-box label,
#search-box a {
    color: #333333 !important;
}

.nav-container {

}

/* ---------------------------- LAYOUT - MODIFICATION ---------------------------- */
body { 
	font-family: "Roboto", "Helvetica Neue", Helvetica, arial, sans-serif !important;
    font-weight: 400 !important;
    color: #000000;
}

p { font-weight: 400; }

.list-event-preview { 
padding: 1% 0 1% 2%;
}

#sitefooter { 
	display: none !important; 
}

.list-event { 
	border-bottom: solid 1px #d0c7bd !important; 
}

#search_range { 
	color: #000 !important; 
}

header#top-main {
	margin: 0 0 0 0;
}

#view-search { 
	border-top: 0px;
}

#main { 
    background-size: 98%;
}

#nav.main>ul { 
	
	margin-top: -5px;	
	z-index: 999;
 }

nav.main ul li a { 
padding: 0 23px 0 23px;
}

#theme-list-view { 
padding-top: 1em;
}

#logo { 
margin-top: 1.5em;
}

#header-slogan { 
margin-top: 0em;
}

#event-details-main-content h2 { 
color: #333333 !important;
 }

.nav-container { 
border-bottom: solid 1px #d0c7bd !important;
padding: 3.4em 0 0em 0 !important;
}

#sidebar h3 { 

 }

 #view-search a, #sidebar h3, #event-favorite-container #event-favorite, .list-event-date, .list-event-locale, .list-event-locale p, .list-event-preview p, .list-event-preview, .event-detail-date p, .event-detail-contact-person p, #event-detail-copy, .results-none p, footer p, .custom-field-label, .event-attachments, .core-inline-products tbody td, .accordion-content > div.event-attachments, .accordion-content > div.event-keywords, .share-it-accordion-content h4, #search-link em, #month tbody .next .date, #month tbody .previous .date { 
color: #5B554D !important;
  }

.list-event-locale p a[itemprop="url"] span { 
color: #7c7c7c !important;
text-decoration: underline;
 }

 #theme-event-detail-view #event-details-main-content h2 { 
font-size: 26px;
  }

#custom_viewby { 
color: #2057AB !important;
 }

.list-event-locale p a[itemprop="url"]:hover span, .full-schedule-container h3 a:hover, #back-to-events:hover, .list2 .list-event:nth-of-type(2n+1) .list-event-preview h3 a:hover,  .list2 .list-event .list-event-preview h3 a:hover, #custom_viewby:hover, #event-favorite:hover { 
color: #3e93d6 !important;
text-decoration: underline !important;
 }
 
/* 2021May06 Waiyee - SR#983037/CR#209630 commented out
 #event-detail-copy p { 
font-size: 14px;
  }
*/

.event-detail-date p { 
font-size: 16px;
line-height: 1.3em;
 }

#search-link span { 
color: #2057AB !important;
 }

 nav#view-type ul li h3 { 
color: #333333 !important;
  }

#featuredEvents { display: none; }

.list2 .list-event:nth-of-type(2n+1) .quick-link-container ul li a, .list2 .quick-link-container ul li a { color: #333333 !important; }
.list2 .list-event:nth-of-type(2n+1) .quick-link-container ul li a:hover, .list2 .quick-link-container ul li a:hover { color: #3e93d6 !important; }


.supersocialshare.bubble .sb_network_button.facebook { 
background: url(https://umanitoba.ca/sites/default/files/static/eventcal/facebook.png) 0px 0px no-repeat;
margin-top: -41px;
margin-left: 20px;
 }

.supersocialshare.bubble .sb_network_button.twitter { 
background: url(https://umanitoba.ca/sites/default/files/static/eventcal/twitter.png) 0px 0px no-repeat;
margin-top: -84px;
margin-left: 29px;
 }

.supersocialshare.bubble .sb_network_button.youtube { 
background: url(https://umanitoba.ca/sites/default/files/static/eventcal/youtube.png) 0px 0px no-repeat;
 }

.supersocialshare.bubble .sb_network_button.linkedin { 
background: url(https://umanitoba.ca/sites/default/files/static/eventcal/linkedin.png) 0px 0px no-repeat;
margin-top: -84px;
margin-left: 20px;
 }

.supersocialshare.bubble .sb_main { 
display: none;
 }

.supersocialshare.bubble .sb_network_button.google { 
display: none !important;
 }

 a:active, a:active span, a:active span:active, a:focus { border: 0 !important; }
 .list-event-preview h4 a { color: #2057AB; }
  .list-event-preview h4 a:hover { color: #3e93d6; text-decoration: underline; }

#event-detail-copy { font-family: "Roboto", "Helvetica Neue", Helvetica, arial, sans-serif !important; font-size: 17px; color: #000000 !important; line-height: 27px; font-weight: 300;}
#event-detail-copy a { color: #000000; text-decoration: underline; font-weight: 500; }

#core_public_body, div { font-family: "Roboto", "Helvetica Neue", Helvetica, arial, sans-serif !important; font-size: 17px; color: #000000; line-height: 27px; }


 [class^="icon-"], [class*=" icon-"] {
    font-family: FontAwesome !important;
    font-weight: normal !important;
    font-style: normal !important;
    text-decoration: inherit !important;
    -webkit-font-smoothing: antialiased !important;
    *margin-right: .3em !important;
}

#view_by_prev { bottom: -2px; }
#view_by_next { bottom: -2px; }

.icon-chevron-left:hover, .icon-chevron-right:hover, .icon-list-alt:hover, .icon-list:hover, .icon-calendar:hover { color: #3e93d6; }

.navitem-ui-links {
    border: solid 1px #ebebeb;
}

/* ---------------------------- MOBILE ---------------------------- */

@media screen and (max-width: 800px) {
#calendar-view, #publicBody_siteBody_UCEventSearch_li_grid_view { 
	display: none !important;
}


.nav-container { 
border-bottom: solid 1px #d0c7bd !important;
padding: 1em 0 1em 0 !important;
}

.navmenu-ui-mobile-close { 
padding: 5px !important;
cursor: pointer;
margin-top: -2em;
background-color: transparent !important;
margin-right: 0;
padding-left: 40px !important;
 }

 .navmenu-ui-mobile-close:hover { 
background-color: #EBEBEB !important;
  }

a.navmenu.navmenu-ui { 
padding-left: 30px;
 }

#search_range { margin-top: 1em; }


}

@media screen and (max-width: 600px) {
#header-slogan { 
    padding: 10px 0px;
    width: 100%; 
    max-width: 100%;
    text-align: left;
    float: left;
}

.list-event-preview p {
    text-align: left;
    margin-left: 10px;
    margin-top: 10px;   
}

.navitem-ui-links {
    border: 0px;
}
}