﻿
/* KS cleared out all Global CSS 05-09-19 */



.blurb a {border-bottom:none !important;}

.is-mobile .wysiwyg.sz-web-link .sz-web-inline {
    white-space: unset !important;
}

.header-img {
    background-size: contain !important;
}



article.main-content.wrapper div.content_holder_wrapper p a {
     text-decoration: underline;
}
 
article.main-content.wrapper div.content_holder_wrapper p a.btn {
     text-decoration: none;
}

#Offline .pdf-viewer-heading a.pdf-viewer-link, 
.pdf-viewer-heading a.pdf-viewer-link, 
.newsletter-content #Offline .pdf-viewer-heading a.pdf-viewer-link{
    text-decoration: none;
}
 
article.main-content.wrapper div.content_holder_wrapper p {

}


h1.hidemeHeader, h4.hidemeHeader{display:none;}

.szappContent .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    box-sizing: border-box;
}



.szappContent .col-md-4, .szappContent .col-md-6 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.szappContent .col-md-6 {
    max-width: 100%;
}

@media (min-width: 768px){
   .szappContent .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
   .szappContent .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}


.bottommargin {
    margin-bottom: 50px !important;
}

.col-md-6 img,  .col-md-4 img  {max-width:100%;}

.pdf-head-img img{
    max-width:100%!important;
}

/* ----------------------------------------------------------------
  Divider
-----------------------------------------------------------------*/


.divider.bpdiv {
    position: relative;
    overflow: hidden;
    margin: 35px 0;
    color: #E5E5E5;
    width: 100%;
}

.divider.bpdiv.divider-margin { margin: 70px 0; }

.divider.bpdiv:after,
.divider.bpdiv.divider-center:before,
.divider.bpdiv.divider-center.divider-short:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 8px;
    left: 30px;
    height: 0;
    border-top: 1px solid #EEE;
}

.divider.bpdiv.divider-thick:after,
.divider.bpdiv.divider-center.divider-thick:before,
.divider.bpdiv.divider-center.divider-short.divider-thick:before { border-top-width: 3px; }

.divider.bpdiv.divider-short:after { width: 30%; }

.divider.bpdiv.divider-vshort:after { width: 12%; }

.divider.bpdiv i {
    position: relative;
    width: 18px;
    height: 18px;
    line-height: 1;
    font-size: 18px !important;
    text-align: center;
}

.divider.bpdiv a {
    position: relative;
    display: inline-block;
    color: inherit;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.divider.bpdiv a:hover { color: #888; }



/* Divider - Icon Align Center
-----------------------------------------------------------------*/

.divider.bpdiv.divider-center,
.divider.bpdiv.divider-center.divider-short { text-align: center; }

.divider.bpdiv.divider-center:before {
    left: -50% !important;
    right: 0;
    margin-left: -20px;
}

.divider.bpdiv.divider-center:after {
    left: 50% !important;
    right: 0;
    margin-left: 20px;
}


/* Short Divider - Icon Align Center
-----------------------------------------------------------------*/

.divider.bpdiv.divider-center.divider-short:before {
    left: auto !important;
    right: 50%;
    margin-right: 20px;
    width: 15%;
}

.divider.bpdiv.divider-center.divider-short:after {
    left: 50% !important;
    right: auto !important;
    margin-left: 20px;
    width: 15%;
}

.divider.bpdiv.divider-center.divider-vshort:before,
.divider.bpdiv.divider-center.divider-vshort:after { width: 6%; }


/* Divider - Rounded Icon
-----------------------------------------------------------------*/

.divider.bpdiv.divider-rounded { color: #BBB; }

.divider.bpdiv.divider-rounded:after,
.divider.bpdiv.divider-rounded.divider-center:before,
.divider.bpdiv.divider-rounded.divider-short:before,
.divider.bpdiv.divider-border:after,
.divider.bpdiv.divider-border.divider-center:before,
.divider.bpdiv.divider-border.divider-short:before {
    top: 19px;
    left: 40px;
}

.divider.bpdiv.divider-rounded i,
.divider.bpdiv.divider-border i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #F5F5F5;
    border-radius: 50%;
}

.divider.bpdiv.divider-rounded.divider-right:after,
.divider.bpdiv.divider-border.divider-right:after {
    left: auto;
    right: 40px;
}


/* Divider - Rounded & Border
-----------------------------------------------------------------*/

.divider.bpdiv.divider-border { color: #E5E5E5; }

.divider.bpdiv.divider-border i {
    line-height: 38px;
    background-color: transparent;
    border: 1px solid #EEE;
}


/* Divider - Line Only
-----------------------------------------------------------------*/

.divider.bpdiv.divider-line:before,
.divider.bpdiv.divider-line:after {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


.flexcolend{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.slider .swiper-slide .slider-caption:not(.dark), .slider-caption:not(.dark) h2, .slider-caption p{
    color: #fff;
}

.dark .slider-caption h2{
    text-shadow: 1px 1px 1px rgb(0 0 0 / 15%);
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 700;
}

.slider11 .slider-caption h2, .slider11 .dark .slider-caption h2 {
    color: #333;
    text-shadow: none;
    font-size: 40px;
    font-weight: normal;
    text-transform: none;
}
.swiper-slide .slider-caption:not(.dark), .slider-caption:not(.dark) h2, .slider-caption p {
    color: #fff;
}
.slider11 .swiper-slide .slider-caption:not(.dark), .slider11 .slider-caption:not(.dark) h2, .slider11 .slider-caption p{
    color: #333;
}

@media (max-width: 991px){
    .newsletter1 #primary-menu ul.count11 > li{
        width:100%;
    }
}


#content01 a.btn {
    height: auto;
    white-space: normal;
}

#slider .button.button-border {
    height: auto;
    white-space: normal;
}

@media screen and (max-width: 769px) {
    #content01 a.btn {
        padding: 5px 40px;
        line-height: 30px;
    }
    #slider .button.button-border {
        line-height: normal !important;
        padding: 5px 20px;
    }
}

