/*
 Somedia Solutions - static rebuild of the 2013-2019 "Somedia" WordPress theme (Wayback snapshot 20190222051256).
 Structure and rules follow the archived theme stylesheet: honeycomb background, left vertical menu, hexagon
 buttons around "Build a buzz around your brand", "From the hive" box + latest posts, grey gradient content box
 with a left column (interior hexagon + bracketed widget), orange/peach footer with dotted divider.
 Readability pass: Comfortaa (theme font) for headings/menus, Arimo (Arial metrics) for text, darker greys/oranges
 for WCAG contrast, 1360px design width (the width of the theme's background images).
*/
:root{
  --navy:#25318B; --navy2:#26328c; --orange:#F4962D; --orange-fill:#F68F19;
  --orange-head:#BF5F00;   /* large orange headings (>=3:1 on the grey box) */
  --orange-link:#9E4C00;   /* small orange links/text (>=4.5:1 on light backgrounds) */
  --lilac:#6C72AA; --menu:#45484b; --text:#333; --muted:#555;
  --box1:#f7f7f7; --box2:#ececec;
  --w:1360px;
}
*,*::before,*::after{box-sizing:border-box}
html{background:#fff url(/theme/content-bg.png?v=996e02f0) repeat}
body{margin:0;min-width:320px;font:17px/1.7 Arimo,Arial,Helvetica,sans-serif;color:var(--text);
  -webkit-text-size-adjust:100%}
img{max-width:100%;height:auto}
a{color:var(--navy2)}
h1,h2,h3,h4,h5,h6{font-family:Comfortaa,'Trebuchet MS',sans-serif;font-weight:700;line-height:1.3;margin:0}
p,ul,ol,table,figure,blockquote{margin:0}
ul{padding:0;list-style:none}
.skip{position:absolute;left:-9999px;top:0;background:#fff;color:var(--navy);padding:8px 12px;z-index:50}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--navy);outline-offset:2px}

/* ---------- wrapper: header.png on top, bottom.png at the bottom (full bleed, as in the theme) ---------- */
.wrapper{background:url(/theme/header.png?v=5b175aa1) no-repeat center top,url(/theme/bottom.png?v=1b52bfdf) no-repeat center bottom;
  background-size:100% auto,100% auto}
.outer_content{max-width:var(--w);margin:0 auto;position:relative;padding-bottom:40px;
  background:url(/theme/honey-new-bg2.png?v=69122cab) no-repeat 15px 2px;background-size:calc(100% - 15px) auto}
.dotline{border-bottom:2px dotted #8a8a8a;padding-top:5px;margin-bottom:5px}

/* ---------- header ---------- */
.header{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:3}
.logo{width:37.24%;max-width:448px;margin-top:20px}
.logo a{display:block;text-decoration:none}
.logo svg{display:block;width:100%;height:auto}
.buzz_brand{width:26.1%;max-width:330px;margin:44px 13% 0 0}
.tagline{display:block;text-decoration:none;font-family:Comfortaa,sans-serif;font-weight:700;text-transform:uppercase;
  line-height:.92;color:var(--orange-head);text-align:center}
.tagline .t1{display:block;color:var(--lilac);font-size:28px;letter-spacing:.5px}
.tagline .t2{display:block;font-size:58px;letter-spacing:1px}
.tagline .t3{display:flex;justify-content:center;align-items:flex-end;gap:2px}
.tagline .t3 small{display:block;color:var(--lilac);font-size:28px;text-align:right;line-height:.95}
.tagline .t3 b{font-size:58px}
.bees{margin:66px 20% 0 0;padding:6px 52px 0 0;background:url(/theme/bee.png?v=cda418c6) no-repeat right top;text-align:right}
.bees a{font-family:Comfortaa,sans-serif;font-weight:700;font-size:18px;line-height:1.05;color:var(--navy);text-decoration:none;display:block}
.bees a span{display:block;position:relative;left:12px}
.bees a:hover{color:var(--orange-link)}

/* ---------- banner: left menu + main content ---------- */
.banner{display:flex;align-items:flex-start;margin-top:43px;position:relative;z-index:2}
.front .banner{position:static}
.sidebars{position:relative;z-index:3}
.sidebars{width:14.06%;flex:none}
.toggleMenu{display:none}
#menu-primary li{padding:10px 0 30px}
#menu-primary a{display:block;width:131px;padding:0 0 0 25px;font:700 18px/20px Comfortaa,sans-serif;color:var(--menu);
  text-decoration:none}
#menu-primary li:hover,#menu-primary li.current-menu-item{background:url(/theme/menu-bg.png?v=cd9c6d80) no-repeat 0 bottom;background-size:100% auto}
#menu-primary li:hover a,#menu-primary li.current-menu-item a{color:var(--orange-link)}
.main-content{flex:none;width:68.1%;min-width:0;margin-left:1.89%}

/* ---------- home: the hive (hexagon buttons over the honeycomb) ---------- */
.hive{position:absolute;left:15px;top:2px;width:calc(100% - 15px);aspect-ratio:1339/744;container-type:inline-size;z-index:1;pointer-events:none}
.hive .hex,.hive .buzz-title{pointer-events:auto}
.front .banner{min-height:calc((min(100vw,var(--w)) - 15px) * .5557 - 255px)}
.hex{position:absolute;width:14.06%;aspect-ratio:1.1547;display:flex;align-items:center;justify-content:center;text-align:center;
  text-decoration:none;font-family:Comfortaa,sans-serif;font-weight:700;color:var(--navy);
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  background:linear-gradient(160deg,#fff4e4 0%,#ffe2bb 55%,#ffd29a 100%);transition:background .2s,transform .2s}
.hex::before{content:"";position:absolute;inset:3px;clip-path:inherit;background:transparent;
  box-shadow:inset 0 0 0 2px var(--orange)}
.hex span{position:relative;font-size:clamp(14px,1.75cqw,24px);line-height:1.1;text-transform:lowercase}
.hex span b{display:block;font-size:1.35em;text-transform:uppercase;letter-spacing:.5px}
.hex:hover,.hex:focus-visible{background:linear-gradient(160deg,#f9a94f,#F4962D 60%,#ec8516);transform:scale(1.04)}
.hive .h-manage{left:18.3%;top:31.4%}
.hive .h-teach{left:41.2%;top:7.8%}
.hive .h-attract{left:64.1%;top:31.4%}
.hive .h-blog{left:29.6%;top:66.6%}
.hive .h-convert{left:52.6%;top:66.6%}
.buzz-title{position:absolute;left:31%;top:33.5%;font-family:Comfortaa,sans-serif;font-weight:700;text-transform:uppercase;line-height:.95}
.buzz-title .b1{display:block;color:var(--lilac);font-size:3.3cqw;margin-left:4.1cqw}
.buzz-title .b2{display:block;color:#D06A00;font-size:6.5cqw;margin-left:7.6cqw;cursor:default}
.buzz-title .b2:hover{animation:rumble .25s linear 3}
.buzz-title .b3{display:flex;align-items:flex-end}
.buzz-title .b3 small{display:block;color:var(--lilac);font-size:3.3cqw;text-align:right;line-height:.98;margin-bottom:.6cqw}
.buzz-title .b3 small span{display:block}
.buzz-title .b3 b{color:#D06A00;font-size:6.5cqw;line-height:.95}
@keyframes rumble{0%{transform:translate(2px,1px) rotate(0)}25%{transform:translate(-2px,-1px) rotate(-1deg)}
  50%{transform:translate(-2px,1px) rotate(1deg)}75%{transform:translate(1px,-2px) rotate(0)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.buzz-title .b2:hover{animation:none}}

/* ---------- home: From the hive + latest posts ---------- */
.content_bottom_bg{width:69.91%;margin:0 auto;display:flex;gap:2.5%;position:relative;z-index:2;padding-top:10px}
.live_content{width:33.1%;flex:none}
.live_content .textwidget{background:url(/theme/top_frame.png?v=fb6ae7f8) no-repeat;background-size:100% auto}
.live_content h2{margin:0;padding:3.9% 0 2.8% 13px;line-height:0}
.live_content h2 img{width:71.25%;max-width:223px}
.live_content .back{background:url(/theme/hive.png?v=bb1f512e) repeat-y;background-size:100% 100%;margin-left:1px;padding:12px 18px 10px 20px}
.live_content .bottom{background:url(/theme/bottom_frame.png?v=567f9f11) no-repeat;background-size:100% auto;height:10px;margin-left:1px}
.live_content a.click{display:inline-block;color:#fff;font:700 16px/1 Comfortaa,sans-serif;text-decoration:none;
  padding:9px 18px 8px 12px;border-radius:5px 12px 12px 5px;background:linear-gradient(#b05400,#954600);
  box-shadow:0 1px 0 #7a3c00,inset 0 1px 0 rgba(255,255,255,.25)}
.live_content a.click:hover{background:linear-gradient(#9a4a00,#7f3b00)}
.live_content h3{font-size:16px;color:var(--navy);text-transform:uppercase;padding:14px 0 4px;line-height:1.35}
.live_content p{font-size:15px;line-height:1.55;color:#2f3a40;padding:4px 0}
.live_content a.more{font:700 14px Comfortaa,sans-serif;color:#8a4200;text-decoration:none;text-transform:uppercase}
.live_content a.more:hover{text-decoration:underline}
.pdf h2,.pdf h3,.the_buzz>h2{color:var(--orange-head);font-size:26px;font-weight:700;padding:0 0 22px;line-height:1.25}
.pdf{padding-top:28px}
.pdf ul li{padding:0 0 14px 20px;line-height:1.35}
.pdf ul li:hover{background:url(/theme/arrow.jpg?v=a4de933e) no-repeat 0 3px}
.pdf a{font:700 16px/1.35 Comfortaa,sans-serif;color:var(--navy2);text-decoration:none}
.pdf a:hover,.pdf a[aria-current]{color:var(--orange-link);text-decoration:underline}
.pdf p{font-size:15px;line-height:1.6;color:var(--text);padding:0 0 12px 0}
.the_buzz{flex:1;min-width:0}
.events{padding-bottom:22px}
.events h3{font-size:19px;line-height:1.35;padding:0 0 4px}
.events h3 a{color:var(--navy);text-decoration:none}
.events h3 a:hover{color:var(--orange-link);text-decoration:underline}
.meta{font:700 14px/1.6 Arimo,Arial,sans-serif;color:#5d5d60}
.meta span{color:#3f3f42}
.events p{font-size:16px;line-height:1.65;color:var(--text);max-width:68ch}
.excerpt_more a{color:var(--orange-link)}
a.read-more{display:inline-block;margin-top:6px;color:var(--orange-link);text-decoration:none;text-transform:uppercase;
  font:700 15px Comfortaa,sans-serif}
a.read-more:hover{text-decoration:underline}

/* ---------- inner pages: left part + grey content box ---------- */
.clear_contents{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:30px;gap:3%}
.left_part{width:34.44%;flex:none;order:1}
.right_content,.right_contents{order:2;border:1px solid #c4c4c4;border-radius:5px;padding:35px 30px 60px 30px;
  box-shadow:inset -1px -1px 0 #939393;background:linear-gradient(to bottom,var(--box1) 0%,var(--box2) 100%)}
.right_content{width:62%;flex:none}
.right_contents{width:95.65%;padding:35px 48px 60px}
.interior_teach{margin:0 0 0 48px;width:56%;max-width:192px}
.interior_teach .hex{position:relative;width:100%}
.interior_teach .hex span{font-size:19px}
.right_content h1,.right_contents h1{color:var(--orange-head);font-size:27px;text-transform:uppercase;padding-bottom:20px;line-height:1.25}
.right_content h2,.right_contents h2{color:var(--navy2);font-size:19px;padding:18px 0 8px}
.right_content h3,.right_contents h3{color:var(--navy2);font-size:17px;padding:14px 0 6px}
.right_content p,.right_contents p{padding:0 0 14px;font-size:17px;line-height:1.7;color:var(--text)}
.right_content ul,.right_contents ul,.right_content ol,.right_contents ol{padding:0 0 16px 22px}
.right_content ul li,.right_contents ul li{list-style:disc;padding:0 0 6px;line-height:1.65}
.right_content ol li,.right_contents ol li{list-style:decimal;padding:0 0 6px;line-height:1.65}
.right_content a,.right_contents a{color:var(--navy2);text-decoration:underline;text-underline-offset:2px}
.right_content a:hover,.right_contents a:hover{color:var(--orange-link)}
.right_contents .postmeta{font:700 16px/1.5 Comfortaa,sans-serif;color:var(--navy2);padding:0 0 22px}
.right_contents .postmeta a{text-decoration:none}
.article{max-width:40em}
.cover{margin:0 0 24px;text-align:center}
.cover img{display:block;width:100%;max-height:430px;object-fit:cover;border-radius:3px}
.cover figcaption,.wp-caption figcaption{font-size:13px;line-height:1.5;color:#4d4d4d;padding-top:6px}
.wp-caption{margin:6px 0 20px}
table.tbl{width:100%;border-collapse:collapse;margin:4px 0 20px;font-size:15px;background:#fff}
table.tbl th,table.tbl td{border:1px solid #c9c9c9;padding:8px 10px;text-align:left;vertical-align:top;line-height:1.5}
table.tbl th{background:#fbe6cd;color:#2a2a2a;font-weight:700}
table.tbl caption{text-align:left;font:700 15px Comfortaa,sans-serif;color:var(--navy2);padding:0 0 6px}
blockquote{border-left:4px solid var(--orange);padding:4px 0 4px 16px;margin:0 0 16px;color:#3a3a3a;font-style:italic}
.note{background:#fff8ee;border:1px solid #f0cc9c;border-radius:4px;padding:14px 16px 2px;margin:4px 0 18px}
.tabwrap{overflow-x:auto}

/* post lists inside the box (The buzz, category pages) */
.post-content{display:flex;gap:4%;padding:20px 0 26px;border-bottom:1px solid #cfcfcf}
.post-content:last-of-type{border-bottom:0}
.post-content .left_img{width:96px;flex:none}
.post-content .left_img img{width:96px;height:96px;object-fit:cover;border-radius:50%;display:block}
.post-content .right_cnt{flex:1;min-width:0}
.right_content h2.nieuws{padding:0 0 4px;font-size:18px}
.right_content h2.nieuws a{color:var(--navy);text-decoration:none}
.right_content h2.nieuws a:hover{color:var(--orange-link);text-decoration:underline}
.right_content p.author{color:var(--orange-link);font-weight:700;font-size:14px;padding:0 0 8px}
.right_content p.author span{font-weight:400;color:#4a4a4a}
.right_content .post-content p{font-size:16px;line-height:1.65}
.page-numbers{display:flex;flex-wrap:wrap;gap:6px;padding:14px 0 0!important;font:700 16px Comfortaa,sans-serif}
.page-numbers li{list-style:none!important;color:#555;padding:0!important}
.page-numbers li.current{color:var(--orange-link)}
.page-numbers a{color:var(--muted);text-decoration:none!important}
.page-numbers a:hover{color:var(--orange-link)}
.page-numbers .next-Link a,.page-numbers .prev-Link a{color:var(--orange-link)}
/* It works! playbooks (case-study layout) */
.it_work .post-content{gap:5%}
.it_work .right_cnt{width:49%}
.it_work .left_img.case{width:45%;flex:none;text-align:center}
.it_work .left_img.case img{width:100%;height:auto;aspect-ratio:250/192;object-fit:cover;border-radius:3px}
.it_work .left_img.case span{display:block;color:var(--navy2);font-size:13px;padding-top:6px}
/* post navigation */
.postnav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cfcfcf;margin-top:26px;padding-top:16px;font-size:15px}
.postnav a{font-family:Comfortaa,sans-serif;font-weight:700;text-decoration:none!important}
.postnav span{display:block;font:400 13px Arimo,Arial,sans-serif;color:#555}
.postnav .next{text-align:right;margin-left:auto}
.filed{font-size:15px!important;color:#444!important}

/* contact form (styled after the Contact Form 7 rules in the theme) */
.wpcf7 p{display:flex;flex-wrap:wrap;align-items:flex-start;padding:0 0 12px}
.wpcf7 label.lbl{width:35%;padding-top:5px;color:#3d4043;font-size:16px}
.wpcf7 .ctl{width:65%}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 textarea{width:100%;font:16px Arimo,Arial,sans-serif;background:#fff;
  border:1px solid #b9b9b9;padding:7px 8px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border .2s}
.wpcf7 input:focus,.wpcf7 textarea:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 2px #fbd7ad}
.wpcf7 textarea{height:130px}
.wpcf7 .req{color:#b00000;margin-left:3px}
.wpcf7 .list-item{display:block;font-size:15px;padding:2px 0}
.wpcf7 fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;width:100%;padding-bottom:12px}
.wpcf7 legend{float:left;width:35%;padding-top:5px;color:#3d4043;font-size:16px}
.wpcf7 button{background:#a85000;color:#fff;border:0;font:700 16px Comfortaa,sans-serif;padding:10px 20px;border-radius:3px;cursor:pointer}
.wpcf7 button:hover{background:#8a4200}

/* ---------- footer ---------- */
.footer{background:url(/theme/footer-bg.png?v=f57f2f7c) repeat-x top center;padding:10px 0 30px}
.footer_bg{max-width:956px;width:92%;margin:0 auto;display:flex}
.footer_menu{width:32.63%;padding:15px 0 10px;border-right:1px dotted #8a8a8a}
.footer_menu a{color:#3f3f42;text-decoration:none;font:15px/26px Arimo,Arial,sans-serif}
.footer_menu a:hover{color:var(--orange-link);text-decoration:underline}
.copy{flex:1;padding:19px 0 30px 25px;font:15px/1.5 Arimo,Arial,sans-serif;color:#3f3f42;
  background:url(/theme/footer-gradient.png?v=e7d53a23) no-repeat left 0}
.copy .flogo{display:block;width:168px;margin-bottom:6px}
.copy .flogo svg{display:block;width:168px;height:auto}
.copy p{padding:2px 0}
.copy a{color:#3f3f42}
.copy a:hover{color:var(--orange-link)}

/* ---------- responsive (theme breakpoints, simplified) ---------- */
@media (max-width:1200px){
  #menu-primary a{font-size:16px;width:120px}
  .pdf h2,.pdf h3,.the_buzz>h2{font-size:23px}
}
@media (max-width:1024px){
  .content_bottom_bg{width:88%}
}
@media (max-width:860px){
  .wrapper{background-size:auto 340px,100% auto}
  .outer_content{background-size:860px auto;background-position:center 60px;padding:0 16px 30px}
  .header{flex-direction:column;align-items:center}
  .logo{width:78%;max-width:340px;margin:16px auto 0}
  .buzz_brand,.bees{display:none}
  .banner{flex-direction:column;margin-top:12px}
  .sidebars{width:100%;max-width:340px;margin:0 auto 18px}
  .toggleMenu{display:block;width:100%;padding:10px 0;background:#a85000;color:#fff;border:0;border-radius:3px;
    font:700 17px Comfortaa,sans-serif;cursor:pointer}
  #menu-primary{display:none;background:#fff;border:1px solid #e3c39c;border-top:0}
  #menu-primary.open{display:block}
  #menu-primary li{padding:0;text-align:center;border-top:1px solid #f1dfc8}
  #menu-primary a{width:auto;padding:12px 0;font-size:17px}
  #menu-primary li:hover,#menu-primary li.current-menu-item{background:#fff3e3}
  .main-content{padding:0;width:100%}
  .front .banner{min-height:0}
  .hive{position:static;width:100%;aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;margin-top:6px}
  .buzz-title{position:static;margin:0 auto 18px}
  .buzz-title .b1,.buzz-title .b3 small{font-size:30px}
  .buzz-title .b2,.buzz-title .b3 b{font-size:62px}
  .buzz-title .b1{margin-left:34px}.buzz-title .b2{margin-left:60px}
  .hexes{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px;max-width:560px}
  .hive .hex{position:relative;left:auto!important;top:auto!important;width:150px}
  .hex span{font-size:16px}
  .content_bottom_bg,.clear_contents,.footer_bg{flex-direction:column;width:100%}
  .live_content,.the_buzz,.left_part,.right_content,.right_contents,.footer_menu,.copy{width:100%;max-width:100%;margin:0}
  .live_content{max-width:420px;margin:24px auto 10px}
  .the_buzz{padding-top:22px}
  .left_part{order:3;padding-top:10px}
  .interior_teach{display:none}
  .right_content,.right_contents{padding:24px 18px 34px}
  .footer_menu{border-right:0;border-bottom:1px dotted #8a8a8a;text-align:center}
  .copy{padding:18px 0 10px;text-align:center;background:none}
  .copy .flogo{margin:0 auto 6px}
}
@media (max-width:480px){
  .buzz-title .b1,.buzz-title .b3 small{font-size:24px}
  .buzz-title .b2,.buzz-title .b3 b{font-size:50px}
  .buzz-title .b2{margin-left:44px}.buzz-title .b1{margin-left:26px}
  .hive .hex{width:132px}
  .hex span{font-size:15px}
  .right_content h1,.right_contents h1{font-size:22px}
  .post-content{flex-direction:column}
  .post-content .left_img{width:auto}
  .it_work .post-content{flex-direction:column-reverse}
  .it_work .right_cnt,.it_work .left_img.case{width:100%}
  .wpcf7 label.lbl,.wpcf7 .ctl,.wpcf7 legend{width:100%}
  .postnav{flex-direction:column}
}