/*-----------------**
|  Global variables  |
**-----------------*/
/*****************
* Theming colors *
*****************/
/*----------------------------------------------------------**
|  Protype base variabelen voor de skin.css = prototype skin  |
**----------------------------------------------------------*/
/*******
* Grid *
*******/
/********
* Links *
********/
/**************
* transitions *
**************/
/************
* separator *
************/
/*-----------------------------**
|  Variables protype typography  |
**-----------------------------*/
/*---------------**
|  Globale option  |
**---------------*/
/* color output */
/* Scafolding */
/*--------------------------------**
|  Globale base colors for theming  |
**--------------------------------*/
/*-----------------------**
|  Globale base variables  |
**-----------------------*/
/*---------------------**
|  Globale base z-index  |
**---------------------*/
/*-------------------------**
|  Globale base Transitions  |
**-------------------------*/
/*----------------**
|  Globale Shadows  |
**----------------*/
/*------------------------**
|  Globale Spacing partial  |
**------------------------*/
/*------------------------**
|  Global base grid system  |
**------------------------*/
/*-----------------------**
|  Globale Border styling  |
**-----------------------*/
/*----------------------**
|  Global base separator  |
**----------------------*/
/*---------------------------**
|  Globale Base Focus styling  |
**---------------------------*/
/*----------------------**
|  Global link variables  |
**----------------------*/
/*-------------------**
|  Globale Typography  |
**-------------------*/
/* Font-family */
/*--------------------------------------------------------------------**
|  Use `inspect` for lists so that quoted items keep the quotes.        |
|  See https://github.com/sass/sass/issues/2383#issuecomment-336349172  |
**--------------------------------------------------------------------*/
/* Font weight */
/* font-size */
/* Headings style */
/*------------------**
| headings h1,h2,h3  |
**------------------*/
/*-------------------------**
|  Base variables voor Body  |
**-------------------------*/
/*--------------------**
|  Globale Breakpoints  |
**--------------------*/
/**************************************************************************
* Grid containers                                                         *
* // Define the maximum width of `.container` for different screen sizes. *
**************************************************************************/
/*--------------------------**
|  Globale Helpers variables  |
**--------------------------*/
/*---------------------------**
|  Base helper view variables  |
**---------------------------*/
/*-----------------------**
|  Globale core variables  |
**-----------------------*/
/*----------------------**
|  Global icon Variables  |
**----------------------*/
/* Icon size */
/* Icon text-padding (spacing between icon and text) */
/* Icon base styling */
/* variables base cbo font */
/*--------**w
|  New add  |
**--------*/
/* External [target="_blank"] icons base icon */
/* Inplace editing */
/*---------------------------**
|  Global core List variables  |
**---------------------------*/
/*------------------------------**
|  Global core buttons variables  |
**------------------------------*/
/*--------------------------**
|  Global core box Variables  |
**--------------------------*/
/*----------------------------**
|  Globale alert-box variables  |
**----------------------------*/
/*-----------------------**
|  Global Table Variables  |
**-----------------------*/
/*-------------------------**
|  Global overlay variables  |
**-------------------------*/
/*----------------------------------**
|  Globale navigation core variables  |
**----------------------------------*/
/* Nav-tabs */
/*--------------------------**
|  Global dropdown variables  |
**--------------------------*/
/*------------------------**
|  Global Scroll variables  |
**------------------------*/
/*----------------------------**
|  Breadcrumb Global variables  |
**----------------------------*/
/* Padding niet op a want staat inline dus op de wrapper */
/*-----------------------**
|  Global Media variables  |
**-----------------------*/
/*----------------------**
|  Global Status styling  |
**----------------------*/
/*-----------------------**
|  Globale form variables  |
**-----------------------*/
/* label variables */
/* Input variables */
/*----------------------------**
|  Global myinterest variables  |
**----------------------------*/
/*----------------------------**
|  Global favorites variables  |
**----------------------------*/
/*---------------------------------**
|  Global ticket__from-icon styling  |
**---------------------------------*/
.box-bulletin-board-react,
.box-comments-notifications {
  background-color: var(--color1-lighter);
  border-color: var(--color1-lighter);
}

