body {
    font-size: 20px;
    background-color: #FBFBFB;
    /* background-image: url("../jpg/Profile1.jpg");
    background-repeat: repeat; */
}

.index-body {
    background: url('../jpg/LandingBackground.jpg') no-repeat right center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.wf-loading * {
    opacity: 0;
}

.navbar {
    border-bottom: #1F7774 solid 1px;
}

.navbar-brand {
    font-family: 'Clicker Script', cursive;
    font-size: 1.875em;
    padding-top: 0em;
    padding-bottom: 0em;
}

.navbar-custom .navbar-brand {
    color: rgb(33, 37, 41);
}

.navbar-custom .navbar-nav .nav-link {
    color: rgb(33, 37, 41);
}

.navbar-custom .navbar-toggler-icon {
    color: rgb(33, 37, 41) !important;
}

.cover-container {
    max-width: 42em;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 1em;
}

.footer {
    font-size: 0.5em;
    border-top: #1F7774 solid 1px;
}

.parallax {
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }        
.parallax1 {
    /* The image used */
    background-image: url("../jpg/background.jpg");

    /* Set a specific height */
    min-height: 500px;
}        
.parallax2 {
    /* The image used */
    background-image: url("../jpg/landing-background.jpg");
    background-position: right;

    /* Set a specific height */
    min-height: 500px;
} 
.card-body {
    margin-left: 0.75em;
    margin-right: 0.75em;
}       
.quote-top {
    position: absolute; 
    height: 1.4em; 
    top: -0.7em; 
    left: 0.35em; 
    padding-left: 0.3em; 
    padding-right: 0.5em; 
    font-size: 150%; 
    font-weight:900; 
    font-style: italic; 
    font-family:'Times New Roman', Times, serif;
    border: 1px solid rgba(0, 0, 0, 0.125);
    background: white;
}

.required-label:after {
    content: "*";
    color: red;
}

.required-instruction:before {
    content: "*";
    color: red;
}

.landing-name {
    font-family: 'Clicker Script', cursive;
    font-size: 4em;
    padding-top: 0em;
    padding-bottom: 0em;
}

.btn-outline-white {
    color: rgb(33, 37, 41);
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}

.btn-outline-white:hover {
    color: rgb(255, 255, 255);
    background-color: transparent;
    border-color: rgb(255, 255, 255);
}

.bi {
    color: rgb(33, 37, 41);
}

a {
    color: rgb(33, 37, 41);
}

a:hover {
    color: rgba(0, 0, 0, 0.7);
}

a.bi-facebook:hover {
    color: rgb(59, 89, 152);
}

a.bi-instagram:hover {
    color: rgb(193, 53, 132);
}

a.bi-twitter:hover {
    color: rgb(29, 161, 242);
}

a.bi-youtube:hover {
    color: rgb(255, 0, 0);
}

a.bi-cloud-fill:hover {
    color: rgb(254, 80, 0);
}

a.bi-envelope-fill:hover {
    color: rgb(241, 213, 146);
    text-decoration-color: rgba(0, 0, 0, 0.7);
}

footer-tag {
    color: rgb(33, 37, 41);
}

footer-tag:hover {
    color: rgba(0, 0, 0, 0.7);
}
footer-tag::after {
    content: attr(data-domain);
}

footer-tag::before {
    content: attr(data-user) "\0040";
}

.gallery .card {
    overflow: hidden;
}

.gallery .card-img {
    transform-origin: 50% 50%;
    transform: scale(1.02) translateX(-1%);
    transition: transform .25s, visibility .25s ease-in;
}

.gallery .card-img:hover {
    transform: scale(1.02) translateX(1%);
}
.gallery2 .card-img {
    transform-origin: 50% 50%;
    
    transition: transform .25s, visibility .25s ease-in;
    filter: brightness(95%);
}

.gallery2 .card-img:hover {
    transform: scale(1.05);
    filter: brightness(100%);
}

.video .embed-responsive-item {
    aspect-ratio: 16/9;
    border-radius: .25rem;
}

.audio .embed-responsive-item {
    border-radius: .25rem;
}

.audio .card-footer {
    font-size: 0.5em;
}

.navbar-offset {
    position: relative;
    top: -90px;
}