/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain) */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;

    /* width: 100% */
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;

    /* max-width: 1920px */
}

html {
    scroll-behavior: smooth;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

#main-footer {
    width: 50%;
}

a {
    text-decoration: none;
}

i {
    font-style: italic;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

.final_checkbox {
    width: 3% !important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.top_row {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap !important;
}

@font-face {
    font-family: "Chronicle Display";
    src: url("/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Black.woff2") format("woff2"), url("/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Black.woff") format("woff"), url("/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Black.svg#ChronicleDisplay-Black") format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Chronicle Display";
    src: url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Bold.woff2") format("woff2"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Bold.woff") format("woff"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Bold.svg#ChronicleDisplay-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Chronicle Display";
    src: url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-SemiItalic.woff2") format("woff2"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-SemiItalic.woff") format("woff"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-SemiItalic.svg#ChronicleDisplay-SemiItalic") format("svg");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Chronicle Display";
    src: url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-LightItalic.woff2") format("woff2"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-LightItalic.woff") format("woff"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-LightItalic.svg#ChronicleDisplay-LightItalic") format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Chronicle Display";
    src: url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Roman.woff2") format("woff2"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Roman.woff") format("woff"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Roman.svg#ChronicleDisplay-Roman") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Chronicle Display";
    src: url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Italic.woff2") format("woff2"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Italic.woff") format("woff"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Italic.svg#ChronicleDisplay-Italic") format("svg");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Chronicle Display";
    src: url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Light.woff2") format("woff2"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Light.woff") format("woff"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Light.svg#ChronicleDisplay-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Chronicle Display";
    src: url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-XLightItalic.woff2") format("woff2"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-XLightItalic.woff") format("woff"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-XLightItalic.svg#ChronicleDisplay-XLightItalic") format("svg");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Chronicle Display";
    src: url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-XLight.woff2") format("woff2"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-XLight.woff") format("woff"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-XLight.svg#ChronicleDisplay-XLight") format("svg");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Chronicle Display";
    src: url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Semi.woff2") format("woff2"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Semi.woff") format("woff"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-Semi.svg#ChronicleDisplay-Semi") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Chronicle Display";
    src: url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-BoldItalic.woff2") format("woff2"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-BoldItalic.woff") format("woff"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-BoldItalic.svg#ChronicleDisplay-BoldItalic") format("svg");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Chronicle Display";
    src: url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-BlackItalic.woff2") format("woff2"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-BlackItalic.woff") format("woff"), url("/wp-content/themes/changemakers/assets/fonts/chronicle_display/ChronicleDisplay-BlackItalic.svg#ChronicleDisplay-BlackItalic") format("svg");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Chronicle Display", serif;
}

h1 {
    font-size: 6.5rem;
    color: #2B2E34;
}

h2 {
    font-size: 4rem;
    color: #2B2E34;
}

h3 {
    font-size: 3rem;
    color: #2B2E34;
}

p {
    font-size: 2rem;
    line-height: 2.3rem;
    color: #2B2E34;
}

p.small {
    font-size: 1.7rem;
    line-height: 2.2rem;
    color: #2B2E34;
}

#jury ul li {
    font-size: 1.7rem;

    /* line-height: 2rem */
    color: #2B2E34;
    margin: 2rem;
}

.light {
    font-weight: 300;
}

.medium {
    font-weight: 500;
}

.bold {
    font-weight: 700;
}

.title-wrapper {
    padding: 5rem 2rem 5rem 2rem;
    text-align: center;
}

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

*,
html {
    font-size: 62.5%;
    line-height: 120%;
    font-family: "Roboto", sans-serif;
}

section:not(:first-of-type) {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

#main-footer,
section#timeline,
section#jury,
section#regulations,
#hero .content_wrapper,
header#main_navigation .wrapper nav {
    /* max-width: 2600px */
    /* margin: 0 auto */
}

section#registration_form {
    height: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 3fr;

    /* grid-template-rows: 1fr 0fr 8fr 1fr; */
    grid-template-rows: 0fr 1fr;
    gap: 0px 0px;
    grid-template-areas: "section_title section_title" ". intro" "sidebar form" "footer footer";
}

section#registration_form .section_title {
    grid-area: section_title;
}

section#registration_form .intro {
    grid-area: intro;
}

section#registration_form .intro p {
    width: 50%;
    font-size: 1.6rem;
    line-height: 130%;

    /* added */
    margin-top: 5rem;
}

section#registration_form .sidebar {
    margin-top: 4rem;
    grid-area: sidebar;
    display: flex;
    flex-direction: column;
}

section#registration_form .sidebar ul {
    width: 60%;
    margin-left: 30%;
    margin-bottom: 5rem;
}

section#registration_form .sidebar ul li {
    line-clamp: 2;
    font-size: 1.8rem;
    line-height: 130%;
    padding-left: 2.6rem;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-height: 1.2em;

    /* Adjust the value based on your font size and desired line height */
    overflow: hidden;
}

section#registration_form .sidebar ul li:before {
    content: "";
    left: 0;
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    background: url(/wp-content/themes/changemakers/assets/images/logos/li_icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

section#registration_form .sidebar ul li.heading {
    font-size: 2rem;
    font-weight: 800;
    padding-left: 0;
}

section#registration_form .sidebar ul li.heading:before {
    visibility: hidden;
}

section#registration_form #loader {
    grid-area: form;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    gap: 8rem;
}

section#registration_form #loader.hidden {
    display: none;
}

section#registration_form #loader p {
    font-size: 2rem;
}

section#registration_form #loader .lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

section#registration_form #loader .lds-ripple div {
    position: absolute;
    border: 4px solid #FF5640;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

section#registration_form #loader .lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

section#registration_form .loader {
    grid-area: form;
}

section#registration_form form {
    opacity: 1;
    transition: 0.5s ease-in-out;
    margin: 4rem 0 8rem;
    grid-area: form;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid coral;
    padding: 16rem 14rem 13rem 5rem;
    border: 2px solid coral;
    background: white;
    border-radius: 4rem 0 0 16rem;
    border-right: white;
    position: relative;
}

section#registration_form form.hidden {
    display: none;
    opacity: 0;
}

section#registration_form form aside {
    position: absolute;
    bottom: 20rem;
    width: 90%;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

section#registration_form form aside .outer {
    height: 0.5rem;
    width: 100%;
    position: relative;
    background: #F4F4F4;
    overflow: hidden;
}

.submit_nav_link_hidden {
    display: none;
    opacity: 0;
}

section#registration_form form aside .inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #FF5640;
    transition: width 0.5s ease-in-out;
}

section#registration_form form #form-error {
    position: absolute;
    height: 4rem;
    background: #44C4AE;
    width: 100%;
    top: 0;
    left: 0;
    transform: translateY(-4rem);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.5s ease-in-out;
    color: white;
}

