body{
    font-family: 'Open Sans', sans-serif;
    font-size: 9pt;
    font-weight: 400;
    background-color: #f1e7f7;
}


.h1, h1 {
     font-size: 2em; 
}
.h2, h2 {
     font-size: 1.3em !important;
    margin-top: 40px
}
a{
    color: rgba(196,35,141, 1);
    text-decoration: underline;
}
a.btn{
    text-decoration: none;
}

.shadow-sm{
    box-shadow: none;
}
.border-bottom{
    border :0;
}
article .dropdown-item.active, article .dropdown-item:active{
    background-color: #ccc;
}
article .dropdown-item.focus, article .dropdown-item:focus{
    border-color: #aaa;
    outline-color: #aaa;
}

nav.shadow-sm.border-bottom{
    font-size: 0.85em;
    color: #fff;
    background-color: #5663a8;
    box-shadow: 2px 2px 2px rgba(100,100,100, .6) !important;
    border :0 !important;
}

.navbar-brand {
    font-size: 1.4em;
    margin-right: 40px;
}

.navbar-dark .navbar-nav > .nav-item{
    border-bottom: 1px solid #fff;
}
.navbar-dark .navbar-nav a.nav-link {
    color: #fff;
    text-decoration: none;
    font-size: 1.3em;
    padding: 10px 0;
}
.navbar-dark .dropdown-toggle{
    position: relative;
}
.navbar-dark .dropdown-toggle::after{
    position: absolute;
    right: 20px;
    top: 18px;
}
.navbar-dark .dropdown-menu{
    border: 0;
    border-radius: 2px;
    background-color: transparent;
}


.navbar-dark .dropdown-menu a{
    color: rgba(255,255,255,1);;
    text-decoration: none;
}
.navbar-dark .dropdown-menu a:hover{
    background-color: inherit;
    color: rgba(255,255,255,.8);
}

@media screen and (min-width: 576px){
            
    .navbar-dark .navbar-nav a.nav-link { 
        padding: 0 10px; 
        font-size: 1.0em;
    }
    .navbar-dark .navbar-nav > .nav-item{
        border-bottom: none;
    }
    .navbar-dark  .dropdown-toggle{
        position: initial;
    }
    .navbar-dark  .dropdown-toggle::after{
        position: initial;
        right: initial;
        top: initial;
    }

    .navbar-dark  .dropdown-menu{
        background-color: rgb(147, 157, 212);
        box-shadow: 2px 2px 2px rgba(0,0,0, .5);
    }
}


@media screen and (min-width: 750px){
            
    .navbar-dark .navbar-nav a.nav-link { 
        
        font-size: 1.3em;
    }

}
@media screen and (min-width: 576px) and (max-width: 650px) {
    nav {
        font-size: 0.55em;
    }
}
@media screen and (min-width: 651px) and (max-width: 800px) {
    nav {
        font-size: 0.65em;
    }
}

nav a{
    color: #fff;
}
nav a:hover{
    color: #ccc;
}

article{
    margin: 40px -5px 0px;
    padding: 0 10px 20px;
    min-height: 600px;
    background-color: #fff;
    box-shadow: 2px 2px #ccc;
    border-radius: 2px;
}


article h1 {
    background-color: rgba(196,35,141, 0.8);
    color: #fff;
    padding: 20px;
    transform: rotate(-1deg);
    display: inline-block;
    box-shadow: 2px 2px #ccc;
    border-radius: 2px;
    margin: -20px 0 20px;
}

@media screen and (min-width: 800px){
    article{
        margin: 40px 20px 0px;
        padding: 0 20px 20px;
    }
    article h1 {
        margin: -24px 20px 20px -40px ;
    }
}

article .submenu.dropdown .dropdown-toggle{
    border: 1px solid #5663a8;

}

article .submenu.dropdown .dropdown-item{
    padding: 8px;
}

article h2 span {
    display: inline-block;
    margin: 25px 20px 20px 0px ;
    background-color: #e2708c;
    color: #fff;
    padding: 15px !important;
    transform: rotate(-1deg);
    box-shadow: 2px 2px #ccc;
    border-radius: 3px !important;
}

@media screen and (min-width: 1000px){
    article h2 {
        margin: 25px 20px 20px -20px ;
    }
}
article .accordion>.card {
    overflow: initial;
}


.accordion .dropdown-toggle:after{
    margin-left: 20px;
}


.accordion .dropdown-toggle[aria-expanded="true"]:after{
    transform: rotate(180deg);
}

