/*
    Colours with contrast ratio

    Black #000000 21:1 
    Near Black #1E1E1E 16.67:1 (30,30,30)
    Hover link #220504
    Mid Grey #544E4E 8.15:1
    Grey #A79B9B 2.69:1
    Light Grey #D3CDCD 1.57:1
    Lightest Grey #E9E6E6 1.24:1

    Red #C42A2A 5.66.1 (196,42,42) (BE2F2A for contrast on D3CDCD)
    Blue #2B8095 4.54:1
    Light Blue #D5E6EA 1.29:1 (213, 230, 234)


    Choir School specific
    Near Black #1E1E1E 16.67:1 (30,30,30)
    Light Grey a3b8c0
    Grey Text 333333 ??
    Lightest Grey #E9E6E6 1.24:1
    Red #C42A2A 5.66.1 (196,42,42) (BE2F2A for contrast on D3CDCD)
    

    Banner (Lustria, 56px, 84px)
    H1 (Lustria, 40px, 60px)
    H2 (Lustria, 32px, 48px)
    H3 (Lustria, 24px, 36px)    
    Body large (Lato, 20px, 30px)
    Body medium (Lato, 16px, 24px)
    Body small (Lato, 14px, 21px)

    Extra small devices Phones (<768px) 
    Small devices Tablets (≥768px)      
    @media screen and (min-width: 768px) {
    }
    Medium devices Desktops (≥992px)    
    @media screen and (min-width: 992px) {
    }
    Large devices Desktops (≥1200px)    
    @media screen and (min-width: 1200px) {
    }

    items per row / image size required
    1   col-xs-12           1400
    2   col-xs-12 col-s-6   768
    3   col-xs-12 col-s-4   768
    4   col-xs-6 col-md-3   481
    6   col-xs-4 col-md-2   311
    12   col-xs-2 col-md-1  141

*/
    /***********************/
    /* FONTS */
    @font-face {
        font-family: 'Lustria';
        src: url('/fonts/Lustria.ttf.woff') format('woff'), url('/fonts/Lustria.ttf.svg#Lustria') format('svg'), url('/fonts/Lustria.ttf.eot'), url('/fonts/Lustria.ttf.eot?#iefix') format('embedded-opentype');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Lato';
        src: url('/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
        src: url('/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
        url('/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
        url('/fonts/Lato-Regular.ttf') format('truetype');
        font-style: normal;
        font-weight: normal;
        text-rendering: optimizeLegibility;
    }

    @font-face {
        font-family: 'Lato-Bold';
        src: url('/fonts/Lato-Bold.ttf.woff') format('woff'), url('/fonts/Lato-Bold.ttf.svg#Lato-Bold') format('svg'), url('/fonts/Lato-Bold.ttf.eot'), url('/fonts/Lato-Bold.ttf.eot?#iefix') format('embedded-opentype');
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: 'glyphicons-halflings-regular';
        src: url('/fonts/glyphicons-halflings-regular.eot') format('embedded-opentype');
    }

    html {
        font-size: 62.5%;
        -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
        -moz-osx-font-smoothing: grayscale; /* Fixes font bold issue in Firefox version 25+ on Mac */
    }

body {
    font-family: Lato, Tahoma, sans-serif;
    font-size: 2rem;
    line-height: 3rem;
    color: #1e1e1e;
    font-weight: 400;
}

.img-responsive {
    width: 100%;
}


.container > h1:first-child, .container > p:first-child.intro, .container > div.sectionTitle:first-child {
    margin-top: 12px;
    margin-bottom: 12px;
    padding-top: 40px;
}

.sectionTitle {
    text-align: center;
    /*margin: auto;
    width: 100%;*/
}

    .sectionTitle img {
        margin: auto;
        max-width: 100%;
    }

    .sectionTitle h2 {
        font-size: 2rem;
        line-height: 4rem;
        font-family: Lato, Tahoma, sans-serif;
        color: #333333;
        text-transform: uppercase;
    }

    .sectionTitle p {
        margin: 0;
    }

.container > picture > img {
    margin-bottom: 30px;
}
    h1, h2, h3 {
        font-family: 'Lustria', serif;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 0;
    }

p.intro {
    font-family: 'Lustria', serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 0 auto 1rem;
}

a.btn {
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #C42A2A;
    margin: 0 auto;
    text-decoration: none;
}
    a.btn.btn-primary, button.btn.btn-primary {
        padding: .7rem 2.1rem;
        display: inline-block;
    }

        a.btn.btn-primary:hover, a.btn.btn-primary:focus, a.btn.btn-primary:active, button.btn.btn-primary:hover, button.btn.btn-primary:focus, button.btn.btn-primary:active {
            background-color: #1e1e1e;
        }

@media screen and (min-width: 568px) {
    a.btn {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
        a.btn.btn-primary, button.btn.btn-primary {
            padding: .8rem 2.4rem;
        }
}

button.btn.btn-primary {
    margin: 0;
}

    @media screen and (min-width: 768px) {
    }

    @media screen and (min-width: 992px) {

        .large {
            font-size: 1.6rem; /* =16px */
            line-height: 2.4rem; /* =24px */
        }

        .medium, .small {
            font-size: 1.4rem; /* =14px */
            line-height: 2.1rem; /* =21px */
        }

        h1 {
            font-size: 4rem;
            line-height: 6rem;
        }

        h2 {
            font-size: 3rem;
            line-height: 4rem;
        }

        h3 {
            font-size: 2.4rem;
            line-height: 3.6rem;
        }

        h4 {
            font-size: 1.8rem;
            line-height: 2.7rem;
        }

        h5 {
            font-size: 1.6rem;
            line-height: 2.4rem;
        }


        section .container h1 {
            font-size: 4rem;
            line-height: 6rem;
        }

        section .container h2 {
            font-size: 3rem;
            line-height: 4rem;
            margin-bottom: .4rem;
        }

        p.intro {
            font-size: 2.4rem;
            line-height: 3rem;
        }
    }

    @media screen and (min-width: 1200px) {

        .large {
            font-size: 2rem; /* =20px */
            line-height: 3rem; /* =30px */
        }

        .medium {
            font-size: 1.6rem; /* =16px */
            line-height: 2.4rem; /* =24px */
        }

        .small {
            font-size: 1.4rem; /* =14px */
            line-height: 2.1rem; /* =21px */
        }

        h1 {
            font-size: 5.6rem; /* =56px */
            line-height: 7rem; /* =84px */
        }

        h2 {
            font-size: 4rem;
            line-height: 6rem;
        }

        h3 {
            font-size: 3.2rem;
            line-height: 4.8rem;
        }

        h4 {
            font-size: 2.4rem;
            line-height: 3.6rem;
        }

        h5 {
            font-size: 1.8rem;
            line-height: 2.7rem;
        }

        h6 {
            font-size: 1.6rem;
            line-height: 2.4rem;
        }


        article h1,
        section .container h1 {
            font-size: 5.6rem;
            line-height: 7rem;
        }

        article h2,
        section .container h2 {
            font-size: 4rem;
            line-height: 6rem;
            margin-bottom: .6rem;
        }

        article h1 + p.intro, article h1 + p.intro,
        article .container > h1 + p.intro, section .container > h1 + p.intro {
            font-size: 2.4rem; /* =24px */
            line-height: 3.6rem; /* =36px */
        }

        article h2 + p.intro, section h2 + p.intro,
        article .container > h2 + p.intro, section .container > h2 + p.intro {
            font-size: 1.8rem; /* =24px */
            line-height: 2.7rem; /* =36px */
        }

            article .container > h1 + p.intro + a.btn, article .container > h2 + p.intro + a.btn,
            section .container > h1 + p.intro + a.btn, section .container > h2 + p.intro + a.btn {
                margin-top: 1rem;
            }


        p.intro {
            font-size: 3rem;
            line-height: 3.6rem;
        }


        a.btn {
            font-size: 2rem;
            line-height: 3rem;
        }

            a.btn.btn-primary {
                padding: .9rem 3rem 1.1rem;
            }
    }

    @media screen and (max-width: 319px) {
        .hasImage h1 {
            font-size: 1.8em;
            line-height: 2.7rem;
        }

        .hasImage p {
            font-size: 1rem;
            line-height: 1.5rem;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 567px) {
        .hasImage h1 {
            font-size: 2.2rem;
            line-height: 3.4rem;
        }

        .hasImage p {
            font-size: 1.4rem;
            line-height: 2.1rem;
        }
    }

    @media screen and (min-width: 568px) and (max-width: 767px) {
        .hasImage h1 {
            font-size: 3rem;
            line-height: 4.5rem;
        }
    }
    /***********************/
    /* general */
    p .intro + p:not(.intro):first-letter {
    font-family: Lustria, serif;
    font-size: 8.6rem;
    line-height: 8.6rem;
    vertical-align: top;
    float: left;
    margin: 0 0 -2rem 0;
    padding: 0 6px 0 0;
}

img[style*="float: left"], img[style*="float:left"] {
    padding-right: 1.5rem;
    padding-bottom: .5rem;
}
img[style*="float: right"], img[style*="float:right"] {
    padding-left: 1.5rem;
    padding-bottom: .5rem;
}

a {
    color: #C42A2A;
    text-decoration: underline;
}

a:hover, a:focus {
    color: #220504;
    text-decoration: none;
}

a h3, a h3 {
    color: #C42A2A;
}

a h3:hover, a h3:focus {
    color: #220504;
}

nav a {
    text-decoration: none;
}

.contentCollectionSection nav {
    text-align: center;
}

.contentCollectionSection nav ul {
    margin: 0;
}

.offScreen {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    background-color: #C42A2A;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    border-bottom-right-radius: 10px;
    z-index: 101;
}

.offScreen:focus, .offScreen:active {
    left: 0;
    width: auto;
    height: auto;
    padding: 2px 15px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}

/***********************/
/* GRID */

    /*@media screen and (min-width: 768px) {
    .container { width: 750px; }
}
@media screen and (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media screen and (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}*/


    @media (min-width: 768px) {
        .container {
            width: 750px;
        }
    }

    @media (min-width: 992px) {
        .container {
            width: 970px;
        }
    }

    @media (min-width: 1200px) {
        .container {
            width: 1200px;
        }
    }

    @media screen and (min-width: 1400px) {
        .container {
            width: 1400px;
        }
    }


    .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    @media (min-width: 992px) {
        .container {
            padding-left: 0;
            padding-right: 0;
        }

        .container-fluid.c_ .row > div,
        .container.c_ .row > div {
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    /*@media screen and (max-width: 767px) {
        .row > div {
            padding-right: 0;
        }
    }*/

@media screen and (max-width: 991px) {
    .row > div {
        margin-bottom: 2rem;
    }
    .row > div:last-child {
        margin-bottom: 0;
    }
}

    /*.row > div:last-child {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
}*/

    @media screen and (min-width: 992px) {
        .row-eq-height {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }
    }

    .container > div.collection_children {
        padding-left: 0;
        margin-top: 0.5rem;
    }

    p.spacer {
        margin: 0 auto .8rem;
    }

        p.spacer img {
            width: inherit;
            margin: auto;
        }

    section:not(.c_):not(.no-padding) {
        padding-bottom: 3.8rem;
    }

    section.container-fluid:not(.c_) .container.c_,
    section.container-fluid.c_ {
        padding-top: 3.8rem;
    }

    section.container-fluid.c_ {
        margin-bottom: 3.8rem; /***/
    }

    section.container-fluid:not(.c_) .container.c_ {
        padding-bottom: 3.8rem;
    }

    section.container-fluid.c_ .container {
        padding-bottom: 1.6em;
        margin-bottom: 3.8rem; /***/
    }

        section.container-fluid.c_ .container .row {
            margin-left: 0;
            margin-right: 0;
        }

        section.container-fluid.c_ .container h2 {
            margin-top: .6em;
        }


section:last-child:not(.c_):not(.no-padding) {
    padding-bottom: 0;
}

    /* if nested... */
    .container-fluid .container-fluid,
    .container .container {
        width: inherit;
        padding-left: 0;
        padding-right: 0;
    }

        .container .container.c_ {
            padding-left: 15px;
            padding-right: 15px;
        }

    /***********************/
    /* BOOTSTRAP */


    .btn {
        display: inline;
        /* margin-bottom: 0; */
        /* font-weight: normal; */
        /* text-align: center; */
        vertical-align: top;
        /*-ms-touch-action: manipulation;*/
        /* touch-action: manipulation; */
        /* cursor: pointer; */
        /* background-image: none; */
        border: none;
        /* white-space: nowrap; */
        padding: 0;
        font-size: 2rem;
        line-height: 3rem;
        border-radius: 0;
        /* -webkit-user-select: none; */
        /*-moz-user-select: none;
    -ms-user-select: none;*/
        /* user-select: none; */
    }

        .btn:active, .btn.active {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .glyphicon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    #header .container-fluid {
        background-color: #1e1e1e;
        color: #fff;
    }

section#headerArea {
    min-height: 30px;
}

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: transparent;
    }

    .container--full-width {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    th {
        font-family: Lato-Bold, Lato, Tahoma, sans-serif;
    }

.embed-responsive {
    height: -webkit-fill-available;
}

/***********************/
/* GENERAL */
/*************************************/
/*#headerArea {
    height: 40px;
}*/

/* fixed menu */
#header {
    height: 0;
    position: relative;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index: 106;
}

    #header.nav-up {
        top: -79px;
    }

body {
    padding-top: 0;
}

@media (min-width: 992px) {
    body {
        padding-top: 0;
    }
    #header {
        height: 148px;
    }
     #header.nav-up {
        top: -158px;
    }

}

.pageBreadcrumb {
    padding-top: 18px;
}

/*@media (min-width: 992px) {
    .pageBreadcrumb.hasMenu {
        padding-top: 58px;
    }
}*/


.contentArea {
    background-color: #fff;
    padding-bottom: 15rem;
}

.pagetype_homePage .contentArea {
    padding-bottom: 0;
}

#contentArea:not(.hasBreadcrumb).hasMenu {
    padding-top: 64px;
}

.contentArea section {
    padding-bottom: 3.6rem;
}

.contentArea h1 {
    text-align: center;
    margin-bottom: 30px;
}

.contentArea p.intro {
    /*font-size: 3rem;
    line-height: 3rem;*/
    text-align: center;
    font-family: 'Lustria', serif;
    margin: 0 auto 30px;
}

.pagetype_homePage .contentArea p.intro {
    font-family: Lato, Tahoma, sans-serif;
}


.contentArea img {
    max-width: 100%;
    height: auto;
}

/***************/
.item {
    border: none;
}
/***************************************************/

    /* Approved Colours */
    .c_d3cdcd {
        background-color: #d3cdcd;
    }

    .c_000000 {
        background-color: #000000;
    }

    .c_1e1e1e {
        background-color: #1E1E1E;
    }

    .c_544e4e {
        background-color: #544E4E;
    }

    .c_a79b9b {
        background-color: #A79B9B;
    }

    .c_d3cdcd {
        background-color: #D3CDCD;
    }

    .c_e9e6e6 {
        background-color: #E9E6E6;
    }

    .c_c42a2a {
        background-color: #C42A2A;
    }

    .c_2b8095 {
        background-color: #2B8095;
    }

    .c_d5e6ea {
        background-color: #D5E6EA;
    }

    .c_ffffff {
        background-color: #FFFFFF;
    }

    .t_d3cdcd, .t_d3cdcd a {
        color: #d3cdcd;
    }

    .t_000000, .t_000000 a {
        color: #000000;
    }

    .t_1e1e1e, .t_1e1e1e a {
        color: #1E1E1E;
    }

    .t_544e4e, .t_544e4e a {
        color: #544E4E;
    }

    .t_a79b9b, .t_a79b9b a {
        color: #A79B9B;
    }

    .t_d3cdcd, .t_d3cdcd a {
        color: #D3CDCD;
    }

    .t_e9e6e6, .t_e9e6e6 a {
        color: #E9E6E6;
    }

    .t_c42a2a, .t_c42a2a a {
        color: #C42A2A;
    }

    .t_2b8095, .t_2b8095 a {
        color: #2B8095;
    }

    .t_d5e6ea, .t_d5e6ea a {
        color: #D5E6EA;
    }

    .t_ffffff, .t_ffffff a {
        color: #FFFFFF;
    }

        .t_000000 a, .t_1e1e1e a, .t_544e4e a, .t_a79b9b a, .t_d3cdcd a, .t_e9e6e6 a, .t_c42a2a a, .t_2b8095 a, .t_d5e6ea a, .t_ffffff a {
            text-decoration: underline;
        }


fieldset .row {
    margin: 10px 0;
}


.btn-primary {
    background-color: #C42A2A;
    border-color: #C42A2A;
    padding: 5px 20px;
    margin: 10px 0;
}

    a.btn-primary:hover, a.btn-primary:focus, a.btn-primary:active, a.btn-primary:active:hover {
        background-color: #1e1e1e;
        border-color: #C42A2A;
    }

    a.btn-primary {
        color: #fff;
        text-decoration: none;
    }

    .c_c42a2a a.btn-primary, .c_c42a2a a.btn-primary:hover, .c_c42a2a a.btn-primary:focus, .c_c42a2a a.btn-primary:active, .c_c42a2a a.btn-primary:active:hover {
        border: 1px solid #ffffff;
    }

    .modal {
        background-color: rgba(0,0, 0, .5);
    }

    .modal-content {
        background-color: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

    /***************************************************/
    /* ELEMENTS */
    .container-fluid.pageBreadcrumb {
        background-color: #fff;
    }

        .container-fluid.pageBreadcrumb .breadcrumb {
            font-size: 1.4rem;
            line-height: 1.8rem;
            padding: 0;
            margin-top: .2rem;
            border: 0;
            background-color: transparent;
        }

        .container-fluid.pageBreadcrumb ol.breadcrumb li:first-child > a {
            padding-left: 0;
        }

.parentTitle {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #C42A2A;
    font-family: Lato-Bold, Lato, Tahoma, sans-serif;
    text-transform: uppercase;
}

    .tabbedLinks {
        margin: .2rem auto 2rem;
    }

        .tabbedLinks .separator {
            color: #1e1e1e;
        }

        .tabbedLinks a {
            font-family: Lato-Bold, Lato, Tahoma, sans-serif;
            color: #C42A2A;
            text-transform: uppercase;
            margin-bottom: 1.5rem;
            text-decoration: none;
        }

            .c_d5e6ea .tabbedLinks a:hover, .c_d5e6ea .tabbedLinks a:focus,
            .tabbedLinks a:hover, .tabbedLinks a:focus {
                color: #220504;
            }

    .c_d5e6ea .tabbedLinks a {
        /* contrast problem*/
        color: #BE2F2A;
    }}
    /**********************************/
    #leftNav {
    padding-right: 15px;
}

    #leftNav ul.navbar-left {
        width: 100%;
    }

        #leftNav ul.navbar-left li a {
            padding-left: 20px;
        }

    #leftNav .nav > li > a:hover,
    #leftNav .nav > li > a:focus {
        color: #1e1e1e;
        background-color: transparent;
    }

    #leftNav .nav ul, #leftNav .nav li {
        list-style: none;
        padding-left: 0;
    }

    #leftNav .nav > li {
        float: none !important;
        border-bottom: 1.5px solid #D3CDCD;
    }

        #leftNav .nav > li:first-child {
            border-top: 1.5px solid #D3CDCD;
        }

    #leftNav .nav > li {
        padding: 5px 0;
    }


        #leftNav .nav > li > a {
            padding: 5px 0 5px 20px;
        }

        #leftNav .nav > li li > a {
            padding: 5px 0 5px 40px;
        }

        #leftNav .nav > li li li > a {
            padding: 5px 0 5px 60px;
        }

    /**********************************/
