@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

html,
body {
    height: 100%;
    background-color: #ffffff;
}

/* 
TYPOGRAPHY 
*/

h1,
h2,
h3,
h4,
h5 {
    color: rgb(221,7,65);
    text-align: center;
    font-family: 'Open Sans', sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica;
    font-weight: 600;
}

nav {
    font-family: 'Open Sans', sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica;
    font-weight: 400;
}

h3 {
    color: rgb(221,7,65);
}

p {
    color: #333333;
    text-align: center;
    font-family: 'Open Sans', sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica;
    font-weight: 400;
}

/* 
LINKS 
*/

a,
a:hover,
a:focus {
    color: rgb(200,16,46);
    text-decoration: none;
}

/* 
SECTION 
*/

.section-gradient {
    padding-top: 60px;
    padding-bottom: 80px;
    background: #f3f3f3; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f3f3f3, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f3f3f3, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f3f3f3, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f3f3f3, white); /* Standard syntax */
}

.section-grey {
    padding-top: 60px;
    padding-bottom: 80px;
    background: #DD0741;
}

/* 
BOX 
*/

.box {
    background: #fff;
    border-radius: 4px;
    padding-bottom: 100%;
}

/* 
COLUMNS 
*/

.col-lg-6 {
    margin-top: 30px !important;
}

/* 
BUTTONS 
*/

.btn-primary {
    background: rgb(221,7,65);
    border:none;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    background-color: rgb(206, 6, 60);
    border:none;
}

/* 
FORM 
*/

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: rgb(221,7,65);
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(221,7,65, .25)
}

/* 
NAVBAR 
*/

.bg-white {
    background-color: rgba(255, 255, 255, 0.95);
}

/* 
BACKEND 
*/

.dashboard {
    padding-top:100px;
    padding-bottom:70px;
}

.dashboard h1 {
    text-align: left;
    padding-bottom: 20px;
}

.btn-primary {
    background: rgb(221,7,65);
    border:none;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    background-color: rgb(206, 6, 60);
    border:none;
}

/* 
VALIDATOR 
*/

.tooltip-inner {
    background-color: rgb(221,7,65); 
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: rgb(221,7,65);
}

/*
Privacy Policy typography
*/

.privacypolicy p {
    color:black;
    text-align: left;
}

.privacypolicy h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 2.8em;
    text-align: left;
}

.privacypolicy h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 2.2em;
    text-align: left;
}

.privacypolicy h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1.5em;
    text-align: left;
}

.privacypolicy h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1em;
    text-align: left;
}

/* 
VIEWPORTS 
*/

@media(max-width:991.98px) {
    .rwd-break { 
        display: none; 
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        padding-top:0px;
        padding-bottom:0px;
    }
}