:root {
    --primary: #07215f;
    --secondary: rgb(238 229 215);
    --text-color: #0D1B0B;
    --text-color-2: #615E52;
    --background-color: #F8F8F8;
    --accent-color-3: #F2F1EE;
    --accent-color-4: #484848;
    --accent-color-5: #C3C3C3;
    --accent-color-6: #F7F7F7;
    --font-1: "PT Serif", serif;
    /* --font-1: "Castoro", sans-serif; */
    /* --font-2: "Cormorant", sans-serif; */
    --font-2: "PT Serif", serif;;
    --font-3: "PT Serif", serif;;

}

body {
    font-family: var(--font-1);
    color: var(--text-color);
    background-color: var(--primary);
}

h1 {
    font-size: 60px;
    font-family: var(--font-1);
}

h2 {
    font-size: 50px;
}

h3 {
    font-size: 48px;
}


h4 {
    font-size: 26px;
}

h5 {
    font-size: 18px;
    color: #000000b3;
    font-style: italic;
}

h6 {
    font-size: 20px;
    font-family: var(--font-3);
    font-weight: 300;
}
.btn{
    padding: 10px;
    border-radius: 1.5rem;
    border: 1px solid black;
}
.btn:hover{
    padding: 10px;
    background-color: black;
    color: white;
}
button,
a {
    font-size: 18px;
    font-family: var(--font-2);
}

p {
    font-size: 16px;
    font-family: var(--font-3);
    color: black;
}
.border{
    border-radius: 2rem;
}
.navbar-brand {
    font-size: 24px;
    color: white;
}

.section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.p-1{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.bg-blue {
    background-color: var(--primary);
}
.text-blue{
    color: #07215f;
}

.bg-white {
    background-color: var(--background-color);
}

.nav-link {
    color: var(--background-color);
}

.banner-wrapper {
    position: relative;
}

.banner-img {
    width: 100%;
    height: auto;
}

header{
    position: sticky !important;
    top: 0;
    z-index: 1000;
}
/* Content on image */
.banner-content {
    position: absolute;
    top: 50%;
    left: 6%;
    background-color: #ffffff73;
    padding: 2rem;
    transform: translateY(-58%);
    max-width: 400px;
    color: #000;
}
.banner-content2 {
    background-color: #ffffff73;
    padding: 2rem;
}

/* Optional styling */
.banner-content h2 {
    font-size: 48px;
    font-weight: 700;
}

.banner-content p {
    font-size: 18px;
}

.banner-content .btn {
    margin-top: 15px;
    padding: 10px 25px;
}
.navbar-toggler{
    filter: invert(1);
}

@media (max-width: 768px) {
    .banner-content {
        left: 5%;
        right: 5%;
        top: 60%;
        transform: translateY(-50%);
    }
    .banner-content2 {
        background-color: #ffffff73;
        padding: 2rem;
    }
    .banner-content2 h3 {
        text-align: center;
    }

    .banner-content h2 {
        font-size: 28px;
    }
    h3{
        font-size: 24px;
    }
    h1 {
        font-size: 40px;
    }
    h4 {
        font-size: 20px;
    }
}


/* Footer css */
.fa-brands, .fa-classic.fa-brands, .fab {
    font-size: 24px;
}
.footer {
    background-color: var(--primary);
    color: var(--background-color);
}
label{
    padding-bottom: .5rem;
}
.email label{
    color: white;
}

.wpcf7 input,
.wpcf7 textarea {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
}

.wpcf7-submit {
    background: #000;
    color: #fff;
    width: auto !important;
    border: none;
    padding: 10px 25px;
}
.wpcf7-submit:hover {
    background: white;
    color: black;
    border: 1px solid black;
    /* padding: 10px 25px; */
}

.wp-element-caption{
    text-align: center;
    background-color: #767676a3;
    margin-top: 0px;
    margin-bottom: 0px;
}
.current-menu-item{
    color: #f9f9f9;
    text-decoration: underline;
    text-underline-offset: 7px;
}
.nav-link:hover{
    color:#f9f9f9 !important;
}

.social-media-links a{
color: white;
text-decoration: none;
}