.kt-childpages-wrapper {
--kt-color-main: #E26E0E;
--kt-color-hover-text: #E26E0E;
--kt-color-icon-default: #E26E0E;
--kt-color-circle: #E26E0E;
}
.kt-theme-orange {
--kt-color-main: #E26E0E;
--kt-color-hover-text: #E26E0E;
--kt-color-icon-default: #E26E0E;
--kt-color-circle: #E26E0E;
}
.kt-theme-blau {
--kt-color-main: #05509D;
--kt-color-hover-text: #05509D;
--kt-color-icon-default: #05509D;
--kt-color-circle: #05509D;
} .kt-childpages-wrapper {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 40px !important;
width: 100%;
margin: 0;
padding: 0;
}
@media (min-width: 1440px) {
.kt-childpages-wrapper {
grid-template-columns: repeat(4, 1fr) !important;
}
}
@media (max-width: 1024px) {
.kt-childpages-wrapper {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 767px) {
.kt-childpages-wrapper {
grid-template-columns: 1fr !important;
}
} .kt-childpage-box {
display: block;
text-align: center;
padding: 0 !important;
margin-bottom: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
transition: 0.2s ease;
width: 100%;
}
.kt-childpage-inner {
max-width: 260px;
margin: 0 auto;
text-align: center !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
} .kt-childpage-icon {
width: 98px;
height: 98px;
margin: 0 auto 10px;
border-radius: 50%;
border: 2px solid var(--kt-color-main);
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
transition:
transform 0.35s cubic-bezier(.175, .885, .32, 1.275),
background-color 0.25s ease,
border-color 0.25s ease;
} .kt-childpage-icon::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 75%;
height: 75%;
transform: translate(-50%, -50%);
background-color: var(--kt-color-main);
-webkit-mask-image: var(--kt-icon-url);
mask-image: var(--kt-icon-url);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
transition: background-color 0.25s ease;
} .kt-childpage-box:hover .kt-childpage-icon {
background: var(--kt-color-main) !important;
border-color: var(--kt-color-main) !important;
transform: scale(1.15);
} .kt-childpage-box:hover .kt-childpage-icon::before {
background-color: #ffffff;
} .kt-childpage-title {
font-size: 24px !important;
font-weight: 700;
margin: 4px 0 4px 0 !important;
line-height: 30px !important; color:#05509D;
padding-bottom: 0.25rem !important;
transition: color 0.2s ease;
}
.kt-childpage-sub {
font-size: 16px; color:#05509D;
line-height: 1.45;
margin-top: 0 !important;
margin-bottom: 0 !important;
} .kt-childpage-box:hover .kt-childpage-title {
color: var(--kt-color-hover-text) !important;
} @media (max-width: 600px) {
.kt-childpage-title {
font-size: 20px !important;
line-height: 1.35 !important;
margin-top: 6px !important;
margin-bottom: 6px !important;
word-break: normal;
hyphens: auto;
}
.kt-childpage-sub {
font-size: 15px !important;
line-height: 1.45 !important;
}
.kt-childpage-icon {
width: 80px !important;
height: 80px !important;
}
.kt-childpage-icon::before {
width: 70% !important;
height: 70% !important;
}
}