.previousNext .container {
    padding: 20px 0;
    margin-top: 30px;
    border-bottom: 1px solid #d3cdcd;
}

    .previousNext div.previous > a {
        float: left;
        max-width: 500px;
        text-decoration: none;
    }

    .previousNext div.next > a {
        float: right;
        max-width: 500px;
        text-decoration: none;
    }

    .previousNext div.previous span.previousLink,
    .previousNext div.next span.nextLink {
        font-size: 7.2rem;
        line-height: 7.2rem;
        color: #C42A2A;
        vertical-align: middle;
    }

    .previousNext div.previous span.previousLink {
        padding-right: 15px;
        float: left;
    }

    .previousNext div.next span.nextLink {
        padding-left: 15px;
        float: right;
    }

        .previousNext div.previous span.previousLink img,
        .previousNext div.next span.nextLink img {
            vertical-align: top;
        }

    .previousNext div.previous .previousText {
        color: #C42A2A;
        text-align: left;
        display: table;
    }

    .previousNext div.next .nextText {
        color: #C42A2A;
        text-align: right;
        display: table;
    }

        .previousNext div.next .nextText h3,
        .previousNext div.previous .previousText h3 {
            font-family: Lato-Bold, Lato, Tahoma, sans-serif;
            font-size: 1.4rem;
            line-height: 6rem;
            text-transform: uppercase;
        }
