/* Hide read only notification */
#status_preview{
	display: none;
}

.print-only {
    display: none;
    visibility: hidden;
}

/*----------------------------
        FONTS
----------------------------*/

body {
    font-family: 'OpenSans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    /*Base font size*/
    line-height: 1.428571429;
    color: #333333;
    background-color: #ffffff;
    letter-spacing: 0.02em;
}

.ms-cui-ribbon,
.ms-cui-menu,
.ms-cui-toolbar-toolbar,
div.ms-dlgLoadingTextDiv .ms-accentText,
.ms-core-navigation,
.ms-textLarge,
.ms-core-listMenu-verticalBox>.ms-core-listMenu-root>li>.ms-core-listMenu-item,
.ms-core-listMenu-verticalBox>.ms-core-listMenu-root>li>.ms-core-listMenuEdit,
.ms-core-listMenu-heading,
.ms-tv-header,
.ms-srch-ellipsis,
.ms-ellipsis,
.ms-largeNumber,
.ms-core-pageTitle,
.ms-core-pageTitle a {
    font-family: 'OpenSans', Helvetica, Arial, sans-serif;
    letter-spacing: 0.02em;
}

.ms-rtestate-field p,
p.ms-rteElement-P,
p,
.ms-rteStyle-Normal,
.ms-core-defaultFont,
#pageStatusBar,
.ms-status-msg,
.js-callout-body,
.ms-metadata,
.ms-descriptiontext,
.ms-secondaryCommandLink,
a {
    font-family: 'OpenSans', "Helvetica", Arial, sans-serif;
    font-size: 1em;
    letter-spacing: 0.02em;
}

.ms-webpart-titleText.ms-webpart-titleText,
.ms-webpart-titleText>a {
    font-family: 'OpenSans', "Helvetica", Arial, sans-serif;
    color: #000;
    letter-spacing: 0.02em;
}

h2,
.ms-h2,
.ms-rtestate-field h2,
h2.ms-rteElement-H2,
h3,
.ms-h3,
.ms-rtestate-field h3,
h3.ms-rteElement-H3,
h4,
.ms-h4,
.ms-rtestate-field h4,
h4.ms-rteElement-H4,
h5,
.ms-h5,
.ms-rtestate-field h5,
h5.ms-rteElement-H5 {
    margin-top: 20px;
    color: #0c4b77;
}

h1,
.ms-h1,
.ms-rtestate-field h1,
h1.ms-rteElement-H1,
h2,
.ms-h2,
.ms-rtestate-field h2,
h2.ms-rteElement-H2,
h3,
.ms-h3,
.ms-rtestate-field h3,
h3.ms-rteElement-H3,
h4,
.ms-h4,
.ms-rtestate-field h4,
h4.ms-rteElement-H4,
h5,
.ms-h5,
.ms-rtestate-field h5,
h5.ms-rteElement-H5 {
    font-family: 'OpenSans', "Helvetica", Arial, sans-serif;
    color: #0c4b77;
    line-height: 1.1;
    text-rendering: optimizelegibility;
    letter-spacing: 0.02em;
}

h1,
h2,
h3,
.ms-rtestate-field h1,
h1.ms-rteElement-H1,
h2,
.ms-h2,
.ms-rtestate-field h2,
h2.ms-rteElement-H2,
h3,
.ms-h3,
.ms-rtestate-field h3,
h3.ms-rteElement-H3,
h4,
.ms-h4,
.ms-rtestate-field h4,
h4.ms-rteElement-H4,
h5,
.ms-h5,
.ms-rtestate-field h5,
h5.ms-rteElement-H5 {
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    color: #0c4b77;
    /*letter-spacing: -.5px;*/
    font-weight: normal;
    letter-spacing: 0.02em;
}

h1,
.ms-h1 {
    margin: 0px 0px .6em;
    letter-spacing: 0.02em;
}

h2 {
    font-size: 1.7em;
    letter-spacing: 0.02em;
}

h3.ms-rteElement-Leadin {
    -ms-name: "Lead In";
    color: #28343B;
    font-weight: 200;
    line-height: 1.5;
    font-size: 1.4em;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    letter-spacing: 0.02em;
}

h3 {
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    letter-spacing: -0.02em;
}

h2,
.ms-h2,
.ms-rtestate-field h2,
h2.ms-rteElement-H2,
.modal-header,
.nav-accordion-title {
    font-size: 1.6em;
    letter-spacing: 0.02em;
}

h3,
.ms-h3,
.ms-rtestate-field h3,
h3.ms-rteElement-H3 {
    font-size: 1.4em;
    letter-spacing: 0.02em;
}

p {
    font-family: 'OpenSans', "Helvetica", Arial, sans-serif;
    letter-spacing: 0.02em;
}

.ms-webpart-titleText.ms-webpart-titleText,
.ms-webpart-titleText>a {
    color: #000;
    font-family: 'OpenSans', "Helvetica", Arial, sans-serif;
    font-weight: 600;
    padding-bottom: 10px;
    overflow: visible;
    letter-spacing: 0.02em;
}

.ms-webpart-titleText.ms-webpart-titleText,
.ms-webpart-titleText>a,
.ms-linksection-title,
.ms-sectionheader,
.modal-header {
    color: #000;
    font-family: 'OpenSans', Helvetica, Arial, sans-serif;
    font-weight: normal;
    letter-spacing: 0.02em;
}


/*------------------------
		COMMON
------------------------*/

.touch-toggle {
    border-bottom: none !important;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal !important;
    font-size: 1.4em !important;
    color: #424242;
}

a,
a:link,
a:visited {
    color: #0a6da6;
}

a:hover,
a:focus {
    color: #0694cb;
}

.wbp {
    padding-bottom: 0;
}

.ms-webpart-titleText nobr span {
    white-space: normal !important;
}

.ms-webpart-chrome {
    padding-bottom: 1.0em;
}

.ms-webpart-titleText.ms-webpart-titleText,
.ms-webpart-titleText>a {
    text-overflow: inherit;
}

.ms-rtestate-field p,
p.ms-rteElement-P {
    margin: 0px 0px 10px;
    line-height: 1.7;
}

#mainbody {
    border-radius: 0 5px 0 0 !important;
    background: transparent;
}

#mainbody a {
    text-decoration: underline;
}

#mainbody a.btn,
#mainbody .profile a {
    text-decoration: none;
}

#mainbody a.btn:hover,
#mainbody a.btn:focus,
#mainbody .profile a:hover,
#mainbody .profile a:focus {
    text-decoration: underline;
}

.ms-srch-group-clear {
    display: none !important
}

.ms-webpart-titleText.ms-webpart-titleText,
.ms-webpart-titleText>a {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 10px;
    font-family: 'OpenSans', sans-serif !important;
    font-size: 1.6em;
}

.aside-links .ms-webpart-titleText.ms-webpart-titleText,
.aside-links .ms-webpart-titleText>a {
    font-size: 1.3em;
}

.ms-webpart-titleText>a {
    border-bottom: 0;
}

.bc-horizontal.divider span {
    background: #fff none repeat scroll 0 0;
    color: #000;
    display: inline-block;
    font-size: 25px;
    font-weight: 200;
    /*letter-spacing: -1px;*/
    padding: 0 1em;
    position: relative;
    z-index: 99;
}

.bc-horizontal.divider {
    height: auto;
    left: 0;
    line-height: 1;
    margin: 3rem 1.5rem;
    padding: 0;
    position: relative;
    top: 0;
}

.bc-horizontal.divider::after,
.bc-horizontal.divider::before {
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    content: " ";
    height: 0;
    position: absolute;
    top: 50%;
    width: 50%;
    z-index: 3;
}

.bc-horizontal.divider::before {
    left: 0;
    margin-left: -1.5rem;
}

.bc-horizontal.divider::after {
    left: auto;
    margin-right: -1.5rem;
    right: 0;
}

.bc-text-center {
    text-align: center;
    display: block;
}

.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.ms-storefront-appiconspan {
    background: #0a6da6;
}

.ms-viewheadertr {
    background: #024166;
}

.ms-headerCellStyleHover,
.ms-headerCellStyleMenuOpen {
    background: #015D91;
}

input[type="button"],
input[type="reset"],
input[type="submit"],
button:not(.customButton),
.btn,
a.btn,
a.btn:visited,
.btn.btn-default,
.page-error .btn-base {
    background: #1B83C3 !important;
    display: inline-block;
    padding: .2em 1.2em .2em;
    border-radius: 4px;
    color: #FFF !important;
    line-height: 24px;
}

a.btn.sm {
    padding: 3px 10px;
}

a.btn.round {
    border-radius: 30px;
}

a.btn:hover {
    background: #0586b8 !important;
}

a.btn.large {
    text-transform: uppercase;
    font-size: .875em;
    padding: 5px 25px;
}

.border-left {
    border-left: 1px solid #efefef;
}

.border-right {
    border-right: 1px solid #efefef;
}

.icon.large.circle {
    background: #024166;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    margin: 0 auto .5em auto;
    text-align: center;
}

.icon.large.circle i {
    color: #FFF;
    line-height: 100px;
    font-size: 50px;
    width: 100%;
}
.no-underline a {
    text-decoration: none !important;
}
.no-underline a:hover {
    text-decoration: underline !important;
}


/****skip links webaim****/


/*.assistance-label{
	border: 0px none;
	clip: rect(0px, 0px, 0px, 0px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0px;
	position: absolute;
	width: 1px;
	color: #FFF;
	font-size: 1.3em;
	margin: 0.83em .5em
}*/


/****screen reader only****/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

#pageTitle {
    display: none;
}

.ms-linksection-listItem a,
.ms-vb a:link,
.ms-vb2 a:link,
.ms-vb-user a:link,
.ms-accentText,
.ms-accentText:visited,
.ms-link:visited,
.ms-vb a,
.ms-vb-2 a {
    color: #015D8E !important;
}

.js-callout-footerArea,
.ms-vl-callout-beak {
    background-color: #fff;
}

.js-callout-action {
    text-decoration: underline;
}

figure.bannerimage div.ms-rtestate-field img {
    margin-bottom: 20px;
}


/*-------------------------------
        IE SVG Display
-------------------------------*/

.ie9 img[src*=".svg"] {
    width: 100%;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    img[src*=".svg"] {
        width: 100%;
    }
}


/*-------------------------------
        COLOURS
-------------------------------*/

.bg-light-grey {
    background: #F5F5F5;
    margin-bottom: 2.0em
}

.bg-texture {
    background-image: url(/PublishingImages/bg-content-abstract.png);
    background-position: -30% 0%;
    background-repeat: no-repeat;
}

.pg-texture {
    background: transparent url(/PublishingImages/bg-head-right-abstract.png) no-repeat scroll 100% -100px;
    padding-top: 1.0em;
}

.hme-announce .section {
    padding: 1em 15px;
    position: relative;
}

.hme-announce .ms-wpContentDivSpace {
    position: static;
}

.hme-announce .section a.btn.round {
    position: absolute;
    bottom: 15px;
    right: 15px;
    padding: 1px 10px;
}

.hme-announce .section.border-left.border-right {
    box-shadow: 0px 0px 0px 2px #fff;
}

.hme-announce .ms-srch-result-noResults {
    padding-left: 0;
}

.hme-announce.ms-srch-result-noResults+a.btn.round {
    margin-top: 15px !important;
}

.feature .item a {
    display: block;
}


/*-------------------------------
        PAGE - NEWS
-------------------------------*/

.news .image.pull-right {
    padding: .8em;
    width: 40%;
}

.news .image {
    margin-bottom: 1.0em;
}
.item.news-rollup{
	padding-bottom: 20px;
}

.news-rollup .thumbnail .caption{
	min-height: 88px;
}
.thumbnail .caption .label {
    margin: 0 auto;
    width: auto;
}
.item.news-rollup .thumbnail:hover {
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.3);
}
.news-rollup .thumbnail .caption h3 {
    font-size: 1.2em;
}
.news-rollup .thumbnail img {
    width: 100%;
}
.cbs-picture3LinesContainer h2{
	margin-top: 0;
}
.cbs-picture3LinesContainer{
	padding: 15px;
}

/*-------------------------------
        EVENTS
-------------------------------*/

#news,
#events,
#ini {
    padding-top: .5em;
    padding-bottom: 1.5em;
}

#news .date {
    font-size: .9em;
    display: block;
    color: #424242;
    padding-bottom: .2em;
}

#events .date {
    float: left;
    display: inline-block;
    color: #02476f;
    font-size: 1.5em;
    width: 15%;
    text-align: center;
    background: #fff;
    max-width: 50px;
    box-sizing: border-box;
    float: left;
    text-align: center;
}

#events .date span {
    background: #cbcbcb;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
}

#events .date #feed .item {
    margin-bottom: 1.0em;
}

.feed .item h3,
.feed .item h4 {
    font-size: 1.1em;
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    margin: 5px 0 0 0;
}

.feed .item p {
    line-height: normal;
    margin: 0;
    padding-top: .5em;
}

.feed .item {
    margin-bottom: .5em;
    padding-bottom: 1.0em;
    display: inline-block;
    width: 100%;
}

.feed.news img {
    width: 100%;
    border: 3px solid #efefef;
}


/*.feed.news .item .date:before{
	 content: "\f133";
    color: #3a464c;
    font-size: 1.0em;
    font-family: FontAwesome;
}*/

.feed.news .date {
    color: #3a464c;
}

.feed.news a:hover img {
    border: 3px solid #ccc;
}

.feed.internal.news .item {
    width: 31.3333%;
    padding-left: 0;
}

.feed .item {
    margin-bottom: .5em;
    padding-bottom: 1.0em;
}

.feed .btn {
    float: right;
}

.feed ul,
.feed ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.feed ul li {
    padding: .5em 0
}

.feed .item:last-child,
.feed .item:nth-child(3) {
    border-bottom: 0px;
}

.feed .details {
    width: 85%;
    padding-left: 0.7em;
    float: left;
    /* padding-top: .5em; */
    box-sizing: border-box;
}

.feed.calendar h3 {
    padding: 0;
    margin: 0;
}

.feed .details p {
    line-height: 1.3;
    margin: 0;
}

.feed.internal.news .details {
    padding: 0px;
    width: 100%;
}

.feed.calendar .icon {
    text-align: center
}

.feed.calendar .icon i {
    background: none repeat scroll 0% 0% rgb(0, 161, 223);
    color: #FFF;
    padding: 13px;
    border-radius: 50px;
    font-size: 24px;
    width: 24px;
}

.feed.internal.news h3 {
    font-size: 1.2em;
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    font-weight: 600;
    margin: 0px;
    padding-bottom: .3em;
}

#ini a.initiative-link {
    display: block;
    padding-bottom: 10px;
}


/*-------------------------------
        HOME PAGE SLIDER
-------------------------------*/

.slider .slick-slider {
    min-height: 0;
}

.slider a.btn.large {
    margin-top: 35px;
}

.slider .slider-container.slick-initialized .slick-slide {
    background: #fff;
    border-top-right-radius: 0px;
    display: table;
}

.slider .ms-webpart-zone,
.slider .ms-webpartzone-cell,
.slider .ms-webpart-chrome-vertical {
    display: block;
}

.slider .wbp {
    padding: 0;
}

/* FIX INC9909680 */
/*.slider .wbp>.ms-webpart-zone {
    box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.2), 2px 0px 10px 0 rgba(0, 0, 0, 0.19);
}*/

