﻿@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);

body {
    font-family: "Open Sans", sans-serif;
    overflow-x: hidden;
}

::selection {color:#fff;background:#52336e;}
::-moz-selection {color:#fff;background:#52336e;}

h4, h5 {
    font-weight: 600;
}


h2 {
    margin-top: 0;
}

ul {
    list-style-type: none;
}

iframe {
    max-width: 100%;
}

@media(max-width: 991px) {
    img {
        max-width: 100%;
    }

    .fc-month-button, .fc-agendaWeek-button {
        display: none !important;
    }
}

@media print {
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
    .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
    .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
    .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
    .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
    .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
    .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
    .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
    .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
    .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
    .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
    .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 0;
        padding-left: 0;
    }
}

code {
    color: #52336E;
    font-size: 110%;
    background-color: #ECE4F3;
}

.navbar {
    -ms-border-radius: 0;
    border-radius: 0;
}

#headerLogo {
    padding: 0 15px 0 15px;
}

#headerLogo img {
    height: 100%;
    height: 100%;
    width: 100%;
}

.fa-spinner {
    color: #52336e;
    font-size: 14px;      
}

.table > thead > tr > td {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    font-weight: 700;
}

p.error {
    font-weight: 700;
    color: #900;
}


#slogan {
    float: right;
    position: absolute;
    top: 160px;
    right: 0;
    font-size: 24px;
    color: #52336e;
}
.linkOuts {
    float: right;
    position: absolute;
    top: 10px;
    right: 25px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    width: 200px;
}

.navbar {
    background-color: #52336E;
    color: #fff;
    border-color: #52336E;
}

.navbar-collapse {
    background-color: #52336e;
    border: none;
    border-color: #52336e;
}

.navbar-default .navbar-brand {
    color: #ffffff;
    border: none;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #ffffff;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #fff;
}

.navbar-inverse .navbar-toggle {
    border: none;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color:#3e2653;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
    background-color:#3e2653;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
    color:#fff;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{
    background-color:#3e2653;
}

@media(min-width:768px){
    .nav>li.mobile-only{
        display:none;
    }

    .mobile-only {
        display: none;
    }

    .desktop-only { display: block; }
}

@media(max-width:767px){
    .nav>li.mobile-only{
        display:block;
    }

    .desktop-only {
        display: none;
    }
}

.nav-dropdown>li>a {
    color: #3e2653 !important;
}

.nav-dropdown>li>a:hover {
    background-color: #E8E8E8 !important;
    color: #3e2653 !important;
}

.nav-dropdown>li>a:focus {
    background-color: #DBDBDB !important;
    color: #3e2653 !important;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #52336e !important;
    color: #fff !important;
}



.col-md-8 a {
    text-decoration: underline;
}

a {
    color: #52336e;
    
}

a:hover {
    color: #000;
}

a:focus {
    background-color: #52336e;
    color: #ffffff;
}

.nav>li>a:hover, .nav>li>a:focus {
        background-color: #3E2653;
    color: #ffffff;
}
.nav-pills>li.active>a {
    background-color: #52336e;
    color: #ffffff;
    font-weight: 400;
}

.nav-pills>li.active>a:hover {
    background-color: #52336e;
    color: #ffffff;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    font-weight: 400;
}

.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #3E2653;
}

.navbar-default .navbar-nav>li>a {
    color: #ffffff;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #ffffff;
      background-color: #3E2653;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #3E2653;
    color: #ffffff;
}

.navbar-default {
    width: 100%;
}
#loggedInNav {
    margin-bottom: 0;
    border: none;
    border-radius: 0;
}

.btn {
    text-decoration: none !important;
}
.col-md-8 a .btn {
    text-decoration: none !important;
}

.btn-primary,
.mce-primary {
    background-color: #52336e;
    border-color: #52336e;
    text-decoration: none;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    background-color: #3E2653;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.mce-primary:hover,
.mce-primary:focus,
.mce-primary:active,
.mce-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #3E2653;
    border-color: #3E2653;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #52336E;
    border-color: #52336E;
}

.btn-danger {
    color: #ffffff !important;
    border-radius: 3px !important;
}

.btn-link {
    color: #52336e;
}
.btn-link:hover {
    color: #000;
}


/* Branding coloured buttons */

.btn-brand-primarypurple {
    color: #FFF;
    background-color: #52336e;
    border-color: #52336e;
    text-decoration: none;
}
.btn-brand-primarypurple:active:hover,
.btn-brand-primarypurple.active:hover,
.open > .dropdown-toggle.btn-brand-primarypurple:hover,
.btn-brand-primarypurple:active:focus,
.btn-brand-primarypurple.active:focus,
.open > .dropdown-toggle.btn-brand-primarypurple:focus,
.btn-brand-primarypurple:active.focus,
.btn-brand-primarypurple.active.focus,
.open > .dropdown-toggle.btn-brand-primarypurple.focus {
    background-color: #3E2653;
}
.btn-brand-primarypurple:hover,
.btn-brand-primarypurple:focus,
.btn-brand-primarypurple:active,
.btn-brand-primarypurple.active,
.open .dropdown-toggle.btn-brand-primarypurple {
    color: #FFF;
    background-color: #3E2653;
    border-color: #3E2653;
}
.btn-brand-primarypurple.disabled,
.btn-brand-primarypurple[disabled],
fieldset[disabled] .btn-brand-primarypurple,
.btn-brand-primarypurple.disabled:hover,
.btn-brand-primarypurple[disabled]:hover,
fieldset[disabled] .btn-brand-primarypurple:hover,
.btn-brand-primarypurple.disabled:focus,
.btn-brand-primarypurple[disabled]:focus,
fieldset[disabled] .btn-brand-primarypurple:focus,
.btn-brand-primarypurple.disabled:active,
.btn-brand-primarypurple[disabled]:active,
fieldset[disabled] .btn-brand-primarypurple:active,
.btn-brand-primarypurple.disabled.active,
.btn-brand-primarypurple[disabled].active,
fieldset[disabled] .btn-brand-primarypurple.active {
    background-color: #52336E;
    border-color: #52336E;
}

