/* TOP NAVIGATION FIXES */
.u17-sub-menu.u17-multi-level .topnav .u17-top-nav-contents  li.no-children {
	white-space: nowrap;
}

.u17-sub-menu.u17-multi-level .topnav .u17-top-nav-contents li.has-children.active li.has-children li.no-children{
	white-space:normal;
}

.u17-sub-menu.u17-multi-level .topnav .u17-top-nav-contents .u17-nav-parent li.no-children{
    white-space:normal;
}

.u17-sub-menu.u17-multi-level .topnav .u17-top-nav-contents > li.u17-nav-parent:last-of-type{
	border-right:none;
}

/* TEASER CTA ONLY FIXES */
.cta-only .teaser-grid-block .buttons-wrapper .button{
	display:flex;
	align-items:center;
}

.cta-only .teaser-grid-block .buttons-wrapper span{
    transform:translateY(0);
    top:auto;
}

.cta-only .teaser-grid-block span.svg-wrapper{
	position:absolute;
	right:5px;
}

.cta-only .teaser-grid-block .buttons-wrapper .button span:nth-of-type(2){
	padding-right:50px;
	line-height:2.2rem;
}

/* FLICKITY SLIDESHOW VERTICAL ALIGNMENT FIXES */

.slideshow-block .block-inner {
    display: flex;
    align-items: center;
}

.slideshow-block .slideshow-content {
    top:auto;
    transform:none;
}
.slideshow-slider .slider-cell
{
    min-height: 600px;
}
.slideshow-block .slider-cell .image-column
{
    background-size: cover;
    background-repeat: no-repeat;
}
/*
.pg-studywithus-slider .slideshow-slider .flickity-viewport
{
    min-height: 600px;
    height: 600px !important;
}
*/

/* FLICKITY SLIDESHOW MOBILE FIXES */

@media (max-width: 767px) {
    .slideshow-block .slider-cell .image-column .shaded-background
    {
        padding: 5rem 2rem;
    }
    .slideshow-block .slideshow-slider
    {
        background: #333;
    }
    
    .slideshow-block .slideshow-slider .slider-cell,
    .slideshow-block .slideshow-slider-block,
    .slideshow-block .slideshow-slider-block > .row
    {
        height: 100%;
    }
    
}


/* 30TH BIRTHDAY HOMEPAGE SLIDE CSS */

div.thirty { 
    margin-top: -120px; 
}

.thirty-birthday a.slider-cta { 
    position: relative !important; 
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;   
    text-align: center !important;
    width: 250px !important;
}

p.years  {
margin-top: -45px;
}

@media screen and (max-width: 1024px) {
   p.years  {
    margin-top: -30px !important;
  }
}

@media screen and (max-width: 812px) {
   div.thirty { 
        margin-top: -80px !important; 
    }
}



/* SEARCH ICON OVERRIDE TEMPORARY */
button.search-panel-toggle-button:after {
    	content: "\e930";
    	font-family:unicons;
    	font-size:24px;
    	color:#fff;
    	position:absolute;
    	top:9px;
    	left:17px;
}

button.search-panel-toggle-button.active:after {
        color:#0052a0;
}

.homepage button.search-panel-toggle-button:after {
    	top:12px;
    	left:12px;
}

/* FORM NAVIGATION BUTTONS FIX */
.EPiServerForms .Form__NavigationBar [type=submit]{
	min-width: 5rem;
}

/* TEMPORARY FIX FOR PG ONLINE BADGE */

#postgraduate_element td.theme-background-blue-1 ~ td .badge.study-mode-badge{
    min-width: auto;
    padding: 0 0;
    border-radius: 0;
    font-size: 1.6rem !important;
    color: #666;
    text-transform:none;
    text-shadow: none;
    font-weight:normal;
    background: none;
}

/* FULL WIDTH CONTENT > LAYOUT BLOCK > LAYOUT BLOCK LEFT RIGHT PADDING FIX ON PATHWAYS PAGE */

.pathways .unisa-full-width-content > .layout-block .layout-block {
    padding: 3rem 0;
}

#section-degree > .unisa-u17-degree-structure:first-child .unisa-u17-anchor-offset {
    margin-top:10px;
}

#section-degree > .unisa-u17-degree-structure:first-child:before{
    background:#F3F4F9 !important;
}

/* EVENT CARD HOVER ISSUES */

.event-card-block-small .left-col-mobile .description {
    color: #666;
    margin-top:20px;
}
.event-card-block-small a:hover {
    text-decoration:none !important
}

