/* Header */

#QLDLogo {
    display: none !important;
}
#Logo {
    position: absolute;
    top: 25px !important;
}
#Logo .icon-display {
    display: block !important;
    width: 265px;
    height: 62px;
}
#DynamicSiteLogo .dynamic-title {
    display: none;
}
#DynamicSiteLogo .dynamic-motto-title {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
#header .title-container-container {
    display: none;
}
#header .header-top {
    height: 100px;
    position: relative;
}

#header .searchbox {
    top: 30px;
}

@media screen and (max-width: 768px) {
    #header .searchbox {
        top: 108px;
    }
}

/* Homepage style */
#mainbody .homepage h2, #mainbody .homepage h3, #mainbody .homepage h4 {
    margin: 0px;
}

#mainbody .homepage h2 {
    color: black;
}

/* Homepage banner top */

/* Banner Title */
.homepage .hero-links.thumbnail-left.no-truncation-title {
    float: right;
    margin-right: 15px;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .homepage .hero-links.thumbnail-left.no-truncation-title {
        float: none;
    }
}

.homepage .hero-links.thumbnail-left.no-truncation-title .hero-image {
    display: none;
}

.homepage .hero-links.thumbnail-left.no-truncation-title .hero-text-container {
    padding: 0px;
}

.homepage .hero-links.thumbnail-left.no-truncation-title .hero-links-wrapper .hero-image-text h3.hero-truncate-title .hero-links-link {
    color: white;
}

.homepage .hero-links.thumbnail-left.no-truncation-title .hero-header {
    padding: 15px 10px 20px 10px;
    background-image: url(/SiteCollectionImages/hero-title-bg.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 360px;
    text-align: center;
}

.homepage .hero-links.thumbnail-left.no-truncation-title .hero-header .hero-title {
	padding:20px;
	line-height:1.2em;
	font-weight: 400;
	font-size:1.8em !important;
}

#mainbody .homepage .hero-links.thumbnail-left.no-truncation-title .hero-header h2 {
    color: white;
}

.homepage .hero-links.thumbnail-left.no-truncation-title .hero-image-text {
    padding: 15px 10px 20px 10px;
    background-image: url(/SiteCollectionImages/hero-title-bg.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 325px;
    text-align: center;
    margin-bottom: 12px;
}

.homepage .hero-links.thumbnail-left.no-truncation-title .hero-image-text .title.hero-truncate-title {
	padding: 20px;
	line-height:1.2em;
	font-weight: 400;
	font-size:1.8em !important;
	color: #ffffff !important;
}

#mainbody .homepage .hero-links.thumbnail-left.no-truncation-title .hero-image-text .title .hero-links-link {
    color: white;
}

@media screen and (max-width: 500px) {
    .homepage .hero-links.thumbnail-left.no-truncation-title .hero-header {
        width: 100%;
    }

    .homepage .hero-links.thumbnail-left.no-truncation-title {
        margin-right: auto;
    }

    .homepage .hero-links.thumbnail-left.no-truncation-title .hero-image-text {
        width: auto;
    }
}

/* End Banner Title */

/* Banner left side text */
.homepage .bnw-image-text {
    background: url(/SiteCollectionImages/intro-bg.svg);
    color: white;
    font-size: 13px;
    text-align: center;
    padding: 20px 20px;
    width: 240px;
    background-size: 100%;
    background-repeat:no-repeat;
}

@media screen and (max-width: 767px) {
    .homepage .bnw-image-text {
        background-size: cover;
        width: 60%;
        margin: 0 auto;
    }
}

/* End Banner left side text */

/* Banner button */
.homepage .bnw-btn-container {
    display: inline;
}

.homepage a.bnw-chat {
    text-align: center;
    padding: 10px;
    padding-left: 20px;
    background: #a9ca44;
    /* display: inline; */
    border-color: #a9ca44;
    color: #1f1f21;
    font-weight: bold;
    font-size: 1.3em;
    padding-right: 10px;
    border: 3px solid black;
}

