﻿.splash-page {
    background-color: white;
}

    .splash-page > div {
        display: flex;
    }

    .splash-page.row > div {
        flex-direction: column;
    }

    .splash-page.row-reverse > div {
        flex-direction: column-reverse;
    }

    .splash-page.column-reverse > div {
        flex-direction: row-reverse;
    }

    .splash-page .text {
        padding: 0 20px 0 10px;
        text-align: justify;
        display: flex;
        flex-direction: column;
    }
    .splash-page.row .text {
        padding: 0 10px 10px 10px;
    }
    .splash-page.row-reverse .text {
        padding:10px;
    }

        .splash-page .text h3 {
            border-bottom: solid #DCA900 2px;
            color: #DCA900;
            font-size: 1.5rem;
            margin-bottom: 1rem;
        }

        .splash-page .text h2 {
            font-size: 2rem;
            margin-bottom: 0.5rem;
            text-align: center;
        }

        .splash-page .text .bold {
            font-weight: bold;
        }

        .splash-page .text .cta {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
        }

            .splash-page .text .cta > a {
                font-family: 'Open Sans', sans-serif;
                font-size: 0.85em;
                font-weight: 700;
                color: #003a5d;
                text-transform: uppercase;
                line-height: 2.27em;
            }

                .splash-page .text .cta > a.gold {
                    color: #FFF;
                    display: inline-block;
                    font-family: 'Open Sans', sans-serif;
                    font-size: 12px;
                    line-height: 25px;
                    padding: 0 6px;
                    text-transform: uppercase;
                    background: #dca900;
                    background: -moz-linear-gradient(top, #dca900 0%, #d4a300 17%, #a47e00 75%, #957200 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dca900), color-stop(17%, #d4a300), color-stop(75%, #a47e00), color-stop(100%, #957200));
                    background: -webkit-linear-gradient(top, #dca900 0%, #d4a300 17%, #a47e00 75%, #957200 100%);
                    background: -o-linear-gradient(top, #dca900 0%, #d4a300 17%, #a47e00 75%, #957200 100%);
                    background: -ms-linear-gradient(top, #dca900 0%, #d4a300 17%, #a47e00 75%, #957200 100%);
                    background: linear-gradient(to bottom, #dca900 0%, #d4a300 17%, #a47e00 75%, #957200 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dca900', endColorstr='#957200',GradientType=0 );
                    transition: 0.5s;
                    -webkit-transition: 0.5s;
                    -moz-transition: 0.5s
                }

                    .splash-page .text .cta > a.gold:hover {
                        background: #ab8401;
                        background: -moz-linear-gradient(top, #ab8401 0%, #ac8502 19%, #b28a06 32%, #be9613 51%, #c19a1b 57%, #c49d1e 62%, #cba425 68%, #cca629 73%, #d5af34 84%, #d9b336 92%, #dcb431 100%);
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ab8401), color-stop(19%, #ac8502), color-stop(32%, #b28a06), color-stop(51%, #be9613), color-stop(57%, #c19a1b), color-stop(62%, #c49d1e), color-stop(68%, #cba425), color-stop(73%, #cca629), color-stop(84%, #d5af34), color-stop(92%, #d9b336), color-stop(100%, #dcb431));
                        background: -webkit-linear-gradient(top, #ab8401 0%, #ac8502 19%, #b28a06 32%, #be9613 51%, #c19a1b 57%, #c49d1e 62%, #cba425 68%, #cca629 73%, #d5af34 84%, #d9b336 92%, #dcb431 100%);
                        background: -o-linear-gradient(top, #ab8401 0%, #ac8502 19%, #b28a06 32%, #be9613 51%, #c19a1b 57%, #c49d1e 62%, #cba425 68%, #cca629 73%, #d5af34 84%, #d9b336 92%, #dcb431 100%);
                        background: -ms-linear-gradient(top, #ab8401 0%, #ac8502 19%, #b28a06 32%, #be9613 51%, #c19a1b 57%, #c49d1e 62%, #cba425 68%, #cca629 73%, #d5af34 84%, #d9b336 92%, #dcb431 100%);
                        background: linear-gradient(to bottom, #ab8401 0%, #ac8502 19%, #b28a06 32%, #be9613 51%, #c19a1b 57%, #c49d1e 62%, #cba425 68%, #cca629 73%, #d5af34 84%, #d9b336 92%, #dcb431 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab8401', endColorstr='#dcb431',GradientType=0 )
                    }

    .splash-page .close-button {
        position: absolute;
        padding: 20px;
        background-color: #799859;
        right: 20px;
        top: 20px;
        color: white;
        text-decoration: none;
    }

        .splash-page .close-button a:link {
            color: white;
            text-decoration: none;
        }

        .splash-page .close-button a:hover {
            color: #003a5d;
            text-decoration: none;
        }
