/* 2025 UPDATES */

#post-24103 .eventbodycontent .stickyApply a{
  padding: 10px !important;
  display: inline-block !important;
  font-size: 21px;
  color: #fff;
  border-radius: 5px;
	line-height: 140% !important
}
#post-24103 .eventbodycontent .stickyApply a:hover{
background-color: #0b5391 !important 
}

.videoWrapper.mComSupplyChain {
  background-image: url(/wp-content/uploads/IMM-GS-Master-of-Commerce-SCM-website-HQ-scaled.jpg)
}

.videoWrapper.masters-commerce-supply-chain {
  background-image: url(/wp-content/uploads/IMM-GS-Master-of-Commerce-SCM-website-HQ-scaled.jpg);
}

.contactFormOD {
  max-width: 800px;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0px 0px 50px 2px lightgrey;
  padding: 20px;
  margin-top: 50px;
  border-radius: 20px
}
.topTimer #timer {
  font-size: 50px;
}

.ai-optimize-32, .ai-optimize-12 {
margin: 0 !important;}
.post-24103 h1 #timer {
  font-size: 2.8rem;
  background-color: #0B5391;
  padding: 10px;
  margin-bottom: 20px;
  display: inline-block
}

.awsm-job-listing-item {
  margin-bottom: 20px
}

#wp-megamenu-main-menu .gradBtn a, #menu-mobile-menu .gradBtn a{
  background-color: #F26122;
}
#menu-mobile-menu .gradBtn a {
  display: block;
  text-align: center
}

.pricing-container a{
  text-decoration: underline
}

.pricing-container{
  display: flex;
  justify-content: space-between
}

.sa-price{
  border-right: 1px solid #97C93D;
  width: 47%
}

.other-price{
  width: 50%;
	 padding-left: 5%
}

.pricing-container h3{
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
	color: #004987
}

.pricing-container a{
  font-size: 15px
}



/* 2024 ALMUNI UPDATES */

.bulletspaces li{
  margin-bottom: 20px
}

.memberimage img{
  height: 300px !important;
  width: 300px !important;;
  object-fit: cover;
  object-position: top
}

.gpoll_container{
  margin-top: 20px
}

.gpoll_button, .gpoll_back_button{
  background-color: #004987;
  border: 1px solid #004987;
  border-radius: 5px;
  text-transform: capitalize;
  font-weight: 400;
  letter-spacing: 0;
  padding: 9px 30px !important;
  margin-top: 20px  !important;;
  color: #fff !important;
  font-size: 15px
}

#quizform{
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  margin-top: 30px
}

#quizform #gform_submit_button_58{
  background-color: #97C93D;
  border: 1px solid #97C93D;
  border-radius: 5px;
  text-transform: capitalize;
  font-weight: 400;
  letter-spacing: 0;
  padding: 10px 30px !important;
}

.postid-27946 .wp-block-image img{
  max-width: 400px
}

#almuni-jobmarket-section .heading h3{
  color: #004987;
}

#almuni-jobmarket-section .heading p{
  color: #004987;
  max-width: 400px;

}

.blue-btn{
  background-color: #004987;
  color: #fff;
  padding: 10px 20px;
	border: 1px solid #004987
}
.blue-btn:hover{
  background-color: #fff
}

#almuni-jobmarket-section .heading .blue-btn{
  margin-top: 10px;
  display: inline-block;
  margin-bottom: 20px
}


#share-story-form-row label, #update-alumni-section label{
  color: #004987;
}

.gform_button{
  font-family: "Roboto" !important;
  font-weight: 300;
}

#update-alumni-section{
background: linear-gradient(#fff 0%, #6bc4e8 100%);
  margin-top: 50px;
  padding-bottom: 50px

}

#alumni-slider{
  max-width: 1000px;
  margin: auto !important;
}

#alumni-slider-section {
  margin-bottom: 70px
}

#share-story-form-row{
  max-width: 1000px;
  margin: auto
}

#update-alumni-section #stay-connected{
  max-width: 1000px;
  margin: auto
 
}



.page-id-27781 .entry-content{
  padding-top: 0;
	padding-bottom: 0
}

.post.category-general .entry-content h2 ~h3{
margin-top: 15px
}

/* ________________________ */

.heading-weight{
  font-size: 1.5em;
  color: #97C93D;
  padding: 20px 0px !important;
  display: block;
  text-align: center
}

.blue-banner{
  background-color: #004987;
  padding: 50px 20px
}

.blue-banner h2{
  color: #fff !important;
  text-align: center;
  font-weight: 500
}

.blue-banner h3{
  color: #fff !important;
  text-align: center;
  margin: 10px !important
}

.blue-banner p{
  color: #fff;
  text-align: center;
  font-size: 13px !important;
}

#first-ssc-row{
  margin-bottom: 30px !important;
}

#first-ssc-row, #second-ssc-row{
  max-width: 1400px !important;
  margin: auto
}

.qual-cat-block .leftPanel:before{
  content: "" !important;
  background-image: url("/wp-content/uploads/IMM-Hover-Guide-Arrow-2.svg") !important;
  width: 110px;
  height: 200px;
  display: inline-block;
  position: absolute;
  background-repeat: no-repeat !important;
  left: -120px;
  top: -70px;

}

#choose-course-section{
  padding-top: 70px
}

#landing-locations-section .vc-hoverbox-front-inner h2{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  padding: 10px;

background: rgba(151, 201, 61, 1);
  border-radius: 0px 0px 10px 10px;
  font-size: 20px
 


}

#choose-course-section{
  padding-top: 70px
}

#new-application{
  padding-top: 75px;
  padding-bottom: 50px
}

.page-id-27595 .entry-content{
  padding-bottom: 0
}

.qual-cat-block .resultContent .wpb_wrapper h3{
  height: 300px;
}

.qual-cat-block .vc_column-inner{
  padding: 0;
  background-size: contain;
  background-repeat: no-repeat;
  
}

.qual-cat-block .leftPanel .vc_column-inner{
  background-position: right
}

.qual-cat-block .rightPanel .vc_column-inner{
  background-position: left
}

.qual-cat-block .rightPanel h3 a{
  justify-content: right;
  font-size: 38px;
  font-weight: 600;
  color: #F26122;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.qual-cat-block .leftPanel h3 a{
  justify-content: left;
  font-size: 38px;
  font-weight: 600;
  color: #97C93D;
  padding-top: 140px;
    padding-bottom: 140px;
  display: flex;
}
.page-id-27595 .btnGreen{
  font-size: 17px
}

#landing-heading-mod{
  padding-top: 20px;
  padding-bottom: 10px
}

.page-id-27595 .pathwaysIntroTxt{
  margin-bottom: 0
}

#landing-locations-section{
  padding-bottom: 75px
}

.page-id-27595 #qualPageSection{
  padding-top: 40px
}

.page-id-27595 .whyIMMGrad-slider, page-id-27595 .valueAdsSliderMobile {
bottom: unset !important;
}

.page-id-27595 .entry-content{
  padding-top: 0
}


#imgStripRow.vc_row  {
  background: #ffffff !important;
  border-radius: 10px;
  margin-bottom: 100px
}
.home .intrested-row:before, .home .whyIMMGrad-slider:before, .home #success-story-section-row >:nth-of-type(1):before {
  content: "" !important;
  background-image: url("https://imm.ac.za/wp-content/uploads/IMM-Hover-Guide-Arrow-2.svg") !important;;
  width: 110px;
  height: 200px;
display: inline-block; 
  position: absolute;
  background-repeat: no-repeat !important;
  left: -120px;
  top: -70px
}
#homeTopHeaderSection .intrested-row  {
  position: relative !important;
}

.cmaLogo a {
  text-decoration: underline
}
.cmaLogo:after {
  content: "";
  background-image: url("https://imm.ac.za/wp-content/uploads/CMA-Logo.svg");
    width: 60px;
  height: 60px;
  position: absolute;
  top: -15px;
  right: 15px
}
.name-info p {
  position: relative
}

.name-info p {
  margin-bottom:5px !important;;
  margin-top: 0
}
.video-btn img {
  max-width: 50px !important;
  margin-bottom: 15px !important;
  margin-right: 0 !important
}
.section-text .two-images{
  display: flex;
}

.section-text .two-images img{
  width: 49%;
  height: 220px;
  object-fit: cover
}

.category-dispatch-newsletters .entry-title span{
  display: block
}

/* 2024 home page updated */

#success-quotes .uk-margin{
  display: flex;
  align-items: center;
}

#success-quotes li{
  background: linear-gradient(#03579f 0%, #00325d 100%);
}

#success-quotes .qoute-image-container{
  max-width: 150px !important;
  border-radius: 100%;
  margin-right: 30px
}

#success-quotes .qoute-image-container img{
   object-fit:  cover;
  border-radius: 100%;

}

#success-quotes .qoute-text-container{
  max-width: 600px;
  text-align: left
}

#success-quotes .qoute-text-container p{
  font-size: 14px;
  color: #fff
}

#success-quotes .qoute-text-container p strong{
  font-weight: 700
}

#success-quotes {
  max-width: 950px;
  margin: auto;
  border-radius: 10px;
  overflow: hidden
}

#success-story-section-row .vc-hoverbox-back-inner h2, #success-story-section-row .vc-hoverbox-back-inner p, #success-story-section-row .vc-hoverbox-back-inner a{
  color: #fff
}
#success-story-section-row .vc-hoverbox-back-inner a:hover{
  color: #0B5391
}

#mod-two .vc-hoverbox-back{
  background-color: #CC633F !important;
}

#mod-four .vc-hoverbox-back{
  background-color: #D06B43 !important;
}

#mod-three .vc-hoverbox-back{
  background-color: #BF9647 !important;
}

#mod-one .vc-hoverbox-back{
  background-color: #455E5E !important;
}

#success-story-section-row .vc-hoverbox{
  height: 100% !important;
  max-height: 100% !important;
}

#mod-two{
  height: 600px;
}

#mod-one{
  height: 200px
}

#mod-three, #mod-four{
  height: 400px;
  padding-top: 5px
}

#right-row .vc_column_container > .vc_column-inner {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

#top-left-row .vc_column_container > .vc_column-inner{
  padding-right: 5px;
  padding-left: 0
}

#bottom-left-row .vc_column_container > .vc_column-inner{
  padding-left: 0;
  padding-right: 5px
}

#success-story-section-row .vc_column_container.vc_col-sm-8{
  padding-right: 0px !important;
}

#success-story-section-row .vc_column_container{
  padding: 0 !important;
}


#success-story-section-row{
  max-width: 950px;
  margin: 0 auto
}
  

.single-event .event-date-container.\34 -coll div{
  max-width: 24%
}

.single-event .event-date-container.\33 -coll div{
  max-width: 35%
}


.single-event .post-27292 .event-date-container.\33 -coll{
  margin-top: 0px !important;
}

.single-event .post-27292 .event-date-container.\34 -coll{
  margin-bottom: 20px
}

.single-event .event-date-container div{
  box-shadow: 0px 3px 35px rgb(0,0,0,0.16);
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  max-width: 20%;

}

.single-event .event-date-container{
    display: flex;
  justify-content: space-between;
  max-width: 1080px;
  margin: 30px 0
}

.single-event .event-date-container div strong{
  display: block
}

.single-event .immbenifits li{
  margin-bottom: 10px
}

.single-event h3{
  margin-top: 30px
}

.page-id-338  .rightPanel{
  min-height: unset !important;
}

.intrested-row{
  max-width: 1100px;
  margin: auto;
}


.resultContent label:hover{
  cursor: pointer
}



/*Postgraduate Studies at the IMM Graduate School page*/

.postGradForm {
  max-width: 1100px
}

.page-id-27041 .button {background-color: #97C93D !important;
  color: #fff !important;
  border-color: #97C93D;
  text-transform: unset;
  letter-spacing: unset
}
.page-id-27041 .button:hover {
  background-color: #FFF !important;
  color: #97C93D !important;
}

.qual-sub-head h2{
  color: #004987;
  font-weight: 400;
	  margin-top: 30px
}

/* Dispatch Newsletters 

#research-outputs .border-top {
  border-top: 1px solid lightgray !important;
  padding-top: 30px
  
}

.category-dispatch-newsletters .limit-500{
  max-width: 500px; margin: auto
}

.category-dispatch-newsletters .pad-btm{
  margin-bottom: 30px
}

..category-dispatch-newsletters .entry-title{
  background-color: #0B5391;
  color: #fff;
  text-align: center;
  padding: 30px 10px;
  font-weight: 500;
  text-transform: uppercase
}

#.g-container-main .category-dispatch-newsletters .entry-meta{
  background-color: #E2F3FF;
  color:  #0B5391;
  text-align: center;
  padding: 20px 10px;
  margin-top: 0 !important;
  
}

#.g-container-main .category-dispatch-newsletters .entry-meta a{
   color:  #0B5391 !important;
  font-size: 20px !important;
  font-weight: 500
}

..category-dispatch-newsletters .fa-clock-o::before{
  color: #0B5391 !important;
	  font-size: 20px !important;
}

..category-dispatch-newsletters .entry-header{
  border-bottom: unset !important;
  padding-bottom: 0 !important;
}
*/
#publications .blurb-mod .wpb_wrapper{
  align-items: center
}

.newsletter-section{
  border-top: 1px solid lightgrey;
  padding-bottom: 20px
}

.category-dispatch-newsletters .after-border:after{
  content: "";
  display: block;
  width: 200px;
  height: 3px;
  background-color: #0B5391;
  position: absolute;
  bottom: 0;
 left: 0;
  right:0;
  margin: auto
}

.category-dispatch-newsletters .after-border{
  position: relative;
  padding-bottom: 50px
}

#newsletter-bottom-section{
  margin-top: 50px;
  border-top: 1px solid lightgrey;
  padding-top: 50px;
  margin-bottom: 50px
}

.category-dispatch-newsletters .welcome-section h2{
  background-color: #0B5391;
  color: #fff !important;
  padding: 20px 10px;
  text-align: center
}

.category-dispatch-newsletters .main-sections{
  background-color:  #0B5391 !important;
  border-radius: unset !important;
  padding: 20px 10px !important
}

.category-dispatch-newsletters .main-sections h2{
  color: #fff !important;
  text-align: center
}

.category-dispatch-newsletters .section-text h4{
  background-color: unset;
  color: #F3743C !important;
 text-align: center !important;
  display: block
}

.category-dispatch-newsletters .section-text h3{
  background-color: unset;
  color: #000000 !important;
  display: block;
  max-width: 600px;
  margin: 0 auto;
	 font-size: 18px !important
}


#g-container-main .category-dispatch-newsletters section h3 strong{
  font-weight: 500 !important;

}

.category-dispatch-newsletters .two-images .wpb_wrapper{
  display: flex;
  justify-content: space-between
}

.category-dispatch-newsletters .two-images .wpb_wrapper p{
  width: 49%
}

.category-dispatch-newsletters .blurb-mod .wpb_wrapper{
  display: flex;
  justify-content: space-between
}

.category-dispatch-newsletters .blurb-mod .left-coll{
  width: 20%
}

.category-dispatch-newsletters .blurb-mod .right-coll{
  width: 75%
}

.category-dispatch-newsletters .border-bottom{
  border: unset !important;
}

/* _______________________________________________ */

.dateContainer {
    display: flex;
    justify-content: space-between
  }

  

  .dateContainer .contentContainer {
    width: 32%;
  
  }
  .dateContainer .contentContainer .enqBtn {
    display: block;
    margin-top: 15px;
  
  }
  .singleeventbannerimg img {
    width: 100% !important
  }

.post-type-event .entry-content{
  padding-right: 0 !important;
}

#email-row #gform_54 {
  background-color: #F5F5F5 !important;
  padding: 30px;
}
#email-row .gform_heading {
  text-align: center
}


.page-id-26894 #why-choose-section {
  padding-top: 50px
}

#how-to-text-mod{
  margin-bottom: 80px
}


#how-to-text-mod.gen-text-mod h2{
  color: #97C93D !important;;
  font-size: 25px;
}

.page-id-26894 #why-choose-section .gen-text-mod h2{
  font-weight: 300;
  font-size: 25px;
  line-height: 34px;
  color: #707070;
  max-width: 680px !important;
  margin-bottom: 25px;
}

.page-id-26894 #why-choose-section .gen-text-mod .button-container {
  display: flex;
  max-width: 390px;
  justify-content: space-between;
  margin: 020px auto;
}
.page-id-26894 .heading-mod {
  max-width: 700px
}
.page-id-26894 .entry-content{
  padding-top: 0
}

.page-id-26894 #heading-row{
  max-width: 1250px !important;
}

.page-id-26894 #heading-row h2{
  margin-bottom: 15px
}

.page-id-26894 #aacreditation-info h3{
  margin-bottom: 10px
}

.page-id-26894 #cta-row{
  padding-bottom: 50px
}

#what-you-need{
  padding: 70px 0;
  margin: 80px 0 !important;
  position: relative
  
}

#what-you-need h2:before{
  content: "";
  width: 300px;
  height: 1px ;
  background-color: #CCDAE7;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0

}

#what-you-need:after{
  content: "";
  width: 300px;
  height: 1px ;
  background-color: #CCDAE7;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0

}



.temp-Notice {
  background-color: #fff5e4;
  padding: 10px 10px 20px 10px !important;
}
.wpmm-sticky.wpmm-sticky-wrap .wpmm-nav-wrap{
  width: 100%
}



#submition-form .gen-content-mod{
  max-width: 720px;
  margin: auto;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.16);
  padding: 20px;
  overflow: hidden;
}

#submition-form{
  margin-bottom: 50px;
  margin-top: 20px
}
#submition-form .gform_title{
font-family: Roboto;
font-weight: 500;
font-size: 20px;
line-height: 25px;
text-align: center;
color: #97c93d;
  margin-top: 20px;

}

#submition-form .gsection_title{
font-family: Roboto;
font-weight: 300;
font-size: 18px;
text-align: center;
color: #216096;

}

#theme-limit-row{
  max-width: 1100px;
  margin: auto
}

#theme-limit-row .gen-content-mod p{
  text-align: center
}

#newsletters .vc_grid-container{
  margin-bottom: 0
}
#theme-row-one .wpb_text_column, #theme-row-two .wpb_text_column{
  margin-bottom: 20px
}

#submition-form .gfield--type-section{
  border: none;
  margin-top: 30px
}

#gform_submit_button_53{
  background-color: #97C93D;
  border: 1px solid #97C93D;
  border-radius: 5px;
  text-transform: capitalize;
  font-weight: 400;
  letter-spacing: 0;
  padding: 10px 30px !important
}

#profile-row{
  max-width: 900px;
  margin: auto
}
#staff-research-profiles .sub-heading-mod h3{
  text-align: center
}

.theme-mod img{
  max-height: 250px;
  object-fit:  cover
}

.theme-mod h3{
  font-family: Roboto;
font-weight: 200;
font-style: italic;
font-size: 15px;
line-height: 21px;
color: #434343;

}

.theme-mod li{
font-weight: 200;
font-size: 15px;
text-align: left;
color: #434343;

}

.blue-button{
  background-color: #004987;
  color: #fff !important;
  padding: 10px 30px;
  border-radius: 5px;
   text-align: center;
    border: 1px solid #004987
}

.blue-button:hover{
  background-color: transparent;
    color:  #004987 !important;
}

.green-button{
  background-color: #97C93D;
  color: #fff !important;
  padding: 10px 30px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #97C93D
  
}

.green-button:hover{
   background-color: transparent;
    color:   #97C93D !important;
}

.theme-mod .button-conainer{
  display: flex;
  justify-content:  space-between
}

.theme-mod .green-button, .theme-mod .blue-button{
  width: 48%
}
#theme-row-one .wpb_column .vc_column-inner, #theme-row-two .wpb_column .vc_column-inner{
border-radius: 10px;
background: #fff;
box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.16);
  padding: 0;
  overflow: hidden

}

.theme-mod p:first-of-type, .theme-mod img{
  margin-top: 0
}

.theme-mod h3, theme-mod, ol, .theme-mod .button-conainer{
  margin-left: 15px;
  margin-right: 15px
}

#theme-row-one, #theme-row-two{
  max-width: 1100px;
  margin: auto
}


.appPortal {
  display: flex;
  width: 1400px;
  justify-content:  space-between
}
.registerForm, .loginForm, .passwordForm{
  box-shadow: 0px 3px 35px rgb(0,0,0,0.16);
  padding: 20px;
  border-radius: 15px;
}
.registerForm {
  margin-bottom: 20px;
  width: 48% !important;
}
.loginForm {
  margin-bottom: 20px;
  width: 48% !important;
}
.registerForm .inputField, .loginForm .inputField {
  margin-bottom: 7px
}

.full-width-unset{
  width: initial !important;
}


.no-border{
  border-top: unset !important
}

.border-top{
  margin-top: 30px;
  border: unset !important;
  margin-bottom: 20px
  
}

.border-btm{
  border-bottom: 1px solid lightgray;
  padding-bottom: 30px
}
.we-need-you-section.border-btm{
  margin-bottom: 0px;
  padding-bottom: 30px
}
/* ACADEMIC RESEARCH PAGE */

.abstract-content .limmitIntroTxt[data-readmore] {
  font-weight: 200;
}

.page-id-26651 #pdfDownloads{
  margin-top: 0
}

.personImg img{
 width: 500px !important;
}

#staff-research-profiles .awsm-grid-wrapper .grid-5-col > .awsm-grid-card {
	width: 19.98%
}

.download-button{
  display: block !important;
  margin-left: 30px
}

.download-button i{
  left: -30px !important;
  color: #97C93D;
}

.download-button button{
  padding: 10px !important;
  color: #272727 !important;
}

#research-policies-and-procedures .sub-heading-mod{
  margin-bottom: 10px
}
#newsletters .vc_gitem-zone{
  overflow: visible !important;
}

.drawer-style.style-2 figcaption {
background: rgba(96, 96, 96, 0.74);
    text-align: center;
}

#staff-research-profiles .awsm-personal-info span{
  color: #fff;
  text-transform: math-auto;
  font-size: 13px;
  text-align: center
}

#staff-research-profiles .awsm-personal-info h3{
  font-weight: 400
}

.sub-heading-mod h3{
  margin-top: 10px
}

.sub-heading-mod{
  margin-bottom: 10px
}

#staff-research-profiles{
  padding-bottom: 30px;
  margin-bottom: 30px
}

#newsletters .sub-heading-mod{
  margin-bottom: 20px
}

#research-publications, .vc_custom_1709629694377{
  padding-bottom: 30px !important;
  margin-bottom: 30px;
  padding-top: 50px
}

#postgraduate-studies{
  padding-bottom: 30px !important;
}



.numbering-mod li{
  margin-bottom: 15px
}


.sub-heading-mod h2{
font-family: Roboto;
font-size: 20px;
line-height: 25px;
color: #97c93d;
  font-weight: 400

}

.sub-heading-mod h3{
font-family: Roboto;
font-weight: 200;
font-size: 18px;
line-height: 25px;
color: #216096;

}

.gen-content-mod p, #staff-research-profiles p, .gen-content-mod li, #newsletters p{
font-family: Roboto;
font-size: 15px;
line-height: 21px;
color: #434343 !important;
  font-weight: 200

}
.sub-heading-mod h3{
  margin-top: 10px
}

.sub-heading-mod{
  margin-bottom: 10px
}



/* __________________ */



/* Board Page */

.page-id-214 .width306{
  max-width: 100%;
  padding-bottom: 40px !important;
}

.contactBlock {
  box-shadow: 0px 3px 35px rgb(0,0,0,0.16);
  max-width: 1000px;
  padding: 20px;
  margin-top: 50px;
  border-radius: 15px
}
.heroSection {
  position: relative;
  z-index: -0
}

.heroSection:after {
  content: "";
   height: 100px !important;
  background-image: url(https://imm.ac.za/wp-content/uploads/Blue-strip.svg);
  background-size:  cover;
  background-repeat: repeat-x;
  display: block;
  bottom: 0px;
  position: absolute;
  width: 100%;
  top: 297px;
  z-index: -1
}


/* IMM DOWNLOADS PAGE */

.thumbMod {
  filter: drop-shadow(2px 5px 17px #a9a9a9);
  background-color: #fff;
  transition: all 0.2s;
}
.thumbMod img {
  margin-bottom: 15px !important;
  margin-top: 0px !important;
}
.thumbMod p {
  font-size: 18px;
  padding-bottom: 15px
  
}

.thumbMod:hover {
  filter: drop-shadow(0px 0px 5px #a9a9a9);
  background-color: #fff;
  transition: all 0.2s;
}

/*----*/

.vc_tta-panel .gform_button  {
  background-color: #004987 !important;
}

.gradInfo a {
	background-color: #F26122;
}
.stickyApply a {
  background-color: #97C93D
}
.post .wp-block-image{
  margin-right: 0;
  margin-left: 0
}

.page-id-217 #whyStudyWithUsContentRow h3{
  color: #004987;
  font-size: 20px;
}

/* ONLINE COURSES LANDING PAGE */
#hero-image-mod .vc_custom_1710333938425{
  margin-bottom: 0px !important;
}

.couponCodeblk {
  text-align: center;
  background-color: transparent;
  padding: 20px 0px;
  max-width: 1800px;
  margin: 0 auto
}
.couponCodeblk h3 {
  font-weight: 300 !important;
  color: #fff !important;
}

.signUpBtnMod{
  max-width: 250px;
  margin: auto;
  padding-bottom: 30px
}

.signUpBtnMod a{
  background-color: #ED8564;
  border-color: #ED8564 !important;
}

.signUpBtnMod a:hover{
  border-color: #ED8564 !important;
  color: #ED8564 !important
}

.transfer-info-mod h2{
  font-size: 34px;
  color: #6DC4E9;
  max-width: 580px;
  margin: auto
}

.transfer-info-mod h3{
  font-size: 24px;
  color: #004987;
  font-weight: 500;
  max-width: 650px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 40px
}

.transfer-info-mod:after{
  content: "";
  background-image: url(/wp-content/uploads/Transfer-your-qualification-hassle-free-enjoy-stress-free-learning-Image.png);
  background-size:  contain;
  background-repeat:  no-repeat;
  position: absolute;
  max-width: 100%;
  width: 100%;
  height: 340px;
  bottom: -60px;
  right: -600px
  
}

.transfer-info-mod{
  position: relative;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
    margin-top: 60px
}


#transfer-study-row:before{
  content: "";
  width: 100%;
  max-width: 100%;
  height: 20px;
  background-color: #6DC4E9;
  position: absolute;
  bottom: 0
}

#transfer-study-row{
  position: relative
}

.transfer-info-mod .greenTxt{
  color: #97C93F
}

.transfer-info-mod .orangeTxt{
  color: #F26122
}

.tranfer-image:after{
  content: "";
  width: 5000px;
  height: 10px;
  background-color: #6DC4E9;
  position: absolute;
  bottom: 0;
  z-index: -1;
  left: 0;
  right: 0;
  margin: auto
}

.tranfer-image{
  position: relative;
  z-index: 99
}

#email-row .gen-text-mod p{
  font-family: Roboto;
font-weight: normal;
font-size: 16px;
line-height: 23px;
color: #545454;

}

#email-row .gen-text-mod h2{
font-weight: 300;
font-size: 20px;
line-height: 28px;
color: #545454;
max-width: 100%;
  padding-top: 5px !important;
}

#email-row{
  max-width: 990px!important;
}

.greyBtn{
  background-color: #BCBEC0;
  color: #fff;
  padding: 10px 25px;
  border-radius: 5px;
}

.greyBtn:hover{
  background-color: #97C93D;
  color: #fff
}

#email-row .greyBtn{
  margin-top: 20px !important;;
  display: inline-block
}

.page-id-26109 #why-choose-section{
  padding-top: 60px;
  padding-bottom: 0
}

.page-id-26109 #why-choose-section .gen-text-mod h2{
font-weight: 300;
font-size: 25px;
line-height: 34px;
color: #707070;
  max-width: 826px;
  margin-bottom: 25px

}

.page-id-26109 #why-choose-section .gen-text-mod li{
color: #545454;

}

.page-id-26109 #why-choose-section .gen-text-mod ul{
  max-width: 580px
}

.page-id-26109 #why-choose-section .gen-text-mod .button-container{
  display: flex;
  max-width: 390px;
  justify-content: space-between;
  margin: 020px auto;
  
}

.page-id-26109 #why-choose-section .gen-text-mod .button-container .orangeBtn:first-of-type{
  margin-right: 20px ;
}

.orangeBtn{
  background-color: #F26122;
  padding: 10px 25px;
  border-radius: 5px;
  color: #fff
}

.orangeBtn:hover{
  background-color: #97C93D;
  color: #fff
}

.tick-text-box{
border-radius: 5px;
background: #fff;
box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.16);
  padding: 40px 20px 20px 20px

}

.tick-text-box h3{
font-weight: 300;
font-size: 18px;
color: #104180;

}

.tick-text-box p{
font-weight: 300;
font-size: 15px;
color: #707070;

}

.tick-text-box img{
  position: absolute;
  top: -30px;
  left: 0;
  right: 0
}

#tick-box-row{
  margin-top: 30px !important;
}

#moving-studies-section .tick-box-row{
  max-width: 960px !important;
}

#aacreditation-info h3{
  color: #97C93D;
  font-size: 25px;
  font-weight: 300
}

#aacreditation-info h3 ~p{
  margin-top: 0 !important;
}

#aacreditation-info a{
  color: inherit;
  text-decoration: underline;
  padding-top: 10px !important;
  display: block
}

#aacreditation-info a:hover{
  color: #97C93D
}

#aacreditation-info a:first-of-type{
  margin-bottom: 30px
}

#aacreditation-info{
  padding-top: 10px !important;
}

.newBlueBtn{
  background-color: #114987;
    color: #fff;
  padding: 10px 25px;
  border-radius: 5px

}

.newBlueBtn:hover{
  color: #fff;
  background-color: #97C93D
}

.page-id-26109 #cta-row .newBlueBtn{
margin-top: 10px !important;
  display: inline-block
}

.page-id-26109 #cta-row{
  margin-bottom: 58px !important;
}

#moving-studies-section .gen-text-mod h2{
  color: #fff;
  font-weight: 300;
  max-width: 810px !important;;
  padding-bottom: 10px !important;
}

#moving-studies-section .gen-text-mod p{
  color: #fff;
  padding-bottom: 10px !important;
    max-width: 810px !important;;
}

#moving-studies-section{
  padding-top: 90px;
	  padding-bottom: 60px
}
.page-id-26109 .sub-head-mod{
  margin-bottom: 0 !important;
}

.page-id-26109 #intro-row .vc_column-inner {
  padding-top: 0
}

.page-id-26109 .tranfer-image p{
  margin-top: 0
}

.page-id-26109 .entry-content{
  padding-top: 10px;
	  padding-bottom: 40px
}

.page-id-26109 .gen-text-mod p{
line-height: 23px;

}

.page-id-26109 #main-content-row, .page-id-26109 #cta-row{
  max-width: 970px !important
}