.slider .wbp .slider {
    box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.2), 2px 0px 10px 0 rgba(0, 0, 0, 0.19);
}
/* end FIX INC9909680 */

.slider {
    padding-left: 0;
}

.slider .ms-webpart-chrome-vertical {
    padding: 0;
}

.slider .slider-container .slick-dots {
    display: none;
}

.slider .slider-container .dots-container {
    background: transparent;
    border-radius: 20px;
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    float: right;
    border-radius: 0;
}

button.customButton.slick-next:before {
    content: "\f105";
    font-size: 20px;
    line-height: 20px;
}

button.customButton.slick-prev:before {
    content: "\f104";
    font-size: 20px;
    line-height: 20px;
}

.z1SliderPlayPause.pause:before,
.z1SliderPlayPause.play:before {
    font-size: 14px;
}

button.customButton.slick-prev,
button.customButton.slick-next,
button.customButton.slick-prev:hover,
button.customButton.slick-next:hover,
button.customButton.slick-prev:focus,
button.customButton.slick-next:focus {
    background: transparent;
    color: #67747d;
    width: auto;
    height: auto;
    padding: 0 5px;
}

button.customButton.customButtonHover.z1SliderPlayPause {
    padding: 0px 5px;
    color: #015D91;
}

button.customButton.customButtonHover.z1SliderPlayPause:hover,
button.customButton.customButtonHover.z1SliderPlayPause:focus,
button.customButton.slick-prev:hover,
button.customButton.slick-next:hover,
button.customButton.slick-prev:focus,
button.customButton.slick-next:focus {
    background: transparent;
    border: none;
    color: #333;
}

.newslider {
    position: relative;
    overflow: hidden;
    background: #FFF;
    border-radius: 0 5px 5px 0;
}

.newslider .flex-direction-nav {
    position: absolute;
    bottom: 0;
    height: 24px;
    width: 655px;
    position: absolute;
    top: 45%;
    left: 5px;
    right: 0;
}

.induction-home .newslider .flex-direction-nav {
    width: 470px;
}

.newslider .flex-direction-nav .flex-prev {
    left: 3px;
}

.newslider .flex-direction-nav .flex-next {
    right: 3px;
}

.newslider .flex-direction-nav i {
    font-size: 30px;
    color: #FFF;
}

.flex-direction-nav a {
    width: auto;
    height: auto;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    text-align: center;
    padding: 1px 9px 2px 8px;
}

.newslider .flex-direction-nav .flex-next {
    text-align: center;
}

.flex-pauseplay a::before {
    color: #fff;
}

.newslider .flex-control-paging li a {
    width: 8px;
    height: 8px;
    display: block;
    background: #fff;
    background: rgba(255, 255, 255, 1.0);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.newslider .flex-control-paging li a:hover {
    background: #63b3e8;
    background: rgba(99, 179, 232, 1, 0);
}

.newslider .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -30px;
    text-align: center;
    display: none;
}

.newslider .caption .btn {
    text-transform: uppercase;
    margin: 2.0em 0 0 0 !important;
    padding: .4em 1.5em;
    font-size: 12px;
}

.slider .slider-container .caption p {
    line-height: 1.3;
    padding: 0;
}

.newslider .flex-control-nav li {
    margin: 0 4px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.newslider .flex-control-paging li a.flex-active {
    background: #63b3e8;
    background: rgba(99, 179, 232, 0.7);
    cursor: default;
}

.slider .slider-container h2 {
    color: #0A6DA6;
    font-weight: 600;
}

.slider .slider-container p {
    padding: 0;
    margin: 0;
}

.newslider a {}

.newslider .flexitem {
    max-height: 336px;
    position: relative;
    overflow: hidden
}

.newslider .flex-pauseplay {
    position: absolute;
    bottom: 28px;
    left: -44px;
}

.flex-pauseplay a {
    bottom: -27px;
    left: 505px;
}

.slider .slide-image {
    display: table-cell;
    max-width: 100%;
    /* background: #efefef; */
    padding: 0;
    box-sizing: border-box;
    vertical-align: top;
}

.slider .caption {
    min-height: 70px;
    padding: 1em 15px;
    box-sizing: border-box;
    vertical-align: top;
}

.row.landing .slider {
    box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.2), 2px 0px 10px 0 rgba(0, 0, 0, 0.19);
}

.row.landing .slider .slider-container .caption {
    padding: 1em 15px;
}


/*------------------------
		HEADER
------------------------*/

.header-container {
    height: auto;
    background: #FFF;
}

.nav-mainContainer {
    background: #015d91;
    margin-bottom: 0 !important;
    position: relative;
}

#topnavbar {
    text-align: left;
}

.tp-header {
    position: relative;
}

.tp-header .row {
    position: relative;
}

.tp-header .container {
    border: 0;
}

.gbl-tools {
    min-width: 0;
}

.gbl-tools .ms-siteactions-imgspan:after {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    top: 0
}

.gbl-tools .actions:hover {
    background: #fff;
}

.gbl-tools .actions:hover .ms-siteactions-imgspan:after,
.gbl-tools .actions:focus .ms-siteactions-imgspan:after {
    color: #1B83C3;
}

.tp-header {
    color: #5F5F60;
    padding: 0;
    display: inline-block;
    width: 100%;
    height: 25px;
}

.gbl-tools .ms-siteactions-imgspan:after {
    line-height: 28px;
    color: #333;
}

.logo {
    margin: 14px 5px;
}

.gbl-tools {
    background: transparent;
    border: 0;
}

.gbl-tools .user {
    background: #fff;
}

.gbl-tools .actions {
    border-left: 1px solid #FFF;
    background: #ffffff;
}

.ms-siteicon-img {
    height: 85px;
    max-width: none;
}

.deptname {
    margin-top: -20px;
    padding-bottom: 10px;
    text-align: right;
}

.deptname>a>img {
    width: 186px;
    height: 19px;
}


/*Newsletter rollup CSS */

.newsletter-container {
    box-sizing: border-box;
    margin-bottom: 15px;
}

.newsletter-rollup-summary {
    float: left;
    text-align: center;
    width: 100px;
    vertical-align: middle;
    background-color: #efefef;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.newsletter-rollup-item.item {
    position: relative;
    border: 2px solid #EFEFEF;
    border-radius: 4px;
    box-sizing: border-box;
}

.newsletter-latest .newsletter-rollup-summary {
    position: absolute;
    top: 0px;
    bottom: 0px;
    box-sizing: border-box;
    left: 0px;
    width: 150px;
    border-radius: 4px 0 0 4px;
}

.newsletter-rollup-container .thumbnail {
    padding: 0;
    height: 92px !important;
}

.newsletter-rollup-container .newsletter-latest.thumbnail {
    height: 142px !important;
    margin: 0;
}

.newsletter-rollup-summary a {
    text-decoration: none !important;
    min-height: 100%;
    display: block;
}

.newsletter-rollup-wrapper.newsletter-latest.thumbnail {
    border: 2px solid #EFEFEF;
    position: relative;
    box-sizing: border-box;
}

.newsletter-rollup-summary a:hover,
.newsletter-rollup-summary a:focus {
    text-decoration: underline !important;
}

.newsletter-rollup-summary h3 {
    /* font-size: 20px; */
    /* padding: 2px; */
    /* font-weight: bold; */
    /* position: relative; */
    /* top: -2px; */
}

.newsletter-rollup-summary h3 {
    position: relative;
    top: 21px;
    /* line-height: 56px; */
    padding: 0 5px;
}

.newsletter-latest .newsletter-rollup-summary h4 {
    position: relative;
    top: 21px;
    /* line-height: 56px; */
    padding: 0 5px;
    color: #fff;
}

.newsletter-rollup-summary h4 {
    color: #333;
    position: relative;
    top: 21px;
}

.newsletter-latest .newsletter-rollup-summary p {
    position: relative;
    top: 14px;
}

.newsletter-rollup-summary p {
    font-size: 0.9em;
    padding: 2px;
    position: relative;
    top: -10px;
}

.newsletter-rollup-text {
    padding: 10px 10px 10px 110px;
}

.newsletter-latest .newsletter-rollup-text {
    padding: 5px 5px 10px 160px;
    box-sizing: border-box;
    min-height: 140px;
}

.row.newsletter-surround {
    background: url("img/white_wave.png") repeat scroll 0% 0%;
    padding: 10px !important;
    margin: 0 !important;
}

.row.newsletter-surround .newsletter-rollup-item {
    padding: 0px;
}

.newsletter-rollup-image {
    float: right;
    padding: 15px;
}

.newsletter-rollup-image img {
    width: 125px;
}

.newsletter-latest .newsletter-rollup-summary {
    background-color: #015D91;
}

.newsletter-latest .newsletter-rollup-summary h3,
.newsletter-latest .newsletter-rollup-summary p {
    color: white;
    font-weight: 300;
}

.newsletter-rollup-text .newsletter-byline {
    margin: 0;
    font-weight: 600;
    font-size: 1.1em;
    text-decoration: none !important;
}

.newsletter-rollup-anchor {
    display: block;
    text-decoration: none !important;
}

.newsletter-rollup-anchor:hover .newsletter-byline,
.newsletter-rollup-anchor:focus .newsletter-byline {
    text-decoration: underline !important;
}

.newsletter-rollup-anchor:hover .newsletter-rollup-item.item,
.newsletter-rollup-anchor:focus .newsletter-rollup-item.item,
.newsletter-rollup-anchor:hover .newsletter-rollup-wrapper.newsletter-latest.thumbnail,
.newsletter-rollup-anchor:focus .newsletter-rollup-wrapper.newsletter-latest.thumbnail {
    border-color: #d7d7d7;
}

.newsletter-rollup-text .label {
    float: right;
    width: auto;
    margin: 0;
}

.newsletter-rollup-summary h3 {
    color: #000;
    font-weight: 300;
}

.newsletter-rollup-summary a:hover h3,
.newsletter-rollup-summary a:focus h3 {}

.newsletter-rollup-summary .summary-middle {
    vertical-align: middle;
    bottom: 0;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    color: #333;
}

.newsletter-rollup-wrapper.newsletter-latest .newsletter-rollup-summary .summary-middle {
    color: #fff;
    font-size: 1.3em;
    top: 30%;
}

.newsletter-rollup-wrapper.newsletter-latest .newsletter-byline {
    font-size: 1.2em;
}

.newsletter-rollup-summary .summary-middle span {
    display: block;
}


/* ellipsis overflow for newsletter page */

.newsletter-rollup-text .ellipsis {
    overflow: hidden;
    line-height: 18px;
    font-size: .9em;
    height: 54px !important;
}

.newsletter-rollup-text p {
    margin-bottom: 0px;
    color: #666;
}

.newsletter-rollup-text .ellipsis:before {
    content: "";
    float: left;
    height: 54px;
    width: 5px;
}

.newsletter-rollup-text .ellipsis>*:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
}

.newsletter-rollup-text .ellipsis:after {
    content: "\02026";
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right;
    position: relative;
    top: -18px;
    left: 100%;
    width: 3em;
    margin-left: -3em;
    padding-right: 5px;
    text-align: right;
    background-size: 100% 100%;
    /* 512x1 image,gradient for IE9. Transparent at 0% -> white at 50% -> white at 100%.*/
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}


/* ellipsis overflow for detail page */

.newsletter-latest .newsletter-rollup-text .ellipsis {
    height: 110px !important;
    font-size: 1em;
    line-height: 27px;
}

.newsletter-latest .newsletter-rollup-text .ellipsis:before {
    height: 110px;
}

.newsletter-latest .newsletter-rollup-text .ellipsis:after {
    top: -27px;
}


/*----------------------
		OZPLAYER
------------------------*/

div.ozplayer-transcript blockquote {
    border-left: 0;
    margin: 0;
    padding: 0;
}

div.ozplayer-transcript blockquote p {
    font-size: 1em;
}

div.ozplayer-transcript {
    padding: 0px 15px 15px 15px;
}


/*------------------------
		SEARCH
------------------------*/

#SelectedSection .ms-core-listMenu-selected.ms-ref-filterSel.ms-displayBlock {
    color: #0074a2 !important;
}

.ms-srch-result #PagingLink a,
.ms-srch-result #PagingSelf a,
.ms-srch-result #PagingImageLink a {
    border-radius: 50px;
}

.searchbox {
    top: 12px;
}

.ms-srch-sb-borderFocused,
.ms-srch-sb-border {
    border: 0;
}

.ms-srch-sbLarge {
    background: transparent;
}

#SearchBox input[type='text'] {
    border-radius: 4px 0 0 4px;
}

.ms-srch-sb>.ms-srch-sb-searchLink:after,
.ms-srch-sbLarge .ms-srch-sb-searchLink:after {
    content: "\f002";
    color: #333;
    font-size: 16px;
    font-family: FontAwesome;
}

.ms-srch-sb>.ms-srch-sb-searchLink,
.ms-searchCenter-result-main .ms-srch-sb-navLink,
.ms-searchCenter-result-main .ms-srch-sb-searchLink,
.ms-searchCenter .ms-srch-sb-searchLink,
.ms-srch-siteSearchResults .ms-srch-sb-searchLink {
    background: transparent;
    border-radius: 0 50px 50px 0;
    width: 35px;
}

.ms-srch-sb>.ms-srch-sb-searchLink {
    position: absolute;
    right: 0;
}

.ms-srch-sb-searchLink {
    background: #015D91;
}

.searchbox .ms-srch-sb>.ms-srch-sb-navLink:hover:after {
    color: #FFF;
}

.searchbox .ms-webpart-chrome {
    padding-bottom: 0;
}

#SearchBox {
    border-radius: 50px;
    border: 0;
    height: 30px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
}

#header #SearchBox .ms-srch-sb {
    width: 255px;
}

.ms-searchCenter-result-main #SearchBox {
    height: 40px;
}

#SearchBox input[type="text"] {
    background: transparent;
}

.ms-srch-siteSearchResults .ms-srch-sb-navLink,
.ms-contentFollowing-searchBox #SearchBox .ms-srch-sb>.ms-srch-sb-navLink {
    height: 35px;
    line-height: 33px;
    margin: 0;
}

.ms-srch-sb-border:hover {
    border: none;
}

.logo {
    max-width: 275px;
}

#header #SearchBox input[type="text"],
#header #SearchBox .ms-srch-sb-navLink,
#header #SearchBox .ms-srch-sb-searchLink,
#header #SearchBox .ms-srch-sb>.ms-srch-sb-searchLink:after {
    height: 30px;
    line-height: 30px;
    font-size: .95em;
}

#header #SearchBox .ms-srch-sb>.ms-srch-sb-searchLink:after {
    color: #333;
}

.ms-srch-sb>.ms-srch-sb-searchLink:hover,
.ms-srch-sb>.ms-srch-sb-searchLink:focus {
    background: inherit;
}

#header #SearchBox .ms-srch-sb>.ms-srch-sb-searchLink:hover:after,
#header #SearchBox .ms-srch-sb>.ms-srch-sb-searchLink:focus:after {
    color: #1B83C3;
    text-decoration: none;
}