section#registration_form form #form-error.hidden {
    transform: translateY(0);
}

section#registration_form form fieldset {
    width: 100%;
    min-height: 90%;
    max-height: 90%;
    overflow: hidden;
    padding-right: 1rem;
    padding-left: 1rem;
}

section#registration_form form fieldset legend {
    font-family: "Chronicle Display", serif;
    font-size: 3rem;
    font-weight: 200;
}

section#registration_form form fieldset.invisible {
    display: none;
}

section#registration_form form fieldset .row {
    flex-wrap: wrap;
    display: flex;
    gap: 2rem;
    margin: 3rem 0;
}

section#registration_form form fieldset .row {
    flex-direction: space-between;
}

section#registration_form form fieldset .row /*:has(.question:nth-of-type(2))*/ .question {
    flex: 0 1 49%;
}

section#registration_form form fieldset .row .question {
    display: flex;
    flex-direction: column;
    flex: 1 1 100%;
    position: relative;
}

section#registration_form form fieldset .row .question.area {
    width: 100%;
    min-height: 40rem;
}

section#registration_form form fieldset .row .question.area textarea {
    height: 100%;
    resize: none;
    padding: 2rem;
    border: 2px solid #FF5640;
    border-radius: 2rem 4rem 2rem 1rem;
    font-size: 1.2rem;
}

section#registration_form form fieldset .row .question.documentation .wrapper {
    display: flex;
    gap: 2rem;
}

section#registration_form form fieldset .row .question.documentation .wrapper a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5rem;
    background: rgba(255, 86, 64, 0.25);
    width: 20%;
    font-size: 1.2rem;
    text-align: center;
    color: rgba(255, 86, 64, 0.5);
    text-decoration: none;
    border-radius: 1rem 2rem 0.5rem 2rem;
}

section#registration_form form fieldset .row .question.documentation .wrapper input {
    max-width: 70%;
}

section#registration_form form fieldset .row .question.documentation .wrapper input::-moz-placeholder {
    color: grey;
    visibility: visible;
    font-size: 1.6rem;
}

section#registration_form form fieldset .row .question.documentation .wrapper input::placeholder {
    color: grey;
    visibility: visible;
    font-size: 1.6rem;
}

section#registration_form form fieldset .row .question.documentation .wrapper input[type=file] {
    color: transparent;
    max-width: 20%;
    position: relative;
    cursor: pointer;
}

section#registration_form form fieldset .row .question.documentation .wrapper input[type=file]:after {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 500;
    content: "Select File";
    text-align: center;
    width: 100%;
    height: 2rem;
    color: rgba(255, 86, 64, 0.5);
}

section#registration_form form fieldset .row .question.documentation .wrapper input[type=file]:hover:after {
    color: #ff5640;
}

section#registration_form form fieldset .row .question.documentation .wrapper input::file-selector-button {
    visibility: hidden;
}

section#registration_form form fieldset .row .question.documentation .supporting-docs {
    display: flex;
    flex-direction: column;
}

section#registration_form form fieldset .row .question.documentation .supporting-docs li {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    font-size: 1.6rem;
    padding: 1rem 0;
}

section#registration_form form fieldset .row .question.documentation .supporting-docs li:first-of-type {
    border-bottom: 2px solid rgba(68, 196, 174, 0.5);
}

section#registration_form form fieldset .row .question.documentation .supporting-docs li:nth-of-type(even) {
    background: rgba(68, 196, 174, 0.5);
}

section#registration_form form fieldset .row .question.documentation .supporting-docs li #view,
section#registration_form form fieldset .row .question.documentation .supporting-docs li .view {
    width: 5%;
    text-align: center;
}

section#registration_form form fieldset .row .question.documentation .supporting-docs li #note,
section#registration_form form fieldset .row .question.documentation .supporting-docs li .note {
    width: 85%;
}

section#registration_form form fieldset .row .question.documentation .supporting-docs li #delete,
section#registration_form form fieldset .row .question.documentation .supporting-docs li .delete {
    width: 5%;
    text-align: center;
}

section#registration_form form fieldset .row .question.documentation .supporting-docs li a {
    position: relative;
    width: 2rem;
    height: 2rem;
}

section#registration_form form fieldset .row .question.documentation .supporting-docs li a.view {
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg id="Laag_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.56 9.14"><defs><style>.cls-1{fill:%23ff5640;}</style></defs><circle class="cls-1" cx="8.28" cy="4.57" r="3"/><path class="cls-1" d="m8.28,9.14C5.19,9.14,2.29,7.67.11,5l-.11-.14v-.58l.11-.14C2.29,1.47,5.19,0,8.28,0s5.99,1.47,8.17,4.14l.11.14v.58l-.11.14c-2.17,2.67-5.07,4.14-8.17,4.14ZM1.06,4.57c1.96,2.31,4.52,3.57,7.22,3.57s5.26-1.27,7.22-3.57c-1.96-2.31-4.52-3.57-7.22-3.57S3.02,2.27,1.06,4.57Z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%;
}

section#registration_form form fieldset .row .question.documentation .supporting-docs li a.delete {
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg id="Laag_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"><defs><style>.cls-1{fill:%23ff5640;}</style></defs><path class="cls-1" d="m4,0C1.79,0,0,1.79,0,4s1.79,4,4,4,4-1.79,4-4S6.21,0,4,0Zm1.98,5.27l-.71.71-1.27-1.27-1.27,1.27-.71-.71,1.27-1.27-1.27-1.27.71-.71,1.27,1.27,1.27-1.27.71.71-1.27,1.27,1.27,1.27Z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%;
}

section#registration_form form fieldset .row .question.mpc {
    flex: 1 1 50%;
}

section#registration_form form fieldset .row .question.mpc .error-message {
    display: none;
}

section#registration_form form fieldset .row .question.mpc ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
}

section#registration_form form fieldset .row .question.mpc ul li {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
    height: 2rem;
    flex: 1 1 25%;
}

section#registration_form form fieldset .row .question.mpc ul li input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 1.5rem;
    width: unset;
    width: 1.6rem;
    border: 2px solid #44C4AE;
    border-radius: 20px;
    background: none;
    background-color: none;
    transition: background-color 0.5s ease-in-out;
    cursor: pointer;
}

section#registration_form form fieldset .row .question.mpc ul li input:checked {
    background-color: #44C4AE;
}

section#registration_form form fieldset .row .question.mpc ul li label {
    height: 2rem;
    vertical-align: center;
    display: inline-block;
    line-break: none;
    width: 100%;
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
}

section#registration_form form fieldset .row .question .controlcontainer {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.6rem;
    display: flex;
    gap: 0.5rem;
}

section#registration_form form fieldset .row .question .controlcontainer button {
    background: none;
    background: rgba(255, 86, 64, 0.5);
    width: 2rem;
    height: 2rem;
    border: none;
    border-radius: 100px;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    color: white;
}