.btn-brand-primaryviolet {
    color: #FFF;
    background-color: #485CC7;
    border-color: #485CC7;
    text-decoration: none;
}
.btn-brand-primaryviolet:active:hover,
.btn-brand-primaryviolet.active:hover,
.open > .dropdown-toggle.btn-brand-primaryviolet:hover,
.btn-brand-primaryviolet:active:focus,
.btn-brand-primaryviolet.active:focus,
.open > .dropdown-toggle.btn-brand-primaryviolet:focus,
.btn-brand-primaryviolet:active.focus,
.btn-brand-primaryviolet.active.focus,
.open > .dropdown-toggle.btn-brand-primaryviolet.focus {
    background-color: #3446A9;
}
.btn-brand-primaryviolet:hover,
.btn-brand-primaryviolet:focus,
.btn-brand-primaryviolet:active,
.btn-brand-primaryviolet.active,
.open .dropdown-toggle.btn-brand-primaryviolet {
    color: #FFF;
    background-color: #3446A9;
    border-color: #3446A9;
}
.btn-brand-primaryviolet.disabled,
.btn-brand-primaryviolet[disabled],
fieldset[disabled] .btn-brand-primaryviolet,
.btn-brand-primaryviolet.disabled:hover,
.btn-brand-primaryviolet[disabled]:hover,
fieldset[disabled] .btn-brand-primaryviolet:hover,
.btn-brand-primaryviolet.disabled:focus,
.btn-brand-primaryviolet[disabled]:focus,
fieldset[disabled] .btn-brand-primaryviolet:focus,
.btn-brand-primaryviolet.disabled:active,
.btn-brand-primaryviolet[disabled]:active,
fieldset[disabled] .btn-brand-primaryviolet:active,
.btn-brand-primaryviolet.disabled.active,
.btn-brand-primaryviolet[disabled].active,
fieldset[disabled] .btn-brand-primaryviolet.active {
    background-color: #485CC7;
    border-color: #485CC7;
}

.btn-brand-primaryfuschia {
    color: #FFF;
    background-color: #A50050;
    border-color: #A50050;
    text-decoration: none;
}
.btn-brand-primaryfuschia:active:hover,
.btn-brand-primaryfuschia.active:hover,
.open > .dropdown-toggle.btn-brand-primaryfuschia:hover,
.btn-brand-primaryfuschia:active:focus,
.btn-brand-primaryfuschia.active:focus,
.open > .dropdown-toggle.btn-brand-primaryfuschia:focus,
.btn-brand-primaryfuschia:active.focus,
.btn-brand-primaryfuschia.active.focus,
.open > .dropdown-toggle.btn-brand-primaryfuschia.focus {
    background-color: #8B0045;
}
.btn-brand-primaryfuschia:hover,
.btn-brand-primaryfuschia:focus,
.btn-brand-primaryfuschia:active,
.btn-brand-primaryfuschia.active,
.open .dropdown-toggle.btn-brand-primaryfuschia {
    color: #FFF;
    background-color: #8B0045;
    border-color: #8B0045;
}
.btn-brand-primaryfuschia.disabled,
.btn-brand-primaryfuschia[disabled],
fieldset[disabled] .btn-brand-primaryfuschia,
.btn-brand-primaryfuschia.disabled:hover,
.btn-brand-primaryfuschia[disabled]:hover,
fieldset[disabled] .btn-brand-primaryfuschia:hover,
.btn-brand-primaryfuschia.disabled:focus,
.btn-brand-primaryfuschia[disabled]:focus,
fieldset[disabled] .btn-brand-primaryfuschia:focus,
.btn-brand-primaryfuschia.disabled:active,
.btn-brand-primaryfuschia[disabled]:active,
fieldset[disabled] .btn-brand-primaryfuschia:active,
.btn-brand-primaryfuschia.disabled.active,
.btn-brand-primaryfuschia[disabled].active,
fieldset[disabled] .btn-brand-primaryfuschia.active {
    background-color: #A50050;
    border-color: #A50050;
}

.btn-brand-secondaryteal {
    color: #FFF;
    background-color: #00A499;
    border-color: #00A499;
    text-decoration: none;
}
.btn-brand-secondaryteal:active:hover,
.btn-brand-secondaryteal.active:hover,
.open > .dropdown-toggle.btn-brand-secondaryteal:hover,
.btn-brand-secondaryteal:active:focus,
.btn-brand-secondaryteal.active:focus,
.open > .dropdown-toggle.btn-brand-secondaryteal:focus,
.btn-brand-secondaryteal:active.focus,
.btn-brand-secondaryteal.active.focus,
.open > .dropdown-toggle.btn-brand-secondaryteal.focus {
    background-color: #008A81;
}
.btn-brand-secondaryteal:hover,
.btn-brand-secondaryteal:focus,
.btn-brand-secondaryteal:active,
.btn-brand-secondaryteal.active,
.open .dropdown-toggle.btn-brand-secondaryteal {
    color: #FFF;
    background-color: #008A81;
    border-color: #008A81;
}
.btn-brand-secondaryteal.disabled,
.btn-brand-secondaryteal[disabled],
fieldset[disabled] .btn-brand-secondaryteal,
.btn-brand-secondaryteal.disabled:hover,
.btn-brand-secondaryteal[disabled]:hover,
fieldset[disabled] .btn-brand-secondaryteal:hover,
.btn-brand-secondaryteal.disabled:focus,
.btn-brand-secondaryteal[disabled]:focus,
fieldset[disabled] .btn-brand-secondaryteal:focus,
.btn-brand-secondaryteal.disabled:active,
.btn-brand-secondaryteal[disabled]:active,
fieldset[disabled] .btn-brand-secondaryteal:active,
.btn-brand-secondaryteal.disabled.active,
.btn-brand-secondaryteal[disabled].active,
fieldset[disabled] .btn-brand-secondaryteal.active {
    background-color: #00A499;
    border-color: #00A499;
}

.btn-brand-secondaryorange {
    color: #FFF;
    background-color: #FF671F;
    border-color: #FF671F;
    text-decoration: none;
}
.btn-brand-secondaryorange:active:hover,
.btn-brand-secondaryorange.active:hover,
.open > .dropdown-toggle.btn-brand-secondaryorange:hover,
.btn-brand-secondaryorange:active:focus,
.btn-brand-secondaryorange.active:focus,
.open > .dropdown-toggle.btn-brand-secondaryorange:focus,
.btn-brand-secondaryorange:active.focus,
.btn-brand-secondaryorange.active.focus,
.open > .dropdown-toggle.btn-brand-secondaryorange.focus {
    background-color: #EB4C00;
}
.btn-brand-secondaryorange:hover,
.btn-brand-secondaryorange:focus,
.btn-brand-secondaryorange:active,
.btn-brand-secondaryorange.active,
.open .dropdown-toggle.btn-brand-secondaryorange {
    color: #FFF;
    background-color: #EB4C00;
    border-color: #EB4C00;
}
.btn-brand-secondaryorange.disabled,
.btn-brand-secondaryorange[disabled],
fieldset[disabled] .btn-brand-secondaryorange,
.btn-brand-secondaryorange.disabled:hover,
.btn-brand-secondaryorange[disabled]:hover,
fieldset[disabled] .btn-brand-secondaryorange:hover,
.btn-brand-secondaryorange.disabled:focus,
.btn-brand-secondaryorange[disabled]:focus,
fieldset[disabled] .btn-brand-secondaryorange:focus,
.btn-brand-secondaryorange.disabled:active,
.btn-brand-secondaryorange[disabled]:active,
fieldset[disabled] .btn-brand-secondaryorange:active,
.btn-brand-secondaryorange.disabled.active,
.btn-brand-secondaryorange[disabled].active,
fieldset[disabled] .btn-brand-secondaryorange.active {
    background-color: #FF671F;
    border-color: #FF671F;
}

