/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/styles.scss?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i);
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/styles.scss?ngGlobalStyle (1) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap);
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/styles.scss?ngGlobalStyle (2) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,800;1,400;1,800&display=swap);
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/styles.scss?ngGlobalStyle (3) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,700;1,400;1,700&display=swap);
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/styles.scss?ngGlobalStyle (4) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap);
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/flatpickr/dist/flatpickr.min.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background:#fff;box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;box-sizing:border-box;-webkit-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/latte-carousel/dist/latte-carousel.min.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Latte-Carousel v1.6.1
 * https://github.com/latte-carousel/latte-carousel
 */
.latte-carousel{position:relative;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none}.latte-carousel,.latte-content{font-size:0;display:inline-block;box-sizing:border-box;width:100%;margin:0;padding:0;border:0}.latte-content{overflow:hidden}.latte-stage{position:relative}.latte-item,.latte-stage{font-size:0;display:inline-block;box-sizing:border-box;margin:0;padding:0;border:0}.latte-item{overflow:hidden}.latte-item *{font-size:medium}.latte-next,.latte-previous{position:absolute;z-index:10;top:50%;display:inline-block;box-sizing:border-box;width:0;height:0;margin:-11px 0 0;padding:10px;cursor:pointer;border:solid #333;border-width:0 2px 2px 0;background:rgba(0,0,0,0)}.latte-next.invisible,.latte-previous.invisible{display:none}.latte-previous{left:-6px;transform:rotate(135deg)}.latte-next{right:-6px;transform:rotate(-45deg)}.latte-dots{position:absolute;bottom:-25px;left:0;display:inline-block;box-sizing:border-box;width:100%;text-align:center}.latte-dots.invisible{display:none}.latte-dots .latte-dot{display:inline-block;box-sizing:border-box;width:15px;height:15px;margin:5px;cursor:pointer;border-radius:15px;background-color:#ddd}.latte-dots .latte-dot.active{background-color:#aaa}

/*# sourceMappingURL=latte-carousel.min.css.map*/
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/leaflet/dist/leaflet.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url('layers.png');
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url('layers-2x.png');
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url('marker-icon.png');
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;
	transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/leaflet.markercluster/dist/MarkerCluster.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/leaflet.markercluster/dist/MarkerCluster.Default.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/vis-timeline/dist/vis-timeline-graph2d.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
/* override some bootstrap styles screwing up the timelines css */

.vis [class*="span"] {
  min-height: 0;
  width: auto;
}

.vis-panel {
  position: absolute;

  padding: 0;
  margin: 0;

  box-sizing: border-box;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border: 1px #bfbfbf;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right {
  border-top-style: solid;
  border-bottom-style: solid;
  overflow: hidden;
}

.vis-left.vis-panel.vis-vertical-scroll, .vis-right.vis-panel.vis-vertical-scroll {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
} 

.vis-left.vis-panel.vis-vertical-scroll {
  direction: rtl;
}

.vis-left.vis-panel.vis-vertical-scroll .vis-content {
  direction: ltr;
}

.vis-right.vis-panel.vis-vertical-scroll {
  direction: ltr;
}

.vis-right.vis-panel.vis-vertical-scroll .vis-content {
  direction: rtl;
}

.vis-panel.vis-center,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border-left-style: solid;
  border-right-style: solid;
}

.vis-background {
  overflow: hidden;
}

.vis-panel > .vis-content {
  position: relative;
}

.vis-panel .vis-shadow {
  position: absolute;
  width: 100%;
  height: 1px;
  box-shadow: 0 0 10px rgba(0,0,0,0.8);
  /* TODO: find a nice way to ensure vis-shadows are drawn on top of items
  z-index: 1;
  */
}

.vis-panel .vis-shadow.vis-top {
  top: -1px;
  left: 0;
}

.vis-panel .vis-shadow.vis-bottom {
  bottom: -1px;
  left: 0;
}
.vis-timeline {
  /*
  -webkit-transition: height .4s ease-in-out;
  transition:         height .4s ease-in-out;
  */
}

.vis-panel {
  /*
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
  */
}

.vis-axis {
  /*
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
  */
}

/* TODO: get animation working nicely

.vis-item {
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
}

.vis-item.line {
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
}
/**/
.vis-current-time {
  background-color: #FF7F6E;
  width: 2px;
  z-index: 1;
  pointer-events: none;
}

.vis-rolling-mode-btn {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 7px;
  right: 20px;
  border-radius: 50%;
  font-size: 28px;
  cursor: pointer;
  opacity: 0.8;
  color: white;
  font-weight: bold;
  text-align: center;
  background: #3876c2;
}
.vis-rolling-mode-btn:before {
  content: "\26F6";
}

.vis-rolling-mode-btn:hover {
  opacity: 1;
}
.vis-graph-group0 {
    fill:#4f81bd;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #4f81bd;
}

.vis-graph-group1 {
    fill:#f79646;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #f79646;
}

.vis-graph-group2 {
    fill: #8c51cf;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #8c51cf;
}

.vis-graph-group3 {
    fill: #75c841;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #75c841;
}

.vis-graph-group4 {
    fill: #ff0100;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #ff0100;
}

.vis-graph-group5 {
    fill: #37d8e6;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #37d8e6;
}

.vis-graph-group6 {
    fill: #042662;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #042662;
}

.vis-graph-group7 {
    fill:#00ff26;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #00ff26;
}

.vis-graph-group8 {
    fill:#ff00ff;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #ff00ff;
}

.vis-graph-group9 {
    fill: #8f3938;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #8f3938;
}

.vis-timeline .vis-fill {
    fill-opacity:0.1;
    stroke: none;
}


.vis-timeline .vis-bar {
    fill-opacity:0.5;
    stroke-width:1px;
}

.vis-timeline .vis-point {
    stroke-width:2px;
    fill-opacity:1.0;
}


.vis-timeline .vis-legend-background {
    stroke-width:1px;
    fill-opacity:0.9;
    fill: #ffffff;
    stroke: #c2c2c2;
}


.vis-timeline .vis-outline {
    stroke-width:1px;
    fill-opacity:1;
    fill: #ffffff;
    stroke: #e5e5e5;
}

.vis-timeline .vis-icon-fill {
    fill-opacity:0.3;
    stroke: none;
}


