@import url("//cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css");
body {
    font-size: 0.9rem !important;
    line-height: 1.9 !important;
    
}
body, p, .menu a, h1,h2,h3,h4,h5,h6,div, footer{
	color:#666 !important;
	text-decoration: none !important;
}
hr {
    margin: 0.5rem 0;
}
#block-edux-sitename h6 {
	color: #000000 !important;
    font-weight: 320 !important;
    font-size: 20px;
    line-height: 28px;
    margin-left: 5px;
}
a{
	text-decoration:none;
}
.homepage .imagefield_slideshow-wrapper{
	margin-bottom:0px !important;
} 
.site-logo img{
	max-width:75% !important;
}
.sidebar .block-title,
.headline{
    font-size: 1.2rem;
    text-transform: none;
    margin: 0;
    padding: 10px 0px;
}
h2, h3, h4, h5, h6{
	font-weight:normal;
	padding-bottom:1rem;
}
h2 {
    font-size: 1.3rem;
    scroll-margin-top:100px;
}
.header-container{
	background: url('/gradinarulab/sites/sites.utm.utoronto.ca.gradinarulab/files/2025-08/banner_940_125_30.png');
	padding:20px;
	border-top: 3px solid #b31d36;
	background-size:cover;
	background-repeat:no-repeat;
}
.site-name {
    color: var(--primary);
    font-weight: normal;
}
.site-slogan {
    font-size: 17px;
    max-width: 100%;
    padding-top: 5px;
}
.header-right {
    flex: 1;
}
.red{
	color:#b31d36;
}
.fw-normal{
	font-weight:normal;
}
.page-header{
	border:0px;
	padding:0px;
}
.main-container{
border-top:3px solid #b31d36;
}
.page-header-container{
border-top:1px solid #b31d36;
border-bottom:1px solid #b31d36;
}
.footer-bottom,
.footer-bottom-blocks{
	background-color:#fff !important;
}
.footer-bottom-blocks-container,
.footer-bottom-container{
	border-top:3px solid #b31d36;
	background-color:#f6f6f6;
	padding:10px;
}

ul.menu{
	padding:0px;
	margin:0px;
}
.menu li.menu-item{
	display:inline-block;
	padding:10px 20px;
} 
.footer-bottom-container .menu li.menu-item{
	padding:10px 5px;
} 
.menu li.menu-item:hover,
.menu li.menu-item.active{
	background:#ddd;
}
.menu li.menu-item a:hover{
	color:black;
} 
.footer-blocks, .footer-bottom-blocks, .footer-bottom, .footer-social {
    background-color: #F6F6F6;
    color: black;
}
.footer ul.menu li a{
	color:#b31d36;
}
.homepage .sidebar li {
    border-bottom: 0px;
    list-style:circle;
}
.homepage .sidebar li.nav-sub-header
{
    border-top:1px solid #b31d36;
border-bottom:1px solid #b31d36;
    list-style:none;
}
.field--name-field-content ul li{
	margin-left:1.2rem;
	list-style-type:disc;
}
.sidebar .block{
	padding:0px;
}
.homepage .imagefield_slideshow-wrapper {
    border: 0px !important;
    float: left;
    margin-right: 1rem;
    margin-bottom: 1rem;
}
.groupcard {
    background: none repeat scroll 0 0 #F3F3F3;
    border-left: 0px;
    margin-bottom: 5px;
    padding: 10px 5px 10px 10px;
}
.groupcard-theme {
    border-left: 4px solid #b31d36;
}
.groupcard-gray {
    border-left: 4px solid #666666;
    padding: 2px;
}
.profile-photo{
	width: 175px;
  float: left;
  padding: 0px 10px;
}
.sticky-md-top{
	position: fixed;
    top: 0%;
    width:20%;
}
.homepage .sticky-md-top{
	position:relative !important;
	width:auto !important;
}
.scrolltop{
	color:#fff !important;
}
.card-title{
	margin-top:1rem;
}
.footer-bottom-blocks-container div{
	color:#666 !important;
}

@media (max-width: 575.98px) {
	.site-logo img {
    filter: invert(1);
   }
	.site-brand h1 {
    font-size: calc(0.8rem + 1.5vw);
	}
	#block-edux-sitename h6{
		font-size:14px;
	}
	.menu li.menu-item{
		display:block !important;
	}
	.close-mobile-menu{
		color: #ffffff !important;
    border: 2px solid #fff;
	}
	.menu-wrap ul.menu li > a{
		color:white !important;
	}
	.menu li.menu-item:hover, .menu li.menu-item.active {
    background: transparent !important;
    font-weight: bold !important;
	}
	.sticky-md-top {
    position: relative;
    display:none;
    width: 100%;
 }
 .card{
 	margin-bottom:2rem;
 }
.footer-bottom-last{
background: black;
    padding: 20px;
}
.footer ul.menu li {
    display: inline !important;
}
.footer ul.menu li a{
    color: white !important;
}
}