@font-face {
    font-family: 'Roboto-Regular';
    src: url('/Content/Roboto-Regular.ttf'); /* IE9 Compat Modes */
    src: url('/Content/Roboto-Regular.ttf') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/Roboto-Regular.ttf') format('woff'), /* Modern Browsers */
    url('/Content/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/Roboto-Regular.ttf') format('svg'); /* Legacy iOS */

    font-family: 'Roboto-Bold';
    src: url('/Content/Roboto-Bold.ttf'); /* IE9 Compat Modes */
    src: url('/Content/Roboto-Bold.ttf') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/Roboto-Bold.ttf') format('woff'), /* Modern Browsers */
    url('/Content/Roboto-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/Roboto-Bold.ttf') format('svg'); /* Legacy iOS */
}
html {
    font-family: sans-serif;
}
body {
    /*padding-top: 50px;*/
    /*padding-bottom: 20px;*/
    
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.body-content {
    padding-top:20px;
}

/*@media only screen and (max-width: 767px) {
    .nav_container {
        justify-content: center!important;
    }

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

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/
.navbar {
    min-height: 65px;
}
.navbar-header {
    display: flex;
    justify-content: center;
}
.footer {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    text-align: center;
}

.footer_links {
    list-style-type: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
}
.footer_links li a{
    margin: 0 6px;
    color: black!important;
}


.search_btn {
    background: #ddd;
    color: #666;
}

.form {
    margin-top: 15px;
}

/*Top Search Bar*/
button, input {
    overflow: visible;
}
.top_search {
    margin-left: auto;
}

.top_search input[type="text"] {
    height: 30px;
    font-size: .875rem;
    display: inline-block;
    font-weight: 100;
    border: none;
    outline: none;
    color: #555;
    padding: 3px;
    padding-right: 60px;
    width: 20px;
    background: none;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
}

.top_search input[type="text"]:focus, .top_search input[type="text"]:hover {
    width: 200px;
    border-bottom: 1px solid #BBB;
    cursor: text;
}

.top_search input[type="text"]:hover {
    border-radius: 4px;
    background: white;
}

.top_search input[type="submit"] {
    width: 22px;
    display: inline-block;
    color: red;
    float: right;
    background: url('/Content/mag_black.png') center center no-repeat;
    background-size: contain;
    text-indent: -10000px;
    border: none;
    cursor: pointer;
    opacity: 0.6;
    cursor: pointer;
    transition: opacity .4s ease;
}

.top_search input[type="submit"]:hover {
    opacity: 0.8;
}

.cta_button {font-weight: 700}

.logo {
    width: 300px;
    object-fit: contain;
    max-width: 40%;
    max-height: 80px;
}

#widget {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dm_img {
    max-height: 200px;
    object-fit: cover;
}

.dm_ul {
    justify-content: center;
}

p.disclaimer {
    font-size: .875rem;
    font-style: italic;
    font-weight: bold;
}

.img-fluid {
    width: 100%;
    height: 30vh;
    max-height: 500px;
    object-fit: cover;
    max-width: 100%;
    border-radius: 8px;
}

.featured_image {
    width: 100%;
    height: 30vh;
    max-height: 500px;
    object-fit: cover;
    max-width: 100%;
    border-radius: 8px;
}
@media only screen and (max-width:767px) {
    .nav_links {
        width: 250px
    }

    .top_search_wrapper {
        flex-direction: column;
        width: 100%
    }

    .nav_links p:last-child {
        margin: 0;
    }
}
@media only screen and (min-width: 1600px) {
    .top_search input[type="text"]:focus {
        width: 125px;
        z-index: 1;
        border-bottom: 1px solid #BBB;
        cursor: text;
    }

    .top_search input[type="submit"] {
        right: 20%;
    }
    .top_search input[type="text"] {
        right: 20%;
    }
}