/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------- Blue Analytics CSS - CONTENTS -------------------------------------------------*/
/*
Filename: main.css
Site: Blue Analytics
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; }
.subtitle { text-transform: uppercase; letter-spacing: 3.6px; color: var(--blue); font-size: 0.9rem; }
.space-y-6 .hero-title { font-size: 3rem; }
.space-y-6 .hero-title + .wp-block-heading { font-size: 3rem; font-weight: 700; color: var(--blue); margin-top: 0; }
.space-y-6 h1.hero-title { font-size: 1.8rem; }

.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; }
.heroClass .hero-block-image,
.heroClass .hero-block-image img { position: relative; top: auto; left: auto; width: auto; height: auto; }
.heroClass .hero-block-image img { margin: 0 auto 2rem; }
.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); }


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