@import url("https://fonts.googleapis.com/css2?family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
p {
  font-family: "Zilla Slab", serif;
}

header h1 {
  color: #4E2A84;
  font-size: 4em;
  padding-top: 20px;
  font-family: "Zilla Slab", serif;
  font-weight: bolder;
  text-transform: uppercase;
  text-align: center;
}
header h1 span {
  font-weight: lighter;
  font-size: 0.5em;
}
header address {
  text-indent: -9999px !important;
  margin: 0;
  padding: 0px;
  height: 1px;
  line-height: 1px;
}
header h3 {
  color: #0084e6;
  font-family: "Zilla Slab", serif;
}
header a:hover {
  text-decoration: none;
}

h2 {
  color: #4E2A84;
  font-size: 1.8em;
  line-height: 1.8em;
  margin: 24px 0;
  font-family: "Zilla Slab", serif;
  text-transform: uppercase;
  font-weight: normal;
}
h2 a {
  color: #4E2A84;
  border-bottom: 1px solid #4E2A84;
}
h2 a:hover {
  text-decoration: none;
  border-bottom-color: #4E2A84;
}

h3 {
  color: #4E2A84;
  font-size: 1.4em;
  line-height: 1.4em;
  margin: 18px 0;
  font-family: "Zilla Slab", serif;
  font-weight: normal;
}
h3 a {
  color: #B08D57;
  border-bottom: 1px dashed #B08D57;
}
h3 a:hover {
  text-decoration: none;
  border-bottom-color: #B08D57;
}

h4 {
  color: rgb(126.8502024291, 100.4230769231, 59.6497975709);
  font-size: 1.1em;
  line-height: 1.1em;
  margin: 18px 0;
  font-family: "Zilla Slab", serif;
  font-weight: normal;
}
h4 a {
  color: #0084e6;
  border-bottom: 1px dashed #0084e6;
}
h4 a:hover {
  text-decoration: none;
  border-bottom-color: #0084e6;
}

.navbar {
  background-color: #4E2A84;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top: 5px solid #B08D57;
  border-bottom: 5px solid #B08D57;
  box-shadow: 0 5px 7px -3px rgba(0, 0, 0, 0.4);
  margin-bottom: 20px;
}
.navbar li a:hover {
  background-color: rgb(125.8965517241, 77.4827586207, 198.5172413793);
}

.navbar-nav .nav-link {
  color: #fff;
  font-size: 1.2em;
  font-weight: lighter;
  padding: 12px 20px;
}
.navbar-nav .nav-link a .nav-link {
  color: #4E2A84;
}

.nav a {
  color: #4E2A84;
}

.sidebar-1 .school-info-box {
  background-color: #fff;
  padding: 0 0 25px 0;
  margin-bottom: 20px;
  text-align: center;
  border: 1px solid rgb(161.5384615385, 127.8846153846, 75.9615384615);
  border-top: 8px solid #4E2A84;
  border-bottom: 8px solid #B08D57;
  border-radius: 0 18px;
  border-radius: 10px;
  box-shadow: 0 5px 14px rgba(25, 45, 60, 0.12);
}
.sidebar-1 .school-info-box p {
  font-size: 14px;
  line-height: 18px;
}
.sidebar-1 h4 {
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0 0 20px 0;
  padding: 15px 0;
  text-align: center;
  background-color: #4E2A84;
  color: #fff;
}
.sidebar-1 nav {
  background-color: #4E2A84;
  border-radius: 10px;
  border-bottom: 8px solid #B08D57;
  box-shadow: 0 5px 14px rgba(25, 45, 60, 0.12);
}
.sidebar-1 nav h2 {
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 15px 0;
  text-align: center;
  color: #fff;
  text-transform: capitalize;
}
.sidebar-1 .secondary-menu li {
  background-color: #fff;
  border-bottom: 1px dashed rgb(192.3117408907, 164.5384615385, 121.6882591093);
  border-left: 1px solid rgb(161.5384615385, 127.8846153846, 75.9615384615);
  border-right: 1px solid rgb(161.5384615385, 127.8846153846, 75.9615384615);
}
.sidebar-1 .secondary-menu li:hover {
  background-color: rgb(208.6234817814, 188.0769230769, 156.3765182186);
}
.sidebar-1 .list-group-item {
  border-width: 0 0 1px 0;
  border-color: rgb(109.5060728745, 86.6923076923, 51.4939271255);
  border-style: dashed;
}

.list-group li a {
  color: #4E2A84;
  line-height: 1.3em;
  font-size: 1em;
  padding: 12px 0;
}

.schoolsearchpage {
  margin-bottom: 18px;
  padding: 16px 18px;
  box-shadow: 0 5px 14px rgba(25, 45, 60, 0.12);
  border-radius: 10px;
  border: 1px solid #B08D57;
}
.schoolsearchpage .quick-search .searchtext {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 9px 12px;
  border: 1px solid #B08D57;
  border-radius: 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.schoolsearchpage .quick-search .searchbtn {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  margin: 0;
  padding: 9px 16px;
  color: #fff;
  background-color: #4E2A84;
  border-radius: 10px;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.schoolsearchpage .quick-search {
  position: relative;
  display: flex;
  gap: 8px;
  align-items: stretch;
  margin: 0;
  padding: 0;
}

.SearchSchoolBlock {
  margin: 0px;
}

.schooleventindexpage .calendar {
  border: 1px solid #B08D57;
  border-radius: 10px;
  border-bottom: 8px solid #B08D57;
  box-shadow: 0 5px 14px rgba(25, 45, 60, 0.12);
  padding-bottom: 25px;
}
.schooleventindexpage .calendar h4 {
  margin: 0 0 10px 0;
  color: #fff;
  background-color: #4E2A84;
  border-radius: 8px 8px 0 0;
  padding: 15px 0;
  text-align: center;
}
.schooleventindexpage .calendar p {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  -moz-column-gap: 12px;
       column-gap: 12px;
  align-items: start;
  margin: 0 16px;
  padding: 10px 0;
  line-height: 1.5em;
  font-size: 1em;
  border-bottom: 1px solid rgb(200.467611336, 176.3076923077, 139.032388664);
  color: #4E2A84;
}
.schooleventindexpage .calendar p br {
  display: none !important;
}
.schooleventindexpage .calendar p strong {
  display: flex;
  grid-column: 1;
  grid-row: 1/-1;
  width: 58px;
  min-height: 50px;
  padding: 6px 3px;
  font-size: 0 !important;
  line-height: 10px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  background-color: rgb(231.4137931034, 222.5689655172, 244.6810344828);
  border-radius: 10px;
  box-shadow: 0 5px 14px rgba(25, 45, 60, 0.12);
}
.schooleventindexpage .calendar p strong br {
  display: none;
}
.schooleventindexpage .calendar .schooleventindexpage .calendar p > br {
  display: none;
}
.schooleventindexpage .calendar a {
  color: #4E2A84;
  font-size: 95%;
  font-style: italic;
}
.schooleventindexpage .calendar .ue-event {
  grid-column: 2;
  display: block;
  min-width: 0;
  color: #4E2A84;
  font-size: 12.5px;
  line-height: 1.4;
}
.schooleventindexpage .calendar .ue-week {
  display: block;
  margin-bottom: 0;
  color: #4E2A84;
  font-size: 12px;
}
.schooleventindexpage .calendar .ue-week br {
  display: none;
}
.schooleventindexpage .calendar .ue-mos {
  display: block;
  color: #4E2A84;
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.schooleventindexpage .calendar .ue-day {
  display: block;
  margin-top: 2px;
  color: #4E2A84;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.1;
}

.news h2, .news h2 a {
  color: #4E2A84;
}

.list-group a.list-group-item h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: normal;
  margin: 5px 0;
  color: #0084e6;
}

.footer {
  padding: 20px;
  background-color: #4E2A84;
  color: #fff;
  font-size: 95%;
}
.footer p, .footer a {
  color: #fff;
  font-size: 95%;
}

.carousel-item h2 {
  color: #fff;
}

.btn-default, .Calendar-template-school .calendar-container .fc-view-container a.fc-event, .Calendar-template-school .calendar-container .fc-view-container a.fc-event.color-1 {
  background-color: #4E2A84;
  border-color: #4E2A84;
}

.btn-default:hover, .Calendar-template-school:hover .calendar-container:hover .fc-view-container a.fc-event:hover, .Calendar-template-school:hover .calendar-container:hover .fc-view-container a:hover.fc-event.color-1:hover {
  background-color: rgb(43.7068965517, 23.5344827586, 73.9655172414);
}

.btn-primary {
  background-color: #4E2A84;
  border-color: #4E2A84;
}

.btn-primary:hover {
  background-color: rgb(125.8965517241, 77.4827586207, 198.5172413793);
}

.btn-warning {
  background-color: #0084e6;
  border-color: #0084e6;
}

.btn-warning:hover {
  background-color: rgb(0, 88.0956521739, 153.5);
}

.btn-calendar {
  width: 160px;
  margin: -20px auto 0 auto;
}

.logo.has-image {
  margin: 0px;
}

.order-md-3 .htmlblock {
  background-color: #fff;
  padding: 8px;
  margin-bottom: 20px;
  text-align: center;
  border: 5px solid rgb(242.25, 242.25, 242.25);
  border-radius: 6px;
}
.order-md-3 .htmlblock h2 {
  font-size: 1.6em;
  padding: 0 15px;
}
.order-md-3 .htmlblock ul {
  margin: 0px 0px 5px 0px;
  padding: 0px;
}
.order-md-3 .htmlblock ul li {
  margin: 0px;
  padding: 5px 0px 5px 10px;
  list-style-type: none;
  border-bottom: 1px dashed rgb(191.25, 191.25, 191.25);
  text-align: left;
}
.order-md-3 .htmlblock ul li a {
  color: #4E2A84;
}/*# sourceMappingURL=main.css.map */