.btn-brand-secondarylime {
    color: #FFF;
    background-color: #84BD00;
    border-color: #84BD00;
    text-decoration: none;
}
.btn-brand-secondarylime:active:hover,
.btn-brand-secondarylime.active:hover,
.open > .dropdown-toggle.btn-brand-secondarylime:hover,
.btn-brand-secondarylime:active:focus,
.btn-brand-secondarylime.active:focus,
.open > .dropdown-toggle.btn-brand-secondarylime:focus,
.btn-brand-secondarylime:active.focus,
.btn-brand-secondarylime.active.focus,
.open > .dropdown-toggle.btn-brand-secondarylime.focus {
    background-color: #72A300;
}
.btn-brand-secondarylime:hover,
.btn-brand-secondarylime:focus,
.btn-brand-secondarylime:active,
.btn-brand-secondarylime.active,
.open .dropdown-toggle.btn-brand-secondarylime {
    color: #FFF;
    background-color: #72A300;
    border-color: #72A300;
}
.btn-brand-secondarylime.disabled,
.btn-brand-secondarylime[disabled],
fieldset[disabled] .btn-brand-secondarylime,
.btn-brand-secondarylime.disabled:hover,
.btn-brand-secondarylime[disabled]:hover,
fieldset[disabled] .btn-brand-secondarylime:hover,
.btn-brand-secondarylime.disabled:focus,
.btn-brand-secondarylime[disabled]:focus,
fieldset[disabled] .btn-brand-secondarylime:focus,
.btn-brand-secondarylime.disabled:active,
.btn-brand-secondarylime[disabled]:active,
fieldset[disabled] .btn-brand-secondarylime:active,
.btn-brand-secondarylime.disabled.active,
.btn-brand-secondarylime[disabled].active,
fieldset[disabled] .btn-brand-secondarylime.active {
    background-color: #84BD00;
    border-color: #84BD00;
}

.btn-brand-specialyellow {
    background-color: #FECA0A;
    border-color: #FECA0A;
    text-decoration: none;
}
.btn-brand-specialyellow:active:hover,
.btn-brand-specialyellow.active:hover,
.open > .dropdown-toggle.btn-brand-specialyellow:hover,
.btn-brand-specialyellow:active:focus,
.btn-brand-specialyellow.active:focus,
.open > .dropdown-toggle.btn-brand-specialyellow:focus,
.btn-brand-specialyellow:active.focus,
.btn-brand-specialyellow.active.focus,
.open > .dropdown-toggle.btn-brand-specialyellow.focus {
    background-color: #EEBB01;
}
.btn-brand-specialyellow:hover,
.btn-brand-specialyellow:focus,
.btn-brand-specialyellow:active,
.btn-brand-specialyellow.active,
.open .dropdown-toggle.btn-brand-specialyellow {
    background-color: #EEBB01;
    border-color: #EEBB01;
}
.btn-brand-specialyellow.disabled,
.btn-brand-specialyellow[disabled],
fieldset[disabled] .btn-brand-specialyellow,
.btn-brand-specialyellow.disabled:hover,
.btn-brand-specialyellow[disabled]:hover,
fieldset[disabled] .btn-brand-specialyellow:hover,
.btn-brand-specialyellow.disabled:focus,
.btn-brand-specialyellow[disabled]:focus,
fieldset[disabled] .btn-brand-specialyellow:focus,
.btn-brand-specialyellow.disabled:active,
.btn-brand-specialyellow[disabled]:active,
fieldset[disabled] .btn-brand-specialyellow:active,
.btn-brand-specialyellow.disabled.active,
.btn-brand-specialyellow[disabled].active,
fieldset[disabled] .btn-brand-secondarylime.active {
    background-color: #FECA0A;
    border-color: #FECA0A;
}

.btn-xl, .btn-group-xl > .btn {
    padding: 14px 20px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 6px;
}


.btn-youtube:hover {
    background-color: #CC181E;
    color: #ffffff;
}

.btn-twitter:hover {
    background-color: #55ACEE;
    color: #ffffff;
}

.btn-instagram:hover {
    background: linear-gradient(43deg, #f0b114, #c20ecc);
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
    color: #ffffff;
}

.nav-pills>li>a {
    text-decoration: none;
}

.nav-tabs > li > a {
    text-decoration: none;
}

.nav-tabs > li > a:hover {
    background-color: #F5F5F5;
    color: #52336E;
}






.yt-username {
    color: #000000;
}

#footer {
    margin-top: 10px;
    border-top: 1px solid #52336e;
    padding-top: 10px;
}
@media (max-width: 768px) {
    .footer-logos { text-align: center; }
}
.footer-logos a {
    display: inline-block;
    margin: 3px 8px;
}
.footer-logos a:first-of-type { margin-left: 0; }
.footer-logos a:active,
.footer-logos a:focus {
    background-color: transparent;
}
.footer-logo { display: inline-block; }
.footer-legal a {
    margin-left: 8px;
    margin-right: 8px;
}
@media (max-width: 768px) {
    .footer-legal { font-size: small; }
}

.input-validation-error {
    background-color: #FFEEEE;
    color: #000;
}

.field-validation-error {
    color: #900;
    font-weight: 700;
}


.userControls {
    float: left;
    width: 5%;
    height: 30px;
    text-align: right;
    padding: 0 10px 0 0;
}


.control-box {
    margin-bottom: 12px;
    clear: both;
}

/* Messges etc */
.successmessage {
    width: 100%;
    background-color: #D8D1DE;
    border: 2px solid #726085;
    color: #52336E;
    border-radius: 6px;
    height: 45px;
    margin-bottom: 15px;
}

.successmessage p {
    margin-left: 6px;
    float: left;
    line-height: 43px;
}

.warningmessage {
    width: 100%;
    background-color: #FFD5D6;
    border: 2px solid #900;
    color: #900;
    border-radius: 6px;
    height: 45px;
    margin-bottom: 15px;
}

.warningmessage p {
    margin-left: 6px;
    float: left;
    line-height: 43px;
}


/* Home */

#home-ProspectTheatre {
    padding: 10px;
    background-color: #4A859B;
    color: #fff;
}

.btn-Theatre {
    background-color: #335F6C;
    border-color: #335F6C;
}

.btn-Theatre:hover,
.btn-Theatre:focus,
.btn-Theatre:active,
.btn-Theatre.active {
  background-color: #213C45;
  border-color: #213C45;
    color: #ffffff;
}

#home-PassItOn {
    padding: 10px;
    background-color: #2F5B28;
    color: #fff;
}

.btn-PassItOn {
    background-color: #1E3C1A;
    border-color: #1E3C1A;
}

.btn-PassItOn:hover,
.btn-PassItOn:focus,
.btn-PassItOn:active,
.btn-PassItOn.active {
  background-color: #142611;
  border-color: #142611;
    color: #ffffff;
}

#home-Volunteering {
    padding: 10px;
    background-color: #851851;
    color: #fff;
}

.btn-Volunteering {
    background-color: #6D1443;
    border-color: #6D1443;
}

.btn-Volunteering:hover,
.btn-Volunteering:focus,
.btn-Volunteering:active,
.btn-Volunteering.active {
  background-color: #561035;
  border-color: #561035;
    color: #ffffff;
}