section#registration_form form fieldset .row .question .controlcontainer button:disabled,
section#registration_form form fieldset .row .question .controlcontainer button.disabled {
    background: rgba(43, 46, 52, 0.5);
    color: #F4F4F4;
}

section#registration_form form fieldset .row .question .error-message {
    margin-top: 1rem;
    color: #FF5640;
    font-style: italic;
    font-family: "Chronicle Display", serif;
    font-size: 1.2rem;
}

section#registration_form form fieldset .row .question ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

section#registration_form form fieldset .row .question ul li {
    display: flex;
    flex-direction: column;
    flex: 1;
}

section#registration_form form fieldset .row .question ul li label {
    display: none;
}

section#registration_form form fieldset .row .question ul li input::-moz-placeholder {
    color: grey;
    visibility: visible;
    font-size: 1.6rem;
}

section#registration_form form fieldset .row .question ul li input::placeholder {
    color: grey;
    visibility: visible;
    font-size: 1.6rem;
}

section#registration_form form fieldset .row .question ul li input[type=file] {
    color: transparent;
}

section#registration_form form fieldset .row .question ul li input::file-selector-button {
    visibility: hidden;
}

section#registration_form form fieldset .row .question ul li._w2 {
    max-width: 50%;
}

section#registration_form form fieldset .row .question ul li._w3 {
    max-width: 33%;
}

section#registration_form form fieldset .row .question label {
    font-size: 1.5rem;
    margin-bottom: 1.2rem;
    color: #2B2E34;
}

section#registration_form form fieldset .row .question input,
section#registration_form form fieldset .row .question select {
    height: 5rem;
    width: 100%;
    font-size: 1.6rem;
    text-indent: 1.6rem;
    border: none;
    background: rgba(29, 125, 168, 0.25);
    border-radius: 1rem 2rem 0.5rem 2rem;
    margin-bottom: 1rem;
}

section#registration_form form fieldset .row .question input::-moz-placeholder,
section#registration_form form fieldset .row .question select::-moz-placeholder {
    visibility: hidden;
}

section#registration_form form fieldset .row .question input::placeholder,
section#registration_form form fieldset .row .question select::placeholder {
    visibility: hidden;
}

section#registration_form form .button_set {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 2rem;
}

section#registration_form form .button_set button[action=submit] {
    margin-top: 2rem;
    background: none;
    border: 2px solid #A16891;
    border-radius: 50px;
    font-size: 2.2rem;
    font-family: "Chronicle Display", serif;
    padding: 0.5rem 1.5rem;
}

section#registration_form form .button_set nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

section#registration_form form .button_set nav button {
    position: relative;
    font-size: 1.2rem;
    padding: 0;
    border: 0;
    background: none;
}

section#registration_form form .button_set nav button[action=prev] {
    margin-left: 3rem;
}

section#registration_form form .button_set nav button[action=prev]:before {
    left: -3rem;
    transform: rotate(180deg);
}

section#registration_form form .button_set nav button[action=next] {
    margin-right: 11rem;
    right: 0;
    position: absolute;
}

section#registration_form form .button_set nav button[action=next]:before {
    right: -3rem;
}

section#registration_form form .button_set nav button:before {
    content: "";
    position: absolute;
    top: -1rem;
    height: 3rem;
    width: 1.7rem;
    background: url("/wp-content/themes/changemakers/assets/images/logos/arrow.svg");
    background-size: cover;
}

.open_main {
    height: 100vh !important;
}

#navlist:hover {
    color: #FF5640;
}

.open_wrapper {
    background-color: #1D7DA8 !important;
}

.open_nav {
    border-radius: 2rem 5rem 2rem 5rem !important;
    border: none !important;
    background-color: white !important;
    opacity: 1 !important;
    background-image: url(/wp-content/themes/changemakers/assets/images/logos/changemakers_logo_blue.svg), url(/wp-content/themes/changemakers/assets/images/svg/sun.svg) !important;
    background-position: top left, right bottom !important;
    height: 80% !important;
    min-height: 600px !important;
}

.open_navlist {
    display: block !important;
    opacity: 1!important;
    z-index: 996 !important;
}

header#main_navigation {
    width: 100vw;
    height: 10rem;
    z-index: 800;
    justify-content: center;
    align-items: center;
    transition: height 0.5s;
    position: fixed;
    display: flex;
    z-index: 860;
}

header#main_navigation #nav-burger-toggle {
    width: 3rem;
    height: 3rem;
    right: 3rem;
    top: 5rem;
    position: absolute;
    margin-top: -2rem;
    z-index: 999;
    transition: transform 0.5s;
}

header#main_navigation #nav-burger-toggle .line {
    width: 100%;
    height: 0.4rem;
    position: absolute;
    background: #FF5640;
    transform: translateY(2rem) rotate(0deg);
}

header#main_navigation #nav-burger-toggle .line:nth-of-type(1) {
    transform: translateY(2rem) rotate(90deg);
}

#nav {
    transition: opacity 0.5s;
}

header#main_navigation.open .wrapper {
    -webkit-clip-path: circle(200% at 100% 0);
    clip-path: circle(200% at 100% 0);
}

header#main_navigation.open .line {
    background: #F4F4F4;
}

header#main_navigation .wrapper {
    background: none;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.4s;
    z-index: 998;
    overflow: hidden;
}

header#main_navigation .wrapper nav {
    background: rgba(244, 244, 244, 0.8);
    width: 80%;
    height: 60%;
    align-items: center;
    border-radius: 1rem 1rem 1rem 1rem;
    transition: border-radius 0.5s, background 0.5s, background-image 0.5s, opacity 0,5s;
    border: 2px solid #F8123F;
    background-image: url(/wp-content/themes/changemakers/assets/images/logos/changemakers_logo.svg);
    background-repeat: no-repeat;
    background-size: 12rem;
    display: flex;
    backdrop-filter: blur(5px);
    justify-content: center;
    opacity: 0;
    background-position: top left;
}

header#main_navigation .wrapper nav ul {
    display: none;
    opacity: 0;
    transition: opacity 1s;
    line-height: 9rem;
}

header#main_navigation .wrapper nav ul li a {
    font-family: "Chronicle Display", serif;
    font-size: 7rem;
    color: #2B2E34;
    text-decoration: none;
    z-index: 999;
}

header#main_navigation .wrapper nav ul li a:hover {
    color: #FF5640;
}

#hero {
    background: unset;
    overflow: hidden;
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#hero .background {
    position: absolute;
    inset: 0;
    background: #44C4AE !important;
    overflow: hidden;
}

#hero .background .circle {
    width: 150vh;
    height: 150vh;
    border: 0.4rem solid #FF5640;
    border-radius: 100%;
    transform: translateX(70%) translateY(-38%);
    position: absolute;
}

