.calendar{position:relative;background-color:black;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);margin-bottom:90px;opacity:0;transition:opacity 1s ease-in-out;}
.calendar.instant{transition:opacity 0s;}
.blackBg{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:0;z-index:35;transition:opacity 1s ease-in-out;}
.blackBg.fastOut{transition:opacity .2s ease-out;}

.simpleCloseBtn{position:absolute;width:46px;height:46px;top:-20px;right:-20px;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.simpleCloseBtn svg{display:block!important;}
.simpleCloseBtn .st0{fill:#3C3C37;stroke:#FF8B4F;stroke-width:1.5;stroke-miterlimit:10;}
.simpleCloseBtn .st1{stroke:#FF8B4F;stroke-width:4;stroke-linecap:round;stroke-miterlimit:10;transition:.3s ease-out;transform-origin:50% 50%;}

.calendarShade{position:absolute;pointer-events:none;opacity:.2;transition:opacity .5s ease-in-out;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 70%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.calendar .bg{position:absolute;left:0;top:0;width:100%;height:100%;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.calendar canvas{-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.calendar .texts{position:absolute;left:3%;top:2%;color:#FFF;pointer-events:none;text-align:left;text-shadow:4px 4px 8px rgba(0,0,0,.8);}
.calendar .texts h4{line-height:1.2;font-size:40px;}
.calendar .texts p{padding:0!important;margin:0!important;width:auto!important;line-height:1.3;font-size:16px;}

.calendar .closedContent, .calendar .openContent{position:absolute;left:0;top:0;display:block;}
.calendar .closedContent{overflow:hidden;width:100%;height:100%;}
.calendar .openContent .innerGlow{background-color:#dcdcd2;width:100%;height:100%;/*box-shadow:inset 0 0 8px rgba(0,0,0,0.6);*/visibility:hidden;border-radius:2%;background-image:url("../Grx/paperPattern.png");background-repeat:no-repeat;background-size:100%;display:block;}
.calendar .openContent .shade{position:absolute;left:-10%;top:0%;width:140%;height:100%;background: radial-gradient(ellipse at center,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 70%);pointer-events:none;visibility:hidden;display:block;}
.calendar .closedContent .front{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;display:block;}
.calendar .closedContent .back{position:absolute;left:0;top:0;width:100%;height:100%;/*background:blue;*/visibility:hidden;background-image:url("../Grx/paperPattern.png");background-repeat:no-repeat;background-size:100%;display:block;}

.calendar .cell .leftShade{position:absolute;left:4%;top:5%;width:0;height:90%;opacity:0;box-shadow:0px 0px 16px 4px #000;z-index:2;display:block;}

.calendar .cell{position:absolute;left:0;top:0;box-sizing:border-box;cursor:pointer;text-align:left;/*border:1px solid blue;*/display:block;}

.calendar .cell .frame, .calendarDoor .frame{position:absolute;left:-5%;top:-5%;width:110%;height:110%;background-repeat:no-repeat;background-size:100% 100%;background-position:center center;pointer-events:none;display:block;}
.calendarDoor .frame{left:-1%;top:-1%;width:102%;height:102%;}
.calendar .cell .frame{background-image:url("../Grx/laage.png");}
.calendarDoor .frame{background-image:url("../Grx/laage_hd.png");}

.calendar .cell .plus{position:absolute;left:30%;top:30%;width:40%;height:40%;}
.calendar .cell .plus .v{position:absolute;left:46%;top:0;width:8%;height:100%;background-color:#dcdcd2;}
.calendar .cell .plus .h{position:absolute;left:0;top:46%;width:100%;height:8%;background-color:#dcdcd2;}
.calendar .cell .closedContent .front h4{position:relative;font-family:'Barlow', sans-serif;font-weight:600;font-size:32px;box-sizing:border-box;line-height:100%;color:inherit;padding:6% 8% 0 6%;margin:0!important;}
.calendar .cell .closedContent .front .smallTitle{position:relative;font-family:'Barlow', sans-serif;font-weight:600;font-size:16px;box-sizing:border-box;padding:4% 8% 0 10%;margin:0;line-height:90%;display:block;}
.largefonts .calendar .cell .closedContent .front h4{font-size:24px;}
.largefonts .calendar .cell .closedContent .front .smallTitle{font-size:16px;}
.calendar .cell .closedContent .front .smallTitle.single{padding-top:12%;}
.calendar .cell .closedContent .front h4, .calendar .cell .closedContent .front .smallTitle{text-shadow:2px 2px 4px rgba(0,0,0,1);}
.calendar .cell .cellCanvas{position:absolute;left:0;top:0;box-sizing:border-box;/*border:2px solid red;background:blue;*/}
/* Styles */
.calendar .cell.hidden{display:none;}
.calendar .cell{color:#FFF;text-shadow:2px 2px 4px rgba(0,0,0,1);}
/*.calendar .cell.color1{color:#69cdd5;}
.calendar .cell.color2{color:#00e475;}
.calendar .cell.color3{color:#ff1152;}
.calendar .cell.color4{color:#ddfb00;}*/
/* Text size and padding */
/*@media all and (max-width:1280px){
	.calendar .cell .closedContent .front h4{font-size:28px;line-height:30px;padding-top:10%;}
	.calendar .cell .closedContent .front .smallTitle{font-size:18px;}
	.calendar .cell .closedContent .front .smallTitle.single{padding-top:10%;}
}
@media all and (max-width:990px), (max-height:750px){
	.calendar .cell .closedContent .front h4{font-size:22px;line-height:22px;}
	.calendar .cell .closedContent .front .smallTitle{font-size:14px;}
}
@media all and (max-width:980px), (max-height:600px){
	.calendar .texts h4{font-size:12px;line-height:20px;line-height:100%;}
	.calendar .texts p{font-size:9px;}
}*/

.calendarDoor{position:absolute;left:0;top:0;/*background-color:rgba(0,0,0,0.2);*/opacity:0;/*transition:opacity .5s ease-out;*/text-align:left;color:#3C3C37;z-index:4000;}
.calendarDoor .content{position:relative;left:6%;top:6%;width:88%;height:88%;box-sizing:border-box;padding:4%;background-color:#dcdcd2;border-radius:2%;overflow-y:auto;-webkit-overflow-scrolling:touch;
	background-image:url("../Grx/old_paper_brown.jpg");background-repeat:no-repeat;background-size:101% 101%;background-position:center center;
	}
.calendarDoor .content .topImg{position:relative;width:100%;height:auto;border-radius:2%;}
.calendarDoor .content h2{color:#FFF;background-color:#004747;padding:10px 15px;font-size:3.2rem;line-height:1.5;max-width:100%;margin-bottom:15px;display:inline-block;;}
.calendarDoor .content h2{clip-path:polygon(5px 5px, calc(100% - 5px) 0, 100% 100%, 0 calc(100% - 2px));}
.calendarDoor .content h3, .calendarDoor .content p{margin:0;padding:2% 0 0 0;max-width:100%;white-space:pre-wrap;}
.calendarDoor .content p{font-size:1.8rem;}

@media all and (max-width:1020px), (max-height:700px){
	.calendarDoor .content p{font-size:1.4rem;}
}

/* Mobile adjustments */
@media all and (max-width:1000.5px){
	.calendar .texts h4{font-size:2.4rem;}
	.calendar .openContent .shade{display:none;}
	.calendar .cell .closedContent .front .smallTitle{font-size:12px;}
	.calendarDoor .content h3{font-size:1.8rem;}
	.calendar{margin-bottom:60px;}
	.calendarDoor .content h2{font-size:1.8rem;}
}
@media all and (max-width:600.5px){
	.calendarDoor .content{padding:10px;/*2%*/}
	.calendar .texts{left:2%;top:2%;}
	.calendar .texts p{font-size:9px;margin-top:0px!important;}
	.calendar .texts h4{line-height:90%;}
	.calendar .cell .closedContent .front h4, .calendar .cell .closedContent .front .smallTitle{text-shadow:1px 1px 2px rgba(0,0,0,0.8);}
	.calendar .cell .closedContent .front h4{font-size:13px;line-height:14px;padding:1% 6% 0 6%;}
	.calendar .cell .closedContent .front .smallTitle{font-size:6px;padding:1% 5% 0 5%;}
	.calendarDoor .content p{font-size:12px;}
	.simpleCloseBtn{right:0;top:-5px;}
}
@media all and (min-width:1000.5px){
	.simpleCloseBtn:hover .st1{transform:rotate(-90deg);transform-origin:50% 50%;}
}
.zoomed .calendar .texts h4{font-size:18px;}
.zoomed .calendar .texts p{font-size:12px;}
.veryzoomed .calendar .texts h4{font-size:8px;}
.veryzoomed .calendar .texts p{font-size:3px;}
.zoomed .calendar .cell .closedContent .front h4{font-size:12px;}
.zoomed .calendar .cell .closedContent .front .smallTitle{font-size:8px;}
.veryzoomed .calendar .cell .closedContent .front h4{font-size:8px;}
.veryzoomed .calendar .cell .closedContent .front .smallTitle{font-size:4px;}