@import url("fonts/stylesheet.css");

:root {
    --h1: ;
    --h2: 48px;
    --h3: 40px;
    --h4: 32px;
    --h5: ;
    --h6: ;
    --body: 20px;
    --maroon: #841A1E;
    --red: #AD0303;
    --text: #051C2C;
    --grey: #333333;
    --container-padding: 60px;
    --serif: "Libre Baskerville", serif;
}

@media (max-width: 1680px) {
	:root {
    --h1: ;
    --h2: 48px;
    --h3: 40px;
    --h4: 32px;
    --h5: ;
    --h6: ;
    --body: 18px;
    --container-padding: 60px;
	}
}

.dm-sans, body, html {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.serif {
  font-family: "Libre Baskerville", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.p-10 { padding: 10px; }
.p-20 { padding: 20px; }
.p-30 { padding: 30px; }
.p-40 { padding: 40px; }
.p-50 { padding: 50px; }
.p-60 { padding: 60px; }
.p-70 { padding: 70px; }
.p-80 { padding: 80px; }
.p-90 { padding: 90px; }
.p-100 { padding: 100px; }
.p-110 { padding: 110px; }
.p-120 { padding: 120px; }
.p-130 { padding: 130px; }
.p-140 { padding: 140px; }
.p-150 { padding: 150px; }
.p-160 { padding: 160px; }
.p-170 { padding: 170px; }
.p-180 { padding: 180px; }
.p-190 { padding: 190px; }
.p-200 { padding: 200px; }

.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pt-70 { padding-top: 70px; }
.pt-80 { padding-top: 80px; }
.pt-90 { padding-top: 90px; }
.pt-100 { padding-top: 100px; }
.pt-110 { padding-top: 110px; }
.pt-120 { padding-top: 120px; }
.pt-130 { padding-top: 130px; }
.pt-140 { padding-top: 140px; }
.pt-150 { padding-top: 150px; }
.pt-160 { padding-top: 160px; }
.pt-170 { padding-top: 170px; }
.pt-180 { padding-top: 180px; }
.pt-190 { padding-top: 190px; }
.pt-200 { padding-top: 200px; }

.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-60 { padding-bottom: 60px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }
.pb-110 { padding-bottom: 110px; }
.pb-120 { padding-bottom: 120px; }
.pb-130 { padding-bottom: 130px; }
.pb-140 { padding-bottom: 140px; }
.pb-150 { padding-bottom: 150px; }
.pb-160 { padding-bottom: 160px; }
.pb-170 { padding-bottom: 170px; }
.pb-180 { padding-bottom: 180px; }
.pb-190 { padding-bottom: 190px; }
.pb-200 { padding-bottom: 200px; }

.m-10 { margin: 10px; }
.m-20 { margin: 20px; }
.m-30 { margin: 30px; }
.m-40 { margin: 40px; }
.m-50 { margin: 50px; }
.m-60 { margin: 60px; }
.m-70 { margin: 70px; }
.m-80 { margin: 80px; }
.m-90 { margin: 90px; }
.m-100 { margin: 100px; }
.m-110 { margin: 110px; }
.m-120 { margin: 120px; }
.m-130 { margin: 130px; }
.m-140 { margin: 140px; }
.m-150 { margin: 150px; }
.m-160 { margin: 160px; }
.m-170 { margin: 170px; }
.m-180 { margin: 180px; }
.m-190 { margin: 190px; }
.m-200 { margin: 200px; }

.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-110 { margin-bottom: 110px; }
.mb-120 { margin-bottom: 120px; }
.mb-130 { margin-bottom: 130px; }
.mb-140 { margin-bottom: 140px; }
.mb-150 { margin-bottom: 150px; }
.mb-160 { margin-bottom: 160px; }
.mb-170 { margin-bottom: 170px; }
.mb-180 { margin-bottom: 180px; }
.mb-190 { margin-bottom: 190px; }
.mb-200 { margin-bottom: 200px; }

.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
.mt-110 { margin-top: 110px; }
.mt-120 { margin-top: 120px; }
.mt-130 { margin-top: 130px; }
.mt-140 { margin-top: 140px; }
.mt-150 { margin-top: 150px; }
.mt-160 { margin-top: 160px; }
.mt-170 { margin-top: 170px; }
.mt-180 { margin-top: 180px; }
.mt-190 { margin-top: 190px; }
.mt-200 { margin-top: 200px; }


/* TYPOGRAPHY */
body, html {
    font-size: var(--body);
    line-height: 1.5em;
    color: var(--text);
}
h1, .h1 {
    font-size: var(--h1);
    line-height: ;
    font-family: var(--serif);
}
h2, .h2 {
    font-size: var(--h2);
    line-height: 1.25em !important;
    font-family: var(--serif);
}
h3, .h3 {
    font-size: var(--h3);
    line-height: 1.3em !important;
    font-family: var(--serif);
}
h4, .h4 {
    font-size: var(--h4);
    line-height: 1.3125em !important;
    font-family: var(--serif);
}
h5, .h5 {
    font-size: var(--h5);
    line-height: ;
    font-family: var(--serif);
}
h6, .h6 {
    font-size: var(--h6);
    line-height: ;
    font-family: var(--serif);
}
small {
    font-size: ;
    line-height: ;
}
.elementor-button, .btn.btn-default {
    font-size: ;
    line-height: ;
}
/* END TYPOGRAPHY */

/* HEADER */

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.navbar {
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 20px;
}

.navbar-brand img {
    width: 395px;
}
.bg-light {
    background-color: rgba(255,255,255,0.65) !important;
}
.navbar-nav li {
    margin-left: 12px;
}
.navbar-nav li:last-child a {
    padding-right: 0 !important;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--grey);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: var(--maroon);
}

#top-bar {
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
    height: 49px;
    background: var(--maroon);
    width: 100%;
    gap: 24px;
}

/* END HEADER */

/* CONTENT */

.header-title, .header-text {
	max-width: 700px !important;
}

/* END CONTENT */

/* FOOTER */



/* END FOOTER */