.page-id-26109 .heading-mod h1, .page-id-26109 .heading-mod{
  max-width: 100% !important;
}

.page-id-26109 #heading-row{
  max-width: 980px !important;
}

.page-id-26109 #heading-row h2{
max-width: 860px;
  margin: 0 auto;
  padding-bottom: 20px

}

.page-id-26109 #intro-row{
  background-position: bottom !important;
}

.tranfer-image{
  margin-bottom: 0 !important;
}

.page-id-26063 .hero-slogan h3:before{
  position: absolute;
  content: url(/wp-content/uploads/Hero-After-Element.svg);
  z-index: -1;
  bottom:0;
  height: 60px;
  overflow: hidden;
  left: -120%
   
}

.page-id-26063 .hero-slogan{
  position: relative;
  bottom: 0 !important;
  margin-bottom: 0 !important
}

.page-id-26063 .hero-two-col{
  position: relative;
z-index: 1 ;
}

.page-id-26063 .hero-slogan h3{
  color: #fff;
  font-size: 38px;
  padding-bottom: 9px
}

.institute-logo h2{
  color: #004987;
  text-transform: uppercase;
  font-size: 38px
}

.institute-logo img{
  max-width: 250px;
  margin-bottom: 5px !important;
  margin-top: 30px
}

.page-id-26063 .hero-image img{
  max-height: 302px;
  object-fit:  contain
}

.page-id-26063 .hero-image{
  margin-bottom: 0
}

.page-id-26063 #intro-row{
  margin-bottom: 80px !important;
}

#main-content-row .gen-text-mod:first-of-type{
  margin-bottom: 53px
}

#main-content-row .gen-text-mod:last-of-type{
  margin-bottom: 20px
}

#main-content-row .gen-text-mod li{
  font-size: 16px;
  color: #545454
}

#intro-row{
  margin-bottom: 50px
}

.page-id-26063 .entry-content{
  padding-top: 0;
  padding-bottom: 0
}

.sub-head-mod{
  margin-top: 30px;
  margin-bottom: 65px
}

.heading-mod p{
  margin-top: 0;
font-weight: 300;
font-size: 20px;
color: #707070;

}

#why-choose-section{
  padding-top: 200px;
  padding-bottom: 80px;
	 margin-top: -110px
}

.gen-text-mod h2{
font-weight: 300;
font-size: 25px;
line-height: 29px;
color: #004987;
  max-width: 480px;
  margin: 0 auto;
  padding-bottom: 0px

}

#why-choose-section .gen-text-mod p, #why-choose-section .gen-text-mod li{
font-weight: 400;
font-size: 16px;
line-height: 23px;
color: #272727;

}

#why-choose-section .gen-text-mod li{
  list-style-image: url(/wp-content/uploads/Green-Tick.svg);
  margin-bottom: 18px;
}


#why-choose-section .gen-text-mod ul{
  max-width: 498px;
  margin: 0 auto;
  padding-top: 24px;
  padding-bottom: 1px
}

#courses-row .vc_column-inner{
border-radius: 10px;
background: #f0f5fa;
/* padding: 1px 17px 17px 17px */
}

.course-mod h3{
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: #004987;
border-bottom: 1px solid #97C93D;
  padding-bottom: 20px
}

.course-mod .course-info{
height: 95px;
font-weight: 300;
font-size: 15px;
line-height: 19px;
color: #545454;
  overflow: hidden;
  margin-bottom: 20px

}

.newWhiteBtn{
  font-family: "Open Sans";
font-weight: 700;
font-size: 15px;
color: #004987;
  background-color: #fff;
  padding: 10px 25px 13px 25px;
  border-radius: 5px

}

.course-mod .newWhiteBtn{
  display: block;
  text-align: center
}

.heading-mod h1{
font-weight: 300;
font-size: 40px;
line-height: 53px;
text-align: center;
color: #004987;
	 max-width: 780px;
  margin: 0 auto
}

.heading-mod{
  max-width: 790px;
  margin: 0 auto
}

.sub-head-mod h2{
font-weight: 300;
font-size: 25px;
line-height: 34px;
color: #707070;

}

.content-row{
  max-width: 885px !important; 
  margin: auto !important;
}

.gen-text-mod h3{
  color: #C28F3E;
  font-weight: 500;
  font-size: 20px
}

.gen-text-mod p{
font-weight: 300;
font-size: 16px;
line-height: 19px;
text-align: left;
color: #545454;

}




/* NEWSLETTERS*/

.section-text {
  margin-bottom: 10px;
  padding-top: 20px;
  margin-top: 20px
}

.section-text h3 {
  font-size: 15px !important;
  margin-bottom: 5px;
}
.main-sections {
  background-color: #f0f0f0;
  padding: 10px !important;

}


/* WORK AT IMM */

.page-id-25602 .pageTitle{
  margin-bottom: 30px
}

/* __________________ */

#hyflexHeadMod h1 {
  padding: 10px 0;
  color: #004987;
    font-size: 30px;
  font-weight: 400;
  color: #004987;
}
#hyflexHeadMod h2{

  color: #004987;
    font-size: 25px;
  font-weight: 100;
  color: #004987;
}

#hyflexHeroSection{
  background-position: top !important;
}

#pathwayBtn a{
  max-width: 160px;
  text-align: center;
  padding: 10px 15px !important;
  border-radius: 5px;
  color: #fff ;
  text-decoration: none !important}


#pathwayBtn.returningStudents a{
  background-color: #6EC4E9;
  border: 1px solid #6EC4E9
}


#pathwayBtn.returningStudents a:hover{
  background-color: #fff;
  color: #6EC4E9;
}

#pathwayBtn.newStudents a{
  background-color: #F26122;
  border: 1px solid #F26122
}


#pathwayBtn.newStudents a:hover{
  background-color: #fff;
  color: #F26122;
}

#pathwayBtn {
  padding-top: 30px;
  padding-bottom: 30px
}

#pathwayMod .vc_tta-panel, #pathwayMod .vc_tta-panels{
  border: none !important;
}

#pathwayMod .vc_active > a{
  border: unset;
  border-bottom: 3px solid #0B5391 !important;
  border-radius: 0
}

#pathwayMod .vc_tta-tab > a{
  border: unset;
  border-radius: 0px;
  border-bottom: 3px solid #DCDCDC;
  background-color: unset;
  margin-right: 30px;
	padding: 0px 0px 8px 0px
 
}
#pathwayMod ul{
  display: flex !important;
  justify-content: center;
  margin-bottom: 10px
}

#pathwayMod .legendName .wpb_wrapper p, .refMod p{
  font-size: 12px;
  
}

#campusSection .HyflextIntroTxt{
  padding-top: 0px !important;
}

#legendCol .wpb_wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
}

#legendCol p{
  margin: 0
}

#pathwayMod{
max-width: 1080px;
  margin: auto;
  margin-top: 50px !important
}

#legendCol .wpb_wrapper div{
  margin-bottom: 0
}
.refMod{
  margin-bottom: 20px
}

#campusSection p, #sscSection p{
  margin-top: 0
}

.campusLegend{
  max-width: 700px; 
  margin: auto;
  margin-top: 50px
}
.vc_grid-btn-load_more a{
  background-color: #0B5391 !important;
  color: #fff !important;
  padding: 7px 15px !important;
}

.vc_grid-btn-load_more a:hover{
  background-color: #97C93D !important;
  color: #fff !important;
}

/* CORPORATE EVENTS */

#mec_book_form25761 .mec-ticket-price-label, #mec_book_form25761 .mec-ticket-subtotal-wrapper{
  display: none
}

#mec_book_form25761 .mec-ticket-detail{
  margin-top: 30px;
  margin-bottom: 0;
  padding-bottom: 0;
  border: none
}


.mec-event-ticket-price, .mec-ticket-price{
  font-size: 15px !important;
  font-weight: 200 !important;
  color: #606367 !important;
}

.mec-booking-form-container{
  display: flex
}

.mec-booking-form-container h4{
  order:-2
}
.mec-book-tickets-container{
  order: -1
}

.mec-book-ticket-container{
  display: flex;
  flex-wrap:  wrap
}

.mec-book-tickets-reg-fields-container{
  order: -1
}

.single-mec-events .col-md-8{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;

}

.mec-event-export-module{
  order: 1 !important;
}

.mec-wrap .flip-clock-wrapper ul {
	height: 61px !important
}

.single-mec-events .mec-container h1 {
  margin: 0 !important;
  font-weight: 400
}

.single-mec-events .mec-event-content{
  padding-bottom: 5px
}

.single-mec-events #comments{
  display: none
}

.single-mec-events .mec-single-event{
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 50px
}

.single-mec-events .mec-single-event .col-md-8{
  padding-left: 0
}

.mec-events-event-image img{
  max-width: 100%;
  width: 100%
}

.mec-event-footer .mec-booking-button{
  border: 1px solid #97C93D !important;
background-color: #97C93D !important;
padding: 10px 20px 10px !important;
border-radius: 0px;
text-transform: capitalize !important;
letter-spacing: 0px;
transition: ease-in-out 0.3s;
 color: #fff;
  height: unset;
  font-size: 15px;
  top: 10px;
}

.mec-event-footer .mec-booking-button:hover{
  background-color: #FFF !important;
  color: #97C93D !important;
  transition: ease-in-out 0.3s;
}

.mec-container{
  width: 100% !important;
  max-width: 100%;
  padding: 0px !important;
}

.mec-container .mec-skin-grid-container{
  margin-left: 50px;
  margin-right: 50px !important;
}

.mec-container h1{
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 70px;
  margin-bottom:30px;
  color: #004987;
line-height: 140%;
  font-size: 30px;
  font-weight: 400;
  font-family: "Roboto" !important;
}

.page-id-25772 .gform_title{
  display: none
}


.mec-single-event-category{
  display: none
}

.mec-event-ticket .mec-util-hidden{
  display: none !important;
}


/* HOME GREEN BANNER TEMP STYLE */

.closingDate {
  display: flex;
  justify-content: center;
  vertical-align: middle !important;
  align-items: center;
  padding-bottom: 20px;
  padding-top: 14px;
}
.closingDate .slideHeading {
  margin-right: 8px !important;
}
.closingDate .sliderBtn:hover{
  color: #004987 !important;
}
.closingDate #timer {
  margin: 0;
  color: #004987;
  font-size: 25px;
  line-height: unset;
  margin-bottom: 0px;
  margin-right: 8px
}
.closingDate .smlTxt{
  font-size: 20px !important;
  margin-right: 20px;
  line-height: unset !important;
}
.closingDate p{
  margin: 0;
  padding: 0 !important;
  margin-top: 0px
}
.closingDate .ai-optimize-31 {
  margin-top: 6px
}

/* JOB LISTINGS */

.single-awsm_job_openings .meta-date {
  display: none !important;
}

.archive .awsm-job-specification-job-location{
  display: flex;

}

.archive .awsm-job-specification-job-location span{
  margin-right: 5px
}

.archive .awsm-job-specification-job-location .awsm-job-specification-term{
  margin-top: 0
}


.awsm-job-more{
  color: #97C93D;
  font-size: 14px
}

.awsm-job-archive-content .awsm-job-post-title{
  color: #0B5391;
  font-weight: 500;
  margin-bottom: 0 !important;
}

.single-awsm_job_openings ul, .single-awsm_job_openings span, .single-awsm_job_openings p {
  margin-top: 3px !important;
}
.single-awsm_job_openings h3, .awsm-job-specification-label strong {
  border-top: 1px solid lightgrey;
  padding-top: 15px !important;
  margin-top: 25px !important;
  display: block
}

.awsm-jobs-archive-title{
  margin-bottom: 50px
}

.awsm-job-archive-content{
  margin-left: 50px ;
  margin-right: 50px 
}
.awsm-job-container {
	margin: 0 !important
}

 .post-type-awsm_job_openings .entry-header{
   color: #004987;
   line-height: 140%;
   font-size: 30px !important;
}

.post-type-awsm_job_openings h1, .awsm-jobs-archive-title{
  color: #004987;
   line-height: 140%;
   font-size: 30px !important;
}

.post-type-awsm_job_openings h3, .awsm-job-specification-label{
   color: #004987;
   line-height: 140%;
   font-size: 20px !important;
  font-weight: 500
}

.post-type-awsm_job_openings .entry-meta{
  margin-bottom: 0 !important;
}

#g-mainbar .awsm-job-entry-content{
  padding: 0px !important;
}
.awsm-job-specification-term{
  display: block;
  margin-top: 20px;
  margin-bottom: 25px
}
.listing-page-awsm_job_openings .awsm-job-specification-term {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px
}
.listing-page-awsm_job_openings .awsm-job-specification-job-type .awsm-job-specification-term {
  margin-top: 2px;
  background-color: #f0f0f0;
  padding: 5px !important;
  border-radius: 5px;
  font-size: 13px
}
.listing-page-awsm_job_openings .awsm-job-post-title {
  margin-bottom: 5px  !important;
}


.post-type-awsm_job_openings .entry-header{
  display: block;
  margin-left: 50px;
  margin-top: 60px
}

.post-type-job_listing .jmfe-custom-field-label{
  font-size: 20px;
  text-transform: uppercase;
  display: block;
  margin-top: 50px
}

.post-type-job_listing .entry-meta{
  display: none
}

.post-type-job_listing .entry-header{
  display: block;
  margin-left:50px;
  margin-top: 50px
}


/* SLIDER */

  #featuredSlideRowHome.vc_row .uk-slider-items {
  min-height: 480px !important;
}

/* EVENTS */

.limmitintro-event{
    margin-top: 20px !important;
}

.eventdescription .readEvent{
  color: #97C93D;
  background-color: transparent;
  padding: 0 !important;
  text-align: left;
  border: none
}

#missTeen_form .gform_confirmation_message {
  text-align: center;
  padding-top: 20px;
  font-size: 18px
}
#missTeen_Section {
  max-width: 600px
}
#missTeen_form {
  box-shadow: 0px 3px 35px rgb(0,0,0,0.16);
  border-radius: 5px;
  padding: 15px;
  padding-bottom: 0
}
#missTeen_Row .wpb_text_column {
  margin-bottom: 0
}
.formSection_txt h3 {
  font-size: 13px !important;
  font-style: italic;
  color: #fff;
  padding: 10px !important;
  background-color: #004987;
  margin: 0 !important;
}
.formSection_txt {
  border-bottom: unset !important;
  padding: unset !important
}
.gform_fileupload_rules {
  font-size: 13px !important;
  padding-top:0 !important;
  color: lightgray
}

.event .entry-content .wp-block-image{
  margin: 0;
}

.eventbodycontent p{
  font-size: 15px !important;
}

/* GRADUATION 2023 */

.heroContentContainer {
  display: flex;
  max-width: 700px;
  margin: 0 auto;
  padding-bottom: 63px;
  align-items: center;
  
}
#heroSectionGrad .vc_column-inner {
  padding: 0
}
.heroContentContainer h1 {
  font-size: 40px;
  color: #fff;
  font-weight: 700 !important;
  line-height: 120%;
  margin-bottom: 20px
}
.heroContentContainer .left {
  width: 70%
}
.heroContentContainer .right {
  width: 50%
}
.heroContentContainer .goldColr {
  color: #B49873;
  font-size: 50px
}
.heroContentContainer h3 {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
.heroContentContainer .blueColr {
  color: #74C3E7
}
#gradInfoSection .vc_column-inner {
  padding-top: 15px
}

.heroContent:after {
  content: "";
  background-image: url(https://imm.ac.za/wp-content/uploads/Grad-info-golden-strip.svg) ;
  width: 100%;
  height: 100px;
  display: block;
  background-repeat: repeat-x;
margin-top: 10px;  
  position: absolute;
  bottom: 0;
  background-size:  cover
}
.heroContent h3 {
  padding-bottom: 10px
}

.gradMenuItem a {
  background-color: #F26122
}
#gradRow {
  max-width: 720px;
  box-shadow: 0px 3px 35px rgb(0,0,0,0.16);
  margin: 0 auto;
  border-radius: 10px;
  text-align: center;
  padding: 50px;
  padding-bottom: 220px;
  background-position: bottom !important;
  margin-bottom: 50px;
  margin-top: 70px
}
#gradRow h2 {
  color: #97C93D;
  max-width: 450px;
  margin: 0 auto;
  line-height: 140%;
  font-size: 30px;
  margin-bottom: 30px !important;
  display: block;
  font-weight: 300
}
#gradRow .subTxt {
  font-size: 20px;
  margin-bottom: 20px !important;
  display: block
}
#gradRow em {
	font-size: 18px;
	color: #BCBEC0
}
#gradRow a {
  background-color: #004987;
  padding: 8px 15px !important;
  color: #fff;
  border-radius: 5px
}

#gradInfoRSVPSection .gform_wrapper input.gform_button {
  background-color: #004987;
  border: none;
}
#gradInfoRSVPSection .gform_wrapper input.gform_button:hover {
  background-color: #97C93D;
}


.gradDownloadLinks {
    box-shadow: 0px 3px 35px rgb(0,0,0,0.16);
  border-radius: 10px;
  padding-bottom: 20px !important;
  background-color: #fff;
  margin-top: 50px
}
#gradInfoRSVPSection .vc_column-inner {
  padding-left: 0;
  padding-right: 0;
}
#gradInfoRSVPSection .vc_tta-panel-title a {
  padding-left: 30px
}
#gradInfoRSVPSection .vc_tta-controls-icon {
  left: 0px !important;
}
#gradInfoRSVPSection {
  margin-top: 30px
}
#gradInfoRSVPSection .vc_active .vc_tta-controls-icon:before {
  border-color: #fff !important;
}
#gradInfoRSVPSection .vc_active .vc_tta-controls-icon {
  left: 10px !important;
}

/* HYFLEX PAGE */

.benifitHyflexTxt li{
  list-style-image: url(/wp-content/uploads/Green-Bullet-tick.svg);
  color: #707070
}

#studentBenifitRow{
  max-width: 1190px;
  margin:auto;
  display: flex
}

.benifitSloganTxt p{
  color: #8BC024;
  font-weight: 700;
  font-size: 25px;
  margin: 0

}

.benifitSloganTxt{
  margin: 0 !important;
}

#studentBenifitRow .wpb_column{
 display: flex;
 align-items: center
}

.page-id-24942 .topNotificationHeadingTxt, .page-id-24942 .breadCrumbsWidget{
  display: none
}

.page-id-24942 .entry-content{
  padding-top: 0
}

#hyflexHeroSection{
  padding-top: 600px

}
/* #hyflexHeroSection:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
    top: 53%;
    transform: translate(-50%,-50%);
  width: 500px !important;;
  height: 500px;
  background-image: url(https://imm.ac.za/wp-content/uploads/Hyflex-Learning-Layer-1-landing-page.png);
  background-size: contain;
  background-repeat: no-repeat
     
} */

.heroTxt h1{
  font-size: 50px;
  color: #fff;
  font-weight: 500
}

.heroTxt h3{
  color: #8BC024;
  font-size: 30px;
  font-weight: 500;
  margin-top: 7px
}
.HyflextIntroTxt h3{
  color: #707070;
  font-size: 25px;
  max-width: 816px;
  margin: auto;
  font-weight: 200
}

.HyflextIntroTxt p{
  max-width: 910px;
  margin: auto;
  margin-top: 25px;
  color: #707070
}

#hyflexHeroSection{
  margin-bottom: 30px
}

.subHeading h2{
  color: #104180;
  font-size: 20px;
  font-weight: 700
}

.subHeading{
  margin-bottom: 10px;
  margin-top: 30px;
}

.generalContent {
  max-width: 784px;
  margin: auto
}

.generalContent p{
   color: #707070;
}

#learningTable{
  margin-bottom: 50px !important;
}

.HyflextIntroTxt2{
  max-width: 527px;
  margin: auto;
  padding-bottom: 10px
}

.benifitSloganTxt em{
  font-size: 23px;
  font-weight: 200
}



/* ________________________________________________________ */

/* NEW UX SITE 2022 */

.noEventsMessage {
  text-align: center !important;
  display: block;
  font-size: 15px;
  font-weight: 300 !important;
}

/* MISS TEEN SECTION */
#missTeenSection  {
  border-bottom: 1px solid #E5E5E5 !important;
  padding-bottom: 0px !important;
  margin-left: 50px;
  margin-right: 50px;
}
.misTeenImg {
  margin-bottom: 0
}
.missTeenTxtMod {
  max-width: 450px;
  margin-left: auto;
	margin-bottom: 0 !important
}
#missTeenSection .vc_row {
  display: flex;
  align-items: center
}
#missTeenSection a {
  display: inline-block;
  background-color: #004987;
  border-radius: 5px;
  border-color: #004987;
  padding: 7px 10px !important;
  font-weight: 300 !important;
  font-size: 15px;
  margin-top: 5px
}
#missTeenSection a:hover {
  color: #004987;
  background-color: transparent 
}
#missTeenSection p {
  font-size: 20px;
  font-weight: 200 !important;
}

/*  */

.whiteBtn {
  background-color: transparent !important;;
  color: #004987 !important;
}
#tenReasonsWhy .whiteBtn:hover {
  background-color: #004987 !important;;
  color: #fff !important;
}

.eventregisterbtn {
  position: absolute;
  bottom: 20px
}

.questionContent h3 {
  margin-top: 50px
}
.blueBtn {
  padding: 10px;
  color: #fff;
}

.noEventsMessage{
  font-size: 15px;
line-height: 140%;
font-weight: 300;
color: #fff;
}

.page-id-21758 .qualRow .btnGreen {
  display: block !important;
}

#logo-block {
 border: none !important
}

.wpmm-sticky-wrap .wpmm-nav-wrap {
 text-align: center
}

	.programPrice > em, .programmeSubHeadings > em {
  	font-size: 14px;
 	 display: block
	}
	.programPrice {
	  display: inline-block;
	  margin-top: 10px;
	  margin-bottom: 5px
	}

.slideHeading .sliderBtn:hover{
  color: #014987 !important;
  text-decoration: none !important;
}

.post-type-archive-event .entries .g-block.size-50, .search-results .entries .g-block.size-50 {
  box-shadow: 0 2px 30px rgba(0,0,0,.10);
    flex: 0 49% !important;
  width: 49% !important;
  margin-bottom: 1%;
  padding: 20px !important;
  border-radius: 10px

}
.post-type-archive-event .entries .g-grid, .search-results .entries .g-grid{
  justify-content: space-between
}
.post-type-archive-event .entries,  .search-results .entries {
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 50px
}
.post-type-archive-event .entries .entry-content,  .search-results .entries .entry-content {
  padding: 0 !important;
}
.post-type-archive-event .entries .entry-header, .search-results .entries .entry-header {
  padding-left: 0;
  padding-right: 0;
}
.post-type-archive-event .entries .meta-date, .search-results .entries .meta-date {
  
  background-color: #F0F5FA;
  box-shadow: 0 2px 30px rgba(0,0,0,.10);
  padding: 5px;
    text-align: center;
  color: inherit
}
.post-type-archive-event .entries .meta-date i, .search-results .entries .meta-date i{
  display: none;
}
.read-more.button {
  background-color: #97C93D;
  max-width: unset;
  text-align: center;
  padding: 10px 10px !important;
  border-radius: 5px;
  color: #fff;
  border: 1px solid #97C93D;
  text-decoration: none !important;
  text-transform:  lowercase
}



.gfield_label{
  font-weight: 300 !important;
}

.home a.post-thumbnail {
  margin: 0 !important;
}

.hideFormHeading_wrapper .gform_heading{
  display: none !important;
}
.newsletterSignupBox, .newslSubsrContainer{
  display: none !important;
}
#stay-connected, #alumShareStory{
  margin-top: 50px
}

#alumShareStory{
  margin-bottom: 50px
}

#stay-connected #field_20_16, #stay-connected #field_20_17, #stay-connected #field_20_18, #stay-connected #field_20_19, #stay-connected #field_20_20{
  display: none
}

#gform_submit_button_20, #gform_submit_button_21{
  background-color: #004987;
  border: 1px solid  #004987;
  text-transform:  capitalize
}
#gform_submit_button_20:hover, #gform_submit_button_21:hover{
  background-color: #fff;
  color: #004987
}

.drawer-style.style-2 .awsm-grid-padding {
  max-width: 100% !important;
}
#awsm-team-13326 .drawer-style.style-2 .awsm-details {
  width: 90% !important;
  max-width: 90% !important;
}

/* REVIEWS */

.reviewContainer{
  max-width: 1150px;
  margin: auto;
  display: flex;
  align-items: center;

 
}

.reviewColOne{
  display: flex;
  align-items: center
}

.reviewColOne iframe{
  width: 500px;
  height: 100% !important;
  max-height: 100% !important;
}

.reviewColOne .tb-fields-and-text{
  height: 100%
}

#successStoriesLeft .studentReviewBtn{
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

/* ARTCLES */


.single-post #g-container-main{
  max-width: 1300px;
  margin: 0 auto;
}

.single-event #g-container-main{
  max-width: 2000px;
  margin: 0 50px auto;
}

.single-post #g-container-main .g-block.size-70, .single-event #g-container-main .g-block.size-70{
  max-width: 1500px;
  width: 100% !important;
  flex: 0px !important
}

.single-post #g-container-main .g-block.size-30, .single-event #g-container-main .g-block.size-30{
  max-width: 500px !important;;
  width: 100% !important;
  flex: 0px !important
}


.single-post .g-grid, .single-event .g-grid, .single-event .g-grid, .single-event .g-grid{
    display: flex;
  justify-content: space-between;
}

.single-post .entry-content, .single-event .entry-content{
  padding-left: 0 !important;
  padding-right: 50px !important;;

}

.single-post .entry-header, .single-event .entry-header{
  margin-left: 0 !important;
}

.single-post #articleSidebar .widgettitle, .single-event #articleSidebar .widgettitle{
  font-size: 18px !important;
  color: #0A3671;
  margin-bottom: 10px
}

.single-post #articleSidebar .widget, .single-event #articleSidebar .widget{
  margin-bottom: 30px
}

.single-post #articleSidebar .widget_recent_entries li, .single-event #articleSidebar .widget_recent_entries li{
  margin-bottom: 10px;
}

.single-post #articleSidebar .widget_recent_entries a:hover, .single-event #articleSidebar .widget_recent_entries a:hover{
  text-decoration: none !important;

}

#articleSidebar .js-wpv-filter-form{
  display: none
}

#articleSidebar .widget_wp_views .widgettitle{
  margin-bottom: 30px !important;
}

@media screen and (max-width: 1484px) {
  .closingDate {
  display: block;

}
  .closingDate p {
    text-align: center
  }
  .closingDate #timer {
    padding-top: 8px
  }
}

@media screen and (max-width: 1180px) {
  #menu-mobile-menu, #mobileAppBtns {
    display: none
  }
    #featuredSlideRowHome.vc_row .uk-slider-items {
  min-height: 600px !important;
}
}

@media screen and (max-width: 1270px){
  .copyInfoRight .g-content {
  display: flex;
  align-items: flex-end !important;
  flex-wrap: wrap !important;
  flex-direction:  column;

}
.copyInfoRight .footerSocialIcons {
  margin-top: 20px;
  width: 50% !important;
  
}
  
  .single-post #g-container-main, .single-event #g-container-main{
  margin: 0 30px !important;
}
}
@media screen and (max-width: 951px){
	
	  .transfer-info-mod:after{
  width: 210px;
    left: 0;
    right: 0;
    margin: auto
}

.transfer-info-mod{
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 320px;
}
  
  .featuredColLeft .slideTxt h2 {
    font-size: 90px !important;
  }
   .featuredColLeft .slideTxt h3 {
    font-size: 30px !important;
  }
  .gradMod img {
    text-align: center !important;
    margin: 0 auto !important;
    margin-bottom: 50px !important;
  }
  #gradRow br {
    display: none
  }
  .copyInfo svg {
    margin: 0 !important;
  }
  .copyInfo .textwidget .container {
    max-width: 100% !important;
    width: 100% !important
  }
  .copyInfo .textwidget {
    flex-wrap: wrap !important;
    flex-direction: column;
    text-align: center
  }
  .homeSSCContainer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row !important;
}
.homeSSCContainer .sscHomeItem {
  float: unset !important;
  width: 32.333% !important;
}
  #homeTopHeaderSection .leftPanel.vc_col-sm-6 {
    width: 50%;
  }
   #homeTopHeaderSection .rightPanel.vc_col-sm-6 {
    width: 50%;
  }
}


@media screen and (max-width: 767px){
 
.cmaLogo:before {
  content: "";
  background-image: url("https://imm.ac.za/wp-content/uploads/CMA-Logo.svg");
    width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto
}
  .cmaLogo:after {
    content: unset;
  }
  #succes-quotes-row .uk-panel {
  height: 400px !important;
}
	
	.single-event h2{
  font-size: 20px
}

.single-event h1{
  font-size: 25px
}
	
	.single-event .event-date-container {
  flex-flow: column;
  
}

.single-event .event-date-container div{
  max-width: 100%;
  margin-bottom: 20px
}

.home .leftPanel [type="radio"]#marketing + span {
  margin-bottom: 0px !important;
  height: 250px !important;
  width: 100%;
  padding-top: 120px
}

  .home .rightPanel [type="radio"]#supplychain + span {
  margin-bottom: 0px !important;
  height: 250px !important;
  width: 100%;
    padding-top: 120px
}
	
	 .rightPanel .home [type="radio"] + span {
    justify-content: right !important;
    max-width: 450px;
    margin-left: 0;
      margin-right: 0;
  }
  
  .resultContent .resultTxt{
    margin-bottom: 60px !important;
  }
	
	  .single-post .entry-header{
    margin-right: 0 !important;
  }
  
  .single-post .entry-content{
    padding-right: 0 !important;
  }
	
  .single-event .entry-content {
  padding-left: 0 !important;
  padding-right: 0px !important;
}
	
	.page-id-26109 #why-choose-section .gen-text-mod ul {
  margin-left: 40px
}
	
	.page-id-26109 .button-container{
  flex-flow: column;
  max-width: 100% !important;
  justify-content:  normal !important;

}

.page-id-26109 #why-choose-section .button-container .orangeBtn:first-of-type{
  margin-right: 0px !important;
  margin-bottom: 20px
}

