/**
 * LESS for Calendar Legend
 *
 * @category  Web Development Framework
 * @package   bethesda
 * @source    calendar-legend.less
 * @author    Danima Technologies Inc. <admin@danima.com>
 * @copyright 2019© Danima Technologies Inc.®
 * @license   W3C https://opensource.org/licenses/W3C
 * @link      https://www.danima.com/
 *
 * @since Thursday, August 22nd, 2019, 4:06:07 PM
 */

/*//@import (less) "@{LIB_LESS}/variables.less";



// @import (less) "../../../../core/webroot/less/_mixins.less";
// @import (less) "../../../../core/webroot/less/solid.less";*/

@fa-var-check: "\f00c";
@fa-var-ban: "\f05e";

.fa-icon() {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
  }

  .fa,
.fas {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
}
@fa-font-path: "/webfonts";

/*@cal-events: #A6D8FF;
@cal-programs: #97DFB7;
@cal-educational: #FF898D;*/
@cal-events: #776E64;
@cal-programs: #FEF9E7;
@cal-educational: #E8D180;
@cal-seminars: #ffb685;

@black: #212121;
@main-color: #716D29;
#calendar-legend {
    display: none;
    
	/*display: -moz-grid;
	display: grid;*/
    grid-template-columns: repeat(4, 1fr);
/*    grid-template: "1fr 1fr 1fr";*/
    grid-gap:10px;
    margin-bottom: 1rem;
    &.legend-count-3 {
        grid-template-columns: repeat(3, 1fr);
    }
	@media(max-width:991px){
/*		display:block;*/
		/*grid-template: "1fr 1fr";*/
	}

	.legend-item {
		padding: 0.5rem 1rem 0.5rem 1.3rem;
		background-color: #F2F2F2;
		text-align: center;
		color: @black;
		position: relative;
		height: auto;

		>.bg {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0, 0.25);
			box-shadow:nset 0 -2px 1px 0 rgba(255,255,255,0.5);
			z-index: 0;
			transition:background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),box-shadow 0.4s  cubic-bezier(0.165, 0.84, 0.44, 1);

			&::before {
				.fa-icon;
				.fas;
				display: block;
				position: absolute;
				height:100%;
				line-height:40px;
				left:.2rem;
			}
		}
		>input[type="checkbox"] {
			float: left;
			appearance: none;
			display: none;
			&:not(:checked) + .bg + span {
				color: @black;
				text-shadow: 0 0 0 @black;
				transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
			}
			&:checked+.bg{
				box-shadow:inset 0 -4px 1px 0 rgba(255,255,255,0.5);
				// transform:translateY(-10px) scale(1.025);
				z-index:1;
				&+span{
					// transform:translateY(-10px);
					color:@black;
				}
				&::before {
					content: @fa-var-check;
				}
			}
			&:not(:checked)+.bg::before{
				content: @fa-var-ban;
			}
		}

		>span {
			z-index: 10;
			width: 100%;
			display: inline-block;
			position: relative;
			color:#FFF;
			text-shadow: 0 0 10px rgba(200,200,200,0.5);
			transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
			pointer-events:none;
			user-select: none;
			line-height:20px;
		}

		&.events input[type="checkbox"]{
			&:checked+.bg{
				background-color: @cal-events;
                &::before {
                    color: white;
                }
                +span {
                    color: white;
                }
			}
			&:not(:checked)+.bg{
				background-color: @cal-events;
                &::before {
                    color: white;
                }
                +span {
                    color: white;
                }
			}
		}

		&.programs input[type="checkbox"]{
			&:checked+.bg {
				background-color: @cal-programs;
			}
			&:not(:checked)+.bg{
				background-color: @cal-programs;
			}
		}

		&.educational input[type="checkbox"]{
			&:checked+.bg {
				background-color: @cal-educational;
			}
			&:not(:checked)+.bg{
				background-color: @cal-educational;
			}
		}

		&.seminars input[type="checkbox"]{
			&:checked+.bg {
				background-color: @cal-seminars;
			}
			&:not(:checked)+.bg{
				background-color: @cal-seminars;
			}
		}
	}
}

