/*
Theme Name:         university of Johannesburg
Theme URI:          https://www.imnsol.co.za/
Description:        Custom Wordpress Theme developed for the 欧美福利100000 of Johannesburg. For more information you can visit the https://www.imnsol.co.za/ website.
Version:            1.0.1
Author:             IMNSOL
Author URI:         https://www.imnsol.co.za/
Text Domain:        Custom Wordpress Theme developed for the 欧美福利100000 of Johannesburg

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/*SDG CSS*/
.sdg-info:not(.display-this) {
	display: none !important;
}

.sdg-info {
  padding: 50px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.hover-over-effect img {
  transition: 0.15s ease-out;
  cursor: pointer;
}

.hover-over-effect:hover img {
  transition: 0.15s ease-in-out;
  transform: scale(1.05);
}

.center-text-vertically {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

div.grey-wegde img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%) !important; 
    }   
/*SDG CSS*/

.hover-box-text h2 {
	color: white !important;
}

.hover-boxes-for-humanities .vc-hoverbox {
	height: 500px;
}

@media screen and (max-width: 1521px) {
.humanities-navbar.navbar {
	display: flex;
	flex-direction: column !important;
	align-items: center;
}
}

@media screen and (max-width: 1118px) {
.humanities-navbar ul {
	display: flex;
	flex-direction: column !important;
}

	.remove-item {
		display: none;
	}
	.humanities-navbar .h1 {
		text-align: center !important;
		padding-top: 25px !important;
	}
	.icons-humanities {
		padding-bottom: 25px;
	}
}

@media screen and (max-width: 1619px) {
.hover-box-text h2 {
	font-size: 1.5rem;
}
}

@media screen and (max-width: 1300px) {
.hover-box-text h2 {
	font-size: 1.25rem;
}
}

.humanities-departments .vc_tta-panel-heading {
	background-color: #f26522 !important;
	border-color: #f26522 !important;
}

.humanities-centres .vc_tta-panel-heading {
	background-color: #4f2365 !important;
	border-color: #4f2365 !important; 
}

.humanities-institutions .vc_tta-panel-heading {
	background-color: #6d6e71 !important;
	border-color: #6d6e71 !important; 
}

.humanities-departments .vc_tta-title-text,
.humanities-centres .vc_tta-title-text,
.humanities-institutions .vc_tta-title-text {
	color: white !important;
}

.humanities-departments i::before ,
.humanities-centres i::before ,
.humanities-institutions i::before ,
.humanities-departments i::after ,
.humanities-centres i::after ,
.humanities-institutions i::after {
	border-color: white !important;
}

.humanities-departments i,
.humanities-centres i,
.humanities-institutions i {
	color: white !important;
}

table {
	table-layout: fixed;
	word-break: break-word;
	width: 100% !important;
}

p {
	word-break: break-word;
}

table table {
	table-layout: auto;
}

table a,
table p {
	word-break: break-word;
}

.wp-caption,
.vc_images_carousel {
	width: 100% !important;
}

iframe, video {
	width: 100% !important;
}


a {
	word-wrap: break-word;
}

body img:not(.gm-logo__img):not(.rounded-start) {
	max-width: 100% !important;
	height: auto !important;
} 

body {
	font-size: 1.1rem !important;
}

#menu-top-menu {
	flex-wrap: wrap !important;
	justify-content: center;
	height: 100%;
}

@media screen and (max-width: 1350px) {
#menu-top-menu .gm-menu-item__txt, .gm-main-menu-wrapper .gm-navbar-nav >li>.gm-anchor {
    font-size: 10px !important;
}
.gm-toolbar-nav-container {
	height: 125px !important;
}

}
.carousel-item.active {
	display: flex !important;
}

/* FADA STYLESHEET START*/

.gm-logo {
	width: 200px;
}

.aligncenter.vc_row-o-content-middle .wpb_wrapper {
	display: flex;
	justify-content: center;
}


.grey-background {
	background-color: #eee;
}

.library-services-blocks {
    display: flex; 
    justify-content: space-around; 
    flex-direction: row;
}

.library-services-blocks .icon-block {
    display: flex; 
    align-items: center; 
    flex-direction: column;
	width: 14%
}

@media screen and (max-width:1650px) {
	.library-services-blocks .icon-block {
	width: 25%;
	flex-wrap: wrap;
}
}

@media screen and (max-width:950px) {
	.library-services-blocks .icon-block {
	width: 50%;
}
}

@media screen and (max-width:500px) {
	.library-services-blocks .icon-block {
	width: 100%;
}
}

.library-services-blocks .icon-block .image-overflow {
    border-radius: 5px; 
    justify-content: center; 
    box-shadow: none !important;
}

.library-services-blocks .icon-block .image-overflow svg {
    font-size: 100px; 
    color: white;
}

.library-services-blocks .icon-block .h4 {
    margin-top: 15px;
}

.library-services-blocks .icon-block p {
    text-align: center;
}

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
h3 {
	font-size: 1.5rem ;
}
.faculty-admin{
	background-color: #141414 !important;
}

#wpv_control_select_wpcf-member-campus {
  height: 50px !important;
}

.staff-members-dropdown-height {
      font-size: 1.25em;
}

.home-page-overflow {
	box-shadow: 0px 6px 18px 0px rgb(0 0 0 / 45%); 
	display: flex; 
	align-items: center; 
	width: 200px; 
	height: 200px; 
	background-color: #E7540E !important; 
	object-position: left top;
	transition: all 0.15s ease-in-out;
}

.home-page-overflow:hover { 
	background-color: #b1b1b1 !important; 
	transition: all 0.15s ease-in;
}

.home-page-overflow:hover a {
	color: rgba(39,12,59,1);
	text-decoration: none;
}

.home-page-overflow a:hover {
	color: rgba(39,12,59,1);
	text-decoration: none;
}

.home-page-overflow img {
	opacity: 0.25; 
	width: 100%; 
	height: auto; 
	position: relative; 
	top: -20%; 
	left: -20%;
}