.page-id-26109 .button-container .orangeBtn{
text-align: center
}
	
	.orangeBtn, .greyBtn, .newBlueBtn{
  display: block !important;
}
	
	 .closingDate {
  display: block;
  justify-content: center;
  padding-bottom: 15px !important;
}
  .closingDate #timer {
    margin-top: 7px
  }
  #gradRow {
    margin-left: 25px !important;
    margin-right: 25px !important;
    padding-bottom: 100px !important;
    padding: 20px
  }
  #gradRow h2 {
    font-size: 25px;
  }
  #gradRow .subTxt {
    font-size: 16px;
  }
  #gradRow em {
    font-size: 14px;
    display: block
  }
  .slideHeading a.sliderBtn {
    display: block !important;
    margin-top: 5px
  }
  #homeTopHeaderSection .leftPanel.vc_col-sm-6{
     
  }
  #homeTopHeaderSection .leftPanel .vc_custom_1718038197580 .resultContent:nth-last-child(1)  {
    box-shadow: 0px 3px 35px rgb(0,0,0,0.16) !important;
    padding-left: 10px;
      border-radius: 10px; 
    
  }
    #homeTopHeaderSection .rightPanel .vc_custom_1718038697312 .resultContent  {
    box-shadow: 0px 3px 35px rgb(0,0,0,0.16);
    padding-right: 10px;
      border-radius: 10px; 
    
  }
  #homeTopHeaderSection .leftPanel.vc_col-sm-6 {
    width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 20px;
    
  }
   #homeTopHeaderSection .rightPanel.vc_col-sm-6 {
    width: 100%;

  }


  .scrollColor {
  position: fixed !important;
  background-color: #fff
}
.scrollColor #mobileAppBtns {
  display: none !important;
}
  
   .single-post .g-grid, .single-event .g-grid{
    display: block
} 
  }

/* MOBILE MENU */


#mobileMenuBlock .wp-megamenu-sub-menu {
  padding-top: 5px !important;
}

.topLevelHeading .fa {
  display: block;
  position: relative;
  text-align: right;
  top: -15px !important;
}
.topLevelHeading a {
  display: block !important;
  padding-bottom: 0 !important;
}

.notSureWhatToStudy a {
  margin-top: 20px;
  color: #fff !important;
  padding: 15px 0 !important;
    background-color: #F26122;
  text-align: center;
   border: 1px solid #F26122;
}
.notSureWhatToStudy a:hover {
  background-color: transparent;
   color: #F26122 !important;
}

#mobileMenuBlock input {
  background-color: transparent;
  box-shadow: none !important;
  background: url(https://imm.ac.za/wp-content/uploads/search.png) no-repeat left 15px center;
    background-color: #fff;
  font-size: 15px !important;
  width: 100%;
     max-width: 100%
}

.wp-megamenu-item-24139 a{
  width: 100%;
  max-width: 100%
}

#mobileMenuBlock form{
  width: 100% !important;
  max-width: 100% !important;
}

#mobileMenuBlock .vc_coll-sm-3 {
  display: inline-flex !important;
 width: 32% !important;
  padding-top: 15px !important;
  padding-bottom: 10px !important;

}

#mobileMenuBlock .vc_coll-sm-3 a{
  padding: 10px 0px !important;
}

#mobileMenuBlock .vc_coll-sm-3 a{
  width: 100%;
    border-radius: 5px !important;
}
#mobileMenuBlock .topEnqBtn a{
  background-color: #fff !important;
  color: #004987 !important;
  margin-left: 10px
}

/* PAGES */

.error404 img {
  display: unset
}
.error404 p {
	text-align: center !important
}

.qualificationArchiveBlock .wpb_wrapper{
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: space-between
}
.page-id-3547 .qualificationsCatHead h2{
  margin-bottom: 30px
}

.qualificationArchiveBlock .videoWrapper{
  width: 30% !important;
  background-size: cover;
  margin: 0;
  height: unset
}

.qualificationInfoContainer{
  width: 65%
}

.quickInfo{
  box-shadow: 0px 3px 25px rgb(0,0,0,0.09);
  border-radius: 5px;
  padding: 10px;
  font-size: 13px;
  color: #707070;
  margin-bottom: 20px;
	text-align: center
}
.quickInfo .fontGreen{
  color: #97C93D
}
.qualificationHeadings{
  font-size: 20px;
  height: 70px;
  margin-bottom: 20px;
  font-weight: 100;
  max-width: 255px
  
}

.qualBtnContainer .viewQualBtn{
  background-color: #E3E3E3;
  color: #272727;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px
}

.qualBtnContainer .criteriaBtn{
   padding: 5px 10px;
  color: #707070;
  font-size: 14px;
  border-radius: 5px;
}
.catHeadRow h2{
  font-size: 25px;
  color: #004987;
  font-weight: 100;
  border-bottom: 1px solid #F4F4F4;
  padding-bottom: 15px
}

.catHeadRow{
  margin-bottom: 30px !important;
}

.qualificationsCatHead{
  margin-bottom: 30px !important;
}
.pageTitle{
  font-weight: 100 !important
}
.pageTitle strong{
  font-weight: 400 !important;
}
.catHeadRow .wpb_text_column{
  margin-bottom: 0 !important;
}
#studentSupportSection .vc_active{
  border: none;
  box-shadow: none !important
}
#studentSupportSection .vc_active .vc_tta-panel-heading a{
  font-size: 25px !important;
  font-weight: 100
}

#studentSupportSection .vc_tta-panel-body{
  padding: 30px 0px;
  overflow: visible !important;
}

.sscMainCentreTXT .wpb_wrapper p{
	margin: 0 !important;
}
#studentSupportSection .vc_active i:before{
  border-color: #ffff;
}

#studentSupportSection i:before{
  border-color: #004987
}
#studentSupportSection .vc_tta-panel{
 border-radius: 5px !important;
  overflow: visible;
  box-shadow: 0px 0px 32px rgb(0,0,0,0.08);
  margin-bottom: 20px
}
#studentSupportSection .vc_tta-title-text{
  color: #004987;
  font-weight: 100;
  font-size: 20px;
	
}
.centerInfoMod h2{
  color: #004987;
  font-weight: 20px;
  font-weight: 100;
	  margin-bottom: 25px !important;
	line-height: 110%
}
.centerInfoMod h2 strong{
  font-weight: 400
}
.centerInfoMod p{
  font-weight: 100
}

.centerInfoMod a{
  color: #434343;
  font-weight: 300
}

.centerInfoMod a:hover{
  color: #004987
}
.centerTimeMod p{
  margin-top: 0;
  font-weight: 100;

}

.centerTimeContainer{
  box-shadow: 0px 0px 32px rgb(0,0,0,0.08);
  border-radius: 5px;
  overflow: hidden;
  max-width: 244px;
   padding: 20px;
   
}

.centerTimeContainer h4{
  color: #004987;
  font-weight: 100;
  font-size: 15px;
  margin-top: 0px;
  margin-bottom: 10px
 
}
.centerTimeContainer p{
   font-size: 13px;
  
}
.centerTimeContainer p strong{
  font-weight: 400;
  color: #707070
}
#sscMainPageIntroRow p{
  font-weight: 100
}
#pageHeadings .wpb_text_column{
  margin-bottom: 15px
}
#wpv-view-layout-24030 ul{
  list-style: none !important;
  margin: unset
}

.upcomingeventcontainer{
  box-shadow: 0px 3px 35px rgb(0,0,0,0.16);
  border-radius: 10px;
  padding: 0 !important;
  max-width: 1058px;
  margin: auto;
    position: relative;
  


}

.eventDateContainer{
  left:-50px
}
.upcomingeventcontainer .wp-block-toolset-blocks-grid-column{
  border-radius: 10px 0px 0px 10px;
  overflow: hidden
}

.eventDateContainer{
  position: absolute;
  box-shadow: 0px 3px 35px rgb(0,0,0,0.16);
  border-radius: 5px;
  padding: 10px 30px !important;
  top: 70px;
  background-color: #fff;
  text-align: center;
  
 
  
}

.eventDateContainer span{
  display: block;
  font-size: 16px
}

.eventDateContainer p{
  font-size: 32px;
  color: #004987;
  font-weight: 400;
  line-height: 90%
}

.upcomingeventcontainer img{
  object-fit:  cover !important;
  height: 100%;
  max-height: 100%
}

.eventImageMod{
  margin: 0;
   height: 100%;
  max-height: 100%;
}

.eventinfocol{
  padding: 20px 20px 30px 0px
}

.page-id-7372 .gform_title {
  display: none
}

.eventinfocol h3 {
  color: #004987;
  font-weight: 400;
  font-size: 20px
}
.eventdescription{
  font-size: 16px;
  color: #434343;
  font-weight: 200;

	overflow: hidden
}
.readEvent, .eventregisterbtn a{
  background-color: #97C93D;
  max-width: 120px;
  text-align: center;
  padding: 10px 0px ;
  border-radius: 5px;
  color: #fff;
  border: 1px solid  #97C93D;
   text-decoration: none !important;
}

#pastEvents .vc_grid-btn-load_more a{
  background-color: #97C93D ;
    color: #fff !important;
    padding: 10px 20px !important;
    border: 1px solid  #97C93D;
}

.readEvent:hover, .eventregisterbtn a:hover, #pastEvents .vc_grid-btn-load_more a:hover{
	color: #97C93D !important;
	background-color: transparent !important
}

.eventregisterbtn a{
  padding-left: 20px;
  padding-right: 20px;
 
}
.eventregisterbtn{
  margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.eventdescription p{
  font-size: 16px;
  color: #434343;
  font-weight: 300
}

.pageSubHeadings{
  border-bottom: 1px solid #E3E3E3
}
.pageSubHeadings h2{
  font-size: 25px;
  color: #004987;
  font-weight: 200 !important;
  margin-bottom: 20px !important;
}

.pageSubSubHeadingRow h3{
  color: #004987;
  font-size: 20px
}
.homePostTitle{

  overflow: visible !important;
}

#pastEvents .vc_gitem-zone{
  overflow: visible !important;
}


#pastEvents .homePostReadMreBtn a{
  background-color: #fff !important;
  display: block !important;
  text-align: left;
  margin-top: 30px !important;
}
#pastEvents .vc_grid.vc_row.vc_grid-gutter-35px .vc_grid-item {
  padding-right: 5%
}
.pageSubHeadings{
  margin-top: 50px
}

#events>.pageSubHeadingRow .pageSubHeadings{
  margin-top: 0
}

#hyFlexSection .btnBlue a, .sliderBtn{
  display: inline-block !important;
  width: unset;
  text-align: center !important;
  color: #fff !important;
  border-radius: 5px !important;
  padding: 10px 12px !important;
}
#hyFlexSection .btnBlue a:hover {
  color: inherit !important;
}
#hyFlexSection .btnBlue  {
  display: inline-block !important;
  width: unset;
  border-radius: 5px;
  text-align: center !important;
  padding: 0 !important;
}
.sliderBtn {
  background-color: #0B5391;
  font-size: 15px;
  padding: 7px 20px !important;
  font-weight: 400
}
.sliderBtn:hover {
  background-color: #fff !important;
}
#hyFlexSection {
  max-width: 730px;
  margin: 0 auto ;
  padding-bottom: 80px;
  padding-top: 100px;
  text-align: center;

  padding-left: 25px;
  padding-right: 25px;
}

#hyFlexSection h2 {
  font-size: 30px !important;
  font-weight: 400;
  color: #004987;
  margin-bottom: 35px
}
#hyFlexSection h2:before {
  content: "Face-to-Face. Virtual. Your Choice.";
   opacity: 7%;
  font-weight: 700;
  font-size: 60px;
  position: absolute;
  top:160px;
  left: 0;
  width: 100%;
  max-width: 100%;
  margin: auto
}

#hyFlexSection h3 {
  font-size: 23px !important;
  font-weight: 200;
  color: #97C93D
}
#eventsSection{
  padding-left: 50px;
  padding-right: 50px
}
.eventslidercontainer{
  box-shadow: 0px 3px 35px rgb(0,0,0,0.16);
  border-radius: 10px;
  padding-bottom: 39px !important;
  background-color: #fff;
}
#eventsSection {
  background-color: #004987;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 0 !important;
}
.eventslidercontainer h3{
  font-size: 16px;
  color: #004987 !important;
  text-align: left;
  font-weight: 500;
  margin-bottom: 20px
}

.eventsliderdate p{
  font-size: 16px;
  font-style: italic;
  color: #B1B1B1
}

.eventsliderbtn a{
  background-color: #F26122;
  padding: 10px 20px;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #F26122

}

.eventsliderbtn a:hover{
  background-color: transparent;
  color: #F26122 !important;;
  cursor: pointer;
  text-decoration: none
}

.eventsliderbtn {
  padding-top: 30px
}
.showMobile .eventslidercontainer{
  margin-left: 5%;
  margin-right: 5%
}

.showMobile .eventslidercontainer .eventsliderbtn a{
  display: block !important;
  text-align: center
}

.showMobile .wpb_wrapper ul, .hideMobile .wpb_wrapper form {
  position: absolute !important;
  bottom: 0px !important;
    margin-left: auto !important;;
margin-right: auto !important;;
left: 0 !important;;
right: 0 !important;
  text-align: center !important;
}

.showMobile, .hideMobile {
  margin-bottom: 35px !important;

}
.singleEventHead{
  font-size: 30px;
  color: #004987 ;
  margin-bottom: 30px
}


.single-event .entry-content>p{
  display: none
}

.eventbodycontent p{
  font-size: 25px;
  font-weight: 300;
}
.contentContainer {
  box-shadow: 0px 3px 35px rgb(0,0,0,0.16);
  padding: 20px;
  border-radius: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
}
ul.immbenifits {
list-style-image: URL('https://imm.ac.za/wp-content/uploads/Why-IMM-check-mark.svg') !important;
}

.singleeventbannerimg {
  margin-bottom: 20px !important;
}
.eventbodycontent h2 {
  color: #004987;
  font-weight: 600
}
.eventbodycontent .enqBtn {
  width: unset !important;
  border-radius: 5px
}

.eventbodycontent h3 {
  color: #004987
}

.eventbodycontent{
  max-width: 1500px;
  margin-bottom: 30px
}
.event .entry-content {
  max-width: 1500px
}


.singleeventform{
  max-width: 800px
}

.single-event .gform_title{
  display: none
}

/* MOBILE */

@media screen and (max-width: 499px){
  .single-event .enqBtn {
  display: block
}


.homeSSCContainer .sscHomeItem {
  float: unset !important;
  width: 49% !important;
}
	
	
  .qualificationArchiveBlock  .wpb_wrapper{
    display: block
  }
  .qualificationArchiveBlock .videoWrapper{
    height: 220px !important;
    width: 100% !important;
  }
  .qualificationInfoContainer{
    width: 100%
  }
  .quickInfo{
    margin-top: 10px !important
  }
  .qualificationHeadings{
    max-width: 100%;
    font-size: 18px;
    height: 100%
  }
  .qualBtnContainer{
    justify-content: space-between
  }
  .qualBtnContainer a{
    width: 100%;
    text-align: center
  }
  .viewQualBtn{
    margin-right: 10px
  }

	.qualificationArchiveBlock{
  padding-bottom: 50px !important;
}
	  .catHeadRow {
    margin-bottom: 0px !important
  }
  
  
}





/* ____________________________________________________________________________________________________ */
/* HOME PAGE QUALIFICATION QUESTIONAIRE */

.journeyRow {
 display:none;
 min-height:220px
}

.resultContent {
 margin-bottom:0
}
.resultContent p {
 margin:0
}

.resultitemContainer {
 display:flex !important;
 flex-direction:row !important;
 align-items:center;
 margin-bottom:40px
}
.resultitemContainer .resultIcon {
 margin-right:0
}
.resultitemContainer .resultIcon svg {
 margin:0
}
.resultitemContainer .resultBtn {
 margin-top:7px;
 font-size:15px;
 color:#F26122
}
.resultitemContainer .resultIcon {
 width:70px;
	box-shadow: 0px 3px 35px rgb(0,0,0,0.16) !important;
  border-radius: 5px;
}
.resultBtnTxt {
 font-size:20px;
 color:#004987;
 font-weight:300 !important;
 left:30px;
 position:relative
}
.rightPanel.marketing .resultBtn {
  border-left: 5px solid #97C93D !important;
  color: #97C93D
}
.rightPanel.marketing .resultBtn:hover {
  border-left: 5px solid #004987 !important;
  color: #004987
}

[type="radio"]#marketing + span {
  margin-bottom: 30px;
}
[type="radio"]#supplychain + span {
   .align-items:center;

}

.resultContent [type="radio"] + span {
  align-items: unset !important;
}

.home [type="radio"]+span {
 display:block;
 color:#004987;
 font-size:20px;
 display:flex;
 flex-direction:row !important;
	 justify-content: center;
  /*! position: relative; */
}
.home [type="radio"]+span::before {
 content:'';
 display:inline-block;
 margin-right:20px;
 transition:0.5s ease all;
 position: relative;
 /*! bottom: -25px; */
}

.home [type="radio"]:checked+span {
 color:#8cb33e
}
.home [type="radio"] {
 border:0;
 clip:rect(0 0 0 0);
 height:1px;
 margin:-1px;
 overflow:hidden;
 padding:0;
 position:absolute;
 width:1px
}
.home [type="radio"]:focus+span {
 color:#97C93D
}
.home [type="radio"]:hover+span {
 color:#F26122
}
.home label {
 display:block;
 cursor:pointer
}
.home label:hover .resultTxt:before {
 opacity:0.5 !important
}
#homeTopHeaderSection .resultContent {
  margin-bottom: 0
}

/*left right pannel general css */

.intrested-row .marketingContent , .rightPanel .supplychainPanel {
  box-shadow: 0px 3px 35px rgb(0,0,0,0.16) !important;
  border-radius: 10px
}
.leftPanel .resultContent {
  padding-left: 10px
}
.rightPanel .resultContent {
  padding-right: 10px
}



/* left pannel Marketing */

.leftPanel .vc_column-inner {
  padding-right: 30px !important;
}
.rightPanel .vc_column-inner {
  padding-left: 30px !important;
}
.home .leftPanel .vc_column-inner {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  padding: 0 !important;
}
.home .leftPanel [type="radio"]#marketing + span {
  margin-bottom: 0px;
  height: 300px;
}
.home .leftPanel [type="radio"] + span::before {
  content: unset;
  display: inline-block;
  margin-right: 0px;
  transition: 0.5s ease all;
  position: relative;
}
.home .leftPanel [type="radio"] + span {
  justify-content: left;
  font-size: 38px;
  font-weight: 600;
  color: #97C93D;
  padding-top: 140px;
}


/* Right pannel Supply Chain */

.leftPanel .vc_column-inner {
  padding-right: 30px !important;
}
.rightPanel .vc_column-inner {
  padding-left: 30px !important;
}
.home .rightPanel .vc_column-inner {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  padding: 0 !important;
}
.home .rightPanel [type="radio"]#supplychain + span {
  margin-bottom: 0px;
  height: 300px;
}
.home .rightPanel [type="radio"] + span::before {
  content: unset;
  display: inline-block;
  margin-right: 0px;
  transition: 0.5s ease all;
  position: relative;
}
.home .rightPanel [type="radio"] + span {
  justify-content: right;
  font-size: 38px;
  font-weight: 600;
  color: #F26122;
  padding-top: 140px;
}

[type="radio"]#short_courses+span::before {
 content:url('https://imm.ac.za/wp-content/uploads/Short-Courses-1.svg');
 vertical-align:-27px
}
[type="radio"]#corporate_training+span::before {
 content:url('https://imm.ac.za/wp-content/uploads/Corporate-Training.svg');
 vertical-align:-27px
}
[type="radio"]#higherCertificate+span::before {
 content:url('https://imm.ac.za/wp-content/uploads/Higher-Certificate.svg');
 vertical-align:-27px
}
[type="radio"]#diploma+span::before {
 content:url('https://imm.ac.za/wp-content/uploads/Diploma.svg');
 vertical-align:-27px
}
[type="radio"]#degree+span::before {
 content:url('https://imm.ac.za/wp-content/uploads/Degree-1.svg');
 vertical-align:-27px
}
[type="radio"]#postgraduateDegree+span::before {
 content:url('https://imm.ac.za/wp-content/uploads/Post-Graduate.svg');
 vertical-align:-27px
}

.leftPanel.supplychain {
  padding-bottom: 20px;
}
.leftPanel {
 padding-right:30px;
 text-align:right;
 /*! padding-bottom: 20px; */
}
.leftPanel .guide-question {
 border-bottom:1px solid #CAD8E5;
 display:inline-block;
 padding-bottom:30px
}
#previousScreen {
 background-color:#F26122 !important;
 border:none;
 padding:10px 38px;
 position:absolute;
 right:30px;
 top:-40px;
 color:#fff;
 font-weight:400;
 border:1px solid #F26122 !important
}
#previousScreen:hover {
 background-color:transparent !important;
 color:#F26122
}
.guide-question {
 font-size: 30px;
 line-height:110%;
 color:#004987;
  font-weight: 500
}
.quideQuotes {
  font-size: 20px;
  max-width: 500px !important;
  display: block;
  line-height: 130%;
  margin-top: 10px;
  font-weight: 300
}

.guide-question strong {
 font-weight:400
}
.rightPanel {
 border-left:1px dashed #004987;
 padding-left:35px;
/*  min-height:220px */
}
@media only screen and (max-width:767px) {
	#bottomExtraRow{
  margin: auto !important;
 }
.exstraInfoRowDiv{
  margin: auto !important;
   margin-bottom: 30px !important;
}
	
	.page-id-214 .width306{
  padding-bottom: 50px !important;
}

.page-id-214 .headingRow, .page-id-214 .subHeadings{
  text-align: center
}
 .resultIcon {
  width:20% !important
 }
 .resultBtnTxt {
  width:70% !important
 }
 .leftPanel,
 .guide-question {
  text-align:left !important;
  font-size:30px
 }
 .leftPanel br,
 .guide-question br {
  display:none
 }
 .rightPanel {
  border:none;
  padding:0;
  min-height:unset
 }
 #previousScreen {
  background-color:#f26122 !important;
  border:none;
  padding:10px 38px;
  position:relative;
  right:unset;
  top:unset;
  margin-top:20px;
  width:100%
 }
}


/* AFFILIATE COURSE SECTION */

@media screen and (max-width: 767px){
  #success-story-section-row .vc-hoverbox-front:after {
  content: "";
  background-image: url("https://imm.ac.za/wp-content/uploads/Play-video-Btn.svg") !important;
 width: 40px;
  height: 40px;
  .display: block !important;
  position: absolute;
  top: 20px !important;
 right: 20px ;
  bottom: 0px !important;
}
	 body .extendedwopts-hide.extendedwopts-mobile {
    display: block !important;
  }
  .heroContentContainer {
    display: flex !important;
    flex-direction: column;
    width: 100% !important;
    padding-top: 50px
  }
  .heroContentCol.left {
    .order: 1;
    width: 100%
  }
  .heroContentCol.right {
    width: 70%
  }
  
  #missTeenSection .vc_row {
  display: block;
  align-items: center;
    padding-top: 70px
}
  .missTeenTxtMod {
    margin: 0;
    max-width: 100%
  }
  
      .upcomingeventcontainer .eventimagecol{
    height: unset !important;
  }
  
  
  .wp-megamenu > li > ul.wp-megamenu-sub-menu li > a {
  word-break: unset;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
  
  .qualIntroTxt h2 {
  font-size: 25px !important;;
}
  .leftPanel, .guide-question {
    font-size: 22px;
    text-align: center !important;
    
  }
  .showMobile .eventslidercontainer {
  margin-left: unset;
  margin-right: unset;
}
    #noticeRowHome {
    padding-bottom: 20px
  }
	
  
  .tempNotice-home  p {
    font-size: 18px !important;
    padding-left: 10px;
    padding-right: 10px
  }
  

  #featuredSlideRowHome.vc_row .uk-slider-items {
  min-height: 300px !important;
}
  
  .wp-megamenu-wrap.wpmm-mobile-menu .wpmm-nav-wrap .wp-megamenu {
    background-color: #004987 !important;
    background-image: unset !important;
    height: 100vh
  }
  
  #logo-9608-particle {
    margin-left: 0 !important;
  }
  #mobileAppBtns .topNavAppBtns .textwidget {
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  .copyInfoRight .widget_search {
  width: unset !important;
  padding-bottom: 0;
  margin-bottom: 0;
}
  .copyInfoRight .footerSocialIcons  {
  width: 100% !important;
    text-align: center !important;
}
  .footerTel {
    text-align: center !important;
    margin-top: 20px;
    margin-bottom: 20px
  }
  
  #g-footer.g-flushed {
    padding-bottom: 100px !important;
  }
  
  .copyInfo .textwidget .container {
  width: 100% !important;
}
  .copyInfo .textwidget {
  display: block !important;;
  width: 100%;
    text-align: center
}
  .copyInfo .textwidget a svg{
    text-align: center !important;
    margin: 0 auto !important;
    width: 150px !important;
  }
  .copyInfo .textwidget p {
    width: unset !important;
  }
  
  
  #affialteCourseContainer .homeSelectProgramme{
    left: unset !important
  }
  #affialteCourseContainer .homeProgrammeBracketLeft, #affialteCourseContainer .homeProgrammeBracketRight {
    height: 140px
}
	 ul#menu-affiliate-course-menu li.affiliateC::before {
    display: none
  }
}

ul#menu-affiliate-course-menu li.affiliateC::before {
  content: url('https://imm.ac.za/wp-content/uploads/QCTO-Small-Icon.svg');
  display: inline;
  bottom: -9px;
  position: relative;
  padding-right: 10px;
}

#affialteCourseContainer .homeProgrammeContainer {
 width: 150px;
}
#affialteCourseContainer .qctoCourse {
  width: 85%;
}
#affialteCourseContainer .homeSelectProgramme {
  left: -70px;
  color: #024B8B
}

#affialteCourseContainer .homeProgrammeBracketLeft{
  border-top: 1px solid #024B8B;
  border-bottom: 1px solid #024B8B;
  border-left: 1px solid #024B8B;
}
#affialteCourseContainer .homeProgrammeBracketRight{
  border-top: 1px solid #024B8B;
  border-bottom: 1px solid #024B8B;
  border-Right: 1px solid #024B8B;
}


/* 404 Page */

.page-id-23433 #africanCountries img {
  max-width: 500px;
margin: 0 auto !important;
  margin-bottom: 0px;
margin-bottom: 50px !important;
}
.page-id-23433 #africanCountries .slideDesc {
  margin-top: 10px !important;;
  max-width: 900px;
  line-height: 120%;
  margin: 0 auto;
  font-size: 20px;
}
.page-id-23433 #g-container-main .g-block.size-23 {
  display: none
}
.page-id-23433 #g-container-main .g-block.size-77 {
  width: 100% !important;
  flex: 0 100% 
}


/* POST LIST STYLES */

.post #singlePosts li{
  margin-bottom: 20px
}
.post #singlePosts li img{
  margin-top: 10px !important;
  
}
#eTutorMod p{
  display: flex
}
#eTutorMod .applyBtn{
  margin-right: 50px !important;
}

/* THE IMM GRADUATE SCHOOL CSS */

#mediaRoomContentRow h3 {
  font-size: 25px;
font-weight: 300;
color: #004987;
padding-top: 20px;
padding-bottom: 5px;
  line-height: 140%
}

#reasonsWhyVideoRow {
  margin-top: 50px !important;
  max-width: 1400px;
  margin: 0 auto
}

#immFridaySection {
  margin-top: 50px
}


.tempNotice-home {
  background-color: #87CB10;
  /*! padding-bottom: 20px */
  
  
}
.tempNotice-home .slideHeading {
  margin: 0;
  padding: 0 !important;
}
.tempNotice-home p{
  color: #fff;
  font-size: 25px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-weight: 300;
}
.smlTxt {
  font-size: 14px !important;
  text-align: center;
  margin: 0;
  padding: 0 !important;
  font-style: italic
}
.tempNotice-home a {
  color: #fff;
  margin-left: 10px;
  display: inline-block
}

.barcodeMap {
  max-width: 350px
}

.barcodeMap h3 {
  font-size: 20px;
  text-align: center;
  line-height: 140%
}
.barcodeMap p {
  text-align: center
}

.field_sublabel_below div.gfield_description {
  padding-bottom: 15px !important;
}
#gfield_description_7_17 {
  padding-bottom: 36px !important;
}

.applicantsHeading {
  text-align: center
}
.subHeadingTxt h2, .subHeadingTxt p {
  text-align: center
}

.consentTxt {
  padding-top: 20px
}

.ui-datepicker-trigger {
    position: absolute;
    right: 25px;
    top: 10px;
}

.wpt-form-textfield.hasDatepicker{
  max-width: 100% !important;
}
.page-id-22137 .pageTitle{
  font-weight: 500;
  line-height: 120%
}
.page-id-22137 .pageTitle .smlHeadTxt{
  font-weight: 200 !important;
	font-size: 23px;
  line-height: 120%;
}

/* HOME PAGE EVENTS */

.eventsContainer img {
  height: 200px;
  object-fit:  cover;
  object-position:  center !important;
}

#eventsSliderRow .uk-scope .uk-overlay-primary {

  background: transparent !important;
}

#eventsSliderRow .uk-panel {
  box-shadow: 0 2px 30px rgba(0,0,0,.10) !important;
  overflow: visible !important;
  border-radius: 10px !important;
}
.eventMod .uk-overlay > div {
  max-width: 100% !important;
  width: 100% !important;
}
.eventMod {
  overflow: visible !important;
}
.eventDate-home em{
  display: block;
  color: #B1B1B1 !important;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  
}
.eventTitle-home  {
  color: #004987 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  text-align: left
}
#eventsSliderRow .uk-scope .uk-overlay {
  text-align: left !important;
}

/* HOME SLIDER */

#eventsSliderRow {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 45px;
  padding-bottom: 45px
}
#homeTopHeaderSection {
  padding-top: 80px !important;
  padding-bottom: 50px !important;
  overflow: hidden
}
.qualIntroTxt {
  max-width: 1400px;
   margin: 0 auto;;
  padding-bottom: 30px
}
.qualIntroTxt h2 {
  line-height: 120%;
  font-size: 40px;
  font-weight: 300;
  font-family: Roboto !important;
	 font-weight: 200 !important;
}

#featuredSlideRowHome {
  background-color: #0D4987
}
/*#featuredSlideRowHome .uk-slider-items {
  min-height: calc(100vh - 360px) !important;
} */
.featuredColLeft .vc_column-inner {
  padding: 0 !important;
}


.imm300 {
  background-position: left
}

.sliderContainer {
  max-width: 100%;
  width: 100% !important;
  display: flex;
  height: 100% !important;
  align-items: center
}

#featuredSlideRowHome .uk-overlay {
  padding: 0 !important;
}

.slideTxt h2 strong {
  font-weight: 600
}
#featuredSlideRowHome .uk-position-cover {
  background-color: transparent;
}
#featuredSlideRowHome .uk-panel {
  background-size:  cover;
  /*! background-position-x: left 50px */ 
}
.slideTxt h2 {
  font-size: 30px;
  color: #fff !important;
  margin: 0;
  margin-bottom: 25px;
  font-weight: 600 !important;;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 130% !important;
}
.slideBtn {
  font-size: 15px;
  background-color: #87CB25;
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-block
}
.slideBtn:hover {
  background-color: #fff;
  color: #0B5391 !important;
}

