.logo-wrapper {
    filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.1));
    z-index: 100;
}

.logo-wrapper .logo {
    width: 150px;
    background-color: #00418E;
    padding: 35px 30px 60px 30px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%);
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

@media (min-width: 64em) {
    .logo-link{
        display:block;
        height:103px;
}

    .logo-wrapper {
        position: absolute;
        top: 0px;
        filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.1));
    }

    .logo-wrapper .logo {
        width: 190px;
        background-color: #00418E;
        padding: 40px 30px 60px 30px;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%);
        -webkit-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in
    }

    .logo-wrapper .logo img {
        width: 100%;
        height: auto;
    }
}



header{
overflow:visible;
padding:0 0;
background-image:none;
background-color:#0052a0;
}

header .container .navbar-top {
    margin-top: -115px;
    padding-top: 0;
}
header .container .navbar-top .navbar-icons {
    order:1;
    display:block;
    width:auto;
    position:absolute;
    z-index:5;
    right:0;
}

header:before {
    content:'';
    display:block;
    height:50px;
    background-color:#FFFFFF;
}


header .navbar-top .navbar-primary a{
    font-weight: 600;
    font-size:20px;
    padding-bottom:3px;
    display: inline-block;
    margin-right:0;
    color:#FFF;
    border-bottom:4px solid transparent;
}

header .navbar-top .navbar-primary a:hover,
header .navbar-top .navbar-primary a:focus{
    text-decoration:none;
    border-bottom:4px solid #2770b3;
}

header .navbar-top .navbar-primary{
    width: 100%;
    padding-left: 195px;
    display:flex;
    margin-right:0;
    padding-top: 84px;
}


header .navbar-top .navbar-primary div{
    margin-right:0;
    text-align:right;
    flex-grow: 1;
}

header .navbar-top .navbar-toggle{
    margin: 0 0 0 0;
}


header .navbar-icons button[data-target*="#navigation"]{
    margin-top:0;
    display: block;
    padding:13px;
    background-position: -48px 0px;
}


header .navbar-icons button[data-target*="#navigation"]:hover,
header .navbar-icons button[data-target*="#search"]:hover{
    border-bottom:0px !important;
    background-color:#2770b3;
}

header .navbar-icons button[data-target*="#search"]{
    display: block;
    background-position:2px 3px;
    padding: 13px;
}

header .navbar-icons button[data-target*="#login"]{
    width:auto;
    border-bottom:4px solid transparent;
}

header .navbar-icons button[data-target*="#login"] span{
    width:auto;
    padding: 3px 5px 0px 5px;
    font-size:14px;
    text-transform: lowercase;
}

header .navbar-icons button[data-target*="#login"] span:first-letter{
    text-transform: uppercase;
}


header .navbar-icons button{
    height:50px;
    margin-left:0;
    border-radius:0;
}

header .navbar-icons button span{
    color:#0052a0;
    display: block;
    font-size:22px;
}

header .navbar-icons button:hover span{
    color:#fff;
}

header .navbar-icons button[data-target*="#login"]:hover span{
    color:#0052a0;
}

header .navbar-icons button[data-target*="#login"]:hover{
    border-bottom:4px solid #2770b3;
}

header .navbar-inverse button.navbar-toggle .icon-bar{
    background-color: #0052a0;
}

header .navbar-inverse button.navbar-toggle:hover .icon-bar{
    background-color: #fff;
}

.logo-wrapper{display:none}

#header-search-button{
    margin-right:15px;
}


@media (min-width: 64em) {

header{
min-height:144px;
}

.logo-wrapper{
    display:block;
}

header .site-logo{
    visibility:hidden;
}

.layout-promotional ~ .layout-main > .full-width .breadcrumb {
    text-align:right
}

.layout-promotional ~ .layout-main > .full-width.layout-breadcrumbs {
   padding-top:20px;
}

.layout-promotional.has-banner ~ .layout-main > .full-width .breadcrumb {
    text-align:left;
}

.layout-promotional.has-banner ~ .layout-main > .full-width.layout-breadcrumbs {
    padding-top: 25px;
    padding-bottom: 10px;
}

.layout-main > .full-width:not(.layout-breadcrumbs) .breadcrumb{
    margin-top: 30px !important;
}

.layout-promotional > div:last-child{margin-bottom:-60px;}

.layout-promotional .block-banner-heading{
    padding-bottom:60px;
}

.navbar-collapse.collapse,
.navbar-collapse.collapsing{
    margin-bottom:20px;
}

.navbar-collapse.collapse h3,
.navbar-collapse.collapsing h3{
    margin-top:40px;
}

header form{
    margin-top:70px;
}

header form fieldset{
    padding-left:0;
}

header .search-results .row{
margin: 0 0;
}

.layout-promotional > div:last-child .block-carousel{
    margin-bottom:60px
    }

.layout-promotional > .block.full-width {
    padding-bottom:60px !important;
}

}


