.com-dpcalendar-cpanel .dp-grid {
display: grid;
grid-gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.com-dpcalendar-cpanel .dp-icon svg {
fill: currentcolor;
width: 1em;
height: 1em;
vertical-align: -2px;
}
.com-dpcalendar-cpanel .dp-quick-icon {
flex: 1 0 150px;
width: 100%;
max-width: 150px;
margin: 0.5rem;
text-align: center;
font-size: 0.9em;
}
.com-dpcalendar-cpanel .dp-quick-icon .dp-icon {
display: block;
}
.com-dpcalendar-cpanel .dp-quick-icon .dp-icon svg {
min-height: 4rem;
font-size: 2rem;
fill: #2fa4e7;
}
.com-dpcalendar-cpanel .dp-quick-icon .dp-icon-overlay {
position: absolute;
top: 10px;
right: 10px;
background: rgb(255, 99, 71);
border-radius: 20px;
padding: 0 5px;
}
.com-dpcalendar-cpanel .dp-quick-icon .dp-icon-overlay svg {
fill: #fff;
width: 10px;
height: 10px;
min-height: unset;
}
.com-dpcalendar-cpanel .dp-quick-icon__link {
display: block;
position: relative;
min-width: 100px;
height: 100%;
padding: 14px 5px 11px;
background-color: var(--body-bg, #fff);
color: var(--body-color, #565656);
border: 1px solid rgba(0, 0, 0, 0.02);
text-transform: uppercase;
font-size: 0.75rem;
font-weight: bold;
box-shadow: 0 0 2px rgba(52, 58, 67, 0.1), 0 2px 5px rgba(52, 58, 67, 0.08), 0 5px 15px rgba(52, 58, 67, 0.08);
box-sizing: border-box;
text-decoration: none;
vertical-align: middle;
transition-property: none;
/* stylelint-disable-next-line declaration-block-no-shorthand-property-overrides */
transition: all 0.3s ease;
}
.com-dpcalendar-cpanel .dp-quick-icon__link:hover, .com-dpcalendar-cpanel .dp-quick-icon__link:focus, .com-dpcalendar-cpanel .dp-quick-icon__link:active {
background-color: #2fa4e7;
color: #fff;
}
.com-dpcalendar-cpanel .dp-quick-icon__link:hover .dp-icon svg, .com-dpcalendar-cpanel .dp-quick-icon__link:focus .dp-icon svg, .com-dpcalendar-cpanel .dp-quick-icon__link:active .dp-icon svg {
fill: #fff;
}
@media screen and (width <= 767px) {
.com-dpcalendar-cpanel .dp-quick-icon {
max-width: none;
}
.com-dpcalendar-cpanel .dp-quick-icon .dp-icon {
display: inline-block;
}
.com-dpcalendar-cpanel .dp-quick-icon .dp-icon svg {
min-height: auto;
font-size: 1rem;
}
}
.com-dpcalendar-cpanel__boxes {
margin-bottom: 16px;
}
.com-dpcalendar-cpanel__box {
display: grid;
background-color: var(--body-bg, #fff);
box-shadow: 0 0 2px rgba(52, 58, 67, 0.1), 0 2px 5px rgba(52, 58, 67, 0.08), 0 5px 15px rgba(52, 58, 67, 0.08);
}
.com-dpcalendar-cpanel__box .dp-heading {
background: #2D9EDE;
margin: 0;
padding: 13px 16px;
color: #000;
font-size: 18px;
}
.com-dpcalendar-cpanel__icons {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 -0.5rem;
font-size: 1rem;
}
.com-dpcalendar-cpanel__welcome {
padding: 16px;
}
.com-dpcalendar-cpanel__event {
padding: 7px 0;
border-bottom: 1px solid #ddd;
}
.com-dpcalendar-cpanel__event > .dp-link {
display: block;
margin-bottom: 2px;
}
.com-dpcalendar-cpanel__event:last-child {
border-bottom: none;
}
.com-dpcalendar-cpanel__footer {
padding: 20px;
text-align: center;
}
.com-dpcalendar-cpanel .dp-information-container {
/* stylelint-disable-next-line no-duplicate-at-import-rules */
}
.com-dpcalendar-cpanel .dp-information-container .dp-grid {
display: grid;
grid-gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));
}
.com-dpcalendar-cpanel .dp-information-container {
padding: 8px 16px;
}
.com-dpcalendar-cpanel .dp-information__label, .com-dpcalendar-cpanel .dp-information__content {
padding: 2px 0;
}
/*# sourceMappingURL=default.css.map */