@font-face {
    font-family: "Agrandir";
    src: url(Agrandir-Regular.otf) format("opentype");
}
@font-face {
    font-family: "Tek Arabic Condensed";
    src: url(impact.ttf) format("truetype");
}

body {
    background-color: #e4e2dd;
    background-image: url('background.png');
    font-family: Arial, sans-serif;
}

.boldfont {
    font-family: 'Tek Arabic Condensed';
}

.plainfont {
    font-family: 'Agrandir';
}

td.datecell {
    width: 10%;
    padding: 20px 15px;
}

table, td, tr, th {
    border-bottom: 10px solid rgba(228,226,221,1);
    border-collapse: collapse;
}

.page-title {
    font-family: 'Tek Arabic Condensed';
}

.description {
    width: max-content;
    padding: 0px 0px 0px 25px;
}

.pagewide {
    width: 100%;
    float: left;
}

.sidebar {
    width: 25%;
    float: left;
}

.main-top, .main {
    width: 50%;
    float: left;
}

.header {
    padding: 20px;
}

.main {
   padding-bottom: 100px;
}

.centered-text {
    text-align: center;
}

.default, .bg-default {
    color: inherit;
    background-color: inherit;
}

.bg-black, .bg-red, .bg-green {
    color: #e4e2dd;
}

.bg-black {
    background-color: black;
}

.bg-red {
    background-color: #9c1212;
}

.bg-green {
    background-color: #337027;
}

.black {
    color: black;
}

.red {
    color: #9c1212;
}

.green {
    color: #337027;
}

.day {
    font-size: 50pt;
}

.title {
    font-size: 35pt;
}

.weekday, .form-label {
    font-size: 20pt;
}

.minor-text {
    font-size: 18pt;
}

.small-text {
    font-size: 15pt;
}

@media only screen and (max-width: 768px) {
    .title {
        font-size: 25pt;
    }

    .sidebar, .main {
        width: 100%;
    }

    .main {
        padding-bottom: 0px;
    }
  }

.flyer-link {
    background-color: #9c1212;
    color: #e4e2dd;
    font-weight: bold;
    padding: 20px;
    font-size: 20pt;
    margin: 5px;
    text-align: center;
}

.flyer-link a {
    text-decoration: none;
    color: inherit;
}