html, body {
    font-family: 'Manrope', sans-serif;
}

body, button, input, select, optgroup, textarea {
    color: #282828;
}

a, a:hover, a:visited {
    text-decoration: none;
    color: #35A7AA;
}

img {
    border-radius: 5px;
}

.material-symbols-rounded:after {
    content: attr(data-icon);
}

#cookie-notice {
    background-color: #35a7aa !important;
    border: 2px solid #c2dedf !important;
    max-width: 500px !important;
    min-width: unset !important;
    bottom: 20px !important;
    left: 20px !important;
    border-radius: 5px !important;
}

#cookie-notice #cn-more-info {
    background-color: #5ccbcd !important;
    color: #252525 !important;
}

#cookie-notice .cn-close-icon:before, 
#cookie-notice .cn-close-icon:after {
    background-color: rgb(255 255 255) !important;
}

/*
    HEADER
*/
.spacer {
    height: 85px;
}

.site-header {
    border-bottom: 2px solid #282828;
    padding: 20px 0 00;
    margin: 0 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 300;
    transition: border-color 0.3s, background 0.3s;
    -webkit-transition: border-color 0.3s, background 0.3s;
}

.site-header .material-symbols-rounded {
    vertical-align: bottom;
}

.site-header .container {  
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
      "site-branding site-menu";
}
  
.site-branding { grid-area: site-branding; }  
.site-menu { grid-area: site-menu; }

.site-header .site-branding {
    border-right: 2px solid #282828;
    transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
}

.site-header .site-branding img {
    max-width: 160px;
    width: 100%;
    height: auto;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    transition: filter 0.3s;
    -webkit-transition: filter 0.3s;
}

.site-header .site-menu ul {
    text-align: right;
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0;
}

.site-header .site-menu ul li {
    display: inline;
}

.site-header .site-menu ul li a {
    display: inline-block;
    cursor: pointer;
    background: #e5eded;
    border-radius: 3px;
    text-decoration: none;
    padding: 3px 15px;
    margin: 0 0 0 10px;
    color: #35A7AA;
    border: 2px solid #c2dedf;
    font-weight: 500;
    transition: box-shadow 0.3s;
    -webkit-transition: box-shadow 0.3s;
    box-shadow: 0px 4px 7px rgb(18 68 69 / 5%);
}

.site-header .site-menu ul li a:hover {
    box-shadow: 0px 4px 7px rgb(18 68 69 / 20%);
}

.site-header .site-menu ul li a .material-symbols-rounded {
    font-weight: 600;
}

.site-header .site-menu ul li a.full-color {
    background: #35A7AA;
    color: #fff;
}

/*
    NAVIGATION
*/
.main-navigation {
    display: none;
    background: #282828;
    color: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
}

.main-navigation .menu {
    display: flex;
    justify-content: space-between;
}

.main-navigation .nav-wrapper {
    padding: 20px 0 70px 0;
    margin: 0 20px;
    overflow: scroll;
    height: 100%;
}

.main-navigation .head-container {
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 0px 0px;
    margin-bottom: 40px;
    grid-template-areas: 
        "right left"; 
}

.main-navigation .head-container .left { grid-area: left; text-align: right;}
.main-navigation .head-container .right { grid-area: right; }

.main-navigation .close-nav {
    color: #fff;
    cursor: pointer;
    margin-top: 10px;
    margin-left: -4px;
    font-weight: 500;
}

.main-navigation .close-nav .material-symbols-rounded {
    vertical-align: bottom;
}

.main-navigation input[type="search"] {
    border-color: #fff;
}

.site-header.menu-activated {
    background: #282828;
    border-color: #fff;
}

.site-header.menu-activated .site-branding {
    border-color: #fff;
}

.site-header.menu-activated .site-branding img {
    filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(87deg) brightness(1000%) contrast(100%);
}

.main-navigation .menu li a {
    color: #fff;
    font-weight: 800;
    font-size: 21px;
    border-bottom: 3px solid rgba(0,0,0,0);
}

.main-navigation .menu li a:hover {
    border-bottom: 3px solid #35A7AA;
}

.main-navigation .nav-social ul {
    list-style: none;
    margin: 100px 0 0 0;
    padding: 0;
    justify-content: center;
    display: flex;
}

