@charset "UTF-8";
/*! EDIT MAIN.SCSS */
/* ==========================================================================
   Imports
   ========================================================================== */
/* ==========================================================================
   SCSS Mixins
   ========================================================================== */
/* Responsive Detection */
/* Box Shadow */
@media only screen and (max-width: 769px) {
    .p-b-m-0 {
        padding-bottom: 0 !important;
    }
}

.mt-0 {
    margin-top: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-mr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.pt-pb-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mt-2 {
    margin-top: 20px;
}

.p-t-20 {
    padding-top: 20px;
}

/* Border Radius */
/* animation */
/*
@author 14islands.com
SASS mixins for future proof resolution media query
*/
/* Opacity mixin */
/* Smooth transition */
/* Smooth transition */
/* Rotate Mixin */
/* FONT SIZE */
/* For clearing floats like a boss */
.submitBtns, .requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint, .col-md-12, .floated-list, .layout,
.row-fluid,
.span-6,
.radiobuttonlist,
.singlechoice, .floated-list, .col-md-12, .requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint, .submitBtns {
    *zoom: 1;
}

    ul.bannerContainer:before, .layout:before,
    .row-fluid:before,
    .span-6:before,
    .radiobuttonlist:before,
    .singlechoice:before, .floated-list:before, .col-md-12:before, .requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint:before, .submitBtns:before, ul.bannerContainer:after, .layout:after,
    .row-fluid:after,
    .span-6:after,
    .radiobuttonlist:after,
    .singlechoice:after, .floated-list:after, .col-md-12:after, .requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint:after, .submitBtns:after {
        display: table;
        content: "";
        line-height: 0;
    }

    ul.bannerContainer:after, .layout:after,
    .row-fluid:after,
    .span-6:after,
    .radiobuttonlist:after,
    .singlechoice:after, .floated-list:after, .col-md-12:after, .requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint:after, .submitBtns:after {
        clear: both;
    }

/* ==========================================================================
   SCSS Variables
   ========================================================================== */
/* COLOURS */
/* also used for copy */
/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@font-face {
    font-family: "pirc";
    src: url("/public/20200915004833oe_/https://pirc.scot/fonts/pirc.eot");
    src: url("/public/20200915004833oe_/https://pirc.scot/fonts/pirc.eot#iefix") format("embedded-opentype"), url("/public/20200915004833oe_/https://pirc.scot/fonts/pirc.woff") format("woff"), url("/public/20200915004833oe_/https://pirc.scot/fonts/pirc.ttf") format("truetype"), url("/public/20200915004833oe_/https://pirc.scot/fonts/pirc.svg#pirc") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "pirc" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "pirc" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-keyboard-left-arrow-button:before {
    content: "\66";
}

.icon-keyboard-right-arrow-button-1:before {
    content: "\67";
}

/* Slider */
/* Icons */
@font-face {
    font-family: "slick";
    src: url("/public/20200915004833oe_/https://pirc.scot/fonts/slick.eot");
    src: url("/public/20200915004833oe_/https://pirc.scot/fonts/slick.eot#iefix") format("embedded-opentype"), url("/public/20200915004833oe_/https://pirc.scot/fonts/slick.woff") format("woff"), url("/public/20200915004833oe_/https://pirc.scot/fonts/slick.ttf") format("truetype"), url("/public/20200915004833oe_/https://pirc.scot/fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    display: block;
    height: 45px;
    width: 43px;
    background-color: #7C858C;
    /* line-height: 30px; */
    font-size: 0px;
    cursor: pointer;
    /* background: transparent; */
    color: transparent;
    bottom: -53px;
    z-index: 2;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0px;
    border: none;
    outline: none;
}

    .slick-prev:hover, .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        outline: none;
        color: transparent;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: pirc;
        font-size: 20px;
        line-height: 1;
        color: #fff;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: 0;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: 0;
}

.slick-prev:before {
    content: "\66";
}

[dir="rtl"] .slick-prev:before {
    content: "\66";
}

.slick-next {
    right: 0;
}

[dir="rtl"] .slick-next {
    left: 0;
    right: auto;
}

.slick-next:before {
    content: "\67";
}

[dir="rtl"] .slick-next:before {
    content: "\67";
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -29px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 9px 0 10px;
    margin: 0;
    width: 100%;
    background: #DDDDD9;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 5px;
            cursor: pointer;
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "•";
                width: 20px;
                height: 20px;
                font-family: "slick";
                font-size: 14px;
                line-height: 20px;
                text-align: center;
                color: #666;
                opacity: 0.25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            color: #666;
            opacity: 0.75;
        }

.accordion-content {
    opacity: 0;
    display: none;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    max-height: 0;
    padding-top: 30px;
    padding-top: 1rem;
    margin-top: 0;
    margin-bottom: 1rem;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

@media only screen and (min-width: 961px) {
    .accordion-content {
        padding-top: 0;
        padding-top: 0;
        opacity: 1;
        display: block;
        overflow: visible;
        max-height: 4000px;
    }
}

h2.accordion-trigger {
    position: relative;
}

@media only screen and (min-width: 961px) {
    h2.accordion-trigger {
        font-size: 2.5em;
        line-height: 1em;
    }
}

@media only screen and (max-width: 960px) {
    h2.accordion-trigger:after {
        content: url(/public/20200915004833oe_/https://pirc.scot/img/icon-arrow-open.svg);
        position: absolute;
        right: 2%;
    }
}

@media only screen and (max-width: 960px) {
    h2.accordion-trigger.active:after {
        content: url(/public/20200915004833oe_/https://pirc.scot/img/icon-arrow-close.svg);
    }
}

.accordion-trigger:hover {
    cursor: default;
}

@media only screen and (max-width: 960px) {
    .accordion-trigger:hover {
        cursor: pointer;
    }
}

.accordion-arrow {
    display: none;
    width: 10px;
    float: right;
    margin-right: 10px;
}

@media only screen and (max-width: 960px) {
    .accordion-arrow {
        margin-right: 0;
    }
}

@media only screen and (max-width: 960px) {
    .accordion-arrow {
        display: block;
    }
}

.accordion-arrow.arrow-expanded {
    transform: rotate(90deg);
}

@media only screen and (min-width: 961px) {
    .accordion-arrow.arrow-expanded {
        display: none;
    }
}

.is-expanded {
    opacity: 1;
    display: block;
    padding-bottom: 0;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    max-height: 1000px;
    overflow: hidden;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul.bannerContainer {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

@media only screen and (max-width: 960px) {
    ul.bannerContainer .centerContainer {
        width: 90%;
    }
}

ul.bannerContainer p.lead {
    color: #fff;
    text-align: center;
    font-size: 1.6875em;
    line-height: 1.5;
    font-weight: 300;
}

    ul.bannerContainer p.lead:last-of-type {
        padding-bottom: 1em;
    }

li.banner-item {
    margin: 0;
    padding: 0;
    display: block;
    width: 33.3%;
    float: left;
    font-size: 1em;
    background-size: cover;
    background-repeat: no-repeat;
}

    li.banner-item.full.about {
        width: 100%;
        background-position: center center;
        height: 450px;
    }

    li.banner-item.full.investigations {
        width: 100%;
        background-position: center center;
        height: 450px;
    }

    li.banner-item.full.complaints {
        width: 100%;
        background-position: center center;
        height: 450px;
    }

    li.banner-item.full.publications {
        width: 100%;
        background-position: center center;
    }

    li.banner-item.full.police {
        width: 100%;
        background-position: center center;
    }

    li.banner-item.full.news {
        width: 100%;
        background-color: #fff;
        background-blend-mode: multiply;
        background-image: none;
        height: auto;
        font-size: 1em !important;
    }

        li.banner-item.full.news .text-link {
            text-align: center;
        }

        li.banner-item.full.news p,
        li.banner-item.full.news h2 {
            color: #243842;
            text-align: center;
        }

@media only screen and (max-width: 769px) {
    li.banner-item.full.news {
        width: 100%;
        height: auto;
    }
}

li.banner-item.first {
    background-color: #8b6dbb;
    background-position: center center;
}

li.banner-item.second {
    background-color: #8b6dbb;
    background-position: center center;
}

li.banner-item.third {
    background-position: center center;
    background-color: #8b6dbb;
}

li.banner-item.aboutFirst {
    background-color: #8b6dbb;
    background-image: url(/public/20200915004833oe_/https://pirc.scot/img/PIRC-couple-talking-2.jpg);
}

@media only screen and (max-width: 769px) {
    li.banner-item.aboutFirst {
        width: 50%;
        height: 250px;
    }
}

@media only screen and (max-width: 700px) {
    li.banner-item.aboutFirst {
        height: 180px;
    }
}

li.banner-item.aboutSecond {
    background-color: #8b6dbb;
    background-image: url(/public/20200915004833oe_/https://pirc.scot/img/PIRC-man-books-2.jpg);
}

@media only screen and (max-width: 769px) {
    li.banner-item.aboutSecond {
        width: 50%;
        height: 250px;
    }
}

@media only screen and (max-width: 700px) {
    li.banner-item.aboutSecond {
        height: 180px;
    }
}

li.banner-item.aboutThird {
    background-image: url(/public/20200915004833oe_/https://pirc.scot/img/PIRC-police-woman-2.jpg);
    background-color: #8b6dbb;
    background-position: right center;
}

@media only screen and (max-width: 769px) {
    li.banner-item.aboutThird {
        width: 100%;
        height: 250px;
        background-position: center top;
    }
}

@media only screen and (max-width: 700px) {
    li.banner-item.aboutThird {
        height: 180px;
    }
}

.banner-overlay {
    position: absolute;
}

.Home ul.bannerContainer,
.publications ul.bannerContainer {
    list-style: none;
    padding: 0;
    margin: 0 0 0;
    flex-wrap: wrap;
    flex: 0 1 100%;
    display: flex;
    flex-wrap: wrap;
}

.Home li.banner-item,
.publications li.banner-item {
    width: 33.3%;
    margin: 0;
    justify-content: center;
}

@media only screen and (max-width: 700px) {
    .Home li.banner-item,
    .publications li.banner-item {
        width: 100%;
    }
}

.Home li.banner-item:before,
.publications li.banner-item:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.centerContainer {
    width: 50%;
    display: block;
    margin: 0 auto;
}

    .centerContainer .btn {
        text-align: center;
        margin: 0 auto;
        display: block;
        max-width: 200px;
    }

@media only screen and (min-width: 961px) {
    .centerContainer .btn {
        transform: translateY(-20px);
    }
}

.theme-circle-container h2 {
    font-size: 3.375em;
    line-height: 1em;
    font-weight: 400;
    margin-bottom: 0.5555555556em;
    text-transform: uppercase;
}

    .theme-circle-container h2::after {
        clear: both;
        content: "";
        display: block;
    }

    .theme-circle-container h2 span {
        font-weight: 700;
    }

.theme-circle-container:before {
    content: " ";
    display: block;
    position: absolute;
    background: #943A80;
    /* The Fallback */
    background: rgba(148, 58, 128, 0.1);
    width: 950px;
    height: 950px;
    border-radius: 50%;
    z-index: -1;
    top: -350px;
}

@media only screen and (max-width: 769px) {
    .theme-circle-container:before {
        width: 300px;
        height: 300px;
        left: -100px;
        top: 200px;
    }
}

.content-container.circle-section {
    position: relative;
}

    .content-container.circle-section::after {
        clear: both;
        content: "";
        display: block;
    }

    .content-container.circle-section:after {
        content: " ";
        display: block;
        position: absolute;
        background: #943A80;
        /* The Fallback */
        background: rgba(148, 58, 128, 0.2);
        bottom: -100px;
        margin-left: 0;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        z-index: -1;
    }

@media only screen and (max-width: 769px) {
    .content-container.circle-section:after {
        right: -200px;
    }
}

.theme-circle-item {
    text-align: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

    .theme-circle-item div {
        width: 80%;
        display: block;
        margin: 0 auto;
    }

@media only screen and (min-width: 1218px) {
    .theme-circle-item.last {
        background: #943A80;
        /* The Fallback */
        background: rgba(148, 58, 128, 0.2);
        margin: 0;
        padding: 0;
    }
}

.aricles-more {
    position: relative;
    display: flex;
    flex: 0 1 100%;
    justify-content: space-between;
}

@media only screen and (max-width: 700px) {
    .aricles-more {
        flex-direction: column;
    }
}

.aricles-more:before {
    content: "";
    box-shadow: -1.5em 0 0 0 #593e84;
    width: 8px;
    height: 100%;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
}

.aricles-more:after {
    content: "";
    box-shadow: -1.5em 0 0 0 #593e84;
    width: 8px;
    height: 100%;
    border-radius: 8px;
    position: absolute;
    top: 0;
    right: -50px;
}

@media only screen and (max-width: 700px) {
    .aricles-more:after {
        right: -40px;
    }
}

.article-previous__headline {
    color: #243842;
    font-size: 24px;
}

.article-previous {
    text-align: left;
    max-width: 380px;
}

.article-next {
    text-align: right;
    max-width: 380px;
}

@media only screen and (max-width: 700px) {
    .article-next {
        text-align: left;
        margin-top: 20px;
    }
}

.previous-next {
    color: #243842;
}

    .previous-next:after {
        content: " /";
        font-weight: 300;
    }

.article-link {
    color: #593e84;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    font-size: 18px;
    line-height: 1.333333333em;
    display: inline-block;
    font-weight: 700;
    opacity: 1;
}

    .article-link:after {
        content: "\25ba";
        margin-left: 7px;
        font-size: 14px;
    }

/* ==========================================================================
   GENERIC
   ========================================================================== */
html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #DDDDD9;
    margin: 3.75em auto;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}

img {
    max-width: 100%;
}

a:hover {
    cursor: pointer;
}

a,
a:active,
a:focus {
    outline: none;
}

/*
 * No top margin on all elements
 */
* {
    margin-top: 0;
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

/* layout & grid overrides */
ul {
    list-style: disc inside none;
}

ul,
ol {
    list-style-position: outside;
    margin-left: 0px;
    padding-left: 0px;
}

    ul li,
    ol li {
        margin-bottom: 0;
        margin-left: 1.1em;
    }

.highlight-capps {
    text-transform: uppercase;
    color: #943A80;
    padding-top: 10px;
    font-weight: bold;
}

dd {
    margin: 0;
}

.layout,
.row-fluid,
.span-6,
.radiobuttonlist,
.singlechoice {
    position: relative;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

    .layout > li,
    .row-fluid > li,
    .span-6 > li,
    .radiobuttonlist > li,
    .singlechoice > li {
        list-style-type: none;
        margin-bottom: 0;
        margin-left: 0;
    }

    .layout ul ul,
    .row-fluid ul ul,
    .span-6 ul ul,
    .radiobuttonlist ul ul,
    .singlechoice ul ul {
        list-style-type: disc;
    }

.top-layer {
    position: relative;
    z-index: 8000;
}

.floated {
    float: left;
}

.floated-right {
    float: right;
}

@media only screen and (max-width: 700px) {
    .m-no-float {
        float: none !important;
    }
}

@media only screen and (max-width: 960px) {
    .bd-no-float {
        float: none !important;
    }
}

@media only screen and (max-width: 769px) {
    .t-no-float {
        float: none !important;
    }
}

.floated-list > li,
.floated-list > dt,
.floated-list > dd {
    float: left;
    list-style-type: none;
}

.inline-list > li,
.inline-list > dt,
.inline-list > dd {
    display: inline-block;
}

@media only screen and (max-width: 1279px) {
    .inline-list.m-block-100 > li,
    .inline-list.m-block-100 > dt,
    .inline-list.m-block-100 > dd {
        display: block;
    }
}

.inline-list.centered {
    text-align: center;
}

.comma-seperated-list li:after {
    content: ', ';
}

.comma-seperated-list li:last-child:after {
    content: '';
    padding-right: 0;
}

.pipe-separated-list li {
    margin-right: .2em;
}

    .pipe-separated-list li:after {
        content: ' | ';
        padding-left: .2em;
    }

    .pipe-separated-list li:last-child {
        margin-right: 0;
    }

        .pipe-separated-list li:last-child:after {
            content: '';
        }

.table-list {
    padding-left: 0;
    margin-left: 0;
    display: table;
    table-layout: fixed;
    text-align: center;
}

    .table-list li {
        display: table-cell;
    }

@media only screen and (max-width: 700px) {
    .table-list li {
        margin: 0 0 1.25em 0;
    }
}

nav ul {
    margin-left: 0;
    padding-left: 0;
}

    nav ul li {
        list-style-type: none;
    }

        nav ul li a {
            text-decoration: none;
        }

.inline-block {
    display: inline-block;
}

.vertical-center-parent {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.vertical-center {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.align-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media only screen and (max-width: 700px) {
    .align-bottom {
        position: relative;
        margin-top: 1em;
    }
}

.align-bottom li:last-child {
    padding-right: 0;
}

    .align-bottom li:last-child:after {
        padding-left: 0;
    }

.centered-copy {
    text-align: center;
}

@media only screen and (max-width: 700px) {
    .m-centered-copy {
        text-align: center;
    }
}

@media only screen and (max-width: 769px) {
    .t-centered-copy {
        text-align: center;
    }
}

/* ==========================================================================
   BASE
   ========================================================================== */
body {
    font-family: 'Source Sans Pro', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    line-height: 1.5em;
    color: #243842;
}

@media only screen and (max-width: 700px) {
    body {
        font-size: .875em;
        line-height: 1.571428571em;
    }
}

h1 {
    font-size: 3.375em;
    line-height: 1.111111111em;
    font-weight: 700;
}

@media only screen and (max-width: 1024px) {
    h1 {
        font-size: 2em;
    }
}

@media only screen and (max-width: 769px) {
    h1 {
        font-size: 2.7em;
    }
}

@media only screen and (max-width: 700px) {
    h1 {
        font-size: 2.571428571em;
    }
}

h2 {
    font-size: 1.875em;
    line-height: 1.166666667em;
    font-weight: 600;
}

@media only screen and (max-width: 700px) {
    h2 {
        font-size: 1.5em;
    }
}

h3,
.panel h2,
.staff h2,
.accordion h2,
.tag-search h2 {
    font-size: 1.3125em;
    line-height: 1.333333333em;
    font-weight: 600;
}

@media only screen and (max-width: 700px) {
    h3,
    .panel h2,
    .staff h2,
    .accordion h2,
    .tag-search h2 {
        font-size: 1.285714286em;
    }
}

h1 a,
h2 a,
h3 a,
h4 a {
    text-decoration: none;
}

section {
    padding: 5em 0;
}

p {
    margin-bottom: 1.5em;
}

a {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #593E84;
}

.reverse a {
    color: white;
}

a:focus {
    outline: none;
}

.btn,
button {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-appearance: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    font-family: 'Source Sans Pro', sans-serif;
    border-radius: 0;
    border: none;
    display: inline-block;
    text-decoration: none;
    background: none;
    font-weight: 600;
}

    .btn:focus,
    button:focus {
        outline: none;
    }

@media only screen and (max-width: 440px) {
    .btn#nextComplaint,
    button#nextComplaint {
        margin-bottom: 20px;
    }
}

input,
textarea {
    font-family: 'Source Sans Pro', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
}

    input:focus,
    textarea:focus {
        outline: none;
    }

textarea {
    height: 178px;
}

/* ==========================================================================
   OBJECTS
   ========================================================================== */
#devGrid {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 999999;
    pointer-events: none;
}

    #devGrid > * {
        background: rgba(255, 0, 0, 0.15);
        height: 100%;
        width: 12.5%;
        margin-left: 12.5%;
    }

@media only screen and (max-width: 700px) {
    #devGrid > * {
        width: 46.875%;
        margin-left: 6.25%;
    }
}

#devGrid > *:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 700px) {
    #devGrid .d {
        display: none;
    }
}

.col-1 {
    width: 75%;
    margin: 0 auto;
}

@media only screen and (max-width: 960px) {
    .col-1 {
        width: 100%;
    }
}

.col-1 > li,
.col-1 li.col {
    margin-bottom: 1.875em;
}

@media only screen and (max-width: 700px) {
    .col-1 > li,
    .col-1 li.col {
        margin-bottom: 2.5em;
    }
}

@media only screen and (max-width: 700px) {
    .col-1 > li:last-child,
    .col-1 li.col:last-child {
        margin-bottom: 0;
    }
}

.col-1 .col {
    width: 48.2758621%;
    margin-left: 3.4482759%;
}

    .col-1 .col:nth-child(2n+1) {
        margin-left: 0;
        clear: both;
    }

.col img + * {
    margin-top: 30px;
}

.col-1-wide {
    padding: 3.5em 80px;
}

    .col-1-wide::after {
        clear: both;
        content: "";
        display: block;
    }

@media only screen and (max-width: 960px) {
    .col-1-wide {
        padding: 3.5em 0;
    }
}

.col-1-wide .white-box {
    background: #fff;
    position: relative;
    display: block;
    float: left;
    padding: 60px;
    width: 49%;
    margin-top: 1.5em;
}

@media only screen and (max-width: 960px) {
    .col-1-wide .white-box {
        width: 100%;
        float: none;
        padding: 20px 5px 20px 10px;
    }
}

.col-1-wide .white-box--border {
    border: 1px solid #eee;
}

@media only screen and (max-width: 960px) {
    .col-1-wide .white-box h2 {
        margin-bottom: 0;
    }
}

.col-1-wide .white-box-full {
    background: #fff;
    position: relative;
    display: block;
    float: left;
    padding: 80px;
    width: 100%;
    margin-top: 1.5em;
}

@media only screen and (max-width: 960px) {
    .col-1-wide .white-box-full {
        width: 100%;
        float: none;
        padding: 20px;
    }
}

.col-1-wide .white-box-full--border {
    border: 1px solid #eee;
}

@media only screen and (max-width: 960px) {
    .col-1-wide .white-box-full h2 {
        margin-bottom: 0;
    }
}

.white-box:nth-of-type(odd) {
    margin-right: 1%;
}

@media only screen and (max-width: 960px) {
    .white-box:nth-of-type(odd) {
        margin-right: 0;
    }
}

.white-box:nth-of-type(even) {
    margin-left: 1%;
}

@media only screen and (max-width: 960px) {
    .white-box:nth-of-type(even) {
        margin-left: 0;
    }
}

.col-2-layout > * {
    width: 50%;
    margin-left: 1.7241379%;
}

@media only screen and (max-width: 700px) {
    .col-2-layout > * {
        width: 37.5%;
        margin-left: 5%;
    }
}

.col-2-layout > *:nth-child(2n+1) {
    width: 48.2758621%;
    margin-left: 0;
}

.col-2-layout .col {
    width: 48.2142857%;
    margin-left: 3.5714286%;
}

@media only screen and (max-width: 700px) {
    .col-2-layout .col {
        width: 46.875%;
        margin-left: 6.25%;
    }
}

.col-2-layout .col:first-child {
    margin-left: 0;
}

.col-2-layout .adr {
    float: left;
}

.col-2-layout h1 {
    max-width: 77.6785714%;
}

.col-3-layout {
    margin-left: 12.5%;
}

@media only screen and (max-width: 700px) {
    .col-3-layout {
        margin-left: 0;
    }
}

.col-3-layout > * {
    width: 28.5714286%;
    padding-left: 1.9704433%;
    padding-right: 1.9704433%;
}

@media only screen and (max-width: 700px) {
    .col-3-layout > * {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 4.285714286em !important;
    }
}

.col-3-layout .wide-col {
    width: 57.1428572%;
}

@media only screen and (max-width: 700px) {
    .col-3-layout-full {
        margin-left: 0;
    }
}

.col-3-layout-full > * {
    width: 33.3333333333%;
}

@media only screen and (max-width: 700px) {
    .col-3-layout-full > * {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 4.285714286em !important;
    }
}

.col-4-layout > * {
    width: 23.2758621%;
    margin-left: 1.7241379%;
}

@media only screen and (max-width: 700px) {
    .col-4-layout > * {
        padding-bottom: 2.142857143em;
        margin-bottom: 2.142857143em;
        border-bottom: 1px solid #243842;
    }
}

.site-footer .col-4-layout > * {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

@media only screen and (max-width: 700px) {
    .col-4-layout > *:first-child, .col-4-layout > *:last-child {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

.col-4-layout > *:nth-child(4n+1) {
    margin-left: 0;
}

.col-2-layout .push-col-2 {
    margin-left: 50%;
}

@media only screen and (max-width: 700px) {
    .site-footer .push-col-2 {
        margin-left: 0;
    }
}

@media only screen and (max-width: 700px) {
    .m-border-list > * {
        border-bottom: 1px solid #243842;
        margin-bottom: 2.142857143em;
        padding-bottom: 2.142857143em;
    }
}

.m-border-list > *:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.border-list > * {
    border-bottom: 1px solid #D2D2CD;
    margin-bottom: 3.125em;
    padding-bottom: 3.125em;
}

.call-outs .vertical-center-parent {
    height: 100%;
}

.full-width-box {
    padding: 3.125em 0;
}

.col-1 + .full-width-box {
    margin-top: 3.125em;
}

.accordion {
    position: relative;
    counter-reset: accordion-counter;
    overflow: auto;
    clear: both;
}

    .accordion dt:first-child + dd {
        display: block;
    }

    .accordion h2 {
        margin-bottom: 0;
        cursor: pointer;
        position: relative;
        padding-right: 24px;
    }

    .accordion dt {
        margin-top: 1.25em;
        padding: 1em 4.5977011% 1em 80px;
        background: #EDEDE6;
        position: relative;
    }

@media only screen and (max-width: 700px) {
    .accordion dt {
        padding-left: 68px;
    }
}

.accordion dt:before {
    content: counter(accordion-counter);
    counter-increment: accordion-counter;
    position: absolute;
    top: 0;
    left: 0;
    background: #593E84;
    font-size: 1.3125em;
    height: 100%;
    width: 60px;
    font-weight: 700;
    line-height: 2.9em;
    color: white;
    text-align: center;
}

@media only screen and (max-width: 700px) {
    .accordion dt:before {
        width: 52px;
    }
}

.accordion dt:after {
    content: url(/public/20200915004833oe_/https://pirc.scot/img/icon-arrow-open.svg);
    position: absolute;
    top: 50%;
    right: 4.5977011%;
    margin-top: -11px;
}

@media only screen and (max-width: 700px) {
    .accordion dt:after {
        margin-top: -9px;
    }
}

.accordion dd {
    display: none;
    overflow: hidden;
    position: relative;
    border-bottom: 2px solid #EDEDE6;
}

    .accordion dd div {
        border: 2px solid #EDEDE6;
        border-top: none;
        border-bottom: none;
        padding: 2.5em 4.5977011%;
    }

.accordion .active {
    margin-bottom: 0;
}

    .accordion .active:after {
        content: url(/public/20200915004833oe_/https://pirc.scot/img/icon-arrow-close.svg);
    }

.accordion + * {
    margin-top: 2.5em;
}

.pagination {
    font-size: 1.125em;
    margin-top: 2.777777778em;
    text-align: right;
}

@media only screen and (max-width: 700px) {
    .pagination {
        text-align: center;
        font-size: 1.285714286em;
    }
}

.pagination a {
    color: #243842;
    text-decoration: none;
}

.pagination li {
    margin-left: .5em;
}

    .pagination li:first-child {
        margin-left: 0;
    }

.pagination .current {
    font-weight: 600;
    text-decoration: underline;
}

.pagination .prev,
.pagination .next {
    width: 9px;
    height: 10px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.pagination .prev {
    background: url(/public/20200915004833oe_/https://pirc.scot/img/icon-link-arrow-blue-alt.svg) no-repeat 0 0;
}

.pagination .next {
    background: url(/public/20200915004833oe_/https://pirc.scot/img/icon-link-arrow-blue.svg) no-repeat 0 0;
}

/* ==========================================================================
   COMPONENTS
   ========================================================================== */
.bg-grey {
    background: #EDEDE6;
}

.bg-grey-light {
    background: #f8f8f5;
}

.bg-dark-grey {
    background: #D2D2CD;
}

.bg-light-blue {
    background: #B3C3C3;
}

    .bg-light-blue h1 {
        color: white;
    }

.bg-brand-blue {
    background: #243842;
}

.bg-brand-pink {
    background: #943A80;
}

.bg-purple {
    background: #593E84;
}

html.touch.sb-active,
.touch.sb-active body {
    position: fixed;
    overflow: hidden;
}

.site-header {
    background-color: #593E84;
    padding: 15px 0;
    position: fixed;
    opacity: 1;
    z-index: 999999999;
    -moz-transition: background 0.15s ease-in-out;
    -webkit-transition: background 0.15s ease-in-out;
    -o-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
    width: 100%;
    top: 0;
}

@media only screen and (min-width: 961px) {
    .site-header {
        position: relative;
        z-index: 0;
    }
}

.site-header-scroll {
    opacity: 0;
}

.content-container-wide {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}

.content-container {
    max-width: 1300px;
    width: 90.625%;
    margin: 0 auto;
}

@media only screen and (max-width: 960px) {
    .content-container {
        width: 90%;
    }

    .half-blocks .content-container {
        width: 100%;
    }
}

@media only screen and (max-width: 960px) {
    .main-nav .content-container {
        width: 100%;
    }
}

@media only screen and (max-width: 700px) {
    .logo img {
        height: 45px;
    }
}

.site-search {
    float: right;
}

@media only screen and (max-width: 960px) {
    .site-search {
        float: none;
        margin: 0 20px;
        padding-bottom: 1.666666667em;
    }
}

@media only screen and (max-width: 960px) and (max-width: 960px) {
    .site-search {
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 700px) {
    .site-search {
        font-size: 1.285714286em;
    }
}

#siteSearchForm {
    padding-top: 11px;
}

@media only screen and (max-width: 960px) {
    #siteSearchForm {
        display: block;
        padding-top: 30px;
    }
}

#siteSearchForm fieldset {
    -moz-transition: background 0.15s ease-in-out;
    -webkit-transition: background 0.15s ease-in-out;
    -o-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
    background-color: #422e61;
    position: relative;
    border-radius: 3px;
}

@media only screen and (max-width: 960px) {
    #siteSearchForm fieldset {
        background-color: #422e61;
    }
}

#siteSearchForm .site-search-input {
    width: 100%;
    background: none;
    border: none;
    color: white;
    padding: .5em;
    margin-bottom: 0;
}

@media only screen and (max-width: 769px) {
    #siteSearchForm .site-search-input {
        padding: 1em .5em;
    }
}

@media only screen and (min-width: 961px) {
    #siteSearchForm .site-search-input {
        min-width: 220px;
    }
}

#siteSearchForm .site-search-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #c2b3db;
    font-weight: normal;
}

#siteSearchForm .site-search-input::-moz-placeholder {
    /* Firefox 19+ */
    color: #c2b3db;
    font-weight: normal;
}

#siteSearchForm .site-search-input:-ms-input-placeholder {
    /* IE 10+ */
    color: #c2b3db;
    font-weight: normal;
}

#siteSearchForm .site-search-input:-moz-placeholder {
    /* Firefox 18- */
    color: #c2b3db;
    font-weight: normal;
}

#siteSearchForm .btn {
    background: url(/public/20200915004833oe_/https://pirc.scot/img/icon-search.svg) no-repeat 0 0;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -13px;
    padding: 0;
}

.fixed-sticky {
    transform: translate3d(0, 0, 0);
}

.hero-panel {
    background-color: #EDEDE6;
    min-height: 600px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: auto 50%;
    background-position: bottom center;
}

@media only screen and (max-width: 700px) {
    .hero-panel {
        padding: 146px 0 0;
        min-height: 0;
    }
}

.hero-panel .vertical-center-parent {
    height: 50%;
    padding-top: 90px;
}

@media only screen and (max-width: 700px) {
    .hero-panel .vertical-center-parent {
        height: auto;
        padding: 0 5% 70px;
    }
}

.hero-panel h1 {
    font-size: 2.25em;
    font-weight: 600;
    line-height: 1.333333333em;
    width: 90%;
    max-width: 975px;
    margin: 0 auto;
}

@media only screen and (min-width: 701px) {
    .hero-panel picture {
        display: none;
    }
}

.bannerTop-panel {
    background-color: #EDEDE6;
    text-align: center;
    background-repeat: no-repeat;
    background-size: auto 50%;
    background-position: bottom center;
}

@media only screen and (max-width: 700px) {
    .bannerTop-panel {
        padding: 2.5em 0;
        min-height: 0;
    }
}

.bannerTop-panel .vertical-center-parent {
    height: 50%;
    padding-top: 0;
}

@media only screen and (max-width: 700px) {
    .bannerTop-panel .vertical-center-parent {
        height: auto;
        padding: 0 5% 10px;
    }
}

.bannerTop-panel h1 {
    margin-bottom: 0;
    text-transform: uppercase;
}

    .bannerTop-panel h1.quote {
        width: 90%;
        max-width: 740px;
        margin: 0 auto;
        text-transform: none;
        font-size: 1.875em;
        line-height: 1.333333333em;
        font-weight: 600;
    }

/*         .bannerTop-panel h1.quote:before {
            content: '\201C';
        }

        .bannerTop-panel h1.quote:after {
            content: '\201D';
        } */

@media only screen and (max-width: 700px) {
    .bannerTop-panel h1.quote {
        font-size: 22px;
    }
}

@media only screen and (min-width: 701px) {
    .bannerTop-panel picture {
        display: none;
    }
}

.main-nav {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: fixed;
    width: 100%;
    background: #999999;
    z-index: 99;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0);
    transform: translate3d(0px, 0px, 0px);
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media only screen and (min-width: 961px) {
    .main-nav {
        position: static;
        margin-bottom: -57px;
    }
}

.main-nav.fixedsticky-on {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 960px) {
    .main-nav {
        position: relative;
        /* HIDE BY DEFAULT THEN SHOW IN JS TO PREVENT FLASH STYLING*/
        display: none;
        background: transparent;
    }
}

.no-js .main-nav {
    display: block;
}

@media only screen and (min-width: 961px) {
    .Home .main-nav ul {
        /*border-top: 2px solid white;*/
    }
}

.main-nav li {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 1em;
}

@media only screen and (min-width: 701px) {
    .main-nav li {
        font-size: 1em;
    }
}

@media only screen and (max-width: 960px) {
    .main-nav li {
        float: none;
    }
}

@media only screen and (min-width: 961px) {
    .main-nav li:last-child {
        float: right;
    }
}

.main-nav li:last-child a {
    font-weight: 700;
}

@media only screen and (max-width: 960px) {
    .main-nav li:hover {
        color: #fff;
    }
}

.main-nav a {
    color: #fff;
    display: block;
    padding: 1em 0.8em;
}

@media only screen and (max-width: 960px) {
    .main-nav a {
        color: white;
        border-bottom: 1px solid #243842;
        margin: 0 20px;
        padding: 0.8em 0;
    }
}

@media only screen and (min-width: 701px) {
    .main-nav a {
        padding: 1.2em 0.8em;
    }
}

@media only screen and (max-width: 700px) {
    .main-nav a {
        font-size: 1.285714286em;
    }
}

.main-nav a:hover {
    background: #EDEDE6;
    color: #593E84;
    cursor: pointer;
}

@media only screen and (max-width: 960px) {
    .main-nav a:hover {
        background: #593E84;
        color: #fff;
    }
}

.main-nav a.current {
    background-color: #EDEDE6;
    color: #593E84;
}

@media only screen and (max-width: 960px) {
    .main-nav a.current {
        background-color: #593E84;
        color: #fff;
    }
}

.sticky {
    position: fixed;
    top: 0;
}

.fixedsticky-on ul {
    border-top: none !important;
}

@media only screen and (min-width: 961px) {
    .main-nav + * {
        margin-top: 57px;
    }
}

.hamburger {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #4d3673;
    padding: 0;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    border: 0;
    margin: 0;
    overflow: visible;
    height: 100%;
    z-index: 99999;
}

@media only screen and (max-width: 960px) {
    .hamburger {
        display: block;
    }
}

.hamburger-box {
    width: 74px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 25px;
    height: 2px;
    background-color: white;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner {
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -12px;
}

    .hamburger-inner:before, .hamburger-inner:after {
        content: "";
        display: block;
    }

    .hamburger-inner:before {
        top: -10px;
    }

    .hamburger-inner:after {
        bottom: -10px;
    }

/*
 * Arrow Right
 */
.sb-active .hamburger--arrow-r .hamburger-inner {
    background-color: #4d3673;
}

    .sb-active .hamburger--arrow-r .hamburger-inner::before {
        -webkit-transform: translate3d(0, 4px, 0) rotate(45deg) scale(0.7, 1);
        transform: translate3d(0, 4px, 0) rotate(45deg) scale(0.7, 1);
    }

    .sb-active .hamburger--arrow-r .hamburger-inner::after {
        -webkit-transform: translate3d(0, -4px, 0) rotate(-45deg) scale(0.7, 1);
        transform: translate3d(0, -4px, 0) rotate(-45deg) scale(0.7, 1);
    }

.breadcrumb {
    margin-bottom: 2.5em;
    position: relative;
}

    .breadcrumb:before {
        content: '';
        box-shadow: -1.5em 0 0 0 #593E84;
        width: 8px;
        height: 100%;
        border-radius: 8px;
        position: absolute;
        top: 0;
        left: 0;
    }

.col-2-layout .breadcrumb:before {
    box-shadow: none;
}

@media only screen and (max-width: 960px) {
    .breadcrumb:before {
        box-shadow: none;
    }
}

@media only screen and (max-width: 700px) {
    .breadcrumb {
        margin-bottom: 3em;
    }
}

.breadcrumb h1 {
    margin-bottom: 0;
}

.breadcrumb li:after {
    content: ' /';
    font-weight: 300;
}

.breadcrumb li:last-child {
    display: block;
}

    .breadcrumb li:last-child:after {
        content: '';
    }

.breadcrumb li a {
    font-size: 1.3125em;
    line-height: 1.333333333em;
    font-weight: 300;
    color: #243842;
    text-decoration: none;
}

.breadcrumb-published-date:after,
.breadcrumb-headline:after {
    display: none !important;
}

.breadcrumb-headline {
    padding-bottom: 10px;
}

.sb-site {
    position: relative;
}

.sb-slidebar {
    background-color: #593E84;
    position: fixed;
}

.site-footer {
    background-color: #243842;
    color: rgba(255, 255, 255, 0.4);
    padding: 3.75em 0 0;
    z-index: 1;
}

    .site-footer address {
        font-style: normal;
    }

    .site-footer h4 {
        color: #AA709F;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.05em;
    }

@media only screen and (max-width: 960px) {
    .site-footer h4 {
        clear: both;
        margin-top: 20px;
    }
}

.site-footer ul,
.site-footer li {
    list-style: none;
    margin-left: 0;
}

.site-footer a {
    text-decoration: none;
}

.site-footer .useful-links {
    text-transform: uppercase;
    line-height: 2em;
}

    .site-footer .useful-links li:nth-child(1) {
        font-weight: bold;
    }

    .site-footer .useful-links a:hover {
        opacity: 0.7;
    }

.site-footer .list-highlight {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .site-footer .list-highlight:hover {
        opacity: 0.7;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.site-footer li.list-highlight {
    padding-bottom: 10px;
}

    .site-footer li.list-highlight a {
        text-decoration: underline;
    }

.site-footer .footer-btn-contaner {
    float: right;
}

@media only screen and (max-width: 700px) {
    .site-footer .footer-btn-contaner {
        float: none;
    }
}

.site-footer .footer-btn-contaner .btn {
    float: right;
}

@media only screen and (max-width: 700px) {
    .site-footer .footer-btn-contaner .btn {
        float: none;
    }
}

.site-footer .footer-btn-contaner .btn:nth-child(1) {
    margin-bottom: 10px;
}

.footer-copy__container {
    display: flex;
    justify-content: center;
}

.footer-copy {
    background-color: #999;
    width: 100%;
    margin-top: 3.75em;
}

.footer-copy__details {
    color: #fff;
    padding: 20px;
    display: flex;
    flex: 0 1 1340px;
    line-height: 1;
}

@media only screen and (max-width: 700px) {
    .secondary-nav {
        position: absolute;
        float: none;
        top: 0;
        right: 0;
        width: 46.875%;
        margin-left: 0;
    }
}

.saveForm {
    display: none;
    background: #243842 !important;
}

.loggedIn .saveForm {
    display: inline-block;
}

.save.d8button {
    text-align: right;
    margin-bottom: 20px;
}

.text-link,
form .primary,
.saveContinue,
.saveForm,
.formSubmit {
    color: #943A80;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    font-size: 18px;
    line-height: 1.333333333em;
    display: inline-block;
    font-weight: 700;
    opacity: 1;
}

@media only screen and (max-width: 700px) {
    .text-link,
    form .primary,
    .saveContinue,
    .saveForm,
    .formSubmit {
        font-size: 1.285714286em;
        line-height: 1.333333333em;
    }
}

.site-footer .text-link, .site-footer
form .primary, .site-footer
.saveContinue, .site-footer
.saveForm, .site-footer
.formSubmit {
    font-size: 1em;
    line-height: 1.5em;
}

@media only screen and (max-width: 700px) {
    .site-footer .text-link, .site-footer
    form .primary, .site-footer
    .saveContinue, .site-footer
    .saveForm, .site-footer
    .formSubmit {
        line-height: 1.571428571em;
    }
}

.text-link:after,
form .primary:after,
.saveContinue:after,
.saveForm:after,
.formSubmit:after {
    content: '\25ba';
    margin-left: 7px;
    font-size: 14px;
}

@media only screen and (max-width: 700px) {
    .site-footer .text-link:after, .site-footer
    form .primary:after, .site-footer
    .saveContinue:after, .site-footer
    .saveForm:after, .site-footer
    .formSubmit:after {
        bottom: 6px;
    }
}

.text-link.toggle:after,
form .primary.toggle:after,
.saveContinue.toggle:after,
.saveForm.toggle:after,
.formSubmit.toggle:after {
    width: 9px;
    height: 8px;
}

.text-link.toggle.on:after,
form .primary.toggle.on:after,
.saveContinue.toggle.on:after,
.saveForm.toggle.on:after,
.formSubmit.toggle.on:after {
    background-position: 0 0;
}

.text-link:hover,
form .primary:hover,
.saveContinue:hover,
.saveForm:hover,
.formSubmit:hover {
    color: #593E84;
}

.reverse .text-link, .reverse
form .primary, .reverse
.saveContinue, .reverse
.saveForm, .reverse
.formSubmit {
    opacity: 1;
}

    .reverse .text-link:after, .reverse
    form .primary:after, .reverse
    .saveContinue:after, .reverse
    .saveForm:after, .reverse
    .formSubmit:after {
        content: '';
    }

    .reverse .text-link:hover, .reverse
    form .primary:hover, .reverse
    .saveContinue:hover, .reverse
    .saveForm:hover, .reverse
    .formSubmit:hover {
        opacity: .6;
    }

.text-link.btn:after,
form .btn:after {
    position: relative;
    top: 0px;
}

.link-list li {
    margin-bottom: 1.2em;
}

.box-links {
    border-top: 1px solid #243842;
    border-left: 1px solid #243842;
}

    .box-links.single {
        border-top: none;
    }

        .box-links.single li {
            border-top: 1px solid #243842;
        }

    .box-links li {
        border: 1px solid #243842;
        border-top: none;
        border-left: none;
        padding: 1em 2em 1em 1em;
        text-align: center;
        width: 50%;
    }

.btn {
    -moz-transition: background 0.15s ease-in-out;
    -webkit-transition: background 0.15s ease-in-out;
    -o-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
    font-weight: 700;
    letter-spacing: .08em;
    background: #4E2683;
    display: inline-block;
    padding: 1em 3em;
    border-radius: 5px;
    opacity: 1 !important;
    color: #fff;
    text-transform: uppercase;
}

    .btn.disabled {
        opacity: .5 !important;
        cursor: not-allowed;
    }

.filter .btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    background: #243842;
    height: 60px;
}

    .filter .btn.current {
        background: #593E84;
        color: white;
    }

@media only screen and (min-width: 701px) {
    .results .btn {
        padding-left: 0;
        padding-right: 0;
        float: left;
        text-align: center;
        width: 33.3333333%;
    }
}

.btn.primary {
    background: #243842;
    color: white;
}

.btn.btn-inverse {
    background-color: #fff;
    color: #943A80;
}

    .btn.btn-inverse:hover {
        background-color: #943A80;
        color: #fff;
    }

.reverse .btn {
    color: #943A80;
}

.btn.btn-pink, .site-footer .footer-btn-contaner .btn:nth-child(1) {
    background-color: #943A80;
    color: #fff;
    font-weight: 600;
}

    .btn.btn-pink:hover, .site-footer .footer-btn-contaner .btn:hover:nth-child(1) {
        background-color: #a64190 !important;
        color: #fff;
        letter-spacing: 0.08em;
    }

.btn.btn-purple, .site-footer .footer-btn-contaner .btn:nth-child(2) {
    background-color: #593E84;
    color: #fff;
    font-weight: 600;
}

    .btn.btn-purple:hover, .site-footer .footer-btn-contaner .btn:hover:nth-child(2) {
        background-color: #654695 !important;
        color: #fff;
        letter-spacing: 0.08em;
    }

.btn.btn-grey {
    background-color: #D2D2CD;
    color: #fff;
    font-weight: 600;
}

    .btn.btn-grey:hover {
        background-color: #dededa !important;
        color: #fff;
        letter-spacing: 0.08em;
    }

.btn.btn-dark-grey {
    background-color: #999999;
    color: #fff;
    font-weight: 600;
}

.btn.btn-social {
    background-color: #1DA1F2;
    color: #fff;
    margin-top: 10px !important;
    letter-spacing: 0.08em;
    font-weight: 600;
}

    .btn.btn-social:after {
        content: " ";
        position: absolute;
        margin-left: 5px;
        height: 24px;
        width: 24px;
        background: url(/public/20200915004833oe_/https://pirc.scot/img/twitter-logo.png) no-repeat center center;
    }

    .btn.btn-social:hover {
        background-color: #35abf3 !important;
        color: #fff;
        margin-top: 10px !important;
    }

        .btn.btn-social:hover:after {
            content: " ";
            display: block;
            float: right;
            margin-left: 5px;
            height: 24px;
            width: 24px;
            background: url(/public/20200915004833oe_/https://pirc.scot/img/twitter-logo.png) no-repeat center center !important;
        }

@media only screen and (max-width: 700px) {
    .btn {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }
}

.btn.disabled:hover {
    color: white;
}

.btn:not(.disabled):hover {
    color: white;
    opacity: 1 !important;
}

    .btn:not(.disabled):hover.primary {
        background: #B3C3C3;
        color: #243842;
    }

.bg-brand-blue .btn:not(.disabled):hover {
    background: #593E84;
}

.bg-purple .btn:not(.disabled):hover {
    background: #243842;
}

.d8button {
    font-size: 1.125em;
}

@media only screen and (max-width: 700px) {
    .d8button {
        font-size: 1.18em;
    }
}

ul.layout.inline-list article.layout p + .btn {
    margin-top: 0;
}

@media only screen and (min-width: 701px) {
    .results .btn + * {
        margin-top: 0;
    }
}

@media only screen and (min-width: 701px) {
    .btn + .tag-list {
        width: 62.0689655%;
        margin-left: 4.5977011%;
        float: left;
    }
}

.date {
    font-style: italic;
    font-size: .875em;
    line-height: 1.5em;
    margin-top: 1.5em;
}

@media only screen and (max-width: 700px) {
    .date {
        font-size: .857142857em;
    }
}

.half-blocks {
    background: linear-gradient(to right, #243842 0%, #243842 50%, #593E84 50%, #593E84 100%);
}

    .half-blocks .btn {
        font-weight: 700;
        margin-top: 2.1875em;
    }

@media only screen and (max-width: 960px) {
    .half-blocks h1 {
        font-size: 3em;
    }
}

@media only screen and (min-width: 961px) {
    .half-blocks h1 {
        max-width: 431px;
    }
}

@media only screen and (max-width: 960px) {
    .half-blocks {
        background: none;
        padding: 0;
    }
}

.half-blocks .col {
    width: 50%;
    padding: 0 6%;
}

@media only screen and (max-width: 960px) {
    .half-blocks .col {
        padding: 5.714285714em 5% !important;
    }
}

.half-blocks .col:first-child {
    padding-left: 0;
}

.banner-image {
    background: #EDEDE6;
}

#location-map {
    height: 300px;
}

@media only screen and (max-width: 700px) {
    .site-footer .vcard {
        float: none;
        width: 100%;
    }
}

@media only screen and (max-width: 700px) {
    .site-footer .vcard ul {
        margin-bottom: 1.5em;
    }
}

@media only screen and (max-width: 700px) {
    .site-footer .vcard .col {
        width: 100%;
        margin-left: 0;
        float: none;
    }
}

.vcard .fn {
    max-width: 170px;
    font-weight: bold;
}

.site-footer .vcard .fn {
    color: white;
    font-weight: normal;
}

.vcard .email:before {
    content: 'Email: ';
}

.site-footer .vcard .email:before {
    color: white;
}

.site-footer .vcard .tel {
    color: white;
}

.reverse {
    color: white;
}

.article-summary-image {
    width: 25.6410256%;
    float: left;
}

@media only screen and (max-width: 700px) {
    .article-summary-image {
        float: none;
        width: 100%;
        margin-bottom: 1em;
    }
}

.article-summary-content.with-image {
    width: 71.2820513%;
    float: left;
    margin-left: 3.0769231%;
}

@media only screen and (max-width: 700px) {
    .article-summary-content.with-image {
        float: none;
        width: 100%;
        margin-left: 0;
    }
}

/* FORMS */
.contactform h4 {
    font-size: 1.875em;
    line-height: 1.166666667em;
    font-weight: 600;
}

.filter input[type='text'],
.filter select {
    height: 60px;
    border: 0;
}

.filter [data-filtername="location"] {
    min-width: 60px;
}

.filter [data-filtername="type"] {
    min-width: 192px;
}

.filter .dateSort {
    min-width: 110px;
}

.filter .submit-container {
    margin-top: 2em;
}

    .filter .submit-container .btn {
        width: auto;
        padding: 1em 3em;
        background: #4E2683;
    }

@media only screen and (max-width: 700px) {
    .filter .submit-container .btn {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

.filter .col {
    width: 24.2241379%;
    margin-left: 1.0344828%;
}

    .filter .col:first-child {
        margin-left: 0;
    }

.filter .col-2 {
    width: 49.4827586%;
    margin-left: 1.0344828%;
}

.filter .col-3 {
    width: 74.7413793%;
    margin-left: 1.0344828%;
}

@media only screen and (max-width: 700px) {
    .filter .push-col {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 700px) {
    .filter .col + .push-col {
        margin-left: 0 !important;
    }
}

.filter .floated-list > li {
    margin-bottom: 0;
}

@media only screen and (max-width: 700px) {
    .filter .floated-list > li {
        margin-bottom: 1.428571429em;
    }
}

.filter .table-list {
    width: 100%;
    table-layout: auto;
    text-align: left;
}

    .filter .table-list li {
        padding-left: 12px;
        vertical-align: bottom;
    }

        .filter .table-list li:first-child {
            padding-left: 0;
        }

@media only screen and (max-width: 700px) {
    .filter .table-list li {
        padding-left: 0 !important;
    }
}

.filter .table-list.m-no-block li {
    padding-left: 12px !important;
}

    .filter .table-list.m-no-block li:first-child {
        padding-left: 0 !important;
    }

.filter input {
    margin-bottom: 0 !important;
}

.filter.complainthandlingreviews .col-3 .table-list li, .filter.ourbusiness .col-3 .table-list li, .filter.guidanceforpolice .col-3 .table-list li {
    padding-left: 0;
}

    .filter.complainthandlingreviews .col-3 .table-list li:first-child, .filter.ourbusiness .col-3 .table-list li:first-child, .filter.guidanceforpolice .col-3 .table-list li:first-child {
        padding-right: 1.3839341%;
    }

@media only screen and (max-width: 700px) {
    .filter.complainthandlingreviews .col-3 .table-list li:first-child, .filter.ourbusiness .col-3 .table-list li:first-child, .filter.guidanceforpolice .col-3 .table-list li:first-child {
        padding-right: 0;
    }
}

.filter.complainthandlingreviews .col-3 .table-list li:last-child, .filter.ourbusiness .col-3 .table-list li:last-child, .filter.guidanceforpolice .col-3 .table-list li:last-child {
    width: 32.4315139%;
}

.ref-number-layout .btn {
    height: 60px;
}

/* TAGS */
.tag-toggle {
    display: inline-block;
    text-decoration: none;
}

    .tag-toggle:before {
        content: 'View ';
    }

    .tag-toggle.on:before {
        content: 'Hide ';
    }

@media only screen and (max-width: 700px) {
    .tag-list {
        margin-top: 1.25em;
    }
}

.tag-list ul {
    display: none;
}

    .tag-list ul li:first-child {
        margin-top: 1em;
    }

.tag-list a {
    background: #EDEDE6;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    color: #243842;
    margin: 0 .666666667em .666666667em 0;
    font-size: .9375em;
    padding: .266666667em 1em .4em;
}

.bg-grey .tag-list a {
    background: white;
}

.tag-list a:hover {
    background: #243842;
    color: white;
}

.tag-search fieldset,
.investigate-form fieldset {
    background: transparent;
    position: relative;
    border-radius: 5px;
    padding: 0;
    margin-bottom: 0;
}

.bg-grey .tag-search fieldset, .bg-grey
.investigate-form fieldset {
    background: transparent;
}

.tag-search .btn,
.investigate-form .btn {
    background: #243842 url(/public/20200915004833oe_/https://pirc.scot/img/icon-search.svg) no-repeat center;
    width: 60px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.tag-search input[type="text"],
.investigate-form input[type="text"] {
    margin-bottom: 0;
}

.tm-input {
    border: none;
    font-size: 1.3125em;
}

@media only screen and (max-width: 700px) {
    .tm-input {
        font-size: 1.5em;
    }
}

.tm-tag {
    background: #243842;
    color: white;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    margin: 0 .666666667em .666666667em 0;
    font-size: .9375em;
    padding: .266666667em 1em .4em;
    vertical-align: middle;
}

    .tm-tag .tm-tag-remove {
        color: white;
        margin-left: .5em;
        opacity: 0.2;
    }

input[type="text"].tm-input {
    margin-top: 2px;
    margin-bottom: 12px;
    vertical-align: middle !important;
    background: none;
    padding: 0;
    width: auto;
    border: none;
}

span + input[type="text"].tm-input {
    margin-top: 0;
}

.dynamic .contourPage {
    counter-reset: step-counter;
}

    .dynamic .contourPage fieldset:not(:first-child) {
        display: none;
    }

    .dynamic .contourPage legend {
        position: relative;
        width: 100%;
        font-size: 1.875em;
        line-height: 1.166666667em;
        margin-bottom: 20px;
        border-radius: 5px;
    }

        .dynamic .contourPage legend.off {
            color: #7C858C;
            font-size: 1.3125em;
            background: #EDEDE6;
            padding: 20px;
            cursor: pointer;
        }

@media only screen and (max-width: 769px) {
    .dynamic .contourPage legend.off {
        margin-bottom: 50px;
    }
}

.dynamic .contourPage legend.off:before {
    content: "Step " counter(step-counter) " - ";
    color: #243842;
    display: inline;
}

@media only screen and (min-width: 769px) {
    .dynamic .contourPage legend.off:after {
        content: 'EDIT';
        background: #243842;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        padding: 20px 30px;
        color: white;
        position: absolute;
        right: 0;
        top: 0;
        text-decoration: underline;
    }
}

@media only screen and (max-width: 769px) {
    .dynamic .contourPage legend.off:after {
        content: 'EDIT';
        background: #243842;
        border-top-right-radius: 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        padding: 10px 30px;
        width: 100%;
        color: white;
        position: absolute;
        right: 0;
        bottom: -32px;
        text-align: center;
        text-decoration: underline;
    }
}

.dynamic .contourPage legend:before {
    content: "Step " counter(step-counter);
    counter-increment: step-counter;
    color: #593E84;
    display: block;
}

.hiddenField {
    display: none;
}

#registerMemberForm {
    margin-top: 2em;
    border-top: 1px solid #ccc;
    padding-top: 2em;
}

.haveyoucomplainedtotherelevantpolicebody + div {
    display: none;
}

.continue {
    text-align: right;
    margin-bottom: 2.5em;
}

.filter .radio-check-list {
    border-bottom: 1px solid #243842;
    margin-bottom: 1em;
}

.radio-check-list .table-list li:first-child {
    width: 30%;
}

.radio-check-list li {
    margin-bottom: 0;
    margin-left: 1.25em;
}

    .radio-check-list li:first-child {
        margin-left: 0;
    }

@media only screen and (max-width: 700px) {
    .radio-check-list li {
        margin-left: 0;
    }
}

/* Base for label styling */
[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

    [type="radio"]:not(:checked) + label,
    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + .inner label,
    [type="radio"]:checked + .inner label {
        position: relative;
        cursor: pointer;
        background: #EDEDE6;
        border-radius: 5px;
        padding: 1.125em 3em;
        text-decoration: underline;
        text-transform: uppercase;
    }

@media only screen and (max-width: 700px) {
    [type="radio"]:not(:checked) + label,
    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + .inner label,
    [type="radio"]:checked + .inner label {
        margin-left: 5.5555556%;
        width: 47.2222222%;
        text-align: center;
    }

        [type="radio"]:not(:checked) + label:nth-of-type(3),
        [type="radio"]:checked + label:nth-of-type(3),
        [type="radio"]:not(:checked) + .inner label:nth-of-type(3),
        [type="radio"]:checked + .inner label:nth-of-type(3) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 700px) {
    [type="radio"]:not(:checked) + label:nth-child(2),
    [type="radio"]:checked + label:nth-child(2),
    [type="radio"]:not(:checked) + .inner label:nth-child(2),
    [type="radio"]:checked + .inner label:nth-child(2) {
        margin-left: 0;
    }
}

.filter [type="radio"]:not(:checked) + label, .filter
[type="radio"]:checked + label, .filter
[type="radio"]:not(:checked) + .inner label, .filter
[type="radio"]:checked + .inner label {
    background: transparent;
    border-radius: 0;
    text-decoration: none;
    text-transform: none;
    padding: 0 0 0 25px;
}

[type="radio"]:checked + label {
    background: #243842;
    color: white;
}

.filter [type="radio"]:checked + label {
    background: transparent;
    color: #243842;
}

.investigations,
.guidanceforpolice,
.ourbusiness,
.complaintreviews {
    display: none;
}

/* radio aspect */
.filter {
    /* Base for label styling */
    /* checked mark aspect */
    /* checked mark aspect changes */
    /* disabled radio */
    /* hover style just for information */
}

    .filter [type="radio"]:not(:checked),
    .filter [type="radio"]:checked,
    .filter [type="checkbox"]:not(:checked),
    .filter [type="checkbox"]:checked {
        position: absolute;
        left: -9999px;
    }

        .filter [type="radio"]:not(:checked) + label,
        .filter [type="radio"]:checked + label,
        .filter [type="checkbox"]:not(:checked) + label,
        .filter [type="checkbox"]:checked + label {
            position: relative;
            cursor: pointer;
            background: transparent;
            border-radius: 0;
            text-decoration: none;
            text-transform: none;
            padding: 0 0 0 25px;
        }

@media only screen and (max-width: 700px) {
    .filter [type="radio"]:not(:checked) + label:nth-child(2),
    .filter [type="radio"]:checked + label:nth-child(2),
    .filter [type="checkbox"]:not(:checked) + label:nth-child(2),
    .filter [type="checkbox"]:checked + label:nth-child(2) {
        margin-left: 0;
    }
}

.filter [type="radio"]:checked + label,
.filter [type="checkbox"]:checked + label {
    background: transparent;
    color: #243842;
}

.filter [type="radio"]:not(:checked) + label:before,
.filter [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 15px;
    height: 15px;
    border: 2px solid #243842;
    border-radius: 50%;
    background: transparent;
}

@media only screen and (max-width: 700px) {
    .filter [type="radio"]:not(:checked) + label:before,
    .filter [type="checkbox"]:not(:checked) + label:before {
        top: 3px;
    }
}

.filter [type="radio"]:checked + label:before,
.filter [type="checkbox"]:checked + label:before {
    border: 0;
}

.filter [type="radio"]:not(:checked) + label:after,
.filter [type="radio"]:checked + label:after,
.filter [type="checkbox"]:not(:checked) + label:after,
.filter [type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 50%;
    background: #243842;
    width: 15px;
    height: 15px;
}

@media only screen and (max-width: 700px) {
    .filter [type="radio"]:not(:checked) + label:after,
    .filter [type="radio"]:checked + label:after,
    .filter [type="checkbox"]:not(:checked) + label:after,
    .filter [type="checkbox"]:checked + label:after {
        top: 3px;
    }
}

.filter [type="radio"]:not(:checked) + label:after,
.filter [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}

.filter [type="radio"]:checked + label:after,
.filter [type="checkbox"]:checked + label:after {
    opacity: 1;
}

.filter [type="radio"]:disabled:not(:checked) + label:before,
.filter [type="radio"]:disabled:checked + label:before,
.filter [type="checkbox"]:disabled:not(:checked) + label:before,
.filter [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.filter [type="radio"]:disabled:checked + label:after,
.filter [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

.filter [type="radio"]:disabled + label,
.filter [type="checkbox"]:disabled + label {
    color: #aaa;
}

label {
    display: inline-block;
    margin-bottom: .875em;
}

.radiobuttonlist label {
    margin-bottom: 1.25em;
}

/*input,
textarea{
  .textfield &,
  .textarea &{
    background: $bg-grey;
    border: 0;
    border-radius: 5px;
    padding: .761904762em 4.5977011% .80952381em;
    font-size: 1.3125em;
    width: 100%;
    margin-bottom: 1.428571429em;
  }
}*/
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="date"],
textarea {
    background: white;
    border: 1px solid #D2D2CD;
    border-radius: 5px;
    padding: 1.1875em .8125em;
    width: 100%;
    margin-bottom: 1.25em;
}

.bg-dark-grey input[type="text"], .bg-dark-grey
input[type="tel"], .bg-dark-grey
input[type="email"], .bg-dark-grey
input[type="password"], .bg-dark-grey
input[type="date"], .bg-dark-grey
textarea {
    background: white;
}

.contourNavigation {
    text-align: right;
}

input[type=date] {
    background: #EDEDE6;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: uppercase;
    padding: 1.25em;
    border: none;
}

.select,
.dropdown > div {
    position: relative;
    vertical-align: middle;
    padding: 0;
    overflow: hidden;
    background: #EDEDE6;
    border-radius: 5px;
    text-shadow: none;
}

    .select:before,
    .dropdown > div:before {
        position: absolute;
        top: 17px;
        right: 0.5em;
        pointer-events: none;
    }

    .select select,
    .dropdown > div select {
        color: #243842;
        border-radius: 0;
        font-family: 'Source Sans Pro', sans-serif;
        cursor: pointer;
        text-transform: uppercase;
        padding: 1.25em;
        width: 108%;
        border: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-indent: 0.01px;
        text-overflow: '';
        width: 160%\9;
    }

        .select select:focus,
        .dropdown > div select:focus {
            outline: none;
        }

        .select select::-ms-expand,
        .dropdown > div select::-ms-expand {
            display: none;
        }

    .select:before,
    .dropdown > div:before {
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        height: 100%;
        color: white;
    }

    .icon--down:before, .select:before,
    .dropdown > div:before {
        content: url(/public/20200915004833oe_/https://pirc.scot/img/icon-select-arrow-blue.svg);
    }

/* form layout */
/*.row-fluid{
  border-bottom: 1px solid $brand-blue;
  margin-bottom: 2.5em;
  padding-bottom: 2.5em;

   .contactform &{
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
   }
}*/
.span6.col-md-6 {
    width: 48.8505747%;
    float: left;
    margin-left: 2.2988506%;
}

@media only screen and (max-width: 700px) {
    .span6.col-md-6 {
        width: 100%;
        float: none;
        margin-left: 0;
    }
}

.span6.col-md-6:first-child {
    margin-left: 0;
}

.radiobuttonlist {
    font-size: 0;
}

    .radiobuttonlist label {
        font-size: 16px;
        text-align: center;
        margin-left: 1.25em;
    }

.col-md-6 .radiobuttonlist label {
    width: 47.5294118%;
    margin-left: 4.9411765%;
}

    .col-md-6 .radiobuttonlist label:nth-child(2) {
        margin-left: 0;
    }

.singlechoice-2 {
    border-bottom: 1px solid #EDEDE6;
    margin-bottom: 2.5em;
    padding-bottom: 1.25em;
}

.singlechoice {
    border-bottom: 1px solid #EDEDE6;
    margin-bottom: 2.5em;
    padding-bottom: 1.25em;
}

    .singlechoice:last-child {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.col-md-6 .singlechoice {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.singlechoice > label {
    float: left;
    width: 50%;
}

@media only screen and (max-width: 700px) {
    .singlechoice > label {
        float: none;
        width: 100%;
    }
}

.col-md-6 .singlechoice > label {
    float: none;
}

.singlechoice > label + div {
    float: right;
}

@media only screen and (max-width: 700px) {
    .singlechoice > label + div {
        float: none;
        width: 100%;
    }
}

.col-md-6 .singlechoice > label + div {
    float: none;
}

.haveyoucomplainedtotherelevantpolicebody.singlechoice,
.thepircwillcorrespondwithyoubyemailunlessotherwisespecifiedifyouwouldpreferanalternativeformofcontactpleaseindicatebelow.singlechoice {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

    .haveyoucomplainedtotherelevantpolicebody.singlechoice > label,
    .thepircwillcorrespondwithyoubyemailunlessotherwisespecifiedifyouwouldpreferanalternativeformofcontactpleaseindicatebelow.singlechoice > label {
        float: none;
        width: 100%;
    }

        .haveyoucomplainedtotherelevantpolicebody.singlechoice > label + div,
        .thepircwillcorrespondwithyoubyemailunlessotherwisespecifiedifyouwouldpreferanalternativeformofcontactpleaseindicatebelow.singlechoice > label + div {
            float: none;
        }

    .haveyoucomplainedtotherelevantpolicebody.singlechoice .radiobuttonlist label,
    .thepircwillcorrespondwithyoubyemailunlessotherwisespecifiedifyouwouldpreferanalternativeformofcontactpleaseindicatebelow.singlechoice .radiobuttonlist label {
        margin-left: 0;
        width: 48.8505747%;
    }

        .haveyoucomplainedtotherelevantpolicebody.singlechoice .radiobuttonlist label:last-child,
        .thepircwillcorrespondwithyoubyemailunlessotherwisespecifiedifyouwouldpreferanalternativeformofcontactpleaseindicatebelow.singlechoice .radiobuttonlist label:last-child {
            margin-left: 2.2988506%;
        }

.floated-form-container label {
    display: block;
}

.floated-form-container .help-block {
    display: none;
}

.floated-form-container .d8button {
    margin-left: 1.125em;
}

@media only screen and (max-width: 700px) {
    .floated-form-container .d8button {
        margin-left: 4.7058824%;
    }
}

@media only screen and (max-width: 700px) {
    .floated-form-container input[type="text"] {
        width: 70px;
    }
}

.dropdown {
    margin-bottom: 1.25em;
}

/* complaint specific */
.requestareviewform {
    margin-top: 2.5em;
}

    .requestareviewform .firstname,
    .requestareviewform .lastname {
        float: left;
        width: 38.5057471%;
        margin-left: 2.2988506%;
    }

    .requestareviewform .title {
        float: left;
        width: 18.3908046%;
    }

    .requestareviewform .dateofbirth label,
    .requestareviewform .postcode label {
        margin-bottom: .333333333em;
    }

    .requestareviewform #faa19f7d-3ae3-4920-9a01-eb5517070951 p {
        margin-bottom: 0;
    }

    .requestareviewform .haveyoureceivedyourfinalletterofresponsefromthepolicebodyinvolvedinyourcomplaint + div p {
        font-weight: bold;
    }

    .requestareviewform .day,
    .requestareviewform .month,
    .requestareviewform .year {
        float: left;
        margin-left: 4.7058824%;
        width: 30.1176471%;
    }

        .requestareviewform .day.final-date,
        .requestareviewform .month.final-date,
        .requestareviewform .year.final-date {
            width: 31.7241379%;
            margin-left: 2.4137931%;
        }

    .requestareviewform .day {
        margin-left: 0;
    }

        .requestareviewform .day.final-date {
            margin-left: 0;
        }

    .requestareviewform .daytimephonenumber {
        clear: both;
    }

    .requestareviewform .dropdown + .notice {
        clear: both;
    }

    .requestareviewform .enterpostcodehere {
        display: inline-block;
        width: 47%;
    }

        .requestareviewform .enterpostcodehere input {
            border-right: none !important;
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
        }

        .requestareviewform .enterpostcodehere + div {
            display: inline-block;
            width: 51.9%;
            margin-left: -3px;
        }

            .requestareviewform .enterpostcodehere + div .btn {
                border-top-left-radius: 0 !important;
                border-bottom-left-radius: 0 !important;
                border: 1px solid #D2D2CD;
                border-left: none;
                padding: 1em 0 1em;
                width: 100%;
                text-align: center;
            }

    .requestareviewform .addressselect {
        clear: both;
    }

    .requestareviewform .whichpolicebodydidyoucomplainto,
    .requestareviewform .policecomplaintreferencenumber {
        float: left;
        width: 48.8505747%;
    }

    .requestareviewform .policecomplaintreferencenumber {
        margin-left: 2.2988506%;
    }

    .requestareviewform .hasthepolicebodyfinishedlookingatyourcomplaint {
        clear: both;
    }

    .requestareviewform .pleasestateyoursecondcomplaint {
        display: none;
    }

        .requestareviewform .pleasestateyoursecondcomplaint + .pleasestatewhyyouareunhappywithhowthiscomplaintwashandledbythepolice {
            display: none;
        }

    .requestareviewform .pleasestateyourthirdcomplaint {
        display: none;
    }

        .requestareviewform .pleasestateyourthirdcomplaint + .pleasestatewhyyouareunhappywithhowthiscomplaintwashandledbythepolice {
            display: none;
        }

    .requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow > label {
        float: none;
        width: 100%;
    }

        .requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow > label + div {
            float: none;
        }

    .requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow .radiobuttonlist {
        display: table;
        width: 100%;
    }

@media only screen and (max-width: 700px) {
    .requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow .radiobuttonlist {
        display: block;
    }
}

.requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow .radiobuttonlist input:first-child + .inner label {
    margin-left: 0 !important;
}

.requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow .radiobuttonlist .inner {
    display: table-cell;
}

@media only screen and (max-width: 700px) {
    .requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow .radiobuttonlist .inner {
        display: block;
    }
}

.requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow .radiobuttonlist .inner label {
    padding-left: 0;
    padding-right: 0;
    display: block;
    margin-left: 20px;
}

@media only screen and (max-width: 700px) {
    .requestareviewform .howwouldyoulikethepirctocorrespondwithyoupleaseselectbelow .radiobuttonlist .inner label {
        width: 100%;
        margin-left: 0;
    }
}

.requestareviewform .iagreetoyousharinginformationaboutmycasewithmyrepresentativenamedabove {
    margin-top: 43px;
    margin-bottom: 1.25em;
}

@media only screen and (max-width: 700px) {
    .requestareviewform .iagreetoyousharinginformationaboutmycasewithmyrepresentativenamedabove {
        margin-top: 0;
    }
}

.requestareviewform .iagreetoyousharinginformationaboutmycasewithmyrepresentativenamedabove label,
.requestareviewform .iagreetoyousharinginformationaboutmycasewithmyrepresentativenamedabove div {
    display: inline;
}

.requestareviewform .iagreetoyousharinginformationaboutmycasewithmyrepresentativenamedabove label {
    padding-left: 10px;
}

.requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint {
    clear: both;
    background: #243842;
    color: white;
    padding: 2em;
    border-radius: 5px;
    width: 48.8505747%;
    float: left;
}

@media only screen and (max-width: 700px) {
    .requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint {
        width: 100%;
        margin-bottom: 20px;
    }
}

.requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint label,
.requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint div {
    float: left;
}

.requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint label {
    width: 90%;
    margin-bottom: 0;
}

.requestareviewform .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint div {
    width: 10%;
}

.submitBtns {
    clear: both;
    margin-bottom: 20px;
}

    .submitBtns .contourNavigation {
        float: left;
        width: 48.8505747%;
        margin-left: 2.2988506%;
        text-align: center;
    }

@media only screen and (max-width: 440px) {
    .submitBtns .contourNavigation {
        margin-left: 0;
    }
}

.submitBtns .contourNavigation .btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.perplexfileupload,
.fileupload {
    float: left;
    width: 48.8505747%;
}

@media only screen and (max-width: 700px) {
    .perplexfileupload,
    .fileupload {
        width: 100%;
        float: none;
    }
}

.perplexfileupload.file2, .perplexfileupload.file4, .perplexfileupload.file6,
.fileupload.file2,
.fileupload.file4,
.fileupload.file6 {
    margin-left: 2.2988506%;
}

@media only screen and (max-width: 700px) {
    .perplexfileupload.file2, .perplexfileupload.file4, .perplexfileupload.file6,
    .fileupload.file2,
    .fileupload.file4,
    .fileupload.file6 {
        margin-left: 0;
    }
}

.perplexfileupload input,
.fileupload input {
    display: none;
}

.perplexfileupload label,
.fileupload label {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #D2D2CD;
    border-radius: 5px;
    padding: 1.1875em .8125em;
    background: white url(/public/20200915004833oe_/https://pirc.scot/img/icon-attatch.png) no-repeat center right;
    margin-bottom: 1.25em;
    cursor: pointer;
}

.d8button label {
    display: none;
}

/* application specific */
.initials {
    float: left;
    width: 18.8235294%;
}

.surname {
    float: left;
    width: 76.4705882%;
    margin-left: 4.7058824%;
}

/* ==========================================================================
   OVERRIDES
   ========================================================================== */
.slider {
    outline: none;
}

@media only screen and (min-width: 961px) {
    body {
        overflow: visible;
    }
}

@media only screen and (min-width: 961px) {
    .sb-slide,
    #sb-site,
    .sb-site-container,
    .sb-slidebar {
        -webkit-backface-visibility: visible;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.mobileBg {
    display: none;
}

@media only screen and (max-width: 960px) {
    .p-t-m-0 {
        padding-top: 0;
    }
}

.marc {
    border: 1px solid red;
}

.uppercase {
    text-transform: uppercase;
}

.show-overflow {
    overflow: visible;
}

.w50 {
    width: 50%;
}

.mb-linebreak {
    margin-bottom: 1.5em;
}

.m-inline {
    float: none;
    display: inline-block;
}

@media only screen and (max-width: 960px) {
    .m-block-100 {
        width: 100% !important;
        display: block;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0 !important;
    }

        .m-block-100.floated {
            float: none;
        }

        .m-block-100.page-margin {
            width: 87.5%;
            margin-left: 0;
        }

    .page-margin .m-block-100 {
        width: 100%;
        margin-left: 0;
    }

    .m-block-100.m-page-margin {
        padding-left: 6.25%;
        padding-right: 6.25%;
        width: 87.5%;
    }
}

@media only screen and (max-width: 769px) {
    .t-block-100 {
        width: 100% !important;
        display: block;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0 !important;
    }

        .t-block-100.floated {
            float: none;
        }

        .t-block-100.page-margin {
            width: 87.5%;
            margin-left: 0;
        }

    .page-margin .t-block-100 {
        width: 100%;
        margin-left: 0;
    }

    .t-block-100.m-page-margin {
        padding-left: 6.25%;
        padding-right: 6.25%;
        width: 87.5%;
    }
}

@media only screen and (max-width: 700px) {
    .m-block-list > li {
        float: none;
        display: block;
        margin-left: 0 !important;
        margin-right: 0;
        width: 100% !important;
    }
}

@media only screen and (max-width: 769px) {
    .t-block-list > li {
        float: none;
        display: block;
        margin-left: 0 !important;
        margin-right: 0;
        margin-bottom: 2.5em;
        width: 100%;
    }
}

/* removes extra extra margin at the bottom of module elements */
.module > *:last-child,
.module > *:last-child > *:last-child,
.module > *:last-child > *:last-child > *:last-child {
    margin-bottom: 0 !important;
}

.table {
    display: table;
}

@media only screen and (max-width: 700px) {
    .table {
        display: block;
    }
}

.table-cell {
    display: table-cell;
}

@media only screen and (max-width: 700px) {
    .table-cell {
        display: block;
    }
}

/*
 * Image replacement
 */

.image-replace {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

    .image-replace:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
    display: none !important;
    visibility: hidden;
}

@media only screen and (max-width: 769px) {
    .t-hidden {
        display: none !important;
        visibility: hidden;
    }
}

@media only screen and (max-width: 700px) {
    .m-hidden {
        display: none !important;
        visibility: hidden;
    }
}

.lt-ie9 .mobile-only {
    display: none;
    visibility: hidden;
}

@media only screen and (min-width: 701px) {
    .mobile-only {
        display: none;
        visibility: hidden;
    }
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    /*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
    visibility: hidden;
}

.m-block-list.list-bg > li.vertical-center-parent {
    display: table !important;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.panel.news {
    position: relative;
    padding-top: 5em;
    padding-bottom: 0;
}

    .panel.news:before {
        content: " ";
        display: block;
        width: 411px;
        height: 602px;
        background-image: url(/public/20200915004833oe_/https://pirc.scot/img/circles-fancy-mobile.png);
        z-index: -1;
        background-repeat: no-repeat;
        position: absolute;
        top: -105px;
        position: absolute;
        left: 50px;
        margin: auto;
    }

@media only screen and (min-width: 769px) {
    .panel.news:before {
        background-image: url(/public/20200915004833oe_/https://pirc.scot/img/circlesAssetFancy.png);
        top: -66px;
        left: -120px;
    }
}

@media only screen and (min-width: 769px) {
    .panel.news {
        max-width: 1300px;
        width: 90.625%;
        margin: 0 auto;
        padding-bottom: 5em;
    }
}

@media only screen and (min-width: 769px) {
    .panel.news .col-left {
        width: 25%;
        display: table-cell;
        vertical-align: top;
    }
}

@media only screen and (min-width: 769px) {
    .panel.news .col-right {
        width: 75%;
        display: table-cell;
    }
}

.panel.news h2 {
    font-weight: 600;
}

@media only screen and (min-width: 769px) {
    .panel.news .slider {
        display: table-cell;
        vertical-align: top;
        width: 33%;
    }
}

h1.two-styles {
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 40px;
}

@media only screen and (min-width: 769px) {
    h1.two-styles {
        text-align: left;
        margin-bottom: 0;
    }
}

h1.two-styles span {
    font-weight: 700;
}

.cicles-fancy .capps {
    display: none;
    text-align: center;
}

    .cicles-fancy .capps a {
        text-decoration: none;
    }

@media only screen and (min-width: 769px) {
    .cicles-fancy .capps {
        display: block;
        text-transform: uppercase;
        color: #943A80;
        text-align: left;
    }
}

.cicles-fancy h1 {
    text-align: center;
    font-weight: 400;
    font-size: 3.375em;
    text-transform: uppercase;
    margin-bottom: 40px;
}

@media only screen and (min-width: 769px) {
    .cicles-fancy h1 {
        text-align: left;
        margin-bottom: 0;
    }
}

.cicles-fancy h1 span {
    font-weight: 700;
}

@media only screen and (max-width: 769px) {
    .site-footer .floated.m-block-100 {
        width: 100%;
        margin-bottom: 2em;
        margin-left: 0;
    }
}

.site-footer .footer-btn-contaner {
    float: none;
    padding-bottom: 30px;
}

    .site-footer .footer-btn-contaner .btn {
        float: none;
        width: 100%;
        text-align: center;
    }

.slider {
    padding: 10px 20px;
}

@media only screen and (max-width: 700px) {
    .slider {
        padding: 10px 60px;
    }
}

@media only screen and (min-width: 701px) {
    .col-left .slider:first-of-type {
        padding: 10px 20px 10px 0;
    }
}

.login-container {
    float: right;
    padding-top: 16px;
    padding-right: 15px;
}

@media only screen and (max-width: 960px) {
    .login-container {
        padding-top: 0;
        float: none;
        display: block;
        margin: 0 auto;
        width: 70%;
        padding-right: 0;
    }
}

.login-nav {
    list-style: none;
    margin-bottom: 0;
}

@media only screen and (max-width: 960px) {
    .login-nav {
        text-align: center;
    }
}

.login-nav li {
    list-style: none;
    display: inline-block;
    font-size: 1em;
}

.login-nav a {
    color: #fff;
    text-decoration: none;
}

.main-nav .login-nav a {
    border-bottom: 0;
}

.l-oneThird {
    float: left;
    width: 40%;
    margin-right: 2%;
}

@media only screen and (max-width: 960px) {
    .l-oneThird {
        width: 100%;
        margin-right: 0;
    }
}

.l-twoThird {
    float: left;
    width: 56%;
    margin-left: 2%;
}

@media only screen and (max-width: 960px) {
    .l-twoThird {
        width: 100%;
        margin-left: 0;
    }
}

@media only screen and (min-width: 961px) {
    .l-twoThird {
        display: table;
    }

        .l-twoThird p {
            margin-bottom: 0;
        }
}

@media only screen and (min-width: 961px) {
    .l-twoThird form {
        display: table-cell;
        vertical-align: middle;
    }
}

.banner-inner-page {
    background: #EDEDE6 url(/public/20200915004833oe_/https://pirc.scot/img/circles-inner-page.png) 5% 80px;
    background-repeat: no-repeat;
    background-size: auto;
}

.bannerBottom-panel {
    background: #EDEDE6 url(/public/20200915004833oe_/https://pirc.scot/img/circlesassetFancy.png) 80% -20px;
    background-repeat: no-repeat;
    background-size: 15%;
}

.main-content {
    background: url(/public/20200915004833oe_/https://pirc.scot/img/circles-about-1.png) 90% -250px no-repeat, #EDEDE6 url(/public/20200915004833oe_/https://pirc.scot/img/big-circle.png) -60% 300px no-repeat;
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%;
}

@media only screen and (max-width: 960px) {
    .main-content {
        background-image: none;
    }
}

.Investigations #sb-site {
    background: #EDEDE6 url(/public/20200915004833oe_/https://pirc.scot/img/invest-circles-1.png) 120% 180px no-repeat;
}

@media only screen and (max-width: 960px) {
    .Investigations #sb-site {
        background-image: none;
    }
}

.Investigations #sb-site .banner-inner-page {
    background: none;
    background-repeat: no-repeat;
    background-size: auto;
}

.Investigations #sb-site .main-content {
    background: url(/public/20200915004833oe_/https://pirc.scot/img/circles-inner-page.png) 10% -100px no-repeat, url(/public/20200915004833oe_/https://pirc.scot/img/invest-circles-2.png) 100% 500px no-repeat, url(/public/20200915004833oe_/https://pirc.scot/img/invest-circle-3.png) -10% 850px no-repeat;
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%;
}

@media only screen and (max-width: 960px) {
    .Investigations #sb-site .main-content {
        background-image: none;
    }
}

.publications #sb-site {
    background: #EDEDE6 url(/public/20200915004833oe_/https://pirc.scot/img/circles-inner-page.png) 10% 200px no-repeat;
}

@media only screen and (max-width: 960px) {
    .publications #sb-site {
        background-image: none;
    }
}

.publications #sb-site .banner-inner-page {
    background: none;
    background-repeat: no-repeat;
    background-size: auto;
}

.publications #sb-site .main-content {
    background: url(/public/20200915004833oe_/https://pirc.scot/img/circles-inner-page.png) 10% -100px no-repeat, url(/public/20200915004833oe_/https://pirc.scot/img/invest-circles-2.png) 100% 500px no-repeat, url(/public/20200915004833oe_/https://pirc.scot/img/invest-circle-3.png) -10% 850px no-repeat;
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%;
}

@media only screen and (max-width: 960px) {
    .publications #sb-site .main-content {
        background-image: none;
    }
}

.complaints #sb-site {
    background: #EDEDE6 url(/public/20200915004833oe_/https://pirc.scot/img/invest-circles-1.png) -40% 180px no-repeat;
}

@media only screen and (max-width: 960px) {
    .complaints #sb-site {
        background-image: none;
    }
}

.complaints #sb-site .banner-inner-page {
    background: none;
    background-repeat: no-repeat;
    background-size: auto;
}

.complaints #sb-site .main-content {
    background: url(/public/20200915004833oe_/https://pirc.scot/img/circles-inner-page.png) 90% -100px no-repeat, url(/public/20200915004833oe_/https://pirc.scot/img/invest-circles-2.png) -10% 900px no-repeat, url(/public/20200915004833oe_/https://pirc.scot/img/invest-circle-3.png) -100% 500px no-repeat;
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%;
}

@media only screen and (max-width: 960px) {
    .complaints #sb-site .main-content {
        background-image: none;
    }
}

.oneThirds {
    width: 33.3333%;
}

@media only screen and (max-width: 960px) {
    .oneThirds {
        width: 100%;
    }
}

.twoThirds {
    width: 66.6%;
}

@media only screen and (max-width: 960px) {
    .twoThirds {
        width: 100%;
    }
}

.bigLink {
    list-style: none;
    margin: 2em 0;
    padding: 0;
}

    .bigLink li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .bigLink a {
        display: block;
        position: relative;
        font-size: 1.875em;
        line-height: 1.166666667em;
        font-weight: 600;
        color: #943A80;
        padding: 1em 0;
        text-transform: none;
        text-decoration: none;
        border-top: 1px solid #999999;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .bigLink a:after {
            position: absolute;
            content: url(/public/20200915004833oe_/https://pirc.scot/img/icon-arrow-purple.svg);
            right: 0;
            display: block;
            font-size: 18px;
            top: 50%;
            margin-top: -15px;
            width: 11px;
        }

        .bigLink a:hover {
            color: #593E84;
            -moz-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

.bigLink__one a:after {
    position: absolute;
    content: url(/public/20200915004833oe_/https://pirc.scot/img/icon-arrow-purple.svg);
    right: 0;
    display: block;
    font-size: 18px;
    top: 50%;
    margin-top: -15px;
    width: 11px;
}

.bigLink li:last-child a {
    border-bottom: 1px solid #999999;
}

.useful-links {
    position: relative;
}

    .useful-links::after {
        clear: both;
        content: "";
        display: block;
    }

    .useful-links .bigLink li:first-child a {
        border-top: 0;
    }

@media only screen and (max-width: 960px) {
    .useful-links .l-oneThird {
        margin-bottom: 160px;
    }
}

.useful-links .l-oneThird:before {
    content: " ";
    display: block;
    width: 386px;
    height: 429px;
    background-image: url(/public/20200915004833oe_/https://pirc.scot/img/circles-useful-links.png);
    z-index: -1;
    background-repeat: no-repeat;
    position: absolute;
    top: -50px;
    left: 10px;
}

@media only screen and (max-width: 960px) {
    .useful-links .l-oneThird:before {
        z-index: -1;
        top: -100px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

.findInvestigation {
    background: #fff url(/public/20200915004833oe_/https://pirc.scot/img/circles-useful-links.png) 8% -20px no-repeat;
}

@media only screen and (max-width: 960px) {
    .findInvestigation {
        background: #fff url(/public/20200915004833oe_/https://pirc.scot/img/circles-useful-links.png) center -100px no-repeat;
    }
}

.investigate-form form {
    display: block;
}

.investigate-form input.tm-input {
    margin-top: 2px;
    margin-bottom: 12px;
    vertical-align: middle !important;
    background: none;
    padding: 0;
    width: auto;
}

@media only screen and (max-width: 960px) {
    .investigate-form input.tm-input {
        width: 100%;
    }
}

.investigate-form .btn {
    color: #fff;
}

.l-btnContainer {
    display: table-cell;
    width: 80%;
    vertical-align: top;
}

@media only screen and (max-width: 960px) {
    .l-btnContainer {
        width: 100%;
        display: block;
    }
}

.l-inputContainer {
    display: table-cell;
    width: 20%;
}

@media only screen and (max-width: 960px) {
    .l-inputContainer {
        width: 100%;
        display: block;
    }
}

.clearfix::after {
    clear: both;
    content: "";
    display: block;
}

.half {
    width: 50%;
    float: left;
}

@media only screen and (max-width: 700px) {
    .half {
        width: 100%;
        padding: 0;
    }
}

.half img {
    padding: 0 20px;
}

@media only screen and (max-width: 700px) {
    .half img {
        padding: 0;
    }
}

.picture-circle {
    border-radius: 100%;
    max-width: 50%;
    margin: 0 auto 80px auto;
    display: block;
}

.text-link.lowercase {
    text-transform: none;
    text-decoration: none;
    font-weight: bold;
}

.lowercase {
    text-transform: lowercase;
}

.contour.equalopportunitiesform {
    padding-top: 40px;
}

.ethnicity-col {
    background-color: #f9f9f9;
}

@media only screen and (max-width: 700px) {
    .ethnicity-col {
        margin-bottom: 20px;
    }
}

.general,
.ethnicity-col {
    padding: 20px;
    position: relative;
}

.contourField.ethnicity.d8labelfield {
    position: absolute;
    left: 0;
    top: -40px;
}

@media only screen and (max-width: 700px) {
    .contourField.ethnicity.d8labelfield {
        margin-top: 20px;
    }
}

.span6.col-md-6.general .date,
fieldset .date {
    font-style: normal;
    font-size: 1em;
}

legend.legend-fix {
    padding: 0 0 1em 1.1em;
}

@media only screen and (max-width: 700px) {
    .site-footer .floated.m-block-100.m-mb-0 {
        margin-bottom: 0;
    }
}

.contourField.firstname.shortanswer.alternating {
    clear: both;
}

.field-validation-error {
    color: red;
    display: block;
    width: 100%;
    margin-bottom: 30px;
}

.PublicationsCenter {
    max-width: 500px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

@media only screen and (max-width: 440px) {
    .pleasecheckthisboxtoallowthepirctodealwithyourcomplaint {
        margin-bottom: 20px;
    }
}

.fileupload.perplexfileupload {
    margin-top: 20px;
    margin-bottom: 20px;
}

.contourField.d8button.alternating {
    width: 100%;
    clear: both;
}

@media only screen and (max-width: 700px) {
    .contourField.d8button.alternating button {
        margin-bottom: 20px;
    }
}

.footer-logo-container {
    max-width: 1300px;
    width: 90.625%;
    margin: 0 auto;
    padding-left: 0;
    position: relative;
    background: #243842;
    clear: both;
}

.livingWageContainer,
.DisabilityContainer {
    max-width: 100px;
    margin-top: 20px;
    float: left;
}

.DisabilityContainer {
    max-width: 167px;
    margin: 20px 0 0 10px;
}

.ref-number {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    height: 60px;
    border: 0 !important;
}

.ref-submit {
    margin-left: 15px;
    height: 60px;
}

@media only screen and (max-width: 700px) {
    .ref-submit {
        margin-left: 0;
    }
}

[type="radio"]:checked + .inner.selected label {
    font-weight: bold;
}

.help-block {
    margin-bottom: 20px;
    display: block;
}

.specific-complaint {
    margin: 2em 0 10px 0;
    padding: 0;
}

.btn.extra-pad {
    padding: 1em 4em;
}

.contourIndicator.error {
    color: #f00 !important;
}

.input-validation-error,
.error {
    border: 1px solid #f00 !important;
}

.help-block {
    font-weight: bold;
}

#a5621e7b-19e9-4e79-d2ab-046e71624fcf {
    display: none;
}

.pagination ul li {
    color: #943A80;
    display: inline-block;
    border: 1px solid #DDDDD9;
    border-radius: 2px;
    padding: 0 8px;
    height: 27px;
    line-height: 27px;
    font-weight: bold;
    margin-left: .05em;
}

    .pagination ul li a {
        color: #243842;
        font-weight: normal;
    }


#nextComplaint.btn {
    margin-bottom: 20px;
}

.news__img {
    float: left;
    width: calc(30% - 20px);
    margin-right: 20px;
}

.news__content {
    float: left;
    width: 70%;
}

.icon {
    fill: #f9f9f9;
    height: 20px;
    width: 20px;
    display: block;
    align-self: center;
    flex-direction: row;
}

.social-twitter,
.social-facebook,
.social-google {
    height: 32px;
    width: 32px;
    background-color: #000;
    display: flex;
    justify-content: center;
    transition: all .2s ease-in-out;
}

    .social-twitter:hover,
    .social-facebook:hover,
    .social-google:hover {
        transform: translateY(-4px);
        transition: all .2s ease-in-out;
    }

.social-twitter {
    background-color: #1da1f2;
}

.social-facebook {
    background-color: #3b5998;
}

.social-google {
    background-color: #dc4e41;
}

.publications .filter .col-2 {
    width: 73.482759%;
}

#step7SaveButton {
    margin-bottom: 20px;
}