/*--------------------------**
|  Global variable Accordion  |
**--------------------------*/
/*-----------------------**
|  Global steps variables  |
**-----------------------*/
/*--------------------**
|  Global variables poi  |
**--------------------*/
/*--------------------------**
|  Global taxonmie variables  |
**--------------------------*/
/*-------------------------------------------------------------------------**
|  Globale Variables for frontend-scss\scss\layout\components\_anchors.scss  |
**-------------------------------------------------------------------------*/
/*--------------------------**
|  Global Base Caret styling  |
**--------------------------*/
/*------------------------**
|  Globale Badge variables  |
**------------------------*/
/*-----------------------**
|  Global image variables  |
**-----------------------*/
/*---------------------------**
|  Global copyright variables  |
**---------------------------*/
/*------------------------------**
|  Global base loading indicator  |
**------------------------------*/
/*--------------------------------------**
|  Globale Download components variables  |
**--------------------------------------*/
/*-----------------------**
|  Globale date variables  |
**-----------------------*/
/*-------------------------**
|  Globale Toggle variables  |
**-------------------------*/
/*-------------------------**
|  Global partial variables  |
**-------------------------*/
/* Partial */
/* partial-grid layout */
/*-----------------------**
|  Global event variables  |
**-----------------------*/
/*------------------------------**
|  Global hall finder variables  |
**------------------------------*/
/* modules cordis */
/*----------------------------------------------------------------**
|  Globale variables voor de vrije content zone via de class .info  |
**----------------------------------------------------------------*/
/*-------------------------**
|  Globale Social variables  |
**-------------------------*/
/*------------------------**
|  Globale share variables  |
**------------------------*/
/*------------------------**
|  Global cookie variables  |
**------------------------*/
/*-----------------------------**
|  Global alertbanner variables  |
**-----------------------------*/
/*---------------------------**
|  Globale Contact variabelen  |
**---------------------------*/
/* Streetmap base dimensions */
/* hours styling */
/*--------------------------**
|  Global Calendar variables |
**--------------------------*/
/*------------------------------**
|  Global progress bar variables  |
**------------------------------*/
/* modules intranet */
/*--------------------------------------------**
|  Globale Prikbord / bulletin-board variables  |
**--------------------------------------------*/
/*---------------------------**
|  Globale birthday variables  |
**---------------------------*/
/*-------------------------------**
|  Global inout persons variables  |
**-------------------------------*/
/*------------------------------------------**
|  Global applications/ toepassing variables  |
**------------------------------------------*/
/* modules school */
/*-------------------------**
|  Globale header variables  |
**-------------------------*/
/*------------------------**
|  Global search variables  |
**------------------------*/
/*--------------------------------**
|  Global main structure variables  |
**--------------------------------*/
/*------------------------**
|  Global Footer variables  |
**------------------------*/
/*---------------------------**
|  Global home page variables  |
**---------------------------*/
/*-------------------------------**
|  Globale page sitemap variables  |
**-------------------------------*/
/* Global Components */
/*----------------------------------**
|  Global variables Component swiper  |
**----------------------------------*/
/* Global modules */
/*---------------------------------**
|  Global content-blocks variabelen  |
**---------------------------------*/
/*----------------------------**
|  Variable pagebuilder pb.css  |
**----------------------------*/
/*---------------------------------------**
|  Globale Variables Slideshow / bxslider  |
**---------------------------------------*/
/*-------------------------**
|  Globale variables filter  |
**-------------------------*/
/*---------------------------------------**
|  Globale Variables AI Search  |
**---------------------------------------*/
/*----------------------------------------**
|  Global Local tiles standalone variables  |
**----------------------------------------*/
/*------------------------------------**
|  Global static standalone atoz pages  |
**------------------------------------*/
/* Icordis */
/*--------------------------**
|  Globale sorting variables  |
**--------------------------*/
/*-----------------------------------------------------------------------------**
|  Variables global widget overrule + toekomst depc door vervanging pagebuilder  |
**-----------------------------------------------------------------------------*/
/*-----------**
|  Base Mixin  |
**-----------*/
/***************
* Mixin colors *
***************/
/*---------**
|  position  |
**---------*/
/*--------**
|  z-index  |
**--------*/
/*------------------------**
|  Text typography styling  |
**------------------------*/
/* Text truncate */
/* Text alignment */
/***********************
* Mixins Screenreaders *
***********************/
/*************************
* Mixin toggling content *
*************************/
/*----------------**
|  Mixin tab-focus  |
**----------------*/
/*
%focus-style-within {
	--ring-within-inset: var(--ring-inset);
    --ring-within-color: hsla(var(--hsla(var(--focus-h), var(--focus-s), var(--focus-l), var(--focus-a))-h), var(--hsla(var(--focus-h), var(--focus-s), var(--focus-l), var(--focus-a))-s), var(--hsla(var(--focus-h), var(--focus-s), var(--focus-l), var(--focus-a))-l), var(--ring-alpha-within, 0.8));
    --ring-within-color-offset: var(--ring-color-offset);
    --ring-within-width: var(--ring-width);
    --ring-within-width-offset: var(--ring-width-offset);
    --ring-within-offset-shadow: var(--ring-within-inset) 0 0 0 var(--ring-within-width-offset) var(--ring-within-color-offset);
    --ring-within-shadow: var(--ring-within-inset) 0 0 0 calc(var(--ring-within-width) + var(--ring-within-width-offset)) var(--ring-within-color); //0 0 #0000;
	box-shadow: var(--ring-within-offset-shadow, 0 0 #0000), var(--ring-within-shadow, 0 0 #0000), outputCssvar($shadow-none, shadow);
}

%focus-within  {
	&:focus-within {
		@extend %focus-style-within;
		// @include border-radius($border-radius);
    }
}
*/
/****************
* Border radius *
****************/
/*--------------------------------**
|  Border-radius mixin the new way  |
**--------------------------------*/
/************
* Gradients *
************/
/************************
* Mixin flex properties *
************************/
/*-----------**
|  mixin icon  |
**-----------*/
/*----------**
|  Mixin box  |
**----------*/
/***********
* Alertbox *
***********/
/*-----------------**
|  Mixin navigation  |
**-----------------*/
/******************
* Mixins Dropdown *
******************/
/**********
* Mixins navigations *
**********/
/*-------------------------**
|  Mixin status box styling  |
**-------------------------*/
/*------------**
|  Mixins form  |
**------------*/
/*------------**
|  Float mixin  |
**------------*/
/***************
* Mixin Scroll *
***************/
/*----------------**
|  Mixin Container  |
**----------------*/
/*-------------------**
|  Mixin Grid layouts  |
**-------------------*/
/*---------**
|  CSS grid  |
**---------*/
/*----------------------------**
|  EDIT Module Calendar  |
**----------------------------*/
.calendar {
  display: var(--display, grid);
  width: 100%;
  grid-template-columns: repeat(7, minmax(14.2%, 1fr));
  grid-template-rows: 50px;
  grid-auto-rows: 180px;
  border-top-width: var(--calendar-border-top-width, 0.1rem);
  border-top-style: var(--calendar-border-top-style, solid);
  border-top-color: var(--calendar-border-top-color, hsla(var(--color1-base-h), var(--color1-base-s), var(--color1-base-l), 15%));
  border-left-width: var(--calendar-border-left-width, 0.1rem);
  border-left-style: var(--calendar-border-left-style, solid);
  border-left-color: var(--calendar-border-left-color, hsla(var(--color1-base-h), var(--color1-base-s), var(--color1-base-l), 15%));
  border-right-width: var(--calendar-border-right-width, 0.1rem);
  border-right-style: var(--calendar-border-right-style, solid);
  border-right-color: var(--calendar-border-right-color, hsla(var(--color1-base-h), var(--color1-base-s), var(--color1-base-l), 15%));
}
.calendar__top-bar .filter__label-control input {
  --filter-label-input-display: block;
}
.calendar__top-bar .filter__label-control label {
  --padding-vertical: 0;
  --padding-horizontal: 0;
  --filter-label-text-color: var(--body-color);
  --filter-label-background-color: transparent;
  --filter-label-border-color: transparent;
  --filter-label-text-color-hover: var(--color2-base);
  --filter-label-background-color-hover: transparent;
  --filter-label-border-color-hover: transparent;
}
@media (max-width: 63.98em) {
  .calendar__view {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling for iOS */
    scrollbar-color: hsl(var(--gray-light-h), var(--gray-light-s), calc(var(--gray-light-l) - 15%)) var(--gray-light);
    scrollbar-width: thin;
  }
  .calendar__view .calendar__nav {
    width: 800px; /* Fixed width */
  }
}
.calendar__nav {
  display: var(--calendar-nav-display, flex);
  align-items: var(--align-items, center);
  justify-content: var(--justify-content, center);
  background-color: var(--calendar-background-color, var(--color1-base));
  color: var(--calendar-color, var(--white));
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 0.8rem));
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 0.8rem));
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 1.2rem));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, 1.2rem));
  border-top-left-radius: var(--border-radius-top-left, 0.9rem);
  border-top-right-radius: var(--border-radius-top-right, 0.9rem);
}
.calendar__nav--date {
  font-weight: var(--calendar-nav-font-weight, 700);
  font-size: var(--calender-nav-font-size, var(--font-size, 2.4rem));
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 1.6rem));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, 1.6rem));
}
.calendar__nav--icon {
  --icon-margin-horizontal: 0;
  --icon-size-square: 2.2rem;
}
.calendar__nav .btn-link {
  --btn-text-color: var(--white);
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--color1-dark);
  --icon-color-primary: var(--white);
  --icon-color-hover: var(--white);
  --btn-icon-color-primary: var(--white);
  --btn-icon-color-hover: var(--white);
  --btn-padding-horizontal: 1.2rem;
  --icon-color-primary: var(--white);
  --icon-color-hover: var(--white);
}
.calendar__container {
  background-color: var(--calendar-background-color, var(--white));
  border-radius: var(--calendar-border-radius, 0.6rem);
}
@media (max-width: 63.98em) {
  .calendar__container {
    width: 800px; /* Fixed width */
  }
}
.calendar__day {
  position: relative;
  z-index: 1;
  pointer-events: none;
  border-right-width: var(--calendar-border-right-width, 0.1rem);
  border-right-style: var(--calendar-border-right-style, solid);
  border-right-color: var(--calendar-border-right-color, hsla(var(--color1-base-h), var(--color1-base-s), var(--color1-base-l), 15%));
  border-bottom-width: var(--calendar-border-bottom-width, 0.1rem);
  border-bottom-style: var(--calendar-border-bottom-style, solid);
  border-bottom-color: var(--calendar-border-bottom-color, hsla(var(--color1-base-h), var(--color1-base-s), var(--color1-base-l), 15%));
  text-align: var(--text-align, right);
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 0.8rem));
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 0.8rem));
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 1.2rem));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, 1.2rem));
}
.calendar__day > span {
  margin-left: var(--margin-horizontal, var(--margin-horizontal-left, auto));
  display: var(--display, flex);
  align-items: var(--align-items, center);
  justify-content: var(--justify-content, center);
  border-radius: var(--border-radius, 10rem);
  width: var(--size-square, var(--size-width, 3.2rem));
  height: var(--size-square, var(--size-height, 3.2rem));
  min-width: var(--size-square, var(--size-width, 3.2rem));
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 0.4rem));
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 0.4rem));
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 0.4rem));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, 0.4rem));
  background-color: var(--calendar-nr-background-color, var(--white));
  border-width: var(--calendar-nr-border-width, 0.1rem);
  border-style: var(--calendar-nr-border-style, solid);
  border-color: var(--calendar-nr-border-color, var(--gray-lighter));
}
.calendar__day-name {
  background-color: var(--calendar-background-color, var(--gray-lighter));
  color: var(--calendar-color, var(--black));
  text-align: var(--text-align, center);
  align-content: center;
}
.calendar__day:nth-of-type(7n + 7) {
  border-right: 0;
}
.calendar__day:nth-of-type(n + 1):nth-of-type(-n + 7) {
  grid-row: 2;
}
.calendar__day:nth-of-type(n + 8):nth-of-type(-n + 14) {
  grid-row: 3;
}
.calendar__day:nth-of-type(n + 15):nth-of-type(-n + 21) {
  grid-row: 4;
}
.calendar__day:nth-of-type(n + 22):nth-of-type(-n + 28) {
  grid-row: 5;
}
.calendar__day:nth-of-type(n + 29):nth-of-type(-n + 35) {
  grid-row: 6;
}
.calendar__day:nth-of-type(n + 36):nth-of-type(-n + 43) {
  grid-row: 7;
}
.calendar__day:nth-of-type(7n + 1) {
  grid-column: 1/1;
}
.calendar__day:nth-of-type(7n + 2) {
  grid-column: 2/2;
}
.calendar__day:nth-of-type(7n + 3) {
  grid-column: 3/3;
}
.calendar__day:nth-of-type(7n + 4) {
  grid-column: 4/4;
}
.calendar__day:nth-of-type(7n + 5) {
  grid-column: 5/5;
}
.calendar__day:nth-of-type(7n + 6) {
  grid-column: 6/6;
}
.calendar__day:nth-of-type(7n + 7) {
  grid-column: 7/7;
}
.calendar__day.weekend {
  color: var(--calendar-color, var(--gray-light));
  background-color: var(--calendar-background-color, var(--color1-lighter));
}
.calendar__day.previousmonth, .calendar__day.nextmonth {
  color: var(--calendar-color, var(--gray-light));
  background-color: var(--calendar-background-color, var(--white));
  background-image: repeating-linear-gradient(45deg, var(--gray-lighter) 0, transparent 1px, transparent 4px, var(--gray-lighter) 5px, var(--gray-lighter) 0);
}
.calendar__day.today {
  color: var(--calendar-color, var(--color2-base));
  background-color: var(--calendar-background-color, var(--color2-lighter));
}
.calendar__task {
  position: relative;
  z-index: 2;
  height: var(--calendar-task-height, 3rem);
  padding-top: var(--calendar-task-padding-vertical, var(--calendar-task-padding-vertical-top, 0.1rem));
  padding-bottom: var(--calendar-task-padding-vertical, var(--calendar-task-padding-vertical-bottom, 0.1rem));
  padding-left: var(--calendar-task-padding-horizontal, var(--calendar-task-padding-horizontal-left, 0.1rem));
  padding-right: var(--calendar-task-padding-horizontal, var(--calendar-task-padding-horizontal-right, 0.1rem));
  font-size: var(--font-size, 1.4rem);
  border-left-width: var(--calendar-task-border-left-width, 0.3rem);
  border-left-style: var(--calendar-task-border-left-style, solid);
  border-left-color: var(--calendar-task-border-left-color, var(--color2-base));
  background-color: var(--calendar-task-background-color, hsla(var(--color2-base-h), var(--color2-base-s), var(--color2-base-l), 5%));
  align-self: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.calendar__task-link {
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 1rem));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, 1rem));
}
.calendar__task__detail {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  background: #fff;
  border: 1px solid rgba(166, 168, 179, 0.2);
  color: #000;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  z-index: 2;
}
.calendar__task__detail:after, .calendar__task__detail:before {
  bottom: 100%;
  left: 30%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.calendar__task__detail:before {
  border-bottom-color: rgba(166, 168, 179, 0.2);
  border-width: 8px;
  margin-left: -8px;
}
.calendar__task__detail:after {
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}
.calendar__task__detail h2 {
  font-size: 15px;
  margin: 0;
  color: #51565d;
}
.calendar__task__detail p {
  margin-top: 4px;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 500;
  color: rgba(81, 86, 93, 0.7);
}
.calendar__top-bar .filter__label-control {
  display: var(--filter-display, flex);
  justify-content: var(--justify-content, center);
}
.calendar__top-bar .filter__label-control input {
  --form-icon-border-width: 0.2rem;
  --icon-position-top: 0.1rem;
  width: var(--size-square, var(--size-width, 2rem));
  height: var(--size-square, var(--size-height, 2rem));
  min-width: var(--size-square, var(--size-width, 2rem));
}
@media (max-width: 47.98em) {
  .calendar__top-bar .filter__item {
    flex: 1 0 95%;
  }
}
@media (min-width: 48em) {
  .calendar__top-bar .filter__item {
    flex: 1 0 40%;
    flex-shrink: 0;
  }
}
.calendar__top-bar .filter__item .group-checkboxlist {
  width: 100%;
}
.calendar__top-bar .filter__item .list-filter {
  flex-wrap: wrap;
}
.calendar__top-bar .filter__wrapper {
  flex-wrap: wrap;
}
@media (min-width: 48em) {
  .calendar__top-bar .filter__wrapper.items-3 .filter__item {
    flex: 1 0 28%;
  }
  .calendar__top-bar .filter__wrapper.items-1 .filter__item {
    flex: 1 0 95%;
  }
}
.calendar__dialog {
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 0));
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 0));
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 0));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, 0));
  border-radius: var(--border-radius, 0.6rem);
  border: 0px solid transparent;
}
.calendar__dialog-content {
  position: relative;
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 1.6rem));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, 1.6rem));
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 1.6rem));
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 1.6rem));
}
.calendar__dialog-list {
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 1.6rem));
}
.calendar__dialog-btn__more {
  --btn-text-color: var(--white);
  --btn-background-color: var(--color1-base);
  --btn-border-color: var(--color1-base);
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--color2-base);
  --btn-border-color-hover: var(--color2-base);
  --icon-color-primary: var(--white);
  --icon-color-hover: var(--white);
  --btn-icon-color-primary: var(--white);
  --btn-icon-color-hover: var(--white);
}
.calendar__dialog-btn__close {
  position: var(--dialogbtn-position, absolute);
  top: var(--dialogbtn-position-top, 0rem);
  right: var(--dialogbtn-position-right, 0rem);
  bottom: var(--dialogbtn-position-bottom, auto);
  left: var(--dialogbtn-position-left, auto);
}
.calendar__dialog-btn__text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.calendar__dialog-btn__icon {
  --icon-margin-horizontal: 0;
  --icon-size-square: 3rem;
}