#home-PYT {
    padding: 10px;
    background-color: #A58B25;
    color: #fff;
}

.btn-PYT {
    background-color: #87721F;
    border-color: #87721F;
}

.btn-PYT:hover,
.btn-PYT:focus,
.btn-PYT:active,
.btn-PYT.active {
  background-color: #635416;
  border-color: #635416;
    color: #ffffff;
}

.btn-feature:hover {
    color: #ffffff;
}

.home-Section {
    margin-top: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    /*max-width: 300px;*/
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.home-Section-Light { color: #fff; }
.home-Section-Dark { color: #000; }
.home-Section-Content {
    height: 80px;
}
.home-Section h4 { margin-top: 2px; }
.home-Section img {
    margin: 0 auto;
    display: block;
}
.home-Section a.home-Section-Link {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.home-Section-Light a.home-Section-Link { color: #fff; }
.home-Section-Dark a.home-Section-Link { color: #000; }

.home-Section-Controls {
    text-align: center;
}

/* News */

.news-Title {
    margin-top: 0;
}
.news-MainImage {
   max-height: 300px;
    overflow: hidden;
    background-color: #000;
    border-radius: 4px;
}

.news-MainImage img {
    width: 100%;
    border-radius: 4px;
}

.news-location {
    
}

.related-container {
    width: 100%;
    min-height: 100px;
    border-radius: 4px;
    /*background-color: #52336E;*/
    background-color: #F5F5F5;
    color: #52336E;
    padding-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    padding-bottom: 10px;
}

.related-container h3 {
    margin-top: 0;
    margin-left: 15px;
    margin-bottom: 15px;
}

.related-container h4 {
    margin-left: 15px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.related-container p {
    margin-left: 15px;
    margin-right: 15px;
}

.related-container a {
    color: #52336E;
    text-decoration: none;
    border-radius: 0;
}

.related-container a:hover div {
    background-color: #E8E8E8;
}

.related-container a:active div {
    background-color: #DBDBDB;;
}

#readMoreButton {
    margin-top: 10px;
}

.related-containerContent {
    padding: 10px;
    width: 100%;
    overflow: hidden;
}

.related-containerContentTitle {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.related-containerContentDetails {
    float: left;
    margin-left: 10px;
}


.related-containerContentImage {
    height: 100%;
    max-height: 50px;
    max-width: 80px;
    overflow: hidden;
    float: left;
}

.related-containerContentImage img {
    width: 100%;
    border-radius: 3px;
}

.news-activeStory {
    color: #ffffff;
}
.news-activeStory .related-containerContent {
    background-color: #52336E;
    color: #ffffff;
}

.news-activeStory:hover .related-containerContent {
         background-color: #52336E;
}

.news-activeStory:hover .related-containerContentDetails {
    background-color: #52336E;
}

.result {
    font-size: 18px;
    font-weight: 700;
}

.btn-purple {
    background-color: #342046;
    border-color: #342046;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-primary {
  background-color: #281836;
  border-color: #281836;
    color: #ffffff;
}

.newsBadge {
    height: 20px;
    font-size: 11pt;
}

.newsBadge .label {
    width: 100px;
    line-height: 20px;
    background-color: #ccc;
    color: #fff;
}

.label.GCSE {
    border: none;
    background-color: #F08C1D;
}
.label.ALevel {
    border: none;
    background-color: #52336E;
}
.label.HigherProject {
    border: none;
    background-color: #485CC7;
}
.label.Other {
    border: none;
    background-color: #8DC73F;
}
.label.Voca2,
.label.Voca3 {
    border: none;
    background-color: #00A499;
}
.label.AppliedALevel {
    border: none;
    background-color: #A50050;
}

.pageCount {
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 2px;
}


#fixtureControls {
    width: 100%;
    text-align: center;
    padding: 0 15px 0 15px;
}

#fixtureLeft {
    float: left;
}

#fixtureRight {
    float: right;
}

/*News Category*/

.featuredStoriesContainer {
    margin-top: 15px;
    width: 100%;
}

.news-category-storyContainer {
    width: 100%;
    
}

.news-Content img {
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.storyImage {
    width: 150px;
    overflow: hidden;
    float: left;
    display: block;
    margin-top: 7px;
    margin-left: 7px;
    margin-bottom: 7px;
}

.storyImage img {
    max-width: 100%;
    border-radius: 6px;
}

.storyContent {
    padding-left: 15px;
    float: left;
    color: #000;
}

@media(max-width: 991px) {
    .storyContent {
        width: 100%;
    }

    .pagenavigation {
        text-align: center;
    }
}

.storyContent h3 {
    margin-top: 5px;
    margin-bottom: 2px;
}

.storyContent-Title {
    color: #000;
}

.news-publishDate {
    color: #8C76A0;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 14pt;
    text-decoration: none !important;
}

.featuredStoriesContainer a:hover div {
    /*background-color: #D2C9DA;*/
    background-color: #eeeeee;
    border-radius: 4px;
}

.event-list-link {
    text-decoration: none !important;
}
.event-list-link:hover {
    color: #000;
}
.featuredStoriesContainer .event-list-link-cancelled div,
.featuredStoriesContainer .event-list-link-cancelled:hover div {
    border-radius: 4px;
    background-color: #ffeeee;
}

a.news-Category-Links {
    display: block;
    color: #52336E;
}
a.news-Category-Links:focus {
    background-color: #fff !important;
    color: #ffffff;
}
/* Courses */

.course-Image {
    max-height: 300px;
    overflow: hidden;
    background-color: #000;
    border-radius: 4px;
    height: 300px;
}
.course-Image img {
    top: 0;
    left: 0;
    position: relative;
}

.course-Overlay {
    float: left;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.course-Name {
    float: left;
    position: relative;
    margin: 15px 0 0 15px;
    font-size: 22px;
    width: 210px;
    color: #52336e;
    font-weight: 600;
    text-shadow:
   -1px -1px 0 #D1C8DA,  
    1px -1px 0 #D1C8DA,
    -1px 1px 0 #D1C8DA,
     1px 1px 0 #D1C8DA;
}

@media print {
    .course-Image {
        max-height: initial;
        height: initial;
        background-image: none;
        background-color: transparent;
    }
    .course-Overlay {
        max-height: initial;
        height: initial;
        background-image: none;
        background-color: transparent;
    }
    .course-Name {
        margin-left: 0;
        width: initial;
    }
}

.course-Description {
    margin-top: 15px;
}

.course-Description a {
    font-weight: 700;
}
.course-Description ul {
    list-style-type: disc;
}

.course-Description img {
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.course-RelatedCourses {
    width: 100%;
    min-height: 100px;
    border-radius: 4px;
    background-color: #52336E;
    color: #ffffff;
    padding: 15px;

}

.course-RelatedCourses a {
    color: #ffffff;
}

.courseCategory {
    font-size: 15px;
}

#courseImage {
    width: 100%;
}

#courseImage img {
    width: 100%;
}

.course-content-list {
    padding-left: 30px;
    list-style-type: disc;
}
.courseLink {
    padding-top: 2px;
    padding-bottom: 2px;    
}

#previewImage img {
    width: 100%;
    border-radius: 6px;
}

.edit-box,
.edit-gallery-item {
    border-radius: 6px !important;
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px 5px 0 15px;
    overflow: auto;
}

.edit-box.mce-edit-focus,
.edit-gallery-item.mce-edit-focus {
    border-color: #52336E;
    box-shadow: 0 0 8px #52336E;
    border-radius: 6px;
    outline: none;
}

.edit-box-simple.mce-edit-focus {
    border-color: #52336E;
    box-shadow: 0 0 8px #52336E;
    border-radius: 6px;
    outline: none;
}

.well-sm.edit-box-simple { padding-top: 19px; }

.edit-hint {
    color: #999;
    font-style: italic;
    font-size: 11pt;
    margin: 0 0 15px 0;
}

.hiddenCourse {
    background-color: lightgrey;
}


.hiddenCourse-label {
    color: #900;
    border: 3px solid #900;
    border-radius: 8px;
    float: right;
    padding: 0 10px 10px 10px;
    text-align: center;
    background-color: #fff;
}

.hiddenCourse-label h3 {
    margin: 0;
    font-weight: 700;
}

.hiddenCourse-little {
    font-size: 12px;
}

/* Events */

.eventDate {
    width: 75px;
    overflow: hidden;
    float: left;
    display: block;
    margin-top: 7px;
    margin-left: 7px;
    margin-bottom: 7px;
}

/* Background colour for event list items is further down */

.event-list-title {
    margin-top: 0;
    margin-bottom: 0;
}

.label.label-default.pull-right.location {
    width: 120px;
    line-height: 20px;
    background-color: #AA99B9;
}

.label.label-default.pull-right.location.mobile {
    width: 30px;
    line-height: 20px;
}

.newsBadge.event {
    margin-top: 3px;
    border-radius: 4px;
}

.eventList {
    padding: 0;
    margin: 0;
}

.eventDetails {
    padding: 0;
    margin: 0;
}

.events-RelatedEvents {
    width: 100%;
    min-height: 100px;
    border-radius: 4px;
    background-color: #52336E;
    color: #ffffff;
    padding: 15px;
}

.events-RelatedEvents a {
    color: #ffffff;
}

.events-RelatedEvents a.active {
    color: #ffffff;
    font-style: italic;
}

.events-RelatedEvents li {
    margin-top: 8px;
}
/* Event List */
.featuredCancelledStoriesContainer a:hover {
    background-color: #ffeeee;
}

.featuredStoriesContainer a:hover div.Important {
    background-color: #F0DBDB;
}

.featuredStoriesContainer a:hover div.Community {
    background-color: #E9F2D9;
}

.featuredStoriesContainer a:hover div.TermDates {
    background-color: #D9E6FB;
}

.featuredStoriesContainer a:hover div.Productions {
    background-color: #FFECCE;
}

.featuredStoriesContainer a:hover div.Holidays {
    background-color: #D3F4FE;
}

.event-publishDate {
    font-weight: 600;
    margin-bottom: 0;
    font-size: 14pt;
}

.page-nav-btn {
    margin-right: 3px;
}

/* Important */
.event-publishDate.Important {
    color: #AC0634;
}

.eventTitle.Important {
    color: #AC0634;
}

.storyContent.Important {
    color: #AC0634;
}


/* Student Events */
.event-publishDate.OpenDays {
    color: #8C76A0;
}

.eventTitle.OpenDays {
    color: #8C76A0;
}

.storyContent.OpenDays {
    color: #8C76A0;
}

/* Term Dates */
.event-publishDate.TermDates {
    color: #0033ff;
}

.eventTitle.TermDates {
    color: #0033ff;
}

.storyContent.TermDates {
    color: #0033ff;
}


/* Community */
.event-publishDate.Community {
    color: #79A235;
}

.eventTitle.Community {
    color: #79A235;
}

.storyContent.Community {
    color: #79A235;
}

/* Productions */
.event-publishDate.Productions {
    color: #0065A5;
}

.eventTitle.Productions {
    color: #0065A5;
}

.storyContent.Productions {
    color: #0065A5;
}

/* Holidays */
.event-publishDate.Holidays {
    color: #F08C1D;
}

.eventTitle.Holidays {
    color: #F08C1D;
}

.storyContent.Holidays {
    color: #F08C1D;
}

/* Users */
#passwordSuccess {
    display: none;
    color: green;
    font-weight: 700;
}


/* Gateways */
.gatewayLink {
    width: 229px;
    display: inline-block;
    margin-right: 15px;
    text-decoration: none;
    background-color: #fff;
    
}
.gatewayLinkBox {
    background-color: #52336E;
    width: 229px;
    height: 219px;
    /*border-radius: 4px;*/
    border: none;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-image-width: 0;
    margin-bottom: 15px;
    text-align: center;
}

.gatewayLinkBox a {
    text-decoration: none;
}

.gatewayLink:hover {
    text-decoration: none;
    color: #000;
}

.gatewayLink:hover .gatewayLinkBox {
    background-color: #D2C9DA;
}

.gatewayLinkBox img {
    margin-top: 10px;
    border: none;
}

.gatewayLinkOverlay {
    width: 230px;
    height: 65px;
    background-image: url(images/gatewayOverlay.png);
    background-repeat: no-repeat;
    text-align: center;
    border: none;
    margin: 0;
    padding: 0;
}

.gatewayLinkOverlay h3 {
    line-height: 65px;
}

.service-Status-Indicator-Container {
    width: 100%;
    border-radius: 4px;
    background-color: #52336e;
    margin: 0;
    color: #ffffff;
}

.service-Status-Indicator-Container h3 {
    color: #ffffff;
    margin-top: 6px;
    margin-left: 5px;
}

.service-Status-Indicator-Container a {
    color: #ffffff;
    text-decoration: none;
}

.service-Status-Indicator-Container a:hover div {
    background-color: #3E2653;
}

.service-Status-Indicator-Container {
    padding: 10px;
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.service-Status-Indicator {
    width: 100%;
}

.service-Status-Light {
    height: 80px;
    width: 80px;
    overflow: hidden;
    float: left;
    
}

.service-Status-Light img {
    width: 100%;
}

.service-Status-Details {
    color: #ffffff;
    float: left;
    padding-left: 15px;
    height: 100%;
    padding-top: 5px;
}




/* Content Carousel */
.carousel {
    overflow: hidden;
    background-color: #000;
    border-radius: 4px;
}

.carousel-inner {
    overflow: hidden;
    background-color: #000;
    border-radius: 4px;
}

.item {
    overflow: hidden;
    background-color: #000;
    border-radius: 4px;
}

.carousel-inner .active {
    overflow: hidden;
    background-color: #000;
    border-radius: 4px;
}
.item img {
    width: 100%;
    border-radius: 4px;
}

.carousel-caption {
    background-color: rgba(0,0,0, 0.6);
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 5px;
    left: 0;
    max-height: 260px;
    overflow: hidden;
    width: 100%;
    bottom: 18px;
}

.carousel-caption h3 {
    margin-top: 5px;
}

.carousel-caption a {
    color: #FFF;
}

.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}

.carousel-readMore {
    position: relative;
    bottom: 0;
    right: 0;
}


.carousel-indicators {
    margin-left: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    max-height: 18px;
    height: 18px;
    background-color: rgba(0,0,0, 0.6);
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-right: 15px;
}

.carousel-indicators li {
}

.carousel-indicators li.active {
    border-color: #fff;
    background-color: #D2C9D9;
    
}

#newsCarousel,
#newsCarousel .carousel-inner,
#newsCarousel .item,
#newsCarousel .carousel-inner .active {
    max-height: 300px;
}

#pageCarousel,
#pageCarousel .carousel-inner,
#pageCarousel .item,
#pageCarousel .carousel-inner .active {
    max-height: 422px;
}


.carousel-preview-image {
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.carousel-preview-caption {
    background-color: #000000;
    background-color: rgba(0,0,0, 0.6);
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 5px;
    left: 0;
    max-height: 260px;
    overflow: hidden;
    bottom: 18px;
    position: absolute;
    color: #ffffff;
}

.carousel-preview-caption h3 {
    margin-top: 5px;
}

.carousel-preview-caption a {
    color: #FFF;
}

/* clearfix */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

/* Date Badges */

time {
    margin: 0;
}
time.icon
{
  font-size: 8px; /* change icon size */
  display: block;
  position: relative;
    width: 75px;
  height: 75px;
    margin-right: 0;
  border-radius: 0.6em;
  overflow: hidden;
}


time.icon *
{
  display: block;
  width: 100%;
  font-size: 2.1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
    background-color: #EFEFEF;
    border-radius: 4px;
    border: 1px solid #999;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.1em 0;
  color: #fff;
    background-color: #52336E;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

time.icon em
{
  position: absolute;
  bottom: 0.3em;
}


time.icon span
{
  font-size: 4em;
  letter-spacing: -0.05em;
  padding-top: 0.8em;
  color: #52336E;
}


/* Badge Types */
.label-event {
    font-size: 11px;
}
/* Student Events */
time.icon.OpenDays {
     background-color: #8F7BA1;
}

time.icon.OpenDays strong {
  background-color: #3E2653;
}

time.icon.OpenDays em {
    
  color:rgb(126, 103, 146);
}

.label.label-default.pull-right.location.OpenDays {
    background-color: #52336E;
}

/* Important */
time.icon.Important {
     background-color: #d49494;
}

time.icon.Important strong {
  background-color: #900;
}
time.icon.Important em {

    color: #cc0000;
}

.label.label-default.pull-right.location.Important {
    background-color: #AC0634;
}




/* Term Dates */

time.icon.TermDates {
     background-color: #9FB3FF;
}

time.icon.TermDates strong {
  background-color: #0251A8;
}
time.icon.TermDates em {
    color: #0033ff;
}

.label.label-default.pull-right.location.TermDates {
    background-color: #68C8C6;
}

/* Community */
time.icon.Community {
     background-color: #AACF6B;
}

time.icon.Community strong {
  background-color: #79A235;
}
time.icon.Community em {
    color: #79A235;
}

.label.label-default.pull-right.location.Community {
    background-color: #AACF6B;
}

/* Productions */
time.icon.Productions {
     background-color: #0065A5;
}

time.icon.Productions strong {
  background-color: #0065A5;
}
time.icon.Productions em {
    color: #0065A5;
    background-color: #0065A5;
}

.label.label-default.pull-right.location.Productions {
    background-color: #0065A5;
}

/* Holidays */
time.icon.Holidays {
     background-color: #F08C1D;
}

time.icon.Holidays strong {
  background-color: #06C2F9;
}
time.icon.Holidays em {
    color: #06C2F9;
    background-color: #8DE3FC;
}

.label.label-default.pull-right.location.Holidays {
    background-color: #F08C1D;
}


/* Checkboxes */

/*input[type="checkbox"],
input[type="radio"] {
  -webkit-appearance: none;
  
  width: 13px;
  height: 13px;
  background: #3E2653;
  border: 1px solid #bbbbbb;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  box-sizing: content-box \9;
  width: 16px \9;
  height: 16px \9;
  border-width: 0 \9;
    margin: 6px 8px 0 0;

}
input[type="radio"] {
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  width: 15px;
  height: 15px;
}
input[type="checkbox"]:hover {
  border-color: #ffffff;
    background-color: #8F7BA1;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: none \9;
}
input[type="checkbox"]:active,
input[type="radio"]:active {
  border-color: #ffffff;
  background-color: #3E2653;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  background: #3E2653;
}
input[type="checkbox"]:checked::after {
  content: url(images/checkmark.png);
  display: block;
  position: absolute;
  top: -6px;
  left: -5px;
}
input[type="radio"]:checked::after {
  content: '';
  display: block;
  position: relative;
  top: 3px;
  left: 3px;
  width: 7px;
  height: 7px;
  background: #3E2653;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
  outline: none;
    border-color: #ffffff;
}*/

.checkbox {
  margin-top: 5px;
  padding: 2px 14px;
    margin-left: 10px;
}

.checkbox-event-filter {
    margin-left: 0;
}

.label {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}


/* Calendar */

.fc-unthemed .fc-today {
    background-color: #FFF4A8;
}

.fc-day-header.fc-widget-header {
    background-color: #52336E;
    color: #ffffff;
    
}

.fc-widget-content {
    border: 1px solid #aaa;
}

.fc-today {
    background: #FFF7C4;     
}


.fc-other-month {
    background-color: #efefef;
    color: #222;
}


.fc-event:hover {
    cursor: pointer;
}

.fc-event {
    text-decoration: none !important;
}

/* Event Types */
/* Student Events */
.fc-event.OpenDays {
    background-color: #52336E;
    border: 1px solid #52336E;
}

.fc-event-past.OpenDays {
    background-color: #AD9FBA;
    border: 1px solid #AD9FBA;
}

.popover-title.OpenDays {
    border-bottom: 3px solid #52336E;
}

.fc-event.OpenDays:hover, .fc-event.OpenDays:hover div {
    background-color: #3E2653;
    border-color: #3E2653;
}

.fc-event-past.OpenDays:hover, .fc-event-past.OpenDays:hover div {
    background-color: #9381A4;
    border-color: #9381A4;
}


/* Important */
.fc-event.Important {
    background-color: #AC0634;
    border: 1px solid #AC0634;
}

.fc-event-past.Important {
    background-color:#d49494;
    border: 1px solid #d49494;
}

.popover-title.Important {
    border-bottom: 3px solid #AC0634;
}

.fc-event.Important:hover, .fc-event.Important:hover div {
    background-color: #7A0425;
    border-color: #7A0425;
}

.fc-event-past.Important:hover, .fc-event-past.Important:hover div {
    background-color: #CA7B7B;
    border-color: #CA7B7B;
}

/* Term Date */
.fc-event.TermDates {
    background-color: #68C8C6;
    border: 1px solid #68C8C6;
}

.fc-event-past.TermDates {
    background-color:#CCECEB;
    border: 1px solid #CCECEB;
}

.popover-title.TermDates {
    border-bottom: 3px solid #68C8C6;
}

.fc-event.TermDates:hover, .fc-event.TermDates:hover div {
    background-color: #43B9B7;
    border-color: #43B9B7;
}

.fc-event-past.TermDates:hover, .fc-event-past.TermDates:hover div {
    background-color: #A6DEDD;
    border-color: #A6DEDD;
}


/* Community */
.fc-event.Community {
    background-color: #79A235;
    border: 1px solid #79A235;
}

.fc-event-past.Community {
    background-color:#AACF6B;
    border: 1px solid #AACF6B;
}

.popover-title.Community {
    border-bottom: 3px solid #AACF6B;
}

.fc-event.Community:hover, .fc-event.Community:hover div {
    background-color: #5D7C29;
    border-color: #5D7C29;
}

.fc-event-past.Community:hover, .fc-event-past.Community:hover div {
    background-color: #94C345;
    border-color: #94C345;
}

/* Productions */
.fc-event.Productions {
    background-color: #0065A5;
    border: 1px solid #0065A5;
}

.fc-event-past.Productions {
    background-color:#66C1FF;
    border: 1px solid #66C1FF;
}

.popover-title.Productions {
    border-bottom: 3px solid #0065A5;
}

.fc-event.Productions:hover, .fc-event.Productions:hover div {
    background-color: #004572;
    border-color: #004572;
}

.fc-event-past.Productions:hover, .fc-event-past.Productions:hover div {
    background-color: #32ADFF;
    border-color: #32ADFF;
}

/* Holidays */
.fc-event.Holidays {
    background-color: #F08C1D;
    border: 1px solid #F08C1D;
}

.fc-event-past.Holidays {
    background-color:#FADBB8;
    border: 1px solid #FADBB8;
}

.popover-title.Holidays {
    border-bottom: 3px solid #F08C1D;
}

.fc-event.Holidays:hover, .fc-event.Holidays:hover div {
    background-color: #CC720D;
    border-color: #CC720D;
}

.fc-event-past.Holidays:hover, .fc-event-past.Holidays:hover div {
    background-color: #F6C388;
    border-color: #F6C388;
}

/* Popovers */
.popover-title {
    font-weight: 700;
}

.popover {
    min-width: 300px;
}

.popover-More {
    text-align:right;
    border-top:1px solid #D4D4D4; 
    padding-top:8px;
    margin-bottom: 0;
}


/* Vacancies */
.vacancyContainer {
    padding: 5px 15px 10px 15px;
    margin-bottom: 10px;
}
.vacancyContainer h4 {
    margin-left: 0;
    margin-bottom: 10px;
}

.vacancyLink:hover {
    /*background-color: #4A2F64;*/
    background-color: #E8E8E8;
    color: #52336E !important;
}

.vacancyLink.active {
    /*border: 2px solid #52336e;*/
    background-color: #52336E;
    color: #ffffff;
    /*font-weight: 700;*/
}

.vacancyLink:focus {
    background-color: #DBDBDB;
    color: #3E2653;
}

.vacancyHead {
    font-weight:700; 
     display:block; 
     float:left; 
     border-bottom:1px solid #dedede; 
     padding-bottom:5px;
}

.vacancyRow {
     display:block; 
     float:left; 
     padding-bottom:5px;
     padding-top:5px; 
     border-top:1px solid #dedede;
}

/*.vacancyDownloadLink:hover {
    background-color: #3E2653;
}*/
.vacancyDocContainer {
    height: 60px;
/*    margin-top: 15px;
    margin-left: 15px;
    display: block;*/
}

.vacancyDocIcon {
    float: left;
    height: 58px;
    width: 58px;
}

.vacancyDocDetails {
    float: left;
    height: 58px;
}

.vacancyDocDetails h3 {
    font-size: 11pt;
    margin-bottom: 0;
    margin-top: 5px;
}

.vacancyDocDetails h4 {
    font-size: 11pt !important;
    margin-bottom: 0;
    margin-top: 5px;
    margin-left: 0;
}

.vacancyDocDetails p {

    margin-left: 0;
}

.oldVacancy {
    background-color: #eee;
    color: #888;
}


/* Bootstrap Overrides */

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    background-color: #3E2653;
}
.form-control:focus {
    border-color: #52336E;
    box-shadow: 0 0 8px #52336E;

}

.btn:focus {
    border-color: #52336E;
    box-shadow: 0 0 8px #52336E;
    outline: none;
  
}

.btn-align-left {
    text-align: left;
}

.panel-primary h3 {
    color: #52336e;
}
.panel-primary {
  border-color: #52336E;
    color: #52336e;
}
.panel-primary > .panel-heading {
/*  color: #fff;*/
  background-color: #D2C9DA;
  border-color: #52336E;
}

.panel-primary .panel-title {
    color: #52336e;
}

.panel-primary>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #52336E;
}

.panel-title .btn {
    margin-top: -2px;
}

.panel-disabled {
  border-color: #888888;
    
}
.panel-disabled > .panel-heading {
/*  color: #fff;*/
  background-color: #D3D3D3;
  border-color: #888888;
}

.panel-disabled .panel-title {
    color: #aaa;
    text-align: right;
}

.panel-disabled .panel-body {
    color: #aaa;
}

.panel-disabled .news-publishDate {
     color: #aaa;
}


.panel-carousel {
  border-color: #5F9B9C;
    
}
.panel-carousel > .panel-heading {
/*  color: #fff;*/
  background-color: #CADFDF;
  border-color: #5F9B9C;
}

.panel-carousel .panel-title {
    color: #5F9B9C;
    text-align: right;
}

.panel-carousel .panel-body {
    color: #5F9B9C;
}

.panel-carousel .news-publishDate {
     color: #5F9B9C;
}

.panel-primary.panel-carousel {
    border-color: #52336E;
}

.panel-primary.panel-carousel > .panel-heading {
    background: -webkit-linear-gradient(left, #D2C9DA , #D2C9DA , #CADFDF , #CADFDF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #D2C9DA , #D2C9DA , #CADFDF , #CADFDF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #D2C9DA , #D2C9DA , #CADFDF , #CADFDF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #D2C9DA , #D2C9DA , #CADFDF , #CADFDF); /* Standard syntax */
}

.panel-primary.panel-carousel .news-publishDate {
     color: #52336e;
}

.panel-primary.panel-carousel .storyContent {
     color: #52336e;
}


.panel-body .storyContent {
    width: 550px;
    text-align: left;
}


.panel-team > .panel-body {
    max-height: 400px;
    overflow: auto;
}

.panel-group { margin-bottom: 10px; }

@media print {
    /* Show collapsed panels when printing */
    .panel-collapse {
        display: block;
        height: initial !important;
    }
}

.sfcf-region-group .panel-body {
    padding-bottom: 5px;
}

.label {
    padding: 5px 5px 5px 5px;
}
.label-primary {
    background-color: #AA99B9;
}

.label-carousel-preview {
    font-size: 11px; 
    padding: 3px 5px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

/*Event Panels*/
.eventPanelFooter {
    width: 100%;
    height: 30px;
    margin-top: 10px;
    border-top: 1px solid #d4d4d4;
    padding-top: 7px;
    text-align: right;
}

.panel-TermDates .panel-heading {
    border-bottom: 3px solid #68C8C6;
}

.panel-Important .panel-heading {
    border-bottom: 3px solid #AC0634;
}

.panel-Community .panel-heading {
    border-bottom: 3px solid #8DC73F;
}

.panel-Holidays .panel-heading {
    border-bottom: 3px solid #F08C1D;
}

.panel-OpenDays .panel-heading {
    border-bottom: 3px solid #52336E;
}

.panel-Productions .panel-heading {
    border-bottom: 3px solid #0065A5;
}





.modal-lg {
    max-width: 770px;
}
/*
.btn-danger {
    background-color: #900;
    border-color: #900;
}
*/


/* Pages */

#page-categories {
    padding: 0 10px;
}
#page-categories a:hover {
    background-color: #3E2653;
}

#page-body img {
    -ms-border-radius: 6px;
    border-radius: 6px;
}

