/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 01 2025 | 13:19:18 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

body {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Montserrat, sans-serif;
}

.page-header {
	display: none;
}

.subject-grid .eael-grid-post-holder-inner {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
}
.subject-grid .eael-grid-post .eael-entry-wrapper, .subject-grid .eael-grid-post .eael-entry-media {
    padding: 10px;
}
.wbg-main-wrapper .wbg-item img {
	height: auto!important;
    object-fit: cover!important;
	max-width: 100%;
    margin: 0 0 15px;
    width: 100%;
}
.wbg-parent-wrapper .wbg-main-wrapper .wbg-item {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 20px;
}

.vc_gitem-zone-a .vc_gitem-row-position-top, .vc_gitem-zone-b .vc_gitem-row-position-top,
.vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle,
.vc_gitem-zone-a .vc_gitem-row-position-bottom, .vc_gitem-zone-b .vc_gitem-row-position-bottom {
	position: static;
	transform: none;
}

.wpb_single_image.team-image img {
    height: 160px;
    max-width: 100%;
    vertical-align: top;
    width: auto;
}
.team-grid {
    background-color: #FFFFFF;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	padding: 25px;
	border-radius: 10px;
}
.team-grid .vc_gitem_row, .team-grid .vc_gitem_row .vc_gitem-col, .team-grid .vc_gitem-zone-mini {
    padding: 0;
}

.team-div2 {
	margin-bottom: 10px;
}

.team-name {
	margin-bottom: 0;
}
.team-name h2 {
	font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 700;
	color: #0f1e6f;
}
.team-qualification {
	font-size: 14px;
}
.team-position{
	font-weight: normal;
    font-size: 1rem;
	color: #f89f01;
	line-height: 1.2;
}

.student-list .vc_column_container>.vc_column-inner {
	padding: 0!important;
}

.student-grid .student-gridelement {
	border-top: 1px solid gray;
	border-right: 1px solid gray;
}
.studentgrid-head {
	font-size: 20px;
	line-height: normal;
	font-weight: bold;
}
.student-name h2 {
	font-size: 16px;
}
.studentgrid-head {
	border-right: 1px solid #000;
	padding: 10px;
}
.studentgrid-head.vc_do_custom_heading {
	margin-bottom: 0;
}
.studentgrid-head.student-photo {
	border-right: 0;
}

.inline-blockhead {
	display: inline-block;
	vertical-align: middle;
}
.student-namehead {
	width: 40%
}
.student-marks {
	width: 17.5%;
}
.student-attendance {
	width: 17.5%;
}
.student-photo {
	width: 25%;
}

.student-grid .student-gridelement .wpb_single_image img {
    height: auto;
	max-width: 60px;
	width: auto;
}
.student-grid .student-gridelement {
	 display: grid;
  /* Define 4 columns with custom percentage widths */
  grid-template-columns: 40% 17.5% 17.5% 25%; /* Example widths */
  width: 100%; /* Ensure the grid container takes full available width */
	align-items: center;
}
.vc_gitem_row .vc_gitem-col.student-gridelement {
    padding: 0px;
}
.student-grid {
	margin-bottom: 0;
}
.student-grid .student-gridelement>div{
  text-align: center;
  border-right: 1px solid gray;
	height: 80px;
	margin-bottom: 0px!important;
	padding: 10px 0;
}
.student-grid .student-gridelement .student-block:last-child {
	border-right: none;
}

.sub-menu {
	background-color: #0f1e6f!important;
}
.menu-item a.hfe-sub-menu-item {
	padding: 15px!important;
}

.student-page .vc_sw-acf {
	margin-bottom: 10px;
}
.sw-acf-field-label {
	font-weight: bold;
}
.student-page .vc_sw-acf ul {
	list-style: none;
	padding-left: 0;
}
.student-page .vc_sw-acf a {
	text-decoration: none;
}
.marklist-column .vc_column-inner {
	padding: 0px!important;
}
.marklist-column .wpb_column {
	border: 1px solid gray;
	line-height: 50px;
}
.marklist-column > .wpb_column {
	border: 0;
}
.marklist-column .wpb_column h2, .marklist-column .wpb_column h4 {
	line-height: 50px;
	font-size: 18px!important;
	font-weight: bold;
	background-color: #EFEFF0;
}
.marklist-column .wpb_content_element, .marklist-column .vc_do_custom_heading {
	margin-bottom: 0px;
}

.um a.um-button, .um a.um-button.um-disabled:active, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:hover, .um input[type=submit].um-button, .um input[type=submit].um-button:focus {
    background: #0F1E6F;
}
.um-center .um-button {
	width: 100%!important;
	max-width: auto!important;
}