#hero .content_wrapper {
    width: 100%;
    max-height: calc(100vh - 2rem);
    margin: 2rem;
    display: flex;
    gap: 4rem;
    height: 90%;
    max-width: 1920px;
    z-index: 2;
}

#hero .content_wrapper .hero_half {
    flex: 1;
    padding: 2rem;
}

.left_hero {
    background: #F4F4F4;
    border-radius: 6rem 12rem 6rem 8rem;
    background-image: url('/wp-content/themes/changemakers/assets/images/svg/visual_changemakers.svg'), url(/wp-content/themes/changemakers/assets/images/svg/sun.svg);
    background-repeat: no-repeat;
    background-position: bottom right, top right;
    background-size: 70%, 20%;
    margin-left: 2rem;
    min-height: 600px;
}

#hero .content_wrapper .hero_half .left {
    display: flex;
    flex-direction: column;
    background-image: url("/wp-content/themes/changemakers/assets/images/logos/30for30.svg");
    height: 90%;
    background-repeat: no-repeat;
    background-position: bottom left;
    align-items: flex-start;
    background-size: 20%;
}

#hero .content_wrapper .hero_half .left .hero_logo_container {
    width: 70%;
    transform: translate(-3rem, -3rem);
}

#hero .content_wrapper .hero_half .left .hero_logo_container img {
    width: 90%;
}

#hero .content_wrapper .hero_half .left h1 {
    display: none;
}

#hero .content_wrapper .hero_half .left .hero_text_container {
    display: flex;
    justify-content: flex-start;
    width: 70%;
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-size: 2.6rem;
    line-height: 3.2rem;
}

#hero .content_wrapper .hero_half .left .hero_text_container .text {
    width: 80%;
}

#hero .content_wrapper .hero_half .right {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

#hero .content_wrapper .hero_half .right .partners {
    display: flex;
    align-items: flex-end;
    gap: 2.6rem;
    height: 10rem;
    width: 100%;
    margin-top: 50px;
}

#hero .content_wrapper .hero_half .right .partners .partner-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
}

#hero .content_wrapper .hero_half .right .partners .partner-box .caption {
    font-size: 2rem;
    font-family: "Chronicle Display", serif;
    font-weight: 200;
    margin-bottom: 1rem;
    position: absolute;
    top: 10rem;
}

#hero .content_wrapper .hero_half .right .partners .partner-box .img {
    display: flex;
    align-items: baseline;
    flex-direction: row;
}

#hero .content_wrapper .hero_half .right .partners .partner-box .img {
    margin-right: 2rem;
    position: relative;
}

/* #hero .content_wrapper .hero_half .right .partners .partner-box .img:after {
    width: 1px;
    height: 100%;
    top: 5%;
    background-color: #F4F4F4;
    right: -1rem;
    content: "";
    position: absolute;
} */
#hero .content_wrapper .hero_half .right .partners .partner-box .img a {
    text-decoration: none;
}

#hero .content_wrapper .hero_half .right .partners .partner-box .img a img {
    height: 4.5rem;
    width: auto;
}

#hero .content_wrapper .hero_half .right .partners .partner-box .img img.dt_logo {
    transform: translateY(1.2rem);
    height: 8rem;
}

#hero .content_wrapper .hero_half .right nav.content_menu ul {
    display: flex;
    flex-direction: column;
}

nav.content_menu ul li {
    font-size: 9rem;
    font-family: "Chronicle Display", serif;
    font-weight: 600;
    transition: transform 0.1s ease-in-out;
    cursor: pointer;
    position: relative;
    margin-bottom: -1rem;
}

#hero .content_wrapper .hero_half .right nav.content_menu ul li:hover {
    transform: translateX(2rem);
}

#hero .content_wrapper .hero_half .right nav.content_menu ul li:hover a {
    color: #FF5640;
}

#hero .content_wrapper .hero_half .right nav.content_menu ul li a {
    color: #2B2E34;
    text-decoration: none;
    transform: translateX(0);
    transition: color 0.1s ease-out;
    line-height: normal;
}

@keyframes moveUpfirstchild {
    0% {
        transform: translateY(50rem);
        opacity: 0;
    }

    25% {
        transform: translateY(30rem);
        opacity: 1;
    }

    50% {
        transform: translateY(20rem);
        opacity: 1;
    }

    75% {
        transform: translateY(10rem);
        opacity: 1;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

section#quote {
    width: 80%;
    max-width: 1920px;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;
    overflow: hidden;
}

section#quote .quote-wrapper {
    display: flex;
    align-items: center;
    gap: 4rem;
}

section#quote .quote-wrapper-content {
    width: 65%;
}

section#quote .quote-wrapper-image {
    width: 35%;
}

section#quote .quote-wrapper-image img {
    width: 100%;
    height: 50rem;
    object-fit: cover;
    object-position: center 10%;
    border-radius: 1rem 10rem 1rem 6rem;
}

section#quote blockquote {
    grid-area: quote;
    font-family: "Chronicle Display", serif;
    padding-left: 8rem;
    position: relative;
    margin-top: 5rem;
    margin-bottom: 5rem;
}

section#quote blockquote:before {
    width: 5rem;
    height: 5rem;
    left: 0rem;
    top: 0;
    content: "";
    position: absolute;
    background: url("/wp-content/themes/changemakers/assets/images/icons/double_quote.svg");
    background-repeat: no-repeat;
}

section#quote blockquote .meta {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    width: 35rem;
}

section#award .award-wrapper {
    display: flex;
    padding: 0rem 8rem 4rem 8rem;
    gap: 4rem;
}

section#award .award-wrapper .item {
    text-align: center;
    width: 33.3%;
}

/* section#quote .quote {
    margin: 4rem 0 2rem;
    height: 65rem;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 2fr 1fr;
    gap: 2rem;
    grid-template-areas: "text image" "quote image" "meta image";
}

section#quote .intro {
    grid-area: text;
    font-size: 2rem;
    font-family: "Roboto", sans-serif;
    line-height: 2.8rem;
    align-self: center;
}

section#quote figure {
    grid-area: image;
}

section#quote figure img {
    border-radius: 2.4rem 8rem 2.4rem 4.8rem;
    width: 100%;
}

section#quote blockquote {
    grid-area: quote;
    font-family: "Chronicle Display", serif;
    font-size: 4.4rem;
    font-style: italic;
    font-weight: 500;
    padding-left: 6rem;
    position: relative;
    width: 70%;
}

section#quote blockquote p.meta {
    margin-top: 4rem;
    font-size: 2.6rem;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
}

section#quote blockquote p.meta span {
    font-weight: 700;
}

section#quote blockquote:before {
    width: 4rem;
    height: 4rem;
    left: 0rem;
    top: 0;
    content: "";
    position: absolute;
    background: url("/wp-content/themes/changemakers/assets/images/icons/double_quote.svg");
    background-repeat: no-repeat;
}

section#quote .quote-meta {
    grid-area: meta;
} */
section#award {
    margin-top: 3rem;
}

