/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------- Aqua4 CSS - CONTENTS -------------------------------------------------*/
/*
Filename: main.css
Site: Aqua4
version: 0.1
Created: 2026/03/01
Author: Nick Melas
Company: BLUEBELL
Site: https://www.bluebell.gr
Description: Default styles for all site pages
*/ 
/* ## Font Glossary */
/*

*/

body { }

h1, h2, h3, h4, h5, h6 { color: var(--black); font-weight: normal; }
h2 { font-size: 2.25rem; font-weight: 700; }
a { color: var(--black); }
.cta-alt:hover { color: var(--alt-blue); }
.subtitle { text-transform: uppercase; letter-spacing: 3.6px; color: var(--blue); font-size: 0.9rem; }

.mainLogo img { height: 3rem; }
.mobileMenu { display: none; }
.mainMenu a { color: var(--text-color); }

.footerMenu ul { gap: 2rem; }

.category-child-post { background: var(--bg-color); }

.hero-block.heroClass { background: url(../images/wave.svg) no-repeat bottom center; background-size: 120vw 40vh; width: 100%; height: 100vh; }
.heroClass .cta-alt:hover { color: var(--white); }
.heroClass h1 { color: var(--white); font-size: 3rem; font-weight: 700; line-height: 1.2em; text-shadow: 2px 2px 10px var(--text-muted); }
.heroClass p { text-shadow: 2px 2px 10px var(--text-muted); }
.heroVideo img { object-fit: cover; opacity: 0.6; }
.wp-block-video video { width: 100%; }


.hero-block .subtitle { text-align: center; margin-bottom: 1rem; }
.hero-block .wp-block-list { display: inline-block; margin: 0 auto; }
.hero-block.green .subtitle { color: #279b7499; }
.hero-block.green li { border-bottom: 1px solid #279b7415; text-align: left; }
.hero-block.green li:before { background-image: url(../images/green-leaf.svg); background-size: 1rem; }

.category-child-post .post-thumbnail svg { stroke: none; fill: var(--blue); }

#three-technology-pillars { position: relative; }
#three-technology-pillars:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(var(--blue) 1px, transparent 1px), linear-gradient(90deg, var(--blue) 1px, transparent 1px); background-size: 60px 60px; opacity: 0.1; z-index: -1; pointer-events: none; }

.post-text ul { display: inline-block; margin: 2rem auto 0; }
.post-text li { position: relative; text-align: left; padding-left: 1rem; }
.post-text li:before { content: ''; position: absolute; top: 0.5rem; left: 0; width: 0.25rem; height: 0.25rem; display: block; background: var(--text-color); border-radius: 50%; }

.arrowList .category-child-post:after { height: 3px; background: var(--border-color); }

.category-child-post .post-thumbnail.post-subtitle { margin: 0 auto; width: auto; height: auto; display: flex; align-items: center; justify-content: center; color: var(--alt-blue); }
.category-child-post .post-thumbnail.post-subtitle .post-icon { margin: 0 0.5rem 0 0; width: 1.5rem; height: 1.5rem; display: inline-block; }
.category-child-post .post-thumbnail.post-subtitle svg { fill: var(--alt-blue); }

.zoneImage { position: relative; width: 100%; height: 25vw; }
.zoneImage img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.hero-block .wp-block-list li { text-align: left; }

div.wpforms-container-full.contactForm { background: var(--blue); overflow: hidden; overflow-y: auto ; box-sizing: border-box; padding: 3rem; }
div.wpforms-container-full.contactForm .wpforms-field-label,
div.wpforms-container-full.contactForm .wpforms-form .wpforms-title { color: var(--white); }
#wpforms-form-447 { max-width: 700px; margin: 0 auto; }
.wpforms-container.contactForm  .wpforms-field-label { font-weight: normal; }
div.wpforms-container-full.contactForm button[type=submit]:not(:hover):not(:active) { background: var(--white); color: var(--blue); }

footer .mainLogo img { margin: 0 auto; }
.footerLogo p { text-align: center; }


@media(orientation: portrait) {
    .mobileMenu { display: block; }
}