/*
Theme Name: Harbor Lab Template
Author: GoodFellas Studio
Author URI: https://www.goodfellas.gr/
Version: 3.0
Text Domain: harborlab
*/
body.admin-bar header#site-header,
aside#navigation-menu .aside__header{
    top: 32px;
}
/*
body.admin-bar header#site-header.sticky{
    top: 0px;
}*/
.grecaptcha-badge{
	display: none;
}
[data-component="hero"] [data-widget="image"] img,
[data-component="media-content"] [data-widget="image"] img{
    width: 100% !important;
    height: auto !important;
}

[data-component="image"] img,
[data-component="images"] img{
    height: auto !important;
}

[data-component="media-content"] [data-widget="content"] .item__description ul li:has(b),
[data-component="media-content"] [data-widget="content"] .item__description ul li:has(strong){
    padding-block: var(--gap-600);
    padding-inline: var(--gap-500);
    border-radius: var(--br-global);
    background: var(--color-background-gradient-3)
}

[data-component="cta"]:last-of-type {
    background: var(--color-background-gradient-4);
}

[data-widget="keep-reading-banner"] form fieldset .form-row.form-row--submit input.btn{
    background-color: var(--color-accent-alt);
    border-color: var(--color-accent-alt);
}

[data-widget="keep-reading-banner"] form fieldset .form-row.form-row--acceptance label{
    color: var(--color-text-white);
}

[data-page-builder] > [data-component]#roi-calculator {
    background-image: var(--color-background-gradient-4);
    padding-bottom: var(--gap-global);
}
[data-page-builder] > [data-component]#roi-calculator + [data-component][data-background-color="dark"],
[data-page-builder] > [data-component="ai-agents"] + [data-component="request-demo"] {
    margin-top: calc(-1 * var(--gap-global));
}
article.item--case-study-card .item__title b{
    color: var(--color-accent);
}


[data-component="hero"][data-type="single-post"] .item .pill{
    background-color: var(--color-white-80);
}
[data-component="hero"][data-type="single-post"] .item .pill.pill--blog{
    background-color: var(--color-accent) !important;
    color: var(--color-heading-white) !important;
}
[data-component="hero"][data-type="single-post"] .item .pill.pill--webinar{
    background-color: #FF7A00 !important;
    color: var(--color-heading-white) !important;
}
[data-component="hero"][data-type="single-post"] .item .pill.pill--press{
    background-color: #FF5C8A !important;
    color: var(--color-heading-white) !important;
}
[data-component="hero"][data-type="single-post"] .item .pill.pill--case-study{
    background-color: #14B86D !important;
    color: var(--color-heading-white) !important;
}

header#site-header nav ul li.menu-item.current-menu-item a{
    color: var(--color-accent-alt)
}
header#site-header nav ul li.menu-item.current-menu-item.menu-item--cta a{
	color: var(--color-text-white);
}

[data-component="our-values"][data-background-color="light"] [data-widget="tabs"][data-tabs-indicator="pill"] .tabs-controls{
    background-color: var(--init-grey-100);
    border-color: var(--init-grey-200);
}
[data-component="our-values"][data-background-color="light"] [data-widget="tabs"][data-tabs-indicator="pill"] .tabs-controls .tabs-control{
    color: var(--color-text-accent, var(--color-text));
}
[data-component="our-values"][data-background-color="light"] [data-widget="tabs"][data-tabs-indicator="pill"] .tabs-controls .tabs-control[aria-selected="true"]{
    color: var(--color-heading-white);
}
[data-component="our-values"][data-background-color="light"] [data-widget="tabs"][data-tabs-indicator="pill"] .tabs-panels{
    max-width: unset;
}
.item--case-study-card .item__description.content{
    max-height: 260px;
    overflow-y: auto;
}

#academy-courses .tab-content{
    display: flex;
    row-gap: var(--gap-300);
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    max-width: var(--col-8);
}
#academy-courses .tab-content h3{
    color: var(--color-white) !important;
    font-family: var(--ff-heading);
    line-height: var(--lh-heading);
    color: var(--color-heading);
}
@media (min-width: 1025px) {
    #academy-courses .tab-content h3{
        font-size: 48px;
    }
}
#academy-courses .tab-content strong{
    color: var(--color-accent-alt);
}

#academy-courses .tab-content ul{
    list-style: circle;
    padding-left: var(--br-800);
}
[data-component="request-demo"]#academy-request div.wpcf7{
    max-width: var(--col-8);
    margin: auto;
}
[data-component="request-demo"]#academy-request [data-widget="form-card"]{
    padding-bottom: unset;
}