.event-card-block-small a:hover .title {
    text-decoration:underline
}

.event-card-block-small a:hover .description {
    text-decoration:none;
    pointer-events:none;
    cursor:pointer;
}

/* EVENT TEASER BLOCK IMAGE CENTRE FIX
=============================================================== */
.event-card-block-small .right-col, 
.event-card-block-small .right-col-mobile
{
    background-position: center;
}
/*============================================================= */


@media (min-width: 64em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .u17-sub-menu .topnav {
        max-height:60px;
    }
}

@supports (-ms-ime-align: auto) {

    @media (min-width: 64em) {
        .u17-nav-parent {
            height: 60px;
            max-height: 60px;
            overflow: hidden;
        }
    }

}

@media (min-width: 48em) {
    .home-search .search-form .search-button >.svg-wrapper {
        margin-top: 10px;
    }
}

.breadcrumbs-outer
{
    position: absolute;
    right: 0;
}

@media (max-width: 1024px) {
    .background-video-pause-button.top-left {
        top: 35px;
        padding: 5px !important;
    }
}

@media screen and (min-width: 48em) {
    .slideshow-breadcrumbs.top-navigation .breadcrumbs-outer {
        top: 0;
        position: absolute;
        margin-top: 3rem;
        right: 0;
    }
    .slideshow-breadcrumbs > .row {
        position: relative;
    }
}

@media (min-width: 64em) {
    .unisa-promotional-content + .slideshow-breadcrumbs {
        max-width: 1097px;
        width: 100%;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .slideshow-breadcrumbs.transparentop-navigation~.u17-multi-level {
        padding-top: 40px;
    }
}

.black-gradient-before::before {
    background: linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent 30%) !important;
}

.slider-cell-image-container.black-gradient-before:hover::before {
    background: rgba(0,0,0,.6) !important;
}

@media (max-width: 767px) {

    .page-header-block + .unisa-full-width-content>.layout-block,
    .page-header-block + .unisa-full-width-content>.layout-block.theme-background-transparent, 
    .page-header-block + .unisa-full-width-content>.layout-block.theme-background-white {
        padding: 6rem 0;
    }
    .unisa-full-width-content>.layout-block, 
    .unisa-full-width-content>.layout-block.theme-background-transparent, 
    .unisa-full-width-content>.layout-block.theme-background-white {
        padding: 6rem 0;
    }

}

/* stop search icon looking bad on mobile */
.toolbar [type="button"] {
   appearance: none !important;
   -webkit-appearance: none !important;
}

/* START: HORIZONTAL SCROLL NAVIGATION WHEN NO BANNER FIX
==============================================================================================*/

