/* ----------------------------------------
   TYPOGRAPHY
---------------------------------------- */

h1 {
 font-weight: 700; 
 font-size: 48px; 
 line-height: 48px; 
 color: rgb(77, 141, 139); 
 font-family: Libre Franklin; 
}

h2 {
 font-weight: 700; 
 font-size: 36px; 
 line-height: 36px; 
 color: rgb(89, 156, 191); 
 font-family: Libre Franklin; 
}

h3 {
 font-weight: 700; 
 font-size: 32px; 
 line-height: 32px; 
 color: rgb(217, 68, 64); 
 font-family: Libre Franklin; 
}

h4 {
 font-weight: 700; 
 font-size: 28px; 
 line-height: 28px; 
 color: rgb(222, 111, 57); 
 font-family: Libre Franklin; 
}

p {
 font-weight: 400; 
 font-size: 16px; 
 line-height: 24px; 
 color: rgb(52, 52, 52); 
 font-family: Libre Franklin; 
}

/* ----------------------------------------
   BUTTONS
---------------------------------------- */

button, .button {
 font-weight: 700; 
 font-size: 18px; 
 line-height: 16px; 
 padding: 20px; 
 color: rgb(255, 255, 255); 
 background-color: rgb(217, 68, 64); 
 font-family: Arial; 
}

button:hover, .button:hover {
 background-color: rgb(234, 150, 164); 
 color: rgb(255, 255, 255); 
}

/* ----------------------------------------
   LINKS
---------------------------------------- */

a:not(.button) {
 font-weight: 400; 
 font-size: 18px; 
 line-height: 16px; 
 color: rgb(83, 152, 188); 
 font-family: Arial; 
}

a:not(.button):hover {
 color: rgb(34, 34, 34); 
}

/* ----------------------------------------
   DIARY
---------------------------------------- */

.fc-daygrid-day-number {

font-weight: 400;  font-size: 16px;  line-height: 21px;  color: rgb(83, 152, 188);  font-family: Arial; }

.fc-daygrid-day {background-color: rgb(255, 255, 255); }

.fc-day-today {background-color: rgb(241, 241, 241) !important; }

.fc-col-header-cell-cushion {font-weight: 400;  font-size: 20px;  line-height: 20px;  text-transform: capitalize;  color: rgb(255, 255, 255);  font-family: Arial; }

.fc-col-header-cell {background-color: rgb(217, 68, 64); }

.fc button {font-weight: 700 !important;  font-size: 16px !important;  line-height: 16px !important;  padding: 20px !important;  text-transform: capitalize !important;  color: rgb(0, 0, 0) !important;  background-color: rgb(240, 240, 240) !important;  border-color: rgb(255, 255, 255) !important;  font-family: Arial !important; }

.fc-toolbar {text-transform: capitalize;  color: rgb(0, 0, 0);  background-color: rgb(255, 255, 255);  font-family: Arial; }

.fc-theme-standard {}

.fc .fc-scrollgrid-section > td {border-color: rgb(255, 255, 255); }

.fc-daygrid-dot-event {font-weight: 400;  font-size: 14px;  line-height: 21px;  padding: 0px;  text-transform: capitalize;  color: rgb(83, 152, 188);  background-color: rgb(255, 255, 255);  font-family: Arial; }

.fc-h-event {font-weight: 400;  font-size: 14px;  line-height: 21px;  padding: 0px;  text-transform: capitalize;  color: rgb(255, 255, 255);  --fc-event-text-color: rgb(255, 255, 255);  background-color: rgb(115, 182, 180);  border-color: rgb(255, 255, 255);  font-family: Arial; }

.fc-daygrid-event-dot {display: block;  border-color: rgb(0, 0, 0); }


/* ----------------------------------------
   RESPONSIVE
---------------------------------------- */

@media only screen and (min-width: 1200px) {
    
.widget__content__menu {
  margin-top: 40px;
}
    
.widget__content__menu .menu > ul > li {
  margin-bottom: 15px;
}

.widget__content__menu .desktop-menu > ul > li {
  position: relative;
  padding: .5rem 1em;
}
    
    .widget__content__menu .desktop-menu > ul > li > ul > li {
  position: relative;
  padding: .5rem 1rem;
}
  
div.d--flex
  {
    padding-top: 45px;
    padding-left: 10px;
  }
}


@media (max-width: 768px) {


  h1 {
      font-size: calc(48px - 100%)
  }

  h2 {
      font-size: calc(36px - 100%)
  }

  h3 {
      font-size: calc(32px - 100%)
  }

  h4 {
      font-size: calc(28px - 100%)
  }

  h5 {
      font-size: calc(24px - 100%)
  }

  h6 {
      font-size: calc(20px - 100%)
  }

  button {
      font-size: calc(18px - 100%)
  }

  p {
      font-size: calc(16px - 100%)
  }

  a {
      font-size: calc(18px - 100%)
  }
}