#page-body ul {
    list-style-type:disc;
}


.revisionHistory {
    width: 100%;
    padding: 0 10px;
}

.nav-pills.pageLinks > li > a {
    /*background-color: #EAE6EE;*/
    color: #52336E;
    border-radius: 0;
}

.nav-pills.pageLinks > li > a:hover {
    /*background-color: #4A2F64;*/
    background-color: #E8E8E8;
    color: #52336E;
}

.nav-pills.pageLinks > li > a:active {
    background-color: #3E2653;
    color: #ffffff;
}

.nav-pills.pageLinks > li > a:focus {
    background-color: #DBDBDB;
    color: #3E2653;
}

.nav-pills.pageLinks > li > a.active {
    /*border: 2px solid #52336e;*/
    background-color: #52336E;
    color: #ffffff;
    /*font-weight: 700;*/
}

.childLinks {http://localhost/collegewebsite/about-governors
    margin-left: 0;
    padding-left: 0;
}
.childLink {
    /*background-color: #EAE6EE;*/
    color: #52336E;
    display: block;
    line-height: 20px;
    padding: 5px 5px;
    padding-left: 50px;
}

.childLink:hover {
    /*background-color: #4A2F64;*/
    background-color: #E8E8E8;
    color: #52336E !important;
}

.childLink.active {
    /*border: 2px solid #52336e;*/
    background-color: #52336E;
    color: #ffffff;
    /*font-weight: 700;*/
}

