html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

a {
    color: inherit;
    text-decoration: underline;
}

    a:visited {
        text-decoration: underline;
    }

    a:hover {
        color: GrayText;
    }

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    min-height: 100%;
    position: relative;
}

body {
    margin-bottom: 60px;
}

main {
    font-size: 1.4rem;
}

.jumbotron {
    overflow: hidden;
    position: relative;
}

    .jumbotron img {
        border-radius: 10px;
        height: auto;
        object-fit: cover;
        width: 100%;
    }

.form-group {
    padding-top: 10px;
    /* Change the value as needed */
}

/* created to limit size of defaul data time field in form */

.input-max-width {
    max-width: 300px;
    width: 100%;
}

/* start styles for telerik editor & BLOG pages */

.blog-sub-post {
    font-size: 20px;
}

.blog-sub-post-date {
    font-size: 18px;
}

.wrap-image-left {
    float: left;
    margin-top: .5rem;
    margin-right: 1rem;
    margin-bottom: .5rem;
}

.wrap-image-right {
    float: right;
    margin-top: .5rem;
    margin-left: 1rem;
    margin-bottom: .5rem;
}

    .wrap-image-left img, .wrap-image-right img {
        max-width: 100%;
        /* ensures the image is never wider than its container */
        height: auto;
        /* maintains the aspect ratio of the image */
        border-radius: 10px;
    }

.wrap-image-left img {
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 10px;
}

.wrap-image-right img {
    margin-left: 8px;
    margin-bottom: 8px;
    border-radius: 10px;
}

.responsive-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .responsive-image img {
        border-radius: 6px;
    }

.responsive-span {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .responsive-span img {
        max-width: 100%;
        height: auto;
        display: block;
        border-radius: 6px;
    }

.thumbnail {
    cursor: pointer;
}

/* end stlyes for telerik editor*/

/*embed for repsonsive youtube videos*/

.embed-responsive {
    position: relative;
    padding-bottom: 56.25%;
    /* For a 16:9 aspect ratio, use 56.25% */
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-responsive-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*end embed for repsonsive youtube videos*/

/*@* Modal windows for index page images blogs-featured images etc *@*/

.modal-content.modal-custom {
    min-width: 900px;
    max-width: 1200px;
    width: auto;
}

@media (max-width: 800px) {
    .modal-content.modal-custom {
        min-width: 10%;
    }
}

@media (max-width: 500px) {
    .modal-content.modal-custom {
        max-width: 100%;
    }
}

/* honey pot hide field on contact page */
.hide {
    display: none;
}

.navbar-nav.flex-grow-1 > .nav-item:not(:last-child) {
    padding-right: 10px;
    /* replace 10 with the amount of padding you want */
}