/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.jumbotron {
}

.line {
    width: 100px;
    height: 0;
    border: 1px solid red;
    margin: 3px;
    display: inline-block;
}

/* Color Scheme */
/* Accent Color */
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: white;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bold;
}

    .nav > li > a:hover {
        position: relative;
        display: block;
        padding: 10px 15px;
        color: red;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-weight: bold;
    }

    .nav > li > a:active {
        position: relative;
        display: block;
        padding: 10px 15px;
        color: red;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-weight: bold;
    }

    .nav > li > a:focus {
        position: relative;
        display: block;
        padding: 10px 15px;
        color: red;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-weight: bold;
    }


.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #dd0000;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #dd0000;
    background: #dd0000;
    border-color: #dd0000;
    color:white;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #dd0000 !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #dd0000;
}

.btn, .btn-default:visited, .btn-default:active:hover, .btn-default.active:hover, .btn-default:active:focus, .btn-default.active:focus, .btn-default:active.focus, .btn-default.active.focus {
    background: #dd0000;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #dd0000;
}

.cat-links a, .tags-links a {
    color: #dd0000;
}

.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #dd0000;
}

h5.entry-date a:hover {
    color: #dd0000;
}

#respond input#submit {
    background-color: #dd0000;
    background: #dd0000;
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: #ffffff;
    color:red;
}

.top-widgets h3:after {
    display: block;
    max-width: 60px;
    background: #dd0000;
    height: 3px;
    content: ' ';
    margin: 0 auto;
    margin-top: 10px;
}

.bottom-widgets h3:after {
    display: block;
    max-width: 60px;
    background: #dd0000;
    height: 3px;
    content: ' ';
    margin: 0 auto;
    margin-top: 10px;
}

button:hover, button, button:active, button:focus {
    border: 1px solid #dd0000;
    background-color: #dd0000;
    background: #dd0000;
}

.dropdown-menu .current-menu-item.current_page_item a, .dropdown-menu .current-menu-item.current_page_item a:hover, .dropdown-menu .current-menu-item.current_page_item a:active, .dropdown-menu .current-menu-item.current_page_item a:focus {
    background: #dd0000 !important;
    color: #fff !important
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        background-color: #dd0000;
        color: #fff;
    }
}

blockquote {
    border-left: 5px solid #dd0000;
}

.sticky-post {
    background: #dd0000;
    color: white;
}

.entry-title a:hover,
.entry-title a:focus {
    color: #dd0000;
}

.entry-header .entry-meta::after {
    background: #dd0000;
}

.post-password-form input[type="submit"], .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus, .post-password-form input[type="submit"]:active {
    background-color: #dd0000;
}

.fa {
    color: #dd0000;
}

.btn-default {
    border-bottom: 1px solid #dd0000;
}

    .btn-default:hover, .btn-default:focus {
        border-bottom: 1px solid #dd0000;
        background-color: #dd0000;
    }

.nav-previous:hover, .nav-next:hover {
    border: 1px solid #dd0000;
    background-color: #dd0000;
}

.next-post a:hover, .prev-post a:hover {
    color: #dd0000;
}

.posts-navigation .next-post a:hover .fa, .posts-navigation .prev-post a:hover .fa {
    color: #dd0000;
}


#secondary .widget-title {
    border-left: 3px solid #dd0000;
}

#secondary .widget a:hover,
#secondary .widget a:focus {
    color: #dd0000;
}

#secondary .widget_calendar tbody a {
    background-color: #dd0000;
    color: #fff;
    padding: 0.2em;
}

    #secondary .widget_calendar tbody a:hover {
        background-color: #dd0000;
        color: #fff;
        padding: 0.2em;
    }

.site-header {
    background-size: cover;
    background-position: center;
    height: 300px;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(182,182,182,0.3);
    -moz-box-shadow: 0px 0px 2px 1px rgba(182,182,182,0.3);
    box-shadow: 0px 0px 2px 1px rgba(182,182,182,0.3);
}

@media (min-width: 768px) and (max-width: 1024px) {
    .site-header {
        background-size: cover;
        background-position: center;
        height: 350px;
    }
}

@media (max-width: 767px) {
    .site-header {
        background-size: cover;
        background-position: center;
        height: 300px;
    }
}

@media (max-width: 359px) {
    .site-header {
        background-size: cover;
        background-position: center;
        height: 200px;
    }
}
.active {
    font-weight: bold;
    color:green
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .nav-link.show,  .navbar-nav .show>.nav-link{

    color:grey;

}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {

    color:black;

}

 

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {

    color:black;

}

 

.navbar-dark .navbar-nav .nav-link {

    color:red;

}

.nav > li > a:hover {

    position: relative;

    display: block;

    padding: 10px 15px;

    color: red;

    font-family: Verdana, Geneva, Tahoma, sans-serif;

    font-weight: bold;

}

.navbar-nav .nav-link {

    padding-right: 0;

    padding-left: 0;

}

.nav-link:focus, .nav-link:hover {

    text-decoration: none;

}

.nav > li > a {

    position: relative;

    display: block;

    padding: 10px 15px;

    color: white;

    font-family: Verdana, Geneva, Tahoma, sans-serif;

    font-weight: bold;

}

.nav-link {

    display: block;

    padding: .5rem 1rem;

}

.navbar-nav {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

}

.nav {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

}