article accordian-item{
    display: block;
}

article .accordion h2{
    margin-top: -20px;
    margin-bottom: 0;
}

article .accordion h2 a,
article .accordion h2 a:hover{
    color: inherit; 
    text-decoration: inherit;
}
article .accordion h2 a:hover{
    text-decoration: underline;
}

/* article accordian h2 a.collapsed:after{
    content: ">";
    transform: rotate(90deg)
    
}
article accordian h2 a:after{
    content: "<"
} */

article .accordion .card{
    border: none;
}


.h3, h3 {
    font-size: 1.15em !important;
    margin: 25px 0px 20px 0 ; 
    color: #e2708c;

    /* border-radius: 3px !important;
    padding: 10px !important;
    transform: rotate(-1deg); */
    display: block; 
}

.definitions div{
    margin: 40px 0 30px 0; 
}

.definitions div h3{
    margin: 0; 
}

.definitions div h3 span{
    font-size: 1.15em !important;
    margin: -25px 20px 20px -20px ; 
    background-color: #e2708c;
    color: #fff;
    border-radius: 3px !important;
    padding: 10px !important;
    transform: rotate(-1deg);
    display: inline-block; 
}
.definitions div h3 span a{
    color: #fff;
}



article h1+p,
article h1+div.dropdown+p,
article h1+div.dropdown+ul {
    font-size: 1.2em;
    font-weight: 500;
    margin: 30px 0;
}

article ul,
article ol{
    margin-left: 0px;
    padding-left: 20px;
}

/* @media screen and (min-width: 1000px){
    article ul{
        margin-left: 0px;
        padding-left: 20px;
    }
} */

article ul li,
article ol li{
    margin-left: 0px;
    padding-left: 10px;
    margin-bottom: 10px;
}

article ul li ul,
article ol li ul{
    margin-bottom: 20px;
}
footer{
    font-size: 0.75em;
    padding: 20px 0;
}

    footer p {
        padding-top: 10px;
    }

    footer p a{
        text-decoration: underline;
    }

.container{
    max-width: 1000px;
}

img{
    max-width: 100%;
}