.childLink:focus {
    background-color: #DBDBDB;
    color: #3E2653;
}


/* Zero Clipboard */

#copy-button.zeroclipboard-is-hover {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
}
 
#copy-button.zeroclipboard-is-active {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
}

#copySuccess {
    color: green;
    display: none;
}

.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover {
    background-color: #52336e;
}

.bootstrap-datetimepicker-widget td span.active {
    background-color: #52336e;
}

.popover.clockpicker-popover {
    min-width:initial;
}

.bootstrap-datetimepicker-widget td.today:before {
    border-bottom-color: #52336e;
}


.has-error .form-control {
    background-color: #FFEEEE;
}

.event-preview-error {
    color: red;
    font-weight: 700;
}

.preview-cancelled {
    background-color: #FFEEEE;
    color: #900;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.preview-cancelled .panel-heading {
    background-color: #FFEEEE;
    color: #900;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.fc-event.calendar-cancelled {
    background-color: #FF9595;
    border-color: #000;
    color: #000;

}

.fc-event.calendar-cancelled:hover, .fc-event.calendar-cancelled:hover div {
    background-color: #FF7979;
    border-color: #000;
}

.panel-default {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.panel-default>.panel-heading {
        -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.middle-align>tbody>tr>td {
    vertical-align: middle;
}

.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .open .dropdown-toggle.btn-primary {
    background-color: #3E2653;
}


/* Bootstrap Switch overrides */
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: #52336E;
}

.bootstrap-switch.bootstrap-switch-focused {
    border-color: #52336E;
    -webkit-box-shadow: inset 0 1px 1px #000000, 0 0 8px #52336e;
    -webkit-box-shadow: inset 0 1px 1px rgba(0 0 0, 0.75), 0 0 8px rgba(82, 51, 110, 0.6);
    -ms-box-shadow: inset 0 1px 1px #000000, 0 0 8px #52336e;
    -ms-box-shadow: inset 0 1px 1px rgba(0 0 0, 0.75), 0 0 8px rgba(82, 51, 110, 0.6);
    box-shadow: inset 0 1px 1px #000000, 0 0 8px #52336e;
    box-shadow: inset 0 1px 1px rgba(0 0 0, 0.75), 0 0 8px rgba(82, 51, 110, 0.6);
}


/* Instagram stuff */
.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }


