:root {
--green-color: #8bbe9f;
--white-color: #ffffff;
--primary-color: #383d51;
--light-gray-color: #dfe0e6;
--white-smoke-color: #f8f8f8;
--dark-blue-color: #5a5f72;
} body {
margin: 0;
font-family: "DM Sans", sans-serif;
}
.container {
margin-left: auto;
margin-right: auto;
max-width: 1314px;
}
h1 {
font-size: 5rem;
font-weight: bold;
line-height: 6.875rem;
color: var(--primary-color);
}
h2 {
font-size: 3.75rem;
font-weight: bold;
line-height: 4.375rem;
color: var(--primary-color);
}
h3 {
font-size: 1.875rem;
font-weight: bold;
line-height: 2.625rem;
color: var(--primary-color);
}
h3 {
font-size: 1.375rem;
font-weight: bold;
line-height: 2rem;
color: var(--primary-color);
}
p {
color: var(--dark-blue-color);
font-size: 1.125rem;
line-height: 1.875rem;
}
a {
color: var(--green-color);
line-height: 1.875rem;
font-size: 1.125rem;
}
ul {
margin-block-start: 0;
margin-bottom: 0;
color: var(--dark-blue-color);
line-height: 1.875rem;
font-size: 1.125rem;
padding-inline-start: 20px;
}
.highlighter {
color: var(--primary-color);
font-size: 1.125rem;
line-height: 1.875rem;
font-weight: bold;
} a.leaf,
button.leaf {
cursor: pointer;
position: relative;
width: 173px;
color: var(--primary-color);
border: 2px solid var(--green-color);
background-color: var(--white-color);
border-radius: 50px;
padding: 16px 30px;
font-weight: bold;
font-size: 0.875rem;
line-height: 1.125rem;
}
a.leaf-button {
display: block;
position: relative;
width: 109px;
text-align: center;
color: var(--primary-color);
border: 2px solid var(--green-color);
background-color: var(--white-color);
border-radius: 50px;
padding: 16px 65px;
font-weight: bold;
font-size: 0.875rem;
line-height: 1.125rem;
text-decoration: none;
}
a.leaf-button:hover::before {
filter: invert(87%) sepia(44%) saturate(25%) hue-rotate(18deg)
brightness(120%) contrast(105%);
}
a.leaf-button:hover::after {
filter: invert(87%) sepia(44%) saturate(25%) hue-rotate(18deg)
brightness(120%) contrast(105%);
}
a.leaf-button:disabled::before {
filter: invert(94%) sepia(9%) saturate(107%) hue-rotate(195deg)
brightness(97%) contrast(87%);
}
a.leaf-button:disabled::after {
filter: invert(94%) sepia(9%) saturate(107%) hue-rotate(195deg)
brightness(97%) contrast(87%);
}
a.leaf-button:hover {
color: white;
background-color: var(--green-color);
}
a.leaf-button:disabled {
color: #dfe0e6;
background-color: var(--white-color);
border-color: #dfe0e6;
}
a.leaf-button::before {
filter: invert(93%) sepia(4%) saturate(2222%) hue-rotate(82deg)
brightness(79%) contrast(83%);
position: absolute;
top: 18px;
left: 32px;
content: url(//zold22.hu/wp-content/themes/zold22/assets/icons/leafLeft.svg);
}
a.leaf-button::after {
filter: invert(93%) sepia(4%) saturate(2222%) hue-rotate(82deg)
brightness(79%) contrast(83%);
position: absolute;
top: 18px;
right: 32px;
content: url(//zold22.hu/wp-content/themes/zold22/assets/icons/leafRight.svg);
}
button.leaf::before {
filter: invert(93%) sepia(4%) saturate(2222%) hue-rotate(82deg)
brightness(79%) contrast(83%);
position: absolute;
top: 18px;
left: 32px;
content: url(//zold22.hu/wp-content/themes/zold22/assets/icons/leafLeft.svg);
}
button.leaf::after {
filter: invert(93%) sepia(4%) saturate(2222%) hue-rotate(82deg)
brightness(79%) contrast(83%);
position: absolute;
top: 18px;
right: 32px;
content: url(//zold22.hu/wp-content/themes/zold22/assets/icons/leafRight.svg);
}
button.leaf:hover::before {
filter: invert(87%) sepia(44%) saturate(25%) hue-rotate(18deg)
brightness(120%) contrast(105%);
}
button.leaf:hover::after {
filter: invert(87%) sepia(44%) saturate(25%) hue-rotate(18deg)
brightness(120%) contrast(105%);
}
button.leaf:disabled::before {
filter: invert(94%) sepia(9%) saturate(107%) hue-rotate(195deg)
brightness(97%) contrast(87%);
}
button.leaf:disabled::after {
filter: invert(94%) sepia(9%) saturate(107%) hue-rotate(195deg)
brightness(97%) contrast(87%);
}
button.leaf:hover {
color: white;
background-color: var(--green-color);
}
button.leaf:disabled {
color: #dfe0e6;
background-color: var(--white-color);
border-color: #dfe0e6;
} .badge {
background-color: #f0d385;
border-radius: 5px;
color: var(--primary-color);
padding: 0.375rem 0.625rem;
font-size: 0.688rem;
line-height: 0.688rem;
letter-spacing: 0.33px;
width: fit-content;
font-weight: bold;
height: fit-content;
} input[type="checkbox"] {
width: 20px;
height: 20px;
border-radius: 5px;
appearance: none;
}
input[type="checkbox"]:checked {
background-color: var(--green-color);
border-color: var(--green-color);
}
input[type="checkbox"]:not(checked) {
background-color: #efeff1;
border-color: #bfc1c8;
}
input[type="checkbox"]:invalid {
border-color: #ff4343;
}
input[type="checkbox"]:disabled {
background-color: #dfe0e6;
border-color: #dfe0e6;
}
input[type="checkbox"]:checked:after {
content: url(//zold22.hu/wp-content/themes/zold22/assets/icons/checkmark.svg);
display: flex;
justify-content: center;
} .dropdown-button {
background-color: #efeff1;
color: var(--dark-blue-color);
padding: 16px 15px;
font-size: 0.875rem;
line-height: 1.125rem;
width: 418px;
border-radius: 10px;
border: none;
cursor: pointer;
text-align: start;
border: 1px solid #efeff1;
}
.dropdown-button:focus {
background-color: var(--white-color);
border: 1px solid var(--green-color);
}
.dropdown-button.option-selected {
background-color: var(--white-color);
border: 1px solid var(--green-color);
}
.dropdown-button:disabled {
color: #bfc1c8;
background-color: #dfe0e6;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-button::before {
content: "";
}
.dropdown-button::after {
color: var(--primary-color);
position: absolute;
top: 16px;
right: 16px;
content: url(//zold22.hu/wp-content/themes/zold22/assets/icons/arrowDown.svg);
}
.dropdown-button:focus::after,
.dropdown-button.option-selected::after {
content: url(//zold22.hu/wp-content/themes/zold22/assets/icons/arrowDownGreen.svg);
}
.dropdown-content {
border-radius: 10px;
display: none;
position: absolute;
background-color: var(--white-color);
width: 100%;
box-shadow: 0px 4px 12px 0px #35413a1a;
z-index: 1;
overflow: hidden;
}
.dropdown-content a {
color: var(--primary-color);
padding: 9px 23px;
text-decoration: none;
display: block;
font-size: 0.875rem;
line-height: 1.125rem;
font-weight: bold;
}
.dropdown-content a:hover {
color: var(--white-color);
background-color: var(--green-color);
}
.show {
display: block;
} input[type="text"] {
border-radius: 10px;
background-color: #efeff1;
padding: 1rem 0.938rem;
font-size: 0.875rem;
font-weight: 500;
color: var(--primary-color);
line-height: 1.125rem;
border: 0;
}
input[type="text"]:focus {
border-radius: 10px;
background-color: var(--white-color);
border: 1px solid var(--green-color);
box-shadow: 0px 0px 0px 3px #8bbe9f80;
outline: none;
}
input:not(:placeholder-shown) {
border: 1px solid var(--green-color);
background-color: var(--white-color);
}
input[type="text"]:invalid {
border: 1px solid #ff4343;
background-color: var(--white-color);
}
input[type="text"]:disabled {
background-color: #dfe0e6;
opacity: 1;
} input[type="radio"] {
width: 20px;
height: 20px;
appearance: none;
border-radius: 50px;
background-color: #efeff1;
border-color: #bfc1c8;
}
input[type="radio"]:checked {
border-width: 6px;
border-color: var(--green-color);
background-color: var(--white-color);
}
input[type="radio"]:disabled {
background-color: #dfe0e6;
border-color: #dfe0e6;
}
input[type="radio"]:invalid {
border-color: #ff4343;
} .switch {
position: relative;
display: inline-block;
width: 40px;
height: 22px;
}
.switch input[type="checkbox"].toggle-button {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--dark-blue-color);
-webkit-transition: 0.4s;
transition: 0.4s;
border-radius: 50px;
}
.slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 1px;
bottom: 1px;
background-color: var(--white-color);
-webkit-transition: 0.4s;
transition: 0.4s;
border-radius: 50px;
}
input[type="checkbox"].toggle-button:disabled + .slider:before {
background-color: #bfc1c8;
}
input[type="checkbox"].toggle-button:checked + .slider {
background-color: var(--green-color);
}
input[type="checkbox"].toggle-button:checked + .slider::before {
background-color: var(--white-color);
left: -7px;
}
input[type="checkbox"].toggle-button:disabled + .slider {
background-color: #dfe0e6;
}
input[type="checkbox"].toggle-button:focus + .slider {
box-shadow: 0 0 1px var(--green-color);
}
input[type="checkbox"].toggle-button:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.flex {
display: flex;
}
.flex-col {
flex-direction: column;
}
.absolute {
position: absolute;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: end;
}
.justify-between {
justify-content: space-between;
}
.items-center {
align-items: center;
}
.cursor-pointer {
cursor: pointer;
}
.w-full {
width: 100%;
}
.text-green {
color: var(--green-color);
}
.bg-green {
background-color: var(--green-color);
}
.text-white {
color: var(--white-color);
}
.bg-white {
background-color: var(--white-color);
}
.text-primary {
color: var(--primary-color);
}
.font-bold {
font-weight: bold;
}
.rounded-5 {
border-radius: 5px;
}
.rounded-10 {
border-radius: 10px;
}
.rounded-25 {
border-radius: 25px;
}
.rounded-50 {
border-radius: 50px;
}
.border-0 {
border: 0;
}
.border-light-gray-1 {
border: 1px solid var(--light-gray-color);
}
.border-light-gray-2 {
border: 2px solid var(--light-gray-color);
}
.bg-smoke {
background-color: var(--white-smoke-color);
}
.font-14 {
font-size: 0.875rem;
line-height: 1.125rem;
}
.font-18 {
font-size: 1.125rem;
line-height: 1.875rem;
}
.font-22 {
font-size: 1.375rem;
line-height: 2rem;
}
.font-30 {
font-size: 1.875rem;
line-height: 2.5rem;
}
.font-60 {
font-size: 3.75rem;
line-height: 4.375rem;
}
.text-dark-blue {
color: var(--dark-blue-color);
}
.kisokos .title .text-primary {
margin-bottom: 30px;
}
.single .content{
padding-top: 50px;
padding-bottom: 25px;
}
.single .content p {
margin-top: 0;
}
.aligncenter {    
display: block;
margin-left: auto;
margin-right: auto;
}
.single img[class*='wp-image']{
border-radius: 8px;
}
body p:empty {
content: none;
display: none;
}
body.post-type-archive-zold22_esemeny .event-container{
margin-bottom: 50px;
}
body.post-type-archive-zold22_esemeny .years-container{
margin-bottom: 50px;
}
body.search .years-container{
margin-bottom: 35px;
}
body .kisokos .years-container {
margin-top: 50px;
margin-bottom: 50px;
}
body .pagination {
margin-top: 10px;
margin-bottom: 25px;
text-align: right;
}
.text-center{    
text-align: center;
}nav {
position: sticky;
top: 0;
z-index: 30;
}
.nav-desktop {
padding: 29px 20px;
margin-left: auto;
margin-right: auto;
max-width: 1314px;
}
nav ul {
list-style-type: none;
}
.nav-mobile {
display: none;
}
a.nav-item {
color: var(--primary-color);
font-size: 0.813rem;
text-decoration: none;
}
a.nav-item:hover {
color: var(--green-color);
}
.search-button {
margin-left: 69px;
width: 50px;
height: 50px;
border-radius: 10px;
}
.menu-button {
margin-left: 15px;
width: 50px;
height: 50px;
border-radius: 10px;
}
.search-button img {
filter: invert(37%) sepia(10%) saturate(863%) hue-rotate(190deg)
brightness(93%) contrast(83%);
}
.search-button:hover {
background-color: var(--green-color);
}
.search-button:hover img {
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(79deg) brightness(114%)
contrast(100%);
}
#search {
display: none;
}
#search-input-container {
position: absolute;
top: 120px;
left: 0;
right: 0;
display: flex;
justify-content: center;
}
#search-input-container form {
display: flex;
justify-content: center;
position: relative;
max-width: 1314px;
width: 100%;
}
#search-input-container form input {
width: 100%;
max-width: 1314px;
}
#search-input-container form button {
position: absolute;
top: 13px;
right: 20px;
background-color: transparent;
border: 0;
filter: invert(37%) sepia(10%) saturate(863%) hue-rotate(190deg)
brightness(93%) contrast(83%);
}
#search-input-container form button:hover {
cursor: pointer;
filter: invert(93%) sepia(4%) saturate(2222%) hue-rotate(82deg)
brightness(79%) contrast(83%);
}
.nav-items-margin > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(50px * var(--tw-space-x-reverse));
margin-left: calc(50px * calc(1 - var(--tw-space-x-reverse)));
}
.space-between-cards > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(30px * var(--tw-space-x-reverse));
margin-left: calc(30px * calc(1 - var(--tw-space-x-reverse)));
}
.content-image {
filter: invert(93%) sepia(4%) saturate(2222%) hue-rotate(82deg)
brightness(79%) contrast(83%);
width: 46px;
height: 30px;
margin-top: 0px;
}
.content-title {
max-width: unset;
margin-top: 0px;
margin-bottom: 15px;
}
.content-card {
width: 374px;
height: 338px;
padding: 20px;
flex-direction: column;
}
.content-card:hover {
box-shadow: 0 0 20px #383d5133;
}
.content-card-img {
max-width: 378px;
max-height: 234px;
overflow: hidden;
}
.content-card-img img {
object-fit: cover;
}
.content-card-title {
margin-top: 10px;
}
.content-card:hover .content-card-title {
color: var(--green-color);
}
.content-card:hover .content-arrow {
filter: invert(93%) sepia(4%) saturate(2222%) hue-rotate(82deg)
brightness(79%) contrast(83%);
} .years-container {
background-color: #f0d385;
border: 1px solid #efeff1;
padding: 60px;
}
.years-container img {
width: fit-content;
}
.years-title {
max-width: 27ch;
margin-bottom: 104px;
}
.years-body {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.years-badge {
background-color: #39bbd1;
padding: 0px 7px;
margin-right: 3px;
}
.years-text-container {
margin-top: 10px;
}
.years-text {
vertical-align: middle;
} .contact-container {
padding: 54px 0;
border-top: 1px solid #efeff1;
border-bottom: 1px solid #efeff1;
}
.contact-text {
margin-left: 13px;
}
a.contact-link {
margin-left: 13px;
}
.contact-item {
display: flex;
align-items: center;
} .footer-22 {
padding: 41px 0;
}
.footer-22 ul {
display: flex;
list-style-type: none;
padding-inline-start: 0;
}
.footer-22 a {
color: var(--white-smoke-color);
text-decoration: none;
letter-spacing: 1.68px;
}
.footer-22 .external a {
text-decoration: underline;
height: fit-content;
}
.external.footer-items-margin {
align-items: center;
}
.footer-items-margin > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(50px * var(--tw-space-x-reverse));
margin-left: calc(50px * calc(1 - var(--tw-space-x-reverse)));
}
.footer-22 img {
margin-left: 1px;
filter: invert(100%) sepia(0%) saturate(6442%) hue-rotate(357deg)
brightness(104%) contrast(101%);
} .header {
padding: 50px 0px;
color: var(--white-color);
}
.header img {
margin-right: 25px;
filter: invert(99%) sepia(0%) saturate(7326%) hue-rotate(263deg)
brightness(124%) contrast(100%);
}
.header-badge-container {
column-gap: 15px;
margin-bottom: 15px;
}
.header-badge {
padding-top: 41px;
padding-bottom: 26px;
flex-direction: column;
} .news-container {
padding: 30px 0;
}
.news-container a {
text-decoration: none;
}
.news-item:hover .news-text {
color: var(--green-color);
}
.news-item:hover {
box-shadow: 0 0 20px #383d5133;
}
.news-item:first-child {
margin-top: 0;
}
.news-item {
min-height: 120px;
margin-top: 30px;
display: grid;
overflow: hidden;
grid-template-columns: 194px 1fr 60px;
}
.news-item .news-text {
margin-bottom: 18px;
}
.news-text-container {
padding-top: 28px;
padding-bottom: 14px;
padding-left: 30px;
}
.news-item button {
background-color: transparent;
max-height: 120px;
padding-right: 30px;
}
.news-item:hover button {
filter: invert(81%) sepia(15%) saturate(602%) hue-rotate(91deg)
brightness(87%) contrast(85%);
}
.news-img {
max-height: 120px;
height: 100%;
object-fit: cover;
}
.knowledge-image {
width: 46px;
height: 30px;
filter: invert(93%) sepia(4%) saturate(2222%) hue-rotate(82deg)
brightness(79%) contrast(83%);
}
.collapsible {
padding: 19px 32px;
background-color: #dfe0e6;
text-align: left;
outline: none;
}
.collapsible-plus {
width: 33px;
}
.collapsible-content {
padding: 47px 70px;
display: none;
overflow: hidden;
}
.collapsible-icon {
transform: rotate(45deg);
}
.collapsible-container {
margin-top: 30px;
margin-bottom: 30px;
}
.collapsible-container:last-child {
margin-bottom: 0;
}
.green-card-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap: 30px;
padding-top: 50px;
row-gap: 30px;
}
.green-card-container br {
display: none;
}
.green-card {
padding: 30px 30px 13px 30px;
width: 242px;
height: 139px;
}
.green-card-icons {
align-items: start;
}
.green-card-title {
margin-top: 30px;
}
.green-card-icons img#arrow {
filter: invert(21%) sepia(14%) saturate(1027%) hue-rotate(190deg)
brightness(94%) contrast(88%);
}
.event {
padding: 25px 30px;
margin-bottom: 30px;
}
.event a {
text-decoration: none;
}
.event:last-child {
margin-bottom: 0;
}
.event-badges {
column-gap: 15px;
margin-bottom: 15px;
}
.event-container {
padding-top: 50px;
}
.event-header img {
filter: invert(21%) sepia(14%) saturate(1027%) hue-rotate(190deg)
brightness(94%) contrast(88%);
}
.event-description {
margin-top: 15px;
font-weight: 300;
}
.event:hover img {
filter: invert(93%) sepia(4%) saturate(2222%) hue-rotate(82deg)
brightness(79%) contrast(83%);
}
.useful-container {
padding: 50px;
}
.useful-image-container {
margin-bottom: 50px;
}
.useful-container li:not(:last-child) {
margin-bottom: 30px;
}
.data-protection {
position: sticky;
margin-top: -100px;
z-index: 100;
top: calc(100vh - 100px);
background-color: var(--white-color);
letter-spacing: 0.36px;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 50px;
padding-right: 40px;
font-weight: 500;
box-shadow: 0 0 30px 0 #383d5133;
}
.data-protection-button {
flex-shrink: 0;
width: 50px;
height: 50px;
}
.news-sm-img {
display: none;
}
.event-lg-arrow {
filter: invert(37%) sepia(10%) saturate(863%) hue-rotate(190deg)
brightness(93%) contrast(83%);
}
.event-sm-arrow-box {
filter: invert(37%) sepia(10%) saturate(863%) hue-rotate(190deg)
brightness(93%) contrast(83%);
display: none;
}
.green-card-arrow {
filter: invert(37%) sepia(10%) saturate(863%) hue-rotate(190deg)
brightness(93%) contrast(83%);
}
.green-card:hover .green-card-arrow {
filter: invert(93%) sepia(4%) saturate(2222%) hue-rotate(82deg)
brightness(79%) contrast(83%);
}
.green-card:hover .green-card-title {
color: var(--green-color);
}
.green-card a {
text-decoration: none;
}
.event:hover .event-title {
color: var(--green-color);
}
.event:hover .event-description {
color: var(--green-color);
}
@media screen and (max-width: 1366px) {
.news-container {
padding: 20px;
}
.years-container {
padding: 20px;
margin: 30px 0;
}
.contact-container {
padding: 20px;
}
.useful-container {
padding: 20px;
}
.knowledge-container {
padding: 20px;
}
.event-container {
padding: 20px;
}
.green-card-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding: 0 20px;
}
.footer-container {
padding-left: 20px;
padding-right: 20px;
}
.footer-items-margin > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(25px * var(--tw-space-x-reverse));
margin-left: calc(25px * calc(1 - var(--tw-space-x-reverse)));
}
}
@media screen and (max-width: 1024px) {
.nav-desktop {
display: none;
}
.nav-mobile {
display: flex;
}
.content-image {
width: 46px;
height: 30px;
margin-top: 0px;
}
.content-title {
font-size: 2.125rem;
line-height: 4.375rem;
max-width: 100%;
margin-bottom: 0px;
}
.content-cards {
flex-direction: column;
}
.content-card {
width: auto;
margin-bottom: 20px;
row-gap: 20px;
max-width: 328px;
height: 100%;
}
.space-between-cards > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: 0;
margin-right: 0;
}
.years-title {
margin-bottom: 50px;
}
.years-body {
display: flex;
flex-direction: column;
row-gap: 50px;
}
.contact-container {
flex-direction: column;
align-items: start;
row-gap: 30px;
}
.contact-item {
display: grid;
grid-template-columns: 50px 1fr;
align-items: center;
}
.footer-22 {
padding: 40px 0px;
}
.footer-items-margin > :not([hidden]) ~ :not([hidden]) {
margin-left: 0;
margin-right: 0;
margin-top: 24px;
}
.external {
flex-direction: column;
}
.footer-container {
flex-direction: column;
row-gap: 50px;
}
.footer-container ul {
flex-direction: column;
}
.external.footer-items-margin {
align-items: start;
}
.header,
.header-badge-title {
font-size: 2.125rem;
line-height: 4.375rem;
text-align: center;
}
.header img {
margin-right: 10px;
}
.header-badge-container {
flex-direction: column;
row-gap: 15px;
}
.collapsible-container img {
width: 100%;
}
.collapsible-plus {
margin-right: 15px;
}
.news-item {
display: flex;
flex-direction: column;
padding: 20px;
}
.news-text-container {
padding: 10px 0;
}
.news-img {
max-width: 378px;
max-height: 234px;
overflow: hidden;
width: 100%;
}
.news-lg-img {
display: none;
}
.news-sm-img {
display: block;
}
.news-badge {
display: flex;
justify-content: space-between;
align-items: center;
}
.news-badge button {
padding: 0;
}
.useful-image-container img {
margin-bottom: 20px;
}
.green-card-container {
display: grid;
grid-template-columns: 1fr 1fr;
}
.event-description {
font-size: 1rem;
}
}
@media screen and (max-width: 768px) {
.green-card-container {
display: flex;
flex-direction: column;
align-items: center;
}
.event-badges {
flex-direction: column;
row-gap: 15px;
}
.event-description {
margin-top: 10px;
font-size: 0.875rem;
line-height: 1.5rem;
}
.event-lg-arrow {
display: none;
}
.event-sm-arrow-box {
display: flex;
justify-content: end;
}
}
.nav-mobile {
padding: 7px 20px;
position: relative;
}
.nav-mobile #mobile-menu {
display: none;
box-shadow: 0 5px 4px 0px #383d5133;
}
.nav-mobile a {
color: var(--green-color);
padding: 14px 16px;
text-decoration: none;
font-size: 1.063rem;
display: block;
}
.nav-mobile a.icon {
background: black;
display: block;
position: absolute;
right: 0;
top: 0;
}
.mobile-logo {
width: fit-content;
}
.mobile-menu {
background-color: var(--white-color);
position: absolute;
top: 70px;
left: 0;
right: 0;
z-index: 10;
}
.mobile-menu ul {
flex-direction: column;
}
@media screen and (max-width: 756px) {
.data-protection {
top: calc(100vh - 110px);
margin-top: -110px;
}
}
@media screen and (max-width: 458px) {
.data-protection {
top: calc(100vh - 140px);
margin-top: -140px;
}
}.slide-title {
font-size: 5rem;
line-height: 6.875rem;
text-align: center;
}
.slide-description {
max-width: 867px;
margin-top: 20px;
font-weight: 300;
text-align: center;
}
.slide-button {
margin-top: 60px;
}
.slide-item {
height: 700px;
background-color: var(--dark-blue-color);
background-size: cover;
background-repeat: no-repeat;
display: none;
justify-content: center;
align-items: center;
flex-direction: column;
overflow: hidden;
border-radius: 5px;
}
.slide-item-background {
z-index: -10;
} .slideshow-container {
position: relative;
margin: auto;
}
.slideshow-container img {
filter: opacity(50%);
}
.slideshow-container .slide-badge-container {
top: -30px;
width: 100%;
justify-content: center;
column-gap: 15px;
}
.dots {
bottom: 38px;
left: calc(50% - 17px);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.dot {
cursor: pointer;
height: 10px;
width: 10px;
margin-left: 30px;
display: inline-block;
transition: background-color 0.6s ease;
}
.active,
.dot:hover {
background-color: #f0d385;
height: 16px;
width: 16px;
}
@media screen and (max-width: 1024px) {
.slide-title {
font-size: 2.75rem;
line-height: 6.875rem;
padding: 0 20px;
}
.slide-description {
margin-top: 0;
font-size: 1rem;
line-height: 1.75rem;
padding: 0 20px;
}
.slideshow-container button.leaf {
margin-top: 30px;
}
.slideshow-container .slide-badge-container {
top: -50px;
left: 50%;
width: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: flex;
align-items: center;
flex-direction: column;
column-gap: 0;
row-gap: 15px;
}
}.gform_wrapper {
background-color: #f9f9f9;
padding: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.gform-field-label {
font-weight: 600 !important;
}
.gform_wrapper input,
.gform_wrapper select,
.gform_wrapper textarea {
width: 100%;
min-height: 50px;
padding: 13px !important;
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
border-radius: 10px;
border: 1px solid rgb(16, 116, 12);
}
.ginput_container_select select:focus-visible {
outline: none !important;
}
.gform_wrapper input[type="radio"] {
width: unset;
min-height: unset;
margin-right: 10px;
}
.gform_wrapper input[type="checkbox"] {
width: unset;
min-height: unset;
-webkit-accent-color: green;
accent-color:green;
height: 20px;
width: 20px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
border-radius: 3px;
}
.gfield_radio .gchoice {
-webkit-border-radius: 10px; 
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid rgb(153, 153, 153);
height: 50px;
display: flex;
align-items: center;
padding-left: 10px;
margin-bottom: 10px;
}
.gform_wrapper input[type="submit"] {
width: max-content;
margin: auto;
}
.gform_wrapper input:focus-visible {
outline: none !important;
}
header .wp-block-columns {
margin: auto;
font-weight: 600;
padding: 0 50px 0 50px;
}
header .wp-block-columns:first-of-type {
align-items: center !important;
}
@media only screen and (max-width: 782px) {
header .wp-block-columns:first-of-type {
flex-wrap: nowrap !important;
align-items: center !important;
}
}
footer {
background-color: #8BBE9F;
color: white;
padding: 0 50px 0 50px;
}
footer .wp-block-columns {
margin: auto;
font-size: 14px;
padding: 35px 0 35px 0;
}
footer .contact {
padding: 0px;
padding-top: 26px;
}
footer .tel {
width: max-content;
}
.wp-site-blocks {
padding-bottom: 0;
}
.wp-block-search__button {
background-color: #8BBE9F;
}
.consent-input .ginput_container {
display: flex;
align-items: center;
}
.consent-input .ginput_container label {
margin-left: 5px;
}