#ect-calendar-wrapper select.ect-calendar-cat-filter {
text-transform: capitalize;
width: auto;
padding: 5px;
min-height: 50px;
border-radius: 10px;
cursor: pointer;
}
#ect-calendar-wrapper {
display: inline-block;
width: 100%;
height: auto;
}
.ect_calendar_events_spinner {
display: none;
width: 50px;
height: 50px;
position: absolute;
z-index: 99;
left: calc(50% - 25px);
bottom: calc(50% - 25px);
border-radius: 50%;
overflow: hidden;
}
div[class^="tui-view"][data-panel-index="2"] {
height: auto !IMPORTANT;
}
.fc-daygrid-event-harness {
cursor: pointer;
} .ect-calendar-container table.fc-col-header {
margin-bottom: 0px;
}
.ect-calendar-container table.fc-scrollgrid-sync-table {
margin: 0px;
}
[id^='ect-calendar-popup-'] {
background: rgba(00, 00, 00, 0.7);
position: fixed;
z-index: 9999999999;
width: 100%;
height: 100%;
}
.tui-full-calendar-schedule-title h2 {
margin: 0px;
padding: 0px;
}
span.tui-full-calendar-popup-detail-date.tui-full-calendar-content {
font-size: 20px;
line-height: 30px;
padding-right: 20px;
font-weight: 800;
}
[id^='ect-calendar-popup-'] .tui-full-calendar-popup-detail {
display: block;
position: relative;
top: 20%;
margin: 0 auto;
width: fit-content;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
background: white;
line-height: normal;
border-radius: 10px;
}
[id^='ect-calendar-popup-'] .tui-full-calendar-section-detail {
max-height: 420px;
overflow: auto;
}
.tui-full-calendar-popup.tui-full-calendar-popup-detail img {
height: 250px;
} .ect-calendar-cat-filter input.select2-search__field {
height: auto;
}
[id^='ect-calendar-popup-'] .ect-close-button {
cursor: pointer;
display: flex;
right: -15px;
position: absolute;
justify-content: center;
border-radius: 50%;
top: -15px;
box-sizing: content-box;
z-index: 99999;
font-weight: 700;
-webkit-box-sizing: content-box;
height: 40px;
width: 40px;
background: white;
align-items: center;
box-shadow: 2px 0 12px 3px rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
-webkit-box-shadow: 2px 0 12px 3px rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
}
.tui-full-calendar-popup .ect-calendar-header {
border-left: 6px solid blue;
padding-left: 30px;
}
.tui-full-calendar-popup-detail .tui-full-calendar-popup-container {
padding: 10px 0 10px 0;
background: white;
border-radius: 10px;
max-height: 500px;
height: auto;
}
.ect-location-icon {
height: 12px;
width: 12px;
display: inline-block;
background: url(//digitalskillsfestival.com/wp-content/plugins/advanced-event-shortcodes/assets/images/location-icon.png);
}
[id^='ect-calendar-popup-'] .tui-full-calendar-popup-detail-item {
padding-left: 36px;
padding-top: 10px;
padding-right: 40px;
}
[id^='ect-calendar-popup-'] .tui-full-calendar-popup-detail-item .tui-location-div {
margin-bottom: 10px;
}
#ect-calendar-wrapper select.ect-calendar-select {
display: inline-block;
max-width: 110px;
float: right;
margin: 0;
padding: 4px;
height: 30px;
box-sizing: border-box;
font-size: 15px;
background-color: white;
color: black;
border: 1px solid #ddd;
border-radius: 3px;
cursor: pointer;
}
.ect-calendar-cat-filter .cat-checkmark {
position: absolute;
top: 0px;
left: 0px;
height: 20px;
width: 20px;
background-color: #eee;
}
.ect-calendar-cat-filter:hover input~.cat-checkmark {
background-color: #ccc;
}
.ect-calendar-cat-filter input:checked~.cat-checkmark {
background-color: #2196F3;
}
.ect-calendar-cat-filter .cat-checkmark:after {
left: 7px;
top: 2px;
width: 6px;
height: 12px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
position: absolute;
display: none;
box-sizing: border-box;
}
.ect-calendar-cat-filter input:checked~.cat-checkmark:after {
display: block;
}
.ect-calendar-menu {
display: inline-block;
width: 100%;
margin: 0 0 12px;
padding: 0;
}
.ect-calendar-cat-filter {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
#ect-calendar-wrapper .ect-calendar-cat-filter label {
display: inline;
padding-left: 24px;
position: relative;
margin-right: 16px;
font-size: 14px;
font-weight: bold;
vertical-align: middle;
}
.ect-calendar-cat-filter input {
position: absolute;
cursor: pointer;
height: 0;
width: 0;
}
.ect-calendar-container {
position: relative;
width: 100%;
height: auto;
}
button.select2-selection__clear::before {
content: 'Clear All';
font-size: 14px;
font-weight: 400;
}
.tui-full-calendar-popup-detail-item.tui-full-calendar-popup-detail-item-separate {
width: 500px;
max-width: 100%;
padding-bottom: 10px;
}
@media only screen and (max-width:600px) {
[id^='ect-calendar-popup-'] {
position: fixed;
height: 100%;
width: 100%;
margin: 0px;
background: #000000cf;
}
.ect-custom-calendar .fc-toolbar-chunk {
font-size: 2vw;
}
[id^='ect-calendar-popup-'] .tui-full-calendar-popup-detail {
margin: 0 auto;
display: block;
width: 90%;
position: relative;
box-shadow: 11px 12px 7px 0 rgba(0, 0, 0, 0.1);
border: 1px solid lightblue;
}
}