/**
COLORS:
- blue: #153F83
- red: #E81B23
- tan: #DDCCB9
 */


/* GENERAL
***********************************************************************************/
section {
    padding-top:50px;
    padding-bottom:50px;
}

/* TEXT
***********************************************************************************/
.text-primary {
    color: #153F83!important;
}
.text-secondary {
    color: #22884C!important;
}
.cursive {
    font-family: "Homemade Apple", cursive;
    font-weight: 400;
    font-style: normal;
}

/* BACKGROUND COLORS
***********************************************************************************/
.bg-primary {
    background-color: #153F83!important;
}
.bg-secondary {
    background-color: #22884C!important;
}
.bg-tan {
    background-color: rgba(221, 204, 185, 0.4) !important;
}

/* BUTTONS
***********************************************************************************/
.btn-primary {
    background-color: #153F83;
    border:1px solid #153F83;
}
.btn-primary:hover {
    background-color: #172d52;
    border:1px solid #172d52;
}
.btn-secondary {
    background-color: #22884C;
    border:1px solid #22884C;
}
.btn-secondary:hover {
    background-color: #1b5d36;
    border:1px solid #1b5d36;
}

/* NAVBAR
***********************************************************************************/
.navbar {
    height:100px;
}
.navbar-logo {
    max-height:50%;
    height:90px;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #dc3545;
}
.nav-link {
    color:#153F83;
    font-weight:600;
}
.nav-link:hover {
    color: #dc3545
}

/* HERO
***********************************************************************************/
.hero {
    position: relative;
}

.hero-background-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.hero-overlay {
    /*background-color: rgba(255,255, 255, 0.414);*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.hero-card {
    background-color:rgba(255,255,255,0.7);
    /*backdrop-filter: blur(0px);*/
    border:0;
}

.hero .container, .hero .container-fluid {
    position: relative;
    z-index: 4;
}


.framed-photo {
    border: 5px solid #ffffff;
}
.tilt-right {
    transform: rotate(2deg);
}
.tilt-left {
    transform: rotate(-2deg);
}
@media screen and (max-width:800px) {
    .tilt-right {
        transform: rotate(0deg);
    }
    .tilt-left {
        transform: rotate(0deg);
    }
}
.rounded-photo {
    border-radius:50%;
    max-width:100%;
}