@media only screen and (min-width: 981px) { #top-header {
position: relative !important;
top: auto !important;
z-index: 10000;
} #main-header {
position: sticky !important;
top: 0 !important;
width: 100%;
z-index: 9999;
transition: none !important;
} #main-header .et_menu_container {
height: 130px;
transition: height 0.25s ease;
} #main-header .logo_container {
overflow: visible !important;
} #main-header #logo {
height: 150px !important;
max-height: none !important;
min-height: 0 !important;
width: auto !important;
margin-top: 10px !important;
transform: none !important;
transition:
height 0.25s ease,
margin-top 0.25s ease !important;
} @media only screen and (min-width: 760px) and (max-width: 980px) {
#main-header #logo {
margin-left: 0px !important;
}
} @media only screen and (min-width: 760px) and (max-width: 980px) {
#main-header #logo {
height: 130px !important;
max-height: none !important;
min-height: 0 !important;
width: auto !important;
margin-left: 20px !important;
transform: none !important;
}
#main-header .logo_container {
overflow: visible !important;
}
} body.saam-scrolled #main-header .et_menu_container {
height: 80px;
}
body.saam-scrolled #main-header #logo {
height: 60px !important;
max-height: 60px !important;
margin-top: 0 !important;
transform: none !important;
} #main-header #et-top-navigation {
transition: padding-top 0.25s ease;
}
body.saam-scrolled #main-header #et-top-navigation {
padding-top: 24px !important;
}
} .fit {
width: fit-content;
} .punktlista ul li {
padding-left: 10px;
list-style: none;
margin-bottom: 12px;
margin-top: 10px;
}
.punktlista ul li::before {
content: '\e052';
display: inline-block;
margin-right: 10px;
margin-left: -30px;
padding-right: 2px;
font-family: 'ETmodules';
font-size: 1em;
vertical-align: middle;
color: #ccc;
} @media only screen and (min-width: 980px) { ul.sub-menu {
border-radius: 10px !important;
width: 250px !important;
} .drop-menu ul {
right: 0 !important;
} #top-menu li li a {
padding: 10px !important;
margin-bottom: 10px;
background: #fff;
border-radius: 5px !important;
font-size: 1.2em;
}
#top-menu li li a:hover {
color: #000 !important;
background: #edeaea;
opacity: 1 !important;
} ul.sub-menu li,
ul.sub-menu li a {
width: 100% !important;
}
.nav li li {
padding: 0;
min-width: 100% !important;
}
.nav li li a {
min-width: 100% !important;
} #top-menu li ul.sub-menu {
z-index: 9999 !important;
position: absolute;
} ul.nav > li > ul.sub-menu::before {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color:
transparent
transparent
#283693
transparent;
position: absolute;
top: -10px;
left: 30px;
} .nav li li ul {
left: 300px;
}
.nav li.et-reverse-direction-nav li ul {
left: auto;
right: 300px;
}
} #et-secondary-nav .donate a {
font-weight: 600;
font-size: 1.2em !important;
color: #D7D6D8 !important;
} #top-header,
#et-secondary-menu,
#et-secondary-nav,
#et-secondary-nav a {
font-family: 'Figtree', Arial, sans-serif !important;
} .not-clickable-blog .post-meta {
display: none;
}
.not-clickable-blog .entry-title {
margin-bottom: 0;
}
.not-clickable-blog .entry-title a {
pointer-events: none;
cursor: default;
color: inherit;
text-decoration: none;
} @media only screen and (max-width: 980px) {
.et_mobile_menu {
max-height: 80vh !important;
max-height: 80dvh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
}
} @media only screen and (max-width: 980px) {
#top-header {
height: auto !important;
min-height: 28px;
padding: 8px 0 !important;
overflow: visible !important;
}
#top-header .container {
height: auto !important;
min-height: 24px;
padding-top: 0 !important;
padding-bottom: 0 !important;
overflow: visible !important;
}
#et-secondary-menu {
height: auto !important;
line-height: 24px !important;
}
#et-secondary-menu a {
line-height: 24px !important;
}
} @media only screen and (max-width: 980px) {
#main-header {
position: sticky !important;
top: 0 !important;
z-index: 9999;
width: 100%;
}
}  @media only screen and (min-width: 760px) and (max-width: 980px) {
#main-header #logo {
height: 130px !important;
max-height: none !important;
min-height: 0 !important;
width: auto !important;
margin-left: 0px !important;
margin-top: 0 !important;
transform: none !important;
}
#main-header .logo_container {
overflow: visible !important;
}
} @media only screen and (max-width: 759px) {
#main-header #logo {
height: 100px !important;
max-height: none !important;
min-height: 0 !important;
width: auto !important;
margin-top: 0 !important;
transform: none !important;
}
#main-header .logo_container {
overflow: visible !important;
}
}
@media only screen and (max-width: 980px) {
#top-header > .container,
#main-header > .container,
#et_search_outer > .container,
body.single #main-content > .container,
body.page div.et_pb_row,
body.page div.et_pb_row.et_pb_row_fullwidth {
width: 90% !important; 
}
} 
@media (max-width: 980px) { .mobile_menu_bar:before {
font-size: 42px !important;
font-weight: 900 !important;
color: #283693!important;
} .et_pb_menu__icon.et_pb_menu__hamburger,
.et_mobile_nav_menu .mobile_menu_bar:before {
font-size: 42px !important;
font-weight: 900 !important;
color: #283693!important; 
}
}@media only screen and (min-width: 981px) { #top-header {
position: relative !important;
top: auto !important;
z-index: 10000;
} #main-header {
position: sticky !important;
top: 0 !important;
width: 100%;
z-index: 9999;
transition: none !important;
} #main-header .et_menu_container {
height: 130px;
transition: height 0.25s ease;
} #main-header .logo_container {
overflow: visible !important;
} #main-header #logo {
height: 150px !important;
max-height: none !important;
min-height: 0 !important;
width: auto !important;
margin-top: 10px !important;
transform: none !important;
transition:
height 0.25s ease,
margin-top 0.25s ease !important;
} @media only screen and (min-width: 760px) and (max-width: 980px) {
#main-header #logo {
margin-left: 0px !important;
}
} @media only screen and (min-width: 760px) and (max-width: 980px) {
#main-header #logo {
height: 130px !important;
max-height: none !important;
min-height: 0 !important;
width: auto !important;
margin-left: 20px !important;
transform: none !important;
}
#main-header .logo_container {
overflow: visible !important;
}
} body.saam-scrolled #main-header .et_menu_container {
height: 80px;
}
body.saam-scrolled #main-header #logo {
height: 60px !important;
max-height: 60px !important;
margin-top: 0 !important;
transform: none !important;
} #main-header #et-top-navigation {
transition: padding-top 0.25s ease;
}
body.saam-scrolled #main-header #et-top-navigation {
padding-top: 24px !important;
}
} .fit {
width: fit-content;
} .punktlista ul li {
padding-left: 10px;
list-style: none;
margin-bottom: 12px;
margin-top: 10px;
}
.punktlista ul li::before {
content: '\e052';
display: inline-block;
margin-right: 10px;
margin-left: -30px;
padding-right: 2px;
font-family: 'ETmodules';
font-size: 1em;
vertical-align: middle;
color: #ccc;
} @media only screen and (min-width: 980px) { ul.sub-menu {
border-radius: 10px !important;
width: 250px !important;
} .drop-menu ul {
right: 0 !important;
} #top-menu li li a {
padding: 10px !important;
margin-bottom: 10px;
background: #fff;
border-radius: 5px !important;
font-size: 1.2em;
}
#top-menu li li a:hover {
color: #000 !important;
background: #edeaea;
opacity: 1 !important;
} ul.sub-menu li,
ul.sub-menu li a {
width: 100% !important;
}
.nav li li {
padding: 0;
min-width: 100% !important;
}
.nav li li a {
min-width: 100% !important;
} #top-menu li ul.sub-menu {
z-index: 9999 !important;
position: absolute;
} ul.nav > li > ul.sub-menu::before {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color:
transparent
transparent
#283693
transparent;
position: absolute;
top: -10px;
left: 30px;
} .nav li li ul {
left: 300px;
}
.nav li.et-reverse-direction-nav li ul {
left: auto;
right: 300px;
}
} #et-secondary-nav .donate a {
font-weight: 600;
font-size: 1.2em !important;
color: #D7D6D8 !important;
} #top-header,
#et-secondary-menu,
#et-secondary-nav,
#et-secondary-nav a {
font-family: 'Figtree', Arial, sans-serif !important;
} .not-clickable-blog .post-meta {
display: none;
}
.not-clickable-blog .entry-title {
margin-bottom: 0;
}
.not-clickable-blog .entry-title a {
pointer-events: none;
cursor: default;
color: inherit;
text-decoration: none;
} @media only screen and (max-width: 980px) {
.et_mobile_menu {
max-height: 80vh !important;
max-height: 80dvh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
}
} @media only screen and (max-width: 980px) {
#top-header {
height: auto !important;
min-height: 28px;
padding: 8px 0 !important;
overflow: visible !important;
}
#top-header .container {
height: auto !important;
min-height: 24px;
padding-top: 0 !important;
padding-bottom: 0 !important;
overflow: visible !important;
}
#et-secondary-menu {
height: auto !important;
line-height: 24px !important;
}
#et-secondary-menu a {
line-height: 24px !important;
}
} @media only screen and (max-width: 980px) {
#main-header {
position: sticky !important;
top: 0 !important;
z-index: 9999;
width: 100%;
}
}  @media only screen and (min-width: 760px) and (max-width: 980px) {
#main-header #logo {
height: 130px !important;
max-height: none !important;
min-height: 0 !important;
width: auto !important;
margin-left: 0px !important;
margin-top: 0 !important;
transform: none !important;
}
#main-header .logo_container {
overflow: visible !important;
}
} @media only screen and (max-width: 759px) {
#main-header #logo {
height: 100px !important;
max-height: none !important;
min-height: 0 !important;
width: auto !important;
margin-top: 0 !important;
transform: none !important;
}
#main-header .logo_container {
overflow: visible !important;
}
}
@media only screen and (max-width: 980px) {
#top-header > .container,
#main-header > .container,
#et_search_outer > .container,
body.single #main-content > .container,
body.page div.et_pb_row,
body.page div.et_pb_row.et_pb_row_fullwidth {
width: 90% !important; 
}
} 
@media (max-width: 980px) { .mobile_menu_bar:before {
font-size: 42px !important;
font-weight: 900 !important;
color: #283693!important;
} .et_pb_menu__icon.et_pb_menu__hamburger,
.et_mobile_nav_menu .mobile_menu_bar:before {
font-size: 42px !important;
font-weight: 900 !important;
color: #283693!important; 
}
}