@font-face {
    font-family: 'Poppins SemiBold';
    src: url('/static/fonts/poppins/Poppins-SemiBold.woff2') format('woff2'),
        url('/static/fonts/poppins/Poppins-SemiBold.woff') format('woff'),
        url('/static/fonts/poppins/Poppins-SemiBold.ttf') format('truetype'),
        url('/static/fonts/poppins/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins Regular';
    src: url('/static/fonts/poppins/Poppins-Regular.woff2') format('woff2'),
        url('/static/fonts/poppins/Poppins-Regular.woff') format('woff'),
        url('/static/fonts/poppins/Poppins-Regular.ttf') format('truetype'),
        url('/static/fonts/poppins/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Body */

body {
    font-family: 'Poppins Regular';
    color: #1c1c1c;
    counter-reset: li;
}

.card {
    margin: 2rem 0 1rem 0;
}

footer.page-footer {
    font-family: 'Poppins Regular';
    color: #1c1c1c;
    background-color: #ebecf0;
}

footer.page-footer .links-left,
footer.page-footer .links-right {
    float: left;
}

footer.page-footer .links-right {
    margin-left: 20px;
}

/* COVID Card */

footer.page-footer .covid-button {
    position: fixed;
    z-index: 999999;
    right: 20px;
    bottom: 20px;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 15px 15px 15px 15px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    text-align: center;
}

strong {
    font-weight: bolder !important;
}

footer.page-footer .covid-card {
    position: fixed;
    z-index: 999999;
    right: 20px;
    bottom: 20px;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    width: 20%;
}

footer.page-footer .covid-card .text {
    float: left;
}

footer.page-footer .covid-card .close {
    float: right;
}

footer.page-footer a.open,
footer.page-footer a.close {
    cursor: pointer;
}

footer.page-footer .covid-card .text p.flow-text {
    font-size: 20px;
}

footer.page-footer .covid-button .card-title {
    vertical-align: super;
}

/* Fonts */

h1,
h2,
h3,
h4,
h5,
h6,
.card-title,
nav li a,
.sidenav li a,
footer.page-footer li a,
p a,
.card-content li a,
span.paypal-link,
main.faq li.collection-item b,
main.faq li.collection-item a,
footer.page-footer .covid-card .text p.flow-text a {
    font-family: 'Poppins SemiBold';
}

p,
.card-content li,
main.privacy li {
    font-size: 20px;
}

ul#dropdown1.dropdown-content a,
ul#dropdown1.dropdown-content a,
p.flow-text {
    font-family: 'Poppins Regular';
}

footer.page-footer .links-left a,
footer.page-footer .links-right a {
    font-size: 16px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky+.content {
    padding-top: 80px;
}

.banner,
.nav-padding {
    padding-top: 80px;
}


/* Dropdowns */

ul#dropdown1.dropdown-content {
    width: 165px !important;
    left: 1226px !important;
}

.dropdown-content li>a,
.dropdown-content li>span,
ul#dropdown1.dropdown-content a,
p a,
.card-content li a,
span.paypal-link,
main.faq li.collection-item a,
footer.page-footer a,
footer.page-footer .covid-card .text p.flow-text a {
    color: #C49A69 !important;
}

/* Colors and Typography */

.bronze.background {
    background-color: #C49A69;
}

.bronze.text {
    background-color: #C49A69;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
    color: #C49A69;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
    color: #000000
}

.form-divider {
    height: 3px;
    background-color: #C49A69;
    margin: 40px 0;
}

.spacer {
    padding: 5px 0
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
textarea.materialize-textarea:focus,
input[type=text].valid,
input[type=email].valid,
input[type=tel].valid,
input[type=password]:focus,
input[type=password].valid {
    border-bottom: 1px solid #C49A69 !important;
    box-shadow: 0 1px 0 0 #C49A69 !important;
}

.input-field .prefix.active,
label.active {
    color: #C49A69 !important;
}

[type="radio"]:checked+span:after {
    background-color: #C49A69 !important;
    border: 2px solid #C49A69 !important;
}

[type="radio"]:checked+span,
[type="radio"]:not(:checked)+span {
    padding: 0 20px 0 30px !important;
}

[type="checkbox"]:checked+span:not(.lever):before {
    border-right: 2px solid #C49A69 !important;
    border-bottom: 2px solid #C49A69 !important;
}

.btn,
.btn-large,
.btn-small,
.datepicker-date-display,
.datepicker-table td.is-selected {
    background-color: #C49A69 !important;
}

.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done {
    color: #C49A69 !important
}

.footer-logo {
    margin: 25px 0 0 0;
}

.podcasts-container .castbox {
    float: left;
}

.podcasts-container .spotify {
    float: right;
}

.row .podcasts-container .castbox-logo,
.row .podcasts-container .spotify-logo,
.row .sermons-container .youtube-logo {
    width: 200px;
    float: left;
    padding: 0 0 20px 0;
}

.row .podcasts-container .logo-holder {
    height: 100px;
}

.row .sermons-container .logo-holder {
    height: 70px;
}

.row .podcasts-container .podcast-text,
.row .podcasts-container .links {
    float: left;
    padding: 0 0 20px 0;
}

.row .sermons-container .links {
    padding: 0 0 20px 0;
}

.row .podcasts-container .links a {
    float: left;
}

/* Maps */

main.contact div#map {
    height: 400px;
}

main.contact .map {
    margin: 7px 0 10px 0;
}

/* FAQ Items */

main.faq li.collection-item,
main.privacy li {
    counter-increment: li;
    display: list-item;
    font-weight: normal;
    margin: 10px 20px;
}

main.faq li.collection-item::marker {
    display: list-item;
    content: "#"counter(li) " ";
    color: #C49A69;
    font-family: "Poppins SemiBold";
}

main.privacy li::marker {
    display: list-item;
    content: "*";
    color: #C49A69;
    font-family: "Poppins SemiBold"
}

@media only screen and (max-width: 1200px) {
    footer.page-footer .covid-card {
        width: 30%;
    }
}

@media only screen and (max-width: 992px) {
    footer.page-footer .covid-card {
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    footer.page-footer .covid-card {
        width: auto;
        margin: 0 5px 0 25px;
    }
}

.equal-col-height {
  display: flex;
  flex-wrap: wrap;
}