﻿/* For custom colors, find and replace the following colors with your own
    color1 : #da96a4 : Menu Hover
    color2 : #83CA2E : Menu Active
    color3 : #555555 : Menu Back
    color4 : #FFFFFF : Menu Active Text dff3c7
    color5 : #FFFFFF : Background
*/


body { background: #FFFFFF; color: #333333; }
.dnnbooster header .fixed-top { background: #555555; }
.dnnbooster header span, .dnnbooster header span.normal { color: white; }
.dnnbooster header .topbar { background: #83CA2E; color: white; }
.dnnbooster header .topbar .general-functions a:link, .dnnbooster header .topbar .general-functions a:visited, .dnnbooster header .topbar .general-functions a:focus, .dnnbooster header .topbar .general-functions a:active { color: #FFFFFF; }
.dnnbooster header .topbar .general-functions a:hover { background: #da96a4; color: white; }
.dnnbooster header .topbar .general-functions .dropdown-toggle:after { display: none; }
.dnnbooster header .topbar .general-functions li { border-right-color: #7d767b; }
.dnnbooster header .topbar .general-functions li .notification-holder .buttonGroup .userNotifications span { color: white; }
.dnnbooster header .topbar .general-functions li .profile-holder a { border-left-color: #7d767b; }
.dnnbooster header .topbar .general-functions li .profile-holder .buttonGroup .userProfileImg img { border-color: #FFFFFF; }
.dnnbooster header .topbar .general-functions li .profile-holder .buttonGroup .userProfileImg img:hover { border-color: white; }
.dnnbooster header .topbar .language-object .Language.selected img { border: solid 1px #da96a4; }
.dnnbooster header .search-bar .searchInputContainer ul.searchSkinObjectPreview { background: white; border: 1px solid #83b836; }
.dnnbooster header .navbar .navbar-toggler-icon { background: white; }
.dnnbooster header .navbar .navbar-brand { color: white; }
.dnnbooster header .navbar .navbar-nav .nav-link { color: #FFFFFF; }
.dnnbooster header .navbar .navbar-nav .nav-link:hover { background: #da96a4; color: white; }
.dnnbooster header .navbar .navbar-nav .nav-item.active { background: #83CA2E; color: white; }
.dnnbooster header .navbar .navbar-nav .nav-item .dropdown-menu { background: #555555; }
.dnnbooster header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus, .dnnbooster header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover { color: white; background-color: #da96a4; }
.dnnbooster header .navbar .navbar-toggler .toggle-bar { background: white; }
.dnnbooster header .navbar .navbar-toggler .toggle-bar.middle1, .dnnbooster header .navbar .navbar-toggler .toggle-bar.middle2 { background: #da96a4; }
.dnnbooster header .navbar .navbar-toggler.open .toggle-bar.middle1 { background: #da96a4; }
.dnnbooster header .navbar .navbar-toggler.open .toggle-bar.middle2 { background: #da96a4; }
.dnnbooster .page-header { border-bottom: solid 1px #e6e6e6; }
.dnnbooster footer { background: #555555; color: #FFFFFF; }
.dnnbooster footer a:link, .dnnbooster footer a:visited, .dnnbooster footer a:active, .dnnbooster footer a:focus { color: #FFFFFF; }
.dnnbooster footer a:hover { color: white; }
.dnnbooster footer .legal-footer { background: #83CA2E; }
.dnnbooster .bootsterContainer.dnnc-clean h1.lined, .dnnbooster .bootsterContainer.dnnc-clean h2.lined, .dnnbooster .bootsterContainer.dnnc-clean h3.lined, .dnnbooster .bootsterContainer.dnnc-clean h4.lined, .dnnbooster .bootsterContainer.dnnc-clean h5.lined, .dnnbooster .bootsterContainer.dnnc-clean h6.lined { border-bottom: solid 1px #333333; }
.dnnbooster .bootsterContainer.dnnc-panel { background-color: white; border-color: #333333; }
.dnnbooster .bootsterContainer.dnnc-panel .panel-heading { border-bottom-color: #333333; }
.dnnbooster .bootsterContainer.dnnc-panel.primary { border-color: #0069d9; }
.dnnbooster .bootsterContainer.dnnc-panel.primary .panel-heading { color: white; background-color: #007bff; border-color: #0069d9; }
.dnnbooster .bootsterContainer.dnnc-panel.secondary { border-color: #727b84; }
.dnnbooster .bootsterContainer.dnnc-panel.secondary .panel-heading { color: white; background-color: #868e96; border-color: #727b84; }
.dnnbooster .bootsterContainer.dnnc-panel.success { border-color: #218838; }
.dnnbooster .bootsterContainer.dnnc-panel.success .panel-heading { color: white; background-color: #28a745; border-color: #218838; }
.dnnbooster .bootsterContainer.dnnc-panel.info { border-color: #138496; }
.dnnbooster .bootsterContainer.dnnc-panel.info .panel-heading { color: white; background-color: #17a2b8; border-color: #138496; }
.dnnbooster .bootsterContainer.dnnc-panel.warning { border-color: #e0a800; }
.dnnbooster .bootsterContainer.dnnc-panel.warning .panel-heading { color: white; background-color: #ffc107; border-color: #e0a800; }
.dnnbooster .bootsterContainer.dnnc-panel.danger { border-color: #c82333; }
.dnnbooster .bootsterContainer.dnnc-panel.danger .panel-heading { color: white; background-color: #dc3545; border-color: #c82333; }
.dnnbooster .bootsterContainer.dnnc-panel.light { border-color: #e2e6ea; }
.dnnbooster .bootsterContainer.dnnc-panel.light .panel-heading { color: #343a40; background-color: #f8f9fa; border-color: #e2e6ea; }
.dnnbooster .bootsterContainer.dnnc-panel.dark { border-color: #23272b; }
.dnnbooster .bootsterContainer.dnnc-panel.dark .panel-heading { color: white; background-color: #343a40; border-color: #23272b; }
.dnnbooster .list li:before { color: #83b836; }
.dnnbooster .social-list li a { color: #555555; }
.dnnbooster .social-list.square li a { background: #555555; }
.dnnbooster .social-list.square-border li a { border-color: #555555; }
.dnnbooster .social-list.round li a { background: #555555; }
.dnnbooster .social-list.round.small li a { background: #555555; }
.dnnbooster .social-list.round.large li a { background: #555555; }
.dnnbooster .social-list.round-border li a { border-color: #555555; }
.dnnbooster .social-list.round-border.small li a { border-color: #555555; }
.dnnbooster .social-list.round-border.large li a { border-color: #555555; }
.dnnbooster a:link, .dnnbooster a:visited, .dnnbooster a:active, .dnnbooster a:focus { color: #da96a4; }
.dnnbooster a:hover { color: #333333; }
.dnnbooster h1, .dnnbooster h2, .dnnbooster h3, .dnnbooster h4, .dnnbooster h5, .dnnbooster h6 { color: #333333; }
.dnnbooster padding { color: #333333; }


@media (min-width: 768px) { 
    .dnnbooster .bootsterContainer.dnnc-panel .panel-heading{ 
        font-size: 18px;
    }

    .dnnbooster .bootsterContainer.dnnc-clean p,
    .dnnbooster .bootsterContainer.dnnc-panel p,
    .dnnbooster .bootsterContainer.dnnc-panel li{ 
        font-size: 16px;
    }

    .legal-footer .container{
        font-size: 14px;
    }
}
@media (min-width: 1200px) { 
    .dnnbooster header .navbar .navbar-nav .nav-link,
    .dnnbooster header .navbar .navbar-nav .nav-item .dropdown-menu {
        font-size: 16px;
    }
}


.dnnbooster .bootsterContainer.dnnc-panel.secondary .panel-heading { background-color: #7C7C7C; }

.dnnbooster .bootsterContainer.dnnc-panel.secondary ul { 
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}

.dnnbooster .bootsterContainer.dnnc-panel.secondary li { 
    padding-top: 5px;
    padding-bottom: 5px;
}

.dnnbooster .bootsterContainer.dnnc-panel.secondary p { 
    padding-top: 5px;
    padding-bottom: 5px;
}

.dnnbooster .bootsterContainer.dnnc-panel.secondary table { 
    margin: 5px;
}

.dnnbooster .bootsterContainer.dnnc-panel.secondary td { 
    text-align: center;
    padding: 5px 20px 5px 20px;
}

.header-spacer {
    margin-top: 142px;
}

.dnnbooster header .navbar .navbar-brand {
    height: 102px;
}

.dnnbooster header .navbar img {
    height: 80px !important;
}


.home-one {
    background: #000 url("/portals/0/Images/Home/Befriending.png") center center;
}

.home-two {
    background: #000 url("/portals/0/Images/Home/Transport.jpeg") center center;
}
.home-three {
    background: #000 url("/portals/0/Images/Home/Health.jpeg") center center;
}
.home-four {
    background: #000 url("/portals/0/Images/Home/Volunteer.jpeg") center center;
}
.home-five {
    background: #000 url("/portals/0/Images/Home/Whatton.jpeg") center center;
}

.home-six {
    background: #000 url("/portals/0/Images/Home/Services.jpeg") center center;
}

.jumbotron {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000 url("/portals/0/Images/Home/JumbotronBW.jpg") center center;
    min-height: 500px;
    border-radius: 0px;
}


.jumbotron, .home-one, .home-two, .home-three, .home-four, .home-five, .home-six {
    background-size: cover;
    overflow: hidden;
}

/*.home-one, .home-two, .home-three, .home-four {
    margin: 5px;
    padding: 10px;
    border-radius: 6px;
    border: solid;
    border-color: #555555;
    border-width: 1px;
    //color: #83CA2E;
}*/

.home-o {
    /*background-color: #555555;*/
    margin: 20px 5px 20px 5px;
    /*border-radius: 6px;*/
    border: solid;
    border-color: #727b84;
    background-color: #7c7c7c; /*#555555;*/
    border-width: 1px;
    /*color: #83CA2E;*/
}

.home-o p, .home-o h2 {
    margin: 10px;
    color: white;
}

.home-o .home-one, .home-o .home-two, .home-o .home-three, .home-o .home-four, .home-o .home-five, .home-o .home-six {
    background-position: center center;
    min-height: 200px;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.home-o a {
    position: absolute;
    bottom: 10px;
    right: 10px;
}


.btn-default{
    border-color: white;
    border-width: 2px;
    background-color: #555555;
    color: white !important;
}

.btn-default:hover{
    background-color: #da96a4;
}

.dnnbooster .bootsterContainer.dnnc-panel.secondary .btn-default,
.dnnbooster .bootsterContainer.dnnc-panel.danger .btn-default  {
    margin: 5px;
    border-color: #83CA2E;
    border-width: 2px;
    background-color: white;
    color: #555555 !important;
    white-space: normal;
}

.dnnbooster .bootsterContainer.dnnc-panel.secondary .btn-pdf {
    border-color: silver;
    background-image: url("/portals/0/Images/Adobe_PDF_file_icon_32x32_Border.png");
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 48px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dnnbooster .bootsterContainer.dnnc-panel.secondary .btn-doc {
    border-color: silver;
    background-image: url("/portals/0/Images/Word_Icon_32_Border.png");
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 48px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dnnbooster .bootsterContainer.dnnc-panel.secondary .btn-default:hover,
.dnnbooster .bootsterContainer.dnnc-panel.danger .btn-default:hover{
    border-color: #555555 !important;
    background-color: #83CA2E;
    color: white !important;
}

.dnnbooster .bootsterContainer.dnnc-panel.secondary .btn-pdf:hover{
    border-color: red !important;
    background-color: white;
    color: red !important;
}

.dnnbooster .bootsterContainer.dnnc-panel.secondary .btn-doc:hover{
    border-color: blue !important;
    background-color: white;
    color: blue !important;
}

.dnnbooster .bootsterContainer.dnnc-panel.secondary .btn-primary {
    margin: 5px;
    border-color: #da96a4;
    border-width: 2px;
    background-color: white;
    color: #555555 !important;
}

.dnnbooster .bootsterContainer.dnnc-panel.secondary .btn-primary:hover{
    border-color: #555555 !important;
    background-color: #da96a4;
    color: white !important;
}

.dnnbooster .bootsterContainer.dnnc-clean img{
    border-color: #727b84;
    border-style: solid;
    border-width: 1px;
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.dnnbooster .bootsterContainer{
    overflow: hidden;
}

.dnnbooster .bootsterContainer .logo-right{
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
    max-width: 50%;
    max-height: 250px;
}

.dnnbooster .bootsterContainer .img-centre{
    display:block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 500px;
}

.dnnbooster .bootsterContainer .contact-details,
.dnnbooster .bootsterContainer .contact-details-ext{
    margin: 5px;
    display: inline-block;
    border: solid;
    border-width: 2px;
    border-color: #83CA2E;
    border-radius: 4px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #555555;
}
.dnnbooster .bootsterContainer .contact-details{
    border-color: #83CA2E;
}
.dnnbooster .bootsterContainer .contact-details-ext{
    border-color: #da96a4;
}

.dnnbooster .bootsterContainer .contact-details a,
.dnnbooster .bootsterContainer .contact-details-ext a{
    background-position: left;
    background-repeat: no-repeat;
    padding: 3px;
    padding-left: 24px;
    color: #555555;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    border-color: transparent;
}
.dnnbooster .bootsterContainer .contact-details a[href^=tel],
.dnnbooster .bootsterContainer .contact-details-ext a[href^=tel]{
    background-image: url("/portals/0/Icons/PhoneIcon.png");
}
.dnnbooster .bootsterContainer .contact-details a[href^=mailto],
.dnnbooster .bootsterContainer .contact-details-ext a[href^=mailto]{
    background-image: url("/portals/0/Icons/MailIcon.png");
}

.dnnbooster .bootsterContainer .contact-details a:hover,
.dnnbooster .bootsterContainer .contact-details-ext a:hover{
    color: white;
    border-color: #555555;
}
.dnnbooster .bootsterContainer .contact-details a:hover{
    background-color: #83CA2E;
}
.dnnbooster .bootsterContainer .contact-details-ext a:hover{
    background-color: #da96a4;
}
.dnnbooster .bootsterContainer .contact-details a[href^=tel]:hover,
.dnnbooster .bootsterContainer .contact-details-ext a[href^=tel]:hover{
    background-image: url("/portals/0/Icons/PhoneIconWhite.png");
}
.dnnbooster .bootsterContainer .contact-details a[href^=mailto]:hover,
.dnnbooster .bootsterContainer .contact-details-ext a[href^=mailto]:hover{
    background-image: url("/portals/0/Icons/MailIconWhite.png");
}


@media (max-width: 768px) { 
    .dnnbooster .dropdown-menu { background-color: #333333; }
    .dnnbooster .dropdown-menu .dropdown-item { color: white; }
    .dnnbooster .dropdown-menu .dropdown-item:before { color: white; }
    .dnnbooster .dropdown-menu .dropdown-item:hover, .dnnbooster .dropdown-menu .dropdown-itemfocus { background: #333333; } 
}