html {
--secondary-color: #1F3F2F;
--primary-color: #C8F564;
--body-text: #D5EFDB;
--brown: #FFF7EF;
--lord-icon-primary: var(--primary-color);
--lord-icon-secondary: var(--primary-color);
}
body.page-template-akademie {
background-image: url(//stoix.cz/wp-content/themes/stoix-theme-v2/assets/images/akademie-top-bg.jpg);
}
.section.section--academy-top {
padding: 7rem 0 5rem 0;
}
.section.section--academy-top .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section.section--academy-top .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-right: 10rem;
}
@media screen and (max-width: 800px) {
.section.section--academy-top .container .left-col {
padding-right: 5rem;
}
}
@media screen and (max-width: 650px) {
.section.section--academy-top .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
padding-right: 0;
}
}
.section.section--academy-top .container .left-col .text {
max-width: 37rem;
margin: 2.4rem 0 3.2rem 0;
}
@media screen and (max-width: 650px) {
.section.section--academy-top .container .left-col .text {
margin-left: auto;
margin-right: auto;
}
}
.section.section--academy-top .container .right-col {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-left: 0.8rem;
padding-right: 9.6rem;
text-align: right;
}
@media screen and (max-width: 1000px) {
.section.section--academy-top .container .right-col {
padding-right: 0;
padding-left: 6.8rem;
}
}
@media screen and (max-width: 650px) {
.section.section--academy-top .container .right-col {
display: none;
}
}
.section.section--academy-top .container .right-col .image-1 {
display: inline-block;
z-index: 2;
border-radius: 0.8rem;
width: 100%;
max-width: 36.8rem;
aspect-ratio: 368/480;
overflow: hidden;
}
.section.section--academy-top .container .right-col .image-1 img {
-o-object-fit: cover;
object-fit: cover;
min-height: 100%;
}
.section.section--academy-top .container .right-col .image-2 {
position: absolute;
z-index: 3;
left: 0.8rem;
bottom: 6rem;
border-radius: 0.8rem;
width: 17.6rem;
aspect-ratio: 176/115;
overflow: hidden;
}
.section.section--academy-top .container .right-col .image-2 img {
-o-object-fit: cover;
object-fit: cover;
min-height: 100%;
}
.section.section--academy-top .container .right-col .icon-wrap {
position: absolute;
display: inline-block;
z-index: 3;
border-radius: 0.8rem;
width: 100%;
right: 9.6rem;
top: 0;
max-width: 36.8rem;
aspect-ratio: 368/480;
}
@media screen and (max-width: 1000px) {
.section.section--academy-top .container .right-col .icon-wrap {
right: 0;
width: calc(100% - 6.8rem);
}
}
.section.section--academy-top .container .right-col .icon {
position: absolute;
color: #C8F564;
z-index: 4;
left: -4.5rem;
bottom: 14.4rem;
}
.section.section--academy-top .container .right-col .icon svg {
width: 100%;
height: 100%;
}
.academy-sample {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.8rem;
border: 1px solid #155035;
border-radius: 1.2rem;
gap: 1.6rem;
max-width: 37rem;
margin-bottom: 3.2rem;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.academy-sample:hover {
cursor: pointer;
border-color: #A9BAA8;
}
@media screen and (max-width: 650px) {
.academy-sample {
margin-left: auto;
margin-right: auto;
text-align: left;
}
}
.academy-sample__image {
position: relative;
overflow: hidden;
border-radius: 0.8rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 8rem;
flex: 0 0 8rem;
aspect-ratio: 80/54;
}
.academy-sample__image:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #155035;
opacity: 0.33;
z-index: 2;
}
.academy-sample__image img {
position: relative;
z-index: 1;
-o-object-fit: cover;
object-fit: cover;
}
.academy-sample__image .icon {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3;
color: #C8F564;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.academy-sample__text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.academy-sample__text .link-btn {
font-size: 14px;
text-transform: initial;
}
.section.section--usp {
padding: 0 0 8rem 0;
}
.section.section--usp .scroll {
position: absolute;
bottom: 3.2rem;
right: 1.6rem;
text-decoration: none;
display: inline-block;
text-align: center;
}
@media screen and (max-height: 770px) {
.section.section--usp .scroll {
display: none;
}
}
@media screen and (max-width: 1200px) {
.section.section--usp .scroll {
display: none;
}
}
.section.section--usp .scroll:hover .arrow svg {
top: calc(7.4rem - 24px - 1.2rem);
}
.section.section--usp .scroll .arrow {
position: relative;
display: inline-block;
border: 1px solid #274F37;
border-radius: 2rem;
width: 4rem;
height: 7.4rem;
color: #C8F564;
font-size: 0;
margin-bottom: 1.6rem;
}
.section.section--usp .scroll .arrow svg {
position: absolute;
left: 50%;
top: 1.2rem;
-webkit-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.usp-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.usp-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 368px;
min-width: 180px;
}
.usp-item__icon {
max-width: 2.4rem;
display: block;
margin: 0 auto 1rem auto;
color: #C8F564;
}
.usp-item__text {
text-align: center;
}
.section--top-workshops {
padding: 0;
z-index: 5;
}
.section--top-workshops .container {
-webkit-transform: translateY(-2.4rem);
transform: translateY(-2.4rem);
}
.workshops-filters__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 3.2rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 690px) {
.workshops-filters__header {
gap: 2.4rem;
}
}
.workshops-filters__header .left {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
}
@media screen and (max-width: 690px) {
.workshops-filters__header .left {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.workshops-filters__header .right {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 1.2rem;
}
@media screen and (max-width: 690px) {
.workshops-filters__header .right {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.workshops-filters__header .right p {
font-size: 14px;
text-transform: uppercase;
}
@media screen and (max-width: 460px) {
.workshops-filters__header .right p {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: left;
}
}
.workshops-filters__header .right .form {
max-width: 34rem;
position: relative;
}
.workshops-filters__header .right .form input {
border: 1px solid #A9BAA8;
border-radius: 0.4rem;
background: #F8F8F8;
line-height: 4rem;
height: 4rem;
padding: 0 4.8rem 0 1.5rem;
color: #1F3F2F;
}
.workshops-filters__header .right .form button {
font-size: 0;
position: absolute;
right: 0;
top: 0;
background: transparent;
color: #A9BAA8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
width: 4rem;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.workshops-filters__header .right .form button:hover {
color: #1F3F2F;
cursor: pointer;
}
.workshops-filters__filters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 7rem;
padding: 3.2rem;
background: #F8F8F8;
border-radius: 0.8rem;
margin-bottom: 2.4rem;
}
@media screen and (max-width: 1000px) {
.workshops-filters__filters {
gap: 3.2rem;
padding: 1.6rem;
}
}
.workshops-filters__filters .left {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 610px) {
.workshops-filters__filters .left {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.workshops-filters__filters .left .tags {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.workshops-filters__filters .left .tags .tag.active {
background: #1F3F2F;
border-color: #1F3F2F;
color: white;
}
.workshops-filters__filters .right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.8rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 31rem;
flex: 0 0 31rem;
}
@media screen and (max-width: 610px) {
.workshops-filters__filters .right {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.workshops-filters__filters .right__values {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 380px) {
.workshops-filters__filters .right__values {
gap: 2.4rem;
}
}
.workshops-filters__filters .right .right__col--formats {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 690px) {
.workshops-filters__filters .right .right__col--formats {
-webkit-box-flex: 0;
-ms-flex: 0 0 12rem;
flex: 0 0 12rem;
}
}
@media screen and (max-width: 380px) {
.workshops-filters__filters .right .right__col--formats {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.workshops-filters__filters .right .right__col--select {
-webkit-box-flex: 0;
-ms-flex: 0 0 17.6rem;
flex: 0 0 17.6rem;
}
.workshops-filters__filters .right__footer {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 0.8rem;
}
.workshops-filters__filters .right__footer .cancel-selection-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.workshops-filters__filters .right__footer .cancel-selection-btn:hover {
cursor: pointer;
}
.workshops-filters__filters .right__footer .cancel-selection-btn:hover p {
color: #A9BAA8;
}
.workshops-filters__filters .right__footer .cancel-selection-btn .icon {
color: #A9BAA8;
}
.workshops-filters__filters .right__footer .cancel-selection-btn p {
font-size: 14px;
line-height: 1;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.workshops-filters__filters .right__footer .btn {
padding: 0 1.9rem;
}
.workshops-filters__filters .right__footer .btn:hover {
color: #1F3F2F;
cursor: pointer;
}
.workshops-filters__filters .right__footer .btn.loading {
pointer-events: none;
}
.workshops-filters__filters .right__footer .btn.loading .loader {
-webkit-animation: loader-06 1s ease-out infinite;
animation: loader-06 1s ease-out infinite;
}
.workshops-filters__filters .right__footer .btn.loading span.text {
opacity: 0.2;
}
.workshops-filters__filters .right__footer .btn .loader {
position: absolute;
z-index: 5;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
width: 2em;
height: 2em;
color: inherit;
vertical-align: middle;
pointer-events: none;
border: 0.2em solid currentcolor;
border-radius: 50%;
opacity: 0;
}
@-webkit-keyframes loader-06 {
0% {
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
}
@keyframes loader-06 {
0% {
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
}
.workshops-filters__filters .right__footer .btn span.text {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.workshops-filters__filters p.title {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 0.8rem;
}
.workshops-filters .workshops-filters__ordering {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.4rem;
margin-bottom: 2.4rem;
}
.workshops-filters .workshops-filters__ordering .order-tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
}
.workshops-filters .workshops-filters__ordering .order-tags .order-tag {
height: 2.8rem;
line-height: 2.8rem;
border-radius: 1.4rem;
padding: 0 1.6rem;
color: #1F3F2F;
font-size: 1.6rem;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #F8F8F8;
}
.workshops-filters .workshops-filters__ordering .order-tags .order-tag:hover, .workshops-filters .workshops-filters__ordering .order-tags .order-tag.active {
background: #1F3F2F;
color: white;
cursor: pointer;
}
form.academy-filters input[type=text]::-webkit-input-placeholder,
form.academy-filters select::-webkit-input-placeholder,
form.academy-filters textarea::-webkit-input-placeholder { color: rgba(31, 63, 47, 0.5);
opacity: 1;
}
form.academy-filters input[type=text]::-moz-placeholder,
form.academy-filters select::-moz-placeholder,
form.academy-filters textarea::-moz-placeholder { color: rgba(31, 63, 47, 0.5);
opacity: 1;
}
form.academy-filters input[type=text]:-ms-input-placeholder,
form.academy-filters select:-ms-input-placeholder,
form.academy-filters textarea:-ms-input-placeholder { color: rgba(31, 63, 47, 0.5);
opacity: 1;
}
form.academy-filters input[type=text]:-moz-placeholder,
form.academy-filters select:-moz-placeholder,
form.academy-filters textarea:-moz-placeholder { color: rgba(31, 63, 47, 0.5);
opacity: 1;
}
form.academy-filters label {
color: #1F3F2F;
padding-left: 3rem;
}
form.academy-filters .icheckbox {
border-color: #A9BAA8;
background: white;
}
form.academy-filters .icheckbox.checked {
background: #1F3F2F;
border-color: #1F3F2F;
}  html {
--secondary-color: #1F3F2F;
--primary-color: #C8F564;
--body-text: #D5EFDB;
--brown: #FFF7EF;
--lord-icon-primary: var(--primary-color);
--lord-icon-secondary: var(--primary-color);
}
.select2-container.select2-container--custom .select2-selection--single {
height: 4rem;
line-height: calc(4rem - 2px);
background: white;
font-size: 1.6rem;
color: #1F3F2F;
border: 1px solid #A9BAA8;
border-radius: 0.4rem;
}
.select2-container.select2-container--custom.select2-container--open .select2-selection--single {
border-radius: 0.4rem 0.4rem 0 0;
}
.select2-container.select2-container--custom .select2-selection--single .select2-selection__rendered {
height: calc(4rem - 2px);
line-height: calc(4rem - 2px);
color: #1F3F2F;
}
.select2-container--custom.select2-container--open .select2-dropdown--below {
-webkit-transform: translateY(3.2rem);
transform: translateY(3.2rem);
}
.select2-container--custom .select2-results__option--selected {
background-color: white;
color: #1F3F2F;
}
.select2-container--custom .select2-results__option--highlighted.select2-results__option--selectable {
background: #274F37;
color: white;
}
.select2-container--custom .select2-results__option {
color: #1F3F2F;
}
.select2-container--custom .select2-selection__arrow {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(//stoix.cz/wp-content/themes/stoix-theme-v2/assets/svg/select-arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 2.4rem;
height: 2.4rem;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.select2-container--custom.select2-container--open .select2-selection__arrow {
-webkit-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg);
}
.modulars {
position: relative;
overflow: hidden;
}
.modulars .bg {
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
width: 100%;
height: 150rem;
background-image: url(//stoix.cz/wp-content/themes/stoix-theme-v2/assets/images/sluzba-modulars-bg.jpg);
background-position: bottom center;
background-repeat: no-repeat;
background-size: 100%;
pointer-events: none;
}
.modulars .section {
position: relative;
z-index: 2;
}
.section--academy-sample {
padding-bottom: 14rem;
}
.academy-sample-image {
max-width: 75.2rem;
margin: 0 auto;
position: relative;
}
.academy-sample-image:hover {
cursor: pointer;
}
.academy-sample-image .image-wrap {
position: relative;
z-index: 1;
border-radius: 1.6rem;
overflow: hidden;
border: 1px solid #274F37;
}
.academy-sample-image .image-wrap img {
position: relative;
z-index: 1;
}
.academy-sample-image .image-wrap:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(13%, #1F3F2F), color-stop(69%, rgba(31, 63, 47, 0)), to(rgba(31, 63, 47, 0))) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #1F3F2F 13%, rgba(31, 63, 47, 0) 69%, rgba(31, 63, 47, 0) 100%) 0% 0% no-repeat padding-box;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media screen and (max-width: 600px) {
.academy-sample-image .image-wrap:before {
background: #1F3F2F;
opacity: 0.5;
}
}
.academy-sample-image .tag {
position: absolute;
z-index: 2;
left: 2.4rem;
top: 2.4rem;
}
@media screen and (max-width: 500px) {
.academy-sample-image .tag {
display: none;
}
}
.academy-sample-image .content {
position: absolute;
z-index: 5;
left: 0;
bottom: 0;
width: 100%;
padding: 2.4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 2.4rem;
}
@media screen and (max-width: 600px) {
.academy-sample-image .content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (max-width: 400px) {
.academy-sample-image .content {
gap: 1.6rem;
padding: 1.6rem;
}
}
.academy-sample-image .content .left {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 600px) {
.academy-sample-image .content .left {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
}
}
.academy-sample-image .content .left p.h5 {
max-width: 32rem;
}
@media screen and (max-width: 600px) {
.academy-sample-image .content .left p.h5 {
margin: 0 auto;
}
}
@media screen and (max-width: 400px) {
.academy-sample-image .content .left p.h5 {
font-size: 1.6rem;
}
}
.academy-sample-image .content .left .lectors {
margin-top: 1.6rem;
}
@media screen and (max-width: 400px) {
.academy-sample-image .content .left .lectors {
margin-top: 1rem;
}
}
.academy-sample-image .content .left .lectors p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.6rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 14px;
color: #C8F564;
}
@media screen and (max-width: 600px) {
.academy-sample-image .content .left .lectors p {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.academy-sample-image .content .left .lectors p span.name {
text-decoration: underline;
}
.academy-sample-image .content .right {
-webkit-box-flex: 0;
-ms-flex: 0 0 31rem;
flex: 0 0 31rem;
text-align: right;
}
@media screen and (max-width: 600px) {
.academy-sample-image .content .right {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
}
}
@media screen and (max-width: 360px) {
.academy-sample-image .content .right .btn {
padding: 0 1.5rem;
font-size: 1.3rem;
}
}
.academy-sample-image .content .right .btn > span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
}
.academy-sample-image .content .right .btn span.icon {
display: block;
height: 2.4rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 2.4rem;
flex: 0 0 2.4rem;
font-size: 0;
line-height: 1;
}
.academy-sample-image .content .right .btn span.text {
display: block;
height: auto;
}  html {
--secondary-color: #1F3F2F;
--primary-color: #C8F564;
--body-text: #D5EFDB;
--brown: #FFF7EF;
--lord-icon-primary: var(--primary-color);
--lord-icon-secondary: var(--primary-color);
}
.jquery-modal.blocker {
z-index: 9999;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.modal.modal--academy {
padding: 0;
border-radius: 0;
max-width: 900px;
height: auto;
font-size: 0;
}
.modal.modal--academy iframe {
width: 100%;
height: auto;
aspect-ratio: 16/9;
}