.node-type-project {
    /* primary color, its separate channel R, G, B values & its (H)ue, (S)aturation, (L)ightness components */
    --primary-color: #210c3e;

    --primary-color-r: 33;
    --primary-color-g: 12;
    --primary-color-b: 62;
    
    --primary-color-h: 265deg;
    --primary-color-s: 68%;
    --primary-color-l: 15%;

    --primary-color-rgb: var(--primary-color-r), var(--primary-color-g), var(--primary-color-b);

    /* the same for secondary color */
    --secondary-color: #0a6479;
    
    --secondary-color-r: 10;
    --secondary-color-g: 100;
    --secondary-color-b: 121;
    
    --secondary-color-h: 191deg;
    --secondary-color-s: 85%;
    --secondary-color-l: 26%;
    
    --secondary-color-rgb: var(--secondary-color-r), var(--secondary-color-g), var(--secondary-color-b);

    /* accent colors */
    --accent-color-orange: #f2a71e;
    --accent-color-red: #bc3526;
    --accent-color-teal: #42c0bd;
    --accent-color-lime: #9cd08c;
    /* typography */
    --base-color: #414042;
    --base-font: Roboto, Arial, Tahoma, sans-serif;
    --base-font-weight: 300;
    --base-line-height: 1.4;
    --headings-color: var(--secondary-color);
    --headings-font: 'Roboto Slab', 'Georgia', 'Times New Roman', serif;
    --headings-font-weight: 400;
    --headings-line-height: 1.3;
    /* image overlay color */
    --background-overlay-color: rgba( var(--secondary-color-r), var(--secondary-color-g), var(--secondary-color-b), 0.5);
    --background-overlay-blend-mode: normal;
    --background-overlay-bottom-line-color: var(--primary-color);
    /* buttons */
    --button-color: #fff;
    --button-hover-color: var(--button-color);
    --button-bg-color: var(--secondary-color);
    --button-hover-bg-color: var(--accent-color-teal);
    --button-border-color: var(--button-bg-color);
    --button-hover-border-color: var(--primary-color);
    --button-border-width: 0;
    --button-border-radius: 30px;
    --button-font: var(--base-font);
    --button-font-weight: 400;
    --button-icon-after: none;
    /* form buttons */
    --form-button-color: var(--button-color);
    --form-button-hover-color: var(--form-button-color);
    --form-button-bg-color: var(--button-bg-color);
    --form-button-hover-bg-color: var(--button-hover-bg-color);
    --form-button-font-weight: var(--button-font-weight);
    --form-button-border-radius: var(--button-border-radius);
    /* doc-buttons */
    --doc-button-bg-color: var(--secondary-color);
    --doc-button-hover-bg-color: var(--secondary-color);
    --doc-button-font: var(--button-font);
    --doc-button-font-weight: var(--button-font-weight);
    --doc-button-icon-color: var(--doc-button-color);
    --doc-button-hover-icon-color: var(--doc-button-icon-color);
    --doc-button-icon-bg-color: var(--primary-color);
    --doc-button-hover-icon-bg-color: var(--primary-color);
    /* tabs */
    --block-grid-tabs-item-color: var(--primary-color);
    --block-grid-tabs-item-border-color: var(--accent-color-teal);
    /* accordion */
    --block-grid-accordion-item-color: var(--primary-color);
    --block-grid-accordion-item-border-color: var(--accent-color-teal);
    /* bulleted lists */
    --bulleted-lists-primary-color-lighter: var(--accent-color-teal);
    --bulleted-lists-primary-color-lightest: var(--accent-color-lime);

    --bulleted-lists-gradient-bullets-color-from: var(--secondary-color);
    --bulleted-lists-gradient-bullets-color-to: var(--bulleted-lists-primary-color-lighter);

    --bulleted-lists-circles-bullets-icon-bg-color: var(--bulleted-lists-primary-color-lighter);
    --bulleted-lists-circles-bullets-icon-hover-bg-color: var(--secondary-color);
    --bulleted-lists-circles-bullets-item-bg-color: rgba(var(--secondary-color-rgb), .05);
    --bulleted-lists-circles-bullets-item-hover-bg-color: rgba(var(--secondary-color-rgb), .1);

    --bulleted-lists-background-bullets-color: rgba(var(--secondary-color-rgb), .65);
    --bulleted-lists-background-bullets-hover-color: var(--secondary-color);


    --bulleted-lists-dropshadow-bullets-primary-color: var(--secondary-color);
    --bulleted-lists-dropshadow-bullets-accent-color-2: var(--bulleted-lists-primary-color-lighter);
    --bulleted-lists-dropshadow-bullets-accent-color-3: var(--bulleted-lists-primary-color-lightest);
    /* section headers */
    --section-header-color: #fff;
    --section-header-bg-color: var(--primary-color);
    --section-header-accent-color-1: var(--accent-color-orange);
    --section-header-accent-color-2: var(--accent-color-orange);
    --section-header-accent-color-3: var(--accent-color-orange);
    --section-header-accent-color-4: var(--accent-color-orange);
    --section-header-accent-color-5: var(--accent-color-orange);
    --title-section-header-pipe: none;
    --title-section-header-padding-small: 30px;
    --title-section-header-padding-medium: 40px;
    --title-section-header-padding-large: 60px;
    --title-section-header-padding-extra-large: 80px;

    /* Project Header */
    --kvo-node-type-project-nav-item-link-bg-hover-color: var(--primary-color);
    --kvo-node-type-project-nav-item-link-active-hightlight-color: var(--accent-color-orange);
    --kvo-node-type-project-bottom-underline-color: var(--accent-color-orange);
}

.page-node-2.node-type-project .project-container:before,
.page-node-5.node-type-project .project-container:before {
    background: #01667a !important;
}

.page-node-2.node-type-project .project-container .node-project .field-name-field-logo,
.page-node-5.node-type-project .project-container .node-project .field-name-field-logo {
    max-width: 8em;
    height: auto;
    margin: 0;
}

.page-node-2.node-type-project .project-container .node-project .field-name-field-logo + h2,
.page-node-5.node-type-project .project-container .node-project .field-name-field-logo + h2 {
    display: none;
}


.node-type-project .project-container h1,
.node-type-project .project-container h2,
.node-type-project .project-container h3,
.node-type-project .project-container h4,
.node-type-project .project-container h5,
.node-type-project .project-container h6,
.node-type-project .project-container p {
    color: #fff;
}


.node-type-project .sewrpc-sticky-header,
.node-type-project .sewrpc-sticky-header-ghost {
    display: none !important;
}

.section-header-container .title-section-header:not(.section-header) > .content > .container > .field-name-field-paragraph-title > .field-items:after {
    content: none;
}