@media screen and (min-width: 480px) {
    header .search-results .row {
        margin-left:0px;
        margin-right:0px
    }
}

@media all and (max-width: 64em) {

.navbar-top .panel #navigation,
.navbar-top .panel #login{
margin-top:80px;
padding-left:20px;
}


.navbar-top .panel #search{
margin-top:80px;
}
header .site-logo{
    margin-top:-42px;
    margin-bottom:0;
    margin-left:15px;
}

header .navbar-primary.pull-right {
    display:none;
}

header .container .navbar-top {
    margin-top: -43px;
}

}

@media screen and (min-width: 768px) {
    header .site-logo {
        height:35px;
    }

}

@media (min-width: 1200px) {
    .container,
    .block-banner-heading,
    .fullwidth .block-list-grid {
        width:1097px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

    
@media screen and (min-width: 64em) {
    header .navbar-icons button[data-target*="#navigation"]{
        display:none;
    }
    .navbar-top .panel #navigation{
        display:none !important;
    }
}

@media screen and (max-width: 64em) {
    .navbar-top .nav-columns {
        column-count:1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }

    header{
        background-color:#002B72
    }

    .navbar-top .panel #navigation{
        padding: 0 0 0 10px;
        margin-top:50px;
    }

    .navbar-top .panel #navigation h3{
        display:none;
    }

    .navbar-top .panel #navigation li{
        padding:0;
        border:none;
    }
    
    .navbar-top .panel #navigation li a{
        padding:1.5rem;
        font-size:18px;
        font-weight:600;
        border-bottom:1px solid #003681;
        border-top:0;
    }

    .navbar-top .navbar-nav{
        margin-top:0;
        margin-bottom:0;
    }

    .nav-sections{
        display:none;
    }
    .navbar-top{
        margin-bottom:0;
    }
}

.navbar-top .panel #login {
    position: absolute;
    top: -73px;
    float: none;
    z-index: 1;
    right: 65px;
    background-color: #fff;
    padding:0;
    width:108px;
    box-shadow:rgba(0,0,0,.17) 0 4px 24px 0
}

@media (min-width: 64em) {
    .navbar-top .panel #login {
         right: 18px;  
         top:-63px; 
    }
}

.navbar-top .panel #login .navbar-nav{
    margin:0 0;
}
.navbar-top .panel #login h3{
    display:none;
}

.navbar-top .panel #login a{
    color:#0052a0;
    border:0;
    font-size:12px;
}

.navbar-top .panel #login a:hover{
    color:#fff;
    background-color:#0052a0;
}

.navbar-top .panel #login li{
    padding:0;
    border-top:0;
    border-bottom:0;
}

.navbar-top .panel #login li a{
    border:0;
    padding:8px 15px;
}

.navbar-top .panel #login li a:before{
    font-family:unicons;
    width:18px;
    height:18px;
    display:block;
    content:'';
    float:left;
    margin-right:8px;
    font-size:18px;
}

.navbar-top .panel #login li:nth-of-type(1) a:before{
    content:"\ea39";
}

.navbar-top .panel #login li:nth-of-type(2) a:before{
    content:"\e95d";
}

.navbar-top .panel #login li:nth-of-type(3) a:before{
    content:"\ea47";
}

.navbar-top .panel #login:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-bottom: solid 10px #fff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

header .navbar-icons button[data-target*="#login"] {
    padding-right: 12px;
}

header .navbar-icons button[data-target*="#login"]:after {
    font-family:unicons;
    content:"\e99e";
    position:absolute;
    right:0px;
    top:17px;
    display:block;
    color:#98C0E6;
    font-size:14px;
    display: inline-block;
    transform: rotate(0deg);
    transition-duration: .3s;
    transition-property: transform;
}