#header #SearchBox .ms-srch-sb>.ms-srch-sb-searchLink,
#header #SearchBox .ms-srch-sb>.ms-srch-sb-searchLink.searchNavigationCheckComplete:not(.searchNavigationExists),
.ms-srch-siteSearchResults #SearchBox .ms-srch-sb-searchLink,
.ms-srch-siteSearchResults #SearchBox .ms-srch-sb-searchLink.searchNavigationCheckComplete:not(.searchNavigationExists),
.ms-searchCenter-result-main #SearchBox .ms-srch-sb-searchLink,
.ms-searchCenter-result-main #SearchBox .ms-srch-sb-searchLink.searchNavigationCheckComplete:not(.searchNavigationExists),
.ms-searchCenter-main #SearchBox .ms-srch-sb-searchLink,
.ms-searchCenter-main #SearchBox .ms-srch-sb-searchLink.searchNavigationCheckComplete:not(.searchNavigationExists) {
    width: 15%;
}

#header #SearchBox .ms-srch-sb input[type="text"],
#header #SearchBox .ms-srch-sb input[type="text"].searchNavigationCheckComplete:not(.searchNavigationExists),
.ms-srch-siteSearchResults #SearchBox input[type="text"],
.ms-srch-siteSearchResults #SearchBox input[type="text"].searchNavigationCheckComplete:not(.searchNavigationExists),
.ms-searchCenter-result-main #SearchBox input[type="text"],
.ms-searchCenter-result-main #SearchBox input[type="text"].searchNavigationCheckComplete:not(.searchNavigationExists),
.ms-searchCenter-main #SearchBox input[type="text"],
.ms-searchCenter-main #SearchBox input[type="text"].searchNavigationCheckComplete:not(.searchNavigationExists) {
    width: 85%;
}

.ms-searchCenter-result-main div[id$='item_siteSearchResults'] {
    display: none;
}


/*------------------------
		TOP NAV
------------------------*/

#topnavbar ul.dynamic {
    margin-top: 1px !important;
}

#topnavbar .navbar-collapse {}

#topnavbar li.dynamic>.menu-item {
    padding: 12px 15px;
}

#topnavbar .nav li.static>.menu-item {
    border: 0;
}

#topnavbar .nav li.static>.menu-item:hover,
#topnavbar .nav li.static>.menu-item:focus {
    text-decoration: none;
    border-bottom: none;
}

#topnavbar .nav li.static>.menu-item:hover,
#topnavbar .nav li.static>.menu-item:focus {
    border-bottom: 3px solid #fff;
}

.navbar {
    min-height: 49px;
}

#topnavbar .nav li.static>.menu-item {
    padding: 12px 20px !important;
}

li.ms-core-menu-item .ms-core-menu-link:link,
li.ms-core-menu-item .ms-core-menu-link:visited {
    color: #333 !important;
}

.ms-welcome-root>.ms-core-menu-box.ms-core-menu-box,
.ms-siteactions-hover>.ms-core-menu-box.ms-core-menu-box {
    border-top: 1px solid #d1d1d1;
}

.gbl-tools .s4-clust.ms-viewselector-arrow {
    display: none !important;
}

.gbl-tools a,
.gbl-tools a:visited {
    color: #333;
}

.gbl-tools .ms-siteactions-normal>a {
    top: 5px;
}

.gbl-tools .ms-welcome-root>a.ms-core-menu-root,
.ms-signInLink {
    color: #333;
    font-size: .95em;
    font-family: OpenSans;
}

.gbl-tools .ms-welcome-root>a.ms-core-menu-root::after,
.ms-signInLink::after {
    color: #333;
    line-height: 0;
}

.nav-mainContainer #topnavbar .nav li.static.selected a.static.selected>span {
    border-bottom: 3px solid #fff;
    padding-bottom: 10px;
}

#topnavbar .topnavbar-dropdowntoggle {
    background: transparent;
    border: 0;
    border-radius: 0;
}

#topnavbar .topnavbar-dropdowntoggle:after {
    font-size: 1.4em
}

#topnavbar .nav .static.selected:after,
#topnavbar .nav li.static:hover:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 1px;
    border-color: #FFF;
}

#topnavbar .nav li .menu-item:hover,
#topnavbar .nav li .menu-item:focus {
    background: transparent;
}

#topnavbar ul.dynamic>li {
    background: #024166;
}

#topnavbar ul.dynamic>li {
    border-top: 1px solid #034c77 !important;
}

#topnavbar li.dynamic .menu-item:hover {
    background: #055787;
}

.navbar-default .navbar-toggle {
    border: 0;
    background: #fff;
    border-radius: 50px;
    margin: 0.7em 0px !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #024166;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #04507c;
}

#topnavbar .dynamic.dynamic-children {
    display: block;
    clear: both;
}

.topnavbar-dropdowntoggle.expand {
    border-radius: 0;
}

#topnavbar .topnavbar-dropdowntoggle:hover {
    background: #fff !important;
    color: #333 !important;
}


/*------------------------
		HOME
------------------------*/

.home-banner {
    padding: 35px 0 0 0;
}

.banner-left {
    background: url(/PublishingImages/bg-head-left-abstract.png) 0 100% no-repeat;
    margin-top: -1px;
}

.banner-right {
    background: url(/PublishingImages/bg-head-right-abstract.png) 100% 0 no-repeat;
}

.sectors {
    background: #FFF;
    padding: 10px;
    max-height: 336px;
}

/* Remove extra padding */
/* 
.hme-feature {
    margin-bottom: 2.5em;
} */

.hme-announce {
    margin-bottom: 5.0em;
}

.hme-grid {}

.container {
    border: 0;
}

#media h4 a:hover,
#schools h4 a:hover {
    background: #323a3e;
    color: #fff;
}

#schools,
#media {
    overflow: hidden;
}

.hero {
    width: 50%;
    height: 247px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

#schools .hero {
    border-right: 4px solid #fff;
}

#media .hero {
    border-left: 4px solid #fff;
}

.tiles .hero h3,
#media .hero h3 {
    background: #07527d;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 1.3em;
}

.tiles .hero h3 a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 11px 12px;
}

.tiles .hero h3 a:hover {
    text-decoration: underline;
}

.tiles .grid {
    width: 50%;
    box-sizing: border-box;
}

.tiles .cell-large
/*, #schools .cell-1, #schools .cell-2*/

{
    position: relative;
}

.tiles h4 {
    margin: 0;
    font-size: 16px;
    display: table;
    width: 100%
}

.tiles h4 a {
    padding: 0 15px;
    height: 130px;
    display: table-cell;
    vertical-align: middle;
    color: #000;
}

.tiles h4 a:hover {
    background: #000;
    color: #fff;
}

.tiles .cell-1 a:hover,
.tiles .cell-2 a:hover {
    background: #20272b !important;
    color: #fff !important;
}

.tiles .cell-large {
    border-bottom: 4px solid #fff;
    background: #20272b;
    color: #FFF;
}

.tiles .cell-large a {
    color: #FFF;
    line-height: 1.4em;
}

.tiles .cell-1,
.tiles .cell-2 {
    background: #e4e5e5;
}

.tiles .cell-1 {
    border-right: 4px solid #fff;
}

.tiles .cell-1,
.tiles .cell-2
/*, #schools .cell-2*/

{
    width: 50%;
    height: 113px;
    text-align: center;
    box-sizing: border-box;
}

.tiles .cell-1 h4 a,
.tiles .cell-2 h4 a {
    height: 113px;
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
}

.tiles .cell-1 h4,
#schools .cell-2 h4 {
    vertical-align: bottom;
}


/*------------------------
		NEWS
------------------------*/

.news.article .image {
    max-width: 50%;
    margin-left: 1.0em;
}

.news.article .image img {
    border: 3px solid #dbdbdb !important;
}


/*------------------------
		FOOTER
------------------------*/

#footer {
    background: #282828 url(/PublishingImages/bg-footer-abstract.png) 0 0 no-repeat;
    min-height: 55px;
    text-align: left;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: .5em;
}

#footer .container {
    background: rgba(17, 17, 17, .6);
    text-align: left;
    padding-bottom: 1.0em;
    padding-top: .5em;
}

#footer h3 {
    padding: 0.7em 0 .3em;
    margin: 0 0 .7em;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    color: #FFF;
    font-size: 1.3em;
    font-weight: normal;
}

#footer p {
    text-align: center;
    padding: 5px 0;
    color: #FFF;
    margin: 0;
}

#footer ul,
#footer ul li {
    margin: 0;
    padding: 0 0 0 1px;
    list-style: none;
    font-size: .98em;
}

#footer ul li {
    padding: .6em 0;
}

#footer a,
#footer a:visited {
    color: #FFF;
}

#footer .qgovlinks {
    background: transparent;
    padding-top: 1.0em;
    text-align: center;
}

#footer .list-inline {
    padding-left: 0px;
    list-style: outside none none;
    text-align: center;
}

#footer .list-inline>li {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    font-size: 1.0em;
}

#footer #qg-branding img {
    margin-left: auto;
    margin-right: auto;
}

.mastfooter .ms-core-listMenu-horizontalBox ul,
.mastfooter .ms-core-listMenu-horizontalBox li,
.mastfooter .ms-core-listMenu-horizontalBox .ms-core-listMenu-item,
.mastfooter .ms-core-listMenu-horizontalBox>ul>li>table {
    padding-left: 5px !important;
}

* [class^='col-'] .ms-WPBody>table img {
    width: auto;
}

.srch-Title a:link,
.srch-Title a:visited {
    font-size: 1.0em;
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
}

.ms-input-divAroundTextArea.ms-fullWidth {
    height: auto !important;
    min-height: 400px;
    width: 100% !important
}

.ms-input-divAroundTextArea.ms-fullWidth textarea {
    min-height: 400px !important;
    width: 100%;
}

.ms-dlgFrameContainer {
    padding: 0px;
}

.dfwp-list li,
.dfwp-list li .item,
.linklist {
    padding: 0;
    margin: 0;
}

.dfwp-list li .item,
.linklist li {
    list-style: none;
    /*border-bottom: 1px solid #efefef;*/
}

.dfwp-list li a,
.linklist li a {
    display: block;
    padding: .4em 0;
}

.dfwp-list li a:hover,
.linklist li a:hover {
    background: #f5f5f5;
}


/*.dfwp-list li .item:before,
.linklist li:before{
	font-family: FontAwesome;
    content: "\f105";
	display: inline-block;
	padding-right: 6px;
	vertical-align: top;
	top: 0;
	left: 0px;
	color: #3173BB;
	font-size: 14px;
	float: left;
	line-height: 19px;
}*/

.ms-sbtablealt.ms-sbtable-ex input[type="text"] {
    width: 80% !important;
    border-radius: 5px 0 0 5px;
    line-height: 30px;
    height: 30px;
    border: 1px solid #efefef !important;
    background: #f5f5f5;
    float: left;
}

.ms-sbtablealt.ms-sbtable-ex,
.ms-sbtablealt.ms-sbtable-ex tr,
.ms-sbtablealt.ms-sbtable-ex tbody,
.ms-sbtablealt.ms-sbtable-ex td {
    display: block;
    width: 100%;
}

.ms-sbtablealt.ms-sbtable-ex td.ms-sbgo img {
    display: none;
}

.ms-sbtablealt.ms-sbtable-ex td.ms-sbcell.ms-sblink {
    display: block !important;
    clear: both;
}

.ms-sbtablealt.ms-sbtable-ex .ms-sbgo.ms-sbcell a:before {
    font-family: FontAwesome;
    content: "\f002";
    display: inline-block;
    padding: 0px 10px;
    vertical-align: middle;
    top: 0;
    left: 0px;
    color: #FFF;
    font-size: 20px;
    float: left;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal !important;
}

.ms-sbtablealt.ms-sbtable-ex .ms-sbgo.ms-sbcell a {
    display: inline-block;
    height: 36px;
    width: 40px;
    background: #3173BB;
    border-radius: 0 5px 5px 0;
    line-height: 36px;
    text-align: center;
    float: left;
    position: relative;
    color: #666;
    position: absolute;
}

.ms-sbcell.ms-sblink>div {
    display: block;
    clear: both;
    position: absolute;
    bottom: -19px;
    right: 10%;
    text-transform: uppercase;
    color: #CCC;
    font-weight: bold;
}

.ms-sbcell.ms-sblink>div a {
    color: #666;
}

select.ms-selwidth {
    width: 76%;
    padding: 10px;
    border-radius: 5px;
    background: #f5f5f5;
    border: 1px solid #efefef;
    display: inline-block;
    float: left;
}

select.ms-selwidth td a {
    position: absolute;
    top: 0;
    right: 0;
}

a[title="Go"] img {
    display: none;
}

a[title="Go"] {
    background: red;
}

a[title="Go"]:before {
    font-family: FontAwesome;
    content: "\f054";
    display: inline-block;
    padding: 0px 10px;
    vertical-align: middle;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal !important;
    float: left;
    line-height: 39px;
    color: #FFF;
    border-radius: 5px;
    margin-left: 5px;
    height: 40px;
    background: #3173BB;
}


/*---------SHAREPOINT------*/

label {
    display: inline;
    font-size: 1.0em !important;
}

.ms-srchnav-item h2 {
    font-size: 1.1em;
}

.ms-inputformdescription {
    width: auto;
    text-align: left;
    white-space: normal;
    font-weight: normal;
}

.qb-preview-border h2 {
    font-size: 1.1em;
    padding: 10px;
    margin: 0;
}

.qb-preview-border .ms-accentText {
    font-size: 1.1em;
}

.ms-webpart-chrome {
    padding-bottom: 1.5em;
}

#DeltaPageStatusBar {
    top: 0;
}


/*----- LAST MODIFIED -------*/

#document-licence {
    float: right;
}

#document-properties dt,
#document-properties dd {
    font-weight: normal;
    display: inline-block;
    color: #333;
}


/*-----NOTIFICATIONS------*/

.owl-carousel .owl-controls.clickable {
    margin-left: 5%
}


/*------CONTACT DETAILS WEB PART-----*/

div.ContactDetails .ContactDetailsIcon.Street:before,
div.ContactDetails .ContactDetailsTitle.Street:before {
    content: '\f041';
    font-size: 1.7em;
}

div.ContactDetails .ContactDetailsIcon.Website:before,
div.ContactDetails .ContactDetailsTitle.Website:before {
    font-size: 1.3em;
}

div.ContactDetails .ContactDetailsIcon.Postal:before,
div.ContactDetails .ContactDetailsTitle.Postal:before {
    content: '\f277';
}

div.ContactDetails .ContactDetailsIcon {
    margin: 0 15px 0 0;
}

div.ContactDetails .ContactDetailsIcon {
    color: #015D91;
    text-align: center;
}

div.ContactDetails .ContactDetails.LocationTitle {
    word-wrap: break-word;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0 0 15px 0;
}

div.ContactDetails .ContactDetailsTitle {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

div.ContactDetails .ContactDetailsIcon:before {
    width: 24px;
    font-size: 16px;
    line-height: 22px;
    height: 22px;
}

div.ContactDetails .ContactDetailsEntry.Website a {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
}


/*-----CONTENT - LINK SCROLL CONTAINER ----*/

.link-scroll-container {
    background: #f7f7f7;
}

.link-scroll-container {
    border-bottom: 4px solid #0c4b77;
    border-radius: 4px;
    padding: 0 15px 15px 15px;
    display: inline-block;
}

.link-scroll-container ul,
.link-scroll-container li {
    padding-left: 0;
    list-style: none;
}

.link-scroll-container ul li a {
    line-height: 2.5em;
}

.link-scroll-container ul li ul li:before {
    font-family: FontAwesome;
    content: '\f054';
    font-size: 10px;
    margin-right: 5px;
}

.link-scroll-container ul li ul li {
    padding-left: 15px;
}

.link-scroll-container ul li ul li a {
    font-size: .95em;
    font-weight: normal;
}


/*-----DET INDUCTION----*/

.induction .heading {
    text-align: center;
    padding: 15px 15px;
    width: 100%;
    box-sizing: border-box;
    margin: 5px 0;
}

.induction .heading a,
.induction .coloured-div a {
    text-decoration: none !important;
}

.induction {
    box-sizing: border-box;
}

.induction:hover a h2,
.induction:focus a h2 {
    text-decoration: underline;
}

.induction .area {}

.induction img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%;
}

