@charset "UTF-8";

/**
* Role:Root style
* Theme: GCG ATDev
*/

/* Variables */
:root {

    /* Font Family */
    --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);

    /* Font Size */
    --global--font-size-base: 1.25rem;
    --global--font-size-xs: 1rem;
    --global--font-size-sm: 1.125rem;
    --global--font-size-md: 1.25rem;
    --global--font-size-lg: 1.5rem;
    --global--font-size-xl: 2.25rem;
    --global--font-size-xxl: 4rem;
    --global--font-size-xxxl: 5rem;
    --global--font-size-page-title: var(--global--font-size-xxl);
    --global--letter-spacing: normal;

    /* Line Height */
    --global--line-height-body: 1.7;
    --global--line-height-heading: 1.3;
    --global--line-height-page-title: 1.1;

    /* Headings */
    --heading--font-family: var(--global--font-primary);
    --heading--font-size-h6: var(--global--font-size-xs);
    --heading--font-size-h5: var(--global--font-size-sm);
    --heading--font-size-h4: var(--global--font-size-lg);
    --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
    --heading--font-size-h2: var(--global--font-size-xl);
    --heading--font-size-h1: var(--global--font-size-page-title);
    --heading--letter-spacing-h6: 0.05em;
    --heading--letter-spacing-h5: 0.05em;
    --heading--letter-spacing-h4: var(--global--letter-spacing);
    --heading--letter-spacing-h3: var(--global--letter-spacing);
    --heading--letter-spacing-h2: var(--global--letter-spacing);
    --heading--letter-spacing-h1: var(--global--letter-spacing);
    --heading--line-height-h6: var(--global--line-height-heading);
    --heading--line-height-h5: var(--global--line-height-heading);
    --heading--line-height-h4: var(--global--line-height-heading);
    --heading--line-height-h3: var(--global--line-height-heading);
    --heading--line-height-h2: var(--global--line-height-heading);
    --heading--line-height-h1: var(--global--line-height-page-title);
    --heading--font-weight: normal;
    --heading--font-weight-page-title: 300;
    --heading--font-weight-strong: 600;

    /* Block: Latest posts */
    --latest-posts--title-font-family: var(--heading--font-family);
    --latest-posts--title-font-size: var(--heading--font-size-h3);
    --latest-posts--description-font-family: var(--global--font-secondary);
    --latest-posts--description-font-size: var(--global--font-size-sm);
    --list--font-family: var(--global--font-secondary);
    --definition-term--font-family: var(--global--font-primary);

    /* Colors */
    --global--color-black: #000;
    --global--color-dark-gray: #28303d;
    --global--color-gray: #39414d;
    --global--color-light-gray: #f0f0f0;
    --global--color-green: #d1e4dd;
    --global--color-blue: #d1dfe4;
    --global--color-purple: #d1d1e4;
    --global--color-red: #e4d1d1;
    --global--color-orange: #e4dad1;
    --global--color-yellow: #eeeadd;
    --global--color-white: #fff;
    --global--color-white-50: rgba(255, 255, 255, 0.5);
    --global--color-white-90: rgba(255, 255, 255, 0.9);
    --global--color-primary: var(--global--color-dark-gray);
    /* Body text color, site title, footer text color. */
    --global--color-secondary: var(--global--color-gray);
    /* Headings */
    --global--color-primary-hover: var(--global--color-primary);
    --global--color-background: var(--global--color-green);
    /* Mint, default body background */
    --global--color-border: var(--global--color-primary);
    /* Used for borders (separators) */

    /* Spacing */
    --global--spacing-unit: 20px;
    --global--spacing-measure: unset;
    --global--spacing-horizontal: 25px;
    --global--spacing-vertical: 30px;

    /* Elevation */
    --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);

    /* Forms */
    --form--font-family: var(--global--font-secondary);
    --form--font-size: var(--global--font-size-sm);
    --form--line-height: var(--global--line-height-body);
    --form--color-text: var(--global--color-dark-gray);
    --form--color-ranged: var(--global--color-secondary);
    --form--label-weight: 500;
    --form--border-color: var(--global--color-secondary);
    --form--border-width: 3px;
    --form--border-radius: 0;
    --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));

    /* Cover block */
    --cover--height: calc(15 * var(--global--spacing-vertical));
    --cover--color-foreground: var(--global--color-white);
    --cover--color-background: var(--global--color-black);

    /* Buttons */
    --button--color-text: var(--global--color-background);
    --button--color-text-hover: var(--global--color-secondary);
    --button--color-text-active: var(--global--color-secondary);
    --button--color-background: var(--global--color-secondary);
    --button--color-background-active: var(--global--color-background);
    --button--font-family: var(--global--font-primary);
    --button--font-size: var(--global--font-size-base);
    --button--font-weight: 500;
    --button--line-height: 1.5;
    --button--border-width: 3px;
    --button--border-radius: 0;
    --button--padding-vertical: 15px;
    --button--padding-horizontal: calc(2 * var(--button--padding-vertical));

    /* entry */
    --entry-header--color: var(--global--color-primary);
    --entry-header--color-link: currentColor;
    --entry-header--color-hover: var(--global--color-primary-hover);
    --entry-header--color-focus: var(--global--color-secondary);
    --entry-header--font-size: var(--heading--font-size-h2);
    --entry-content--font-family: var(--global--font-secondary);
    --entry-author-bio--font-family: var(--heading--font-family);
    --entry-author-bio--font-size: var(--heading--font-size-h4);

    /* Header */
    --branding--color-text: var(--global--color-primary);
    --branding--color-link: var(--global--color-primary);
    --branding--color-link-hover: var(--global--color-secondary);
    --branding--title--font-family: var(--global--font-primary);
    --branding--title--font-size: var(--global--font-size-lg);
    --branding--title--font-size-mobile: var(--heading--font-size-h4);
    --branding--title--font-weight: normal;
    --branding--title--text-transform: uppercase;
    --branding--description--font-family: var(--global--font-secondary);
    --branding--description--font-size: var(--global--font-size-sm);
    --branding--description--font-family: var(--global--font-secondary);
    --branding--logo--max-width: 300px;
    --branding--logo--max-height: 100px;
    --branding--logo--max-width-mobile: 96px;
    --branding--logo--max-height-mobile: 96px;

    /* Main navigation */
    --primary-nav--font-family: var(--global--font-secondary);
    --primary-nav--font-family-mobile: var(--global--font-primary);
    --primary-nav--font-size: var(--global--font-size-md);
    --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
    --primary-nav--font-size-mobile: var(--global--font-size-sm);
    --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
    --primary-nav--font-size-button: var(--global--font-size-xs);
    --primary-nav--font-style: normal;
    --primary-nav--font-style-sub-menu-mobile: normal;
    --primary-nav--font-weight: normal;
    --primary-nav--font-weight-button: 500;
    --primary-nav--color-link: var(--global--color-primary);
    --primary-nav--color-link-hover: var(--global--color-primary-hover);
    --primary-nav--color-text: var(--global--color-primary);
    --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
    --primary-nav--border-color: var(--global--color-primary);

    /* Pagination */
    --pagination--color-text: var(--global--color-primary);
    --pagination--color-link-hover: var(--global--color-primary-hover);
    --pagination--font-family: var(--global--font-secondary);
    --pagination--font-size: var(--global--font-size-lg);
    --pagination--font-weight: normal;
    --pagination--font-weight-strong: 600;

    /* Footer */
    --footer--color-text: var(--global--color-primary);
    --footer--color-link: var(--global--color-primary);
    --footer--color-link-hover: var(--global--color-primary-hover);
    --footer--font-family: var(--global--font-primary);
    --footer--font-size: var(--global--font-size-sm);

    /* Block: Pull quote */
    --pullquote--font-family: var(--global--font-primary);
    --pullquote--font-size: var(--heading--font-size-h3);
    --pullquote--font-style: normal;
    --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
    --pullquote--line-height: var(--global--line-height-heading);
    --pullquote--border-width: 3px;
    --pullquote--border-color: var(--global--color-primary);
    --pullquote--color-foreground: var(--global--color-primary);
    --pullquote--color-background: var(--global--color-background);
    --quote--font-family: var(--global--font-secondary);
    --quote--font-size: var(--global--font-size-md);
    --quote--font-size-large: var(--global--font-size-xl);
    --quote--font-style: normal;
    --quote--font-weight: 700;
    --quote--font-weight-strong: bolder;
    --quote--font-style-large: normal;
    --quote--font-style-cite: normal;
    --quote--line-height: var(--global--line-height-body);
    --quote--line-height-large: 1.35;
    --separator--border-color: var(--global--color-border);
    --separator--height: 1px;

    /* Block: Table */
    --table--stripes-border-color: var(--global--color-light-gray);
    --table--stripes-background-color: var(--global--color-light-gray);
    --table--has-background-text-color: var(--global--color-dark-gray);

    /* Widgets */
    --widget--line-height-list: 1.9;
    --widget--line-height-title: 1.4;
    --widget--font-weight-title: 700;
    --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));

    /* Admin-bar height */
    --global--admin-bar--height: 0px;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

