@font-face {
font-family: 'MarkOTLight';
src: url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTLight.eot);
src: url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTLight.eot?#iefix) format('embedded-opentype'),
url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTLight.woff2) format('woff2'),
url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTLight.woff) format('woff'),
url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTLight.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MarkOT';
src: url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOT.eot);
src: url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOT.eot?#iefix) format('embedded-opentype'),
url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOT.woff2) format('woff2'),
url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOT.woff) format('woff'),
url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOT.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MarkOTItalic';
src: url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTItalic.eot);
src: url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTItalic.eot?#iefix) format('embedded-opentype'),
url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTItalic.woff2) format('woff2'),
url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTItalic.woff) format('woff'),
url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTItalic.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MarkOTMedium';
src: url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTMedium.eot);
src: url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTMedium.eot?#iefix) format('embedded-opentype'),
url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTMedium.woff2) format('woff2'),
url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTMedium.woff) format('woff'),
url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTMedium.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MarkOTBold';
src: url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTBold.eot);
src: url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTBold.eot?#iefix) format('embedded-opentype'),
url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTBold.woff2) format('woff2'),
url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTBold.woff) format('woff'),
url(//eodc.eu/wp-content/themes/eodc/fonts/MarkOTBold.ttf) format('truetype');
font-weight: normal;
font-style: normal;
} :root { --global--font-primary: var(--font-headings, "MarkOT", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
--global--font-primary-bold: var(--font-headings, "MarkOTBold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
--global--font-primary-italic: var(--font-headings, "MarkOTItalic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); --global--font-size-sm: 0.75rem;
--global--font-size-smd: 0.9rem;
--wp--preset--font-size--small: 0.95rem;
--global--font-size-base: 1.05rem;
--wp--preset--font-size--medium: 1.25rem;
--global--font-size-md: 1.25rem;
--global--font-size-lg: 1.4rem;
--global--font-size-xl: 1.66rem;
--global--font-size-xxl: 2rem;
--global--font-size-xxxl: 2.6rem;
--global--font-size-xxxxl: 3.2rem;
--global--font-size-xxxxxl: 3.8rem;
--global--font-size-outline: 5rem;
--global--font-size-outline-xl: 6.5rem; --global--line-height-body: 1.4;
--global--line-height-medium: 1.3;
--global--line-height-heading: 1.2;
--global--line-height-outline: 0.9; --global--color-black: #45505d;
--global--color-marine: #083a59;
--global--color-turquise: #169eb0;
--global--color-blue: #40bee0;
--global--color-sky: #bae3fa;
--global--color-gold: #a89154;
--global--color-beige: #d9c991;
--global--color-grey: #737b8d;
--global--color-silver: #a4a4aa;
--global--color-sand: #dbd5d2;
--global--color-bg: #f9f9f9;
--global--color-white-50: rgba(255, 255, 255, 0.5);
--global--color-white-90: rgba(255, 255, 255, 0.95);
--global--color-primary: var(--global--color-black);
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace; font-size: 1em; }  a {
background-color: transparent;
text-decoration-thickness: 1px;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration-style: dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
body {
font-family: var(--global--font-primary);
font-size: var(--global--font-size-base);
color: var(--global--color-black);
line-height: var(--global--line-height-body);
letter-spacing: normal;
font-style: normal;
background-color: var(--global--color-bg);
}
main {
display: block;
padding-top: 10rem;
}
b,
strong {
font-family: var(--global--font-primary-bold);
font-style: normal;
}
dfn,
cite,
i,
em {
font-family: var(--global--font-primary-italic);
font-style: normal;
}
pre {
white-space: pre;
overflow-x: auto;
font-style: normal;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
dfn,
cite,
i,
em,
pre,
b,
strong,
blockquote {
font-style: normal;
line-height: var(--global--line-height-body);
font-weight: normal;
margin: 0;
}
h1,
h2,
h3,
h4,
h5,
.page-title,
.entry-title,
blockquote,
.header-claim,
h1 em,
h2 em,
h3 em,
h4 em,
h5 em {
line-height: var(--global--line-height-heading);
margin-top: 2rem;
margin-bottom: 4rem;
}
.wp-block-cover h3,
.wp-block-cover h3 em,
.page-template-page-full .page-header h1 {
margin-bottom: 0.5rem;
}
.wp-block-columns h3,
.wp-block-columns h4,
.wp-block-columns h5 {
margin-top: 0.5rem;
margin-bottom: 1rem;
}
blockquote p,
blockquote em {
line-height: var(--global--line-height-medium);
}
:root :where(.is-layout-constrained) > *,
:root :where(.is-layout-flow) > * {
margin-block-start: 0.5rem;
}
p {
font-size: var(--global--font-size-base);
margin-top: 0;
}
h1, h2, h3, h4, h5 {
font-family: "MarkOTLight";
color: var(--global--color-marine);
}
h1 {
font-size: var(--global--font-size-xxxl);
margin-bottom: 5rem;
}
h2 {
font-size: var(--global--font-size-xxl);
}
h3 {
font-size: var(--global--font-size-xxl);
color: var(--global--color-blue);
}
.has-large-font-size {
font-size: var(--global--font-size-xl) !important;
}
h4,
blockquote p {
font-size: var(--global--font-size-lg);
}
h5 {
font-size: var(--global--font-size-base);
}
h6 {
font-size: var(--global--font-size-smd);
color: var(--global--color-silver);
}
.page-title,
.entry-title {
font-size: var(--global--font-size-xxl);
text-align: center;
}
.header-claim p {
font-size: var(--global--font-size-xxl);
}
blockquote cite {
color: var(--global--color-gold);
}
@media only screen and (max-width: 30rem) {
p {
font-size: var(--wp--preset--font-size--small);
}
}
@media only screen and (min-width: 48rem) {
blockquote p {
font-size: var(--global--font-size-xl);
}
}
@media only screen and (min-width: 75rem) {
h1,
.page-template-page-full .entry-title {
font-size: var(--global--font-size-xxxxl);
}
h2 {
font-size: var(--global--font-size-xxxl);
}
h3 {
font-size: var(--global--font-size-xxxl);
}
h4,
blockquote p {
font-size: var(--global--font-size-xl);
}
h5 {
font-size: var(--global--font-size-md);
}
h6 {
font-size: var(--global--font-size-base);
}
.page-title,
.entry-title {
font-size: var(--global--font-size-xxxl);
}
.outline {
font-size: var(--global--font-size-outline-xl);
}
.wp-block-columns h3,
h2.page-subheading {
font-size: var(--global--font-size-xxl);
}
}
a {
background-color: transparent;
color: var(--global--color-gold);
text-decoration: none;
}
p a:hover,
li a:hover {
opacity: 0.666;
}
.wp-block-cover .wp-block-group__inner-container a {
color: inherit;
}
img {
height: 100%;
width: auto;
}
.icon img {
height: 2rem;
}
.anim-icon img {
height: 3rem;
}
.has-black-color {
color: var(--global--color-black);
}
.has-aqua-color {
color: var(--global--color-blue);
}
.has-green-color {
color: var(--global--color-gold);
}
.has-beige-color {
color: var(--global--color-marine);
}
.has-grey-color {
color: var(--global--color-grey);
}
.has-silver-color {
color: var(--global--color-silver);
}
.has-silver-background-color {
background-color: var(--global--color-silver);
} .logged-in #wrapper {
margin-top: 2rem;
} #header {
position: fixed;
top:0;
left: 0; right:0;
z-index: 1;
-webkit-transition: ease-in-out 1s;
-moz-transition: ease-in-out 1s;
-o-transition: ease-in-out 1s;
transition: ease-in-out 1s;
}
@media only screen and (min-width: 48rem) {
.logged-in #header {
top: 2rem;
}
}
#nav-bar {
max-width: 80rem;
margin: 0 auto;
transition: top 0.6s ease-in-out;
z-index: 999;
padding: 1rem 2rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#header.show,
body:not(.home) #header {
background-color: var(--global--color-bg);
} button.main-menu-btn {
background-color: transparent;
border: none;
padding: 0;
}
.main-menu-btn {
height: 2rem;
width: 2rem;
position: relative;
cursor: pointer;
}
.main-menu-btn span,
.main-menu-btn span::before,
.main-menu-btn span::after {
background: var(--global--color-silver);
content: '';
position: absolute;
width: 2rem;
height: 2px;         
top: 0;
left: 0;
margin-top: 1rem;
-webkit-transition: .6s ease-in-out;
-moz-transition: .6s ease-in-out;
-o-transition: .6s ease-in-out;
transition: .6s ease-in-out;
}
.main-menu-btn span::before {
margin-top:-0.5rem;
-webkit-transition: .6s ease-in-out .2s;
-moz-transition: .6s ease-in-out .2s;
-o-transition: .6s ease-in-out .2s;
transition: .6s ease-in-out .2s;
}
.main-menu-btn span::after {
margin-top:0.5rem;
-webkit-transition: .6s ease-in-out .2s;
-moz-transition: .6s ease-in-out .2s;
-o-transition: .6s ease-in-out .2s;
transition: .6s ease-in-out .2s;
}
button[aria-expanded*=true] span::before {
margin-top:-0.2rem;
}
button[aria-expanded*=true] span::after {
margin-top:0.2rem;
}
.wp-block-button__link {
color: var(--global--color-grey);
border: 1px var(--global--color-sand) solid;
background-color: transparent;
border-radius: 3px;
font-size: 1rem;
padding: 0.2rem 0.6rem 0.2rem 0.4rem;
text-decoration: none;
-webkit-transition: ease-in-out .5s;
-moz-transition: ease-in-out .5s;
-o-transition: ease-in-out .5s;
transition: ease-in-out .5s;
}
.wp-block-button__link.has-background {
color: var(--global--color-bg);
border: 0;
}
.wp-block-button__link.has-background:hover {
color: var(--global--color-sky);
border: 0;
}
.has-medium-font-size {
font-size: var(--global--font-size-base) !important;
}
@media only screen and (min-width: 48rem) {
.has-medium-font-size {
font-size: var(--global--font-size-md) !important;
}
}
@media only screen and (min-width: 80rem) {
.page-template-page-headerimage .featured-image .featured-content .wp-block-button__link,
.has-medium-font-size .wp-block-button__link {
padding: 0.4rem 0.8rem 0.4rem 0.6rem;
}
}
.wp-block-button__link:hover {
color: var(--global--color-blue);
border: 1px var(--global--color-blue) solid;
}
.wp-block-button .wp-block-button__link::before {
content: "\2192";
margin-right: 0.3rem;
} #nav-bar #header-search {
position: relative;
display: flex;
max-width: 2rem;
overflow: visible;
}
#nav-bar #header-search .searchform {
position: absolute;
right: 0;
top: 6rem;
z-index: 9;
}
input,
textarea {
border: 1px var(--global--color-silver) solid;
background-color: transparent;
height: 2rem;
border-radius: 3px;
font-size: 1rem;
padding: 0 0.5rem;
-webkit-transition: .6s ease-in-out .2s;
-moz-transition: .6s ease-in-out .2s;
-o-transition: .6s ease-in-out .2s;
transition: .6s ease-in-out .2s;
}
#nav-bar input {
width: 0;
opacity: 0;
}
#nav-bar .active input {
width: calc(100vw - 5rem);
opacity: 1;
}
.home #nav-bar .active input {
color: var(--global--color-silver);
}
.search-btn,
.search-submit {
width: 2rem;
height: 2rem;
border: none;
background-color: transparent;
cursor: pointer;
-webkit-transition: .6s ease-in-out .2s;
-moz-transition: .6s ease-in-out .2s;
-o-transition: .6s ease-in-out .2s;
transition: .6s ease-in-out .2s;
}
#nav-bar .search-submit {
padding: 0.3rem;
position: absolute;
right: 0.1rem;
opacity: 0;
}
#nav-bar .active .search-submit {
opacity: 1;
}
@media only screen and (min-width: 48rem) {
#nav-bar #header-search .searchform {
top: 2.5rem;
}
#nav-bar .active input {
width: 15rem;    
}
}
@media only screen and (min-width: 80rem) {
#nav-bar #header-search .searchform {
margin-right: 2rem;
top: 0;
}
#nav-bar .active input {
width: 10rem;
}
} .site-logo.desktop {
display: none;
}
.site-logo{
width: 6rem;
-webkit-transition: .6s ease-in-out .2s;
-moz-transition: .6s ease-in-out .2s;
-o-transition: .6s ease-in-out .2s;
transition: .6s ease-in-out .2s;
}
@media only screen and (min-width: 48rem) {
.site-logo {
width: 9rem;
}
.site-logo.minimal {
display: none;  
}
.site-logo.desktop {
display: inline-block;
}
}
.home.page-template-page-headerimage .site-logo.minimal {
opacity: 0;
}
.home.page-template-page-headerimage .site-logo.minimal.show {
opacity: 1;
}
@media only screen and (min-width: 48rem) {
.home.page-template-page-headerimage .site-logo.desktop {
opacity: 0;
}
.home.page-template-page-headerimage .site-logo.desktop.show {
opacity: 1;
}    
} button:focus-visible {
outline-style: none;
}
#site-navigation {
max-width: 80rem;
margin: 0 auto;
padding: 0; -webkit-transition: .6s ease-in-out .2s;
-moz-transition: .6s ease-in-out .2s;
-o-transition: .6s ease-in-out .2s;
transition: .6s ease-in-out .2s;
}
@media only screen and (max-width: 48rem) {
#site-navigation.shift {
padding-top: 3rem;
}
}
@media only screen and (min-width: 80rem) {
#site-navigation {
position: absolute;
width: 80rem;
left: 50%;
transform: translate(-50%);
}
}
#site-navigation .primary-menu-container {
visibility: hidden;
opacity: 0;
-webkit-transition: .6s ease-in-out .2s;
-moz-transition: .6s ease-in-out .2s;
-o-transition: .6s ease-in-out .2s;
transition: .6s ease-in-out .2s;
font-size: var(--global--font-size-md);
}
.primary-navigation-open #site-navigation>.primary-menu-container {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.menu-button-container button .dropdown-icon.open {
display: flex;
height: 2rem;
}
.menu-button-container button .dropdown-icon.close {
display: none;
height: 2rem;
}
.menu-button-container button[aria-expanded*=true] .dropdown-icon.open {
display: none;
}
.menu-button-container button[aria-expanded*=true] .dropdown-icon.close {
display: flex;
}
#site-navigation .primary-menu-container ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#site-navigation .primary-menu-container ul li {
min-height: 0;
height: 0;
padding: 0; -webkit-transition: .6s ease-in-out .2s;
-moz-transition: .6s ease-in-out .2s;
-o-transition: .6s ease-in-out .2s;
transition: .6s ease-in-out .2s;
}
.primary-navigation-open #site-navigation .primary-menu-container ul li { padding: 0.75rem 0;
min-height: 2rem;
}
.primary-navigation-open #site-navigation .primary-menu-container ul li:has(.sub-menu-toggle[aria-expanded=true]) {  }
#site-navigation .primary-menu-container ul li:nth-child(odd) {
background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(248,247,247,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(248,247,247,1) 100%);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(248,247,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f8f7f7",GradientType=1);
}
#site-navigation .primary-menu-container ul li:nth-child(even) {
background: rgb(233,233,233);
background: -moz-linear-gradient(180deg, rgba(233,233,233,1) 0%, rgba(253,252,252,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(233,233,233,1) 0%, rgba(253,252,252,1) 100%);
background: linear-gradient(180deg, rgba(233,233,233,1) 0%, rgba(253,252,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9e9e9",endColorstr="#fdfcfc",GradientType=1);
}
#site-navigation .primary-menu-container li a { margin-left: 2rem;
color: var(--global--color-black);
}
#site-navigation .primary-menu-container li.current-menu-item a,
#legal-navigation li.current-menu-item a {
color: var(--global--color-blue);
}
button.sub-menu-toggle {
width: 2rem;
height: 2rem;
border: 0;
background-color: transparent;
position: absolute;
right: 1rem;
}
button.sub-menu-toggle img {
width: 2rem;
-webkit-transition: .6s ease-in-out .2s;
-moz-transition: .6s ease-in-out .2s;
-o-transition: .6s ease-in-out .2s;
transition: .6s ease-in-out .2s;
}
button.sub-menu-toggle[aria-expanded=true] img {
transform: rotate(180deg);
}
#site-navigation .primary-menu-container ul li .sub-menu-toggle ~ ul {
opacity: 0;
-webkit-transition: .6s ease-in-out .2s;
-moz-transition: .6s ease-in-out .2s;
-o-transition: .6s ease-in-out .2s;
transition: .6s ease-in-out .2s;
}
#site-navigation .primary-menu-container ul li.menu-item-has-children {
height: 0 !important;
-webkit-transition: .6s ease-in-out .2s;
-moz-transition: .6s ease-in-out .2s;
-o-transition: .6s ease-in-out .2s;
transition: .6s ease-in-out .2s;
}
#site-navigation .primary-menu-container ul li.menu-item-has-children:has(.sub-menu-toggle[aria-expanded=true]) {
height: inherit !important;
}
#site-navigation .primary-menu-container ul li .sub-menu-toggle[aria-expanded=true] ~ ul {
opacity: 1;
}
#site-navigation .primary-menu-container ul li .sub-menu-toggle[aria-expanded=false] ~ ul li a { }
#site-navigation .primary-menu-container ul li.menu-item-has-children ul {
margin-top: 1rem;
}
#site-navigation .primary-menu-container ul li .sub-menu-toggle[aria-expanded=false] ~ ul li {
min-height: 0;
padding: 0;
-webkit-transition: .6s ease-in-out .2s;
-moz-transition: .6s ease-in-out .2s;
-o-transition: .6s ease-in-out .2s;
transition: .6s ease-in-out .2s;
}
#site-navigation .primary-menu-container ul li .sub-menu-toggle[aria-expanded=true] ~ ul li {
min-height: 3rem;
padding: 0.75rem 0 0 2rem;
} #site-navigation .primary-menu-container ul li.menu-item-type-custom a {
color: var(--global--color-turquise);
}
.header-widget-area-left,
.header-widget-area-right {
display: none;
}
@media only screen and (min-width: 48rem) {
.header-widget-area-left,
.header-widget-area-right {
display: inline-block;
}
#site-navigation .primary-menu-container ul li.menu-item-type-custom {
display: none;
}
} .page-template-page-headerimage .featured-image {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
text-align: center;
color: var(--global--color-white-90);
opacity: 1;
-webkit-transition: opacity ease-in-out 2s;
-moz-transition: opacity ease-in-out 2s;
-o-transition: opacity ease-in-out 2s;
transition: opacity ease-in-out 2s;
mix-blend-mode: multiply;
}
.page-template-page-headerimage .featured-image.hide {
opacity: 0;
}
.page-template-page-headerimage .featured-image .featured-logo.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.page-template-page-headerimage .featured-image .featured-logo img {
max-height: 10rem;
}
.page-template-page-headerimage .featured-image .featured-content {
position: relative;
padding: 0 2rem 3rem;
display: flex;
flex-direction: column;
align-items: center;
}
@media only screen and (max-width: 48rem) {
body:not(.home).page-template-page-headerimage .featured-image .featured-content {
padding: 0 2rem 1rem;
}
}
.page-template-page-headerimage .featured-image .featured-content h2 {
font-size: var(--global--font-size-xxl);
color: var(--global--color-sky);
margin-bottom: 2rem;
}
.page-template-page-headerimage .featured-image .featured-content p {
margin-bottom: 2rem;
}
.page-template-page-headerimage .featured-image .featured-content .copy {
max-width: 40rem;
}
.page-template-page-headerimage .featured-image .featured-content .wp-block-button a {
color: var(--global--color-beige);
}
.page-template-page-headerimage .featured-image .featured-content .wp-block-button a:hover {
color: #fff;
}
.page-template-page-headerimage .has-post-thumbnail .entry-content {
margin-top: 100vh;
}
@media only screen and (min-width: 48rem) {
.page-template-page-headerimage .featured-image .featured-logo img {
max-height: 13rem;
}
.page-template-page-headerimage .featured-image .featured-content h2 {
font-size: var(--global--font-size-xxxl);
}
.page-template-page-headerimage .featured-image .featured-content {
max-width: 75%;
}
}
@media only screen and (min-width: 80rem) {
.page-template-page-headerimage .featured-image .featured-logo img {
max-height: 16rem;
}
.page-template-page-headerimage .featured-image .featured-content {
padding: 0 2rem 4rem;
}
.page-template-page-headerimage .featured-image .featured-content h2 {
font-size: var(--global--font-size-xxxxl);
}
.page-template-page-headerimage .featured-image .featured-content p {
font-size: var(--global--font-size-md);
}
.page-template-page-headerimage .featured-image .featured-content .wp-block-button a {
font-size: var(--global--font-size-md);
}
}
@media only screen and (min-width: 90rem) {
.page-template-page-headerimage .featured-image .featured-logo img {
max-height: 19rem;
}
.page-template-page-headerimage .featured-image .featured-content {
max-width: 50%;
}
} main .entry-content,
.search-results .wp-block-columns {
padding: 0 2rem;
}
.search-results article {
margin-top: 6rem;
}
.search-results article h2 {
margin-bottom: 2rem;
}
@media only screen and (min-width: 48rem) {
main .entry-content figure {
margin-bottom: 1.5rem;
}
}
.has-global-padding {
padding: 0 0.5rem;
}
.wp-block-columns,
.wp-block-gallery,
.wp-block-quote,
.wp-block-table,
.wp-block-group,
.contactform,
.wpcf7-form {
max-width: 50rem;
margin: 3rem auto 4rem;
}
.wp-block-columns.alignwide,
.wp-block-gallery.alignwide,
.wp-block-quote.alignwide,
.wp-block-table.alignwide,
.wp-block-group.alignwide {
max-width: 80rem;
margin: 3rem auto 4rem;
}
.wp-block-columns.alignfull,
.wp-block-gallery.alignfull,
.wp-block-quote.alignfull {
max-width: 100%;
}
.wp-block-columns .wp-block-columns {
margin-bottom: 0;
margin-top: 2rem;
}
.wp-block-columns,
.wp-block-columns.grid {
grid-gap: 2rem;
}
.wp-block-columns.grid-wide,
.wp-block-columns.grid.grid-wide {
grid-gap: 4rem;
}
.wp-block-column {
position: relative;
}
.grid .wp-block-column:not(:last-child)::after,
.grid-wide .wp-block-column:not(:last-child)::after,    
.grid.grid-wide .wp-block-column:not(:last-child)::after {
content: "";
align-self: stretch;
border-bottom: 1px solid var(--global--color-sand);
position: absolute;
bottom: -1rem;
left: 0;
right: 0;
}
.grid-wide .wp-block-column:not(:last-child)::after,    
.grid.grid-wide .wp-block-column:not(:last-child)::after {
bottom: -2rem;
}
@media only screen and (min-width: 48rem) {
.grid .wp-block-column:not(:last-child)::after,
.grid-wide .wp-block-column:not(:last-child)::after,    
.grid.grid-wide .wp-block-column:not(:last-child)::after {
border-bottom: 0;
border-right: 1px solid var(--global--color-sand);
top: 0; 
bottom: 0; 
right: -1rem;
left: inherit;
}
.grid-wide .wp-block-column:not(:last-child)::after,
.grid.grid-wide .wp-block-column:not(:last-child)::after {
right: -2rem;
bottom: 0;
}
}
@media only screen and (min-width: 80rem) {
.wp-block-columns.grid-wide {
grid-gap: 10rem;
}
.grid-wide .wp-block-column:not(:last-child)::after {
right: -5rem;
}
}
.wp-block-columns.has-background {
padding: 1rem;
}
.wp-block-cover {
padding: 2rem;
}
.entry-content > .wp-block-cover {
margin-left: -2rem;
margin-right: -2rem;
}
.wp-block-cover ~ p {
margin-top: 1.5rem;
}
.wp-block-cover,
.wp-block-cover__background {
mix-blend-mode: multiply;
}
.wp-block-cover:not(.has-aspect-ratio) {
height: 100%;
}
.wp-block-cover .wp-block-button__link {
color: var(--global--color-beige);
}
.wp-block-cover .wp-block-button__link:hover {
color: #fff;
}
@media only screen and (min-width: 48rem) {
.wp-block-cover.alignfull .wp-block-cover__inner-container {
max-width: 66%;
}
}
@media only screen and (min-width: 80rem) {
.wp-block-cover.alignfull .wp-block-cover__inner-container {
max-width: 33%;
}
}
.wp-block-cover.alignfull .wp-block-cover__inner-container:has(> .wp-block-columns) {
max-width: 50%;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
width: 100%;
}
.wp-block-separator,
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
border-top: 1px solid var(--global--color-sand);
margin: 3rem auto;
max-width: 50rem;
border-bottom: 0;
}
.wp-block-group.is-layout-grid .wp-block-separator,
.wp-block-group.is-layout-grid .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
margin: 0rem auto;
}
.wp-block-gallery {
mix-blend-mode: multiply;
}
.wp-block-gallery.has-nested-images.columns-default.logos figure.wp-block-image,
.wp-block-gallery.has-nested-images.columns-3.logos figure.wp-block-image,
.wp-block-gallery.has-nested-images.columns-4.logos figure.wp-block-image,
.wp-block-gallery.has-nested-images.columns-5.logos figure.wp-block-image {
padding: 2rem;
margin: 0 !important;
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
margin-bottom: initial !important;
}
.wp-block-gallery.has-nested-images figure.wp-block-image>a, 
.wp-block-gallery.has-nested-images figure.wp-block-image>div {
flex-grow: initial;
}
@media only screen and (min-width: 30rem) {
.wp-block-gallery.has-nested-images.columns-default.logos figure.wp-block-image,
.wp-block-gallery.has-nested-images.columns-3.logos figure.wp-block-image,
.wp-block-gallery.has-nested-images.columns-4.logos figure.wp-block-image {
padding: 3rem;
}
}
@media only screen and (min-width: 600px) {
.wp-block-gallery.has-nested-images.columns-default.logos figure.wp-block-image,
.wp-block-gallery.has-nested-images.columns-3.logos figure.wp-block-image,
.wp-block-gallery.has-nested-images.columns-4.logos figure.wp-block-image {
padding: 2rem;
}
.wp-block-gallery.has-nested-images.columns-5.logos figure.wp-block-image {
padding: 1rem;
}
} @media only screen and (min-width: 48rem) {
.wp-block-gallery.has-nested-images.columns-default.logos figure.wp-block-image,
.wp-block-gallery.has-nested-images.columns-3.logos figure.wp-block-image,
.wp-block-gallery.has-nested-images.columns-4.logos figure.wp-block-image {
padding: 2rem 3rem;
}
.wp-block-gallery.has-nested-images.columns-5.logos figure.wp-block-image {
padding: 1.5rem;
}
}
@media only screen and (min-width: 54rem) {
.wp-block-gallery.has-nested-images.columns-default.logos figure.wp-block-image,
.wp-block-gallery.has-nested-images.columns-3.logos figure.wp-block-image {
padding: 2rem 4rem;
}
}
@media only screen and (min-width: 60rem) {
.wp-block-gallery.has-nested-images.columns-default.logos figure.wp-block-image,
.wp-block-gallery.has-nested-images.columns-3.logos figure.wp-block-image {
padding: 2rem 5rem;
}
}
@media only screen and (min-width: 80rem) {
.wp-block-gallery.has-nested-images.columns-default.logos figure.wp-block-image,
.wp-block-gallery.has-nested-images.columns-3.logos figure.wp-block-image {
padding: 4rem 7rem;
}
.wp-block-gallery.has-nested-images.columns-4.logos figure.wp-block-image {
padding: 2rem 5rem;
}
.wp-block-gallery.has-nested-images.columns-5.logos figure.wp-block-image {
padding: 2rem 3.5rem;
}
}
.wp-block-gallery.has-nested-images.logos.duo figure.wp-block-image {
padding: 6rem;
background-image: url(//eodc.eu/wp-content/themes/eodc/assets/imgs/circle_sky.svg);
background-size: 60%;
background-position: center;
background-blend-mode: multiply;
background-repeat: no-repeat;
}
.wp-block-gallery.has-nested-images.logos.duo figure.wp-block-image img {
filter: grayscale();
mix-blend-mode: multiply;
}
.is-layout-grid > * {
position: relative;
}
@media only screen and (min-width: 600px) {
.wp-block-gallery.has-nested-images.columns-default.logos figure.wp-block-image:not(:nth-child(3n))::after,
.wp-block-gallery.has-nested-images.columns-3.logos figure.wp-block-image:not(:nth-child(3n))::after,
.wp-block-gallery.has-nested-images.columns-4.logos figure.wp-block-image:not(:nth-child(4n))::after,
.wp-block-gallery.has-nested-images.columns-5.logos figure.wp-block-image:not(:nth-child(5n))::after {
content: "";
position: absolute;
top: 15%;
right: -5px;
height: 70%;
width: 1px;
background-color: var(--global--color-sand);
}
.wp-block-group.has-border-color.is-layout-grid > *:nth-child(n + 5)::after,
.wp-block-gallery.has-nested-images.columns-default.logos figure.wp-block-image:nth-child(n + 4)::before,
.wp-block-gallery.has-nested-images.columns-3.logos figure.wp-block-image:nth-child(n + 4)::before,
.wp-block-gallery.has-nested-images.columns-4.logos figure.wp-block-image:nth-child(n + 5)::before,
.wp-block-gallery.has-nested-images.columns-5.logos figure.wp-block-image:nth-child(n + 6)::before {
content: "";
position: absolute;
top: -5px;
left: 15%;
height: 1px;
width: 70%;
background-color: var(--global--color-sand);
}
.wp-block-group.has-border-color.is-layout-grid > *::after {
top: inherit;
bottom: -0.5rem;
}
}
.wp-block-image {
position: relative;
}
.wp-block-image:has(> .wp-element-caption)::before {
content: "";
position: absolute;
top:0;left:0;right:0;bottom:0;
mix-blend-mode: multiply;
background: rgb(64,190,224);
background: -moz-linear-gradient(0deg, rgba(64,190,224,1) 0%, rgba(64,190,224,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(64,190,224,1) 0%, rgba(64,190,224,0) 100%);
background: linear-gradient(0deg, rgba(64,190,224,1) 0%, rgba(64,190,224,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#40bee0",endColorstr="#40bee0",GradientType=1);
}
.wp-block-image:has(> .wp-element-caption) .wp-element-caption {
position: absolute;
bottom: 0;
left: 1rem; right: 1rem;
text-align: center;
color: #fff;
}
.wp-block-image .wp-element-caption::after {
}
.wp-block-buttons {
margin: 1.5rem 0;
}
.wp-block-quote {
position: relative;
margin: 5rem auto 7rem !important;
padding: 2rem;
}
.wp-block-quote::before,
.wp-block-quote::after {
content: url(//eodc.eu/wp-content/themes/eodc/assets/imgs/solarpanel.svg);
position: absolute;
width: 2rem;
}
.wp-block-quote::before {
top: -1.2rem;
margin-left: 0.5rem;
}
.wp-block-quote::after {
bottom: -1.5rem;
margin-right: 0.5rem
}
@media only screen and (min-width: 48rem) {
.site-description h1 {
font-size: var(--global--font-size-xxxxxl);
}
} .wp-block-group.has-border-color {
border: 0;
}
.wp-block-group.is-layout-grid,
.wp-block-table {
width: 100%;
grid-gap: 1rem;
scroll-behavior: auto;
white-space: nowrap;
position: relative;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.wp-block-group.is-layout-grid > * {
min-width: 16rem;
}
.wp-block-group.wp-container-core-group-is-layout-1 {
grid-template-columns: 1fr 1fr 1fr 1fr;
} .wp-block-table thead {
border: 0;
}
.wp-block-table.is-style-stripes thead td, 
.wp-block-table.is-style-stripes thead th {
border-bottom: 1px solid var(--global--color-sand);
}
@media only screen and (max-width: 48rem) {
.wp-block-table table thead th {
width: 10rem;
}
} .contactform p,
.wpcf7-form p {
line-height: normal;
margin-bottom: 0.5rem;
}
.contactform input,
.wpcf7-form input,
.contactform textarea,
.wpcf7-form textarea {
width: 100%;
margin: 0.25rem 0;
box-sizing: border-box;
}
.contactform textarea,
.wpcf7-form textarea {
height: 5rem;
padding: 0.5rem;
}
.contactform input[type=submit],
.wpcf7-form input[type=submit] {
color: #fff;
background-color: var(--global--color-blue);
margin: 0.5rem 0;
border: 0;
cursor: pointer;
}
.contactform input[type=submit]:hover,
.wpcf7-form input[type=submit]:hover {
color: var(--global--color-black);
background-color: var(--global--color-beige);
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: var(--global--color-gold);
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #dc3232;
}
@media only screen and (min-width: 96rem) {
}
@media only screen and (min-width: 140rem) {
} #sidebar {
display: flex;
justify-content: center;
margin-bottom: 2rem;
}
#sidebar ul {
list-style-type: none;
padding: 0;
}
.xoxo {
padding: 0
}
#sidebar li {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
#legal-navigation {
border-top: 1px solid var(--global--color-sand);
margin-top: 1rem;
}
#legal-navigation ul {
list-style-type: none;
padding: 0;
display: flex;
justify-content: center;
margin-top: 1.5rem;
}
#legal-navigation ul li {
padding: 0 1rem;
}
#legal-navigation ul li:not(:last-child) {
border-right: 1px solid var(--global--color-sand);
}
footer {
max-width: 80rem;
margin: 10rem auto 0rem;
padding: 1.5rem;
font-size: var(--global--font-size-sm);
color: var(--global--color-grey);
text-align: center;
}