section#regulations {
    width: 50%;
    max-width: 1920px;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

section#regulations .regulations_container {
    /* max-width: 80%;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: auto; */
}

section#regulations .tab input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

section#regulations .tab__content {
    max-height: 0;
    overflow: hidden;
    transition: all 0.75s;
}

section#regulations .tab input:checked ~ .tab__content {
    max-height: 320rem;
}

/* Visual styles */
section#regulations .accordion {
    overflow: hidden;
}

section#regulations .accordion .tab {
    margin-bottom: 10px;
}

section#regulations .tab__label,
section#regulations .tab__close {
    display: flex;
    color: white;
    background: var(--theme);
    cursor: pointer;
    background-color: #1D7DA8;
    border-radius: 0.5rem 1rem 0.5rem 1rem;
}

section#regulations .tab__label {
    justify-content: space-between;
    padding: 2.5rem;
    font-size: 2rem;
}

section#regulations .tab__label::after {
    content: "\276F";
    width: 1em;
    height: 1em;
    text-align: center;
    transform: rotate(90deg);
    transition: all 0.75s;
}

section#regulations .tab input:checked + .tab__label::after {
    transform: rotate(270deg);
}

section#regulations .first_tab ol {
    counter-reset: item ;
}

section#regulations .second_tab ol {
    counter-reset: item 4 ;
}

section#regulations .second_tab ol ol {
    counter-reset: item 0;

    /* Reset the counter for nested ol elements to start from 1 */
}

section#regulations .tab__content li {
    display: block;
    position: relative;
    padding-left: 3rem;
    margin-top: 3rem;
}

section#regulations .tab__content h3 {
    margin-bottom: 2rem;
}

section#regulations .tab__content li ol li {
    display: block;
    font-size: 1.5rem;
    line-height: 2rem;
    position: relative;
    margin-top: 1rem;
    font-weight: 500;
    color: #2B2E34;
}

section#regulations .first_tab li:before {
    content: counters(item, ".");
    counter-increment: item;
    font-weight: 800;
    position: absolute;
    left: 0;
}

section#regulations .second_tab li:before {
    content: counters(item, ".");
    counter-increment: item;
    font-weight: 800;
    position: absolute;
    left: 0;
}

section#regulations .tab__close {
    justify-content: flex-end;
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
}

/* Arrow animation */
section#regulations .tab input:not(:checked) + .tab__label:hover::after {
    animation: bounce .7s infinite;
}

@keyframes bounce {
    25% {
        transform: rotate(90deg) translate(.25rem);
    }

    75% {
        transform: rotate(90deg) translate(-.25rem);
    }
}

article:nth-of-type(1) {
    background: #FFB35D;

    /* will-change: transform;
    transform: translate3d(0px, 0vh, 0px) scale3d(0.95, 0.95, 1);
    transform-style: preserve-3d; */
}

.article_type1 {
    background: #FFB35D;
}

.article_type2 {
    background: #A16891;
}

.article_type3 {
    background: #44C4AE;
}

article:nth-of-type(2) {
    background: #44C4AE;

    /* will-change: transform;
    transform: translate3d(0px, 5vh, 0px) scale3d(0.95, 0.95, 1);
    transform-style: preserve-3d; */
}

section#jury .skip_button {
    width: 55px;
    height: 55px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: red;
    border: 0;
    z-index: -1;
}

section#jury_block {
    width: 80%;
    max-width: 1920px;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

section#jury h2 {
    text-align: center;
}

section#jury article {
    top: 0;
    position: sticky;
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 2.7rem 18.3rem 2.7rem 11.28rem;
    margin-bottom: 10px;
}

article:nth-of-type(1) {
    background: #FFB35D;

    /* will-change: transform;
    transform: translate3d(0px, 0vh, 0px) scale3d(0.95, 0.95, 1);
    transform-style: preserve-3d; */
}

.article_type1 {
    background: #FFB35D;
}

.article_type2 {
    background: #A16891;
}

.article_type3 {
    background: #44C4AE;
}

article:nth-of-type(2) {
    background: #44C4AE;

    /* will-change: transform;
    transform: translate3d(0px, 5vh, 0px) scale3d(0.95, 0.95, 1);
    transform-style: preserve-3d; */
}

section#jury article:nth-of-type(3) {
    background: #A16891;

    /* will-change: transform;
    transform: translate3d(0px, 10vh, 0px) scale3d(0.95, 0.95, 1);
    transform-style: preserve-3d; */
}

section#jury article .jury-member-content {
    display: flex;
    height: 100%;
    gap: 4rem;
    align-items: center;
    padding: 7rem;
    width: 80%;
}

section#jury article .jury-member-content .juryMember_information {
    width: 65%;
}

section#jury article .jury-member-content .juryMember_image {
    width: 35%;
}

section#jury article .jury-role {
    padding-top: 20px;
    text-transform: uppercase;
    display: none;
}

section#jury article .jury-member-content .full_name {
    padding-top: 10px;
    font-weight: 600;
}

section#jury article .jury-member-content .jobtitle {
    padding-top: 10px;
    padding-left: 4px;
}

section#jury article .jury-member-content .list {
    padding-top: 30px;
    padding-left: 15px;
    list-style-image: url("/wp-content/themes/changemakers/assets/images/svg/list_icon.svg");
}

section#jury article .jury-member-content .list li {
    padding: 7px;
}

section#jury article .juryMember_image img {
    width: 100%;
    height: 50rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center 35%;
    object-position: center 35%;
    border-radius: 4rem 4rem 4rem 4rem;
}

section#jury article .juryMember_image img {
    width: 100%;
}

section#timeline {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
    position: relative;
    background-color: white;
    border-radius: 1rem 10rem 1rem 6rem;
}

section#timeline .fake_scrollContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    overflow: auto;
    scrollbar-width: thin;

    /* Firefox */
    scrollbar-color: transparent transparent;

    /* Firefox */
}

section#timeline .fake_scrollContainer::-webkit-scrollbar {
    width: 0px;
}

section#timeline .fake_scrollContainer::-webkit-scrollbar-thumb {
    background: transparent;
}

section#timeline .fake_scrollContainer .scroller {
    width: 100%;
}

section#timeline .timeline-container {
    display: flex;
    width: 80%;
    flex-direction: column;
    position: relative;
}

section#timeline .timeline-container:before {
    position: absolute;
    height: 5rem;
    width: 100%;
    bottom: 0rem;
    content: " ";
    background: linear-gradient(0deg, white 0%, rgba(244, 244, 244, 0) 100%);
    z-index: 5;
}