.has-black-color[class] {
    color: var(--global--color-black);
}

.has-black-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-black, #000);
    color: var(--local--color-primary);
}

.has-gray-color[class] {
    color: var(--global--color-gray);
}

.has-gray-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-gray, #000);
    color: var(--local--color-primary);
}

.has-dark-gray-color[class] {
    color: var(--global--color-dark-gray);
}

.has-dark-gray-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-dark-gray, #000);
    color: var(--local--color-primary);
}

.has-green-color[class] {
    color: var(--global--color-green);
}

.has-green-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-green, #fff);
    color: var(--local--color-primary);
}

.has-blue-color[class] {
    color: var(--global--color-blue);
}

.has-blue-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-blue, #fff);
    color: var(--local--color-primary);
}

.has-purple-color[class] {
    color: var(--global--color-purple);
}

.has-purple-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-purple, #fff);
    color: var(--local--color-primary);
}

.has-red-color[class] {
    color: var(--global--color-red);
}

.has-red-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-red, #fff);
    color: var(--local--color-primary);
}

.has-orange-color[class] {
    color: var(--global--color-orange);
}

.has-orange-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-orange, #fff);
    color: var(--local--color-primary);
}

.has-yellow-color[class] {
    color: var(--global--color-yellow);
}

.has-yellow-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-yellow, #fff);
    color: var(--local--color-primary);
}