.homepage a.bnw-chat:hover {
    border: 3px solid black;
}

.homepage a.bnw-chat:after {
    content: "\f054";
    font-family: fontawesome;
    font-size: 1em;
    padding: 6px 6px 4px 9px;
    background: white;
    color: black;
    margin-left: 20px;
    display: inline-block;
}

@media screen and (max-width: 500px) {
    .homepage a.bnw-chat:after {
        margin-left: 10px;
    }
}

/* End Banner button */

/* Banner background */
@media screen and (max-width: 767px) {
    .homepage #band-1 {
        margin-bottom: 70px;
    }
}

.homepage #band-1 .bg-overlay {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

@media only screen and (max-width: 768px) {
.homepage #band-1 .bg-overlay {
    background-size: 200%;
	background-position: 0% 0%;
}
}

.homepage #band-1 .band-1a > .container {
    position: relative;
}

.homepage .banner-background-img {
    background: url(/PublishingImages/bullying-banner-image.jpg) no-repeat;
    position: absolute;
    width: 100%;
    height: 426px;
    z-index: 0;
    bottom: -335px;
    right: 0px;
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
}

.homepage .banner-bg-container {
    position: relative;
    margin-left: -70px;
}

@media screen and (max-width: 1159px) and (min-width: 1100px) {
    .homepage .banner-bg-container {
        margin-left: -50px;
    }
}

@media screen and (max-width: 1099px) and (min-width: 1000px) {
    .homepage .banner-bg-container {
        margin-left: -20px;
    }
}

@media screen and (max-width: 999px) and (min-width: 992px) {
    .homepage .banner-bg-container {
        margin-left: -0px;
    }
}

@media screen and (max-width: 991px) and (min-width: 890px) {
    .homepage .banner-bg-container {
        margin-left: -120px;
    }
}

@media screen and (max-width: 889px) and (min-width: 800px) {
    .homepage .banner-bg-container {
        margin-left: -80px;
    }
}

@media screen and (max-width: 799px) and (min-width: 768px) {
    .homepage .banner-bg-container {
        margin-left: -50px;
    }
}

@media screen and (max-width: 767px) {
    .homepage .banner-bg-container {
        margin-left: -15px;
        margin-right: -15px;
    }

    .homepage .banner-background-img {
        bottom: -234px;
    }
}

/* End Banner background */

/* Banner links */
.homepage .image-control .image-container {
    margin-bottom: -20px;
    margin-top: -20px;
}

.homepage .hero-links.text-only.no-truncation-title {
    margin-top: 145px;
    margin-right: 30px;
    position: relative;
    z-index: 1;
}

.homepage .hero-links.text-only.no-truncation-title .hero-links-wrapper {
    width: 300px;
    float: right;
    min-height: 190px;
}

.homepage .hero-links.text-only.no-truncation-title .hero-links-wrapper .hero-links-list.row {
    padding: 0px;
}

.homepage .hero-links.text-only.no-truncation-title > .row {
    padding-top: 0px;
    box-shadow:none;
}

.homepage .hero-links.text-only.no-truncation-title .hero-links-item {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    margin-bottom: 15px;
    background: white;
    padding: 5px;
    width: 300px;
    margin-left: 15px;
    margin-right: 15px;
    display: block;
}

.homepage .hero-links.text-only.no-truncation-title .hero-links-item a {
    padding: 4px 20px 4px 10px !important;
    position: relative;
}