/*************************************/
    
    .textBlock a.btn {
        margin-bottom: 15px; /***/
    }



/*************************************/
.embed-responsive {
    margin-top: 15px;
}

/*********************/


.pagination .disabled a {
    color: #1e1e1e;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            /*color: #337ab7;
            background-color: #ffffff;
            border: 1px solid #dddddd;*/
            margin-left: -1px;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            z-index: 2;
            /*color: #23527c;
            background-color: #eeeeee;
            border-color: #dddddd;*/
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 3;
        /*color: #ffffff;
        background-color: #337ab7;
        border-color: #337ab7;*/
        cursor: default;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        /*color: #777777;
        background-color: #ffffff;
        border-color: #dddddd;*/
        cursor: not-allowed;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}


.share ul, .share li {
    list-style: none;
    padding-left: 3px;
    padding-bottom: 5px;
}


.search form {
    margin-bottom: 2rem;
}

.search input {
    height: 45.6px;
    padding-left: 15px;
    width: 50%;
}

search button.btn-primary {
    display: inline-block;
    background-color: #C42A2A;
    color: #fff;
    padding: 8px 10px;
    margin: 2px 4px 0 0;
}

.search p.results {
    margin: 1rem 0 2rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #C42A2A;
}

.search ul, .search li {
    list-style: none;
    padding-left: 0;
}