@media (min-width: 64rem) {

    header + .header-overlay-wrapper + .slideshow-breadcrumbs + script + #outer-nav-bar
    {
        background-color: #e9e9f0;
        margin-top: 10rem;
    }
    header + .header-overlay-wrapper + .slideshow-breadcrumbs + script + #outer-nav-bar .topnav li a
    {
        color: #204196;
    }
    /*
    header + .header-overlay-wrapper + .slideshow-breadcrumbs + script + #outer-nav-bar .topnav li a:hover
    {
        color: #ffffff;
    }
    */
    header + .header-overlay-wrapper + .slideshow-breadcrumbs + script + #outer-nav-bar .topnav .u17-top-nav-contents li.u17-nav-parent {
        border-right: 1px solid #cdd0de;
    }
    header + .header-overlay-wrapper + .slideshow-breadcrumbs + script + #outer-nav-bar .topnav .u17-top-nav-contents li.u17-nav-parent.active {
        background-color: #2770b3;
    }
    header + .header-overlay-wrapper + .slideshow-breadcrumbs + script + #outer-nav-bar .topnav .u17-top-nav-contents li.u17-nav-parent.active a {
        color: #fff;
    }
    header + .header-overlay-wrapper + .slideshow-breadcrumbs + script + #outer-nav-bar .topnav[data-overflowing=none]>.u17-top-nav-contents>li.u17-nav-parent:hover
    {
        background-color: #5a95cc;
        color: #fff;
    }
    header + .header-overlay-wrapper + .slideshow-breadcrumbs + script + #outer-nav-bar .u17-top-nav-contents .u17-nav-parent.active>.u17-wrapper li a
    {
        color: #fff;
        background-color: #2770b3;
        white-space: normal;
    }
    header + .header-overlay-wrapper + .slideshow-breadcrumbs
    {
        z-index: 6;
    }
    header + .header-overlay-wrapper + .slideshow-breadcrumbs + script + #outer-nav-bar .topnav[data-overflowing=right] .u17-advancer.advance-right,
    header + .header-overlay-wrapper + .slideshow-breadcrumbs + script + #outer-nav-bar .topnav[data-overflowing=both] .u17-advancer.advance-right
    {
        background: #e9e9f0;
        background: linear-gradient(90deg,rgba(233,233,240,0) 0,#e9e9f0 60%);
    }
    header + .header-overlay-wrapper + .slideshow-breadcrumbs + script + #outer-nav-bar .topnav[data-overflowing=both] .u17-advancer.advance-left,
    header + .header-overlay-wrapper + .slideshow-breadcrumbs + script + #outer-nav-bar .topnav[data-overflowing=left] .u17-advancer.advance-left
    {
        background: #e9e9f0;
        background: linear-gradient(90deg,#e9e9f0 40%,rgba(233,233,240,0) 100%)
    }
    header + .header-overlay-wrapper + .slideshow-breadcrumbs + script + #outer-nav-bar .topnav
    {
        overflow-x: hidden;
    }
}

@media (min-width: 48rem) and (max-width: 64rem) {
    header + .header-overlay-wrapper + .slideshow-breadcrumbs + script + #outer-nav-bar
    {
        padding-top: 3rem;
    }
}

/* END: HORIZONTAL SCROLL NAVIGATION WHEN NO BANNER FIX
==============================================================================================*/

.search-listing-block.events.search-listing-block-news {
    background-color: #fff;
}

#gtx-trans { display: none !important;}

@media (max-width: 64em) {
.breadcrumbs-outer{
z-index:2;
}

}
.modern-action-box-container .columns {
  flex-flow:column;
  justify-content:flex-end;
}

/* REMOVE OTHER EVENTS FROM EVENT DETAIL PAGE
==============================================================================================*/
.no-other-events .theme-background-grey-silver.equal-column-height
{
    display: none;
}
/*============================================================================================*/

.pillar-active + .header-print.row + div + div .breadcrumbs-outer
{
    display: none;
}

.unisa-mega-header.row {
    z-index:initial;
}
@media (min-width: 1024px)
{
   .unisa-mega-header.row {
        height: 150px;
    } 
}
.unisa-mega-header.row .header-logo-wrapper {
    z-index:11;
}
.pillar-active .pillar-overlay-background {
    z-index:5;
}
.pillar-active .top-navigation-wrapper li {
    z-index:11;
}
.pillar-active .secondary-navigation-wrapper .toolbar {
    z-index:12;
}
.top-navigation.accordion.mobile-display {
    z-index:7;
}
.pillar-active ~ .page-header {
    display:none;
}

table.ui-datepicker-calendar td {
    padding: 0 !important;
}

.ui-datepicker-title.TimePicker select {
    height: 37px;
}

.unisa-full-width-content > .quick-links-container {
    padding-top: 6rem;
}

.u17-sub-menu.u17-multi-level .topnav{
overflow:hidden;
}
/*
.whats-new .stories-card-panel-wrapper .featured .event-card-block-smaller {
    background-color: #2770B3;
}

.whats-new .stories-card-panel-wrapper .featured:hover .event-card-block-smaller {
    background-color: #00418E;
}

.whats-new .stories-card-panel-wrapper .featured a {
    color:#fff
}

.whats-new .stories-card-panel-wrapper .featured .altis-bold.theme-blue-6.text-left{
    color:#98C0E6;
}

.whats-new .stories-card-panel-wrapper .featured:hover .theme-icon-blue-3{
    color:#fff !important;
}
*/

@media (max-width: 63.9375em) {
    .promo-date-overlay {
        text-align:center;
        display: flex;
        justify-content: space-between
    }
}

@media (min-width: 63.9375em) {
    .promo-date-overlay {
        text-align:center;
        display: flex;
        justify-content: space-between;
        min-width: 12rem
    }
}

.ui-datepicker .ui-datepicker-title select{
    font-size:15px;
    color:#FFF;
    padding:0 12px 0 2px;
    margin-left:5px !important;
    margin-right:5px !important;
    height:27px;
    width:90px;
    text-align:center;
    border-radius:0px;
    box-shadow:none;
    font-family:UniSA-Altis-Regular,Helvetica,Arial,sans-serif;
    font-weight:normal;
    background-color:transparent;
    border-left:0;
    border-right:0;
    border-top:0;
    border-bottom:1px solid #98C0E6;
    background-image: url(/Areas/Int/Static/themes/u17/p2/assets/icons/arrow-down-blue-2.svg);
    position:relative;
}

.ui-datepicker .ui-datepicker-title select option{
    color:#666;
}

.ui-datepicker .ui-datepicker-title{
    margin: 0 1.5em !important;
}

.ui-datepicker-calendar{
    width:auto !important;
}

.ui-datepicker .ui-state-default,.ui-datepicker .ui-widget-content .ui-state-default,.ui-datepicker .ui-widget-header .ui-state-default {
    border: 1px solid transparent !important;
    text-align: center;
    background: #fff;
    padding:8px 10px;
}

.ui-datepicker .ui-state-hover{
    border:1px solid transparent;
}

#ui-datepicker-div,
#ui-datetimepicker-div{
width:auto;
padding:0px !important;
}