.has-white-color[class] {
    color: var(--global--color-white);
}

.has-white-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-white, #fff);
    color: var(--local--color-primary);
}

.has-background a,
.has-background p,
.has-background h1,
.has-background h2,
.has-background h3,
.has-background h4,
.has-background h5,
.has-background h6 {
    color: currentColor;
}

.has-black-background-color[class] {
    background-color: var(--global--color-black);
}

.has-black-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-black, #000);
    background-color: var(--local--color-background);
}

.has-dark-gray-background-color[class] {
    background-color: var(--global--color-dark-gray);
}

.has-dark-gray-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-dark-gray, #000);
    background-color: var(--local--color-background);
}

.has-gray-background-color[class] {
    background-color: var(--global--color-gray);
}

.has-gray-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-gray, #000);
    background-color: var(--local--color-background);
}

.has-light-gray-background-color[class] {
    background-color: var(--global--color-light-gray);
}

.has-light-gray-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-light-gray, #fff);
    background-color: var(--local--color-background);
}

.has-green-background-color[class] {
    background-color: var(--global--color-green);
}

.has-green-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-green, #fff);
    background-color: var(--local--color-background);
}

.has-blue-background-color[class] {
    background-color: var(--global--color-blue);
}

.has-blue-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-blue, #fff);
    background-color: var(--local--color-background);
}

.has-purple-background-color[class] {
    background-color: var(--global--color-purple);
}

.has-purple-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-purple, #fff);
    background-color: var(--local--color-background);
}

.has-red-background-color[class] {
    background-color: var(--global--color-red);
}

.has-red-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-red, #fff);
    background-color: var(--local--color-background);
}

.has-orange-background-color[class] {
    background-color: var(--global--color-orange);
}

.has-orange-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-orange, #fff);
    background-color: var(--local--color-background);
}

.has-yellow-background-color[class] {
    background-color: var(--global--color-yellow);
}

.has-yellow-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-yellow, #fff);
    background-color: var(--local--color-background);
}

.has-white-background-color[class] {
    background-color: var(--global--color-white);
}

.has-white-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-white, #fff);
    background-color: var(--local--color-background);
}

