:root {
--border-radius: 8px;
--def_mail_color: #706ADE;
} .ia_space_xs { height: 0.1em;}
.ia_space_s { height: 1em;}
.ia_space_m { height: 2em;}
.ia_space_l { height: 3em;}
.ia_space_xl { height: 4em;}
.ia_space_xxl { height: 5em;}
.ia_center {
text-align:center;
}
#ia_signup_form {
width: 30em;
margin: 0 auto;
}
#ia_event_signup_form {
display: flex;
flex-direction: column;
align-items: center; 
} @media (max-width: 980px) {
#ia_signup_form {
width: 100%;
}
} .ia_bounce {
display: inline-block;
animation: jump-animation 3s ease-in-out infinite;
}
@keyframes jump-animation {
0%, 100% {
transform: translateY(0); 
}
10% {
transform: translateY(-0.5em);
}
20% {
transform: translateY(0);
}
}
.ia_dark {
color: #282828;
}
.ia_rounded {
border-radius: var(--border-radius);
}
.ia_underline {
text-decoration: underline;
}
.ia_p_text {
padding:0px!important;
}
.ia_strong {
font-weight: bold;
}
.ia_pointer {
cursor: pointer;
}
.ia_none {
display:none;
}
.ia_inline {
display:inline-block!important;
}
.ia_label_s {
line-height: 1.2!important;
margin-bottom: 0;
font-size: 75%;
} .ia_button {
padding: 0.5em 0.8em 0.5em 0.8em !important;
cursor:pointer;
font-size: 100%;
border-radius: var(--border-radius);
border-width:0px;
color:white;
}
.ia_button:hover {
opacity: 0.7;
transition: 0.3s;
} .ia_default_table {
width: 100%;
border-collapse: collapse;
margin-top: 1em;
}
.ia_default_table th, .ia_default_table td {
border: 1px solid #ddd;
padding: 0.8em;
text-align: left;
}
.ia_default_table th {
background-color: #f4f4f4;
font-weight: bold;
}
.ia_table_scroll {
overflow-x: auto; 
-webkit-overflow-scrolling: touch;
width: 100%;
} .ia_input {
width: 50%;
border-radius: var(--border-radius);
padding: 0.5em !important;
font-size: 100%;
border-width:1px;
}
.ia_select {
width: 50%;
border-radius: var(--border-radius);
padding: 0.5em !important;
font-size: 100%;
}
.ia_textarea {
width: 50%;
border-radius: var(--border-radius);
padding: 0.5em !important;
font-size: 100%;
}
.ia_input_filter_table {
background-color: transparent !important;
border: none!important;
padding: 0px!important; box-sizing: content-box; transition: width 0.3s ease; outline: none; font-size:70%;
} .ia_main_frame {
padding: 5em 1em 5em 1em;
min-height: 50vh;
}
.ia_subpage_title {
font-size: 130%;
font-weight: bold;
padding-bottom:10px;
}
.ia_opacity70 {
opacity: 0.7;
}
.ia_opacity50 {
opacity: 0.5;
}
.ia_opacity30 {
opacity: 0.3;
} .ia_grid_container {
display: flex;
flex-wrap: wrap;
gap: 2em;
justify-content: center; padding: 1em; box-sizing: border-box; }
.ia_grid_item {
background: #f3f3f3;
border: 0px solid #ddd;
border-radius: var(--border-radius);
padding: 1em;
width: calc(33.333% - 2em); box-sizing: border-box; overflow:hidden;
color:white;
} @media (max-width: 980px) {
.ia_grid_item {
width: 100%; }
} #ia_container {
display: flex;
height: 100vh;
}  #ia_sidebar {
background: #f3f3f3;
color: #333;
width: 20em; min-width: 3em;
transition: all 0.3s;
display: flex;
flex-direction: column;
border-right: 1px solid #ddd;
position: relative;
z-index: 1;
}
#ia_sidebar.collapsed {
width: 3em; } #ia_toggle_sidebar {
margin: 1em;
background: #706ade;
color: #fff;
border: none;
cursor: pointer;
font-size: 1.2em;
padding: 0.5em;
border-radius: var(--border-radius);
align-self: center;
display: flex;
justify-content: center;
align-items: center;
} #ia_sidebar ul {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
} #ia_sidebar ul li {
position: relative;
padding: 1em;
cursor: pointer;
border-bottom: 1px solid #ddd;
}
#ia_sidebar ul li > div {
display: flex;
align-items: center; justify-content: space-between; }
#ia_sidebar ul li .ia_menu_icon {
margin-right: 0.5em;
}
#ia_sidebar ul li span {
flex-grow: 1;
margin-left: 0.5em;
text-align: left;
} #ia_sidebar ul li .ia_arrow {
margin-left: auto; transition: transform 0.3s;
} #ia_sidebar.collapsed ul li .ia_arrow {
display: none; } #ia_sidebar ul li:hover {
background: #e5e5e5;
} #ia_sidebar ul .ia_sub_menu {
display: none; list-style: none;
padding: 0;
margin: 0;
width: 100%; position: relative; }
#ia_sidebar ul li.ia_has_children.ia_open .ia_sub_menu {
display: block;
margin-top: 0.5em;
}
#ia_sidebar ul .ia_sub_menu li {
padding: 0.8em 1.5em;
border-bottom: none;
display: block;
}
#ia_sidebar ul .ia_sub_menu {
border-left: 3px solid #d3d3d3;
}
#ia_sidebar ul .ia_sub_menu li:hover {
background-color: #d3d3d3; 
transition: background-color 0.3s ease;
} #ia_sidebar.collapsed ul li span {
display: none;
}
#ia_sidebar.collapsed ul li .ia_menu_icon {
margin-right: 0;
}
#ia_sidebar.collapsed ul .ia_sub_menu {
display: none !important;
} #ia_content {
flex-grow: 1;
padding: 2em;
background: #fff;
overflow-y: auto;
position: relative;
z-index: 0;
} @media screen and (max-width: 980px) {
#ia_sidebar {
position: absolute;
height: 100%;
left: -15%;
width: 15%;
transition: all 0.3s ease-in-out;
}
#ia_sidebar.expanded {
left: 0;
}
#ia_content {
position: relative;
z-index: 0;
}
} @media screen and (max-width: 980px) {
#ia_sidebar.collapsed {
left: 0;
width: 3em;
}
#ia_sidebar.collapsed ul li span {
display: none;
}
#ia_sidebar.collapsed ul li .ia_menu_icon {
margin-right: 0;
}
#ia_sidebar.collapsed ul li .ia_arrow {
display: none;
}
#ia_sidebar.collapsed ul .ia_sub_menu {
display: none !important;
}
} @media screen and (max-width: 768px) {
#ia_sidebar {
width: 3em;
}
#ia_sidebar ul li span {
display: none;
}
#ia_sidebar ul li .ia_menu_icon {
margin-right: 0;
}
} .ia_show_event_tile {
padding: 1em;
display:inline-block;
border-radius: var(--border-radius);
min-width: 30%;
max-width: 800px;
color:white!important;
}
.ia_orga_verified_xs {
width: .8em;
margin-left:.3em;
}
.ia_orga_verified_s {
width: 1.3em;
margin-left:.3em;
}
.ia_orga_verified_x {
width: 1.8em;
margin-left:.5em;
} @media only screen and (max-width: 360px) {
.ia_h1_start { font-size: 1.7em; line-height: 1.2; }
} @media only screen and (min-width: 361px) and (max-width: 479px) {
.ia_h1_start { font-size: 2em; line-height: 1.2; }
} @media only screen and (min-width: 480px) and (max-width: 768px) {
.ia_h1_start { font-size: 2.3em; line-height: 1.2; }
} @media only screen and (min-width: 769px) and (max-width: 980px) {
.ia_h1_start { font-size: 2.5em; line-height: 1.2; }
} @media only screen and (min-width: 981px) and (max-width: 1200px) {
.ia_h1_start { font-size: 2.7em; line-height: 1.2; }
} @media only screen and (min-width: 1201px) and (max-width: 1600px) {
.ia_h1_start { font-size: 3em; line-height: 1.2; }
} @media only screen and (min-width: 1601px) {
.ia_h1_start { font-size: 3.5em; line-height: 1.2; }
}