.btn-primary{
    background-color: #7e90e9;
    border: 0;
    font-size: 1.2em;
    padding: 20px;
    margin: 20px 0;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:active{
    background-color: #5965a4;
}
.breadcrumb {margin-top: 20px; }

.breadcrumb,
.breadcrumb-item+.breadcrumb-item::before,
.breadcrumb .breadcrumb-item.active{
    color: #fff;
}

article::after {
    display: block;
    clear: both;
    content: "";
}

article a.btn-primary{
    float: right;
}
article a.btn-primary:after{
    font-family: 'FontAwesome';
    content: "\f105";
    padding-left: 20px;
    font-size: 1.1em;
}

article a img {
    max-width: 25%; 
    border: 1px solid #999;
    box-shadow: 2px 2px #ccc;
    padding: 10px;
    position: relative;
}

article a.large-thumb img{
    max-width: 50%; 
}

article .col-3 a img,
article .col-sm-3 a img{
    max-width: 100%; 
    min-height: 100%;
}


article .btn:active,
article .btn:hover,
article .btn:focus{
    background-color: rgba(89,101,164,0.8);
    color: #fff;
}

.home,
.experiencing-inappropriate-behaviour,
.accused-of-inappropriate-behaviour,
.witness-of-inappropriate-behaviour,
.manager-my-people-are-involved{
    background-color: #f8f8ff;     
}
.home article h1,
.home article .btn-primary {
    background-color: rgb(89,101,164);
}

.home article h2 span,
.home article .btn:active,
.home article .btn:hover,
.home article .btn:focus,
.breadcrumb{
    background-color: rgba(89,101,164,0.8);
}
.home article .submenu.dropdown .dropdown-toggle,
.home article .submenu.dropdown .dropdown-toggle,
.home article .submenu.dropdown .dropdown-toggle {
    border-color:rgb(89,101,164);
}
.home article h3,
.home article a{
    color: rgb(89,101,164);
}

article .submenu.dropdown .dropdown-toggle,
article .submenu.dropdown .dropdown-toggle,
article .submenu.dropdown .dropdown-toggle {
    border-color: rgb(241,105,49);
}
.experiencing-inappropriate-behaviour article h1,
.experiencing-inappropriate-behaviour article .btn-primary
{
    background-color: rgb(241,105,49);
}
.experiencing-inappropriate-behaviour .breadcrumb,
.experiencing-inappropriate-behaviour h2 span,
.experiencing-inappropriate-behaviour article .btn:active,
.experiencing-inappropriate-behaviour article .btn:hover,
.experiencing-inappropriate-behaviour article .btn:focus{
    background-color: rgba(241,105,49,0.8);
}
.experiencing-inappropriate-behaviour article .submenu.dropdown .dropdown-toggle,
.experiencing-inappropriate-behaviour article .submenu.dropdown .dropdown-toggle,
.experiencing-inappropriate-behaviour article .submenu.dropdown .dropdown-toggle {
    border-color: rgb(241,105,49);
}
.experiencing-inappropriate-behaviour article h3,
.experiencing-inappropriate-behaviour article a{
    color: rgb(241,105,49);
}

.witness-of-inappropriate-behaviour article h1,
.witness-of-inappropriate-behaviour article .btn-primary{
    background-color: rgb(105,189,69);
}
.witness-of-inappropriate-behaviour .breadcrumb,
.witness-of-inappropriate-behaviour article h2 span,
.witness-of-inappropriate-behaviour article .btn:active,
.witness-of-inappropriate-behaviour article .btn:hover,
.witness-of-inappropriate-behaviour article .btn:focus{
    background-color: rgba(105,189,69, 0.8);
}
.witness-of-inappropriate-behaviour article .submenu.dropdown .dropdown-toggle,
.witness-of-inappropriate-behaviour article .submenu.dropdown .dropdown-toggle,
.witness-of-inappropriate-behaviour article .submenu.dropdown .dropdown-toggle {
    border-color:rgb(105,189,69);
}
.witness-of-inappropriate-behaviour article h3,
.witness-of-inappropriate-behaviour article a{
    color: rgb(105,189,69);
}

.accused-of-inappropriate-behaviour article h1,
.accused-of-inappropriate-behaviour article .btn-primary{
    background-color: rgb(196,35,141);
}

.accused-of-inappropriate-behaviour .breadcrumb,
.accused-of-inappropriate-behaviour article h2 span,
.accused-of-inappropriate-behaviour  article .btn:active,
.accused-of-inappropriate-behaviour  article .btn:hover,
.accused-of-inappropriate-behaviour  article .btn:focus{
    background-color: rgba(196,35,141, 0.8);
}
.accused-of-inappropriate-behaviour article .submenu.dropdown .dropdown-toggle,
.accused-of-inappropriate-behaviour article .submenu.dropdown .dropdown-toggle,
.accused-of-inappropriate-behaviour article .submenu.dropdown .dropdown-toggle {
    border-color:rgb(196,35,141);
}
.accused-of-inappropriate-behaviour article h3,
.accused-of-inappropriate-behaviour article a{
    color: rgb(196,35,141);
}

.manager-my-people-are-involved article h1,
.manager-my-people-are-involved article .btn-primary{
    background-color: rgb(107,181,225);
}
.manager-my-people-are-involved .breadcrumb,
.manager-my-people-are-involved article h2 span,
.manager-my-people-are-involved article .btn:active,
.manager-my-people-are-involved article .btn:hover,
.manager-my-people-are-involved article .btn:focus{
    background-color: rgba(107,181,225, 0.8);
}
.manager-my-people-are-involved article .submenu.dropdown .dropdown-toggle,
.manager-my-people-are-involved article .submenu.dropdown .dropdown-toggle,
.manager-my-people-are-involved article .submenu.dropdown .dropdown-toggle {
    border-color:rgb(107,181,225);
}
.manager-my-people-are-involved article h3,
.manager-my-people-are-involved article a{
    color: rgb(107,181,225);
}

.our-approach article h1,
.our-approach article .btn-primary{
    background-color: rgb(179,114,208);
}

.our-approach .breadcrumb,
.our-approach article h2 span,
.our-approach article .btn:active,
.our-approach article .btn:hover,
.our-approach article .btn:focus{
    background-color: rgba(179,114,208, 0.8);
}
.our-approach  article .submenu.dropdown .dropdown-toggle,
.our-approach  article .submenu.dropdown .dropdown-toggle,
.our-approach  article .submenu.dropdown .dropdown-toggle {
    border-color:rgb(179,114,208);
}
.our-approach article h3,
.our-approach article a{
    color: rgb(179,114,208);
}
.our-approach article .accordion h3, 
/* .our-approach article .accordion a, */
.our-approach article .accordion h2 a,
.our-approach article .accordion h3 a{
    color: #fff !important;
}

.step-1-team-discussions {
    background-color: rgba(71,158,145, .2);
}
.step-1-team-discussions article h1,
.step-1-team-discussions article .btn-primary{
    background-color: rgb(71,158,145);
}
.step-1-team-discussions .breadcrumb,
.step-1-team-discussions article h2 span,
.step-1-team-discussions article .btn:active,
.step-1-team-discussions article .btn:hover,
.step-1-team-discussions article .btn:focus{
    background-color: rgba(71,158,145, 0.8)
}
.step-1-team-discussions article .submenu.dropdown .dropdown-toggle,
.step-1-team-discussions  article .submenu.dropdown .dropdown-toggle,
.step-1-team-discussions  article .submenu.dropdown .dropdown-toggle {
    border-color:rgb(71,158,145);
}
.step-1-team-discussions article h3,
.step-1-team-discussions article a{
    color: rgb(71,158,145);
}

.step-1-team-discussions article a.btn-primary{
    background-color: rgb(71,158,145);
}

.step-2-reflect {
    background-color: rgba(117,175,39,0.2);
}
.step-2-reflect article h1,
.step-2-reflect article .btn-primary{
    background-color: rgb(117,175,39);
}
.step-2-reflect .breadcrumb,
.step-2-reflect article h2 span,
.step-2-reflect article .btn:active,
.step-2-reflect article .btn:hover,
.step-2-reflect article .btn:focus{
    background-color: rgba(117,175,39, 0.8);
}
.step-2-reflect article .submenu.dropdown .dropdown-toggle,
.step-2-reflect article .submenu.dropdown .dropdown-toggle,
.step-2-reflect article .submenu.dropdown .dropdown-toggle {
    border-color:rgb(117,175,39);
}
.step-2-reflect article h3,
.step-2-reflect article a{
    color: rgb(117,175,39);
}

.step-3-direct-feedback{
    background-color: rgba(255,175,68, 0.2);        
}
.step-3-direct-feedback article h1,
.step-3-direct-feedback article .btn-primary{
    background-color: rgb(255,175,68);
}

.step-3-direct-feedback .breadcrumb,
.step-3-direct-feedback article h2 span,
.step-3-direct-feedback article .btn:active,
.step-3-direct-feedback article .btn:hover,
.step-3-direct-feedback article .btn:focus{
    background-color: rgba(255,175,68, 0.8);
}
.step-3-direct-feedback article h3,
.step-3-direct-feedback article a{
    color: rgb(255,175,68);
}

.step-4-supported-resolution {
    background-color: rgba(249,130,9, 0.2);
}
.step-4-supported-resolution article h1,
.step-4-supported-resolution  article .btn-primary{
    background-color: rgb(249,130,9);
}
.step-4-supported-resolution .breadcrumb,
.step-4-supported-resolution article h2 span,
.step-4-supported-resolution article .btn:active,
.step-4-supported-resolution article .btn:hover,
.step-4-supported-resolution article .btn:focus{
    background-color: rgba(249,130,9, 0.8);
}
.step-4-supported-resolution article h3,
.step-4-supported-resolution article a{
    color: rgb(249,130,9);
}


.step-5-formal-process{
    background-color: rgba(223,96,127, 0.2);
}
.step-5-formal-process article h1,
.step-5-formal-process article .btn-primary{
    background-color: rgb(223,96,127);
}

.step-5-formal-process .breadcrumb,
.step-5-formal-process article h2 span,
.step-5-formal-process article .btn:active,
.step-5-formal-process article .btn:hover,
.step-5-formal-process  article .btn:focus{
    background-color: rgba(223,96,127, 0.8);
}
.step-5-formal-process article h3,
.step-5-formal-process article a{
    color: rgb(223,96,127);
}

.color-block{
    padding: 6px 12px;
    border-radius: 5px;
}

span.color-block{
    padding: 3px 12px;
}

.darkcyan-color-block{
    background-color: #009193  !important;
    color: #fff  !important;
}
.darkcyan-color-border{
    border-color: #009193 !important;
}

.olivedrab-color-block{
    background-color: #74af26  !important;
    color: #fff  !important;    
}

.sandybrown-color-block{
    background-color: #ffac3c  !important;
    color: #fff  !important;
}
.sandybrown-color-border{
    border-color: #ffac3c !important;
}

.darkorange-color-block{
    background-color: #fa7e00  !important;
    color: #fff  !important;    
}

.palevioletred-color-block{
    background-color: #df5e7d  !important;
    color: #fff  !important;    
}
.palevioletred-color-border{
    border-color: #df5e7d !important;
}


.indianred-color-block{
    background-color: #dc5a44  !important;
    color: #fff  !important;
}

.yellowgreen-color-block{
    background-color: #83b839  !important;
    color: #fff  !important;
}

.lightcyan-color-block{
    background-color: #d1f1fc  !important;
    color: #000  !important;
}

.definitions .lightcyan-color-block h3 span{
    background-color: #6ab0c7  !important;
}    

.beige-color-block{
    background-color: #ebf6df  !important;
    color: #000  !important;
}

.definitions .beige-color-block h3 span{
    background-color: #74af26  !important;
}    

.moccasin-color-block{
    background-color: #ffeab0  !important;
    color: #000  !important;
}

.definitions .moccasin-color-block h3 span{
    background-color: #f7a91c  !important;
}    

.skyblue-color-block{
    background-color: #84b2dd  !important;
    color: #fff  !important;
}

.skyblue-color-border{
    border-color: #84b2dd !important;
}

.mistyrose-color-block{
    background-color: #ffe3e2  !important;
    color: #000  !important;
}

.definitions .mistyrose-color-block h3 span{
    background-color: #e2708c !important;
}    

.firebrick-color-block{
    background-color: #c00100  !important;
    color: #fff !important;
}
.firebrick-color-border{
    border-color: #c00100 !important;
}

.darkblue-color-block{
    background-color: #203864  !important;
    color: #fff !important;
}
.darkblue-color-border{
    border-color: #203864 !important;
}

.deeppink-color-block{
    background-color: #ee0677 !important;
    color: #fff !important;
}
.deeppink-color-border{
    border-color: #ee0677 !important;
}

.orange-color-block{
    background-color: #f7a91c !important;
    color: #fff !important;
}

.mediumpurple-color-block{
    background-color: #a76bd6 !important;
    color: #fff !important;
}

.mediumpurple-color-border{
    border-color: #a76bd6 !important;
}

.seagreen-color-block{
    background-color: #06b050 !important;
    color: #fff !important;
}

.red-color-block{
    background-color: crimson !important;
    color: #fff !important;
}


table{
    width: 100%;
    margin-bottom: 20px;
}

thead{
    display:none;
}

table tbody tr:last-child{    
    border-bottom: 2px solid #000;
    margin-bottom: 20px;
}

tbody tr:nth-child(odd),
tbody tr:nth-child(odd) td{
    background-color: #ddd;
}
/* tbody tr:nth-child(even),
tbody tr:nth-child(even) td{
    background-color: #ddd;
} */
th, td{
    padding: 16px;
    display: block;
}

tbody tr td:nth-child(2):before{
    content: "Fact";
    display: block;
    color: green;
    font-weight: 500;
    font-size: .7em;
    text-transform: uppercase;
    
}
tbody tr td:nth-child(3):before{
    content: "Judgement";
    display: block;
    color: red;
    font-weight: 500;
    font-size: .7em;
    text-transform: uppercase;
}

@media (min-width: 1024px){
    thead{
        display: table-header-group;
        border-bottom: 3px solid;
    }
    thead td{
        text-align: center
    }
    th, td{
        display: table-cell;
    }
    tbody tr td:nth-child(2):before{
        display: none;
    }
    tbody tr td:nth-child(3):before{
        display: none;
    }
}

a.download span:last-child{
    white-space: nowrap;
}

a.download:after{
    font-family: "FontAwesome"; font-weight: 900; content: " \f019 ";
}



.parallax { 
    /* Create the parallax scrolling effect */
    margin: 0 -10px 20px;
    background-size: cover;
}

.parallax:before { 
    display: block;
    content: " ";
    padding-bottom: 80%;
}
 
@media screen and (min-width: 800px){

    body{
        font-size: 12pt;
    }

    article{
        margin-top: 80px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 40px;
        padding-right: 40px;
    }
    article h1 {
        margin-left: -50px;
    }
    
    .parallax { 
        margin: 0 -40px 20px;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .parallax:before { 
        padding-bottom: 40%;
    }
}

#receiving-feedback .col-sm-6{
    padding: 10px;

}

#policy h3{
    margin-top: 10px;
}
#policy .row{
    margin-bottom: 30px;
}
#policy .row div:nth-child(2){
    border: 4px solid #000;
    border-radius: 8px;
    margin-top: 10px;
    padding: 20px;
}