/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

@font-face {
    font-family: "Bitter";
    src: url("./font-src//bitter/bitter-regular.woff2") format("woff2"), url("./font-src//bitter/bitter-regular.woff") format("woff");
    font-weight: 400;
    font-style: "normal";
}

@font-face {
    font-family: "Bitter";
    src: url("./font-src//bitter/bitter-bold.woff2") format("woff2"), url("./font-src//bitter/bitter-bold.woff") format("woff");
    font-weight: 700;
    font-style: "normal";
}

@font-face {
    font-family: "Lato";
    src: url("./font-src//lato/lato-medium.woff2") format("woff2"), url("./font-src//lato/lato-medium.woff") format("woff");
    font-weight: 400;
    font-style: "normal";
}

@font-face {
    font-family: "Lato";
    src: url("./font-src//lato/lato-italic.woff2") format("woff2"), url("./font-src//lato/lato-italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Lato";
    src: url("./font-src//lato/lato-bold.woff2") format("woff2"), url("./font-src//lato/lato-bold.woff") format("woff");
    font-weight: 700;
    font-style: "normal";
}

body {
    font-family: Bitter, Georgia, "Times New Roman", serif;
    color: rgb(53, 53, 53);
    line-height: 1.4;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: rgb(0, 54, 95);
    font-family: "Bitter";
    font-weight: 700;
    margin-bottom:3rem;
}

.navbar {
    background-color: #141955 !important;
    color: #eee;
}

.navbar-light .navbar-nav .nav-link{
    color: rgba(255,255,255,.55) !important;
}

.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
}
.progress-bar {
    background-color: #337ab7;
}
.text-info{
    color: #31708F !important;
}
.text-primary{
    color: #000000 !important;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited, .navbar-default .navbar-nav > li > a:link {
    color: #eee;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active {
    color: #141955;
    background: #eee;
}

.navbar-brand.logo-container > img {
    padding: 0;
    max-height: 90px;
    width: auto;
}

.survey-welcome, .survey-description, .privacy {
    padding: 1rem 0;
}

.text-primary {
    color: inherit;
}

.ls-move-next-btn, .ls-move-previous-btn {
    font-family: Lato, sans-serif;
    display: inline-block;
    transition: all .2s ease-in-out;
    text-decoration: none !important;
    cursor: pointer;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    padding: 11px 30px;
    border-radius: 45px;
    white-space: nowrap;
}

.ls-move-next-btn {
    background: linear-gradient(45deg, #006e7c, #008790, #0596a4, #12afb8);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 400%;
    color: #fff;
    border: 0;
}

.ls-move-next-btn:hover {
    background-position: 0 0;
}

.ls-move-previous-btn {
    /*background: transparent;*/
}

.row.well {
    margin-right: 0;
    margin-left: 0;
}