.slideTxt {
  max-width: 100%;
    text-align: right !important;
  padding-right: 100px;
  position: absolute;
   top: 50%;
    right: 0;
    transform: translate(-0%, -50%);

}
.slideTxt h2 {
  font-size: 150px !important;
  color: #004987 !important;
  font-weight: 800 !important;
  margin-left: auto !important;
  line-height: 100% !important;
  padding: 0
}
.slideTxt h3 {
  font-size: 50px;
  color: #525252 !important;
  font-weight: 600
}
.sliderMod .uk-scope .uk-flex {
  align-items: center !important;
  justify-content: center;
  justify-items: center !important;
  vertical-align: middle !important;
}

.sliderImg img {
  width: 1200px !important;
}


/*#featuredSlideRowHome .slideImg {
position: absolute !important;
    left: 50%;
    transform: translate(-50%, -0%);
  bottom: 0%;
  width: 1750px;
}*/

.sliderTxt h3 {
  font-size: 35px;
  font-weight: 600
}
.sliderTxt p {
  font-size: 23px;
  color: #fff;
}
.sliderTxt {
  max-width: 378px;
  text-align: center;
  margin: 0 auto !important;
}


#featuredSlideRowHome .slideImg.hyfelx img {
  left: 50%;
    transform: translate(-50%, 0%);
  position: absolute !important;
  bottom: 0
}


.natRegDay {
	background-image: url(https://imm.ac.za/wp-content/uploads/NRD-Focused-1-scaled.jpg);
	background-color: #0D4A87 !important;
	background-size: contain;
	background-position: center bottom;
}
.vPostgradDay {
	background-image: url(https://imm.ac.za/wp-content/uploads/SMOOTH-COMMUNICATOR-Desktop.png);
	background-color: #0D4A87 !important;
	background-size: contain;
	background-position: center bottom;
}
.xprsCrses {
  background-image: url(https://imm.ac.za/wp-content/uploads/Short-Course-Special.png);
}
.midYrIntake {
  background-image: url(https://imm.ac.za/wp-content/uploads/Mid-Year-Intake-Qualify-your-passion.png);
	background-color: #0D4A87 !important;
	background-size: contain;
	background-position: center bottom;
}
.immFridays {
  background-image: url(https://imm.ac.za/wp-content/uploads/IMM-Friday-29-April.jpg);
	background-position: bottom;
}
.registrations22{
  background-image: url(https://imm.ac.za/wp-content/uploads/Why-Choose-IMM.jpg);
}
.vOpenDay {
	 background-image: url(https://imm.ac.za/wp-content/uploads/IMM-Virtual-Open-Day-Slider-1.jpg);
	background-position: 50%;
}
.imm300 {
	 background-image: url(https://imm.ac.za/wp-content/uploads/IMM-300-Scholarships-1.svg);
}
.newCampus {
   background-image: url(https://imm.ac.za/wp-content/uploads/New-Johannesburg-Campus-Image.jpg);
}
.appDay {
  background-image: url(https://imm.ac.za/wp-content/uploads/Application-Day-2-April-Slider.png);
	background-position: 80% !important;
}

.registrations22 {
  font-size: 32px;
  color: #fff;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}


.newCampus .sliderBnr strong {
  color: #F74D00
}
.sliderBnr em {
  font-weight: 700;
  font-size: 25px;
  color: #FF4D00 !important;
  margin-right: 3px
}
.sliderBnr {
  background-color: #fff;
  color: #024B8B;
  font-size: 20px;
  padding: 20px 30px;
  position: absolute !important;
  bottom: 50px !important;
  left: 0
}
.imm300 {
  position: relative;
}



#featuredSlideRowHome .wpb_text_column {
  margin-bottom: 0
}

#featuredSlideRowHome .vc_column-inner {
  padding: 0
}

@media screen and (max-width:767px) {
  
    .featuredColLeft .slideTxt h2 {
    font-size: 50px !important;
      margin-bottom: 10px;
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  }
   .featuredColLeft .slideTxt h3 {
    font-size: 20px !important;
     margin-top: 0px;
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  }
  .featuredColLeft .slideTxt {
    padding-right: 20px;
    padding-left: 20px !important;
  }

  #eventsSection.showMobile {
    padding-bottom: 25px;
    padding-top: 20px;
    margin-bottom: 0 !important;
    padding-left: 20px;
    padding-right: 20px
  }
  #eventsSection.showMobile .wpv-pagination-nav-links-container {
    max-width: 50px;
  }
  
  #mobileAppBtns .topNavAppBtns {
  border-radius: unset !important;
  overflow: visible;
}
	
	  .midYrIntake {
  background-image: url(https://imm.ac.za/wp-content/uploads/Mid-Year-Intake-Qualify-your-passion-MOBILE-WEB.png);
	background-color: #0D4A87 !important;
	background-size: contain;
	background-position: bottom  !important;
}
	.vPostgradDay {
	background-image: url(https://imm.ac.za/wp-content/uploads/SMOOTH-COMMUNICATOR-Mobile.png);
	background-color: #0D4A87 !important;
	background-size: contain;
	background-position: center bottom;
}
	.natRegDay {
	background-image: url(https://imm.ac.za/wp-content/uploads/NRD-Focused-Single.jpg);
	background-color: #0D4A87 !important;
	background-size: contain;
	background-position: center bottom;
}
	  .sliderBnr {
  background-color: #fff;
  color: #024B8B;
  font-size: 20px;
  padding: 20px 30px;
  position: relative !important;
  top: 100px !important;
		  display:block;

}
  .sliderContainer {
    display: block;
    height: 600px !important;
 
  }
  .slideImg, .slideTxt, .slideHeading, .slideDesc {
    width: 100% !important;;
    max-width: 100% !important;
  }

  .slideImg {
    background-position: center
  }
  .slideHeading {
    padding-top: 30px
  }
  

}

@media screen and (max-width: 450px) {
    #featuredSlideRowHome .uk-panel {
    background-position-x: -100px
  }
  .closingDate a {
    display: block !important;
    margin-right: 10px;
    margin-top: 5px
  }
  
 
  .slideHeading {
    font-size: 25px !important;
    padding-top: 40px
  }
  .slideDesc {
    font-size: 17px !important;
  }
}
  

/* IMM 300 */

.scholarshipGallery {
  max-width: 993px;
  margin: 0 auto
}

#termsConditions {
  padding-top: 70px
}

.scholarshipGallery .uk-margin-small p {
  color: #fff;
  font-size: 16px
}
.scholarshipGallery .uk-overlay {
  padding: 4px !important;
}

#applicantsRow {
  padding-bottom: 80px
}
.subHeadingTxt h2 {
color: #024B8B;
  font-size: 26px;
}

.applicantsHeading {
  margin-top: 100px;
}
.applicantsHeading h2 {
  color: #024B8B;
  font-size: 26px;
}
.applicantsHeading p {
  margin-top: 8px;
  font-size: 16px;
}
.appBtnContainer {
  display: flex !important;
  max-width: 300px;
  margin: 0 auto;
  justify-content:  space-between;
  margin-top: 29px;
  margin-bottom: 50px !important;
}
.appBtnContainer .btn {
  border-left: none !important;
  border: 1px solid !important;
  padding: 7px 15px !important;
}
.appBtnContainer .btn.blueBorder {
  color: #0D4986;
}
.appBtnContainer .btn.orangeBorder {
  color: #F26324;
}

.formHeadingTxt p {
  margin-bottom: 0;
  margin-top: 40px;
}
#timer {
  font-size: 25px;
  color: #97C93D;
  text-align: center;
margin-left: 10px
}
.formHeadingTxt input.button {
  border: 1px solid #97C93D !important;
  background-color: #97C93D !important;
  padding: 13px 20px 14px !important;
  border-radius: 0px;
  text-transform: capitalize !important;
  letter-spacing: 0px;
  transition: ease-in-out 0.3s;
  text-align: center !important;
  display: inline-block !important;
  margin-top: 20px;
}
.formHeadingTxt input {
  margin-bottom: 0 !important;
}
.formHeadingTxt .gform_footer {
  text-align: center;
}

#subHeroRow {
  padding-top: 100px;
  padding-bottom: 200px;
}
.heroTxtImage img{
  margin: 0 auto !important;
}
#contactFormRow .vc_column-inner {
  padding-top: 0;
}
#contactFormRow .formHeadingTxt {
  max-width: 650px;
  margin: 0 auto;
  box-shadow: 0px 0px 12px 08px #00000014;
  padding: 30px;
  margin-top: -100px;
  background-color: #fff
}
.formHeadingTxt h2 {
  font-size: 22px;
  color: #0D4986;
  line-height: 140%
}
.formHeadingTxt h2 strong {
  font-size: 25px;
}
.formHeadingTxt p {
  font-size: 18px
}
.formHeadingTxt p strong {
  color: #0D4986
}

/*---------*/

.contactTempNotice {
  border-bottom: 1px solid lightgrey;
  padding-bottom: 35px
}
#sg-popup-content-wrapper-20083 p {
  font-size: 18px !important;
}

.sgpb-popup-overlay {
  opacity: 0.30 !important;
}
.cn-set-cookie {
  background-color: #004987 !important;
  color: #fff;
  padding: 10px;
  display: inline-block;
}
.cn-more-info {
  background-color: #F26122 !important;
  color: #fff;
  padding: 10px;
  display: inline-block
}

/* IMM 300 page */

.tempBannerContent .wpb_text_column .wpb_wrapper p img {
  margin: 0 auto !important;
}

#upcommingEvents .wpcf7-form .vc_col-sm-6 {
  padding-left: 0
}
#upcommingEvents .wpcf7-form input {
  margin-bottom: 20px;
	border-radius: 0;
}
#upcommingEvents h3 {
  font-weight: 500;
  margin-top: 35px;
  color: #024B8B;
  font-size: 20px
}
.page-id-7372 .gform_button {
  margin-top: 20px
}
.openDayForm {
  background-color: #F5F5F5;
  padding: 20px
}
#upcommingEvents .bookingTxt {
  margin-top: 10px;
  margin-bottom: 30px !important;
  display: block
}
.guestSpeakersContainer {
  margin-bottom: 35px;
  border-top: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
  padding-bottom:30px;
  padding-top: 15px
}
.guestSpeakersContainer h4 {
  font-size: 18px;
  margin-bottom: 0;
  padding-bottom: 0 !important;
}
.guestSpeakersContainer p {
  margin-top: 10px
}


/* Enquiry forms on qualification pages */

.ginput_container_phone .iti--allow-dropdown input {
  padding-left: 85px !important;
}

form.studentEnqForm {
  display: block !important;
  max-width: 600px
}
form.studentEnqForm .consentBox {
  margin-top: 15px !important
}
form.studentEnqForm .gform_button {
  margin-left: 0 !important;
}

#upcommingEvents .wpcf7-form-control-wrap.acceptance-551 input {
  margin-bottom: 0
}
#upcommingEvents .wpcf7-form-control-wrap .wpcf7-list-item {
  margin-left: 0
}
#upcommingEvents .wpcf7-form p {
  margin-top: 0
}

.consentBox legend {
  margin-bottom: 0 !important;
}
.consentBox {
  position: relative;
  top: -10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.qualEnquiryFormContainer {
  background-color: #F5F5F5;
  padding: 30px;
  max-width: 650px
}
.qualEnquiryFormContainer .programmeSubHeadings {
  margin-top: 0px;
  line-height: 120%;
	margin-bottom: 40px !important;
}
.qualEnquiryFormContainer .gform_wrapper.gravity-theme .gform_fields {
  display: inline-grid
}

form.qualificationEnqForm {
  display: block;
}
form.qualificationEnqForm input.button, .gform_next_button.button {
  border: 1px solid #97C93D !important;
  border-left: 1px solid #97C93D !important;
  background-color: #97C93D !important;
  padding: 13px 20px 14px !important;
  border-radius: 0px;
  margin-left: 0px;
  text-transform: capitalize !important;
  letter-spacing: 0px;
  transition: ease-in-out 0.3s;
}
.gform_save_link {
  border: 1px solid #004987;
  padding: 10px 20px;
  font-size: 13px !important;
  line-height: 110%;
}
.gform_save_link:hover {
  border: 1px solid #004987;
  background: #004987;
  color: #FFF;
}
form.qualificationEnqForm input.button:hover, .gform_next_button.button:hover {
  background-color: #FFF !important;
  color: #97C93D !important;
}
.gform_wrapper.gravity-theme .gform_footer {
  margin: 0px;
  padding: 0px;
}
.page-id-24109 gform_next_button.button, .page-id-24109 .gform_button {
  background-color: #97C93D !important;
  color: #fff;
  padding: 10px 20px;
  border: 1px solid #97C93D;
  text-align: center;
  border-radius: 0px;
  margin-bottom: 0px;

}
.gform_previous_button {
  color: inherit
}
.gform_wrapper input, .gform_wrapper select {
  border-radius: 0px;
  font-size: 15px;
  background-color: white;
  vertical-align: middle;
  border: 1px solid #e0e0e5;
  padding: 12px 15px 13px !important;
  line-height: 100%;
}
.limitWitdh {
  max-width: 1000px
}
.enqBtn.new {
  float: none;
	margin-top: 30px;
}

.singleeventbtn a{
  background-color: #97C93D;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid #97C93D;
	  font-size: 18px;
  font-weight: 700;
}

.singleeventbtn.bigger a{
  font-size: 18px;
  font-weight: 700;
}
.singleeventbtn.bigger {
  padding-top: 10px !important;
}

.singleeventbtn a:hover{
  background-color: transparent;
    color: #97C93D !important;
  text-decoration: none
}

@media screen and (max-width:1100px) {
  
   .dateContainer .contentContainer {
    width: 100%;
  
  }
  .heroSection:after {
  content: unset;
}
.valueAdsSliderMobile {
  display: block !important;
}
  #tenReasonsWhy.vc_section >.vc_row {
   margin-top: -70px !important;
}
.valueAdsSlider h3 {
  font-size: 18px !important;
  margin-top: 0 !important;
  margin-bottom: 5px;
}
#tenReasonsWhy .whyIMMGradCol {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
	#tenReasonsWhy .valueAdsSliderMobile {
  bottom: unset !important;

}
	  #tenReasonsWhy .wpb_column::before{
    display: none
  }
	
  #sucessStoriesRow iframe {
    height: 250px
  }
 #SuccessReviewSection #sucessStoriesRow .uk-slideshow-items {
  min-height: 370px !important;
  text-align: center;
}
  #homeTopHeaderSection, #tenReasonsWhy, #homeSSCRow .vc_column-inner, #latestNewsArticleSection #latestNewsArticleRow .vc_column-inner {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
	
	  .eventsliderbtn {
  padding-top: 0px
}
	
  .hideMobile {
    display: none !important;
  }
  .showMobile {
    display: block !important;
  }
  .btnContainer {
    margin-top: 30px !important;
  }
  .btnContainer a {
    margin-bottom: 5px !important;
  }

	  .field_sublabel_below div.gfield_description {
  padding-bottom: 15px !important;
}
  .enqBtn.new {width: 100%; /*! margin-bottom:30px; */}
  form.qualificationEnqForm {display: block;}
  .gform_wrapper.gravity-theme form.qualificationEnqForm .gform_fields {display: block;}
  .gform_wrapper.gravity-theme form.qualificationEnqForm .gform_fields .gfield {margin-bottom: 10px;}
  form.qualificationEnqForm input.button {margin-left: 0px; width: 100%;}
	.consentBox {
  position: unset !important;
  top: unset !important;
}
}


/* GRADUATION 2021 PAGE */

.gradContactInfo {
  margin-bottom: 25px;
  border-bottom: 1px solid lightgray;
  padding-bottom: 25px
}
.gradContactInfo h3 b {
  font-weight: 300;
  font-size: 20px
}
#gradInfoClosedSection h2 {
  font-size: 20px;
  margin-bottom: 20px
}

#booking-overview td {
  display: block;
  margin: 0 !important;
  border-color: #fff !important;

}
#booking-overview tr {
  margin-bottom: 20px !important;
  margin-top: 10px !important;
  display: block;
  background-color: #f4f4f4;
  border-color: #fff !important;
}
#booking-overview {
  box-shadow: 0 0 8px rgba(102,175,233,.6);
  display: block;
  padding: 10px
}
.ea-bootstrap .ea-form-v2 {
  max-width: 100% !important;
}
.ea-bootstrap {
  white-space: normal
}


.your-ssc {
  margin-bottom: 10px !important;
  display: block
}

#gradInfoSection .step.calendar {
  margin-top: 20px
}
.page-id-19544 .programmeSubHeadings {
	margin-top: 10px
}
#gradInfoSection .ea-label {
  margin-bottom: 10px
}
#gradInfoSection .col-md-6:nth-of-type(1) {
  padding-left: 0
}
#gradInfoSection .control-label {
  margin-bottom: 10px
}
 #booking-overview {
  margin-bottom: 10px;
   width: 800px !important;
   max-width: 100%;
   display: block !important;

}
#gradInfoSection .form-group input {
  border-radius: 0
}


.box{
  padding: 20px 0;
  display: none;
}
.yesNo{
  padding: 20px 0;
  display: none;
}
.ea-btn {
  border-radius: 0 !important;
  border-top: none !important;
  border-right: none !important;
}
#gradInfoSection .ea-cancel {
  border-top: 1px solid !important;
  border-right: 1px solid !important;
  border-bottom: 1px solid !important;
}
.ea-actions-group {
  justify-content: left !important;
}
.ea-submit {
  margin-left: 0 !important;
}
#gradInfoSection h3 {
  font-size: 20px !important;
}
#gradInfoSection select {
  padding: 8px 15px 8px 5px;
  border-radius: 0;
  border: none;
  background-color: #eee;
}
.box h3 {
  margin-bottom: 20px
}
.box h3 {
  margin-bottom: 20px
}
.yesNo.no h3 {
  color: #004987
}
.gradContactContainer {
  max-width: 300px;
  padding-top: 20px;
}
.gradContactContainer input {
  border-radius: 0;
  margin-bottom: 10px !important;
}
.gradContactContainer .vc_col-sm-12 {
  padding: 0
}
.gradContactContainer .submitBtn {
  margin-top: 20px !important;
  display: inline-block
}
.classContainer {
  display: none
}

/*--------------*/

.marginTop {
  margin-top: -50px !important
}
.marginBottom {
  margin-bottom: 80px !important
}

.featuredColRight .vc_column-inner {
  background-position-y: 20% !important
}

.grey {
  color: grey
}

.paddingTop {
  margin-top: 30px !important;
  line-height: 120% !important;
}

.smlrNoticeTxt, .smlrNoticeTxt a, .smlrNoticeTxt .larger-notification.grey {
  font-size: 15px !important;
}

/* FACULTY PAGE */

.mtf-imgCol img{
  border: 2px solid #00498740;
  border-radius: 50%;
  padding: 5px
}

.page-id-19447 .mtfSection {
  background-position: left !important;
  border-bottom: 1px solid;
  padding-bottom: 100px;
  padding-top: 100px !important; 
}
.page-id-19447 .mtfSection.green {
	border-color: #97C93D;
}
.page-id-19447 .mtfSection.orange {
	border-color: #F26122;
}

.mtfSection .wpb_text_column {
  margin-bottom: 0
}
.mtfSection .wpb_column {
  margin-top: 0 !important;
}
.mtf-imgCol p {
  margin-top: 0;
}
.mtf-txtCol h2 {
  font-size: 20px;
  font-weight: 600;
  color: #004987;
	margin-bottom: 10px
}
.mtf-txtCol .personTxt {
  background-color: #F0F2F5;
  padding: 15px 15px;
  font-size: 20px;
  color: #004A88;
  font-style: italic;
  display: inline-block
}
.mtf-txtCol h3 {
  font-size: 18px;

	font-weight: 500;
	margin-bottom: 5px
}
.green .mtf-txtCol h3 {
  color: #97C93D;
}
.orange .mtf-txtCol h3 {
  color: #F26122;
}
.blue .mtf-txtCol h3 {
  color: #004987;
}
.mtf-txtCol p {
	margin-top: 0;
	margin-bottom: 20px
}

.mtf-imgCol p {
  text-align: center !important;
}


/* TEMP IMAGES FOR NEW QUALS */

.tempbackgrndImg {
  height: 300px;
  background-size: cover;
  background-position: center
}
.tempbackgrndImg.hcSCM, .videoWrapper.hcCM {
	background-image: url(https://imm.ac.za/wp-content/uploads/Higher-Certificate-in-Supply-Chain-Management.jpg);
}
.tempbackgrndImg.bcomSCM, .videoWrapper.bcomSCM  {
	background-image: url(https://imm.ac.za/wp-content/uploads/BCom-Honours-Supply-Chain-Managemen.jpg);
}
.videoWrapper.bcomSCM, .videoWrapper.hcCM   {
	background-size: cover;
	background-position: center
}

.videoWrapper{
  background-position: center;
  filter: grayscale(100%)
}
}

.videoWrapper.mPhilMarketing {
	background-image: url(https://imm.ac.za/wp-content/uploads/Masters-of-Philosophy-MPhil-in-Marketing.jpg);
}
.videoWrapper.BPhil-Honours-in-Marketing-Management{
	background-image: url(https://imm.ac.za/wp-content/uploads/BPhil-Honours-in-Marketing-Management.jpg);
}
.videoWrapper.postgraduate-diploma-marketing-management{
	background-image: url(https://imm.ac.za/wp-content/uploads/Postgraduate-Diploma-in-Marketing-management.jpg);
}
.videoWrapper.bcom-international-supply-chain-management{
	background-image: url(https://imm.ac.za/wp-content/uploads/BCom-in-International-Supply-Chain-2.jpg);
}
.videoWrapper.bcom-marketing-management-science{
	background-image: url(https://imm.ac.za/wp-content/uploads/BCom-in-Marketing-and-Management-Science.jpg);
}
.videoWrapper.bba-marketing-management{
	background-image: url(https://imm.ac.za/wp-content/uploads/BBA-in-Marketing-Management.jpg);
}
.videoWrapper.diploma-marketing-management{
	background-image: url(https://imm.ac.za/wp-content/uploads/Diploma-in-Marketing-Management.jpg);
}
.videoWrapper.higher-certificate-marketing{
	background-image: url(https://imm.ac.za/wp-content/uploads/Higher-Certificate-in-Marketing.jpg);
}
.videoWrapper.higher-certificate-export-management{
	background-image: url(https://imm.ac.za/wp-content/uploads/Higher-Certificate-in-Export-Management.jpg);
}
.videoWrapper.bcomSCM{
	background-image: url(https://imm.ac.za/wp-content/uploads/BCom-Honours-in-Supply-Chain-Management.jpg);
}
.videoWrapper.hcCM{
	background-image: url(https://imm.ac.za/wp-content/uploads/Higher-Certificate-in-Supply-Chain-Management-2.jpg);
}
.videoWrapper.higher-certificate-project-management{
	background-image: url(/wp-content/uploads/Project-Management-Image.png);
}



/* OUR CLIENT SECTION */

#ourClientsSection {
  border-top: 1px solid lightgray;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center
}
#ourClientsRow .clientLogos {
  max-width: 850px;
  margin: 0 auto;
}


/* WOMENSDAY PAGE STYLE */

.womenHeadingTxt h1 {
  font-size: 30px !important;
  padding-top: 0;
  padding-bottom: 0 !important;
}
.womenHeadingTxt .smlrTxt {
  font-size: 20px;
  color: #004987
}
.womenHeadingTxt p {
  margin-top: 0
}
.womenHeadingTxt {
  margin-bottom: 0;
  padding-left: 30px
}
.womensdayHeadingRow .vc_column-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.womensdayBackground {
  margin-bottom: 0;
  margin-top: -70px;
  position: relative;
  z-index: -1;
}
.womensdayHeadingRow {
  margin-bottom: 0px;
}
.additionalTxt p {
	color: #004987
}
.additionalTxt .bigerTxt {
	font-size: 18px;
	font-weight: 400
}

.featuredColLeft .vc_column-inner {
  background-position-y: 30% !important;;
}

/* TEMP STYLE */

.page-id-18532 .lz_cbl  {
	display: none;
}
.subTxt {
  font-size: 15px
}

/* CURRENT STUDENT PAGE */


.studentLoginContainer {
	margin-top: 13px !important;
	width: 100%;
	display: flex;
	margin: 0 auto;
	max-width: 100%;
}
.studentLoginCol {
	width: 25%;
	text-align: center;
	border: 1px solid;
	padding: 30px 10px
}
.studentLoginCol:hover {
  box-shadow: 0px 3px 35px rgb(0,0,0,0.16);
  border: unset;
  border-radius: 5px
}
.loginCol2, .loginCol3, .loginCol1,  .loginCol4 {
	margin: 0 15px 0 0
}
.platformTxt {
	display: block;
	margin-top: 10px
}

.inportantDates-currentStudents {
	height: 344px;
	background: #F9F9F9;
	overflow-y: scroll; 
	padding: 30px
}
.inportantDates-currentStudents ul li {
	list-style-type: none;
	margin-bottom: 20px;
	border-bottom: 1px solid #E9E9E9;
	padding-bottom: 20px
}
.inportantDates-currentStudents ul {
	margin: 0
}

.announcementBlock {
	background: #F9F9F9;
	padding: 30px
}
.announcementBlock h4 {
	margin-top: 0;
	margin-bottom: 5px;
}
.announcementBlock a {
	color: #97C93D;
	font-weight: 700
}
.announcementBlock a:hover {
	color: #004987;
}
.announcementBlock p {
	border-bottom: 1px solid #E4E4E4;
	padding-bottom: 30px;
	margin-top: 0
}

#platformLoginLinksRow .wpb_text_column, #announcementRow .wpb_text_column {
	margin-bottom: 50px
}
#platformLoginLinksRow .wpb_text_column,  #currentStudentsGalleryRow .wpb_text_column{
	margin-bottom: 50px 
}
#announcementRow .wpb_text_column, #currentStudentsGalleryRow .wpb_text_column {
	margin-bottom: 30px
}
#announcementRow .announcementBlock  {
	margin-bottom: 50px
}
#currentStudentsGalleryRow {
	margin-bottom: 15px
}
.btnContainer.showDesktop{
  margin-top: 30px
}
@media (max-height:700px) and (min-width:767px) {
.slideImg img {
  max-width: 1000px !important;
  margin: 0 auto !important;
  position: absolute;

    left: 50%;
    transform: translate(-50%, 0);
}}
/*@media (max-height:950px)  {
.slideImg img {
  width: 1100px;
  margin: 0 auto !important;
  position: absolute;
  bottom: 0 !important;
    left: 50%;
    transform: translate(-50%, 0);
}
  .slideImg.hyfelx img {
    width: 800px !important;
  }
}
*/

@media screen and (min-width:949px) {
  
  .upcomingeventcontainer .eventimagecol{
    height: 270px
  }
  
.leftCol .limmitIntroTxt {
  height: unset !important;
}
 
.leftCol .readMoreLess {
  display: none !important
}

}


/* TEMP YELLOW NOTICE */

.tempNoticeJul {
  background-color: orange
}
.tempNoticeJul p {
		font-size: 18px !important;
}

#nbNoticeSection .yellowHeaderTxtLeft {
	padding-left: 0px !important;
}

.infoContainerBanner .tempNotice p {

	border-top: 1px solid #fff;
	display: inline-block;
	padding-top: 5px;

}
#nbNoticeSection .infoContainerBanner .wpb_text_column.tempNotice {
	margin-top:  0px !important;

}

#nbNoticeSection .wpb_text_column {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.covidCol img {
	width: 242px;
	margin: 0 auto !important;
}

#nbNoticeSection {
	padding: 0;
}

#nbNoticeSection .larger-notification {
	font-size: 25px !important;
	font-weight: 700;
	margin-top: 20px;
	color: #004987
}

#nbNoticeSection .borderTop:before {
	content: "";
	border-color: #004987 !important;
	margin-left: unset !important;
}
#nbNoticeSection p {
	margin-top: 0;
	margin-bottom: 0px
}
#nbNoticeSection .wpb_text_column {
	margin-bottom: 20px
}
#nbNoticeSection a {
	color: #000;
	font-weight: 700
}

#nbNoticeSection a:hover {
	color: #004987 !important;
}

#homeTopHeaderSection {
	padding-top: 10px
}

.home #nbNoticeSection p.yellowHeaderTxtLeft {
	padding-left: 20px;
}
.home #nbNoticeSection p.yellowHeaderTxtLeft, .home #nbNoticeSection p.yellowHeaderTxtLeft a {
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.16);
	font-weight: 400;
}
.home #nbNoticeSection p.yellowHeaderTxtRight a {
	font-weight: 400;
	color: #FFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.home #nbNoticeSection p.yellowHeaderTxtRight a:hover {
	color: #FFF !important;
}
.home #nbNoticeSection p.yellowHeaderTxtRight strong {
	font-weight: 700;
}
.home #nbNoticeSection .covidCol {
	background-color: #87B92D;
}

/*-------------------------------------*/

.hiddenUTMfields {
	display:none;
}

.formContainer {
	max-width: 700px
}
.confirm-studentnumber {
	margin-top: 0 !important;
	margin-bottom: 20px !important;
	display: inline-block;
}
#certeficateCollectionRow input {
	margin-bottom: 10px
}

#certeficateCollectionRow .btnGreen {
	padding-right: 20px !important;
	padding-left: 20px !important;
	margin-top: 20px
}

#certeficateCollectionRow .btnGreen {
	border: 1px solid !important;
}
#certeficateCollectionRow .btnGreen:hover {
	border: 1px solid !important;
}

#certeficateCollectionRow .vc_col-sm-6, #certeficateCollectionRow .vc_col-sm-12 {
	padding-left: 0;
}

#certeficateCollectionRow p {
	margin-top: 0
}

.confirm-studentnumber .wpcf7-list-item {
	margin-left: 0
}

#gradInfoRow .tempNotice {
	color: #fff;
	font-size: 18px;  
	margin-top: 0 !important;
}


/* NEWSLETTER STYLES */

.newslSubsrContainer .subscribeHeading {
	font-size: 20px;
	border-top: 1px solid lightgray;
	margin-top: 50px;
	padding-top: 18px;

}
.newslSubsrContainer a.contactBtn {
	display: inline-block;
	color: #fff !important;
}
.newslSubsrContainer a.contactBtn:hover {
	display: inline-block;
	color: #004A88 !important;
}
.newslSubsrContainer  {
	border-bottom: 1px solid lightgray;
	padding-bottom: 22px
}

.newsletterIntroRow {
	border-bottom: 1px solid #E3E3E3;
	margin-bottom: 30px
}

.snippetsRow {
	margin-bottom: 15px;
	border-bottom: 1px solid  lightgray;
	border-top: 1px solid  lightgray;
	border-right: 1px solid lightgray;
}

.titleBlock p {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	margin-top: 0
}


/* TEMP NOTICE */

.secondHeading {
	margin-top: 20px !important;
}
.tempNotice {
	margin-top: 10px;
	color: #004987;
  display: flex;
  align-items: center;
	/*! padding-bottom: 25px */
	margin-bottom: 20px;
} 
.tempNotice.smlr span {
	font-size: 18px !important;
}

/*---------*/