header .navbar-icons button[data-target*="#login"][aria-expanded*="true"]:after {
    transform: rotate(180deg);
    transition-duration: .3s;
    transition-property: transform;
    margin:-2px 0 0 0;
}

header .navbar-toggle .icon-bar {
	 transition: 120ms ease-in-out;
	 background-color: #fff;
	 position: relative;
	 width: 24px;
	 height: 3px;
}
header .navbar-toggle[aria-expanded*="true"] .icon-bar:last-child {
	 -webkit-transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg);
	 -o-transform: rotate(-45deg);
	 transform: rotate(-45deg);
	 top: -7px;
}
header  .navbar-toggle[aria-expanded*="true"] .icon-bar:nth-child(2) {
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 -o-transform: rotate(45deg);
	 transform: rotate(45deg);
	 top: 0px;
}
header  .navbar-toggle[aria-expanded*="true"] .icon-bar:nth-child(1) {
	 opacity: 0;
}
header  .navbar-toggle.collapsed .icon-bar {
	 -webkit-transform: rotate(0deg);
	 -ms-transform: rotate(0deg);
	 -o-transform: rotate(0deg);
	 transform: rotate(0deg);
	 top: 0;
	 opacity: 1;
}
 
.block-banner .item img[src=""] {
    padding-top:50px;
}

.EPiServerForms .FormSubmitButton{
    background-color:#0052a0;
    color:#fff;
    border:0;
    padding:12px 30px;
    font-weight:600;
    border:2px solid #0052a0;
}

.EPiServerForms .FormSubmitButton:hover{
    background-color:#fff;
    color:#0052a0;
    border:0;
    padding:12px 30px;
    font-weight:600;
    border: 2px solid #0052a0;
}

@media (min-width: 64em) {
    .full-width.layout-breadcrumbs.white-bg .breadcrumb {
        padding-left: 200px;
    }
}