.induction .heading h2 {
    color: #fff;
    margin-bottom: 0;
    font-size: 1.2em;
    font-weight: normal;
    font-family: OpenSansLight;
    margin-top: 0;
}

.induction.working-for-the-department .heading {
    background: #013692;
}

.induction.working-for-the-department a {}

.induction .coloured-div {
    margin-bottom: 20px;
}

.induction a {
    display: block;
    text-decoration: none !important;
}

.induction .coloured-div a {
    background: white;
    text-align: center;
    display: block;
    width: 100%;
    padding: 10px 5px;
    font-size: 1.5em;
    color: #333;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: OpenSansLight;
    border-bottom: 4px solid #efefef;
    border: 1px solid #dedede;
    border-bottom: 2px solid #efefef;
    min-height: 100%;
}

.induction .coloured-div a:hover,
.induction .coloured-div a:focus {
    background: #efefef;
    text-decoration: underline !important;
}

.induction.working-for-the-department .coloured-div a {
    border-bottom-color: #013692;
}

.induction.central-and-regional-offices .coloured-div a {
    border-bottom-color: #F60333;
}

.induction.queensland-state-schools .coloured-div a {
    border-bottom-color: #02786C;
}

.induction.central-and-regional-offices .heading {
    background: #F60333;
}

.induction.queensland-state-schools .heading {
    background: #02786C;
}

.induction.working-for-the-department:hover .heading {
    background: #012f7f;
}

.induction.central-and-regional-offices:hover .heading {
    background: #cf032b;
}

.induction.queensland-state-schools:hover .heading {
    background: #02655b;
}

@media only screen and (max-width:768px) {
    .induction .heading {
        height: auto !important;
    }
}


/*-----CONTACTS TABLE----*/

.corp-contacts td {
    padding: 7px 5px 7px 5px;
    vertical-align: top;
}

.corp-contacts td i {
    padding-right: 5px;
    display: inline-block;
}

.ms-ptabarea td {
    padding: 5px 10px;
    margin-left: 5px;
    display: inline-block;
}

.ms-ptabarea .ms-ptabcn {
    background: #0072C6;
    border-radius: 4px;
    color: #FFF;
}

.ms-ptabarea .ms-ptabcf {
    background: #efefef;
    border-radius: 4px;
    color: #0072C6;
}

.ms-ptabarea .ms-ptabcf a {
    color: #0072C6;
}

.srch-advancedtable {
    margin: 0;
    border: 0;
    background: #FCFCFC;
    padding: 0;
}

.srch-advancedtable td {
    padding: 5px;
}

input[type="password"],
input[type="text"],
input[type="file"],
select,
textarea,
.sp-peoplepicker-topLevel,
.sp-peoplepicker-topLevelDisabled,
.sp-peoplepicker-autoFillContainer,
.ms-inputBox,
.ms-microfeed-focusBoxNoFocus {
    background: #F5F5F5 none repeat scroll 0% 0%;
    border-radius: 4px;
    border: 1px solid #efefef;
}

h1 input.ms-long,
textarea {
    height: auto;
}

h1 input.ms-long {
    font-size: 16px;
}

article h1 {
    padding-top: 0.1em;
}

input[type="button"],
input[type="reset"],
input[type="submit"],
button {
    border-radius: 4px;
}

div.ms-advsearch-header {
    margin-top: 10px;
    margin-bottom: 0;
}

#mainbody th {
    background: #015D91;
    color: #fff;
    font-weight: 400;
    padding: 15px 5px;
    font-size: 1.1em;
}

#mainbody tr:nth-child(odd) {
    background: #f7f7f7;
}

#main .contentwrapper table.ms-pageinformation th {
    background: transparent;
    color: #333;
    padding: inherit;
    font-weight: bold;
}

#main .contentwrapper table.ms-pageinformation tr:nth-child(even) {
    background: transparent;
}


/*-----BLOG----*/

.ms-blog-listMenu-root {
    width: auto;
}

.ms-blog-quickLinksTitle {
    font-weight: 600;
}


/*.ms-rtestate-field img{
	max-width: 100%;
}*/


/*-----DISCUSSION----*/

.ms-comm-rootBestBackground {
    background-color: #f5f5f5;
}


/*-----TABLES----*/

.ms-alternating {
    background: #f5f5f5;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.ms-listviewtable .ms-itmhover {
    height: 30px;
    line-height: 30px;
}

.ms-vb-icon {
    cursor: default;
    padding: 3px 8px 0 4px;
    vertical-align: top;
    white-space: nowrap;
}

.ms-pagebreadcrumb {
    display: none;
}

.body-content {
    padding-top: 0 !important;
}

h1.page-title {
    border-bottom: 1px solid #efefef;
    padding-bottom: 5px;
    color: #40464e;
    font-weight: normal;
}

.ms-viewheadertr {
    border-bottom: 1px solid #00599a;
}


/*----------------------------
        SIDE NAV
----------------------------*/

.side-nav .ms-core-listMenu-verticalBox li.static>ul.static>li.static>.ms-core-listMenu-item:before,
.side-nav .ms-core-listMenu-verticalBox li.static>ul.static>li.static:hover>.ms-core-listMenu-item:before,
.side-nav .ms-core-listMenu-verticalBox li.static>ul.dynamic>li.dynamic:not(.father)>.ms-core-listMenu-item:before,
.side-nav .ms-core-listMenu-verticalBox li.static>ul.dynamic>li.dynamic:not(.father):hover>.ms-core-listMenu-item:before,
.side-nav .ms-core-listMenu-verticalBox li.static:before {
    padding-right: 15px;
}

.side-nav .ms-core-listMenu-verticalBox li.static:before {
    top: 10px;
    left: 12px;
}

.side-nav .ms-core-listMenu-verticalBox li.selected.static:before {
    color: #FFF;
}

.side-nav .ms-core-listMenu-verticalBox li.static>ul.static>li.static>.ms-core-listMenu-item,
#sideNavBox li.static.dynamic-children.father ul.dynamic li.dynamic a.menu-item {
    background: #efefef;
}

.ms-core-listMenu-verticalBox>.ms-core-listMenu-item,
.ms-core-listMenu-verticalBox li.static>.ms-core-listMenu-item {
    padding: 9px 10px 9px 32px;
    /*border-bottom: 1px solid #efefef;*/
}

#sideNavBox ul.root.static li.static.father>ul.dynamic a.static.menu-item:not(.dynamic-children) {
    padding: 9px 10px 9px 40px;
}

#sideNavBox ul.root.static li.static.father>ul.dynamic li.static:before {
    padding-left: 10px !important;
}

.side-nav div.ms-core-listMenu-verticalBox:not(.ms-ql-additionaltopsection) li.selected ul li .menu-item-text {
    color: #646464;
}

#sideNavBox a.nav-sectionExpandCollapse span.lnexpand {
    color: #015C91;
    line-height: 17px;
}

#sideNavBox .selected a.nav-sectionExpandCollapse span.lnexpand {
    color: #FFF;
    line-height: 17px;
}

#sideNavBox .static.father.selected li.static.father button.sideNavBoxExpandCollapse span.lnexpand {
    color: #024065;
}

#sideNavBox .static.father li.static.father button.sideNavBoxExpandCollapse span.lnexpand {
    font-size: .875em;
}

#sideNavBox li.static.father.selected {
    background: #f5f5f5;
}

#sideNavBox .static.father.selected button.sideNavBoxExpandCollapse span.lnexpand {
    color: #FFF;
}

#sideNavBox ul.dynamic {
    background: #f5f5f5;
}


/*Hide all the ul.dynamic to ensure users don't see quick flash of showing/hiding nav on initial load*/

#sideNavBox ul.root li ul.dynamic {
    display: none;
}


/*
.side-nav .ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item:before,
.side-nav .ms-core-listMenu-verticalBox li.static > ul.static > li.static:hover > .ms-core-listMenu-item:before,
.side-nav .ms-core-listMenu-verticalBox li.static > ul.dynamic > li.dynamic:not(.father) > .ms-core-listMenu-item:before,
.side-nav .ms-core-listMenu-verticalBox li.static > ul.dynamic > li.dynamic:not(.father):hover > .ms-core-listMenu-item:before,
.side-nav .ms-core-listMenu-verticalBox li.static:before {

    padding-right: 15px;
  }*/

li>a.ms-core-listMenu-item.ms-core-listMenu-selected:hover {
    background: #015c91;
}

#sideNavBox li.static.dynamic-children.father .ms-core-listMenu-item {
    margin: 0px 0px 0px 0px;
}

#sideNavBox li.static.dynamic-children.father ul.dynamic li.dynamic a.menu-item {
    padding: 9px 10px 8px 20px;
}

#topnavbar .nav li.static a.ms-core-listMenu-selected {
    border-bottom: 0;
}

.sidebar-nav h2[id$='navSiteName'] {
    font-family: OpenSans;
    border-bottom: 3px solid #0c4b77;
    color: #0c4b77;
    padding-bottom: 0.4em;
    text-transform: uppercase;
    font-size: 1.3em;
    padding: 5px 5px 10px 5px;
}

.nav-accordion-item {
    margin-bottom: 1.5em;
}

.nav-accordion-title {}

.nav-accordion .nav-accordion-title button {
    font-size: .8em;
    color: #333;
    border-radius: 0;
    border-bottom: 1px solid #ebebeb;
    background-color: transparent;
}

.nav-accordion .nav-accordion-title button:hover,
.nav-accordion .nav-accordion-title button:focus {
    /*color:#1B83C3;*/
}

.nav-accordion .nav-accordion-title .nav-accordion-toggle {
    top: 7px;
    background: transparent;
    line-height: 26px;
    border: 0;
}

#sideNavBox .side-nav div.ms-core-listMenu-verticalBox:not(.ms-ql-additionaltopsection) li {
    border-bottom: 1px solid #FFF;
    display: block;
    clear: both;
}

.nav-accordion .nav-accordion-title .nav-accordion-toggle:after {
    color: #333 !important;
    font-size: 40px;
}

.nav-accordion .nav-accordion-title button.customButton:hover .nav-accordion-toggle:after,
.nav-accordion .nav-accordion-title button.customButton:focus .nav-accordion-toggle:after {
    color: #1B83C3;
}

.nav-accordion-content {
    padding: 5px;
    background: #FFF;
    border-radius: 5px;
    padding-top: 1em;
}

.ms-core-listMenu-verticalBox li.selected>ul.static>li.static.selected>.ms-core-listMenu-item .menu-item-text {
    color: #666;
}

.side-nav .ms-core-listMenu-verticalBox li.static>ul.static>li.static>.ms-core-listMenu-selected:before {
    color: #666 !important;
}

#sideNavBox button.sideNavBoxExpandCollapse span.lnexpand {
    padding: 14px 10px 0px;
}

#sideNavBox li.static.dynamic-children.father .ms-core-listMenu-item {
    margin-left: 0;
    padding-left: 28px !important;
}

#sideNavBox li.static.dynamic-children.father ul.dynamic li.dynamic a.menu-item:hover,
#sideNavBox li.static.dynamic-children.father ul.dynamic li.dynamic a.menu-item:focus {
    background: #f5f5f5;
    border-bottom: 0;
}

#sideNavBox li.static.dynamic-children.father ul.dynamic li.dynamic a,
#sideNavBox li.static.dynamic-children.father ul.dynamic li.dynamic a:hover {
    border-bottom: 1px solid #FFF !important;
}

.side-nav .ms-core-listMenu-verticalBox li.static>ul.static>li.static>.ms-core-listMenu-item:before,
.side-nav .ms-core-listMenu-verticalBox li.static>ul.static>li.static:hover>.ms-core-listMenu-item:before,
.side-nav .ms-core-listMenu-verticalBox li.static>ul.dynamic>li.dynamic:not(.father)>.ms-core-listMenu-item::before,
.side-nav .ms-core-listMenu-verticalBox li.static>ul.dynamic>li.dynamic:hover:not(.father)>.ms-core-listMenu-item:before,
.side-nav .ms-core-listMenu-verticalBox li.static::before {
    font-size: 1em;
}

.static.selected.father .selected a {
    font-weight: 600;
    color: #FFF;
}

.static.selected.father .selected:before {
    color: #FFF;
}

.static.selected.father span,
.static.selected.father a {
    /*color: #015C91;	*/
}

.static.selected.father ul.static li.static.selected a {
    background: #015C91 !important;
    color: #FFF;
}

.static.selected.father ul.static li.static.selected .ms-core-listMenu-item .menu-item-text {
    color: #FFF !important;
    font-weight: normal;
}

.static.selected.father ul.static li.static.selected .ms-core-listMenu-selected:before {
    color: #FFF !important;
}

#sideNavBox button.sideNavBoxExpandCollapse span.lnexpand {
    padding: 13px 10px;
}

#sideNavBox li.static.dynamic-children.selected.father button.sideNavBoxExpandCollapse span.lnexpand,
#sideNavBox li.static.dynamic-children.father button.sideNavBoxExpandCollapse span.lnexpand {
    color: #015D91;
    font-size: 1.0em;
}

#sideNavBox li.static.dynamic-children.father button.sideNavBoxExpandCollapse span.lnexpand.custom-plus:before {
    /*content:"\f0fe";*/
    font-size: 10px;
}

#sideNavBox li.static.dynamic-children.father button.sideNavBoxExpandCollapse span.lnexpand.custom-minus:before {
    /*content:"\f146";*/
    font-size: 10px;
}

#sideNavBox div.ms-core-listMenu-verticalBox>ul.root.static>li.static.dynamic-children.selected.father>button.sideNavBoxExpandCollapse span.lnexpand {
    color: #fff;
    font-size: 1em;
}

#sideNavBox div.ms-core-listMenu-verticalBox>ul.root.static>li.static.dynamic-children.father>button.sideNavBoxExpandCollapse span.lnexpand.custom-plus:before {
    content: "\f067";
    font-size: 10px;
}

#sideNavBox div.ms-core-listMenu-verticalBox>ul.root.static>li.static.dynamic-children.father>button.sideNavBoxExpandCollapse span.lnexpand.custom-minus:before {
    content: "\f068";
    font-size: 10px;
}

#sideNavBox ul.root.static li.static.father ul.dynamic li.static.father button.sideNavBoxExpandCollapse {
    margin-left: 20px;
}

#sideNavBox ul.root.static li.static.father a.dynamic.menu-item:not(.dynamic-children) {
    padding-left: 30px !important;
}

#sideNavBox ul.root.static .dynamic-children>dynamic>li.dynamic {
    border: 0;
}

#sideNavBox ul.root.static li.static.father a.dynamic.menu-item:not(.dynamic-children):before {
    content: "\f105 ";
    font-family: FontAwesome;
    padding-right: 12px;
    font-size: 14px;
    padding-left: 4px;
}

#sideNavBox ul.root.static li.static.father ul.dynamic li.static.father a.dynamic.menu-item:not(.dynamic-children) {
    padding-left: 75px !important;
}

