.page-loading {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.4s 0.2s ease-in-out;
transition: all 0.4s 0.2s ease-in-out;
background-color: #fff;
opacity: 0;
visibility: hidden;
z-index: 9999;
}
[data-bs-theme="dark"] .page-loading {
background-color: #0b0f19;
}
.page-loading.active {
opacity: 1;
visibility: visible;
}
.page-loading-inner {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
opacity: 0;
}
.page-loading.active > .page-loading-inner {
opacity: 1;
}
.page-loading-inner > span {
display: block;
font-size: 1rem;
font-weight: normal;
color: #9397ad;
}
[data-bs-theme="dark"] .page-loading-inner > span {
color: #fff;
opacity: 0.6;
}
.page-spinner {
display: inline-block;
width: 2.75rem;
height: 2.75rem;
margin-bottom: 0.75rem;
vertical-align: text-bottom;
border: 0.15em solid #b4b7c9;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spinner 0.75s linear infinite;
animation: spinner 0.75s linear infinite;
}
[data-bs-theme="dark"] .page-spinner {
border-color: rgba(255, 255, 255, 0.4);
border-right-color: transparent;
}
@-webkit-keyframes spinner {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
body.admin-bar .header.navbar-stuck {
top: 32px; }
@media screen and (max-width: 782px) {
body.admin-bar .header.navbar-stuck {
margin-top: 46px; }
}
.last-child-mb-0 > *:last-child {
margin-bottom: 0 !important;
}
.last-child-pr-0 > *:last-child {
padding-right: 0 !important;
}
.ratio-1x1 {
aspect-ratio: 1 / 1;
}
.object-fit-cover {
object-fit: cover;
}
.footer .nav {
--si-nav-link-hover-color: #008ac9;
}
.pagination {
--si-pagination-active-bg: #008ac9 !important;
}
@media (min-width: 992px) {
.btn-contact { margin-left:var(--si-navbar-nav-link-padding-x); }
}
@media (max-width: 991.98px) {
.btn-contact { margin-top: var(--si-nav-link-padding-y); }
}
.offcanvas.offcanvas-end {
--si-offcanvas-width: 100%;
}
@media (min-width: 576px) {
.offcanvas.offcanvas-end {
--si-offcanvas-width: 75%;
}
}
@media (min-width: 768px) {
.offcanvas.offcanvas-end {
--si-offcanvas-width: 50%;
}
}
.swiper-pagination
{
--swiper-pagination-bullet-size: 8px;
--si-carousel-pagination-bullet-active-width: 8px;
}