#zforms_iframe_id {
	margin-left: -80px;
}
@media screen and (max-width:1101px) {
	#zforms_iframe_id {
		margin-left: -50px;
	}
}
@media screen and (max-width:948px) {
    .upcomingeventcontainer .eventimagecol{
    height: 270px
  }
  
    .leftCol {
    margin-bottom: 20px !important;
  }  
  
  #programHeadingTxt {
  margin-bottom: 30px !important;
}
  
  .programmeOverviewTxt-container {
  max-width: 100%;
  padding: 30px;
  display: block !important;
    position: relative !important;
  
  padding: 10px !important;
}
 
  .leftCol {
    width: 100% !important;
    max-width: 100% !important;
    padding-right:  5px !important;

    padding-left:  5px !important;
  }
  .rightCol {
    width: 100% !important;
  }
  
	.studentLoginContainer {
		width: 100%;
  flex-wrap: wrap
	}
	.studentLoginCol {
	width: 46.50%;
		margin-bottom: 15px !important;
		max-width: 100%;
}
	#zforms_iframe_id {
		margin-left: -40px;
	}
}
@media screen and (max-width:490px) {
  #tenReasonsWhy .topNotSureBtn {
    display: block !important;
  }
  
  #tenReasonsWhy .whyImages {
    display: block !important;;
    max-width: unset !important;
    
  }
  #tenReasonsWhy .whyImages img {
    margin: 10px !important;
  }
	#zforms_iframe_id {
		margin-left: -20px;
	}
}

#corporateVidRow .videoWrapper {
	height: 315px !important;
}
#corporateVidRow {
	margin-bottom: 50px;
}



/* SOCIAL MEDIA FOOTER ICONS */ 

.socialMediaTxt svg {
	max-width: 34px
}
.social-icons svg {
	max-width: 34px;
}

/* ALUMNI PAGE CSS */

/* SUBMIT MY STORY */

.alumQuoteTxt {
	color: #fff;
	background-color: #97C93D;
	display: block;
	padding: 20px;  
	font-style: italic;
}

.alumQuoteTxt:before {
	content: "";
	display: inline-block;
	background-image: url(https://imm.ac.za/wp-content/uploads/Quotation-mark.svg) !important;
	width: 40px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	transform:scaleX(-1);
	position: relative;
	left: -5px;
	bottom: -5px;
}

.submitStoryContent a {
	margin-top: 20px !important;
	display: inline-block
}

.fancybox-slide textarea{
	height: 200px !important;
	border-radius: 0;
	font-size: 14px;
}
.fancybox-slide .vc_col-sm-12 {
	padding: 0;
	margin-bottom: 15px;
}
.fancybox-slide .vc_col-sm-12 input {
	font-size: 14px;
	border-radius: 0;
}
.fancybox-slide h3 {
	font-size: 30px;
	color: #004987;
	margin-bottom: 20px;
}

.fancybox-enabled .fancybox-slider #\31 3650  {
	width: 700px !important;
	max-width: 100% !important;
}

#alumShareStory  {
	position: relative !important;
}


.alumBigTxt {
	font-size: 70px !important;
	text-transform: uppercase;
	border-bottom: none !important
}
.alumniImgBlock {
	width: 100%;
	float: right;
	margin-right: 20px;
	display: block !important;
  box-shadow: 0px 10px 33px rgb(0,0,0,0.16);
  border-radius: 10px;
  overflow: hidden
}
.alumniNav {
	display: flex;
  justify-content: space-between;
	text-align: center;
	width: 100% !important;
 
}
.alumniImg {
  max-height: 100%;
  height: 200px;
	background-color: lightblue;  
	max-width: 100% !important;
	background-position: center;
	display: block;
}
.alumniImg:hover {
	opacity: 0.7;
}
.alumniImgBlock:hover .AlumniNavItem {
	color: #97C93D !important;
}

.alumniImg.immJobM {
	background-image: url(https://imm.ac.za/wp-content/uploads/IMM-Job-Market.png);  
	background-position-y: 0%;
}
.alumniImg.blogArticles {
	background-image: url(https://imm.ac.za/wp-content/uploads/Blog-Articles.png);    
}
.alumniImg.alumJsm {
	background-image: url(https://imm.ac.za/wp-content/uploads/JSM.png);    
}
.alumniImg.alumEvents {
	background-image: url(https://imm.ac.za/wp-content/uploads/Alumni-Events.jpg);    
}
.alumniImgBlock p {
	margin: 0
}
.AlumniNavItem {
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	font-size: 18px;
	margin-bottom: 10px !important;
	font-weight: 600
}

#alumniInfoRow {
	position: relative !important;
	margin-top: 30px;
}

.navBlocksContent {
	margin-bottom: 0;
}
.navBlocksContent br {
	display: none;
}

/* MARKETING THE FUTURE SECTION */

.tribe-tickets-attendees header {
	display: none;
}
.tribe-tickets-attendees:before {
	content: "Where should we send your ticket?";
	display: inline-block;
	width: 100%;
	height: auto;  
}

/* RSVP BUTTON */

.tribe-button--rsvp:focus, .tribe-button--rsvp:active, .tribe-button--rsvp:visited {     
	background-color:lightgray !important;    
}
.add-to-cart:after {
	content: "Kindly allow a few seconds after you've clicked the 'Confirm RSVP' button.  A confirmation banner will confirm your reservation.";
	display: block;
	width: 300px;
	left: 0px;
	padding-top: 10px !important;;
	font-style: italic;
	margin-left: 10px;
	font-size: 13px;
	line-height: 120%;
	margin-left: 0;

}

#scheduleFeesBtnSection {
	border-bottom: 1px solid #ABAFB3;
	border-top: 1px solid #ABAFB3;
}

#scheduleFeesBtnSection {
	padding-top: 0 !important;
}

#mtfSection p {
	margin-top: 0;
}
#mtfSection {
	padding-top: 50px;
	background-image: url(https://imm.ac.za/wp-content/uploads/Background-img-left.png), url(https://imm.ac.za/wp-content/uploads/Background-img-right.png);
	background-position: left, right;
	background-repeat: no-repeat;
	background-size: contain;
}
.mtfLogo {
	margin-bottom: 30px !important;
}
#mtfHeader img  {
	text-align: center !important;
	display: block;
	margin: 0 auto !important;
}
.mtfTopicTxt em {
	font-size: 30px;
	font-weight: 700;
	color: #004987;
}
.mtfDateContainerContent {
	width: 478px;
	max-width: 100%;
	margin-left: auto;
	text-align: center;
}
.mtfDateContainer {       
	justify-content: space-evenly !important;
}
.mtfDateContainCol .mtfBtn {
	display: block;
	color: #fff;
	padding: 8px 0px;
	margin-top: 20px;
}
.mtfDateContainCol .mtfBtn.blue {
	background-color: #055280;
}
.mtfDateContainCol .mtfBtn.green {
	background-color: #046240;
}
.mtfDateContainCol .mtfBtn.orange {
	background-color: #F26122;
}
.mtfHeadingTxt{
	font-size: 18px !important;
}
.mtfHeadingTxt {
	margin-bottom: 20px !important;
}
.mtfSpeakRow {
	display: flex;    
	justify-content:   space-evenly !important;    
}
.mtfSpeakerContent {
	width: 500px; 
	max-width: 100%;
}
.mtfSpeakImgBlock {
	text-align: center;
	width: 153px !important;
}
.mtfSpeakImg {
	width: 153px;
	height: 120px;
	background-size: cover;
}
.mtfSpeakImg.Andy {
	background-image: url(https://imm.ac.za/wp-content/uploads/Andy-Rice.png);
}
.mtfSpeakImg.Anne {
	background-image: url(https://imm.ac.za/wp-content/uploads/Anne-Thisleton.png);
}
.mtfSpeakImg.Shavani {
	background-image: url(https://imm.ac.za/wp-content/uploads/Shavani-Naidoo.png);
}
.mtfSpeakImg.Lauren {
	background-image: url(https://imm.ac.za/wp-content/uploads/Lauren-Woolf-.png);
}
.mtfSpeakImg.Kirsty {
	background-image: url(https://imm.ac.za/wp-content/uploads/Kirsty-Dugmore.png);
}
.mtfSpeakImg.Sean {
	background-image: url(https://imm.ac.za/wp-content/uploads/Sean-McCoy.png);
}
.mtfSpeakName {
	font-size: 14px;
	color: #055280;
	border-bottom: 1px solid #B7B7B7;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px !important;
}
.mtfNedbankTxt:before {
	content: "";
	border-top: 1px solid #004987;
	display: block;
	width: 1100px;
	margin: 0 auto;
}
.mtfNedbankTxt {
	padding-bottom: 5px !important;
	padding-top: 5px !important;
	margin-bottom: 0 !important;
}

/* ZIM HEAD IMG HIDE */

.feesRow .programmeSubHeadings {
	margin-top: 0
}

#timer {
	font-weight:bold;
}
#importantDatesRow .wpb_raw_code.wpb_content_element {
	margin-bottom: 0 !important;
}

.home .scheduleFeesContainer {
	margin-bottom: 0;
}

/* CAPE TOWN SSC */

.brdrBtm {
	border-bottom: 1px solid #E3E3E3;
	margin-bottom: 50px;
	padding-bottom: 35px;
}
.ctTrailsDownload .programmeSubHeadings {
	margin: 0;
}
.ctTrailsDownload {
	margin-bottom:  10px;
}

/* CONTACT US PAGE */

.sscContactBlock {
	border-bottom: 1px solid #E3E3E3;
	margin-bottom: 15px;
}

#contactUsRow .viewCalBtn {
	display: inline-block;
	margin-bottom: 20px;
	margin-top: 10px
}

.contactBlock {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E3E3E3
}

/* TOP OF HOME PAGE */

#graduationRowHome {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#gradCol .vc_column-inner , #JobMarketCol .vc_column-inner  {
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
#JobMarketCol .vc_column-inner {
	background-position: right
}
#JobMarketCol .gradBtn {
	color: #0081EF;
}
/* GRADUATION PAGE */

/* HOME PAGE SECTION */

#graduationSection .widthMin {
	width: 1100px !important;
	margin: 0 auto !important;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	left: unset !important;

}
#graduationSection {
	padding-top: 0;

}
#graduationSection .vc_column-inner  {
	background-size: cover !important;
}

#graduationSection > .vc_column-inner {
	padding-top: 0
}

#graduationSection #leftCol {
	margin-bottom: 5px
}

#hoodieItemRow h3 {
	font-size: 15px;
}
#hoodieTextRow p {
	font-size: 20px;
}

#scheduleFeesBtnSection {
	padding: 0 !important;
}

#gradInfoRow {
	padding: 0 !important;
}


#hoodiesRow p {
	margin: 0
}
#hoodiesCol > .vc_column-inner {
	padding: 0 !important;
}
#hoodiesRow .wpb_text_column {
	margin-bottom: 0 !important;
}
#hoodiesRow {
	padding-right: 30px;
}

#hoodiesRow p {
	text-align: right
}

#graduationSection h2, #graduationSection p, #graduationSection a {
	color: #fff !important;
}
#graduationSection a {
	background-color: #97C93D;
	padding: 10px 20px
}
#gradInfoRow .homeHeadings {
	margin-top: 15px;
	margin-bottom: 22px
}
#gradInfoRow .homeHeadings strong {
	line-height:1.6;
}
#graduationSection a {
	margin-top: 6px !important;
	display: inline-block;
	border: 1px solid #97C93D;
	font-weight: 400
}
#hoodiesCol h2 {
	color: #fff !important;
	line-height: 105%;
	margin-bottom: 15px !important;
}

.hoodiesSectionBtn  {
	background-color: #004987 !important;
	padding: 10px 20px !important;
	display: inline-block;
	color: #fff;
	border: 1px solid #004987;
}
.hoodiePrice {
	font-size: 35px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 20px !important;;
	display: block
}
#graduationSection a:hover, #hoodiesCol a:hover {
	background-color: transparent !important;
	color: #FFF !important;
	border-color: #fff !important;
}
#hoodieItemRow a:hover  {
	background-color: transparent !important;
	color: #004987 !important;
	border-color: #004987 !important;
}
#gradInfoRow .wpb_text_column {
	margin-bottom: 48px;
}
#gradInfoRow #leftCol {
	padding-left: 40px;
}
@media screen and (max-width:1366px) {
	  .qualCategoryRow .vc_col-sm-4{
  width: 50%
}
	#gradInfoRow #leftCol {
		padding-left: 10px;
	}
}
@media screen and (max-width:767px) {
	
	.sa-price{
  border-right: 1px solid #97C93D;
  width: 50%
}

.other-price{
  width: 50%;
  padding-left: 6%
}
  
  .newsletterSubWrapper input {
    margin-bottom: 10px !important;
  }
  .newsletterSubWrapper .vc_col-sm-3, .newsletterSubWrapper .vc_col-sm-2 {
    padding-left: 0;
    padding-right: 0
  }
  .newsletterSubWrapper .privay-pol .wpcf7-list-item {
    margin-left: 0
  }

	#graduationSection .widthMin {
		width: auto !important;
	}

	#gradInfoRow #leftCol {
		padding-left: 20px;
		padding-right: 20px;
	}
}
#importantDatesSection {
	padding-top: 10px
}
#graduationHoodiesSection {
	padding-top: 0
}

/*.rsvpBtn {
display: none
}*/


#programOverviewRow.graduationPageHeading #programHeadingTxt {
	margin-bottom: 0 !important;
}

#venuesDatesRow .wpb_text_column, #rsvpRow .wpb_text_column, #gownPhotographicOrders .wpb_text_column {
	margin-bottom: 0;
}
.post-3953 #rsvpRow .programmeSubHeadings, #gownPhotographicOrders .programmeSubHeadings {
	margin-top: 60px !important;
}

#venuesDatesRow .rsvpBtn a {
	background-color: #F26122;
	display: block;
	text-align: center;
	padding: 10px;    
	color: #fff;
	border: 1px solid;
}
#venuesDatesRow .rsvpBtn a:hover {
	background-color: transparent;
	display: block;
	text-align: center;
	padding: 10px;    
	color: #F26122;    
}

#venuesDatesRow td {
	width: 20%;
}
#rsvpRow td {
	width: 33.33%;
}
#graduationMaps td {
	width: 33.33%;
}
#graduationMaps .table-responsive {
	margin-bottom: 30px;
}

#rsvpHeading #programHeadingTxt {
	margin-bottom: 0 !important;
}
#rsvpRow .programmeSubHeadings {
	margin-top: 20px !important;
}
/* GRADUATION RSVP FORMS */

#venuesDatesRow select {
	margin-top: 15px !important;
}
#venuesDatesRow .smlTxt {
	font-size: 13px;
	margin-top: 0px;
}
#venuesDatesRow .selection {
	padding-top: 0px !important;
}

#venuesDatesRow .wpcf7 .vc_col-sm-6 {
	padding-left: 0;
}

/* GRADUATION BANNER ON HOME PAGE */

#graduationRowHome {
	background-size: cover;
	background-repeat: no-repeat;    
}
#graduationRowHome h2 {
	font-size: 26px;
	color: #fff;
}
#graduationRowHome a {
	background-color: #fff;
	color: #F26122;
	padding: 10px 10px;
	display: inline-block;
	border: 1px solid #fff;
	font-weight: 400;
	margin-top: 0px;
}
#graduationRowHome a:hover {
	background-color: transparent;
	color: #fff;
	padding: 10px 10px;
	display: inline-block;
}
.graduationBannerContent {
	margin-bottom: 35px;
}

/* GRAY BLOCK INFOGRAPHIC */

.marginTop {
	margin-top: 15px
}
#importantDatesSection a:hover {
	color: #004987 !important;
}

.spaceNotice {
	margin-top: 20px !important;
}


.topNotificationHeading.openDays {
	border-top: 1px solid;
	display: inline-block;
	margin-top: 10px;
	padding-top: 5px;
	color: #707070 !important;
}

.openDaysGrey {
	margin-bottom: 0;
	margin-top: 20px
}
.openDaysGrey .larger-notification {
	font-size: 25px !important;
}
.openDaysGrey p {
	font-size: 25px;
}

.borderTop {
	margin-top: 10px;
	padding-top: 0px;
}
.borderTop:before {
	content: "";
	border-top: 1px solid #fff !important;
	display: block;
	width: 400px!important;
	margin: 0 auto;
	padding-bottom: 10px;
}

.infographicThumb {
	margin-left:20px;
	-webkit-box-shadow: 5px 7px 20px 0px rgba(0,0,0,0.3); 
	box-shadow: 5px 7px 20px 0px rgba(0,0,0,0.3);
	/*! overflow: visible; */
	/*! margin-bottom: 10px; */
}

#tenReasonsWhy a {
	display: inline-block;
	font-weight: 500;
	padding: 10px 18px !important;
}


#homeTopHeaderSection .sub-subHeadings {
  color: #004987 !important;
} 
#tenReasonsWhy .topNotSureBtn {
  padding-bottom: 0px !important;
}
#tenReasonsWhy .topNotSureBtn a, .blueBtn {
  background-color: #004987;
  border-color: #004987;
  border-radius: 5px
}
#tenReasonsWhy .topNotSureBtn a {
  width: 350px !important;
  display: block;
  margin: 0 auto
}

#tenReasonsWhy .topNotSureBtn a:hover {
  background-color: transparent;
  border-color: #004987;
  color: #004987
}
#tenReasonsWhy {
	padding-top: 80px;
	border-bottom: 1px solid #E3E3E3;
	padding-bottom: 0px;   
}
/* #tenReasonsWhy #valueAds-bottomImg.vc_row {
  background-image: url(https://imm.ac.za/wp-content/uploads/Value-Ads-Bottom-Border-Image.svg);
  .background-position: bottom;
  background-size:  cover;
  background-repeat: repeat-x;  
  height: 100px;
  display: block !important;
  max-width: unset !important;
  margin: 0 auto !important;
  left: unset !important;
  bottom: 100px;
 
}
*/
 #tenReasonsWhy > .vc_row{
  max-width: 1200px !important;
  margin: 0 auto !important;
}


#tenReasonsWhy .whyImages {
  display: flex;
  justify-content: space-between;
  max-width: 430px;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 15px
}

#valueAds-bottomImg.vc_row {
  background-repeat: repeat-y !important;
  background-size: cover !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  width: 100% !important;
  left: unset !important;
  height: 120px;
  position: relative;
   z-index: 0 ;
 
}

#tenReasonsWhy {
   padding-left: 0 !important;
  padding-right: 0 !important;
}
#tenReasonsWhy .whyIMMGradCol {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.uk-position-relative.valueAdsSlider {
  z-index: 1;
  padding-top: 15px;
}
.whyIMMGrad-slider, .valueAdsSliderMobile {
  margin-bottom: 0;
  bottom: -90px !important;
  position: relative;
	z-index: 1
}
.whyIMMGrad-slider li .uk-panel  {
  overflow: visible !important;
  border-radius: 20px;
}
.uk-scope .uk-dotnav > .uk-active > * {
  background-color: #fff !important;
}
#tenReasonsWhy a {
  padding: 5px !important;
}
.uk-scope .uk-dotnav > * > * {
  border-color: #fff
}



.valueAdsSlider .uk-panel .uk-margin {
  margin: 0
}
.valueAdsSlider .uk-panel .uk-margin:nth-last-of-type(2) {
  border-radius: 20px !important;
  overflow: hidden
}
.valueAdsSlider .uk-panel .uk-margin:nth-last-of-type(1) {
  position: absolute;

	  padding-left: 5px;
  padding-right: 5px;
  bottom: 5%;
left: 50%;
transform: translate(-50%, -5%);
  width: 100%;
   
}
.valueAdsSlider .uk-panel .uk-margin:nth-last-of-type(1) h3 {
  color: #fff;
  font-size: 25px;
  font-weight: 700;

}
.valueAdsSlider .uk-panel .uk-margin:nth-last-of-type(1) p {
  color: #fff
}


/* SCHEDULE BUTTON SECTION */

.scheduleFeesBtn {
	width: 32.33%;
	margin-bottom: 30px;
	margin-top: 30px;
	margin-left:1%;
	margin-right: 1%;
	display: inline-block;
}
.scheduleFeesBtn a {
	border:  1px solid #004987; 
	color: #fff !important;
	padding: 10px 10px !important;
	display: block;
	text-align: center !important;
}
.scheduleFeesContainer {
	width: 70%;
	margin: 0 auto;
	display: block !important;
	text-align: center;
}
.scheduleFeesBtn a:hover {
	background-color: transparent;
	color: #004987 !important;
}

/* GENERAL */

#featuredSlideRowHome {
  opacity: unset;
}

.noMarginBottom {
	margin-bottom: 0 !important
}

ul ul{
	margin-top: 0 !important;
}

.showMobile {
	display: none;
}

svg .cls-1 {
	stroke: none;
}

.clear {
	clear: both;
}
.hide {
	display:none;
}

.blue {
	color: #004987;
}

#previous-events .vc_gitem-post-data-source-post_excerpt {
	display: none;  
}

#logo-block {
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: flex-start 50;
  
}
.g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
	max-height: 60px;
}
#logo-9608-particle {
	width: 156px;
  margin-left: 50px;
  padding-top: 15px;
  padding-bottom: 15px
}

.hide-title .widgettitle {
	display: none;
}

.edit-link, .entry-header{
	display: none;
}
body.page-tribe-attendee-registration .entry-header, body.woocommerce-page .entry-header {
	display: block;
}
body.page-tribe-attendee-registration .entry-title, body.woocommerce-page .entry-title {
	padding: 10px 0;
	color: #004987;
	line-height: 140%;
	border-bottom: 1px solid #004987;
	margin: 50px 30px 0px 50px;
	clear: both;
}

body.single-post .entry-meta {
	margin-bottom: 0px !important;
	margin-top: 15px !important;
}
body.single-post .entry-meta a {
	font-size: 13px !important;
}
body.single-post .post-type-post a {
	color: #0b64b0;
}


.g-content, #g-mainbar {
	padding: 0;
	margin: 0;
}

.entry-content {
	padding-top: 50px;
	padding-bottom: 100px;

}
.home .entry-content {
	padding-top: 0px;
	padding-bottom: 0px ;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.entry-content, #g-above, #g-footer {
	padding-left: 50px !important;
	padding-right: 30px !important;
}

.copyInfo a {
	color:#FFF;
}

#g-header {
	margin-top: 0;
  background-color: #F0F5FA !important;
}


.home #g-header {
	margin-top: 0;
  background-color: #F0F5FA !important;
}

body p, div, ul  {
	font-size: 16px;
	line-height: 140%;
	font-weight: 300;
	color: #303033;
}

h1, h2, h3 {
	margin: 0;
	font-weight: 300
}

/* img {
	margin: 0px !important;
	/*! overflow: visible; */
} */

a:hover {
	color: #97C93D;
}

strong {
	font-weight: 500;
}

.subHeadings, .subHeading {
	color: #004987;
	font-size: 30px;
	line-height: 140%;
}

.home #g-container-main {
	margin-top: 0px;
}

/* SEARCH + ARCHIVE PAGE */



.entries .g-block h2 {
  font-size: 20px
}

.search-no-results .no-matches-notice {
	margin-left: 50px;
	margin-top: 10px;
}
.search-no-results .no-matches-notice h1 {
	font-size: 20px
}
.search-no-results #g-header {
	margin-top: 134px;
}
.archive .page-header {
	margin-top: 30px;
	margin-left: 50px;
}
.archive .page-header h1 {
	line-height: 140% !important;
	margin-bottom: 50px;
}
body.archive .entry-header, body.search-results .entry-header {
	display: block;
	padding-left: 50px;
}
body.archive .entry-header h2.entry-title, body.search-results .entry-header h2.entry-title {
	margin-bottom: 10px;
}
body.archive .entry-content, body.search-results .entry-content {
	padding-top: 0px;
}
body.archive #g-page-surround .entry-meta, body.search-results #g-page-surround .entry-meta {
	margin-bottom: 20px;
}

/* LIVEZILLA */

.lz_cbl {
	position: fixed;
	bottom: 0px;
	right: 2%;
	z-index: 400 !important;
	width: 150px;
	background-color: rgba(0,0,0,0.75);
	padding: 8px 8px 15px 8px;
	border-radius: 10px 10px 0 0;
}

/* HEADER SECTION 22 */

#wp-megamenu-main-menu {
  background-color: #0b5391 !important;
  background-image: none !important;
  border-bottom: none !important;
  padding-left: 38px !important;
  padding-right: 38px !important;
}

#g-navigation .g-container > .g-grid {
  align-items: center
}

.eventDate-home {
  margin-bottom: 10px !important;
  display: block
}


/* SEARCH TOP */

#searchPhoneArea .searchTopNav {
  box-shadow: 0 2px 30px rgba(0,0,0,.10);
  border-radius: 5px
}

#search-3 input[type="search"]:hover, #search-3 input[type="search"]:active {
	box-shadow: none !important;
}
#search-3 label {
	margin-bottom: 0px !important;
}
#search-3 input[type="search"] {
	padding: 9px 5px 9px 20px !important;
	line-height: 140%;
	background-color: transparent;
	font-size: 15px !important;
	margin-top: 0px;
  margin-bottom: 0px !important;
  margin-left: 15px;
  
}
#searchPhoneArea .search-field {
	background-color: transparent;
	box-shadow: none !important;
	background: url(https://imm.ac.za/wp-content/uploads/search.png) no-repeat left center;
	font-size: 15px !important;
  border-bottom: unset !important;
}


/* MEGA MENU */

.admitionMenuLink a {
  color: #a8a8a8 !important;
  font-size: 13px !important;
}
.admitionMenuLink a:before {
  content: "> ";
}

#mainMenu .wp-megamenu-sub-menu .grid-post-title a {
  font-size: 16px;
  font-weight: 400 !important;
  font-family: Roboto !important;
  color: #004987;
  margin-top: 15px;
  margin-bottom: 15px
}

#wp-megamenu-item-23806 a, #wp-megamenu-item-23817 a, .topSpace a, #wp-megamenu-item-26192 a, #wp-megamenu-item-26279 > a, #wp-megamenu-item-28882 > a{
  font-size: 19px !important;
  display: block !important;
  margin-bottom: 5px;
  color: #004987 !important;
}
.topSpace {
  margin-top: 15px
}
#wp-megamenu-item-23802 .wp-megamenu-sub-menu {
  padding-bottom: 0 !important;
}
#wp-megamenu-item-26279 .wp-megamenu-sub-menu {
  padding-bottom: 20px !important;
}
#wp-megamenu-item-23817 a {
  margin-top: 20px
}
#wp-megamenu-item-23806, #wp-megamenu-item-23817  {
  display: flex;
  align-items: center !important;
}
ul.wp-megamenu a {
  line-height: 110% !important;
}
ul.wp-megamenu > li > a {
  color: #fff !important;;
  font-size: 15px !important;
}
.wp-megamenu-sub-menu:nth-child(2){
  background-color: #fff !important;
  padding-top: 15px !important;
  box-shadow: 0 2px 30px rgba(0,0,0,.10) !important;
  width: 430px !important;
  padding-bottom: 15px !important
}
#wp-megamenu-item-23831 .wp-megamenu-sub-menu  {
  width: 100% !important;
  background-color: #fff !important;
  padding-top: initial !important;
}
.wpmm-image-icon  {
  vertical-align: middle !important;
  float: none !important;
}
.wp-megamenu-sub-menu li.wpmm-col a {
font-weight: 300 !important;
text-transform:  initial  !important
}

ul#menu-marketing-qualifications li.marketing:before {
	content: url('https://imm.ac.za/wp-content/uploads/marketing-subject-green.png');
	display: inline;
	bottom: -9px;
	position: relative;
	padding-right: 10px;
}
ul#menu-supply-chain-qualifications li.supplychain:before {
	content: url('https://imm.ac.za/wp-content/uploads/supply-chain-subject-orange.png');
	display: inline;
	bottom: -9px;
	position: relative;
	padding-right: 10px;
}
ul#menu-online-short-courses li.onlinesc:before {
	content: url('https://imm.ac.za/wp-content/uploads/Short-Courses-blue.png');
	display: inline;
	bottom: -3px;
	position: relative;
	padding-right: 10px;
}
ul#menu-cgisa li.cgisa:before {
	content: url('https://imm.ac.za/wp-content/uploads/gcisa-icon-menu.svg');
	display: inline;
	bottom: -6px;
	position: relative;
	padding-right: 10px;
}

.downloadsMenu a:after {
	content: " (Prospectus, Application Forms, Entrance Req., Policies, etc.)";
	font-weight: 300;
	color: #818181;
	font-size: 12px;
}



/* NEW CURRENT STUDENTS BUTTON IN NAVIGATION */

a.loginBtnCurStudents {
	color: #707070;
	float:right;
	display: inline-block;
	border: 1px solid #707070;
	padding: 7px 10px;
	margin-right: 20px;
}
a.loginBtnCurStudents:hover {
	background-color: #707070;
	color: #FFF;
}


/* ACCORDION */

.vc_tta-panel.vc_active   {
	border: 1px solid #004987;  
}
.vc_tta-panel.vc_active .vc_tta-panel-heading {
	background-color: #004987 !important;
	border-radius: 0 !important;
}
.vc_tta-panel.vc_active .vc_tta-panel-title span   {
	color: #fff !important;
}
.vc_tta-panel-heading .vc_tta-panel-title a {
	font-size:18px !important;
}
.vc_tta-panel.vc_active .vc_tta-panel-body p {
	color: #000 !important;
}
.vc_tta-panel-heading, .vc_tta-panel-body {
	background-color: transparent !important;
	border-color: transparent !important;
}
.vc_tta-panel {
	margin: 10px 0
}


/* BUTTONS */

a.btnWhite {
	background-color: #FFF;
	color: #004987;
	padding: 10px 20px 11px;
	display: inline-block;
	font-weight: 400;
	transition: ease-in-out 0.3s;
}
a.btnWhite:hover {
	background-color: #97C93D;
	color: #FFF;
}

/* PREVIOUS EVENTS */

#previous-events .vc_gitem-zone {
	display: flex
}
#previous-events .homePostTitle {
	background-color: rgba(0, 73, 135, 0.90);
	padding: 15px !important;
	margin-top: -50px;
	margin-right: 0px;
}

.flex {
	display: flex;
}
.leftCol .flex, .CostBtn {
	width: 300px !important;
	max-width: 100% !important;
}
.leftCol .CostBtn {
	margin-top: 5px !important;
	display: block
}

.sidebarBtn, .viewCalBtn, .readMreBtn, .wpcf7-submit, .btn, .admissionBtn, .viewSubject, .resultBtn, #submit {
	border-left: 5px solid #004987 !important;
	padding-left: 10px !important;
	display: block;
	background-color: transparent;
	border-bottom: 0 !important;


}
#submit.button {
	border-radius: 0 !important;
}

