/* stylelint-disable selector-list-comma-newline-after */

body {
    font-family: 'Nunito Sans', sans-serif;
    color: #3D3D3D;
}

::selection {
    background: #FF6633;
}

p {
    line-height: 1.5;
}

.blog_content p,li {
    line-height: 1.8 !important;
}

.blog_content img {
    width: 100%;
}

.blog_content p:first-child:first-letter {
    float: left;
    font-size: 4em;
    margin: 0 .1em 0 0;
    line-height: 0.85;
}

.underlined_links a {
    color: #3D3D3D;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #606060
}

.no_underline_links a {
    color: #3D3D3D;
    font-weight: bold;
    text-decoration: none !important;
}

a:hover {
    color: #FF6633;
    text-decoration-color: #FF6633;
}

.background_accent_color {
    background-color: #FF6633;
}

.foreground_accent_color {
    color: #FF6633 !important;
}

.outline_accent_color {
    border-color: #FF6633;
}

.blog-header {
    line-height: 1;
}

.blog-header-logo {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif;
    font-size: 2.25rem;
}

.blog-header-logo:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    /*font-family: "Playfair Display", Georgia, "Times New Roman", serif;*/
}

.display-4 {
    font-size: 2.5rem;
}
@media (min-width: 768px) {
    .display-4 {
        font-size: 3rem;
    }
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

.nav-scroller .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
}

.card-img-right {
    height: 100%;
    border-radius: 0 3px 3px 0;
}

.flex-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
    .h-md-250 { height: 250px; }
    .h-md-300 { height: 300px; }
    .h-md-350 { height: 350px; }
}

/* Pagination */
.blog-pagination {
    margin-bottom: 4rem;
}
.blog-pagination > .btn {
    border-radius: 2rem;
}

/*
 * Blog posts
 */
.blog-post {
    margin-bottom: 4rem;
}
.blog-post-title {
    margin-bottom: .25rem;
    font-size: 2rem;
}
.blog-post-meta {
    margin-bottom: 1.25rem;
    color: #999;
}

/*
 * Footer
 */
.blog-footer {
    padding: 2.5rem 0;
    color: #212121;
    /*text-align: center;*/
    background-color: #f9f9f9;
    border-top: .05rem solid #e5e5e5;
}
.blog-footer p:last-child {
    margin-bottom: 0;
}

h2 > a {
    color: black;
}

.hero_image {
    text-align: center;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
}

.card_hero_image {
    text-align: center;
    width: 100%;
    min-height: 150px;
    background-size: cover;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .hero_image {
        background-size: contain !important;
    }
}

dfn {
    font-style: normal;
}

.definition {
    text-decoration:underline;
    text-decoration-style: dotted;
}

.popover-body {
    font-family: 'Nunito Sans', sans-serif;
    color: #3D3D3D;
}

.cropcircle {
    min-height: 100px;
    border-radius: 100%;
    background: #eee no-repeat center;
    background-size: cover;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem
}

.bd-callout h4 {
    margin-top: 0;
    margin-bottom: .25rem;
    font-variant-caps: all-small-caps;
    line-height: inherit;
}

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

.bd-callout code {
    border-radius: .25rem
}

.bd-callout+.bd-callout {
    margin-top: -.25rem
}

.bd-callout-info {
    border-left-color: #FF6633
}

.bd-callout-info h4 {
    color: #FF6633
}

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

.bd-callout-warning h4 {
    color: #f0ad4e
}

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

.bd-callout-danger h4 {
    color: #d9534f
}

.bd-callout-primary{
    border-left-color: #007bff
}

.bd-callout-primaryh4 {
    color: #007bff
}

.bd-callout-success{
    border-left-color: #28a745
}

.bd-callout-successh4 {
    color: #28a745
}

.bd-callout-default{
    border-left-color: #6c757d
}

.bd-callout-defaulth4 {
    color: #6c757d
}

/* Collapsible panel styles */
.clickable-header {
    cursor: pointer;
}