.home-page-overflow a {
	width: 200px; 
	position: absolute; 
	text-align: center; 
	color: white;
	text-decoration: none;
}

@media screen and (min-width: 0px) and (max-width: 992px) {
  .staff-members-search-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .staff-members-submit-button {
    max-width: 200px;
    padding-top: 45px;
  }
  #wpv_control_select_wpcf-member-campus {
 	margin-bottom: 20px; 
  }
}

h1, h2, h3, h4, h5, h6, p {
	font-family: 'Ubuntu', 'Font Awesome 5 Free' , 'Font Awesome 5 Brands', 'FontAwesome', sans-serif  !important;
}

body a,
.vc_general a {
	color: #f26522;
}

body a:hover {
  color: #dc4e0b;
}

.fa .fa-fw .fa-angle-down {
	font-family: 'Font Awesome 5 Free' !important;
}

.black-block{
	height: 350px;
	width: auto;
	background-color: red;
	z-index: -100;
	position: relative;
	bottom: 300px;
}

.fada-white-text{
	color:white;
}

.fada-white-text hr {
	background-color: white;
}

.fada-design-text{
	display:flex;
}

.fada-headings {
	font-size: 4rem !important;
}

.fada-covid h1 {
	color:white;
}

.fada-covid h2 {
	color:white;
}

.fada-bottom-shape{
	display:block;
	position: relative;
	z-index: -1;
	height: 600px;
	width: 100vw;
	background-color: #141414;
	bottom: 200px;
	position: absolute; 
	top: 50%; left: 50%; 
	transform: translate(-50%, -50%);
}


.fada-learn-more-bottom {
	display:block;
	position: relative;
	z-index: -1;
	height: 300px;
	width: 100vw;
	background-color: #141414;
	bottom: 0px;
	position: absolute; 
	top: 50%; left: 50%; 
	transform: translate(-50%, -50%);
}

.no-shadow {
	 margin: 0 auto; /* Added */
     float: none; /* Added */
     margin-bottom: 10px; /* Added */
}

.fada-black {
	background: linear-gradient(to bottom, white 60%, #141414 0%) !important;
	background-size: 100%;
}

.fada-sub-heading {
	    font-size: 1.2rem !important;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Ubuntu' !important;
	position: relative;
}
h1::before  {
	color: red;
	content: "";
	height: 2px;
	width: 115px;
	background-color: #f26522;
	bottom: -15px;
	position: absolute;
}

.fada-home-page {
    color: #ffffff;
    text-align: center;
    background-color: #d3d3d3d1;
}

/* FADA STYLESHEET END*/

/* NEWS ARROWS */

.page-link {
	background-color: none !important
}

/* Groovy Menu CSS START */
/* navbar ~ .gm-second-nav-drawer {
	width: 100% !important;
} */

#menu-top-menu .gm-menu-item__txt {
	font-weight: 400;
	font-size: 15px;
}

.gm-dropdown-menu-wrapper {
	width: 100% !important;
	font-size: 12px !important;
}

.gm-toolbar-nav-container {
	height: 50px;
}

.gm-toolbar .gm-container {
/* 	margin-right: 5px !important; */
	width: 100%;
}

.uj-slogan {
	color: #f26522 !important;
}

#menu-top-menu li,
#menu-top-menu a,
#menu-top-menu span,
#menu-top-menu p {
/* 	color: white !important; */
	color: #4d4d4d !important;
}

.gm-toolbar-nav-container p, .gm-toolbar-nav-container h3 {
	margin-bottom: 0 !important;
}

 .gm-toolbar-nav-container > ul {
	height: 100%;	
	 align-items: center;
} 

.textwidget p {
	padding: 0 !important;
}

.banner {
	width: 100%;
	z-index: 999;
}
.banner .gm-wrapper {
/* 	background-color: rgba(39,12,59,1) !important; */
	background-color: rgb(248,247,247) !important;
}
.banner .gm-wrapper .gm-inner{
	border-bottom-style: none !important;
}
@media (min-width: 1024px){.gm-navbar .gm-logo__img-default {
    display: flex !important;
}}


/*  .gm-main-menu-wrapper .gm-mega-menu__item__title .gm-menu-item__txt, .gm-main-menu-wrapper .gm-menu-item__link {

	padding-top: 20px;
	padding-bottom: 20px; 
}*/


.gm-main-menu-wrapper .gm-mega-menu__item__title {
	padding-top: 0;
	padding-bottom: 0;
	font-size: 20px !important;
}

.gm-navbar ~ .gm-second-nav-drawer .gm-dropdown-menu {
    justify-content: center !important;
}

@media (min-width: 1024px) {
.gm-main-menu-wrapper .gm-navbar-nav > .gm-dropdown:not(.mega-gm-dropdown) .gm-dropdown-menu {
    min-width: 0 !important;
}}

#menu-item-18090,
#menu-item-18120,
#menu-item-18433,
#menu-item-18514,
#menu-item-18131,
#menu-item-53695 {
	padding-top: 12px;
	padding-bottom: 12px;
}

@media (max-width: 1520px) {
    #menu-top-menu .gm-menu-item__txt,
	.gm-main-menu-wrapper .gm-navbar-nav > li > .gm-anchor {
	font-size: 14px;
}
}

@media (min-width: 1006px) {
	.gm-logo {
    position: relative;
/*     width: 240px; */
/* 	width: 127px; */
	}
	
	#gm-main-menu ul.gm-navbar-nav {
		display: flex;
		flex-wrap: wrap;
	}
}

@media (max-width: 1350px) {
    #menu-top-menu .gm-menu-item__txt,
	.gm-main-menu-wrapper .gm-navbar-nav > li > .gm-anchor {
	font-size: 14px;
}
}

.gm-toolbar-bg {
/* 	background-color: rgba(39,12,59,1) !important; */
/* 	background-color: rgba(109,110,113,1) !important; */
	background-color: #eee !important
}