#sideNavBox ul.root.static li.static.father ul.dynamic li.static.father ul.dynamic li.static.father button.sideNavBoxExpandCollapse {
    margin-left: 43px;
}

#sideNavBox ul.root.static li.static.father a.dynamic.menu-item:not(.dynamic-children) {
    padding-left: 30px !important;
}

#sideNavBox ul.root.static li.static.father ul.dynamic li.static.father a.static.menu-item:not(.dynamic-children) {
    padding-left: 40px !important;
}

#sideNavBox ul.root.static li.static.father ul.dynamic li.static.father li.static a.static.menu-item:not(.dynamic-children) {
    padding-left: 50px !important;
}

#sideNavBox ul.root.static li.static.father ul.dynamic li.static.father li.static:before {
    padding-left: 20px !important;
}

#sideNavBox ul.root.static li.static.father ul.dynamic li.static.father ul.dynamic li.static.father a.static.menu-item:not(.dynamic-children) {
    padding-left: 50px !important;
}

#sideNavBox ul.root.static li.static.father ul.dynamic li.static.father ul.dynamic li.static.father li.static a.static.menu-item:not(.dynamic-children) {
    padding-left: 60px !important;
}

#sideNavBox ul.root.static li.static.father ul.dynamic li.static.father ul.dynamic li.static.father li.static:before {
    padding-left: 30px !important;
}

#sideNavBox ul.root.static li.static.father ul.dynamic li.static.father ul.dynamic li.static.father ul.dynamic li.static.father a.static.menu-item:not(.dynamic-children) {
    padding-left: 60px !important;
}

#sideNavBox ul.root.static li.static.father ul.dynamic li.static.father ul.dynamic li.static.father ul.dynamic li.static.father li.static a.static.menu-item:not(.dynamic-children) {
    padding-left: 70px !important;
}

#sideNavBox ul.root.static li.static.father ul.dynamic li.static.father ul.dynamic li.static.father ul.dynamic li.static.father li.static:before {
    padding-left: 40px !important;
}

#sideNavBox ul.root.static li.static.father ul.dynamic li.static.father ul.dynamic li.static.father ul.dynamic li.static.father ul.dynamic li.static.father a.static.menu-item:not(.dynamic-children) {
    padding-left: 70px !important;
}

#sideNavBox ul.root.static li.static.father ul.dynamic li.static.father button.sideNavBoxExpandCollapse {
    margin-left: 10px;
}

#sideNavBox ul.root.static li.static.father ul.dynamic li.static.father ul.dynamic li.static.father button.sideNavBoxExpandCollapse {
    margin-left: 20px;
}

#sideNavBox ul.root.static li.static.father ul.dynamic li.static.father ul.dynamic li.static.father ul.dynamic li.static.father button.sideNavBoxExpandCollapse {
    margin-left: 30px;
}

#sideNavBox ul.root.static li.static.father ul.dynamic li.static.father ul.dynamic li.static.father ul.dynamic li.static.father ul.dynamic li.static.father button.sideNavBoxExpandCollapse {
    margin-left: 40px;
}


/*----------------------------
        MOBILE
----------------------------*/

#topnavbar .nav li.static>.menu-item:hover {
    background-color: #0f76b3;
}

#topnavbar .topnavbar-dropdowntoggle {
    background: transparent;
    border: 0;
}

#topnavbar .topnavbar-dropdowntoggle:hover {
    background: #0b69a1;
}

#topnavbar .topnavbar-dropdowntoggle:after {
    font-size: 1.4em
}

#topnavbar .topnavbar-dropdowntoggle li.dynamic .menu-item:hover {
    background: #0b69a1;
}


/*----------------------------
        BREADCRUMBS
----------------------------*/

.sitename {
    background: url(/PublishingImages/bg-head-left-abstract.png) 0 100% no-repeat;
    position: relative;
    border-top: 1px solid #bababa;
}

.sitename .layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(13, 62, 91, .90);
}

.sitename h1 {
    color: #FFF;
    margin: 0;
    padding: .7em 0;
    font-size: 1.4em;
    font-family: OpenSans;
}

.breadcrumbs {
    background-color: #f5f5f5;
    padding: 0 0 6px 0;
}

.breadcrumb {
    display: block;
    padding-top: .5em;
}

.breadcrumb h1 {
    font-weight: 200;
    margin: 0;
    padding: .5em 0 0 0;
    font-size: 2.4em;
}

li.s4-breadcrumbCurrentNode,
a.s4-breadcrumbRootNode,
a.s4-breadcrumbNode,
li.ms-breadcrumbCurrentNode,
a.ms-breadcrumbRootNode,
a.ms-breadcrumbNode {
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    line-height: 22px;
    color: white;
    /*need more margin on the left of links to accomodate the numbers*/
    padding: 0px 5px 0px 22px;
    position: relative;
    margin-right: 0;
}

a.s4-breadcrumbRootNode,
a.ms-breadcrumbRootNode,
li.s4-breadcrumbCurrentNode.onlyNode,
li.ms-breadcrumbCurrentNode.onlyNode {
    padding-left: 0;
}

a.s4-breadcrumbNode,
a.s4-breadcrumbRootNode,
a.s4-breadcrumbNode:after,
a.s4-breadcrumbRootNode:after,
a.ms-breadcrumbNode,
a.ms-breadcrumbRootNode,
a.ms-breadcrumbNode:after,
a.ms-breadcrumbRootNode:after {
    background: transparent;
    color: #6f6f6f;
}

a.s4-breadcrumbNode:hover,
a.s4-breadcrumbRootNode:hover,
a.s4-breadcrumbNode:hover:after,
a.s4-breadcrumbRootNode:hover:after,
a.ms-breadcrumbNode:hover,
a.ms-breadcrumbRootNode:hover,
a.ms-breadcrumbNode:hover:after,
a.ms-breadcrumbRootNode:hover:after {
    background: transparent;
    color: #0A6DA6;
}


/*adding the arrows for the breadcrumbs using rotated pseudo elements*/

li.s4-breadcrumbCurrentNode:after,
a.s4-breadcrumbRootNode:after,
a.s4-breadcrumbNode:after,
li.ms-breadcrumbCurrentNode:after,
a.ms-breadcrumbRootNode:after,
a.ms-breadcrumbNode:after {
    content: '/';
    position: absolute;
    right: -12px;
    width: 10px;
    height: auto;
    color: #D8D8D8 !important;
    -moz-box-shadow: none;
    font-size: 30px;
    transform: none;
    -webkit-transform: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    font-weight: normal;
    font-family: serif;
}

a.s4-breadcrumbNode:hover:after,
a.s4-breadcrumbRootNode:hover:after,
a.ms-breadcrumbNode:hover:after,
a.ms-breadcrumbRootNode:hover:after {
    text-decoration: none;
}

li.s4-breadcrumbCurrentNode,
li.s4-breadcrumbCurrentNode:after,
li.ms-breadcrumbCurrentNode,
li.ms-breadcrumbCurrentNode:after {
    background: transparent;
    color: #6f6f6f;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    content: '';
}


/*------------------------
	HOME PAGE
------------------------*/

.feature.sites .item {
    text-align: center;
    padding-left: 0;
}

.feature.sites .item .img {}

.feature.sites .item .caption {
    padding: 0.9em 0 .9em;
    background: #4e7429;
    color: #FFF;
    border-top: 3px solid #FFF;
}

.feature.sites .col-md-3:nth-child(1) div.item>a:hover .caption,
.feature.sites .col-md-3:nth-child(1) div.item>a:focus .caption,
.feature.sites .col-md-4:nth-child(1) div.item>a:hover .caption,
.feature.sites .col-md-4:nth-child(1) div.item>a:focus .caption {
    background: #456823 ;
}

.feature.sites .item h3 {
    color: #FFF;
    margin: 0;
    font-size: 1.2em;
    font-weight: 300;
}

.feature.sites .col-md-3:nth-child(2) .caption,
.feature.sites .col-md-4:nth-child(2) .caption {
    background: #9f121b;
}

.feature.sites .col-md-3:nth-child(2) div.item>a:hover .caption,
.feature.sites .col-md-3:nth-child(2) div.item>a:focus .caption,
.feature.sites .col-md-4:nth-child(2) div.item>a:hover .caption,
.feature.sites .col-md-4:nth-child(2) div.item>a:focus .caption {
    background: #900f18;
}

.feature.sites .col-md-3:nth-child(3) .caption,
.feature.sites .col-md-4:nth-child(3) .caption {
    background: #ca4c02;
}

.feature.sites .col-md-3:nth-child(3) div.item>a:hover .caption,
.feature.sites .col-md-3:nth-child(3) div.item>a:focus .caption,
.feature.sites .col-md-4:nth-child(3) div.item>a:hover .caption,
.feature.sites .col-md-4:nth-child(3) div.item>a:focus .caption {
    background: #b74401;
}

.feature.sites .col-md-3:nth-child(4) .caption,
.feature.sites .col-md-4:nth-child(4) .caption {
    background: #3f596a;
}

.feature.sites .col-md-3:nth-child(4) div.item>a:hover .caption,
.feature.sites .col-md-3:nth-child(4) div.item>a:focus .caption,
.feature.sites .col-md-4:nth-child(4) div.item>a:hover .caption,
.feature.sites .col-md-4:nth-child(4) div.item>a:focus .caption {
    background: #344a58;
}

.feature.sites div.item>a:hover,
.feature.sites div.item>a:focus {
    color: #fff;
}

.sub-title h3 {
    font-weight: normal;
    padding-top: 1.0em;
    padding-bottom: .5em;
}

.sites {
    display: block;
    margin-top: 15px;
}
.sites .col-md-4 {
    padding-bottom: 1.5em;
}

.sites h4 {
    margin: 0.8em 0px 0.4em;
}

.sites p {
    color: #333;
}

.sites a {
    display: block;
    text-decoration: none !important;
}

.sites a:hover h4,
.sites a:focus h4 {
    text-decoration: underline;
}

.sites a:hover div.icon.large.circle,
.sites a:focus div.icon.large.circle {
    background: #015d91;
}

.about .data {
    border-bottom: 1px solid #efefef;
    padding-bottom: 2.0em;
    margin-bottom: 2.0em;
}

.minister-shrt-pro {
    display: inline-block;
    width: 100%;
}

.minister-shrt-pro .image {
    padding-left: 0;
    box-sizing: border-box;
}

.minister-shrt-pro .image img {
    border: 4px solid #efefef;
}

.minister-shrt-pro .details {
    box-sizing: border-box;
}

.minister-shrt-pro .details h4 {
    margin: 0px;
    padding: 6px 0px;
}

.minister-shrt-pro .details a:after {
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    padding-left: 10px;
    vertical-align: top;
    top: 0;
    left: 0px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
}


/*------------------------
	SEARCH RESULTS
------------------------*/

.ms-srch-item-title .ms-srch-ellipsis {
    white-space: nowrap;
}

.ms-srch-item-title .ms-srch-ellipsis b,
.ms-srch-item-title .ms-srch-ellipsis strong {
    font-weight: 600;
}

.ms-srch-bestBetItem {
    width: auto;
    margin: 10px 0px 10px 0px;
    background: #fafafa;
    padding: 30px;
    border-radius: 5px;
    max-width: 530px;
    box-sizing: border-box;
    border: 1px solid #015D91;
}

.ms-srch-bestBetItem h3.ms-srch-ellipsis {
    font-size: 1.4em;
}

.ms-srch-bestBetItem h3.ms-srch-ellipsis a {
    font-weight: 600;
    color: #333;
}

.ms-srch-bestBetItem .ms-srch-bestBetItem-icon {
    display: none;
}

.ms-searchCenter-refinement {
    margin-top: 0;
}

#unselLongList,
.ms-ref-unsel-longList {
    margin: 0;
}

.ms-srch-hover-text a {
    font-size: .75em;
}

.ms-searchCenter-result-main .ms-srch-hover-actions {
    display: none;
}

.ms-searchCenter-result-main #SearchBox,
.ms-searchCenter-result-main .ms-srch-sb-searchLink {
    border-radius: 5px;
}

.ms-srch-result-groups .ms-srch-ellipsis a,
.ms-srch-result-groups .ms-srch-ellipsis a:visited {
    color: #00a1e1;
    padding-bottom: 5px;
}

.ms-ref-refinername,
.ms-ref-refinername:link,
.ms-ref-refinername:visited {
    color: #015D8E;
    border-bottom: 2px solid #015D8E;
    font-size: 1.1em;
}

.ms-ref-refiner #Value {
    background: #F5F5F5;
    border-bottom: 1px solid #FFF;
}

.ms-ref-name {
    color: #646464;
}

.ms-searchCenter-result-main #SearchBox {
    background: #FFF;
    border-color: #ebebeb;
}

.ms-searchCenter-result-main .ms-srch-sbLarge .ms-srch-sb-searchLink:after {
    color: #333;
}

.ms-searchCenter-result-main #SearchBox .ms-srch-sb-searchLink {}

.ms-searchCenter-result-main .ms-srch-sb-searchLink:hover:after,
.ms-searchCenter-result-main .ms-srch-sb-searchLink:focus:after {
    text-decoration: none;
    color: #1B83C3;
}

.ms-srch-result-groups .ms-srch-item-summary,
.ms-srch-people-item #MoreInfoLong {
    color: #424242;
}

.ms-srch-result-groups .ms-srch-group-count {
    display: none;
}

.ms-srch-result-groups .ms-srch-ellipsis a,
.ms-srch-result-groups .ms-srch-ellipsis a:visited,
.ms-srch-result-groups .ms-srch-item-title h3>a,
.ms-srch-result-groups .ms-srch-item-title h3>a:visited {
    color: #0a6da6;
    letter-spacing: 0.02em;
}

.ms-srch-result-groups .ms-srch-item-path {
    color: #0a6da6;
}


/*------------------------
		PAGES
------------------------*/

#mainbody h1 {
    margin: 0;
    padding-bottom: 20px;
    font-weight: 600;
}

a:focus {
    border: 0;
}

.profile-area {
    padding-top: 10px;
    color: #919394;
    margin-top: 1.0em;
}

.profile-area .update {
    color: #919394;
    font-size: 13px;
}

.ministers .col-md-8 {
    width: 63%;
}

.ministers .bg-light-grey {
    padding: 1.0em;
    border-radius: 4px;
}

.ministers .image .ms-rtestate-field img {
    border: 4px solid #FFF !important;
    display: block;
    border-radius: 4px;
}

.ministers .details {}

.ministers .bio {
    padding-bottom: 1.0em;
}

.ministers .details h2 {
    font-weight: normal;
}

.ministers .sub-title h3 {
    font-weight: normal;
}

.ministers .contact ul,
.ministers .contact li {
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-position: outside;
}

.ministers .contact li {
    padding: 5px 0;
    list-style-position: outside;
}

.ministers .contact li:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    padding-right: 6px;
    vertical-align: top;
    top: 0;
    left: 0px;
    color: #015d91;
    font-size: 14px;
    float: left;
    line-height: 19px;
}

.ministers .contact li.address:before {
    content: "\f041 ";
}

.ministers .contact li.phone:before {
    content: "\f095 ";
}

.ministers .contact li.fax:before {
    content: "\f1ac ";
}

.ministers .contact li.email:before {
    content: "\f0e0 ";
}

.profile {
    padding: 2.0em 0;
}

.profile img {
    border: 2px solid #EFEFEF;
    box-sizing: border-box;
    border-radius: 4px;
}

.profile .col-md-4:hover img,
.profile .col-md-4:focus img {
    border: 2px solid #d7d7d7;
}