.main-navigation .nav-social ul li {
    display: inline;
}

.main-navigation .nav-social ul li a {
    background: #35A7AA;
    color: #fff;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    display: flex;
    margin: 0 0 0 10px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.main-navigation .nav-social ul li a:hover {
    background: #135f61;
}

.main-navigation .nav-social ul li a svg {
    fill: #fff;
    width: 20px;
    height: 20px;
}

/*
    MENU / SUBMENU
*/
.main-navigation .menu ul {
    display: block;
    margin-top: 10px;
}

.main-navigation .menu ul li {
    padding: 5px 0;
}

.main-navigation .menu ul li a {
    color: #fff;
    font-weight: 300;
    font-size: 21px;
    border-bottom: 3px solid rgba(0,0,0,0);
}

/*
    MAIN
*/
.main-wrapper {
    padding: 0 20px;
    margin: 30px auto 50px auto;
}

.site-main {
    max-width: 700px;
    margin: 0 auto;
}

.main-wrapper .material-symbols-rounded {
    vertical-align: middle;
}

.page-header {
    margin-bottom: 50px;
    padding-bottom: 20px;
    border-bottom: 2px solid #282828;
}

.page-header .title-with-icon .material-symbols-rounded {
    font-size: 30px;
    background: #35a7aa;
    color: #fff;
    border-radius: 200px;
    padding: 5px;
}

/*
    FOOTER
*/
.site-footer {
    border-top: 2px solid #282828;
    padding: 20px 0 20px 0;
    margin: 0 20px;
    text-align: center;
    font-size: 14px;
}

.site-footer .footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 5px 0 15px 0;
}

.site-footer .footer-menu ul li {
    display: inline;
}

.site-footer .footer-menu ul li a {
    display: inline-block;
    padding: 0 0 3px 0;
    margin: 0 10px;
    color: #282828;
    border-bottom: 2px solid #fff;
}

.site-footer .footer-menu ul li a:hover {
    color: #35A7AA;
    border-bottom: 2px solid #35A7AA;
}

.site-footer .footer-social ul {
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: center;
    display: flex;
}

.site-footer .footer-social ul li {
    display: inline;
}

.site-footer .footer-social ul li a {
    background: #35A7AA;
    color: #fff;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    display: flex;
    margin: 0 5px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.site-footer .footer-social ul li a:hover {
    background: #135f61;
}

.site-footer .footer-social ul li a svg {
    fill: #fff;
    width: 20px;
    height: 20px;
}

/*
    TEMPLATE: LOOP
*/
.loop-entry {
    padding-bottom: 20px;
    border-bottom: 2px solid #dfdfdf;
}

.loop-entry .entry-header {
    margin-bottom: 20px;
}

.loop-entry .entry-category a {
    font-weight: 600;
    font-size: 16px;
}

.loop-entry .entry-header .entry-title {
    margin: 10px 0 10px 0;
    font-size: 2em;
}

.loop-entry .entry-header .entry-title a {
    color: #282828;
}

.loop-entry .entry-header .entry-meta,
.loop-entry .entry-header .entry-meta a {
    color: #8a8a8a;
    font-weight: 500;
}

.loop-entry .entry-content {
    overflow: auto;
    margin-top: 10px;
}

.loop-entry .entry-content .more-link {
    background: #35A7AA;
    color: #fff;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 5px;
    float: right;
}

.loop-entry .entry-content .more-link:hover {
    background: #135f61;
}

.nav-links .nav-previous a,
.nav-links .nav-next a {
    cursor: pointer;
    background: #e5eded;
    border-radius: 5px;
    text-decoration: none;
    padding: 5px 10px;
    color: #35a7aa;
    border: 2px solid #c2dedf;
    font-weight: 500;
}

.nav-links .material-symbols-rounded {
    vertical-align: bottom;
}

/*
    TEMPLATE: POST
*/
.template-post .entry-header {
    margin-bottom: 40px;
}

.template-post .entry-header .entry-category a {
    font-weight: 600;
    font-size: 16px;
}

.template-post .entry-header .entry-title {
    margin: 10px 0 10px 0;
}

.template-post .entry-header .entry-meta,
.template-post .entry-header .entry-meta a {
    color: #8a8a8a;
    font-weight: 500;
}

.template-post .entry-content {
    max-width: 500px;
    margin: 30px auto 0 auto;
}

.template-post .entry-content hr {
    border: 1px solid #c0c0c0;
    height: 0px;
}

.template-post .entry-content .entry-tags {
    margin-top: 20px;
}

.template-post .entry-content .entry-tags ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.template-post .entry-content .entry-tags ul li {
    display: inline;
}

.template-post .entry-content .entry-tags ul li a {
    display: inline-block;
    background: #e5eded;
    color: #35a7aa;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    margin: 5px 5px 0px 0;
}

.template-post .entry-content .entry-tags ul li a:hover {
    background: #35a7aa;
    color: #fff;
}

.template-post .entry-author {
    margin-top: 20px;
    display: block;
    border-radius: 10px;
    padding: 20px 20px;
    background: #f6f6f6;
}

.template-post .entry-author .container {  display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
      "author-img author-info";
  }
  
.template-post .author-img { grid-area: author-img; }

.template-post .author-info { grid-area: author-info; }

.template-post .entry-author .author-img img {
    border-radius: 1000px;
    margin-right: 20px;
}

.template-post .entry-author .author-info .author-name {
    font-weight: 700;
    font-size: 22px;
}

.template-post .entry-author .author-info .author-description {
    font-size: 15px;
}

.template-post .entry-author .author-social {
    text-align: right;
}

.template-post .entry-author .author-social ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.template-post .entry-author .author-social ul li {
    display: inline;
}

.template-post .entry-author .author-social ul li a {
    display: inline-block;
    background: #35A7AA;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    padding: 5px 10px;
    margin-left: 10px;
    border-radius: 5px;
}

.template-post .entry-author .author-social ul li a:hover {
    background: #135f61;
}

.template-post .entry-cta img {
    border-radius: 5px;
    margin-top: 20px;
}

.main-wrapper .post-navigation {
    display: none;
}

/*
    COMMENTS
*/
#comments {
    margin-top: 60px;
}

