@import url('https://fonts.googleapis.com/css?family=Lato|Raleway&display=swap');

/* form updates */
.form-control {height: auto}
.input-group {position: relative;display: flex;flex-wrap: wrap;align-items: stretch;width: 100%}
.input-group .form-control {display: flex;align-items:center}
.input-group-addon, .input-group-btn {width: auto}
.label-add-on .input-group-addon {font-size: inherit}
.input-group .input-group-btn.input-group-append {display:flex}
.input-group-addon {display: flex;align-items: center;line-height: 1.5;text-align: center;white-space: nowrap;border-radius: 4px}
.input-group>.form-control, .input-group>.form-select {position: relative;flex: 1 1 auto;width: 1%;min-width: 0}
.input-group .input-group-btn div.btn {display: flex}
.input-group>.file-input.file-input-new {display: flex;flex: 1 1 auto}
.input-group > .file-input:not(.file-input-new) {display: flex;flex-wrap: wrap;flex: 1}
.input-group > .file-input .kv-upload-progress {width: 100%}
.input-group-addon~.file-input.file-input-new .form-control {border-top-left-radius: 0;border-bottom-left-radius: 0}
.swoogo-reg-summary .responsive-table .buttons .btn-group.btn-group-sm {min-width: 100px}
.btn-group.btn-group-sm>.btn {font-size: 12px !important}
/* end form updates */

body {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 500;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: #5199a8;
    transition: all 0.2s ease-in-out 0s;
}

a:hover, #a_hover {
    color: #333;
}

.title {
    color:#314043;
    font-family:'Lato', sans-serif;
}

.header .title {
    color:#FFF;
    font-size:50px;
}

.header .paragraph {
    color:#FFF;
    font-size:16px;
}

.header .empty-message {
    color:#FFF;
}

.landing-page .site-background {
    background-image: url('forest.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-color:#999;
    min-height:200px;
}

.banner-wrap {
    display:inherit;
    height:100%;
    table-layout:inherit;
    text-align:center;
    margin:auto;
}

#banner {
    display:inherit;
    width:100%;
    text-align:center;
    padding: 4em 1.6em;
}

.swoogo-line {
    color:#5199a8;
}


/* Text logo
--------------------------------------------------------------------------------*/
.logo {
    text-align:center;
}
.text-logo a {
    text-decoration:none;
}

.desktop-logo .text-logo {
    font-size: 30px;
    margin: 20px 0;
}

/* Navbar
--------------------------------------------------------------------------------*/
@media (min-width: 768px) {
    .logo {
        margin-top: 10px;
        margin-bottom:20px;
    }

    .navbar-default {
        background: #fff;
        border:none;
    }

    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        position:relative;
        background:#FFF;
        padding-left:30px;
        padding-right:30px;
    }

    .navbar-nav > li > .dropdown-menu {
        border-radius: 0;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }

    #navbar {
        position:relative;
    }

    .navbar-line {
        height:1px;
        position:absolute;
        width:100%;
        background:#CCC;
        top:50%;
    }

    .navbar-default .navbar-nav > li {
        margin-left:5px;
        margin-right:5px;
    }

    .navbar-default .dropdown-menu > .active > a,
    .navbar-default .dropdown-menu > .active > a:focus,
    .navbar-default .dropdown-menu > .active > a:hover {
        background-color: #ccc;
        color:#484848;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav li > a:hover {
        background-color: #f6f6f6;
        color: #484848;
    }
}

.swoogo-reg-progress .steps > li.active > a.step .number {
    background-color: #5199a8;
    color: #fff;
}

/* Buttons
--------------------------------------------------------------------------------*/
.btn-standard {
    background: #5199a8;
    border:none;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 600;
    text-decoration: none ! important;
    text-shadow: none;      
}
.btn-standard:hover,
#btn-standard_hover {
    background: #333;
    color: #fff;
}

.btn-alternate {
    background: #333;
    border:none;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 600;
    text-decoration: none ! important;
    text-shadow: none;      
}
.btn-alternate:hover,
#btn-alternate_hover {
    background: #5199a8;
    color: #ffffff;
}

/* Footer
--------------------------------------------------------------------------------*/
#footer-wrap .container {
    padding: 30px 15px;
}

.footer {
    border-top:1px solid #CCC;
}

#footer-wrap h2 {
    font-size: 14px;
    font-weight: bold;
}

#footer-wrap p {
    font-size: 14px;
}

/***
Responsive
***/
@media (max-width: 768px) {

    #nav-wrap .header, .navbar-line {
        display:none !important;
    }

    .landing-page .navbar {
        margin-bottom:0px;
    }

    .header .title {
        font-size:2em;
    }

}