/* Collapsable elements styles */

.content {
  display: grid;
  grid-template-rows: 0fr;
  transition: 250ms grid-template-rows ease;
}

.icon::after {
  content: "+";
}

.toggle:checked ~ label > .icon::after {
  content: "-";
}

.toggle:checked ~ div {
  grid-template-rows: 1fr;
}

/* Smoobu calendar styles */

.multiCalendarWidget {
  max-width: 1000px !important;
  width: 100% !important;
  display: inline-table !important;
  background: rgb(249,249,249) !important;
  color: rgb(72,72,72) !important;
  font: 400 100%/1em 'Montserrat', sans-serif !important;
  margin: 0 !important;
  padding-top: 20px !important;
  border-radius: 5px;
}

.multiCalendarWidget .fullCalendar {
  width: 50% !important;
  float: left !important;
}

.multiCalendarWidget .fullCalendar.smallDevices {
  width: 100% !important;
  float: left !important;
}

.multiCalendarWidget a {
  text-decoration: none !important;
}

.multiCalendarWidget h2 {
  font-size: 1.25em !important;
  line-height: 1.25em !important;
  margin: .25em 0 !important;
}

.multiCalendarWidget h3 {
  font-size: 1.25em !important;
  line-height: 1em !important;
  margin: .33em 0 !important;
}

.multiCalendarWidget .singleCalendarWidget, .multiCalendarWidget .singleCalendarWidget h2 {
  text-align: center !important;
  margin-left: 1.25em !important;
  margin-right: 1.25em !important;
}

.multiCalendarWidget .singleCalendarWidget .header, .multiCalendarWidget .singleCalendarWidget h2 .header {
  position: relative !important;
}

.multiCalendarWidget .singleCalendarWidget .header div, .multiCalendarWidget .singleCalendarWidget h2 .header div {
  position: relative !important;
}

.multiCalendarWidget .singleCalendarWidget h2, .multiCalendarWidget .singleCalendarWidget h2 h2 {
  text-transform: uppercase !important;
}

.multiCalendarWidget .singleCalendarWidget table, .multiCalendarWidget .singleCalendarWidget h2 table {
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.multiCalendarWidget .singleCalendarWidget table thead, .multiCalendarWidget .singleCalendarWidget h2 table thead {
  font-weight: 600 !important;
  color: rgb(72,72,72) !important;
  /*text-transform: uppercase !important;*/
}

.multiCalendarWidget .singleCalendarWidget table tbody, .multiCalendarWidget .singleCalendarWidget h2 table tbody {
  /*color: #7c8a95 !important;*/
  color: black !important;
}

.multiCalendarWidget .singleCalendarWidget table tr, .multiCalendarWidget .singleCalendarWidget h2 table tr {
  width: 100% !important;
}

.multiCalendarWidget .singleCalendarWidget table td, .multiCalendarWidget .singleCalendarWidget h2 table td {
  padding: 0 !important;
  box-sizing: border-box;
  height: 4.2em !important;
  line-height: 4.2em !important;
  text-align: center !important;
}

.multiCalendarWidget .singleCalendarWidget table td.normal, .multiCalendarWidget .singleCalendarWidget h2 table td.normal {
  background-color: rgb(237,172,100) !important;
}

.multiCalendarWidget .singleCalendarWidget table td.arrival, .multiCalendarWidget .singleCalendarWidget h2 table td.arrival {
  background: linear-gradient(to right bottom, rgb(249,249,249) 50%, rgb(237,172,100) 50%) !important;
}

.multiCalendarWidget .singleCalendarWidget table td.departure, .multiCalendarWidget .singleCalendarWidget h2 table td.departure {
  background: linear-gradient(to right bottom, rgb(237,172,100) 50%, rgb(249,249,249) 50%) !important;
}

.multiCalendarWidget .singleCalendarWidget table td.current-day, .multiCalendarWidget .singleCalendarWidget h2 table td.current-day {
  border: 2px solid rgb(170,132,83) !important;
}

.multiCalendarWidget .btn-prev, .multiCalendarWidget .btn-next {
  border-radius: 50% !important;
  color: #cbd1d2 !important;
  height: 2em !important;
  font-size: 1em !important;
  line-height: 1.6em !important;
  margin: -0.75em !important;
  position: absolute !important;
  top: 32% !important;
  width: 2em !important;
}

.multiCalendarWidget .btn-prev.smallDevices, .multiCalendarWidget .btn-next.smallDevices {
  top: -1.25em !important;
}

.multiCalendarWidget .btn-prev {
  left: 1.6em !important;
}

.multiCalendarWidget .btn-prev.smallDevices {
  left: 1em !important;
}

.multiCalendarWidget .btn-next {
  right: 1.6em !important;
}

.multiCalendarWidget .btn-next.first {
  display: none !important;
}

.multiCalendarWidget .btn-next.smallDevices {
  right: 1em !important;
}

.multiCalendarWidget .btn-next.smallDevices.first {
  display: inherit !important;
}

.multiCalendarWidget .btn-next.smallDevices.last {
  display: none !important;
}

.multiCalendarWidget .logo {
  /*float: right;*/
  /*margin: 15px 20px 15px 15px;*/
  visibility: hidden;
}