/*-----------------AEM CSS STYLES ------------------- */
/*
    #662d91 - purple
    #00ad7d - green
    #f1592a - red
    #2d637f - blue
*/
@import url("https://use.typekit.net/qzh4caa.css");

:root {
    /* Button theme fallbacks */
    --theme-primary: #6c757d;
    --theme-accent-1: #00a070;
    --theme-accent-2: #522583;
    --theme-accent-3: #dc5528;
}

body {
    font-family: Calibri, sans-serif;
    font-size:1.2rem
}

/* ----- Text styles ----*/

a:link {
    text-decoration:underline;
}

footer a:visited {
    color: #999;
}

p {
    font-size:1.2rem;
}

.breadcrumb {
    font-size:1.2rem;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 2rem;
}

h4 {
    font-size: 1.25rem;
}

    /* ----- Text styles ----*/
    /* ------CARD STYLES------- */

#home .card {
    /*background-color: #2d637f;*/
}

#home .card a:link {
    text-decoration: none;
    /*background-color: #2d637f;*/
    height: 100%;
}

#home .card a:hover {
    /*background-color: #2d637f;*/
    box-shadow: 0px 0px 15px 2px #9c9c9c;
    height: 100%;
}

#home .home-card-body {
    color: #fff;
    background-color: #2d637f;
}
.card-title {
    margin:0;
}

/* ---- NAVIGATION STYLES ------*/
.navbar-brand .aem-logo {
    max-width:100%;
    width:320px;
}

.navbar-nav {
    width: 100%; 
    justify-content: space-around;
    font-size:1.15rem;
}

a.nav-link {
    text-decoration: none;
}

a.dropdown-item {
    text-decoration:none;
}

.navbar-nav > li:last-child {
    border: none;
}

a:hover.dropdown-item {
    color: rgba(255,255,255,.75);
    text-decoration: none;
    background: #343a40;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgb(255, 255, 255);
}


/* ---- NAVIGATION STYLES ------*/

/* ------CARD STYLES------- */
.btn.btn-link.collapsed {
    color: #000;
    font-weight: bold;
}

.btn.btn-link {
    color: #000;
    font-weight: bold;
    font-size:1.1rem;
    padding:0;
}

/*Events*/

#eventListContent ul, .events-list ul {
    list-style-type: none;
    margin: 20px 0 20px 0;
    padding: 0px;
}
.events-list ul li a, #eventListContent ul li a {
    background-color: white;
    color: #2e2e2e;
    display: block;
    text-decoration: none;
    margin-bottom: 0px;
}
.events-list ul li a:hover, #eventListContent ul li a:hover {
    background-color: #fff;
    border-bottom-color: #1a541c;
}
.events-list ul li a div.title, #eventListContent ul li a div.title{
    font-weight:500;
}

#content.content-events .event-details {
    margin-bottom: 20px
}

#content.content-events .event-details .date {
    font-size: 18pt;
    line-height: 28pt;
    display: block;
    margin-bottom: 5px
}

#content.content-events .event-details i {
    color: #2d8931;
    margin-right: 10px;
    font-size: 18pt;
}

#content.content-events .event-details .date .event-series-link {
    font-size: 11pt;
    line-height: 21pt;
    display: block
}

.events ul li a .datebox,
#content .events-panel .events-list ul li a .datebox {
    display: block;
    width: 100%;
    text-align: center;
}

.events ul li a .datebox .day,
#content .events-panel .events-list ul li a .datebox .day {
    font-size: 14pt;
    background-color: #343a40;
    color: white;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px
}

.events ul li a .datebox .month,
#content .events-panel .events-list ul li a .datebox .month {
    border: 2px solid #343a40;
    line-height: 22pt;
    background-color: white;
    text-align: center;
    color: #2c2c2c;
}

.events ul li a .datebox.datebox-multiple .day,
.events-panel .events-list ul li a .datebox.datebox-multiple .day {
    font-size: 15pt;
    line-height: 28pt;
}

.content-events .venue-details h2.card-title, .content-events .venue-details .address h3.card-title {
    font-size: 1.5rem;
    margin-bottom: .5rem;
}
.content-events .venue-details .map {
    max-width: 100%;
    border: 1px solid #eee;
    height: 25em;
    margin: 20px 0px;
    display: block;
}
h3.search-heading {
    margin-top: 0;
}
/* Inactive event */
#content.content-events.greyed-inactive,
#content.content-events.greyed-inactive h1,
#content.content-events.greyed-inactive h2,
#content.content-events.greyed-inactive a {
    color: #dddddd;
}