section#timeline .timeline-container:after {
    position: absolute;
    content: "";
    width: 0.3rem;
    height: 100%;
    top: 0;
    left: 50%;
    background-color: #A16891;
}

section#timeline .timeline-container:after:last-child {
    content: none;
}

section#timeline .timeline-container .timeline_circle {
    width: 3.3rem;
    height: 3.3rem;
    position: absolute;
    background: #FFB35D;
    border-radius: 100px;
    left: 50%;
    transform: translateX(calc(-50% + 0.15rem));
    z-index: 5;
    transition: top 0.5s ease-in-out;
    z-index: 400;
}

section#timeline .timeline-container .timestamp {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 8rem;
}

section#timeline .timeline-container .timestamp.active img {
    display: none;
}

section#timeline .timeline-container .timestamp h3.date,
section#timeline .timeline-container .timestamp .info {
    flex: 1;
}

section#timeline .timeline-container .timestamp .info {
    min-height: 14rem;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

section#timeline .timeline-container .timestamp .info .title {
    line-height: 3.5rem;
}

section#timeline .timeline-container .timestamp .info /*:has(img)*/ img {
    margin-bottom: 6rem;
}

section#timeline .timeline-container .timestamp .info:before {
    content: "";
    left: -5.5rem;
    width: 3rem;
    height: 3rem;
    position: absolute;
    border: 2px solid #FFB35D;
    border-radius: 100px;
    box-shadow: 0px 0px 0px 1.5rem white;
    background: white;
    z-index: 4;
}

section#timeline .timeline-container .timestamp .info img {
    display: none;
    width: 50rem;
    height: 33rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4.4rem;
}

section#timeline .timeline-container .timestamp h3.date {
    text-align: right;
}

body footer {
    height: 100vh;
    display: flex;
    align-items: flex-end;
}

#main-footer {
    width: 100%;
    height: 12rem;
    max-height: 16rem;
    background: rgba(68, 196, 174, 0.2);
    border-radius: 6rem 12rem 0 0;
    display: flex;
    align-items: center;
    padding-bottom: 4rem;
    gap: 4rem;
    justify-content: center;
    overflow: hidden;
}

#main-footer .organised,
#main-footer .collaboration {
    display: flex;
    height: 70%;
    justify-content: space-between;
    flex-direction: column;
}

#main-footer .organised p,
#main-footer .collaboration p {
    font-size: 1.6rem;
    font-family: "Chronicle Display", serif;
    font-weight: 200;
}

#main-footer .organised .logos,
#main-footer .collaboration .logos {
    display: flex;
    gap: 2rem;
    align-items: flex-end;
}

#main-footer .organised .logos img,
#main-footer .collaboration .logos img {
    height: 4rem;
    width: auto;
}

#main-footer .organised .logos img.dt,
#main-footer .collaboration .logos img.dt {
    height: 8rem;
    transform: translateY(10px);
}

#main-footer .organised .logos img.bpn,
#main-footer .collaboration .logos img.bpn {
    transform: translateY(10px);
}

.inlet {
    display: none;
    align-self: flex-end;
    height: 100%;
    width: 50%;
    align-items: center;
    justify-content: flex-end;
}

.call_to_action_block {
    width: 100%;
    margin-top: 3rem;
}

.link_cta {
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
}

.call_to_action_inner {
    position: relative;
    height: 250px;
    width: 100%;
    background-color: #FFB35D;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px 80px 20px 80px;
    background-image: url(../assets/images/svg/arrows-left.svg), url(../assets/images/svg/arrows-right.svg);
    background-repeat: repeat-y;
    background-size: auto 60%;
    background-position: left, right;
}

.cta_text {
    font-family: chronic display;
    width: 70%;
    text-align: center;
}

.body {
    height: 100vh;
    width: 100%;
}

body {
    position: relative;

    /* display: flex */
    flex-direction: column;
    background: #F4F4F4;
    line-height: 1;
    overflow-x: hidden;
    max-width: 100% !important;
}

.header_menu_container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #1D7DA8;
    z-index: 999;
    display: none;
}

.partners_inlet {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.dt_logo_inlet {
    width: 180%;
    margin-bottom: -2rem;
}

.echo_logo_inlet {
    width: 15rem;
}

.bnp_logo_inlet {
    width: 120%;
}

.cta_innercontent {
    width: 80%;
    max-width: 1920px;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.timeline_innerconent {
    width: 80%;
    max-width: 1920px;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: auto;
    margin-top: 3rem;
    margin-bottom: 5rem;
    overflow: hidden;
}

.bnp_logo_inlet {
    width: 15rem;
}

button[action="prev"].disabled {
    display: none;
}

button[action="next"].disabled {
    display: none;
}

.navbutton_closed {
    font-size: 2rem;
    position: absolute;
    right: 10rem;
    top: 4rem;
    color: #FF5640;
    text-decoration: underline;
    z-index: 999;
}

.meta_container {
    display: flex;
    gap: 3rem;
    margin-top: 4rem;
}

.bnp_logo_top {
    width: 28rem;
}

.privacy_block {
    display: flex;
    right: 11rem;
    position: absolute;
    flex-direction: column;
    gap: 1rem;
    font-size: 1.5rem;
    margin-top: 3rem;
}

.email_footer {
    color: #2B2E34;
    font-family: roboto;
}

.privacy_link {
    color: #2B2E34;
    font-family: roboto;
}

.logo_container_footer {
    display: flex;
    gap: 3rem;
}

/* single - registrations */
section#entries {
    width: 80%;
    max-width: 1920px;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

section#entries .entries-container {
    background-color: white;
    border-radius: 1rem 10rem 1rem 6rem;
    padding: 12rem 20rem 12rem 20rem;
    border: 1px solid coral;
}

section#entries .entries-container .list {
    list-style-type: none;
}

section#entries .entries-container .list li {
    position: relative;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin: 0;
    padding-inline-start: 0px;
    margin-block-start: 0em;
    border-bottom: 1px solid lightgray;
    display: flex;
}

section#entries .entries-container .list li:hover {
    border-bottom: 1px solid gray;
}

section#entries .entries-container .list li::after {
    content: "\276F";
    width: 1em;
    height: 1em;
    text-align: center;
    transition: all 0.75s;
    position: absolute;
    right: 0;
    top: 35%;
}

/* Arrow animation */
section#entries .entries-container .list li:hover::after {
    animation: bounceleft .7s infinite;
}

@keyframes bounceleft {
    25% {
        transform: translateX(.25rem);
    }

    75% {
        transform: translateX(-.25rem);
    }
}

section#entries-details p.small {
    line-height: 3rem;
}

section#entries-details {
    width: 80%;
    max-width: 1920px;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

section#entries-details .entries-details-container {
    background-color: white;
    border-radius: 1rem 10rem 1rem 6rem;
    padding: 12rem 20rem 12rem 20rem ;
    border: 1px solid coral;
}

