/* HEADLINE ROBOTO BLACK 48PX SUBTITLE ROBOTO REGULAR 24PX BUTTON ROBOTO BOLD 20PX */
/* ARTICLE BODY OPEN SANS REGULAR 18PX TITLE OPEN SANS LIGHT 48PX META OPEN SANS REGULAR 16PX */
/* https://fontawesome.com/v5.15/icons */


@font-face {
    font-family: roboto-regular;
    src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: roboto-light;
    src: url('../fonts/Roboto-Light.ttf');
}

@font-face {
    font-family: roboto-bolditalic;
    src: url('../fonts/Roboto-BoldItalic.ttf');
}

@font-face {
    font-family: roboto-black;
    src: url('../fonts/Roboto-Black.ttf');
}

@font-face {
    font-family: roboto-bold;
    src: url('../fonts/Roboto-Bold.ttf');
}


@font-face {
    font-family: open-sans;
    src: url('../fonts/OpenSans-Regular.ttf');
}


@font-face {
    font-family: open-sans-light;
    src: url('../fonts/OpenSans-Light.ttf');
}

body, p, a, li {
    font-family: open-sans, sans-serif;
    font-size: 18px;
    line-height: 2.5em;
}

h1 {
    font-family: roboto-black;
    font-size: 48px;
}
h2 {
    font-family: roboto-regular;
    font-size: 24px;
    color: #3b99e0;
}
h3, h4, h5 {
    font-family: roboto-black;
    font-size: 18px;
}

.page {
    min-height: 80%;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(64, 64, 64);
}
.btco-menu li > a {
    padding: 10px 15px;
    color: #000;
}

.btco-menu .active a:focus,
.btco-menu li a:focus ,
.navbar > .show > a:focus{
    background: transparent;
    outline: 0;
}

.dropdown-menu .show > .dropdown-toggle::after{
    transform: rotate(-90deg);
}

.page-footer li {
    color: #d2d1d1;
    line-height: 1em;

}
.blinking{
    animation:blinkingText 3s infinite;
    letter-spacing: 2px;
}

@keyframes blinkingText{
    0%{     color: red;    }
    50%{   color: transparent;    }
    100%{   color: red;    }
}

.btn {
    font-family: roboto-bold;
    font-size: 20px;
}

.navbar-brand {
    font-family: open-sans-light;
    font-size: 48px;
}

.steps {
    color: #3b99e0;
}

.ribbon {
    line-height: 1em;
}

.homepage-list {
    margin: 10px 0;
}

.page-footer ul li:after, .page-footer ul li:before {
    margin-top: 8px;
}

input[type=checkbox], input[type=radio] {
    margin-top: 15px;
}