.homepage .hero-links.text-only.no-truncation-title .hero-links-item a:after {
    /* margin-top: 5px;
    margin-right: -15px; */
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

@media only screen and (min-width: 768px) {
    .homepage .hero-links.text-only.no-truncation-title .hero-links-wrapper {
        min-height: 0;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .homepage .hero-links.text-only.no-truncation-title {
        margin-top: 0;
        margin-right: 30px;
        position: relative;
        z-index: 1;
        min-height: 330px;
    }
}

@media only screen and (max-width: 767px) {
    .homepage .hero-links.text-only.no-truncation-title .hero-links-wrapper .hero-links-list.row {
        position:absolute;
        bottom: 0;
    }
}

@media only screen and (max-width: 400px) {
    .homepage .hero-links.text-only.no-truncation-title .hero-links-item {
        width: auto;
    }
}

/* .homepage .hero-links.text-only.no-truncation-title .hero-links-item:last-of-type a:after {
    margin-top: -10px;
} */

/* End Banner links */

@media screen and (max-width: 767px) {
    .homepage .image-control .image-container {
        text-align: center;
    }

    .homepage .hero-links.text-only.no-truncation-title {
        margin-right: 0px;
        margin-top: 30px;
    }

    .homepage .hero-links.text-only.no-truncation-title .hero-links-wrapper {
        float: none;
    }

    .homepage a.bnw-chat {
        margin: 0 auto;
        display: block;
        /* padding: 15px 20px 10px 20px; */
    }

    .homepage button.bnw-chat:after {
        margin-left: 38px;
    }

    #mainbody .homepage .banner-title-container h2.banner-title {
        float: none;
    }
}

/* Custom header styles */
.homepage .hero-links.tile-3 .hero-header, .homepage .hero-links.text-image-left .hero-header {
    display: inline-block;
    margin-bottom: 20px;
}

#mainbody .homepage .hero-links.tile-3 .hero-header h2, #mainbody .homepage .hero-links.text-image-left .hero-header h2 {
    color: white;
}

.homepage .hero-links.tile-3 .hero-header .hero-title, .homepage .hero-links.text-image-left .hero-header .hero-title {
    padding: 20px;
    display: inline;
    background-image: url(/SiteCollectionImages/black_banner.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.homepage #band-2 > .bg-color {
    padding-top: 40px;
    padding-bottom: 30px;
    background: linear-gradient(to bottom, #a9ca44 0%, #cde08d 100%);
    clip-path: polygon(0% 0%, 100% 8%, 100% 95%, 0 100%)
}

.homepage #band-4 .bg-color {
    background: url(/SiteCollectionImages/grey-bg-patterned.png);
    clip-path: polygon(0% 0%, 15% 0, 100% 03%, 100% 100%, 0 100%);
    background-repeat: repeat;
    background-size: 30%;
    padding-top: 25px;
}

@media screen and (max-width: 767px) {
    .homepage #band-4 .bg-color, .homepage #band-2 > .bg-color {
        clip-path: none;
    }

    .homepage #band-2 {
        margin-top: -90px;
    }
}

@media screen and (max-width: 500px) {
    .homepage .hero-links.tile-3 .hero-header .hero-title, .homepage .hero-links.text-image-left .hero-header .hero-title {
        display: block;
    }
}

/* Popular links */
.homepage .hero-links.text-only:not(.no-truncation-title) > .row {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: 15px;
    background: white;
}

.homepage .hero-links.text-only:not(.no-truncation-title) .hero-links-item {
    display: block;
}

.homepage .hero-links.text-only:not(.no-truncation-title) .hero-links-item:not(:last-child) {
    border-bottom: 1px solid lightgrey;
}

.homepage .hero-links.text-only .hero-links-wrapper .hero-links-list .hero-links-item a.hero-links-link {
    display: block;
    min-height: 30px;
    padding-top: 8px;
}

.homepage .hero-links.text-only .hero-links-wrapper .hero-links-list .hero-links-item a.hero-links-link:after {
    content: "\f054";
    font-family: fontawesome;
    float: right;
}

.homepage .hero-links.text-only .hero-links-item {
    margin-bottom: 0px;
}

/* End Popular links */