.month__overview {
  margin-bottom: var(--margin-vertical, var(--margin-vertical-bottom, 4rem));
}
.month__overview .date-block__entry {
  --date-border-radius-top: 0.9rem;
}
.month__heading {
  background-color: var(--calendar-background-color, var(--color1-lighter));
  padding-top: var(--padding-vertical, var(--padding-vertical-top, 1.4rem));
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 1.4rem));
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, 1.6rem));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, 1.6rem));
  border-radius: var(--border-radius, 0.6rem);
}
.month__day {
  display: var(--month-day-display, flex);
  margin-bottom: var(--margin-vertical, var(--margin-vertical-bottom, 4rem));
}
@media (max-width: 47.98em) {
  .month__day {
    flex-direction: var(--flex-direction, column);
  }
}
.month__day-heading {
  display: var(--month-day-display, flex);
  flex-grow: var(--month-day-flex-grow, 0);
  flex-shrink: var(--month-day-flex-shrink, 0);
  flex-basis: var(--month-day-flex-basis, 14rem);
}
@media (max-width: 47.98em) {
  .month__day-heading {
    --month-day-flex-basis: 5.2rem;
  }
}
@media (min-width: 48em) {
  .month__list {
    width: calc(100% - 14rem);
  }
}
.month__link {
  display: var(--display, block);
}
/*# sourceMappingURL=../../maps/layout/modules/calendar.css.map */