/*
Theme Name: DIIP
Theme URI: http://m2media.com.au
Author: Cassie Selin, M2Media
Author URI: http://m2media.com.au
Description:
Version: 7.0
*/
/*Sep 2019 CSS BEGIN*/
.pageOverflowEnable{overflow:overlay !important}
.pageOverflowEnable .site-header ul li a{padding-left : 1em !important;}
.pageOverflowEnable #menu-contact-menu li {display: block !important; }
/*.pageOverflowEnable ul#menu-contact-menu {width:150%;}
.pageOverflowEnable ul#menu-main-menu { width:150%;}
.pageOverflowEnable .social-links  { width: -webkit-fill-available; padding-left: 20%;}
.pageOverflowEnable #menu-contact-menu li {display: block !important; }*/


body{
    overflow-x: hidden;
    position: relative;
}
.page-content .page-content-inner{
    overflow-wrap: break-word;
}
.circle-menu {
    margin: 0 auto;
}

@media only screen and (max-width: 790px) {
    .circle-menu {
        width: 50%;
    }

    .wysiwyg {
        margin-right: 20px !important;
    }
}

p.stb {
    text-indent: 0;
    margin-top: 0.83em
}

p.mtb {
    text-indent: 0;
    margin-top: 2.17em
}

p.ltb {
    text-indent: 0;
    margin-top: 3.08em
}

.fadein {
    opacity: 0;
  /*  -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;*/
}
.fixedZoom {
    zoom: 1 !important;
    position: absolute;
}

html.loaded .fadein {
    opacity: 1 !important;
}

h2.job-section-title.search-title {
    margin: .5em auto 1em auto;
}

.page-content.dark-green h2.circle-title {
    background-color: #8dc63f;
    color: #000;
}

body.zoom-14 #page,
body.zoom-14 #mobile-menu{
    zoom: 1.4;
    -ms-zoom: 1.4;
}
body.zoom-13 #page,
body.zoom-13 #mobile-menu{
    zoom: 1.3;
    -ms-zoom: 1.3;
}
body.zoom-12 #page,
body.zoom-12 #mobile-menu{
    zoom: 1.2;
    -ms-zoom: 1.2;
}
body.zoom-11 #page,
body.zoom-11 #mobile-menu{
    zoom: 1.1;
    -ms-zoom: 1.1;
}
body.zoom-10 #page,
body.zoom-10 #mobile-menu{
    zoom: 1;
    -ms-zoom: 1;
}
body.zoom-09 #page,
body.zoom-09 #mobile-menu{
    zoom: 0.9;
    -ms-zoom: 0.9;
}
body.zoom-08 #page,
body.zoom-08 #mobile-menu{
    zoom: 0.8;
    -ms-zoom: 0.8;
}
body.zoom-07 #page,
body.zoom-07 #mobile-menu{
    zoom: 0.7;
    -ms-zoom: 0.7;
}
body.zoom-06 #page,
body.zoom-06 #mobile-menu{
    zoom: 0.6;
    -ms-zoom: 0.6;
}

.contrastHigh a {
    background-color: #040000 !important;
    color: #00FFFF !important;
}

.contrastHigh .circle,
.contrastHigh .page-content,
.contrastHigh .page-content-inner,
.contrastHigh .page-content.dark-green,
.contrastHigh h1.circle-title {
    background-color: #040000 !important;
    color: #fff !important;
}

.contrastHigh a:before,
.contrastHigh .circle:before,
.contrastHigh .page-content:before,
.contrastHigh .page-content-inner:before,
.contrastHigh .page-content.dark-green:before,
.contrastHigh h1.circle-title:before {
    background-color: #040000 !important;
    color: #fff !important;
}

.contrastHigh h1,
.contrastHigh h2,
.contrastHigh h3,
.contrastHigh blockquote {
    color: #50d0a0 !important;
    background-color: #000 !important;
}

.contrastHigh ul.checklist li:before {
    background-image: url(./img/icons/checked-box-white.svg) !important;
}

.contrastHigh .site-footer {
    background-color: #fff !important;
    color: #000;
}


