/*
Theme Name: Gecko Child
Theme URI: http://www.janstudio.net/gecko
Author: JanStudio
Author URI: http://www.janstudio.net
Description: The best woocommerce theme for online fashion store, furniture store, handemade store, organic store, wordpress personal portfolio, personal blog.
Template: gecko
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gecko
Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

@font-face {
    font-family: 'nimbus';
    src: url('font/nimbussanl-bol-webfont.eot');
    src: url('font/nimbussanl-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nimbussanl-bol-webfont.woff2') format('woff2'),
         url('font/nimbussanl-bol-webfont.woff') format('woff'),
         url('font/nimbussanl-bol-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'nimbus';
    src: url('font/nimbussanl-bolita-webfont.eot');
    src: url('font/nimbussanl-bolita-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nimbussanl-bolita-webfont.woff2') format('woff2'),
         url('font/nimbussanl-bolita-webfont.woff') format('woff'),
         url('font/nimbussanl-bolita-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}




@font-face {
    font-family: 'nimbus';
    src: url('font/nimbussanl-reg-webfont.eot');
    src: url('font/nimbussanl-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nimbussanl-reg-webfont.woff2') format('woff2'),
         url('font/nimbussanl-reg-webfont.woff') format('woff'),
         url('font/nimbussanl-reg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nimbus';
    src: url('font/nimbussanl-regita-webfont.eot');
    src: url('font/nimbussanl-regita-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nimbussanl-regita-webfont.woff2') format('woff2'),
         url('font/nimbussanl-regita-webfont.woff') format('woff'),
         url('font/nimbussanl-regita-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}
.sectionbg{
    background-position: right top !important; 
    min-height:650px;
    background-image: url(http://www.mygraduation.co.za/wp-content/uploads/2018/03/Uhome.jpg) !important;
   background-repeat: no-repeat !important;
     background-size: cover !important;
 }


body{  background-size: cover;}

.mb__60, .mt__60{margin:0px;}

p
{ line-height: 1.4!important;
letter-spacing:1px!important;
font-size:16px
   font-family:times new roman!important;
}
a:focus {
    outline: medium none;
    text-decoration: none;
}
a:hover {
  color:lightgrey;
}
.page-content {
 
    padding-left:5%;
    padding-right: 5%;

	margin: 0 auto;
}
.main-footer {
    padding-top: 60px;
	color:black!important;
	text-transform: uppercase;
	   font-family:times new roman;
}

.main-footer p {
  
	color:black!important;
	text-transform: uppercase;
	font-size:13px
	   font-family:times new roman;
}
.container {
    width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'nimbus', san-serif!important;
  font-weight: normal;
  text-transform: uppercase!important;
  margin-top: 0;
  line-height: 1.3!important;
  letter-spacing:13px
}

.navbar {
    display: table;
    margin: 0;
    padding: 2px 0;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
.subtext {
	text-transform:uppercase!important;
	
}
.subtext550 {
	text-transform:uppercase!important;
	
}
.subtext p{
	max-width:600px!important;
	font-size:16px!important;
	 margin: 0 auto!important;
	 margin-bottom: 20px!important;
	
}

.subtext550 p{
	max-width:550px!important;
	font-size:16px!important;
	 margin: 0 auto!important;
	 margin-bottom: 20px;
	
}
.textline h1
{
   font-size:50px;
   text-align: center;
	margin:0 auto;
	margin-right:-13px!important;
}

hr.div700 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    border-color: currentcolor currentcolor #dddddd;
    border-style: none none solid;
    border-width: 0 0 2px;
    display: block;
    height: 1px;
    margin: 23px auto;
    max-width: 700px;
}
hr.div450 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    border-color: currentcolor currentcolor #dddddd;
    border-style: none none solid;
    border-width: 0 0 2px;
    display: block;
    height: 1px;
    margin: 20px auto 13px;
    max-width: 520px;
}
hr.date{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    border-color: currentcolor currentcolor #393939;
    border-style: none none solid;
    border-width: 0 0 2px;
    display: block;
    height: 1px;
    margin: 5px auto 5px;
    max-width: 200px;
}
.menu > li > a {
    color: #000;
    font-size:16px;
}
.menu > li > a:hover {
    color: grey!important;
    font-size:16px;
}
li.current-menu-item > a:hover{ color: grey!important;}
li.current-menu-item > a{ color: #000!important;}
.smalltext p{
	max-width:910px;
	font-size:13px;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: center;
	line-height: 14px;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
    margin-bottom: 20px;
}
.main-footer {
    padding-top: 1px;
}

.unitop 
{
	margin-bottom:19px!important;
}
.unitop h1
{
   font-size:42px;
   text-align: center;
	margin:0 auto;
	margin-right:-13px;
}
.enquiries a{
	color:white;
}
.enquiries h3{
	font-size:22px;
	margin-right:-2px;
	margin-bottom:1px;
	letter-spacing:1px;
    font-family:times new roman;
}
.enquiries p{
	font-size:15px;
	margin: 0 auto;
	max-width:300px;
	overflow-wrap: break-word;
}
.italic p{
	 font-style: italic;
}
p.tophead{
	font-size:14px;
	line-height: 14px!important;
	margin:0;
	text-transform: uppercase!important;
	
}
p.bottomhead{
	font-size:21px;
	margin:0;
	 text-transform: uppercase!important;
}
.unismalltext p{
	max-width:550px;
	font-size:13px!important;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: center;
	line-height: 14px;
}
.unismalltexttest p{
	max-width:90%;
	font-size:13px;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: center;
	line-height: 14px;
}
.gradinfo {
	color:black!important;
	 font-family: 'nimbus', san-serif!important;
	text-transform: uppercase!important;
	margin-bottom:0px!important;
}
.gradinfo h3 {
	font-size:28px;
	margin-right:-2px;
	margin-bottom:5px;
	letter-spacing:2px;
	color:black!important;
}
.gradinfo p{
	margin: 0 auto;
	max-width:550px;
	font-size:18px;
	color:black;
	 font-family: 'nimbus', san-serif;
	text-transform: uppercase;
}

.buttonbox{
	 text-align: center;
	 margin:0 auto;
}

.buttonbox a{
	color:white!important;
}
.buttonbox h4{
	border-top: 2px solid!important;
	border-bottom: 2px solid!important;
    display: inline!important;
    width: 100%;
	font-size:32px;
	margin-right:-3px;
	margin-bottom:1px;
	letter-spacing:2px;
    font-family:times new roman!important;
	 text-align: center;
	 padding-top:12px;
	 padding-bottom:12px;
}
.buttonbox p{
	font-size:14px!important;
}
.buttonboxdownload p{
	font-size:14px!important;
}
.campus p{
	font-size:20px!important;
	text-transform: uppercase!important;
}
.navbar #st-trigger-effects {
 /*   display: none !important;*/
}
 .product-information .out-of-stock, .languages-area .widget_currency_sel_widget ul.wcml_currency_switcher li:hover, 
 .menu > li > a:hover, .menu .nav-sublist-dropdown ul > li.menu-item-has-children:hover::after, 
 .title-banner .small-h,  .menu-wrapper .menu > li > a:hover, .header-type-10 .menu-wrapper 
 .navbar-collapse .menu-main-container .menu > li > a:hover,
 .menu .nav-sublist-dropdown ul li a:hover, .show-quickly:hover, .menu > li.current-menu-item > a, 
 .menu > li.current_page_ancestor > a,
 .menu .nav-sublist-dropdown ul > li.current-menu-item > a, 
 .product-information .out-stock-wrapper .out-stock .wr-c, 
 .menu .menu-full-width .nav-sublist-dropdown ul > li.menu-item-has-children .nav-sublist ul li a:hover, 
 .header-type-2.slider-overlap .header .menu > li > a:hover 
 {color:#b7b7b7!important;}
 
.lastmega {width:100%!important;text-align: center!important;border-top: 1px solid lightgrey; float: none!important;
    margin-top: 5px;}
.lastmega a {
    float: none!important;
    margin: 0 auto;
    text-align: center;
    
}
.lastmega > a > .nav-item-image {width:168px}


.page-404{padding-top: 130px;}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } 
	}



.jas-push-menu-btn{visibility: hidden!important;}


@media only screen and (max-width: 1024px) {
      .jas-push-menu-btn{visibility: visible!important;}
      
.buttonbox h4 {
   font-size: 30px; letter-spacing: 2px!important
}
}
@media only screen and (max-width: 768px) {

 .wpb_single_image.vc_align_left.colorlogo {text-align:center;}
 .gradinfo h3 {
	font-size:24px;
	letter-spacing:1px;

}
.sf-open.cb.chp{display:none}
}
@media only screen and (max-width: 530px) {
  

	 .wpb_single_image.vc_align_left.colorlogo {text-align:center;}
.textline h1 {
    font-size: 28px!important;
    letter-spacing: 5px!important;
}
}
@media only screen and (max-width: 460px) {
.buttonbox h4 {
  font-size: 20px!important;
    display: inline;

}
.campus p {
    font-size: 16px!important;
    text-transform: uppercase;
}
}
@media only screen and (max-width: 360px) {
.buttonbox h4 {
  font-size:18px!important;
    display: block;
	
}
.campus p {
    font-size: 14px!important;
    text-transform: uppercase;
}
}