@media (max-width: 576px) {
  
/* make menu burger and social widgets sit side by side */
  
  .header-logo {
  width: 80% !important;
  margin-left: 10%;
  margin-top: 30px;
  margin-bottom: 20px;
}
  
header .mobile\:col-12 {
  padding: 0px 20px 0px 20px !important;
  }
  
header.main div.widget__content__data div.d--flex
  {
   height: 40px !important; 
    margin-top: 10px;
  }
  
  .menu-icon-burger, .widget__content__menu .mobile-menu-toggle .menu-icon-close {
  margin: 5px 20px !important; 
}
  
  h1 {
      font-size: calc(48px - 100%)
  }

  h2 {
      font-size: calc(36px - 100%)
  }

  h3 {
      font-size: calc(32px - 100%)
  }

  h4 {
      font-size: calc(28px - 100%)
  }


  h5 {
      font-size: calc(24px - 100%)
  }


  h6 {
      font-size: calc(20px - 100%)
  }


  button {
      font-size: calc(18px - 100%)
  }

  p {
      font-size: calc(16px - 100%)
  }

  a {
      font-size: calc(18px - 100%)
  }
}
.sidebarBody ul.level-1 > li > a{font-family: Roboto Slab}
.sidebarBody ul.level-1 > li > a{font-size: 26px}
.sidebarBody ul.level-1 > li > a{font-weight: 600}
.sidebarBody ul.level-1 > li > a{text-transform: none}
.sidebarBody ul.level-1 > li > a{color: rgb(217, 68, 64)}
.sidebarBody ul.level-1{background-color: rgb(255, 255, 255)}
.sidebarBody ul.level-1 > li:hover > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-1 > li:hover{background-color: rgb(237, 156, 170)}
.sidebarBody ul.level-1.selected > li {background-color: rgb(237, 156, 170)}
.sidebarBody ul.level-1.selected > li > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-1 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-1 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-2 > li > a{font-family: Open Sans}
.sidebarBody ul.level-2 > li > a{font-size: 16px}
.sidebarBody ul.level-2 > li > a{font-weight: 400}
.sidebarBody ul.level-2 > li > a{text-transform: none}
.sidebarBody ul.level-2 > li > a{color: rgb(217, 68, 64)}
.sidebarBody ul.level-2{background-color: rgb(255, 255, 255)}
.sidebarBody ul.level-2 > li:hover > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-2 > li:hover{background-color: rgb(237, 156, 170)}
.sidebarBody ul.level-2.selected > li {background-color: rgb(237, 156, 170)}
.sidebarBody ul.level-2.selected > li > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-2 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-2 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-3 > li > a{font-family: Open Sans}
.sidebarBody ul.level-3 > li > a{font-size: 16px}
.sidebarBody ul.level-3 > li > a{font-weight: 400}
.sidebarBody ul.level-3 > li > a{text-transform: none}
.sidebarBody ul.level-3 > li > a{color: rgb(217, 68, 64)}
.sidebarBody ul.level-3{background-color: rgb(255, 255, 255)}
.sidebarBody ul.level-3 > li:hover > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-3 > li:hover{background-color: rgb(237, 156, 170)}
.sidebarBody ul.level-3.selected > li {background-color: rgb(237, 156, 170)}
.sidebarBody ul.level-3.selected > li > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-3 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-3 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-4 > li > a{font-family: Open Sans}
.sidebarBody ul.level-4 > li > a{font-size: 16px}
.sidebarBody ul.level-4 > li > a{font-weight: 400}
.sidebarBody ul.level-4 > li > a{text-transform: none}
.sidebarBody ul.level-4 > li > a{color: rgb(217, 68, 64)}
.sidebarBody ul.level-4{background-color: rgb(255, 255, 255)}
.sidebarBody ul.level-4 > li:hover > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-4 > li:hover{background-color: rgb(237, 156, 170)}
.sidebarBody ul.level-4.selected > li {background-color: rgb(237, 156, 170)}
.sidebarBody ul.level-4.selected > li > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-4 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-4 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-5 > li > a{font-family: Open Sans}
.sidebarBody ul.level-5 > li > a{font-size: 16px}
.sidebarBody ul.level-5 > li > a{font-weight: 400}
.sidebarBody ul.level-5 > li > a{text-transform: none}
.sidebarBody ul.level-5 > li > a{color: rgb(217, 68, 64)}
.sidebarBody ul.level-5{background-color: rgb(255, 255, 255)}
.sidebarBody ul.level-5 > li:hover > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-5 > li:hover{background-color: rgb(237, 156, 170)}
.sidebarBody ul.level-5.selected > li {background-color: rgb(237, 156, 170)}
.sidebarBody ul.level-5.selected > li > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-5 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-5 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}