/* Highlighted content */
.homepage .highlighted-content-header {
    display: flex;
    padding: 50px;
    background-image: url(/SiteCollectionImages/orange_banner.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.homepage .highlighted-content-header .content-image {
    float: left;
    margin-right: 10px;
}

.homepage .highlighted-content-header .content-image img {
    min-width: 100%;
    max-width: 100%;
}

.homepage .highlighted-content-header .highlighted-body-container {
    flex: 1;
}

.homepage .highlighted-content-header .content-title {
    border-bottom: 3px solid black;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.homepage .highlighted-body-container .content-text p {
    margin-right: 150px;
	color: #000;
}

.homepage .highlighted-content-header .registration-btn:after {
    content: "\f054";
    font-family: fontawesome;
    float: right;
    margin-left: 15px;
}

.homepage .highlighted-content-header .registration-btn:hover, .homepage .highlighted-content-header .registration-btn {
    border: 2px #000 solid;
    float: right;
}

.homepage .highlighted-content-header .registration-btn:hover {
	background-color:#fff;
}

@media screen and (max-width: 767px) {
    .homepage .highlighted-content-header {
        display: block;
    }

    .homepage .highlighted-content-header .content-image {
        display: block;
        float: none;
        margin-right: 0px;
        text-align: center;
    }

    .homepage .highlighted-content-header .content-image img {
        min-width: auto;
        /* max-width: none; */
    }

    .homepage .highlighted-body-container .content-text p {
        margin-right: 0px;
    }

    .homepage .highlighted-content-header .registration-btn:hover, .homepage .highlighted-content-header .registration-btn {
        float: none;
    }
}

/* Support and advice */
.homepage .hero-links.tile-3 .hero-links-wrapper .hero-links-list .hero-links-item {
    padding-right: 0px;
}

@media screen and (max-width: 992px) {
    .homepage .hero-links.tile-3 .hero-links-wrapper .hero-links-list .hero-links-item {
        padding-right: 0px;
    }
}

@media screen and (max-width: 767px) {
    .homepage .hero-links.tile-3 .hero-links-wrapper .hero-links-list .hero-links-item, .homepage .hero-links.tile-3 .hero-links-wrapper .hero-links-list .hero-links-item:not(:last-child) {
        padding-right: 15px;
    }
}

@media screen and (min-width: 661px) {
    .homepage .hero-links.tile .hero-links-item .hero-caption {
        position: absolute;
        background: rgba(0,0,0,0.6);
        bottom: 0px;
        left: 0px;
    }
}

@media screen and (max-width: 660px) {
    .hero-links.tile .hero-image, .hero-links.tile .hero-links-item .hero-link .hero-link-hover {
        display:block;
    }
}
/* Featured resources */
.homepage .hero-text-container.image-set {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    background: white;
}

.hero-links.text-image-left .hero-links-item {
    border-bottom: 0px;
}

.homepage .hero-links.text-image-left .hero-links-item .title {
    border-bottom: 1px solid lightgrey;
    padding-top:10px;
    height:auto;
}

.hero-links.text-icon-left .hero-links-item .title, .hero-links.icon-left .hero-links-item .title {
    padding: 5px 0 10px 0;
    font-size: 1.3em;
}

.hero-links.text-icon-left.no-truncation-description .hero-links-item .hero-description-container, .hero-links.icon-left.no-truncation-description .hero-links-item .hero-description-container {
    line-height:inherit;
}

.homepage .hero-links.text-image-left .hero-links-item .hero-description-container {
    height: 65px;
    min-height: 65px;
    margin-top: 10px;
}

@media only screen and (max-width: 660px) {	
    .homepage .hero-links.text-image-left .hero-text-container {padding-left: 14px; height: auto; padding-bottom:10px;}	
    .homepage .hero-links.text-image-left .hero-text-container .hero-image {width:100%; height:200px !important;}	
    .homepage .hero-links.text-image-left .hero-text-container .hero-image-text {padding-top: 200px;}	
}

/* End of Home page styles */

/* Side Navigation */
#sideNavBox .nav-accordion-item .currentNavContainer .father ul.dynamic {
    margin-top: 1px;
}

/* Footer quick list */

footer .quick-links .quick-links-list {
    list-style: none;
    padding-left: 0px;
}

.quick-links .quick-links-title {
    border-bottom: 1px solid #555555;
}

#footer ul.footerlevel:last-child li.footeritem {
    display:block;
    font-size:11px;
}

#footer ul.footerlevel li.footeritem .footer-no-margin {
    margin:0px
}