/* Pick-A-Color */

.pick-a-color-markup .advanced-content .color-preview .color-select.btn.advanced {
    display: inline-block;
}


/* awesome-bootstrap-checkbox overrides and additions */
.checkbox-primary input[type="checkbox"]:checked ~ label::before {
    background-color: #52336E;
    border-color: #52336E; 
}
.checkbox-Productions input[type="checkbox"]:checked ~ label::before {
    background-color: #0065A5;
    border-color: #0065A5; 
}
.checkbox-Holidays input[type="checkbox"]:checked ~ label::before {
    background-color: #F08C1D;
    border-color: #F08C1D; 
}
.checkbox-Community input[type="checkbox"]:checked ~ label::before {
    background-color: #8DC73F;
    border-color: #8DC73F; 
}
.checkbox-Important input[type="checkbox"]:checked ~ label::before {
    /*background-color: #900;
    border-color: #900; */
    background-color: #AC0634;
    border-color: #AC0634; 
}
.checkbox-Student input[type="checkbox"]:checked ~ label::before {
    background-color: #52336E;
    border-color: #52336E; 
}
.checkbox-TermDates input[type="checkbox"]:checked ~ label::before {
    background-color: #68C8C6;
    border-color: #68C8C6; 
}


/*
    Search
    ------
*/
.search-box {
    background-color: #3E2653;
    border-color: #999;
    color: #ffffff;
}

#search-prompt {
    display: none;
    white-space: pre;
}

#mobile-search-form {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
}


.search-badge {
    margin-left: 5px;
}

.badge-default {
    background-color: #ddd;
    color:#52336E
}

.badge-results {
    color: #fff;
    background-color: #52336E;
}

#results {
    padding-left: 0;
}

#results li a.result-title {
    font-weight: 700;
    text-decoration: none;
    font-size: 16px;
}

#results li a.result-url {
    font-weight: 400;

}

/* Cookie notice */
.cookies {
    padding: 30px 0;
    background-color: #FECA0A;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    right: 0;
}