@charset "UTF-8";
/* CSS Document */

body {
    font-family: 'Libre Franklin', sans-serif;
    padding-top: 50px;
}

a {
    color: #336da8;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: rgba(51, 109, 168, 0.850);
}

.panel-title > a:hover,
.panel-title > a:focus,
div.panel-heading.heading-description > a:hover,
div.panel-heading.heading-description > a:focus
 {
    background-color: transparent;
    color: #A51C30;
    text-decoration: none;
}

/* Background color for navbar and dropdown menus */

.navbar-custom,
.navbar-custom .dropdown-menu {
    background-color: #A51C30;
    border-bottom-color: rgba(51, 109, 168, 0.850);
}

/* Text color for navbar and dropdown menus */

.navbar-custom .navbar-brand,
.navbar-custom .navbar-text,
.navbar-default .navbar-nav > li > a,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item,
.navbar-default .navbar-custom,
li.dropdown,
a.dropdown-toggle,
a#download {
    color: #fff;
}

/* Background and text colors for current page link and links on hover and focus */

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #731422;
    color: #fff;
}

/*Don't use darker bg for brand or dropdown open*/

.navbar-header a.navbar-brand:hover,
li.dropdown.open a#download.dropdown-toggle {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #A51C30;
}

/* Border and text colors for menu icon on small screens */

.custom-toggler.navbar-toggler,
.navbar-default .navbar-toggle {
    border-color: #ecf0f1;
    color: #fff;
}

/* Hamburger icon - use same rgb values as previous rule for stroke */

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(236,240,241, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

#hero {
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
    margin-bottom: 2rem;
}

#hero-heading {
    position: absolute;
    left: 20%;
    top: 15%;
}

#hero-heading h1 {
    color: #fff;
    font-size: 6rem;
    font-weight: 700;
}

#hero-heading h2 {
    color: #fff;
    font-size: 3rem;
    font-weight: 300;
}


/* hero heading responsive sizes */

@media screen and (min-width:320px) {
    #hero-image {
    /* hack to prevent from cropping too short on small screens */
    min-height: 11rem;
    }
    #hero-heading {
        position: absolute;
        left: 8%;
        top: 1%;
    }
    #hero h1 {
        font-size: 2.25rem;
        margin-bottom: 0;
    }
    #hero h2 {
        font-size: 1.25rem;
        margin-top: 0;
    }
}

@media screen and (min-width:576px) {
    #hero-heading {
        position: absolute;
        left: 20%;
        top: 15%;
    }
    #hero h1 {
        font-size: 3.5rem;
    }
    #hero h2 {
        font-size: 1.75rem;
    }
}

@media screen and (min-width:768px) {
    #hero-heading {
        position: absolute;
        left: 15%;
        top: 8%;
    }
    #hero h1 {
        font-size: 5rem;
    }
    #hero h2 {
        font-size: 2.5rem;
    }
}

@media screen and (min-width:992px) {
    #hero-heading {
        position: absolute;
        left: 15%;
        top: 10%;
    }
    #hero h1 {
        font-size: 6rem;
    }
    #hero h2 {
        font-size: 3rem;
    }
}

@media screen and (min-width:1200px) {
    #hero-heading {
        position: absolute;
        left: 20%;
        top: 12%;
    }
    #hero h1 {
        font-size: 7rem;
    }
    #hero h2 {
        font-size: 3.5rem;
    }
}

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

footer {
    font-size: 0.8rem;
    background-color: rgba(51, 109, 168, 0.350);
    line-height: 1.5rem;
}

/* Bootstrap callout styling */

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code {
    border-radius: 3px;
}

.bs-callout + .bs-callout {
    margin-top: -5px;
}

.bs-callout-default {
    border-left-color: #777;
}

.bs-callout-default h4 {
    color: #777;
}

.bs-callout-primary {
    border-left-color: #428bca;
}

.bs-callout-primary h4 {
    color: #428bca;
}

.bs-callout-success {
    border-left-color: #5cb85c;
}

.bs-callout-success h4 {
    color: #5cb85c;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-danger h4 {
    color: #d9534f;
}

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

.bs-callout-warning h4 {
    color: #f0ad4e;
}

.bs-callout-info {
    border-left-color: #5bc0de;
}

.bs-callout-info h4 {
    color: #5bc0de;
}


.icon-col {
    padding-top: 20px;
    margin-top: 20px;
    padding-right: 30px;
}

.icon-col h1 {
    font-size: 3.5em;
}

.icon-primary {
    color: #428bca;
}

.icon-primary {
    color: #428bca;
}

.icon-success {
    color: #5cb85c;
}

.icon-danger {
    color: #d9534f;
}

.icon-warning {
    color: #f0ad4e;
}

.icon-info {
    color: #5bc0de;
}

/* Bootstrap accordian panels styling */

.panel-group {
    padding-top: 10px;
 }

.panel-heading.panel-heading-toggle .panel-title:after {
    font-family:'Glyphicons Halflings';
    content:"\e113";
    float: right;
}
.panel-heading.panel-heading-toggle.collapsed .panel-title:after {
    content:"\e114";
}

.panel-heading-toggle {
  cursor: pointer;
}

/* DataTables general styling */

.dataTables_processing {
    z-index: 999;
}

table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.005) !important;
}

/* Manage views general styling */

#files-collapse .panel-body {
    max-height: 600px;
    overflow: auto;
}