.search li {
    /*border-bottom: 1px solid #d3d3d3;*/
    margin-bottom: 2rem;
}


.search h3 {
    margin-top: 0;
    color: #C42A2A;
}

.search .searchResultsColumn h3 {
    font-family: Lato, Tahoma, sans-serif;
    font-size: 2.6rem;
    line-height: 3.9rem;
}

.searchTagsColumn h3 {
    margin-bottom: 2rem;
}

.search h3 a {
    text-decoration: none;
    color: #C42A2A;
}

.search p.intro {
    text-align: left;
    font-size: 1.8rem;
    line-height: 2.4rem;
}

.search .searchResultsColumn .searchResultsAttr {
    text-transform: uppercase;
    color: #C42A2A;
}

.search .searchResultsColumn .tag {
    background-color: transparent;
    padding: 5px 5px 5px 0;
}

    .search .searchResultsColumn .tag a {
        color: #C42A2A;
    }




form#searchForm {
    margin-top: 33%;
    text-align: center;
    color: #fff;
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-family: 'Lustria', serif;
}

@media (max-width: 319px) {
    form#searchForm {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

form#searchForm input {
    background-color: transparent;
    text-align: left;
    border: none;
    border-bottom: 1px solid #fff;
    max-width: 83.333%;
}

@media (min-width: 768px) {
    form#searchForm input {
        padding: 5px 80px 5px 5px;
        width: 100%;
    }
}

form#searchForm input::-webkit-input-placeholder {
    color: #fff;
}

form#searchForm input::-moz-placeholder {
    color: #fff;
}

form#searchForm input:-ms-input-placeholder {
    color: #fff;
}

form#searchForm input:-o-input-placeholder {
    color: #fff;
}



form#searchForm #searchButton {
    background-color: transparent;
    border: none;
    vertical-align: middle;
    margin-left: -40px;
}



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


.login form {
    display: inline-block;
    width: 100%;
    margin: 5rem;
}

/***********************/

    #map {
        width: 100%;
        height: 600px;
        background-color: #fff;
    }