.viewSubject, .admissionBtn {
	width: 50%;
	margin-top: 10px;

}
.admissionBtn, .resultBtn {
	border-color: #F26122 !important;

}
.admissionBtn:hover, .resultBtn:hover {
	color: #004987;
	border-left: 5px solid #97C93D !important;
}
.wpcf7-submit, #submit {
	color: #004987
}
.vc_btn3, #submit {
	color: #004987 !important;
  padding: 5px 0px !important;

}
.vc_btn3:hover, #submit:hover{
	color: #97C93D !important
}



/* --------------------------------------------------> */

.topEnqBtn a, .topApplyBtn a, .topNotSureBtn a, .topContactBtn a{
	color: #fff;
	display: block;
	padding: 7px 4px 8px !important;
}
.topEnqBtn, .topApplyBtn, .topNotSureBtn, .topContactBtn  {
	text-align: center;
	font-weight: 400;
	padding: 0 !important;
	font-size: 14px;
  width: 100% !important;
}

.topNavAppBtns {
  border-radius: 5px !important;
  overflow: hidden;
}
#applicationBtns {
  padding-right: 50px
}
.topNavAppBtns .textwidget {
  display: flex
}

.topNavAppBtns.vc_col-sm-12 {
	padding-left: 0px;
	padding-right: 0px;
}
.topEnqBtn a, .scheduleFeesBtn a {
	background-color: #004987;
	border:  1px solid #004987
}

.topContactBtn a {
	background-color: #ABAFB3;
	border:  1px solid #ABAFB3;
  
}
.topContactBtn a:hover {
	background-color: transparent;
	color: #004987;
  border-radius: 5px !important;
}
.topEnqBtn a:hover {
	background-color: transparent;
	color: #004987;
	border:  1px solid #004987;
    border-radius: 5px !important;
}
.topApplyBtn a {
	background-color: #97C93D;
	border:  1px solid #97C93D;
}
.topApplyBtn a:hover {
	background-color: transparent;
	border:  1px solid #97C93D;
	color: #97C93D;
  border-radius: 5px !important;
}
.topNotSureBtn a {
	background-color: #F26122;
	border:  1px solid #F26122;
}
.topNotSureBtn a:hover {
	background-color: transparent;
	border:  1px solid #F26122;
	color: #F26122;
}

/* --------------------------------------------------> */

.btnContainer {
  display: flex
}
.hideDesktop {
  display: none;
}

.btnGreen {
	background-color: #97C93D;
	color: #fff;
	padding: 10px 20px;
	font-weight: 500;
	font-size: 14px;
	display: inline-block;
	border: 1px solid #97C93D;
	text-align: center;
	 border-radius: 5px

}
.btnGreen:hover {
	border: 1px solid #97C93D;
	background-color: transparent;
	color: #97C93D;
}

.btnBlue {
	background-color: #004987;
	color: #fff;
	padding: 10px 20px;
	font-weight: 500;
	font-size: 14px;
	display: inline-block;
	border: 1px solid #004987;
	text-align: center;

}
.btnBlue:hover {
	border: 1px solid #004987;
	background-color: transparent;
	color: #004987;
}
.eventMod a.btnOrange {
  text-align: left !important;
}

.btnOrange {
	background-color: #F26122;
	color: #fff;
	padding: 10px 20px;
	font-weight: 500;
	font-size: 14px;
	display: inline-block;
	border: 1px solid #F26122;
	text-align: center;
  border-radius: 5px

}
.btnOrange:hover {
	border: 1px solid #F26122;
	background-color: transparent;
	color: #F26122;
}

.enqBtn.new {
  float: none;
	margin-top: 0px;
}

.enqBtn  {
	background-color: #004987;
	color: #fff !important;
	padding: 10px 20px;
	font-weight: 500;
	font-size: 14px;
	display: inline-block;
	margin-right: 1%;
	border: 1px solid #004987;
	width: 100%;
	text-align: center;
}
.admisBtn.grey {
  background-color: #ABAFB3;
}
.admisBtn:hover {
  color: #ABAFB3;
  background-color: #fff 
}
.admisBtn {
  	padding: 10px 20px !important;
	font-weight: 500;
	font-size: 14px;
	display: inline-block !important;
	margin-right: 1%;
	border: 1px solid #ABAFB3;
	width: 100%;
	text-align: center;
  color: #fff
}
.admisBtn.white {
  background-color: #fff !important;
  border-color: #fff !important;
}

.CostBtn {
	background-color: #F26122;
	color: #fff;
	padding: 10px 20px;
	font-weight: 500;
	font-size: 14px;
	display: block !important;
	border: 1px solid #F26122;
	text-align: center

}
.CostBtn:hover {
	border: 1px solid #F26122;
	background-color: transparent;
	color: #F26122;

}
.enqBtn:hover {
	border: 1px solid #004987;
	background-color: transparent;
	color: #004987 !important;

}
.applyBtn {
	background-color: #97C93D;
	color: #fff;
	padding: 10px 20px;
	font-weight: 500;
	font-size: 14px;
	display: inline-block;
	border: 1px solid #97C93D;
	width: 49%;
	text-align: center;
	margin-left: 1%

}
.applyBtn:hover {
	border: 1px solid #97C93D;
	background-color: transparent;
	color: #97C93D;
}
.viewMreBtn, .reviewBtn {
	border: 1px solid #85B82A;
	color: #85B82A;
	padding: 10px  20px;
	font-weight: 400;
	display: inline-block;
}
.viewMreBtn:hover, .reviewBtn:hover {
	border: 1px solid #85B82A;
	color: #fff;
	padding: 10px  20px;
	background-color: #85B82A
}
.successStoriesBtn, .studentReviewBtn, .successStoriesBtn p, studentReviewBtn p {
	margin: 0 !important;
}

/* NAVIGATION */

.topNavAppBtns {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.search-submit {
	display: none
}
.searchTopNav .search-field {
	border-bottom: 1px solid #DFDFDF!important;
	border-radius: 0;
	border: 0;
	padding-left: 0;
	margin-bottom: 0 !important;
}
.searchTopNav {
	padding-bottom: 0;
	margin-bottom: 0;
	margin-right: 30px;
}
.immTel {
	margin-top: 0;
	padding-top: 0
}
.immTel p {
	margin: 0
}
.immTel a {
	font-size: 21px;
	font-weight: 400;
	color: #707070;
	margin-top: 14px;
	display: inline-block;
}



/* BREADCRUMBS */

.home .breadCrumbsWidget {
  display: none
}

.breadCrumbsWidget  {
	background-color: #fff;
  border-bottom: 1px solid #F2F2F2;
  color: #BCBEC0 !important;
}
.breadCrumbsWidget strong {
  color: #BCBEC0
}
.breadCrumbsWidget pre {
	margin-left: 50px !important;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 14px;
	margin: 0;
	border: 0;
	padding-left: 0;
	color: #BCBEC0 !important;	
	background-color: #fff;
}
.breadCrumbsWidget pre a {
	color: #BCBEC0 !important;
}
code, kbd, pre, samp {
	font-family: inherit !important;
	color: #BCBEC0 !important;
}

/* CONTACT FORMS */

.getInTouchSidebar .vc_col-sm-12, #alumniInfoRow .vc_col-sm-6 {
	padding-left: 0;
}

.getInTouchSidebar .widgettitle {
	color: #F26122;
}
.getInTouchSidebar input, .getInTouchSidebar textarea, #alumniInfoRow input {
	border: 0;
	border-bottom: 1px solid #F26122;
	border-radius: 0;
	padding-left: 0;
	background-color: transparent
}
.getInTouchSidebar input:hover, .getInTouchSidebar input:focus, .getInTouchSidebar textarea:hover, .getInTouchSidebar textarea:focus {
	box-shadow: none !important;
}
#alumniInfoRow input:focus, #alumniInfoRow input:focus {
	box-shadow: none !important;
}

.checkBox {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
}
.checkBox .wpcf7-list-item {
	display: block;
	margin: 10px 0
}

/* SHARE YOUR STORY */

.uploadFile {
	margin-top: 20px
}
.submitStoryContent.heading {
	margin-bottom: 0 ;
}

.submitStoryContent input, .submitStoryContent textarea, .submitStoryContent input {
	border: 0;
	border-bottom: 1px solid #97C93D;
	border-radius: 0;
	padding-left: 0;
	background-color: transparent
}
.submitStoryContent .vc_col-sm-12, .submitStoryContent .vc_col-sm-6 {
	padding-left: 0;
	padding-right: 0
}

/* SIDEBAR */

.whyChooseIMMWidget a {
	text-align: center !important;
	padding: 7px 18px !important;
	background-color: #F26122 ;
	display: block;
	color: #fff;
	font-weight: 400;
	border: 1px solid #F26122;
}
.whyChooseIMMWidget a:hover {
	background-color: transparent;
	border: 1px solid #F26122;
	color: #F26122;
}
.whyChooseIMMWidget p {
	margin: 0;
	margin-bottom: 10px;
}

#g-sidebar .sidebarAdmissionBtn a {
	display: block;
	font-size: 15px;
	font-weight: 400;
	text-align:  center;
	background-color: #65656A;
	margin-bottom: 10px;
	border: 1px solid #65656A;
	color: #fff
}
#g-sidebar .sidebarAdmissionBtn a:hover {
	background-color: transparent;
	border: 1px solid #65656A;
	color: #65656A !important;
}


#g-sidebar .widget {
	padding: 0;
	margin: 0;
}
#g-sidebar {
	padding-top: 0;
	margin-top: 50px
}

.sidebarNav {
	margin-top: 50px !important;
}

.sidebarNav br {
	display: none;
}
.sidebarNav.noMarginTop  {
	margin-top: 0 !important; 
}
.sidebarHeadings {
	font-size: 25px;
	font-weight: 300;
	color: #004987;
	border-top: 6px solid;
	padding-top: 20px;
	padding-bottom: 5px;

}
.sideBarFAQ .sidebarHeadings {
	border-top: 0;
	padding: 0;
	margin: 0


}
.sideBarFAQ a {
	color: #303033;
}
.sideBarFAQ {
	border: 1px solid #BCBEC0;
	margin-top: 50px !important;
	padding: 30px !important;    
}
.sideBarFAQ  p {
	margin: 0
}
.sidebarHeadings:nth-last-of-type(2) {
	margin-top: 0px
}

.sidebarNav a {
	border-bottom: 1px solid #E3E3E3;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #000
}

.sidebarNav a:hover {
	border-bottom: 1px solid #004987;
	color: #004987 !important;
}

.sidebarBlueBlock {
	background-color: #F26122;
	color: #fff;
	padding: 30px !important;
	clear: both;
}
.sidebarRegEnqBtns {
	margin-top: 50px !important;
}
.sidebarBlueBlock p {
	margin: 0;
}
.sidebarBlueBlock a {
	color: #fff;
}
.sidebarBlueBlock a:hover {
	color: #97C93D;
}
.sidebarBigTxt {
	margin-bottom: 5px;
}
.sidebarBlueBlock p, .sidebarBlueBlock .sidebarBigTxt {
	color: #fff;
}

#g-sidebar .topApplyBtn {
	display: inline-block;
	color: #fff !important;
	text-align: center !important;
	margin-top: 10px;
	margin-bottom: 10px;
}
#g-sidebar .topApplyBtn a{
	color: #fff;
}
#g-sidebar .topApplyBtn a:hover {
	border-bottom: 1px solid #97C93D;
	color: #97C93D !important;
}
.sidebarAdmissionBtn a {
	padding: 7px 4px 8px !important;
}

/* PAGE SIDEBAR */

.getInTouchSidebar {
	display: inline-block !important;    
	/*! display: -webkit-inline-flex; */
}

.pageSidebar {
	padding-bottom: 0;
	margin-bottom: 0 !important;
	margin-top: 50px !important;
	background-color: #F6F6F6;
	padding: 30px !important;
	margin-right: 30px;
	border-top: 6px solid #707070;
	display: block;
	padding-top: 22px !important;
}
.pageSidebar p{
	margin-bottom: 0;
}
.pageSidebar a {
	line-height: 200% !important;
}
.pageSidebar a:hover {
	color: #97C93D;
}
.widgettitle {
	font-size: 20px;
	border-bottom: 1px solid #E3E3E3;
	padding-bottom: 10px;
	display: block;
	font-weight: 400
}



/* HOME PAGE */


#homeTopHeaderRow .wpb_text_column {
	margin-bottom: 0;
}

#homeTopHeaderRow .vc_column-inner {
	padding-top: 50px;
	padding-bottom: 50px;
}

#homeTopHeaderRow div {
	color: #fff;
	text-align: center;
}

#homeTopHeaderSection .homeHeaderSubjectsContainer {
	max-width: 100% ;
	width: 940px;
	margin: 0 auto;    
	height: 100px;
	margin-bottom: 30px;
}
#homeTopHeaderSection .homeHeaderSubjects {
	float: left;
	width: 25%;
	padding-top: 31px;
	padding-bottom: 31px;   
	border-right: 1px solid rgba(2255, 2255, 2255, 0.16);
	display: flex !important;  
	/*! margin-bottom: 30px; */
	max-width: 100%;
	transition: all ease-in-out 0.3s;
}

#homeTopHeaderSection .mainStudyUnit {
	font-size: 26px;
	text-align: center;
}
#homeTopHeaderSection .homeHeaderSubjects:nth-of-type(5) {
	border-right: 0;
}

#homeTopHeaderSection .homeHeaderSubjects a {
	color: #fff;
}

#homeTopHeaderSection .homeHeaderSubjects.marketing {
	background-image: url(https://imm.ac.za/wp-content/uploads/marketing-subject.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
#homeTopHeaderSection .homeHeaderSubjects.supplyChain {
	background-image: url(https://imm.ac.za/wp-content/uploads/supply-chain-subject.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
#homeTopHeaderSection .homeHeaderSubjects.business {
	background-image: url(https://imm.ac.za/wp-content/uploads/business-management.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
#homeTopHeaderSection .homeHeaderSubjects.general {
	background-image: url(https://imm.ac.za/wp-content/uploads/002-settings.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
  border-right: none
}

#homeTopHeaderSection .homeHeaderSubjects.cgisa {
	background-image: url(https://imm.ac.za/wp-content/uploads/gcisa-icon-home-top-1.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#homeTopHeaderRow .homeHeaderSubjectTxt {
	display: block;
	font-size: 18px;
	max-width: 700px;
	margin: 0 auto;
}

.homeHeaderSubjectsContainer .homeHeaderSubjects {
	position: relative;
	display: flex !important;
	align-content: center;
	align-items: center;
	text-align: center;
	justify-content: center;
}

/*DISABLE STUDY UNITS HOVER ON HOME PAGE*/

.displayStudyUnits {
	display: none;
}


#homeVideos {
	padding-top: 60px;
	border-bottom: 1px solid #D0D2D5;
	padding-bottom: 20px;
}
#homeVideos h3 {
	color: #004987;
	font-weight: 300;
	margin-bottom: 30px;
}


/* --------------------------------------------------> */

.homeProgramme {
	width: 16%;
	float: left; 
	margin-top: 15px
}
.homeProgramme svg path {
	width: auto;
	height: 45px;
	fill: #707070

}
.homeProgramme .homeProgTitles {
	margin-top: 20px !important;
	padding-top: 20px;
	border-top: 1px solid #BCBEC0;
	display: block;
	width: 72px;
	margin: 0 auto;
}

.homeProgrammeContainer {
	margin: 0 auto;
	text-align: center;
	width: 960px;
	position: relative;
	max-width: 100%;

}

.homeProgrammeContainer div {
	font-size: 13px;
	line-height: 110%;
}


.homeProgramme svg:hover path{
	fill: #97C93D
}
.homeProgramme svg {
	max-height: 51px;
	margin: 0 auto;

}
.homeProgramme svg .cls-1 {
	stroke: none;
}

.homeProgrammeBracketContainer {
	width: 90%;    
	margin: 0 auto !important;
	height: 140px;
	position: relative;
}
.homeProgrammeBracketContainer .clear {
	display: none;
}

.homeSelectProgramme {
	transform: rotate(-90deg);
	font-size: 15px !important;
	text-align: left;
	color: #97C93D;   
	line-height: 140% !important;
	bottom: 42px;
	position: absolute;
	left: -52px;
}
.homeSelectProgramme strong {
	font-size: 25px;
	font-weight: 500;   
}
.homeProgrammeBracketLeft {
	width: 18px;
	height: 140px;
	border-top: 1px solid #97C93D;
	border-bottom: 1px solid #97C93D;
	border-left: 1px solid #97C93D;
	float: left;
}
.homeProgrammeBracketRight {
	width: 18px;
	height: 140px;
	border-top: 1px solid #97C93D;
	border-bottom: 1px solid #97C93D;
	border-right:1px solid #97C93D;
	float: right;
	position: absolute;
	right: -18px;
}

/* --------------------------------------------------> */

/* HOME INTERNATIONAL STATS */

#rankTop15 {
	padding-top: 50px;
	padding-bottom: 15px;
}
.internationalStatsWrapper {
	max-width: 900px;
	margin: auto;
	background-color: rgba(2,75,139,0.8);
	color: #FFF;
	text-align: center;
	padding: 30px 20px;
}
.internationalStatsWrapper h2.rankHeading {
	font-weight: 300;
	font-size: 30px;
	line-height: 120%;
}
.internationalStatsWrapper p {
	max-width: 700px;
	color: #FFF;
	margin-left: auto;
	margin-right: auto;
}
.internationalStatsWrapper a.btnWhite {
	margin-top: 5px;
}

/* HOME AFRICAN COUNTRIES*/

#africanCountries {
	border-bottom: 1px solid #E3E3E3;
	padding-top: 30px;
	padding-bottom: 30px;
}
#africanCountries .wrapperCol {
	max-width: 900px;
	margin: auto;
}
#africanCountries h2.africaHeading {
	font-size: 30px;
	color: #024B8B;
	line-height: 120%;
}

/* --------------------------------------------------> */


#homeLogosRow {
	text-align: center;
	padding-top:18px;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}
#homeHeaderLogos img {
	margin: 0 20px !important;
}

/* --------------------------------------------------> */

#importantDatesRow .vc_column-inner {
	padding: 0
}



.larger-notification {
	font-size: 16px !important;
	/*! padding-right: 30px; */
	line-height: 120%;
}
.larger-notification a, .larger-notification strong {
	font-size: 16px !important;

}
.larger-notification.date {
	font-size: 30px !important;
}
.hr-divider {
	width: 100px;
	height: 1px;
	background-color: white;
	margin: 15px auto 10px;
}


#importantDatesRow p, #importantNotificationTxt {
	margin: 0
}

.home #importantNotificationTxt p {
	font-size: 17px;
}

#importantDatesRow {
	padding-top: 25px;
	padding-bottom: 24px;
	color: #fff !important;
}
#importantDatesRow a {
	color: #fff;
	font-weight: 600;
}
#importantDatesRow p {
	color: #fff
}
#importantDatesRow .topApplyBtn a {
	display: inline-block !important;
	padding: 10px 15px !important; 
	border-color: #fff;
	background-color: transparent
}
#importantDatesRow .topApplyBtn a:hover {
	background-color: #97C93D;
	border-color: #97C93D;
}
#importantDatesRow .topApplyBtn {
	text-align: center !important;
	margin-top: 15px;
}
/* --------------------------------------------------> */

#latestNewsArticleSection {
	padding-top: 50px;
	padding-bottom: 30px;
	background-image: url(https://imm.ac.za/wp-content/uploads/Repeat-Grid-6.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}
#latestNewsArticleSection .vc_gitem_row .vc_gitem-col {
	padding: 0;

}
#latestNewsArticleSection .vc_gitem-zone.vc_gitem-zone-c {
	overflow: visible;
}

#latestNewsArticleSection .vc_grid-item {
	max-width: 30.55%;
	margin-left: 60px;   
}
#latestNewsArticleSection .vc_grid-item:nth-of-type(1) {
	margin-left: 0 !important;
}
#latestNewsArticleSection .vc_grid-item:nth-of-type(4) {
	margin-left: 0 !important;
}

.homePostTitle {
	background-color: rgba(0, 73, 135, 0.90);
	padding: 15px !important;
	margin-top: -50px;
	margin-right: -30px;
	width: 324px;
	float: right;  
	position: relative;
	z-index: 9;
	min-height: 72px;
}
.homePostTitle:hover {
	background-color: #004987;
}

.homePostTitle h4 {
	margin: 0;
	font-size: 16px;
	color: #fff;
	font-weight: 500;

}
.homePostTitle a{
	display: block !important;
}

.vc_custom_heading  {
	clear: both;
}


#recentPostModule .vc_grid-container {
	margin-bottom: 0;
}
#latestNewsSubscriptionRow {
	padding-top: 20px;
	background-color: #F1F1F1;
	padding-bottom: 20px;

}
#latestNewsSubscriptionRow .subHeadings {
	margin-bottom: 30px;
	float: left;
	margin-top: 10px
}
#latestNewsSubscriptionRow .formWidth {
	width: auto;
	display: flex;
	padding-left: 0;

}
#latestNewsSubscriptionRow .emailInput {
	float: left;
	margin-right: 10px;

}
#latestNewsSubscriptionRow .formWidth p {
	margin: 0;
}
#latestNewsSubscriptionRow  h2 {
	margin-bottom: 0 !important;
	margin-right: 20px;

}
#latestNewsSubscriptionRow .vieMreBtn  {
	margin-top: 12px !important;
	display: inline



}

/* --------------------------------------------------> */

.limitWith .wpb_column .vc_column-inner {
  max-width: 1200px !important;
  margin: 0 auto;
  text-align: center
}

#homeSSCRow {
	background-size: cover;
	color: #fff;
  background-image: none !important;
  background-color: #0B5391
  
}
.home .vc_pageable-load-more-btn {
  display: none;
}
#homeSSCRow h2 {
	font-weight: 200;
	margin-bottom: 50px;
	color: #fff;
  font-size: 40px;
}

#homeSSCRow .vc_column-inner {
	padding-top: 80px;
	padding-bottom: 80px;
}
#homeSSCRow a {
	color: #fff;
}
#homeSSCRow a:hover {
	color: #97C93D;
}

#homeSSCRow .sscHomeItem {
	float: left;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid rgba(225, 225, 225, 0.30);
	padding-bottom: 15px;
	margin-right: 1%;
	display: inline;
	width: 15.8%;

}
.sscHomeItem:nth-last-child(1) {
	margin-right:0 !important; 
}

#homeSSCRow img {
	margin-bottom: 13px !important;
	width: 100%;
}

/* --------------------------------------------------> */

.homePostReadMreBtn a {
  background-color: transparent !important;
}
#latestNewsArticleSection .vc_column-inner {
  padding-left: 50px !important;
}

.alumniVideos {
  max-width: 800px;
  margin: 0 auto
}

#peopleAreSayingRow {
  border-bottom: 1px solid #E5E5E5;
  padding-top: 30px
}
#sucessStoriesRow {
  padding-top: 70px
}

#SuccessReviewSection {
	padding-top: 0px;
	padding-bottom: 50px;
  padding-left: 50px;
  padding-right: 50px;
}
#SuccessReviewSection h2 {
	color: #004987;
	font-weight: 200;
  line-height: 120%
}
#reviewHeadingtxt h2 {
  text-align: center !important;
}
.homeHeadings {
  	color: #004987;
	font-weight: 200;
	text-align: center;
  font-size: 40px
}

#SuccessReviewSection .sub-subHeadings {
	color: #004987;
	font-size: 24px;
}

#successStoriesLeft p {
	margin: 5px 0 10px 0; 
}
#reviewsRight .vc_column-inner {
	padding-left: 60px;
}
#successStoriesLeft .vc_column-inner {
	padding-right: 30px;
}

#successStoriesLeft .uk-dotnav >* >*{
	width: 12px;
	height: 12px;
}
#successStoriesLeft .uk-dotnav li {
	padding-left: 5px;
}

#successStoriesLeft #successStoriesHeadingtxt {
	margin-bottom: 45px;
}
#reviewsRight #reviewHeadingtxt{
	margin-bottom: 45px;
}
#peopleAreSayingRow .uk-slideshow-items  {
  min-height: 300px !important;
}
#sucessStoriesRow .uk-slideshow-items  {
  min-height: 650px !important;
  text-align: center
}

.reviewName {
	font-size: 22px;
text-align: left !important;
  margin-bottom: 5px
}
.reviewRateing em {
	font-size: 13px;
}

#reviewTxt p {
  text-align: left !important;
}
#reviewTxt {
	position: relative
}


#reviewsRight {
	text-align: center
}
#reviewHeadingtxt {
	text-align: left;
}
#reviewsRight p {
	margin-top: 0
}
#reviewsRight .reviewRateing  {
	margin-bottom: 15px !important;
}

.testimonialContainer {
  display: flex;
  padding-left: 30px;
  align-items: center;
}
.testimonialContainer iframe {
  width: 30%
}
.testimonialContainer .testimonialContent {
   width: 70%;
  margin-left: 1%
}

.storiesSlider .testimonialContainer .testimonialContent {
   width: 30%;
  margin-left: unset;
  flex-grow: 2
}
.storiesSlider .testimonialContainer iframe {
  width: 70%;
  flex-grow: 3
}
.storiesSlider .homeHeadings {
  display: block
}
.storiesSlider .testimonialContainer {
  width: 100%;
}

/* --------------------------------------------------> */

.newsletterSubBox .privay-pol {
  color: #fff
}
.newsletterSubBox .privay-pol a {
  color: #fff;
  text-decoration: underline;
}

#NewsletterSignup .vc_column-inner {
	padding-left: 0;
	padding-right: 0
}

#jsmsubscribe {
	padding-top: 50px;
	padding-bottom: 50px;
}
#jsmsubscribe .newsletterColLeft p {
	margin: 0px;
}
#jsmsubscribe .newsletterColLeft img {
	margin: 0px auto !important;
}

#jsmsubscribe h2.homeHeadings {
	color: #004987;
	line-height: 120%;
	font-size: 30px;
	margin-bottom: 25px;
}
#jsmsubscribe h3 {
	color: #004987;
	font-size: 20px;
	line-height: 120%;
}
#jsmsubscribe .newsletterSubBox, #NewsletterSignup .newsletterSubBox {
	background-color: #AAAFB3;
	padding: 20px 30px 10px;
	margin-top: 30px;
}
#NewsletterSignup .newsletterSubBox {
	margin-top: 0 !important;
}
#jsmsubscribe .newsletterSubBox p.subscribeHeading, #NewsletterSignup .newsletterSubBox p.subscribeHeading {
	color: #FFF;
	font-size: 20px;
	margin: 0px;
	line-height: 120%;
}
#jsmsubscribe .newsletterSubWrapper, #NewsletterSignup .newsletterSubWrapper {
	margin-left: -5px;
	margin-top: 15px;
}
#jsmsubscribe .newsletterSubWrapper .vc_col-sm-4, #NewsletterSignup .newsletterSubWrapper .vc_col-sm-4 {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
}
#jsmsubscribe form.wpcf7-form input, #NewsletterSignup form.wpcf7-form input {
	background-color: transparent !important;
	border-radius: 0px;
	color: #FFF;
	line-height: 120%;
	padding: 13px 15px;
}
#jsmsubscribe form.wpcf7-form input::placeholder, #NewsletterSignup form.wpcf7-form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #FFF;
	opacity: 1; /* Firefox */
}
#jsmsubscribe form.wpcf7-form input:-ms-input-placeholder, #NewsletterSignup form.wpcf7-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #FFF;
}
#jsmsubscribe form.wpcf7-form input::-ms-input-placeholder, #NewsletterSignup form.wpcf7-form input::-ms-input-placeholder { /* Microsoft Edge */
	color: #FFF;
}
#jsmsubscribe form.wpcf7-form input.btnWhite, #NewsletterSignup form.wpcf7-form input.btnWhite {
	background-color: #FFF !important;
	border: 1px solid #FFF !important;
	color: #004987;
	line-height: 120%;
	padding: 13px 15px !important;
	transition: ease-in-out 0.3s;
	font-weight: 400;
}
#jsmsubscribe form.wpcf7-form input.btnWhite:hover, #NewsletterSignup form.wpcf7-form input.btnWhite:hover {
	background-color: #004987 !important;
	border-color: #004987 !important;
	color: #FFF !important;
}

.importantDatesTxt, .viewCalBtnTxt {
	margin-bottom: 0 !important;

}
.viewCalBtnTxt p {
	margin-top: 0;
}

.importantDatesTxt ul {
	display: inline-block;
	margin-left: 0;
	font-weight: 400;  
	column-count: 2;
}
.importantDatesTxt li {
	list-style: none; 
	border-bottom: 1px solid #D6D8DB;
	padding-bottom: 30px;
	margin-bottom: 30px;
	margin-right: 30px;
	line-height: 110%;

}

.importantDatesTxt li strong {
	font-weight: 600;
}

.magazineImgLink {
	margin-bottom: 0
}


/* PROGRAMME PAGES */

.saqaIds {
	display: inline-block;
	margin-top: 5px;
	font-style: italic;
	color: #8f8f8f;
}

#programHeadingTxt p{
	margin-top: 0;
}


/* NEW VIDEOS */

.imgWrapper {
	position: relative;
	padding-bottom: 100%;
	height: 0;
	margin-bottom: 20px;
}
.imgWrapper {  
	display: block !important;
	background-size: cover;
	background-position: center
}

/* Short Courses New Images */