.gm-navbar-sticky-toggle {
	background-color: rgba(39,12,59,1) !important;
}

#menu-second-preset-menu li {
	color: black !important;
}

.gm-navbar .gm-menu-btn-second.hamburger .hamburger-inner, .gm-navbar .gm-menu-btn-second.hamburger .hamburger-inner::after, .gm-navbar .gm-menu-btn-second.hamburger .hamburger-inner::before {
	background-color: black !important;
}
/* Groovy Menu CSS End */


.library-card {
	height: 550px;
}

.image-blocks-overflow {
	height: 200px;
	overflow: hidden;
	width: 100%;
	position: relative;
	cursor: pointer;
	background-color: black;
}

.color-blocks-overflow {
	height: 200px;
	width: 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	flex-direction: row;
	padding-left: 25px;
}

.custom-color-button {
	background-color: #f26522;
	padding: 25px;
	color: white;
	margin-right: 10px;
	cursor: pointer;
	
}

.image-blocks-overflow img {
	width: 100%;
	opacity: 0.7;
	height: auto;
}

.image-blocks-overflow img:hover {
	filter: blur(1px);
}

.image-blocks-content {
	position: absolute;
	top: 0;
	left: 5%;
	height: 90%;
	display: flex;
  flex-direction: column;
  justify-content: center;
	color: white;
}

.image-blocks-content a {
	color: white;
	text-decoration: none;
}

.navbar {
	background-color: white !important;
	color: black;
}

.navbar ul {
	display: flex !important;
	justify-content:center !important;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 25px;
	font-size: 1.2rem;
	font-weight: 500;
}

.dropdown-menu.show {
	background-color: white !important;
	color: black;
	border: 1px solid #e5e6e7 ;
	border-radius: 0;
	padding: 0;
}

.dropdown-item {
	padding-top: 15px;
	padding-bottom: 15px;
	cursor: pointer;
	font-size: 1rem;
}

.dropdown-item:hover {
	background-color: #eeeeee !important;
	color: white;
}


.dropdown:hover > .dropdown-menu {
    display: block !important;
} 
/* .dropdown > .dropdown-toggle:active {
    pointer-events: none !important;
} */

.library-dropdown-style {
	display:flex;
}
	
.library-dropdown-search-container {
	display: inline !important;
}

.nav-link {
	color: black !important;
	font-size: 1.2rem !important;
	font-weight: 500;
}

.nav-item.dropdown {
	display: flex;
	flex-direction: row !important;
	justify-content: baseline !important;
}

.fada-nav {
	list-style: none;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding-top: 50px;
	padding-bottom: 25px;
}

.uj-table {
	width: 100%;
}

.uj-table td {
	border-bottom: 2.5px solid white;
	background-color: #E8E7E7;
	padding: 5px;
}

.uj-table th {
	text-align: center;
	padding: 5px 0;
	background-color: #f26522;
	padding: 5px;
	color: white;
	font-size: 1.2rem;
}

.staff-table td, .staff-table tr, .staff-table th {
	border: 2.5px solid white;
}

.width-set img {
	width: 100%;
}

.staff-table td {
	background-color: #E8E7E7;
	padding: 5px;
}

.staff-table th {
	text-align: center;
	padding: 5px 0;
	background-color: #f26522;
	color: white;
}

.flexslider .slides img {
	height: auto;
}

.flexslider {
	width: 50%;
}

/**table, tr, td, th {
	border: 1px solid black;
}**/

/*FADA STYLESHEET BEGIN*/
	.full-height {
	height: 70vh !important;
}

	.full-height-1 {
	height: 100vh !important;
}

.fada-logo {
	position: absolute;
	top: 0;
	left: 0;
}

