@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cuprum:wght@400;700&display=swap");
html, body {
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-weight: 500;
color: #303030;
background-image: linear-gradient(180deg, #ffffff 65%, rgba(177, 221, 232, 0.6) 100%) !important;
}
h1 {
margin: 0;
border: 0;
padding: 0 0 10px;
font-size: 2rem;
line-height: 1.2em;
font-family: "Cuprum", sans-serif;
}
h2, h3, h4, h5, h6 {
font-family: "Cuprum", sans-serif;
font-weight: 400;
}
.elementor-text-editor p {
font-size: 1rem;
line-height: 1.7rem;
margin: 0;
padding-bottom: 1rem;
}
.elementor-text-editor p:last-child {
padding-bottom: 0;
}
.elementor-nav-menu img {
width: 15rem;
height: auto;
}
.elementor-form input, .elementor-form textarea, #form input, #form textarea {
position: relative;
border: 0 solid #bbb !important;
margin: 0;
background-color: #eee !important;
color: #999 !important;
font-size: 1rem !important;
padding: 1rem !important;
border-radius: 0 !important;
overflow: hidden;
}
.elementor-form input[type=submit], #form input[type=submit] {
hyphens: manual;
margin: 0 !important;
display: inline-block;
line-height: 1;
background-color: #818a91 !important;
color: #fff !important;
fill: #fff;
text-align: center;
transition: all 0.3s;
cursor: pointer;
border: none !important;
padding: 15px 30px !important;
border-radius: 4px !important;
min-height: 47px;
}
#form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: auto;
}
#form > * {
margin: 0.75rem 0.5rem !important;
}
#form input[type=text], #form input[type=tel], #form input[type=email], #form input[type=number], #form .checkbox-group {
flex: 1 0 40%;
min-width: 250px;
}
#form input[type=text] fieldset, #form input[type=tel] fieldset, #form input[type=email] fieldset, #form input[type=number] fieldset, #form .checkbox-group fieldset {
display: flex;
flex-direction: column;
}
#form input[type=text] fieldset label, #form input[type=text] fieldset input, #form input[type=tel] fieldset label, #form input[type=tel] fieldset input, #form input[type=email] fieldset label, #form input[type=email] fieldset input, #form input[type=number] fieldset label, #form input[type=number] fieldset input, #form .checkbox-group fieldset label, #form .checkbox-group fieldset input {
cursor: pointer;
}
#form textarea {
width: 100%;
}
#form input[type=submit] {
margin-left: auto !important;
}
#scroll-to-top {
background-color: #1B1B1B;
border-radius: 5px;
padding: 0.5rem 1rem;
transition: all 0.5s linear;
}
#form-field-field_0a9abfd {
margin-left: auto;
}
.kp-kurse-widget {
margin: auto;
}
.kp-kurse-widget .item {
display: flex;
flex-direction: row;
background-color: #E0F1F6;
margin: 2rem 0;
}
@media (max-width: 800px) {
.kp-kurse-widget .item {
flex-wrap: wrap;
}
}
.kp-kurse-widget .item .image {
min-width: 200px;
min-height: 200px;
padding: 15%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
flex: 1 0 20%;
box-sizing: border-box;
}
.kp-kurse-widget .item .description {
padding: 30px 50px;
text-align: left;
box-sizing: border-box;
width: 80%;
}
.kp-kurse-widget .item .description .dates {
margin-top: 2rem;
}
.kp-kurse-widget .item .description .dates ul {
padding-left: 20px;
}
.kp-homebar-widget {
position: relative;
}
.kp-homebar-widget .item {
position: relative;
}
.kp-homebar-widget .item .image {
padding: 37.5%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.kp-homebar-widget .item .overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
display: flex;
flex-direction: column;
justify-content: center;
transition: all 0.3s linear;
}
.kp-homebar-widget .item .overlay .icon {
position: relative;
top: 5%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #B1DDE8;
width: 30px;
height: 30px;
border-radius: 90px;
transition: all 0.3s;
}
.kp-homebar-widget .item .overlay .icon::before, .kp-homebar-widget .item .overlay .icon::after {
content: "";
background-color: black;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70%;
height: 2px;
}
.kp-homebar-widget .item .overlay .icon::after {
transform: translate(-50%, -50%) rotateZ(90deg);
}
.kp-homebar-widget .item .overlay .title {
position: relative;
color: white;
font-size: 1.75rem;
top: 5%;
transition: all 0.3s;
}
.kp-homebar-widget .item:hover .overlay {
transition: all 0.3s linear;
opacity: 1;
}
.kp-homebar-widget .item:hover .overlay .icon {
top: 0;
transition: all 0.3s;
}
.kp-homebar-widget .item:hover .overlay .title {
top: 0;
transition: all 0.3s;
}
.kp-homebar-widget .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
left: 15px;
background-color: transparent;
border: none;
outline: none;
opacity: 0;
transition: all 0.3s linear;
}
.kp-homebar-widget .slick-arrow i:before {
font-size: 1.75rem;
color: white;
}
.kp-homebar-widget .slick-next {
left: auto;
right: 15px;
}
.kp-homebar-widget:hover .slick-arrow {
opacity: 1;
transition: all 0.3s linear;
}
.fas:before {
font-size: 1.75rem;
color: white;
}
.e-gallery-item .elementor-animated-item--enter-from-bottom {
transform: translateY(25px) !important;
opacity: 0 !important;
}
.e-gallery-item .elementor-animated-item--enter-from-bottom .plus-symb {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #B1DDE8;
width: 30px;
height: 30px;
border-radius: 90px;
}
.e-gallery-item .elementor-animated-item--enter-from-bottom .plus-symb::before, .e-gallery-item .elementor-animated-item--enter-from-bottom .plus-symb::after {
content: "";
background-color: black;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70%;
height: 2px;
}
.e-gallery-item .elementor-animated-item--enter-from-bottom .plus-symb::after {
transform: translate(-50%, -50%) rotateZ(90deg);
}
.e-gallery-item:hover .elementor-animated-item--enter-from-bottom {
transform: translateY(0) !important;
opacity: 1 !important;
}
.elementor-location-footer a {
color: white;
}
.elementor-location-footer a:hover {
border-bottom: 1px solid white;
}