#comments .comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#comments .comment-list li {
    display: block;
    border-radius: 10px;
    padding: 20px 20px;
    margin: 10px 0;
    background: #f6f6f6;
}

#comments .comment-list li .reply {
    text-align: right;
    margin-top: -10px;
}

#comments .comment-list li .reply a {
    background: #35A7AA;
    color: #fff;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 5px;
}

#comments .comment-list li .reply a:hover {
    background: #135f61;
}

#comments .comment-list li .comment-author img {
    border-radius: 1000px;
    vertical-align: middle;
    margin-right: 5px;
}

#comments .comment-list li .comment-metadata {
    font-size: 13px;
    margin-top: 5px;
}

#comments .comment-list li .comment-metadata .edit-link {
    padding-left: 5px;
}

#comments .comment-list li .comment-content p {
    margin-top: 0;
}

#comments .comment-respond {
    border-radius: 10px;
    padding: 20px 20px;
    margin: 10px 0;
    background: #f6f6f6;
}

#comments .comment-respond h3 {
    margin-top: 0;
}

#comments .comment-respond .form-submit {
    margin-bottom: 0;
    overflow: auto;
}

#comments .comment-respond .form-submit .submit {
    float: right;
}

#comments #comment {
    max-height: 100px;
    padding: 10px 10px;
}

#comments .cancel-comment-reply-link {
    padding-left: 10px;
}

#comments .comment-form-author label,
#comments .comment-form-email label,
#comments .comment-form-url label {
    width: 100px;
    display: inline-block;
}

/*
    FORMS
*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #282828;
    border: 2px solid #282828;
    border-radius: 2px;
    padding: 5px;
    outline: none;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    color: #35a7aa;
    border: 2px solid #35a7aa !important;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    border: 0px solid;
    border-radius: 2px;
    background: #35a7aa;
    color: #fff;
    line-height: unset;
    padding: 7px 15px;
    cursor: pointer;
}

button, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    background: #135f61;
}

.wpcf7 textarea {
    max-height: 100px;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
    border-radius: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/*
    EXIT
*/
.welcome-box {
    display: none;
    opacity: 0;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
}

.welcome-box.activate {
    opacity: 1;
    display: block;
}

