:root {

  --all-bg-color:#36454f;
  --all-text-color:#d8dadc;

  --nav-link-hover:#5edbe0;
  --nav-link-color:#fff; #94a8b5;

  --if-bg-color:#070709;
}


@font-face {
  font-family: 'CrimsonPro';
  src: url('ttf/CrimsonPro-Regular.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MontserratBoldit';
    src: url('ttf/Montserrat-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-display: swap;
}

@font-face {
  font-family: 'MontserratReg';
  src: url('ttf/Montserrat-Regular.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}


* {   -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out; }


img {
    /* Megakadályozza az elmosódást átméretezésnél */
    image-rendering: -webkit-optimize-contrast; /* Chrome/Safari */
    image-rendering: crisp-edges;               /* Firefox */
    -ms-interpolation-mode: bicubic;           /* IE */
}

.wp-post-image, 
img[class*="attachment-"] {
    width: 150px !important; 
    height: auto !important;
    aspect-ratio: auto !important;
    min-width: 150px;
}



body {
  background-color: #8ad2da;
  background-image: linear-gradient(#55c0cc 30%, #d8dae3 70%);
  color: #434544;
  font-family: 'CrimsonPro';
  font-size: 24px;
  line-height: 1.75rem;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }


body::before {content: "";position: absolute;width: 100%;height: 100%;top:0;left: 0;/* background-color: red; */background-image: url('https://capitalaffairs.eu/wp-content/uploads/2026/02/alap1-scaled.jpg');background-size: cover;background-position: top;mix-blend-mode: darken;opacity: 1;filter: grayscale(1); z-index: -1;}


h1, .h1, h2, .h2, h3, .h3 {font-family: 'MontserratReg'; font-style: italic;/* font-weight: 700; */position: relative;}

h1, .h1 {width: 100%;display: block;font-size: 4.5rem;color: #fff;line-height: 5rem;letter-spacing: -1px;margin: 6rem 2rem 2rem;text-align: right;text-transform: uppercase;font-style: italic;max-width: calc(100% - 4rem);}


.mainpage-slogan {text-align: center;
    padding: 6rem 2rem;
    color: #fff;
    background: #d45627;
    transform: skewX(-10deg);}

.mainpage-slogan h2 { margin-top: 0!important;
    color: #8ad2da!important;
    font-size: 6rem!important;
    font-weight: 400!important;
    transform: skewX(20deg)!important;}


.intro-container .h2, .intro-container h2 {
    text-align: center;
    color: #fff;
    font-size: 1.75rem;
    margin: 4rem 1rem 1rem;
    font-family: "MontserratReg";
    letter-spacing: -.5px;
    background: #8ad2da;
    line-height: 2.5rem;
    position: relative;
    z-index: 9;
    font-style: italic;
    }

    .intro-container .h2::after, .intro-container h2::after {
      content: "";
      position: absolute;
      width: 16px;
      height: 16px;
      bottom: -8px;
      left: calc(50% - 8px);
      background: #8ad2da;
      display: block;
      z-index: -1;
      transform: rotate(45deg);
    }

.intro-container .h3, .intro-container h3 {margin: 2.75rem 0 1rem;line-height: 1.75rem;position: relative;font-family: 'MontserratBoldit';}
.intro-container .h3::before, .intro-container h3::before {
    content: "";
    position: absolute;
    top: 0.2rem;
    left: -3rem;
    height: 21px;
    width: 1.25rem;
    background: #d45627;
    display: block;
    }

h2, .h2 {
    width: 100%;
    display: block;
    font-size: 6rem;
    line-height: 5rem;
    word-break: break-word;
    }

h3, .h3 {margin: 1.75rem 0 1rem;}

footer h3 { margin: 1.75rem 0 1rem; }

.contact-row {background-color: #fff;padding: 3rem 1rem!important;border-radius: 2px;position: relative;filter: drop-shadow(0px 20px 20px rgba(0, 0, 0, .15));word-break: break-word; border-radius: 2px;}
.contact-row::before {
    content: '';
    position: absolute;
    top: 3.25rem;
    left: 0;
    height: 21px;
    width: 1.25rem;
    background: #d45627;
    display: block;
    }

.subpage-content h3, .subpage-content .h3 {margin: 2.75rem 0 1rem;max-width: calc(100% - 6rem);font-family: 'MontserratBoldit';}
.subpage-content h3::after {
    content: '';
    position: absolute;
    right: -9rem;
    top: 0;
    width: 6rem;
    height: 30px;
    background: #d45627;
    }

h4, .h4 {
  font-size: 1.15rem;
  font-family: 'MontserratReg';
  font-weight: 500;
  }


.member-subpage h1 { margin-bottom: 0; }
.member-subpage h4 {
    color: #fff;
    text-align: right;
    width: 100%;
    font-style: italic;
    font-family: "MontserratReg";
    font-size: 24px;
    margin-bottom: 4rem;
    margin-top: 0.5rem;
    margin-right: 2rem;
    }

a.member-name, a.member-name:hover {color:var(--all-bg-color);text-decoration: none;margin-top: 1.5rem;display: block;}


a { color:var(--nav-link-color); }
a:hover { text-decoration: none; color:var(--nav-link-hover); }

.readmore-btn {
    max-width: 240px;
    padding: 1rem 0 2rem!important;
    background: transparent!important;
    color: #5edbe0!important;
    font-weight: 600!important;
    font-family: "MontserratReg"!important;
    font-size: 18px!important;
    border-radius: 0!important;
    border: 0;
    outline: none;
    }

    button:focus {
    outline: none;}



.row {padding: 0 0; margin: 0; width: 100%; }

.container {max-width: 1440px;padding: 0 0.25em 0 1rem;}

.nullp { padding: 0; }

.subpage-content {background-color: #fff; padding: 3rem; position: relative; margin-left: .5rem;}
.subpage-content::before {
    position: absolute;
    left: 0;
    top: 3.25rem;
    content: '';
    display: block;
    background-color: #d45627;
    width: 1.25rem;
    height: 21px;
    }


.subpage-image-n { width: 100%;padding-top: 33%;background: #8ad2da;position: relative; margin-bottom: 5rem; }
.subpage-image-s { width: 100%;padding-top: 100%;background: #8ad2da;position: relative; margin-bottom: 5rem; }
.subpage-image-b { width: 100%;padding-top: 144%;background: #8ad2da;position: relative; margin-bottom: 5rem; }

.subpage-image {width: 100%;padding-top: 67%;background: #8ad2da;position: relative;margin-bottom: 3rem;}
.subpage-image img, .subpage-image-n img, .subpage-image-s img, .subpage-image-b img  { position: absolute; top:0; left: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center; }
.subpage-image::before, .subpage-image-n::before, .subpage-image-s::before, .subpage-image-b::before { position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 1.5rem;
    left: -1.5rem;
    display: block;
    background-color: #d45627;
    z-index: 9;
    opacity: .25;
    mix-blend-mode: plus-lighter; }

.headline { background: #8ad2da; padding: 4rem 0 0; }
.header-logo {
  background-image: url(img/cea_logo400.png);
  height: 60px;
  width: 300px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  display: block;
  margin: 0 auto;}



.topmenu { position: relative; margin-bottom: 4rem; display: block; }


.topmenu nav {background-color: #55c0cc;min-height: 72px;margin-top: 4rem; border-bottom: 1px solid #45a5b0}
.topmenu nav ul {display: flex; padding: 0;margin: auto;max-width: 1440px; border-right: 1px solid #8ad2da;}
.topmenu nav ul li {
  list-style-type: none;
  text-align: center;
  width: 100%;
  text-align: center;
  border-top: 1px solid #8ad2da;
  border-bottom: 1px solid #45a5b0;
  }

.topmenu nav ul li a {padding: 1.5rem; display: block; font-family: 'MontserratReg'; position: relative;
  text-transform: lowercase;text-align: center; font-size: 18px; border-left: 1px solid #8ad2da;
}
.topmenu nav ul li a:hover { background: #d45627; color: #fff; }


footer {position: relative;margin-top: 6rem;background-color: #434544;padding: 4rem 0 0 0;}
footer ul {padding: 0;margin: 0;}
footer ul li {list-style-type: none;padding-left: 0;margin-left: 0;}
footer ul li a {padding: .75rem 0 .5rem 1.25rem;display: block;text-decoration: none;font-family: 'MontserratReg';font-size: .9rem;opacity: .4;text-transform: lowercase;position: relative;border-bottom: 1px solid #2a2c2b;}
footer ul li a:hover { opacity: 1; }

footer ul li a::before {
                       content:"";
                       position:absolute;
                       left: 0;
                       bottom: 16px;
                       width:6px;
                       height:6px;
                       background:#5edbe0;
                       }

.footer-brandbox { text-align: right; color: #868384;
    font-size: 18px; }

a.footer-brand {
    width: 100%;
    height: 36px;
    display: block;
    margin-bottom: 2rem;
    background-image: url(img/cea_logo400.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    opacity: .45;
    }

footer .aa {color: #fff;display: inline;}

footer .footer-sub {text-align: center;padding: 0;background: #383a39;margin-top: 4rem;min-height: 60px;}


.contactbox-form { padding-left: 2rem!important; }

input, optgroup, select, textarea {
    width: 100%;
    padding: 9px;
    border-radius: 2px;
    margin-top: 0.5rem;
    background-color: #fff;
    border: 2px solid #ddd;
}

textarea { max-height: 150px; }

label {font-size: 18px;width:100%;font-family: "MontserratReg";}

.wpcf7 .wpcf7-submit:disabled {
  max-width: 240px;
  background: #aaa;
  color: #eee;
  font-family: "MontserratReg";
  font-size: 21px;
  padding: 1rem;
  border-radius: 2px;
  border: 0;
  }


    [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
      max-width: 240px;
      padding: 1rem;
      background: #5edbe0;
      color: #fff;
      /* font-weight: 800; */
      font-family: "MontserratReg";
      border-radius: 2px;
      font-size: 21px;
      border: 0;
      }


        input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    width: 21px;
    height: 21px;
    margin: 0 6px 0 -20px;
    accent-color: #5edbe0;
}



.topmenu-inout {
    position: absolute;
    width: 60px;
    height: 60px;
    right: 18px;
    /* border: 3px solid #5edbe0; */
    border-radius: 2px;
    top: calc(2rem + 30px);
    z-index: 999999999999;
    cursor: pointer;
    display: none;
    background-color: #55c0cc;
    background-image: url(menu-w.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    }

    .topmenu-inout::after {content:"";position: absolute;width: 90px;height: 30px;background: #d45627;right: -18px;top: 15px;z-index: 0;mix-blend-mode: hard-light;}



.menuin {display: block!important;}
.m-close { }
.fixme { position: fixed; }

.footer-btn {
    background: rgb(94 219 224 / 40%);
    color: #ffffff;
    padding: 1rem 3rem;
    border-radius: 2px;
    display: inline-block;
    margin-top: 1rem;
    /* font-weight: 600; */
    font-family: 'MontserratReg';
    font-size: 18px;
    /* opacity: .6; */
    }

    .footer-btn:hover {  background: #5edbe0; color: #fff;  }


.contactbox-text img { padding: 0 30px 30px 0; }

img { max-width: 100%; }


.intro-box {background-color:#fff;padding:3rem 3rem 2rem;max-width: calc(33.3% - 2rem);border-radius: 2px;margin: 1rem;filter: drop-shadow(0px 20px 20px rgba(0, 0, 0, .15));}
.intro-image { width: 100%;padding-top: 67%; background: #8ad2da;position: relative; margin-bottom: 2rem; }
.intro-image img { position: absolute; top:0; left: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center; }
.intro-image::before { position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 1.5rem;
    left: -1.5rem;
    display: block;
    background-color: #d45627;
    z-index: 999;
    opacity: .25;
    mix-blend-mode: plus-lighter;
    pointer-events: none; }



/************** PARTNERS ****************/

.logo-box .col-sm-4 { margin-bottom: 2rem; }

.logo-box .col-sm-4 img {
    width: 100%;
    background: #fff;
    margin: 0;
    padding: 3rem;
    border-radius: 2px;
    height: 250px;
    object-fit: contain;
    filter: grayscale(1);
    opacity: .9;
    }

    .logo-box .col-sm-4 img:hover { filter: grayscale(0); opacity: 1; }

.client-logo h3, .partner-logo h3 { text-align: center;
    margin-top: 0;
    margin-bottom: 2.75rem;
    font-size: 2.75rem;
    color: #fff; }


.team-container h3 {
        text-align: center;
        margin-top: 6rem;
        margin-bottom: 2.5rem;
        font-size: 2.75rem;
        color: #fff;
        font-style: italic;
        text-transform: uppercase;
        }


.team-container .member-box {background-color:#fff;padding: 2rem 2rem 2rem;max-width: calc(50% - 2rem);margin: 1rem;overflow: hidden;}

.team-container .boss-box { max-width: calc(100% - 2rem); }
.team-container h4 {font-style: italic;font-size: 1.75rem;width: calc(100% - 3rem);margin-top: 1rem;margin-bottom: .5rem;font-weight: 700;text-transform: uppercase;position: relative;z-index: 11;font-family: 'MontserratBoldit';}
.team-container h4::after {position: absolute;content: "";height: 30px;width: 6rem;right: -8rem;top: .15rem;background: #d45627;z-index: -1;}
.team-container h5 {font-style: italic;font-size: 1.25rem;font-family: 'MontserratReg';margin-bottom: 1.5rem;font-weight: 600;position: relative;width: calc(100% - 4rem);}
.team-container img { max-width:100%; width: 100%; border-radius:100%; }

.wwa-text { padding: 0 0.25rem; }
.wwa-pic {margin-bottom: 2rem;margin-top: 1rem;border-radius: 1000px;position: relative;z-index: 11;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: high-quality;}

a.member-read-more {color: #5edbe0;/* color: #fff; */font-family: "montserratReg";font-size: 18px;font-weight: 600;padding: 1rem 0 2rem;display: inline-block;}
a.member-read-more:hover { color: #d45627; }

.container .client-logo, .container .partner-logo { padding: 1rem; margin-top: 4rem; }

.quickjump {
    display: block;
    padding: 1rem 1.5rem;
    margin-bottom: 1rem;
    border: 3px solid #ffffff;
    background-color: rgb(255 255 255 / 25%);
    font-family: "MontserratReg";
    /* text-transform: uppercase; */
    font-size: 18px;
    border-radius: 2px;
    font-weight: 500;
    width: calc(100% - 2rem);
    }

.quickjump:hover { background: #d45627; color:#fff; }


.boxshadow { filter: drop-shadow(0px 20px 20px rgba(0, 0, 0, .1)); }


.msg-box { background:rgb(138 210 218 / 20%);
  padding:2rem;
  border-radius:2px;
  font-family:'MontserratReg';
  font-size:18px;  }

.contact-board {}


@media only screen and (max-width: 1170px) {
  .intro-box {
      padding: 2rem;}

  .intro-container h3:before {
      left: -2rem;}
}











@media only screen and (max-width: 960px) {

  .header-logo {
    background-position: left;
    margin-left: 1rem;
    z-index: 993;
    }

  .topmenu { margin-bottom: 0; }

  .topmenu nav { border: 0; }

  .topmenu nav ul {
      display: none;
      background: rgb(138 210 218 / 96%);
      text-align: center;
      padding-top: 9rem;
      width: 100%;
      right: 0;
      top: 0;
      position: fixed;
      z-index: 99;
      /* filter: drop-shadow(0px 30px 30px black); */
      }

  .topmenu-inout { display: block; }

}





@media only screen and (max-width: 860px) {

  .container {padding: 0;}

  .subpage-image-b, .subpage-image-s {
    width: 100%;
    padding-top: 67%;
    margin-bottom: 3rem;
    }

  .intro-box {max-width: calc(100% - 2rem)!important;padding: 2rem 2rem 1rem;margin-bottom: 0;}

  .intro-image {
    width: 100%;
    padding-top: 67%;
    }

/**** who we are ****/

.col-sm-4, .col-sm-8 {
        flex: 0 0 100%;
        max-width: 100%;}

.member-box .col-sm-4 { flex: 0 0 33.333%; max-width: 33.333%; }
.member-box .col-sm-8 { flex: 0 0 66.333%; max-width: 66.333%; }

.member-subpage h1 { margin-bottom: 0!important; }
.member-subpage h4 {margin-right: 1rem;font-size: 21px;}

.member-subpage .subpage-image-b, .member-subpage .subpage-image-s {padding-top: 100%;margin: 0 1rem 3rem;width: calc(100% - 2rem);}
.member-subpage .col-sm-4 { padding: 0; }

.team-container .member-box {
  max-width: calc(100% - 2rem);
  flex: 0 0 100%;}

h1 {font-size: 3.5rem;margin: 4rem 2rem 3rem!important;max-width: calc(100% - 2rem);word-break: break-all;}
.team-container h3 {font-size: 3rem; max-width: 100%; margin: 5rem 2rem 2rem;}

.subpage-content {margin: 0;}
.subpage-content::before { top: 2.25rem; }

.member-subpage .subpage-content {margin: 0 1rem;}
.subpage-content::before { top: 2.25rem; }

.quickjump {
    display: inline-block; width: calc(50% - .2rem);
  }

  .contact-board { margin: 0 1rem; width: calc(100% - 2rem); }
  .contact-row::before {
    top: 2.25rem; }


/**** partners ****/

.logo-box .col-sm-4 {width: calc(50% - 2rem);flex: 0 0 50%;max-width: calc(50% - 2rem);padding: 0;margin: 1rem;}

.logo-box .col-sm-4 img { padding: 2rem; }





 footer .col-sm-4 { max-width: 50%; flex: 0 0 50%; }
 a.footer-brand { background-position: center; }
 .footer-brandbox { text-align: center; }

 .footer-brandbox {
    text-align: center;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-top: 2rem;}


.contact-row::before { top: 2.25rem;  }

}





@media only screen and (max-width: 690px) {


  .subpage-content h3::after  { right: -9rem; }

  h4, .h4 { font-size: 1.5rem;}


footer .col-sm-4 { max-width: 100%; flex: 0 0 100%; }

.header-logo {/* width: 100%; *//* background-position: center; */}

.home-line1 {padding:0;}
.home-line2 { padding:0; }
.home-line3 {padding:0;}

.footer-contactbox { text-align: center; padding: 4rem 0; }
a.footer-brand { background-position: center; }
.footer-brandbox { text-align: center; padding-top: 0; }

.fp-line { font-size: 12vw; line-height: 4rem; }

.msg-box { margin-top: 3rem; }

.logo-box .col-sm-4 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    margin: .5rem 0;
    }

.logo-box .col-sm-4 img {
    padding: 3rem; }

.contact-row::before { top: 2.25rem;  }

}



@media only screen and (max-width: 580px) {

  footer h3 { margin: 0 0 1rem; }


  .header-logo {height: 42px;}

  .boss-box .col-sm-4, .boss-box .col-sm-8 { flex: 0 0 100%;
    max-width: 100%; }


  .intro-container .h3, .intro-container h3 { font-size: 1.5rem; }
  .intro-container .h3::before, .intro-container h3::before { left: -2rem; }


  .team-container h3 {
        font-size: 2.25rem; }

  .client-logo h3, .partner-logo h3 {
        font-size: 2.25rem; }

  .subpage-content h3 {
        margin: 2.75rem 0 1rem;}
          .subpage-content h3::after  { right: -8rem; }


  .subpage-content {
    padding: 2rem;
    }

    .contact-row::before{top: 2.25rem;}


  h1 {
        font-size: 3rem;
        line-height: 3.25rem;
        margin: 2rem 1rem 2rem !important;
        word-break: break-word;
        }

.team-container .member-box {padding: 1rem;margin-bottom: 0;}
.team-container h4 {font-size: 1.5rem;}
.team-container h5 {width: calc(100% - 2rem);font-size: 1.25rem;}

.wwa-text { padding: 0; }

  .contact-row {
    background-color: #fff;
    padding: 2rem 0 !important; }

}




@media only screen and (max-width: 476px) {

   .intro-container h1 {
        font-size: 2.5rem;
        line-height: 2.75rem;
        margin: 2rem 1rem 2rem !important;
        word-break: break-word;
        }

}