/*
* Bootstrap overwrite
*/
body {
    font: 16px/26px 'Arial', sans-serif;
}

.container, .container-fluid {
    max-width: 940px;
    margin: 0 auto;
}

.alert {
    border-radius: 0;
}
.alert-warning a, .alert-warning a {
    color: #c09853;
}
.alert-error {
    color: #4b4b4b;
}
.alert-error h4 {
    color: #932439;
}

ul, ol {
    -webkit-padding-start: 15px;
    padding: 0 0 0 15px;
}

hr {
    margin: 30px 0;
    border: 0;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #e5e5e5;
}


h1 {
    font: normal 500 34px gill-sans-nova, Arial, sans-serif;
    color: #932439;
    letter-spacing: 1px;
}
h2 {
    font: normal 500 34px gill-sans-nova, Arial, sans-serif;
    color: #000;
    letter-spacing: 1px;
}
h3 {
    font: normal 500 28px gill-sans-nova, Arial, sans-serif;
    color: #932439;
}
h4 {
    font: normal 500 28px gill-sans-nova, Arial, sans-serif;
    color: #000;
    letter-spacing: 1px;
}
h5 {
    font: normal 500 22px gill-sans-nova, Arial, sans-serif;
    color: #932439;
}
h6 {
    font: normal 500 22px gill-sans-nova, Arial, sans-serif;
    color: #000;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px;
}

@media (max-width: 480px) {
    h1, h2 { font-size: 26px; }
    h3, h4 { font-size: 22px; }
    h5, h6 { font-size: 20px; }
}

.small-text {
    font-size: 14px;
    line-height: 20px;
}
.large-text {
    font-size: 18px;
    line-height: 28px;
}

a {
    color: #0072a8;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    color: #0072a8;
    text-decoration: underline;
}

#concordia-logo {
    text-indent: -9999px;
}
#concordia-logo span {
    display: block;
    background: url(../img/logo-montreal.png) 0 0 no-repeat;
    width: 350px;
    height: 58px;
    margin: 0 0 30px 0;
}

@media (max-width: 480px) {
    #concordia-logo span {
        display: block;
        background: url(../img/logo-concordia.png) 0 0 no-repeat;
        width: 131px;
        height: 21px;
        margin: 0px 0 20px 0;
    }
}


/*
* Buttons
*/
.btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 10px 12px;
    text-align: center;
    vertical-align: middle;
    background: #932439;
    color: #fff;
    font: normal 14px/18px 'Arial';
    letter-spacing: .6px;
    text-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    white-space: normal;
}

.btn:hover:not([disabled]):not(.disabled), .btn:focus:not([disabled]):not(.disabled) {
    background-color: #a96b76;
    color: #fff;
    text-decoration: none;
}

.btn:first-child {
    margin-left: 0;
}

.btn.btn-large {
    font: 16px/24px 'Arial';
    padding: 12px 16px;
}

.btn-ghost-dark, .btn-ghost-burgundy {
    font: normal 18px/24px 'Arial';
    margin: 0 7px 10px 0;
    padding: 10px 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.btn-ghost-dark {
    background: rgba(255, 255, 255, 0.1);
    color: #000;
    border: 1px solid #000;
}
.btn-ghost-dark:hover:not([disabled]):not(.disabled), .btn-ghost-dark:focus:not([disabled]):not(.disabled) {
    background: rgba(0, 0, 0, 0.1);
    color: #000;
}
.btn-ghost-burgundy {
    background: rgba(255, 255, 255, 0);
    color: #932439;
    border: 1px solid #932439;
}
.btn-ghost-burgundy:hover:not([disabled]):not(.disabled), .btn-ghost-burgundy:focus:not([disabled]):not(.disabled) {
    background: rgba(0, 0, 0, 0.1);
    color: #932439;
}
.btn:disabled {
    border: 1px solid #777;
}

.btn-simple {
    background: transparent !important;
    color: #0072a8 !important;
    padding: 0;
    margin: 20px 10px 10px 0;
    font: normal 500 20px/28px gill-sans-nova, Arial, sans-serif !important;
    letter-spacing: 1px !important;
    text-align: left !important;
    -webkit-transition: all .2s !important;
    transition: all .2s !important;
}
.btn-simple:before {
    content: '' !important;
    position: absolute !important;
    width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    border-bottom: 1px solid #0072a8 !important;
    -webkit-transition: all .2s !important;
    transition: all .2s !important;
    opacity: 0 !important;
}
.btn-simple:after {
    content: '>' !important;
    display: inline-block !important;
    margin: 0 0 0 7px !important;
    vertical-align: -4% !important;
    font-size: 22px !important;
    font-family: 'Trebuchet MS' !important;
    margin-right: -19px !important;
}
.btn-simple:hover:before {
    opacity: 1 !important;
}


/*
* Colours
*/
.bg-burgundy { background: #932439; color: #fff; }
.bg-burgundy:hover, .bg-burgundy:active, .bg-burgundy:focus { background: #a96b76; }

.bg-orange { background: #ea3815; color: #fff; }
.bg-orange:hover, .bg-orange:active, .bg-orange:focus { background: #f0836e; }

.bg-gold { background: #c9a859; color: #fff; }
.bg-gold:hover, .bg-gold:active, .bg-gold:focus { background: #bca878; }

.bg-pink { background: #b5015b; color: #fff; }
.bg-pink:hover, .bg-pink:active, .bg-pink:focus { background: #b95e8c; }

.bg-purple { background: #50368c; color: #fff; }
.bg-purple:hover, .bg-purple:active, .bg-purple:focus { background: #7c6ba2; }

.bg-blue { background: #006fab; color: #fff; }
.bg-blue:hover, .bg-blue:active, .bg-blue:focus { background: #4793bc; }

.bg-green { background: #00747b; color: #fff; }
.bg-green:hover, .bg-green:active, .bg-green:focus { background: #4f999e; }

.bg-lime-green { background: #8cc63e; color: #fff; }
.bg-lime-green:hover, .bg-lime-green:active, .bg-lime-green:focus { background: #a1d35e; }

.bg-cyan { background: #00adef; color: #fff; }
.bg-cyan:hover, .bg-cyan:active, .bg-cyan:focus { background: #47c1f0; }

.bg-dark-blue { background: #004085; color: #fff; }
.bg-dark-blue:hover, .bg-dark-blue:active, .bg-dark-blue:focus { background: #1c599b; }

.bg-light-grey { background: #ddd; color: #000; }
.bg-light-grey:hover, .bg-light-grey:active, .bg-light-grey:focus { background: #e5e5e5; }

.bg-medium-grey { background: #c8c8c8; color: #000; }
.bg-medium-grey:hover, .bg-medium-grey:active, .bg-medium-grey:focus { background: #d8d8d8; }

.bg-dark-grey { background: #6e6e6e; color: #fff; }
.bg-dark-grey:hover, .bg-dark-grey:active, .bg-dark-grey:focus { background: #9a9a9a; }

.bg-black { background: #000; color: #fff; }
.bg-black:hover, .bg-black:active, .bg-black:focus { background: #6e6e6e; }