|
|
|
@ -13,7 +13,6 @@ nav#block-olivesbdh-landingpagemenu { |
|
|
|
flex-direction: column; |
|
|
|
flex-direction: column; |
|
|
|
text-decoration: none; |
|
|
|
text-decoration: none; |
|
|
|
color: #fff; |
|
|
|
color: #fff; |
|
|
|
padding: 1.2em 1.2em 0.6em 1.2em; |
|
|
|
|
|
|
|
transition: all 0.2s linear; |
|
|
|
transition: all 0.2s linear; |
|
|
|
} |
|
|
|
} |
|
|
|
.menu__link:hover { |
|
|
|
.menu__link:hover { |
|
|
|
@ -26,9 +25,31 @@ nav#block-olivesbdh-landingpagemenu { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
nav#block-olivesbdh-landingpagemenu .menu__link { |
|
|
|
|
|
|
|
padding: 1.2em 1.2em 0.6em 1.2em; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
@media (max-width: 800px) { |
|
|
|
|
|
|
|
nav#block-olivesbdh-landingpagemenu .menu__link { |
|
|
|
|
|
|
|
padding: 12px 10px 6px 10px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
/* end of Landing page menu*/ |
|
|
|
/* end of Landing page menu*/ |
|
|
|
figure.logo--ilivesbdh { |
|
|
|
figure.logo--ilivesbdh { |
|
|
|
|
|
|
|
h1 { |
|
|
|
|
|
|
|
/*font-size: 4em;*/ |
|
|
|
|
|
|
|
/*font-weight:bold;*/ |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
h2 { |
|
|
|
|
|
|
|
/*font-size: 2.2em;*/ |
|
|
|
|
|
|
|
/*font-weight:bold;*/ |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.logo--ilivesbdh { |
|
|
|
|
|
|
|
/* Default/fallback for very old browsers */ |
|
|
|
|
|
|
|
--h1-size: 4em; |
|
|
|
|
|
|
|
--h2-size: 2.2em; |
|
|
|
|
|
|
|
|
|
|
|
background: none; |
|
|
|
background: none; |
|
|
|
/* width: 24em; */ |
|
|
|
/* width: 24em; */ |
|
|
|
margin: 0 auto; |
|
|
|
margin: 0 auto; |
|
|
|
@ -42,20 +63,31 @@ figure.logo--ilivesbdh { |
|
|
|
h2 { |
|
|
|
h2 { |
|
|
|
margin: 0; |
|
|
|
margin: 0; |
|
|
|
text-shadow: 2px 2px black; |
|
|
|
text-shadow: 2px 2px black; |
|
|
|
|
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
} |
|
|
|
h1 { |
|
|
|
h1 { |
|
|
|
font-size: 4em; |
|
|
|
font-size: var(--h1-size); |
|
|
|
/*font-weight:bold;*/ |
|
|
|
|
|
|
|
color: #fff; |
|
|
|
|
|
|
|
border-bottom: 4px double; |
|
|
|
border-bottom: 4px double; |
|
|
|
} |
|
|
|
} |
|
|
|
h2 { |
|
|
|
h2 { |
|
|
|
font-size: 2.2em; |
|
|
|
font-size: var(--h2-size); |
|
|
|
color: #fff; |
|
|
|
|
|
|
|
/*font-weight:bold;*/ |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* ── Only below 800px: start fluid scaling down ── */ |
|
|
|
|
|
|
|
@media (max-width: 800px) { |
|
|
|
|
|
|
|
.logo--ilivesbdh h1 { |
|
|
|
|
|
|
|
/* |
|
|
|
|
|
|
|
- Never smaller than ~2.2–2.5em (readable on mobile) |
|
|
|
|
|
|
|
- Scales smoothly with viewport |
|
|
|
|
|
|
|
- Caps at your original 4em (won't grow above desktop size) |
|
|
|
|
|
|
|
*/ |
|
|
|
|
|
|
|
font-size: clamp(2.5em, 9.5vw, 4em); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.logo--ilivesbdh h2 { |
|
|
|
|
|
|
|
font-size: clamp(1.8em, 5.2vw, 2.2em); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
.page-node-type-landing-page #block-views-block-media-display-blocks-source { |
|
|
|
.page-node-type-landing-page #block-views-block-media-display-blocks-source { |
|
|
|
display: none; |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
|