﻿/***
 * START BusinessComon.css
 */

/* MORE INFO */

.extra-info-list {
    border-left: 15px solid #ffffff;
    border-right: 15px solid #ffffff;
    clear: both;
}

.extra-info-list-element {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: 30px 0;
    border-top: 1px solid #ddd;
}

    .extra-info-list-element .title-container {
        text-transform: uppercase;
        margin: 0 20px;
    }

        .extra-info-list-element .title-container h2 {
            text-align: center;
            font-weight: 300;
            line-height: 1;
            margin: 20px 0 0 0;
            font-size: 24px;
            font-family: "Roboto Condensed", sans-serif;
        }

        .extra-info-list-element .title-container .additional {
            color: #bebebe;
            font-size: 18px;
            text-align: center;
            margin: 5px 0 20px 0;
        }

    .extra-info-list-element .info-container {
        text-align: center;
        margin: 0 20px;
    }

        .extra-info-list-element .info-container .link {
            text-transform: none;
            text-align: center;
            font-weight: 500;
            line-height: 1;
            margin: 0;
            font-size: 18px;
            font-family: "Roboto Condensed", sans-serif;
        }

        .extra-info-list-element .info-container a h2 {
            text-align: center;
            font-weight: 200;
            line-height: 1;
            margin: 20px 0 10px 0;
            font-size: 26px;
            font-family: "Roboto Condensed", sans-serif;
        }

    .extra-info-list-element .flex {
        display: flex;
    }

    .extra-info-list-element a {
        margin-top: 15px;
    }

        .extra-info-list-element a .download p {
            text-align: center;
            font-weight: 200;
            line-height: 1;
            margin: 0;
            margin-top: 10px;
            font-size: 24px;
            font-family: "Roboto Condensed", sans-serif;
        }

    .extra-info-list-element .download {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .extra-info-list-element .download.type1 {
            margin-right: 15px;
        }

        .extra-info-list-element .download.type2 {
            margin-left: 15px;
        }

        .extra-info-list-element .download img {
            width: 35px;
            height: 50px;
            margin: 0px 0 0 30px;
        }

        .extra-info-list-element .download svg {
            stroke: rgb(36,36,36);
            width: 38px;
            height: 50px;
            margin-left: 10px;
            transition: stroke 200ms ease-in-out;
        }

        .extra-info-list-element .download:hover svg {
            stroke: #c30000;
        }

/***
 * START MEDIA QUERIES
 ***/

@media screen and (min-width: 768px) {

    .extra-info-list-element {
        flex-direction: row;
    }

        .extra-info-list-element .title-container {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .extra-info-list-element .title-container h2 {
                font-size: 32px;
                margin: 0px;
            }

            .extra-info-list-element .title-container .additional {
                font-size: 14px;
                text-align: left;
                margin: 0 0 0 10px;
                line-height: 13px;
            }

        .extra-info-list-element .info-container a h2 {
            font-size: 32px;
            margin: 0;
        }

        .extra-info-list-element .download {
            margin: 0;
        }

        .extra-info-list-element a .download p {
            margin: 0;
            font-size: 32px;
        }
}

@media only screen and (min-width:860px) {
    .extra-info-list {
        width: 100%;
        padding: 50px 0 0 0;
    }

    .extra-info-list-element .download svg {
        margin-left: 15px;
    }

    .extra-info-list-element .download div a p {
        margin: 0;
    }

    .extra-info-list-element a {
        margin-top: 0;
    }

    .extra-info-list-element .title-container h2 {
        font-size: 32px;
    }
}

@media screen and (min-width: 992px) {
}

@media screen and (min-width: 1200px) {
}

/*
 * END BusinessComon.css
 ***/