footer .footer-title {
    font-size:1.3em;
    margin-top: 1em;
	margin-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
    .quick-links .quick-links-title {
        text-align: left;
    }

    footer .quick-links .quick-links-list {
        display:block;
        text-align: left;
    }

    .widget-feedback #pageFeedback, .social-media-links .social-media-links-list {
        text-align: left;
    }
}

/* Latest news */
.homepage .hero-links.tile .hero-links-item .hero-link:hover .hero-link-hover, .hero-links.tile .hero-links-item .hero-link:focus .hero-link-hover {
    z-index: 1;
}

@media screen and (min-width: 992px) {
    .homepage .hero-links.text-image-left > .row {
        padding-right: 50px;
    }

    .homepage .hero-links.text-image-left .hero-text-container {
        padding-right: 14px;
    }
}

.homepage .hero-links.text-icon-left .hero-icon-text {
    width: 100%;
}

.homepage .hero-links.text-icon-left > .row {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: 15px;
    background: white;
}

.homepage .hero-links .hero-text-container > a.hero-icon {
    display: none;
}

.homepage .hero-links .hero-text-container.no-icon-set {
    padding-left: 0px;
	flex-direction:column;
}

.homepage .hero-links.text-icon-left .hero-links-item:not(:last-child) {
    border-bottom: 1px solid lightgrey;
}

/* Page title style */
.breadcrumb-container {
    font-size: 0.85em;
    padding: 0 0 0 10px;
}

/* site-wide heading style adjustments */

h2, #mainbody h2 {
    margin: 1.1em 0 15px;
    font-size: 1.715em;
    color: #DB3A00;
}

h3, #mainbody h3 {
    margin: 1.1em 0 15px;
}

h4, #mainbody h4 {
    margin: 1.1em 0 15px;
    color: #555555;
}

/* Highlight styles */

p.bnw-highlight-simple {
    border: 1px solid #F47321;
    background: #fff9f6;
    padding: 20px 20px;
    margin: 1.5em 0;
	font-size:1.05em;
}

p.bnw-highlight-info, p.bnw-highlight-alert, p.bnw-highlight-question {
    color:#666666; 
    margin:2.5em 15% 2.5em 0 ; 
    font-size:1.15em; 
    line-height: 1.75em; 
    padding: 30px 15px;
    border-top: 2px dashed #F47321; 
    border-bottom: 2px dashed #F47321;
}

p.bnw-highlight-info::before, p.bnw-highlight-question::before, p.bnw-highlight-alert::before  { 
    float:left;
    top: 0px;
    left: -30px;
    width:100px;
    height:60px;
    background-size: 80px;
    background-repeat: no-repeat;
    content: " ";
}

p.bnw-highlight-info::before { 
background-image: url('/SiteCollectionImages/bubble-blue.png');
}

p.bnw-highlight-alert::before { 
background-image: url('/SiteCollectionImages/bubble-green.png');
}

p.bnw-highlight-question::before { 
background-image: url('/SiteCollectionImages/bubble-orange.png');
}

