.mawaqeet-placeholder {
display: inline-block;
opacity: 0.4;
color: currentColor; font-weight: inherit;
letter-spacing: 0.02em;
}
.mawaqeet-skeleton {
transition: opacity 0.2s ease-out;
} .mawaqeet-value {
transition: opacity 0.2s ease-in-out;
}
.mawaqeet-loading .mawaqeet-value {
opacity: 0;
}
.mawaqeet-loaded .mawaqeet-value {
opacity: 1;
} .mawaqeet-loaded .mawaqeet-placeholder {
display: none;
} .mawaqeet-skeleton.mawaqeet-fallback-active {
opacity: 0.4;
} .mawaqeet-icon {
display: inline-block;
line-height: 0;
vertical-align: middle;
color: inherit; }
.mawaqeet-icon svg {
width: 100%;
height: 100%;
display: block;
fill: currentColor;
} .mawaqeet-icon--fajr,
.mawaqeet-icon--sunrise,
.mawaqeet-icon--dhuhr,
.mawaqeet-icon--asr,
.mawaqeet-icon--maghrib,
.mawaqeet-icon--isha,
.mawaqeet-icon--jummah { } .mawaqeet-monthly-button-wrap {
display: inline-block;
margin: 8px 0;
} .mawaqeet-monthly-trigger {
display: inline-flex;
align-items: center;
justify-content: center; background: var(--mwqbtn-bg);
color: var(--mwqbtn-text);
font-family: inherit;
font-size: var(--mwqbtn-font-size);
font-weight: var(--mwqbtn-font-weight);
letter-spacing: var(--mwqbtn-letter-spacing);
text-transform: var(--mwqbtn-text-transform);
text-decoration: none;
line-height: 1.2;
gap: var(--mwqbtn-gap);
padding: var(--mwqbtn-padding-top)
var(--mwqbtn-padding-right)
var(--mwqbtn-padding-bottom)
var(--mwqbtn-padding-left);
border-radius: var(--mwqbtn-border-radius);
border-style: solid;
border-color: var(--mwqbtn-border-color);
border-top-width: var(--mwqbtn-border-width);
border-right-width: var(--mwqbtn-border-width);
border-bottom-width: var(--mwqbtn-border-width);
border-left-width: var(--mwqbtn-border-width);
min-height: var(--mwqbtn-min-height);
cursor: pointer;
transition: all 0.25s ease-in-out;
box-shadow: 0 0 var(--mwqbtn-shadow-blur) var(--mwqbtn-shadow-color);
appearance: none;
-webkit-appearance: none;
text-shadow: none;
outline: none;
}
.mawaqeet-monthly-trigger:hover,
.mawaqeet-monthly-trigger:focus {
background: var(--mwqbtn-hover-bg);
color: var(--mwqbtn-hover-text);
border-color: var(--mwqbtn-border-hover-color);
outline: none;
}
.mawaqeet-monthly-trigger > span {
color: inherit;
font-weight: inherit;
}
.mawaqeet-monthly-trigger .dashicons {
color: inherit;
font-size: var(--mwqbtn-icon-size);
width: var(--mwqbtn-icon-size);
height: var(--mwqbtn-icon-size);
line-height: var(--mwqbtn-icon-size);
} .mawaqeet-prayer-is-next {
transition: all 0.25s ease-in-out;
display: inline-block;
} body.mawaqeet-modal-open {
overflow: hidden;
} @media (max-width: 480px) {
.mawaqeet-monthly-trigger {
width: 100%;
justify-content: center;
}
} @media print {
.mawaqeet-monthly-trigger,
.mawaqeet-modal-overlay {
display: none;
}
.mawaqeet-placeholder {
display: none !important;
}
}