#calendar-all{
	&.events{
		.calEvent{
			background-color:@cal-events;
			border-color:darken(@cal-events,10%);
			color:#FFF !important;
			cursor:pointer;
			pointer-events: none;
			user-select: none;
			margin:1px 5px 0;
		}
	}

	&:not(.events){
		.calEvent{
			display:none;
		}
	}

	&.programs{
		.calProgram{
			background-color:@cal-programs;
			border-color:darken(@cal-programs,10%);
			color:#FFF !important;
			cursor:pointer;
			pointer-events: none;
			user-select: none;
			margin:1px 5px 0;
		}
	}

	&:not(.programs){
		.calProgram{
			display:none;
		}
	}
	&.educational{
		.calEducation{
			background-color:@cal-programs;
			border-color:darken(@cal-programs,10%);
			color:#FFF !important;
			cursor:pointer;
			pointer-events: none;
			user-select: none;
			margin:1px 5px 0;
		}
	}

	&:not(.educational){
		.calEducation{
			display:none;
		}
	}
	&.seminars{
		.calSeminar{
			background-color:@cal-programs;
			border-color:darken(@cal-programs,10%);
			color:#FFF !important;
			cursor:pointer;
			pointer-events: none;
			user-select: none;
			margin:1px 5px 0;
		}
	}

	&:not(.seminars){
		.calSeminar{
			display:none;
		}
	}
}

#calendar-all {
	a.fc-day-grid-event {
		/*&.calendar-event, &.calendar-program, &.calendar-seminar, &.calendar-educational {
			display:none;
		}*/

		&.calendar-events {
			background-color:@cal-events;
			border-color:darken(@cal-events,10%);
/*            color:@black !important;*/
			color:white !important;
		}

		&.calendar-programs {
			background-color:@cal-programs;
			border-color:darken(@cal-programs,10%);
			color:@black !important;
		}

		&.calendar-educational {
            background-color:@cal-educational;
            border-color:darken(@cal-educational,10%);
            color:@black !important;
		}

        &.calendar-seminars {
            background-color:@cal-seminars;
            border-color:darken(@cal-seminars,10%);
            color:@black !important;
        }
	}

	/*&.events a.fc-day-grid-event.calendar-event {display:block;}
	&.programs a.fc-day-grid-event.calendar-program {display:block;}
	&.educational a.fc-day-grid-event.calendar-seminar {display:block;}
	&.seminar a.fc-day-grid-event.calendar-educational {display:block;}*/
}
.fc-day-grid-event .fc-content {
    padding: 3px;
    display: flex;
/*    flex-direction: row-reverse;*/
    flex-direction: column;
    justify-content: space-between;
    white-space: normal;
    .fc-title {
        line-height: 1.2;
    }
}

/*new style*/
@border-radius: 12px;

.fc {
    table {
        border-collapse: unset;
        border-spacing: 1rem 0.5rem;
    }
    th, td {
        border-width: 0;
        &:not(.fc-event-container) {
            padding: 13px;
            border-radius: @border-radius;
        }
    }
    td.fc-today {
        border: 2px solid @main-color;
    }
    .fc-head, .fc-body {
        > tr > td {
            padding: 0;
        }
    }
    .fc-content-skeleton {
        table {
            border-spacing: 1rem 0.2rem;
        }
        &, .fc-mirror-skeleton {
            tbody td {
                border-left: 10px solid;
                border-right: 10px solid;
            }
        }
    }
}
.table-bordered {
    &, th, td {
        border: none;
    }
}
.fc-toolbar.fc-header-toolbar {
    padding-bottom: 1.5rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #70707040;
}
tr > td > .fc-day-grid-event {
    margin-top: 0;
}
.fc-bootstrap .fc-today.alert {
    border-radius: @border-radius;
}
.fc-day {
    &, &-header {
        background-color: #EBEBEB;
    }
}
.fc-day-grid-event.all-day .fc-content {
    flex-direction: row;
    .fc-time {
        display: none;
    }
}

/*.fc-day-grid-event .fc-content .fc-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}*/
@media only screen and (max-width: 1399px) {
    .fc {
        table {
            border-spacing: 0.4rem 0.2rem;
        }
        th, td {
            &:not(.fc-event-container) {
                padding: 3px;
            }
        }
        .fc-content-skeleton {
            table {
                border-spacing: 0.4rem 0.2rem;
            }
            &, .fc-mirror-skeleton {
                tbody td {
                    border-left: 3px solid;
                    border-right: 3px solid;
                }
            }
        }
    }
    .fc-toolbar.fc-header-toolbar {
        padding-bottom: 1rem;
        margin-bottom: 0.6rem;
    }
}
@media only screen and (max-width: 991px) {
    .fc-day-grid-event .fc-content {
        .fc-time {
            font-size: 0.8em;
        }
        .fc-title {
            font-size: 0.7em;
        }
    }
}