.overflow-image {
	height: 50vh !important;
	position: absolute;
	overflow: hidden;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.overflow-image-2 {
	height: 100% !important;
	position: absolute;
	overflow: hidden;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.overflow-image-1 {
	height: 70vh !important;
	position: absolute;
	overflow: hidden;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.full-height .overflow-image-1 img {
	position: relative;
}

.full-height .overflow-image-2 img {
	position: relative;
}

.full-height .overflow-image img {
	position: relative;
}

.fada-large-text {
	font-size: 5.5rem;
	font-weight: 500;
	color: #f26522;
	display: flex !important;
	align-items: center !important;
	position: absolute;
	left: 5%;
	bottom: 0;
	z-index: 99;
	flex-direction: column;
}
	
.fada-large-text-1 {
	font-size: 5.5rem;
	font-weight: 500;
	color: #f26522;
	display: flex !important;
	align-items: center !important;
	position: absolute;
	right: 5%;
	bottom: 0;
	z-index: 99;
	flex-direction: column;
}

.fada-large-text-2 {
	font-size: 5.5rem;
	font-weight: 500;
	color: #f26522;
	display: flex !important;
	align-items: center !important;
	position: absolute;
	left: 5%;
	z-index: 99;
	flex-direction: column;
	height: 100%;
	justify-content: center;
}

.fada-large-text-3 {
	font-size: 6rem;
	font-weight: 500;
	color: #f26522;
	display: flex !important;
	align-items: center !important;
	position: absolute;
	z-index: 99;
	flex-direction: column;
	height: 100%;
	width: 100%;
	justify-content: center;
}

.fada-card {
	background-color: #E8E7E7;
	text-align: center;
}

.fada-card .fada-card-heading {
	color: black;
	font-size: 2.5rem;
	font-weight: 700;
}

.fada-card .fada-card-heading,
.fada-card .fada-card-text {
	padding: 15px;
}

.fada-card img {
	width: 100%;
}

.fada-large-text-4 {
	font-size: 5.5rem;
	font-weight: 500;
	color: #f26522;
	display: flex !important;
	align-items: center !important;
	position: absolute;
	right: 5%;
	z-index: 99;
	flex-direction: column;
	bottom: 5%;
}


.move-with-text {
	font-size: 1.5rem;
	font-weight: 300;
	color: #f26522;

}
/*GLOBAL STYLESHEET BEGIN*/
a {
  color: #f26522;
}

a:hover {
  color: #dc4e0b;
	text-decoration: none !important;
}

.vc_row-no-padding .wpb_content_element {
	margin-bottom: 0px;
	
}

.education-tab-background {
	background-color: rgba(0,182,181,1) !important;
}

.law-tab-background {
	    background-color: rgba(206,15,70,1) !important;
}

.health-science-tab-background {
	background-color: rgba(118,58,111,1) !important;
}

.science-tab-background {
	    background-color: rgba(42,40,40,1) !important;
}

.humanities-tabs-background {
	background-color: rgba(67,139,192,1) !important;
}

.library-tabs {
	background-color: rgba(63, 56, 56, 1) !important;
}

.blue {
	background-color: rgba(2,33,105,1) !important;
}

h1, h2,h3,h5,h6, h4 {
	margin-bottom: 30px !important;
}

.container {
	max-width: 90% !important;
	width: 1600px !important;
}

.widget_nav_menu ul {
	list-style: none;
	padding-left: 0;
	font-size: 1.15rem;
}


footer {
	padding-top: 50px;
	background-color: #6d6e71 !important;
}

.vc_row.vc_column-gap-35 > .vc_column_container {
    padding: 25px;
}

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

* {
	font-family: 'Ubuntu', sans-serif;
}
/*GLOBAL STYLESHEET END*/
/*FOOTER STYLESHEET BEGIN*/
footer {
    background-color: #000000!important;
	color: white;
}

footer a {
	color: white;
}

footer h4::before {
    content: "";
	height: 1px;
	width: 75px;
	background-color: #f26522;
	bottom: -30px;
	position: absolute;
	margin: 10px 0;
}

footer .content-footer {
	margin-top: 40px;
	font-size: 17px !important;
}

footer .content-footer a {
	color: white !important;
}

footer i {
	color: #ffffff!important;
}

.social-media-icons-footer i:hover {
	color: #f26522!important;
/* 	transform: scale(1.5); */
	transition: all 0.25s ease-in;
}

footer .content-footer p {
	font-size: 17px !important;
}

.copyright-footer{
	background-color: #000000!important;
	color: #ffffff!important;
}

.social-media-icons-footer i {
	font-size: 30px;
	padding: 0 5px;
	transition: all 0.25s ease-in-out;
}

.content-footer i {
	font-size: 20px;
}


@media only screen and (max-width: 1217px) and (min-width: 300px)  {
	.copyright-footer, .footer-bottom {
		flex-direction: column !important;
		text-align: center;
	}
	
	footer .row {
		flex-direction: column !important;
		text-align: center;
	}
}

.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.copyright-footer {
	width: 100% !important;
}

/*FOOTER STYLESHEET END*/
/*NAVIGATION BLOCKS STYLESHEET BEGIN*/
.navigation-blocks-box {
	position: relative;
	max-width: 350px;
	width: 100%;
	margin: 10px;
	overflow: hidden;
}

.navigation-blocks-content {
	position: absolute;
	bottom: 5%;
	color: white;
	font-size: 23px;
	text-shadow: 2px 2px 4px #000000;
}

.navigation-blocks-content p {
	display: flex !important;
	flex-direction: row !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
}

.blocks-widget {
	position: absolute;
	bottom: 1%;
	color: white;
	font-size: 15px;
	text-shadow: 2px 2px 4px #000000;
	display: flex;
	justify-content: center !important;
	align-items: center;
	text-align: center;
	word-break: break-word;
}

.navigation-blocks-box .img-fluid:hover {
	transform: scale(1.25,1.25);
  	transition: all 0.5s ease-in;
	cursor: pointer;
	opacity: 1;
}

.widget-blocks-row {
	padding-right: 30px;
	margin-left: 3px;
}

@media only screen and (max-width: 768px) {
	.widget-blocks-row {
		padding: 0 15px !important;
		justify-content: center !important;
	}
}

@media only screen and (max-width: 1600px) {
	.navigation-blocks-content p {
		font-size: 17px;
	}
}
/*NAVIGATION BLOCKS STYLESHEET END*/
/*NAVIGATION SMALL BLOCKS STYLESHEET BEGIN*/
.small-block-item p, .small-blocks-widget p {
	margin: 0 !important;
}

.navigation-small-blocks {
	background-color: #f26522;
	border-radius: 5px;
	box-shadow: 2px 2px 4px #6d6e71;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px;
	cursor: pointer;
	transition: all 0.1s ease-in-out;
	text-align: center;
	font-size: 1rem !important;
	max-width: 100% !important;
	width: 14vw !important;
	height: 80px;
}

.small-blocks-widget .navigation-small-blocks {
	 height: 50px !important;
}

.navigation-small-blocks:hover {
	background-color: #6d6e71;
  transition: all 0.1s ease-in;
}

@media only screen and (max-width: 1100px) and (min-width: 750px)  {
	.small-blocks-widget .navigation-small-blocks p {
		font-size:0.8rem;
		word-break: break-word;
	}
	.small-blocks-widget .navigation-small-blocks {
		height: 60px !important;
	}
}

@media only screen and (max-width: 768px) {
	.small-blocks-widget {
		padding: 0 15px !important;
	}
}

/*NAVIGATION SMALL BLOCKS STYLESHEET END*/
/*NAVIGATION LIST STYLESHEET BEGIN*/
.navigation-list-item {
	text-decoration: none;
	color: black;
}

.navigation-list-item svg {
	color: #ff6522;
}

.navigation-list-item:hover {
	text-decoration: none;
}

.navigation-list {
	list-style: none;
}

.navigation-list-item:hover {
	cursor: pointer;
	color: #f26522;
}
/*NAVIGATION LIST STYLESHEET END*/
/*NAVIGATION TAB SHEET STYLESHEET BEGIN*/
.vc_tta-tabs-list {
	display: flex !important;
}

.vc_tta-tab {
	width: 100% !important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-modern .vc_tta-tab.vc_active>a, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
	background-color: rgba(255,255,255,0.3) !important;
	border-width: 0 !important;
	color: white !important;
	height: 100%;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-tab>a {
    padding: 25px 20px !important;
	background-color: transparent !important;
	color: white !important;
	font-weight: 700;
	border-width: 0 !important;
	height: 100%;
	text-align: center;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-tab>a:hover {
	background-color: rgba(255,255,255,0.3) !important;
	border-width: 0 !important;
}

.vc_tta-panels {
	background-color: rgba(255,255,255,0.3) !important;
	color: black !important;
	padding: 20px;
	border-width: 0 !important;
}

.vc_tta-tabs-container {
	background-color: transparent !important;
}


.vc_general a {
	color: white !important;
}

.vc_tta-title-text {
	font-size : 20px;
}

.wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-tab {
	margin: 0 !important;
}

.wpb-js-composer .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container, .wpb-js-composer .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top.vc_tta-style-modern .vc_tta-tabs-container {
	margin-bottom: 0 !important;
}

/*NAVIGATION TAB SHEET STYLESHEET END*/
/*NAVIGATION DROPDOWN STYLESHEET BEGIN*/
.navigation-dropdown-title {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  list-style: none;
	font-size: 15px;
	color: black;
	word-break: break-word;
}

.navigation-dropdown-title p {
	margin: 0;
	padding-right: 5px;
}

.navigation-dropdown-title a {
  text-decoration: none;
	color: black;
}

.darker-background-dropdown {
	background: #f6f6f6;
	background-size: cover;
	padding: 20px;
	margin: 10px 0;
	border-radius: 2px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.dropdown-button {
	background-color: #ff6522;
	width: 35px !important;
	height: 35px !important;
	border-radius: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
}

.dropdown-widget {
	margin-right: 20px !important;
}

@media only screen and (max-width: 1100px) and (min-width: 770px)  {
	.dropdown-widget {
      flex-direction: column !important;
		text-align: center;
		margin: 10px 15px;
  }
	.dropdown-widget p {
		padding-bottom: 10px;
		padding-right: 0;
	}
}

@media screen and (max-width: 769px){
	.darker-background-dropdown {
		margin-right: 0 !important;
	}
}
/*NAVIGATION DROPDOWN STYLESHEET END*/
/*IMAGE HOVER EFFECT STYLESHEET BEGIN*/
.img-fluid {
  transition: all 0.3s ease-in-out;
/* 	opacity: 0.6; */
	object-fit: cover;
}



.image-overflow {
  overflow: hidden;
	cursor: pointer;
	background-color: #000000;
}
/*IMAGE HOVER EFFECT STYLESHEET END*/

/*CARD STYLESHEET BEGIN*/
.card {
  box-shadow: 5px 5px 8px #aeaeae;
  border-top: none;
  border-bottom: none;
  border-right: none;
	max-width: 350px;
  width: 100%;
}

.card a {
	text-decoration: none;
}

.card-height {
	height: 650px !important;
}

.card:hover {
  background-color: #f6f6f7;
/*   color: #ffffff; */
/*   border: none; */
	cursor: pointer;
}

.card:hover .img-fluid{
  transform: scale(1.15,1.15);
  transition: all 0.3s ease-in-out;
	opacity: 1;
}
/*CARD STYLESHEET END*/

/*SCROLL TO TOP BUTTON STYLESHEET BEGIN*/
#scroll-to-top svg {
	margin: 0;
}

#scroll-to-top {
	display: none;
  position: fixed;
  bottom: 16px;
  left: 2.5%;
  z-index: 99;
  border: none; 
  outline: none; 
  background-color: #333333;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 5px;
  font-size: 0px; 
	animation: fadeIn 2.5s;
  -webkit-animation: fadeIn 2.5s;
  -moz-animation: fadeIn 2.5s;
  -o-animation: fadeIn 2.5s;
  -ms-animation: fadeIn 2.5s;
}

#scroll-to-top:hover {
  background-color: #ff6522;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
/*SCROLL TO TOP BUTTON STYLESHEET END*/

/*ARROWS STYLESHEET BEGIN*/
.events-arrow {
	top: 50%;
}

.arrow-left,
.arrow-right {
  list-style: none !important;
	position: absolute !important;
	top: calc(50% - 30px) !important;
}

.arrow-left {
	left: -5% !important;
}

.arrow-right {
	right: -5% !important;
}

.arrow-down,
.arrow-up {
  list-style: none !important;
	position: absolute !important;
	left: 50% !important;
}

.arrow-down {
	bottom: -10px !important;
}

.arrow-up {
	top: 60px !important;
}

.page-link {
  border: none !important;
  padding: 0px !important;
	background-color: transparent !important;
}
/*ARROWS STYLESHEET END*/

/*HOME PAGE STYLESHEET BEGIN*/
h1::before {
	content: "";
	height: 2px;
	width: 115px;
	background-color: #f26522;
	bottom: -15px;
	position: absolute;
}

h2::before {
	content: "";
	height: 2px;
	width: 100px;
	background-color: #f26522;
	bottom: -15px;
	position: absolute;
}

h3::before {
	content: "";
	height: 2px;
	width: 45px;
	background-color: #f26522;
	bottom: -10px;
	position: absolute;
}

h4::before {
	content: "";
	height: 2px;
	width: 70px;
	background-color: #f26522;
	bottom: -10px;
	position: absolute;
}

h5::before {
	content: "";
	height: 2px;
	width: 55px;
	background-color: #f26522;
	bottom: -8px;
	position: absolute;
}

h6::before {
	content: "";
	height: 2px;
	width: 40px;
	background-color: #f26522;
	bottom: -5px;
	position: absolute;
}

.page-header{
	padding-top: 20px;
	padding-bottom: 20px;
}
.front-page-sub-heading::before {
	content: "";
	height: 2px;
	width: 115px;
	background-color: #f26522;
	bottom: -15px;
	position: absolute;
}

.search-box-block .wpb_content_element {
	margin-bottom: 0px !important;
}

.search-form {
	display: flex;
	justify-content: center;
	width: 100% !important;
}

.search-submit {
	background-color: #f26522 !important;
	color: white;
	border: 1px #f26522 solid !important;
	border-radius: 0px !important;
	height: 55px !important;
}

.search-field {
	border-radius: 0px !important;
	height: 55px !important;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM2NjY2NjYiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgY2xhc3M9IiIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiLz48L3N2Zz4=);
	background-repeat: no-repeat;
	background-position: 8px 13px;
  background-size: 26px 26px;
	padding: 8px 39px 8px 36px !important;
	width: 50vw !important;
	border: solid 1px #e5e6e7 !important;
	outline: none !important;
}

@media screen and (max-width:767px) {
	.search-field {
		padding: 8px 8px 8px 36px !important;
		width: 70vw !important;
	}
	
	.study-title {
		height: 100px;
	}
	
	.height-option-4 , .height-option-4 .carousel-inner, .carousel-item img {
		height: 50vw !important;
	}
	
	.carousel-item {
		height: 40vw !important;
	}
	
	#center-for-mobile {
		width: 100% !important;
	}
}

.study-search {
	height: 15vh !important;
}

div.vc_icon_element {
	height: 15vh !important;
	margin: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.study-title p {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.75em;
	font-weight: 500;
}

.study-title .wpb_text_column.wpb_content_element, .vc_wp_search.wpb_content_element {
	margin: 0 !important;
}
/*HOME PAGE STYLESHEET END*/

/*NEWS STYLESHEET BEGIN*/
/*NEWS CARD CONTENT DESIGN BEGIN*/
.date-overflow-image {
  position: relative;
}

.news-archive-date {
  position: absolute;
  bottom: 3%;
  left: 3%;
  background: #f26422;
  color: #ffffff;
  padding: 5px 15px;
	border-radius: 2px;
	box-shadow: 2.5px 2.5px 8px #000000;
}

.card:hover .news-archive-date {
  background-color: #4f2365;
}

.news-card-title {
	color: #f26522;
}

.news-card-content {
  padding: 20px;
	overflow: hidden;
	height: 100%;
}

.read-more-btn {
  border: none;
  position: absolute;
  bottom: 2%;
  left: 5%;
	background: transparent;
}
/*NEWS CARD CONTENT DESIGN END*/
/*NEWS CARD DESIGN BEGIN*/
.front-card {
  padding: 15px !important;
}

.news-gaps {
	margin: 25px 0px;
}
/*NEWS CARD DESIGN END*/
/*NEWS FULL PAGE DESIGN BEGIN*/
.image-overflow-thumbnail {
  overflow: hidden;
  float: right;
}

.image-overflow-thumbnail .img-thumbnail {
  transition: all 0.5s ease-in-out;
}

.image-overflow-thumbnail .img-thumbnail:hover {
  transform: scale(1.25,1.25);
  transition: all 0.5s ease-in;
}

.title-of-news {
	text-align: left; 
	padding-top: 100px; 						
	color:#f26522;
}

.news-row {
  justify-content: space-between;
}

.news-events {
  justify-content: flex-start;
}
/*NEWS FULL PAGE DESIGN END*/
/*NEWS STYLESHEET END*/

/*EVENTS STYLESHEET BEGIN*/
.event-date-text {
	box-shadow: 5px 5px 8px #aeaeae; 
	max-width: 80px; 
	height: 80px; 
	border: 1px solid #f26522; 			
	background: #f26422; 
	color: white; 
	text-align: center;
	font-size: 0.8rem;
}

.event-title {
	margin-bottom: 5px;
}

.event-time {
	margin-bottom: 30px;
}
/*EVENTS STYLESHEET END*/

/*CONNECT WITH UJ STYLESHEET BEGIN*/
.connect-item {
	position: relative;
	max-width: 350px;
	width: 100%;
}

.connect-content {
	position: absolute;
	bottom: 5%;
	left: 5%;
	color: white;
	text-shadow: 2px 2px 4px #000000;
}

.connect-item .img-fluid:hover {
	transform: scale(1.15,1.15);
    transition: all 0.3s ease-in-out;
	cursor: pointer;
	opacity: 1;
} 

@media only screen and (max-width: 1100px) and (min-width: 768px)  {
	.h4-responsive-resize {
		font-size: 1.4rem !important;
	}
	.h5-responsive-resize {
		font-size: 1rem !important;
	}
}

@media only screen and (max-width: 885px) and (min-width: 100px)  {
	.connect-uj-row {
    	justify-content: center;
   		align-items: center;
    	flex-direction: column;
	}
}

.connect-uj-padding {
	padding: 1px;
}



/*CONNECT WITH UJ STYLESHEET END*/

/*FACULTY STYLESHEET BEGIN*/
.faculties-row {
	display: flex;
	justify-content: space-evenly; 
}

.faculty-card {
  margin: 5px !important;
	height: 550px;
	max-width: 350px;
  width: 100%;
}

.faculty-card-content {
	padding: 20px;
}
/*FACULTY STYLESHEET END*/

/*SPORT STYLESHEET BEGIN*/
.darker-background {
	background: #f8f7f7;
	background-size: cover;
	padding: 50px 0;
}

.sport-social-media i{
	width: 65px;
	height: 65px;
	margin: 10px;
}

.sport-social-media i:hover {
	color: #4f2365;
	cursor: pointer;
}
/*SPORT STYLESHEET END*/

.tab-content .row {
	padding: 50px;
}

.tab-content li {
	list-style: none;
}

.widget-title {
	font-size: 1.5rem !important;
	padding: 0 25px 0 25px;
}

.menu-dropdown-row a {
	font-size: 20px;
}


/*MEGA MENU STYLESHEET BEGIN*/

.gm-grid-row {
	padding: 35px;
}

/*----Sliding Menu------*/

#menu-item-17985 {
	display: block;
}


.banner-titles-container {
  height:500px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.banner-image-container {
  width: 100%
}

.banner-image-container img {
  object-fit: cover !important;
}

.banner-image {
  width: 100%;
}

.banner-image img {
  width: 100%;
  height: 100%;
}

.banner-text {
  background: rgba(0,0,0,0.7) !important;
  height: 500px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  padding-left: 50px;
  padding-right: 50px;
}

.banner-text p {
  color: white;
}

.banner-title {
  font-size: 3rem;
  font-weight: bold;
}

/*.banner {
 	background-color: #270c3b !important; 
}*/

@media only screen and (max-width: 1000px) and (min-width: 300px)  {
	.banner-titles-container h2 {
      top: 10vh;
      font-size: 1.8em;
  }
}

@media only screen and (max-width: 1000px) and (min-width: 300px)  {
	.banner-titles-container h3 {
      top: 9vh;
      font-size: 1em !important;
  }
}

/* CAROUSEL SLIDER CENTER TEXT */
.with-buttons {
	position: relative;
}

.with-buttons.center-aligned .carousel-caption,.with-buttons.left-aligned .carousel-caption,.with-buttons.right-aligned .carousel-caption {
	height: 100%;
}

.slider-button a {
	color: #000000;
	text-decoration: none;
}

.with-buttons.left-aligned .carousel-caption {
	display: flex !important;
	align-items: flex-start;
	justify-content: center;
	text-align: center;
	flex-direction: column;
}

.with-buttons.right-aligned .carousel-caption {
	display: flex !important;
	align-items: flex-end;
	justify-content: center;
	text-align: center;
	flex-direction: column;
}

.center-slide.left-aligned .carousel-caption {
	display: flex !important;
	align-items: flex-start;
	justify-content: center;
	text-align: center;
	flex-direction: column;
}

.center-slide.right-aligned .carousel-caption {
	display: flex !important;
	align-items: flex-end;
	justify-content: center;
	text-align: center;
	flex-direction: column;
}

.center-aligned .carousel-caption {
	display: flex !important;
	align-items: center;
	justify-content: center;
	text-align: center !important;
	flex-direction: column;
}

.with-buttons.default-option .slider-buttons-group {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
		padding-bottom: 150px;
		width: 100%;
		height: 100%;
}

.with-buttons.left-aligned .slider-buttons-group {
		right: 15%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.with-buttons.right-aligned .slider-buttons-group {
		left: 15%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.with-buttons.center-aligned .slider-buttons-group {
		flex-direction: row;
		display: flex;
    align-items: center;
    justify-content: center;
		width: 100%;
	margin-top: 100px;
}

.slider-button {
	background-color: #f6f6f7;
	border-radius: 5px;
	box-shadow: 2px 2px 4px #6d6e71;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	cursor: pointer;
	transition: all 0.1s ease-in-out;
	text-align: center;
	font-size: 1.1rem !important;
/* 	height: 80px; */
	margin-top: 15px;
	width: 350px;
}

.slider-buttons-group {
		position: absolute;
		height: 100%;
    top: 0;
		z-index: 100;
}

.slider-button:hover {
	background-color: #e6e6e740;
  transition: all 0.1s ease-in;
}

.slider-button:hover a {
	color: #ffffff;
}

/* .center-slide .carousel-caption {
/* 	height: 95%; */
/* 	height: 25%; 
} */

.carousel-caption-1 .carousel-caption {
	height: 90%;
}

.carousel-caption-2 .carousel-caption{
	height: 90%;
}

.carousel-caption-3 .carousel-caption{
	height: 90%;
}

.carousel-caption-4 .carousel-caption{
	height: 90%;
}

.carousel-caption-5 .carousel-caption{
	height: 90%;
}

.carousel-caption-6 .carousel-caption {
	height: 90%;
}

.center-slide .h5, .with-buttons.center-aligned .h5, .with-buttons.left-aligned .h5, .with-buttons.right-aligned .h5{
	font-size: 3rem;
	text-shadow: 3px 3px rgba(0,0,0,0.8);
}


.center-slide p, .with-buttons.center-aligned p, .with-buttons.left-aligned p, .with-buttons.right-aligned p {
	font-size: 1.4rem;
	text-shadow: 3px 3px rgba(0,0,0,0.8);
}

#gm-toolbar {
	z-index: 5 !important;
}

.carousel.slide {
/*   height:24vw; */
	background-color: black;
}

/* HEADER HERO HEIGHT OPTIONS */

.height-option-1  {
	height:24vw;
	background-color: black;
}

@media screen and (max-width: 1215px) {	
.carousel-item.active,
.height-option-1,
.height-option-2,
.height-option-3,
.height-option-4,
.height-option-5,
.height-option-6{
	height:50vw !important;
}

}

.height-option-2 {
	height:25vw;
	background-color: black;
}

.height-option-3{
	height:26vw;
	background-color: black;
}

.height-option-4, 
.height-option-4 .carousel-item.active{
	height:30vw;
	background-color: black;
}

.height-option-5 {
	height:34vw;
	background-color: black;
}

.height-option-6 {
	height:40vw;
	background-color: black;
}
/* HEIGHT OPTIONS END */

.carousel-inner {
	height:100%;
}


.carousel.slide p {
  margin: 0 !important;
}

.carousel-item {
	height:24vw;
}

.carousel-caption {
	z-index: 100;
}

/* @media only screen and (max-width: 1000px) and (min-width: 0px)  {
	.carousel-caption p { font-size:1.2rem !important; }
} */
	

@media only screen and (max-width: 1100px) and (min-width: 768px)  {
	.center-slide h5 { font-size:2rem; }
}

@media only screen and (max-width: 767px) and (min-width: 300px)  {
	.center-slide h5 { font-size:1.2rem; }
}

@media only screen and (max-width: 1100px) and (min-width: 768px)  {
	.center-slide p { font-size:0.9rem; }
}

@media only screen and (max-width: 767px) and (min-width: 300px)  {
	.center-slide p { font-size:0.7rem; }
}

.learn-more-button {
  width: 10%;
  box-shadow: 2px 3px rgba(0,0,0,0.2);
}

.learn-more-button a {
  text-decoration: none;
}

.center-aligned .learn-more-button-container {
  display: flex;
  justify-content: center;
  padding-top: 15px;
}

.center-aligned .learn-more-button {
  width: 100% !important;
}

.right-aligned .learn-more-button-container {
  display: flex;
  justify-content: flex-end;
  padding-top: 15px;
	width: 10%;
}

.left-aligned .learn-more-button {
	width: 100% !important;
}

.right-aligned .learn-more-button {
	width: 100% !important;
}

.left-aligned .learn-more-button-container {
  display: flex;
  justify-content: flex-start;
  padding-top: 15px;
	width: 10%;
}

.hide-p {
  height: 0px !important;
}

.carousel-item img {
  opacity: 0.7;
}

/* CAROUSEL SLIDER CENTER TEXT END */

/*side widget*/
/*.g-0 {
   width: 100% !important; 
}*/

.card-image-center {
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  overflow: hidden;
}

.card-image-center img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-body p {
  font-size: 12px !important;
}

p.h5.card-title {
  font-size: 15px !important;
	color: #f26522;
}
.rounded-start {
  object-fit: cover;
}

.card-body {
	padding-left: 0;
	color: black;
}

.card {
	text-decoration: none !important;
}

@media screen and (max-width: 1184px)  {
	.card-body {
	padding-left: 20px !important;
}
}

/*achievements */
.achievement-buttons .vc_column-inner {
	display: flex;
	justify-content: center;
}

.gm-logo a {
	bottom: 0 !important;
  position: absolute;
  left: 5%;
} 

.vc_tta-panels .vc_tta-panel.vc_active p,
.vc_tta-panels .vc_tta-panel.vc_active span,
.vc_tta-panels .vc_tta-panel.vc_active h2,
.vc_tta-panels .vc_tta-panel.vc_active h3, 
.vc_tta-panels .vc_tta-panel.vc_active h4, 
.vc_tta-panels .vc_tta-panel.vc_active h5, 
.vc_tta-panels .vc_tta-panel.vc_active h6 {
	color: black;
}

.vc_tta-panels .vc_tta-panel h4::before {
	display: none;
}

/* My Account Search Section Start */

.staff-members-search-container {
		display: flex;
    justify-content: center;
	padding: 50px 0px;
	background-color: #eeeeee;
	flex-direction: column;
}

.all-pages-search-container {
	display: flex;
  justify-content: center;
	align-items: center; 
	padding: 50px 0px;
	background-color: #eeeeee;
}

.check-box-section {
	margin-right: 5%;
}

.temporary-dropdowns {
	background-color: #eeeeee;
	padding: 20px;
	display:flex;
	height: 80px;
}

.staff-members-label-text {
/* 	    padding: 0 30px; */
	width: 100%;
	
}

.staff-members-submit-button {
	padding: 0 30px;
}

.search-bar-height {
	height: 50px !important;
}

.staff-members-submit-button {
	max-width:16.66667%;
}

.staff-members-submit-button-style {
		width: 100%;
    background-color: #f26522 !important;
    border: none !important;
    height: 50px;
    font-size: 1.25em !important;
    box-shadow: #c6c6c7 5px 5px 5px;
}
.staff-members-submit-button input:hover {
  background-color: #c6c6c7 !important;
  color:  white !important;
}

.members-campus-and-search{
	display:flex;
	flex-direction: column;
	align-items:flex-end;
}

.staff-members-page-pagination {
	display: flex;
	flex-direction: column;
  justify-content: center;
  align-items: center;
/* 	padding-top: 20px; */
	padding-bottom: 20px;
}

.staff-members-labels {
		font-size: 1.25em;
}

@media screen and (min-width: 0px) and (max-width: 992px) {
  .staff-members-search-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .staff-members-submit-button {
    max-width: 200px;
    padding-top: 45px;
}

/* My Account Search Section End */

/* courses card begin */
.courses-row {
	display: flex;
	justify-content: space-evenly; 
}

.courses-card {
  margin: 5px !important;
	height: 675px;
	max-width: 350px;
  width: 100%;
}

.courses-card-content {
	padding: 20px;
}
/* courses card end */

/* EDIT PAGE BUTTONS */
.edit-page-buttons {		
display: flex;
    justify-content: flex-end;
	padding-top: 20px
}

.edit-page-buttons p {
padding: 0 5px;
}
/* END OF EDIT PAGE BUTTONS */

/*LIBRARY RESEARCH NAVIGATOR START
https://twww.uj.ac.za/library/research-support/research-navigator */

.library-sec1 {
	background-color: #FFA416;
}

.library-sec2 {
	background-color: #f16c63;
}

.library-sec3 {
	background-color: #5ec5d2;
}

.library-sec4 {
	background-color: #536d79;
}

.library-sec5 {
	background-color: #efb139;
}

.library-sec6 {
	background-color: #9bba40;
}

.library-sec7 {
	background-color: #9e714d;
}

.library-sec8 {
	background-color: #b1a49a;
}

/*LIBRARY RESEARCH NAVIGATOR END*/


/* BLOCK GROOVY MENU LICENSE START*/
#gm-need-license-notice {
    display: none !important;
}
/* BLOCK GROOVY MENU LICENSE END*/
	.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

/* 欧美福利100000 + Aid Buttons  */
		
.admission-aid-buttons:hover {
  background-color: #6d6e71;
  transition: all 0.1s ease-in;
}

/* 欧美福利100000 + Aid Buttons END */