.imgWrapper.projectManFund {
  background-image: url(https://imm.ac.za/wp-content/uploads/Project-Management-Fundamentals-IMM-site-background-img.jpg)
}

.imgWrapper.scProjectManagement {
	background-image: url(https://imm.ac.za/wp-content/uploads/Project-Management-1.jpg);
}
.imgWrapper.scFundofMarketing {
	background-image: url(https://imm.ac.za/wp-content/uploads/Fundamentals-of-Marketing-1.jpg);  
}
.imgWrapper.scStratBrandManagement {
	background-image: url(https://imm.ac.za/wp-content/uploads/Strategic-Brand-Management-1.jpg);  
}
.imgWrapper.scSocialMediaManage {
	background-image: url(https://imm.ac.za/wp-content/uploads/Social-Media-Marketing-1.jpg);  
}
.imgWrapper.scDigitalMarketingAnalytics {
	background-image: url(https://imm.ac.za/wp-content/uploads/Digital-Marketing-Analytics-1.jpg);  
}
.imgWrapper.scDigitalMarketingPlan {
	background-image: url(https://imm.ac.za/wp-content/uploads/Digital-Marketing-Planning-1.jpg);  
}
.imgWrapper.scEssDigitalMarketing {
	background-image: url(https://imm.ac.za/wp-content/uploads/Essentials-of-Digital-Marketing-1.jpg);  
}
.imgWrapper.scSEOContentMarketing {
	background-image: url(https://imm.ac.za/wp-content/uploads/Search-Engine-Content-Marketing.jpg);  
}
.imgWrapper.scExportAdmin {
	background-image: url(https://imm.ac.za/wp-content/uploads/Export-Administration-1.jpg);  
}
.imgWrapper.scExpFinRiskManagement {
	background-image: url(https://imm.ac.za/wp-content/uploads/Export-Financial-Risk-Management-1.jpg);  
}
.imgWrapper.scBasicExpTrade {
	background-image: url(https://imm.ac.za/wp-content/uploads/Basics-in-Export-Trade.jpg);  
}
.imgWrapper.scLogist {
	background-image: url(https://imm.ac.za/wp-content/uploads/Logistics-1.jpg);  
}
.imgWrapper.scTransport {
	background-image: url(https://imm.ac.za/wp-content/uploads/Transport-1.jpg);  
}
.imgWrapper.scUnderstandingFinTech {
	background-image: url(https://imm.ac.za/wp-content/uploads/Understanding-Financial-Technologies-1.jpg);  
}
.imgWrapper.scNonFinManagers {
	background-image: url(https://imm.ac.za/wp-content/uploads/Finance-for-Non-Financial-Managers-1.jpg);  
}
.imgWrapper.scDevLeaderStyle {
	background-image: url(https://imm.ac.za/wp-content/uploads/IMM-SC-The-brand-of-you.png);  
}
.imgWrapper.scConnCustomers {
	background-image: url(https://imm.ac.za/wp-content/uploads/Connecting-With-Customers.jpg);  
}
.imgWrapper.bcomSupChain {
	background-image: url(https://imm.ac.za/wp-content/uploads/bcom-international-supply-chain-management.jpg);  
}
.imgWrapper.digitalAppMarketingStrat {
	background-image: url(https://imm.ac.za/wp-content/uploads/A-Digital-Approach-to-Marketing-Strategy.jpg);
	background-position: left !important;
}
.imgWrapper.appliedDigMarketing {
	background-image: url(https://imm.ac.za/wp-content/uploads/Applied-Digital-Marketing-Certificate.jpg);
}
.imgWrapper.appliedDigMarketingTact {
	background-image: url(https://imm.ac.za/wp-content/uploads/Applying-Digital-Marketing-Tactics.jpg);
}
.imgWrapper.buildCustRelationship {
	background-image: url(https://imm.ac.za/wp-content/uploads/Building-Online-Customer-Relationships.jpg);
}
.imgWrapper.digMarkTool {
	background-image: url(https://imm.ac.za/wp-content/uploads/Digital-Marketing-Toolbox.jpg);
}
.imgWrapper.marketingMixStrat {
	background-image: url(https://imm.ac.za/wp-content/uploads/Marketing-Mix-Strategy.jpg);
}
.imgWrapper.artSelling {
	background-image: url(https://imm.ac.za/wp-content/uploads/The-Art-of-Selling.jpg);
}
.imgWrapper.worldMarketing {
	background-image: url(https://imm.ac.za/wp-content/uploads/The-World-of-Marketing.jpg);
}
.imgWrapper.hpSellingTech {
	background-image: url(https://imm.ac.za/wp-content/uploads/High-Performance-Selling-Techniques.jpg);
}



/*-----------------------------------*/

.imgWrapper a {
	display: block !important; ;
	width: 100% !important;
	height: 100% !important;
	position: absolute;
}
.imgWrapper img {
	visibility: none
}

#programOverviewTxt .videoWrapper,  .programmeRow .videoWrapper {
	position: relative;
	padding-bottom: 100%; 
	padding-top: 0px inherit;
	height: 0;
	margin-bottom: 20px;
	-ms-zoom: 1;
	 background-repeat: no-repeat;
  background-size: cover;
	margin-top: 0;
}
#homeVideos iframe {
	width: 100% !important;
	height: 100% !important;
	position: relative
}
#homeVideos .videoWrapper {
	height: 315px !important;
	padding-bottom: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-ms-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-ms-zoom: 1;
}

/*--------------------------*/



:target:before {
	content:"";
	display:block;
	height:97px; /* fixed header height*/
	margin:-97px 0 0; /* negative fixed header height */

}

.programPrice {
	font-size: 23px;
	font-weight: 500;
}

.rightColInfoContainer p:nth-of-type(1) {
	margin-bottom: 0px !important;
}

.price-border {
	border-bottom: 1px solid #97C93D;
	margin-bottom: 25px !important;
}

.programmeTitle, .pageTitle {
	font-size: 30px;
	font-weight: 200;
	color: #004987;
	line-height: 120%;
}

.pageTitle {
	padding: 10px 0;
	color: #004987;
	line-height: 140%;

}
.programmeTitle strong {
	font-weight: 400;
}

#programHeadingTxt {
	margin-bottom: 50px;
}

.programmeOverviewTxt-container {
	border: 1px solid #97C93D;
	position: relative;
	/*! height: 239px */
}
.programmeOverviewTxt-container p {
	margin: 0;
	margin-bottom: 30px
}

.programmeOverviewTxt-container {
	max-width: 100%;
	padding: 30px; 

	display: flex;
}
.leftCol {
  max-width: 70%;
  padding-right: 50px
}

.rightCol {
	width: 30%;
	/*! position: absolute; */
	right: 20px;
	top: 20px;
	background-color: #F0F5FA !important;
	padding: 30px;
	z-index: 1;
}
.rightCol p, .QalDurInfo{
	color: #004987 !important;
}
.QalDurInfo {
	margin-top: 10px;
	margin-bottom: 25px !important;
}
.rightCol a {
	color: #004987;
}
.rightCol a:hover {
	color: #004987;
}
#programOverviewTxt {
	margin-bottom: 0
}

.programmeSubHeadings, .overviewHeadings {
	margin-top: 50px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E3E3E3;
	font-size: 25px;
	color: #004987;
	font-weight: 300;
}

#programOutcomeTxt p {
	margin-top: 0px;
}

.programTxt ul {
	margin-top: 29px;
}

#programFeesTxt td  {
	border: 0 ;
	padding-top: 5px !important;
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 0
}
table {
	border: 0
}
#programFeesTxt thead {
	border-bottom: 1px solid #004987;
	border-top: 0;
	font-weight: 400;
	color: #004987;
}
#programFeesTxt thead tr td {
	padding-bottom: 10px !important;;
	padding: 0;
}
#programFeesTxt tr {
	border: 0;
	padding: 0 !important;
}

#programFeesTxt tbody  {
	padding-top: 20px !important;
}

/* ABOUT US PAGE */

hr {
	margin-bottom: 50px;
	margin-top: 50px;
}

.exstraInfoRowDiv {
	display: inline-block;
	border: 1px solid #004987;
	margin-right: 30px;
}
.exstraInfoRowDiv:hover {
	border-color: #97C93D;
}
#bottomExtraRow a {
	line-height: 120%;
	display: inline-block;
	vertical-align: middle;
	padding: 50px 0;

}
.exstraInfoRowDiv .wpb_text_column {
	margin-bottom: 0 !important;
}

/* WHO WE ARE PAGE */

.width306 {
  max-width: 306px;
  margin: 0 auto !important;
}
.sub-subHeadings h3 {
  font-size: 20px;
  margin-top: 0px
}
.sub-subHeadings h4 {
  font-size: 18px;
  margin-bottom: 50px !important;
}
#executiveLeadershipSection .wpb_text_column {
  margin-bottom: 0 !important;
}
.headingRow {
  margin-top: 50px;
  margin-bottom: 50px
}


.personName {
	font-size: 20px;
	margin-top: 20px;
	padding-top: 10px;
	color: #004987;
	border-top: 1px solid #BCBEC0;
	border-bottom: 1px solid;
	padding-bottom: 10px;
	margin-bottom: 10px
}

/* ACCREDITATION PAGE */

#accreditationContentRow .subHeadings {
	margin-top: 50px;
}

/* DEGREE PAGES */

.programmeRow img {
	width: 100%;
}

.programPageHeadings {
	font-size: 20px;
	color: #004987;
	font-weight: 300;    
	line-height: 120%;
	height: 60px;
}
.programmeRow .flex {
	border-top: 1px solid #97C93D;
	margin-top: 10px;
}
.limmitIntroTxt {
	/*height: 65px;*/
	margin-bottom: 0px;
	overflow: hidden;
}

#whyMarketingContentRow tr:nth-last-child(even) {
	background-color: #F1F1F1
}
#whyMarketingContentRow td {
	border: 0
}
#whyMarketingContentRow table {
	margin-top: 30px;
	margin-bottom: 30px;
}
#whySupplyChainRow tr:nth-last-child(even) {
	background-color: #F1F1F1
}
#whySupplyChainRow td {
	border: 0
}
#whySupplyChainRow table {
	margin-top: 30px;
	margin-bottom: 30px;
}

.coursePrice {
	font-size: 15px;
	font-weight: bold;
	color: #004987;

}

/* SSC PAGES */

#sscMainCentreSection {
	padding: 30px;
	padding-bottom: 0; 
	background-color: #004987 !important;
}

#sscMainCentreSection .sscHomeItem  {
	border-bottom: 1px solid rgba(225, 225, 225, 0.30);


}
#sscMainCentreSection .sscHomeItem a {
	color: #fff;
	text-align: center;
	display: block ;
	padding-bottom: 15px;
}
#sscMainCentreSection .sscHomeItem a:hover {
	opacity: 0.7;
}
#sscMainCentreSection .sscHomeItem br {
	display: none;
}
#SSCTopBackgroundImg {
	height: 400px;
	background-size: cover;
}

.SSCTopBackgroundImgSandton, .SSCTopBackgroundImgDurban {
	background-position-y: bottom;
}

.sscIntroTxt, .sscIntroTxt p, #sscHeadImgCol {
	margin: 0
}

#sscIntroTxtRow .vc_column-inner {
	padding: 0
}
#sscIntroTxtRow {
	background-color: #fff;
	margin-top: -80px;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding: 30px ;
	border-bottom: 1px solid #97C93D;
	margin-bottom: 50px
}
#sscTutorialSuppTxt {
	margin-bottom: 50px
}
.sscHeadName {
	font-size: 20px;
	font-weight: 400
}
.ssHeadInfoContainer {
	border-bottom: 1px solid #E3E3E3;
	padding-bottom: 15px;
	margin-bottom: 15px !important;
}
#sscAssisitTxt .subHeadings {
	font-size: 20px ;
}
#applicationBtns, #searchPhoneArea, #logo-block{
  flex: 0px !important;
}
#g-navigation #logo-block {
  max-width: 20%;
  margin-right: 20px !important
}

/*---------- ON HOME PAGE AND SSC PAGES ---------- */

.sscHeadImg img, .personImg img {
	border-radius: 30px;
}

/* POST PAGES */

#comments {
	padding-left: 50px
}
#responses .g-title {
	margin-bottom: 30px;
}
.tease-featured-image {
	display: none;
}
body.single-post .entry-header .entry-title {
	line-height: 110%;
  font-size: 30px;
  font-family: Roboto
}
body.single-post .entry-header {
	display: block !important;    
	margin-top: 71px;
	color: #004987;
	border-bottom: 1px solid;
	margin-left: 50px;
	margin-right: 50px;
	padding-bottom: 20px;
}
#singlePosts img.alignleft {
	margin-right: 25px !important;
	margin-bottom: 20px !important;
}
#singlePosts img.alignright {
	margin-left: 25px !important;
	margin-bottom: 20px !important;
}
body.single-post .entry-content {
	padding-top: 20px;
/* 	text-align: justify; */
	padding-bottom: 20px;
}
.single-post #g-mainbar section.entry h2 {
	color: #004987;
	line-height: 130%;
	font-size: 20px;
}
.single-post #g-mainbar section.entry h3 {
	color: #004987;
	line-height: 130%;
	font-size: 20px;
}
.single-post #g-mainbar section.entry h3 strong {
	font-weight: 300
}
.single-post #g-mainbar section.entry h4 {
	color: #004987;
	line-height: 130%;
	font-size: 17px;
}

/* ENQUIRE PAGE */

.EnquireIMMApplication {
	border:  1px solid #97C93D;
	padding: 15px 20px;
	display: inline-block;
	margin-top: 20px
}
#enquireContactFormRow .vc_col-sm-6 {
	padding-left: 0;
}
#enquireContactFormRow input, #venuesDatesRow input {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #F26122;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 20px;
	padding-left: 0;
}
#enquireContactFormRow .wpcf7-submit {
	margin-top: 20px !important;
	display: inline;
}
#enquireContactFormRow .enquireDropdown, #enquireContactFormRow .provinceDropdown, #venuesDatesRow select  {
	padding: 10px 10px;
}

/* REFER A FRIEND PAGE */

#enquireContactFormRow .vc_col-sm-4 {
	padding-left: 0;
}
.referralIntroText {
	font-size: 18px;
}

/* NOTIFICATIONS PAGE */

.topNotificationHeadingTxt  {
	margin-left: 50px !important;
	margin-right: 50px;
	padding-top: 5px !important;
	padding-bottom: 0px !important;
}
.topNotificationHeadingTxt p.larger-notification:before {
  content: url(https://imm.ac.za/wp-content/uploads/top-notification-icon.svg);
  position: relative;
  top: 7px;
  margin-right: 10px
}
.topNotificationHeadingTxt  p {
		font-size: 14px;
	line-height: 140%;
	margin-bottom: 5px;
	margin-top: 5px;
}
.topNotificationHeadingTxt a, .topNotificationHeadingTxt strong {
	color: #004987 !important;
}
#notificationsPageRow .wpb_content_element {
	margin-bottom: 0;
}
#notificationsPageRow {
	margin-top: 300px;
	background-color: #fff;
	width: 80%;
	padding: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -350px !important;
}
#notificationSection {
	background-size: cover;
	background-position-y: 30%;
}

/* ACADEMIC SUPPORT */

#sscMainPageIntroRow P {
  margin-top: 0
}
#sscMainPageIntroRow ul {
  margin-top: 10px
}
#examVenuesRow tr:nth-last-child(1) {
	background-color: #eceff3 ;
}
#examVenuesRow td {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px
}
#examVenuesRow th, .marketingFridaysDates th {
	background-color: #004987 ;
	color: #fff;
	border-right: 1px solid #fff;
	padding-left: 20px;
}

/* NEWS & EVENTS PAGE */

#webinarKitForm h3 {
  font-size: 20px;
  text-align: center;
  padding-bottom: 25px;
  font-weight: 300;
  line-height: 140%;
}
#webinarKitForm .vOpenDay {
  width: 100% !important;
  margin-bottom: 30px;
  background-position: center;
  height: 180px
}
.openDayJoinBtn {
	border: 1px solid #004987 !important;
	color: #004987;
	line-height: 120%;
	padding: 13px 15px !important;
	transition: ease-in-out 0.3s;
	font-weight: 400;
	margin-top: 10px;
	display: inline-block
}
.openDayJoinBtn:hover {
	background-color: #97C93D;
	border: 1px solid #97C93D !important;
	color: #fff !important;
	transition: ease-in-out 0.3s;
}

.vc-hoverbox-wrapper.vc-hoverbox-width--100 .vc-hoverbox {
	height: 355px;
}
.vc-hoverbox-back-inner h2 {
	color: #fff;
	font-weight: 500 !important;
}
.vc-hoverbox-back-inner a {
	background-color: transparent !important;
	background-image: none !important;
	font-weight: 500;
	border-right: 0px !important;
}
.vc-hoverbox-back-inner a:hover {
	border-color: #fff !important;
	border-right: 0px !important;
}
#postPageSection .vc-hoverbox-block-inner p {
	color: #fff !important;
	font-weight: 400 !important;
}

#newsEventsTabs .vc_tta-panel-body {
	border: 0 !important;
	padding: 0
}
#newsEventsTabs .vc_tta-panel.vc_active {
	border: 0;
	padding: 30px;
}
#marketingFriEventInfoRow p {
	margin-top: 0;
}
.vc_tta-tab.vc_active a {
	background-color: transparent !important;
	border-color: #BCBEC0 !important;
	border-bottom: none !important;
}
#newsEventsTabs .vc_tta-panels {
	background-color: transparent !important;
	border: none
}
#newsEventsTabs .vc_tta-tab a {
	background-color: transparent !important;
}
#newsEventsTabs .vc_tta-tab a:hover {
	color: #fff !important;
	background-color: #004987 !important;
}
#newsEventsTabs .vc_gitem-zone, #mediaRoomContentRow .vc_gitem-zone {
	overflow: visible;
}

/* DOWNLOADS */

.currentStudentHeading {
	margin-top: 30px
}
.currentStudentResourcesHeading .wpb_text_column {
	margin-bottom: 0
}
#pdfDownloads h3 {
	font-size: 20px
}
#topDownloads {
	display: table;
	margin: 0 auto ;
	margin-bottom: 50px;
	margin-top: 50px;
}
#infographicsRow img {
	margin: 0 auto !important;
	display: block !important;
}
.downloadImg {
	float: left;
	margin: 0 50px
}
#pdfDownloads {
	margin-top: 50px;
}
#pdfDownloads .subHeadings {
	font-weight: 400;
	text-align: left;
}
#pdfDownloads a{
	color: #000;
	display: inline-block;
	background-color: #e4e4e457;
	padding: 10px 0;
	padding-left: 10px;
	padding-right: 10px
}
#pdfDownloads a:hover{
	color: #fff;
	margin-left: 10px;
	background-color: #004987
}
#pdfDownloads li {
	list-style: none;
	position: relative;
	margin-bottom: 10px
}
#pdfDownloads li a:before{
	content: "";   
	height:1em; 
	width:1em; 
	background-image:url(https://imm.ac.za/wp-content/uploads/download.svg); 
	background-size:contain; 
	background-repeat:no-repeat; 
	padding-right: 20px;
	position: absolute;
	left: -25px;
}

#pdfDownloads .vc_column-inner {
	padding-right: 0;
}

/* MAGAZINE PAGE */

#magazineSubHeadingRow .wpb_text_column {
	margin-bottom: 0px;
}

/* FAQ's PAGE */

.faqSubheadings .subHeadings {
	margin-top: 50px;
	border-top: 1px solid #E9E9E9;
	padding-top: 20px;
}

/* FOOTER */

#g-above:before {    
	content: '';
	background: linear-gradient(to right, #004987 50%,#97C93D 50%);
	position: absolute;
	height: 10px;
	right: 0;
	left: 0;
}
#g-above .g-container {
	padding-top: 50px !important;
}
#g-above {
	padding-top: 0;
	padding-bottom: 50px !important;
	background-image: url(/wp-content/uploads/IMM-Logo-light-blue.svg);
	background-repeat: no-repeat;
	background-size: 400px;
	background-position: right bottom; 
	color: #303033;
}
#g-above a {
	color: #303033;
}
#g-above a:hover {
	color: #97C93D;
}
.navHeadings {
	font-size: 22px;
	font-weight: 300;
	color: #004987;
	border-bottom: 1px solid #CCDAE7;
	margin-right: 100px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
#g-above p {
	line-height: 180%;  
}
.copyInfo .textwidget {
  display: flex;
  width: 100%;
  align-items: center;
}
.copyInfo .textwidget p {
  width: 20%;
  color: #fff 
}
.copyInfo .textwidget .container {
  width: 70%;
  color: #fff;
  font-size: 13px
}
.copyInfo  {
	padding-top: 0px !important;
  margin-top: 0
}
.copyInfo p,.footerBwLogo p {
	margin: 0
}
.copyInfo p {
	font-size: 13px;
	color: #fff !important;
	margin-bottom: 20px;
}
.copyInfoRight .g-content {
  display: flex;
  align-items: center;
}
.copyInfoRight .footerSocialIcons {
  width: 35%;
}
.copyInfoRight .widget_search {
  width: 70%;
  padding-bottom: 0;
  margin-bottom: 0;
}
.footerTel a {
  text-align: right !important;;
  color: #fff;
  font-size: 20px;
  font-weight: 500
}
.footerTel {
  text-align: right
}


/* SEARCH BOTTOM */


#search-5 input[type="search"]:hover, #search-5 input[type="search"]:active {
	box-shadow: none !important;
}
#search-5 label, #search-3 label {
	margin-bottom: 0px !important;
	width: 100%;
}
#search-5 input[type="search"] {
	padding: 9px 5px 9px 25px !important;
	line-height: 140%;
	background-color: transparent;
	font-size: 15px !important;
	margin-top: 0px;
  margin-bottom: 0px !important;
  margin-left: 0px;
}
#g-footer .copyInfoRight .search-field  {
	background-color: #fff !important;
	box-shadow: none !important;
	background: url(https://imm.ac.za/wp-content/uploads/search.png) no-repeat 10px center;
	font-size: 15px !important;
  border: unset !important;
  border-radius: 5px
}
.footerBwLogo svg {
	width: 158px;
}
.socialMediaContainer svg {
	margin: 0;
	vertical-align: middle;
}
.socialMediaContainer svg:hover path, .socialMediaContainer svg:hover rect {
	fill: #97C93D !important;
}
.socialMediaTxt:after {
	content: "";
	border-bottom: 1px solid #fff;
	clear: both;
	position: absolute;
	left: 0;
	bottom: 45px !important;;
	width: 100%;
	margin-left: 50px !important;
	margin-right: 50px !important; 
}

#g-footer {
	padding-bottom: 80px !important;
	padding-top: 50px !important; ;
}
#totop-2771-particle.g-particle {
  position: fixed !important;
  bottom: 10px !important;
  z-index: 99999 !important;
  right: 10px;
  background-color: #004987;
  padding: 0px !important;;
  border-radius: 5px;
  margin: 0 !important;
}
#totop-2771-particle.g-particle a {
  font-size: 13px;
  padding: 6px !important;
  display: block
}
#totop-2771-particle .g-totop {
  padding: 0px !important;
}
.socialMediaContainer {
	display: flex;
	position: relative;
	z-index: 1;
	padding: 0 0 0 30px;
	color: #fff !important;
  justify-content: space-between;
  /*! width: 250px; */
  margin-left: auto;
  margin-top: 5px;
}
.footerSocialIcons {
  padding-top: 0;
  margin-top: 0
}
.socialMediaContainer  svg {
  border-radius: 10px
}
.footerBwLogo p {
	text-align: right;
}
.socialMediaTxt svg {
	margin-right: 5px !important;
}
.socialMediaTxt svg:nth-of-type(1) {
	margin-left: 5px !important;
}

#g-footer .g-content {
	margin: 0
}

#homeSSCRow img:hover {
	opacity: 0.6
}
#g-footer .g-grid {
  align-items: center
}

/* EVENT TICKETS */

.tribe-block__tickets__item__attendee__fields button, .tribe-block__tickets__registration__checkout button {
	background-color: #97C93D !important;
	border: 0px;
	color: #FFF;
	padding: 10px 25px;
	font-weight: 400;
}
h1.tribe-events-single-event-title {
	padding: 10px 0 !important;
	color: #004987;
	line-height: 140%;
	border-bottom: 1px solid #004987;
}
form#buy-tickets {
	padding: 5px 20px 20px;
	background: #f6f6f6;
}
table.tribe-events-tickets {

}
table.tribe-events-tickets tr {
	display: flex;
	float: left;
	border: 0px !important;
	align-items: center;
}
table.tribe-events-tickets td {
	border: 0px !important;
	padding: 10px 20px 10px 0px !important;
}
.tribe-events-tickets .woocommerce.add-to-cart .tribe-button {
	margin: 0px;
}
button.tribe-button, .wpcf7-file, .submitStoryContent a   {
	color: #FFF;
	background-color: #97C93D;
	border-radius: 0px;
	font-weight: 400;
	padding: 13px 20px;
	align-self: center;
}
.tribe-block__tickets__registration__checkout__submit:disabled:disabled {
	background-color: #eeeff1 !important;
}
.tribe-tickets-remaining {
	display: none !important;
}
.tribe-events-tickets td.woocommerce .quantity:before {
	content: "Qty: ";
	padding-right: 5px;
}
.tribe-events-tickets {
	background: none;
}
.tribe-events-tickets-rsvp .tribe-event-tickets-plus-meta input[type="text"] {
	width: 100%;
}
.tribe-events-tickets-title {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 10px;
}
.tribe-events-tickets select {
	background-color: white;
	vertical-align: middle;
	border: 1px solid #e0e0e5;
	border-radius: 0.25rem;
	width: 100%;
	padding: 0.7rem 1.25rem;
	-webkit-transition: border-color 0.2s;
	-moz-transition: border-color 0.2s;
	transition: border-color 0.2s;
	margin-bottom: 0px;
}
.woocommerce .cart_totals h2 {
	margin-bottom: 20px;
}
.woocommerce .quantity .qty {
	width: auto;
	max-width: 70px;
	padding-left: 10px;
	padding-right: 10px;
}
.return-to-shop {
	display: none;
}
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3 {
	margin-bottom: 20px;
}
#customer_details {
	margin-bottom: 30px;
}
h3#order_review_heading {
	margin-bottom: 20px;
}
.woocommerce button.button.alt {
	background-color: #97C93D;
	border-radius: 0px;
	padding: 10px 20px;
}
#submit_payfast_payment_form.button-alt {
	background-color: #97C93D;
	color: #FFF;
	padding: 10px 20px;
	font-weight: 400;
}
#payfast_payment_form .button.cancel {
	display: flex;
	width: max-content;
	text-transform: none;
	margin-top: 20px;
	border-radius: 0px;
	font-weight: 400;
}
.woocommerce h2 {
	margin-bottom: 20px;
}

@media screen and (max-width:600px) {
  
   .rightPanel .home [type="radio"] + span {
    justify-content: right !important;
    max-width: 450px;
    margin-left: 0;
      margin-right: 0;
  }
	
	.category-dispatch-newsletters .right-coll, .category-dispatch-newsletters .left-coll{
  width: unset !important;
}
	
	  .category-dispatch-newsletters .two-images .wpb_wrapper{
    flex-flow: column
  }
  
  .category-dispatch-newsletters .two-images .wpb_wrapper p{
    width: 100%
  }
	
	.category-dispatch-newsletters .blurb-mod .wpb_wrapper{
  flex-flow: column;
  align-items: center
}

.category-dispatch-newsletters .blurb-mod img{
  margin-bottom: 20px
}
	
	 .heroTxt h1 {
    font-size: 35px
    }
  .heroTxt p{
    font-size: 20px
  }
  #hyflexHeroSection::before {
    width: 300px !important;
    top: 60%
  }
	
	  #studentBenifitRow{
    display: block
  }
  .benifitSloganTxt p{
    text-align: center !important;
    margin-top: 20px;
    margin-bottom: 10px !important;
  }
  
  #hyflexHeroSection {
    padding-top: 300px
  }
  
	
  
	
	
 
  .home [type="radio"] + span::before {
  content: '';
  display: block !important;
  margin-right: 0;
  transition: 0.5s ease all;
    text-align: center !important;

   
}
  .home .rightPanel .resultTxt {
    display: block !important;
    text-align: right;
    margin-bottom: 50px !important;
  }
   /* #homeTopHeaderSection  span.resultTxt {
    .display: block !important;
  }*/
	table.tribe-events-tickets tr {
		display: inherit;
		float: none;
		border: 0px !important;
		align-items: center;
	}
	.tribe-events-tickets .tickets_price {
		padding-top: 0px !important;
	}
	.tribe-events-tickets .tickets_description {
		display: none;
	}
	table.tribe-events-tickets td.add-to-cart, table.tribe-events-tickets tr {
		padding: 0px !important;
	}
}

/* EVENT TICKETS RSVP block */

form#rsvp-now {
	padding: 20px 20px 10px;
	background: #f6f6f6;
}
form#rsvp-now button.tribe-button {
	margin: 2px 0px 0px 0px;
}

/* CSSA PAGE */

.cgisa .programmeOverviewTxt-container .leftCol {
	width: 55%;
}
.cgisa .programmeOverviewTxt-container .rightCol {
	width: 45%;
}
@media screen and (max-width:767px) {
	
/* 	.mobileMenu{
  position: fixed !important;
  width: 100%;
 
}

#g-header{
  margin-top: 75px !important
} */
	
  .testimonialContainer {
    display: block;
    padding: 0;

  }
  .testimonialContent {
        width: 100% !important;
    margin: 0;
    margin-top: 20px !important;
      
    
  }
  .testimonialContainer iframe {
    width: 100%;
    height: 250px
  }
  #peopleAreSayingRow .uk-slideshow-items {
  min-height: unset !important;
    height: 950px !important;
}
  #peopleAreSayingRow, #SuccessReviewSection {
  padding-top: 0px;
}
  #homeSSCRow iframe {
    height: 150px !important;
  }
  #homeTopHeaderSection {
  padding-top: 50px !important;
  padding-bottom: 0px !important;
}
	.eventImageMod img{
  height: 100%;
  width: 100%;
  object-fit:  contain !important;
}

.eventDateContainer{
  position: relative;
  top: unset
}

.eventDateContainer p {
  display: flex;
  justify-content: center;
  font-size: 25px !important;
}

.eventDateContainer span{
  font-size: 25px;
  margin-left: 5px
}

.eventinfocol{
  padding-left: 20px;
  padding-right: 20px
}

.eventregisterbtn a, .readEvent{
  max-width: 100%;
  display: block
}
	.upcomingeventcontainer div{
  display: block !important;
}
  .eventregisterbtn {
  position: unset !important;;
  bottom: unset !important;;
}

.eventDateContainer{
  left: 0 !important;
}

.upcomingeventcontainer .wp-block-toolset-blocks-grid-column{
  border-radius: 10px
}
.upcomingeventcontainer{
  overflow: hidden;
}
.eventdescription{
  height: unset;
  margin-bottom: 30px !important;
}

	.centerTimeMod{
  margin-top: 20px
}
	.cgisa .programmeOverviewTxt-container .leftCol, .cgisa .programmeOverviewTxt-container .rightCol {
		width: 100%;
	}
}
.cgisa .rightCol .vc_col-sm-6, .cgisa .rightCol .vc_col-sm-12 {
	padding-left: 5px;
	padding-right: 5px;
}
.cgisa .rightCol .vc_col-sm-6.firstRow {
	margin-bottom: 10px;
}
.cgisa .programmeOverviewTxt-container input, .cgisa .programmeOverviewTxt-container select {
	background-color: transparent !important;
	color: #FFF !important;
	border: 1px solid #FFF !important;
	border-radius: 0px !important;
}
.cgisa .programmeOverviewTxt-container input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color:#FFF;
	opacity: 1;
}
.cgisa .programmeOverviewTxt-container input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:#FFF;
}
.cgisa .programmeOverviewTxt-container input::-ms-input-placeholder { /* Microsoft Edge */
	color:#FFF;
}
.cgisa .programmeOverviewTxt-container .countryDropDown .title {
	color: #FFF !important;
}
.cgisa .programmeOverviewTxt-container .trainingCentre {
	margin-bottom: 10px;
	padding-left: 5px;
}
.cgisa .programmeOverviewTxt-container .btnFormOnGreen {
	text-align: center;
	color: #004987 !important;
	display: block;
	width: 100%;
	margin-top: 10px !important;
	background-color: #FFF !important;
	padding: 10px 15px !important;
	border-left: 1px !important;
	border-bottom: 1px !important;
	border: 1px solid #FFF !important;
	transition: ease-in-out 0.3s;
}
.cgisa .programmeOverviewTxt-container .btnFormOnGreen:hover {
	padding: 10px 15px !important;
	color: #FFF !important;
	border-left: 1px !important;
	border-bottom: 1px !important;
	border: 1px solid #FFF !important;
	background-color: transparent !important;
}
.closest-training-centre option {
	color: #000;
}