.black-class {
    background-color: #040000 !important;
    color: #fff !important;
}

.black-class:before {
    background-color: #040000 !important;
}

.black-classli:before {
    background-image: url(./img/icons/checked-box-white.svg) !important;
}

.h1Blue {
    color: #50d0a0 !important;
    background-color: #000 !important;
}

.white-class {
    background-color: #fff !important;
    color: #000 !important;
    transition: opacity 1s ease-in-out;
}

.white-class:before {
    background-color: #fff !important;
    transition: opacity 1s ease-in-out;
}

.white-classli:before {
    background-image: url(./img/icons/checked-box-black.svg) !important;
    transition: opacity 1s ease-in-out;
}

/*Sep 2019 CSS END*/
body {
    /* -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transition: -webkit-transform 500ms;
    -webkit-text-size-adjust: auto; */
}

body #page {
    /* -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000;
    -webkit-transition: -webkit-transform 500ms;
    -webkit-text-size-adjust: auto; */
}

#mobile-menu {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transition: -webkit-transform 500ms;
    -webkit-text-size-adjust: auto;
}

.feature-image {
    -webkit-perspective: 1000;
    -webkit-transition: -webkit-transform 500ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.accessibility-wrapper {
    position: fixed;
    
    /*position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
	position:sticky;
	margin-top: -14em;
	padding-left: 85%;
	transform: transformY(-50%);
	
	*/

    /**/
    float: right;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;

    right: 0;

    z-index: 999;
    /* transition: top 0.2s linear; */
}

.accessibility-wrapper .inner-wrapper {
    position: relative;
}

.accessibility-wrapper .item,
.accessibility-wrapper .toggle-drawer {
    display: block;
    text-align: center;
    cursor: pointer;
    width: 45px;
    height: 45px;
    padding: 5px;
    margin-bottom: 5px;
    background-color: rgba(255, 255, 255, 1);
    ;
}

.accessibility-wrapper .toggle-drawer {
    display: none;
}

.accessibility-drawer {
    position: fixed;
    font-size: 14px;
    top: 40%;
    right: 0;

    z-index: 999;

}

.accessibility-drawer .inner-wrapper {
    position: relative;
}

.accessibility-drawer .item {
    display: block;
    text-align: center;
    cursor: pointer;
    width: 45px;
    height: 45px;
    padding: 5px;
    margin-bottom: 5px;
    background-color: rgba(255, 255, 255, 0.5);
    ;
}

.accessibility-wrapper .item:first-child {
    border-top-left-radius: 5px;
}

.accessibility-wrapper .item:last-child {
    border-bottom-left-radius: 5px;
}

.accessibility-icon {
    width: 50%;
    height: 50%;
}

.accessibility-icon:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
}

.accessibility-icon.zoom-in:before {
    background: url('./img/icons/zoom-in.svg') center center no-repeat;
    background-size: contain;
}

.accessibility-icon.zoom-out:before {
    background: url('./img/icons/zoom-out.svg') center center no-repeat;
    background-size: contain;
}

.accessibility-icon.contrast:before {
    background: url('./img/icons/contrast24.svg') center center no-repeat;
    background-size: contain;
}

.accessibility-icon.greyscale:before {
    /*background: url('./img/icons/greyscale.svg') center center no-repeat;*/
    background: url('./img/icons/grayscale-icon-2.svg') 4px center no-repeat;
	height: 85%;
	background-size: contain;
}

.accessibility-icon.toggle:before {
    background: url('./img/icons/accessibility.svg') center center no-repeat;
    background-size: contain;
}

@media(max-width: 767px) {
    .accessibility-wrapper{
        right: -65px;
    }
    .accessibility-wrapper.open{
        right: 0;
    }
    .accessibility-wrapper .inner-wrapper {
        background: #cecece;
        padding: 10px 10px 10px 10px;
    }
    .accessibility-wrapper .toggle-drawer {
        display: block;
        position: absolute;
        top: 0;
        left: -45px;
        background: #cecece;
    }
    .mm-wrapper_opened .accessibility-wrapper {
        display: none;
    }
    .site-footer .container{
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}