@charset "UTF-8"; @font-face { font-family: "eody"; src: url("../fonts/subset-SFUIDisplay-Black.woff2") format("woff2"), url("../fonts/subset-SFUIDisplay-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "eody"; src: url("../fonts/subset-SFUIDisplay-Light.woff2") format("woff2"), url("../fonts/subset-SFUIDisplay-Light.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "eody"; src: url("../fonts/subset-SFUIDisplay-Semibold.woff2") format("woff2"), url("../fonts/subset-SFUIDisplay-Semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "eody"; src: url("../fonts/subset-SFUIDisplay-Heavy.woff2") format("woff2"), url("../fonts/subset-SFUIDisplay-Heavy.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "eody"; src: url("../fonts/subset-SFUIDisplay-Regular.woff2") format("woff2"), url("../fonts/subset-SFUIDisplay-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "eody"; src: url("../fonts/subset-SFUIDisplay-Medium.woff2") format("woff2"), url("../fonts/subset-SFUIDisplay-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "eody"; src: url("../fonts/subset-SFUIDisplay-Bold.woff2") format("woff2"), url("../fonts/subset-SFUIDisplay-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "eody"; src: url("../fonts/subset-SFUIDisplay-Thin.woff2") format("woff2"), url("../fonts/subset-SFUIDisplay-Thin.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "eody"; src: url("../fonts/subset-SFUIDisplay-Ultralight.woff2") format("woff2"), url("../fonts/subset-SFUIDisplay-Ultralight.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } body { --sb-track-color: #030e31; --sb-thumb-color: #ffc522; --sb-size: 5px; } body::-webkit-scrollbar { width: var(--sb-size); } body::-webkit-scrollbar-track { background: var(--sb-track-color); } body::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); border-radius: 10px; border: 1px solid #030e31; } @supports not selector(::-webkit-scrollbar) { body { scrollbar-color: var(--sb-thumb-color) var(--sb-track-color); } } /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; text-decoration: none; } /* Remove list styles (bullets/numbers) */ ul, menu { list-style: none; margin-bottom: 0; } ul { padding: 0; } ul li a { text-decoration: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::-webkit-input-placeholder { color: unset; } ::-moz-placeholder { color: unset; } :-ms-input-placeholder { color: unset; } ::-ms-input-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } :root { --bs-btn-font-size: 1.4rem; --bs-border-radius: 5rem; --bs-border-radius-sm: 5rem; --bs-border-radius-lg: 5rem; --bs-border-radius-xl: 5rem; --bs-border-radius-xxl: 7.5rem; --base-letter-spacing: 5.5rem; --bs-breadcrumb-divider: "|"; --min-view-width: 300px; --max-view-width: 2000px; --cat-covid19: #ff9c9c; --cat-taxidiotikes-odigies: #96e0ff; --cat-deltia-tupou: #ddc9ff; --cat-anakoinosis: #eee96e; --cat-mi-metadotika: #40b4e5; --cat-metadotika: #ed207f; --cat-taxidiotiki-iatriki: #91a01e; --menuHeight: 15.75rem; } html { font-size: 62.5%; direction: ltr; } html, body { width: 100%; height: 100%; margin: 0; padding: 0; } a { color: #1d398d; } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #1d398d; --bs-btn-border-color: #1d398d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #030e31; --bs-btn-hover-border-color: #030e31; --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #030e31; --bs-btn-active-border-color: #030e31; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0d6efd; --bs-btn-disabled-border-color: #0d6efd; } .btn-secondary { --bs-btn-color: #030e31; --bs-btn-bg: #ffc522; --bs-btn-border-color: #ffc522; --bs-btn-hover-color: #030e31; --bs-btn-hover-bg: #e6ae15; --bs-btn-hover-border-color: #e6ae15; --bs-btn-focus-shadow-rgb: 230, 174, 21; --bs-btn-active-color: #fff; --bs-btn-active-bg: #030e31; --bs-btn-active-border-color: #030e31; --bs-btn-active-shadow: inset 0 3px 5px rgba(230, 174, 21, 0.5); --bs-btn-disabled-color: #030e31; --bs-btn-disabled-bg: #e6ae15; --bs-btn-disabled-border-color: #e6ae15; } .btn-light { --bs-btn-bg: #fff; } .btn-info { --bs-btn-color: #fff; --bs-btn-bg: #40b4e5; --bs-btn-border-color: #40b4e5; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #34a4d4; --bs-btn-hover-border-color: #34a4d4; --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #34a4d4; --bs-btn-active-border-color: #34a4d4; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #34a4d4; --bs-btn-disabled-border-color: #34a4d4; } .btn-outline-primary { --bs-btn-color: #1d398d; --bs-btn-border-color: #1d398d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #1d398d; --bs-btn-hover-border-color: #1d398d; --bs-btn-focus-shadow-rgb: 13, 110, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #1d398d; --bs-btn-active-border-color: #1d398d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #1d398d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #1d398d; --bs-gradient: none; } .text-bold { font-weight: 600; } body { color: #000; font-family: "eody"; font-weight: 400; line-height: 1.42857143; font-size: 1.4rem; letter-spacing: -0.01rem; background-color: #fff; min-height: 100vh; -webkit-font-smoothing: antialiased; scroll-behavior: smooth; overflow-x: hidden; overflow-y: auto; } header.site-header { position: relative; isolation: isolate; z-index: 4; } header.site-header._searchIsActive nav.secondary-menu { display: none; } header.site-header._searchIsActive .header-top .header-top-left > * { display: none; } header.site-header._searchIsActive .espa { display: none; } header.site-header._searchIsActive .header-bottom { display: none; } header.site-header._searchIsActive #toggle-search .fa:before { content: "\f00d"; } header.site-header #top-bar { position: relative; isolation: isolate; } header.site-header #top-bar .brand-line { position: absolute; top: 0; inset-inline: 0; background-color: #ffc522; width: 100%; height: 7px; z-index: -1; } header.site-header #top-bar .news-scroller-container { position: relative; overflow: hidden; } header.site-header #top-bar .news-scroller-container .news-scroller-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #1d398d; border-bottom-right-radius: 2.5rem; } header.site-header #top-bar .news-scroller-container .nsc-title { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; font-size: 1.3rem; font-weight: 500; white-space: nowrap; background-color: #ffc522; padding: 0.8rem 1.75rem; border-bottom-right-radius: 1.5rem; } header.site-header #top-bar .news-scroller-container .nsc-scroller { -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(var(--mask-direction, to right)), color-stop(hsla(0, 0%, 0%, 0)), color-stop(5%, hsl(0, 0%, 0%)), color-stop(95%, hsl(0, 0%, 0%)), to(hsla(0, 0%, 0%, 0))); -webkit-mask-image: linear-gradient(var(--mask-direction, to right), hsla(0, 0%, 0%, 0), hsl(0, 0%, 0%) 5%, hsl(0, 0%, 0%) 95%, hsla(0, 0%, 0%, 0)); mask-image: -webkit-gradient(linear, left top, left bottom, from(var(--mask-direction, to right)), color-stop(hsla(0, 0%, 0%, 0)), color-stop(5%, hsl(0, 0%, 0%)), color-stop(95%, hsl(0, 0%, 0%)), to(hsla(0, 0%, 0%, 0))); mask-image: linear-gradient(var(--mask-direction, to right), hsla(0, 0%, 0%, 0), hsl(0, 0%, 0%) 5%, hsl(0, 0%, 0%) 95%, hsla(0, 0%, 0%, 0)); } header.site-header #top-bar .news-scroller-container .nsc-scroller .scroller-item { position: relative; font-size: 1.4rem; color: #ffffff; } header.site-header #top-bar .news-scroller-container .nsc-scroller .scroller-item:after { content: ""; position: absolute; top: 50%; right: -1.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.4rem; height: 0.4rem; aspect-ratio: 1/1; border-radius: 50%; background-color: #ffffff; } header.site-header .header-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 3.5rem; padding-block: 2.75rem; } header.site-header .site-logo { position: relative; max-width: clamp(18rem, 15rem + 5vw, 25rem); margin-inline: auto; } header.site-header .site-logo > a.desktop-logo { display: block; } header.site-header .site-logo img { width: 100%; height: auto; } header.site-header .site-logo .mobile-logo { display: none; } header.site-header .espa { width: clamp(8rem, 5vw + 2rem, 12rem); } header.site-header .espa-mobile { display: none; } header.site-header div.site-menu { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } header.site-header div.site-menu nav.desktop-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: calc(1.5rem + 0.35vw); margin-bottom: 0; } header.site-header div.site-menu nav.desktop-menu ul li a { color: #616161; font-size: 1.5rem; font-weight: 600; white-space: nowrap; padding-block: 1.5rem; padding-inline: 0.25rem; } header.site-header div.site-menu nav.desktop-menu ul li.active-page a { color: #1d398d; } header.site-header .header-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 2rem; padding-top: 2.5rem; padding-bottom: 4.5rem; } header.site-header .header-top .header-top-left { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; } header.site-header .header-top .header-top-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } header.site-header .header-top .header-top-right nav.primary-menu { border-right: 2px solid rgba(29, 57, 141, 0.2); padding-right: calc(2rem + 1vw); } header.site-header .header-top .header-top-right nav.primary-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: calc(2rem + 1vw); } header.site-header .header-top .header-top-right nav.primary-menu ul li { position: relative; isolation: isolate; } header.site-header .header-top .header-top-right nav.primary-menu ul li.has-dropdown .flyover-menu { position: absolute; top: 2.75rem; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; max-width: 280px; min-width: 200px; background-color: #ffffff; padding: 1.5rem 2rem; border-radius: 2.5rem; border-top-left-radius: 0; -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.25); box-shadow: 0 15px 25px rgba(0, 0, 0, 0.25); visibility: hidden; opacity: 0; -webkit-transform: translateY(1rem); transform: translateY(1rem); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; z-index: 999; } header.site-header .header-top .header-top-right nav.primary-menu ul li.has-dropdown .flyover-menu > li { display: block; } header.site-header .header-top .header-top-right nav.primary-menu ul li.has-dropdown .flyover-menu > li > a { display: block; font-weight: 700; padding: 1rem; color: #030e31; } header.site-header .header-top .header-top-right nav.primary-menu ul li.has-dropdown a { position: relative; } header.site-header .header-top .header-top-right nav.primary-menu ul li.has-dropdown a:before { content: ""; position: absolute; } header.site-header .header-top .header-top-right nav.primary-menu ul li.has-dropdown:hover a { color: #1d398d; } header.site-header .header-top .header-top-right nav.primary-menu ul li.has-dropdown:hover .flyover-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } header.site-header .header-top .header-top-right nav.primary-menu ul li a { font-weight: 600; color: #030e31; } header.site-header .header-top .eu-logos { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.5rem; padding-left: calc(2rem + 0.5vw); padding-right: 1rem; } header.site-header .header-top .eu-logos .eu-logo img { width: auto; height: auto; max-height: 35px; } header.site-header .header-top .header-social { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.5rem; padding-left: calc(2rem + 0.5vw); padding-right: calc(2rem + 0.5vw); } header.site-header .header-top .header-langs { padding-right: calc(2rem + 0.5vw); } header.site-header .header-top .header-langs .site-lang { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5rem; padding-left: calc(2rem + 0.5vw); } header.site-header .header-top .header-langs .lang { opacity: 0.5; font-weight: 800; color: #1d398d; } header.site-header .header-top .header-langs .lang:hover { opacity: 1; } header.site-header .header-top .header-langs .lang._active { opacity: 1; } header.site-header .mobile-eu-logos { display: none; } @media only screen and (max-width: 991px) { header.site-header .header-top .eu-logos { display: none; } header.site-header .mobile-eu-logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1.5rem; padding-block: 1.25rem; padding-left: calc(2rem + 0.5vw); padding-right: calc(2rem + 0.5vw); background: #eff0f2; } header.site-header .mobile-eu-logos .eu-logo img { width: auto; height: auto; max-height: 35px; } } header.site-header .header-bottom { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -2.5rem; gap: 1.5rem; z-index: 2; } header.site-header .header-bottom .secondary-menu { height: 5rem; width: 100%; background-color: #1d398d; border-radius: 2.5rem; padding-left: calc(2rem + 1.5vw); padding-right: calc(2rem + 1.5vw); } header.site-header .header-bottom .secondary-menu > ul { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; } header.site-header .header-bottom .secondary-menu ul li { position: relative; height: 100%; } header.site-header .header-bottom .secondary-menu > ul li a, header.site-header .header-bottom .secondary-menu > ul li span { height: 100%; display: inline-block; font-size: 1.4rem; line-height: 1.6; font-weight: 600; letter-spacing: 0.15px; color: #ffffff; padding: 1.25rem 1.25rem; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; text-wrap: nowrap; cursor: pointer; } header.site-header .header-bottom .secondary-menu ul li:hover a { color: #ffc522; } header.site-header .header-bottom .secondary-menu ul li.has-dropdown:after { content: "\f107"; font-family: "Font Awesome 6 Free"; font-size: 0.9rem; font-weight: 900; position: absolute; color: #ffffff; right: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } header.site-header .header-bottom .secondary-menu ul li.has-dropdown .flyover-menu { position: absolute; top: 5rem; left: 0; background-color: #ffffff; padding: 1.5rem 2rem; border-radius: 2.5rem; border-top-left-radius: 0; visibility: hidden; opacity: 0; -webkit-transform: translateY(1rem); transform: translateY(1rem); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } header.site-header .header-bottom .secondary-menu ul li.has-dropdown:hover .flyover-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } header.site-header .header-bottom .secondary-menu ul li.has-dropdown .flyover-menu li { display: block; } header.site-header .header-bottom .secondary-menu ul li.has-dropdown .flyover-menu li a { display: block; font-weight: 700; padding: 1rem; white-space: nowrap; color: #1d398d; } header.site-header #toggle-search, header.site-header #toggle-search-desktop, header.site-header #close-search-desktop { height: 4rem; font-size: 1.6rem; color: #1d398d; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; aspect-ratio: 1/1; background-color: #ffc522; border-radius: 50%; z-index: 5; } header.site-header #header-search #toggle-search-desktop #close-search { display: none; } header.site-header #header-search #toggle-search-desktop._active #close-search { position: relative; display: block; z-index: 4; } header.site-header #header-search #toggle-search-desktop._active #open-search { display: none; } header.site-header #toggle-mobile-menu { display: none; } @media only screen and (max-width: 1440px) { header.site-header .header-bottom .secondary-menu > ul { gap: 1.5rem; } } @media only screen and (max-width: 1280px) { header.site-header .site-logo { -webkit-box-flex: 0; -ms-flex: 0 0 18rem; flex: 0 0 18rem; } header.site-header .header-content .header-top { padding-bottom: 2.5rem; } header.site-header .header-content .header-bottom { display: none; } header.site-header .header-content nav.primary-menu { display: none; } header.site-header #toggle-mobile-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; aspect-ratio: 1/1; background-color: #1d398d; border-radius: 50%; width: 4rem; margin-left: 1rem; } header.site-header #toggle-mobile-menu span { font-size: 1.8rem; color: #ffffff; } } @media (min-width: 991px) and (max-width: 1200px) { header.site-header .header-top { gap: 1.5rem; } header.site-header .site-logo { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } header.site-header .header-bottom { margin-top: -0.5rem; } header.site-header .header-bottom .secondary-menu { width: 100%; } header.site-header .header-bottom .secondary-menu ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } header.site-header .header-top .espa-mobile { display: block; position: absolute; right: 2.5rem; top: 45%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 110px; } } @media only screen and (max-width: 991px) { header.site-header .site-logo { -webkit-box-flex: 0; -ms-flex: 0 0 22rem; flex: 0 0 22rem; } header.site-header .header-top { padding-block: 2.5rem; } header.site-header .header-top .header-social, header.site-header .header-top .header-langs { display: none; } header.site-header .header-content .header-top-right #toggle-search { display: -webkit-box; display: -ms-flexbox; display: flex; } header.site-header .header-langs { padding-right: calc(2rem + 1vw); border-right: 2px solid rgba(29, 57, 141, 0.2); margin-right: calc(2rem + 1vw); } } @media only screen and (max-width: 767px) { header.site-header #top-bar .news-scroller-container { padding-right: 0 !important; } header.site-header #top-bar .news-scroller-container .news-scroller-inner { border-radius: 0; } header.site-header .header-top .site-logo .mobile-logo img { width: auto; max-height: 5rem; } } @media only screen and (max-width: 640px) { header.site-header #top-bar .news-scroller-container .nsc-title { padding: 0.75rem 1.25rem; } header.site-header .header-top .site-logo { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } header.site-header .header-top .espa-mobile { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: block; } header.site-header .header-top .header-top-right { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } header.site-header .header-top .header-top-right .header-langs { display: none; } header.site-header .site-logo { -webkit-box-flex: 0; -ms-flex: 0 0 8.75rem; flex: 0 0 8.75rem; } header.site-header .site-logo .espa { display: none; } header.site-header .header-top .site-logo > a.desktop-logo { display: none; } header.site-header .header-top .site-logo > a.mobile-logo { display: -webkit-box; display: -ms-flexbox; display: flex; } header.site-header .header-content .header-top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-block: 1.25rem; } header.site-header #toggle-search { width: 4rem; height: 4rem; font-size: 1.8rem; } header.site-header #toggle-mobile-menu { width: 4rem; } header.site-header #toggle-mobile-menu span { font-size: 1.8rem; } header.site-header .espa-mobile { width: 12rem; } } @media only screen and (max-width: 480px) { header.site-header .espa-mobile { width: 9rem; } header.site-header .header-top-right { padding: 0; } header.site-header #toggle-search { width: 3.5rem; height: 3.5rem; font-size: 1.6rem; } header.site-header #toggle-mobile-menu { width: 3.5rem; margin-left: 0.5rem; } header.site-header #toggle-mobile-menu span { font-size: 1.6rem; } } @media (max-width: 1440px) { header.site-header .header-bottom.container { max-width: 100%; } } #mobile-menu { position: fixed; width: 100%; height: 100%; inset: 0; -webkit-transform: translate3d(100vw, 0, 0); transform: translate3d(100vw, 0, 0); opacity: 0; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; isolation: isolate; z-index: 999; } #mobile-menu._active { -webkit-transform: translate3d(0vw, 0, 0); transform: translate3d(0vw, 0, 0); opacity: 1; } #mobile-menu .mobile-menu-container { position: relative; isolation: isolate; height: 100%; padding: 2.5rem 3rem; overflow: hidden; } #mobile-menu .mobile-menu-container .mobile-bg { position: absolute; inset: 0; width: 100%; height: 100%; background-color: rgba(3, 14, 49, 0.96); backdrop-filter: blur(15px); } #mobile-menu .mobile-menu-container .mobile-menu-content { position: relative; height: 100%; border-radius: 2.5rem; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-top { text-align: center; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-top img { width: 10rem; } #mobile-menu #mobile-menu-close { position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; } #mobile-menu #mobile-menu-close .fa { font-size: 2.8rem; } #mobile-menu #mobile-menu-close .t { font-size: 1.1rem; font-weight: 700; padding-left: 0.85rem; } #mobile-menu .mobile-langs { position: absolute; right: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.75rem; } #mobile-menu .mobile-langs .lang { font-size: 1.5rem; color: #ffffff; opacity: 0.5; } #mobile-menu .mobile-langs .lang._active { font-weight: 800; opacity: 1; } #mobile-menu .branding-logo { position: absolute; bottom: 0; right: -500px; width: 1000px; max-width: unset; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.035; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content { height: calc(100% - 125px); overflow-x: hidden; overflow-y: auto; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content .mobile-menu { padding-block: 2.5rem; padding-inline: 0rem; margin-top: 1rem; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content ul.mobile-menu li { position: relative; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content ul.mobile-menu li a { display: block; font-size: 1.7rem; font-weight: 700; letter-spacing: 0.35px; color: #ffffff; padding: 1rem 0; text-transform: uppercase; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content ul.mobile-menu li.has-dropdown > a { position: relative; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content ul li.has-dropdown .flyover-menu-mobile { visibility: hidden; max-height: 0px; opacity: 0; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; overflow-y: auto; overflow-x: hidden; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content ul li.has-dropdown .flyover-menu-mobile.isActive { padding: 1rem 2.5rem; visibility: visible; opacity: 1; max-height: 300px; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content ul li.has-dropdown > a { max-width: calc(100% - 3rem); } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content ul li.has-dropdown > a > .toggle-icon { position: absolute; right: -3rem; top: 50%; -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-size: 1.3rem; color: #ffffff; width: 30px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content ul li.has-dropdown.isActive > a > .toggle-icon { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content ul .flyover-menu-mobile { background-color: rgba(255, 255, 255, 0.05); border-radius: 1.5rem; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content ul .flyover-menu-mobile li a { color: rgba(255, 255, 255, 0.75); font-weight: 400; border-bottom: 1px solid rgba(255, 255, 255, 0.05); } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content ul .flyover-menu-mobile li:last-child a { border-bottom: 0; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content ul.mobile-menu-2 { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-block: 2.5rem; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content ul.mobile-menu-2 li a { position: relative; display: block; font-size: 1.7rem; letter-spacing: 0.5px; color: #ffffff; padding: 1rem 0; text-transform: uppercase; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content .mobile-footer { padding-top: 3.5rem; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content .mobile-footer .mobile-footer-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 2rem; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content .mobile-footer .mobile-footer-item h6 { font-size: 1.4rem; color: rgba(255, 255, 255, 0.75); padding-bottom: 0.35rem; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content .mobile-footer .mobile-footer-item .v { font-size: 2.4rem; font-weight: 800; color: #ffc522; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content .mobile-footer .social-logos { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.5rem; padding-top: 0.5rem; } #mobile-menu .mobile-menu-container .mobile-menu-content .mobile-content .mobile-footer .social-logos a span { font-size: 2.4rem; color: #ffc522; } #site-search { position: fixed; inset-inline: 0; top: calc(var(--menuHeight) - 2rem); width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; visibility: hidden; border-top: 1px solid #eff0f2; background-color: #ffffff; z-index: 3; } #site-search._active { opacity: 1; visibility: visible; } #site-search .site-search-wrapper { position: relative; width: 100%; height: 100%; padding-inline: 5rem; padding-block: calc(5rem + 2.5vw); } #site-search .search-input .awesomplete { width: 100%; } #site-search #mobile-search-close { position: absolute; top: 2.5rem; left: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5rem; } #site-search #mobile-search-close .icon { font-size: 2rem; } #site-search .search-title { font-size: 2.4rem; color: #030e31; font-weight: 800; text-align: center; margin-bottom: 2.5rem; display: none; } #site-search .site-search-wrapper form.search-form { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.5rem; max-width: 800px; margin-inline: auto; } #site-search .site-search-wrapper form.search-form .search-input { position: relative; width: 100%; } #site-search .site-search-wrapper form.search-form .search-dropdown { position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: calc(100% - 10px); z-index: 4; } #site-search .site-search-wrapper form.search-form .search-dropdown .custom-select-wrapper { height: 100%; } #site-search .site-search-wrapper form.search-form .search-dropdown .custom-select-trigger { position: relative; font-size: 1.5rem; font-weight: 700; width: 100%; color: #1d398d; height: 100%; background-color: rgb(215.2428571429, 220.4285714286, 234.2571428571); border-radius: 5rem; border: 0; } #site-search .site-search-wrapper form.search-form .search-dropdown .custom-options .custom-option { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.25rem; } #site-search .site-search-wrapper form.search-form .search-dropdown .custom-options .custom-option .icon { -webkit-box-flex: 0; -ms-flex: 0 0 2.25rem; flex: 0 0 2.25rem; width: 2.25rem; } #site-search .site-search-wrapper form.search-form input { font-size: 1.6rem; width: 100%; background: #e8ebf3; border-radius: 5rem; padding: 2.75rem 2.5rem; border: 1px solid #e8ebf3; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #site-search .site-search-wrapper form.search-form input:focus { border: 1px solid rgb(198.2786885246, 205.368852459, 225.2213114754); } #site-search .site-search-wrapper form.search-form button[type=submit] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.8rem; width: 5.5rem; height: 100%; background-color: #ffc522; aspect-ratio: 1/1; border-radius: 50%; color: #1d398d; } #site-search .advanced-search { text-align: center; padding-top: 1.5rem; max-width: 800px; margin-inline: auto; } #site-search .advanced-search .icon { font-size: 1.2rem; } #site-search #popular-searches { max-width: 1180px; margin-inline: auto; margin-top: calc(5rem + 2.5vw); } #site-search #popular-searches h4 { font-size: 1.8rem; font-weight: 700; color: #1d398d; text-align: center; margin-bottom: 2.5rem; } #site-search #popular-searches .popular-search-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem; } #site-search #popular-searches .popular-search-list .search-item { position: relative; font-weight: 500; color: #1d398d; padding: 1.35rem 6.5rem 1.35rem 2.5rem; -webkit-box-shadow: 0 0 25px rgba(29, 57, 141, 0.15); box-shadow: 0 0 25px rgba(29, 57, 141, 0.15); border-radius: 5rem; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #site-search #popular-searches .popular-search-list .search-item:after { font: var(--fa-font-solid); content: " \f054"; font-size: 1.5rem; color: #1d398d; position: absolute; right: 2rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #site-search #popular-searches .popular-search-list .search-item:hover { -webkit-box-shadow: 0 0 30px rgba(29, 57, 141, 0.25); box-shadow: 0 0 30px rgba(29, 57, 141, 0.25); } @media only screen and (max-width: 991px) { #site-search { inset: 0; z-index: 99; } #site-search .search-title { display: block; } } @media only screen and (max-width: 767px) { #site-search .site-search-wrapper { padding-inline: 3.5rem; } #site-search #popular-searches .popular-search-list { max-width: 450px; margin-inline: auto; } #site-search #popular-searches .popular-search-list .search-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 1rem 4.5rem 1rem 2.5rem; } } @media only screen and (max-width: 640px) { #site-search .site-search-wrapper { padding-inline: 2.5rem; } #site-search .site-search-wrapper form.search-form { display: grid; } #site-search .site-search-wrapper form.search-form button[type=submit] { position: absolute; top: 5px; right: 5px; height: 45px; width: 45px; } #site-search .site-search-wrapper form.search-form .search-dropdown { position: relative; top: unset; right: unset; -webkit-transform: none; transform: none; width: 100%; margin-top: 1rem; } #site-search .site-search-wrapper form.search-form .search-dropdown .custom-dropdown { width: 100%; } } .page-home .page-wrapper { padding-bottom: 5rem; } #index-section { padding-top: calc(5rem + 2.5vw); padding-bottom: calc(5rem + 2.5vw); } #index-section .section-title h2 { line-height: 1; margin-bottom: 1rem; } #index-section .section-title h4 { font-size: 1.6rem; font-weight: 500; margin-top: 1.5rem; } #index-section .diseases-navigation { background-color: #eef0f5; padding: 7.5rem; border-radius: 2.5rem; } #index-section .az-component .az-item { font-size: 1.6rem; background-color: #ffffff; } #index-section .section-action { margin-top: 2.5rem; } #index-section .col-2 .section-action { display: none; } @media only screen and (max-width: 1280px) { #index-section .az-component { margin-top: 3.5rem; margin-bottom: 3.5rem; } #index-section .col-1 .section-action { display: none; } #index-section .col-2 .section-action { display: block; } } @media only screen and (max-width: 991px) { #index-section .diseases-navigation { padding: 3.5rem; } } #news-slider { overflow: hidden; } #news-slider .main-slider { position: relative; isolation: isolate; height: clamp(600px, 80vh, 900px); min-height: 700px; } #news-slider .main-slider .swiper-slide .slide-content .slide-img { width: 100%; height: 100%; } #news-slider .main-slider .swiper-slide .slide-content .slide-img picture { display: block; height: 100%; } #news-slider .main-slider .swiper-slide .slide-content .slide-img picture img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } #news-slider .main-slider .swiper-slide .slide-content { height: 100%; } #news-slider .main-slider .swiper-slide .slide-content .slide-overlay { position: absolute; inset: 0; height: 100%; width: 100%; } #news-slider .main-slider .swiper-slide .slide-content .slide-overlay > .container { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: calc(5rem + 1.5vw); } #news-slider .main-slider .swiper-slide .slide-content .slide-overlay .post { position: relative; width: 100%; border-radius: 2.5rem; padding: 3.5rem 3.5rem 4rem 3.5rem; isolation: isolate; } #news-slider .main-slider .swiper-slide .slide-content .slide-overlay .post:before { content: ""; position: absolute; inset: 0; background-color: rgba(22.91, 45.03, 111.39, 0.5); backdrop-filter: blur(15px); border-radius: 2.5rem; z-index: -1; } #news-slider .main-slider .swiper-slide .slide-content .slide-overlay .post .post-inner { position: relative; isolation: isolate; } #news-slider .main-slider .swiper-slide .slide-content .slide-overlay .post .post-inner .post-tags { position: absolute; top: -4.5rem; left: 0; } #news-slider .main-slider .swiper-slide .slide-content .slide-overlay .post .post-inner .post-title { margin-bottom: 2rem; } #news-slider .main-slider .swiper-slide .slide-content .slide-overlay .post .post-inner .post-title h4 { font-size: clamp(2rem, 2rem + 2vw, 2.8rem); line-height: 1.45; font-weight: 800; color: #ffffff; } #news-slider .main-slider .swiper-slide .slide-content .slide-overlay .post .post-inner .post-description { font-size: 1.6rem; line-height: 1.7; color: #ffffff; display: -webkit-box; margin: 0 auto; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 50px; } #news-slider .main-slider .swiper-slide .slide-content .slide-overlay .post .post-inner .post-date { color: #ffffff; margin-top: 4rem; } #news-slider .main-slider .swiper-slide .slide-content .slide-overlay .post .post-inner .post-date .date { padding-left: 0.5rem; } #news-slider .main-slider .swiper-slide .slide-content .slide-overlay .post .post-inner .post-link { position: absolute; right: 0; bottom: -1rem; } @media only screen and (max-width: 991px) { #news-slider .main-slider { height: clamp(400px, 80vh, 700px); min-height: unset; } } @media only screen and (max-width: 767px) { #news-slider .main-slider { height: clamp(400px, 80vh, 600px); } #news-slider .main-slider .swiper-slide .slide-content .slide-overlay .post .post-inner .post-title h4 { font-size: 2.4rem; } } @media only screen and (max-width: 640px) { #news-slider .main-slider { height: clamp(300px, 80vh, 500px); } #news-slider .main-slider .swiper-slide .slide-content .slide-overlay .post .post-inner .post-title { margin-bottom: 1rem; } #news-slider .main-slider .swiper-slide .slide-content .slide-overlay .post .post-inner .post-title h4 { font-size: 2rem; } #news-slider .main-slider .swiper-slide .slide-content .slide-overlay .post .post-inner .post-description { font-size: 1.4rem; } } #home-categories { position: relative; padding-bottom: calc(10rem + 2.5vw); z-index: 2; } #home-categories .home-categories-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 3.5rem; margin-top: -16rem; } #home-categories .home-categories-grid .category-item { position: relative; background-color: rgba(29, 57, 141, 0.3); backdrop-filter: blur(17px); border-radius: 2.5rem; -webkit-filter: drop-shadow(0 0 20px rgba(29, 57, 141, 0.5)); filter: drop-shadow(0 0 20px rgba(29, 57, 141, 0.5)); text-align: center; padding: 2.5rem 2.5rem 5.5rem 2.5rem; } #home-categories .home-categories-grid .category-item:before { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 57, 141, 0.8)), to(rgba(3, 14, 49, 0.6))); background-image: linear-gradient(-180deg, rgba(29, 57, 141, 0.8), rgba(3, 14, 49, 0.6)); border-radius: 2.5rem; z-index: -1; } #home-categories .home-categories-grid .category-item .line { position: absolute; width: 100%; height: 8.5px; border-radius: 2.5rem; background-color: #ffc522; margin-bottom: -0.5rem; left: 0; bottom: 2rem; } #home-categories .home-categories-grid .category-item .cat-icon { margin: 4rem auto 4rem auto; } #home-categories .home-categories-grid .category-item .cat-icon img { max-width: 7rem; } #home-categories .home-categories-grid .category-item .category h4 { font-size: 2rem; line-height: 1.4; color: #ffffff; font-weight: 900; max-width: 22rem; margin-inline: auto; } #home-categories .home-categories-grid .category-item button { color: #ffffff; font-size: 1.5rem; font-weight: 800; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -2.5rem; background-color: #ffc522; } @media only screen and (max-width: 1280px) { #home-categories { padding-bottom: calc(5rem + 2.5vw); } #home-categories .home-categories-grid { gap: 0; } #home-categories .home-categories-grid .category-item { background-color: transparent; } #home-categories .home-categories-grid .category-item:before { background: rgba(18.56, 36.48, 90.24, 0.8); } #home-categories .home-categories-grid .category-item, #home-categories .home-categories-grid .category-item:before { border-radius: 0; -webkit-filter: none; filter: none; } #home-categories .home-categories-grid .category-item:nth-child(1), #home-categories .home-categories-grid .category-item:nth-child(1):before { border-top-left-radius: 2.5rem; border-bottom-left-radius: 2.5rem; } #home-categories .home-categories-grid .category-item:nth-child(4), #home-categories .home-categories-grid .category-item:nth-child(4):before { border-top-right-radius: 2.5rem; border-bottom-right-radius: 2.5rem; } #home-categories .home-categories-grid .category-item .btn { display: none; } } @media only screen and (max-width: 991px) { #home-categories .home-categories-grid .category-item .cat-icon { margin: 3rem auto 3rem auto; } #home-categories .home-categories-grid .category-item .cat-icon img { max-width: 5.5rem; } #home-categories .home-categories-grid .category-item .category h4 { font-size: 1.8rem; font-weight: 700; line-height: 1.3; } } @media only screen and (max-width: 640px) { #home-categories > .container { padding: 0; } #home-categories .home-categories-grid { border-radius: 0; margin-top: 0; } #home-categories .home-categories-grid { background-color: rgba(29, 57, 141, 0.95); grid-template-columns: 1fr; gap: 2.5rem; padding: 4rem; } #home-categories .home-categories-grid .category-item { padding: 0; } #home-categories .home-categories-grid .category-item .category { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2.5rem; } #home-categories .home-categories-grid .category-item .category h4 { text-align: left; max-width: unset; margin-left: 0; } #home-categories .home-categories-grid .category-item .category .cat-icon { -webkit-box-flex: 0; -ms-flex: 0 0 7rem; flex: 0 0 7rem; margin: 0; } #home-categories .home-categories-grid .category-item .category.category.category-metadotika .cat-icon { background-color: var(--cat-metadotika); padding: 1.25rem; border-radius: 1rem; } #home-categories .home-categories-grid .category-item .category.category.category-miMetadotika .cat-icon { background-color: var(--cat-mi-metadotika); padding: 1.25rem; border-radius: 1rem; } #home-categories .home-categories-grid .category-item .category.category.category.category-taxidiotikiIatriki .cat-icon { background-color: var(--cat-taxidiotiki-iatriki); padding: 1.25rem; border-radius: 1rem; } #home-categories .home-categories-grid .category-item .category .line { display: none; } #home-categories .home-categories-grid .category-item, #home-categories .home-categories-grid .category-item:before { background: none; backdrop-filter: none; } #home-categories .home-categories-grid .category-item:nth-child(1), #home-categories .home-categories-grid .category-item:nth-child(1):before { border-top-right-radius: 2.5rem; border-bottom-left-radius: 0; } #home-categories .home-categories-grid .category-item:nth-child(3), #home-categories .home-categories-grid .category-item:nth-child(3):before { border-top-right-radius: 0; border-bottom-left-radius: 2.5rem; } } #top-news { padding-top: 5rem; } #top-news ul#roles-tabs.nav-pills { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1.5rem; } #top-news ul#roles-tabs.nav-pills .nav-link { position: relative; font-size: 1.6rem; font-weight: 800; padding: 1.15rem 3.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; cursor: pointer; } #top-news ul#roles-tabs.nav-pills .nav-link img { width: 3.25rem; } #top-news ul#roles-tabs.nav-pills .nav-link#professional-role { color: #ffffff; background-color: #1d398d; } #top-news ul#roles-tabs.nav-pills .nav-link#politis-role { color: #1d398d; background-color: #ffc522; } #top-news ul#roles-tabs.nav-pills .nav-link:before { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -1.15rem; width: 2.5rem; height: 1.25rem; clip-path: polygon(50% 100%, 0 0, 100% 0); z-index: -1; opacity: 0; visibility: hidden; } #top-news ul#roles-tabs.nav-pills .nav-link#professional-role:before { background-color: #1d398d; } #top-news ul#roles-tabs.nav-pills .nav-link#politis-role:before { background-color: #ffc522; } #top-news ul#roles-tabs.nav-pills .nav-link.active:before { opacity: 1; visibility: visible; } #top-news #roles-tabContent { -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); border-radius: 2.5rem; padding: 4rem 5rem 5rem 5rem; margin-top: 3rem; } #top-news ul.nav-pills-second-level { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5rem; padding: 0.5rem; margin-bottom: 3.5rem; } #top-news ul.nav-pills-second-level#professional-tabs { background-color: rgba(64, 180, 229, 0.1); } #top-news ul.nav-pills-second-level#politis-tabs { background-color: rgba(255, 197, 34, 0.15); } #top-news ul.nav-pills-second-level .nav-item { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; text-align: center; } #top-news ul.nav-pills-second-level .nav-item .nav-link { position: relative; font-size: 1.6rem; line-height: 1.4; font-weight: 600; color: #030e31; width: 100%; padding: 1.35rem 3.5rem; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #top-news ul#professional-tabs.nav-pills-second-level .nav-item .nav-link.active { background-color: rgba(64, 180, 229, 0.175); } #top-news ul#politis-tabs.nav-pills-second-level .nav-item .nav-link.active { background-color: rgba(255, 197, 34, 0.25); } #top-news .tab-content .tab-pane .topNews-tab-content { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-left { position: relative; isolation: isolate; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-left .section-img { position: relative; height: 400px; border-radius: 2.5rem; overflow: hidden; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-left .section-img picture { display: block; height: 100%; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-left .section-img picture img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-left .post-tags { position: absolute; left: 2rem; bottom: 2.5rem; z-index: 2; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-right { position: relative; height: 100%; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-right .tab-featured-posts .category-title { padding-top: 1rem; padding-bottom: 2rem; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-right .tab-featured-posts .category-title h4 { font-size: 2.8rem; font-weight: 800; line-height: 1.3; max-width: 92%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 7rem; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-right .tab-featured-posts { height: 100%; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-right .tab-featured-posts .posts-list { max-height: 300px; padding-right: 2.5rem; overflow-y: auto; overflow-x: hidden; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-right .tab-featured-posts .posts-list::-webkit-scrollbar { width: 3.5px; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-right .tab-featured-posts .posts-list::-webkit-scrollbar-track { background: #eff0f2; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-right .tab-featured-posts .posts-list::-webkit-scrollbar-thumb { background: #1d398d; border-radius: 10px; border: 1px solid #1d398d; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-right .tab-featured-posts .posts-list .post-item { display: block; border-bottom: 1px solid #eff0f2; padding-bottom: 1rem; margin-bottom: 1rem; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-right .tab-featured-posts .posts-list .post-item .post-card h4 { font-size: 1.4rem; font-weight: 400; line-height: 1.6; letter-spacing: 0.25px; color: #030e31; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 4.35rem; margin-bottom: 0.25rem; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-right .tab-featured-posts .posts-list .post-item .post-card .date { position: relative; font-size: 1.2rem; letter-spacing: 0.5px; color: rgba(3, 14, 49, 0.6); padding-right: 1.5rem; padding-top: 0.35rem; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-right .tab-featured-posts .posts-list .post-item .post-card .date:after { content: ""; position: absolute; right: 0.45rem; top: 55%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 70%; width: 1px; background-color: rgba(29, 57, 141, 0.2); } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-right .category-read-more { position: absolute; left: 0; bottom: -7.5rem; } @media only screen and (max-width: 991px) { #top-news { padding-top: 2.5rem; } #top-news ul.nav-pills-second-level { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: transparent !important; } #top-news #roles-tabContent { padding: 3.5rem; } #top-news #roles-tabContent .nav-pills-second-level { gap: 0.25rem; margin-bottom: 2.5rem; } #top-news #roles-tabContent #professional-tab .nav-pills-second-level .nav-link:not(.active) { background-color: rgba(64, 180, 229, 0.1); } #top-news #roles-tabContent #politis-tab .nav-pills-second-level .nav-link:not(.active) { background-color: rgba(255, 197, 34, 0.15); } #top-news .tab-content .tab-pane .topNews-tab-content { grid-template-columns: 1fr; gap: 2.5rem; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-right .tab-featured-posts .category-title h4 { height: unset; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-right { padding-bottom: 2.5rem; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-right .category-read-more { left: unset; right: 0; bottom: -6rem; } } @media only screen and (max-width: 767px) { #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-left .section-img { height: 280px; } } @media only screen and (max-width: 640px) { #top-news #roles-tabContent { padding: 2rem; } #top-news #roles-tabContent .nav-pills-second-level { gap: 0.25rem; margin-bottom: 2.5rem; padding: 0; } #top-news ul#roles-tabs.nav-pills { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #top-news ul#roles-tabs.nav-pills { gap: 1rem; } #top-news ul#roles-tabs.nav-pills .nav-link { padding: 1.5rem 2rem; gap: 0.5rem; } #top-news ul#roles-tabs.nav-pills .nav-link img { width: 3.75rem; } #top-news ul.nav-pills-second-level .nav-item .nav-link { font-size: 1.4rem; } #top-news ul#roles-tabs.nav-pills .nav-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #top-news ul#roles-tabs.nav-pills .nav-item > button { position: relative; font-size: 1.4rem; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.3; text-align: center; height: 100%; border-radius: 1.5rem; padding-top: 2.5rem; padding-bottom: 1.5rem; } #top-news ul#roles-tabs.nav-pills .nav-item > button img { border-radius: 50%; padding: 0.75rem; background-color: #1d398d; position: absolute; top: -1.5rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #top-news ul#roles-tabs.nav-pills .nav-item #politis-role.nav-link img { background-color: #ffc522; } #top-news .tab-content .tab-pane .topNews-tab-content .topNews-content-tab-right .category-read-more { bottom: -5rem; } } #enimerosi { background-color: #e5e6ea; padding-top: calc(5rem + 2.5vw); padding-bottom: calc(7.5rem + 3.5vw); overflow: hidden; } #enimerosi .section-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 3.5rem; } #enimerosi .articles-feed { position: relative; } #enimerosi .articles-feed #newsFeedNav { -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; padding-bottom: 1.5rem; margin-bottom: 2rem; overflow-x: auto; overflow-y: hidden; } #enimerosi .articles-feed #newsFeedNav li.nav-item button.nav-link { font-size: 1.6rem; font-weight: 600; white-space: nowrap; color: #030e31; padding: 0.75rem 1.5rem; } #enimerosi .articles-feed #newsFeedNav li.nav-item button.nav-link.active { background-color: #ffc522; } @media (min-width: 1280px) { #enimerosi .articles-feed .articles-feed-list { width: 100%; } #enimerosi .articles-feed .articles-feed-list .swiper-wrapper { width: 100% !important; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 3.5rem; } #enimerosi .articles-feed .articles-feed-list .swiper-wrapper .swiper-slide { width: 100% !important; } } #enimerosi .swiper-pagination { bottom: -5rem; } @media only screen and (max-width: 1280px) { #enimerosi { padding-bottom: calc(10rem + 3.5vw); } #enimerosi .articles-feed .articles-feed-list .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: inherit; } } @media only screen and (max-width: 991px) { #enimerosi .section-title { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 2rem; } #enimerosi .section-title .btn { display: none; } #enimerosi .articles-feed #newsFeedNav { padding-bottom: 0; } } #featured-professionals .prof-post { position: relative; height: 750px; isolation: isolate; } #featured-professionals .prof-posts-wrapper { position: relative; } #featured-professionals .prof-posts-wrapper .prof-tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: rgba(3, 14, 49, 0.25); border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; padding: 1.1rem 3rem 1.25rem 3rem; z-index: 3; } #featured-professionals .prof-posts-wrapper .prof-tag h6 { color: #ffffff; font-size: 1.3rem; font-weight: 900; line-height: 1; } #featured-professionals .prof-posts-wrapper .prof-tag img { width: 2rem; } #featured-professionals .prof-post .prof-post-content { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; } #featured-professionals .prof-post .prof-post-content .container { height: 100%; padding-block: calc(7.5rem + 3.5vw); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #featured-professionals .prof-post .prof-post-content .container .subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.5rem; } #featured-professionals .prof-post .prof-post-content .container .subtitle img { width: 2.75rem; } #featured-professionals .prof-post .prof-post-content .container .subtitle h5 { font-size: 1.4rem; font-weight: 600; color: #ffffff; } #featured-professionals .prof-post .prof-post-content .container .prof-post-title .section-title h2 { color: #ffffff; } #featured-professionals .prof-post .prof-post-content .container .line { width: 7rem; height: 6px; border-radius: 10px; background-color: #40b4e5; margin-top: 2.5rem; margin-bottom: 1rem; } #featured-professionals .prof-post .prof-post-content .container .prof-post-description { font-size: 1.8rem; line-height: 1.8; color: #ffffff; max-width: 960px; margin-block: 3.5rem 5rem; } #featured-professionals .swiper-pagination { bottom: 7.5rem; } #featured-professionals .swiper-pagination .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.75); } #featured-professionals .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #ffffff; width: 4rem; border-radius: 5px; } #featured-professionals .prof-post .prof-post-img { position: relative; height: 100%; } #featured-professionals .prof-post .prof-post-img:after { content: ""; position: absolute; inset: 0; background-color: rgba(3, 14, 49, 0.65); width: 100%; height: 100%; } #featured-professionals .prof-post .prof-post-img picture { display: block; width: 100%; height: 100%; } #featured-professionals .prof-post .prof-post-img img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media only screen and (max-width: 991px) { #featured-professionals .prof-post .prof-post-content .container .prof-post-description { font-size: 1.6rem; } } @media only screen and (max-width: 640px) { #featured-professionals { text-align: center; } #featured-professionals .prof-post .prof-post-content .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #featured-professionals .prof-post .prof-post-content .container .prof-post-description { font-size: 1.4rem; } #featured-professionals .swiper-pagination { bottom: 5rem; } } #categories-boxes { padding-block: calc(5rem + 2.5vw); } #categories-boxes .section-title { padding-bottom: 3.5rem; } #categories-boxes .categories-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 3.5rem; } #categories-boxes .category-box { display: block; text-align: center; background-color: #ffffff; padding-inline: 1rem; padding-block: 5rem 3.5rem; -webkit-box-shadow: 0 10px 25px hsla(0, 0%, 0%, 0.08); box-shadow: 0 10px 25px hsla(0, 0%, 0%, 0.08); border-radius: 2.5rem; } #categories-boxes .category-box .category-icon { width: 100%; max-width: 15rem; margin-inline: auto; margin-bottom: 1.5rem; } #categories-boxes .category-box .category-content .cat-title { font-size: 1.6rem; font-weight: 600; line-height: 1.5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 50px; color: #1d398d; max-width: 250px; margin-inline: auto; margin-bottom: 1.25rem; } #categories-boxes .category-box .category-content .cat-description { font-size: 1.5rem; line-height: 1.6; color: #030e31; width: 100%; margin-inline: auto; } @media only screen and (max-width: 991px) { #categories-boxes .categories-container { grid-template-columns: 1fr; max-width: 400px; margin-inline: auto; gap: 1.5rem; } #categories-boxes .category-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: none; box-shadow: none; gap: 2.5rem; padding: 0; border-bottom: 1px solid #d2d2dd; padding-bottom: rem; border-radius: 0; } #categories-boxes .category-box:last-child { border-bottom: 0; } #categories-boxes .category-box .category-icon { -webkit-box-flex: 0; -ms-flex: 0 0 8rem; flex: 0 0 8rem; max-width: 8rem; margin-inline: unset; } #categories-boxes .category-box .category-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #categories-boxes .category-box .category-content .cat-title { font-size: 1.8rem; height: 60px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; line-height: 1.4; } } @media only screen and (max-width: 640px) { #categories-boxes .category-box .category-content .cat-title { font-size: 1.6rem; } } #home-logos { padding-top: 5rem; padding-bottom: calc(5rem + 2.5vw); } #home-logos .section-title { text-align: center; margin-bottom: 4rem; } #home-logos .section-title h2 { font-size: 2.8rem; } #home-logos .eody-logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 7.5rem; } #home-logos .eody-logos .logo { position: relative; text-align: center; } #home-logos .eody-logos .logo:not(:last-child):after { content: ""; position: absolute; top: 0; bottom: 0; right: -3.75rem; border-right: 1px solid #e5e6ea; } #home-logos .eody-logos .logo img { width: auto; max-height: 50px; } @media only screen and (max-width: 1280px) { #home-logos .eody-logos { -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 5rem; } } @media only screen and (max-width: 767px) { #home-logos .eody-logos { gap: 0.75rem; } #home-logos .eody-logos .logo { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.3% - 1rem); flex: 0 0 calc(33.3% - 1rem); height: 10rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f5f5f5; padding: 2rem 2.5rem; border-radius: 1rem; } #home-logos .eody-logos .logo:not(:last-child):after { display: none; } } @media only screen and (max-width: 640px) { #home-logos .eody-logos .logo { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 1rem); flex: 0 0 calc(50% - 1rem); padding: 2.5rem; } #home-logos .section-title { margin-bottom: 2.5rem; } } #digi-cert-banner { padding-bottom: calc(5rem + 2.5vw); } #digi-cert-banner .certification-gov { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #e5e6ea; border-radius: 2.5rem; padding: 2.5rem; } #digi-cert-banner .certification-gov .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.5rem; } #digi-cert-banner .certification-gov .left img { max-width: 16rem; border-right: 1px solid #eff0f2; padding-right: 2.5rem; } #digi-cert-banner .certification-gov .left h4 { font-size: 2rem; font-weight: 700; line-height: 1.5; padding-left: 1.5rem; } #digi-cert-banner .certification-gov .right .btn { padding: 1.5rem; width: 4.5rem; height: 4.5rem; aspect-ratio: 1/1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10rem; } #digi-cert-banner .certification-gov .right .btn .text { display: none; } @media only screen and (max-width: 767px) { #digi-cert-banner .certification-gov { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } #digi-cert-banner .certification-gov .left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 2.5rem; } #digi-cert-banner .certification-gov .left img { border-right: 0; padding-right: 0; } #digi-cert-banner .certification-gov .right .btn { aspect-ratio: unset; width: auto; height: auto; padding: 1.5rem 3.5rem; } #digi-cert-banner .certification-gov .right .btn .text { display: block; padding-right: 1rem; } } #programmata { padding-top: calc(5rem + 2.5vw); padding-bottom: calc(5rem + 2.5vw); } #programmata .section-title * { color: #ffffff; } #programmata .section-title { max-width: 600px; margin-inline: auto; text-align: center; } #programmata .container > .row .col-12, #programmata .container > .row .col-12 > #programs-banner { height: 100%; } #programmata .programs-grid { display: grid; grid-template-columns: 1fr minmax(20rem, 30%); gap: 2.5rem; } @media only screen and (max-width: 767px) { #programmata .programs-grid { grid-template-columns: 1fr; } } #programmata .programs-banner-comp { height: 100%; position: relative; border-radius: 2.5rem; overflow: hidden; } #programmata .programs-banner-comp .pbc-img { width: 100%; height: 100%; min-height: clamp(28rem, 40vh, 46rem); } #programmata .programs-banner-comp .pbc-img img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } #programmata .programs-banner-comp .pbc-content { position: absolute; left: 50%; top: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; z-index: 2; } #programmata .espa-logos { height: 100%; display: grid; place-content: center; gap: 2.5rem; background-color: #eef0f5; border-radius: 2.5rem; padding: 3.5rem 2.5rem; } @media only screen and (max-width: 991px) { #programmata .espa-logos { text-align: center; gap: 1rem; } } #programmata .espa-logos h3 { font-size: 2rem; font-weight: 700; margin-bottom: 1.5rem; } #programmata .espa-logos .espa-logo-images { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { #programmata .espa-logos .espa-logo-images { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } #programmata .espa-logos .espa-logo { margin-bottom: 2.5rem; } @media only screen and (max-width: 991px) { #programmata .espa-logos .espa-logo { margin-inline: 1.5rem; margin-bottom: 0; } } #programmata .espa-logos .espa-logo img { -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; max-height: 150px; max-width: 200px; mix-blend-mode: darken; } @media only screen and (max-width: 991px) { #programmata .espa-logos .espa-logo img { max-height: 100px; } } #site-newsletter { position: relative; background-image: linear-gradient(35deg, #ffc522 60%, rgb(238, 175.5384615385, 0)); background-color: #e5e6ea; background-size: cover; background-repeat: no-repeat; border-radius: 2.5rem; padding: 5.5rem 7.5rem; margin-bottom: calc(7.5rem + 2.5vw); isolation: isolate; overflow: hidden; } #site-newsletter .newsletter-icon { position: absolute; left: -10%; top: 3rem; opacity: 0.1; width: 100%; max-width: 600px; -webkit-transform: rotate(5deg); transform: rotate(5deg); z-index: -1; } #site-newsletter .eody-white-logo { position: absolute; right: -100px; bottom: -25%; width: 450px; opacity: 0.05; max-width: unset; -webkit-filter: invert(100%); filter: invert(100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; z-index: -1; } #site-newsletter .newsletter-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; text-align: center; } #site-newsletter .newsletter-content h5 { font-size: 1.6rem; font-weight: 400; color: #030e31; margin-top: 0.5rem; margin-bottom: 2.5rem; } #site-newsletter .newsletter-content form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.5rem; width: 100%; max-width: 650px; } #site-newsletter .newsletter-content form input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; min-height: 5rem; border-radius: 5rem; } #site-newsletter .newsletter-content form input[type=submit] { -webkit-box-flex: 0; -ms-flex: 0 0 20rem; flex: 0 0 20rem; max-width: 20rem; line-height: 1; } #site-newsletter .column-left { padding-right: 3.5rem; } #site-newsletter .column-right { border-left: 1px solid rgba(0, 0, 0, 0.15); } #site-newsletter .newsletter-info { padding-left: 2.5rem; } #site-newsletter .newsletter-info h5 { font-size: 1.5rem; font-weight: bold; margin-bottom: 1.5rem; } #site-newsletter .newsletter-info ul { list-style-type: disc; padding-left: 1.5rem; } #site-newsletter .newsletter-info ul li { font-size: 1.3rem; padding-bottom: 0.35rem; } @media (max-width: 1340px) { #site-newsletter .newsletter-content form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #site-newsletter .newsletter-content form input[type=submit] { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } @media (max-width: 768px) { #site-newsletter { padding: 5rem; } #site-newsletter .column-right { margin-top: 3.5rem; border: 0; padding: 0; } #site-newsletter .newsletter-info { padding-left: calc(var(--bs-gutter-x) * 0.5); } } @media (max-width: 540px) { #site-newsletter .newsletter-content form input[type=submit] { width: 100%; max-width: 100%; } } footer.site-footer .main-footer { background-color: #030e31; padding-bottom: 1.5rem; } footer.site-footer .main-footer .eody-box { position: relative; width: 100%; min-height: 400px; background-color: #1d398d; border-radius: 2.5rem; padding: 5rem; -webkit-transform: translateY(-5rem); transform: translateY(-5rem); overflow: hidden; isolation: isolate; max-width: 600px; } footer.site-footer .main-footer .eody-box .eody-box-inner h4 { color: #ffffff; font-size: 3.6rem; font-weight: 800; } footer.site-footer .main-footer .eody-box .eody-box-inner h4 span { color: #ffc522; } footer.site-footer .main-footer .eody-box .eody-box-inner > *:not(:last-child) { margin-bottom: 3rem; } footer.site-footer .main-footer .eody-box .eody-box-inner .label { color: #ffffff; display: block; padding-bottom: 0.6rem; } footer.site-footer .main-footer .eody-box .eody-box-inner .v { font-size: 2.4rem; font-weight: 800; color: #ffc522; } footer.site-footer .main-footer .eody-box .eody-box-inner .social-logos a { margin-right: 1.5rem; } footer.site-footer .main-footer .eody-box .eody-box-inner .social-logos span { font-size: 2.4rem; color: #ffc522; } footer.site-footer .main-footer .eody-box .eody-white-logo { position: absolute; right: -50%; top: -25%; width: 120%; opacity: 0.07; max-width: unset; z-index: -1; } footer.site-footer .main-footer .eody-box .eody-doctor { position: absolute; right: 1.5rem; bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } footer.site-footer .main-footer .eody-box .eody-doctor .eody-doctor-inner { position: relative; isolation: isolate; } footer.site-footer .main-footer .eody-box .eody-doctor .eody-doctor-inner .doctor { width: 40%; float: right; } footer.site-footer .main-footer .eody-box .eody-doctor .eody-doctor-inner { width: 8rem; height: 8rem; } footer.site-footer .main-footer .eody-box .eody-doctor .eody-doctor-inner .eody-coloured-logo { position: absolute; right: 2rem; top: -2.5rem; background-color: #ffffff; padding: 1rem; border-radius: 1rem; aspect-ratio: 1/1; width: 8rem; height: 8rem; } footer.site-footer .main-footer .main-footer_right { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5rem; padding-block: 6rem; padding-left: 3.5rem; } footer.site-footer .main-footer .main-footer_right .footer-menu { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; max-width: 230px; } footer.site-footer .main-footer .main-footer_right .footer-menu .line { height: 5px; display: block; width: 100%; background-color: #1d398d; border-radius: 5px; } footer.site-footer .main-footer .main-footer_right .footer-menu.menu-scientific .line { background-color: #ffc522; } footer.site-footer .main-footer .footer-menu ul li { margin-top: 2.25rem; } footer.site-footer .main-footer .footer-menu ul li a { font-size: 1.3rem; font-weight: 700; color: #ffffff; } footer.site-footer .main-footer .legal-links { padding-left: 3.5rem; } footer.site-footer .main-footer .legal-links ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; row-gap: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 1.5rem; } footer.site-footer .main-footer .legal-links ul li { position: relative; } footer.site-footer .main-footer .legal-links ul li:not(:last-child):after { content: ""; width: 3px; height: 3px; position: absolute; right: -1.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.45); border-radius: 20px; } footer.site-footer .main-footer .legal-links ul li a { font-weight: 400; color: rgba(255, 255, 255, 0.75); } @media only screen and (max-width: 991px) { footer.site-footer .main-footer .eody-box { padding: 3.5rem; } } @media only screen and (max-width: 767px) { footer.site-footer .main-footer .main-footer_right { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 1rem; padding-left: 0; } footer.site-footer .main-footer .eody-box { margin-inline: auto; } footer.site-footer .main-footer .legal-links { padding-left: 0; padding-bottom: 5rem; } } @media only screen and (max-width: 640px) { footer.site-footer .main-footer .eody-box .eody-box-inner h4 span { display: block; } footer.site-footer .main-footer .eody-box .eody-doctor .eody-doctor-inner .eody-coloured-logo { right: 1rem; top: -3.5rem; width: 7rem; } } @media only screen and (max-width: 480px) { footer.site-footer .main-footer .eody-box .eody-doctor .eody-doctor-inner .eody-coloured-logo { width: 6rem; } } footer.site-footer .copyright { font-weight: 600; background-color: #ffc522; padding-block: 1.4rem; } footer.site-footer .copyright-right { text-align: right; } footer.site-footer .copyright a { color: #030e31; } @media only screen and (max-width: 991px) { footer.site-footer .copyright { text-align: center; } footer.site-footer .copyright .copyright-right { text-align: center; padding-top: 0.5rem; } } .modal .modal-content .modal-header { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .modal .modal-content .modal-header #bioModalEmail { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.75rem; font-size: 1.5rem; font-weight: 500; color: #030e31; background-color: #ffc522; border-radius: 1.5rem; padding: 4px 18px; margin-top: 5px; } .modal .modal-content .modal-header #bioModalEmail a { color: #030e31; } .modal .modal-content .modal-body { padding-top: 0; } .post-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #d2d2dd; padding-top: 2.5rem; padding-bottom: 2rem; } .post-meta .meta--date { font-size: 1.5rem; color: #9d9d9d; } .post-actions { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 0.75rem; z-index: 2; } .post-actions button { aspect-ratio: 1/1; padding: 1.5rem; width: 5rem; height: 5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 2px 3px 4px rgba(3, 14, 49, 0.15); box-shadow: 2px 3px 4px rgba(3, 14, 49, 0.15); } .post-actions button.btn-print, .post-actions button.btn-email { color: #030e31; background-color: #eef0f5; border-color: #eef0f5; } #feedback-btn { position: fixed; left: 0; -webkit-transform: rotate(90deg) translate(-100%, -50%); transform: rotate(90deg) translate(-100%, -50%); -webkit-transform-origin: left; transform-origin: left; bottom: 4rem; z-index: 3; } #feedback-btn button { background-color: #ffc522; padding: 0.55rem 1.75rem; border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); outline: 3px solid transparent; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #feedback-btn:hover button { outline: 3px solid rgba(255, 197, 34, 0.3); } #feedback-btn button .t { font-size: 1.3rem; font-weight: 500; letter-spacing: 0.25px; padding-left: 0.35rem; } #feedback-form-modal { position: relative; } #feedback-form-modal .modal-icon { position: absolute; top: 2.5rem; left: -5rem; width: 5rem; background-color: #ffc522; border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; padding: 0.65rem 0.35rem 0.65rem 0.65rem; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.35); box-shadow: 0 0 25px rgba(0, 0, 0, 0.35); z-index: -1; } #feedback-form-modal .modal-icon img { margin-top: -0.25rem; } #feedback-form-modal .modal-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 2.5rem; border-bottom: 1px solid #eff0f2; isolation: isolate; } #feedback-form-modal .modal-header .modal-title { line-height: 1.2; margin-bottom: 0.5rem; } #feedback-form-modal .modal-header .modal-subtitle { font-size: 1.4rem; color: #9d9d9d; font-weight: 400; line-height: 1.5; max-width: 400px; padding-top: 0.25rem; } #feedback-form-modal .modal-header .modal-icon img { width: 5rem; } #feedback-form-modal .modal-header button.close { position: absolute; right: 3.5rem; top: 0.5rem; } #feedback-form-modal .modal-body { padding-top: 2.5rem; } #feedback-form-modal .rating-input-wrapper { gap: 2px; } #feedback-form-modal .rating-input-wrapper label { width: 100%; } #feedback-form-modal .rating-input-wrapper input[type=radio] { display: none; } #feedback-form-modal .rating-input-wrapper input[type=radio] ~ span { width: 100%; font-size: 1.6rem; font-weight: 400; background-color: #eff0f2; border: 1px solid #eff0f2 !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.2; padding-block: 1rem !important; border-radius: 0 !important; cursor: pointer; } #feedback-form-modal .rating-title { font-weight: 500; line-height: 1.5; } #feedback-form-modal .rating-input-wrapper input[type=radio]:checked ~ span { font-weight: 400; background-color: #ffc522; color: #030e31; border: 1px solid #ffc522 !important; } #feedback-form-modal .rating-input-wrapper > label:first-of-type input[type=radio] ~ span { border-top-left-radius: 2.5rem !important; border-bottom-left-radius: 2.5rem !important; } #feedback-form-modal .rating-input-wrapper > label:last-of-type input[type=radio] ~ span { border-top-right-radius: 2.5rem !important; border-bottom-right-radius: 2.5rem !important; } #feedback-form-modal .rating-input-wrapper > label:hover input[type=radio] ~ span { background-color: #ffc522; } #feedback-form-modal .rating-labels { padding-top: 0.35rem; } #feedback-form-modal .rating-labels > label { font-size: 1.4rem; color: #898989; } .post-tags .post-tag { display: inline-block; color: #030e31; font-weight: 600; padding: 0.5rem 1.5rem; margin-bottom: 0.5rem; border-radius: 2.5rem; } .post-tags .post-tag.tag-covid_19 { background-color: var(--cat-covid19); } .post-tags .post-tag.tag-anakoinosis { background-color: var(--cat-anakoinosis); } .post-tags .post-tag.tag-deltia_tupou { background-color: var(--cat-deltia-tupou); } .post-tags .post-tag.tag-taxidiotikes_anakoinoseis, .post-tags .post-tag.tag-taxidiotikes_odigies { background-color: var(--cat-taxidiotikes-odigies); } .arrow-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f5f5f5; font-size: 2.2rem; color: #030e31; aspect-ratio: 1/1; border-radius: 2.2rem; width: 5rem; padding: 1rem; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .arrow-btn._primary { background-color: #1d398d; } .arrow-btn._secondary { background-color: #ffc522; } .arrow-btn._light { background-color: #ffffff; } .ebox { background-color: #eef0f5; padding: 3.5rem; border-radius: 2.5rem; } .ebox p:last-child { margin-bottom: 0 !important; } /* Dropdown styles */ .dropdown-container { position: relative; display: inline-block; } .dropdown-container .adjust-left { left: auto; right: 0; } .dropdown-container .dropdown-label { cursor: pointer; padding: 10px 15px; border-radius: 4px; } .dropdown-container .custom-select { position: absolute; top: 100%; left: 0; list-style: none; margin: 0; padding: 0; border: 1px solid #eef0f5; background-color: #fff; z-index: 1000; min-width: 103px; -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15); border-radius: 1.5rem; display: none; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; overflow: hidden; } .dropdown-container .custom-select.show { display: block; opacity: 1; visibility: visible; } .dropdown-container .custom-select li { padding: 10px 15px; cursor: pointer; } .dropdown-container .custom-select li:hover { background-color: #f1f1f1; } .dropdown-container .custom-select li.sorting__list-li-active { font-weight: 600; background-color: #eef0f5; } .dropdown-container .custom-select li a { text-decoration: none; display: block; } .hidden { display: none; } .page-eody .page-main { min-height: 50vh; margin-top: -2.5rem; } @media only screen and (max-width: 1280px) { .page-eody .page-main { margin-top: 0; } } .page-header { position: relative; background-color: #030e31; padding-top: 7.5rem; padding-bottom: 3.5rem; isolation: isolate; overflow: hidden; } .page-header:has(.page-header--img) { padding-top: calc(12rem + 2.5vw); } .page-header .page-title { padding-bottom: 1.5rem; } .page-header .page-title h1 { font-size: clamp(2.4rem, 10vh, 4.2rem); font-weight: 800; color: #ffffff; } .page-header .page-header--img { position: absolute; inset: 0; width: 100%; height: 100%; } .page-header .page-header--img:after { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; background-color: rgba(3, 14, 49, 0.65); } .page-header .page-header--img picture { position: relative; display: block; height: 100%; } .page-header .page-header--img picture img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .page-header .overlay-container { position: relative; } .page-header .page-breadcrumbs nav li.breadcrumb-item + .breadcrumb-item::before { color: #ffffff; } .page-header .page-breadcrumbs nav li a { font-size: 1.3rem; line-height: 1.6; color: #ffffff; } .page-header .page-breadcrumbs nav li { color: #9d9d9d; } .page-header .page-breadcrumbs nav li.active { font-size: 1.3rem; line-height: 1.7; max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 767px) { .page-header { min-height: unset; padding-top: calc(5rem + 2.5vw); } .page-header .page-title h1 { font-size: 2.8rem; line-height: 1.5; } } @media only screen and (max-width: 480px) { .page-header .page-title h1 { font-size: 2rem; line-height: 1.5; } } .page-eody .page-content #page-inner-content { padding-top: 5rem; padding-bottom: calc(10rem + 1.5vw); } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-inner { background-color: #ffffff; -webkit-box-shadow: 0 0 20px rgba(29, 57, 141, 0.15); box-shadow: 0 0 20px rgba(29, 57, 141, 0.15); border-radius: 2.5rem; padding: 4.5rem 3rem; } @media only screen and (max-width: 767px) { .page-eody .page-content #page-inner-content { padding-top: 3.5rem; padding-bottom: calc(7.5rem + 2.5vw); } } .page-post.page-eody .page-content._withSidebar { position: relative; z-index: 2; } .page-post.page-eody .page-content._withSidebar #page-inner-content { padding-top: 0; margin-top: -1rem; } .page-post article#single-article .page-title { position: relative; } .page-post article#single-article .page-title .multimedia-active { position: absolute; top: 1rem; left: -5.5rem; } @media only screen and (max-width: 1280px) { .page-post article#single-article .page-title .multimedia-active { left: 0; top: -4rem; } .page-post article#single-article .page-title .multimedia-active img { width: 3rem; } } .page-post article#single-article .post-navigation ul.post-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.75rem; padding-top: 2.5rem; } .page-post article#single-article .post-navigation ul.post-menu li a { display: inline-block; color: #030e31; font-weight: 600; padding: 1rem 2rem; border: 1px solid #d2d2dd; border-radius: 3rem; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; max-width: 34ch; text-wrap-mode: nowrap; text-overflow: ellipsis; overflow: hidden; } .page-post article#single-article .post-navigation ul.post-menu li:hover a { border-color: #1d398d; } .page-post article#single-article .post-inner--left h2, .page-post article#single-article .post-content h2 { font-size: 2.8rem; font-weight: 800; line-height: 1.5; color: #1d398d; margin-top: 3.5rem; margin-bottom: 1.5rem; } .page-post article#single-article .post-inner--left h3, .page-post article#single-article .post-content h3 { font-size: 2.4rem; font-weight: 800; line-height: 1.5; color: #1d398d; margin-top: 3.5rem; margin-bottom: 1.5rem; } .page-post article#single-article .post-inner--left h4, .page-post article#single-article .post-content h4 { font-size: 2rem; font-weight: 800; line-height: 1.5; color: #030e31; margin-top: 3.5rem; margin-bottom: 1.5rem; } .page-post article#single-article .post-inner--left h5:not(.accordion-header), .page-post article#single-article .post-content h5:not(.accordion-header) { font-size: 1.6rem; font-weight: 700; color: rgb(37.7, 74.1, 183.3); line-height: 1.5; letter-spacing: 0.4px; text-transform: uppercase; margin-top: 3.5rem; margin-bottom: 1.5rem; } .page-post article#single-article .post-inner--left p, .page-post article#single-article .post-content p { font-size: 1.6rem; line-height: 1.8; color: #030e31; margin-bottom: 2rem; } .page-post article#single-article .post-inner--left .table-responsive, .page-post article#single-article .post-content .table-responsive { margin-bottom: 2.5rem; } @media only screen and (max-width: 767px) { .page-post article#single-article .post-inner--left h2, .page-post article#single-article .post-content h2 { font-size: 2.4rem; } .page-post article#single-article .post-inner--left h3, .page-post article#single-article .post-content h3 { font-size: 2.2rem; } .page-post article#single-article .post-inner--left h4, .page-post article#single-article .post-content h4 { font-size: 1.8rem; } } .page-post article#single-article .post-content { padding-top: 3.5rem; } .page-post article#single-article .post-content section.post-section { padding-top: 2.5rem; } @media only screen and (max-width: 767px) { .page-post article#single-article .post-content section.post-section { overflow-x: hidden; } } .page-post article#single-article .post-content section.post-section > h2:first-child { margin-top: 0; } .page-post article#single-article .post-content img { display: block; height: auto; margin-bottom: 2.5rem; } .page-post article#single-article .post-content p img { display: block; height: auto; border-radius: 2.5rem; border: 1px solid #d2d2dd; margin-bottom: 2.5rem; } .page-post article#single-article .post-content ul:not(.post-menu) { padding-left: 2.5rem; } .page-post article#single-article .post-content ul:not(.post-menu) li { position: relative; font-size: 1.6rem; line-height: 2; color: #030e31; } .page-post article#single-article .post-content ul:not(.post-menu) li:before { content: ""; position: absolute; left: -1.5rem; top: 14px; width: 5px; height: 5px; border-radius: 50%; background-color: #ffc522; } .page-post article#single-article .post-content ul:not(.post-menu) ul li::before { background-color: #ffc522; border-radius: 0; height: 2px; width: 7.5px; } .page-post article#single-article .post-content ul { margin-bottom: 2rem; } .page-post article#single-article .post-content ol { list-style-type: decimal; padding-left: 2rem; } .page-post article#single-article .post-content ol.list-letters { list-style-type: lower-greek; } .page-post article#single-article .post-content ol li { position: relative; font-size: 1.6rem; line-height: 2; color: #030e31; margin-bottom: 1rem; } .page-post article#single-article .post-content ul, .page-post article#single-article .post-content ol > ul, .page-post article#single-article .post-content ol { padding-top: 1.25rem; } .page-post article#single-article .post-content ul li, .page-post article#single-article .post-content ol > ul li, .page-post article#single-article .post-content ol li { margin-bottom: 0.5rem; } .page-post article#single-article .post-content .video-wrapper iframe { border-radius: 2.5rem; } .page-post article#single-article .post-content .post-link { position: relative; display: block; background-color: #ffffff; -webkit-box-shadow: 0 0 20px rgba(29, 57, 141, 0.15); box-shadow: 0 0 20px rgba(29, 57, 141, 0.15); border-radius: 2.5rem; word-wrap: break-word; padding: 2rem 4.5rem 2rem 2.5rem; margin-bottom: 2rem; } .page-post article#single-article .post-content .post-link .post-title { font-weight: 400; } .page-post article#single-article .post-content .post-link:after { content: "\f061"; position: absolute; top: 50%; right: 2.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: FontAwesome; color: #1d398d; font-size: 2rem; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; } .page-post article#single-article .post-content .post-link.link--pdf:after { content: "\f1c1"; top: 3.5rem; } .page-post article#single-article .post-content .post-link.link--word:after { content: "\f1c2"; top: 3.5rem; } .page-post article#single-article .post-content .post-link span { display: block; font-size: 1.6rem; font-weight: 800; line-height: 1.6; color: #1d398d; padding-right: 5rem; } .page-post article#single-article .post-content .post-link > p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5rem; margin: 0; } .page-post article#single-article .post-content .post-link > p span { color: #495da0; font-size: 1.4rem; font-weight: 400; padding-right: 0; } .page-post article#single-article .post-content .article-footer { margin-top: 5rem; } .page-post article#single-article .post-content .article-footer .af--item { text-align: center; border-radius: 2.5rem; border: 1px solid #d2d2dd; } .page-post article#single-article .post-content .article-footer .af--deltio-tupou img { width: 100%; max-width: 400px; padding: 3.5rem; } .page-post article#single-article .post-content blockquote { position: relative; font-weight: 500; color: rgb(238, 175.5384615385, 0); background: #fbf5ea; margin-block: 2.5rem; padding: 3.5rem 3.5rem; border-radius: 2.5rem; z-index: 1; } .page-post article#single-article .post-content blockquote:before { content: ""; position: absolute; width: 100%; max-width: 500px; height: 90%; left: 0; top: 0; background-image: url("../images/icons/quote.svg"); background-size: contain; background-position: top left; background-repeat: no-repeat; mix-blend-mode: multiply; opacity: 0.1; z-index: -1; } .page-post article#single-article .post-content blockquote:after { content: url("../images/icons/quote.svg"); position: absolute; width: 3.5rem; height: 3.5rem; left: -1.5rem; top: 3rem; line-height: 0.4; background-color: #1d398d; border-radius: 10rem; padding: 0.9rem; } .page-post article#single-article .post-content blockquote p { display: inline; color: #030e31; font-size: 1.7rem; line-height: 1.5; } .page-post article#single-article .post-content:is(h1, h2, h3, h4, h5, h6):first-of-type { margin-top: 1rem; } .page-post article#single-article .wf_caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: unset !important; border: 1px solid #eff0f2; border-radius: 2.5rem; padding: 2.5rem; background-color: #eef0f5; } .page-post article#single-article .wf_caption > img { width: auto !important; margin: 0 auto; } .page-post article#single-article .wf_caption > span { font-size: 12px; font-style: italic; padding-top: 1.25rem; } .page-post article#single-article .multimedia-content { margin-bottom: 5rem; } .page-post article#single-article .multimedia-content .multimedia-grid { display: grid; gap: 1.5rem; } .page-post article#single-article .multimedia-content .multimedia-grid.mg--photos { grid-template-columns: 1fr 1fr 1fr; } @media only screen and (max-width: 767px) { .page-post article#single-article .multimedia-content .multimedia-grid.mg--photos { grid-template-columns: 1fr 1fr; } } .page-post article#single-article .multimedia-content .multimedia-grid.mg--videos { grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr)); } .page-post article#single-article .multimedia-content .media-col .media { position: relative; aspect-ratio: 16/9; overflow: hidden; } .page-post article#single-article .multimedia-content .media-col .media.media--img img { position: absolute; inset: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 1.5rem; } .page-post article#single-article .multimedia-content .media-col .media iframe { aspect-ratio: 16/9; width: 100%; height: 100%; border-radius: 1.5rem; } .page-post article#single-article .multimedia-content .media-col .media.media--video > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-post article#single-article .multimedia-content .media-col .media.media--video .play-button-overlay { background-color: rgba(255, 255, 255, 0.05); backdrop-filter: blur(30px); padding: 2.5rem; border-radius: 50rem; } .page-post article#single-article .relatedPages { border-top: 1px solid #eff0f2; padding-top: 5rem; margin-top: 7.5rem; } .page-post article#single-article .relatedPages h3 { font-size: 2.4rem; font-weight: 800; color: #030e31; margin-top: 0; margin-bottom: 2.5rem; } .page-post article#single-article .relatedPages .post-link { -webkit-box-shadow: unset; box-shadow: unset; background-color: #eef0f5; } @media only screen and (max-width: 767px) { .page-post article#single-article .post-content { padding-top: 2.5rem; } } article#single-article .last-updated { font-size: 1.4rem; color: #5a5f6c; padding-top: 5rem; } article#single-article .last-updated .lu--time { font-style: italic; } .page-eody.page-post article#single-article .post-content .info--citizen { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; color: #ffffff; background-color: #ffc522; border-radius: 2.5rem; padding: 1.25rem 3.5rem; margin-bottom: 3.5rem; } .page-eody.page-post article#single-article .post-content .info--citizen img { width: 2.5rem; margin-bottom: 0; } .page-eody.page-post article#single-article .post-content .info--citizen .t { font-size: 1.6rem; font-weight: 700; color: #1d398d; } .page-eody.page-post article#single-article .post-content .info--professionals { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; color: #ffffff; background-color: #1d398d; border-radius: 2.5rem; padding: 1.25rem 3.5rem; margin-top: 3.5rem; margin-bottom: 2.5rem; } .page-eody.page-post article#single-article .post-content .info--professionals img { width: 2.5rem; margin-bottom: 0; } .page-eody.page-post article#single-article .post-content .info--professionals .t { font-size: 1.6rem; font-weight: 700; color: #ffc522; } .page-eody.page-post article#single-article .post-content .citizen-links .post-link:after { color: #e1a500; } .page-eody.page-post article#single-article .post-content .professional-links .post-link:after { color: #1d398d; } .page-eody.page-post #brochures .brochures-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5rem; } .page-eody.page-post #brochures .brochures-grid .brochure-item { position: relative; aspect-ratio: 16/11; border-radius: 1.5rem; overflow: hidden; } .page-eody.page-post #brochures .brochures-grid .brochure-item figure { width: 100%; height: 100%; } .page-eody.page-post #brochures .brochures-grid .brochure-item figure img { position: absolute; width: 100%; height: 100%; inset: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .page-eody.page-post.post-type--text article#single-article .post-actions { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 0.75rem; z-index: 2; } .page-eody.page-post.post-type--text article#single-article .post-actions button { aspect-ratio: 1/1; padding: 1.5rem; width: 5rem; height: 5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 2px 3px 4px rgba(3, 14, 49, 0.15); box-shadow: 2px 3px 4px rgba(3, 14, 49, 0.15); } .page-eody.page-post.post-type--text article#single-article .post-actions button.btn-print, .page-eody.page-post.post-type--text article#single-article .post-actions button.btn-email { color: #030e31; background-color: #eef0f5; border-color: #eef0f5; } @media only screen and (max-width: 767px) { .page-eody.page-post.post-type--text article#single-article .post-actions { padding-right: 1rem; margin-top: -7rem; } .page-eody.page-post.post-type--text article#single-article .post-actions button { width: 4rem; height: 4rem; } } #simple-sidebar { background-color: #eef0f5; border-radius: 2.5rem; padding: 3.5rem; margin-top: 5rem; } #simple-sidebar .sidebar-block { margin-bottom: 2.5rem; } .page-eody .accordion .accordion-item { padding: 2.5rem 3.5rem; border-radius: 2.5rem; -webkit-box-shadow: 0 0 20px rgba(29, 57, 141, 0.15); box-shadow: 0 0 20px rgba(29, 57, 141, 0.15); border: 0; margin-bottom: 1.5rem; } .page-eody .accordion .accordion-item .card.card-body { border-radius: 0; border: 0; } .page-eody .accordion .accordion-item .accordion-header { margin-bottom: 0; } .page-eody .accordion .accordion-item .accordion-header .accordion-button { font-size: 1.6rem; font-weight: 800; color: #1d398d; background-color: #ffffff; -webkit-box-shadow: unset; box-shadow: unset; border: 0; padding: 0; } .page-eody .accordion .accordion-item .accordion-header .accordion-button:after { color: #1d398d; } .page-eody .accordion .accordion-item .accordion-collapse { border-radius: 0; } .page-eody .accordion .accordion-item .accordion-collapse .accordion-body { font-size: 1.5rem; line-height: 2; padding: 0; padding-top: 2.5rem; } .page-smn .page-header .page-header--img:after { opacity: 0; } .page-smn .links-grid { margin-top: 3.5rem; } .page-smn.page-post article#single-article .post-content .links-grid .post-link { border-radius: 1.5rem !important; margin-bottom: 0 !important; min-height: 13rem; } .page-smn.page-post article#single-article .post-content .links-grid .post-link:after { top: unset; bottom: 0; } .page-epikoinonia { overflow-x: hidden; } .page-epikoinonia .branding-title h2 { font-size: clamp(4.8rem, 20vw, 6.4rem); font-weight: 800; line-height: 1.1; color: #ffffff; letter-spacing: -1px; max-width: 500px; } .page-epikoinonia .branding-title h2 span { color: #ffc522; } .page-epikoinonia section#services { padding-top: calc(5rem + 2.5vw); padding-bottom: calc(5rem + 2.5vw); overflow-x: hidden; } .page-epikoinonia section#services .section-title { padding-bottom: 2.5rem; } @media only screen and (max-width: 1440px) { .page-epikoinonia section#services > .container { padding-right: 0; } } .page-epikoinonia section#contact { position: relative; padding-top: calc(5rem + 2.5vw); padding-bottom: calc(10rem + 3.5vw); background-color: #1d398d; isolation: isolate; overflow: hidden; } .page-epikoinonia section#contact form { padding-top: 1.5rem; } .page-epikoinonia section#contact input, .page-epikoinonia section#contact textarea { color: #ffffff; background-color: rgba(255, 255, 255, 0.1); } .page-epikoinonia section#contact input::-webkit-input-placeholder, .page-epikoinonia section#contact textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.75); opacity: 1; /* Firefox */ } .page-epikoinonia section#contact input::-moz-placeholder, .page-epikoinonia section#contact textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.75); opacity: 1; /* Firefox */ } .page-epikoinonia section#contact input:-ms-input-placeholder, .page-epikoinonia section#contact textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.75); opacity: 1; /* Firefox */ } .page-epikoinonia section#contact input::-ms-input-placeholder, .page-epikoinonia section#contact textarea::-ms-input-placeholder { color: rgba(255, 255, 255, 0.75); opacity: 1; /* Firefox */ } .page-epikoinonia section#contact input::placeholder, .page-epikoinonia section#contact textarea::placeholder { color: rgba(255, 255, 255, 0.75); opacity: 1; /* Firefox */ } .page-epikoinonia section#contact input::-ms-input-placeholder, .page-epikoinonia section#contact textarea::-ms-input-placeholder { /* Edge 12 -18 */ color: rgba(255, 255, 255, 0.75); } .page-epikoinonia section#contact .section-title h4 { color: #ffffff; } .page-epikoinonia section#contact .form-group .control-label { margin-bottom: 0.5rem; } .page-epikoinonia section#contact .form-group label, .page-epikoinonia section#contact .form-group .control-label label { font-weight: 600; color: #ffffff; } .page-epikoinonia section#contact .doctor-img { position: absolute; bottom: -1px; left: 15%; } .page-epikoinonia section#contact .doctor-img .doctor-inner { position: relative; width: 420px; } .page-epikoinonia section#contact .doctor-img .eody-icon { position: absolute; right: 15%; top: 10%; background-color: #ffffff; padding: 1rem; border-radius: 1rem; aspect-ratio: 1/1; width: 6rem; z-index: -1; } .page-epikoinonia section#contact .eody-branding { position: absolute; bottom: -10%; left: -5%; width: 50%; max-width: 900px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.15; mix-blend-mode: overlay; } @media only screen and (max-width: 1280px) { .page-epikoinonia section#contact .eody-branding { display: none; } } @media only screen and (max-width: 991px) { .page-epikoinonia .branding-title h2 { font-size: clamp(2.8rem, 20vw, 4.2rem); line-height: 1.3; } .page-epikoinonia section#contact .doctor-img { display: none; } .page-epikoinonia section#contact #contact_form { max-width: 700px; margin-inline: auto; } } .page-epikoinonia section#info { margin-top: -10.5rem; } .page-epikoinonia section#info .info-box { position: relative; text-align: center; background-color: #ffffff; border-radius: 1.5rem; padding: 5rem 3.5rem; -webkit-box-shadow: 0 7px 40px rgba(29, 57, 141, 0.15); box-shadow: 0 7px 40px rgba(29, 57, 141, 0.15); } .page-epikoinonia section#info .info-box .info-box-icon { position: absolute; top: -2.5rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 2.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1.5rem; aspect-ratio: 1/1; width: 6rem; margin-inline: auto; color: #1d398d; background-color: #ffffff; border-radius: 1rem; display: none; } .page-epikoinonia section#info .info-box .info-box-title { font-size: 1.6rem; color: rgb(99.9, 130.7, 223.1); padding-bottom: 0.35rem; } .page-epikoinonia section#info .info-box .info-box-value { font-size: clamp(2.4rem, 7vw, 3.4rem); line-height: 1.2; font-weight: 700; } .page-epikoinonia section#info .info-box .social-logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1.5rem; padding-top: 0.25rem; } .page-epikoinonia section#info .info-box h6 { position: absolute; top: -1.25rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 1.3rem; font-weight: 600; letter-spacing: 0.35px; line-height: 1; color: #ffffff; background-color: rgb(99.9, 130.7, 223.1); display: inline-block; text-transform: uppercase; padding: 0.75rem 1.5rem; border-radius: 2rem; margin-bottom: 0.5rem; } .page-epikoinonia section#maps { padding-top: calc(5rem + 2.5vw); padding-bottom: calc(7.5rem + 3.5vw); overflow-x: hidden; } .page-epikoinonia section#maps .map { font-size: 1.4rem; width: 100%; height: 450px; border-radius: 1.5rem; } .page-epikoinonia section#maps .map .leaflet-popup-content-wrapper { background-color: rgba(255, 255, 255, 0.8); } .page-epikoinonia section#maps .map .leaflet-popup-tip { background-color: rgba(255, 255, 255, 0.9); } .page-epikoinonia section#maps .map .popup-content img { margin-bottom: 10px; } .page-epikoinonia section#maps .map .popup-content p { font-size: 13px; margin-block: 5px; } .page-epikoinonia section#maps .map .popup-content .gmaps { font-size: 12px; padding: 8px 15px; margin-top: 10px; } .page-epikoinonia section#maps .map-info { position: relative; height: 100%; background-color: #e8ebf3; padding: 5rem; border-radius: 1.5rem; isolation: isolate; } .page-epikoinonia section#maps .map-info .branding-icon { position: absolute; bottom: -50px; right: -35%; width: 400px; max-width: unset; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.4; z-index: -1; } .page-epikoinonia section#maps .map-info .map-icon { width: 4.5rem; margin-bottom: 1.5rem; } .page-epikoinonia section#maps .map-info h4 { font-size: 2.8rem; font-weight: 800; color: #1d398d; margin-bottom: 2.5rem; } .page-epikoinonia section#maps .map-info p { font-size: 1.6rem; } .page-ergastiria section#services { padding-top: calc(5rem + 2.5vw); padding-bottom: calc(5rem + 2.5vw); } .page-ergastiria section#services .section-title { padding-bottom: 2.5rem; } .page-ergastiria section#services .services-list .services-slider .swiper-slide { padding-bottom: 0; } .page-ergastiria .section-title { margin-top: calc(5rem + 2.5vw); } .page-ergastiria .services-list .service-item { height: 100%; } .page-ergastiria .services-list .service-item .service-item--title { min-height: 8rem; } .page-ergastiria .services-list .service-item .service-item-children .services-item--description { min-height: 15rem; } .page-ergastiria .services-list .service--persons .persons { padding-top: 1rem; } .page-ergastiria .services-list .service--persons .persons .person { position: relative; padding: 1.5rem 2rem; background-color: rgb(228.3666666667, 231.5, 239.3333333333); border: 1px solid rgb(221.9444444444, 225.8333333333, 235.5555555556); border-radius: 1rem; margin-bottom: 1rem; } .page-ergastiria .services-list .service--persons .persons .person .v { font-weight: 500; color: #1d398d; } .page-ergastiria .services-list .service--persons .persons .person .v a { line-height: 1.2; } @media only screen and (max-width: 767px) { .page-ergastiria section#services .container { padding-right: 0; } } .page-search-results .page-header { padding-bottom: 4rem; } .page-search-results .page-title h5 { font-size: 2rem; color: #ffffff; padding-bottom: 0.75rem; } .page-search-results .page-breadcrumbs { display: none; } .page-search-results #search-block { width: 100%; margin-top: -2.85rem; } .page-search-results #search-block form#search-block-form { width: 100%; } .page-search-results #search-block form#search-block-form .sbf-wrapper { position: relative; } .page-search-results #search-block form#search-block-form .sbf-wrapper input { font-weight: 700; letter-spacing: 0.5px; width: 100%; border-radius: 5rem; background-color: #e8ebf3; padding: 2.75rem 2.5rem; } .page-search-results #search-block form#search-block-form .sbf-wrapper #sbf-btn-search { font-size: 2rem; color: #1d398d; position: absolute; right: 2.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .page-search-results .sr-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-search-results .sr-bar .results-no .no { font-weight: 600; } .page-search-results .posts-list { margin-top: 3.5rem; margin-bottom: 4.5rem; } .page-search-results .posts-list .post-list-item { margin-bottom: 2rem; } @media only screen and (max-width: 640px) { .page-search-results .sr-bar { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 1.5rem; } } .page-eody.page-advanced-search .page-header, .page-eody.page-search-results .page-header { text-align: center; padding-top: 8.5rem; padding-bottom: 5.5rem; } .page-eody.page-advanced-search .advanced-search-component, .page-eody.page-search-results .advanced-search-component { background-image: -webkit-gradient(linear, left top, left bottom, from(#e8ebf3), to(#ffffff)); background-image: linear-gradient(180deg, #e8ebf3, #ffffff); padding-top: 6.5rem; } .page-eody.page-advanced-search .advanced-search-component form#advanced-search-form, .page-eody.page-search-results .advanced-search-component form#advanced-search-form { width: 100%; max-width: 1180px; margin-inline: auto; } .page-eody.page-advanced-search .advanced-search-component form#advanced-search-form .search-wrapper, .page-eody.page-search-results .advanced-search-component form#advanced-search-form .search-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.5rem; max-width: 900px; margin-inline: auto; } .page-eody.page-advanced-search .advanced-search-component form#advanced-search-form .search-wrapper .input-wrapper, .page-eody.page-search-results .advanced-search-component form#advanced-search-form .search-wrapper .input-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.5rem; width: 100%; } .page-eody.page-advanced-search .advanced-search-component form#advanced-search-form input#globalSearchKeyword, .page-eody.page-advanced-search .advanced-search-component form#advanced-search-form input.js-finder-search-query, .page-eody.page-search-results .advanced-search-component form#advanced-search-form input#globalSearchKeyword, .page-eody.page-search-results .advanced-search-component form#advanced-search-form input.js-finder-search-query { font-size: 2.4rem; font-weight: 700; letter-spacing: 0.15px; width: 100%; height: 6.5rem; background-color: #ffffff; border-radius: 5rem; padding-block: 1.35rem; padding-inline: 5.5rem; text-align: center; -webkit-box-shadow: rgba(0, 0, 0, 0.035) 0px 7px 29px 0px; box-shadow: rgba(0, 0, 0, 0.035) 0px 7px 29px 0px; } .page-eody.page-advanced-search .advanced-search-component form#advanced-search-form #search-btn, .page-eody.page-search-results .advanced-search-component form#advanced-search-form #search-btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 200px; max-width: 300px; height: 6.5rem; -webkit-box-shadow: rgba(0, 0, 0, 0.035) 0px 7px 29px 0px; box-shadow: rgba(0, 0, 0, 0.035) 0px 7px 29px 0px; } .page-eody.page-advanced-search .advanced-search-component form#advanced-search-form .search-wrapper .input-wrapper:before, .page-eody.page-search-results .advanced-search-component form#advanced-search-form .search-wrapper .input-wrapper:before { content: "\f002"; position: absolute; top: 50%; left: 2.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: FontAwesome; color: #1d398d; font-size: 2rem; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; opacity: 0.25; z-index: 1; } .page-eody.page-advanced-search .advanced-search-component form#advanced-search-form .search-wrapper .awesomplete, .page-eody.page-search-results .advanced-search-component form#advanced-search-form .search-wrapper .awesomplete { width: 100%; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper { position: relative; border-bottom: 1px solid #e8ebf3; padding: 1rem 2.5rem 0 2.5rem; margin-top: 5rem; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-header, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-header { text-align: center; cursor: pointer; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-header h4, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-header h4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.6rem; font-weight: 700; padding-top: 1rem; padding-bottom: 2.5rem; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-header h4 .label, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-header h4 .label { padding-right: 7px; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-header .icon, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-header .icon { font-size: 1.1rem; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; padding-left: 0.75rem; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-header .icon:before, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-header .icon:before { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-header._active .icon, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-header._active .icon { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content { display: none; padding-block: 0 3rem; } @media only screen and (max-width: 480px) { .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content { position: absolute; top: 40px; inset-inline: 0px; width: 100%; background: rgb(255, 255, 255); border-radius: 1.5rem; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); padding-inline: 20px; padding-block: 15px 25px; z-index: 2; } } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter { position: relative; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown-title, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown-title { text-align: center; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown-title label, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown-title label { opacity: 0.5; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-select-trigger, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-select-trigger { position: relative; font-size: 1.4rem; line-height: 1.4; font-weight: 600; text-align: center; min-width: 20rem; color: #030e31; background-color: #e8ebf3; border-radius: 5rem; padding: 1.25rem 4rem 1.25rem 2rem; cursor: pointer; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-select-trigger .icon, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-select-trigger .icon { position: absolute; top: 50%; right: 2rem; -webkit-transform: translateY(-55%); transform: translateY(-55%); font-size: 1rem; color: #030e31; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .date-input-wrapper .date-input-inner, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .date-input-wrapper .date-input-inner { position: relative; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .date-input-wrapper .date-input-inner .icon, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .date-input-wrapper .date-input-inner .icon { color: #030e31; font-size: 1.5rem; position: absolute; right: 1.75rem; top: 50%; -webkit-transform: translateY(-60%); transform: translateY(-60%); opacity: 0.25; pointer-events: none; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .date-input-wrapper #dateRange, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .date-input-wrapper #dateRange { min-width: 23.5rem; cursor: pointer; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .dropdown-options, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .dropdown-options { position: absolute; top: calc(100% + 0.5rem); max-height: 10rem; overflow-y: auto; list-style-type: none; background-color: #ffffff; min-width: calc(100% + 5rem); border-radius: 1.5rem; -webkit-box-shadow: 0 10px 25px rgba(3, 14, 49, 0.1); box-shadow: 0 10px 25px rgba(3, 14, 49, 0.1); padding: 2rem 2.5rem; opacity: 0; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; pointer-events: none; z-index: 2; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .dropdown-options._active, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .dropdown-options._active { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); pointer-events: auto; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown .option, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown .option { padding: 0.6rem 0.5rem; border-top: 1px solid #e6e6e6; cursor: pointer; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; position: relative; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown .option::before, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown .option::before { font-family: "Font Awesome 5 Free"; content: "\f00c"; vertical-align: middle; font-weight: 900; position: absolute; right: 0.8rem; opacity: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown .option:hover, .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown .option.current, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown .option:hover, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown .option.current { background: #e6e6e6; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown .option.active, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown .option.active { -webkit-box-shadow: 0 0 0 2px rgba(251, 146, 60, 0.7); box-shadow: 0 0 0 2px rgba(251, 146, 60, 0.7); } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown .option.active::before, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown .option.active::before { opacity: 1; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .az-dropdown, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .az-dropdown { width: calc(270px + 5rem + 5rem); padding: 2.5rem; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content .date-input-wrapper .date-field, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content .date-input-wrapper .date-field { font-size: 1.4rem; line-height: 1.4; font-weight: 600; text-align: center; min-width: 15rem; max-width: 18rem; height: unset; color: #030e31; background-color: #e8ebf3; border-radius: 5rem; padding: 1.25rem 4.5rem 1.25rem 2.5rem; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .js-dropdown-box label, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .js-dropdown-box label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .js-dropdown-box label > .js-label, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .js-dropdown-box label > .js-label { display: block; text-align: center; color: #030e31; opacity: 0.5; margin-bottom: 0.5rem; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .js-dropdown-box label .select2, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .js-dropdown-box label .select2 { position: relative; font-size: 1.4rem; line-height: 1.4; font-weight: 500; text-align: center; min-width: 19rem; color: #030e31; background-color: #e8ebf3; border-radius: 5rem; padding-inline: 1rem; cursor: pointer; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .js-dropdown-box label .select2.hasActiveOptions, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .js-dropdown-box label .select2.hasActiveOptions { outline: 1px solid #1d398d; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .js-dropdown-box label .select2-container--default .select2-selection--multiple, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .js-dropdown-box label .select2-container--default .select2-selection--multiple { color: #030e31; border: 0; background-color: transparent; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .js-dropdown-box label .select2-selection--multiple:before, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .js-dropdown-box label .select2-selection--multiple:before { content: ""; position: absolute; right: 7px; top: 42%; border-top: 5px solid #888; border-left: 4px solid transparent; border-right: 4px solid transparent; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .js-dropdown-box label .select2-search__field, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .js-dropdown-box label .select2-search__field { font-family: "eody"; font-size: 1.5rem; line-height: 1.3; } @media only screen and (max-width: 767px) { .page-eody.page-advanced-search .advanced-search-component, .page-eody.page-search-results .advanced-search-component { margin-top: -90px; } .page-eody.page-advanced-search .advanced-search-component form#advanced-search-form .search-wrapper, .page-eody.page-search-results .advanced-search-component form#advanced-search-form .search-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-eody.page-advanced-search .advanced-search-component form#advanced-search-form input#globalSearchKeyword, .page-eody.page-search-results .advanced-search-component form#advanced-search-form input#globalSearchKeyword { font-size: 2rem; } .page-eody.page-advanced-search .advanced-search-component form#advanced-search-form #search-btn, .page-eody.page-search-results .advanced-search-component form#advanced-search-form #search-btn { min-width: unset; max-height: 5rem; padding: 1.5rem; aspect-ratio: 1; font-size: 2rem; line-height: 1; } .page-eody.page-advanced-search .advanced-search-component form#advanced-search-form #search-btn .search-label, .page-eody.page-search-results .advanced-search-component form#advanced-search-form #search-btn .search-label { display: none; } .page-eody.page-advanced-search .advanced-search-component form#advanced-search-form .search-wrapper .input-wrapper:before, .page-eody.page-search-results .advanced-search-component form#advanced-search-form .search-wrapper .input-wrapper:before { display: none; } .page-eody.page-advanced-search .advanced-search-component form#advanced-search-form input.js-finder-search-query, .page-eody.page-search-results .advanced-search-component form#advanced-search-form input.js-finder-search-query { font-size: 1.8rem; max-height: 5rem; padding-inline: 2.5rem; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper { padding: 0; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters { display: grid; grid-template-columns: 1fr 1fr; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown { width: 100%; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown .custom-dropdown-title, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown .custom-dropdown-title { text-align: left; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter.filter--dateRange, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter.filter--dateRange { grid-column: 1/-1; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter.filter--dateRange .date-input-wrapper, .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter.filter--dateRange .date-input-wrapper input, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter.filter--dateRange .date-input-wrapper, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter.filter--dateRange .date-input-wrapper input { width: 100%; max-width: 100%; } } @media only screen and (max-width: 480px) { .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters { grid-template-columns: 1fr; } .page-eody.page-advanced-search .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown .custom-dropdown-title, .page-eody.page-search-results .advanced-search-component .search-filters-wrapper .search-filters-content #search-filters .filter .custom-dropdown .custom-dropdown-title { text-align: center; } } @media only screen and (max-width: 767px) { .page-eody.page-advanced-search .page-header, .page-eody.page-search-results .page-header { min-height: unset; padding-top: 5rem; padding-bottom: 5.5rem; } .page-eody.page-advanced-search .page-header .page-title h1, .page-eody.page-search-results .page-header .page-title h1 { font-size: 2.8rem; } } .page-eody.page-advanced-search .advanced-search-wrapper, .page-eody.page-search-results .advanced-search-wrapper { max-width: 1180px; margin-inline: auto; } .page-eody.page-advanced-search .posts-list, .page-eody.page-search-results .posts-list { margin-top: 2.5rem; margin-bottom: 4.5rem; } .page-eody.page-advanced-search .posts-list .post-list-item, .page-eody.page-search-results .posts-list .post-list-item { margin-bottom: 2rem; } .page-eody.page-advanced-search .sr-bar, .page-eody.page-search-results .sr-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-block: 1.5rem; margin-top: 3.5rem; } .page-eody.page-advanced-search .sr-bar.sr-topBar, .page-eody.page-search-results .sr-bar.sr-topBar { margin-top: 0; } .page-eody.page-advanced-search .sr-bar.sr-topBar .results-title, .page-eody.page-search-results .sr-bar.sr-topBar .results-title { font-size: 2.4rem; font-weight: 700; } .page-eody.page-advanced-search .sr-bar.sr-topBar .results-title .no, .page-eody.page-search-results .sr-bar.sr-topBar .results-title .no { color: #9093a1; font-weight: 400; } .page-eody.page-advanced-search .sr-bar.sr-topBar .right #search-sorting, .page-eody.page-search-results .sr-bar.sr-topBar .right #search-sorting { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2rem; } .page-eody.page-advanced-search .sr-bar.sr-topBar .right #search-sorting label, .page-eody.page-search-results .sr-bar.sr-topBar .right #search-sorting label { font-weight: 500; color: #1d398d; padding-right: 0.4rem; } .page-eody.page-advanced-search .sr-bar.sr-topBar .right #search-sorting .dropdown-container .dropdown-label, .page-eody.page-search-results .sr-bar.sr-topBar .right #search-sorting .dropdown-container .dropdown-label { font-size: 1.4rem; background-color: #eef0f5; letter-spacing: 0.35px; border-radius: 5rem; padding: 0.75rem 4.5rem 0.75rem 2rem; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; } .page-eody.page-advanced-search .search-pagination.sr-bottomBar, .page-eody.page-search-results .search-pagination.sr-bottomBar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1.5rem; } .page-eody.page-advanced-search .search-pagination.sr-bottomBar .search-pages-counter, .page-eody.page-search-results .search-pagination.sr-bottomBar .search-pages-counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5rem; } .page-eody.page-advanced-search .search-pagination.sr-bottomBar .com-finder__pagination .pagination-block, .page-eody.page-search-results .search-pagination.sr-bottomBar .com-finder__pagination .pagination-block { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .page-eody.page-advanced-search .search-pagination.sr-bottomBar .com-finder__pagination .pagination-block .pagination, .page-eody.page-search-results .search-pagination.sr-bottomBar .com-finder__pagination .pagination-block .pagination { margin-bottom: 0; } .page-eody.page-advanced-search .search-pagination.sr-bottomBar .pagination-block .pagination li.page-item.disabled > *, .page-eody.page-search-results .search-pagination.sr-bottomBar .pagination-block .pagination li.page-item.disabled > * { background-color: transparent; } .page-eody.page-advanced-search .search-pagination.sr-bottomBar .pagination-block .pagination li.page-item.active .page-link, .page-eody.page-search-results .search-pagination.sr-bottomBar .pagination-block .pagination li.page-item.active .page-link { background-color: #ffc522; } .page-eody.page-advanced-search .search-pagination.sr-bottomBar .pagination-block .pagination li.page-item.active > *, .page-eody.page-search-results .search-pagination.sr-bottomBar .pagination-block .pagination li.page-item.active > * { font-weight: 800; } .page-eody.page-advanced-search .search-pagination.sr-bottomBar .pagination-block .pagination li.page-item > *, .page-eody.page-search-results .search-pagination.sr-bottomBar .pagination-block .pagination li.page-item > * { font-size: 1.4rem; padding: 0.5rem 1rem; border: 0; aspect-ratio: 1/1; border-radius: 2.5rem; } .page-eody.page-advanced-search .search-pagination.sr-bottomBar .pagination-block .pagination li.page-item a, .page-eody.page-search-results .search-pagination.sr-bottomBar .pagination-block .pagination li.page-item a { color: #1d398d; } @media only screen and (max-width: 767px) { .page-eody.page-advanced-search .search-pagination.sr-bottomBar, .page-eody.page-search-results .search-pagination.sr-bottomBar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; } .page-eody.page-advanced-search .search-pagination.sr-bottomBar .com-finder__pagination .pagination-block, .page-eody.page-search-results .search-pagination.sr-bottomBar .com-finder__pagination .pagination-block { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 767px) { .page-eody.page-advanced-search #page-inner-content, .page-eody.page-search-results #page-inner-content { padding-top: 1.5rem; } .page-eody.page-advanced-search .sr-bar.sr-topBar, .page-eody.page-search-results .sr-bar.sr-topBar { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; } .page-eody.page-advanced-search .sr-bar.sr-topBar .right, .page-eody.page-search-results .sr-bar.sr-topBar .right { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 480px) { .page-eody.page-advanced-search #search-filters .filter .date-input-wrapper, .page-eody.page-search-results #search-filters .filter .date-input-wrapper { width: 100%; } .page-eody.page-advanced-search #search-filters .filter .date-input-wrapper #dateRange, .page-eody.page-search-results #search-filters .filter .date-input-wrapper #dateRange { width: 100%; max-width: 100%; } } .awesomplete ul { border-radius: 2.5rem; border: 0; padding: 2.25rem 2.5rem; -webkit-box-shadow: 2px 5px 16px rgba(0, 0, 0, 0.1); box-shadow: 2px 5px 16px rgba(0, 0, 0, 0.1); left: 1rem; max-width: calc(100% - 2rem); width: 100%; border: 1px solid #ebebeb; min-width: unset; } .awesomplete ul:before { left: 2rem; } .awesomplete ul li { font-size: 1.6rem; padding: 1rem 1rem; } .awesomplete ul li:hover { background-color: #eef0f5; border-radius: 1.5rem; } .awesomplete ul li mark { font-weight: 800; text-decoration: underline; text-decoration-color: #ffc522; -webkit-text-decoration-skip-ink: all; text-decoration-skip-ink: all; background-color: transparent; padding: 0; padding-right: 0.5px; } .awesomplete ul li:not(:last-child) { border-bottom: 1px solid #ebebeb; } .page-eody.page-articles { overflow-x: hidden; } .page-eody.page-articles .page-content { position: relative; } .page-eody.page-articles .articles-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2.5rem; } .page-eody.page-articles .articles-grid .article-item { border: 1px solid rgba(239, 240, 242, 0.8); } .page-eody.page-articles .articles-grid .article-item .article-title h2 { -webkit-line-clamp: 4; height: 11rem; } .page-eody.page-articles .page-content._withSidebar #page-inner-content #sidebar { margin-top: -8.5rem; } @media only screen and (max-width: 991px) { .page-eody.page-articles .page-content._withSidebar #page-inner-content #sidebar { margin-top: 0; } .page-eody.page-articles .articles-grid { margin-bottom: 2.5rem; } .page-eody.page-articles .com-content-category-blog__pagination { margin-top: 1.5rem; } } @media only screen and (max-width: 820px) { .page-eody.page-articles .articles-grid { grid-template-columns: 1fr 1fr; gap: 2rem; } } @media only screen and (max-width: 480px) { .page-eody.page-articles .articles-grid { grid-template-columns: 1fr; gap: 1.5rem; } } .page-travelerMap .page-header { padding-top: calc(6.5rem + 2.5vw); padding-bottom: 5rem; } .page-travelerMap #world-map { margin-top: -3.5rem; } .page-travelerMap .map-container { position: relative; width: 100%; height: 70vh; max-height: 600px; border-radius: 2.5rem; overflow: hidden; } .page-travelerMap .note { font-size: 1.2rem; font-weight: 400; color: #616161; margin-top: 1rem; } .page-travelerMap .map-container #travelerMap { width: 100%; height: 100%; z-index: 0; } .page-travelerMap .map-container #travelerMap .country-label { color: #ffffff; font-size: 1.3rem; font-weight: 900; text-transform: uppercase; width: 21ch !important; line-height: 1; } .page-travelerMap .map-container #travelerMap .leaflet-popup .leaflet-popup-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-travelerMap .map-container #travelerMap .leaflet-popup .leaflet-popup-content .country-name { display: block; font-size: 1.8rem; font-weight: 800; color: #1d398d; margin-bottom: 10px; } .page-travelerMap .map-container #travelerMap .leaflet-popup .leaflet-popup-content .country-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; color: #030e31; font-size: 1.25rem; font-weight: 500; background-color: #ffc522; border-radius: 5px; padding: 5px 12px; } .page-travelerMap .map-container #travelerMap .leaflet-popup .leaflet-popup-content .country-link .icon { font-size: 9px; } .page-travelerMap section#countries-info { padding-top: 5rem; padding-bottom: calc(7.5rem + 3.5vw); } @media only screen and (max-width: 640px) { .page-travelerMap section#countries-info { padding-top: 3.5rem; } } .page-travelerMap section#countries-info .search-country-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; background-image: linear-gradient(45deg, rgb(33.35, 65.55, 162.15), rgb(20.3, 39.9, 98.7)); border-radius: 1.5rem; padding: 5rem 4.5rem; margin-top: 2.5rem; margin-bottom: 3.5rem; } .page-travelerMap section#countries-info .search-country-wrapper .section-title h3 { color: #ffffff; } @media only screen and (max-width: 991px) { .page-travelerMap section#countries-info .search-country-wrapper { grid-template-columns: 1fr; gap: 3.5rem; padding: 3.5rem; } .page-travelerMap section#countries-info .search-country-wrapper .section-title { margin-bottom: 2.5rem; } } .page-travelerMap section#countries-info .search-country-wrapper h5 { color: #ffffff; font-size: 1.6rem; font-weight: 500; margin-bottom: 1.5rem; } .page-travelerMap section#countries-info .search-country-wrapper .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-travelerMap section#countries-info .search-country-wrapper .input-wrapper #searchCountry { font-size: 1.6rem; font-weight: 600; width: 100%; max-width: 600px; color: #ffffff; background-color: rgba(255, 255, 255, 0.15); border-radius: 5rem; padding-inline: 2.5rem; } .page-travelerMap section#countries-info .search-country-wrapper .input-wrapper #searchCountry::-webkit-input-placeholder { color: white; font-weight: 400; opacity: 0.5; } .page-travelerMap section#countries-info .search-country-wrapper .input-wrapper #searchCountry::-moz-placeholder { color: white; font-weight: 400; opacity: 0.5; } .page-travelerMap section#countries-info .search-country-wrapper .input-wrapper #searchCountry:-ms-input-placeholder { color: white; font-weight: 400; opacity: 0.5; } .page-travelerMap section#countries-info .search-country-wrapper .input-wrapper #searchCountry::-ms-input-placeholder { color: white; font-weight: 400; opacity: 0.5; } .page-travelerMap section#countries-info .search-country-wrapper .input-wrapper #searchCountry::placeholder { color: white; font-weight: 400; opacity: 0.5; } .page-travelerMap section#countries-info .search-country-wrapper .az-component .az-item { font-size: 1.7rem; color: #ffffff; background-color: #ffffff; background: linear-gradient(-135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.15)); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .page-travelerMap section#countries-info .search-country-wrapper .az-component .az-item:hover { color: #030e31; background-color: #ffc522; } @media only screen and (max-width: 991px) { .page-travelerMap section#countries-info .search-country-wrapper .az-component { max-width: 600px; } } .page-travelerMap section#countries-info #countriesList { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 5rem; -moz-column-gap: 5rem; column-gap: 5rem; padding-top: 3.5rem; padding-bottom: 5rem; } .page-travelerMap section#countries-info #countriesList .letter-wrapper { margin-bottom: 3.5rem; } .page-travelerMap section#countries-info #countriesList .letter-wrapper .letter { position: relative; font-size: 3.6rem; font-weight: 800; color: #1d398d; padding-bottom: 5px; border-bottom: 3px solid rgb(215.5222222222, 220.1666666667, 231.7777777778); padding: 0.5rem 1.5rem; margin-bottom: 2.5rem; } .page-travelerMap section#countries-info #countriesList .letter-wrapper .letter .letterNo { position: absolute; font-size: 1.3rem; font-weight: 400; color: #1d398d; opacity: 0.75; } .page-travelerMap section#countries-info #countriesList .letter-wrapper .countries-container { padding-left: 1.5rem; } .page-travelerMap section#countries-info #countriesList .letter-wrapper .countries-container .country { display: inline-block; width: 100%; margin-bottom: 0.9rem; } .page-travelerMap section#countries-info #countriesList .letter-wrapper .countries-container .country a { display: inline-block; font-size: 1.6rem; font-weight: 400; color: rgb(42.05, 82.65, 204.45); text-underline-offset: 2px; text-decoration: underline; } .page-travelerMap section#countries-info #countriesList .country.highlight a { background-color: rgba(255, 197, 34, 0.35); } .page-travelerMap section#countries-info #countriesList .country .highlight { font-weight: 800; background-color: rgba(255, 197, 34, 0.35); } @media only screen and (max-width: 991px) { .page-travelerMap section#countries-info #countriesList { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media only screen and (max-width: 767px) { .page-travelerMap section#countries-info #countriesList { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3.5rem; -moz-column-gap: 3.5rem; column-gap: 3.5rem; padding-top: 2.5rem; } } @media only screen and (max-width: 640px) { .page-travelerMap section#countries-info #countriesList { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .page-travelerMap section#countries-info #countriesList .letter-wrapper { margin-bottom: 0; } .page-travelerMap section#countries-info #countriesList .letter-wrapper .letter { margin-bottom: 1.5rem; } .page-travelerMap section#countries-info #countriesList .letter-wrapper .countries-container { display: none; } } .page-taxidiotiki-iatriki .page-content ol { list-style-type: counter; } .page-taxidiotiki-iatriki .page-content ol li { padding-bottom: 0.75rem; } .page-taxidiotiki-iatriki .ti-box { position: relative; border-radius: 2.5rem; padding: 5rem; min-height: 400px; isolation: isolate; overflow: hidden; } .page-taxidiotiki-iatriki .ti-box._gray { background: linear-gradient(195deg, #f5f7fa 0%, #cdd5e1 100%); } .page-taxidiotiki-iatriki .ti-box._primary { background-color: #1d398d; } .page-taxidiotiki-iatriki .ti-box._secondary { background-color: #ffc522; } .page-taxidiotiki-iatriki .ti-box._outline-primary { border: 1px solid #1d398d; } .page-taxidiotiki-iatriki .ti-box h4 { font-size: 1.8rem; line-height: 1.6; margin-bottom: 2.5rem; } .page-taxidiotiki-iatriki .ti-box .ti-title { font-size: clamp(1.5rem, 1.6rem + 5vw, 2.8rem); letter-spacing: -0.5px; max-width: 600px; font-weight: 800; line-height: 1.3; margin-bottom: 3rem; } .page-taxidiotiki-iatriki .ti-box .contact-info .contact-item { border-bottom: 1px solid rgb(238, 175.5384615385, 0); padding-bottom: 1.5rem; margin-bottom: 1.5rem; } .page-taxidiotiki-iatriki .ti-box .contact-info .contact-item:last-child { border: 0; margin: 0; padding: 0; } .page-taxidiotiki-iatriki .ti-box .contact-info .contact-item .contact--title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; padding-bottom: 0.35rem; } .page-taxidiotiki-iatriki .ti-box .contact-info .contact-item .contact--title h4 { font-size: 1.5rem; font-weight: 400; margin: 0; } .page-taxidiotiki-iatriki .ti-box .contact-info .contact-item .contact--title .contact--icon { -webkit-box-flex: 0; -ms-flex: 0 0 3rem; flex: 0 0 3rem; height: 3rem; border-radius: 7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgb(238, 175.5384615385, 0); } .page-taxidiotiki-iatriki .ti-box .contact-info .contact-item .contact--title .contact--icon .fa { font-size: 1.4rem; } .page-taxidiotiki-iatriki .ti-box .contact-info .contact-item .contact--value { font-size: 1.6rem; font-weight: 600; color: #000; padding-left: 4.15rem; margin-top: -5px; } .page-taxidiotiki-iatriki .ti-box .contact-info .contact-item .contact--value a { color: #000; } .page-taxidiotiki-iatriki #ti-bento-sections { width: 100%; display: grid; gap: 2.5rem; grid-template-columns: repeat(12, 1fr); grid-template-rows: auto; grid-template-areas: "t1 t1 t1 t1 t1 t1 t1 t1 t2 t2 t2 t2" "t5 t5 t5 t5 t6 t6 t6 t6 t6 t6 t6 t6" "t7 t7 t7 t7 t7 t7 t8 t8 t8 t8 t8 t8" "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4" "t9 t9 t9 t9 t9 t9 t9 t9 t9 t9 t9 t9" "t10 t10 t10 t10 t10 t10 t10 t10 t10 t10 t10 t10" "t11 t11 t11 t11 t11 t11 t11 t11 t11 t11 t11 t11"; padding-top: calc(5rem + 1.5vw); padding-bottom: calc(15rem + 1.5vw); } .page-taxidiotiki-iatriki #ti-bento-sections .ti-section { height: 100%; } .page-taxidiotiki-iatriki #ti-bento-sections .ti-section .ti-box { height: 100%; } .page-taxidiotiki-iatriki #ti-bento-sections .ti-section .ti-box ul li { font-size: 1.6rem; padding-bottom: 0.5rem; } .page-taxidiotiki-iatriki #ti-bento-sections .ti-section .ti-box .ti-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .page-taxidiotiki-iatriki #ti-bento-sections .ti-section .ti-box .ti-actions._right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media only screen and (max-width: 1440px) { .page-taxidiotiki-iatriki #ti-bento-sections { grid-template-areas: "t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1" "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2" "t5 t5 t5 t5 t6 t6 t6 t6 t6 t6 t6 t6" "t7 t7 t7 t7 t7 t7 t8 t8 t8 t8 t8 t8" "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4" "t9 t9 t9 t9 t9 t9 t9 t9 t9 t9 t9 t9" "t10 t10 t10 t10 t10 t10 t10 t10 t10 t10 t10 t10" "t11 t11 t11 t11 t11 t11 t11 t11 t11 t11 t11 t11"; } } @media only screen and (max-width: 991px) { .page-taxidiotiki-iatriki #ti-bento-sections { grid-template-areas: "t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1" "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2" "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5" "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6" "t7 t7 t7 t7 t7 t7 t8 t8 t8 t8 t8 t8" "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4" "t9 t9 t9 t9 t9 t9 t9 t9 t9 t9 t9 t9" "t10 t10 t10 t10 t10 t10 t10 t10 t10 t10 t10 t10" "t11 t11 t11 t11 t11 t11 t11 t11 t11 t11 t11 t11"; } } @media only screen and (max-width: 767px) { .page-taxidiotiki-iatriki #ti-bento-sections { grid-template-areas: "t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1" "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2" "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5" "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6" "t7 t7 t7 t7 t7 t7 t7 t7 t7 t7 t7 t7" "t8 t8 t8 t8 t8 t8 t8 t8 t8 t8 t8 t8" "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3" "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4" "t9 t9 t9 t9 t9 t9 t9 t9 t9 t9 t9 t9" "t10 t10 t10 t10 t10 t10 t10 t10 t10 t10 t10 t10" "t11 t11 t11 t11 t11 t11 t11 t11 t11 t11 t11 t11"; } } .page-taxidiotiki-iatriki #ti-bento-sections .ti-section .ti-box .posts-list { list-style: none; padding: 0; margin-bottom: 2.5rem; } .page-taxidiotiki-iatriki #ti-bento-sections .ti-section .ti-box .posts-list .post-item { background: rgb(220, 233, 244); border-radius: 1.5rem; padding: 1.5rem 2rem; margin-bottom: 1rem; } .page-taxidiotiki-iatriki #ti-bento-sections .ti-section .ti-box .posts-list .post-item .post-title { font-size: 1.4rem; font-weight: 500; color: #030e31; max-width: 490px; margin: 0; } .page-taxidiotiki-iatriki #ti-bento-sections .ti-section .ti-box .posts-list .post-item .post-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; margin-bottom: 0.25rem; } .page-taxidiotiki-iatriki #ti-bento-sections .ti-section .ti-box .posts-list .post-item .post-meta .post-date { font-size: 1.3rem; color: rgba(3, 14, 49, 0.6); } .page-taxidiotiki-iatriki #ti-bento-sections #epidimies-sumvanta.ti-section .ti-box .posts-list .post-item { background: rgb(255, 239.6, 217.6); } .page-taxidiotiki-iatriki #ti-bento-sections .ti-section .ti-box .boxes { display: grid; grid-template-columns: 1fr; gap: 1.5rem; } .page-taxidiotiki-iatriki #ti-bento-sections .ti-section .ti-box .boxes .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(255, 255, 255, 0.15); padding: 2.5rem; border-radius: 1.5rem; } .page-taxidiotiki-iatriki #ti-bento-sections .ti-section .ti-box .boxes .box .box-title { font-size: 2rem; font-weight: 600; } .page-taxidiotiki-iatriki #ti-introduction { grid-area: t1; } .page-taxidiotiki-iatriki #ti-introduction .ti-box { background: linear-gradient(-50deg, #eff0f2 0%, #fafafa 100%); } .page-taxidiotiki-iatriki #ti-introduction p { font-size: 1.5rem; line-height: 1.6; } .page-taxidiotiki-iatriki #ti-contact { grid-area: t2; } .page-taxidiotiki-iatriki #ti-contact .contact-info .contact-item:last-child .contact--value { display: grid; } .page-taxidiotiki-iatriki #epidimies-sumvanta { grid-area: t3; } .page-taxidiotiki-iatriki #epidimies-sumvanta .ti-box { background: #fff8ee; } .page-taxidiotiki-iatriki #epidimies-sumvanta .ti-box .fl-img { position: absolute; left: 0; bottom: -5px; width: 70%; opacity: 0.1; z-index: -1; } .page-taxidiotiki-iatriki #taxidiotika-ektakta { grid-area: t4; } .page-taxidiotiki-iatriki #taxidiotika-ektakta .ti-box { background: #ebf5ff; } .page-taxidiotiki-iatriki #taxidiotika-ektakta .ti-box .fl-img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -120px; opacity: 0.15; max-height: 80%; z-index: -1; } .page-taxidiotiki-iatriki #qr-code { grid-area: t5; } .page-taxidiotiki-iatriki #qr-code .ti-box { background: radial-gradient(circle at 40% 80%, rgb(0, 110, 255) 0%, #1d398d 70.2%); } .page-taxidiotiki-iatriki #qr-code .ti-title { color: #ffffff; } .page-taxidiotiki-iatriki #qr-code .qr { position: relative; background-color: #ffffff; padding: 1rem; -webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.075), 0 2px 2px hsla(0, 0%, 0%, 0.075), 0 4px 4px hsla(0, 0%, 0%, 0.075), 0 8px 8px hsla(0, 0%, 0%, 0.075), 0 16px 16px hsla(0, 0%, 0%, 0.075); box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.075), 0 2px 2px hsla(0, 0%, 0%, 0.075), 0 4px 4px hsla(0, 0%, 0%, 0.075), 0 8px 8px hsla(0, 0%, 0%, 0.075), 0 16px 16px hsla(0, 0%, 0%, 0.075); border-radius: 2.5rem; aspect-ratio: 1/1; margin-inline: auto; margin-top: auto; } .page-taxidiotiki-iatriki #qr-code .qr img { width: 100%; } .page-taxidiotiki-iatriki #qr-code .qr-title { position: absolute; top: -30px; left: 0; } .page-taxidiotiki-iatriki #qr-code .scan-me { display: none; position: absolute; bottom: 15%; right: 25rem; max-width: 16rem; } @media only screen and (max-width: 991px) { .page-taxidiotiki-iatriki #qr-code .scan-me { display: block; } } @media only screen and (max-width: 640px) { .page-taxidiotiki-iatriki #qr-code .scan-me { max-width: 14rem; } } .page-taxidiotiki-iatriki #emvoliasmoi { grid-area: t6; } .page-taxidiotiki-iatriki #emvoliasmoi .ti-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); border: 1px solid #d9dde6; } .page-taxidiotiki-iatriki #emvoliasmoi .ti-box--left { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-taxidiotiki-iatriki #emvoliasmoi .ti-box .fl-img { position: absolute; right: -80px; bottom: -45px; max-height: 80%; z-index: -1; } .page-taxidiotiki-iatriki #taxidiotes { grid-area: t7; } .page-taxidiotiki-iatriki #taxidiotes .ti-box { position: relative; background: linear-gradient(-135deg, #ffc522 0%, rgb(238, 175.5384615385, 0) 100%); } .page-taxidiotiki-iatriki #taxidiotes .ti-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.5rem; margin-bottom: 3rem; } .page-taxidiotiki-iatriki #taxidiotes .ti-head h4 { margin: 0; } .page-taxidiotiki-iatriki #taxidiotes .ti-head img { width: 4rem; padding: 0.5rem; background-color: #ffffff; border-radius: 5px; } .page-taxidiotiki-iatriki #taxidiotes.ti-section .ti-box .boxes .box { position: relative; width: 100%; gap: 1.5rem; background-color: rgba(255, 255, 255, 0.09); border: 2px solid rgba(255, 255, 255, 0.08); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.075); box-shadow: 0 0 10px rgba(0, 0, 0, 0.075); padding: 1.5rem; } .page-taxidiotiki-iatriki #taxidiotes.ti-section .ti-box .boxes .box:after { content: "\f054"; font-family: FontAwesome; font-size: 1.8rem; color: #000; position: absolute; right: 2.5rem; } .page-taxidiotiki-iatriki #taxidiotes.ti-section .ti-box .boxes .box .box-title { font-size: 1.8rem; font-weight: 600; color: #000; padding-left: 0.5rem; } .page-taxidiotiki-iatriki #taxidiotes.ti-section .ti-box .boxes .box .box-icon { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 6rem; flex: 0 0 6rem; padding: 0.75rem; padding-right: 1.75rem; } .page-taxidiotiki-iatriki #taxidiotes.ti-section .ti-box .boxes .box .box-icon:after { content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 3rem; width: 1px; background-color: rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 767px) { .page-taxidiotiki-iatriki #taxidiotes.ti-section .ti-box .boxes .box { padding-right: 2.5rem; } .page-taxidiotiki-iatriki #taxidiotes.ti-section .ti-box .boxes .box:after { font-size: 1.4rem; right: 1.5rem; } } .page-taxidiotiki-iatriki #epaggelmaties { grid-area: t8; } .page-taxidiotiki-iatriki #epaggelmaties .ti-title { color: #ffffff; } .page-taxidiotiki-iatriki #epaggelmaties .ti-box { background: linear-gradient(135deg, #1d398d 0%, rgb(15.95, 31.35, 77.55) 100%); } .page-taxidiotiki-iatriki #epaggelmaties.ti-section .ti-box .boxes .box { position: relative; gap: 1.5rem; background-color: rgba(255, 255, 255, 0.05); border: 2px solid rgba(255, 255, 255, 0.03); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.075); box-shadow: 0 0 10px rgba(0, 0, 0, 0.075); border-radius: 1.5rem; padding: 1.5rem; } .page-taxidiotiki-iatriki #epaggelmaties.ti-section .ti-box .boxes .box:after { content: "\f054"; font-family: FontAwesome; font-size: 1.8rem; color: #fff; position: absolute; right: 2.5rem; } .page-taxidiotiki-iatriki #epaggelmaties.ti-section .ti-box .boxes .box .box-title { font-size: 1.8rem; font-weight: 600; color: #ffffff; padding-left: 0.5rem; } .page-taxidiotiki-iatriki #epaggelmaties.ti-section .ti-box .boxes .box .box-icon { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 6rem; flex: 0 0 6rem; padding: 0.75rem; padding-right: 1.75rem; } .page-taxidiotiki-iatriki #epaggelmaties.ti-section .ti-box .boxes .box .box-icon:after { content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 3rem; width: 1px; background-color: rgba(255, 255, 255, 0.15); } @media only screen and (max-width: 767px) { .page-taxidiotiki-iatriki #epaggelmaties.ti-section .ti-box .boxes .box { padding-right: 2.5rem; } .page-taxidiotiki-iatriki #epaggelmaties.ti-section .ti-box .boxes .box:after { font-size: 1.4rem; right: 1.5rem; } } .page-taxidiotiki-iatriki #egxeiridio { grid-area: t9; } .page-taxidiotiki-iatriki #egxeiridio .ti-box { display: grid; grid-template-columns: 1fr 1.5fr; min-height: unset; background-color: #eff0f2; background: linear-gradient(165deg, #f5f7fa 0%, #c3cfe2 100%); } .page-taxidiotiki-iatriki #egxeiridio .ti-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2rem; } .page-taxidiotiki-iatriki #egxeiridio .ti-header .icon { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; padding: 0.75rem; background-color: #ffffff; border-radius: 1.5rem; -webkit-box-shadow: 0 5px 10px rgba(13, 35, 103, 0.15); box-shadow: 0 5px 10px rgba(13, 35, 103, 0.15); } .page-taxidiotiki-iatriki #egxeiridio .ti-header .ti-title { margin-bottom: 0; } .page-taxidiotiki-iatriki #egxeiridio .ti-box .asset { position: absolute; left: 20%; bottom: -22%; mix-blend-mode: multiply; max-width: 420px; opacity: 0.1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; z-index: -1; } .page-taxidiotiki-iatriki #egxeiridio .ti-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .page-taxidiotiki-iatriki #egxeiridio .ti-content .logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 1.5rem; padding-right: 3.5rem; } .page-taxidiotiki-iatriki #egxeiridio .ti-content .logos img { -webkit-box-flex: 0; -ms-flex: 0 0 6.5rem; flex: 0 0 6.5rem; max-height: 6rem; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } @media only screen and (max-width: 767px) { .page-taxidiotiki-iatriki #egxeiridio .ti-box { grid-template-columns: 1fr; place-items: center; row-gap: 2.5rem; } .page-taxidiotiki-iatriki #egxeiridio .ti-box .ti-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-taxidiotiki-iatriki #egxeiridio .ti-box .ti-header .icon { width: 80px; } .page-taxidiotiki-iatriki #egxeiridio .ti-box .ti-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 2.5rem; } } .page-taxidiotiki-iatriki #arxeio { grid-area: t10; } .page-taxidiotiki-iatriki #arxeio .ti-box { display: grid; grid-template-columns: 1fr 1.5fr; min-height: unset; background-color: #eff0f2; background: linear-gradient(115deg, #fff8ee 0%, #ffe4b8 100%); } .page-taxidiotiki-iatriki #arxeio .ti-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2rem; } .page-taxidiotiki-iatriki #arxeio .ti-header .icon { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; padding: 1.75rem; background-color: #ffffff; border-radius: 1.5rem; -webkit-box-shadow: 0 5px 10px rgba(13, 35, 103, 0.15); box-shadow: 0 5px 10px rgba(13, 35, 103, 0.15); } .page-taxidiotiki-iatriki #arxeio .ti-header .ti-title { margin-bottom: 0; } .page-taxidiotiki-iatriki #arxeio .ti-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .page-taxidiotiki-iatriki #arxeio .ti-box .asset { position: absolute; mix-blend-mode: overlay; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; z-index: -1; } .page-taxidiotiki-iatriki #arxeio .ti-box .asset.asset-1 { right: 18%; bottom: -50%; max-width: 720px; } .page-taxidiotiki-iatriki #arxeio .ti-box .asset.asset-2 { right: 33%; bottom: -20%; max-width: 500px; } .page-taxidiotiki-iatriki #credits { grid-area: t11; } .page-taxidiotiki-iatriki #credits .ti-box { padding: 0; border-radius: 0; padding-top: 2.5rem; border-top: 1px solid #e5e6ea; margin-top: 1.5rem; } .page-taxidiotiki-iatriki #credits .cr-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; } .page-taxidiotiki-iatriki #credits .cr-list .cr { height: 100%; background-color: #eff0f2; border-radius: 1.5rem; padding: 2rem 2.5rem; } .page-taxidiotiki-iatriki #credits .cr-list .cr .cr-title { font-size: 1.8rem; font-weight: 500; max-width: 260px; text-wrap: pretty; margin-bottom: 0.5rem; } .page-taxidiotiki-iatriki #credits .cr-list .cr .cr-link { text-wrap: wrap; word-wrap: normal; word-break: break-all; } @media only screen and (max-width: 1440px) { .page-taxidiotiki-iatriki #ti-contact .contact-info { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; } .page-taxidiotiki-iatriki #ti-contact .ti-box { min-height: unset; } .page-taxidiotiki-iatriki #ti-contact .contact-info .contact-item { background-color: rgb(255, 188.9692307692, 3.4); border-radius: 1.5rem; border: 0; padding: 1rem; margin: 0; } } @media only screen and (max-width: 991px) { .page-taxidiotiki-iatriki .ti-box { padding: 3.5rem; } .page-taxidiotiki-iatriki .ti-box .ti-title { font-size: clamp(1.5rem, 1.6rem + 5vw, 2.2rem); } .page-taxidiotiki-iatriki #egxeiridio .ti-title { text-align: center; } .page-taxidiotiki-iatriki #egxeiridio .ti-content .logos { padding-right: 0; } .page-taxidiotiki-iatriki #qr-code .ti-box { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.5rem; -webkit-box-align: top; -ms-flex-align: top; align-items: top; min-height: unset; } .page-taxidiotiki-iatriki #qr-code .qr { width: 100%; height: unset; max-width: 200px; aspect-ratio: unset; margin: unset; margin-left: auto; } } @media only screen and (max-width: 767px) { .page-taxidiotiki-iatriki #emvoliasmoi .ti-box .fl-img { max-height: 90%; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.2; } } @media only screen and (max-width: 640px) { .page-taxidiotiki-iatriki #qr-code .ti-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-taxidiotiki-iatriki #emvoliasmoi .ti-box--left { gap: 1.5rem; } .page-taxidiotiki-iatriki #arxeio .ti-box { grid-template-columns: 1fr; place-items: center; gap: 1.5rem; } .page-taxidiotiki-iatriki #arxeio .ti-box .ti-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-taxidiotiki-iatriki #arxeio .ti-box .ti-header .icon { width: 80px; } } @media only screen and (max-width: 480px) { .page-taxidiotiki-iatriki #qr-code .ti-box .scan-me { display: none; } .page-taxidiotiki-iatriki #qr-code .qr { max-width: 100%; } } .page-taxidiotiki-singleCountry .singleCountry-wrapper { position: relative; padding-top: calc(5rem + 1.5vw); } .page-taxidiotiki-singleCountry .vacc-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; margin-bottom: 2.5rem; } .page-taxidiotiki-singleCountry .vacc-title img { width: 4.5rem; } .page-taxidiotiki-singleCountry .vacc-title.elon-title { margin-top: 2.5rem; margin-bottom: 0; } .page-taxidiotiki-singleCountry .vacc-title h2 { font-size: 2.8rem; font-weight: 800; } .page-taxidiotiki-singleCountry .vaccines-grid { width: 100%; display: grid; gap: 2.5rem; grid-template-columns: 1fr; grid-template-rows: auto; grid-template-areas: "vac1" "vac2" "vac3" "vac4" "vac5" "vac6"; padding-bottom: calc(15rem + 1.5vw); } .page-taxidiotiki-singleCountry .vaccines-grid .vaccine { position: relative; background-color: #eff0f2; display: grid; grid-template-columns: 1fr 4fr; gap: 3.5rem; border-radius: 2.5rem; padding: 5rem; } @media only screen and (max-width: 1280px) { .page-taxidiotiki-singleCountry .vaccines-grid .vaccine { grid-template-columns: 1fr 3fr; gap: 2.5rem; } } @media only screen and (max-width: 991px) { .page-taxidiotiki-singleCountry .vaccines-grid .vaccine { grid-template-columns: 1fr; gap: 0.5rem; padding: 3.5rem; } } .page-taxidiotiki-singleCountry .vaccines-grid .vaccine.vaccine-recommended { background: linear-gradient(165deg, #f5f7fa 0%, #cfdaeb 100%); } .page-taxidiotiki-singleCountry .vaccines-grid .vaccine:after { content: ""; position: absolute; right: 2.5rem; top: 2.5rem; border-radius: 5rem; width: 4rem; height: 4rem; background-position: center; background-repeat: no-repeat; background-size: 2.5rem; } .page-taxidiotiki-singleCountry .vaccines-grid .vaccine.vaccine--yes:after { background-image: url("../images/icons/vaccine-no.svg"); background-color: rgb(250.2551724138, 250.5517241379, 251.1448275862); outline: 6px solid rgba(220, 20, 60, 0.15); -webkit-box-shadow: 0 3px 4px rgba(220, 20, 60, 0.5); box-shadow: 0 3px 4px rgba(220, 20, 60, 0.5); } .page-taxidiotiki-singleCountry .vaccines-grid .vaccine.vaccine--no:after { background-image: url("../images/icons/vaccine-yes.svg"); background-color: rgb(250.2551724138, 250.5517241379, 251.1448275862); outline: 6px solid rgba(0, 188, 0, 0.15); -webkit-box-shadow: 0 3px 4px rgba(0, 93, 0, 0.5); box-shadow: 0 3px 4px rgba(0, 93, 0, 0.5); } .page-taxidiotiki-singleCountry .vaccines-grid .vaccine.vaccine--notRecom:after { background-image: url("../images/icons/vaccine-not-recommended.svg"); background-color: rgb(250.2551724138, 250.5517241379, 251.1448275862); outline: 6px solid rgba(255, 159, 57, 0.15); -webkit-box-shadow: 0 3px 4px rgba(182, 94, 0, 0.5); box-shadow: 0 3px 4px rgba(182, 94, 0, 0.5); } .page-taxidiotiki-singleCountry .vaccines-grid .vaccine .vac-in-title { position: relative; } .page-taxidiotiki-singleCountry .vaccines-grid .vaccine h4 { position: sticky; top: 5px; font-size: 2rem; line-height: 1.55; font-weight: 700; margin-bottom: 2.5rem; } .page-taxidiotiki-singleCountry .vaccines-grid .vaccine p { font-size: 1.6rem; line-height: 1.7; max-width: 90%; } .page-taxidiotiki-singleCountry .vaccines-memo { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2.5rem; border: 1px solid #e5e6ea; border-radius: 1rem; padding: 0.5rem 2rem; margin-bottom: 2.5rem; } .page-taxidiotiki-singleCountry .vaccines-memo .vac-memo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; } .page-taxidiotiki-singleCountry .vaccines-memo .vac-memo img { width: 2.25rem; } .page-nosimata .diseases-navigation .az-component { margin-top: 1.5rem; } .page-nosimata .diseases-navigation .az-component .az-item { color: #1d398d; font-size: 18px; border-radius: 7px; min-width: 70px; max-width: 70px; min-height: 70px; max-height: 70px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .page-nosimata .diseases-navigation .az-component .az-item:hover { color: #030e31; background-color: #ffc522; } .page-dioikisi.page-post article#single-article .bio-grid .bio-card { text-align: center; overflow: hidden; } .page-dioikisi.page-post article#single-article .bio-grid .bio-card .bio-img { width: 100%; max-width: 250px; margin-inline: auto; margin-bottom: 1rem; border-radius: 2.5rem; overflow: hidden; } .page-dioikisi.page-post article#single-article .bio-grid .bio-card h2 { font-size: 1.8rem; font-weight: 700; margin-top: 2.5rem; margin-bottom: 0.5rem; } .page-dioikisi.page-post article#single-article .bio-grid .bio-card h4 { font-size: 1.3rem; font-weight: 400; margin-block: 0.5rem; padding-inline: 1.5rem; max-width: 350px; margin-inline: auto; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 60px; } .page-dioikisi.page-post article#single-article .bio-grid .bio-card p { font-size: 1.4rem; line-height: 1.5; color: #616161; margin-bottom: 0; margin-top: 1.5rem; } .page-dioikisi.page-post article#single-article .bio-grid .bio-card .bio-trigger { font-size: 1.3rem; line-height: 1; text-transform: uppercase; color: #1d398d; background-color: #e8ebf3; padding: 0.75rem 1.5rem; border-radius: 2.5rem; margin-top: 1rem; } .page-dioikisi.page-post #promoted-contacts-doiikisi, .page-dioikisi.page-post #contacts-doiikisi { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(300px + 2vw), 1fr)); row-gap: 5rem; -webkit-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; padding-top: 1.5rem; margin-bottom: 5rem; } .page-dioikisi.page-post #bioModal .modal-content .modal-header { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .page-dioikisi.page-post #bioModal .modal-header .modal-title { font-size: 2.4rem; margin-top: 0; margin-bottom: 0; } .page-dioikisi.page-post #bioModal .modal-dialog { max-width: 550px; } .page-dioikisi.page-post #bioModal .modal-body p { font-size: 1.4rem; } .page-dioikisi.page-post #bioModal .modal-dialog-scrollable .modal-content { max-height: 550px; } .page-links .back-to-programs { margin-bottom: 2rem; } .page-links .back-to-programs a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; } .page-links .back-to-programs .b { font-weight: 600; } .page-links .description { color: #5a5f6c; background-color: #eef0f5; line-height: 1.55; padding: 2.5rem; margin-bottom: 5rem; } .page-links .page-header .page-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2rem; } .page-links .program-section-title { margin-bottom: 2.5rem; } .page-links .program-section-title h3 { font-size: 2.4rem; font-weight: 800; } .page-links .programs-categories { margin-bottom: 5rem; } .page-links .programs-categories .programs-categories-wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(22rem, 26rem)); gap: 1.5rem; place-content: center; } .page-links .programs-categories .program__cat { position: relative; background-color: #ffffff; border: 1px solid #eef0f5; padding: 0.75rem 1.5rem; border-radius: 1rem; } .page-links .programs-categories .program__cat:after { content: ""; position: absolute; bottom: -4px; inset-inline: auto; height: 3px; width: calc(100% - 3rem); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .page-links .programs-categories .program__cat.--europaika:after { background-color: rgb(29, 66, 255); } .page-links .programs-categories .program__cat.--espa:after { background-color: rgb(229, 103, 0); } .page-links .programs-categories .program__cat.--anakampsis:after { background-color: rgb(0, 187, 115); } .page-links .programs-categories .cat__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1.5rem; } .page-links .programs-categories .cat__inner .cat__icon { -webkit-box-flex: 0; -ms-flex: 0 0 5.5rem; flex: 0 0 5.5rem; } .page-links .programs-categories .cat__inner .cat__title { -webkit-box-flex: 0; -ms-flex: 0 0 1; flex: 0 0 1; font-weight: 700; } @media only screen and (max-width: 991px) { .page-links .programs-categories { overflow-x: visible; -webkit-overflow-scrolling: touch; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; overflow-y: hidden; scroll-padding-left: 1rem; margin-bottom: 3.5rem; } .page-links .programs-categories .programs-categories-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 1.5rem; } .page-links .programs-categories .program__cat { min-width: 28rem; scroll-snap-align: start; } .page-links .programs-categories .program__cat { padding: 1rem 1.5rem 1rem 1.5rem; } .page-links .programs-categories .cat__inner .cat__icon { max-width: 5rem; } .page-links .programs-categories .cat__inner .cat__title { font-size: 1.4rem; line-height: 1.5; font-weight: 600; } } @media only screen and (max-width: 767px) { .page-links .programs-categories .programs-categories-wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .page-links .filter-programs { text-align: center; margin-bottom: 3.5rem; } .page-links .filter-programs .active-programs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.5rem; padding-top: 1.5rem; } .page-links .filter-programs .active-programs a { display: inline-block; font-size: 1.5rem; font-weight: 500; background-color: #e8ebf3; min-width: 25rem; border-radius: 2.5rem; padding: 1.5rem 3.5rem; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .page-links .filter-programs .active-programs a:hover { background-color: #ffc522; } .page-links .programs .programs-list { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; } .page-links .programs { counter-reset: list-counter; margin-bottom: 5rem; } .page-links .programs .programs-list .program { counter-increment: list-counter; list-style-type: none; position: relative; border: 1px solid #e8ebf3; padding: 3.5rem; min-height: 30rem; border-radius: 1.5rem; overflow: hidden; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 16px 15px, rgba(0, 0, 0, 0.03) 2px 4px 3px; box-shadow: rgba(0, 0, 0, 0.05) 0px 16px 15px, rgba(0, 0, 0, 0.03) 2px 4px 3px; } .page-links .programs .programs-list .program:before { content: counter(list-counter); position: absolute; font-size: clamp(2.4rem, 15vw, 24rem); letter-spacing: calc(-1 * (2px + 0.8vw)); line-height: 1; font-weight: 900; color: #e8ebf3; opacity: 0.4; right: -1.5rem; bottom: -4rem; z-index: -1; } .page-links .programs .programs-list .program .program__inner { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-links .programs .programs-list .program .program__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .page-links .programs .programs-list .program .program__icon { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; right: 3.5rem; top: 3.5rem; text-align: center; } .page-links .programs .programs-list .program .program__icon .acronym { letter-spacing: 0.25px; color: #9d9d9d; padding-top: 0.5rem; max-width: 7rem; } .page-links .programs .programs-list .program .program__icon .icon__wrapper { position: relative; width: 8.5rem; height: 5.5rem; } .page-links .programs .programs-list .program .program__icon .icon__wrapper img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .page-links .programs .programs-list .program .program__title { position: relative; font-size: 1.8rem; font-weight: 600; line-height: 1.5; letter-spacing: 0.25px; color: #030e31; max-width: calc(100% - 12rem); margin-bottom: 3rem; } .page-links .programs .programs-list .program .program__title:after { content: ""; position: absolute; left: 0; bottom: -1.5rem; width: 25%; max-width: 7.5rem; background-color: #030e31; height: 3px; border-radius: 5rem; } .page-links .programs .programs-list .program .program__category { font-size: 1.2rem; letter-spacing: 0.35px; font-weight: 400; margin-bottom: 0.5rem; } .page-links .programs .programs-list .program .program__name { color: #616161; max-width: 40rem; margin-bottom: 3rem; } .page-links .programs .programs-list .program .program__info { font-size: 1.5rem; max-width: 35rem; margin-top: 1rem; margin-bottom: 2.5rem; } .page-links .programs .programs-list .program .program__info li { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.5rem; padding-block: 0.45rem; } .page-links .programs .programs-list .program .program__info li:not(:last-child) { border-bottom: 1px solid #eef0f5; } .page-links .programs .programs-list .program .program__info li .l { -webkit-box-flex: 0; -ms-flex: 0 0 8rem; flex: 0 0 8rem; font-weight: 400; color: #616161; } .page-links .programs .programs-list .program .program__info li .v { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: 500; } .page-links .programs .programs-list .program .program__duration { display: inline-block; font-weight: 600; color: #1d398d; background-color: #e8ebf3; border-radius: 5rem; padding: 4px 16px; white-space: nowrap; } .page-links .programs .programs-list .program .program__duration .icon { font-size: 1.15rem; padding-right: 0.25rem; } .page-links .programs .programs-list .program .program__link { background-color: #eef0f5; border-radius: 5rem; padding: 4px 16px; } .page-links .programs .programs-list .program .program__link .icon { font-size: 1.1rem; padding-right: 0.25rem; } .page-links .programs .programs-list .program .program__link span:not(.icon) { max-width: 35ch; text-overflow: ellipsis; display: inline-block; vertical-align: middle; line-height: 1.4; white-space: nowrap; overflow: hidden; } .page-links .programs .programs-list .program .program__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; row-gap: 1rem; padding-top: 1.5rem; } .page-links .programs .programs-list .program:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 16px 20px, rgba(0, 0, 0, 0.06) 2px 4px 6px; box-shadow: rgba(0, 0, 0, 0.1) 0px 16px 20px, rgba(0, 0, 0, 0.06) 2px 4px 6px; } .page-links .programs .programs-list .program--espa .program__category { color: #e56700; } .page-links .programs .programs-list .program--espa .program__title:after, .page-links .programs .programs-list .program--espa .program__duration { color: #fff; background-color: #e56700; } .page-links .programs .programs-list .program--espa .program__info { max-width: 40rem; } .page-links .programs .programs-list .program--espa .program__info li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; } .page-links .programs .programs-list .program--espa .program__info li .l { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .page-links .programs .programs-list .program--europaika .program__category { color: #1d42ff; } .page-links .programs .programs-list .program--europaika .program__title:after, .page-links .programs .programs-list .program--europaika .program__duration { color: #ffffff; background-color: #1d42ff; } .page-links .programs .programs-list .program--europaika .program__link { background-color: rgba(29, 66, 255, 0.1); } .page-links .programs .programs-list .program--anakampsis .program__category { color: #00bb73; } .page-links .programs .programs-list .program--anakampsis .program__title:after, .page-links .programs .programs-list .program--anakampsis .program__duration { color: #ffffff; background-color: #00bb73; } @media only screen and (max-width: 991px) { .page-links .programs .programs-list .program { min-height: 18rem; } } .page-links .programs--expired .programs-list .program { background-color: #f8f8f8; } .page-links .programs--expired .programs-list .program .program__inner > *:not(.program__icon) { -webkit-filter: grayscale(100); filter: grayscale(100); } @media only screen and (max-width: 991px) { .page-links .programs .programs-list { grid-template-columns: 1fr; } } @media only screen and (max-width: 480px) { .page-links .programs .programs-list .program:before { font-size: clamp(2.4rem, 15vw, 40rem); letter-spacing: calc(-1 * (2px + 0.8vw)); right: 0rem; bottom: unset; top: -1rem; } .page-links .programs .programs-list .program { padding: 2.5rem; } .page-links .programs .programs-list .program .program__bottom { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-links .programs .programs-list .program .program__icon { position: relative; inset: unset; } .page-links .programs .programs-list .program .program__icon .acronym { max-width: 100%; } .page-links .programs .programs-list .program .program__icon .icon__wrapper { height: 7.5rem; width: 100%; } .page-links .programs .programs-list .program .program__top { margin-top: 2.5rem; } .page-links .programs .programs-list .program .program__top .program__title { text-align: center; max-width: 100%; } .page-links .programs .programs-list .program .program__top .program__title:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .page-links .programs .programs-list .program .program__top .program__category { text-align: center; } .page-links .programs .programs-list .program .program__info { margin-bottom: 1rem; } } .page-programmata-single .programmata-single-wrapper { margin-top: 5rem; } .custom-table { background-color: #eef0f5; border-radius: 2.5rem; max-width: 1080px; margin-inline: auto; overflow: hidden; } .custom-table .t-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .custom-table .t-row:nth-child(even) { background-color: rgb(225.1555555556, 228.6666666667, 237.4444444444); } .custom-table .t-cell { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.6rem; line-height: 1.5; text-align: left; padding: 2.5rem 3.5rem; } .custom-table .t-cell p { margin: 0; } .custom-table .t-cell ul { list-style: disc; padding-left: 1.5rem; } .custom-table .t-cell.t-header { font-weight: 600; -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; border-right: 1px solid rgb(212.3111111111, 217.3333333333, 229.8888888889); } @media only screen and (max-width: 640px) { .custom-table .t-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .custom-table .t-cell.t-header { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; padding-bottom: 0; border: 0; } .custom-table .t-cell.t-content { padding-top: 1rem; } .custom-table .t-row:first-child { padding-top: 1rem; } .custom-table .t-row:last-child { padding-bottom: 1.5rem; } } #diseases-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1.5rem; margin-top: 5rem; } #diseases-list .disease { border: 1px solid #e8ebf3; border-radius: 1rem; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #diseases-list .disease:hover { background-color: #eef0f5; } #diseases-list .disease a { font-size: 1.6rem; font-weight: 500; display: block; color: #1d398d; padding: 2rem 2.5rem; } #diseases-list .disease a::first-letter { font-size: 1.7rem; font-weight: 800; text-decoration: underline; color: #1d398d; padding-right: 1px; } .diseases-navigation h4 { margin-bottom: 2.5rem; } @media only screen and (max-width: 767px) { .diseases-navigation .az-component .az-item { font-size: 16px; min-width: 45px; max-width: 45px; min-height: 45px; max-height: 45px; } #diseases-list { grid-template-columns: 1fr; } } .page-portal-accept-terms #intro { padding-block: calc(5rem + 2.5vw) 7.5rem; } .page-portal-accept-terms #intro p { font-size: 1.6rem; line-height: 1.7; text-align: center; max-width: 900px; margin-inline: auto; } .page-portal-accept-terms #protupa { padding-bottom: calc(5rem + 2.5vw); margin-bottom: 10rem; max-width: 900px; margin-inline: auto; } .page-portal-accept-terms #digital-certification { max-width: 900px; margin-inline: auto; padding-bottom: 5rem; } .page-portal-accept-terms #digital-certification .certification-gov { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; border: 1px solid #e5e6ea; border-radius: 2.5rem; padding: 7.5rem 5rem 5rem 5rem; } .page-portal-accept-terms #digital-certification .certification-gov .img { position: absolute; background-color: #ffffff; padding: 2.5rem; top: -5.5rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 24rem; } @media only screen and (max-width: 767px) { .page-portal-accept-terms #digital-certification .certification-gov { padding: 6.5rem 3.5rem 3.5rem 3.5rem; } } #box .box-grid { margin-top: calc(3.5rem + 1.5vw); } #protupa .protupa-grid, #protupa .box-grid, #box .protupa-grid, #box .box-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr)); gap: 2.5rem; } #protupa .protupo-item, #protupa .box-item, #box .protupo-item, #box .box-item { position: relative; display: block; background-color: #eff0f2; border-radius: 1.5rem; padding: 3.5rem 3.5rem 7.5rem 3.5rem; min-height: 23rem; } #protupa .protupo-item h4, #protupa .box-item h4, #box .protupo-item h4, #box .box-item h4 { font-size: 1.8rem; line-height: 1.4; font-weight: 700; color: #030e31; } #protupa .box-item, #box .box-item { background-color: #eef0f5; } #protupa .protupo-item.protupo-1, #box .protupo-item.protupo-1 { background-color: #e4f4ff; border: 2px solid rgb(212.7, 237.7666666667, 255); } #protupa .protupo-item.protupo-2, #box .protupo-item.protupo-2 { background-color: #e9feee; border: 2px solid rgb(218.3652173913, 253.3347826087, 226.6913043478); } #protupa .protupo-item.protupo-3, #box .protupo-item.protupo-3 { background-color: #fef1e7; border: 2px solid rgb(253.388, 232.432, 216.312); } #protupa .protupo-item .action, #protupa .box-item .action, #box .protupo-item .action, #box .box-item .action { position: absolute; right: 2.5rem; bottom: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; border-radius: 50%; padding: 1rem; aspect-ratio: 1/1; width: 4rem; } #protupa .box-item .action, #box .box-item .action { background-color: #1d398d; } #protupa .protupo-item.protupo-1 .action, #box .protupo-item.protupo-1 .action { background-color: #2b83c3; } #protupa .protupo-item.protupo-2 .action, #box .protupo-item.protupo-2 .action { background-color: #29833a; } #protupa .protupo-item.protupo-3 .action, #box .protupo-item.protupo-3 .action { background-color: #d85a00; } .page-certifications .page-content { padding-block: calc(5rem + 2.5vw); margin-bottom: 7.5rem; } .page-certifications .certifications-list { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5rem; } .page-certifications .certifications-list .certification-item img { border-radius: 1.5rem; margin-bottom: 2.5rem; } .page-certifications .certifications-list .certification-item h4 { font-size: 1.8rem; font-weight: 700; color: #030e31; } .page-certifications .certifications-list .certification-item h4 .t1 { display: inline-block; font-size: 1.3rem; font-weight: 500; text-transform: uppercase; background-color: #eff0f2; padding: 5px 10px; margin-bottom: 8px; } .page-certifications .certifications-list .certification-item h4 .t2 { display: block; line-height: 1.5; } .page-certifications .certification-item .cert-link { margin-top: 2rem; } @media only screen and (max-width: 1280px) { .page-certifications .certifications-list { grid-template-columns: 1fr 1fr; gap: 3.5rem; } } @media only screen and (max-width: 640px) { .page-certifications .certifications-list { grid-template-columns: 1fr; } } .org-chart-wrapper { /*** PRIMARY ***/ /*** SECONDARY ***/ /*** TERTIARY ***/ /*** QUATERNARY ***/ /*** QUINARY ***/ /*** MEDIA QUERIES ***/ } .org-chart-wrapper .organization-chart { margin-bottom: calc(5rem + 1.5vw); } .org-chart-wrapper .bio-open, .org-chart-wrapper .bio-trigger { cursor: pointer; } .org-chart-wrapper ol.organization-chart, .org-chart-wrapper ol.organization-chart ol, .org-chart-wrapper ol.organization-chart li, .org-chart-wrapper ol.organization-chart li > div { position: relative; } .org-chart-wrapper ol.organization-chart, .org-chart-wrapper ol.organization-chart ol { list-style: none; padding: 0; } .org-chart-wrapper ol.organization-chart { text-align: center; } .org-chart-wrapper ol.organization-chart ol { padding-top: 1em; } .org-chart-wrapper ol.organization-chart div h3 { font-size: 1.4rem; line-height: 1.4; } .org-chart-wrapper ol.organization-chart h2, .org-chart-wrapper ol.organization-chart h3, .org-chart-wrapper ol.organization-chart h4 { max-width: 93%; margin-inline: auto; } .org-chart-wrapper ol.organization-chart .tel { display: block; font-size: 1.6rem; font-weight: 800; background-color: #ffc522; padding: 0.5rem 1rem; border-radius: 3px; margin-top: 0.75rem; } .org-chart-wrapper ol.organization-chart .tel .icon { font-size: 1.2rem; margin-right: 0.25rem; } .org-chart-wrapper ol.organization-chart .level-one .title { position: relative; padding: 1.5rem 2.5rem; } .org-chart-wrapper ol.organization-chart .level-one .title > h2 { font-size: 1.8rem; font-weight: 700; line-height: 1.4; } .org-chart-wrapper ol.organization-chart .level-one .hasTelephone:after { top: 2.8rem; } .org-chart-wrapper ol.organization-chart .hasTelephone:after { content: "\f095"; position: absolute; left: 1.8rem; top: 2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "Font Awesome 5 Free"; font-size: 1.15rem; opacity: 0.4; font-weight: 900; margin-right: 8px; } .org-chart-wrapper ol.organization-chart ol.level-two .hasTelephone:after { top: 2.5rem; } .org-chart-wrapper ol.organization-chart ol.level-three .hasTelephone:after { top: 2rem; } .org-chart-wrapper ol.organization-chart ol.level-four .hasTelephone:after { left: 1.2rem; } .org-chart-wrapper ol.organization-chart ol:before, .org-chart-wrapper ol.organization-chart ol:after, .org-chart-wrapper ol.organization-chart li:before, .org-chart-wrapper ol.organization-chart li:after, .org-chart-wrapper ol.organization-chart > li > div:before, .org-chart-wrapper ol.organization-chart > li > div:after { background-color: #c4cfe6; content: ""; position: absolute; } .org-chart-wrapper ol.organization-chart ol > li { padding: 1em 0 0 1em; } .org-chart-wrapper ol.organization-chart > li ol:before { height: 2em; left: 50%; top: 0; width: 3px; } .org-chart-wrapper ol.organization-chart > li ol:after { height: 3px; left: 3px; top: 1em; width: 50%; } .org-chart-wrapper ol.organization-chart > li ol > li:not(:last-of-type):before { height: 3px; left: 0; top: 2em; width: 1em; } .org-chart-wrapper ol.organization-chart > li ol > li:not(:last-of-type):after { height: 100%; left: 0; top: 0; width: 3px; } .org-chart-wrapper ol.organization-chart > li ol > li:last-of-type:before { height: 3px; left: 0; top: 2em; width: 1em; } .org-chart-wrapper ol.organization-chart > li ol > li:last-of-type:after { height: 2em; left: 0; top: 0; width: 3px; } .org-chart-wrapper ol.organization-chart li > div { background-color: #eef3ff; border-radius: 3px; min-height: 2rem; padding: 1rem 1.65rem; } .org-chart-wrapper ol.organization-chart > li > div { color: #ffffff; background-color: #0062ff; margin-right: 1em; } .org-chart-wrapper ol.organization-chart > li > div:before { bottom: 2em; height: 3px; right: -1em; width: 1em; } .org-chart-wrapper ol.organization-chart > li > div:first-of-type:after { bottom: 0; height: 2em; right: -1em; width: 3px; } .org-chart-wrapper ol.organization-chart > li > div + div { margin-top: 1em; } .org-chart-wrapper ol.organization-chart > li > div + div:after { height: calc(100% + 1em); right: -1em; top: -1em; width: 3px; } .org-chart-wrapper ol.organization-chart > li > ol:before { left: inherit; right: 0; } .org-chart-wrapper ol.organization-chart > li > ol:after { left: 0; width: 100%; } .org-chart-wrapper ol.organization-chart > li > ol > li > div { color: #ffffff; background-color: #132971; } .org-chart-wrapper ol.organization-chart > li > ol > li > ol > li > div { background-color: #b2c8ff; } .org-chart-wrapper ol.organization-chart > li > ol > li > ol > li > ol > li > div { background-color: #dee9ff; } .org-chart-wrapper ol.organization-chart > li > ol > li > ol > li > ol > li > ol > li > div { background-color: #ffedbc; } .org-chart-wrapper ol.organization-chart > li > ol > li > ol > li > ol > li > ol > li > ol > li > div { background-color: #f7f0db; } @media only screen and (min-width: 64em) { .org-chart-wrapper { /* PRIMARY */ /* SECONDARY */ } .org-chart-wrapper ol.organization-chart { margin-left: -1em; margin-right: -1em; } .org-chart-wrapper ol.organization-chart > li > div { display: inline-block; float: none; margin: 0 1em 1em 1em; vertical-align: bottom; } .org-chart-wrapper ol.organization-chart > li > div:only-of-type { margin-bottom: 0; width: calc(100% - 2em - 4px); } .org-chart-wrapper ol.organization-chart > li > div:first-of-type:nth-last-of-type(2), .org-chart-wrapper ol.organization-chart > li > div:first-of-type:nth-last-of-type(2) ~ div { width: calc(50% - 2em - 4px); } .org-chart-wrapper ol.organization-chart > li > div:first-of-type:nth-last-of-type(3), .org-chart-wrapper ol.organization-chart > li > div:first-of-type:nth-last-of-type(3) ~ div { width: calc(33.3333333333% - 2em - 4px); } .org-chart-wrapper ol.organization-chart > li > div:first-of-type:nth-last-of-type(4), .org-chart-wrapper ol.organization-chart > li > div:first-of-type:nth-last-of-type(4) ~ div { width: calc(25% - 2em - 4px); } .org-chart-wrapper ol.organization-chart > li > div:first-of-type:nth-last-of-type(5), .org-chart-wrapper ol.organization-chart > li > div:first-of-type:nth-last-of-type(5) ~ div { width: calc(20% - 2em - 4px); } .org-chart-wrapper ol.organization-chart > li > div:before, .org-chart-wrapper ol.organization-chart > li > div:after { bottom: -1em !important; top: inherit !important; } .org-chart-wrapper ol.organization-chart > li > div:before { height: 1em !important; left: 50% !important; width: 3px !important; } .org-chart-wrapper ol.organization-chart > li > div:only-of-type:after { display: none; } .org-chart-wrapper ol.organization-chart > li > div:first-of-type:not(:only-of-type):after, .org-chart-wrapper ol.organization-chart > li > div:last-of-type:not(:only-of-type):after { bottom: -1em; height: 3px; width: calc(50% + 1em + 3px); } .org-chart-wrapper ol.organization-chart > li > div:first-of-type:not(:only-of-type):after { left: calc(50% + 3px); } .org-chart-wrapper ol.organization-chart > li > div:last-of-type:not(:only-of-type):after { left: calc(-1em - 3px); } .org-chart-wrapper ol.organization-chart > li > div + div:not(:last-of-type):after { height: 3px; left: -2em; width: calc(100% + 4em); } .org-chart-wrapper ol.organization-chart > li > ol { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .org-chart-wrapper ol.organization-chart > li > ol:before, .org-chart-wrapper ol.organization-chart > li > ol > li:before { height: 1em !important; left: 50% !important; top: 0 !important; width: 3px !important; } .org-chart-wrapper ol.organization-chart > li > ol:after { display: none; } .org-chart-wrapper ol.organization-chart > li > ol > li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 1em; padding-right: 1em; padding-top: 1em; } .org-chart-wrapper ol.organization-chart > li > ol > li:only-of-type { padding-top: 0; } .org-chart-wrapper ol.organization-chart > li > ol > li:only-of-type:before, .org-chart-wrapper ol.organization-chart > li > ol > li:only-of-type:after { display: none; } .org-chart-wrapper ol.organization-chart > li > ol > li:first-of-type:not(:only-of-type):after, .org-chart-wrapper ol.organization-chart > li > ol > li:last-of-type:not(:only-of-type):after { height: 3px; top: 0; width: 50%; } .org-chart-wrapper ol.organization-chart > li > ol > li:first-of-type:not(:only-of-type):after { left: 50%; } .org-chart-wrapper ol.organization-chart > li > ol > li:last-of-type:not(:only-of-type):after { left: 0; } .org-chart-wrapper ol.organization-chart > li > ol > li + li:not(:last-of-type):after { height: 3px; left: 0; top: 0; width: 100%; } } .page-login .page-main { background-color: #eff0f2; } .page-login .com-users-login.login { max-width: 650px; background: transparent; padding-top: calc(5rem + 2.5vw); margin-top: 0; } .page-login .com-users-login.login form { color: #030e31; } .page-login .com-users-login.login form label { color: #030e31; } .page-login .com-users-login.login form input { color: #030e31; background-color: #ffffff; border: 1px solid rgba(3, 14, 49, 0.15); } .page-login .com-users-login.login form button { border: 0; } .osmap-sitemap { padding-block: 5rem; line-height: 1.6; } .osmap-sitemap h2 { font-size: 1.5rem; margin-bottom: 1rem; border-bottom: 2px solid #0077b6; padding-bottom: 0.3rem; color: #0077b6; } .osmap-sitemap .osmap-items { max-width: 1080px; padding-inline: 3.5rem; margin-inline: auto; } .osmap-sitemap .osmap-items .osmap-link { position: relative; display: block; width: calc(100% - 3.5rem); } .osmap-sitemap .osmap-items .toggle-icon { position: absolute; right: -2rem; top: 0; width: 18px; height: 18px; font-size: 1.4rem; margin-left: 1rem; color: #1d398d; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .osmap-sitemap .osmap-items .toggle-icon:focus { outline: 2px dashed #ffc522; outline-offset: 1.5px; } .osmap-sitemap .osmap-items li.active .toggle-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .osmap-sitemap .osmap-items ul { list-style: none; padding-left: 0; margin: 0; } .osmap-sitemap .osmap-items ul.level_0 { padding-left: 0; } .osmap-sitemap .osmap-items ul li { margin-bottom: 0.5rem; padding-left: 1.5rem; position: relative; } .osmap-sitemap .osmap-items ul li::before { content: "•"; position: absolute; left: 0; color: #1d398d; } .osmap-sitemap .osmap-items ul li.osmap-has-children > a { font-weight: bold; color: #1d398d; } .osmap-sitemap .osmap-items ul li a { text-decoration: none; color: #333; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .osmap-sitemap .osmap-items ul li ul { margin-top: 0.5rem; margin-left: 1rem; border-left: 2px dashed #ccc; padding-left: 1rem; } .osmap-sitemap .osmap-items ul li ul li { padding-left: 2.5rem; } .osmap-sitemap .osmap-items ul li ul li::before { content: "→"; color: #aaa; } @media (max-width: 768px) { .osmap-sitemap { padding-block: 3.5rem; } .osmap-sitemap h2 { font-size: 1.25rem; } .osmap-sitemap .osmap-items .toggle-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .osmap-sitemap ul.level_1, .osmap-sitemap ul.level_2, .osmap-sitemap ul.level_3 { display: none; } .osmap-sitemap li.active > ul { display: block; } } @media only screen and (max-width: 480px) { .osmap-sitemap .osmap-items { padding-inline: 2.5rem; } } .com-newsfeeds-newsfeed { padding-block: 5rem; padding-inline: 5rem; max-width: 1080px; margin-inline: auto; } .com-newsfeeds-newsfeed h2 a { color: #0077b6; text-decoration: none; } .com-newsfeeds-newsfeed h2 a:hover { text-decoration: underline; } .com-newsfeeds-newsfeed__description { margin-bottom: 2.5rem; } .com-newsfeeds-newsfeed__items { list-style: none; padding: 0; margin: 0; } .com-newsfeeds-newsfeed__items li { background-color: #eef0f5; border-radius: 1.5rem; padding: 1.5rem 2rem; margin-bottom: 1.2rem; } .com-newsfeeds-newsfeed__items li h3.feed-link { font-size: 1.5rem; margin-bottom: 0.5rem; } .com-newsfeeds-newsfeed__items li h3.feed-link a { color: #023e8a; text-decoration: none; } .com-newsfeeds-newsfeed__items li h3.feed-link a:hover { color: #0077b6; text-decoration: underline; } .com-newsfeeds-newsfeed__items li .feed-item-description { font-size: 1.3rem; color: #444; } .com-newsfeeds-newsfeed__items li .feed-item-description .feed-description p { margin: 0.3rem 0; } .com-newsfeeds-newsfeed__items li .feed-item-description .feed-description a { color: #0077b6; text-decoration: underline; } .com-newsfeeds-newsfeed__items li .feed-item-description .feed-description a:hover { color: #0096c7; } @media only screen and (max-width: 767px) { .com-newsfeeds-newsfeed { padding-inline: 3.5rem; } .com-newsfeeds-newsfeed h2 { font-size: 1.5rem; } .com-newsfeeds-newsfeed__items li { padding: 1rem; } .com-newsfeeds-newsfeed h3.feed-link { font-size: 1rem; } .com-newsfeeds-newsfeed .feed-item-description { font-size: 0.9rem; } } .maintenance-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 2rem; } .maintenance-wrapper .site-logo { position: fixed; top: 5rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .maintenance-wrapper .site-logo img { max-width: 20rem; } .maintenance-wrapper .maintenance-card { max-width: 900px; text-align: center; padding-block: 5rem; } .maintenance-wrapper .maintenance-card .eody-logo { max-width: clamp(400px, 50vw, 700px); margin-bottom: 1.5rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .maintenance-wrapper .maintenance-card h1 { font-size: clamp(1.8rem, 5vw, 3rem); font-weight: 600; letter-spacing: -0.5px; color: #1d398d; margin-bottom: 0.5rem; } .maintenance-wrapper .maintenance-card footer { margin-top: 2rem; color: #999; } .not-found-wrapper { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-block: calc(5rem + 2.5vw) calc(5rem + 5vw); } .not-found-wrapper .not-found-container { max-width: 900px; text-align: center; } .not-found-wrapper .not-found-container .not-found-logo { max-width: clamp(250px, 30vw, 450px); margin-bottom: 1.5rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .not-found-wrapper .not-found-container h2 { font-size: clamp(1.8rem, 5vw, 3.6rem); font-weight: 600; letter-spacing: -0.5px; margin-bottom: 1.5rem; } .not-found-wrapper .not-found-container h5 { font-size: 1.6rem; font-weight: 400; line-height: 1.5; color: #030e31; max-width: 400px; margin-inline: auto; margin-bottom: 3.5rem; } .modal .modal-body ul { list-style-type: disc; padding-left: 2rem; } .modal .modal-body ul li { padding-bottom: 1rem; } .page-post article#single-article .toggle-section, .toggle-section { background-color: #eef0f5; border-radius: 1.5rem; padding-inline: 3.5rem; } .page-post article#single-article .toggle-section > .toggle-header:before, .toggle-section > .toggle-header:before { display: none; } .page-post article#single-article .toggle-section .toggle-header, .toggle-section .toggle-header { position: relative; padding-block: 3.5rem; font-size: 1.8rem; font-weight: 700; color: #1d398d; padding-right: 2.5rem; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .page-post article#single-article .toggle-section .toggle-header:before, .toggle-section .toggle-header:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: rgba(3, 14, 49, 0.07); } .page-post article#single-article .toggle-section .toggle-header:after, .toggle-section .toggle-header:after { content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; position: absolute; top: 3.5rem; right: 0; -webkit-transform: rotate(0); transform: rotate(0); color: rgba(29, 57, 141, 0.65); margin-left: 8px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .page-post article#single-article .toggle-section .toggle-header.active:after, .toggle-section .toggle-header.active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .page-post article#single-article .toggle-section .toggle-header.--subheader, .toggle-section .toggle-header.--subheader { padding-block: 1.75rem; } .page-post article#single-article .toggle-section .toggle-header.--subheader:after, .toggle-section .toggle-header.--subheader:after { top: 1.5rem; } .page-post article#single-article .toggle-section .toggle-header.--subheader h4, .toggle-section .toggle-header.--subheader h4 { font-size: 1.6rem; font-weight: 700; } .page-post article#single-article .toggle-section .toggle-header h2, .toggle-section .toggle-header h2 { font-size: 2.4rem; font-weight: 800; } .page-post article#single-article .toggle-section .toggle-header h4, .toggle-section .toggle-header h4 { font-size: 2rem; font-weight: 800; } .page-post article#single-article .toggle-section .toggle-header h5, .toggle-section .toggle-header h5 { font-size: 1.8rem; font-weight: 600; } @media only screen and (max-width: 767px) { .page-post article#single-article .toggle-section .toggle-header h2, .toggle-section .toggle-header h2 { font-size: 2rem; } .page-post article#single-article .toggle-section .toggle-header h4, .toggle-section .toggle-header h4 { font-size: 1.8rem; } .page-post article#single-article .toggle-section .toggle-header h5, .toggle-section .toggle-header h5 { font-size: 1.6rem; } } .page-post article#single-article .toggle-section .toggle-header *, .toggle-section .toggle-header * { margin-block: 0; } .page-post article#single-article .toggle-section .content, .toggle-section .content { display: none; } .page-post article#single-article .toggle-section > .content, .toggle-section > .content { padding-bottom: 3.5rem; } .page-post article#single-article .toggle-section .content .posts, .toggle-section .content .posts { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; padding-bottom: 3.5rem; max-height: 600px; overflow-y: auto; overflow-x: hidden; } .page-post article#single-article .toggle-section .content .posts .post-link, .toggle-section .content .posts .post-link { -webkit-box-shadow: none; box-shadow: none; background-color: rgba(255, 255, 255, 0.5); padding-right: 6rem; border-radius: 1.5rem; margin: 0; } .page-post article#single-article .toggle-section .content .posts .post-link span, .toggle-section .content .posts .post-link span { font-size: 1.5rem; font-weight: 500; line-height: 1.55; color: #030e31; padding-right: 0; } @media only screen and (max-width: 640px) { .page-post article#single-article .toggle-section .content .posts, .toggle-section .content .posts { grid-template-columns: 1fr; } } .page-post article#single-article .page-content #page-inner-content .post-section .accordion-header > *, .page-post article#single-article .page-content #page-inner-content .post-section .toggle-header > * { margin-block: 0; } .page-eody .page-content._withSidebar #page-inner-content #sidebar { margin-top: -2rem; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block { margin-bottom: 3rem; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block .sidebar-block-title { font-size: 1.8rem; font-weight: 800; margin-bottom: 1.5rem; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block .sidebar-block-title._withIcon { position: relative; color: #1d398d; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block .sidebar-block-title._withIcon:before { content: ""; position: absolute; left: -20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 15px; height: 8px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 12px solid #ffc522; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.related-articles .article-item { position: relative; margin-bottom: 1.25rem; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.related-articles .article-item h5 { font-size: 1.5rem; font-weight: 500; line-height: 1.6; color: #030e31; padding-right: 4.5rem; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.related-articles .article-item:before { content: "\f061"; position: absolute; top: 0; right: 0; font-family: FontAwesome; color: #030e31; font-size: 1.4rem; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.related-articles.related-diseases .article-item { background-color: #eef0f5; border-radius: 1rem; padding: 0.75rem 1.5rem; margin-bottom: 1rem; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.related-articles.related-diseases .article-item:before { content: "\f054"; color: rgba(3, 14, 49, 0.25); top: 50%; right: 1.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.multimedia-block .multimedia-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.5rem; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.multimedia-block .multimedia-grid .mg-item { position: relative; aspect-ratio: 1/1; border-radius: 7px; overflow: hidden; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.multimedia-block .multimedia-grid .mg-item figure { display: block; height: 100%; margin: 0; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.multimedia-block .multimedia-grid .mg-item figure img { position: absolute; inset: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.dates-block ul.dates { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 6px; -moz-column-gap: 6px; column-gap: 6px; row-gap: 8px; margin-top: 10px; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.dates-block ul.dates li a, .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.dates-block ul.dates li span { display: inline-block; font-size: 13px; font-weight: 600; color: #1d398d; background-color: #eef0f5; padding: 4px 15px; border-radius: 20px; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.dates-block ul.dates li .year-filter.active { background-color: #ffc522; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.postCategories-block ul { margin-top: 20px; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.postCategories-block ul li { border-bottom: 1px solid #eef0f5; padding-block: 1rem; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.postCategories-block ul li a { font-size: 1.5rem; font-weight: 400; color: #030e31; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.postCategories-block ul li a.active { font-weight: 600; } .page-eody .page-content._withSidebar #page-inner-content #sidebar.posts-sidebar .sidebar-inner { padding-left: 5rem; } .page-eody .page-content._withSidebar #page-inner-content #sidebar.posts-sidebar .sidebar-block .sidebar-block-title._withIcon { color: #1d398d; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.contact-block .contact-info .contact-item h5 { font-size: 1.4rem; line-height: 1.7; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.contact-block .contact-info .contact-item a { font-size: 1.5rem; line-height: 1.7; font-weight: 600; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.contact-block .contact-info .contact-item:not(:last-child) { border-bottom: 1px solid #eef0f5; margin-bottom: 1.5rem; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.contact-block .social-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.25rem; margin-top: 0.5rem; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.contact-block .social-media .icon { font-size: 1.8rem; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.social-media-block .social-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.5rem; } .page-eody .page-content._withSidebar #page-inner-content #sidebar .sidebar-block.social-media-block .social-media .icon { font-size: 1.8rem; } .post-types-list ul li.post-item { margin-bottom: 0.85rem; } .post-types-list .post-item { position: relative; padding-left: 2.25rem; } .post-types-list .post-item .label { font-weight: 700; color: #030e31; } .post-types-list .post-item:before { font-family: "Font Awesome 5 Free"; color: #030e31; font-size: 1.4rem; font-weight: 900; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .post-types-list .post-item.type--post:before { content: "\f1ea"; } .post-types-list .post-item.type--page:before { content: "\f15b"; } .post-types-list .post-item.type--disease:before { content: "\f0fe"; } .post-types-list .post-item.type--event:before { content: "\f073"; } .post-types-list .post-item.type--person:before { content: "\f007"; } .post-types-list .post-item.type--service:before { content: "\f1ad"; } .post-types-list .post-item.type--taxidiotiki:before { content: "\f0ac"; } .post-types-list .post-item.type--menuItem:before { content: "\f0c9"; font: var(--fa-font-solid); } .posts-list .post-list-item { position: relative; background-color: #ffffff; -webkit-box-shadow: 0 0 20px rgba(29, 57, 141, 0.15); box-shadow: 0 0 20px rgba(29, 57, 141, 0.15); border-radius: 2.5rem; padding: 2.5rem 3rem; } .posts-list .post-list-item .item--title { display: block; max-width: calc(100% - 7.5rem); margin-bottom: 1.5rem; } .posts-list .post-list-item .item--title h5 { font-size: 2rem; font-weight: 800; line-height: 1.5; } .posts-list .post-list-item .item--bottomInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 40px; margin-top: 1.5rem; } .posts-list .post-list-item .item--bottomInfo > * { position: relative; } .posts-list .post-list-item .item--bottomInfo > *:not(:last-child):after { content: ""; position: absolute; right: -20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 3px; height: 3px; border-radius: 10px; background-color: #9093a1; } .posts-list .post-list-item .item--bottomInfo .bottomInfo--date { font-size: 1.3rem; color: #9093a1; } .posts-list .post-list-item .item--bottomInfo .bottomInfo--date .date { padding-left: 0.35rem; } .posts-list .post-list-item .item--bottomInfo .bottomInfo--types .post-types-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 40px; } .posts-list .post-list-item .item--bottomInfo .bottomInfo--types .post-types-list ul li { position: relative; padding-left: 1.8rem; margin-bottom: 0; } .posts-list .post-list-item .item--bottomInfo .bottomInfo--types .post-types-list ul li:not(:last-child):after { content: ""; position: absolute; right: -20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 3px; height: 3px; border-radius: 10px; background-color: #9093a1; } .posts-list .post-list-item .item--bottomInfo .bottomInfo--types .post-types-list ul li:before { color: #9093a1; } .posts-list .post-list-item .item--bottomInfo .bottomInfo--types .post-types-list ul li .label { color: #9093a1; font-size: 1.3rem; font-weight: 400; } .posts-list .post-list-item .item--action { position: absolute; right: 2.5rem; top: 2.5rem; } .posts-list .post-list-item .item--action .arrow-btn { background-color: #e8ebf3; } @media only screen and (max-width: 767px) { .posts-list .post-list-item .item--title { max-width: 100%; } .posts-list .post-list-item .item--title h5 { font-size: 1.8rem; } .posts-list .post-list-item .item--bottomInfo { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.5rem; } .posts-list .post-list-item .item--bottomInfo .bottomInfo--date { position: relative; display: block; width: 100%; } .posts-list .post-list-item .item--bottomInfo .bottomInfo--date:before { content: ""; display: block; width: 100%; height: 1px; background-color: #e8ebf3; position: absolute; bottom: -8px; } .posts-list .post-list-item .item--bottomInfo .bottomInfo--date:after { display: none; } .posts-list .post-list-item .item--action { display: none; } } .contact-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr)); gap: 1.5rem; } .contact-cards .contact-card { background-color: #eef0f5; border-radius: 1.5rem; padding: 2.5rem; } .contact-cards .contact-card > *:not(:last-child) { margin-bottom: 1.5rem; } .contact-cards .contact-card h4 { font-size: 1.6rem !important; font-weight: 700 !important; } .contact-cards .contact-card .values { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; margin-top: 7px; } .contact-cards .contact-card .values a { font-weight: 600; background-color: #ffffff; text-wrap: nowrap; padding: 4px 16px; border-radius: 15px; } .links-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr)); gap: 1.5rem; } .com-content-category-blog__pagination { margin-top: 3.5rem; } .com-content-category-blog__pagination .pagination__wrapper .pagination { gap: 0.5rem; } .com-content-category-blog__pagination .pagination__wrapper .pagination .page-item .page-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 4.2rem; height: 4.2rem; aspect-ratio: 1/1; font-size: 1.4rem; font-weight: 700; color: #030e31; border-radius: 2.2rem; padding: 1rem; } .com-content-category-blog__pagination .pagination__wrapper .pagination .page-item.active .page-link { background-color: #ffc522; border-color: #ffc522; } .com-content-category-blog__pagination .pagination__wrapper .pagination .page-item.--icon .page-link { background-color: #eff0f2; } .nsc-scroller { --gap: 2.5rem; --horGap: 1.5rem; --duration: 70s; --scroll-start: 0; --scroll-end: calc(-100% - var(--gap)); display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--gap); overflow: hidden; } .nsc-scroller .nsc-scroller-group { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--gap); -webkit-animation: scroll-x var(--duration) linear infinite; animation: scroll-x var(--duration) linear infinite; } .nsc-scroller .nsc-scroller-group .scroller-item:first-child { margin-left: 0; } .nsc-scroller .nsc-scroller-group .scroller-item:last-child { margin-right: 0; } .nsc-scroller:hover .nsc-scroller-group { -webkit-animation-play-state: paused; animation-play-state: paused; } @media (prefers-reduced-motion: reduce) { .nsc-scroller .nsc-scroller-group { -webkit-animation-play-state: paused; animation-play-state: paused; } } @-webkit-keyframes scroll-x { from { -webkit-transform: translateX(var(--scroll-start)); transform: translateX(var(--scroll-start)); } to { -webkit-transform: translateX(var(--scroll-end)); transform: translateX(var(--scroll-end)); } } @keyframes scroll-x { from { -webkit-transform: translateX(var(--scroll-start)); transform: translateX(var(--scroll-start)); } to { -webkit-transform: translateX(var(--scroll-end)); transform: translateX(var(--scroll-end)); } } .dots { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dots .dot { width: 7px; height: 7px; margin: 0 0.2rem; background: #030e31; border-radius: 50%; } .dots .dot:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .dots .dot:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } @-webkit-keyframes bouncing-loader { to { -webkit-transform: translate3d(0, -1rem, 0); transform: translate3d(0, -1rem, 0); } } @keyframes bouncing-loader { to { -webkit-transform: translate3d(0, -1rem, 0); transform: translate3d(0, -1rem, 0); } } @page { size: Letter portrait; margin-inline: 0.25in; margin-block: 0.65in; } @media print { * { color: #000 !important; } html, body { font-size: 9pt; font-family: Arial, sans-serif; color: #000; background-color: white !important; } header, footer, #sidebar, .cc-trigger { display: none !important; } .page-header { min-height: unset; background-color: white !important; padding-top: 6.5rem; padding-bottom: 1rem; } .page-header .page-header--img { display: none; } .page-header .page-title { padding-bottom: 0; border-bottom: 1px solid #ddd; padding-bottom: 1.5rem; } .page-header .page-title h1 { font-size: 15pt; line-height: 1.5; } .page-header .page-breadcrumbs nav li.breadcrumb-item + .breadcrumb-item::before { color: #000; } .post-top .articleCats { margin-top: 2.5rem; } .post-top .articleCats .articleCat { padding: 0; } .page-breadcrumbs, .post-navigation, .disease--category, .post-actions, .post-meta .post-actions { display: none !important; } .post-meta { border-bottom: 0px !important; } .post-content .post-link { -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid #000; } article#single-article .page-content, article#single-article .post-content { padding-top: 0 !important; } #feedback-btn { display: none; } } .page-articles #single-article .description ul { list-style: disc; padding-left: 3.5rem; margin-bottom: 2.5rem; } .post-actions .addtoany_list span { font-size: 1.6rem; color: #030e31; } .page-post .page-content .post-top .articleCats.notags { margin-top: 2.5rem; } .page-epikoinonia .back-to-top { bottom: 85px !important; } em { font-style: italic; } .content-padding { padding-left: 7.5rem; padding-right: 7.5rem; } @media only screen and (max-width: 1600px) { .content-padding { padding-left: 6rem; padding-right: 6rem; } } @media only screen and (max-width: 1440px) { .content-padding { padding-left: 5rem; padding-right: 5rem; } } @media only screen and (max-width: 1280px) { .content-padding { padding-left: 3.75rem; padding-right: 3.75rem; } } @media only screen and (max-width: 767px) { .content-padding { max-width: 100%; padding-left: 3rem; padding-right: 3rem; } } @media only screen and (max-width: 640px) { .content-padding { padding-left: 2.5rem; padding-right: 2.5rem; } } .content-padding-left { padding-left: 7.5rem; } @media only screen and (max-width: 1600px) { .content-padding-left { padding-left: 6rem; } } @media only screen and (max-width: 1440px) { .content-padding-left { padding-left: 5rem; } } @media only screen and (max-width: 1280px) { .content-padding-left { padding-left: 3.75rem; } } @media only screen and (max-width: 767px) { .content-padding-left { padding-left: 3rem; max-width: 100%; } } @media only screen and (max-width: 640px) { .content-padding-left { padding-left: 2.5rem; } } .content-padding-right, header.site-header #top-bar .news-scroller-container { padding-right: 7.5rem; } @media only screen and (max-width: 1600px) { .content-padding-right, header.site-header #top-bar .news-scroller-container { padding-right: 6rem; } } @media only screen and (max-width: 1440px) { .content-padding-right, header.site-header #top-bar .news-scroller-container { padding-right: 5rem; } } @media only screen and (max-width: 1280px) { .content-padding-right, header.site-header #top-bar .news-scroller-container { padding-right: 3.75rem; } } @media only screen and (max-width: 767px) { .content-padding-right, header.site-header #top-bar .news-scroller-container { padding-right: 3rem; max-width: 100%; } } @media only screen and (max-width: 640px) { .content-padding-right, header.site-header #top-bar .news-scroller-container { padding-right: 2.5rem; } } .section-title h2 { font-size: clamp(2.8rem, 3vw + 0.5rem, 4.2rem); font-weight: 800; color: #030e31; line-height: 1.5; } .section-title h3 { font-size: 3.6rem; font-weight: 800; color: #030e31; line-height: 1.5; } .section-title h4 { font-size: 2.8rem; font-weight: 800; color: #030e31; line-height: 1.5; } .section-title.centered { text-align: center; } @media only screen and (max-width: 991px) { .section-title h3 { font-size: 2.8rem; } .section-title h4 { font-size: 2rem; } } @media only screen and (max-width: 640px) { .section-title h3 { font-size: 2.4rem; } .section-title h4 { font-size: 1.8rem; } } @media only screen and (max-width: 480px) { .section-title h3 { font-size: 2rem; } .section-title h4 { font-size: 1.6rem; } } .swiper-button-prev:after { font-family: "metrocal-icons"; content: "\e900"; font-size: 2.4rem; color: #000000; } .swiper-button-next:after { font-family: "metrocal-icons"; content: "\e902"; font-size: 2.4rem; color: #000000; } .swiper-pagination .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.75); } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #ffffff; width: 4rem; border-radius: 5px; } .swiper-pagination._dark .swiper-pagination-bullet { background-color: rgba(3, 14, 49, 0.75); } .swiper-pagination._dark .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #030e31; } .btn { font-size: 1.6rem; font-weight: 600; white-space: nowrap; text-wrap: pretty; padding: 1.5rem 3.5rem; } .btn .icon { font-size: 1.8rem; vertical-align: middle; padding-left: 0.5rem; } .btn.btn-primary.btn-shadow { -webkit-box-shadow: 0 5px 25px rgba(29, 57, 141, 0.5); box-shadow: 0 5px 25px rgba(29, 57, 141, 0.5); } .container-fluid { padding-left: 0; padding-right: 0; } .mt-6 { margin-top: 3.5rem; } .gx-10 { --bs-gutter-x: 5rem; } .tooltip { font-size: 13px; } @media (max-width: 1200px) { .container { max-width: 100%; padding-inline: 5rem; } } @media (max-width: 768px) { .container { padding-inline: 3.5rem; } } @media (max-width: 540px) { .container { padding-inline: 2.5rem; } } .fixedBody { position: fixed; } .modal { --bs-modal-border-radius: 2.5rem; } .modal .modal-content { padding-block: 2rem 2.5rem; } .modal .modal-header { padding-inline: 3rem; border: 0; } .modal .modal-header .modal-title { font-size: 2.4rem; font-weight: 700; } .modal .modal-header button.close { font-size: 2.8rem; } .modal .modal-body { padding-inline: 3rem; } .modal .modal-body .form-group input, .modal .modal-body .form-group label, .modal .modal-body .form-group textarea { font-size: 1.4rem; } .modal .modal-footer { padding-inline: 3rem; border: 0; } .modal .modal-footer .btn.btn-secondary { color: #1d398d; border: 1px solid #1d398d; background-color: transparent; } .custom-select-wrapper-2 { position: relative; display: inline-block; min-width: 200px; } .custom-select-wrapper-2 .custom-select { position: relative; height: 100%; } .custom-select-wrapper-2 .custom-select-trigger { position: relative; display: block; padding: 10px 20px; font-size: 14px; font-weight: 500; color: #555; line-height: 1.6; background: #fff; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; } .custom-select-wrapper-2 .custom-select-trigger:after { font: var(--fa-font-solid); content: " \f078"; font-size: 1.2rem; color: #1d398d; position: absolute; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .custom-select-wrapper-2 .custom-options { position: absolute; top: calc(100% + 2px); left: 0; right: 0; z-index: 10; display: none; border-radius: 1.5rem; background: #fff; -webkit-box-shadow: 0 10px 25px rgba(29, 57, 141, 0.15); box-shadow: 0 10px 25px rgba(29, 57, 141, 0.15); min-width: 25rem; padding: 0.75rem; overflow: auto; } .custom-select-wrapper-2 .custom-options.active { display: block; } .custom-select-wrapper-2 .custom-option { position: relative; display: block; padding: 10px 20px; font-size: 1.5rem; font-weight: 500; border-radius: 1rem; color: #1d398d; color: #030e31; cursor: pointer; } .custom-select-wrapper-2 .custom-option:hover { background: #e8ebf3; } .custom-select-wrapper { position: relative; display: inline-block; } .custom-select-wrapper .custom-select { position: relative; height: 100%; } .custom-select-wrapper .custom-dropdown-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .custom-select-wrapper .custom-dropdown-title label { color: #030e31; margin-bottom: 5px; } .custom-select-wrapper .custom-select-trigger { position: relative; display: inline-block; font-size: 1.4rem; line-height: 1.4; font-weight: 500; text-align: center; min-width: 13rem; color: #030e31; background-color: #e8ebf3; border-radius: 5rem; padding: 1.25rem 4.5rem 1.25rem 2.5rem; cursor: pointer; } .custom-select-wrapper .custom-select-trigger:after { font: var(--fa-font-solid); content: " \f078"; font-size: 1.1rem; color: #030e31; position: absolute; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .custom-select-wrapper .custom-select-trigger .label { text-wrap: nowrap; } .custom-select-wrapper .custom-options { position: absolute; top: calc(100% + 2px); left: 0; right: 0; z-index: 10; display: none; border-radius: 1.5rem; background: #fff; -webkit-box-shadow: 0 10px 25px rgba(29, 57, 141, 0.15); box-shadow: 0 10px 25px rgba(29, 57, 141, 0.15); min-width: 25rem; padding: 0.75rem; overflow: auto; } .custom-select-wrapper .custom-options.active { display: block; } .custom-select-wrapper .custom-option { position: relative; display: block; padding: 10px 20px; font-size: 1.5rem; font-weight: 500; border-radius: 1rem; color: #1d398d; color: #030e31; cursor: pointer; } .custom-select-wrapper .custom-option:hover { background: #e8ebf3; } input, input.form-control { font-size: 1.4rem; height: 5rem; } input::-webkit-input-placeholder, input.form-control::-webkit-input-placeholder { color: rgba(3, 14, 49, 0.35); opacity: 1; /* Firefox */ } input::-moz-placeholder, input.form-control::-moz-placeholder { color: rgba(3, 14, 49, 0.35); opacity: 1; /* Firefox */ } input:-ms-input-placeholder, input.form-control:-ms-input-placeholder { color: rgba(3, 14, 49, 0.35); opacity: 1; /* Firefox */ } input::-ms-input-placeholder, input.form-control::-ms-input-placeholder { color: rgba(3, 14, 49, 0.35); opacity: 1; /* Firefox */ } input::placeholder, input.form-control::placeholder { color: rgba(3, 14, 49, 0.35); opacity: 1; /* Firefox */ } input::-ms-input-placeholder, input.form-control::-ms-input-placeholder { /* Edge 12 -18 */ color: rgba(3, 14, 49, 0.35); } input, input.form-control, textarea, textarea.form-control, select { font-size: 1.6rem; color: #030e31; background-color: #eff0f2; padding-block: 1.25rem; padding-inline: 1.5rem; border-radius: 1.5rem; border: 0; } form.eody-form .form-group { margin-bottom: 2rem; } form.eody-form .form-group > label { font-size: 1.6rem; font-weight: 600; padding-bottom: 0.5rem; } form.eody-form .form-group .input-items { position: relative; } form.eody-form .form-group .input-items .icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 2.5rem; pointer-events: none; } .select2-container--open .select2-dropdown--below { background-color: #ffffff; border: 0px; border-radius: 1.5rem; -webkit-box-shadow: 0 10px 25px rgba(3, 14, 49, 0.1); box-shadow: 0 10px 25px rgba(3, 14, 49, 0.1); padding: 0.75rem 0.75rem; min-width: 25rem; } .select2-container--open .select2-dropdown--below .select2-results__option { font-size: 1.5rem; font-weight: 500; border-radius: 1rem; padding: 10px 15px; } .select2-results__option .wrap:before { font-family: fontAwesome; color: #999; content: "\f096"; width: 25px; height: 25px; padding-right: 10px; } .select2-container--default .select2-results__option--selected { background-color: transparent; } .select2-results__option.select2-results__option--selected .wrap:before { content: "\f14a"; color: #1d398d; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #eef0f5; color: #030e31; } .select2-container--default .select2-selection--multiple, .select2-container--default .select2-search--inline .select2-search__field { cursor: pointer; } .select2-container--default .select2-search--inline .select2-search__field { height: 23px; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .select2-container--default .select2-selection { padding-block: 0.75rem; padding-right: 1rem; padding-left: 0; } .select2-container--default .select2-selection .select2-selection__rendered { line-height: 2; } .select2-container--default .select2-results > .select2-results__options { max-height: 250px; } .modal-backdrop { opacity: 1; background-color: rgba(3, 14, 49, 0.5); backdrop-filter: blur(5px); } .modal-backdrop.show { opacity: 1; } .noScroll { overflow: hidden; } .services-list { position: relative; } .services-list .services-slider .swiper-slide { padding-bottom: 2.5rem; } .services-list .service-item { position: relative; font-size: 1.6rem; min-height: 510px; background-color: #eef0f5; padding: 3.5rem; border-radius: 1.5rem; } .services-list .service-item p { margin: 0; } .services-list .service-item .service-item-children { margin-bottom: 1rem; } .services-list .service-item .service-item-children .service-item--child:not(:first-child):last-child { padding-bottom: 0; } .services-list .service-item._overflow .service-item-children { position: relative; -webkit-transition: max-height 0.35s ease-in-out; transition: max-height 0.35s ease-in-out; max-height: 300px; overflow: hidden; } .services-list .service-item._overflow._active .service-item-children { max-height: 1000px; } .services-list .service-item._overflow .service-read-more { position: relative; margin-bottom: 1rem; z-index: 3; } .services-list .service-item._overflow .service-read-more .read-more { display: inline-block; font-size: 1.3rem; font-weight: 500; line-height: 1.2; color: #1d398d; background-color: rgb(221.9444444444, 225.8333333333, 235.5555555556); padding: 5px 12px; border-radius: 1.5rem; cursor: pointer; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .services-list .service-item._overflow .service-read-more .read-more:hover { background-color: rgb(205.8888888889, 211.6666666667, 226.1111111111); } .services-list .service-item._overflow .service-read-more .icon { font-size: 1rem; margin-left: 2px; margin-bottom: 2px; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .services-list .service-item._overflow._active .service-read-more .icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .services-list .service-item .service-item-children .service-item--child { border-bottom: 1px solid rgb(215.2428571429, 220.4285714286, 234.2571428571); padding-block: 1.75rem; } .services-list .service-item .service-item-children .service-item--child:first-child:not(:last-child) { border-bottom: 0; } .services-list .service-item .service-item--child .l { font-size: 1.4rem; font-weight: 700; padding-bottom: 0.25rem; } .services-list .service-item .service-item--child .v { color: #1d398d; } .services-list .service-item .service-item--title { position: relative; padding-bottom: 1.5rem; margin-bottom: 1rem; } .services-list .service-item .service-item--title:before { content: ""; left: -3.75rem; top: 0; } .services-list .service-item .service-item--title:after { content: ""; width: 7rem; height: 5px; background: rgb(198.4857142857, 205.8571428571, 225.5142857143); display: block; position: absolute; left: 0; bottom: -0.35rem; } .services-list .service-item .service-item--title h4 { font-size: 2.4rem; font-weight: 600; letter-spacing: -0.35px; line-height: 1.4; color: #030e31; } .services-list .service-item .service-item--tels { padding-top: 1rem; } .services-list .service-item .service-item--tels .v { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .services-list .service-item .service-item--tels a { font-size: 2.8rem; font-weight: 800; } .services-list .service-item .service-item--actions { position: absolute; bottom: -2.5rem; width: 100%; z-index: 2; } .services-list .swiper-pagination { bottom: -5rem; } @media (min-width: 1280px) { .services-list { width: 100%; } .services-list .services-slider .swiper-wrapper { width: 100% !important; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3.5rem; } .services-list .services-slider .swiper-wrapper .swiper-slide { width: 100% !important; } } @media only screen and (max-width: 991px) { .services-list .service-item .service-item--tels a { font-size: 2.2rem; } .services-list .service-item .service-item--title h4 { font-size: 2rem; font-weight: 800; } .services-list .service-item._overflow .service-item-children { max-height: unset; } } .pagination-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.75rem; } .pagination-block .pagination-nav { color: #030e31; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background-color: #e8ebf3; aspect-ratio: 1/1; border-radius: 50%; width: 3.5rem; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .pagination-block .pagination-nav:hover { color: #ffffff; background-color: #1d398d; } .pagination-block .pagination-step { color: #030e31; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background-color: #e8ebf3; aspect-ratio: 1/1; border-radius: 50%; width: 3.5rem; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .pagination-block .pagination-step:hover { color: #ffffff; background-color: #1d398d; } .pagination-block .pagination-step.active { color: #ffc522; font-weight: 800; background-color: #1d398d; } .sep { display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 20px; } .sep.sep-xs { height: 15px; } .sep.sep-sm { height: 25px; } .sep.sep-md { height: 50px; } .eody-articles .article-item { position: relative; background-color: #ffffff; padding: 2.5rem; border-radius: 2.5rem; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; overflow: hidden; min-width: 0; } .eody-articles .article-item .article-title h2 { font-size: 1.6rem; font-weight: 800; line-height: 1.8; color: #030e31; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 8rem; } .eody-articles .article-item .article-categories { height: 10.5rem; padding-top: 1.75rem; padding-bottom: 3.5rem; } .eody-articles .article-item .article-date { color: #9d9d9d; padding-bottom: 1.5rem; } .eody-articles .article-item .article-date .date { padding-left: 0.35rem; } .eody-articles .article-item .article-link { position: absolute; right: 2.5rem; bottom: 2.5rem; background-color: #eff0f2; } .eody-articles .article-item:hover { -webkit-box-shadow: 5px 15px 50px rgba(0, 0, 0, 0.1); box-shadow: 5px 15px 50px rgba(0, 0, 0, 0.1); } .eody-articles .article-item:hover .article-link { background-color: #ffc522; } .eody-articles .article-more { height: 100%; min-height: 27rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; background-color: rgba(255, 255, 255, 0.6); } .eody-articles .article-more:hover .dots .dot { -webkit-animation: bouncing-loader 0.6s infinite alternate; animation: bouncing-loader 0.6s infinite alternate; } .eody-articles .article-more:hover .dots .dot:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .eody-articles .article-more:hover .dots .dot:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .eody-articles .article-more p { font-size: 1.6rem; color: #030e31; } .eody-articles .post-tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5rem; } .eody-articles .post-tags .post-tag { font-size: 1.3rem; line-height: 1; padding: 0.4rem 0.9rem 0.45rem 0.9rem; } .disease--category .disease { display: inline-block; color: #030e31; font-weight: 700; padding: 0.65rem 1.5rem; margin-top: 3.5px; border-radius: 2.5rem; } .disease--category .disease--metadotika { background-color: rgb(246.5228215768, 149.9771784232, 194.7178423237); } .disease--category .disease--mi-metadotika { background-color: var(--cat-mi-metadotika); } .disease--category .disease--taxidiotiki-iatriki { background-color: var(--cat-taxidiotiki-iatriki); } .articleCats .articleCat { display: inline-block; color: #030e31; font-weight: 700; padding: 0.65rem 1.5rem; margin-top: 3.5px; border-radius: 2.5rem; } .articleCats .articleCat--deltiaTupou { background-color: var(--cat-deltia-tupou); } .daterangepicker { background-color: #ffffff; border-radius: 1.5rem; -webkit-box-shadow: 0 10px 25px rgba(3, 14, 49, 0.15); box-shadow: 0 10px 25px rgba(3, 14, 49, 0.15); border: 0; padding: 1rem; overflow: hidden; } .daterangepicker .ranges { margin-top: 0; } @media (min-width: 564px) { .daterangepicker .ranges ul { width: 180px; } } .daterangepicker .ranges ul li { font-size: 1.4rem; padding: 8px 16px; border-radius: 1rem; margin-bottom: 3px; } .daterangepicker .ranges ul li:hover { background-color: rgba(255, 197, 34, 0.15); } .daterangepicker .ranges ul li:last-child { font-weight: 600; border: 1px solid rgba(29, 57, 141, 0.15); } .daterangepicker.show-ranges.show-calendar .ranges ul li:last-child { margin-bottom: 1.5rem; } .daterangepicker .ranges ul li.active { color: #030e31; font-weight: 600; background-color: #eef0f5; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 0; margin-bottom: 2.5rem; } .daterangepicker .drp-buttons { border-top: 0; background-color: #eef0f5; border-radius: 1rem; margin-top: 1rem; } .az-component { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; } .az-component .az-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.5rem; font-weight: 600; min-width: 60px; max-width: 60px; min-height: 60px; max-height: 60px; border-radius: 50%; color: #030e31; background-color: #e8ebf3; aspect-ratio: 1/1; padding: 1rem; } .az-component .az-item .icon { font-size: 1.1rem; padding-inline: 0.5rem; } #single-article table { width: 100% !important; } #single-article table table { margin-bottom: 3.5rem; } table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgb(205.8888888889, 211.6666666667, 226.1111111111); border-radius: 2.5rem; margin-bottom: 1.5rem; overflow: hidden; background-color: rgb(244.4222222222, 245.6666666667, 248.7777777778); } table th { color: #1d398d; padding: 1.25rem 1.5rem; text-align: left; font-weight: bold; border-bottom: 2px solid rgb(205.8888888889, 211.6666666667, 226.1111111111); } table td { padding: 1.5rem 1.5rem; border-bottom: 1px solid rgb(205.8888888889, 211.6666666667, 226.1111111111); } table tr:nth-child(even) { background-color: #e8ebf3; } table tr:hover { background-color: #f0e6c8; } .back-to-top { position: fixed; bottom: 20px; right: 20px; background-color: #ffc522; color: #030e31; border: none; border-radius: 50px; padding: 10px 15px; font-size: 16px; cursor: pointer; display: none; -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 999; } .back-to-top:hover { background-color: rgb(255, 190.3076923077, 8.5); }/*# sourceMappingURL=app.css.map */