.vis-timeline {
  position: relative;
  border: 1px solid #bfbfbf;
  overflow: hidden;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.vis-loading-screen {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.vis-custom-time {
  background-color: #6E94FF;
  width: 2px;
  cursor: move;
  z-index: 1;
}

.vis-custom-time > .vis-custom-time-marker {
  background-color: inherit;
  color: white;
  font-size: 12px;
  white-space: nowrap;
  padding: 3px 5px;
  top: 0px;
  cursor: initial;
  z-index: inherit;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal {
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 1px solid;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor {
  border-color: #e5e5e5;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major {
  border-color: #bfbfbf;
}


.vis-data-axis .vis-y-axis.vis-major {
  width: 100%;
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-major.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}


.vis-data-axis .vis-y-axis.vis-minor {
  position: absolute;
  width: 100%;
  color: #bebebe;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-minor.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-title {
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
  bottom: 20px;
  text-align: center;
}

.vis-data-axis .vis-y-axis.vis-title.vis-measure {
  padding: 0;
  margin: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-title.vis-left {
  bottom: 0;
  transform-origin: left bottom;
  transform: rotate(-90deg);
}

.vis-data-axis .vis-y-axis.vis-title.vis-right {
  bottom: 0;
  transform-origin: right bottom;
  transform: rotate(90deg);
}

.vis-legend {
  background-color: rgba(247, 252, 255, 0.65);
  padding: 5px;
  border: 1px solid #b3b3b3;
  box-shadow: 2px 2px 10px rgba(154, 154, 154, 0.55);
}

.vis-legend-text {
  /*font-size: 10px;*/
  white-space: nowrap;
  display: inline-block
}

.vis-labelset {
  position: relative;

  overflow: hidden;

  box-sizing: border-box;
}

.vis-labelset .vis-label {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  color: #4d4d4d;

  box-sizing: border-box;
}

.vis-labelset .vis-label {
  border-bottom: 1px solid #bfbfbf;
}

.vis-labelset .vis-label.draggable {
  cursor: pointer;
}

.vis-group-is-dragging {
  background: rgba(0, 0, 0, .1);
}

.vis-labelset .vis-label:last-child {
  border-bottom: none;
}

.vis-labelset .vis-label .vis-inner {
  display: inline-block;
  padding: 5px;
}

.vis-labelset .vis-label .vis-inner.vis-hidden {
  padding: 0;
}


.vis-itemset {
  position: relative;
  padding: 0;
  margin: 0;

  box-sizing: border-box;
}

.vis-itemset .vis-background,
.vis-itemset .vis-foreground {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.vis-axis {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  z-index: 1;
}

.vis-foreground .vis-group {
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #bfbfbf;
}

.vis-foreground .vis-group:last-child {
  border-bottom: none;
}

.vis-nesting-group {
  cursor: pointer;
}

.vis-label.vis-nested-group.vis-group-level-unknown-but-gte1 {
  background: #f5f5f5;
}
.vis-label.vis-nested-group.vis-group-level-0 {
  background-color: #ffffff;
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-0 .vis-inner {
  padding-left: 0;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-0 .vis-inner {
  padding-right: 0;
}
.vis-label.vis-nested-group.vis-group-level-1 {
  background-color: rgba(0, 0, 0, 0.05);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-1 .vis-inner {
  padding-left: 15px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-1 .vis-inner {
  padding-right: 15px;
}
.vis-label.vis-nested-group.vis-group-level-2 {
  background-color: rgba(0, 0, 0, 0.1);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-2 .vis-inner {
  padding-left: 30px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-2 .vis-inner {
  padding-right: 30px;
}
.vis-label.vis-nested-group.vis-group-level-3 {
  background-color: rgba(0, 0, 0, 0.15);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-3 .vis-inner {
  padding-left: 45px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-3 .vis-inner {
  padding-right: 45px;
}
.vis-label.vis-nested-group.vis-group-level-4 {
  background-color: rgba(0, 0, 0, 0.2);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-4 .vis-inner {
  padding-left: 60px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-4 .vis-inner {
  padding-right: 60px;
}
.vis-label.vis-nested-group.vis-group-level-5 {
  background-color: rgba(0, 0, 0, 0.25);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-5 .vis-inner {
  padding-left: 75px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-5 .vis-inner {
  padding-right: 75px;
}
.vis-label.vis-nested-group.vis-group-level-6 {
  background-color: rgba(0, 0, 0, 0.3);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-6 .vis-inner {
  padding-left: 90px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-6 .vis-inner {
  padding-right: 90px;
}
.vis-label.vis-nested-group.vis-group-level-7 {
  background-color: rgba(0, 0, 0, 0.35);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-7 .vis-inner {
  padding-left: 105px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-7 .vis-inner {
  padding-right: 105px;
}
.vis-label.vis-nested-group.vis-group-level-8 {
  background-color: rgba(0, 0, 0, 0.4);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-8 .vis-inner {
  padding-left: 120px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-8 .vis-inner {
  padding-right: 120px;
}
.vis-label.vis-nested-group.vis-group-level-9 {
  background-color: rgba(0, 0, 0, 0.45);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-9 .vis-inner {
  padding-left: 135px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-9 .vis-inner {
  padding-right: 135px;
}
/* default takes over beginning with level-10 (thats why we add .vis-nested-group
  to the selectors above, to have higher specifity than these rules for the defaults) */
.vis-label.vis-nested-group {
  background-color: rgba(0, 0, 0, 0.5);
}
.vis-ltr .vis-label.vis-nested-group .vis-inner {
  padding-left: 150px;
}
.vis-rtl .vis-label.vis-nested-group .vis-inner {
  padding-right: 150px;
}

.vis-group-level-unknown-but-gte1 {
  border: 1px solid red;
}

/* expanded/collapsed indicators */
.vis-label.vis-nesting-group:before,
.vis-label.vis-nesting-group:before {
  display: inline-block;
  width: 15px;
}
.vis-label.vis-nesting-group.expanded:before {
  content: "\25BC";
}
.vis-label.vis-nesting-group.collapsed:before {
  content: "\25B6";
}
.vis-rtl .vis-label.vis-nesting-group.collapsed:before {
  content: "\25C0";
}
/* compensate missing expanded/collapsed indicator, but only at levels > 0 */
.vis-ltr .vis-label:not(.vis-nesting-group):not(.vis-group-level-0) {
  padding-left: 15px;
}
.vis-rtl .vis-label:not(.vis-nesting-group):not(.vis-group-level-0) {
  padding-right: 15px;
}

.vis-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.vis-time-axis {
  position: relative;
  overflow: hidden;
}

.vis-time-axis.vis-foreground {
  top: 0;
  left: 0;
  width: 100%;
}

.vis-time-axis.vis-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vis-time-axis .vis-text {
  position: absolute;
  color: #4d4d4d;
  padding: 3px;
  overflow: hidden;
  box-sizing: border-box;

  white-space: nowrap;
}

.vis-time-axis .vis-text.vis-measure {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  visibility: hidden;
}

.vis-time-axis .vis-grid.vis-vertical {
  position: absolute;
  border-left: 1px solid;
}

.vis-time-axis .vis-grid.vis-vertical-rtl {
  position: absolute;
  border-right: 1px solid;
}

.vis-time-axis .vis-grid.vis-minor {
  border-color: #e5e5e5;
}

.vis-time-axis .vis-grid.vis-major {
  border-color: #bfbfbf;
}


.vis-item {
  position: absolute;
  color: #1A1A1A;
  border-color: #97B0F8;
  border-width: 1px;
  background-color: #D5DDF6;
  display: inline-block;
  z-index: 1;
  /*overflow: hidden;*/
}

.vis-item.vis-selected {
  border-color: #FFC200;
  background-color: #FFF785;

  /* z-index must be higher than the z-index of custom time bar and current time bar */
  z-index: 2;
}

.vis-editable.vis-selected {
  cursor: move;
}

.vis-item.vis-point.vis-selected {
  background-color: #FFF785;
}

.vis-item.vis-box {
  text-align: center;
  border-style: solid;
  border-radius: 2px;
}

.vis-item.vis-point {
  background: none;
}

.vis-item.vis-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}

.vis-item.vis-range {
  border-style: solid;
  border-radius: 2px;
  box-sizing: border-box;
}

.vis-item.vis-background {
  border: none;
  background-color: rgba(213, 221, 246, 0.4);
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.vis-item .vis-item-overflow {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.vis-item-visible-frame {
  white-space: nowrap;
}

.vis-item.vis-range .vis-item-content {
  position: relative;
  display: inline-block;
}

.vis-item.vis-background .vis-item-content {
  position: absolute;
  display: inline-block;
}

.vis-item.vis-line {
  padding: 0;
  position: absolute;
  width: 0;
  border-left-width: 1px;
  border-left-style: solid;
}

.vis-item .vis-item-content {
  white-space: nowrap;
  box-sizing: border-box;
  padding: 5px;
}

.vis-item .vis-onUpdateTime-tooltip {
  position: absolute;
  background: #4f81bd;
  color: white;
  width: 200px;
  text-align: center;
  white-space: nowrap;
  padding: 5px;
  border-radius: 1px;
  transition: 0.4s;
  -o-transition: 0.4s;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
}

.vis-item .vis-delete, .vis-item .vis-delete-rtl {
  position: absolute;
  top: 0px;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  padding: 0px 5px;
  cursor: pointer;
  transition: background 0.2s linear;
}

.vis-item .vis-delete {
  right: -24px;
}

.vis-item .vis-delete-rtl {
  left: -24px;
}

.vis-item .vis-delete:after, .vis-item .vis-delete-rtl:after {
  content: "\00D7"; /* MULTIPLICATION SIGN */
  color: red;
  font-family: arial, sans-serif;
  font-size: 22px;
  font-weight: bold;
  transition: color 0.2s linear;
}

.vis-item .vis-delete:hover, .vis-item .vis-delete-rtl:hover {
  background: red;
}

.vis-item .vis-delete:hover:after, .vis-item .vis-delete-rtl:hover:after {
  color: white;
}

.vis-item .vis-drag-center {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0px;
  cursor: move;
}

.vis-item.vis-range .vis-drag-left {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  left: -4px;

  cursor: w-resize;
}

.vis-item.vis-range .vis-drag-right {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  right: -4px;

  cursor: e-resize;
}

.vis-range.vis-item.vis-readonly .vis-drag-left,
.vis-range.vis-item.vis-readonly .vis-drag-right {
  cursor: auto;
}

.vis-item.vis-cluster {
  vertical-align: center;
  text-align: center;
  border-style: solid;
  border-radius: 2px;
}

.vis-item.vis-cluster-line {
  padding: 0;
  position: absolute;
  width: 0;
  border-left-width: 1px;
  border-left-style: solid;
}

.vis-item.vis-cluster-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}
div.vis-configuration {
    position:relative;
    display:block;
    float:left;
    font-size:12px;
}

div.vis-configuration-wrapper {
    display:block;
    width:700px;
}

div.vis-configuration-wrapper::after {
  clear: both;
  content: "";
  display: block;
}

div.vis-configuration.vis-config-option-container{
    display:block;
    width:495px;
    background-color: #ffffff;
    border:2px solid #f7f8fa;
    border-radius:4px;
    margin-top:20px;
    left:10px;
    padding-left:5px;
}

div.vis-configuration.vis-config-button{
    display:block;
    width:495px;
    height:25px;
    vertical-align: middle;
    line-height:25px;
    background-color: #f7f8fa;
    border:2px solid #ceced0;
    border-radius:4px;
    margin-top:20px;
    left:10px;
    padding-left:5px;
    cursor: pointer;
    margin-bottom:30px;
}

div.vis-configuration.vis-config-button.hover{
    background-color: #4588e6;
    border:2px solid #214373;
    color:#ffffff;
}

div.vis-configuration.vis-config-item{
    display:block;
    float:left;
    width:495px;
    height:25px;
    vertical-align: middle;
    line-height:25px;
}


div.vis-configuration.vis-config-item.vis-config-s2{
    left:10px;
    background-color: #f7f8fa;
    padding-left:5px;
    border-radius:3px;
}
div.vis-configuration.vis-config-item.vis-config-s3{
    left:20px;
    background-color: #e4e9f0;
    padding-left:5px;
    border-radius:3px;
}
div.vis-configuration.vis-config-item.vis-config-s4{
    left:30px;
    background-color: #cfd8e6;
    padding-left:5px;
    border-radius:3px;
}

div.vis-configuration.vis-config-header{
    font-size:18px;
    font-weight: bold;
}

div.vis-configuration.vis-config-label{
    width:120px;
    height:25px;
    line-height: 25px;
}

div.vis-configuration.vis-config-label.vis-config-s3{
    width:110px;
}
div.vis-configuration.vis-config-label.vis-config-s4{
    width:100px;
}

div.vis-configuration.vis-config-colorBlock{
    top:1px;
    width:30px;
    height:19px;
    border:1px solid #444444;
    border-radius:2px;
    padding:0px;
    margin:0px;
    cursor:pointer;
}

input.vis-configuration.vis-config-checkbox {
    left:-5px;
}


input.vis-configuration.vis-config-rangeinput{
    position:relative;
    top:-5px;
    width:60px;
    /*height:13px;*/
    padding:1px;
    margin:0;
    pointer-events:none;
}

input.vis-configuration.vis-config-range{
    /*removes default webkit styles*/
    -webkit-appearance: none;

    /*fix for FF unable to apply focus style bug */
    border: 0px solid white;
    background-color:rgba(0,0,0,0);

    /*required for proper track sizing in FF*/
    width: 300px;
    height:20px;
}
input.vis-configuration.vis-config-range::-webkit-slider-runnable-track {
    width: 300px;
    height: 5px;
    background: #dedede; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: linear-gradient(to bottom,  #dedede 0%,#c8c8c8 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */

    border: 1px solid #999999;
    box-shadow: #aaaaaa 0px 0px 3px 0px;
    border-radius: 3px;
}
input.vis-configuration.vis-config-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 1px solid #14334b;
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #3876c2; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: linear-gradient(to bottom,  #3876c2 0%,#385380 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3876c2', endColorstr='#385380',GradientType=0 ); /* IE6-9 */
    box-shadow: #111927 0px 0px 1px 0px;
    margin-top: -7px;
}
input.vis-configuration.vis-config-range:focus {
    outline: none;
}
input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track {
    background: #9d9d9d; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: linear-gradient(to bottom,  #9d9d9d 0%,#c8c8c8 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
}

input.vis-configuration.vis-config-range::-moz-range-track {
    width: 300px;
    height: 10px;
    background: #dedede; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: linear-gradient(to bottom,  #dedede 0%,#c8c8c8 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */

    border: 1px solid #999999;
    box-shadow: #aaaaaa 0px 0px 3px 0px;
    border-radius: 3px;
}
input.vis-configuration.vis-config-range::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;

    border-radius: 50%;
    background:  #385380;
}

/*hide the outline behind the border*/
input.vis-configuration.vis-config-range:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input.vis-configuration.vis-config-range::-ms-track {
    width: 300px;
    height: 5px;

    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;

    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input.vis-configuration.vis-config-range::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input.vis-configuration.vis-config-range::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input.vis-configuration.vis-config-range::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background:  #385380;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-lower {
    background: #888;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-upper {
    background: #ccc;
}

.vis-configuration-popup {
    position: absolute;
    background: rgba(57, 76, 89, 0.85);
    border: 2px solid #f2faff;
    line-height:30px;
    height:30px;
    width:150px;
    text-align:center;
    color: #ffffff;
    font-size:14px;
    border-radius:4px;
    transition: opacity 0.3s ease-in-out;
}
.vis-configuration-popup:after, .vis-configuration-popup:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.vis-configuration-popup:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: rgba(57, 76, 89, 0.85);
    border-width: 8px;
    margin-top: -8px;
}
.vis-configuration-popup:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #f2faff;
    border-width: 12px;
    margin-top: -12px;
}
.vis .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  /* Must be displayed above for example selected Timeline items */
  z-index: 10;
}

.vis-active {
  box-shadow: 0 0 10px #86d5f8;
}

div.vis-tooltip {
  position: absolute;
  visibility: hidden;
  padding: 5px;
  white-space: nowrap;

  font-family: verdana;
  font-size:14px;
  color:#000000;
  background-color: #f5f4ed;
  border-radius: 3px;
  border: 1px solid #808074;

  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  pointer-events: none;

  z-index: 5;
}

/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/tippy.js/dist/tippy.css ***!
  \******************************************************************************************************************************************************************************************************************************/
.tippy-tooltip[data-animation=fade][data-state=hidden]{opacity:0}.tippy-iOS{cursor:pointer!important;-webkit-tap-highlight-color:transparent}.tippy-popper{pointer-events:none;max-width:calc(100vw - 10px);transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-property:transform}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;background-color:#333;transition-property:visibility,opacity,transform;outline:0}.tippy-tooltip[data-placement^=top]>.tippy-arrow{border-width:8px 8px 0;border-top-color:#333;margin:0 3px;transform-origin:50% 0;bottom:-7px}.tippy-tooltip[data-placement^=bottom]>.tippy-arrow{border-width:0 8px 8px;border-bottom-color:#333;margin:0 3px;transform-origin:50% 7px;top:-7px}.tippy-tooltip[data-placement^=left]>.tippy-arrow{border-width:8px 0 8px 8px;border-left-color:#333;margin:3px 0;transform-origin:0 50%;right:-7px}.tippy-tooltip[data-placement^=right]>.tippy-arrow{border-width:8px 8px 8px 0;border-right-color:#333;margin:3px 0;transform-origin:7px 50%;left:-7px}.tippy-tooltip[data-interactive][data-state=visible]{pointer-events:auto}.tippy-tooltip[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{position:absolute;border-color:transparent;border-style:solid}.tippy-content{padding:5px 9px}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/tippy.js/themes/light-border.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
.tippy-tooltip.light-border-theme{background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,8,16,.15);color:#26323d;box-shadow:0 4px 14px -2px rgba(0,8,16,.08)}.tippy-tooltip.light-border-theme>.tippy-backdrop{background-color:#fff}.tippy-tooltip.light-border-theme>.tippy-arrow:after,.tippy-tooltip.light-border-theme>.tippy-arrow:before,.tippy-tooltip.light-border-theme>.tippy-svg-arrow:after,.tippy-tooltip.light-border-theme>.tippy-svg-arrow:before{content:"";position:absolute;z-index:-1}.tippy-tooltip.light-border-theme>.tippy-svg-arrow{fill:#fff}.tippy-tooltip.light-border-theme>.tippy-svg-arrow:after{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEuNDE0IiB2aWV3Qm94PSIwIDAgMTggNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA3czIuMDIxLS4wMTUgNS4yNTMtNC4yMThDNi41ODQgMS4wNTEgNy43OTcuMDA3IDkgMGMxLjIwMy0uMDA3IDIuNDE2IDEuMDM1IDMuNzYxIDIuNzgyQzE2LjAxMiA3LjAwNSAxOCA3IDE4IDd6IiBmaWxsPSIjMzMzIiBmaWxsLW9wYWNpdHk9Ii4yMzUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);background-size:18px 7px;width:18px;height:7px;left:0;top:0;fill:rgba(0,8,16,.15)}.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-svg-arrow:after{top:1px;transform:rotate(180deg)}.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-arrow{border-top-color:#fff}.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-arrow:after{border-top:7px solid #fff;top:-7px}.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-arrow:before{border-top:7px solid rgba(0,8,16,.2);bottom:-1px}.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-svg-arrow:after{top:-1px}.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-arrow{border-bottom-color:#fff}.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-arrow:after{border-bottom:7px solid #fff;bottom:-7px}.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-arrow:before{border-bottom:7px solid rgba(0,8,16,.2);bottom:-6px}.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-svg-arrow:after{left:1px;top:0;transform:rotate(90deg)}.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-arrow{border-left-color:#fff}.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-arrow:after{border-left:7px solid #fff;left:-7px}.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-arrow:before{border-left:7px solid rgba(0,8,16,.2);left:-6px}.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-svg-arrow:after{left:-1px;top:0;transform:rotate(-90deg)}.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-arrow{border-right-color:#fff}.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-arrow:after{border-right:7px solid #fff;right:-7px}.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-arrow:before{border-right:7px solid rgba(0,8,16,.2);right:-6px}.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-arrow,.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-svg-arrow,.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-arrow,.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-svg-arrow{transform:translateX(-1px)}.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-arrow:after,.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-arrow:before,.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-arrow:after,.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-arrow:before{left:-7px;border-left:7px solid transparent;border-right:7px solid transparent}.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-arrow,.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-svg-arrow,.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-arrow,.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-svg-arrow{transform:translateY(-1px)}.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-arrow:after,.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-arrow:before,.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-arrow:after,.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-arrow:before{top:-7px;border-top:7px solid transparent;border-bottom:7px solid transparent}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@n7-frontend/icon-font/Font/n7-icon/style.css ***!
  \****************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'n7-icon';
  src:  url('n7-icon.eot?8qi172');
  src:  url('n7-icon.eot?8qi172#iefix') format('embedded-opentype'),
    url('n7-icon.ttf?8qi172') format('truetype'),
    url('n7-icon.woff?8qi172') format('woff'),
    url('n7-icon.svg?8qi172#n7-icon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="n7-icon-"], [class*=" n7-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'n7-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.n7-icon-action-alt-2:before {
  content: "\e900";
}
.n7-icon-action-alt:before {
  content: "\e901";
}
.n7-icon-action:before {
  content: "\e902";
}
.n7-icon-align-left:before {
  content: "\e903";
}
.n7-icon-angle-double-down:before {
  content: "\e904";
}
.n7-icon-angle-double-left:before {
  content: "\e905";
}
.n7-icon-angle-double-right:before {
  content: "\e906";
}
.n7-icon-angle-double-up:before {
  content: "\e907";
}
.n7-icon-angle-down:before {
  content: "\e908";
}
.n7-icon-angle-left:before {
  content: "\e909";
}
.n7-icon-angle-right:before {
  content: "\e90a";
}
.n7-icon-angle-up:before {
  content: "\e90b";
}
.n7-icon-archive:before {
  content: "\e90c";
}
.n7-icon-archway:before {
  content: "\e90d";
}
.n7-icon-arrow-alt-from-bottom:before {
  content: "\e90e";
}
.n7-icon-arrow-alt-from-left:before {
  content: "\e90f";
}
.n7-icon-arrow-alt-from-right:before {
  content: "\e910";
}
.n7-icon-arrow-alt-from-top:before {
  content: "\e911";
}
.n7-icon-arrow-left:before {
  content: "\e912";
}
.n7-icon-arrow-right:before {
  content: "\e913";
}
.n7-icon-arrows-h:before {
  content: "\e914";
}
.n7-icon-arrows-v:before {
  content: "\e915";
}
.n7-icon-arrows:before {
  content: "\e916";
}
.n7-icon-asterisk:before {
  content: "\e917";
}
.n7-icon-atlas:before {
  content: "\e918";
}
.n7-icon-bell-add:before {
  content: "\e919";
}
.n7-icon-bell-slash:before {
  content: "\e91a";
}
.n7-icon-bell:before {
  content: "\e91b";
}
.n7-icon-biography-alt:before {
  content: "\e91c";
}
.n7-icon-biography:before {
  content: "\e91d";
}
.n7-icon-book-alt:before {
  content: "\e91e";
}
.n7-icon-book:before {
  content: "\e91f";
}
.n7-icon-bookmark:before {
  content: "\e920";
}
.n7-icon-books-alt:before {
  content: "\e921";
}
.n7-icon-books:before {
  content: "\e922";
}
.n7-icon-books1:before {
  content: "\e923";
}
.n7-icon-box-alt:before {
  content: "\e924";
}
.n7-icon-box-open:before {
  content: "\e925";
}
.n7-icon-box:before {
  content: "\e926";
}
.n7-icon-boxes-alt:before {
  content: "\e927";
}
.n7-icon-boxes:before {
  content: "\e928";
}
.n7-icon-building:before {
  content: "\e929";
}
.n7-icon-calendar-alt:before {
  content: "\e92a";
}
.n7-icon-calendar-minus:before {
  content: "\e92b";
}
.n7-icon-calendar-plus:before {
  content: "\e92c";
}
.n7-icon-calendar:before {
  content: "\e92d";
}
.n7-icon-camera-alt:before {
  content: "\e92e";
}
.n7-icon-camera-retro:before {
  content: "\e92f";
}
.n7-icon-camera:before {
  content: "\e930";
}
.n7-icon-caret-down:before {
  content: "\e931";
}
.n7-icon-caret-left:before {
  content: "\e932";
}
.n7-icon-caret-right:before {
  content: "\e933";
}
.n7-icon-caret-up:before {
  content: "\e934";
}
.n7-icon-chart-bars:before {
  content: "\e935";
}
.n7-icon-chart-line:before {
  content: "\e936";
}
.n7-icon-chart-lines:before {
  content: "\e937";
}
.n7-icon-check-circle:before {
  content: "\e938";
}
.n7-icon-check-circle1:before {
  content: "\e939";
}
.n7-icon-check-double:before {
  content: "\e93a";
}
.n7-icon-check-square:before {
  content: "\e93b";
}
.n7-icon-check:before {
  content: "\e93c";
}
.n7-icon-checked:before {
  content: "\e93d";
}
.n7-icon-circle-full:before {
  content: "\e93e";
}
.n7-icon-circle:before {
  content: "\e93f";
}
.n7-icon-clipboard-check:before {
  content: "\e940";
}
.n7-icon-clock:before {
  content: "\e941";
}
.n7-icon-clone:before {
  content: "\e942";
}
.n7-icon-close-circle:before {
  content: "\e943";
}
.n7-icon-close:before {
  content: "\e944";
}
.n7-icon-code-branch:before {
  content: "\e945";
}
.n7-icon-code-commit:before {
  content: "\e946";
}
.n7-icon-code-merge:before {
  content: "\e947";
}
.n7-icon-code:before {
  content: "\e948";
}
.n7-icon-cog:before {
  content: "\e949";
}
.n7-icon-cogs:before {
  content: "\e94a";
}
.n7-icon-columns:before {
  content: "\e94b";
}
.n7-icon-compass:before {
  content: "\e94c";
}
.n7-icon-compress-alt:before {
  content: "\e94d";
}
.n7-icon-copy:before {
  content: "\e94e";
}
.n7-icon-cross:before {
  content: "\e94f";
}
.n7-icon-dashboard-add:before {
  content: "\e950";
}
.n7-icon-dashboard:before {
  content: "\e951";
}
.n7-icon-download-2:before {
  content: "\e952";
}
.n7-icon-download:before {
  content: "\e953";
}
.n7-icon-earth:before {
  content: "\e954";
}
.n7-icon-edit:before {
  content: "\e955";
}
.n7-icon-ellipsis-h:before {
  content: "\e956";
}
.n7-icon-ellipsis-v:before {
  content: "\e957";
}
.n7-icon-enlarge:before {
  content: "\e958";
}
.n7-icon-enlarge2:before {
  content: "\e959";
}
.n7-icon-exclamation-circle:before {
  content: "\e95a";
}
.n7-icon-exclamation-square:before {
  content: "\e95b";
}
.n7-icon-exclamation-triangle:before {
  content: "\e95c";
}
.n7-icon-exclamation:before {
  content: "\e95d";
}
.n7-icon-expand-alt:before {
  content: "\e95e";
}
.n7-icon-expand-arrows:before {
  content: "\e95f";
}
.n7-icon-expand-wide:before {
  content: "\e960";
}
.n7-icon-expand:before {
  content: "\e961";
}
.n7-icon-external-link-alt:before {
  content: "\e962";
}
.n7-icon-external-link-square-alt:before {
  content: "\e963";
}
.n7-icon-external-link-square:before {
  content: "\e964";
}
.n7-icon-external-link:before {
  content: "\e965";
}
.n7-icon-external:before {
  content: "\e966";
}
.n7-icon-external2:before {
  content: "\e967";
}
.n7-icon-eye-slash:before {
  content: "\e968";
}
.n7-icon-eye:before {
  content: "\e969";
}
.n7-icon-facebook-square:before {
  content: "\e96a";
}
.n7-icon-facebook:before {
  content: "\e96b";
}
.n7-icon-facsimile:before {
  content: "\e96c";
}
.n7-icon-fan:before {
  content: "\e96d";
}
.n7-icon-file-csv:before {
  content: "\e96e";
}
.n7-icon-file-excel:before {
  content: "\e96f";
}
.n7-icon-file-pdf:before {
  content: "\e970";
}
.n7-icon-file-powerpoint:before {
  content: "\e971";
}
.n7-icon-file-word:before {
  content: "\e972";
}
.n7-icon-file:before {
  content: "\e973";
}
.n7-icon-file2:before {
  content: "\e974";
}
.n7-icon-file3:before {
  content: "\e975";
}
.n7-icon-folder-minus:before {
  content: "\e976";
}
.n7-icon-folder-open:before {
  content: "\e977";
}
.n7-icon-folder-plus:before {
  content: "\e978";
}
.n7-icon-folder-times:before {
  content: "\e979";
}
.n7-icon-folder:before {
  content: "\e97a";
}
.n7-icon-folders:before {
  content: "\e97b";
}
.n7-icon-google-plus-square:before {
  content: "\e97c";
}
.n7-icon-google-plus:before {
  content: "\e97d";
}
.n7-icon-grid:before {
  content: "\e97e";
}
.n7-icon-grip-horizontal:before {
  content: "\e97f";
}
.n7-icon-grip-vertical:before {
  content: "\e980";
}
.n7-icon-home:before {
  content: "\e981";
}
.n7-icon-illustration:before {
  content: "\e982";
}
.n7-icon-image:before {
  content: "\e983";
}
.n7-icon-images:before {
  content: "\e984";
}
.n7-icon-inbox-in:before {
  content: "\e985";
}
.n7-icon-inbox-out:before {
  content: "\e986";
}
.n7-icon-info-circle:before {
  content: "\e987";
}
.n7-icon-info-circle1:before {
  content: "\e988";
}
.n7-icon-info-square:before {
  content: "\e989";
}
.n7-icon-info:before {
  content: "\e98a";
}
.n7-icon-info1:before {
  content: "\e98b";
}
.n7-icon-instagram:before {
  content: "\e98c";
}
.n7-icon-iswat:before {
  content: "\e98d";
}
.n7-icon-letter-alt:before {
  content: "\e98e";
}
.n7-icon-letter:before {
  content: "\e98f";
}
.n7-icon-life-ring:before {
  content: "\e990";
}
.n7-icon-lightbulb-slash:before {
  content: "\e991";
}
.n7-icon-lightbulb:before {
  content: "\e992";
}
.n7-icon-linkedin-square:before {
  content: "\e993";
}
.n7-icon-linkedin:before {
  content: "\e994";
}
.n7-icon-list-ol:before {
  content: "\e995";
}
.n7-icon-list-ul:before {
  content: "\e996";
}
.n7-icon-list:before {
  content: "\e997";
}
.n7-icon-list1:before {
  content: "\e998";
}
.n7-icon-lock-alt:before {
  content: "\e999";
}
.n7-icon-lock-open-alt:before {
  content: "\e99a";
}
.n7-icon-lock-open:before {
  content: "\e99b";
}
.n7-icon-lock:before {
  content: "\e99c";
}
.n7-icon-manuscript-alt:before {
  content: "\e99d";
}
.n7-icon-manuscript:before {
  content: "\e99e";
}
.n7-icon-map-marker-alt:before {
  content: "\e99f";
}
.n7-icon-map-marker:before {
  content: "\e9a0";
}
.n7-icon-map-pin:before {
  content: "\e9a1";
}
.n7-icon-map:before {
  content: "\e9a2";
}
.n7-icon-map1:before {
  content: "\e9a3";
}
.n7-icon-map2:before {
  content: "\e9a4";
}
.n7-icon-menu:before {
  content: "\e9a5";
}
.n7-icon-minus-circle:before {
  content: "\e9a6";
}
.n7-icon-minus:before {
  content: "\e9a7";
}
.n7-icon-movie:before {
  content: "\e9a8";
}
.n7-icon-movie2:before {
  content: "\e9a9";
}
.n7-icon-movie3:before {
  content: "\e9aa";
}
.n7-icon-muruca:before {
  content: "\e9ab";
}
.n7-icon-object-group:before {
  content: "\e9ac";
}
.n7-icon-object-ungroup:before {
  content: "\e9ad";
}
.n7-icon-page-left:before {
  content: "\e9ae";
}
.n7-icon-page-right:before {
  content: "\e9af";
}
.n7-icon-pen:before {
  content: "\e9b0";
}
.n7-icon-pencil-alt:before {
  content: "\e9b1";
}
.n7-icon-percorso:before {
  content: "\e9b2";
}
.n7-icon-pinterest-square:before {
  content: "\e9b3";
}
.n7-icon-plus-circle:before {
  content: "\e9b4";
}
.n7-icon-plus:before {
  content: "\e9b5";
}
.n7-icon-polygon:before {
  content: "\e9b6";
}
.n7-icon-power:before {
  content: "\e9b7";
}
.n7-icon-print:before {
  content: "\e9b8";
}
.n7-icon-redo-alt:before {
  content: "\e9b9";
}
.n7-icon-redo:before {
  content: "\e9ba";
}
.n7-icon-redo1:before {
  content: "\e9bb";
}
.n7-icon-repeat-1:before {
  content: "\e9bc";
}
.n7-icon-repeat:before {
  content: "\e9bd";
}
.n7-icon-reply-all:before {
  content: "\e9be";
}
.n7-icon-reply:before {
  content: "\e9bf";
}
.n7-icon-retweet-alt:before {
  content: "\e9c0";
}
.n7-icon-retweet:before {
  content: "\e9c1";
}
.n7-icon-scene-alt:before {
  content: "\e9c2";
}
.n7-icon-scene:before {
  content: "\e9c3";
}
.n7-icon-search-minus:before {
  content: "\e9c4";
}
.n7-icon-search-plus:before {
  content: "\e9c5";
}
.n7-icon-search:before {
  content: "\e9c6";
}
.n7-icon-search1:before {
  content: "\e9c7";
}
.n7-icon-share:before {
  content: "\e9c8";
}
.n7-icon-share2:before {
  content: "\e9c9";
}
.n7-icon-shrink:before {
  content: "\e9ca";
}
.n7-icon-shrink2:before {
  content: "\e9cb";
}
.n7-icon-sphere:before {
  content: "\e9cc";
}
.n7-icon-th-large:before {
  content: "\e9cd";
}
.n7-icon-th-list:before {
  content: "\e9ce";
}
.n7-icon-th:before {
  content: "\e9cf";
}
.n7-icon-thermometer-empty:before {
  content: "\e9d0";
}
.n7-icon-thermometer-full:before {
  content: "\e9d1";
}
.n7-icon-thermometer-half:before {
  content: "\e9d2";
}
.n7-icon-thermometer-quarter:before {
  content: "\e9d3";
}
.n7-icon-thermometer-three-quarters:before {
  content: "\e9d4";
}
.n7-icon-timeline-alt:before {
  content: "\e9d5";
}
.n7-icon-timeline:before {
  content: "\e9d6";
}
.n7-icon-times:before {
  content: "\e9d7";
}
.n7-icon-transcription:before {
  content: "\e9d8";
}
.n7-icon-trash-alt:before {
  content: "\e9d9";
}
.n7-icon-trash:before {
  content: "\e9da";
}
.n7-icon-tree-icon:before {
  content: "\e9db";
}
.n7-icon-twitter-square:before {
  content: "\e9dc";
}
.n7-icon-twitter:before {
  content: "\e9dd";
}
.n7-icon-undo-alt:before {
  content: "\e9de";
}
.n7-icon-undo:before {
  content: "\e9df";
}
.n7-icon-unlink:before {
  content: "\e9e0";
}
.n7-icon-unlock-alt:before {
  content: "\e9e1";
}
.n7-icon-unlock:before {
  content: "\e9e2";
}
.n7-icon-upload:before {
  content: "\e9e3";
}
.n7-icon-user-friends:before {
  content: "\e9e4";
}
.n7-icon-user:before {
  content: "\e9e5";
}
.n7-icon-users:before {
  content: "\e9e6";
}
.n7-icon-youtube-square:before {
  content: "\e9e7";
}
.n7-icon-youtube:before {
  content: "\e9e8";
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/styles.scss?ngGlobalStyle (5) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Used for text link in hover state */
/* Inner title brealpoints */
/* Header */
/* Contents */
/* Footer */
/* Header Logo can be set in the config: src/app/config-muruca/header.config.ts
If two logos (for normal and transparent header are needed, these variables must be used */
/* Header */
/* Contents */
/* Footer */
/* Header */
/* Contents */
/* Footer */
/**
 * FORMS
 *
 * Style for forms elements
 */
/* ------------------------------------ *\
   #GENERAL
\* ------------------------------------ */
select,
textarea,
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
  box-sizing: border-box;
  padding: 0 8px;
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  background-color: #ffffff;
  border-radius: 3px;
  color: #2d3439;
  font-size: 14px;
  font-weight: 400;
  outline: none;
  height: 38px;
  line-height: 38px;
  /* ------------------------------------ *\
     #DISABLED
  \* ------------------------------------ */
}
select::placeholder,
textarea::placeholder,
input[type=date]::placeholder,
input[type=datetime]::placeholder,
input[type=datetime-local]::placeholder,
input[type=email]::placeholder,
input[type=month]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=time]::placeholder,
input[type=url]::placeholder,
input[type=week]::placeholder {
  color: rgba(45, 52, 57, 0.68) !important;
  font-weight: 400 !important;
}
select:disabled, select.is-disabled,
textarea:disabled,
textarea.is-disabled,
input[type=date]:disabled,
input[type=date].is-disabled,
input[type=datetime]:disabled,
input[type=datetime].is-disabled,
input[type=datetime-local]:disabled,
input[type=datetime-local].is-disabled,
input[type=email]:disabled,
input[type=email].is-disabled,
input[type=month]:disabled,
input[type=month].is-disabled,
input[type=number]:disabled,
input[type=number].is-disabled,
input[type=password]:disabled,
input[type=password].is-disabled,
input[type=search]:disabled,
input[type=search].is-disabled,
input[type=tel]:disabled,
input[type=tel].is-disabled,
input[type=text]:disabled,
input[type=text].is-disabled,
input[type=time]:disabled,
input[type=time].is-disabled,
input[type=url]:disabled,
input[type=url].is-disabled,
input[type=week]:disabled,
input[type=week].is-disabled {
  border-color: #f0f0f0;
  background-color: #f0f0f0;
  color: rgba(45, 52, 57, 0.68);
  /* Placeholder text for disableds */
}
select:disabled::placeholder, select.is-disabled::placeholder,
textarea:disabled::placeholder,
textarea.is-disabled::placeholder,
input[type=date]:disabled::placeholder,
input[type=date].is-disabled::placeholder,
input[type=datetime]:disabled::placeholder,
input[type=datetime].is-disabled::placeholder,
input[type=datetime-local]:disabled::placeholder,
input[type=datetime-local].is-disabled::placeholder,
input[type=email]:disabled::placeholder,
input[type=email].is-disabled::placeholder,
input[type=month]:disabled::placeholder,
input[type=month].is-disabled::placeholder,
input[type=number]:disabled::placeholder,
input[type=number].is-disabled::placeholder,
input[type=password]:disabled::placeholder,
input[type=password].is-disabled::placeholder,
input[type=search]:disabled::placeholder,
input[type=search].is-disabled::placeholder,
input[type=tel]:disabled::placeholder,
input[type=tel].is-disabled::placeholder,
input[type=text]:disabled::placeholder,
input[type=text].is-disabled::placeholder,
input[type=time]:disabled::placeholder,
input[type=time].is-disabled::placeholder,
input[type=url]:disabled::placeholder,
input[type=url].is-disabled::placeholder,
input[type=week]:disabled::placeholder,
input[type=week].is-disabled::placeholder {
  color: rgba(45, 52, 57, 0.5);
}

/* Select */
/* stylelint-disable-next-line */
select,
#new_post select {
  height: 38px;
}

/* Labels */
label {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #2d3439;
}

/* Textarea */
textarea,
.form-control textarea {
  line-height: 1.2;
  padding: 8px;
}

/**
 * GLOBAL
 *
 * Global styles, tags and common classes
 */
/* ------------------------------------ *\
   #TAGS
\* ------------------------------------ */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

body {
  box-sizing: border-box;
  background-color: #ffffff;
  color: #2d3439;
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}

:focus {
  outline: 0;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * NORMALIZE
 *
 * Normalization of tags
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%; /* 2 */
  text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: 700;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ffff00;
  color: #000000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
          appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
          appearance: textfield; /* 1 */
  box-sizing: content-box;
  box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: 700;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/**
 * TYPOGRAPHY
 *
 * Definition of typographic styles
 */
/* ------------------------------------ *\
   #HEADINGS
\* ------------------------------------ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  margin: 0;
  padding: 0;
  color: #2d3439;
}

h1 {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 0.3em;
}

h2 {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 0.3em;
}

h3 {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 0.3em;
}

h4 {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 0.3em;
}

h5 {
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 0.3em;
}

p,
.single-content p {
  margin: 0 0 4px 0;
  padding: 0;
  color: #2d3439;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

b,
strong {
  font-weight: 700;
}

/* ------------------------------------ *\
   #LINKS
\* ------------------------------------ */
a {
  color: #5397c7;
  text-decoration: none;
  transition: color 0.2s;
}
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
  color: inherit;
}
a:hover, a:focus {
  color: #397eae;
}

/* ------------------------------------ *\
   #HR
\* ------------------------------------ */
hr {
  margin: 0;
  padding: 0;
  border: none;
  border-top: 1px solid #dddddd;
}

/**
 * BUTTONS
 *
 * Style for all types of buttons
 */
/* ------------------------------------ *\
   #STANDARD-BUTTON
\* ------------------------------------ */
.n7-btn {
  display: inline-block;
  box-sizing: border-box;
  width: auto !important;
  height: 30px;
  padding: 0 8px;
  margin: 0;
  border: 1px solid #dddddd;
  border-radius: 3px;
  background-color: #f0f0f0;
  color: #2d3439;
  font-size: 14px;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  line-height: 29px;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition-property: border, background-color, color, width;
  transition-duration: 0.2s;
  /* Hover */
  /* Disabled */
  /* Active */
  /* With loader inside */
}
.n7-btn:hover {
  background-color: #f7f7f7;
  border-color: #dddddd;
  color: #5397c7;
  text-decoration: none;
}
.n7-btn.is-disabled, .n7-btn.is-disabled:hover, .n7-btn.is-disabled:active, .n7-btn.is-disabled:active:hover {
  color: rgba(45, 52, 57, 0.4);
  border-color: #dddddd;
  background-color: #f7f7f7;
  text-shadow: none;
  cursor: not-allowed;
}
.n7-btn.is-active, .n7-btn:active, .n7-btn.is-active:hover, .n7-btn:active:hover {
  color: #5397c7;
  border-color: #5397c7;
  background-color: #f0f0f0;
}
/* ------------------------------------ *\
   #LIGHT-BUTTON
\* ------------------------------------ */
/* No background button */
.n7-btn-light {
  padding: 0 4px;
  color: #5397c7;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  font-weight: 400;
  text-decoration: none;
  text-shadow: none;
  line-height: 30px;
  /* Hover */
  /* Disabled */
  /* Active */
  /* With loader inside */
}
.n7-btn-light:hover {
  color: #397eae;
  background-color: transparent;
}
.n7-btn-light.is-disabled, .n7-btn-light.is-disabled:hover, .n7-btn-light.is-disabled:active, .n7-btn-light.is-disabled:active:hover {
  color: #ababab;
  background-color: transparent;
  border: 0;
  cursor: not-allowed;
  text-shadow: none;
}
.n7-btn-light.is-active, .n7-btn-light:active, .n7-btn-light.is-active:hover, .n7-btn-light:active:hover {
  color: #397eae;
  background-color: transparent;
  border: 0;
}
/* ------------------------------------ *\
   #CALL-TO-ACTION-BUTTON
\* ------------------------------------ */
.n7-btn-cta {
  background-color: #5397c7;
  border-color: #5397c7;
  color: #ffffff;
  /* Disabled */
  /* Active */
  /* With loader inside */
}
.n7-btn-cta:hover {
  background-color: #397eae;
  border-color: #5397c7;
  color: #ffffff;
}
.n7-btn-cta.is-disabled, .n7-btn-cta.is-disabled:hover, .n7-btn-cta.is-disabled:active, .n7-btn-cta.is-disabled:active:hover {
  background-color: rgba(83, 151, 199, 0.4);
  border-color: #5397c7;
  color: rgba(255, 255, 255, 0.4);
  cursor: not-allowed;
}
.n7-btn-cta.is-active, .n7-btn-cta:active, .n7-btn-cta.is-active:hover, .n7-btn-cta:active:hover {
  background-color: #397eae;
  border-color: #5397c7;
  color: #ffffff;
}
/* ------------------------------------ *\
   #SIZES
\* ------------------------------------ */
.n7-btn {
  /* Sizes */
  /* Full width */
}
.n7-btn.n7-btn-s {
  height: 24px;
  padding: 0 4px;
  line-height: 23px;
  font-size: 12px;
}
.n7-btn.n7-btn-l {
  height: 50px;
  padding: 0 24px;
  line-height: 49px;
}
.n7-btn.n7-btn-xl {
  height: 50px;
  padding: 0 24px;
  font-size: 16px;
  line-height: 49px;
}
.n7-btn.n7-btn-full {
  width: 100%;
}

/* ------------------------------------ *\
   #ICON
\* ------------------------------------ */
.n7-btn {
  /* Spacing between the icon and the label:
  it assumes that the label is wrapper in a <span>.
  This spacing supports the icon on the left and on the right */
  /* Spacing for bigger buttons */
}
.n7-btn [class*=n7-icon] {
  vertical-align: text-bottom;
}
.n7-btn [class*=n7-icon] + span {
  margin-left: 2px;
}
.n7-btn span + [class*=n7-icon] {
  margin-left: 2px;
}
.n7-btn.n7-btn-l [class*=n7-icon] + span, .n7-btn.n7-btn-xl [class*=n7-icon] + span {
  margin-left: 4px;
}
.n7-btn.n7-btn-l span + [class*=n7-icon], .n7-btn.n7-btn-xl span + [class*=n7-icon] {
  margin-left: 4px;
}

/**
 * ADVANCED-AUTOCOMPLETE
 *
 * Search bar autocomplete component which shows datas preview matching the typed words or words parts
 */
/* ------------------------------------ *\
   #ADVANCED-AUTOCOMPLETE
\* ------------------------------------ */
.n7-advanced-autocomplete {
  /* Title */
  /* Metadata */
  /* Action bar at the bottom */
}
.n7-advanced-autocomplete__results {
  max-height: 300px;
  overflow-y: auto;
  padding: 16px 16px;
}
.n7-advanced-autocomplete__group {
  display: flex;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dddddd;
}
.n7-advanced-autocomplete__group:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.n7-advanced-autocomplete__group-title-wrapper {
  flex: 0 0 180px;
  width: 180px;
  margin-right: 16px;
  color: rgba(45, 52, 57, 0.68);
}
.n7-advanced-autocomplete__group-title {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  line-height: 1.4;
  vertical-align: middle;
}
.n7-advanced-autocomplete__group-icon {
  margin-right: 4px;
  font-size: 18px;
  vertical-align: middle;
}
.n7-advanced-autocomplete__items {
  flex: 1;
}
.n7-advanced-autocomplete__items > *:last-child .n7-advanced-autocomplete__item {
  margin-bottom: 0;
}
.n7-advanced-autocomplete__item {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  color: #2d3439;
  word-break: break-all;
  cursor: pointer;
}
.n7-advanced-autocomplete__item:hover {
  color: #5397c7;
}
.n7-advanced-autocomplete__item-title {
  margin-right: 8px;
}
.n7-advanced-autocomplete__item-metadata {
  font-size: 14px;
}
.n7-advanced-autocomplete__item-metadata-key {
  margin-right: 4px;
  color: rgba(45, 52, 57, 0.68);
}
.n7-advanced-autocomplete__item-metadata-value {
  margin-right: 4px;
  color: rgba(45, 52, 57, 0.68);
  font-weight: 700;
}
.n7-advanced-autocomplete__action-bar {
  display: flex;
  justify-content: center;
  padding: 8px;
}
.n7-advanced-autocomplete__action-bar .n7-btn {
  margin-right: 8px;
}
.n7-advanced-autocomplete__action-bar .n7-btn:last-child {
  margin-right: 0;
}

/* ------------------------------------ *\
   #EMPTY
\* ------------------------------------ */
.n7-advanced-autocomplete.is-empty .n7-advanced-autocomplete__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 180px;
  text-align: center;
}

/* ------------------------------------ *\
   #LOADING
\* ------------------------------------ */
.n7-advanced-autocomplete.is-loading .n7-advanced-autocomplete__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 180px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 767px) {
  .n7-advanced-autocomplete__results {
    padding: 12px 12px;
  }
  .n7-advanced-autocomplete__group {
    display: block;
    margin-bottom: 12px;
    padding-bottom: 12px;
  }
  .n7-advanced-autocomplete__group-title {
    margin-bottom: 8px;
    font-size: 16px;
  }
  .n7-advanced-autocomplete__item {
    margin-bottom: 12px;
  }
  .n7-advanced-autocomplete__action-bar {
    flex-flow: column nowrap;
  }
  .n7-advanced-autocomplete__action-bar .n7-btn {
    margin-right: 0;
    margin-bottom: 8px;
  }
  .n7-advanced-autocomplete__action-bar .n7-btn:last-child {
    margin-bottom: 0;
  }
}
/* Retina */
/**
 * ALERT
 *
 * Alert component, with a body (html), an optional icon and an optional close button.
 * Can be used as an alert for events/warnings/informations.
 * Classes to be added to the root element: .is-success, .is-warning, .is-error
 */
/* ------------------------------------ *\
   #ALERT
\* ------------------------------------ */
.n7-alert {
  position: relative;
  padding: 16px 40px 16px 16px;
  border-radius: 3px;
  background-color: #f0f0f0;
}
.n7-alert__close-button {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
}
.n7-alert__text {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.4;
  color: #2d3439;
}

/* ------------------------------------ *\
   #WITH-ICON
\* ------------------------------------ */
.n7-alert.has-icon .n7-alert__icon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.n7-alert.has-icon .n7-alert__text {
  margin-left: 28px;
}

/* ------------------------------------ *\
   #COLORS
\* ------------------------------------ */
.n7-alert.is-success .n7-alert__close-button,
.n7-alert.is-success .n7-alert__text,
.n7-alert.is-success .n7-alert__icon,
.n7-alert.is-warning .n7-alert__close-button,
.n7-alert.is-warning .n7-alert__text,
.n7-alert.is-warning .n7-alert__icon,
.n7-alert.is-error .n7-alert__close-button,
.n7-alert.is-error .n7-alert__text,
.n7-alert.is-error .n7-alert__icon {
  color: #ffffff;
}

.n7-alert.is-success {
  background-color: #1ab66d;
}
.n7-alert.is-success .n7-alert__close-button,
.n7-alert.is-success .n7-alert__text,
.n7-alert.is-success .n7-alert__icon {
  color: #ffffff;
}

.n7-alert.is-warning {
  background-color: #f5a623;
}
.n7-alert.is-warning .n7-alert__close-button,
.n7-alert.is-warning .n7-alert__text,
.n7-alert.is-warning .n7-alert__icon {
  color: #ffffff;
}

.n7-alert.is-error {
  background-color: #d12c47;
}
.n7-alert.is-error .n7-alert__close-button,
.n7-alert.is-error .n7-alert__text,
.n7-alert.is-error .n7-alert__icon {
  color: #ffffff;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * ANCHOR-WRAPPER
 *
 * Brief description of the component here.
 */
/* ------------------------------------ *\
   #ANCHOR-WRAPPER
\* ------------------------------------ */
/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * AVATAR
 *
 * User avatar component.
 */
/* ------------------------------------ *\
    NAV
\* ------------------------------------ */
.n7-avatar {
  padding: 0;
  margin: 0;
}
.n7-avatar__background {
  border-radius: 50%;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * BUTTON
 *
 * 
 */
/* ------------------------------------ *\
   #BUTTON
\* ------------------------------------ */
.n7-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.n7-btn.is-loading {
  min-width: 80px;
}
.n7-btn.is-loading .n7-loader {
  width: 18px;
  height: 18px;
  border: 3px solid #f0f0f0;
  border-bottom-color: #dddddd;
}

.n7-btn.n7-btn-cta .n7-loader {
  border: 3px solid rgba(200, 212, 255, 0.3);
  border-bottom-color: #ffffff;
}

.n7-btn-cta.is-disabled,
.n7-btn-cta.is-disabled:hover {
  border-color: unset;
}

.n7-btn__text {
  margin: 0 4px;
}

n7-loader {
  display: inline-flex;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * BREADCRUMBS
 *
 * Style for breadcrumbs for desktop and mobile
 */
/* ------------------------------------ *\
    BREADCRUMBS
\* ------------------------------------ */
.n7-breadcrumbs {
  display: flex;
  box-sizing: border-box;
  padding: 4px;
  background-color: #f7f7f7;
}
.n7-breadcrumbs::after {
  content: " ";
  clear: both;
  display: block;
}
.n7-breadcrumbs__nav {
  display: flex;
}
.n7-breadcrumbs__list {
  display: flex;
  margin: 0;
  padding: 0;
  align-items: center;
}
.n7-breadcrumbs__item {
  margin: 4px 0;
  list-style: none;
}
.n7-breadcrumbs__item::after {
  content: "\e90a";
  color: #ababab;
  font-family: "n7-icon" !important;
  vertical-align: bottom;
}
.n7-breadcrumbs__item:last-child a {
  color: #2d3439;
  cursor: default;
}
.n7-breadcrumbs__item:last-child::after {
  content: "";
}
.n7-breadcrumbs__label {
  padding: 8px;
  text-decoration: none;
  cursor: pointer;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 768px) {
  .n7-breadcrumbs {
    background: none;
  }
  .n7-breadcrumbs__item {
    display: none;
  }
  .n7-breadcrumbs__item:nth-last-child(2) {
    display: block;
  }
  .n7-breadcrumbs__item:nth-last-child(2) .n7-breadcrumbs__label {
    /* The back arrow is inserted within the A tag so it's clickable */
  }
  .n7-breadcrumbs__item:nth-last-child(2) .n7-breadcrumbs__label::before {
    content: "\e908";
    margin-right: 4px;
    font-family: "n7-icon" !important;
    color: #ababab;
    vertical-align: bottom;
  }
  .n7-breadcrumbs__item:nth-last-child(2)::after {
    content: "";
  }
}
/* Retina */
/**
 * BUBBLECHART
 *
 * Component displaying a bubble graph. Based on 3djs.
 */
/* ------------------------------------ *\
   #BUBBLECHART
\* ------------------------------------ */
.n7-bubble-chart .monospace-text {
  font-family: monospace;
  -webkit-user-select: none;
          user-select: none;
  font-weight: 700;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * CAROUSEL
 *
 * Brief description of the component here.
 */
/* ------------------------------------ *\
   #CAROUSEL
\* ------------------------------------ */
.n7-carousel {
  position: relative;
  height: 490px;
}
.n7-carousel__slide {
  position: relative;
  width: 100%;
  height: 490px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.n7-carousel__slide-content-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  max-width: 1240px;
  margin: 0 auto;
  z-index: 2;
}
.n7-carousel__slide-content {
  display: flex;
  width: 100%;
  padding: 3px;
}
.n7-carousel__slide-content-left {
  max-width: 60%;
  padding: 3px;
}
.n7-carousel__slide-content-right {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 3px;
  position: relative;
}
.n7-carousel__slide-title {
  display: block;
  margin-bottom: 16px;
  font-family: "Montserrat", sans-serif;
  font-size: 38px;
  color: #ffffff;
}
.n7-carousel__slide-text {
  display: block;
  margin-bottom: 16px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  color: #ffffff;
}
.n7-carousel__slide-img {
  height: 100px;
}
.n7-carousel .n7-carousel__side-img {
  position: absolute;
  z-index: -1;
  height: 100%;
}
.n7-carousel__slide-metadata {
  color: #ffffff;
}
.n7-carousel__slide-metadata-label {
  margin-right: 4px;
}

/* ------------------------------------ *\
   #SLIDE-WITH-IMAGE
\* ------------------------------------ */
.n7-carousel__slide.has-image {
  /* Overlay */
}
.n7-carousel__slide.has-image::after {
  content: " ";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

/* ------------------------------------ *\
   #SLIDE-WITH-VIDEO
\* ------------------------------------ */
.n7-carousel {
  /* Video bg */
  /* Video overlay */
}
.n7-carousel__slide-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.n7-carousel__slide-video-overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  inset: 0;
  z-index: 1;
}

/* ------------------------------------ *\
   #LATTE-CAROUSEL
\* ------------------------------------ */
.n7-carousel .latte-dots {
  bottom: 16px;
}
.n7-carousel .latte-dots .latte-dot {
  background-color: #ffffff;
}
.n7-carousel .latte-dots .latte-dot.active {
  background-color: #5397c7;
}
.n7-carousel .latte-next,
.n7-carousel .latte-previous {
  border-color: #ffffff;
  opacity: 0.7;
  transition: all 0.2s;
}
.n7-carousel .latte-next:hover,
.n7-carousel .latte-previous:hover {
  opacity: 1;
}
.n7-carousel .latte-previous {
  left: 16px;
}
.n7-carousel .latte-next {
  right: 16px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * CHART
 *
 * Style to overwrite or complete default library style.
 */
/* ------------------------------------ *\
   #CHART
\* ------------------------------------ */
/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * CONTENT-PLACEHOLDER
 *
 * Component used in loading status to show a preview of what real results/contents will be.
 */
/* ------------------------------------ *\
   #CONTENT-PLACEHOLDER
\* ------------------------------------ */
.n7-content-placeholder__item {
  background-color: #f7f7f7;
  height: 16px;
  width: auto;
  margin-bottom: 8px;
  border-radius: 3px;
  animation-duration: 1.3s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: contentPlaceholderAnimation;
  animation-timing-function: linear;
  background: linear-gradient(to right, #f7f7f7 0%, #f0f0f0 30%, #f7f7f7 60%);
  background-size: 500px 104px;
  position: relative;
}
.n7-content-placeholder .thumb-placeholder {
  float: left;
  height: 56px;
  width: 56px;
  border-radius: 50%;
}
.n7-content-placeholder .title-placeholder {
  margin-left: 72px;
}
.n7-content-placeholder .text-placeholder {
  margin-left: 72px;
  height: 32px;
}
.n7-content-placeholder .text-placeholder + .n7-content-placeholder__item {
  clear: both;
}

@keyframes contentPlaceholderAnimation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * DATA WIDGET
 *
 * Brief description of the component here.
 */
/* ------------------------------------ *\
   #DATA WIDGET
\* ------------------------------------ */
.n7-data-widget {
  /* First row */
  /* Second row */
}
.n7-data-widget__main {
  display: flex;
  align-items: center;
}
.n7-data-widget__main-icon {
  margin-right: 4px;
  font-size: 24px;
}
.n7-data-widget__second-icon {
  margin-right: 4px;
  height: 24px;
}
.n7-data-widget__main-title {
  margin: 0;
  font-size: 24px;
}
.n7-data-widget__sub {
  display: flex;
  align-items: center;
}
.n7-data-widget__sub-title {
  margin: 0 4px 0 0;
  font-size: 12px;
  line-height: 1;
}
.n7-data-widget__sub-info {
  display: flex;
}
.n7-data-widget__sub-info-icon {
  font-size: 12px;
  line-height: 1;
}
.n7-data-widget__sub-info-label {
  font-size: 12px;
  line-height: 1;
}

/* ------------------------------------ *\
   #POSITIVE/NEGATIVE COLORS
\* ------------------------------------ */
.n7-data-widget.is-positive .n7-data-widget__sub-info-icon {
  color: #1ab66d;
}
.n7-data-widget.is-positive .n7-data-widget__sub-info-label {
  color: #1ab66d;
}

.n7-data-widget.is-error .n7-data-widget__sub-info-icon {
  color: #d12c47;
}
.n7-data-widget.is-error .n7-data-widget__sub-info-label {
  color: #d12c47;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * DATEPICKER
 *
 * Brief description of the component here.
 */
/* ------------------------------------ *\
   #DATEPICKER
\* ------------------------------------ */
/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * FACET-HEADER
 *
 * Header component for facet, displaying facet title and other datas (for istance count of items).
 */
/* ------------------------------------ *\
   #FACET-HEADER
\* ------------------------------------ */
.n7-facet-header {
  display: flex;
  height: 60px;
  background: transparent;
  color: #2d3439;
}
.n7-facet-header__text {
  margin-right: 8px;
  margin-left: 8px;
  font-size: 16px;
  line-height: 60px;
}
.n7-facet-header__secondary-text {
  font-size: 14px;
  line-height: 60px;
}
.n7-facet-header__icon-left, .n7-facet-header__icon-right {
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background: transparent;
  font-size: 18px;
}
.n7-facet-header__icon-right {
  margin-left: auto;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * FACET-YEAR-RANGE
 *
 * Content of the facet that includes to selects to select a raneg of values/years.
 */
/* ------------------------------------ *\
   #FACET-YEAR-RANGE
\* ------------------------------------ */
.n7-facet-year-range {
  padding: 12px 0 12px 12px;
  display: flex;
  box-sizing: border-box;
}
.n7-facet-year-range .n7-facet-year-range__in,
.n7-facet-year-range .n7-facet-year-range__out {
  display: flex;
  box-sizing: border-box;
  padding-right: 12px;
  flex: 0 0 50%;
  max-width: 50%;
  align-items: center;
}
.n7-facet-year-range .n7-facet-year-range__in-label,
.n7-facet-year-range .n7-facet-year-range__out-label {
  margin-right: 4px;
  margin-bottom: 0;
}
.n7-facet-year-range .n7-facet-year-range__in-select,
.n7-facet-year-range .n7-facet-year-range__out-select {
  flex-grow: 1;
}
.n7-facet-year-range .n7-facet-year-range__in-select-placeholder,
.n7-facet-year-range .n7-facet-year-range__out-select-placeholder {
  color: rgba(45, 52, 57, 0.68);
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * FACET
 *
 * Facet component including:
 * - array of checkboxes;
 * - search inpout with label;
 * - list of results.
 */
/* ------------------------------------ *\
   #FACET
\* ------------------------------------ */
.n7-facet {
  /* General section inside facet */
}
.n7-facet__section {
  margin-bottom: 16px;
  margin-left: 8px;
  margin-right: 8px;
}

/* ------------------------------------ *\
   #INPUT CHECKBOX
\* ------------------------------------ */
.n7-facet__section-input-checkbox {
  display: inline-block;
  margin-right: 16px;
}
.n7-facet__input-checkbox-input {
  margin-right: 4px;
}
.n7-facet__input-checkbox-label {
  font-size: 14px;
}

/* ------------------------------------ *\
   #INPUT TEXT
\* ------------------------------------ */
.n7-facet__input-text-label {
  display: block;
  font-size: 14px;
}
.n7-facet__input-text-wrapper {
  position: relative;
}
.n7-facet__input-text[type=text] {
  width: 100%;
  box-sizing: border-box;
  padding-right: 32px;
}
.n7-facet__input-text-icon {
  position: absolute;
  bottom: 0;
  right: 8px;
  line-height: 38px;
  color: rgba(45, 52, 57, 0.68);
}

/* ------------------------------------ *\
   #LIST
\* ------------------------------------ */
.n7-facet {
  /* Hover */
  /* Active */
}
.n7-facet__section-input-links {
  max-height: 200px;
  padding-right: 8px;
  overflow-y: auto;
}
.n7-facet__input-link {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
}
.n7-facet__input-link:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.n7-facet__input-link-icon {
  margin-right: 8px;
  font-size: 16px;
}
.n7-facet__input-link-text {
  padding-right: 8px;
  font-size: 16px;
}
.n7-facet__input-link-counter {
  margin-left: auto;
  padding: 2px 4px;
  border-radius: 3px;
  font-size: 12px;
  color: #ffffff;
  background-color: #afa26a;
}
.n7-facet .n7-facet__input-link:hover .n7-facet__input-link-text {
  color: #5397c7;
}
.n7-facet .n7-facet__input-link.is-active::before {
  content: "\e938";
  font-family: "n7-icon";
  margin-right: 8px;
  color: #1ab66d;
}
.n7-facet .n7-facet__input-link.is-active .n7-facet__input-link-text {
  font-weight: 700;
}

/* ------------------------------------ *\
   #SELECT
\* ------------------------------------ */
.n7-facet__section-input-select {
  display: inline-block;
  margin-bottom: 4px;
  margin-right: 8px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * FOOTER
 *
 * General footer structure, (hopefully) suitable for all needs.
 */
/* ------------------------------------ *\
   #FOOTER
\* ------------------------------------ */
.n7-footer {
  background-color: #2d3439;
  /* Select */
}
.n7-footer__content {
  display: flex;
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
  padding: 32px 0 16px 0;
}
.n7-footer__column {
  flex: 1;
  padding: 0 12px;
}
.n7-footer__column:first-of-type {
  padding-left: 0;
}
.n7-footer__column:last-of-type {
  padding-right: 0;
}
.n7-footer__column-nav {
  margin-bottom: 16px;
}
.n7-footer__column-nav-list {
  padding-left: 0;
  list-style: none;
  font-size: 12px;
}
.n7-footer__column-nav-item {
  margin-bottom: 4px;
}
.n7-footer__column-nav-list {
  margin: 0;
  text-decoration: underline;
  cursor: pointer;
}
.n7-footer__column-title {
  margin-bottom: 8px;
  font-size: 14px;
}
.n7-footer__column-text {
  margin-bottom: 16px;
  font-size: 12px;
}
.n7-footer__column-images {
  margin-bottom: 16px;
}
.n7-footer__column-images img {
  width: auto;
  height: 60px;
  margin-right: 4px;
}
.n7-footer__column-selects {
  margin-bottom: 16px;
}
.n7-footer__column-selects > * {
  display: block;
}
.n7-footer__column-selects > *:not(:last-child) {
  margin-bottom: 8px;
}
.n7-footer__column-selects label {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
}
.n7-footer__column-selects .n7-facet__input-select {
  font-size: 14px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 1264px) {
  .n7-footer__column:first-of-type {
    padding-left: 12px;
  }
  .n7-footer__column:last-of-type {
    padding-right: 12px;
  }
}
@media all and (max-width: 700px) {
  .n7-footer__content {
    flex-flow: column nowrap;
  }
  .n7-footer__column {
    padding-bottom: 12px;
  }
  .n7-footer__column:last-of-type {
    padding-bottom: 0;
  }
  .n7-footer__column-nav-list, .n7-footer__column-nav-item {
    margin-bottom: 0;
  }
  .n7-footer__column-nav-list {
    margin-top: 0;
  }
}
/* Retina */
/**
 * HEADER
 *
 * Style for header, including main navigation
 */
/* ------------------------------------ *\
    HEADER
\* ------------------------------------ */
.n7-header {
  height: 80px;
  background-color: #ffffff;
  /* Logo and title */
  /* Main menu */
  /* Current page */
  /* Sublevel (dropdown) menu */
  /* Current page */
  /* Tools: search, actions, buttons, user profile */
  /* Search */
  /* Actions */
  /* Selects */
  /* Buttons */
  /* User */
  /* Mobile menu toggle */
  /* Mobile menu toggle */
}
.n7-header__content {
  height: 80px;
  display: flex;
  flex-wrap: nowrap;
}
.n7-header__logo-title {
  flex: 0 0 auto;
  cursor: pointer;
}
.n7-header__logo-link {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
}
.n7-header__logo {
  max-height: 64px;
  width: auto;
  height: auto;
}
.n7-header__title-subtitle {
  padding: 8px;
}
.n7-header__title {
  margin: 0 0 4px 0;
  color: #2d3439;
  font-size: 16px;
  font-weight: 700;
}
.n7-header__subtitle {
  margin: 0;
  color: #2d3439;
  font-size: 14px;
  font-weight: 400;
}
.n7-header__nav {
  flex-grow: 2;
  flex-basis: auto;
  z-index: 2;
}
.n7-header__nav-content {
  height: 100%;
}
.n7-header__nav-list {
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}
.n7-header__nav-item {
  display: inline-block;
  position: relative;
  height: 100%;
  margin: 0;
  cursor: pointer;
}
.n7-header__nav-item:hover .n7-header__subnav-list {
  display: block;
}
.n7-header__nav-link {
  display: flex;
  align-items: center;
  height: 100%;
  color: #2d3439;
}
.n7-header__nav-icon {
  margin-right: 8px;
}
.n7-header__nav-label {
  font-size: 16px;
}
.n7-header__nav-item.is-current .n7-header__nav-label {
  font-weight: 700;
}
.n7-header__subnav-list {
  display: none;
  position: absolute;
  left: -50%;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  list-style: none;
  text-align: left;
}
.n7-header__subnav-item {
  margin: 0;
  padding: 0;
}
.n7-header__subnav-item:last-child .n7-header__subnav-link {
  border-bottom: 0;
}
.n7-header__subnav-link {
  display: block;
  padding: 12px;
  border-bottom: 1px solid #f0f0f0;
  color: #2d3439;
}
.n7-header__subnav-item.is-current .n7-header__subnav-label {
  font-weight: 700;
}
.n7-header__tools {
  flex-grow: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  margin-left: auto;
  padding: 0 0 0 16px;
}
.n7-header__search {
  position: relative;
}
.n7-header__search-input[type=search] {
  height: 36px;
  line-height: 36px;
}
.n7-header__search-btn {
  position: absolute;
  right: 0;
  border: 0;
  background-color: transparent;
}
.n7-header__search-btn::after {
  content: "\e9b9";
  color: rgba(45, 52, 57, 0.68);
  font-family: "n7-icon";
  font-size: 18px;
  vertical-align: middle;
  line-height: 36px;
}
.n7-header__search-btn-label {
  display: none;
}
.n7-header__actions {
  display: flex;
  height: 80px;
}
.n7-header__action {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  cursor: pointer;
}
.n7-header__action-icon {
  font-size: 32px;
}
.n7-header__action-badge {
  display: block;
  position: absolute;
  top: 31%;
  right: 34%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #5397c7;
}
.n7-header__action-badge.has-text {
  top: 24%;
  right: 23%;
  width: auto;
  height: 18px;
  line-height: 18px;
  border-radius: 9px;
  padding: 0 4px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
}
.n7-header__selects {
  margin-left: 8px;
  flex-shrink: 0;
}
.n7-header__selects > *:not(:last-child) {
  margin-right: 8px;
}
.n7-header__selects .n7-input-select {
  margin: 0;
}
.n7-header__selects .n7-input-select label {
  margin-right: 4px;
  color: #2d3439;
  font-size: 14px;
}
.n7-header__selects .n7-facet__input-select {
  height: 30px;
  font-size: 14px;
}
.n7-header__buttons {
  flex-shrink: 0;
}
.n7-header__buttons > * {
  margin-right: 8px;
}
.n7-header__buttons > *:last-child {
  margin-right: 0;
}
.n7-header__user {
  flex-shrink: 0;
  padding-left: 16px;
}
.n7-header__user-content {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.n7-header__user-content .n7-avatar {
  margin-right: 8px;
}
.n7-header__user-img {
  flex-grow: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  border-radius: 50%;
}
.n7-header__user-name {
  display: flex;
  align-items: center;
  margin: 0;
  line-height: 1.2;
  font-size: 14px;
}
.n7-header__user-name::after {
  content: "\e908";
  font-family: "n7-icon";
  font-size: 16px;
  vertical-align: middle;
}
.n7-header__user-name-label {
  margin-right: 8px;
}
.n7-header__mobile-menu-toggle {
  display: none;
  align-items: center;
  height: 80px;
}
.n7-header__mobile-menu-icon {
  font-size: 24px;
  cursor: pointer;
}
.n7-header__mobile-menu-close {
  display: none;
  position: fixed;
  z-index: 2;
  width: 30px;
  height: 30px;
  top: 24px;
  right: 24px;
  font-size: 24px;
  color: #2d3439;
  cursor: pointer;
}
.n7-header__mobile-menu-close:hover {
  color: #5397c7;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 1180px) {
  .n7-header__nav-content {
    display: none;
  }
  .n7-header__user-name {
    display: none;
  }
  .n7-header__tools {
    align-self: flex-end;
  }
  .n7-header__mobile-menu-toggle {
    display: flex;
    align-self: flex-end;
  }
  /* Style for fullscreen responsive navigation */
  .n7-header {
    /* Displays mobile nav when .is-mobile-nav-displayed is inserted into .n7-header */
    /* Sublevel (dropdown) menu */
  }
  .n7-header__nav-content {
    position: fixed;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #ffffff;
    inset: 0;
  }
  .n7-header.is-mobile-nav-displayed .n7-header__nav-content {
    display: flex;
  }
  .n7-header.is-mobile-nav-displayed .n7-header__mobile-menu-close {
    display: block;
  }
  .n7-header__nav-content {
    height: 100%;
  }
  .n7-header__nav-list {
    width: 100%;
    height: auto;
    overflow-y: auto;
  }
  .n7-header__nav-item {
    display: block;
    height: auto;
    padding: 16px 0;
  }
  .n7-header__nav-link {
    display: block;
    text-align: center;
    height: auto;
  }
  .n7-header__nav-icon {
    font-size: 18px;
  }
  .n7-header__nav-label {
    font-size: 24px;
  }
  .n7-header__subnav-list {
    display: block;
    position: relative;
    left: auto;
    margin-top: 16px;
    background-color: transparent;
    text-align: center;
  }
  .n7-header__subnav-item:last-child .n7-header__subnav-link {
    padding-bottom: 0;
  }
  .n7-header__subnav-link {
    border-bottom: 0;
    padding: 16px;
  }
  .n7-header__subnav-icon {
    font-size: 16px;
  }
  .n7-header__subnav-label {
    font-size: 18px;
  }
}
@media all and (max-width: 600px) {
  .n7-header {
    height: 60px;
  }
  .n7-header__logo {
    max-height: 44px;
  }
  .n7-header__title {
    font-size: 14px;
  }
  .n7-header__subtitle {
    font-size: 12px;
  }
  .n7-header__search-input[type=search] {
    height: 28px;
    line-height: 28px;
  }
  .n7-header__search-btn::after {
    line-height: 28px;
  }
  .n7-header__user-img {
    width: 28px;
    height: 28px;
  }
  .n7-header__mobile-menu-toggle {
    height: 60px;
  }
}
/**
 * HERO
 *
 * Component displaying the following elements:
 * - title
 * - text
 * - input (usually used for seacrh purposes)
 * - button/call to action
 * - image
 * - background image
 *
 * This component is used for hero section at the top of the homepage or
 *  for call to action sections (usually in homepage)
 */
/* ------------------------------------ *\
   #HERO
\* ------------------------------------ */
.n7-hero {
  position: relative;
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #2d3439;
  background-position: center center;
  /* Overlay */
  /* Text wrapper */
}
.n7-hero.has-background-image::after {
  position: absolute;
  content: " ";
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4) !important;
  transition: all 0.2s;
}
.n7-hero__content {
  position: relative;
  z-index: 10;
  max-width: 1140px;
  margin: 0 auto;
}
.n7-hero__text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 500px;
}
.n7-hero__title {
  margin: 0 0 16px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1;
  color: #ffffff;
}
.n7-hero__pre-title {
  margin: 0 0 16px 0;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
  color: #ffffff;
}
.n7-hero__text {
  margin: 0 0 16px 0;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  color: #ffffff;
}
.n7-hero__text p {
  margin-bottom: 0;
  font-size: 18px;
  color: #ffffff;
}
.n7-hero__input-wrapper {
  min-width: 50%;
  position: relative;
}
.n7-hero__input {
  width: 100%;
  margin: 0 0 16px 0;
  box-sizing: border-box;
}
.n7-hero__input-icon {
  position: absolute;
  top: 0;
  right: 8px;
  font-size: 18px;
  color: rgba(45, 52, 57, 0.68);
  line-height: 38px;
}
.n7-hero__btn {
  display: inline-block;
}

/* ------------------------------------ *\
   #WITH-IMAGE
\* ------------------------------------ */
.n7-hero.has-image {
  /* Text */
  /* Image */
}
.n7-hero.has-image .n7-hero__content {
  display: flex;
}
.n7-hero.has-image .n7-hero__text-wrapper {
  flex: 1;
  margin-right: 24px;
}
.n7-hero.has-image .n7-hero__title,
.n7-hero.has-image .n7-hero__text {
  width: 100%;
  /* For IE bug, text overflowing container when contained in flex item */
}
.n7-hero.has-image .n7-hero__image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 500px;
  width: 500px;
  padding: 24px 0;
}
.n7-hero.has-image .n7-hero__image {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  box-sizing: border-box;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (width <= calc(1140px + 8px * 4)) {
  .n7-hero__content {
    padding: 0 16px;
  }
}
@media all and (max-width: 960px) {
  /* With image */
  .n7-hero.has-image .n7-hero__content {
    grid-template-columns: 1fr 220px;
  }
}
@media all and (max-width: 650px) {
  .n7-hero {
    height: auto;
    padding: 16px 0;
  }
  .n7-hero__text-wrapper {
    height: auto;
  }
  .n7-hero__title {
    margin: 0 0 16px 0;
    font-size: 18px;
  }
  .n7-hero__text {
    margin: 0 0 16px 0;
    font-size: 16px;
  }
  /* With image */
  .n7-hero.has-image {
    /* Invert text and image order */
  }
  .n7-hero.has-image .n7-hero__content {
    display: flex;
    flex-direction: column;
  }
  .n7-hero.has-image .n7-hero__text-wrapper {
    order: 2;
  }
  .n7-hero.has-image .n7-hero__image-wrapper {
    order: 1;
    padding: 0;
    margin-bottom: 16px;
  }
}
/* Retina */
/**
 * HISTOGRAM-RANGE
 *
 * Brief description of the component here.
 */
/* ------------------------------------ *\
   #HISTOGRAM-RANGE
\* ------------------------------------ */
.n7-histogram-range {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
.n7-histogram-range > svg {
  width: 100% !important;
  box-sizing: border-box;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * Icon
 *
 * Icon component.
 */
/* ------------------------------------ *\
    ICON
\* ------------------------------------ */
.n7-icon {
  margin: 0 4px;
  display: inline-flex;
  align-items: center;
}

n7-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * IMAGE-VIEWER
 *
 * Image viewer component based on OpenSeaDragon.
 * The component includes a thumb preview tool and
 * native controls for zoomin zoomout home and fullscreen.
 */
/* ------------------------------------ *\
   #IMAGE-VIEWER
\* ------------------------------------ */
.n7-image-viewer {
  position: relative;
  background-color: #2d3439;
}
.n7-image-viewer__viewer {
  height: 650px;
}

/* ------------------------------------ *\
   #THUMBS
\* ------------------------------------ */
/* This is the style for the default OpenSeaDragon thumbs. 
For our custom thumbs please refer to ImageViewerTools. */
.n7-image-viewer__thumbs {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
}
.n7-image-viewer__thumb-list {
  list-style: none;
}
.n7-image-viewer__thumb-item {
  width: 110px !important;
  height: 110px !important;
  margin-bottom: 8px;
  background-size: cover;
  background-position: center center;
  background-repeat: none;
  border: 2px solid transparent;
  cursor: pointer;
}
.n7-image-viewer__thumb-item:last-child {
  margin-bottom: 0;
}
.n7-image-viewer__thumb-item:hover:not(.is-active) {
  border: 2px solid #5397c7;
}
.n7-image-viewer__thumb-item.is-active {
  border: 2px solid #ababab;
}

/* ------------------------------------ *\
   #CONTROLS
\* ------------------------------------ */
.n7-image-viewer__controls {
  position: absolute;
  top: 16px;
  right: 16px;
}
.n7-image-viewer__controls .n7-image-viewer__controls-list {
  margin: 0;
  padding: 0;
}
.n7-image-viewer__controls .n7-image-viewer__controls-item {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 8px !important;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
}
.n7-image-viewer__controls .n7-image-viewer__controls-item span {
  color: rgba(255, 255, 255, 0.8);
  font-size: 24px;
  transition: color 0.2s;
}
.n7-image-viewer__controls .n7-image-viewer__controls-item:hover {
  background-color: black;
}
.n7-image-viewer__controls .n7-image-viewer__controls-item:hover span {
  color: white;
}
.n7-image-viewer__controls .n7-image-viewer__controls-item:last-child {
  margin-bottom: 0;
}

/* ------------------------------------ *\
   #PREV-NEXT
\* ------------------------------------ */
.n7-image-viewer__prev,
.n7-image-viewer__next {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
}
.n7-image-viewer__prev span,
.n7-image-viewer__next span {
  color: rgba(255, 255, 255, 0.8);
  font-size: 64px;
  transition: all 0.2s;
  cursor: pointer !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.n7-image-viewer__prev span:hover,
.n7-image-viewer__next span:hover {
  color: white;
}

.n7-image-viewer__prev {
  left: 0;
}

.n7-image-viewer__next {
  right: 0;
}

/* ------------------------------------ *\
   #REFERENCE-STRIP
\* ------------------------------------ */
.openseadragon-container:hover .referencestrip {
  margin-bottom: 0 !important;
}

.referencestrip {
  margin-bottom: -100px !important;
  transition: all 0.4s;
}
.referencestrip > *,
.referencestrip .openseadragon-container,
.referencestrip .openseadragon-canvas,
.referencestrip canvas,
.referencestrip .displayregion {
  cursor: pointer !important;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * IMAGE-VIEWER-TOOLS
 *
 * Component that is overlapped on the image tools to add thumbs, caption and other functionalities.
 */
/* ------------------------------------ *\
   #IMAGE-VIEWER-TOOLS
\* ------------------------------------ */
.n7-image-viewer-tools {
  width: 100%;
  position: relative;
  /* Test layout */
}
.n7-image-viewer-tools__test {
  height: 600px;
  background-color: #2d3439;
}
.n7-image-viewer-tools__bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.n7-image-viewer-tools__thumbs-description {
  width: 100%;
}

/* ------------------------------------ *\
   #CONTROLS
\* ------------------------------------ */
/* Buttons to show/fide the thumbs strip or the caption. */
.n7-image-viewer-tools__controls {
  margin: 0 16px 16px 0;
}
.n7-image-viewer-tools__control-wrapper {
  display: block;
  margin-top: 8px;
}
.n7-image-viewer-tools__control-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-top: 8px;
  cursor: pointer;
  background-color: #5397c7;
  border-radius: 3px;
  box-shadow: 0 0 14px #2d3439;
}
.n7-image-viewer-tools__control-btn:hover .n7-image-viewer-tools__control-btn-icon {
  color: white;
}
.n7-image-viewer-tools__control-btn-icon {
  color: rgba(255, 255, 255, 0.8);
  font-size: 24px;
  transition: color 0.2s;
  padding: 10px;
}
.n7-image-viewer-tools__control-btn.is-active {
  background-color: #afa26a;
}
.n7-image-viewer-tools__control-btn.is-active:hover .n7-image-viewer-tools__control-btn-icon {
  color: white;
}

/* ------------------------------------ *\
   #THUMBS
\* ------------------------------------ */
.n7-image-viewer-tools {
  /* Left/right arrows to scroll thumbs */
}
.n7-image-viewer-tools__thumbs {
  position: relative;
  background: rgba(0, 0, 0, 0.65);
  box-shadow: 0 -3px 30px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.1);
  width: 100%;
  height: auto;
  bottom: 0;
  overflow-x: hidden;
}
.n7-image-viewer-tools__thumbs-strip {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  padding: 8px 0;
  overflow-x: hidden;
}
.n7-image-viewer-tools__thumb {
  margin: 0 4px;
}
.n7-image-viewer-tools__thumb.active .n7-image-viewer-tools__thumb-image {
  border: 3px solid #ababab;
}
.n7-image-viewer-tools__thumb-image {
  height: 110px;
  width: 110px;
  object-fit: contain;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  border: 3px solid transparent;
}
.n7-image-viewer-tools__thumb-image:hover {
  cursor: pointer;
  border: 3px solid #5397c7;
}
.n7-image-viewer-tools__thumbs-scroll-left, .n7-image-viewer-tools__thumbs-scroll-right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.n7-image-viewer-tools__thumbs-scroll-left span, .n7-image-viewer-tools__thumbs-scroll-right span {
  color: #ffffff;
  font-size: 38px;
  cursor: pointer;
}
.n7-image-viewer-tools__thumbs-scroll-left.is_disabled, .n7-image-viewer-tools__thumbs-scroll-right.is_disabled {
  display: none;
}
.n7-image-viewer-tools__thumbs-scroll-left {
  left: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}
.n7-image-viewer-tools__thumbs-scroll-right {
  right: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}

/* ------------------------------------ *\
   #DESCRIPTION/CAPTION
\* ------------------------------------ */
.n7-image-viewer-tools__description {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  background: rgba(0, 0, 0, 0.65);
  bottom: 0;
  box-shadow: 0 -3px 30px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.n7-image-viewer-tools__description-text-wrapper {
  box-sizing: border-box;
  max-height: 300px;
  overflow-y: auto;
  padding: 32px 40px;
}
.n7-image-viewer-tools__description-close {
  position: absolute;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 16px;
  top: 16px;
  font-size: 24px;
  cursor: pointer;
  color: #ffffff;
  transition: color 0.2s;
}
.n7-image-viewer-tools__description-close:hover {
  color: #5397c7;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * INNER-TITLE
 *
 * Title component for page, sections, with title, subtitle and some sortings items.
 */
/* ------------------------------------ *\
   #INNER-TITLE
\* ------------------------------------ */
.n7-inner-title {
  display: flex;
  align-items: center;
  padding: 16px;
}
.n7-inner-title select,
.n7-inner-title input[type=text] {
  height: 30px;
}
.n7-inner-title__left-wrapper {
  display: flex;
  align-items: center;
}
.n7-inner-title__icon-left {
  padding: 0;
  margin-right: 8px;
  font-size: 32px;
}
.n7-inner-title__image-left {
  flex-shrink: 0;
  padding: 0;
  margin-right: 8px;
  width: 60px;
  height: 60px;
  background-size: cover;
  background-repeat: no-repeat;
}
.n7-inner-title__title {
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 32px;
}
.n7-inner-title__subtitle {
  font-size: 18px;
}
.n7-inner-title__tools {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.n7-inner-title__tools > div {
  margin-left: 16px;
}
.n7-inner-title__tools > div:first-child {
  margin-left: 0;
}
.n7-inner-title__tools-label {
  font-size: 18px;
}
.n7-inner-title__sorting-label {
  margin-right: 8px;
}
.n7-inner-title__search {
  display: flex;
  align-items: center;
}
.n7-inner-title__search::placeholder {
  font-size: 16px;
}
.n7-inner-title__search-bar {
  margin-right: 4px;
}
.n7-inner-title__buttons-wrapper {
  display: flex;
  align-items: center;
}
.n7-inner-title__buttons-icon {
  padding: 0;
  margin-right: 8px;
  font-size: 18px;
}
.n7-inner-title__single-button-wrapper {
  margin-right: 8px;
}
.n7-inner-title__single-button-wrapper:last-of-type {
  margin-right: 0;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 1179px) {
  .n7-inner-title {
    flex-wrap: wrap;
  }
  .n7-inner-title__tools {
    margin-left: 0;
    padding: 16px 0 0 0;
    flex: 0 0 calc(100% - 48px);
    width: calc(100% - 48px);
  }
}
@media all and (max-width: 767px) {
  .n7-inner-title__wrapper-texts {
    margin-bottom: 8px;
  }
  .n7-inner-title__tools {
    align-items: stretch;
    flex-flow: column nowrap;
    flex: 0 0 100%;
    width: 100%;
  }
  .n7-inner-title__tools > div {
    margin-left: 0;
    margin-bottom: 12px;
  }
  .n7-inner-title__tools > div:last-child {
    margin-bottom: 0;
  }
}
/* Retina */
/* ------------------------------------ *\
#INPUT CHECKBOX
\* ------------------------------------ */
.n7-input-checkbox {
  display: inline-block;
  margin-right: 16px;
}
.n7-input-checkbox__input-wrapper {
  display: inline-block;
  margin-right: 8px;
}
.n7-input-checkbox__input {
  margin-right: 4px;
}
.n7-input-checkbox__label {
  font-size: 14px;
}

/* ------------------------------------ *\
   #FIELDSET 
\* ------------------------------------ */
/* Wraps all the checkboxes to add a common label (tag: legend) */
.n7-input-checkbox__fieldset {
  border: 0;
}
/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/* ------------------------------------ *\
   #LINKS
\* ------------------------------------ */
.n7-input-link {
  max-height: 200px;
  padding-right: 8px;
  overflow-y: auto;
  /* Hover */
  /* Active */
}
.n7-input-link__link {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
}
.n7-input-link__link:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.n7-input-link__icon {
  margin-right: 8px;
  font-size: 16px;
}
.n7-input-link__text {
  padding-right: 8px;
  font-size: 16px;
}
.n7-input-link__counter {
  margin-left: auto;
  padding: 2px 4px;
  border-radius: 3px;
  font-size: 12px;
  color: #ffffff;
  background-color: #afa26a;
}
.n7-input-link .n7-input-link__link:hover .n7-input-link__text {
  color: #5397c7;
}
.n7-input-link .n7-input-link__link.is-active::before {
  content: "\e938";
  font-family: "n7-icon";
  margin-right: 8px;
  color: #1ab66d;
}
.n7-input-link .n7-input-link__link.is-active .n7-input-link__text {
  font-weight: 700;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/* ------------------------------------ *\
   #SELECT
\* ------------------------------------ */
.n7-input-select select:required:invalid {
  color: #ababab;
}
.n7-input-select option[value=""][disabled] {
  display: none;
}
.n7-input-select option {
  color: #2d3439;
}
.n7-input-select option[disabled] {
  background-color: #dddddd;
  color: #ababab;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/* ------------------------------------ *\
   #INPUT TEXT
\* ------------------------------------ */
.n7-input-text__label {
  display: block;
  font-size: 14px;
}
.n7-input-text__wrapper {
  position: relative;
}
.n7-input-text__text[type=text], .n7-input-text__text[type=number] {
  width: 100%;
  box-sizing: border-box;
}
.n7-input-text__text[type=number] {
  padding-right: 0;
}
.n7-input-text .has-icon input {
  padding-right: 32px;
}
.n7-input-text__icon {
  position: absolute;
  bottom: 0;
  right: 8px;
  line-height: 38px;
  color: rgba(45, 52, 57, 0.68);
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/* ------------------------------------ *\
   #INPUT TEXT
\* ------------------------------------ */
.n7-input-textarea__label {
  display: block;
  font-size: 14px;
}
.n7-input-textarea__wrapper {
  position: relative;
}
.n7-input-textarea__text[type=textarea] {
  width: 100%;
  height: 200px;
  box-sizing: border-box;
  padding: 8px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  resize: vertical;
}
.n7-input-textarea .has-icon input {
  padding-right: 32px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * ITEM-PREVIEW
 *
 * Component used to preview any kind of element with image, title, text, metadata and icons.
 */
/* ------------------------------------ *\
   #ITEM-PREVIEW
\* ------------------------------------ */
.n7-item-preview {
  /* anchor-wrapper wrapper af all contents */
  /* Metadata */
}
.n7-item-preview__inner {
  cursor: default;
  position: relative;
}
.n7-item-preview__title {
  margin-bottom: 8px;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #2d3439;
}
.n7-item-preview__text {
  margin-bottom: 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #2d3439;
}
.n7-item-preview__metadata-group {
  margin-bottom: 8px;
  color: #2d3439;
}
.n7-item-preview__metadata-group-title {
  margin-bottom: 8px;
}
.n7-item-preview__metadata-item {
  display: inline-block;
  margin-right: 8px;
}
.n7-item-preview__metadata-item:last-child {
  margin-right: 0;
}
.n7-item-preview__metadata-item-icon {
  margin-right: 4px;
}
.n7-item-preview__metadata-item-label {
  margin-right: 4px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  vertical-align: top;
}
.n7-item-preview__metadata-item-value {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  vertical-align: top;
}

/* ------------------------------------ *\
   #HAS-IMAGE, #HAS-COLOR
\* ------------------------------------ */
.n7-item-preview.has-image .n7-item-preview__inner,
.n7-item-preview.has-color .n7-item-preview__inner {
  display: flex;
}
.n7-item-preview.has-image .n7-item-preview__image,
.n7-item-preview.has-color .n7-item-preview__image {
  /* Color background here */
  width: 60px;
  height: 60px;
  margin-right: 12px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.n7-item-preview.has-image .n7-item-preview__content,
.n7-item-preview.has-color .n7-item-preview__content {
  flex: 1;
}

/* ------------------------------------ *\
   #IS-VERTICAL
\* ------------------------------------ */
.n7-item-preview.is-vertical.has-image .n7-item-preview__inner,
.n7-item-preview.is-vertical.has-color .n7-item-preview__inner {
  display: block;
}
.n7-item-preview.is-vertical.has-image .n7-item-preview__image,
.n7-item-preview.is-vertical.has-color .n7-item-preview__image {
  /* Color background here */
  width: 100%;
  height: 180px;
  margin-bottom: 8px;
  margin-right: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

/* ------------------------------------ *\
   #IS-FRONTPAGE
\* ------------------------------------ */
.n7-item-preview.is-frontpage.has-image .n7-item-preview__inner,
.n7-item-preview.is-frontpage.has-color .n7-item-preview__inner {
  display: block;
}
.n7-item-preview.is-frontpage.has-image .n7-item-preview__image,
.n7-item-preview.is-frontpage.has-color .n7-item-preview__image {
  /* Color background here */
  width: 100%;
  height: auto;
  aspect-ratio: 0.75;
  margin-bottom: 8px;
  margin-right: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

/* ------------------------------------ *\
   #IS-OVERLAY
\* ------------------------------------ */
.n7-item-preview.is-overlay.has-image .n7-item-preview__inner,
.n7-item-preview.is-overlay.has-color .n7-item-preview__inner {
  display: block;
  height: 250px;
}
.n7-item-preview.is-overlay.has-image .n7-item-preview__image,
.n7-item-preview.is-overlay.has-color .n7-item-preview__image {
  /* Color background here */
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  margin-right: 0;
  z-index: 1;
}
.n7-item-preview.is-overlay.has-image .n7-item-preview__content,
.n7-item-preview.is-overlay.has-color .n7-item-preview__content {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.n7-item-preview.is-overlay.has-image .n7-item-preview__title,
.n7-item-preview.is-overlay.has-image .n7-item-preview__text,
.n7-item-preview.is-overlay.has-image .n7-item-preview__metadata-group-title,
.n7-item-preview.is-overlay.has-color .n7-item-preview__title,
.n7-item-preview.is-overlay.has-color .n7-item-preview__text,
.n7-item-preview.is-overlay.has-color .n7-item-preview__metadata-group-title {
  text-align: center;
  color: #ffffff;
}
.n7-item-preview.is-overlay.has-image .n7-item-preview__metadata-group,
.n7-item-preview.is-overlay.has-color .n7-item-preview__metadata-group {
  text-align: center;
}
.n7-item-preview.is-overlay.has-image .n7-item-preview__metadata-item-icon,
.n7-item-preview.is-overlay.has-image .n7-item-preview__metadata-item-label,
.n7-item-preview.is-overlay.has-image .n7-item-preview__metadata-item-value,
.n7-item-preview.is-overlay.has-color .n7-item-preview__metadata-item-icon,
.n7-item-preview.is-overlay.has-color .n7-item-preview__metadata-item-label,
.n7-item-preview.is-overlay.has-color .n7-item-preview__metadata-item-value {
  color: #ffffff;
}

/* Dark overlay behind the text only with image (not with color bg only) */
.n7-item-preview.is-overlay.has-image .n7-item-preview__image {
  /* Color background here */
}
.n7-item-preview.is-overlay.has-image .n7-item-preview__image::after {
  content: " ";
  position: absolute;
  z-index: 1;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

/* ------------------------------------ *\
   #HOVER
\* ------------------------------------ */
/* Only applied when the class .has-link is present */
.n7-item-preview.has-link .n7-item-preview__inner {
  cursor: pointer;
}
.n7-item-preview.has-link:hover .n7-item-preview__title {
  color: #5397c7;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * LOADER
 *
 * Style for loader.
 */
/* ------------------------------------ *\
    LOADER
\* ------------------------------------ */
.n7-loader {
  width: 70px;
  height: 70px;
  border: 5px solid #f0f0f0;
  border-bottom-color: #dddddd;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

/* ------------------------------------ *\
    ANIMATION
\* ------------------------------------ */
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/**
 * MAP
 *
 * Brief description of the component here.
 */
/* ------------------------------------ *\
   #MAP
\* ------------------------------------ */
.n7-map__container {
  height: 600px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * METADATA-VIEWER
 *
 * Component to display metadata organized and nested in groups.
 */
/* ------------------------------------ *\
   #METADATA-VIEWER
\* ------------------------------------ */
.n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group-wrapper {
  padding-left: 16px;
}
.n7-metadata-viewer__group {
  margin-bottom: 16px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.n7-metadata-viewer__group-title {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
}
.n7-metadata-viewer__item {
  margin-bottom: 12px;
}
.n7-metadata-viewer__item-label {
  font-weight: 700;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/* mirador-custom.css */
#mirador-container {
  position: relative;
  width: 100%;
  height: 600px; /* Set the desired height */
  margin-top: 40px;
  overflow: hidden;
}

.Connect\(WithPlugins\(Workspace\)\)-workspaceWithControlPanel-21 {
  padding-left: 0 !important; /* since the left navbar is hidden I don't need the padding */
}

/*
.mirador-scrollto-scrollable {
    scrollbar-color: #2d3439 #575d62;
}
    */
/**
 * NAV
 *
 * Generic navigation tool that can be user for secondary navigation,
 * inner page navigation and virtually any situation when you need
 * a menu.
 */
/* ------------------------------------ *\
    NAV
\* ------------------------------------ */
.n7-nav__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.n7-nav__link {
  cursor: pointer;
}
.n7-nav__item {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.n7-nav__image {
  height: 50px;
  width: 50px;
  object-fit: contain;
  margin-right: 4px;
}
.n7-nav__icon {
  margin-right: 4px;
}
.n7-nav__icon-secondary {
  margin-left: 4px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * PAGINATION
 *
 * Common pagination component used at the bottom of lists and feeds.
 */
/* ------------------------------------ *\
   #PAGINATION
\* ------------------------------------ */
.n7-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  /* Special spacing and width for first, prev, next, last with text */
  /* Text labels for text in first, prev, next, last */
  /* Modifiers */
}
.n7-pagination__items {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.n7-pagination__items > li {
  margin-left: 4px;
  margin-right: 4px;
  -webkit-user-select: none;
          user-select: none;
}
.n7-pagination__items > li:first-child {
  margin-left: 0;
}
.n7-pagination__items > li:last-child {
  margin-right: 0;
}
.n7-pagination__first-link, .n7-pagination__prev-link, .n7-pagination__page-link, .n7-pagination__next-link, .n7-pagination__last-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 3px;
  cursor: pointer;
  color: #2d3439;
}
.n7-pagination__first-link:hover, .n7-pagination__prev-link:hover, .n7-pagination__page-link:hover, .n7-pagination__next-link:hover, .n7-pagination__last-link:hover {
  color: #5397c7;
}
.n7-pagination__first-link.has-text, .n7-pagination__prev-link.has-text {
  width: auto;
  padding: 0 12px 0 4px;
}
.n7-pagination__next-link.has-text, .n7-pagination__last-link.has-text {
  width: auto;
  padding: 0 4px 0 12px;
}
.n7-pagination__first-link, .n7-pagination__prev-link, .n7-pagination__next-link, .n7-pagination__last-link {
  font-size: 18px;
}
.n7-pagination__first-label, .n7-pagination__prev-label, .n7-pagination__next-label, .n7-pagination__last-label {
  font-size: 14px;
}
.n7-pagination__page-link {
  font-size: 16px;
}
.n7-pagination .is-disabled .n7-pagination__first-link,
.n7-pagination .is-disabled .n7-pagination__prev-link,
.n7-pagination .is-disabled .n7-pagination__page-link,
.n7-pagination .is-disabled .n7-pagination__next-link,
.n7-pagination .is-disabled .n7-pagination__last-link {
  color: #ababab;
  cursor: not-allowed;
}
.n7-pagination .is-active .n7-pagination__page-link {
  border: 0;
  background-color: #dddddd;
  color: #ffffff;
  cursor: default;
}

/* ------------------------------------ *\
   #HIDDEN-ICONS
\* ------------------------------------ */
/*
if class .has-hidden-icons is added to the root element, icons for first, previous,
next and last are hidden.
*/
.n7-pagination.has-hidden-icons .n7-pagination__first-link [class*=" n7-icon-"],
.n7-pagination.has-hidden-icons .n7-pagination__prev-link [class*=" n7-icon-"],
.n7-pagination.has-hidden-icons .n7-pagination__next-link [class*=" n7-icon-"],
.n7-pagination.has-hidden-icons .n7-pagination__last-link [class*=" n7-icon-"] {
  display: none;
}
.n7-pagination.has-hidden-icons .n7-pagination__first-link.has-text,
.n7-pagination.has-hidden-icons .n7-pagination__prev-link.has-text,
.n7-pagination.has-hidden-icons .n7-pagination__next-link.has-text,
.n7-pagination.has-hidden-icons .n7-pagination__last-link.has-text {
  padding: 0 12px 0 12px;
}

/* ------------------------------------ *\
   #WITH-RESULTS-NUMBER-SELECT
\* ------------------------------------ */
.n7-pagination.has-results-select {
  display: flex;
  justify-content: space-between;
}

/* ------------------------------------ *\
   #RESULTS-NUMBER-SELECT
\* ------------------------------------ */
.n7-pagination__setting-select {
  margin-left: 8px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 480px) {
  .n7-pagination__page {
    display: none;
  }
}
/* Retina */
/**
 * SIDEBAR-HEADER
 *
 * Header for sidebar with icons (on the left and the right) and a text.
 */
/* ------------------------------------ *\
   #SIDEBAR-HEADER
\* ------------------------------------ */
.n7-sidebar-header {
  display: flex;
  width: 100%;
  height: 44px;
  background-color: #2d3439;
}
.n7-sidebar-header__icon-left {
  display: block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  background-color: #2d3439;
}
.n7-sidebar-header__text {
  margin-right: 8px;
  margin-left: 8px;
  line-height: 44px;
  font-size: 16px;
  color: #ffffff;
}
.n7-sidebar-header__secondary-text {
  line-height: 44px;
  font-size: 14px;
  color: #ffffff;
}
.n7-sidebar-header__icon-right {
  margin-left: auto;
  display: block;
  width: 44px;
  height: 44px;
  color: #ffffff;
  background-color: #5397c7;
  line-height: 44px;
  text-align: center;
  font-size: 24px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * SIGNUP
 *
 * Component for login/signup/forgotten password managing. 
 */
/* ------------------------------------ *\
   #SIGNUP
\* ------------------------------------ */
.n7-signup {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
  padding: 16px;
}
.n7-signup__text {
  font-size: 14px;
}
.n7-signup__form-error {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 14px;
  color: #d12c47;
}
.n7-signup__form-item {
  display: flex;
  flex-flow: column nowrap;
  padding: 8px 0;
  position: relative;
}
.n7-signup__form-item textarea,
.n7-signup__form-item input[type=date],
.n7-signup__form-item input[type=datetime],
.n7-signup__form-item input[type=datetime-local],
.n7-signup__form-item input[type=email],
.n7-signup__form-item input[type=month],
.n7-signup__form-item input[type=number],
.n7-signup__form-item input[type=password],
.n7-signup__form-item input[type=search],
.n7-signup__form-item input[type=tel],
.n7-signup__form-item input[type=text],
.n7-signup__form-item input[type=time],
.n7-signup__form-item input[type=url],
.n7-signup__form-item input[type=week] {
  background: #f7f7f7;
}
.n7-signup__form-item textarea:-webkit-autofill,
.n7-signup__form-item input[type=date]:-webkit-autofill,
.n7-signup__form-item input[type=datetime]:-webkit-autofill,
.n7-signup__form-item input[type=datetime-local]:-webkit-autofill,
.n7-signup__form-item input[type=email]:-webkit-autofill,
.n7-signup__form-item input[type=month]:-webkit-autofill,
.n7-signup__form-item input[type=number]:-webkit-autofill,
.n7-signup__form-item input[type=password]:-webkit-autofill,
.n7-signup__form-item input[type=search]:-webkit-autofill,
.n7-signup__form-item input[type=tel]:-webkit-autofill,
.n7-signup__form-item input[type=text]:-webkit-autofill,
.n7-signup__form-item input[type=time]:-webkit-autofill,
.n7-signup__form-item input[type=url]:-webkit-autofill,
.n7-signup__form-item input[type=week]:-webkit-autofill {
  background: #f7f7f7 !important;
}
.n7-signup__form-item input[type=password] {
  padding-right: 35px;
}
.n7-signup__form-item.has-error textarea,
.n7-signup__form-item.has-error input[type=date],
.n7-signup__form-item.has-error input[type=datetime],
.n7-signup__form-item.has-error input[type=datetime-local],
.n7-signup__form-item.has-error input[type=email],
.n7-signup__form-item.has-error input[type=month],
.n7-signup__form-item.has-error input[type=number],
.n7-signup__form-item.has-error input[type=password],
.n7-signup__form-item.has-error input[type=search],
.n7-signup__form-item.has-error input[type=tel],
.n7-signup__form-item.has-error input[type=text],
.n7-signup__form-item.has-error input[type=time],
.n7-signup__form-item.has-error input[type=url],
.n7-signup__form-item.has-error input[type=week] {
  border-color: #d12c47;
}
.n7-signup__form-item-label {
  font-size: 14px;
}
.n7-signup__form-item-hint {
  margin-bottom: 8px;
  font-size: 12px;
  color: rgba(45, 52, 57, 0.68);
}
.n7-signup__input-wrapper {
  position: relative;
  width: 100%;
}
.n7-signup__input-wrapper textarea,
.n7-signup__input-wrapper input[type=date],
.n7-signup__input-wrapper input[type=datetime],
.n7-signup__input-wrapper input[type=datetime-local],
.n7-signup__input-wrapper input[type=email],
.n7-signup__input-wrapper input[type=month],
.n7-signup__input-wrapper input[type=number],
.n7-signup__input-wrapper input[type=password],
.n7-signup__input-wrapper input[type=search],
.n7-signup__input-wrapper input[type=tel],
.n7-signup__input-wrapper input[type=text],
.n7-signup__input-wrapper input[type=time],
.n7-signup__input-wrapper input[type=url],
.n7-signup__input-wrapper input[type=week] {
  width: 100%;
  box-sizing: border-box;
}
.n7-signup__input-wrapper .n7-signup__form-item-show-password {
  position: absolute;
  right: 2px;
  line-height: 38px;
  border: none;
  background: transparent;
}
.n7-signup__input-wrapper .n7-signup__form-item-show-password:hover, .n7-signup__input-wrapper .n7-signup__form-item-show-password:focus {
  color: #397eae;
}
.n7-signup__form-item-forgot-password a {
  text-decoration: underline;
  font-size: 14px;
  color: #2d3439;
}
.n7-signup__form-item-forgot-password a:hover, .n7-signup__form-item-forgot-password a:focus {
  color: #397eae;
}
.n7-signup__footer {
  display: flex;
  align-items: center;
  margin-top: 8px;
  padding: 12px 0;
  border-top: 1px solid #dddddd;
}
.n7-signup__footer .n7-btn {
  margin-left: auto;
}
.n7-signup__footer-text {
  font-size: 14px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (min-width: 768px) {
  .n7-signup {
    padding: 24px;
  }
}
/* Retina */
/**
 * SIMPLE-AUTOCOMPLETE
 *
 * Autocomplete results suggestions component, simpler version of advanced-autocomplete.
 */
/* ------------------------------------ *\
   #SIMPLE-AUTOCOMPLETE
\* ------------------------------------ */
.n7-simple-autocomplete {
  padding: 0 12px;
  border-radius: 3px;
  border: 1px solid #dddddd;
  font-size: 14px;
}
.n7-simple-autocomplete__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.n7-simple-autocomplete__item {
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
}
.n7-simple-autocomplete__item:last-child {
  border-bottom: none;
}
.n7-simple-autocomplete__link {
  display: block;
  padding: 5.3333333333px 0 5.3333333333px 0;
  color: #2d3439;
}
.n7-simple-autocomplete__link:hover {
  color: #397eae;
}
/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * TABLE
 *
 * Table component used to display values in a table and to edit list of values in a table.
 * Cell can contain values, HTML snippets and input fields.
 */
/* ------------------------------------ *\
    TABLE
\* ------------------------------------ */
.n7-table {
  /* Header */
  /* Contents */
  /* Footer */
  /* TODO Add a comment here to explain what is this! */
}
.n7-table__table {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #dddddd;
}
.n7-table__table-header-cell {
  padding: 8px;
  border: 2px solid #dddddd;
  background-color: #f0f0f0;
  color: #2d3439;
  font-size: 16px;
  text-align: left;
}
.n7-table__table-body-row:nth-child(even) {
  background-color: #f0f0f0;
}
.n7-table__table-body-row:nth-child(odd) {
  background-color: #ffffff;
}
.n7-table__table-body-cell {
  padding: 8px;
  border: 2px solid #dddddd;
  color: #2d3439;
  font-size: 14px;
}
.n7-table__table-footer-cell {
  padding: 8px;
  border: 2px solid #dddddd;
  background-color: #f0f0f0;
  color: #ababab;
  font-size: 14px;
}
.n7-table .hidden {
  display: none;
}
.n7-table .showing {
  display: table-row;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 768px) {
  .n7-table__table {
    display: block;
    width: 100%;
    border: 0;
  }
  .n7-table__table-footer {
    display: none;
  }
  .n7-table__table-header {
    display: block;
    display: none;
  }
  .n7-table__table-body {
    display: block;
    width: 100%;
  }
  .n7-table__table-body-row {
    display: block;
    width: 100%;
    border-bottom: 2px solid #dddddd;
    margin-bottom: 0.625em;
  }
  .n7-table__table-body-cell {
    display: block;
    border-top: 2px solid #dddddd;
    border-left: 2px solid #dddddd;
    border-right: 2px solid #dddddd;
    border-bottom: 0;
    font-size: 0.8em;
    text-align: right;
  }
  .n7-table__table-body-cell::before {
    content: attr(aria-label);
    float: left;
    font-weight: 700;
    text-transform: uppercase;
  }
  .n7-table__table-body-cell:last-child {
    border-bottom: 0;
  }
}
/* Retina */
/**
 * TAG
 *
 * Tag component, with value, label and icon to click and remove it.
 * Can be used as tag element and as active filter indication.
 */
/* ------------------------------------ *\
    TAG
\* ------------------------------------ */
.n7-tag {
  padding: 6px 8px;
  background-color: #afa26a;
  border-radius: 8px;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
}
.n7-tag__label, .n7-tag__text {
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
}
.n7-tag__label {
  font-weight: 700;
  margin-right: 4px;
}
.n7-tag__icon {
  margin: 0 4px;
  font-size: 12px;
  color: #ffffff;
  line-height: 1;
  cursor: pointer;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/* stylelint-disable */
/**
 * TEXT-VIEWER
 *
 * Brief description of the component here.
 */
/* ------------------------------------ *\
   #WEB COMPONENTS STYLING
\* ------------------------------------ */
.n7-text-viewer {
  @import 'https://fonts.googleapis.com/css?family=Oswald|Roboto&display=swap';
}
.n7-text-viewer pb-page {
  --pb-base-font-family: "Roboto", "Noto", sans-serif;
  --pb-base-font-size: 16px;
  --pb-base-line-height: 1.42857143;
  --pb-base-font-weight: 300;
  --pb-base-font: var(--pb-base-font-weight) var(--pb-base-font-size) /
      var(--pb-base-line-height) var(--pb-base-font-family);
  --pb-serif-font-family: "Junicode", georgia, "Times New Roman", serif;
  --pb-content-font-family: var(--pb-serif-font-family);
  --pb-content-font-size: 20px;
  --pb-heading-font-family: "Oswald", verdana, "Helvetica", sans-serif;
  --pb-heading-font-weight: 400 !important;
  --pb-heading-line-height: 1.2;
  --pb-breadcrumbs-font-size: 18px;
  --pb-color-primary: #303030;
  --pb-color-inverse: #f0f0f0;
  --pb-color-lighter: #35424b;
  --pb-color-focus: #f6a623;
  --pb-header-background-image: none;
  --pb-drawer-background-color: var(--pb-color-inverse);
  --pb-menubar-background-color: #35424b;
  --pb-menubar-background-image: none;
  --pb-menubar-color: var(--pb-color-inverse);
  --pb-toolbar-background-color: #d1dae0;
  --pb-toolbar-background-image: none;
  --pb-toolbar-color: var(--pb-color-primary);
  --paper-tooltip-delay-in: 200;
  --pb-footnote-font-size: 13px;
  --pb-footnote-font-family: var(--pb-content-font-family);
  --pb-footnote-font-weight: var(--pb-content-font-weight);
  --pb-footnote-color: #303030;
  --pb-footnote-padding: 0 0 0 0.25em;
  --pb-popover-theme: "light-border";
  --pb-popover-max-width: 480px;
  --pb-popover-font-size: 16px;
  --pb-popover-line-height: 1.2;
  --pb-popover-placement: "bottom";
  --pb-popover-fallback-placement: "top right left";
  --pb-lang-input-color: var(--pb-color-inverse);
  --pb-lang-label-color: var(--pb-color-inverse);
  --pb-link-color: black;
  --pb-link-font-family: var(--pb-serif-font-family);
  --pb-highlight-color: #f9e976;
  --paper-input-container-focus-color: var(--pb-color-focus);
  --pb-view-max-width: 920px;
  font: var(--pb-base-font);
  color: var(--pb-color-primary);
  margin: 0;
}
.n7-text-viewer pb-page main pb-view {
  font-size: 16px;
}
.n7-text-viewer *:focus {
  outline: none;
}
.n7-text-viewer .splash {
  position: fixed;
  inset: 0;
  visibility: hidden;
  opacity: 0;
  background-image: var(--pb-splash-image);
  background-color: #ffffff;
  background-position: center center;
  background-size: var(--pb-splash-image-size);
  background-repeat: no-repeat;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
.n7-text-viewer pb-page[unresolved] ~ .splash {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 300ms;
}
.n7-text-viewer app-header {
  background-image: var(--pb-header-background-image);
}
.n7-text-viewer app-toolbar {
  --app-toolbar-font-size: 16px;
  display: flex;
}
.n7-text-viewer app-toolbar pb-search {
  --pb-search-label-color: var(--pb-color-inverse);
  --pb-search-input-color: var(--pb-color-inverse);
  --pb-search-focus-color: var(--paper-orange-500);
  padding-left: 20px;
}
.n7-text-viewer app-drawer {
  --pb-lang-item-color: black;
  --pb-lang-input-color: black;
  --pb-lang-label-color: var(--paper-grey-600);
}
.n7-text-viewer .drawer-content {
  overflow: auto;
  height: 100%;
  padding: 8px 10px;
  text-align: left;
}
.n7-text-viewer .drawer-content pb-collapse h3 {
  margin-bottom: 0;
  margin-top: 0;
}
.n7-text-viewer .drawer-content paper-listbox {
  margin: 0;
}
.n7-text-viewer app-drawer .settings,
.n7-text-viewer app-drawer pb-collapse {
  display: flex;
  flex-direction: column;
}
.n7-text-viewer app-drawer paper-listbox {
  width: 100%;
}
.n7-text-viewer app-drawer a,
.n7-text-viewer app-drawer a:link {
  text-decoration: none;
  color: inherit;
}
.n7-text-viewer .toggle {
  color: inherit;
  font-weight: inherit;
}
.n7-text-viewer app-drawer-layout:not([narrow]) [drawer-toggle] {
  display: none;
}
.n7-text-viewer .caveat-content {
  overflow: auto;
  height: 100%;
  padding: 8px 10px;
  text-align: left;
  font-size: smaller;
}
.n7-text-viewer .toolbar {
  display: flex;
  position: relative;
  justify-content: space-between;
  background-image: var(--pb-toolbar-background-image);
  background-color: var(--pb-toolbar-background-color);
  color: var(--pb-toolbar-color);
}
.n7-text-viewer .toolbar .n7-text-viewer__toolbar-container-flex:nth-child(1) {
  flex: 0 0 10%;
}
.n7-text-viewer .toolbar .n7-text-viewer__toolbar-container-flex:nth-child(2) {
  flex: 0 0 10%;
}
.n7-text-viewer .toolbar .n7-text-viewer__toolbar-container-flex:nth-child(3) {
  flex: 0 0 10%;
}
.n7-text-viewer .toolbar .n7-text-viewer__toolbar-container-flex:nth-child(4) {
  text-align: center;
  padding: 0 2.3vw;
  flex: 0 0 33.3%;
}
.n7-text-viewer .toolbar .n7-text-viewer__toolbar-container-flex:nth-child(5) {
  flex: 0 0 11.1%;
}
.n7-text-viewer .toolbar .n7-text-viewer__toolbar-container-flex:nth-child(6) {
  flex: 0 0 11.1%;
  text-align: center;
}
.n7-text-viewer .toolbar .n7-text-viewer__toolbar-container-flex:nth-child(7) {
  flex: 0 0 11.1%;
  text-align: left;
}
.n7-text-viewer .toolbar paper-button {
  font-size: 14px;
}
.n7-text-viewer [drawer-toggle] {
  padding-right: 0;
}
.n7-text-viewer .menubar {
  justify-content: space-between;
  background-image: var(--pb-menubar-background-image);
  background-color: var(--pb-menubar-background-color);
  color: var(--pb-menubar-color);
  --pb-search-suggestions-color: var(--pb-color-primary);
  --pb-search-suggestions-background: white;
}
.n7-text-viewer .menubar pb-media-query {
  flex: 1 0;
}
.n7-text-viewer .menubar a,
.n7-text-viewer .menubar paper-menu-button {
  margin: auto 8px;
  display: block;
  color: white;
  text-decoration: none;
}
.n7-text-viewer .menubar .logo {
  margin: 0 16px 0 0;
}
.n7-text-viewer .menubar .gitlab {
  margin-left: 16px;
  margin-right: 16px;
}
.n7-text-viewer .menubar .gitlab img {
  height: 32px;
}
.n7-text-viewer .hidden {
  display: none;
}
.n7-text-viewer .menubar pb-lang {
  text-align: right;
  flex: 1 0;
  --pb-lang-item-color: white;
}
.n7-text-viewer .menubar paper-item a {
  color: black;
  margin: 0;
}
.n7-text-viewer [main-title] {
  display: inline-block;
}
.n7-text-viewer .logo img {
  width: 140px;
  height: 60px;
  background-size: 100% 100%;
  cursor: pointer;
}
.n7-text-viewer pb-progress {
  width: 100%;
}
.n7-text-viewer pb-view-type {
  font-size: 0.75em;
}
@media (width <= 768px) {
  .n7-text-viewer #downloadDialog {
    width: 100%;
  }
}
@media (width >= 769px) {
  .n7-text-viewer #downloadDialog {
    width: 50%;
  }
}
.n7-text-viewer .breadcrumbs {
  margin: 10px 0 0 20px;
}
.n7-text-viewer pb-view {
  font-family: var(--pb-content-font-family);
  font-size: var(--pb-content-font-size);
  margin: 0 16px;
}
.n7-text-viewer .breadcrumbs pb-view {
  font-weight: 400;
  font-size: var(--pb-breadcrumbs-font-size);
  max-width: none;
}
@media (width >= 769px) {
  .n7-text-viewer pb-view {
    max-width: var(--pb-view-max-width);
  }
}
.n7-text-viewer pb-popover {
  text-align: left !important;
}
.n7-text-viewer h1,
.n7-text-viewer h2,
.n7-text-viewer h3,
.n7-text-viewer h4,
.n7-text-viewer h5,
.n7-text-viewer h6 {
  font-family: var(--pb-heading-font-family);
  font-weight: var(--pb-heading-font-weight);
  line-height: var(--pb-heading-line-height);
}
.n7-text-viewer pb-drawer {
  background-color: var(--pb-drawer-background-color);
  overflow: auto;
  height: calc(100vh - 217px);
}
.n7-text-viewer pb-drawer a {
  color: var(--pb-link-color);
  -webkit-text-decoration: var(--pb-link-text-decoration);
          text-decoration: var(--pb-link-text-decoration);
}
.n7-text-viewer .toc ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.n7-text-viewer .toc ul ul {
  margin-left: 28px;
}
.n7-text-viewer .toc li {
  margin-bottom: 0.5em;
}
.n7-text-viewer .toc li:first-child {
  margin-top: 0.5em;
}
.n7-text-viewer .toc pb-link {
  display: block;
}
.n7-text-viewer .toc li > pb-link {
  margin-left: 28px;
}
.n7-text-viewer .toc pb-link {
  font-family: var(--pb-link-font-family);
  padding: 4px 8px;
}
.n7-text-viewer .toc pb-link a {
  color: var(--pb-link-color);
  -webkit-text-decoration: var(--pb-link-text-decoration);
          text-decoration: var(--pb-link-text-decoration);
}
.n7-text-viewer .toc h1,
.n7-text-viewer .toc h2,
.n7-text-viewer .toc h3,
.n7-text-viewer .toc h4,
.n7-text-viewer .toc h5 {
  font-family: var(--pb-link-font-family);
}
.n7-text-viewer .toc [slot=collapse-trigger] pb-link {
  margin-left: 0;
}
.n7-text-viewer .version {
  text-align: right;
  font-size: 0.85em;
  padding: 1em;
  color: var(--pb-color-lighter);
}
.n7-text-viewer .version span {
  font-weight: 700;
}
.n7-text-viewer pb-page {
  font-size: 16px;
  font-family: Roboto, Noto, "sans - serif";
  line-height: 1.42857;
  font-weight: 300;
  color: #333333;
  --paper-tooltip-delay-in: 200;
}
.n7-text-viewer main {
  height: 70vh;
  overflow: auto;
  display: flex;
  justify-content: space-between;
}
.n7-text-viewer pb-view {
  flex: 1 0;
}
.n7-text-viewer pb-facsimile {
  flex: auto;
  max-width: 50vw;
  --pb-facsimile-height: 100%;
  margin-right: 20px;
  background-color: #333333;
}
.n7-text-viewer pb-navigation[disabled] {
  display: block;
  visibility: hidden;
}
.n7-text-viewer pb-navigation[direction=forward] {
  float: right;
}
.n7-text-viewer pb-view {
  flex: 1 1;
  max-width: 60vw;
  margin: 0 16px;
  max-height: var(--pb-view-height);
}
.n7-text-viewer .content-body {
  position: relative;
  display: flex;
  padding: 0 20px;
  z-index: -1;
}
.n7-text-viewer .content-body .n7-text-viewer__docs-container {
  display: flex;
  flex: 2;
  position: relative;
  overflow: auto;
  justify-content: center;
}
.n7-text-viewer .content-body pb-navigation {
  position: fixed;
  bottom: 45%;
  --paper-fab-background: #35424b;
  color: white;
}
.n7-text-viewer .content-body pb-navigation[direction=backward] {
  left: 20px;
}
.n7-text-viewer .content-body pb-navigation[direction=forward] {
  right: 20px;
}
@media (width <= 769px) {
  .n7-text-viewer .content-body pb-navigation {
    display: none;
  }
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * TIMELINE
 *
 * Brief description of the component here.
 */
/* ------------------------------------ *\
   #TIMELINE
\* ------------------------------------ */
/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * TOAST
 *
 * Component used to display alerts on the bottom left of the application.
 */
/* ------------------------------------ *\
   #TOAST
\* ------------------------------------ */
.n7-toast {
  position: fixed;
  bottom: 16px;
  left: 16px;
}
.n7-toast__box {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  max-width: 300px;
  padding: 8px 8px 0 8px;
  margin-top: 8px;
  background-color: #f0f0f0;
  border: 1px solid #dddddd;
}
.n7-toast__title {
  display: block;
  padding-bottom: 8px;
  font-size: 16px;
  color: #2d3439;
}
.n7-toast__text {
  display: block;
  padding-bottom: 8px;
  font-size: 14px;
  color: #2d3439;
}

/* ------------------------------------ *\
   #WITH-ACTIONS
\* ------------------------------------ */
.n7-toast__box.has-actions {
  position: relative;
  display: flex;
}

.n7-toast__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 0 auto;
  min-width: 20px;
}

.n7-toast__action-content {
  flex: 1;
  margin-right: 8px;
}
.n7-toast__action-content .n7-toast__action-button {
  margin-left: 4px;
}
.n7-toast__action-content:first-child .n7-toast__action-button {
  margin-left: 0;
}

.n7-toast__closeIcon {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
.n7-toast__closeIcon:hover {
  color: #5397c7;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * TOOLTIP-CONTENT
 *
 * Brief description of the component here.
 */
/* ------------------------------------ *\
   #TOOLTIP-CONTENT
\* ------------------------------------ */
/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * TREE
 *
 * Component to navigate a tree.
 */
/* ------------------------------------ *\
   #TREE-ITEMS
\* ------------------------------------ */
.n7-tree {
  /* First level elements */
  /* Sub level elements */
  /* Icon on the right */
  /* is-active */
  /* is-collapsed: all children are hidden */
}
.n7-tree__item-contents {
  display: flex;
  border-bottom: 1px solid #dddddd;
  /* n7-anchor-wrapper directive */
}
.n7-tree__item-contents > * {
  flex-grow: 2;
}
.n7-tree__item-text {
  display: block;
  margin: 0 8px;
  padding: 8px 0;
  color: #2d3439;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}
.n7-tree__children-wrapper .n7-tree__item-text {
  font-size: 14px;
  font-weight: 400;
}
.n7-tree__item-toggle {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  width: 40px;
  text-align: center;
  font-size: 18px;
  border-right: 1px solid #f0f0f0;
  color: #2d3439;
  flex-grow: 0;
  cursor: pointer;
}
.n7-tree__item-toggle:hover {
  color: #5397c7;
  background-color: #f0f0f0;
}
.n7-tree__item-details {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.n7-tree__item-details:hover .n7-tree__item-text {
  color: #5397c7;
}
.n7-tree__item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  margin-left: 8px;
  color: rgba(45, 52, 57, 0.68);
  flex-shrink: 0;
}
.n7-tree__item-right-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  margin-left: auto;
  color: rgba(45, 52, 57, 0.68);
  flex-shrink: 0;
}
.n7-tree__item-img {
  margin-left: 8px;
  width: 28px;
  height: 28px;
  object-fit: cover;
  flex-shrink: 0;
}
.n7-tree__item.is-active > .n7-tree__item-contents .n7-tree__item-text {
  font-weight: 700;
}
.n7-tree__item.is-collapsed .n7-tree__children-wrapper {
  display: none;
}

/* ------------------------------------ *\
   #INDENTATION
\* ------------------------------------ */
/* stylelint-disable */
.n7-tree__children-wrapper .n7-tree__item-contents {
  padding-left: 8px;
}
.n7-tree__children-wrapper .n7-tree__item-toggle {
  border-left: 1px solid #f0f0f0;
}
.n7-tree__children-wrapper .n7-tree__children-wrapper {
  /* 3rd level */
}
.n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__item-contents {
  padding-left: 16px;
}
.n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__item-toggle {
  border-left: 1px solid #f0f0f0;
}
.n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper {
  /* 4th level */
}
.n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__item-contents {
  padding-left: 24px;
}
.n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper {
  /* 5th level */
}
.n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__item-contents {
  padding-left: 32px;
}
.n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper {
  /* 6th level */
}
.n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__item-contents {
  padding-left: 40px;
}
.n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper {
  /* 7th level */
}
.n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__item-contents {
  padding-left: 48px;
}
.n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper {
  /* 8th level */
}
.n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__item-contents {
  padding-left: 56px;
}
.n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper {
  /* 9th level */
}
.n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__item-contents {
  padding-left: 64px;
}
.n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper {
  /* 10th level */
  /* All flats */
}
.n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__children-wrapper .n7-tree__item-contents {
  padding-left: 72px;
}

/* stylelint-enable */
/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * WIZARD
 *
 * Component to guide the user through a step-by-step process.
 */
/* ------------------------------------ *\
   #WIZARD
\* ------------------------------------ */
.n7-wizard {
  height: 40px;
}
.n7-wizard__list {
  display: flex;
  position: relative;
  height: 40px;
}
.n7-wizard__item {
  position: relative;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 5px;
  /* Past items */
  background-color: #5397c7;
  color: #ffffff;
  cursor: pointer;
  /* Current item */
  /* Future items */
  /* Arrows */
}
.n7-wizard__item:not(:first-child) {
  padding-left: 21px;
}
.n7-wizard__item.is-active {
  background-color: #afa26a;
  color: #ffffff;
  cursor: default;
}
.n7-wizard__item.is-active .n7-wizard__number {
  background-color: rgba(255, 255, 255, 0.2);
}
.n7-wizard__item.is-active ~ * {
  background-color: #f0f0f0;
  color: #2d3439;
  cursor: not-allowed;
}
.n7-wizard__item.is-active ~ * .n7-wizard__number {
  background-color: rgba(221, 221, 221, 0.4);
}
.n7-wizard__item:first-child {
  border-radius: 20px 0 0 20px;
}
.n7-wizard__item:last-child {
  padding-right: 5px;
  border-radius: 0 20px 20px 0;
}
.n7-wizard__item:last-child .n7-wizard__text {
  margin-right: 5px;
}
.n7-wizard__item:not(:last-child)::after {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 13.3333333333px;
  border-color: transparent transparent transparent #5397c7;
  position: absolute;
  top: 0;
  right: round(-calc(13.3333333333px));
  z-index: 10;
}
.n7-wizard__item:not(:last-child)::before {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 26.6666666667px 0 26.6666666667px 16px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  top: -calc(6.6666666667px);
  right: -calc(16px);
  z-index: 5;
}
.n7-wizard__item:not(:last-child).is-active::after {
  border-color: transparent transparent transparent #afa26a;
}
.n7-wizard__item:not(:last-child).is-active ~ *::after {
  border-color: transparent transparent transparent #f0f0f0;
}
.n7-wizard__number {
  display: inline-block;
  margin-top: 5px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-weight: 700;
  font-size: 14px;
  vertical-align: top;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.2);
}
.n7-wizard__text {
  display: inline-block;
  margin-left: 5px;
  font-weight: 400;
  font-size: 14px;
  vertical-align: top;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * PROGRESS-LINE
 *
 * Style for the progress line.
 */
/* ------------------------------------ *\
   #PROGRESS-LINE
\* ------------------------------------ */
.n7-progress-line__text-wrapper {
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
}
.n7-progress-line__wrapper {
  height: 24px;
  background-color: #f0f0f0;
}
.n7-progress-line__bar {
  display: flex;
  align-items: center;
  height: 24px;
  background-color: #5397c7;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * GRIDS
 *
 * Helper class to display items feed in grids.
 * Apply the class to the container of the griddable elements (like cards). Direct
 * descendants will be gridded.
 */
/* ------------------------------------ *\
   #GRIDS
\* ------------------------------------ */
/* General grid setting */
[class*=n7-grid-],
[class^=n7-grid-] {
  display: flex;
  flex-wrap: wrap;
}
[class*=n7-grid-] > *,
[class^=n7-grid-] > * {
  margin-bottom: 16px;
  box-sizing: border-box;
}

/* 6 */
.n7-grid-6 > * {
  width: calc((100% - 6px - 24px * 5) / 6);
  margin-right: 24px;
}
.n7-grid-6 > *:nth-of-type(6n + 6) {
  margin-right: 0;
}

/* 5 */
.n7-grid-5 > * {
  width: calc((100% - 5px - 24px * 4) / 5);
  margin-right: 24px;
}
.n7-grid-5 > *:nth-of-type(5n + 5) {
  margin-right: 0;
}

/* 4 */
.n7-grid-4 > * {
  width: calc((100% - 4px - 24px * 3) / 4);
  margin-right: 24px;
}
.n7-grid-4 > *:nth-of-type(4n + 4) {
  margin-right: 0;
}

/* 3 */
.n7-grid-3 > * {
  width: calc((100% - 3px - 24px * 2) / 3);
  margin-right: 24px;
}
.n7-grid-3 > *:nth-of-type(3n + 3) {
  margin-right: 0;
}

/* 2 */
.n7-grid-2 > * {
  width: calc((100% - 2px - 24px * 1) / 2);
  margin-right: 24px;
}
.n7-grid-2 > *:nth-of-type(2n + 2) {
  margin-right: 0;
}

/* 1 */
.n7-grid-1 > * {
  width: 100%;
  margin-right: 0;
}
.n7-grid-1 > *:nth-of-type(1n) {
  margin-right: 0;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 768px) {
  /* 6 */
  .n7-grid-6 > * {
    width: calc((100% - 3px - 24px * 2) / 3);
    margin-right: 24px;
  }
  .n7-grid-6 > *:nth-of-type(1n) {
    margin-right: 24px;
  }
  .n7-grid-6 > *:nth-of-type(3n + 3) {
    margin-right: 0;
  }
  /* 5 */
  .n7-grid-5 > * {
    width: calc((100% - 3px - 24px * 2) / 3);
    margin-right: 24px;
  }
  .n7-grid-5 > *:nth-of-type(1n) {
    margin-right: 24px;
  }
  .n7-grid-5 > *:nth-of-type(3n + 3) {
    margin-right: 0;
  }
  /* 4 */
  .n7-grid-4 > * {
    width: calc((100% - 3px - 24px * 2) / 3);
    margin-right: 24px;
  }
  .n7-grid-4 > *:nth-of-type(1n) {
    margin-right: 24px;
  }
  .n7-grid-4 > *:nth-of-type(3n + 3) {
    margin-right: 0;
  }
  /* 3 */
  .n7-grid-3 > * {
    width: calc((100% - 2px - 24px * 1) / 2);
    margin-right: 24px;
  }
  .n7-grid-3 > *:nth-of-type(1n) {
    margin-right: 24px;
  }
  .n7-grid-3 > *:nth-of-type(2n + 2) {
    margin-right: 0;
  }
}
@media all and (max-width: 480px) {
  /* 6 */
  .n7-grid-6 > * {
    width: calc((100% - 2px - 24px * 1) / 2);
    margin-right: 24px;
  }
  .n7-grid-6 > *:nth-of-type(1n) {
    margin-right: 24px;
  }
  .n7-grid-6 > *:nth-of-type(2n + 2) {
    margin-right: 0;
  }
  /* 5 */
  .n7-grid-5 > * {
    width: calc((100% - 2px - 24px * 1) / 2);
    margin-right: 24px;
  }
  .n7-grid-5 > *:nth-of-type(1n) {
    margin-right: 24px;
  }
  .n7-grid-5 > *:nth-of-type(2n + 2) {
    margin-right: 0;
  }
  /* 4 */
  .n7-grid-4 > * {
    width: calc((100% - 2px - 24px * 1) / 2);
    margin-right: 24px;
  }
  .n7-grid-4 > *:nth-of-type(1n) {
    margin-right: 24px;
  }
  .n7-grid-4 > *:nth-of-type(2n + 2) {
    margin-right: 0;
  }
  /* 3 */
  .n7-grid-3 > * {
    width: 100%;
    margin-right: 0;
  }
  .n7-grid-3 > *:nth-of-type(1n) {
    margin-right: 0;
  }
  /* 2 */
  .n7-grid-2 > * {
    width: 100%;
    margin-right: 0;
  }
  .n7-grid-2 > *:nth-of-type(1n) {
    margin-right: 0;
  }
}
@media all and (max-width: 400px) {
  /* 6 */
  .n7-grid-6 > * {
    width: 100%;
    margin-right: 0;
  }
  .n7-grid-6 > *:nth-of-type(1n) {
    margin-right: 0;
  }
  /* 5 */
  .n7-grid-5 > * {
    width: 100%;
    margin-right: 0;
  }
  .n7-grid-5 > *:nth-of-type(1n) {
    margin-right: 0;
  }
  /* 4 */
  .n7-grid-4 > * {
    width: 100%;
    margin-right: 0;
  }
  .n7-grid-4 > *:nth-of-type(1n) {
    margin-right: 0;
  }
}
/* Retina */
/* ------------------------------------ *\
   #PRINT
\* ------------------------------------ */
@media print {
  [class*=n7-grid-],
  [class^=n7-grid-] {
    display: block;
    float: none;
    clear: both;
  }
  [class*=n7-grid-]::after,
  [class^=n7-grid-]::after {
    content: " ";
    clear: both;
    display: block;
  }
  /* 4 */
  .n7-grid-4 > * {
    float: left;
    width: calc((100% - 1mm - 24px * 3) / 4);
    margin-right: 24px !important;
  }
  .n7-grid-4 > *:nth-of-type(4n + 4) {
    margin-right: 0 !important;
  }
  .n7-grid-3 > * {
    float: left;
    width: calc((100% - 1mm - 24px * 2) / 3);
    margin-right: 24px !important;
  }
  .n7-grid-3 > *:nth-of-type(3n + 3) {
    margin-right: 0 !important;
  }
  .n7-grid-2 > * {
    float: left;
    width: calc((100% - 1mm - 24px * 1) / 2);
    margin-right: 24px !important;
  }
  .n7-grid-2 > *:nth-of-type(2n + 2) {
    margin-right: 0 !important;
  }
}
/**
 * FACETS-WRAPPER
 *
 * Facets wrapper component.
 */
/* ------------------------------------ *\
   #FACETS-WRAPPER
\* ------------------------------------ */
.n7-facets-wrapper .n7-facet__section-input-link.is-hidden {
  display: none;
}
.n7-facets-wrapper .n7-facet .n7-facet__input-link.empty-text-link:hover {
  cursor: inherit;
}
.n7-facets-wrapper .n7-facet .n7-facet__input-link.empty-text-link:hover .n7-facet__input-link-text {
  color: #2d3439;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * BUTTONS
 *
 * Style for all types of buttons
 */
/* ------------------------------------ *\
   #STANDARD-BUTTON
\* ------------------------------------ */
.n7-btn {
  font-family: "Montserrat", sans-serif;
}

/**
 * ACTIVE FILTERS
 *
 * Style for the box that displays the active filters..
 */
/* ------------------------------------ *\
   #ACTIVE-FILTERS
\* ------------------------------------ */
.mr-active-filters {
  display: flex;
  padding: 16px 16px 8px 16px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-bottom: 24px;
}
.mr-active-filters__label {
  flex-shrink: 0;
  margin-right: 8px;
  padding-top: 2px;
}
.mr-active-filters__tags-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-right: 8px;
}
.mr-active-filters .n7-tag {
  display: inline-flex;
  margin-right: 8px;
  margin-bottom: 8px;
  overflow: hidden;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * BREADCRUMBS
 *
 * Style for breadcrumbs for desktop and mobile
 */
/* ------------------------------------ *\
    BREADCRUMBS
\* ------------------------------------ */
.n7-breadcrumbs {
  padding: 0;
  white-space: nowrap;
}
.n7-breadcrumbs__list {
  font-size: 14px;
}
.n7-breadcrumbs__item {
  margin: 0;
}
.n7-breadcrumbs__item:after {
  vertical-align: initial;
}
.n7-breadcrumbs__item:first-child .n7-breadcrumbs__label {
  padding-left: 0;
}
.n7-breadcrumbs__item:last-child .n7-breadcrumbs__label {
  color: #afa26a;
}
.n7-breadcrumbs__label {
  display: inline-block;
  padding: 12px 8px;
  color: #2d3439;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * CAROUSEL
 *
 * Brief description of the component here.
 */
/* ------------------------------------ *\
   #CAROUSEL
\* ------------------------------------ */
.n7-carousel__slide-title {
  font-size: 38px;
  font-weight: 700;
  color: #ffffff;
}
.n7-carousel__slide-text {
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.3;
}
.n7-carousel__slide-text h1, .n7-carousel__slide-text h2, .n7-carousel__slide-text h3, .n7-carousel__slide-text h4, .n7-carousel__slide-text h5, .n7-carousel__slide-text h6, .n7-carousel__slide-text p, .n7-carousel__slide-text strong {
  font-weight: 400;
  color: #ffffff;
  line-height: 1.3;
}
.n7-carousel__slide-text h1 {
  font-size: 26px;
}
.n7-carousel__slide-text h2 {
  font-size: 24px;
}
.n7-carousel__slide-text h3 {
  font-size: 23px;
}
.n7-carousel__slide-text h4 {
  font-size: 22px;
}
.n7-carousel__slide-text h5 {
  font-size: 20px;
}
.n7-carousel__slide-text h6 {
  font-size: 18px;
}
.n7-carousel__slide-text p {
  font-size: 16px;
}

/* ------------------------------------ *\
   #TRANSPARENT-HEADER
\* ------------------------------------ */
.has-transparent-header .n7-carousel {
  height: 570px;
}
.has-transparent-header .n7-carousel__slide {
  box-sizing: border-box;
  height: 570px;
  padding-top: 80px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * CONTENT BLOCK
 *
 * Blocks of content like metadata, collections of item-previews, text-viewer, etc.
 * Mostly used in the resource page, but can be used also in other pages.
 */
/* ------------------------------------ *\
    CONTENT-BLOCK
\* ------------------------------------ */
.mr-content-block {
  display: flex;
}
.mr-content-block__title {
  width: 170px;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 32px;
  font-family: "Open Sans", sans-serif;
  color: #7e8f9b;
  font-size: 24px;
  font-weight: 700;
  /* word-break: break-word; */
}
.mr-content-block__content {
  flex-grow: 1;
}

/* ------------------------------------ *\
    CONTENT-BLOCK-METADATA
\* ------------------------------------ */
.mr-content-block-metadata {
  /* Metadata-second level */
}
.mr-content-block-metadata .n7-metadata-viewer__group-wrapper {
  display: flex;
}
.mr-content-block-metadata .n7-metadata-viewer__group {
  margin-bottom: 0;
}
.mr-content-block-metadata .n7-metadata-viewer__wrapper:last-child .n7-metadata-viewer__group:last-child,
.mr-content-block-metadata .n7-metadata-viewer__wrapper:last-child .n7-metadata-viewer__item:last-child {
  margin-bottom: 0;
}
.mr-content-block-metadata .n7-metadata-viewer__item {
  display: flex;
  margin-bottom: 24px;
}
.mr-content-block-metadata .n7-metadata-viewer__item-label {
  font-size: 16px;
  color: #2d3439;
  width: 170px;
  margin-right: 12px;
  flex-shrink: 0;
  word-break: break-word;
}
.mr-content-block-metadata .n7-metadata-viewer__item-label::first-letter {
  text-transform: uppercase;
}
.mr-content-block-metadata .n7-metadata-viewer__item-value {
  max-height: 400px;
  padding-right: 16px;
  overflow-y: auto;
}
.mr-content-block-metadata .n7-metadata-viewer__item-value,
.mr-content-block-metadata .n7-metadata-viewer__item-value p {
  font-size: 16px;
  color: #2d3439;
  margin: 0;
  line-height: 1.6;
  word-break: break-word;
}
.mr-content-block-metadata .n7-metadata-viewer__item-value img {
  max-width: 100%;
  height: auto;
}
.mr-content-block-metadata .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group-title {
  width: 170px;
  margin-right: 12px;
  font-size: 16px;
  color: #2d3439;
  font-weight: 700;
}
.mr-content-block-metadata .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group-title::first-letter {
  text-transform: uppercase;
}
.mr-content-block-metadata .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group + div {
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  margin-bottom: 8px;
}
.mr-content-block-metadata .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group-wrapper {
  width: 100%;
  padding-left: 0;
  /* Last child */
}
.mr-content-block-metadata .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group {
  width: 100%;
  margin-bottom: 8px;
}
.mr-content-block-metadata .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group-content {
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #f0f0f0;
}
.mr-content-block-metadata .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__item {
  margin-bottom: 4px;
}
.mr-content-block-metadata .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__item-label {
  width: 120px;
  margin-right: 12px;
  word-break: break-word;
}
.mr-content-block-metadata .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__item-label::first-letter {
  text-transform: uppercase;
}
.mr-content-block-metadata .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__item-label,
.mr-content-block-metadata .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__item-value,
.mr-content-block-metadata .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__item-label p,
.mr-content-block-metadata .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__item-value p {
  font-size: 14px;
}
.mr-content-block-metadata .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group-wrapper:last-child {
  margin-bottom: 16px;
}
.mr-content-block-metadata .n7-metadata-viewer__group-wrapper .n7-metadata-viewer__group-wrapper:last-child .n7-metadata-viewer__group-content {
  padding-bottom: 0;
  border-bottom: 0;
}

/* ------------------------------------ *\
    CONTENT-BLOCK-MAP
\* ------------------------------------ */
.mr-content-block-map {
  display: block;
}
.mr-content-block-map .mr-content-block__title {
  width: auto;
  margin-bottom: 12px;
}
/* ------------------------------------ *\
    WP-INSIDE-CONTENT-BLOCK-METADATA
\* ------------------------------------ */
.mr-content-block .n7-metadata-viewer img[class*=wp-image] {
  margin-top: 16px;
  margin-bottom: 16px;
}
.mr-content-block .n7-metadata-viewer img[class*=wp-image].aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * FACET-HEADER
 *
 * Header component for facet, displaying facet title and other datas (for istance count of items).
 */
/* ------------------------------------ *\
   #FACET-HEADER
\* ------------------------------------ */
.n7-facet-header {
  border-top: 1px solid #dddddd;
  cursor: pointer;
}
.n7-facet-header__text {
  margin-right: 4px;
  margin-left: 0;
  font-size: 14px;
  line-height: 60px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
.n7-facet-header__secondary-text {
  font-size: 12px;
  line-height: 60px;
  color: rgba(45, 52, 57, 0.68);
}
.n7-facet-header__icon-left, .n7-facet-header__icon-right {
  width: 30px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background: transparent;
  font-size: 18px;
  transition: color 0.2s;
}
.n7-facet-header__icon-right {
  margin-left: auto;
}

/* ------------------------------------ *\
   #HOVER
\* ------------------------------------ */
.n7-facet-header:hover .n7-facet-header__icon-right {
  color: #5397c7;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * FACETS
 *
 * Element that wraps all the facets in a sidebar.
 */
/* ------------------------------------ *\
    FACETS
\* ------------------------------------ */
.mr-facets {
  /* Wraps the actual facets */
  /* Single facet wrapper */
  /* The facet content */
  /* Single row counter */
}
.mr-facets__title {
  height: 64px;
  margin-bottom: 0;
  padding: 0;
}
.mr-facets__redirect-link {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.mr-facets__single-facet {
  /* Facet header */
}
.mr-facets__single-facet-content {
  padding-bottom: 24px;
}
.mr-facets__single-facet-inner-content {
  padding-bottom: 12px;
}
.mr-facets__single-facet-inner-content:last-child {
  padding-bottom: 0;
}
.mr-facets .n7-input-link__counter {
  background-color: #7e8f9b;
}
.mr-facets .n7-input-link__text {
  font-size: 14px;
}

/* ------------------------------------ *\
    ACTIVE-ITEM
\* ------------------------------------ */
/* Active */
.n7-input-link .n7-input-link__link.is-active:before {
  content: "\e93d";
  font-family: "n7-icon";
}

/**
 * FOOTER
 *
 * General footer structure, (hopefully) suitable for all needs.
 */
/* ------------------------------------ *\
   #FOOTER
\* ------------------------------------ */
.n7-footer__content {
  padding: 48px 0;
}
.n7-footer a {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid rgba(240, 240, 240, 0.1);
  transition: all 0.2s;
}
.n7-footer a:hover {
  border-bottom: 1px solid rgba(240, 240, 240, 0.9);
}
.n7-footer__column-nav-item {
  margin-bottom: 8px;
}
.n7-footer__column-title {
  margin-bottom: 16px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}
.n7-footer__column-title, .n7-footer__column-text {
  color: #ffffff;
}
.n7-footer__column-title p, .n7-footer__column-text p {
  margin: 0;
  color: #ffffff;
  font-size: 12px;
}
.n7-footer__column-title img, .n7-footer__column-text img {
  width: auto;
  height: auto;
  max-width: 300px;
  max-height: 60px;
}
.n7-footer__column-images a {
  margin-right: 16px;
  border-bottom: 0;
}
.n7-footer__column-images a:hover {
  border-bottom: 0;
}
.n7-footer__column-images img {
  width: auto;
  height: auto;
  max-width: 300px;
  max-height: 60px;
}

/* ------------------------------------ *\
   #LANGUAGE SELECTOR
\* ------------------------------------ */
.n7-footer .n7-footer__column-selects label {
  margin-bottom: 8px;
  font-size: 12px;
  color: #ffffff;
}

/* ------------------------------------ *\
   #MURUCA-PROMO
\* ------------------------------------ */
.n7-footer .n7-footer__column.n7-footer__muruca-promo {
  margin: 0 12px;
  padding: 16px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  box-shadow: 0 0 15px inset rgba(0, 0, 0, 0.15);
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * HEADER
 *
 * Style for header, including main navigation
 */
/* ------------------------------------ *\
    HEADER
\* ------------------------------------ */
.n7-header {
  position: relative;
  box-sizing: border-box;
  z-index: 1000;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  /* Current page */
  /* Tools, hidden */
  /* Mobile menu toggle */
}
.n7-header__content {
  max-width: 1240px;
  margin: 0 auto;
}
.n7-header__title-subtitle {
  padding: 0;
  margin: 0;
  background: url("/assets/logo_sidoniana.png");
  height: 65px;
  width: 260px;
  background-repeat: no-repeat;
  background-size: contain;
}
.n7-header__title {
  display: none;
}
.n7-header__nav-item.is-active .n7-header__nav-label {
  color: #5397c7;
}
.n7-header__nav-link {
  padding: 0 8px;
}
.n7-header__nav-link:hover {
  color: #5397c7;
}
.n7-header__nav-link:hover .n7-header__nav-label {
  color: #5397c7;
}
.n7-header__nav-label {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: color 0.2s;
}
.n7-header .n7-header__tools {
  display: none;
}
.n7-header .n7-header__mobile-menu-icon {
  color: #2d3439;
  font-size: 32px;
  opacity: 0.7;
  transform: opacity 0.2s;
}
.n7-header .n7-header__mobile-menu-icon:hover {
  opacity: 1;
}

/* ------------------------------------ *\
    SECOND LEVEL NAV
\* ------------------------------------ */
.n7-header {
  /* Has children */
  /* Sublevel (dropdown) menu */
  /* Current page */
}
.n7-header__nav-item.has-children .n7-header__nav-link:after {
  content: "\e908";
  font-family: "n7-icon";
  font-size: 24px;
  color: #2d3439;
  transition: color 0.2s;
}
.n7-header__nav-item.has-children .n7-header__nav-link:hover:after {
  color: #5397c7;
}
.n7-header__subnav-list {
  left: 0;
  border: 1px solid #dddddd;
}
.n7-header__subnav-link {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.2s;
}
/* ------------------------------------ *\
    TRANSPARENT HEADER
\* ------------------------------------ */
.has-transparent-header .n7-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: transparent;
  box-shadow: none;
  /* Has children */
  /* Gradient */
  /* Mobile menu toggle */
}
.has-transparent-header .n7-header__content {
  position: relative;
  z-index: 10;
}
.has-transparent-header .n7-header__title-subtitle {
  background: url("/assets/logo_sidoniana.png");
  height: 65px;
  width: 260px;
  background-repeat: no-repeat;
  background-size: contain;
}
.has-transparent-header .n7-header__nav-label {
  color: #ffffff;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
.has-transparent-header .n7-header__nav-label:hover {
  color: #5397c7;
}
.has-transparent-header .n7-header__nav-item.has-children .n7-header__nav-link:after {
  color: #ffffff;
}
.has-transparent-header .n7-header:after {
  content: " ";
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  height: 150px;
  background: transparent;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
  pointer-events: none;
}
.has-transparent-header .n7-header .n7-header__mobile-menu-toggle {
  margin-right: 16px;
}
.has-transparent-header .n7-header .n7-header__mobile-menu-icon {
  color: #ffffff;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 1272px) {
  .n7-header {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media all and (max-width: 1180px) {
  /* Style for fullscreen responsive navigation */
  .n7-header,
  .has-transparent-header .n7-header {
    /* Sublevel (dropdown) menu */
  }
  .n7-header .n7-header__nav-item,
  .has-transparent-header .n7-header .n7-header__nav-item {
    padding: 8px 0;
  }
  .n7-header .n7-header__subnav-link,
  .n7-header .n7-header__subnav-item:last-child .n7-header__subnav-link,
  .has-transparent-header .n7-header .n7-header__subnav-link,
  .has-transparent-header .n7-header .n7-header__subnav-item:last-child .n7-header__subnav-link {
    padding: 8px 0;
  }
  .n7-header .n7-header__nav-item.has-children .n7-header__nav-link:after,
  .has-transparent-header .n7-header .n7-header__nav-item.has-children .n7-header__nav-link:after {
    color: rgba(45, 52, 57, 0.5);
  }
  .n7-header .n7-header__nav-link,
  .has-transparent-header .n7-header .n7-header__nav-link {
    display: flex;
    text-align: center;
    justify-content: center;
  }
  .n7-header .n7-header__nav-label,
  .has-transparent-header .n7-header .n7-header__nav-label {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #2d3439;
    text-transform: none;
    text-shadow: none;
  }
  .n7-header .n7-header__subnav-label,
  .has-transparent-header .n7-header .n7-header__subnav-label {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #2d3439;
    text-transform: none;
    text-shadow: none;
  }
  .n7-header .n7-header__subnav-list,
  .has-transparent-header .n7-header .n7-header__subnav-list {
    padding: 8px 0;
    background-color: #f7f7f7;
  }
}
/**
 * GALLERY
 *
 * Gallery component displaying thumbs of images.
 */
/* ------------------------------------ *\
    GALLERY
\* ------------------------------------ */
/* ------------------------------------ *\
    GALLERY ZOOM (MODAL)
\* ------------------------------------ */
.mr-gallery-modal .mr-modal__window {
  max-height: none;
  background: none;
  max-width: none;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.mr-gallery-modal .mr-modal__header {
  width: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.mr-gallery-modal .mr-modal__right {
  position: absolute;
  top: 40vh;
  right: 20px;
  cursor: pointer;
  font-size: 30px !important;
}
.mr-gallery-modal .mr-modal__left {
  position: absolute;
  top: 40vh;
  left: 20px;
  cursor: pointer;
  font-size: 30px !important;
}
.mr-gallery-modal .mr-modal__arrow-link {
  color: #ababab;
  font-size: 60px;
}
.mr-gallery-modal .mr-modal__arrow-link:hover, .mr-gallery-modal .mr-modal__arrow-link:focus {
  color: #397eae;
}
.mr-gallery-modal .mr-modal__content {
  padding: 0;
}
.mr-gallery-modal .mr-modal__content img {
  height: 90vh;
  width: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * HERO
 *
 * Component displaying the following elements:
 * - title
 * - text
 * - input (usually used for seacrh purposes)
 * - button/call to action
 * - image
 * - background image
 *
 * This component is used for hero section at the top of the homepage or
 *  for call to action sections (usually in homepage)
 */
/* ------------------------------------ *\
   #HERO
\* ------------------------------------ */
.n7-hero {
  background-color: #7e8f9b;
}
.n7-hero__text {
  text-align: left;
}
.n7-hero__text h1, .n7-hero__text h2, .n7-hero__text h3, .n7-hero__text h4, .n7-hero__text h5, .n7-hero__text h6, .n7-hero__text p, .n7-hero__text strong {
  color: #ffffff;
}
.n7-hero__text p {
  text-align: justify;
}
.n7-hero__btn {
  font-size: 16px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * INNER-TITLE
 *
 * Title component for page, sections, with title, subtitle and some sortings items.
 */
/* ------------------------------------ *\
   #INNER-TITLE
\* ------------------------------------ */
.n7-inner-title {
  padding: 32px 0;
}
.n7-inner-title__title {
  font-weight: 800;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
}
.n7-inner-title__subtitle {
  font-size: 16px;
  color: rgba(45, 52, 57, 0.68);
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * ITEM-PREVIEW
 *
 * Component used to preview any kind of element with image, title, text, metadata and icons.
 */
/* ------------------------------------ *\
   #ITEM-PREVIEW
\* ------------------------------------ */
/* Grid */
.n7-item-preview__metadata-group-title {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: rgba(45, 52, 57, 0.68);
  font-size: 16px;
}
.n7-item-preview__metadata-item {
  display: block;
}
.n7-item-preview__metadata-item-label {
  font-weight: 700;
  color: rgba(45, 52, 57, 0.68);
}
.n7-item-preview__metadata-item-value {
  font-weight: 400;
  color: rgba(45, 52, 57, 0.68);
}
.n7-item-preview__title {
  margin-bottom: 6px;
  font-family: "Open Sans", sans-serif;
  line-height: 1.3;
  font-size: 18px;
}
.n7-item-preview__image {
  border-radius: 6px;
  transition: all 0.2s;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.04), 0 3px 10px rgba(0, 0, 0, 0.08);
}
.n7-item-preview:hover .n7-item-preview__image {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 5px 15px rgba(0, 0, 0, 0.11);
}

/* No grid */
.n7-grid-1 {
  /* Last row */
}
.n7-grid-1 .n7-item-preview:not(.mr-item-preview-bibliography) {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 8px;
}
.n7-grid-1 .n7-item-preview:not(.mr-item-preview-bibliography) .n7-item-preview___metadata-item {
  display: inline-block;
}
.n7-grid-1 *:last-child .n7-item-preview {
  border-bottom: 0;
}

/* Grid 2 */
.n7-grid-2 {
  /* Last row */
}
.n7-grid-2 > *:nth-child(2n+1):nth-last-child(-n+2) .n7-item-preview,
.n7-grid-2 > *:nth-child(2n+1):nth-last-child(-n+2) ~ * .n7-item-preview {
  border-bottom: 0;
}

/* Grid 3 */
.n7-grid-3 {
  /* Last row */
}
.n7-grid-3 > *:nth-child(3n+1):nth-last-child(-n+3) .n7-item-preview,
.n7-grid-3 > *:nth-child(3n+1):nth-last-child(-n+3) ~ * .n7-item-preview {
  border-bottom: 0;
}

/* Grid 4 */
.n7-grid-4 {
  /* Last row */
}
.n7-grid-4 > *:nth-child(4n+1):nth-last-child(-n+4) .n7-item-preview,
.n7-grid-4 > *:nth-child(4n+1):nth-last-child(-n+4) ~ * .n7-item-preview {
  border-bottom: 0;
}

/* ------------------------------------ *\
   #BIBLIOGRAPHY-ITEM-PREVIEW
\* ------------------------------------ */
.mr-item-preview-bibliography .n7-item-preview__content {
  padding: 16px;
  border: 1px solid #dddddd;
  border-radius: 6px;
  font-size: 16px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04), 0 2px 10px rgba(0, 0, 0, 0.04);
  transition: all 0.2s;
}
.mr-item-preview-bibliography .n7-item-preview__content:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 3px 14px rgba(0, 0, 0, 0.08);
  border: 1px solid #dddddd;
}
.mr-item-preview-bibliography .n7-item-preview__text {
  font-size: 16px;
}

/* ------------------------------------ *\
   #SPECIAL-CASES
\* ------------------------------------ */
/* All Item Previews except bibliography and vertical images */
.n7-item-preview:not(.mr-item-preview-bibliography, .is-vertical.has-image) {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 16px;
  height: 100%;
  box-sizing: border-box;
}

/* Horizontal with image */
.n7-item-preview.has-image:not(.is-vertical) .n7-item-preview__title {
  margin-top: -4px;
}

/*Grid 1 last element without images*/
.n7-grid-1 *:last-child .n7-item-preview:not(.mr-item-preview-bibliography, .is-vertical.has-image) {
  border-bottom: 0;
}

/**
 * ITEMS-PREVIEW
 *
 * Block containing an inner title and some item-previews.
 */
/* ------------------------------------ *\
   #ITEMS-PREVIEW
\* ------------------------------------ */
.mr-items-preview {
  padding-top: 24px;
  padding-bottom: 48px;
}

.mr-items-preview {
  /* Inner titles with horizontal displacement of title and subtitle */
}
.mr-items-preview .n7-inner-title__wrapper-texts {
  display: flex;
  align-items: center;
}
.mr-items-preview .n7-inner-title__title {
  margin-right: 16px;
  padding-right: 16px;
  border-right: 1px solid #dddddd;
}
.mr-items-preview .n7-inner-title__subtitle {
  max-width: 300px;
  line-height: 1.35;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * MAP
 *
 * Style for the leaflet map.
 */
/* ------------------------------------ *\
    MAP
\* ------------------------------------ */
.mr-map {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
}
.mr-map .n7-map__container {
  border-radius: 3px;
}
.mr-map .leaflet-control-attribution a {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * READ MORE
 *
 * Component that handles the rear more functionality.
 */
/* ------------------------------------ *\
    READ-MORE
\* ------------------------------------ */
.mr-read-more {
  /* Collapsed content */
}
.mr-read-more__btn {
  position: relative;
  z-index: 10;
  margin-top: 24px;
  color: #5397c7;
  cursor: pointer;
}
.mr-read-more__btn-text {
  margin-left: 4px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
}
.mr-read-more__content {
  overflow: hidden;
  transition: all 0.4s;
}
.mr-read-more.is-collapsed > .mr-read-more__content {
  position: relative;
}
.mr-read-more.is-collapsed > .mr-read-more__content:after {
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  content: " ";
  height: 100px;
  width: 100%;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * RESOURCE MODAL
 *
 * Style for the modal.
 */
/* ------------------------------------ *\
   #RESOURCE MODAL
\* ------------------------------------ */
.mr-resource-modal {
  /* Inner title */
}
.mr-resource-modal__header {
  padding: 32px;
}
.mr-resource-modal__header .n7-inner-title {
  padding: 0;
  margin: 0;
}
.mr-resource-modal__header .n7-inner-title__title {
  display: block;
  font-size: 24px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #2d3439;
}
.mr-resource-modal__header .n7-inner-title__subtitle {
  display: block;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: rgba(45, 52, 57, 0.68);
}
.mr-resource-modal__window {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.mr-resource-modal__content {
  padding: 0 32px 32px 32px;
  overflow-y: auto;
  overflow-x: hidden;
}
.mr-resource-modal__section-title {
  margin-bottom: 24px;
  font-family: "Open Sans", sans-serif;
  color: #7e8f9b;
  font-size: 24px;
  font-weight: 700;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * SEARCH PAGE DESCRIPTION
 *
 * Muruca component that displayes a text description in the search page.
 */
/* ------------------------------------ *\
    SEARCH PAGE DESCRIPTION
\* ------------------------------------ */
.mr-search-page-description {
  max-width: 800px;
  margin: 0 auto 80px;
}
.mr-search-page-description__text p, .mr-search-page-description__text li {
  margin-bottom: 16px;
}
.mr-search-page-description__link {
  display: block;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * TAG
 *
 * Tag component, with value, label and icon to click and remove it.
 * Can be used as tag element and as active filter indication.
 */
/* ------------------------------------ *\
    TAG
\* ------------------------------------ */
.n7-tag {
  background-color: #7e8f9b;
  padding: 0;
  height: 26px;
}
.n7-tag .n7-tag__text {
  display: inline-block;
  line-height: 26px;
  padding: 0 8px;
  vertical-align: top;
  font-weight: 700;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.n7-tag .n7-tag__icon {
  display: inline-block;
  line-height: 26px;
  height: 26px;
  padding: 0 8px;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 0 8px 8px 0;
  transition: all 0.2s;
}
.n7-tag .n7-tag__icon:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * TEXT-VIEWER
 *
 * Style for the TEI-Publisher text viewer.
 * This SCSS extends and overwrites the original CSS.
 */
/* ------------------------------------ *\
   #PROPERTIES
\* ------------------------------------ */
.n7-text-viewer pb-page {
  --pb-base-font-family: "Open Sans", sans-serif;
  --pb-base-font-size: $font-size-l-xl;
  --pb-base-line-height: 1.42857143;
  --pb-base-font-weight: $font-weight-normal;
  --pb-base-font: var(--pb-base-font-weight) var(--pb-base-font-size)/var(--pb-base-line-height) var(--pb-base-font-family);
  --pb-serif-font-family: EB Garamond, serif;
  --pb-content-font-family: var(--pb-serif-font-family);
  --pb-content-font-size: 20px;
  --pb-heading-font-family: "Open Sans", sans-serif;
  --pb-heading-font-weight: 400 !important;
  --pb-heading-line-height: 1.2;
  --pb-breadcrumbs-font-size: 18px;
  --pb-color-primary: $color-gray-05;
  --pb-color-inverse: #f0f0f0;
  --pb-color-lighter: #35424b;
  --pb-color-focus: #f6a623;
  --pb-header-background-image: none;
  --pb-drawer-background-color: var(--pb-color-inverse);
  --pb-menubar-background-color: #35424b;
  --pb-menubar-background-image: none;
  --pb-menubar-color: var(--pb-color-inverse);
  --pb-toolbar-background-color: #d1dae0;
  --pb-toolbar-background-image: none;
  --pb-toolbar-color: var(--pb-color-primary);
  --paper-tooltip-delay-in: 200;
  --pb-footnote-font-size: 13px;
  --pb-footnote-font-family: var(--pb-content-font-family);
  --pb-footnote-font-weight: var(--pb-content-font-weight);
  --pb-footnote-color: #303030;
  --pb-footnote-padding: 0 0 0 .25em;
  --pb-popover-theme: "material";
  --pb-popover-max-width: 480px;
  --pb-popover-font-size: 16px;
  --pb-popover-line-height: 1.2;
  --pb-popover-placement: "bottom";
  --pb-popover-fallback-placement: "top right left";
  --pb-lang-input-color: var(--pb-color-inverse);
  --pb-lang-label-color: var(--pb-color-inverse);
  --pb-link-color: black;
  --pb-link-font-family: var(--pb-serif-font-family);
  --pb-highlight-color: #f9e976;
  --paper-input-container-focus-color: var(--pb-color-focus);
  --pb-view-max-width: 800px;
  font: var(--pb-base-font);
  color: var(--pb-color-primary);
  margin: 0;
}

/* ------------------------------------ *\
   #TEXT-VIEWER
\* ------------------------------------ */
.n7-text-viewer {
  border-bottom: 2px solid #dddddd;
  /* Table of contents */
}
.n7-text-viewer app-header-layout {
  overflow: hidden;
}
.n7-text-viewer pb-drawer {
  position: absolute;
  top: 64px;
}
.n7-text-viewer pb-view {
  padding-top: 40px;
  padding-bottom: 40px;
}
.n7-text-viewer #view0, .n7-text-viewer #view1, .n7-text-viewer #view2 {
  flex: 1 1;
  max-width: var(--pb-view-max-width);
  margin: 0;
  max-height: var(--pb-view-height);
}

pb-load ul {
  list-style: none;
}
pb-load pb-collapse {
  cursor: pointer;
}

.n7-text-viewer .place {
  color: red;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * TIMELINE
 *
 * Style for timeline component
 */
/* ------------------------------------ *\
    TIMELINE
\* ------------------------------------ */
.n7-timeline {
  /* Single item */
  /* Range */
  /* Clusters */
  /* Selected items */
  /* Line */
  /* Dot */
  /* Data */
}
.n7-timeline > div {
  border: 0 !important;
}
.n7-timeline .vis-timeline {
  border: 1px solid #dddddd;
}
.n7-timeline .vis-panel.vis-center {
  border: 0;
}
.n7-timeline .vis-panel.vis-bottom {
  border: 1px solid #dddddd;
}
.n7-timeline .vis-box {
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  border-radius: 0;
  border-width: 2px;
  border-color: #7e8f9b;
  background-color: #f0f0f0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.n7-timeline .vis-item-content {
  max-width: 300px;
  white-space: pre-wrap;
  font-size: 14px;
  text-align: left;
}
.n7-timeline .vis-item-content .dates {
  font-size: 14px;
  text-align: left;
  color: rgba(45, 52, 57, 0.68);
}
.n7-timeline .vis-item-content .content {
  font-size: 14px;
  text-align: left;
}
.n7-timeline .vis-range {
  border-top: 0;
  border-bottom: 0;
  border-radius: 0;
  border-width: 2px;
  border-color: #7e8f9b;
  background-color: #f0f0f0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.n7-timeline .vis-cluster {
  width: auto !important;
  background-color: #7e8f9b;
  color: #ffffff;
  transition: background-color 0.2s;
  border: 0;
  border-radius: 3px;
}
.n7-timeline .vis-cluster .vis-item-content {
  padding: 4px 8px;
  white-space: normal;
}
.n7-timeline .vis-cluster .vis-cluster__title {
  font-weight: 700;
}
.n7-timeline .vis-cluster .vis-cluster__date {
  font-style: italic;
}
.n7-timeline .vis-cluster:hover {
  background-color: #5397c7;
}
.n7-timeline .vis-box.vis-selected,
.n7-timeline .vis-range.vis-selected:not(.vis-cluster) {
  border-color: #afa26a;
  background-color: #ffffff;
}
.n7-timeline .vis-dot.vis-selected,
.n7-timeline .vis-line.vis-selected {
  border-color: #afa26a;
}
.n7-timeline .vis-line {
  border-width: 2px;
  border-color: #7e8f9b;
}
.n7-timeline .vis-dot {
  border-color: #7e8f9b;
}
.n7-timeline .vis-time-axis .vis-text {
  font-family: "Open Sans", sans-serif;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/**
 * WP CONTENT
 *
 * Style for content coming from the WP text editor.
 */
/* ------------------------------------ *\
   #WP-CONTENT
\* ------------------------------------ */
.mr-wp-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ------------------------------------ *\
   #PARAGRAPH
\* ------------------------------------ */
.mr-wp-content p {
  width: 100%;
  max-width: 800px;
  margin: 0 0 24px 0;
  font-family: "EB Garamond", serif;
  font-size: 21px;
}
.mr-wp-content .has-text-align-justify {
  text-align: justify;
}
.mr-wp-content .has-medium-font-size {
  font-size: 18px;
}
.mr-wp-content .has-ek-indent {
  padding-left: var(--ek-indent, 20px);
}

/* ------------------------------------ *\
   HEADING
\* ------------------------------------ */
.mr-wp-content h2,
.mr-wp-content h2,
.mr-wp-content h3 {
  max-width: 800px;
  margin: 24px auto 48px;
  font-family: "Montserrat", sans-serif;
}

/* ------------------------------------ *\
   LIST
\* ------------------------------------ */
.mr-wp-content ul,
.mr-wp-content ol {
  max-width: 800px;
  margin: 24px auto 48px;
  font-family: "EB Garamond", serif;
  font-size: 21px;
}
.mr-wp-content ol.wp-block-footnotes {
  font-size: 15px;
}

/* ------------------------------------ *\
   QUOTE
\* ------------------------------------ */
.mr-wp-content blockquote {
  position: relative;
  padding: 32px;
  background-color: #f8f6e2;
  border-radius: 6px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 5px 25px rgba(0, 0, 0, 0.05);
  max-width: 800px;
  margin: 0 auto 24px;
  font-family: "EB Garamond", serif;
  font-size: 21px;
  box-sizing: border-box;
  border-radius: 6px;
}
.mr-wp-content blockquote:before {
  content: "“";
  position: absolute;
  top: -22px;
  left: -47px;
  top: -9px;
  left: 17px;
  font-family: "EB Garamond", serif;
  font-size: 170px;
  line-height: 170px;
  color: #ffffff;
  z-index: 1;
}
.mr-wp-content blockquote:after {
  content: "”";
  position: absolute;
  bottom: -96px;
  right: -13px;
  bottom: -80px;
  right: 12px;
  font-family: "EB Garamond", serif;
  font-size: 170px;
  line-height: 170px;
  color: #ffffff;
  z-index: 2;
}
.mr-wp-content blockquote p {
  position: relative;
  z-index: 10;
  margin: 0;
  max-width: none;
  font-size: 21px;
  line-height: 1.6;
}
.mr-wp-content blockquote cite {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: rgba(45, 52, 57, 0.68);
}

/* ------------------------------------ *\
   IMAGE
\* ------------------------------------ */
.mr-wp-content .wp-block-image {
  max-width: 1240px;
  margin: 0 auto 24px;
  /* Center alignment, 700px max width */
  /* Left alignment */
  /* Right alignment */
  /* Wide image, max $page-max-width */
  /* Forced full width */
}
.mr-wp-content .wp-block-image img {
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.095), 0 5px 25px rgba(0, 0, 0, 0.095);
  max-height: 500px;
  width: auto;
}
.mr-wp-content .wp-block-image.aligncenter {
  text-align: center;
}
.mr-wp-content .wp-block-image.aligncenter img {
  max-width: 800px;
}
.mr-wp-content .wp-block-image.alignleft {
  float: left;
}
.mr-wp-content .wp-block-image.alignright {
  float: right;
}
.mr-wp-content .wp-block-image.alignwide {
  text-align: center;
}
.mr-wp-content .wp-block-image.alignwide img {
  max-width: 1240px;
  height: auto;
}
.mr-wp-content .wp-block-image.alignfull {
  max-width: none;
  text-align: center;
}
.mr-wp-content .wp-block-image.alignfull img {
  width: 100%;
  height: auto;
}

/* ------------------------------------ *\
   MEDIA AND IMAGE
\* ------------------------------------ */
.mr-wp-content .wp-block-media-text {
  display: grid;
  grid-template-columns: fit-content(33%) 1fr !important;
  gap: 40px;
  max-width: 800px;
  margin: 0 auto 24px;
}
.mr-wp-content .wp-block-media-text.has-media-on-the-right {
  grid-template-columns: 1fr fit-content(33%) !important;
}
.mr-wp-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
  /*!rtl:begin:ignore*/
  grid-column: 2;
  grid-row: 1;
  /*!rtl:end:ignore*/
}
.mr-wp-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  /*!rtl:begin:ignore*/
  grid-column: 1;
  grid-row: 1;
  /*!rtl:end:ignore*/
}
.mr-wp-content .wp-block-media-text.alignwide {
  max-width: 1100px;
  grid-template-columns: fit-content(50%) 1fr !important;
}
.mr-wp-content .wp-block-media-text.has-media-on-the-right.alignwide {
  grid-template-columns: 1fr fit-content(50%) !important;
}
.mr-wp-content .wp-block-media-text [class^=wp-image] {
  max-width: 100% !important;
  max-height: 80vh !important;
  height: auto;
  width: auto !important;
  vertical-align: middle;
}
.mr-wp-content .wp-block-media-text .wp-block-media-text__media {
  margin: 0;
}
.mr-wp-content .wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}
.mr-wp-content .wp-block-media-text .wp-block-media-text__content p {
  max-width: none;
  margin: 0 auto;
}
.mr-wp-content .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.mr-wp-content .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
  align-self: start;
}
.mr-wp-content .wp-block-media-text .wp-block-media-text__content,
.mr-wp-content .wp-block-media-text .wp-block-media-text__media, .mr-wp-content .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.mr-wp-content .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {
  align-self: center;
}
.mr-wp-content .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.mr-wp-content .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
  align-self: end;
}

/* ------------------------------------ *\
   GALLERY
\* ------------------------------------ */
.mr-wp-content .wp-block-gallery {
  display: flex;
  width: 100%;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #dddddd;
  /* Grid 3 */
  /* Grid 4 */
  /* Grid 5 */
  /* Grid 6 */
  /* with zoom */
}
.mr-wp-content .wp-block-gallery::after {
  content: " ";
  clear: both;
  display: block;
}
.mr-wp-content .wp-block-gallery .blocks-gallery-grid {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  list-style: none;
  max-width: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  row-gap: 25px;
  -moz-column-gap: 25px;
       column-gap: 25px;
}
.mr-wp-content .wp-block-gallery .blocks-gallery-grid::after {
  content: " ";
  clear: both;
  display: block;
}
.mr-wp-content .wp-block-gallery .blocks-gallery-grid::after {
  content: none;
}
.mr-wp-content .wp-block-gallery .blocks-gallery-item {
  border: 1px solid #dddddd;
  transition: all 0.2s;
}
.mr-wp-content .wp-block-gallery .blocks-gallery-item figure {
  margin: 0;
}
.mr-wp-content .wp-block-gallery .blocks-gallery-item figure a {
  display: block;
  width: 150px;
  padding: 8px;
}
.mr-wp-content .wp-block-gallery .blocks-gallery-item figure a img {
  border-radius: 0;
  box-shadow: none;
}
.mr-wp-content .wp-block-gallery .blocks-gallery-item figure a figcaption {
  color: #5397c7;
}
.mr-wp-content .wp-block-gallery .blocks-gallery-item img {
  display: block;
  transform: scale(1);
  transition: 0.3s ease-in-out;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.095), 0 5px 25px rgba(0, 0, 0, 0.095);
}
.mr-wp-content .wp-block-gallery .blocks-gallery-item:hover {
  transform: scale(1.1);
}
.mr-wp-content .wp-block-gallery .blocks-gallery-item__caption {
  margin-top: 4px;
  margin-bottom: 8px;
  color: rgba(45, 52, 57, 0.68);
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}
.mr-wp-content .wp-block-gallery.columns-3 .blocks-gallery-item {
  float: left;
  margin-right: 24px;
}
.mr-wp-content .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n + 3) {
  margin-right: 0;
}
.mr-wp-content .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n + 1) {
  clear: both;
}
.mr-wp-content .wp-block-gallery.columns-4 .blocks-gallery-item {
  float: left;
  margin-right: 24px;
}
.mr-wp-content .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n + 4) {
  margin-right: 0;
}
.mr-wp-content .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n + 1) {
  clear: both;
}
.mr-wp-content .wp-block-gallery.columns-5 .blocks-gallery-item {
  float: left;
  margin-right: 24px;
}
.mr-wp-content .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n + 5) {
  margin-right: 0;
}
.mr-wp-content .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n + 1) {
  clear: both;
}
.mr-wp-content .wp-block-gallery.columns-6 .blocks-gallery-item {
  float: left;
  margin-right: 24px;
}
.mr-wp-content .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n + 6) {
  margin-right: 0;
}
.mr-wp-content .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n + 1) {
  clear: both;
}
.mr-wp-content .wp-block-gallery.has-zoom figure:hover a {
  cursor: pointer;
}
.mr-wp-content .mr-gallery__zoom-figcaption {
  height: 9.8vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: black;
  opacity: 0.8;
  font-size: 18px;
  color: white;
}

/* ------------------------------------ *\
   TABLE
\* ------------------------------------ */
.mr-wp-content .wp-block-table {
  margin: 24px auto 48px auto;
  max-width: 800px;
}
.mr-wp-content .wp-block-table table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  border: 2px solid #dddddd;
}
.mr-wp-content .wp-block-table td {
  padding: 8px;
  border: 2px solid #dddddd;
  color: #2d3439;
  font-size: 14px;
}
.mr-wp-content .wp-block-table.alignwide {
  max-width: 1240px;
}

/* ------------------------------------ *\
   CAPTION
\* ------------------------------------ */
.mr-wp-content figcaption {
  margin-top: 8px;
  color: rgba(45, 52, 57, 0.68);
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  text-align: center;
}

/* ------------------------------------ *\
   VIDEO
\* ------------------------------------ */
.mr-wp-content .wp-block-video {
  width: 800px;
  margin: 0 auto 24px;
}
.mr-wp-content .wp-block-video video {
  width: 800px;
}

/* ------------------------------------ *\
   HR
\* ------------------------------------ */
.mr-wp-content .wp-block-separator {
  max-width: 800px;
  margin: 0 auto 24px;
  padding: 0;
  border: none;
  border-top: 1px solid #dddddd;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 768px) {
  .mr-wp-content .wp-block-media-text {
    display: block;
  }
  .mr-wp-content .wp-block-media-text.has-media-on-the-right {
    grid-template-columns: 1fr fit-content(50%) !important;
  }
  .mr-wp-content .wp-block-media-text [class^=wp-image] {
    width: 100% !important;
    height: auto !important;
  }
  .mr-wp-content .wp-block-media-text .wp-block-media-text__media {
    margin-bottom: 16px;
  }
  .mr-wp-content .wp-block-media-text .wp-block-media-text__content {
    padding: 0;
  }
  .mr-wp-content .wp-block-media-text .wp-block-media-text__content p {
    max-width: none;
    margin: 0 auto;
  }
}
/* Retina */
/**
 * ADVANCED RESULT
 *
 * Style for the advanced results that are displayed below the item previews, 
 in the advanced search.
 */
/* ------------------------------------ *\
    ADVANCED-RESULT
\* ------------------------------------ */
.mr-advanced-result {
  /* Item preview style */
}
.mr-advanced-result__content {
  margin-top: 6px;
  padding-top: 8px;
  border-top: 1px solid #f0f0f0;
}
.mr-advanced-result__title {
  margin-bottom: 12px;
  color: rgba(45, 52, 57, 0.68);
  font-weight: 400;
  font-size: 14px;
}
.mr-advanced-result__item {
  margin-bottom: 8px;
}
.mr-advanced-result__item a:hover .mr-advanced-result__label {
  color: #5397c7;
}
.mr-advanced-result__item a:hover .mr-advanced-result__value {
  color: #5397c7;
}
.mr-advanced-result__item:not(:last-child) {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.mr-advanced-result__label {
  margin-right: 4px;
  color: rgba(45, 52, 57, 0.68);
  font-size: 14px;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  transition: color 0.2s;
}
.mr-advanced-result__value {
  color: #2d3439;
  font-weight: 400;
  font-family: "EB Garamond", serif;
  font-size: 16px;
  transition: color 0.2s;
}
.mr-advanced-result .mrc__text-breadcrumbs {
  display: block;
  margin-bottom: 4px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: rgba(45, 52, 57, 0.68);
}
.mr-advanced-result .mrc__text-divider {
  display: block;
  border-bottom: 1px dotted #f0f0f0;
  padding: 4px;
}
.mr-advanced-result .mrc__text-attr_value {
  background-color: #f0f0f0;
  padding: 0 5px;
  border-radius: 5px;
}
.mr-advanced-result .mrc__text-emph-attribute {
  color: rgba(45, 52, 57, 0.68);
  font-size: 14px;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
}
.mr-advanced-result div.n7-item-preview:not(.fake_class_for_specificity) {
  padding-bottom: 4px;
  border-bottom: 0;
}
.mr-advanced-result div.n7-item-preview:not(.fake_class_for_specificity) .n7-item-preview__metadata-group {
  margin-bottom: 0;
}
.mr-advanced-result__header {
  display: flex;
  font-family: "EB Garamond", serif;
  padding-bottom: 12px 0;
}
.mr-advanced-result__header .mr-advanced-result__header-icon {
  display: none;
}
.mr-advanced-result__header.has-toggle {
  cursor: pointer;
}
.mr-advanced-result__header.has-toggle .mr-advanced-result__header-icon {
  display: inherit;
}
.mr-advanced-result__header-label {
  flex-grow: 1;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * FORM WRAPPER ACCORDION
 *
 * Accordion for the advanced search form.
 */
/* ------------------------------------ *\
   #FORM-WRAPPER-ACCORDION
\* ------------------------------------ */
.mr-form-wrapper-accordion {
  /* Buttons */
}
.mr-form-wrapper-accordion__header {
  margin-bottom: 24px;
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04), 0 2px 10px rgba(0, 0, 0, 0.04);
  transition: all 0.2s;
}
.mr-form-wrapper-accordion__header:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 3px 14px rgba(0, 0, 0, 0.08);
  background-color: #f7f7f7;
}
.mr-form-wrapper-accordion__header .n7-facet-header {
  height: 56px;
  border-top: 0;
}
.mr-form-wrapper-accordion__header .n7-facet-header__text-wrapper {
  padding: 0 16px;
}
.mr-form-wrapper-accordion__header .n7-facet-header__text {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 56px;
  color: #2d3439;
}
.mr-form-wrapper-accordion__header .n7-facet-header__icon-right {
  width: 56px;
  line-height: 56px;
  color: #2d3439;
  font-size: 32px;
}
.mr-form-wrapper-accordion__content {
  padding: 0 16px;
  margin-bottom: 32px;
}
.mr-form-wrapper-accordion__actions {
  text-align: center;
}
.mr-form-wrapper-accordion__actions .n7-btn:not(:last-child) {
  margin-right: 16px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * FORM
 *
 * Form used in advanced search.
 */
/* ------------------------------------ *\
   #FORM
\* ------------------------------------ */
.mr-form__section-header {
  margin-bottom: 32px;
}
.mr-form__section-title {
  margin-bottom: 8px;
  font-size: 24px;
  font-family: "Open Sans", sans-serif;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  color: #2d3439;
}
.mr-form__section-description {
  font-weight: 400;
  font-size: 14px;
}
.mr-form__element {
  margin-bottom: 24px;
}
.mr-form .n7-input-text__label {
  font-weight: 700;
}
.mr-form .n7-input-select {
  display: flex;
  align-items: center;
}
.mr-form .n7-input-select label {
  margin-bottom: 0;
  margin-right: 8px;
}
.mr-form .n7-input-checkbox {
  display: flex;
  align-items: center;
}
.mr-form .n7-input-checkbox__input {
  margin-right: 8px;
}
.mr-form .n7-input-checkbox__label {
  margin-bottom: 0;
  margin-right: 8px;
}

/* ------------------------------------ *\
   #NOT:ADVANCED-SECTION
\* ------------------------------------ */
.mr-form__section:not(.mr-form__section-advanced) .n7-input-text__label {
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  color: #7e8f9b;
}

/* ------------------------------------ *\
   #ADVANCED-SECTION
\* ------------------------------------ */
/*  */
.mr-form__section-advanced .mr-form__section-title {
  margin-bottom: 8px;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  color: #7e8f9b;
}
/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * CAROUSEL
 *
 * Brief description of the component here.
 */
/* ------------------------------------ *\
   #CAROUSEL
\* ------------------------------------ */
.n7-carousel {
  /* Custom text styles */
  /* Image caption */
}
.n7-carousel__slide-content-wrapper {
  max-width: 100%;
}
.n7-carousel__slide-content {
  flex-direction: column;
  max-width: 1240px;
  margin: 0 auto;
}
.n7-carousel__slide-content-right {
  display: block;
}
.n7-carousel__slide {
  position: relative;
  width: 100%;
  height: 490px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}
.n7-carousel__slide-content-left {
  max-width: 65%;
}
.n7-carousel__slide-title {
  font-size: 38px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.n7-carousel__slide-title h1, .n7-carousel__slide-title h2, .n7-carousel__slide-title h3, .n7-carousel__slide-title h4, .n7-carousel__slide-title h5, .n7-carousel__slide-title h6, .n7-carousel__slide-title p, .n7-carousel__slide-title a {
  color: #ffffff !important;
  font-size: 18px;
}
.n7-carousel__slide-text h1, .n7-carousel__slide-text h2, .n7-carousel__slide-text h3, .n7-carousel__slide-text h4, .n7-carousel__slide-text h5, .n7-carousel__slide-text p, .n7-carousel__slide-text a {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  color: #ffffff !important;
}
.n7-carousel__slide-text em {
  font-size: inherit;
}
.n7-carousel__slide-text h1 {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
.n7-carousel__slide-text h1 em {
  font-size: inherit;
  font-style: italic;
  font-weight: 400;
}
.n7-carousel__slide-text h2 {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
.n7-carousel__slide-text h2 em {
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
}
.n7-carousel__slide-text h5 {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 400;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
.n7-carousel__slide-text h6 {
  position: absolute;
  bottom: 16px;
  right: 8px;
  max-width: 200px;
  text-align: right;
  margin-top: 16px;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 3px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  color: #ffffff !important;
}
/* ------------------------------------ *\
   #SLIDE-WITH-IMAGE
\* ------------------------------------ */
.n7-carousel__slide.has-image {
  /* Overlay */
}
.n7-carousel__slide.has-image:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * MAIN LAYOUT
 *
 * Css definining the style for the outer layout wrapper:
 * (projects/n7-boilerplate-common/src/lib/layouts/main-layout/main-layout.html)
 */
/* ------------------------------------ *\
    MAIN LAYOUT
\* ------------------------------------ */
.n7-main-layout {
  min-width: 768px;
  background-color: #ffffff;
}

/* ------------------------------------ *\
    STICKY FOOTER
\* ------------------------------------ */
/* Implemented with CSS flex */
.n7-main-layout {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.n7-page-content {
  flex: 1 0 auto; /* for sticky footer - prevent element from shrinking */
}
.n7-page-content + * {
  flex: none; /* for sticky footer - prevent element from shrinking */
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 1272px) {
  /* Layout utility class */
  .n7-side-auto-padding {
    padding-left: 16px;
    padding-right: 16px;
  }
}
/**
 * HOME
 *
 * Specific style for the Homepage.
 */
/* ------------------------------------ *\
    HERO
\* ------------------------------------ */
/* Hero 1 */
.mr-home .n7-hero-main {
  height: 400px;
}
.mr-home .n7-hero-main .n7-hero__text-wrapper {
  height: 400px;
}
.mr-home .n7-hero-main .n7-hero__title {
  font-size: 38px;
  font-weight: 700;
  color: #ffffff;
}
.mr-home .n7-hero-main .n7-hero__text {
  margin-bottom: 0;
  max-width: 50%;
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.3;
}
.mr-home .n7-hero-main .n7-hero__text h1, .mr-home .n7-hero-main .n7-hero__text h2, .mr-home .n7-hero-main .n7-hero__text h3, .mr-home .n7-hero-main .n7-hero__text h4, .mr-home .n7-hero-main .n7-hero__text h5, .mr-home .n7-hero-main .n7-hero__text h6, .mr-home .n7-hero-main .n7-hero__text p, .mr-home .n7-hero-main .n7-hero__text strong {
  font-weight: 400;
  color: #ffffff;
  line-height: 1.3;
}
.mr-home .n7-hero-main .n7-hero__text h1 {
  font-size: 26px;
}
.mr-home .n7-hero-main .n7-hero__text h2 {
  font-size: 24px;
}
.mr-home .n7-hero-main .n7-hero__text h3 {
  font-size: 23px;
}
.mr-home .n7-hero-main .n7-hero__text h4 {
  font-size: 22px;
}
.mr-home .n7-hero-main .n7-hero__text h5 {
  font-size: 20px;
}
.mr-home .n7-hero-main .n7-hero__text h6 {
  font-size: 18px;
}
.mr-home .n7-hero-main .n7-hero__text p {
  font-size: 16px;
}
.mr-home .n7-hero-main .n7-hero__input-wrapper {
  width: 100%;
  text-align: right;
}

/* Hero 2 */
.mr-home .n7-hero-works {
  padding: 40px 0;
  height: auto;
}
.mr-home .n7-hero-works .n7-hero__text-wrapper {
  height: auto;
}
.mr-home .n7-hero-works .n7-hero__text {
  font-size: 18px;
}
.mr-home .n7-hero-works .n7-hero__text p {
  font-size: 18px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 768px) {
  /* Hero 1 */
  .mr-home .n7-hero-main .n7-hero__input-wrapper {
    margin-top: 16px;
    text-align: left;
  }
}
/* Retina */
/**
 * LAYOUT
 *
 * General style for Muruca layouts.
 */
/* ------------------------------------ *\
    LAYOUT
\* ------------------------------------ */
.n7-page-content {
  display: flex;
  flex-direction: column;
}
.n7-page-content .n7-content {
  flex-grow: 1;
  position: relative;
}

.mr-layout__maxwidth {
  max-width: 1240px;
  margin: 0 auto;
}

/* ------------------------------------ *\
    LOADING
\* ------------------------------------ */
.mr-layout.is-loading {
  position: absolute;
  bottom: 0;
  top: 0;
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.mr-layout__loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* ------------------------------------ *\
    ERROR
\* ------------------------------------ */
.mr-layout.is-error {
  position: absolute;
  bottom: 0;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.mr-layout.is-error .mr-layout__error {
  padding-top: 40px;
}

.has-transparent-header .mr-layout.is-error .mr-layout__error {
  padding-top: 120px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * RESOURCE
 *
 * Specific style for the Resource page.
 */
/* ------------------------------------ *\
   #RESOURCE
\* ------------------------------------ */
.mr-resource {
  padding-bottom: 64px;
  background-color: #f7f7f7;
  /* Top section: breadcrumbs, title, tabs */
  /* Content section */
}
.mr-resource__top {
  /* Breadcrumbs */
  /* Page title */
  /* Metadata under the title */
  /* Image Viewer IIIF */
  /* Tabs */
}
.mr-resource__top .mr-resource__breadcrumbs {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 5px 10px 0 rgba(0, 0, 0, 0.03);
}
.mr-resource__top .n7-breadcrumbs {
  max-width: 1240px;
  margin: 0 auto;
  background-color: transparent;
}
.mr-resource__top .mr-resource__title {
  max-width: 1240px;
  margin: 0 auto;
}
.mr-resource__top .mr-resource__title .n7-inner-title__title {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
}
.mr-resource__top .mr-resource__metadata, .mr-resource__top .mr-resource__metadata-dynamic {
  max-width: 1240px;
  margin: 0 auto;
  margin: -24px auto 32px auto;
}
.mr-resource__top .mr-resource__metadata .n7-metadata-viewer__group, .mr-resource__top .mr-resource__metadata-dynamic .n7-metadata-viewer__group {
  margin-bottom: 4px;
}
.mr-resource__top .n7-metadata-viewer__item {
  display: inline;
}
.mr-resource__top .n7-metadata-viewer__item:not(:last-child):after {
  content: "-";
  margin-left: 8px;
  margin-right: 8px;
  color: rgba(45, 52, 57, 0.68);
}
.mr-resource__top .n7-metadata-viewer__item-label {
  display: inline;
  margin-right: 4px;
  font-size: 14px;
}
.mr-resource__top .n7-metadata-viewer__item-value {
  display: inline;
  font-size: 14px;
}
.mr-resource__top .n7-metadata-viewer__item-value p {
  display: inline;
  font-size: 14px;
  margin: 0;
}
.mr-resource__top .mr-resource__viewer-iiif {
  max-width: 1240px;
  margin: 0 auto;
  margin-bottom: 40px;
  background-color: transparent;
}
.mr-resource__top .mr-resource__tabs {
  position: relative;
  z-index: 2;
  max-width: 1240px;
  margin: 0 auto;
}
.mr-resource__top .mr-resource__tabs a {
  margin-right: 8px;
}
.mr-resource__top .mr-resource__tabs .is-active .mr-resource__tabs-item {
  background-color: #ffffff;
  font-weight: 700;
  box-shadow: 0 -2px 15px 0 rgba(0, 0, 0, 0.1);
}
.mr-resource__top .mr-resource__tabs .is-active .mr-resource__tabs-item:hover {
  color: #2d3439;
  transition: all 0.2s;
}
.mr-resource__top .mr-resource__tabs-item {
  display: inline-block;
  height: 44px;
  line-height: 44px;
  padding: 0 16px;
  color: #2d3439;
  background-color: #f0f0f0;
  border-radius: 3px 3px 0 0;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  box-shadow: 0 -2px 15px 0 rgba(0, 0, 0, 0.01);
  transition: all 0.2s;
}
.mr-resource__top .mr-resource__tabs-item:hover {
  color: #5397c7;
}
.mr-resource__content {
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  max-width: 1240px;
  margin: 0 auto;
  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08), 0 13px 30px 0 rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  /* Button */
  /* Metadata */
  /* Collection */
  /* Gallery */
  /* Image Viewer */
  /* Image Viewer Overlay Details */
  /* Sections border */
}
.mr-resource__content .mr-resource__button {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding: 8px;
}
.mr-resource__content .mr-resource__metadata, .mr-resource__content .mr-resource__metadata-dynamic {
  padding: 48px 0;
  margin: 0 80px;
}
.mr-resource__content .mr-resource__collection {
  padding: 48px 0;
  margin: 0 80px;
}
.mr-resource__content .mr-resource__gallery {
  padding: 48px 0;
  margin: 0 80px;
}
.mr-resource__content .mr-resource__viewer {
  position: relative;
}
.mr-resource__content .mr-resource__viewer svg polygon, .mr-resource__content .mr-resource__viewer svg circle {
  cursor: pointer;
}
.mr-resource__content .mr-resource__viewer-overlay-details {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 300px;
  padding: 8px;
  background: #ffffff;
}
.mr-resource__content .mr-resource__viewer-overlay-details .n7-item-preview {
  border-bottom: inherit;
}
.mr-resource__content .mr-resource__viewer-overlay-details .n7-item-preview .n7-item-preview__title {
  max-width: 270px;
}
.mr-resource__content .mr-resource__viewer-overlay-details .n7-item-preview .n7-item-preview__text {
  max-height: 325px;
  overflow: auto;
  white-space: pre-line;
}
.mr-resource__content .mr-resource__viewer-overlay-details .n7-item-preview.has-image .n7-item-preview__title {
  max-width: inherit;
}
.mr-resource__content .mr-resource__viewer-overlay-details__close {
  position: absolute;
  top: 8px;
  right: 12px;
  z-index: 1;
}
.mr-resource__content .mr-resource__viewer-overlay-details__close a {
  cursor: pointer;
  color: #2d3439;
  font-size: 24px;
  text-shadow: #f0f0f0 0 0 6px;
  opacity: 0.7;
}
.mr-resource__content .mr-resource__viewer-overlay-details__close a:hover {
  opacity: 1;
}
.mr-resource__content .mr-resource__metadata + .mr-resource__metadata,
.mr-resource__content .mr-resource__metadata-dynamic + .mr-resource__metadata-dynamic,
.mr-resource__content .mr-resource__collection + .mr-resource__metadata,
.mr-resource__content .mr-resource__metadata + .mr-resource__collection,
.mr-resource__content .mr-resource__collection + .mr-resource__collection {
  border-top: 2px solid #dddddd !important;
}

.mr-layout__tabs span {
  margin: 0 2px;
  background: #f0f0f0;
  color: black;
}

.text-viewer__mock {
  background-color: #f8f6e2;
  height: 600px;
  line-height: 600px;
  text-align: center;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * MAP-LAYOUT
 *
 * Specific style for the map page.
 */
/* ------------------------------------ *\
   #MAP-LAYOUT
\* ------------------------------------ */
.mr-map-layout {
  padding-bottom: 64px;
}
.mr-map-layout__map {
  width: 100%;
}
.mr-map-layout__map .n7-map__container {
  height: calc(65vh - 80px);
}
.mr-map-layout__page {
  max-width: 800px;
  margin: 0 auto;
}
.mr-map-layout__date {
  margin-bottom: 32px;
  border-bottom: 1px solid #dddddd;
}
.mr-map-layout__date .n7-inner-title__title {
  color: #afa26a;
}
.mr-map-layout__date .n7-inner-title__buttons-action {
  background: transparent;
  border: 0;
  font-size: 32px;
  color: #ababab;
  transition: all 0.2s;
}
.mr-map-layout__date .n7-inner-title__buttons-action:hover {
  color: #5397c7;
}
.mr-map-layout__title {
  margin-bottom: 32px;
  font-size: 24px;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
}
.mr-map-layout__content {
  font-family: "EB Garamond", serif;
  font-size: 21px;
  white-space: pre-wrap;
}
.mr-map-layout__content p, .mr-map-layout__content ul, .mr-map-layout__content li, .mr-map-layout__content a {
  white-space: pre-wrap;
  font-family: "EB Garamond", serif;
  font-size: 21px;
}

/* ------------------------------------ *\
   #CONTENT-BLOCKS
\* ------------------------------------ */
.mr-timeline .mr-content-block {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #dddddd;
}
.mr-timeline .mr-content-block:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.mr-timeline .mr-content-block-map {
  padding-bottom: 0;
  border-bottom: 0;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * STATIC
 *
 * Specific style for static pages.
 * Inner content HTML is produced by WP text editor (formerly Gutenberg).
 */
/* ------------------------------------ *\
   #STATIC
\* ------------------------------------ */
.mr-static {
  padding: 0 24px 64px 24px;
}
.mr-static__top {
  max-width: 800px;
  margin: 0 auto 48px auto;
  padding: 48px 0 32px 0;
  border-bottom: 1px solid #dddddd;
}
.mr-static__title {
  margin: 0;
  font-size: 32px;
  line-height: 1.4;
}
.mr-static__metadata {
  margin-top: 24px;
}
.mr-static__metadata .n7-metadata-viewer__item {
  display: inline-block;
}
.mr-static__metadata .n7-metadata-viewer__item:not(:last-child):after {
  content: ", ";
  margin-right: 8px;
}
.mr-static__metadata .n7-metadata-viewer__item-label {
  margin-right: 4px;
  font-weight: 400;
}
.mr-static__metadata .n7-metadata-viewer__item-value {
  font-weight: 700;
}
.mr-static__content {
  margin: 0 auto;
}
.mr-static .mrc-iframe {
  margin: 0 auto;
  display: block;
  border: 0;
  max-width: 800px;
}

/* ------------------------------------ *\
   #RELATED RESOURCES (SECTIONS)
\* ------------------------------------ */
/* Stuff like: Risorse collegate... */
.mr-static__related-resources {
  margin: 64px auto 32px;
  max-width: 1240px;
}
.mr-static__related-resources .mr-resource__section {
  margin-bottom: 32px;
  padding-top: 64px;
  border-top: 1px solid #dddddd;
}

/* ------------------------------------ *\
   #WORDPRESS CONTENT
\* ------------------------------------ */
.wp-block-media-text {
  /*!rtl:begin:ignore*/
  /*!rtl:end:ignore*/
}
.wp-block-media-text .wp-block-media-text__media {
  /*!rtl:begin:ignore*/
  /*!rtl:end:ignore*/
}

.wp-block-media-text .wp-block-media-text__content {
  /*!rtl:begin:ignore*/
  /*!rtl:end:ignore*/
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
  /*!rtl:begin:ignore*/
  /*!rtl:end:ignore*/
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  /*!rtl:begin:ignore*/
  /*!rtl:end:ignore*/
}

/*
* Here we here not able to use a mobile first CSS approach.
* Custom widths are set using inline styles, and on mobile,
* we need 100% width, so we use important to overwrite the inline style.
* If the style were set on mobile first, on desktop styles,
* we would have no way of setting the style again to the inline style.
*/
/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 480px) {
  .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 100% !important;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
  }
}
/* Retina */
/**
 * SEARCH LAYOUT
 *
 * Style for the search layout.
 */
/* ------------------------------------ *\
    SEARCH-LAYOUT
\* ------------------------------------ */
.mr-search {
  padding-bottom: 96px;
  background-color: #fafbfc;
}
.mr-search__title {
  padding: 16px 0;
}
.mr-search__results-content {
  display: flex;
}
.mr-search .mr-facets {
  flex-shrink: 0;
  width: 25%;
  margin-right: 24px;
}
.mr-search__results-wrapper {
  flex-grow: 1;
}

/* ------------------------------------ *\
    FACETS
\* ------------------------------------ */
/* ------------------------------------ *\
    RESULTS
\* ------------------------------------ */
.mr-search__results-info .n7-inner-title {
  margin-bottom: 32px;
  padding: 0;
  align-items: flex-start;
}
.mr-search__results-info .n7-inner-title__title {
  font-weight: 400;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
}
.mr-search__results-info .n7-inner-title__sorting-label,
.mr-search__results-info .n7-inner-title__sorting-select {
  font-size: 14px;
}

/* ------------------------------------ *\
    INNER TITLE
\* ------------------------------------ */
.mr-search select.n7-inner-title__sorting-select option:disabled {
  display: none;
}

/* ------------------------------------ *\
    NO-RESULTS
\* ------------------------------------ */
.mr-search__results-ko-string {
  margin-bottom: 16px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * TIMELINE
 *
 * Specific style for the timeline page.
 */
/* ------------------------------------ *\
   #TIMELINE
\* ------------------------------------ */
.mr-timeline {
  padding-bottom: 64px;
}
.mr-timeline__timeline {
  min-height: 500px;
  width: 100%;
}
.mr-timeline__timeline-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 500px;
}
.mr-timeline__page {
  max-width: 800px;
  margin: 0 auto;
}
.mr-timeline__content {
  font-family: "EB Garamond", serif;
  font-size: 21px;
  white-space: pre-wrap;
}
.mr-timeline__content p, .mr-timeline__content ul, .mr-timeline__content li, .mr-timeline__content a {
  white-space: pre-wrap;
  font-family: "EB Garamond", serif;
  font-size: 21px;
}

/* ------------------------------------ *\
   #PAGE-HEADER
\* ------------------------------------ */
.mr-timeline__page-header {
  margin-bottom: 32px;
  padding: 32px 0;
  border-bottom: 1px solid #dddddd;
}
.mr-timeline__date {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
}
.mr-timeline__title .n7-inner-title {
  padding: 0;
}
.mr-timeline__title .n7-inner-title__title {
  color: #afa26a;
}
.mr-timeline__title .n7-inner-title__buttons-action {
  background: transparent;
  border: 0;
  font-size: 24px;
  color: #ababab;
  transition: all 0.2s;
}
.mr-timeline__title .n7-inner-title__buttons-action:hover {
  color: #5397c7;
}

/* ------------------------------------ *\
   #CONTENT-BLOCKS
\* ------------------------------------ */
.mr-timeline .mr-content-block {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #dddddd;
}
.mr-timeline .mr-content-block:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.mr-timeline .mr-content-block-map {
  padding-bottom: 0;
  border-bottom: 0;
}

/* ------------------------------------ *\
   #GALLERY
\* ------------------------------------ */
.mr-timeline__content .timeline-gallery__image-container {
  margin: 0;
  padding: 0;
  margin-right: 15px;
  margin-bottom: 15px;
}
.mr-timeline__content .timeline-gallery__image img {
  width: 100%;
}
.mr-timeline__content .timeline-gallery__description-text {
  font-size: 16px;
  text-align: left;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * ADVANCED RESULTS LAYOUT
 *
 * Style for the advanced search results page.
 */
/* ------------------------------------ *\
    ADVANCED-RESULTS-LAYOUT
\* ------------------------------------ */
.mr-advanced-results {
  padding-bottom: 32px;
}
.mr-advanced-results .mr-layout__maxwidth {
  max-width: 800px;
}
.mr-advanced-results__feedback-text {
  margin-bottom: 16px;
}
.mr-advanced-results__buttons {
  text-align: center;
}
.mr-advanced-results__results {
  margin-bottom: 16px;
}
.mr-advanced-results__results > .n7-grid-1 > *:not(:last-child) {
  padding-bottom: 24px;
  margin-bottom: 28px;
  border-bottom: 1px solid #dddddd;
}

/* ------------------------------------ *\
    NUMBER-OF-RESULTS
\* ------------------------------------ */
.mr-advanced-results__results-info .n7-inner-title {
  padding-top: 0;
}
.mr-advanced-results__results-info .n7-inner-title__title {
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}
.mr-advanced-results__results-info .n7-inner-title__title strong {
  font-weight: 700;
}
.mr-advanced-results__results-info .n7-inner-title__sorting-label {
  font-size: 14px;
}
.mr-advanced-results__results-info .n7-inner-title__sorting-select {
  font-size: 14px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * ADVANCED SEARCH LAYOUT
 *
 * Style for the advanced search page.
 */
/* ------------------------------------ *\
    ADVANCED-SEARCH-LAYOUT
\* ------------------------------------ */
.mr-advanced-search {
  padding-bottom: 32px;
}
.mr-advanced-search .mr-layout__maxwidth {
  max-width: 800px;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * UTILITIES
 *
 * Helper classes for the projects, in order to manage various behaviour 
 * ex. sticky sidebar
 *
 */
/* ------------------------------------ *\
   #STICKY-SIDEBAR
\* ------------------------------------ */
.is-sticky {
  align-self: start; /* get the component have its content height when in grid layout */
  position: sticky;
  top: 0;
}

/* ------------------------------------ *\
   #SCROLL-REF
\* ------------------------------------ */
.scroll-ref {
  width: 0;
  height: 0;
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
/* Retina */
/**
 * UTILITIES
 *
 * Various utilities classes used to fix minor and common problems.
 */
/* ------------------------------------ *\
    UTILITIES
\* ------------------------------------ */
/* Highlight */
.mrc__text-emph {
  font-style: normal;
  background-color: rgba(255, 251, 0, 0.18);
}

/* ------------------------------------ *\
   #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (max-width: 1272px) {
  /* This adds a side padding to elements when the page is under the pag max width */
  .mr-side-margin {
    margin-left: 16px;
    margin-right: 16px;
  }
}
/**
 * CUSTOM
 *
 * Custom styles to make minor fixes on components and layouts.
 */
/* ------------------------------------ *\
    #FOOTER
\* ------------------------------------ */
.n7-footer .n7-footer__column-selects label {
  margin-bottom: 8px;
  font-size: 12px;
  color: #ffffff;
}

/* ------------------------------------ *\
    #MEDIA-QUERIES
\* ------------------------------------ */
.mr-home {
  background-color: #7e8f9b;
}
.mr-home .n7-btn-cta {
  background-color: #ffffff;
  border: none;
  color: #2d3439;
}
.mr-home .n7-btn-cta:hover {
  background-color: #2d3439;
  opacity: 0.9;
  color: #ffffff;
}

/*# sourceMappingURL=styles.css.map*/