.profile h4 {
    padding: 1.5em 0;
    margin: 0;
    font-weight: normal;
}

div.sitemap>ul>li>a,
div.sitemap>ul>li>p {
    background: #015D91;
}


/*------------------------
		SITE MAP
------------------------*/

.siteMapBackTop {
    border: 1px solid #ebebeb;
    background: #fff;
    opacity: .8;
    color: #000 !important;
    font-size: .857em;
    -webkit-transition: opacity .15s 0s, visibility 0s 0s;
    -moz-transition: opacity .15s 0s, visibility 0s 0s;
    transition: opacity .15s 0s, visibility 0s 0s;
    -o-transition: opacity .15s 0s, visibility 0s 0s;
}

.siteMapBackTop:hover,
.siteMapBackTop:focus {
    opacity: 1;
    background: inherit !important;
    color: inherit !important;
}


/*------------------------
		SOCIAL
------------------------*/

.social {
    padding-top: 0.5em;
    border-top: 1px solid #efefef;
    margin-top: 1em;
}

.social ul,
.social li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.social li {
    display: inline-block;
    float: left;
    margin: 0 .4em 0 0;
}

.social ul {
    float: right;
}

.social a {
    display: block;
    width: 30px;
    height: 0;
    line-height: 30px;
    background: #000;
    color: #FFF;
    border-radius: 50px;
    padding-top: 30px;
    overflow: hidden;
    position: relative;
}

.social a:hover,
.social a:focus {
    background: #4d4a4a;
    text-decoration: none;
}

.social ul li a:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    color: #FFF;
    font-size: 21px;
    line-height: 30px;
    position: absolute;
    top: 0px;
    padding: 0;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
}

.social ul li a[href*="facebook"]:before {
    content: "\f09a";
}

.social ul li a[href*="facebook"]:hover:before,
.social ul li a[href*="facebook"]:focus:before {
    content: "\f09a";
    background: #284485;
}

.social ul li a[href*="twitter"]:before {
    content: "\f099 ";
}

.social ul li a[href*="twitter"]:hover:before {
    content: "\f099 ";
    background: #5eaade;
}

.social ul li a[href*="youtube"]:before {
    content: "\f167 ";
}

.social ul li a[href*="youtube"]:hover:before,
.social ul li a[href*="youtube"]:focus:before {
    content: "\f167 ";
    background: #cc2626;
}

.social ul li a[href*="linked"]:before {
    content: "\f0e1 ";
}

.social ul li a[href*="linked"]:hover:before,
.social ul li a[href*="linked"]:focus:before {
    content: "\f0e1 ";
    background: #006498;
}

.social ul li a[href*="instagram"]:before {
    content: "\f16d";
}
.social ul li a[href*="instagram"]:hover:before, .social ul li a[href*="instagram"]:focus:before {
    content: "\f16d ";
    background: #fbad50;
}


/*------------------------
		INDUCTION
------------------------*/

.detailpage-rollup-item {
    width: 43.5%;
    padding-bottom: 1.5em;
    clear: none;
    float: left;
}

.detailpage-rollup-wrapper {
    box-shadow: 0px 0px 3px rgb(204, 204, 204);
    border: 0;
    border-bottom: 2px solid #015D91;
    padding: 18px 10px 10px;
    min-height: 30px;
}

.detailpage-rollup-wrapper:hover {
    background: #f5f5f5;
}

.detailpage-rollup-item a:hover {
    text-decoration: none;
}

.detailpage-rollup-wrapper h3 {
    margin: 0;
    font-size: 1.3em;
    line-height: 1.3;
}

.detailpage-rollup-wrapper .ellipsis {
    padding-top: .5em;
}

.induction-landing .ms-srch-result {
    margin-top: 0;
}

.row-same-height {
    display: inline-block;
    width: 100%;
}


/*------------------------
	ROLL UP LANDING PAGE
------------------------*/

.landingpage-rollup-item a {
    display: block;
    text-decoration: none !important;
}

.landingpage-rollup-item a:hover,
.landingpage-rollup-item a:focus {
    text-decoration: none !important;
}

.landingpage-rollup-item .thumbnail {
    padding: 0;
    box-sizing: border-box;
    border: 2px solid #EFEFEF;
}

.landingpage-rollup-text {
    text-align: left;
    padding-left: 105px;
    color: #333;
    margin: 10px 10px 10px 0;
    box-sizing: border-box;
}

.landingpage-rollup-text .rollup-title {
    text-align: left;
    margin-top: 0;
    color: #0a6da6;
    font-size: 1em;
    margin-bottom: 5px;
    display: block;
}

.landingpage-rollup-text .rollup-text {
    font-size: .95em;
}

.landingpage-rollup-item a:hover .landingpage-rollup-text span,
.landingpage-rollup-item a:focus .landingpage-rollup-text span {
    text-decoration: underline !important;
}

.landingpage-rollup-wrapper .landingpage-rollup-image img {
    max-height: 80px;
    max-width: 100px;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    height: auto;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.landingpage-rollup-wrapper.thumbnail:hover {
    border-color: #d7d7d7;
}

.landingpage-rollup-image {
    padding: 10px 5px;
    border-radius: 4px 4px 0 0;
    float: left;
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    width: 100px;
    height: 80px;
    position: relative;
    box-sizing: border-box;
    margin: 10px 0;
}

.landingpage-rollup-item {
    box-sizing: border-box;
    margin-bottom: 15px;
}


/*------------------------
	ROLL UP FEATURE NEWS
------------------------*/

.featured-news .news-item {
    padding: 10px;
    border: 2px solid #EFEFEF;
    border-radius: 4px;
    display: inline-block;
}

.featured-news .news-item img {
    max-width: none;
    width: 100%;
}

.featured-news a.news-item {
    text-decoration: none !important;
}

.featured-news .news-item p {
    color: #333;
    text-decoration: none !important;
}

.featured-news a.news-item:focus h3,
.featured-news a.news-item:hover h3 {
    text-decoration: underline;
}

.featured-news .news-item:focus,
.featured-news .news-item:hover {
    border-color: #d7d7d7;
}

.featured-news .news-item.featured-highlight {
    background: #f7f7f7;
}

@media only screen and (max-width: 992px) {
    #schools .hero,
    #media .hero {
        border: none;
    }
    .featured-news {
        padding-bottom: 15px
    }
    .featured-news .news-item h3 {
        margin-top: 0;
    }
    .newsletter-rollup-item {
        min-height: 130px;
    }
    .newsletter-rollup-summary {
        width: 150px;
    }
    .newsletter-rollup-text {
        padding: 10px 10px 10px 160px;
    }
    .slider .slider-container .slick-slide img {
        margin-left: auto;
        margin-right: auto;
        max-height: 400px;
        width: auto;
    }
    .landingpage-rollup-text {
        box-sizing: border-box;
        vertical-align: top;
        padding: 10px;
    }
    .slider .slide-image,
    .slick-slide img,
    .slider .caption,
    .slider .slider-container.slick-initialized .slick-slide {
        display: block;
    }
    .landingpage-rollup-image {
        padding: 10px 0;
        border-radius: 4px 4px 0 0;
        box-sizing: border-box;
        display: inline-block;
    }
    .slider .slider-container.slick-initialized .slick-slide {
        padding-bottom: 15px;
    }
    .slider .caption {
        padding-top: 1em;
    }
    .slider .slider-container .dots-container {
        width: 100%;
        border-radius: 0;
    }
    button.customButton.customButtonHover.z1SliderPlayPause {
        padding: 15px 15px;
    }
    button.customButton.slick-prev,
    button.customButton.slick-next,
    button.customButton.slick-prev:hover,
    button.customButton.slick-next:hover,
    button.customButton.slick-prev:focus,
    button.customButton.slick-next:focus {
        width: 60px;
        height: 60px;
    }
    button.customButton.slick-prev:before,
    button.customButton.slick-next:before {
        font-size: 60px;
        line-height: 60px;
    }
    .z1SliderPlayPause.pause:before,
    .z1SliderPlayPause.play:before {
        font-size: 30px;
        line-height: 30px;
    }
    .slider .caption {
        float: none;
        width: 100%;
        box-sizing: border-box;
    }
    .slider .slider-container .dots-container {
        background: #efefef;
    }
}

@media only screen and (max-width: 500px) {
    .landingpage-rollup-text {
        width: 100%;
        display: block;
        vertical-align: top;
        padding: 10px;
        text-align: left;
    }
    .landingpage-rollup-image {
        display: none;
    }
    .landingpage-rollup-text span {
        text-align: left;
    }
}


/*------------------------
		QUICKLINKS
------------------------*/

.aside .slm-layout-main .dfwp-list li {
    padding: .3em 0;
    border-bottom: 1px solid #efefef;
}


/*------------------------
		INDUCTION
------------------------*/

.induction-home .newslider .caption {
    padding-top: 1.0em;
}

.induction-home {}


/*------------------------
		RIGHT HAND ASIDE
------------------------*/

.rh-aside {
    background-color: #f5f5f5;
    font-size: .9em;
    color: #4d4d4d;
    border-radius: 4px;
}

.rh-aside h2,
.rh-aside h3 {
    color: #6f6f6f;
}


/*------------------------
		BACK TO TOP
------------------------*/

a.cd-top.cd-fade-out,
button.cd-top.cd-fade-out {
    opacity: .7;
}

a.cd-top:hover,
a.cd-top:focus,
button.cd-top:hover,
button.cd-top:focus {
    background: #1B83C3 !important;
    opacity: .9 !important;
    color: #fff !important;
}

.cd-top,
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.cd-top:hover,
.cd-top:focus {
    transition: all .25s ease-out;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
}

a.cd-top:before,
button.cd-top:before {
    font-size: 20px;
    height: 60px;
    vertical-align: middle;
    line-height: 42px;
}

a.cd-top,
button.cd-top {
    padding-top: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 1px solid #EBEBEB;
    color: #333 !important;
    text-shadow: none;
    height: 60px !important;
    width: 60px !important;
    border: 1px solid #333333 !important;
    border-radius: 0;
    box-sizing: border-box;
    background: #ffffff !important;
}

button.customButton {
    font-family: 'OpenSans', Arial, sans-serif;
}

button.cd-top,
button.cd-fade-out {
    text-decoration: none;
}

a.cd-top,
button.cd-top {
    display: block;
    width: 70px;
    position: fixed;
    bottom: 15px;
    right: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    background: #0070AF;
    background-size: 16px 16px;
    text-align: center;
    padding: 5px 0;
    text-shadow: 1px 1px 1px black;
    z-index: 1053;
}

button.customButton {
    color: #fff;
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    font-size: 1em;
    min-width: 0;
    margin-left: 0;
    background: transparent;
    border: none;
}


/*------------------------
		ERROR 404
------------------------*/

.error-404 h1 {
    font-size: 40px;
    text-align: center;
    font-weight: 200;
    text-shadow: 0px 2px 0px rgb(220, 220, 220);
    color: rgb(2, 65, 102);
}

.error-404 p {
    text-align: center;
    font-size: 17px;
}

.error-404 ul,
.error-404 li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.error-404 li {
    padding: 7px 20px;
    border-bottom: 1px solid #efefef;
}

.error-404 li:last-child {
    border-bottom: 0
}

.error-404 li:before {
    font-family: FontAwesome;
    content: "\f105 ";
    display: inline-block;
    padding-right: 5px;
}

.side-nav .ms-core-listMenu-verticalBox li.static:before {
    font-family: "FontAwesome";
    content: "\f105 ";
    font-size: 1.0em;
}

.side-nav .ms-core-listMenu-verticalBox li.static>ul.static>li.static>.ms-core-listMenu-item:before,
.side-nav .ms-core-listMenu-verticalBox li.static>ul.static>li.static:hover>.ms-core-listMenu-item:before {
    content: "";
}

.error-404 h3 {
    margin-top: 2.0em
}

.error-404 {
    padding-bottom: 1.0em;
}

.error-404 .icon {
    font-size: 90px;
    text-align: center;
    margin: 0px auto;
    display: block;
    color: rgb(2, 65, 102);
}

#pageStatusBar[class],
.ms-status-msg {
    border-right: 0;
}


/*------------------------
		DISCLOSURE LOGS
------------------------*/

/*#mainbody table.disclosure-log tr {
    background: none;
}*/

table.disclosure-log td {
    padding: 5px 10px;
}

.disclosure-log .dl-header {
    background-color: #015d91;
    color: white;
}
.disclosure-log td {
    vertical-align: top;
}
.disclosre-log tr:nth-child(even) {background-color: #f2f2f2;}

/*------------------------
		ANNUAL REPORT
------------------------*/

/* ---------- Sections i.e "Our Annual Report" etc -------------*/

@media only screen and (max-width: 768px) {
    .section-container {
        padding-left: 17px !important;
    }
}

@media only screen and (max-width: 415px) {
    .section-container {
        margin-bottom: 8.5%;
        padding-left: 17px !important;
    }
}

    .annual-report-landing-page .section-heading {
	    font-size: 1.3em;
	    /*margin: 0.5em 0.5em 0.5em 0;*/
	    font-weight: 600;
	    color:#0a6da6;
	}
	.annual-report-landing-page .section-title {
	    color: #0d8567;
	    text-transform: uppercase;
	    margin-bottom: .7em;
	    font-size: 1.3em;
	}

.annual-report .midgreen{
	color: #00854D;
	font-size:1.6em;
	margin-top: 0;
}
.annual-report .teal{
	color: #007E8F;
}
p.leadin.annual-report {
	font-weight: 200;
    line-height: 1.4;
    font-size: 1.3em;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
    letter-spacing: 0.02em;
}
.annual-report .item-element-h a {
    line-height: 1.4;
    font-size: 1.2em;
    font-weight: 600;

}

.annual-report .item-element-detail {
    padding-top: 3px;
}
.annual-report-table{
	margin-bottom: 20px;
}
.annual-report-table th {
    background: #fff !important;
    color: #015D91 !important;
    font-weight: 600 !important;
}
.ar-case-studies h3.ms-rteElement-Leadin {
    margin-top: 1px;
}
.annual-report-landing-page .section-container {
    background: #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
    border: dotted 2px #fff;
}
.annual-report-landing-page.sections{
	margin-top: 20px;
}
.annual-report-landing-page .section-links {
    padding-left: 10px;
}
.annual-report-landing-page .section-links li {
    margin: .5em 0;
    list-style: none;
    display: table-row;
    line-height: 1.7;
}
.annual-report-landing-page .section-links li:before {
    font-family: 'FontAwesome';
    content: '\f138';
    color: #0d8567;
    display: table-cell;
    padding-right: 15px;
}
.annual-report-landing-page i {
    padding-right: 10px;
    color: #0a6da6;

}
h2.case-studies{
	margin-bottom: 0;
}
a.annual-report-case-study-slider.thumbnail:hover {
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.3);
    border: 1px solid #dddddd;
}
.annual-report-case-study-slider h4{
 padding: 0 5px;
margin-top: 5px;
}

.annual-report-case-study-slider p{
 padding: 0 5px;
}
ul.section-links.asi li:nth-child(5):before {
    content: "";
}
.ar-image-right {
    width: 30%;
    float: right;
}
@media only screen and (max-width: 415px) {
	.ar-image-right {
	    width: 75%;
	    float: none;
	}
}

/*------------------------
		STRATEGIC PLAN
------------------------*/
.dotted-right-bdr{
	border-right: 1px dotted #777;	
}
.size-4{
	font-size:4em;
}