/* Staff listing blocks */
.dynamic-staff .teaser-grid-panel-wrapper{display:flex;flex-wrap:wrap;margin:0 -10px}.dynamic-staff .teaser-grid-panel-wrapper .column,.dynamic-staff .teaser-grid-panel-wrapper .columns{padding:10px;display:flex}.dynamic-staff.staff-table .staff-table-wrapper .columns{display:block}.dynamic-staff .row{margin:0}.dynamic-staff .text-centered{text-align:center}.dynamic-staff.staff-slider.bordered .staff-listing-card,.dynamic-staff.staff-vertical .staff-listing-card{border:0;padding:0 0 3rem;text-align:center;margin-bottom:3rem;border-bottom:1px solid rgba(160,160,160,.2);margin-top:0}.dynamic-staff.staff-horizontal .staff-listing-card{border:0;padding:0 0 3rem;text-align:left;display:flex;margin-bottom:3rem;border-bottom:1px solid rgba(160,160,160,.2);margin-top:0}@media (min-width:48em){.dynamic-staff.staff-horizontal .staff-listing-card,.dynamic-staff.staff-vertical .staff-listing-card{padding-bottom:0;border-bottom:0}}.dynamic-staff img{border:2px solid #fff;box-shadow:0 0 10px rgba(0,0,0,.2)}.dynamic-staff.bordered .staff-listing-card{background-color:#fff}.dynamic-staff.staff-horizontal img{margin-right:3rem}.dynamic-staff.staff-slider.bordered img,.dynamic-staff.staff-vertical img{margin-bottom:3rem}.dynamic-staff img:hover{border:2px solid #98c0e6}.dynamic-staff .staff-details{width:auto}.dynamic-staff .staff-details .name{margin-top:-3px;margin-bottom:1.5rem;font-size:2rem;line-height:2.2rem}.dynamic-staff .staff-details .position{color:#2770b3;font-size:1.4rem;line-height:2rem}.dynamic-staff.staff-vertical .staff-details .position{width:90%;margin:0 auto}.dynamic-staff .staff-details .location{text-transform:uppercase;font-size:1.2rem;line-height:1.4rem;margin-top:1.5rem}.dynamic-staff .staff-icons{margin-top:1.5rem}.dynamic-staff.staff-slider.bordered .staff-icons,.dynamic-staff.staff-vertical .staff-icons{margin-left:auto;margin-right:auto;display:inline-block}.dynamic-staff .pill{width:36px;height:36px;border-radius:25px;font-size:1.25rem;transition:width .5s;float:left;margin-right:1rem;overflow:hidden;border:1px solid #2770b3}.dynamic-staff .pill .svg-wrapper{margin:.55rem .55rem .55rem .5rem}.dynamic-staff .pill.staff-icon-phone:hover,.dynamic-staff.pill.staff-icon-phone:focus{width:140px}.dynamic-staff .pill.staff-icon-email:hover,.dynamic-staff.pill.staff-icon-email:focus{background-color:#2770b3}.dynamic-staff .pill.staff-icon-email:hover svg,.dynamic-staff .pill.staff-icon-phone svg,.dynamic-staff.pill.staff-icon-email:focus svg{fill:#fff}.dynamic-staff .pill.staff-icon-phone{background-color:#2770b3;color:#fff;text-align:left}.dynamic-staff .pill.staff-icon-phone a{color:#fff;text-decoration:none}.dynamic-staff .pill.staff-icon-email{color:#2770b3;background-color:#fff}.dynamic-staff .pill.staff-icon-email svg{fill:#2770b3}.unisa-main-content .dynamic-staff.staff-horizontal .large-4{width:50%}.dynamic-staff.staff-horizontal.bordered .staff-listing-card{border:1px solid rgba(160,160,160,.2);padding:3rem;display:flex;align-items:center}.dynamic-staff.staff-slider.bordered .staff-listing-card,.dynamic-staff.staff-vertical.bordered .staff-listing-card{border:1px solid rgba(160,160,160,.2);padding:3rem}.dynamic-staff.staff-vertical.bordered img{margin-top:-60px}.dynamic-staff.staff-vertical.bordered .large-margin-bottom,.dynamic-staff.staff-vertical.bordered .staff-listing-card{margin-bottom:6rem}.dynamic-staff.staff-slider .slider-cell{min-height:440px;display:flex}.dynamic-staff.staff-table .staff-table-wrapper{display:flex;width:100%}.dynamic-staff.staff-table .staff-table-wrapper .columns{padding-top:1rem;padding-bottom:1rem}.dynamic-staff.staff-table .staff-table-wrapper:nth-child(2n) .columns{background-color:#f3f4f9}.dynamic-staff.staff-table .staff-table-wrapper:nth-child(2n) .columns div:not(.pill){width:100%}.dynamic-staff.staff-table .staff-icons{margin-top:0}.dynamic-staff.staff-table .pill{float:right}.staff-listing-card{border:1px solid rgba(160,160,160,.2);padding:2rem;margin:1.5rem 0;text-align:center;min-width:100%}.staff-listing-card .img-small{min-width:10rem;height:10rem;border-radius:50%;display:inline-block;vertical-align:middle}.staff-listing-card .right-col{padding-left:2rem;padding-top:.5rem}.staff-listing-card .name{margin:1rem 0}.staff-listing-card .name span{font-size:2.3rem;line-height:1}.staff-listing-card a.name-link{padding-right:0!important;font-weight:700}.staff-listing-card .details{margin-top:1rem}@media print,screen and (max-width:350px){.staff-listing-card{padding:2rem 1rem;margin:.5rem 0}}.dynamic-staff .svg-wrapper{display:inline-block;vertical-align:middle;width:2.4rem;height:2.4rem}.dynamic-staff .svg-wrapper svg{width:100%;height:100%;vertical-align:top}.dynamic-staff .column,.dynamic-staff .columns{width:100%;float:left}@media print,screen and (min-width:48em){.dynamic-staff .medium-2{width:16.66667%}.dynamic-staff .medium-3{width:25%}.dynamic-staff .medium-4{width:33.33333%}.dynamic-staff .medium-5{width:41.66667%}.dynamic-staff .medium-6{width:50%}.dynamic-staff .medium-8{width:66.66667%}}@media print,screen and (min-width:64em){.dynamic-staff .large-2{width:16.66667%}.dynamic-staff .large-3{width:25%}.dynamic-staff .large-4{width:33.33333%}.dynamic-staff .large-5{width:41.66667%}.dynamic-staff .large-6{width:50%}.dynamic-staff .large-7{width:58.33333%}}