@import url("https://fonts.googleapis.com/css?family=Londrina+Solid");
@import url("https://fonts.googleapis.com/css?family=Varela+Round");

.color_txt_primary { color:#030063; }
.btn_primary, .colour_blk, #nav-icon span, .side_bar, .cross { background:#030063; }
nav > ul > li > a:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin: 0 auto;
  border: 8px solid #030063;
  border-bottom: 10px solid transparent;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  width: 0px;
  opacity: 0;
  visibility: hidden;
}
nav > ul > li.active > a,
nav > ul > li:hover > a {
  background:#030063;
  color:#ffffff;
}
.cross { border:2px solid #5b5999; }

h1, h2, h3, h4, h5 { font-family:'Londrina Solid'; }
.btn, .ui.button {
  font-family:"Londrina Solid", cursive;
  font-weight: inherit !important;
}
.btn { font-size: 25px !important; }
a.btn:hover, a.btn { color: white !important; }
.btn .fa { font-size: 25px !important; }

.btn, .ui.button:not(.availabilty-button) {
  background-color: #1193f9 !important;
  color: white;
}
.scheduled-item_mdl_bottom .btn,
.scheduled-item_mdl_bottom .btn .fa,
.avail_block .btn {
  font-size: 15px !important;
}

.scheduled-item_top, .cal_bullet { background: #030063 !important; }
.shedule:after { border-right: 10px solid #030063 !important; }
.sp-heading {
  text-transform: uppercase;
  font-size: 30px;
  color: #333333;
  letter-spacing: 1px;
}
.sp-button {
  text-transform: uppercase !important;
  font-size: 20px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  letter-spacing: 1px;
}
#add-payer, #add-payer:hover {
  color: white !important;
  box-shadow: none !important;
  background-color: #1093F9 !important;
}
.ui.checkbox.importantest input:checked ~ label:before {
  background-color: #1093F9 !important;
}
.thumbs-up-icon { color: #1093F9 !important; }

@media (max-width: 767px) {
  .months #calendar-previous,
  .months #calendar-next {
    font-size: 18px !important;
    padding: 15px 10px !important;
  }

  .months #calendar-previous .q_mark,
  .months #calendar-next .q_mark {
    display: none !important;
  }
}