.size-3{
	font-size:3em;
}
.size-2{
	font-size:2em;
}

.size-1-5{
	font-size:1.5em;
}
.size-1-3{
	font-size:1.3em;
}


blockquote.strategic-plan {
    position: relative;
    border-left: none;
}

blockquote.strategic-plan:before {
    position: absolute;
    content: open-quote;
    font-size: 10em;
    margin-left: -0.2em;
    margin-top: -0.7em;
    font-family: FontAwesome;
}

blockquote.strategic-plan:after {
    position: absolute;
    content: close-quote;
    font-size: 10em;
    bottom: 0;
    right: 0;
    margin-right: 0.1em;
    margin-bottom: -0.8em;
    font-family: FontAwesome;
}

blockquote.strategic-plan p {
    display: inline;
    color: #005670;
    font-weight: 600;
    font-size: 1.6em;
    font-family: OpenSansLight;
    letter-spacing: 0px;
    line-height: 1.3;
}
blockquote.strategic-plan footer {
    color: #015d91;
    padding-top: 10px;
}
h2.strategic-plan{
	color:#005670;
}
.sp-blue{
	color:#005670;
}
.bold{
	font-weight:600;
}
/* pink*/
.strategic-plan.pink{
    color: #E5336D;
}
blockquote.strategic-plan.pink{
    color: rgba(229,51,109,0.4);
}
.strategic-plan.pink-bg {
    background: rgba(229,51,109,0.2);
    padding: 5px 10px;
}
.strategic-plan.pink-bd-top {
    border-top: 3px solid  rgba(229,51,109,1);
    padding-top: 60px;
}
.strategic-plan.pink-fat-bd-top {
    border-top: 15px solid  rgba(229,51,109,1);
    padding-top: 10px;
}

/* orange*/
.strategic-plan.orange{
    color: #EE7033;
}
blockquote.strategic-plan.orange{
    color: rgba(238,112,51,0.4);
}
.strategic-plan.orange-bg {
    background: rgba(238,112,51,0.2);
    padding: 5px 10px;
}
.strategic-plan.orange-bd-top {
    border-top: 3px solid  rgba(238,112,51,1);
    padding-top: 60px;
}
.strategic-plan.orange-fat-bd-top {
    border-top: 15px solid  rgba(238,112,51,1);
    padding-top: 10px;
}

/* maroon*/
.strategic-plan.maroon{
    color: #AA3D7E;
}
blockquote.strategic-plan.maroon{
    color: rgba(170,61,126,0.4);
}
.strategic-plan.maroon-bg {
    background: rgba(170,61,126,0.2);
    padding: 5px 10px;
}
.strategic-plan.maroon-bd-top {
    border-top: 3px solid  rgba(170,61,126,1);
    padding-top: 60px;
}
.strategic-plan.maroon-fat-bd-top {
    border-top: 15px solid  rgba(170,61,126,1);
    padding-top: 10px;
}


/* grape*/
.strategic-plan.grape {
    color: #362768;
}
blockquote.strategic-plan.grape {
    color: rgba(54,39,104,0.4);
}
.strategic-plan.grape-bg {
    background: rgba(54,39,104,0.2);
    padding: 5px 10px;
}
.strategic-plan.grape-bd-top {
    border-top: 3px solid  rgba(54,39,104,1);
    padding-top: 60px;
}
.strategic-plan.grape-fat-bd-top {
    border-top: 15px solid  rgba(54,39,104,1);
    padding-top: 10px;
}


/* Yellow  */
.strategic-plan.yellow {
    color: #7A7A00;
}
blockquote.strategic-plan.yellow {
    color: rgba(225, 224, 0,0.4);
}
.strategic-plan.yellow-bg {
    background: rgba(225, 224, 0,0.2);
    padding: 5px 10px;
}
.strategic-plan.yellow-bg {
    background-image: url(/det-publications/strategiesandplans/PublishingImages/children-icon-yellow.svg);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: right 10px top 10px;
}
.strategic-plan.yellow-bd-top {
    border-top: 3px solid  rgba(225, 224, 0,1);
    padding-top: 60px;
}
.strategic-plan.yellow-fat-bd-top {
    border-top: 15px solid  rgba(225, 224, 0,1);
    padding-top: 10px;
}

/* Bright Green  */
.strategic-plan.brightgreen{
	color: #44822B;
}
blockquote.strategic-plan.brightgreen {
    color: rgba(108, 194, 74,0.4);
}
.strategic-plan.brightgreen-bg {
    background: rgba(108, 194, 74,0.2);
    padding: 5px 10px;
}
.strategic-plan.brightgreen-bg {
    background-image: url(/det-publications/strategiesandplans/PublishingImages/tools-icon-brightgreen.svg);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: right 10px bottom 10px;
}

.strategic-plan.brightgreen-bd-top {
    border-top: 3px solid rgba(108, 194, 74,1);
    padding-top: 60px;
}
.strategic-plan.brightgreen-fat-bd-top {
    border-top: 15px solid rgba(108, 194, 74,1);
    padding-top: 10px;
}

/* Mid Green  */
.strategic-plan.midgreen{
	color: #00854D;
}
blockquote.strategic-plan.midgreen {
    color: rgba(0, 191, 111,0.4);
}
.strategic-plan.midgreen-bg {
    background: rgba(0, 191, 111,0.2);
    padding: 5px 10px;
}
.strategic-plan.midgreen-bd-top {
    border-top: 3px solid rgba(0, 191, 111,1);
    padding-top: 60px;
}
.strategic-plan.midgreen-fat-bd-top {
    border-top: 15px solid rgba(0, 191, 111,1);
    padding-top: 10px;
}

/* Steel Green  */
.strategic-plan.steelgreen {
    color: #52805F;
}
blockquote.strategic-plan.steelgreen {
    color:  rgba(111, 162, 135,0.4);
}
.strategic-plan.steelgreen-bg {
    background: rgba(111, 162, 135,0.2);
    padding: 5px 10px;
}
.strategic-plan.steelgreen-bd-top {
    border-top: 3px solid rgba(111, 162, 135,1);
    padding-top: 60px;
}
.strategic-plan.steelgreen-fat-bd-top {
    border-top: 15px solid rgba(111, 162, 135,1);
    padding-top: 10px;
}
/* Peacock Green  */
.strategic-plan.peacockgreen {
    color: #00B2A9;
}
blockquote.strategic-plan.peacockgreen {
    color:  rgba(0,178,169,0.4);
}
.strategic-plan.peacockgreen-bg {
    background: rgba(0,178,169,0.2);
    padding: 5px 10px;
}
.strategic-plan.peacockgreen-bd-top {
    border-top: 3px solid rgba(0,178,169,1);
    padding-top: 60px;
}
.strategic-plan.peacockgreen-fat-bd-top {
    border-top: 15px solid rgba(0,178,169,1);
    padding-top: 10px;
}
.govt-values{
	padding-top:20px;
	padding-bottom:20px;
}
.govt-values img{
	max-width:70%;
}
.govt-values p {
    font-weight: 600;
    padding-top: 10px;
}
.ofs-icon {
    text-align: center;
}
.ofs-icon img {
    max-width: 40px;
}
.ofs-icon p {
    padding: 10px;
    font-weight: 600;
}



/*------------------------
		RESPONSIVE
------------------------*/

@media only screen and (max-width:1800px) {
    .pg-texture {
        background: transparent url(/PublishingImages/bg-head-right-abstract.png) no-repeat scroll 110% -100px;
        padding-top: 1.0em;
    }
}

@media only screen and (max-width:1600px) {
    .pg-texture {
        background: transparent url(/PublishingImages/bg-head-right-abstract.png) no-repeat scroll 120% -100px;
        padding-top: 1.0em;
    }
}

@media only screen and (max-width:1400px) {
    .pg-texture {
        background: transparent url(/PublishingImages/bg-head-right-abstract.png) no-repeat scroll 130% -100px;
        padding-top: 1.0em;
    }
}

@media only screen and (max-width:1200px) {
    .pg-texture {
        background: transparent;
        padding-top: 1.0em;
    }
    .ms-srch-bestBetItem {
        max-width: none;
    }
    .ms-srch-item-title .ms-srch-ellipsis {
        white-space: normal;
    }
}

@media only screen and (min-width: 1201px) {
    #pageStatusBar[class],
    .ms-status-msg {
        text-align: center;
    }
    .deptname {
        margin-top: -40px;
    }
    .logo {
        margin: 5px 0px;
    }
    #header .header-container .header.clearfix {
        height: 65px;
    }
    .searchbox {
        top: 74px;
        z-index: 102;
    }
    #header #SearchBox .ms-srch-sb {
        width: 230px;
    }
    #SearchBox {
        background: #fff;
        border: none;
    }
    .ms-searchCenter-result-main #SearchBox {
        border: 1px solid #e3e4e6;
    }
    #topnavbar .nav li.static>.menu-item {
        padding: 12px 10px !important;
        font-size: 1.1em;
    }
}

@media only screen and (min-width: 993px) {
    .slider .slider-container .dots-container {
        top: -25px;
        right: 5px;
    }
    .slider .slick-slide.slick-current .caption {
        max-height: 270px;
        overflow-y: auto;
    }
    button.customButton.slick-prev,
    button.customButton.slick-next,
    button.customButton.slick-prev:hover,
    button.customButton.slick-next:hover,
    button.customButton.slick-prev:focus,
    button.customButton.slick-next:focus {
        width: 30px;
        text-align: right;
    }
    button.customButton.customButtonHover.z1SliderPlayPause {
        min-width: 30px;
        text-align: right;
        margin-left: 3px;
    }
}

@media only screen and (min-width: 769px) {}

@media only screen and (max-width: 1024px) {
    .newslider .caption {
        width: 37%;
    }
    .hero {
        height: 225px;
    }
    .tiles h4 a {
        height: 108px
    }
    .slider .caption {
        padding: 1em 15px;
    }
    .banner-left,
    .banner-right,
    .pg-texture {
        background: none;
    }
    .slider .wbp>.ms-webpart-zone,
    .row.landing .slider {
        box-shadow: none;
    }
    .home-banner {
        padding: 15px;
        margin-top: 1px;
    }
    .banner-left .banner-right .container {
        padding: 0;
    }
}

@media only screen and (max-width: 992px) {
    #sideNavBox .nav-accordion-content {
        display: none;
        padding-top: 0;
    }
    .link-scroll-container {
        display: block;
        padding-top: 15px;
    }
    .breadcrumbs {
        box-shadow: none;
    }
    .nav-accordion-title {
        margin-left: -15px;
        margin-right: -15px;
    }
    .pg-texture {
        background: none;
        padding-top: 0;
    }
    .minister-shrt-pro .details {
        width: 51%;
    }
    .hero {
        width: 45%;
        height: 201px;
    }
    .tiles .grid {
        width: 50%;
    }
    .tiles h4 a {
        height: 102px;
    }
    .tiles .cell-large {
        height: 102px;
    }
    .tiles .cell-1 h4 a,
    .tiles .cell-2 h4 a {
        height: 95px;
    }
    .tiles .cell-1,
    .tiles .cell-2 {
        height: 95px;
    }
    .feed .details {
        width: 74%;
    }
    .feed .item {
        padding-bottom: 0;
    }
    .sidebar-nav h2 {
        margin: 0;
    }
    #media .grid .cell-large {
        height: inherit;
        width: 100%;
        border-right: 3px solid #FFF;
        text-align: center;
        float: none;
    }
    .grid .cell-1,
    .grid .cell-2 {
        height: auto;
        float: left !important;
        width: 50%;
        margin: 0px;
        text-align: center;
        box-sizing: border-box;
    }
    .tiles .cell-1 h4 a,
    .tiles .cell-2 h4 a {
        font-size: 14px;
        border-bottom: 0px;
        padding: 13px 9px;
        height: auto;
    }
    #media .hero {
        margin-left: 0;
    }
    .tiles .hero {
        margin-right: 0;
    }
    .tiles .hero img {
        display: none !important;
    }
    .tiles .hero h3,
    #media .hero h3 {
        position: static;
    }
    .hero {
        width: 100%;
        height: auto;
    }
    .tiles .grid {
        width: 100%;
    }
    .tiles h4 {
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .featured-news .news-item h3 {
        margin-top: 20px;
    }
    div.ContactDetails .ContactDetailsIcon {
        display: inline-block;
    }
    div.ContactDetails .ContactDetailsTitle:before {
        display: inline-block;
    }
    div.ContactDetails .ContactDetailsContent {
        display: inline-block;
        word-wrap: break-word;
        margin: 0;
    }
    .home-banner {
        padding: 0
    }
    .ms-srch-sb>.ms-srch-sb-searchLink:after,
    .ms-srch-sbLarge .ms-srch-sb-searchLink:after {
        font-size: 20px;
    }
    .owl-carousel .owl-controls.clickable {
        margin-left: 10%;
    }
    #topnavbar .nav li.static.selected a>span,
    #topnavbar .nav li.static a.menu-item:hover>span,
    #topnavbar .nav li.static a.menu-item:focus>span {
        border-bottom: none;
        padding-bottom: 0;
    }
    #sideNavBox.col-md-3 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .hme-feature .feature.sites div[class^="col-"] {
        padding: 0;
    }
    .slider .wbp>.ms-webpart-zone,
    .row.landing .slider {
        box-shadow: none;
    }
    #header .header-container .header.clearfix {
        height: 125px;
    }
    #topnavbar ul.root>li.static.dynamic-children>a.static.menu-item span.menu-item-text:after {
        display: none;
    }
    #topnavbar .nav li.static>.menu-item,
    #topnavbar .nav li.static:first-child>.menu-item {
        padding: 10px 0 14px 15px !important;
    }
    .searchbox {
        right: 0.8em;
        top: 135px;
        height: 35px;
    }
    #topnavbar li.dynamic .menu-item-text:before {
        font-family: FontAwesome;
        content: "\f105";
        padding-right: 8px;
    }
    #topnavbar .dynamic boundary li.dynamic.dynamic-children .dynamic .menu-item-text:before {
        content: ""
    }
    #header #SearchBox .ms-srch-sb {
        width: 350px;
    }
    #SearchBox,
    #header #SearchBox .ms-srch-sb>.ms-srch-sb-searchLink {
        height: 35px;
    }
    #header #SearchBox .ms-srch-sb>.ms-srch-sb-searchLink {
        border: 1px solid transparent;
    }
    #header #SearchBox .ms-srch-sb>.ms-srch-sb-searchLink:hover:after,
    #header #SearchBox .ms-srch-sb>.ms-srch-sb-searchLink:focus:after {
        color: #333;
    }
    #SearchBox {
        background: #FFF;
    }
    #header #SearchBox input[type="text"] {
        height: 35px;
        line-height: 35px;
    }
    #header #topnavbar .nav li.static {
        background: #004d79;
        border: 1px solid #015D91;
    }
    #header #topnavbar .nav li.static>.menu-item {
        border: none !important;
        margin-bottom: 0;
        font-size: 1.2em;
    }
    #topnavbar .root li.static.dynamic-children ul.dynamic.boundary ul.dynamic.boundary {
        display: block !important;
        height: auto;
        position: relative !important;
    }
    #topnavbar .root li.static.dynamic-children ul.dynamic.boundary ul.dynamic.boundary li a {
        padding-left: 60px;
        border-top: 1px solid #034C77;
    }
    #topnavbar .nav .selected {
        background: #00466f !important;
    }
    .navbar-toggle {
        margin-left: -15px;
    }
    .navbar-default .navbar-toggle {
        border: 1px solid #e3e4e6;
        height: 37px;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #e3e4e6;
    }
    .ms-srch-sb>.ms-srch-sb-searchLink:hover,
    .ms-srch-sb>.ms-srch-sb-searchLink:focus {
        background-color: #e3e4e6;
    }
    #topnavbar li.dynamic .menu-item {
        padding: 15px 40px;
        font-size: 1.2em;
    }
    .deptname>a>img {
        width: 286px;
        height: 21px;
    }
    .logo {
        margin: 15px auto;
        display: table;
        text-align: center;
    }
    .deptname {
        line-height: normal;
        text-align: center;
        padding-bottom: 1.5em;
        margin: 0 auto;
        float: none;
    }
    .header .col-md-8.col-sm-7 {
        display: table;
        width: 100%;
    }
    .newslider .caption {
        width: 37%;
        padding-top: 1em;
    }
    .newslider h2 {
        font-size: 1.4em;
    }
    .feature.sites .item .caption {
        padding: 1.0em 0px 1.0em;
        font-size: 1.2em;
    }
    .feature.sites .item h3 {
        font-size: 1.2em;
    }
    .feed .item {
        padding-bottom: 1em;
    }
    .tiles .hero h3,
    #media .hero h3 {
        margin: 0px;
        text-align: center;
        width: 100%;
        position: relative;
    }
    .sites {
        display: block;
    }
    #initiatives a:before {
        font-family: FontAwesome;
        content: "\f105";
        display: inline-block;
        padding-right: 6px;
        vertical-align: top;
        top: 0;
        left: 0px;
        color: #3173BB;
        font-size: 14px;
        float: left;
        line-height: 19px;
    }
    .social ul {
        float: none;
        text-align: center;
        display: table;
        margin: 0 auto;
    }
    .ministers .details {
        padding-top: 1.5em;
        width: 63.667%;
    }
    .ministers .details h4 {
        display: none;
    }
    article h1 {
        padding-top: .5em;
    }
    .about .col-sm-6 {
        padding-bottom: 1.5em;
    }
    .feed.internal.news .item:nth-child(3n) {
        padding-right: 0
    }
    .news .image.pull-right {
        float: none !important;
        padding: 0;
        display: block;
        width: 100%;
    }
    #events .date {
        width: 19%;
    }
    #topnavbar li.selected .menu-item:hover {
        background: #0F76B3 !important;
    }
    .navbar {
        min-height: 56px;
    }
    .navbar-toggle {
        display: block;
    }
    .hme-announce .section.border-left.border-right {
        border-bottom: 1px solid #e6e6e6;
        border-top: 1px solid #e6e6e6;
        margin-bottom: 1.0em;
    }
    .ministers .details {
        width: 100%;
    }
    .ministers .image .ms-rtestate-field img {
        margin: 0 auto;
    }
    .ministers .contact {
        width: 50%;
        float: left
    }
    .minister-shrt-pro .details {
        width: 100%;
    }
    .side-nav {
        border-right: 0
    }
    /* Override to display slider image */
    .slider .slider-container .slick-slide img {
        /*max-height:none;*/
        display: block;
        width: 100%;
    }
    .home-banner .slick-slider {
        margin-bottom: 0;
    }
    .banner-left .banner-right .container {
        padding: 0;
    }
    .banner-left,
    .banner-right {
        background: #fff;
    }
    .hme-announce .section.border-left.border-right {
        box-shadow: none;
    }
    .bg-texture {
        background-position: 100% -50%;
    }
    .slider a.btn.large {
        float: right;
    }
}

