:root {
    --bg-header-footer-color: #A347A3;
    --bg-nav-color: #dcd1d1;
}

/*** Topouter ***/
.topOuter {
    margin-bottom: 0;
    min-height: 20px;
    position: relative;
    border-radius: 0px;
}

/*topouter inverse*/
.topOuter-inverse {
    background-color: #A347A3;
    border-color: #A347A3;
    font-size: 0.8em;
}

.topOuter-inverse h4 a {
    font-size: 16px;
    color: #FFF;
}

/*** headerouter ***/
.headerOuter {
    background-color: #A347A3;
}

/*** Navigation Bar ***/
/*navbar-pats - background color*/
.navbar-pats {
    background-color: #dcd1d1;
    border: 0 none !important;
}

/* font color nav-bar*/
#navigation_bar li a {
    color: #fff;
}


/* highlighted item is now blue - for accessibility*/
.nav-link:focus, .nav-link:hover {
        background-color: #B298D5;
}

.nav-link {
    color: #000000 !important;
}

/*** Footer outer ***/
.footerOuter {
    background-color: #A347A3;
    text-align: center;
}

.footerOuter .footerText {
    text-align: left;
    color: white;
}

.footerOuter .footerText a {
    color: white;
}

.footerOuter .footerText h4 {
    color: #fff;
    margin-top: 25px;
}

.footerOuter .footerText h5 {
    color: #fff;
    font-size: 15px;
    line-height: 16px;
    margin-bottom: 0px;
}

.footerOuter .footerText hr {
    color: #fff;
    margin-top: 8px;
    margin-bottom: 8px;
}

/*** Bottom links outer ***/
.bottomlinksOuter {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bottomlinksOuter a {
    color: #132638;
}

.bottomlinksOuter ul {
    padding-left: 0;
}

.bottomlinksOuter ul li {
    display: inline-block;
}

.bottomlinksOuter ul li a::after {
        content: "|";
        padding-left: 5px;
        padding-right: 5px;
}

.bottomlinksOuter ul li:last-of-type a::after {
        content: "";
}

/*** Body content from Gordon The Designer ***/
.body-content {
    background-color: #FFFFFF;
    font-size: 16px;
    line-height: 19px;
}

.body-content h1 {
    font-size: 21px !important;
    line-height: 26px;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
    color: #22426D;
}

.body-content h2 {
    font-size: 18px !important;
    line-height: 20px;
    font-weight: bold;
    margin: 20px 0px 10px 0px;
    color: #2D588F;
}

.body-content h3 {
    font-size: 16px !important;
    line-height: 20px;
    /*font-style: italic;*/
    font-weight: bold;
    margin: 10px 0px 10px 0px;
    color: #3566A7;
}

.body-content h4 {
    font-size: 14px !important;
    line-height: 18px;
    font-style: italic;
    margin: 10px 0px 10px 0px;
    color: #3C74CE;
}

.body-content h5 {
    font-size: 14px;
    line-height: 19px;
    /*background: url(/public/20250325031249oe_/https://www.patscotland.org.uk/img/arrow_hyperlink.png) no-repeat left;*/
    padding: 5px 0px 0px 28px;
}

.body-content a {
    color: #315988;
    font-weight: bold;
    text-decoration: none;
}

.body-content a:hover {
    color: #0D3557;
    font-weight: bold;
    text-decoration: none;
}

.body-content p {
    margin-bottom: 15px;
}

/*** Dropdown menu ***/
.dropdown-menu {
    background-color: #dcd1d1;
}

.dropdown-item{
    color:#000000 !important;
}

.btn-success {
    color: #fff;
    background-color: #737373;
    border-color: #737373;
}

.btn-success:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #616161;
    border-color: #616161;
}

/*right-hand side region*/
/*menu region on desktop*/
#region-menu {
    margin: 0 0 0 1.3em;
}

/*main page introduction*/
#block-block-1 {
    margin: 3em 0 0 12em;
    width: 80%
}

/*turn off the bottom links*/
#block-block-3 {
    display: block;
    background-color: #A347A3;
    width: 88%;
    height: 155px;
    margin: 0.4em 0 0 0.4em;
    padding: 0.3em;
    border-radius: 2em;
}

#block-block-3 .rtecenter img {
    margin: 1em 0.3em -1.0em 0.3em;
}


#block-block-3 p.rtecenter {
    margin: -0.4em 0 0 0.3em;
    color: #ffffff;
    font-weight: bold;
}

#block-block-3
p.rtecenter a {
    color: #ffffff;
    font-size: 0.8em;
}

#block-block-3
p.rtecenter a.active {
    color: #ffffff;
    font-size: 0.8em;
}

#block-block-3
p.rtecenter a:hover {
    color: #ffffff;
    font-size: 0.8em;
}

#block-block-4 {
    display: block;
    margin: 0.5em 0 0 0.4em;
    display: block;
    background-color: #A347A3;
    width: 88%;
    height: 155px;
    padding: 0.3em;
    border-radius: 2em;
}

#block-block-4 .rtecenter img {
    margin: 0.3em 0 -2.4em 0;
    border-radius: 2em;
}

#block-block-4
p.rtecenter {
    margin: -0.5em 0 0 0;
    color: #ffffff;
    font-weight: bold;
}

#block-block-4
p.rtecenter a {
    color: #ffffff;
    font-size: 0.8em;
}

#block-block-4
p.rtecenter a.active {
    color: #ffffff;
    font-size: 0.8em;
}

#block-block-4
p.rtecenter a:hover {
    color: #ffffff;
    font-size: 0.8em;
    font-size: 0.8em;
}

#region-sidebar-second
.region-inner {
    border: 2px solid #A347A3;
    height: 21em;
    width: 11em;
    padding: 0 0 0 0.5em;
    border-radius: 3em;

}

#region-sidebar-second {
    margin: 3em 0 11em 0;
    padding: 0 0 0 1em;
}



#block-views-medical-appendices-block-1
.attachment
.view-medical-appendices
.view-content
.view-summary {
    font-family: Gerogia, "Times New Roman, serif";
}


#block-views-medical-appendices-block-1
.attachment
.view-medical-appendices
.view-content {
    padding: 2em;
}

#block-views-medical-appendices-block-1
.attachment
.view-medical-appendices
.view-content a:hover {
    color: #3F1B6F;
    text-decoration: underline;
    font-weight: bold;
}

#block-views-medical-appendices-block-1
.attachment
.view-medical-appendices
.view-content a.active {
    color: #3F1B6F;
    font-weight: bolder;
}

@media (max-width:740px) {
    img#hideimgonmobileE {
        display: none;
    }
    img#hideimgonmobileM {
        display: none;
    }
    div#block-block-4{
        height:60px;
    }
    div#block-block-3 {
        height: 60px;
    }

    #region-sidebar-second
    .region-inner {
        height: 150px;
    }