section#entries-details .entries-details-container .information-block {
    padding-bottom: 5rem;
    padding-top: 5rem;
    border-bottom: 1px solid lightgray;
}

section#entries-details .entries-details-container .information-block .title {
    margin-bottom: 1rem;
}

section#entries-details .entries-details-container .adress-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

section#entries-details .entries-details-container .adress-container .item {
    width: 50%;
    margin-top: 2rem;
}

section#entries-details .entries-details-container .persons-container {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
}

section#entries-details .entries-details-container .persons-container .persons-item {
    display: flex;
    flex-direction: row;
    align-items: center;
}

section#entries-details .entries-details-container .persons-container .persons-item .number {
    padding-right: 4rem;
}

section#entries-details .entries-details-container .persons-container .persons-item .info-container {
    padding-left: 4rem;
    border-left: 1px solid gray;
    display: flex;
    flex-direction: row;
    justify-content: left;
    flex-wrap: wrap;
    width: 100%;
}

section#entries-details .entries-details-container .persons-container .persons-item .info-container .item {
    width: 33.3%;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.checkbox-container label {
    color: red;
}

.full-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.block_wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.title-entries {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 5rem 0 5rem 0;
}

.smallest {
    font-size: 1.3rem;
    margin-top: 3rem;
}

hr {
    border: 0;

    /* Remove default border */
    border-top: 1px dotted #cdcdcd;

    /* Set the border style, color, and width */
    margin: 20px 0;

    /* Add margin for spacing */
    border-spacing: 20rem;
}

.grey_text {
    color: rgb(142, 142, 142) !important;
}

.button-entries {
    padding: 2rem 0 2rem 0;
}

.registrations_custom_post_type_button {
    height: 4rem;
    font-size: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    border-radius: 3px;
    border: none;
    color: white;
    font-weight: bold;
}

.orange_button {
    background-color: #FF5640;
    transition: background-color 0.2s;
}

.orange_button:hover {
    background-color: black;
}

.black_button {
    background-color: black;
    transition: background-color 0.2s;
}

.black_button:hover {
    background-color: rgb(97, 97, 97);
}

.nomination_text {
    margin-bottom: 1rem;
}

.pagination_number {
    margin-left: 2rem;
    margin-right: 2rem;
}

.pagination_number_container {
    min-width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 80%;
}

.pagination {
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5rem;
    font-size: 2rem;
    max-width: 100%;
}

.pagination a {
    text-decoration: none !important;
}

.pagination_active {
    color: coral;
    font-weight: bold;
}

.pagination_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

//responsive

@media screen and (max-width: 1800px) {
    nav.content_menu ul li {
        font-size: 7rem;
    }

    .meta_container {
        gap: 1rem;
        margin-top: 3rem;
        flex-wrap: wrap;
    }
}

@media screen and (max-height: 650px) {
    #hero {
        height: auto;
    }

    #hero .content_wrapper {
        max-height: unset;
    }
}

@media screen and (max-width: 1400px) {
    .left_hero {
        min-height: unset;
    }

    .mobile_logos {
        display: flex;
        align-items: flex-end;
        gap: 5rem;
    }
}

@media screen and (max-width: 1200px) {
    h1 {
        font-size: 5.5rem;
        color: #2B2E34;
    }

    section#registration_form .sidebar {
        display: none;
    }

    .alternate_sidebar {
        display: none;
    }

    section#registration_form {
        grid-template-columns: 1fr;
    }

    section#registration_form form {
        min-width: 600px;
    }

    section#registration_form form fieldset .row .question ul li {
        flex: auto;
    }

    section#registration_form .intro p {
        margin-left: 5rem;
    }

    #main-footer {
        /* flex-direction: column */
    }

    .logo_container_footer {
        position: absolute;
        left: 6rem;
    }

    .privacy_block {
    }

    h2 {
        font-size: 3.5rem;
        color: #2B2E34;
    }

    h3 {
        font-size: 2.5rem;
        color: #2B2E34;
    }

    p {
        font-size: 1.7rem;
        color: #2B2E34;
        line-height: 2rem;
    }

    p.small {
        font-size: 1.5rem;
        color: #2B2E34;
    }

    ul,
    li {
        font-size: 1.7rem;
        color: #2B2E34;
    }

    .title-wrapper {
        padding: 3rem 0.5rem 3rem 0.5rem;
        text-align: center;
    }

    #main-footer .organised .logos img.dt,
    #main-footer .collaboration .logos img.dt {
        height: 5rem;
    }

    .cta_innercontent {
        padding: 2rem 2rem 2rem 2rem;
    }

    #main-footer .organised .logos img,
    #main-footer .collaboration .logos img {
        height: 3rem;
    }

    section#jury article .juryMember_image img {
        border-radius: 3rem 3rem 3rem 3rem;
        height: 30rem;
        padding: 0;
    }

    section#jury article .jury-member-content .full_name {
        text-align: center;
    }

    section#jury article .jury-member-content .juryMember_information {
        width: 100%;
    }

    section#jury article .jury-role {
        width: 100%;
        text-align: center;
    }

    #hero .content_wrapper {
        height: auto;
        max-height: unset;
    }

    #hero .content_wrapper .hero_half .left {
        background-size: 12%;
    }

    #hero .content_wrapper .hero_half .left .hero_logo_container img {
        width: 70%;
    }

    section#award .award-wrapper {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    section#award .award-wrapper .item {
        width: 70%;
    }

    section#quote blockquote {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    section#quote .quote-wrapper {
        display: block;
    }

    section#quote .quote-wrapper-image img {
        display: none;
    }

    section#quote .quote-wrapper-content {
        width: 100%;
    }

    .inlet {
        display: flex;
        justify-content: center;
    }

    .content_wrapper {
        flex-direction: column;
    }

    #hero .content_wrapper .hero_half {
        flex: none;
        height: auto;
        margin-right: 5rem;
        margin-left: 5rem;
        max-height: auto;
        margin-top: 0;
    }

    .dt_logo_inlet {
        width: 8rem;
    }

    #hero .content_wrapper .hero_half .right {
        height: 50%;
    }

    #hero .content_wrapper .hero_half .right .partners {
        display: none;
    }

    .left_hero {
        background-image: none;
    }

    .call_to_action_inner {
        height: 250px;
        width: 100%;
        background-color: #FFB35D;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 20px 80px 20px 80px;
        background-image: url(../assets/images/svg/arrows-top.svg), url(../assets/images/svg/arrows-bottom.svg);
        background-repeat: repeat-x;
        background-size: auto 25%;
        background-position: top, bottom;
    }

    .cta_text {
        font-family: chronic display;
        width: 95%;
        text-align: center;
    }

    section#timeline .timeline-container {
        display: flex;
        width: 80%;
        flex-direction: column;
        position: relative;
    }

    section#timeline .timeline-container .timestamp {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0rem;
        flex-direction: column;
    }

    section#timeline .timeline-container .timestamp .info .title {
        line-height: 1.5rem;
    }

    section#timeline .timeline-container .timestamp .info:before {
        content: "";
        left: calc(50% - 1rem);
        top: 33%;
        width: 2rem;
        height: 2rem;
        position: absolute;
        border: 2px solid #FFB35D;
        border-radius: 100px;
        box-shadow: 0px 0px 0px 1.5rem white;
        background: white;
        z-index: 4;
    }

    section#timeline .timeline-container .timeline_circle {
        width: 2.8rem;
        height: 2.8rem;
        position: absolute;
        background: #FFB35D;
        border-radius: 100px;
        left: 50%;
        top: 9.5%;
        transform: translateX(calc(-50% + 0.15rem));
        z-index: 5;
        transition: top 0.5s ease-in-out;
    }

    section#timeline .timeline-container .timestamp h3.date {
        background: white;
        z-index: 10;
        padding-top: 20px;
    }

    section#timeline .timeline-container .timestamp .info p {
        position: relative;
        background: white;
        padding: 10px;
        z-index: 10;
    }

    section#regulations .tab__content li {
        display: block;
        position: relative;
        padding-left: 2.5rem;
        margin-top: 3rem;
    }

    section#regulations .tab__content li ol li {
        font-size: 1.3rem;
        line-height: 1.8rem;
    }

    section#regulations .tab__content li .title {
        font-size: 1.7rem;
    }

    section#jury article .jury-member-content .list {
        display: none;
    }

    section#jury article .jury-member-content {
        flex-direction: column;
    }

    section#jury article .jury-member-content .juryMember_image {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    #hero {
        padding-bottom: 10rem;
        justify-content: flex-start;
        align-items: flex-start;
        height: auto;
    }

    nav.content_menu ul li {
        font-size: 7rem !important;
    }
}