.welcome-box .box {
    background: #f2f2f2;
    max-width: 500px;
    margin: 100px auto 0 auto;
    padding: 30px 30px;
    text-align: center;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 50%);
}

.welcome-box .box .box-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.welcome-box .box .box-short {
    margin-bottom: 30px;
}

.welcome-box .box .box-short .b {
    font-weight: 600;
}

.welcome-box .box .privacy-notes {
    font-size: 14px;
    margin-top: 30px;
}

.welcome-box .box input[type=email],
.welcome-box .box input[type=text] {
    width: 100%;
    text-align: center;
    padding: 10px;
}

.welcome-box .box .submitButton {
    margin-top: 10px;
}

.welcome-box .box .closeBox {
    width: 100%;
    margin-top: 5px;
    background: #f2f2f2;
    font-size: 15px;
    color: #148482;
    border: 2px solid #148482;
}

/*
    HOMEPAGE
*/
.homepage .entry-header {
    display: none;
}

.homepage .entry-title {
    text-align: center;
}

.hero-spacer {
    height: 640px;
}

.home-hero {
    
}

.home-hero .hero {
    background: url(https://cdn.businessundercover.gr/static/hero-img.jpg);
    background-size: cover;
    background-position: 50% 5%;
    margin-bottom: 15px;
    border-radius: 5px;
}

.home-hero .hero .mask {
    background: rgb(242,242,242);
    background: linear-gradient(100deg, rgba(242,242,242,0.9122023809523809) 56%, rgba(242,242,242,0) 100%);
    padding: 60px 10px;
}

.home-hero .hero .hero-wrapper {
    max-width: 500px;
    text-align: left;
    margin-left: 15%;
}

.home-hero .hero .hero-wrapper .heading {
    font-size: 30px;
    font-weight: 700;
}

.home-hero .hero .hero-wrapper .wp-block-button a {
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    margin-left: 0;
}

.home-hero .hero .hero-wrapper .wp-block-button a:hover {
    transform: scale(1.1);
}

.community-box {
    padding: 10px 40px;
    border-radius: 5px;
}

.community-box input {
    width: 100%;
    display: block;
}

.discover-container  {  
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 15px 15px;
    grid-auto-flow: row;
    grid-template-areas:
      "box-01 box-02 box-03 box-04";
}

.discover-container a img {
    display: block !important;
}

.discover-container a {
    box-shadow: 0px 0px 15px rgb(0 0 0 / 0%);
    transition: box-shadow 0.3s, transform 0.3s, border 0.2s;
    -webkit-transition: box-shadow 0.3s, transform 0.3s, border 0.2s;
    border-radius: 5px;
    display: block;
    border: 0px solid #35a7aa;
}

.discover-container a:hover {
    box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);
    transform: scale(1.1);
    border: 2px solid #35a7aa;
}

.box-01 { grid-area: box-01; }

.box-02 { grid-area: box-02; }

.box-03 { grid-area: box-03; }

.box-04 { grid-area: box-04; }
  
.fix-images img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

/*
    BLOCKS STYLING
*/
.wp-block-quote {
    overflow-wrap: break-word;
    background: #f2f2f2;
    color: #545454;
    border-radius: 5px;
    margin: 0;
    padding: 20px 20px;
}

.wp-block-quote p {
    margin: 0;
}

.wp-block-button {
    margin-top: 20px;
}

.wp-block-button a {
    cursor: pointer;
    background: #35a7aa;
    border-radius: 5px;
    text-decoration: none;
    padding: 6px 10px;
    margin: 0 0 0 10px;
    color: #fff;
    border: 2px solid #c2dedf;
    font-weight: 500;
    font-size: 15px;
    transition: box-shadow .3s;
    -webkit-transition: box-shadow .3s;
    box-shadow: 0px 4px 7px rgb(18 68 69 / 5%);
}

.wp-block-button a:hover {
    box-shadow: 0px 4px 7px rgb(18 68 69 / 20%);
}

.wp-block-latest-posts__list .wp-block-latest-posts__featured-image {
    width: 100%;
}

.page-header .entry-tags ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-header .entry-tags ul  li {
    display: inline;
}

.page-header .entry-tags ul  li a {
    display: inline-block;
    background: #e5eded;
    color: #35a7aa;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    margin: 5px 5px 0 0;
}