#content.content-events.greyed-inactive .global-alert-box h2 {
    color: inherit;
    margin: 0;
}

#content.content-events.greyed-inactive .global-alert-box p {
    color: inherit;
    display: block;
}

#content.content-events.greyed-inactive .global-alert-box a {
    color: #a94442;
}
/* End events */

img.logo {
    max-width: 300px;
    margin: 1.25rem 1.25rem 0;
}

.container navbar-brand img {
    margin: 0;
    padding: 0 !important;
}

.btn {
    white-space:normal;
}

.card {
    min-width: 300px;
}

/*--------- COntact us button colours ------- */

.card-deck.green.btn.btn-secondary {
    background-color: #009f6f;
}

.card-deck.green.btn.btn-secondary:hover {
    background-color: #95c11f;
  
}

.btn.btn-secondary.RAA {
    background-color: #00a070;
}

.btn.btn-secondary.RAA:hover {
    background-color: #23b78a;
}

.btn.btn-secondary.Partnership {
    background-color: #522583;
}
.btn.btn-secondary.Partnership:hover {
    background-color: #7643af;
}

.btn.btn-secondary.Voluntary {
    background-color: #dc5528;
}

.btn.btn-secondary.Voluntary:hover {
    background-color: #ef7743;

}

/*--------- COntact us button colours ------- */

/* ---------- Footer links -----------*/

footer .social img {
    width: 40px;
    margin-right: 10px;
}

footer .legal {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

@media (min-width: 992px) {
    footer .legal {
        justify-content: flex-end;
        margin-top: 0;
    }
}

footer .legal a {
    margin-right: 10px;
}

footer {
    font-size: 1.15rem;
    color: rgba(255,255,255,1);
}

footer a:link {
    color: rgba(255,255,255,1);
    text-decoration:none;
    }

footer a:hover {
    color: rgba(255,255,255,.5);
    text-decoration: none;
}

footer a:visited {
    color: rgba(255,255,255,1);
    text-decoration: none;
}


/* ---------- Footer links -----------*/


.form-control {
    width: 80%;
}

.homePage h1 {
    margin-top: 0;
}

[data-toggle="collapse"] .fa:before {
    content: "\f106";
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f107";
}

#accordion .card-header {
    cursor: pointer;
}


/* ------ COntact Button styles ----~*/


.card-img-top.img-fluid.my-4 {
    padding-top: 1rem;
}

/* ------ COntact Button styles ----~*/


/* ---- Event Button styles ---- */
.content-events .lead {
    font-weight: 900 !important;
}

.content-events .lead, .content-events .time, .content-events .location {
    font-size: 1.2rem
}

.btn.btn-secondary {
    text-decoration: none;
    font-size: 1.1rem;
}

.btn.btn-secondary.contact-btn {
    margin: 1rem 0;
    text-decoration: none;
    font-size: 2rem;
}
.btn.btn-secondary.contact-btn:hover {
    background-color: #2d91c4;
}

.contact-btn {
    background-color: #2d637f;
    border: none;
}

.search-box {
    background-color: #edeeee !important;
}

.btn-success {
    background-color: #2d637f;
    font-size:1.1rem;
}

.btn-success:hover {
    background-color: #318ab9;
}

.btn-success:active {
    background-color: #2d637f !important;
}

.btn-block {
    background-color: #2d637f;
    font-size: 1.1rem;
}

.btn-block:hover {
    background-color: #318ab9  !important;
}   

.bg-dark {
    background-color: #343a40 !important;
}

/* ---- Event Button styles ---- */



/*-- Font awesome icons colour --*/

#content.content-events .event-details i {
    color: #2d637f;
}

/*-- Font awesome icons colour --*/

/* #13591 - homepage feature box background colours*/
#home .home-card-body.raa {
    background-color: #00a070;
}

#home .home-card-body.partnership {
    background-color: #522583
}

#home .home-card-body.voluntary {
    background-color: #dc5528
}


/*-------------- RESPONSVE STYLES FOR AEM ------------------------ */



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

    .navbar-dark .navbar-toggler {
        border-color: rgba(255,255,255,.0);
    }

    .dropdown-menu.show {
        background: none;
        border: none;
    }

    a.dropdown-item {
        color: #fff;
        font-size: 1.1rem;
    }

    a:hover.dropdown-item {
        color: rgba(255,255,255,.75);
        text-decoration: none;
        background: none;
    }

    .navbar .container {
        justify-content: center;
    }
}



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

    .navbar-nav {
        width: 100%;
        padding: 1.3rem;
        font-size: 1.15rem;
    }
}