@media screen and (max-width: 1080px) {
    nav.content_menu ul li {
        font-size: 5.8rem !important;
        margin-bottom: unset !important;
    }

    .meta_container {
        justify-content: center;
    }

    .top_left_form_logo {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    h1 {
        font-size: 4.5rem;
        color: #2B2E34;
    }

    #hero .background .circle {
        display: none;
    }

    h2 {
        font-size: 2.5rem;
        color: #2B2E34;
    }

    h3 {
        font-size: 2rem;
        color: #2B2E34;
    }

    p {
        font-size: 1.5rem;
        color: #2B2E34;
        line-height: 2rem;
    }

    p.small {
        font-size: 1.4rem;
        color: #2B2E34;
    }

    section#quote blockquote .meta {
        width: auto;
    }

    ul,
    li {
        font-size: 1.5rem;
        color: #2B2E34;
    }

    header#main_navigation .wrapper nav ul {
        line-height: 6.5rem;
    }

    .caption_top {
        /* transform: translateY(2rem) */
        margin-bottom: 1rem;
    }

    .meta_container {
        flex-direction: column;
    }

    #main-footer {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 30rem;
        gap: 0rem;
        padding-top: 5rem;
    }

    .logo_container_footer {
        position: relative;
    }

    .privacy_block {
        position: relative;
        left: 0;
        display: flex;
        align-items: center;
    }

    #hero {
        padding-bottom: 5rem;
        overflow: hidden;
    }

    #hero .content_wrapper .hero_half {
        margin-right: 2rem;
        margin-left: 2rem;
    }

    nav.content_menu ul li {
        font-size: 5rem !important;
    }

    #hero .content_wrapper .hero_half .left {
        background-size: 22%;
    }

    .mobile_logos {
        display: flex;
        gap: 2rem;
    }

    #submit_nav_link {
        display: none;
    }

    .title-wrapper {
        padding: 2rem 0.7rem 2rem 0.7rem;
        text-align: center;
    }

    #main-footer .organised,
    #main-footer .collaboration {
        height: 30%;
    }

    #main-footer .organised .logos img.dt,
    #main-footer .collaboration .logos img.dt {
        height: 4rem;
    }

    #main-footer .organised .logos img,
    #main-footer .collaboration .logos img {
        height: 2.5rem;
    }

    .left_hero {
        background-image: none;
        margin-right: 10px;
        margin-left: 10px;
        border-radius: 5rem 2rem 2rem 5rem;
    }

    header#main_navigation .wrapper nav {
        background-size: 12rem;
    }

    header#main_navigation .wrapper nav ul {
        margin-left: 10%;
    }

    header#main_navigation .wrapper nav ul li a {
        font-size: 5rem;
    }

    .inlet {
        width: 70%;
        justify-content: center;
        align-items: flex-start;
        padding-top: 50px;
    }

    .echo_logo_inlet {
        width: 120%;
    }

    #hero .content_wrapper .hero_half .left .hero_text_container {
        width: 100%;
    }

    #hero .content_wrapper .hero_half .left .hero_text_container .text {
        width: 100%;
    }

    #hero .content_wrapper .hero_half .left .hero_logo_container {
        width: 100%;
    }

    .dt_logo_inlet {
        width: 6rem;
    }

    .echo_logo_inlet {
        width: 15rem;
    }

    .bnp_logo_inlet {
        width: 15rem;
    }

    .inlet_text {
        font-size: 1.2rem !important;
    }

    header#main_navigation .wrapper nav {
        width: 90%;
    }

    #hero .content_wrapper {
        margin: 1rem;
    }

    .cta_text {
        font-family: chronic display;
        width: 95%;
        text-align: center;
    }

    section#jury {
        width: 90%;
        max-width: 1920px;
        display: flex;
        flex-direction: column;
        position: relative;
        margin: auto;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    section#quote {
        width: 90%;
        max-width: 1920px;
        display: flex;
        flex-direction: column;
        position: relative;
        margin: auto;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    section#regulations {
        width: 90%;
        max-width: 1920px;
        display: flex;
        flex-direction: column;
        position: relative;
        margin: auto;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .timeline_innerconent {
        width: 90%;
        max-width: 1920px;
        display: flex;
        flex-direction: column;
        position: relative;
        margin: auto;
        margin-top: 3rem;
        margin-bottom: 9rem;
    }

    .cta_innercontent {
        width: 90%;
        max-width: 1920px;
        display: flex;
        flex-direction: column;
        position: relative;
        margin: auto;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    section#quote blockquote {
        padding-left: 4rem;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    section#quote blockquote:before {
        width: 3rem;
        height: 3rem;
    }
}

@media screen and (max-width: 600px) {
    #main-footer {
        padding-top: 12rem;
        padding-bottom: 8rem;
    }

    .logo_container_footer {
        display: flex;
        flex-direction: column;
        left: 3rem;
    }
}

.inlet_text {
    margin-bottom: 1rem;
    font-size: 1.5rem;
}