/** CSS specific for TalkVancouver only **/

/* Table of contents

A. Basic elements
A1. Body and paragraphs
A2. Fonts
A3. Lists
A4. Links

B. Components
B1. Blocks and containers
B2. Sections
B3. Header
B3.1a Header - desktop
B3.1b Header - Temp old Cov header
B3.2 Header - mobile
B4. Footer
B5. Cards
B6. Links with Font Awesome icons
B7. Modal
B8. Notice
B9. Alert
B10. Skip links
B11. Tabs
B12. Accordion
B13. Button
*/

/* Basic elements */
/*** A2. Fonts ***/
.alert-primary .fa-circle-info {
    color: #0279B1;
}

/*** B1. Blocks and containers ***/
main.index {
    background-image: url("/images/talk-vancouver-home-bg.png");
    background-size: cover;
    background-position: center;
}

/*** B5. card ***/
.card {
    margin: 0 auto;
}

/*** B12. accordion ***/
.display-standard {
    margin-bottom: 0;
}

/*** B13. button ***/
.btn, a.btn {
    margin-right: 0px;
}

.contact-us {
    height: 1825px; 
    border: none; 
    width: 100%;
}

/* Responsive */
/*** Desktop ***/
@media screen and (min-width: 768px) {

    /*** B1. Blocks and container ***/
    main .container .card:not(.contact) {
        top: calc(50vh - 80%);
    }

    main .container {
        min-height: calc(100vh - 200px);
    }
}

/*** tablet ***/
@media screen and (max-width: 599px) {

    /*** B1. Containers and blocks ***/
    main .container .card {
        margin: 0 auto;
    }
}