@media screen and (max-width: 767px) {

    p.bnw-highlight-info, p.bnw-highlight-alert, p.bnw-highlight-question {
        margin:1.5em 0 ; 
        padding: 20px 5px;	
        display: block; 
    }

    p.bnw-highlight-info::before, p.bnw-highlight-question::before, p.bnw-highlight-alert::before  { 
        float:none;    
        top: 0px;
        left: -30px;
        width:100px;
        height:60px;
        background-size: 70px;
        background-repeat: no-repeat;
        display:block;
        margin: auto;
    }
}

/* Article rollup image resize */
.article-app .articles.tile .article .article-image-container {
    height:150px;
    border-bottom: 3px #F46810 solid;
}
    
.article-app .articles.tile.top .article-text-container {
    padding-top:170px;
}

.article-app .articles.tile .article .article-text-container {
    min-height: 300px;
}

/* Related pages styles */

.related-pages-list {
    border-top: 2px solid #fab488;
    margin-top: 2em;
    padding: 0 1.5em 1em 1.5em;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    max-width: 400px;
}

.related-pages-list h2::before {
    font-family: FontAwesome;  
    content: "\f0f6";
    margin-right: 10px;
    font-weight: 400;
}


.related-pages-list ul {
    padding-inline-start: 0;
    list-style: none;
}

.related-pages-list ul li {
    padding-bottom: 0;
}

.related-pages-list li a {
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid #cccccc;
    color:#333;
    display: block;
}


.related-pages-list li a:hover {
    background-color: #fef0e7;
}


/* Table of contents on page */

.well {border-radius: 0;}

.well.icon.sections {
    border: solid #777777;
    border-width: 2px;
    background-color: #fff9f6;
}
.well.icon {
    position: relative;
}
.well.icon.sections:after {
    content: "\f0ca";
    color: #555555;
}
.well.icon:after {
    font-family: FontAwesome;
    font-size: 1.4em;
    position: absolute;
    top: 15px;
    right: 15px;
}
p.toc-heading {
    font-size: 16px;
    color: #5c5c5c;
	margin: 5px 0 10px 0;
}
.no-list-style ul {
    list-style: none;
    padding-left: 0;
}
ul.no-list-style {
    list-style: none;
    padding-left: 0;
}
ul.list-style {
    list-style: inside;
    padding-left: inherit;
}
.no-list-style li {
    padding-top: 10px;
	margin-left: 0 !important;
	display:flex;
}

.no-list-style li i {
    display:table;
    margin-top: 5px;
    margin-right: 10px;
}

.custom-dynamic-column-list ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
@media only screen and (max-width: 510px) {
    .custom-dynamic-column-list ul {
        columns: 1 !important;
        -webkit-columns: 1 !important;
        -moz-columns: 1 !important;
    }
     .no-list-style li {
        padding-top: 10px;
    }
}

/* Custom list style using checks/ticks */

ul.bnw-list-check {
    list-style: none;
    padding-inline-start: 0;
    margin: 1.5em 0;
}

ul.bnw-list-check li {
    margin: 1em;
    margin-left: 3em;
}

ul.bnw-list-check li::before {
    content: "\f00c";
    font-family: FontAwesome;
    float: left;
    margin-left: -2em;
    margin-top:-4px;
    background: #ABD140;
    width:30px;
    height: 30px;
    text-align: center;
    font-size:1.5em;
}

/* Top of page inline navigation for teaching resources catalogue pages and glossary page */

.bnw-trc-nav {
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin: 0;
}
.bnw-trc-nav li {
	display: inline-block;
    padding: 5px 0;
    margin: 4px;
}
.bnw-trc-nav li a {
	background-color: #f2f2f2;
	border: 2px #F47321 solid;
	padding: 5px 10px;
	color: #333;
}

.trc-container a.trc-resource {
    margin: 1.1em 0 15px;
    display: block;
}

.trc-container h2.trc-resource {
	display: inline;
}

/* Placeholder image on content rollups */

.article-app .articles .article.placeholder-image .article-image-container {background-size: cover;}


/* Content rollup web part styles - site-wide. Category styling and heading size and spacing adjustments */

