/* ----------------------------------------------------------------
Custom CSS

Add all your Custom Styled CSS here for New Styles or
Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.container ul, .container ol {
	margin-left: 1rem;
}

.mentor-title h4 {
	margin-bottom: 1.6rem;
	height: 2rem;
}

.mentor-title {
	margin-right: 1rem;
}

.mentor-title p, .mentor-data ul, .mentor-data p {
	margin-bottom: 0;
	height: fit-content;
	font-size: 1rem;
}

.grid-table {
	display: grid;
	grid-template-columns: auto auto;
}

.grid-table > .grid-field {
	padding: 4px;
}

.roster ul {
	list-style: none;
}

#slider .slider-inner {
	margin-top: 4rem;
}

.slider-title {
	font-size: 40px !important; 
	line-height: 1.4; 
	font-weight: 600 !important; 
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.menu-link {
    padding: 39px 12px;
}

.menu-container > .menu-item > .menu-link {
    font-size: 15px;
}

#logo img {
	padding: 0.5rem;
}

#logo .logo-title {
	padding: 1.2rem 0.5rem;
}

.team-image>a, .team-image img {
    height: 22rem;
    object-fit: cover;
}

#content p {
    text-align: justify;
}

.newscard p {
	height: 16rem;
	overflow: hidden;
}

.media-box .fbox-media a, .media-box .fbox-media img {
	text-align: center;
	width: fit-content;
    height: 16rem;
	margin: 0 auto;
}

@media (max-width: 575px) {
	.owl-carousel.owl-loaded {
		display: none;
	}

	.slider-title {
		font-size: 36px !important;
	}

	.news-show {
		display: none;
	}
}

@media (max-width: 345px) {
	.slider-title {
		font-size: 30px !important;
	}

	.logo-title {
		display: none !important;
	}
}