@media (max-width: 576px){
    .button.syncmobile{
        white-space: nowrap;
    }
}

.margin-top-20{
    margin-top:20px !important;
}

#aboveFoot {
    display: block;
}

#aboveFoot .acknowledgeFooter{
    padding: 20px;
    text-align: center;
    margin-bottom: -50px;
    background: #eee;
    margin-top: 50px;
}

@media (max-width: 576px){
  #aboveFoot .acknowledgeFooter{
    margin-bottom: 0px;
  }  
}

.sidepanel-ads-wrapper p {margin:0;}

.event-list-wrap3 ul li h3 {margin-top:0;}

.fluid-width-video-wrapper {
    width: 100%;
    position: relative;
    padding: 0;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.blurb .tile-content table.NoBorder td {
    border:none;
}
.slide-number {
    display:none;
}


.built-by {
	width: 150px;
	height: 70px;
	background: url('../SZ_Full_Colour_powered.png') center center transparent;
	margin: 50px auto;
}

@media (max-width:769px){
    #slider1 .backgroundImg{
    filter: blur(0);
    -webkit-filter: blur(0);
   
    }
}

.footer-9 h2 {font-size:18px;}


#slider1 .slider-caption .overlayBg{ background:none; }

.accessibilityActive #slider1 .darkOverlay {
  background: rgba(0,0,0,0.7);
}

nav#primary-menu h3 {
    display:none;
}

aside.sidebar.nobottommargin.d-none.d-lg-block.clearfix h2{
    font-size: 18px;
}

.lb-next span, .lb-prev span {text-indent:-99999px;}

.cbContent .pdf-viewer-heading, .cbContent .pdf-viewer-heading:hover  {
    background-color:currentColor;
}

.learnersFirst img {width:100%; max-width:350px;}


#tasDoeHeader #learnersFirstLogo img{
     width:100%; max-width:350px;
}

.is_home.side-header #primary-menu ul > li.sub-menu > a:after, .is_internal.side-header #primary-menu ul > li.sub-menu > a:after{
    display:none;
}


/*body:not(.is_home):not(.is_internal) #content01 .content-wrap a:not(.sz-web-a):not(.btn):not(.button):not(.pdf-viewer-link):not(.txt-main.share-link):not(.title){
    text-decoration:underline !important;
}*/
@media (min-width: 992px){
    .side-header #primary-menu ul li a {
    	text-transform: none;
    }
}
#content01 .content-wrap .articleAnchors a:hover{
    color:#333;
}

.cbContent table td, 
.cbContent table th{
    text-align: inherit;
}
.cbContent table p{
    text-align: inherit;
}
#Offline .archive-list li a:hover{
    color:#333;
}
.postcontent a:hover:not(.button):not(.btn):not(.sz-web-a){
    color:#333;
}
.tiles_6 .hideMore {
    display:none;
}

.event-list .event-name a:hover, .sidebar a:hover{
    color: inherit;
}


/* Print fixes for CB */
.page_template.cbContent .content{
    padding-top: 20px;
}
 
.page_template.cbContent h1,
.page_template.cbContent h2,
.page_template.cbContent h3,
.page_template.cbContent h4,
.page_template.cbContent h5,
.page_template.cbContent h6 {
    margin: 20px 0 10px;
    text-align: left;
}

.page_template.cbContent h1{
    font-size:16px !important;
    font-style: italic;
    font-weight:bold;
}

.page_template.cbContent table td, .page_template.cbContent table th{
    padding: 5px 10px;
}

.page_template.cbContent .wysiwyg.sz-web-link,
.page_template.cbContent .pdf-viewer-heading{
    outline:none !important;
    border:none !important;
    background:none !important;
}

.page_template.cbContent .cbImage figure{
    text-align:left !important;
} 

.page_template.cbContent .pdf-viewer-heading, .page_template.cbContent .wysiwyg a {  
     border-left: none;  
 }  

.page_template.cbContent .wysiwyg.sz-web-link a:hover, .page_template.cbContent .pdf-viewer-heading:hover {  
     border-left:none;
} 