.EpiForms .ui-datepicker-prev {
    position: absolute;
    top: 11px !important;
    left: 10px !important;
}

.EpiForms .ui-datepicker-next {
    position: absolute;
    top: 11px !important;
    right: 3px !important;
}

.ui-datepicker-next.ui-state-hover,
.ui-datepicker-prev.ui-state-hover{
    background-color:transparent !important;
}

.ui-datepicker-next span,.ui-datepicker-prev span {
    opacity: 0;
    position: relative
}

.ui-datepicker-next-hover, .ui-datepicker-prev-hover {
    background: 0 0!important
}

.ui-datepicker-next:after,
.ui-datepicker-prev:after {
    position: absolute;
    content: "\e9a0";
    font-family: unicons;
    color: #fff;
    opacity: 1;
    display: block;
    width: 30px;
    height: 30px;
    top: 6px;
    font-size: 18px;
    line-height: 1em;
    cursor: pointer
}

.ui-datepicker-prev:after {
    content: "\e99f"
}

.ui-datepicker-next-hover:after,.ui-datepicker-prev-hover:after {
    color: #98c0e6
}

.ui-datepicker-header {
    padding: 12px !important
}

select.ui-datepicker-month {width:50% !important}
select.ui-datepicker-year {width:35% !important}

/* HOMEPAGE SLIDE ANIMATIONS */
.homepage .vegas-wrapper .slider-contents.welcome .slider-headline-1 [class^="slider"],
.homepage .vegas-transition-fade-out ~ .vegas-transition-fade-in ~ .vegas-wrapper .slider-contents .slider-headline-1 [class^="slider"],
.homepage .vegas-transition-fade-out ~ .vegas-transition-fade-in ~ .vegas-wrapper .slider-contents .slider-headline-1 .thirty{
         -webkit-animation-name: fadeInLeftSlide;
         animation-name: fadeInLeftSlide;
         -webkit-animation-duration: 0.8;
         animation-duration: 0.8s;
         -webkit-animation-fill-mode: ease-out;
         animation-fill-mode: ease-out;
}

.homepage .vegas-wrapper .slider-contents.welcome .slider-headline-1 [class^="slider"] + [class^="slider"],
.homepage .vegas-transition-fade-out ~ .vegas-transition-fade-in ~ .vegas-wrapper .slider-contents .slider-headline-1 [class^="slider"] + [class^="slider"]{
         -webkit-animation-name: fadeInSlide;
         animation-name: fadeInSlide;
         -webkit-animation-duration: 0.8;
         animation-duration: 0.8s;
         -webkit-animation-delay: 0.45s;
         animation-delay:0.45s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
}


.homepage .vegas-transition-fade-out ~ .vegas-transition-fade-in ~ .vegas-wrapper .slider-contents .slider-cta {
animation-name: fadeInSlideCTA;
-webkit-animation-name: fadeInSlideCTA;
         -webkit-animation-duration: 1.5;
         animation-duration: 1.5s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
}

        @-webkit-keyframes fadeInLeftSlide {
            0% {
               opacity: 0;
               -webkit-transform: translateX(-50px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateX(0);
            }
         }
         
         @keyframes fadeInLeftSlide {
            0% {
               opacity: 0;
               transform: translateX(-50px);
            }
            100% {
               opacity: 1;
               transform: translateX(0);
            }
         }
} 

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

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

@keyframes fadeInSlideCTA {
0% {opacity:0;}
50% {opacity:0;}
100% {opacity:1;}
}

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

fieldset.FormDateTimeRange {
    padding: 0;
    height: auto;
}

.ui-datepicker .ui-datepicker-title{
    color:#fff
}