@media only screen and (max-width: 660px) {
    .tiles .hero h3,
    #media .hero h3 {
        font-size: 20px;
    }
    #events .date {
        width: 9%;
    }
    .ministers .details {
        width: 100%;
    }
    .feed .item {
        padding-bottom: 1.0em;
    }
    #header #SearchBox .ms-srch-sb {
        width: 300px;
    }
}

@media only screen and (max-width:570px) {
    .ministers .contact {
        width: 100%;
        float: none;
        padding-bottom: 1.0em;
    }
    .sub-title h3 {
        padding: 0;
    }
    .detailpage-rollup-item {
        width: 43.5%;
    }
    .grid .cell-1,
    .grid .cell-2 {
        width: 100%;
        border: none !important;
        margin-bottom: 4px;
    }
}

@media only screen and (max-width:500px) {
    a.cd-top,
    button.cd-top {
        position: static;
        width: 100% !important;
        box-sizing: border-box;
        border: none !important;
        border-top: 1px solid white !important;
        opacity: 1 !important;
    }
}

@media only screen and (max-width:480px) {
    .owl-carousel .owl-controls.clickable {
        margin-left: 0;
    }
}

@media only screen and (max-width:440px) {
    .detailpage-rollup-item {
        width: 90%;
    }
    .deptname>a>img {
        width: 259px;
        height: 19px;
        max-width: 100%;
        max-height: 100%;
    }
    #header #SearchBox .ms-srch-sb {
        width: 100%;
    }
    .searchbox {
        left: 60px;
    }
    #events .date {
        width: 17%;
    }
    .navbar-default .navbar-toggle {
        border-radius: 50px 0px 0px 50px;
    }
    #SearchBox {
        border-radius: 0 50px 50px 0;
    }
    .logo #qg-logo img {
        max-width: 100%;
    }
}


/*----------------------------
   TRANSITION ANIMATIONS
----------------------------*/

.social ul li a,
div.caption,
.profile .col-md-4 img,
.row-same-height,
div.icon.large.circle,
.induction,
.thumbnail,
.induction .heading,
.induction .coloured-div a,
.featured-news .news-item,
.grid .cell-1 a,
.grid .cell-2 a,
.grid .cell-large a,
.newsletter-rollup-item.item {
    transition: all .15s ease-out;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
}


/*----------------------------
        PRINT MEDIA
----------------------------*/

@media print {
    /*----------------------------
        RESET TRANSITION ANIMATIONS
    ----------------------------*/
    .social ul li a,
    div.caption,
    .profile .col-md-4 img,
    .row-same-height,
    div.icon.large.circle,
    .induction,
    .thumbnail,
    .induction .heading,
    .induction .coloured-div a,
    .s4-breadcrumbCurrentNode,
    .s4-breadcrumbCurrentNode:after,
    .featured-news.news-item,
    .grid .cell-1 a,
    .grid .cell-2 a,
    .grid .cell-large a,
    .newsletter-rollup-item.item {
        transition: none !important;
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
    }
    /*change breadcrumbs view on print*/
    .breadcrumb a.s4-breadcrumbNode::after,
    .breadcrumb a.ms-breadcrumbNode::after,
    .breadcrumb a.s4-breadcrumbRootNode::after,
    .breadcrumb a.ms-breadcrumbRootNode::after {
        font-size: 10px;
        color: black;
        right: -5px;
    }
    body {
        font-size: 10pt;
        font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    }
    .slider,
    .bc-horizontal.divider:before,
    .bc-horizontal.divider:after,
    .btn,
    a.btn,
    .tp-header,
    .sidebar-nav,
    #footer,
    .social.full-container,
    .container.hme-grid,
    .breadcrumb h2,
    .searchbox,
    button.customButton.cd-top,
    .featured-news .news-item img,
    .landingpage-rollup-wrapper .landingpage-rollup-image img,
    .landingpage-rollup-image {
        display: none !important;
    }
    .landingpage-rollup-text .rollup-title {
        text-decoration: underline;
    }
    .landingpage-rollup-text {
        padding-left: 15px;
    }
    .featured-news .news-item {
        margin-bottom: 15px;
    }
    .featured-news .news-item h3 {
        margin-top: 0;
    }
    .bc-horizontal.divider {
        text-align: left;
        margin-left: 0;
    }
    .bc-horizontal.divider span {
        padding-left: 0;
    }
    #mainbody {
        width: 100%;
    }
    a,
    a:link {
        text-decoration: underline;
    }
    .sitename h1 {
        padding: 0
    }
    .ms-webpart-chrome {
        padding-bottom: 0;
    }
    #header {
        display: block !important;
        border: 0;
    }
    .profile-area {
        border-top: 1px solid #CCC;
    }
    .minister-shrt-pro {
        width: 48%;
        display: inline-block;
        float: left;
    }
    .sites .col-md-4,
    .profile .col-md-4 {
        width: 30%;
        display: inline-block;
        float: left;
    }
    .ministers .bg-light-grey {
        padding: 0;
    }
    .ministers .details {
        padding-top: 0;
        padding-bottom: 0;
    }
    .ministers .col-md-8 {
        width: 60%;
        display: inline-block;
        float: left;
    }
    .col-md-4.image {
        width: 35%;
        display: inline-block;
        float: left;
    }
    .contact {
        padding-bottom: 20px;
    }
    .bg-light-grey {
        margin-bottom: 0;
    }
    .sitename h1 {
        padding: 10px 0;
    }
    .logo {
        display: block;
    }
    .logo a,
    .deptname a {
        font-size: 0pt;
    }
    .deptname {
        margin-top: -10px;
        padding-bottom: 0px;
        text-align: right;
        position: absolute;
        right: 0;
        top: 30px;
    }
    .feature.sites .col-md-3 {
        width: 22%;
        border: 1px solid #CCC;
        display: inline-block;
        float: left;
        margin-right: 10px;
    }
    .border-right,
    .border-left {
        border: 0;
    }
    #header {
        display: none !important;
    }
    .match-height,
    .match-height-small,
    .hme-announce .section {
        height: auto !important;
    }
    #s4-ribbonrow {
        display: none;
    }
    * [class^="col-"] {
        width: 100% !important;
    }
    .print-only {
        display: block;
        visibility: visible;
    }
}

/*.item.news-rollup .thumbnail .caption.match-height {
    height: 89px;
}*/



/*  Overide for breadcrumbs to display
correctly on multiple lines */
.breadcrumb #GlobalBreadCrumbNavPopout-menu {
    display: block !important;
}
.breadcrumb ul.s4-breadcrumb, ul.s4-breadcrumb ul {
    display: block;
}
.breadcrumb {
    display: block;
}



/*  Custom spacing  */

.mt-0 {
    margin-top: 0 !important;
}
.mt-15 {
    margin-top: 15px;
}
.mr-15 {
    margin-right: 15px;
}
.ml-15 {
    margin-left: 15px;
}
.mb-15 {
    margin-bottom: 15px;
}

/*---------------------------------
  DET - Building education section
-----------------------------------*/
/* DOWNLOAD ISB BUTTON */
.isb-button {
    background-color: #f2f2f2;
    background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
    border: 1px solid #bfbfbf;
    box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #d9d9d9, inset 0 0 0 1px #f2f2f2, 0 2px 4px rgba(0, 0, 0, 0.2);
    color: #8c8c8c;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    text-decoration: none !important;
    padding: 9px 16px 9px;
    margin: 16px;
    transition: all 20ms ease-out;
}

.isb-button:hover,
.isb-button:focus {
    background: #f2f2f2;
    border-color: #8c8c8c;
    box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #d9d9d9, inset 0 0 0 1px #f2f2f2;
    text-decoration: underline !important;
    border: 1px solid #ececec;
}

.isb-button:active {
    background: #f2f2f2;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
}

.isb-button .fa {
    font-size: 25px;
    padding-right:10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
/* END DOWNLOAD ISB BUTTON */
.isb-school a.thumbnail:focus {
    border: 1px dotted #428bca;
}
div.custom-photo-gallery img,
div.building-education img{
	width:100%;	
}

#mainbody div.building-education a {
    text-decoration: none;
}

#mainbody div.building-education a:hover span,
#mainbody div.building-education a:focus span{
    text-decoration: underline;
    cursor: pointer;
}

/* thumbnail tile*/
.thumbnail-label{
    display: block;
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    color: #0c4b77;
    font-weight: normal;
    letter-spacing: 0.02em;
    font-size: 1.3em !important;
}

/* Thumbnail map */

.thumbnail.view-map:hover{
	opacity:0.5;
}

.thumbnail.view-map > img[data-toggle="modal"] + span{
	text-decoration:underline;
}

/* Custom colour tiles*/
div.budget-box ul{
	list-style:none;
	padding:19px;
}

div.budget-box{
	background-color:#FF836F;
}

div.budget-box:nth-child(2){
	background-color:#FCA977;
}

div.budget-box:nth-child(3){
	background-color:#B0DEFF;
}

div.budget-box li:first-child{
	font-weight: bold;
	font-size: 16px;
}

/* Slider */

.z1SliderContainer.imageleft .dots-container .slick-dots .z1SliderPaging,
.z1SliderContainer li[id*="slick-slide"] > button{
	width: 22px!important;
    height: 27px!important;
    margin-right:0px!important;
    text-align: center!important;
}
.z1SliderContainer li.slick-active > button{
	color: #fff!important;
}

.z1SliderContainer p.slick-caption.is-truncated{
	overflow:hidden;
}

@media only screen and (max-width: 992px){
	.z1SliderContainer.imageleft .slide-image img {
	    padding: 0px!important;
	}
}

.z1SliderContainer.imageleft .dots-container .slick-dots li {
    width: 20px;
    height: 27px;
}

/*Changes from homepage slider to page slider*/

.z1SliderContainer.imageleft .dots-container button.customButton.z1SliderPlayPause {
	text-align: center;
}

@media only screen and (max-width: 1024px){
	.z1SliderContainer .dots-container ul.slick-dots {
	    display: none!important;
	}
	
	.z1SliderContainer.imageleft .play-pause-container {
	    float: none!important;
	}
}

@media only screen and (max-width: 992px){
	.z1SliderContainer button.customButton.customButtonHover.z1SliderPlayPause {
	    padding: 0px 0px!important;
	}

	button.customButton.slick-prev:before, button.customButton.slick-next:before {
	    font-size: 30px;
	    line-height: 65px;
    }
    
    .z1SliderPlayPause.pause:before, .z1SliderPlayPause.play:before {
	    font-size: 25px;
	    line-height: 40px;
	}

}

@media only screen and (max-width: 812px){
	.z1SliderContainer .dots-container ul.slick-dots {
	    display: none!important;
	}
	
	.z1SliderContainer .dots-container{
	    display: inline-block!important;
	    text-align: center!important;
	    position: relative!important;
	    margin-left: auto!important;
	    margin-right: auto!important;
	    float: right!important;
	    border-radius: 0!important;
	    width: 100%!important;
	    background: #efefef!important;
	    padding: 0px!important;
	}
	
	.z1SliderContainer.imageleft .play-pause-container {
	    float: none!important;
	}
	
	.z1SliderContainer.imageleft .dots-container button.customButton.z1SliderPlayPause {
	    padding: 0px 0px!important;
	    width: 50px!important;
	}
	
	.z1SliderContainer.imageleft .dots-container button.customButton.slick-next,
	.z1SliderContainer.imageleft .dots-container button.customButton.slick-prev {
		height: 60px;
		width: 60px;
	}
	
	.z1SliderContainer button.customButton.customButtonHover.z1SliderPlayPause {
	    padding: 0px 0px!important;
	    color: #015D91!important;
	}
}

/*  */
div.custom-photo-gallery.row{
	padding-top: 10px;	
	margin:0px;
}

/* fix- modal backdrop in iOS*/
#myModal{
  background-color: rgba(0, 0, 0, 0.3);
}
.modal-backdrop{
  position: relative;
}

/* End - Building Education*/