.article-app .article .categories span {
     padding: 3px 5px 5px 5px;
	 border: 1px solid #dddddd !important;
 }
.article-app .article .categories {
    margin-top: 10px;
    margin-bottom: 10px;
}
.article-app h3, #mainbody .article-app h3 {
    margin: 0 0 5px;
    font-size: 1.2em;
}

/* Non-landing page sub-site page rollups - icon on h3 and no image */

.article-app .articles.list .article {
border: 1px solid #f1f1f1;
padding: 20px 20px 15px 20px;
}

.article-app .articles.list .article h3:before {
content: "\f0f6";
margin-right: 10px;
font-family: FontAwesome;
font-weight: normal;
}

/* Table styling */

.ms-rteTable-default td {
    font-size: 1em;
	padding: 10px;
}

.ms-rteTable-default > tbody > tr > td, .ms-rteTable-default th  {
    padding: 10px;
}

.ms-rteTable-default {
    margin-bottom: 20px;
    margin-top: 10px;
}

/* Selected section */
#SelectedSection #RefinementName {
    color: #617920; font-weight: bold;
}

#SelectedSection #RefinementName::after {
    content: "\f00c"; font-family: FontAwesome; margin-left: 5px;
}

/* Need help and report bullying promos */
.bnw-promo {
    width: 250px;
    height: 250px;
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
    
.bnw-promo:hover {
    border: 2px solid #000;
}

.bnw-promo.bnw-promo-bullied {
    background: url(/contact/PublishingImages/are-you-being-bullied-report-it.png) no-repeat center center;
    background-size:cover;
}

.bnw-promo.bnw-promo-needhelp {
    background: url(/contact/PublishingImages/need-help-now.png) no-repeat center center;
    background-size:cover;
}
    
@media (max-width: 767px) {
    .bnw-promo {
        width: 100%;
        height: 150px;
        display:block;
        background-size:contain;
    } 
    .bnw-promo.bnw-promo-bullied {
        background: url(/contact/PublishingImages/are-you-being-bullied-report-it-inline.png) no-repeat left center;
        background-size: contain;
    } 
    .bnw-promo.bnw-promo-needhelp {
        background: url(/contact/PublishingImages/need-help-now-inline.png) no-repeat left center;
        background-size: contain;
    } 
}

/* Light grey border with padding for divs - used on the need help now page */
.bnw-box {
    border: 1px #ccc solid;
    padding: 20px 30px;
}

@media (max-width: 767px) {
    .bnw-box {
        margin-top:10px;
    }
}

/* A class to force images to take up 100% width on mobile */

@media (max-width: 767px) {
    .img-mobile {
        width:100% !important;
    }
}

/* spacing between line items within standard text fields */

.ms-rtestate-field li {
    padding-bottom: 0.6em;
}

/* Non-landing page sub-site page rollups - icon on h3 and no image */

.article-app .articles.list .article {
border: 1px solid #f1f1f1;
padding: 20px 20px 15px 20px;
}

.article-app .articles.list .article h3:before {
content: "\f0f6";
margin-right: 10px;
font-family: FontAwesome;
font-weight: normal;
}

/* document list adjustments */

.documents h3 {margin: 0; padding:5px 0 0 0;}

/* Reduce space between hero links for image left display */

.hero-links.text-image-left .hero-links-item {padding-bottom:0;}

.document-list.list .document .text-container .info-container h3.title {margin: 0.5em 0 0.5em !important;}

/* Content rollup summary links web part default styling */

.slwpmarker .dfwp-column .groupheader.item {

margin: 1em 0 0.5em;
    font-size: 1.715em;
    color: #DB3A00;
	line-height: 1.3em;
	font-weight: 600;
	
}

.slwpmarker .dfwp-column .groupheader.item::before {
	font-family: FontAwesome;
    content: "\f0f6";
    margin-right: 10px;
    font-weight: 400;
}

.slwpmarker .dfwp-column  .dfwp-list li .item {padding:0;}

.slwpmarker .dfwp-column  .dfwp-list li a {
	border-top:1px solid #cccccc;
	display:block;
	padding: 10px 0;
	color: #333;
}

.slwpmarker .dfwp-column  .dfwp-list li a:hover {
background-color: #fef0e7;
}

.slwpmarker .dfwp-column  .dfwp-list li a:visited {color: #333;}

.slwpmarker {
    margin-top: 2em;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    max-width: 400px;
}

.slwpmarker .dfwp-column {
    padding: 0 1.5em 1em 1.5em;
    border-top: 2px solid #fab488;
}

/*Top banner zone padding adjustment */

.wbp-outer .ms-webpart-zone {padding-bottom: 0;}

/* Mobile in this section navigation adjustments */

@media only screen and (max-width: 992px) {

    .sidebar-nav.nav-accordion .nav-accordion-item {background-color: #f7faec;}
    
    .sidebar-nav.nav-accordion .nav-accordion-title button {
        font-size:18px; padding: 5px 15px;
    }
    
    }

/* Responsive tables */
table.ms-rteTable-default {
    margin: 1em 0;
    min-width: 300px;
}

table.ms-rteTable-default a {
    word-break: break-word;
}

table.ms-rteTable-default th {
  display: none;
}
table.ms-rteTable-default td {
      display: inline-block;
}
table.ms-rteTable-default td:first-child {
  padding-top: .5em;
}
table.ms-rteTable-default td:last-child {
  padding-bottom: .5em;
}
table.ms-rteTable-default td:before {
  font-weight: bold;
  display: block;
}
@media (min-width: 480px) {
  table.ms-rteTable-default td:before {
    display: none;
  }
}
table.ms-rteTable-default th, table.ms-rteTable-default td {
    text-align: left;
    vertical-align: top;
}
@media (min-width: 480px) {
  table.ms-rteTable-default th, table.ms-rteTable-default td {
    display: table-cell;
    padding: .25em .5em;
  }
  table.ms-rteTable-default th:first-child, table.ms-rteTable-default td:first-child {
    padding-left: 0;
  }
  table.ms-rteTable-default th:last-child, table.ms-rteTable-default td:last-child {
    padding-right: 0;
  }
}
table.ms-rteTable-default th, table.ms-rteTable-default td {
  margin: .5em 1em;
}
@media (min-width: 480px) {
  table.ms-rteTable-default th, table.ms-rteTable-default td {
    padding: 1em !important;
  }
}

/* ADDED CUSTOM TO WORK ON SMALL DEVICES */
@media only screen and (max-width: 569px) {
  table.ms-rteTable-default tr {
      display: table-row;
      border-bottom: 0px;
  }

  table.ms-rteTable-default th {
      display: table-cell;
  }

  table.ms-rteTable-default td, table.ms-rteTable-default td:last-child {
        display: table-cell;
      border-bottom: 1px solid #f1f1f1 !important;
  }

}

/* @media only screen and (max-width: 385px) {
.ms-rteTable-default td {
    display: block;
    width: 50% !important;
    text-align: left;
} */

/* Custom focus style */

a:focus {
	outline: 2px solid #000000 !important;
	outline-offset: 1px;
}

.footer-container a:focus, .composite-footer-container a:focus, .global-nav-container a:focus {outline: 2px solid #ffffff !important;}

.global-nav-container a:focus {outline-offset: 0;}

/* Styling for nested unordered lists */
ul li ul {
    margin-top: 10px;
}

/* Fix for hero link flex bug on homepage */
.article-app .article-flex-inner:before,.article-app .article-flex-inner:after, .hero-links .hero-links-list:before, .hero-links .hero-links-list:after {
    width:0px;
  }
   
  /*END Flex bug on homepage*/