html { line-height: 1.5rem; height: 100%; }
body { height: 100%; }
.euaa-login-page, .euaa-create-account-page, .euaa-dashboard-horizontal, .euaa-dashboard-horizontal-w-title { display: flex; flex-direction: column; }
.euaa-login-page, .euaa-create-account-page  { background-color: var(--light-bg-color); background-image: url(../assets/svg/squares.svg); background-repeat: no-repeat; background-position: bottom right; }
.euaa-dashboard-horizontal {
	background-color: var(--light-bg-color);
}
.euaa-create-account-page main { background-image: url(../assets/svg/squares.svg); background-repeat: no-repeat; background-position: bottom right; }
/* main content area */
main { justify-content: center; align-items: center; }
.euaa-login-page main, .euaa-create-account-page main { background-color: var(--light-bg-color); display: flex; justify-content: center; align-items: center; }
/* container that sets the maximum width */
.limit-container { max-width: 1200px; margin: 0 auto; }
.limit-container-scroll {     /* subtracting the approximate width of the scroll */
max-width: calc(1200px - 17px); margin: 0 auto; }
/* Header Styling */
.euaa-header { background-color: var(--light-color); }
.euaa-header__container { display: flex; justify-content: space-between; align-items: center;background-color: var(--light-color); }
/***** Logos - START *****/
.euaa-header__logos { display: flex;padding: 1.5rem 0; }
.euaa-logo { width: 180px; height: 60px; margin-right: 15px; }
.app-logo { width: 327px; height: 70px; }
/***** Logos - END *****/
.euaa-header__links {display: flex; align-items: center;}
.euaa-header__links nav > ul { display: flex; }
.euaa-header__links nav > ul li { list-style-type: none; padding: 10px 14px; }
.euaa-header__links nav > ul li:last-child { padding-right: 0px; }
.euaa-header__links nav > ul li i { margin-right: 6px; }
.euaa-top-navigation { background-color: var(--highlight-color); }
.euaa-top-navigation__links nav > ul { padding: 0; margin: 0; list-style-type: none; text-align: center; position: relative; display: flex; justify-content: space-between; }
.euaa-top-navigation__links nav > ul li { }
.euaa-top-navigation__links nav > ul li a { color: var(--secondary-txt-color); font-size: 16px; font-weight: 600; display: block; padding: 1.5rem 1rem; border-bottom: 2px solid var(--highlight-color); }
.euaa-top-navigation__links nav > ul li a:hover,
.euaa-top-navigation__links nav > ul li a.is-active { border-bottom: 2px solid #fff; text-decoration: none; }
.euaa-top-navigation__search { display: flex; align-items: center; }
.euaa-top-navigation__search input { padding: 6px; }
.euaa-top-navigation__search a i { color: #fff; font-size: 20px; margin-left: 10px; }
/***** Login Area - START *****/
.euaa-login { z-index: 100; position: relative; min-width: 480px; max-width: 600px; margin-top: 50px; margin-bottom: 70px;     /*margin-top: -30px;*/ }
.euaa-login h2 { font-size: 20px; margin-bottom: 15px; }
.euaa-login-box { padding: 40px 100px; background-color: var(--light-color); border-radius: 10px; box-shadow: 0px 0px 4px var(--neutral-color-2); position: relative; min-height: 180px; }
.euaa-login-box h3 { font-size: 20px; font-weight: 600; margin-bottom: 2px; }
.euaa-blue-square { position: absolute; top: 10px; right: -30px; width: 260px; height: 260px; z-index: 0; border-radius: 20px; background-color: var(--euaa-color-highlight-1); }
.euaa-yellow-square { position: absolute; bottom: -30px; left: -30px; width: 180px; height: 180px; z-index: 0; border-radius: 20px; border-bottom-left-radius: 0px; background-color: var(--euaa-color-highlight-2); }
/***** Login Area - END *****/
/***** Background Squares - START *****/
/*.euaa-grey-square-small {
position: absolute;
bottom: 80px;
right: 250px;
width: 120px;
height: 120px;
border-radius: 10px;
border-bottom-right-radius: 0px;
background-color: var(--hover-secondary-color);
}
.euaa-grey-square-big {
position: absolute;
bottom: 0px;
right: 0px;
width: 220px;
height: 260px;
border-radius: 10px;
border-bottom-right-radius: 0px;
background-color: var(--hover-secondary-color);
}*/
/***** Background Squares - END *****/
/* Captcha */
.euaa-captcha { border: 1px solid #ccc; background-color: var(--light-bg-color); margin-top: 10px; margin-bottom: 10px; padding: 10px; }
/***** Footer Area Styling - START *****/
.euaa-footer { font-size: 12px; background-color: var(--highlight-color); color: var(--neutral-color-2); width: 100%; box-sizing: border-box; z-index: 200; margin-top: auto;}
.euaa-footer__icon { background-image: url(../assets/svg/icon_footer.svg); background-repeat: no-repeat; width: 20px; height: 20px; float: left; margin: 10px; }
/***** Footer Area Styling - END *****/
/***** Hamburger Menu - START *****/
.euaa-header__hamburger-menu { display: none; position: fixed; top: 30px; right: 30px; width: 22px; height: 20px; background: linear-gradient(to bottom, var(--highlight-color), var(--highlight-color) 20%, transparent 20%, transparent 40%, var(--highlight-color) 40%, var(--highlight-color) 60%, transparent 60%, transparent 80%, var(--highlight-color) 80%, var(--highlight-color) 100%); z-index: 1000; cursor: pointer; }
#euaa-hamburger-input { display: none; }
.euaa-header__hamburger-menu .euaa-header__mobile-menu { visibility: hidden; position: fixed; top: 90px; right: -250px;     /*width: 300px;*/ width: 100%;     /*height: 100%;*/ background-color: var(--highlight-color); padding: 0px; box-sizing: border-box;     /*box-shadow: 2px 2px 2px 2px #333;*/ -webkit-transition: ease-in-out .35s; transition: ease-in-out .35s; color: #fff; }
.euaa-header__hamburger-menu .euaa-header__mobile-menu hr { margin: 10px; border-color: var(--primary-color); }
#euaa-hamburger-input:checked + .euaa-header__hamburger-menu .euaa-header__mobile-menu { visibility: visible; right: 0; }
.euaa-header__close-menu { padding: 25px 30px 30px 30px; color: var(--highlight-color); cursor: pointer; margin-top: -84px; background-color: #fff; float: right; }
.euaa-header__mobile-menu ul li { padding: 1rem 1.5rem; list-style-type: none; }
.euaa-header__mobile-menu ul li a { color: #fff; }
.euaa-header__mobile-menu ul { margin-top: 10px; }
.euaa-header__mobile-mensearch { display: flex; flex-direction: row; color: white; padding: 20px; align-items: center; }
.euaa-header__mobile-mensearch i { font-size: 20px; color: var(--light-bg-color); margin-left: 10px; }
.euaa-header__mobile-menbottom { padding: 20px; clear: both; }
.euaa-header__mobile-menbottom-icon-logo { background-image: url(..assets/svg/icon_footer.svg); background-repeat: no-repeat; width: 16px; height: 16px; float: left; margin-top: 2px; margin-right: 8px; }
/***** Hamburger Menu - END *****/
/***** Dashboard - Horizontal Nav - Content Title - START *****/
.euaa-content__title-area { background-color: var(--light-bg-color); padding: 20px; }
/***** Dashboard - Horizontal Nav - Content Title - END *****/
/* Media Queries */
@media (max-width:1200px) {
.limit-container { max-width: 990px; margin: 0 auto; }
}
@media (max-width:992px) {
.limit-container { max-width: 800px; margin: 0 auto; }
.euaa-logo { width: 144px; height: 70px; }
.app-logo { width: 230px; height: 50px; background-size: contain; }
}
@media (max-width:768px) {
.euaa-header { padding: 0px 10px; }
.euaa-header__buttons { display: flex; flex-direction: column; margin-left: 20px; }
.euaa-header__buttons .euaa-btn { margin-bottom: 5px; }
.euaa-header__buttons .euaa-btn:last-child { margin-bottom: 0px; }
.euaa-logo { width: 128px; height: 60px; }
.app-logo { width: 220px; height: 46px; background-size: contain; }
.euaa-header__links nav > ul li { padding: 10px; }
.euaa-top-navigation__links { padding: 0px 20px; }
}
@media (max-width:576px) {
.layout-content {padding: 0 1rem}
body { background-image: none; }
.euaa-create-account-page main { background-image: none; }
.euaa-header__hamburger-menu { display: block; }
.euaa-header { padding-bottom: 10px; }
.euaa-logo { display: none; }
.app-logo { width: 270px; height: 58px; background-size: contain; }
.euaa-dashboard-horizontal .euaa-header__container { flex-direction: row; align-items: center; }
.euaa-header__container { flex-direction: column; align-items: flex-start; height: 80px; }
.euaa-header__buttons { display: flex; flex-direction: row; margin-left: 10px; display: none; }
.euaa-header__buttons .euaa-btn { margin-right: 10px; margin-bottom: 0px; }
.euaa-header__links { display: none; }
.euaa-top-navigation { display: none; }
.euaa-top-navigation.euaa-main-dashboard-nav { height: 8px; }
.euaa-top-navigation__search { display: none; }
main { display: block; }
.euaa-login-page main, .euaa-create-account-page main { display: block; }
.euaa-login { min-width: 100%; margin-top: 20px; margin-bottom: 20px; }
.euaa-login h2 { margin-left: 20px; }
.euaa-login-box { padding: 40px 20px; border-radius: 0px; box-shadow: none; }
.euaa-yellow-square, .euaa-blue-square, .euaa-grey-square-small, .euaa-grey-square-big { display: none; }
.euaa-footer { padding: 0px 10px; }
}
.euaa-menu { position: absolute; background-color: var(--highlight-color); top: 60px; visibility: hidden; padding: 10px; }
ul.euaa-menu li { list-style-type: none; padding: 10px; }
.euaa-top-navigation__links li:hover > ul { visibility: visible; }
.euaa-top-navigation__links li:focus-within > ul { visibility: visible; }
.layout-content p, .layout-content .field--type-text-long li { font-size: 1rem; line-height: 1.5rem; }
.layout-content .field--type-text-long li { margin-bottom: 0.5rem; margin-left: 2em; }
.layout-content .layout-text h1, .layout-content .layout-text h2, .layout-content .layout-text h3 { margin-top: 2rem; }
.field.field__items { display: flex; flex-flow: column; gap: 1rem; }
.field.field__items .field.field__items {gap: 0;}
@media (min-width:991px) {
.layout-content .field--type-text-long p {width: 75%;}
}
.layout-content h2,
.layout-content h3,
.layout-content h4,
.layout-content p,
.layout-content ul,
.layout-content ol {
	margin-bottom: 1rem;
}