h4.programmeSubSubHeadings {
	font-size: 15px;
	color: #004987;
	border-bottom: 1px solid #004987;
	padding-bottom: 15px;
}
#CSSAProgrammes {
	margin-bottom: 30px;
}
#CSSAProgrammes, #CSSAProgrammes2 {
	padding-left: 15px;
	padding-right: 15px;
}
#CSSAProgrammes img, #CSSAProgrammes2 img {
	margin: auto !important;
}
#CSSAcol1 {
	background-color: #F8F8F8;
}
#CSSAcol2 {
	background-color: #F4F4F4;
}
#CSSAcol3 {
	background-color: #EBEBEB;
}
#CSSAcol1 .vc_column-inner, #CSSAcol2 .vc_column-inner, #CSSAcol3 .vc_column-inner {
	padding: 20px 30px;
}
hr.CSSA {
	border-color: rgba(112,112,112,0.3);
}
.smallMarginBottom {
	margin-bottom: 5px !important;
}
#CSSAScheduleRow a.enqBtn, #CSSAScheduleRow a.applyBtn {
	width: auto;
	margin-left: 0px;
}
#CSSAProgrammes2 .col1 {
	padding-right: 20px;
}
#CSSAProgrammes2 .col2 {
	padding-left: 20px;
}
.CSSActaTitle {
	color: #FFF;
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
}

/* RESPONSIVE */

@media only screen and (max-width: 1172px) {

	.topNavAppBtns .vc_col-sm-5 {
		width: 32.667% !important;
	}
	.topNavAppBtns .vc_col-sm-7 {
		width: 67.333% !important;
	}
}

@media only screen and (max-width: 1536px) {
  /*.slideImg img {
  width: 1000px;
  margin: 0 auto !important;
  position: absolute;
  bottom: 0 !important;
  left: 50%;
  transform: translate(-50%, 0);
}*/
  
	.scheduleFeesContainer {
		width: 100%;
	}
	#latestNewsArticleSection .vc_grid-item {
		max-width: 30%;
	}    
	#homeSSCRow .sscHomeItem {
		margin-right: 1%;
		display: inline-block;
		width: 15.8%;
	}
	.homeHeadings {
		line-height: 120%
	}
	.programPageHeadings {
		height: auto;
		margin-bottom: 10px
	}
}

@media only screen and (max-width: 1299px) {
	.rightCol {
		width: 50%;
	}
	.leftCol {
		width: 50%;
	}
	#latestNewsArticleSection .vc_grid-item {
		max-width: 30%;
		margin-left: 51px;
	}  

}
@media only screen and (max-width: 1180px) {
	.homePostTitle {
		width: unset !important;
		margin-right: unset
	}
	#latestNewsArticleSection .vc_grid-item {
		margin-left: 21px;
		max-width: 32%;
		padding-right: 0
	}
}

@media only screen and (max-width: 1148px) {
	#latestNewsArticleSection .vc_grid-item {
		padding-right: 0;
		width: 31.9%
	}

}
@media only screen and (max-width: 1119px) {
	#latestNewsArticleSection .vc_grid-item {
		width: 29%;
		padding-right: 0 !important;
		margin-right: 11px;
		max-width: 335px
	}     
	#reviewHeadingtxt .homeHeadings {
		text-align: center;
	}  
}

@media only screen and (max-width: 1090px) {
	
	  body .extendedwopts-hide.extendedwopts-mobile {
    display: block !important;
  }
	
	  	.alumniImgBlock {
		width: 48%;
		float: right;
		margin-right: 1%; 
		margin-left: 1%;
      margin-bottom: 30px !important;
	}
  .alumniNav{
    display: block;
    
  }
	
	.green .personTxt {
  color: #fff;
		background-color: #97C93D
}
.orange .personTxt {
  background-color: #F26122;
	color: #fff
}
.blue .personTxt {
  color: #fff;
	background-color: #004987
}
	
.page-id-19447	.mtfSection {
		background-image: none !important;
	}
	.mtf-imgCol {
		margin-bottom: 50px
	}
	
	.AlumniNavItem {
  font-size: 16px
}
	.scheduleFeesContainer {
		width: 70%;
		margin-top: 20px;
		float: none !important;
	}
	.scheduleFeesContainer .scheduleFeesBtn {
		width: 100%;
		margin: 0;
		margin-bottom: 10px
	}
	.scheduleFeesContainer .scheduleFeesBtn.viewDownloadsBtn {
		margin-bottom: 20px !important;
	}
	#latestNewsArticleSection .vc_grid-item {
		width: 28.99%;
		margin-left: 30px
	}
	.topNavAppBtns a {
		padding-left:4px !important;
		padding-right: 4px !important;
	}


	
	#g-footer::before {
		content: url(https://imm.ac.za/wp-content/uploads/Path-12.svg);
		position: absolute;
		bottom: 232px;
		/*! width: 100%; */
		height: auto;
		left: 0;
	}
  
	.footerBwLogo {
		margin-top: 0 !important;
	}
	.pageSidebar {
		padding: 10px !important;
		margin-right: 15px;
		border-top: 6px solid #707070;
		display: block;
		padding-top: 22px !important;
	}
	.pageSidebar a {
		line-height: 140% !important;
		margin-bottom: 10px !important;
		display: inline-block;
	}
}

/* @media only screen and (max-width: 973px) {
	
	#hero-image-mod img{
  width: 190% !important;
  max-width: 190%;
  object-fit:  fill;
  object-position: center !important;
  margin: 0 auto !important;
  align-items: center;
  margin-left: -48% !important;

} */

@media only screen and (max-width: 973px) {
	
	#hero-image-mod img{
  width: 100% !important;
  max-width: 100%;
  object-fit:  fill;
  object-position: center !important;
  margin: 0 auto !important;
  align-items: center;

}
	
	.infoContainerBanner .wpb_wrapper {
		display: flex !important;
	}
	.infoContainerBanner .tempNotice {
		border-left: 1px solid #fff;
		margin-left: 20px;
		padding-left: 20px
	}
	#g-mega-menu {
		padding-top: 113px !important;
	}

	.home #nbNoticeSection p.yellowHeaderTxtLeft {
		padding-left: unset;
	}
}

@media only screen and (max-width: 922px) {
	#latestNewsArticleSection .vc_grid-item {
		width: 29%;
	}  
	.immTel a {
		font-size: 18px;
	}
	input[type="search"] {
		font-size: 14px;
	}

	
	#megamenu-position {
		padding-left: 12px;
		flex: 0 14%;
	}
	#logo-block {
		flex: 0 21%;
		padding: 0px 5px;
	}
	.searchTopNav {
		margin-right: 10px;
	}

}

@media only screen and (max-width: 907px) {
	
	 .single-event .event-date-container.\34 -coll div {
    max-width: 100% !important;
    margin-bottom: 10px
  }
  .single-event .event-date-container.\33 -coll div {
    max-width: 100% !important;
     margin-bottom: 10px
  }
  
  .single-event .event-date-container{
    flex-flow: column 
  }
  
  .single-event .post-27292 .event-date-container.\34 -coll{
    margin-bottom: 0px
  }
	  	  .qualCategoryRow .vc_col-sm-4{
  width: 100%
}
	#latestNewsArticleSection .vc_grid-item {
		width: 28%;
	}     
	.homeSelectProgramme {
		left: -60px;
	}   
	#homeHeaderLogos img {
		margin: 0 5px !important;
	}
	.homePostTitle{
		min-height: 95px !important;
	}
	#homeSSCRow .sscHomeItem {
		margin-right: 1%;
		display: inline-block;
		width: 32%;
		margin-bottom: 20px !important;
	}
	#menuleft-position,  #megamenuright-position {
		padding-left: 20px;
		padding-right: 20px;
	}
	#text-5 hr {
		margin-left: -20px
	}
	
	.menu-logos  {
		text-align: center !important;
		display: block !important;
		margin-top: 10px !important;
	} 

}

/*@media only screen and (max-width: 767px) {
	
	.page-id-26063 #hero-image-mod img{
 position: relative;
  left: -15px
}*/

  @media only screen and (max-width: 767px) {
	  
	  #almuni-jobmarket-section{
  background-position: right !important;
}
	  
    #eventsSection .row .col-md-4:nth-child(2) .eventslidercontainer{
   margin-top: 30px !important;
    }
    
        #eventsSection .row .col-md-4:nth-child(3) .eventslidercontainer{
   margin-top: 30px !important;
    }	
	  
	  #eventsSection .col-md-4{
  padding: 0
}

#eventsSection .eventsliderbtn a{
 display: block;
  text-align: center;
  margin-top: 10px
}

#eventsSection{
  padding-left: 40px ;
  padding-right: 40px
}

#eventsSection .wp-block-image{
  margin: 0 !important;
}
	  
	  #bottom-left-row .vc_column_container > .vc_column-inner, #top-left-row .vc_column_container > .vc_column-inner{
  padding-right: 0;
 
}
	  
	  #success-story-section-row .vc-hoverbox-wrapper{
  height: 400px !important;
}

#mod-one .vc-hoverbox-front{
  background-position: left
}

#mod-three .vc-hoverbox-front{
  background-position: top;
}

#mod-four .vc-hoverbox-front{
  background-position: top
}

#mod-two{
  margin-top: 5px
}
	  
	  .page-id-26894 #why-choose-section .gen-text-mod .button-container {
  flex-flow: column;
    max-width: 100% !important;
    justify-content: normal !important;
}

 .page-id-26894 #why-choose-section .button-container .orangeBtn:first-of-type {
    margin-right: 0px !important;
    margin-bottom: 20px;
}

.page-id-26894 #why-choose-section .button-container a{
  text-align: center}


.page-id-26894 .vc_tta-panel-heading {
    display: block;
  }
	  
	  .mcu-logo-mod {
  text-align: center
}
	  
	  #staff-research-profiles .awsm-grid-wrapper .grid-5-col > .awsm-grid-card {
	width: 50%
}
	
	.page-id-26063 #hero-image-mod img{
 position: relative;
  left: unset
}


	
	.vc_tta-panel-heading{
  display: none;
}
  .page-id-25377	.vc_tta-panel-heading{
  display: block !important;
}
.vc_tta.vc_tta-tabs .vc_tta-tabs-container {
  display: block !important;
	}
	
	.mec-container h1{
  margin-left: 20px;
  margin-right: 20px
	}
	
	.mec-container .mec-skin-grid-container{
  margin-left: 20px !important;;
  margin-right: 20px !important;
}
	
	
.single-mec-events .mec-single-event{
  margin-left: 20px;
  margin-right: 20px;
}

.mec-wrap .flip-clock-wrapper ul {
  width: 32px !important;
}

	
	#tenReasonsWhy .topNotSureBtn a {
  width: 100% !important;
  display: block;
  margin: 0 auto;
}
	
	#pastEvents .vc_grid.vc_row.vc_grid-gutter-35px .vc_grid-item {
		padding-right: 35px !important
	}
	
	.wpmm_mobile_menu_btn {
  background-color: transparent;
  color: #004987;
  position: absolute;
  top: -55px !important;
  right: 0;
  width: 60px !important;
 
}
.wpmm_mobile_menu_btn .fa {
  font: normal normal normal 20px/1 FontAwesome !important;
  
}

.wpmm_mobile_menu_btn .fa-bars:before {
  content: url(https://imm.ac.za/wp-content/uploads/menu-icon.svg);
}
	
	#africanCountries {
		text-align: center;
	}
	#africanCountries img {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.larger-notification strong, .larger-notification.date {
		font-size: 17px !important;
	}
	.tempNotice .larger-notification.grey {
		font-size: 17px !important;
	}

	#CSSAProgrammes2 .col1 {
		padding-right: 0px;
		margin-bottom: 25px;
	}
	#CSSAProgrammes2 .col2 {
		padding-left: 0px;
	}

	#importantNotificationTxt .borderTop::before {
		content: "";
		border-top: 1px solid 
			#fff !important;
		display: block;
		width: 90% !important;
		margin: 0 auto;
		padding-bottom: 10px;
	}


	#hoodiesRow {
		padding-right: 0px;
		padding-top: 58px;
		padding-bottom: 58px
	}

	#hoodiesRow p {
		text-align: center;
	}

	.leftCol {
		width: 100%;
	}

	.leftCol .flex, .CostBtn {
		width: 100% !important;
	}

	.alumniImg  {
		width: 100%;
		background-size: cover;
	}
	.alumImgRight h3::before {
		content: none;
	}

	/* MTF SECTION */

	#mtfSection {
		background-image: url(https://imm.ac.za/wp-content/uploads/Background-img-left.png);
		background-position: left;
		background-size: cover;
	}
	.mtfDateContainerContent, .mtfSpeakerContent {
		margin: 0 auto
	}
	.mtfTopicTxt em {
		line-height: 110%
	}
	.mtfNedbankTxt::before {
		content: "";
		border-top: 1px solid #004987;
		display: block;
		width: 1100px;
		max-width: 100%;
		margin: 0 auto !important;
	}
	.mtfSpeakerContent, .mtfDateContainerContent {
		max-width: 100% !important;
	}    

	/* ----------------------------> */

	#tenReasonsWhy, #tenReasonsWhy p {
		text-align: center !important;

	}
	.home #g-container-main {

		margin-top: 13px;
	}
	#homeTopHeaderRow {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#latestNewsArticleSection .vc_grid-item {
		width: 100%;
		margin-left: 0;
		max-width: 100%        
	}     
	#searchPhoneArea, #applicationBtns, #loginBtn {
		display: none;
	}
	#logo-block  {
		flex: 0 65%;
		height: 70px;
		text-align: left;
		justify-content: left;
		max-width: 40% !important;
	}
	#g-logo img {
		padding: 5px !important;
	}
	.g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
		max-height: 100% !important;
		/*! padding: 10px; */
	}
	#megamenu-position  {
		flex: 0 35%;
	}
	.topNotificationHeadingTxt {
		margin-left: 20px !important;
		margin-right: 20px;
	}
	.larger-notification strong, .larger-notification.grey a, .topNotificationHeadingTxt .tempNotice .grey   {
		font-size: 14px !important;
		line-height: 140% !important;
	}
	.breadCrumbsWidget pre {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
	.entry-content, #g-above, #g-footer {
		padding-left: 20px !important;
		padding-right: 30px !important;
	}
	.homeSelectProgramme {
		transform: none;
		text-align: center;
		color: #97C93D;
		bottom: auto;
		position: relative;
		left: auto;
		padding-bottom: 15px;
	}
	#selectProgrammeRow .vc_column-inner  {
		padding-top: 15px !important;
	}
	.entry-content, #g-above, #g-footer {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.homeProgrammeBracketContainer {
		width: 100%;
	}
	.homeProgramme svg {
		max-width: 50px !important;
		max-height: 39px !important;
	}
	.homeProgramme .homeProgTitles {
		margin-top: 10px !important;
		padding-top: 10px;
		border-top: 1px solid #BCBEC0;
		display: block;
		width: 90%;
		margin: 0 auto;
		margin-top: 0px;
	}
	.homeProgrammeBracketContainer {
		margin-left: -4px !important;
	}
	.homeProgrammeBracketRight {
		right: -9px;
	}
	.homeProgramme {
		width: 13.6%;
	}
	#homeTopHeaderSection .homeHeaderSubjects {
		font-size: 24px;
	}
	#homeTopHeaderSection .mainStudyUnit {
		font-size: 24px;
	}
	.homePostTitle{
		min-height: unset !important;
	}
	.homePostTitle h4 {
		text-align: center !important;
	}
	#recentPostModule .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
		margin: 0 !important;
	}
	#homeSSCRow .sscHomeItem {
		margin-right: 1%;
		display: inline-block;
		width: 32%;
	}
	#successStoriesLeft .vc_column-inner {
		padding-right: 20px;
	}
	.homeHeadings {
		text-align: center
	}
	#reviewHeadingtxt {
		margin-top: 50px
	}
	#reviewsRight .vc_column-inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	.magazineImgLink {
		text-align: center
	}
	.importantDatesTxt li {
		margin-right: 0;
	}
	#magazineColmn .homeHeadings {
		margin-top: 50px
	}
	.navHeadings {
		margin-right: 20px
	}
	#g-above .size-25 {
		max-width: 50% !important;
	}
	#g-above {
		padding-bottom: 50px !important;
	}
	#g-above a {
		position: relative;
		z-index: 1;
	}
	.socialMediaTxt {
		margin: 0 auto !important;
		display: block ;
		width: 100% !important;

	}
	.search-field {
		display: none
	}
	.socialMediaContainer {
		margin: 0 auto !important;
    width: 200px;
    padding: 0;

	}
	.showMobile {
		display: block  !important;
		margin: 0 auto;
		;
	} 
	.hideMobile {
		display: none;
	}

	#g-mega-menu .showMobile {
		float: unset;
		margin-bottom: 20px !important;
		z-index: 9999
	}


	#g-footer::before {
		content: url(https://imm.ac.za/wp-content/uploads/Path-12.svg);
		position: absolute;
		bottom: 252px;
		/*! width: 100%; */
		height: auto;
		left: 0;
	}
	.copyInfo {
		margin: 0;
		padding-top: 39px !important;
	}
	.copyInfo p {
		margin: 0 !important;
		margin-bottom: 20px !important;
	}
	#g-footer {
		padding-top: 20px !important;
	}
	.sidebarNav a {
		margin-left: 20px;
		margin-right: 20px;
	}
	#g-sidebar .topApplyBtn {
		display: block
	}
	.sidebarHeadings {
		font-size: 25px;
		font-weight: 300;
		color: #004987;
		border-top: none;
		padding-top: 20px;
		padding-bottom: 5px;
		/*! margin-top: 50px; */
		margin-left: 20px
	}
	.sidebarNav {
		border-top: 6px solid #004987;
		margin-top: 50px !important;
	}
	.pageSidebar  {
		margin-right: 0
	}
	#g-sidebar {
		margin-top: 10px;
	}
	.getInTouchSidebar {
		display: block !important;
	} 
	#sscIntroTxtRow {
		margin-top: -80px;
		max-width: 95%;
		margin-left: auto;
		margin-right: auto;
		padding: 30px;
		margin-bottom: 50px;
	}
	.sscHeadImg {
		text-align: center;
		margin-bottom: 50px !important;
	}
	#sscContactInfoTxt, #sscAssisitTxt {
		text-align: center
	} 
	.entry-content {
		padding-bottom: 0px;
	}
	#sscMap .wpb_text_column  {
		margin-bottom: 0 !important;
	}
	#newsEventsTabs .vc_tta-panel.vc_active {
		border: 0;
		padding: 0px;
	}
	#mediaRoomContentRow .vc_tta-panel-heading {
		margin-bottom: 20px;

	}
	#newsEventsTabs .vc_tta-panel {
		background-color: #707070;
	}
	#newsEventsTabs .vc_tta-panel.vc_active {
		background-color: transparent;
	}
	#newsEventsTabs .vc_tta-panel .vc_tta-title-text {
		color: #fff
	}
	#newsEventsTabs .vc_gitem-col {
		padding-left: 0;
		padding-right: 0;
	}
	.leftCol {
		max-width: 100%;
		padding: 30px;
		padding-left: 0;
	}
	.rightCol {
		max-width: 100%;
		position: relative;
		margin: 0 !important;
		top: unset;
		right: unset;
		width: 100%;
		/*! z-index: 1; */
	}
	#programOverviewRow {
		margin-bottom: 0px;
	}

	#g-above {
		background-position: center;

	}
	#g-mega-menu {
		padding-top: 38px !important;
	}
	#g-mega-menu .megaMenuLogin{
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px
	}
	#g-mega-menu .megaMenuLogin a {
		font-weight: 400;
	}
	#g-mega-menu .showMobile {
		border-bottom: 1px solid #E3E3E3;
	}
	.archive .page-header  {
		margin-left: 20px;
	}
	#g-mega-menu .mobileTel {
		display:none;
	}
	.showMobile .megaMenuLogin {
		display: none;
	}
	ul#menu-marketing-qualifications li.marketing:before, ul#menu-supply-chain-qualifications li.supplychain::before, ul#menu-online-short-courses li.onlinesc::before, ul#menu-cgisa li.cgisa::before {
		display: none;
	}
	#g-mega-menu li a {
		line-height: 140%;
	}
	.widget.widget_nav_menu ul.menu {
		margin-top: 10px;
	}
	#megamenuright-position {
		padding-top: 50px;
	}

}

@media only screen and (max-width: 678px) {
	
	#success-quotes .uk-margin{
  flex-flow: column
}

#success-quotes .uk-panel{
  height: 600px !important;
}

#success-quotes .qoute-text-container p{
  font-size: 13px !important;
  text-align: center !important
}

#success-quotes .qoute-image-container{
  margin-right: 0 !important;
  margin-bottom: 10px !important
}
	
	.page-id-338 #eventsSection .eventsliderimage{
  margin: 0
}
	
	#centre-for-research img{
  max-height: 300px;
  object-fit:  cover
}
	
	#profile-row .awsm-team-item{
  max-width: 50% 
}
	#profile-row .awsm-details{
  width: 100%;
  padding: 0px 0px
}

#profile-row .awsm-personal-contact-info{
  width: 100%;
  padding: 20px 0px
}
	
	
	
}

@media only screen and (max-width: 580px) {
	
	#alumni-slider .uk-panel{
  height: 230px !important;
}

#alumni-slider .uk-scope .uk-grid > *{
padding-left: 10px !important;
}

	
	#g-footer .size-50.g-block{
  width: 100%
}
	
	#research-conferences .button-conainer{
  flex-flow: column
}

#research-conferences .button-conainer a{
  width: 100% !important;
}

#research-conferences .button-conainer .blue-button{
  margin-bottom: 10px
}
	
	#profile-row .awsm-personal-info h3{
  font-size: 15px
}

#profile-row .awsm-personal-info span{
  font-size: 10px
}
	
	.heading-mod h1 {
  font-size: 32px;
  line-height: 40px
}

.heading-mod p{
  font-size: 16px
}

.sub-head-mod h2{
  font-size: 21px;
  line-height: 30px
}
	
	 #choose-why-row{
    padding-right: 10px;
    padding-left: 10px !important;
  }
	
	#why-choose-section .gen-text-mod ul {
		max-width:100% !important;
		margin-left: 1.5rem; !important
	}
	
	  .alumniImgBlock {
		width: 100%
	}

	   .centerTimeContainer{
    max-width: 100%;
    margin: auto
  }
	
  .featuredColRight .vc_column-inner {
    background-position: right !important;
  }
	.infoContainerBanner .wpb_wrapper {
		display: block !important;
	}
	.infoContainerBanner .tempNotice {
		border-left: unset !important;;
		margin-left: 0 !important;
		padding-left: 0;
   
	}
  .tempNotice {
    margin-bottom: 10px
  }

	.mtfDateContainCol {
		margin-bottom: 25px
	}

	.mtfNedbankTxt img {
		display: block;
		margin: 0 auto !important;
	}
	.mtfNedbankTxt p {
		margin-top: 10px !important;
	}
	.mtfDateContainer, .mtfSpeakRow  {
		display: block !important;
	}
	.mtfSpeakImgBlock {
		margin: 0 auto
	}

	.scheduleFeesContainer {
		width: 100%;

	}
	#sub-header p {
		font-size: 13px !important;
	}
	.topNotificationHeadingTxt p {
		font-size: 14px !important;
	}
	.smlrNoticeTxt, .smlrNoticeTxt a, .smlrNoticeTxt .larger-notification.grey {
		font-size: 14px !important;
	}
	#importantNotificationTxt .borderTop::before {
		content: "";
		border-top: 1px solid 
			#fff !important;
		display: block;
		width: 90% !important;
		margin: 0 auto;
		padding-bottom: 10px;
	}

	.topNotificationHeadingTxt {
		padding: 0px 5px 0px 5px !important;

	}

	.homeProgramme {
		width: 31%;
	}
	.homeProgrammeBracketContainer {
		height: 260px;
	}
	.homeProgrammeBracketLeft, .homeProgrammeBracketRight {
		height: 260px;
	}
	.homeProgramme .homeProgTitles {
		margin-bottom: 13px;
		padding-top: 5px;
	}
	.homeProgramme svg {
		max-width: 40px !important;
		max-height: 30px !important;
	}
	#homeTopHeaderSection .homeHeaderSubjects {
		width: 50%;
		margin-bottom: 20px;
	}
	#homeTopHeaderSection .homeHeaderSubjects.cgisa {
		width: 100%;
	}
	#homeTopHeaderSection .homeHeaderSubjects:nth-child(2), #homeTopHeaderSection .homeHeaderSubjects:nth-child(4) {
		border-right: 0;
	}
	#homeTopHeaderRow .homeHeaderSubjectTxt {
		margin-top: 15px;
	}
	#homeHeaderLogos img {
		margin: 0 3.33% !important;
		margin-bottom: 10px !important;
	}
	#importantNotificationTxt p {
		text-align: left !important;
		margin-left: 25px;
		margin-right: 25px;

	}

	.copyInfo {
		margin: 0;
		padding-top: 0px !important;
		max-width: 300px;
		margin: 0 auto;
	}
	.copyInfo p {
		margin: 0 !important;
		margin-bottom: 40px !important;
		text-align: center;

	}
	#g-footer {
		padding-top: 50px !important;
		padding-left: 20px !important !important;
    padding-right: 20px !important;
	}
	.showMobile {
		display: block  !important;
		margin: 0 auto !important;
		float: none;


	} 
	.footerBwLogo svg {       
		margin-top: 30px;
		margin-right: 0;

	}
	.footerBwLogo {
		width: 300px;
	}
	.footerBwLogo p {
		text-align: center;
	}
	.socialMediaTxt::after {
		content: unset;   
	}


	.leftCol .flex {
		display: flex;
	}
	.leftCol a {
		display: inline-block ;
		float: none;
		text-align: left;
	}
	.leftCol br {
		display: none;
	}
	.leftCol, .rightCol {
		padding: 15px;
	}
	.table-responsive table {
		width: 100% !important;
	}
	.table-responsive tbody {
		width: 100% !important;
		display: table !important;
	}
	.table-responsive tr {
		text-align: right !important;
		width: auto !important;
	}
	#rsvpRow .table-responsive td, #venuesDatesRow .table-responsive td {
		width:  100% !important;; 
		display: block;
		clear: both !important;
		height: auto !important;
		text-align: left;
		border-top: 0 !important;             
	}
	.table-responsive tr:nth-child(1) {
		border-top: 1px solid #dce2e9 !important; 
	}
	#rsvpRow .table-responsive td:nth-child(1), #venuesDatesRow .table-responsive td:nth-child(1) {
		font-weight: 500 ; 
	}
	#graduationMaps .table-responsive tr:nth-child(1) {
		font-weight: 500 ; 
	}    
	#graduationMaps .table-responsive td {       
		height: auto !important;
		text-align: left !important;
		border-top: 0 !important;             
	}
	#g-above {
		display: none;
	}
	#magazineColmn {
		display: none;
	}
	.sidebarRegEnqBtns .topEnqBtn, .sidebarRegEnqBtns .topApplyBtn, .sideBarFAQ {
		display: none !important;
	}

}

@media only screen and (max-width: 480px) {
    #succes-quotes-row .uk-panel {
  height: 600px !important;
}
	
  
  .home .leftPanel [type="radio"]#marketing + span {
  margin-bottom: 0px !important;
  height: 250px !important;
  width: 100%;
  padding-top: 180px;
    text-align: center !important;
    justify-content: center !important;
}

  .home .rightPanel [type="radio"]#supplychain + span {
  margin-bottom: 0px !important;
  height: 250px !important;
  width: 100%;
    padding-top: 180px;
    text-align: center
}
	
  
  #hyFlexSection h2:before {
  content: "";
  position: absolute;
  top: 15%;
  transform: translate(-50%,-50%);
  left: 50%;
    background-image: url(https://imm.ac.za/wp-content/uploads/HyFlex-Watermark.svg);
    height: 200px;
    width: 300px;
    background-size: contain;
    background-repeat: no-repeat;
}
	
	.missTeenTxtMod {
		display: block !important
	}
	#sgpb-popup-dialog-main-div {
  width: 300px !important;
}
	.studentLoginContainer {
		width: 100%;
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}


	#homeTopHeaderSection .mainStudyUnit {
		font-size: 22px;
	}

	.elearnVideo iframe {
		height: 250px
	}

	.studentLoginCol {
		width: 100% !important;
		display: block;
		margin: 0
	}
	#tenReasonsWhy strong  {
		display: block;

	}
	#tenReasonsWhy br{
		display: none;
	}
	#homeSSCRow .sscHomeItem {
		margin-right: 1%;
		display: inline-block;
		width: 49%;
	}
	.importantDatesTxt ul {
		column-count: unset !important;
	}
	#g-mega-menu .showMobile .search-field, #g-mega-menu .mobileTel {
		width: 100%;
		float: none;

	}
	#g-mega-menu .mobileTel {
		font-size: 30px;
		margin-left: unset;
		text-align: center
	}
	#g-mega-menu .showMobile {
		margin-bottom: 10px !important;
	}
	#menu-login-menu.menu {
		float: none !important;

		text-align: unset !important;
	}
	#g-mega-menu {
		padding-top: 49px !important;
	}
	#graduationRowHome h2 {
		line-height: 120%;
	}
	#g-mega-menu .mobileTel, .topNotSureBtn, .megaMenuLogin {
		display: none;
	}
	.mobileMenuButtons {
		clear:both;
		margin-top: 10px !important;
		height: 38px;
	}
	#g-mega-menu .showMobile .topEnqBtn {
		width: 27% !important;
		float: left;
	}
	#g-mega-menu .showMobile .topApplyBtn {
		width: 40% !important;
		float: left;
	}
	#g-mega-menu .showMobile .topContactBtn {
		width: 33% !important;
		float: left;
		clear: right;
	}
	#text-4.interest-text {
		display: none;
	}
	.widget.widget_nav_menu ul.menu {
		margin-top: 20px;
	}
	#megamenufooter-position {
		display:none;
	}
	#megamenuright-position {
		padding-bottom: 50px;
	}
	#nav_menu-4.col-50, #nav_menu-5.col-50, #nav_menu-6.col-50, #nav_menu-7.col-50, #nav_menu-8.col-50, #nav_menu-9.col-50, #nav_menu-10.col-50, #nav_menu-11.col-50 {
		float: none;
		width: 100%;
		margin-right: 20px !important;
	}
	#g-mega-menu .col-50.supply-chain-menu, #g-mega-menu .col-50.short-course-menu {
		float: none;
	}
	li.top-level-menu {
		margin-right: 00px;
	}
	#megamenuright-position {
		padding-top: 0px;
	}
	#nav_menu-8 {
		padding-top: 10px !important;
	}
	#text-5 {
		display: none; 
	}
}