.has-background:not(.has-text-color).has-black-background-color[class],
.has-background:not(.has-text-color).has-gray-background-color[class],
.has-background:not(.has-text-color).has-dark-gray-background-color[class] {
    color: var(--global--color-white);
}

.has-background:not(.has-text-color).has-black-background-color[class]>[class*=__inner-container],
.has-background:not(.has-text-color).has-gray-background-color[class]>[class*=__inner-container],
.has-background:not(.has-text-color).has-dark-gray-background-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-background, #fff);
    color: var(--local--color-primary, var(--global--color-primary));
}

.is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class]>[class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class]>[class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-primary, #000);
}

.has-background:not(.has-text-color).has-green-background-color[class],
.has-background:not(.has-text-color).has-blue-background-color[class],
.has-background:not(.has-text-color).has-purple-background-color[class],
.has-background:not(.has-text-color).has-red-background-color[class],
.has-background:not(.has-text-color).has-orange-background-color[class],
.has-background:not(.has-text-color).has-yellow-background-color[class],
.has-background:not(.has-text-color).has-white-background-color[class] {
    color: var(--global--color-dark-gray);
}

.has-background:not(.has-text-color).has-green-background-color[class]>[class*=__inner-container],
.has-background:not(.has-text-color).has-blue-background-color[class]>[class*=__inner-container],
.has-background:not(.has-text-color).has-purple-background-color[class]>[class*=__inner-container],
.has-background:not(.has-text-color).has-red-background-color[class]>[class*=__inner-container],
.has-background:not(.has-text-color).has-orange-background-color[class]>[class*=__inner-container],
.has-background:not(.has-text-color).has-yellow-background-color[class]>[class*=__inner-container],
.has-background:not(.has-text-color).has-white-background-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-primary, #000);
    color: var(--local--color-primary, var(--global--color-primary));
}

.is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class]>[class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class]>[class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class]>[class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class]>[class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class]>[class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class]>[class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-background, #fff);
}

.has-purple-to-yellow-gradient-background {
    background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
}

.has-yellow-to-purple-gradient-background {
    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
}

.has-green-to-yellow-gradient-background {
    background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
}

.has-yellow-to-green-gradient-background {
    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
}

.has-red-to-yellow-gradient-background {
    background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
}

.has-yellow-to-red-gradient-background {
    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
}

.has-purple-to-red-gradient-background {
    background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
}

.has-red-to-purple-gradient-background {
    background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
}

header *,
main *,
footer * {
    max-width: var(--global--spacing-measure);
}

html,
body,
div,
header,
nav,
article,
figure,
hr,
main,
section,
footer {
    max-width: none;
}

.is-IE.is-dark-theme {
    color: #fff;
}

.is-IE.is-dark-theme *,
.is-IE.is-dark-theme a,
.is-IE.is-dark-theme .site-description,
.is-IE.is-dark-theme .entry-title,
.is-IE.is-dark-theme .entry-footer,
.is-IE.is-dark-theme .widget-area,
.is-IE.is-dark-theme .post-navigation .meta-nav,
.is-IE.is-dark-theme .footer-navigation-wrapper li a:link,
.is-IE.is-dark-theme .site-footer>.site-info,
.is-IE.is-dark-theme .site-footer>.site-info a,
.is-IE.is-dark-theme .site-footer>.site-info a:visited {
    color: #fff;
}

.is-IE.is-dark-theme .sub-menu-toggle svg,
.is-IE.is-dark-theme .sub-menu-toggle path,
.is-IE.is-dark-theme .post-navigation .meta-nav svg,
.is-IE.is-dark-theme .post-navigation .meta-nav path {
    fill: #fff;
}

.is-IE.is-dark-theme .primary-navigation>div>.menu-wrapper>li>.sub-menu li {
    background: #000;
}

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

    .is-IE.is-dark-theme.primary-navigation-open .primary-navigation>.primary-menu-container,
    .is-IE.is-dark-theme.primary-navigation-open .menu-button-container {
        background-color: #000;
    }
}

.is-IE.is-dark-theme .skip-link:focus {
    color: #21759b;
}

.is-IE .navigation .nav-links {
    display: block;
}

.is-IE .post-thumbnail .wp-post-image {
    min-width: auto;
}