:root, :host {
    --main-color: #133357;
    --main-color-h: 212;
    --main-color-s: 64%;
    --main-color-l: 21%;
    --main-color-600: hsl(var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) - 5%));
    --main-color-700: hsl(var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) - 10%));

    --secondary-color: #097BBC;
    --secondary-color-h: 202;
    --secondary-color-s: 91%;
    --secondary-color-l: 39%;
    --secondary-color-600: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) - 5%));
    --secondary-color-700: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) - 10%));
    --secondary-color-fade-10: hsl(var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l), 10%);

    --accent-color: #11A3AC;
    --accent-color-h: 183;
    --accent-color-s: 82%;
    --accent-color-l: 37%;
    --accent-color-600: hsl(var(--accent-color-h), var(--accent-color-s), calc(var(--accent-color-l) - 5%));
    --accent-color-700: hsl(var(--accent-color-h), var(--accent-color-s), calc(var(--accent-color-l) - 10%));

    --button-color: #097BBC;
    --button-color-h: 202;
    --button-color-s: 91%;
    --button-color-l: 39%;
    --button-color-600: hsl(var(--button-color-h), var(--button-color-s), calc(var(--button-color-l) - 5%));
    --button-color-700: hsl(var(--button-color-h), var(--button-color-s), calc(var(--button-color-l) - 10%));

    --neutral-lightest-color: #F9F9F9;
    --neutral-lighter-color: #F2F3F4;
    --neutral-light-color: #B2B8BF;
    --neutral-medium-color: #66717F;
    --neutral-dark-color: #4C5A6A;
    --neutral-darker-color: #00132A;
    --neutral-color: #000000;

    --success-color: #218739;
    --success-color-h: 134;
    --success-color-s: 61%;
    --success-color-l: 33%;
    --success-color-600: hsl(var(--success-color-h), var(--success-color-s), calc(var(--success-color-l) - 5%));
    --success-color-700: hsl(var(--success-color-h), var(--success-color-s), calc(var(--success-color-l) - 10%));

    --info-color: #128091;
    --info-color-h: 188;
    --info-color-s: 78%;
    --info-color-l: 32%;
    --info-color-600: hsl(var(--info-color-h), var(--info-color-s), calc(var(--info-color-l) - 5%));
    --info-color-700: hsl(var(--info-color-h), var(--info-color-s), calc(var(--info-color-l) - 10%));

    --warning-color: #FFC108;
    --warning-color-h: 45;
    --warning-color-s: 100%;
    --warning-color-l: 52%;
    --warning-color-600: hsl(var(--warning-color-h), var(--warning-color-s), calc(var(--warning-color-l) - 5%));
    --warning-color-700: hsl(var(--warning-color-h), var(--warning-color-s), calc(var(--warning-color-l) - 10%));

    --danger-color: #B10E1E;
    --danger-color-h: 354;
    --danger-color-s: 85%;
    --danger-color-l: 37%;
    --danger-color-600: hsl(var(--danger-color-h), var(--danger-color-s), calc(var(--danger-color-l) - 5%));
    --danger-color-700: hsl(var(--danger-color-h), var(--danger-color-s), calc(var(--danger-color-l) - 10%));

    /* Buttons */
    --btn-border-radius: var(--border-radius-base);
    --btn-border-width: var(--border-width-base);
    --btn-font-weight: var(--font-weight-semi-bold);

    --btn-primary-color: var(--type-reverse-color);
    --btn-primary-color-hover: var(--type-reverse-color);
    --btn-primary-color-bg: var(--button-color);
    --btn-primary-color-bg-hover: var(--button-color-600);
    --btn-primary-color-bg-focus: var(--button-color-600);
    --btn-primary-color-border-color: var(--button-color);
    --btn-primary-color-border-hover: var(--button-color-600);
    --btn-primary-color-border-focus: var(--button-color-700);

    --btn-secondary-color: var(--type-reverse-color);
    --btn-secondary-color-hover: var(--type-reverse-color);
    --btn-secondary-color-bg: var(--secondary-color);
    --btn-secondary-color-bg-hover: var(--secondary-color-600);
    --btn-secondary-color-border-color: var(--secondary-color);
    --btn-secondary-color-border-hover: var(--secondary-color-600);
    --btn-secondary-color-border-focus: var(--secondary-color-700);

    --btn-success-color: var(--type-reverse-color);
    --btn-success-color-hover: var(--type-reverse-color);
    --btn-success-color-bg: var(--success-color);
    --btn-success-color-bg-hover: var(--success-color-600);
    --btn-success-color-border-color: var(--success-color);
    --btn-success-color-border-hover: var(--success-color-600);
    --btn-success-color-border-focus: var(--success-color-700);

    --btn-info-color: var(--type-reverse-color);
    --btn-info-color-hover: var(--type-reverse-color);
    --btn-info-color-bg: var(--info-color);
    --btn-info-color-bg-hover: var(--info-color-600);
    --btn-info-color-border-color: var(--info-color);
    --btn-info-color-border-hover: var(--info-color-600);
    --btn-info-color-border-focus: var(--info-color-700);

    --btn-warning-color: var(--type-reverse-color);
    --btn-warning-color-hover: var(--type-reverse-color);
    --btn-warning-color-bg: var(--warning-color);
    --btn-warning-color-bg-hover: var(--warning-color-600);
    --btn-warning-color-border-color: var(--warning-color);
    --btn-warning-color-border-hover: var(--warning-color-600);
    --btn-warning-color-border-focus: var(--warning-color-700);

    --btn-danger-color: var(--type-reverse-color);
    --btn-danger-color-hover: var(--type-reverse-color);
    --btn-danger-color-bg: var(--danger-color);
    --btn-danger-color-bg-hover: var(--danger-color-600);
    --btn-danger-color-border-color: var(--danger-color);
    --btn-danger-color-border-hover: var(--danger-color-600);
    --btn-danger-color-border-focus: var(--danger-color-700);

    --blue: #006893;
    --blue-100: rgba(0,104,147,0.1);

    /* Type and link colours */
    --type-color: #0C153A;
    --type-muted-color: var(--neutral-medium-color);
    --type-reverse-color: #ffffff;

    --link-color: #097BBC;
    --link-color-h: 202;
    --link-color-s: 91%;
    --link-color-l: 39%;
    --link-hover-color: hsl(var(--link-color-h), var(--link-color-s), calc(var(--link-color-l) - 20%));
    --link-color-visited: var(--link-color);
    --link-font-family: var(--bold-font-family);
    --link-font-weight: var(--bold-font-weight);
    --link-decoration: none;
    --link-hover-decoration: underline;
    --link-hover-bg: transparent;

    --link-color-rev: var(--type-color);
    --link-color-rev-hover: var(--link-color);
    --link-color-main: var(--main-color);
    --link-color-main-hover: var(--main-color-700);
    --link-color-secondary: var(--secondary-color);
    --link-color-secondary-hover: var(--secondary-color-700);

    /* Headings and Fonts */
    --heading-color: #133357;
    --font-body-base-size: 16px;
    --font-body-base-sm-size: var(--font-body-base-size);
    --font-body-base-md-size: var(--font-body-base-size);

    --font-weight-normal:400;
    --font-weight-semi-bold:600;
    --font-weight-bold:700;

    --body-font-family: "proxima-nova","Helvetica","Arial",sans-serif;
    --body-font-weight: var(--font-weight-normal);

    --bold-font-family: var(--body-font-family);
    --bold-font-weight: var(--font-weight-bold);

    --heading-font-family: "proxima-nova","Helvetica","Arial",sans-serif;
    --heading-font-weight: var(--font-weight-bold);
    --heading-font-weight-bold: var(--font-weight-bold);
    --heading-font-style: normal;
    --heading-text-transform: none;

    --h1-type-font-family: var(--heading-font-family);
    --h1-type-font-weight: var(--heading-font-weight);
    --h1-type-color: var(--heading-color);
    --h1-font-style: var(--heading-font-style);
    --h1-text-transform: var(--heading-text-transform);

    --h2-type-font-family: var(--heading-font-family);
    --h2-type-font-weight: var(--heading-font-weight);
    --h2-type-color: var(--heading-color);
    --h2-font-style: var(--heading-font-style);
    --h2-text-transform: var(--heading-text-transform);

    --h3-type-font-family: var(--heading-font-family);
    --h3-type-font-weight: var(--heading-font-weight);
    --h3-type-color: var(--heading-color);
    --h3-font-style: var(--heading-font-style);
    --h3-text-transform: var(--heading-text-transform);

    --h4-type-font-family: var(--heading-font-family);
    --h4-type-font-weight: var(--heading-font-weight);
    --h4-type-color:var(--heading-color);
    --h4-font-style: var(--heading-font-style);
    --h4-text-transform: var(--heading-text-transform);

    --h5-type-font-family: var(--heading-font-family);
    --h5-type-font-weight: var(--heading-font-weight);
    --h5-type-color:var(--heading-color);
    --h5-font-style: var(--heading-font-style);
    --h5-text-transform: var(--heading-text-transform);

    --form-section-title-color: #3D4958;

    /* Border radius */
    --border-radius-base: 4px;
    --border-radius-lg: calc(var(--border-radius-base) * 2);
    --border-radius-sm: calc(var(--border-radius-base) / 2);
    --border-radius-xs: calc(var(--border-radius-base) / 3);

    /* Borders */
    --border-width-base: 2px;
    --border-width-lg: calc(var(--border-width-base) * 2);
    --border-width-sm: calc(var(--border-width-base) / 2);
    --border-width-xs: calc(var(--border-width-base) / 3);

    /* Navigation */
    --nav-logo-height-mobile: 4rem;
    --nav-logo-height-tablet: 5rem;
    --nav-logo-height-desktop: 6rem;
    --nav-font-family: var(--heading-font-family);
    --nav-font-weight: var(--heading-font-weight);
    --nav-color: var(--type-color);
    --nav-color-bg: var(--type-reverse-color);
    --nav-underline-color: var(--accent-color);
    --nav-search-icon: var(--main-color);
    --nav-search-icon-hover: var(--nav-search-icon);
    --nav-login-btn-bg-color: var(--btn-primary-color-bg);
    --nav-login-btn-border-color: var(--btn-primary-color-border-color);
    --nav-login-btn-color: var(--btn-primary-color);
    --nav-login-btn-arrow-color: var(--nav-login-btn-color);
    --nav-login-btn-bg-hover-color: var(--btn-primary-color-bg-hover);
    --nav-login-btn-border-hover-color: var(--btn-primary-color-border-hover);
    --nav-login-btn-hover-color: var(--btn-primary-color-hover);
    --nav-login-btn-arrow-hover-color: var(--nav-login-btn-hover-color);
    --nav-split-color: var(--type-reverse-color);
    --nav-split-color-bg: var(--main-color);
    --nav-split-color-bg-hover: var(--main-color-600);
    --nav-split-color-bg-text-hover: var(--nav-split-color);
    --nav-split-underline-color: var(--type-reverse-color);
    --nav-split-btn-bg-color: transparent;
    --nav-split-btn-bg-hover-color: var(--nav-split-color-bg-hover);
    --nav-split-btn-color: var(--nav-split-color);
    --nav-split-btn-hover-color:  var(--nav-split-color-bg-text-hover);
    --nav-split-btn-border-color: var(--nav-split-color);
    --nav-split-btn-border-hover-color: var(--nav-split-btn-border-color);
    --nav-split-btn-border-radius: var(--btn-border-radius);
    --nav-split-login-btn-border-color: transparent;
    --nav-split-search-btn-color:var(--btn-primary-color-bg);
    --nav-split-search-btn-icon-color: var(--btn-primary-color);
    --nav-split-search-btn-hover-color: var(--btn-primary-color-bg-hover);
    --nav-compact-login-btn-bg-color: var(--main-color);
    --nav-compact-login-btn-border-color: var(--nav-compact-login-btn-bg-color);
    --nav-compact-login-btn-color: var(--type-reverse-color);
    --nav-compact-login-btn-arrow-color: var(--nav-compact-login-btn-color);
    --nav-compact-login-btn-bg-hover-color: var(--main-color-600);
    --nav-compact-login-btn-border-hover-color: var(--main-color-700);
    --nav-compact-login-btn-hover-color: var(--nav-compact-login-btn-color);
    --nav-compact-login-btn-arrow-hover-color: var(--nav-compact-login-btn-hover-color);
    --nav-compact-search-btn-color: var(--btn-primary-color-bg);
    --nav-compact-search-btn-hover-color: var(--btn-primary-color-bg-hover);
    --nav-compact-search-btn-icon: var(--btn-primary-color);
    --nav-separate-login-btn-bg-color: var(--main-color);
    --nav-separate-login-btn-border-color: var(--nav-separate-login-btn-bg-color);
    --nav-separate-login-btn-color: var(--type-reverse-color);
    --nav-separate-login-btn-arrow-color: var(--nav-separate-login-btn-color);
    --nav-separate-login-btn-bg-hover-color: var(--main-color-600);
    --nav-separate-login-btn-border-hover-color: var(--main-color-700);
    --nav-separate-login-btn-hover-color: var(--nav-separate-login-btn-color);
    --nav-separate-login-btn-arrow-hover-color: var(--nav-separate-login-btn-hover-color);
    --nav-separate-join-btn-bg-color: transparent;
    --nav-separate-join-btn-color: var(--nav-separate-login-btn-bg-color);
    --nav-separate-join-btn-border-color: var(--nav-separate-login-btn-border-color);
    --nav-separate-join-btn-bg-hover-color: var(--nav-separate-login-btn-bg-hover-color);
    --nav-separate-join-btn-hover-color: var(--nav-separate-login-btn-color);
    --nav-separate-join-btn-border-hover-color:var(--nav-separate-login-btn-border-hover-color);
    --nav-separate-search-btn-color: var(--btn-primary-color-bg);
    --nav-separate-search-btn-hover-color: var(--btn-primary-color-bg-hover);
    --nav-separate-search-btn-hover-border-color: var(--btn-primary-color-border-hover);
    --nav-separate-search-btn-icon: var(--btn-primary-color);
    --nav-toggle-color: var(--secondary-color);
    --nav-toggle-bar-color: var(--type-reverse-color);
    --nav-mobile-bg-color: var(--nav-toggle-color);
    --nav-mobile-color: var(--nav-toggle-bar-color);
    --nav-search-overlay-color: hsl(var(--main-color-h), var(--main-color-s), var(--main-color-l), 90%);
    --nav-search-overlay-btn-color: var(--secondary-color);
    --nav-search-overlay-btn-hover-color: var(--secondary-color-600);
    --nav-search-overlay-btn-icon-color: var(--btn-secondary-color);

    /* Image banner */
    --image-banner-color-bg: var(--main-color);
    --image-banner-color: var(--type-reverse-color);
    --image-banner-color-desc: var(--image-banner-color);
    --image-banner-heading-font-weight: var(--heading-font-weight);
    --image-banner-desc-font-weight: var(--body-font-weight);
    --image-banner-centrebox-color: var(--heading-color);
    --image-banner-height-thin: 200px;
    --image-banner-height-medium: 400px;
    --image-banner-height-large: 500px;

    /* Cards */
    --card-border-width: 1px;
    --card-border-radius: var(--border-radius-base);
    --card-border-color: var(--neutral-light-color);
    --card-color-bg: var(--type-reverse-color);
    --card-box-shadow: none;
    --card-heading-font-weight: var(--heading-font-weight);
    --card-desc-font-weight: var(--body-font-weight);
    --card-color-overlay: hsl(var(--accent-color-h), var(--accent-color-s), var(--accent-color-l), 80%);
    --card-color-overlay-font-color: var(--type-reverse-color);
    --card-color-overlay-font-weight: var(--heading-font-weight);
    --card-color-overlay-font-family: var(--heading-font-family);
    --card-footer-link-color: var(--link-color);
    --card-4-color-date-bg: hsl(var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l), 70%);

    /* Feature Grid */
    --feature-grid-cta-link-color: var(--link-color);
    --feature-grid-cta-link-hover-color: var(--link-hover-color);
    --feature-grid-cta-link-color-visited: var(--feature-grid-cta-link-color);
    --feature-grid-cta-link-hover-color-visited: var(--feature-grid-cta-link-hover-color);
    --feature-grid-cta-link-font-family: var(--link-font-family);
    --feature-grid-cta-link-font-weight: var(--font-weight-semi-bold);
    --feature-grid-cta-link-decoration: none;
    --feature-grid-cta-link-hover-decoration: var(--link-hover-decoration);

    /* Project Filters */
    --filter-color-bg: var(--main-color);
    --filter-grey-bg: var(--neutral-lighter-color);

    /* Timeline */
    --timeline-incomplete-color: var(--neutral-light-color);
    --timeline-incomplete-color-bg: var(--type-reverse-color);
    --timeline-active-color: var(--type-reverse-color);
    --timeline-active-color-bg: var(--secondary-color);
    --timeline-complete-color: var(--type-reverse-color);
    --timeline-complete-color-bg: var(--accent-color);

    /* Tabs */
    --tabs-color: var(--type-muted-color);
    --tabs-color-bg: var(--main-color);
    --tabs-color-bg-active: var(--type-reverse-color);
    --tabs-color-bg-focus: var(--main-color-600);
    --tabs-color-bg-faded: var(--secondary-color-fade-10);
    --tabs-border-color: var(--secondary-color);
    --tabs-font-size: var(--font-body-base-size);
    --tabs-font-weight: var(--font-weight-bold);

    --tabs-underline-color: var(--type-color);

    --tabs-coloured: hsla(360, 100%, 100%, 80%);
    --tabs-coloured-bg: var(--main-color);
    --tabs-coloured-hover: var(--type-reverse-color);
    --tabs-coloured-bg-hover: var(--main-color-600);
    --tabs-coloured-focus: var(--type-reverse-color);
    --tabs-coloured-bg-focus: var(--main-color-600);
    --tabs-coloured-active: var(--type-reverse-color);
    --tabs-coloured-bg-active: var(--main-color-600);
    --tabs-coloured-border: var(--secondary-color);
    --tabs-coloured-border-active: var(--accent-color);

    /* Block quote */
    --block-quote-color: var(--secondary-color);
    --block-quote-color-bg: var(--secondary-color);
    --block-quote-color-bg-faded: var(--secondary-color-fade-10);
    --block-quote-greyscale-color: var(--type-color);
    --block-quote-greyscale-color-bg: var(--type-color);

    /* CTA */
    --cta-color-bg: var(--secondary-color);
    --cta-border-radius: 0;

    /* Gather */
    --gather-color: var(--type-reverse-color);
    --gather-color-bg: var(--main-color);

    /* Faces*/
    --faces-name-color: var(--secondary-color);
    --faces-position-color: var(--type-color);

    /* Footer */
    --footer-color: var(--main-color);
    --footer-text-color: var(--type-reverse-color);
    --footer-cta-color: var(--secondary-color);
    --footer-cta-text-color: var(--type-reverse-color);
    --footer-acknowledgement-color: var(--secondary-color);
    --footer-acknowledgement-text-color: var(--type-reverse-color);
    --footer-bottom-color: var(--main-color-600);
    --footer-bottom-link-hover-color: var(--type-reverse-color);
    --footer-social-links-align: unset;

    --polaroid-color: hsl(var(--accent-color-h), var(--accent-color-s), 95%);
    --post-it-note-color: #FFF2C4;
    --form-rank-well-focus: hsl(var(--accent-color-h), 50%, 97%);
    --form-controls: var(--neutral-light-color);
    --input-focus-color: var(--accent-color);
    --form-input-border-color: #CCCCCC;

    /* Policyscape */
    --policyscape-bg-color: var(--main-color);
    --policyscape-footer-bg-color: var(--main-color);
    --policyscape-report-liner-color: var(--accent-color);

    /* Login page */
    --login-bg-gradient-color-1: var(--secondary-color);
    --login-bg-gradient-color-2: var(--secondary-color-700);
    --login-bg-gradient:
        linear-gradient(170deg, var(--login-bg-gradient-color-1) 30%, transparent 30%),
        linear-gradient(170deg, transparent 75%, var(--login-bg-gradient-color-1) 75%),
        linear-gradient(330deg, var(--login-bg-gradient-color-2) 0%, transparent 40%),
        linear-gradient(330deg, transparent 60%, var(--login-bg-gradient-color-2) 100%);
    --login-bg-image: var(--login-bg-gradient);
    --login-bg-color: var(--secondary-color);
    --login-bg-size: cover;
    --login-bg-repeat: no-repeat;
    --login-bg-position-x: center;
    --login-bg-position-y: center;
    --login-bg-attachment: fixed;
}

html.project-colour {
    --main-color: var(--theme-color-1);
    --main-color-h: var(--theme-color-1-h);
    --main-color-s: var(--theme-color-1-s);
    --main-color-l: var(--theme-color-1-l);
    --main-color-600: hsl(var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) - 5%));
    --main-color-700: hsl(var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) - 10%));

    --secondary-color: var(--theme-color-2);
    --secondary-color-h: var(--theme-color-2-h);
    --secondary-color-s: var(--theme-color-2-s);
    --secondary-color-l: var(--theme-color-2-l);
    --secondary-color-600: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) - 5%));
    --secondary-color-700: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) - 10%));
    --secondary-color-fade-10: hsl(var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l), 10%);

    --accent-color: var(--theme-color-3);
    --accent-color-h: var(--theme-color-3-h);
    --accent-color-s: var(--theme-color-3-s);
    --accent-color-l: var(--theme-color-3-l);
    --accent-color-600: hsl(var(--accent-color-h), var(--accent-color-s), calc(var(--accent-color-l) - 5%));
    --accent-color-700: hsl(var(--accent-color-h), var(--accent-color-s), calc(var(--accent-color-l) - 10%));

    --button-color: var(--theme-color-2);
    --button-color-h: var(--theme-color-2-h);
    --button-color-s: var(--theme-color-2-s);
    --button-color-l: var(--theme-color-2-l);
    --button-color-600: hsl(var(--button-color-h), var(--button-color-s), calc(var(--button-color-l) - 5%));
    --button-color-700: hsl(var(--button-color-h), var(--button-color-s), calc(var(--button-color-l) - 10%));

    --link-color: var(--theme-color-4);
    --link-color-h: var(--theme-color-4-h);
    --link-color-s: var(--theme-color-4-s);
    --link-color-l: var(--theme-color-4-l);
    --link-hover-color: hsl(var(--link-color-h), var(--link-color-s), calc(var(--link-color-l) - 20%));

    --heading-color: var(--main-color);
}

/* Colours */
/* Extended colour palette  */
/* Typography */
/* Links */
/* Image Banner */
/* Cards */
/* LAYOUT */
/* MEDIA QUERIES BREAK POINTS */
/* Mobile 568px/16px (base font size) = 35.5em */
/* Tablet (Small) 768px/16px (base font size) = 48rem */
/* Tablet (Large) 1024px/16px (base font size) = 64em */
/* Desktop 1220px/16px (base font size) = 76.25em */
/* Desktop (Large) 1400px/16px (base font size) = 87.5em */
/* 1.0 VERSION VARIABLES */
html {
  font-size: 10px;
}
body {
  font-size: var(--font-body-base-sm-size);
  line-height: 1.25em;
  color: var(--type-color);
  font-family: var(--body-font-family);
  font-style: normal;
  font-weight: var(--body-font-weight);
  word-wrap: break-word;
}
@media only screen and (min-width: 568px) {
  body {
    line-height: calc(1.25em  +  0.2  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  body {
    line-height: 1.45em;
  }
}
body #content {
  margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
  body {
    font-size: var(--font-body-base-md-size);
  }
}
@media only screen and (min-width: 1024px) {
  body {
    font-size: var(--font-body-base-size);
  }
}
:focus {
  outline: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/* Skip to main content link */
#skippy {
  background: #ffffff;
  color: var(--link-color);
  display: block;
  outline: 0 none;
  padding: 1em;
}
#skippy .container {
  background: transparent;
}
#skippy .skiplink-text {
  outline: 1px dotted;
  padding: 0.5em;
}
#content {
  outline: 0 none;
}
@media only screen and (min-width: 1024px) {
  #content {
    min-height: 50vh;
  }
}
/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
div.ccm-page {
  /* BOOTSTRAP OVERRIDES */
  /* RTL */
  /* ATOMS */
  /*Placeholder text */
  /**
 * Custom checkboxes
 */
  /* LABEL & CHECKBOX / RADIO INLINE) */
  /* ERROR MESSAGE */
  /* BOLD TAGS */
  /* LABELS */
  /* BLOCKS */
  /* Import contents of BLOCKS directory */
  /*#searchResults .pageLink{
  font-size:12px;
  color:#757575;
  margin:2px 0px 8px 0px;
  padding:0px;
  display:block;
}
#searchResults .searchResult{
  margin-bottom:16px;
  margin-top:24px
}
#searchResults .searchResult h3{
  margin-bottom:0px;
  padding-bottom:0px
}
#searchResults .searchResult p{
  margin-top:4px
}*/
  /* Carousel */
  /* THE HIVE SUBSCRIBE BLOCK */
  /* THE HIVE	TIMELINE BLOCK  */
  /* THE HIVE VISION */
  /* THE HIVE VISION VIEW */
  /* Panel styles */
  /* Card */
  /* Carousel */
  /* Auto template 2 items each row smaller container */
  /* List styles */
  /* Shared news feed styles */
  /* List styles */
  /* Card */
  /* Carousel */
  /* MOLECULES */
  /* ACTION ITEMS */
  /* FOOTER */
  /* Registration alert */
  /* CARD WIDTHS */
  /* OLDER C5 VERSIONS */
  /* REGISTER FORM */
  /* LOGIN MODAL */
  /* AUTOCOMPLETE IN MODAL FIX */
  /* UTILITIES */
  /* CTA Modal */
  /* Captcha CSS */
  /* UNSUPPORTED BROWSER */
}
div.ccm-page .has-error .checkbox,
div.ccm-page .has-error .checkbox-inline,
div.ccm-page .has-error .control-label,
div.ccm-page .has-error .help-block,
div.ccm-page .has-error .radio,
div.ccm-page .has-error .radio-inline,
div.ccm-page .has-error.checkbox label,
div.ccm-page .has-error.checkbox-inline label,
div.ccm-page .has-error.radio label,
div.ccm-page .has-error.radio-inline label {
  color: #b34646;
}
div.ccm-page .btn-inline-block {
  min-width: 400px;
}
div.ccm-page .pagination > .active > a,
div.ccm-page .pagination > .active > span,
div.ccm-page .pagination > .active > a:hover,
div.ccm-page .pagination > .active > span:hover,
div.ccm-page .pagination > .active > a:focus,
div.ccm-page .pagination > .active > span:focus {
  background-color: var(--link-color);
  border-color: var(--link-color);
}
div.ccm-page .text-left {
  text-align: start;
}
div.ccm-page .text-right {
  text-align: end;
}
div.ccm-page .modal-footer {
  text-align: end;
}
div.ccm-page caption {
  text-align: start;
}
div.ccm-page th {
  text-align: start;
}
div.ccm-page[dir="rtl"] .pull-left {
  float: right !important;
}
div.ccm-page[dir="rtl"] .pull-right {
  float: left !important;
}
div.ccm-page[dir="rtl"] .dropdown-menu-left {
  left: auto;
  right: 0;
}
div.ccm-page[dir="rtl"] .dropdown-menu-right {
  left: 0;
  right: auto;
}
div.ccm-page[dir="rtl"] .nav {
  padding-right: 0;
}
div.ccm-page[dir="rtl"] .nav-pills > li {
  float: right;
}
div.ccm-page[dir="rtl"] .nav-pills > li + li {
  margin-left: 0;
  margin-right: 2px;
}
div.ccm-page[dir="rtl"] .nav-stacked > li + li {
  margin-right: 0;
}
@media (min-width: 768px) {
  div.ccm-page[dir="rtl"] .navbar-nav {
    float: right;
  }
  div.ccm-page[dir="rtl"] .navbar-nav > li {
    float: right;
  }
}
div.ccm-page[dir="rtl"] .carousel-indicators {
  padding-right: 0;
}
div.ccm-page[dir="rtl"] .carousel-control.left {
  left: auto;
  right: 0;
}
div.ccm-page[dir="rtl"] .carousel-control.right {
  right: auto;
  left: 0;
}
div.ccm-page[dir="rtl"] .carousel-inner > .item {
  -webkit-transition: 0.6s ease-in-out right;
  -moz-transition: 0.6s ease-in-out right;
  -o-transition: 0.6s ease-in-out right;
  -ms-transition: 0.6s ease-in-out right;
  transition: 0.6s ease-in-out right;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  div.ccm-page[dir="rtl"] .carousel-inner > .item {
    -webkit-transition: transform 0.6s ease-in-out;
    -moz-transition: transform 0.6s ease-in-out;
    -o-transition: transform 0.6s ease-in-out;
    -ms-transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
  }
  div.ccm-page[dir="rtl"] .carousel-inner > .item.next,
  div.ccm-page[dir="rtl"] .carousel-inner > .item.active.right {
    transform: translate3d(-100%, 0, 0);
    left: auto;
    right: 0;
  }
  div.ccm-page[dir="rtl"] .carousel-inner > .item.prev,
  div.ccm-page[dir="rtl"] .carousel-inner > .item.active.left {
    transform: translate3d(100%, 0, 0);
    left: auto;
    right: 0;
  }
  div.ccm-page[dir="rtl"] .carousel-inner > .item.next.left,
  div.ccm-page[dir="rtl"] .carousel-inner > .item.prev.right,
  div.ccm-page[dir="rtl"] .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: auto;
    right: 0;
  }
}
div.ccm-page[dir="rtl"] .carousel-inner > .active {
  left: auto;
  right: 0;
}
div.ccm-page[dir="rtl"] .carousel-inner > .next {
  left: auto;
  right: 100%;
}
div.ccm-page[dir="rtl"] .carousel-inner > .prev {
  left: auto;
  right: -100%;
}
div.ccm-page[dir="rtl"] .carousel-inner > .next.left,
div.ccm-page[dir="rtl"] .carousel-inner > .prev.right {
  left: auto;
  right: 0;
}
div.ccm-page[dir="rtl"] .carousel-inner > .active.left {
  left: auto;
  right: -100%;
}
div.ccm-page[dir="rtl"] .carousel-inner > .active.right {
  left: auto;
  right: 100%;
}
div.ccm-page[dir="rtl"] .progress-bar {
  float: right;
}
div.ccm-page[dir="rtl"] .close {
  float: left;
}
div.ccm-page[dir="rtl"] .input-group .form-control {
  float: right;
}
div.ccm-page[dir="rtl"] .row {
  display: flex;
  flex-wrap: wrap;
}
div.ccm-page[dir="rtl"] .row > * {
  flex: 1 0 auto;
  max-width: 100%;
  float: none;
}
@media screen and (min-width: 768px) {
  div.ccm-page[dir="rtl"] .col-sm-1,
  div.ccm-page[dir="rtl"] .col-sm-2,
  div.ccm-page[dir="rtl"] .col-sm-3,
  div.ccm-page[dir="rtl"] .col-sm-4,
  div.ccm-page[dir="rtl"] .col-sm-5,
  div.ccm-page[dir="rtl"] .col-sm-6,
  div.ccm-page[dir="rtl"] .col-sm-7,
  div.ccm-page[dir="rtl"] .col-sm-8,
  div.ccm-page[dir="rtl"] .col-sm-9,
  div.ccm-page[dir="rtl"] .col-sm-10,
  div.ccm-page[dir="rtl"] .col-sm-11,
  div.ccm-page[dir="rtl"] .col-sm-12 {
    flex: 0 0 auto;
  }
  div.ccm-page[dir="rtl"] .col-sm-offset-1 {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  div.ccm-page[dir="rtl"] .col-sm-offset-2 {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  div.ccm-page[dir="rtl"] .col-sm-offset-3 {
    margin-left: 0;
    margin-right: 25%;
  }
  div.ccm-page[dir="rtl"] .col-sm-offset-4 {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  div.ccm-page[dir="rtl"] .col-sm-offset-5 {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  div.ccm-page[dir="rtl"] .col-sm-offset-6 {
    margin-left: 0;
    margin-right: 50%;
  }
  div.ccm-page[dir="rtl"] .col-sm-offset-7 {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  div.ccm-page[dir="rtl"] .col-sm-offset-8 {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  div.ccm-page[dir="rtl"] .col-sm-offset-9 {
    margin-left: 0;
    margin-right: 75%;
  }
  div.ccm-page[dir="rtl"] .col-sm-offset-10 {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  div.ccm-page[dir="rtl"] .col-sm-offset-11 {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  div.ccm-page[dir="rtl"] .col-sm-offset-12 {
    margin-left: 0;
    margin-right: 100%;
  }
}
@media screen and (min-width: 992px) {
  div.ccm-page[dir="rtl"] .col-md-1,
  div.ccm-page[dir="rtl"] .col-md-2,
  div.ccm-page[dir="rtl"] .col-md-3,
  div.ccm-page[dir="rtl"] .col-md-4,
  div.ccm-page[dir="rtl"] .col-md-5,
  div.ccm-page[dir="rtl"] .col-md-6,
  div.ccm-page[dir="rtl"] .col-md-7,
  div.ccm-page[dir="rtl"] .col-md-8,
  div.ccm-page[dir="rtl"] .col-md-9,
  div.ccm-page[dir="rtl"] .col-md-10,
  div.ccm-page[dir="rtl"] .col-md-11,
  div.ccm-page[dir="rtl"] .col-md-12 {
    flex: 0 0 auto;
  }
  div.ccm-page[dir="rtl"] .col-md-offset-1 {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  div.ccm-page[dir="rtl"] .col-md-offset-2 {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  div.ccm-page[dir="rtl"] .col-md-offset-3 {
    margin-left: 0;
    margin-right: 25%;
  }
  div.ccm-page[dir="rtl"] .col-md-offset-4 {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  div.ccm-page[dir="rtl"] .col-md-offset-5 {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  div.ccm-page[dir="rtl"] .col-md-offset-6 {
    margin-left: 0;
    margin-right: 50%;
  }
  div.ccm-page[dir="rtl"] .col-md-offset-7 {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  div.ccm-page[dir="rtl"] .col-md-offset-8 {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  div.ccm-page[dir="rtl"] .col-md-offset-9 {
    margin-left: 0;
    margin-right: 75%;
  }
  div.ccm-page[dir="rtl"] .col-md-offset-10 {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  div.ccm-page[dir="rtl"] .col-md-offset-11 {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  div.ccm-page[dir="rtl"] .col-md-offset-12 {
    margin-left: 0;
    margin-right: 100%;
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page[dir="rtl"] .col-lg-1,
  div.ccm-page[dir="rtl"] .col-lg-2,
  div.ccm-page[dir="rtl"] .col-lg-3,
  div.ccm-page[dir="rtl"] .col-lg-4,
  div.ccm-page[dir="rtl"] .col-lg-5,
  div.ccm-page[dir="rtl"] .col-lg-6,
  div.ccm-page[dir="rtl"] .col-lg-7,
  div.ccm-page[dir="rtl"] .col-lg-8,
  div.ccm-page[dir="rtl"] .col-lg-9,
  div.ccm-page[dir="rtl"] .col-lg-10,
  div.ccm-page[dir="rtl"] .col-lg-11,
  div.ccm-page[dir="rtl"] .col-lg-12 {
    flex: 0 0 auto;
  }
  div.ccm-page[dir="rtl"] .col-lg-offset-1 {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  div.ccm-page[dir="rtl"] .col-lg-offset-2 {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  div.ccm-page[dir="rtl"] .col-lg-offset-3 {
    margin-left: 0;
    margin-right: 25%;
  }
  div.ccm-page[dir="rtl"] .col-lg-offset-4 {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  div.ccm-page[dir="rtl"] .col-lg-offset-5 {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  div.ccm-page[dir="rtl"] .col-lg-offset-6 {
    margin-left: 0;
    margin-right: 50%;
  }
  div.ccm-page[dir="rtl"] .col-lg-offset-7 {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  div.ccm-page[dir="rtl"] .col-lg-offset-8 {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  div.ccm-page[dir="rtl"] .col-lg-offset-9 {
    margin-left: 0;
    margin-right: 75%;
  }
  div.ccm-page[dir="rtl"] .col-lg-offset-10 {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  div.ccm-page[dir="rtl"] .col-lg-offset-11 {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  div.ccm-page[dir="rtl"] .col-lg-offset-12 {
    margin-left: 0;
    margin-right: 100%;
  }
}
div.ccm-page[dir="rtl"] .list-inline {
  padding-right: 0;
  margin-left: 0;
  margin-right: -5px;
}
div.ccm-page[dir="rtl"] .list-unstyled {
  padding-right: 0;
}
div.ccm-page[dir="rtl"] dd {
  margin-right: 0;
}
div.ccm-page[dir="rtl"] blockquote {
  border-left: 0;
  border-right: 5px solid #eee;
}
div.ccm-page[dir="rtl"] .glyphicon-chevron-left:before {
  content: "\e080";
}
div.ccm-page[dir="rtl"] .glyphicon-chevron-right:before {
  content: "\e079";
}
div.ccm-page[dir="rtl"] .tooltip.right {
  margin-left: 0;
  margin-right: -3px;
}
div.ccm-page[dir="rtl"] .tooltip.left {
  margin-left: 0;
  margin-right: 3px;
}
div.ccm-page[dir="rtl"] .tooltip.top .tooltip-arrow {
  margin-left: 0;
  margin-right: -5px;
}
div.ccm-page[dir="rtl"] .tooltip.bottom .tooltip-arrow {
  margin-left: 0;
  margin-right: -5px;
}
div.ccm-page[dir="rtl"] .caret {
  margin-left: 0;
  margin-right: 2px;
}
div.ccm-page[dir="rtl"] .btn .caret {
  margin-right: 0;
}
div.ccm-page[dir="rtl"] .btn-group > .btn,
div.ccm-page[dir="rtl"] .btn-group-vertical > .btn {
  float: right;
}
div.ccm-page[dir="rtl"] .pagination {
  padding-right: 0;
}
div.ccm-page[dir="rtl"] .pagination > li > a,
div.ccm-page[dir="rtl"] .pagination > li > span {
  float: right;
  margin-left: 0;
  margin-right: -1px;
}
div.ccm-page[dir="rtl"] .pagination > li:first-child > a,
div.ccm-page[dir="rtl"] .pagination > li:first-child > span {
  margin-right: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
div.ccm-page[dir="rtl"] .pagination > li:last-child > a,
div.ccm-page[dir="rtl"] .pagination > li:last-child > span {
  margin-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
div.ccm-page[dir="rtl"] .input-group-addon:first-child {
  border-right: 1px solid #ccc;
  border-left: 0;
}
div.ccm-page .btn {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  font-weight: var(--btn-font-weight);
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: var(--btn-border-width) solid transparent;
  white-space: nowrap;
  max-width: 100%;
  padding: 0.4em 2em;
  line-height: 1.42857143;
  border-radius: var(--btn-border-radius);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: var(--font-body-base-sm-size);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) {
  div.ccm-page .btn {
    font-size: var(--font-body-base-md-size);
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .btn {
    font-size: var(--font-body-base-size);
  }
}
div.ccm-page .btn:focus,
div.ccm-page .btn.is-active:focus,
div.ccm-page .btn:active:focus,
div.ccm-page .btn.active:focus,
div.ccm-page .btn.focus,
div.ccm-page .btn.is-active.focus,
div.ccm-page .btn:active.focus,
div.ccm-page .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
div.ccm-page .btn:hover,
div.ccm-page .btn:focus,
div.ccm-page .btn.focus {
  color: #000000;
  text-decoration: none;
}
div.ccm-page .btn:focus {
  outline: thin dotted;
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
div.ccm-page .btn.is-active,
div.ccm-page .btn:active,
div.ccm-page .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
div.ccm-page .btn.is-disabled,
div.ccm-page .btn.disabled,
div.ccm-page .btn[disabled],
fieldset[disabled] div.ccm-page .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
adiv.ccm-page .btn.is-disabled,
adiv.ccm-page .btn.disabled,
fieldset[disabled] adiv.ccm-page .btn {
  pointer-events: none;
}
div.ccm-page .btn.btn-rounded,
div.ccm-page .btn.mod-rounded {
  border-radius: 50px;
}
div.ccm-page .btn.btn-circle,
div.ccm-page .btn.mod-circle {
  border-radius: 3em;
}
div.ccm-page .btn.mod-follow {
  border: 2px solid var(--image-banner-color);
  border-radius: var(--btn-border-radius);
  background: var(--image-banner-color);
  color: var(--image-banner-color-bg);
  min-width: 165px;
  text-align: center;
  padding: 0.8em 2em;
  margin-top: 1rem;
}
div.ccm-page .btn.mod-follow:hover,
div.ccm-page .btn.mod-follow:focus {
  background: transparent;
  color: var(--image-banner-color);
  border: var(--btn-border-width) solid var(--image-banner-color);
}
div.ccm-page .btn.mod-follow:active {
  color: var(--image-banner-color);
  background: transparent;
  border: var(--btn-border-width) solid var(--image-banner-color);
}
div.ccm-page .btn.mod-follow.mod-following {
  color: var(--image-banner-color);
  background: transparent;
  border: var(--btn-border-width) solid var(--image-banner-color);
}
div.ccm-page .btn.mod-follow.mod-following:hover,
div.ccm-page .btn.mod-follow.mod-following:focus {
  color: var(--image-banner-color-bg);
  background-color: var(--image-banner-color);
}
div.ccm-page .btn.btn-unfill {
  background-color: transparent;
  border-color: transparent;
}
div.ccm-page .btn.btn-unfill:focus {
  background-color: var(--neutral-lightest-color);
}
div.ccm-page .btn.is-loading {
  color: transparent;
  pointer-events: none;
}
div.ccm-page .btn.is-loading:after {
  animation: spin-around 500ms infinite linear;
  border: 2px solid var(--type-color);
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 16px;
  position: relative;
  width: 16px;
}
div.ccm-page .btn.mod-ghost.is-loading:after,
div.ccm-page .btn.mod-ghost-reverse.is-loading:after,
div.ccm-page .btn.mod-reverse.is-loading:after {
  border: 2px solid var(--main-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.is-loading:after {
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  position: absolute !important;
}
div.ccm-page .btn.btn-close {
  width: 24px;
  height: 24px;
  color: var(--neutral-medium-color);
  background-color: transparent;
  border-radius: 2px;
  padding: 0;
  text-shadow: none;
  opacity: 1;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.ccm-page .btn.btn-close:hover,
div.ccm-page .btn.btn-close:focus {
  color: var(--neutral-dark-color);
  background-color: var(--neutral-lighter-color);
}
div.ccm-page .btn.btn-close:active {
  color: var(--neutral-darker-color);
  background-color: var(--neutral-lighter-color);
}
div.ccm-page .btn.btn-close.disabled {
  color: var(--neutral-light-color);
  background-color: var(--neutral-lighter-color);
}
div.ccm-page .btn.btn-close.btn-inverse {
  color: var(--type-reverse-color);
  background-color: transparent;
}
div.ccm-page .btn.btn-close.btn-inverse:hover,
div.ccm-page .btn.btn-close.btn-inverse:focus {
  background-color: rgba(242, 243, 244, 0.3);
}
div.ccm-page .btn.btn-close.btn-inverse:active {
  background-color: rgba(242, 243, 244, 0.3);
}
div.ccm-page .btn.btn-close.btn-inverse.disabled {
  background-color: rgba(242, 243, 244, 0.3);
}
div.ccm-page .btn.mod-reverse {
  color: var(--type-color);
  background-color: var(--type-reverse-color);
  border-color: var(--neutral-lighter-color);
}
div.ccm-page .btn.mod-reverse.btn-inline,
div.ccm-page .btn.mod-reverse.btn-link,
div.ccm-page .btn.mod-reverse.btn-link.btn-inline {
  color: var(--type-reverse-color);
}
div.ccm-page .btn.mod-reverse.btn-inline.is-active,
div.ccm-page .btn.mod-reverse.btn-link.is-active,
div.ccm-page .btn.mod-reverse.btn-link.btn-inline.is-active,
div.ccm-page .btn.mod-reverse.btn-inline:active,
div.ccm-page .btn.mod-reverse.btn-link:active,
div.ccm-page .btn.mod-reverse.btn-link.btn-inline:active,
div.ccm-page .btn.mod-reverse.btn-inline.active,
div.ccm-page .btn.mod-reverse.btn-link.active,
div.ccm-page .btn.mod-reverse.btn-link.btn-inline.active,
div.ccm-page .btn.mod-reverse.btn-inline:hover,
div.ccm-page .btn.mod-reverse.btn-link:hover,
div.ccm-page .btn.mod-reverse.btn-link.btn-inline:hover,
div.ccm-page .btn.mod-reverse.btn-inline:focus,
div.ccm-page .btn.mod-reverse.btn-link:focus,
div.ccm-page .btn.mod-reverse.btn-link.btn-inline:focus {
  color: var(--neutral-lightest-color);
}
div.ccm-page .btn.mod-reverse.btn-default.btn-inline,
div.ccm-page .btn.mod-reverse.btn-default.btn-link,
div.ccm-page .btn.mod-reverse.btn-default.btn-link.btn-inline {
  color: var(--type-color);
}
div.ccm-page .btn.mod-reverse.btn-default.btn-inline:hover,
div.ccm-page .btn.mod-reverse.btn-default.btn-link:hover,
div.ccm-page .btn.mod-reverse.btn-default.btn-link.btn-inline:hover,
div.ccm-page .btn.mod-reverse.btn-default.btn-inline:focus,
div.ccm-page .btn.mod-reverse.btn-default.btn-link:focus,
div.ccm-page .btn.mod-reverse.btn-default.btn-link.btn-inline:focus,
div.ccm-page .btn.mod-reverse.btn-default.btn-inline.is-active,
div.ccm-page .btn.mod-reverse.btn-default.btn-link.is-active,
div.ccm-page .btn.mod-reverse.btn-default.btn-link.btn-inline.is-active,
div.ccm-page .btn.mod-reverse.btn-default.btn-inline:active,
div.ccm-page .btn.mod-reverse.btn-default.btn-link:active,
div.ccm-page .btn.mod-reverse.btn-default.btn-link.btn-inline:active,
div.ccm-page .btn.mod-reverse.btn-default.btn-inline.active,
div.ccm-page .btn.mod-reverse.btn-default.btn-link.active,
div.ccm-page .btn.mod-reverse.btn-default.btn-link.btn-inline.active {
  color: var(--type-color);
}
div.ccm-page .btn.mod-reverse.btn-reverse {
  color: var(--type-color);
  background-color: var(--neutral-lightest-color);
  border-color: var(--neutral-light-color);
}
div.ccm-page .btn.mod-reverse.btn-reverse:hover,
div.ccm-page .btn.mod-reverse.btn-reverse:focus,
div.ccm-page .btn.mod-reverse.btn-reverse.is-active,
div.ccm-page .btn.mod-reverse.btn-reverse:active,
div.ccm-page .btn.mod-reverse.btn-reverse.active {
  color: var(--type-color);
  background-color: var(--type-reverse-color);
  border-color: var(--neutral-lighter-color);
}
div.ccm-page .btn.mod-reverse.btn-outline,
div.ccm-page .btn.mod-reverse.mod-ghost {
  border-color: var(--type-reverse-color);
  background-color: transparent;
  color: var(--type-reverse-color);
}
div.ccm-page .btn.mod-reverse.btn-outline.btn-default,
div.ccm-page .btn.mod-reverse.mod-ghost.btn-default {
  color: var(--type-color);
}
div.ccm-page .btn.mod-reverse.btn-outline:hover,
div.ccm-page .btn.mod-reverse.mod-ghost:hover,
div.ccm-page .btn.mod-reverse.btn-outline:focus,
div.ccm-page .btn.mod-reverse.mod-ghost:focus {
  background-color: var(--type-reverse-color);
  border-color: var(--neutral-lighter-color);
}
div.ccm-page .btn.mod-reverse.btn-outline.is-active,
div.ccm-page .btn.mod-reverse.mod-ghost.is-active,
div.ccm-page .btn.mod-reverse.btn-outline:active,
div.ccm-page .btn.mod-reverse.mod-ghost:active,
div.ccm-page .btn.mod-reverse.btn-outline.active,
div.ccm-page .btn.mod-reverse.mod-ghost.active,
div.ccm-page .btn.mod-reverse.btn-outline .open > .dropdown-toggle,
div.ccm-page .btn.mod-reverse.mod-ghost .open > .dropdown-toggle {
  color: var(--type-color);
  background-color: var(--neutral-lightest-color);
  border-color: var(--neutral-light-color);
}
div.ccm-page .btn.mod-reverse.btn-outline-reverse {
  color: var(--type-color);
  background-color: var(--neutral-lightest-color);
  border-color: var(--neutral-light-color);
}
div.ccm-page .btn.mod-reverse.btn-outline-reverse:hover,
div.ccm-page .btn.mod-reverse.btn-outline-reverse:focus,
div.ccm-page .btn.mod-reverse.btn-outline-reverse.is-active,
div.ccm-page .btn.mod-reverse.btn-outline-reverse:active,
div.ccm-page .btn.mod-reverse.btn-outline-reverse.active {
  border-color: var(--neutral-lighter-color);
  background-color: transparent;
  color: var(--type-reverse-color);
}
div.ccm-page .btn.mod-reverse.btn-outline-reverse.btn-default:hover,
div.ccm-page .btn.mod-reverse.btn-outline-reverse.btn-default:focus,
div.ccm-page .btn.mod-reverse.btn-outline-reverse.btn-default.is-active,
div.ccm-page .btn.mod-reverse.btn-outline-reverse.btn-default:active,
div.ccm-page .btn.mod-reverse.btn-outline-reverse.btn-default.active {
  color: var(--neutral-light-color);
}
div.ccm-page .btn.mod-reverse.btn-outline-inverse,
div.ccm-page .btn.mod-reverse.mod-ghost-reverse {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
div.ccm-page .btn.mod-reverse.btn-outline-inverse:hover,
div.ccm-page .btn.mod-reverse.mod-ghost-reverse:hover,
div.ccm-page .btn.mod-reverse.btn-outline-inverse:focus,
div.ccm-page .btn.mod-reverse.mod-ghost-reverse:focus,
div.ccm-page .btn.mod-reverse.btn-outline-inverse.is-active,
div.ccm-page .btn.mod-reverse.mod-ghost-reverse.is-active,
div.ccm-page .btn.mod-reverse.btn-outline-inverse:active,
div.ccm-page .btn.mod-reverse.mod-ghost-reverse:active,
div.ccm-page .btn.mod-reverse.btn-outline-inverse.active,
div.ccm-page .btn.mod-reverse.mod-ghost-reverse.active {
  background-color: transparent;
  border-color: var(--type-reverse-color);
  color: var(--type-reverse-color);
}
div.ccm-page .btn.mod-reverse.btn-outline-inverse.btn-default:hover,
div.ccm-page .btn.mod-reverse.mod-ghost-reverse.btn-default:hover,
div.ccm-page .btn.mod-reverse.btn-outline-inverse.btn-default:focus,
div.ccm-page .btn.mod-reverse.mod-ghost-reverse.btn-default:focus,
div.ccm-page .btn.mod-reverse.btn-outline-inverse.btn-default.is-active,
div.ccm-page .btn.mod-reverse.mod-ghost-reverse.btn-default.is-active,
div.ccm-page .btn.mod-reverse.btn-outline-inverse.btn-default:active,
div.ccm-page .btn.mod-reverse.mod-ghost-reverse.btn-default:active,
div.ccm-page .btn.mod-reverse.btn-outline-inverse.btn-default.active,
div.ccm-page .btn.mod-reverse.mod-ghost-reverse.btn-default.active {
  border-color: var(--neutral-light-color);
  color: var(--neutral-light-color);
}
div.ccm-page .btn.mod-reverse.btn-unfill {
  background-color: transparent;
  border-color: transparent;
  color: var(--type-reverse-color);
}
div.ccm-page .btn.mod-reverse.btn-unfill.is-active,
div.ccm-page .btn.mod-reverse.btn-unfill:active,
div.ccm-page .btn.mod-reverse.btn-unfill.active,
div.ccm-page .btn.mod-reverse.btn-unfill:hover,
div.ccm-page .btn.mod-reverse.btn-unfill:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--neutral-lightest-color);
}
div.ccm-page .btn.mod-reverse.btn-unfill.btn-default {
  color: var(--type-color);
}
div.ccm-page .btn.mod-reverse.btn-unfill.btn-default.is-active,
div.ccm-page .btn.mod-reverse.btn-unfill.btn-default:active,
div.ccm-page .btn.mod-reverse.btn-unfill.btn-default.active,
div.ccm-page .btn.mod-reverse.btn-unfill.btn-default:hover,
div.ccm-page .btn.mod-reverse.btn-unfill.btn-default:focus {
  color: var(--neutral-light-color);
}
div.ccm-page .btn.mod-reverse.btn-inverse,
div.ccm-page .btn.mod-reverse.mod-reverse {
  color: var(--type-reverse-color);
  background-color: #ffffff;
  border-color: #ffffff;
}
div.ccm-page .btn.mod-reverse.btn-inverse:hover,
div.ccm-page .btn.mod-reverse.mod-reverse:hover,
div.ccm-page .btn.mod-reverse.btn-inverse:focus,
div.ccm-page .btn.mod-reverse.mod-reverse:focus,
div.ccm-page .btn.mod-reverse.btn-inverse.is-active,
div.ccm-page .btn.mod-reverse.mod-reverse.is-active,
div.ccm-page .btn.mod-reverse.btn-inverse:active,
div.ccm-page .btn.mod-reverse.mod-reverse:active,
div.ccm-page .btn.mod-reverse.btn-inverse.active,
div.ccm-page .btn.mod-reverse.mod-reverse.active {
  border-color: var(--neutral-lightest-color);
}
div.ccm-page .btn.mod-reverse.btn-inverse.btn-default,
div.ccm-page .btn.mod-reverse.mod-reverse.btn-default {
  color: var(--type-color);
}
div.ccm-page .btn.mod-reverse:focus,
div.ccm-page .btn.mod-reverse.focus {
  color: var(--neutral-light-color);
  background-color: var(--neutral-lightest-color);
  border-color: var(--neutral-medium-color);
}
div.ccm-page .btn.mod-reverse:hover {
  color: var(--neutral-light-color);
  background-color: var(--neutral-lightest-color);
  border-color: var(--neutral-light-color);
}
div.ccm-page .btn.mod-reverse.is-active,
div.ccm-page .btn.mod-reverse:active,
div.ccm-page .btn.mod-reverse.active,
div.ccm-page .btn.mod-reverse .open > .dropdown-toggle {
  color: var(--type-color);
  background-color: var(--neutral-lightest-color);
  border-color: var(--neutral-light-color);
}
div.ccm-page .btn.mod-reverse.is-active,
div.ccm-page .btn.mod-reverse:active,
div.ccm-page .btn.mod-reverse.active .open > .dropdown-toggle {
  background-image: none;
}
div.ccm-page .btn.mod-reverse.disabled:hover,
div.ccm-page .btn.mod-reverse[disabled]:hover,
fieldset[disabled] div.ccm-page .btn.mod-reverse:hover,
div.ccm-page .btn.mod-reverse.disabled:focus,
div.ccm-page .btn.mod-reverse[disabled]:focus,
fieldset[disabled] div.ccm-page .btn.mod-reverse:focus,
div.ccm-page .btn.mod-reverse.disabled.focus,
div.ccm-page .btn.mod-reverse[disabled].focus,
fieldset[disabled] div.ccm-page .btn.mod-reverse.focus {
  background-color: var(--type-reverse-color);
  border-color: var(--neutral-lighter-color);
}
div.ccm-page .btn.mod-reverse.is-loading:not(.btn-inline) {
  color: transparent;
}
div.ccm-page .btn.mod-reverse.is-loading:after {
  border: 2px solid var(--type-reverse-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.mod-reverse.is-loading.btn-link:after,
div.ccm-page .btn.mod-reverse.is-loading.btn-outline:after,
div.ccm-page .btn.mod-reverse.is-loading.btn-unfill:after,
div.ccm-page .btn.mod-reverse.is-loading.btn-inverse:after {
  border: 2px solid var(--type-reverse-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.mod-reverse.is-loading.btn-default:after {
  border: 2px solid var(--type-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.mod-reverse.is-loading.btn-default.btn-outline-inverse:after {
  border: 2px solid var(--type-reverse-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.mod-reverse.is-loading:focus,
div.ccm-page .btn.mod-reverse.is-loading:active {
  /*&:after when (lightness(@background) >= 50%) {
                border: 2px solid var(--type-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }
            &:after when (lightness(@background) < 50%) {
                border: 2px solid var(--type-reverse-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }*/
}
div.ccm-page .btn.mod-reverse.is-loading:focus:after,
div.ccm-page .btn.mod-reverse.is-loading:active:after {
  border: 2px solid var(--type-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.mod-reverse .badge {
  color: var(--type-reverse-color);
  background-color: var(--type-color);
}
div.ccm-page .btn.btn-default {
  color: var(--type-color);
  background-color: var(--neutral-lightest-color);
  border-color: var(--neutral-lighter-color);
}
div.ccm-page .btn.btn-default.btn-inline,
div.ccm-page .btn.btn-default.btn-link,
div.ccm-page .btn.btn-default.btn-link.btn-inline {
  color: var(--neutral-lightest-color);
}
div.ccm-page .btn.btn-default.btn-inline.is-active,
div.ccm-page .btn.btn-default.btn-link.is-active,
div.ccm-page .btn.btn-default.btn-link.btn-inline.is-active,
div.ccm-page .btn.btn-default.btn-inline:active,
div.ccm-page .btn.btn-default.btn-link:active,
div.ccm-page .btn.btn-default.btn-link.btn-inline:active,
div.ccm-page .btn.btn-default.btn-inline.active,
div.ccm-page .btn.btn-default.btn-link.active,
div.ccm-page .btn.btn-default.btn-link.btn-inline.active,
div.ccm-page .btn.btn-default.btn-inline:hover,
div.ccm-page .btn.btn-default.btn-link:hover,
div.ccm-page .btn.btn-default.btn-link.btn-inline:hover,
div.ccm-page .btn.btn-default.btn-inline:focus,
div.ccm-page .btn.btn-default.btn-link:focus,
div.ccm-page .btn.btn-default.btn-link.btn-inline:focus {
  color: var(--neutral-lighter-color);
}
div.ccm-page .btn.btn-default.btn-default.btn-inline,
div.ccm-page .btn.btn-default.btn-default.btn-link,
div.ccm-page .btn.btn-default.btn-default.btn-link.btn-inline {
  color: var(--type-color);
}
div.ccm-page .btn.btn-default.btn-default.btn-inline:hover,
div.ccm-page .btn.btn-default.btn-default.btn-link:hover,
div.ccm-page .btn.btn-default.btn-default.btn-link.btn-inline:hover,
div.ccm-page .btn.btn-default.btn-default.btn-inline:focus,
div.ccm-page .btn.btn-default.btn-default.btn-link:focus,
div.ccm-page .btn.btn-default.btn-default.btn-link.btn-inline:focus,
div.ccm-page .btn.btn-default.btn-default.btn-inline.is-active,
div.ccm-page .btn.btn-default.btn-default.btn-link.is-active,
div.ccm-page .btn.btn-default.btn-default.btn-link.btn-inline.is-active,
div.ccm-page .btn.btn-default.btn-default.btn-inline:active,
div.ccm-page .btn.btn-default.btn-default.btn-link:active,
div.ccm-page .btn.btn-default.btn-default.btn-link.btn-inline:active,
div.ccm-page .btn.btn-default.btn-default.btn-inline.active,
div.ccm-page .btn.btn-default.btn-default.btn-link.active,
div.ccm-page .btn.btn-default.btn-default.btn-link.btn-inline.active {
  color: var(--type-color);
}
div.ccm-page .btn.btn-default.btn-reverse {
  color: var(--type-color);
  background-color: var(--neutral-lighter-color);
  border-color: var(--neutral-light-color);
}
div.ccm-page .btn.btn-default.btn-reverse:hover,
div.ccm-page .btn.btn-default.btn-reverse:focus,
div.ccm-page .btn.btn-default.btn-reverse.is-active,
div.ccm-page .btn.btn-default.btn-reverse:active,
div.ccm-page .btn.btn-default.btn-reverse.active {
  color: var(--type-color);
  background-color: var(--neutral-lightest-color);
  border-color: var(--neutral-lighter-color);
}
div.ccm-page .btn.btn-default.btn-outline,
div.ccm-page .btn.btn-default.mod-ghost {
  border-color: var(--neutral-lightest-color);
  background-color: transparent;
  color: var(--neutral-lightest-color);
}
div.ccm-page .btn.btn-default.btn-outline.btn-default,
div.ccm-page .btn.btn-default.mod-ghost.btn-default {
  color: var(--type-color);
}
div.ccm-page .btn.btn-default.btn-outline:hover,
div.ccm-page .btn.btn-default.mod-ghost:hover,
div.ccm-page .btn.btn-default.btn-outline:focus,
div.ccm-page .btn.btn-default.mod-ghost:focus {
  background-color: var(--neutral-lightest-color);
  border-color: var(--neutral-lighter-color);
}
div.ccm-page .btn.btn-default.btn-outline.is-active,
div.ccm-page .btn.btn-default.mod-ghost.is-active,
div.ccm-page .btn.btn-default.btn-outline:active,
div.ccm-page .btn.btn-default.mod-ghost:active,
div.ccm-page .btn.btn-default.btn-outline.active,
div.ccm-page .btn.btn-default.mod-ghost.active,
div.ccm-page .btn.btn-default.btn-outline .open > .dropdown-toggle,
div.ccm-page .btn.btn-default.mod-ghost .open > .dropdown-toggle {
  color: var(--type-color);
  background-color: var(--neutral-lighter-color);
  border-color: var(--neutral-light-color);
}
div.ccm-page .btn.btn-default.btn-outline-reverse {
  color: var(--type-color);
  background-color: var(--neutral-lighter-color);
  border-color: var(--neutral-light-color);
}
div.ccm-page .btn.btn-default.btn-outline-reverse:hover,
div.ccm-page .btn.btn-default.btn-outline-reverse:focus,
div.ccm-page .btn.btn-default.btn-outline-reverse.is-active,
div.ccm-page .btn.btn-default.btn-outline-reverse:active,
div.ccm-page .btn.btn-default.btn-outline-reverse.active {
  border-color: var(--neutral-lighter-color);
  background-color: transparent;
  color: var(--neutral-lightest-color);
}
div.ccm-page .btn.btn-default.btn-outline-reverse.btn-default:hover,
div.ccm-page .btn.btn-default.btn-outline-reverse.btn-default:focus,
div.ccm-page .btn.btn-default.btn-outline-reverse.btn-default.is-active,
div.ccm-page .btn.btn-default.btn-outline-reverse.btn-default:active,
div.ccm-page .btn.btn-default.btn-outline-reverse.btn-default.active {
  color: var(--type-color-hover);
}
div.ccm-page .btn.btn-default.btn-outline-inverse,
div.ccm-page .btn.btn-default.mod-ghost-reverse {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
div.ccm-page .btn.btn-default.btn-outline-inverse:hover,
div.ccm-page .btn.btn-default.mod-ghost-reverse:hover,
div.ccm-page .btn.btn-default.btn-outline-inverse:focus,
div.ccm-page .btn.btn-default.mod-ghost-reverse:focus,
div.ccm-page .btn.btn-default.btn-outline-inverse.is-active,
div.ccm-page .btn.btn-default.mod-ghost-reverse.is-active,
div.ccm-page .btn.btn-default.btn-outline-inverse:active,
div.ccm-page .btn.btn-default.mod-ghost-reverse:active,
div.ccm-page .btn.btn-default.btn-outline-inverse.active,
div.ccm-page .btn.btn-default.mod-ghost-reverse.active {
  background-color: transparent;
  border-color: var(--neutral-lightest-color);
  color: var(--neutral-lightest-color);
}
div.ccm-page .btn.btn-default.btn-outline-inverse.btn-default:hover,
div.ccm-page .btn.btn-default.mod-ghost-reverse.btn-default:hover,
div.ccm-page .btn.btn-default.btn-outline-inverse.btn-default:focus,
div.ccm-page .btn.btn-default.mod-ghost-reverse.btn-default:focus,
div.ccm-page .btn.btn-default.btn-outline-inverse.btn-default.is-active,
div.ccm-page .btn.btn-default.mod-ghost-reverse.btn-default.is-active,
div.ccm-page .btn.btn-default.btn-outline-inverse.btn-default:active,
div.ccm-page .btn.btn-default.mod-ghost-reverse.btn-default:active,
div.ccm-page .btn.btn-default.btn-outline-inverse.btn-default.active,
div.ccm-page .btn.btn-default.mod-ghost-reverse.btn-default.active {
  border-color: var(--neutral-light-color);
  color: var(--type-color-hover);
}
div.ccm-page .btn.btn-default.btn-unfill {
  background-color: transparent;
  border-color: transparent;
  color: var(--neutral-lightest-color);
}
div.ccm-page .btn.btn-default.btn-unfill.is-active,
div.ccm-page .btn.btn-default.btn-unfill:active,
div.ccm-page .btn.btn-default.btn-unfill.active,
div.ccm-page .btn.btn-default.btn-unfill:hover,
div.ccm-page .btn.btn-default.btn-unfill:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--neutral-lighter-color);
}
div.ccm-page .btn.btn-default.btn-unfill.btn-default {
  color: var(--type-color);
}
div.ccm-page .btn.btn-default.btn-unfill.btn-default.is-active,
div.ccm-page .btn.btn-default.btn-unfill.btn-default:active,
div.ccm-page .btn.btn-default.btn-unfill.btn-default.active,
div.ccm-page .btn.btn-default.btn-unfill.btn-default:hover,
div.ccm-page .btn.btn-default.btn-unfill.btn-default:focus {
  color: var(--type-color-hover);
}
div.ccm-page .btn.btn-default.btn-inverse,
div.ccm-page .btn.btn-default.mod-reverse {
  color: var(--neutral-lightest-color);
  background-color: #ffffff;
  border-color: #ffffff;
}
div.ccm-page .btn.btn-default.btn-inverse:hover,
div.ccm-page .btn.btn-default.mod-reverse:hover,
div.ccm-page .btn.btn-default.btn-inverse:focus,
div.ccm-page .btn.btn-default.mod-reverse:focus,
div.ccm-page .btn.btn-default.btn-inverse.is-active,
div.ccm-page .btn.btn-default.mod-reverse.is-active,
div.ccm-page .btn.btn-default.btn-inverse:active,
div.ccm-page .btn.btn-default.mod-reverse:active,
div.ccm-page .btn.btn-default.btn-inverse.active,
div.ccm-page .btn.btn-default.mod-reverse.active {
  border-color: var(--neutral-lighter-color);
}
div.ccm-page .btn.btn-default.btn-inverse.btn-default,
div.ccm-page .btn.btn-default.mod-reverse.btn-default {
  color: var(--type-color);
}
div.ccm-page .btn.btn-default:focus,
div.ccm-page .btn.btn-default.focus {
  color: var(--type-color-hover);
  background-color: var(--neutral-lighter-color);
  border-color: var(--neutral-medium-color);
}
div.ccm-page .btn.btn-default:hover {
  color: var(--type-color-hover);
  background-color: var(--neutral-lighter-color);
  border-color: var(--neutral-light-color);
}
div.ccm-page .btn.btn-default.is-active,
div.ccm-page .btn.btn-default:active,
div.ccm-page .btn.btn-default.active,
div.ccm-page .btn.btn-default .open > .dropdown-toggle {
  color: var(--type-color);
  background-color: var(--neutral-lighter-color);
  border-color: var(--neutral-light-color);
}
div.ccm-page .btn.btn-default.is-active,
div.ccm-page .btn.btn-default:active,
div.ccm-page .btn.btn-default.active .open > .dropdown-toggle {
  background-image: none;
}
div.ccm-page .btn.btn-default.disabled:hover,
div.ccm-page .btn.btn-default[disabled]:hover,
fieldset[disabled] div.ccm-page .btn.btn-default:hover,
div.ccm-page .btn.btn-default.disabled:focus,
div.ccm-page .btn.btn-default[disabled]:focus,
fieldset[disabled] div.ccm-page .btn.btn-default:focus,
div.ccm-page .btn.btn-default.disabled.focus,
div.ccm-page .btn.btn-default[disabled].focus,
fieldset[disabled] div.ccm-page .btn.btn-default.focus {
  background-color: var(--neutral-lightest-color);
  border-color: var(--neutral-lighter-color);
}
div.ccm-page .btn.btn-default.is-loading:not(.btn-inline) {
  color: transparent;
}
div.ccm-page .btn.btn-default.is-loading:after {
  border: 2px solid var(--type-reverse-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-default.is-loading.btn-link:after,
div.ccm-page .btn.btn-default.is-loading.btn-outline:after,
div.ccm-page .btn.btn-default.is-loading.btn-unfill:after,
div.ccm-page .btn.btn-default.is-loading.btn-inverse:after {
  border: 2px solid var(--neutral-lightest-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-default.is-loading.btn-default:after {
  border: 2px solid var(--type-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-default.is-loading.btn-default.btn-outline-inverse:after {
  border: 2px solid var(--neutral-lightest-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-default.is-loading:focus,
div.ccm-page .btn.btn-default.is-loading:active {
  /*&:after when (lightness(@background) >= 50%) {
                border: 2px solid var(--type-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }
            &:after when (lightness(@background) < 50%) {
                border: 2px solid var(--type-reverse-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }*/
}
div.ccm-page .btn.btn-default.is-loading:focus:after,
div.ccm-page .btn.btn-default.is-loading:active:after {
  border: 2px solid var(--type-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-default .badge {
  color: var(--neutral-lightest-color);
  background-color: var(--type-color);
}
div.ccm-page .btn.btn-primary {
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-color-bg);
  border-color: var(--btn-primary-color-border-color);
}
div.ccm-page .btn.btn-primary.btn-inline,
div.ccm-page .btn.btn-primary.btn-link,
div.ccm-page .btn.btn-primary.btn-link.btn-inline {
  color: var(--btn-primary-color-bg);
}
div.ccm-page .btn.btn-primary.btn-inline.is-active,
div.ccm-page .btn.btn-primary.btn-link.is-active,
div.ccm-page .btn.btn-primary.btn-link.btn-inline.is-active,
div.ccm-page .btn.btn-primary.btn-inline:active,
div.ccm-page .btn.btn-primary.btn-link:active,
div.ccm-page .btn.btn-primary.btn-link.btn-inline:active,
div.ccm-page .btn.btn-primary.btn-inline.active,
div.ccm-page .btn.btn-primary.btn-link.active,
div.ccm-page .btn.btn-primary.btn-link.btn-inline.active,
div.ccm-page .btn.btn-primary.btn-inline:hover,
div.ccm-page .btn.btn-primary.btn-link:hover,
div.ccm-page .btn.btn-primary.btn-link.btn-inline:hover,
div.ccm-page .btn.btn-primary.btn-inline:focus,
div.ccm-page .btn.btn-primary.btn-link:focus,
div.ccm-page .btn.btn-primary.btn-link.btn-inline:focus {
  color: var(--btn-primary-color-bg-hover);
}
div.ccm-page .btn.btn-primary.btn-default.btn-inline,
div.ccm-page .btn.btn-primary.btn-default.btn-link,
div.ccm-page .btn.btn-primary.btn-default.btn-link.btn-inline {
  color: var(--btn-primary-color);
}
div.ccm-page .btn.btn-primary.btn-default.btn-inline:hover,
div.ccm-page .btn.btn-primary.btn-default.btn-link:hover,
div.ccm-page .btn.btn-primary.btn-default.btn-link.btn-inline:hover,
div.ccm-page .btn.btn-primary.btn-default.btn-inline:focus,
div.ccm-page .btn.btn-primary.btn-default.btn-link:focus,
div.ccm-page .btn.btn-primary.btn-default.btn-link.btn-inline:focus,
div.ccm-page .btn.btn-primary.btn-default.btn-inline.is-active,
div.ccm-page .btn.btn-primary.btn-default.btn-link.is-active,
div.ccm-page .btn.btn-primary.btn-default.btn-link.btn-inline.is-active,
div.ccm-page .btn.btn-primary.btn-default.btn-inline:active,
div.ccm-page .btn.btn-primary.btn-default.btn-link:active,
div.ccm-page .btn.btn-primary.btn-default.btn-link.btn-inline:active,
div.ccm-page .btn.btn-primary.btn-default.btn-inline.active,
div.ccm-page .btn.btn-primary.btn-default.btn-link.active,
div.ccm-page .btn.btn-primary.btn-default.btn-link.btn-inline.active {
  color: var(--btn-primary-color);
}
div.ccm-page .btn.btn-primary.btn-reverse {
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-color-bg-hover);
  border-color: var(--btn-primary-color-border-hover);
}
div.ccm-page .btn.btn-primary.btn-reverse:hover,
div.ccm-page .btn.btn-primary.btn-reverse:focus,
div.ccm-page .btn.btn-primary.btn-reverse.is-active,
div.ccm-page .btn.btn-primary.btn-reverse:active,
div.ccm-page .btn.btn-primary.btn-reverse.active {
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-color-bg);
  border-color: var(--btn-primary-color-border-color);
}
div.ccm-page .btn.btn-primary.btn-outline,
div.ccm-page .btn.btn-primary.mod-ghost {
  border-color: var(--btn-primary-color-bg);
  background-color: transparent;
  color: var(--btn-primary-color-bg);
}
div.ccm-page .btn.btn-primary.btn-outline.btn-default,
div.ccm-page .btn.btn-primary.mod-ghost.btn-default {
  color: var(--btn-primary-color);
}
div.ccm-page .btn.btn-primary.btn-outline:hover,
div.ccm-page .btn.btn-primary.mod-ghost:hover,
div.ccm-page .btn.btn-primary.btn-outline:focus,
div.ccm-page .btn.btn-primary.mod-ghost:focus {
  background-color: var(--btn-primary-color-bg);
  border-color: var(--btn-primary-color-border-color);
}
div.ccm-page .btn.btn-primary.btn-outline.is-active,
div.ccm-page .btn.btn-primary.mod-ghost.is-active,
div.ccm-page .btn.btn-primary.btn-outline:active,
div.ccm-page .btn.btn-primary.mod-ghost:active,
div.ccm-page .btn.btn-primary.btn-outline.active,
div.ccm-page .btn.btn-primary.mod-ghost.active,
div.ccm-page .btn.btn-primary.btn-outline .open > .dropdown-toggle,
div.ccm-page .btn.btn-primary.mod-ghost .open > .dropdown-toggle {
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-color-bg-hover);
  border-color: var(--btn-primary-color-border-hover);
}
div.ccm-page .btn.btn-primary.btn-outline-reverse {
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-color-bg-hover);
  border-color: var(--btn-primary-color-border-hover);
}
div.ccm-page .btn.btn-primary.btn-outline-reverse:hover,
div.ccm-page .btn.btn-primary.btn-outline-reverse:focus,
div.ccm-page .btn.btn-primary.btn-outline-reverse.is-active,
div.ccm-page .btn.btn-primary.btn-outline-reverse:active,
div.ccm-page .btn.btn-primary.btn-outline-reverse.active {
  border-color: var(--btn-primary-color-border-color);
  background-color: transparent;
  color: var(--btn-primary-color-bg);
}
div.ccm-page .btn.btn-primary.btn-outline-reverse.btn-default:hover,
div.ccm-page .btn.btn-primary.btn-outline-reverse.btn-default:focus,
div.ccm-page .btn.btn-primary.btn-outline-reverse.btn-default.is-active,
div.ccm-page .btn.btn-primary.btn-outline-reverse.btn-default:active,
div.ccm-page .btn.btn-primary.btn-outline-reverse.btn-default.active {
  color: var(--btn-primary-color-hover);
}
div.ccm-page .btn.btn-primary.btn-outline-inverse,
div.ccm-page .btn.btn-primary.mod-ghost-reverse {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
div.ccm-page .btn.btn-primary.btn-outline-inverse:hover,
div.ccm-page .btn.btn-primary.mod-ghost-reverse:hover,
div.ccm-page .btn.btn-primary.btn-outline-inverse:focus,
div.ccm-page .btn.btn-primary.mod-ghost-reverse:focus,
div.ccm-page .btn.btn-primary.btn-outline-inverse.is-active,
div.ccm-page .btn.btn-primary.mod-ghost-reverse.is-active,
div.ccm-page .btn.btn-primary.btn-outline-inverse:active,
div.ccm-page .btn.btn-primary.mod-ghost-reverse:active,
div.ccm-page .btn.btn-primary.btn-outline-inverse.active,
div.ccm-page .btn.btn-primary.mod-ghost-reverse.active {
  background-color: transparent;
  border-color: var(--btn-primary-color-bg);
  color: var(--btn-primary-color-bg);
}
div.ccm-page .btn.btn-primary.btn-outline-inverse.btn-default:hover,
div.ccm-page .btn.btn-primary.mod-ghost-reverse.btn-default:hover,
div.ccm-page .btn.btn-primary.btn-outline-inverse.btn-default:focus,
div.ccm-page .btn.btn-primary.mod-ghost-reverse.btn-default:focus,
div.ccm-page .btn.btn-primary.btn-outline-inverse.btn-default.is-active,
div.ccm-page .btn.btn-primary.mod-ghost-reverse.btn-default.is-active,
div.ccm-page .btn.btn-primary.btn-outline-inverse.btn-default:active,
div.ccm-page .btn.btn-primary.mod-ghost-reverse.btn-default:active,
div.ccm-page .btn.btn-primary.btn-outline-inverse.btn-default.active,
div.ccm-page .btn.btn-primary.mod-ghost-reverse.btn-default.active {
  border-color: var(--btn-primary-color-border-hover);
  color: var(--btn-primary-color-hover);
}
div.ccm-page .btn.btn-primary.btn-unfill {
  background-color: transparent;
  border-color: transparent;
  color: var(--btn-primary-color-bg);
}
div.ccm-page .btn.btn-primary.btn-unfill.is-active,
div.ccm-page .btn.btn-primary.btn-unfill:active,
div.ccm-page .btn.btn-primary.btn-unfill.active,
div.ccm-page .btn.btn-primary.btn-unfill:hover,
div.ccm-page .btn.btn-primary.btn-unfill:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--btn-primary-color-bg-hover);
}
div.ccm-page .btn.btn-primary.btn-unfill.btn-default {
  color: var(--btn-primary-color);
}
div.ccm-page .btn.btn-primary.btn-unfill.btn-default.is-active,
div.ccm-page .btn.btn-primary.btn-unfill.btn-default:active,
div.ccm-page .btn.btn-primary.btn-unfill.btn-default.active,
div.ccm-page .btn.btn-primary.btn-unfill.btn-default:hover,
div.ccm-page .btn.btn-primary.btn-unfill.btn-default:focus {
  color: var(--btn-primary-color-hover);
}
div.ccm-page .btn.btn-primary.btn-inverse,
div.ccm-page .btn.btn-primary.mod-reverse {
  color: var(--btn-primary-color-bg);
  background-color: #ffffff;
  border-color: #ffffff;
}
div.ccm-page .btn.btn-primary.btn-inverse:hover,
div.ccm-page .btn.btn-primary.mod-reverse:hover,
div.ccm-page .btn.btn-primary.btn-inverse:focus,
div.ccm-page .btn.btn-primary.mod-reverse:focus,
div.ccm-page .btn.btn-primary.btn-inverse.is-active,
div.ccm-page .btn.btn-primary.mod-reverse.is-active,
div.ccm-page .btn.btn-primary.btn-inverse:active,
div.ccm-page .btn.btn-primary.mod-reverse:active,
div.ccm-page .btn.btn-primary.btn-inverse.active,
div.ccm-page .btn.btn-primary.mod-reverse.active {
  border-color: var(--btn-primary-color-bg-hover);
}
div.ccm-page .btn.btn-primary.btn-inverse.btn-default,
div.ccm-page .btn.btn-primary.mod-reverse.btn-default {
  color: var(--btn-primary-color);
}
div.ccm-page .btn.btn-primary:focus,
div.ccm-page .btn.btn-primary.focus {
  color: var(--btn-primary-color-hover);
  background-color: var(--btn-primary-color-bg-hover);
  border-color: var(--btn-primary-color-border-focus);
}
div.ccm-page .btn.btn-primary:hover {
  color: var(--btn-primary-color-hover);
  background-color: var(--btn-primary-color-bg-hover);
  border-color: var(--btn-primary-color-border-hover);
}
div.ccm-page .btn.btn-primary.is-active,
div.ccm-page .btn.btn-primary:active,
div.ccm-page .btn.btn-primary.active,
div.ccm-page .btn.btn-primary .open > .dropdown-toggle {
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-color-bg-hover);
  border-color: var(--btn-primary-color-border-hover);
}
div.ccm-page .btn.btn-primary.is-active,
div.ccm-page .btn.btn-primary:active,
div.ccm-page .btn.btn-primary.active .open > .dropdown-toggle {
  background-image: none;
}
div.ccm-page .btn.btn-primary.disabled:hover,
div.ccm-page .btn.btn-primary[disabled]:hover,
fieldset[disabled] div.ccm-page .btn.btn-primary:hover,
div.ccm-page .btn.btn-primary.disabled:focus,
div.ccm-page .btn.btn-primary[disabled]:focus,
fieldset[disabled] div.ccm-page .btn.btn-primary:focus,
div.ccm-page .btn.btn-primary.disabled.focus,
div.ccm-page .btn.btn-primary[disabled].focus,
fieldset[disabled] div.ccm-page .btn.btn-primary.focus {
  background-color: var(--btn-primary-color-bg);
  border-color: var(--btn-primary-color-border-color);
}
div.ccm-page .btn.btn-primary.is-loading:not(.btn-inline) {
  color: transparent;
}
div.ccm-page .btn.btn-primary.is-loading:after {
  border: 2px solid var(--type-reverse-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-primary.is-loading.btn-link:after,
div.ccm-page .btn.btn-primary.is-loading.btn-outline:after,
div.ccm-page .btn.btn-primary.is-loading.btn-unfill:after,
div.ccm-page .btn.btn-primary.is-loading.btn-inverse:after {
  border: 2px solid var(--btn-primary-color-bg);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-primary.is-loading.btn-default:after {
  border: 2px solid var(--btn-primary-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-primary.is-loading.btn-default.btn-outline-inverse:after {
  border: 2px solid var(--btn-primary-color-bg);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-primary.is-loading:focus,
div.ccm-page .btn.btn-primary.is-loading:active {
  /*&:after when (lightness(@background) >= 50%) {
                border: 2px solid var(--type-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }
            &:after when (lightness(@background) < 50%) {
                border: 2px solid var(--type-reverse-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }*/
}
div.ccm-page .btn.btn-primary.is-loading:focus:after,
div.ccm-page .btn.btn-primary.is-loading:active:after {
  border: 2px solid var(--type-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-primary .badge {
  color: var(--btn-primary-color-bg);
  background-color: var(--btn-primary-color);
}
div.ccm-page .btn.btn-secondary {
  color: var(--btn-secondary-color);
  background-color: var(--btn-secondary-color-bg);
  border-color: var(--btn-secondary-color-border-color);
}
div.ccm-page .btn.btn-secondary.btn-inline,
div.ccm-page .btn.btn-secondary.btn-link,
div.ccm-page .btn.btn-secondary.btn-link.btn-inline {
  color: var(--btn-secondary-color-bg);
}
div.ccm-page .btn.btn-secondary.btn-inline.is-active,
div.ccm-page .btn.btn-secondary.btn-link.is-active,
div.ccm-page .btn.btn-secondary.btn-link.btn-inline.is-active,
div.ccm-page .btn.btn-secondary.btn-inline:active,
div.ccm-page .btn.btn-secondary.btn-link:active,
div.ccm-page .btn.btn-secondary.btn-link.btn-inline:active,
div.ccm-page .btn.btn-secondary.btn-inline.active,
div.ccm-page .btn.btn-secondary.btn-link.active,
div.ccm-page .btn.btn-secondary.btn-link.btn-inline.active,
div.ccm-page .btn.btn-secondary.btn-inline:hover,
div.ccm-page .btn.btn-secondary.btn-link:hover,
div.ccm-page .btn.btn-secondary.btn-link.btn-inline:hover,
div.ccm-page .btn.btn-secondary.btn-inline:focus,
div.ccm-page .btn.btn-secondary.btn-link:focus,
div.ccm-page .btn.btn-secondary.btn-link.btn-inline:focus {
  color: var(--btn-secondary-color-bg-hover);
}
div.ccm-page .btn.btn-secondary.btn-default.btn-inline,
div.ccm-page .btn.btn-secondary.btn-default.btn-link,
div.ccm-page .btn.btn-secondary.btn-default.btn-link.btn-inline {
  color: var(--btn-secondary-color);
}
div.ccm-page .btn.btn-secondary.btn-default.btn-inline:hover,
div.ccm-page .btn.btn-secondary.btn-default.btn-link:hover,
div.ccm-page .btn.btn-secondary.btn-default.btn-link.btn-inline:hover,
div.ccm-page .btn.btn-secondary.btn-default.btn-inline:focus,
div.ccm-page .btn.btn-secondary.btn-default.btn-link:focus,
div.ccm-page .btn.btn-secondary.btn-default.btn-link.btn-inline:focus,
div.ccm-page .btn.btn-secondary.btn-default.btn-inline.is-active,
div.ccm-page .btn.btn-secondary.btn-default.btn-link.is-active,
div.ccm-page .btn.btn-secondary.btn-default.btn-link.btn-inline.is-active,
div.ccm-page .btn.btn-secondary.btn-default.btn-inline:active,
div.ccm-page .btn.btn-secondary.btn-default.btn-link:active,
div.ccm-page .btn.btn-secondary.btn-default.btn-link.btn-inline:active,
div.ccm-page .btn.btn-secondary.btn-default.btn-inline.active,
div.ccm-page .btn.btn-secondary.btn-default.btn-link.active,
div.ccm-page .btn.btn-secondary.btn-default.btn-link.btn-inline.active {
  color: var(--btn-secondary-color);
}
div.ccm-page .btn.btn-secondary.btn-reverse {
  color: var(--btn-secondary-color);
  background-color: var(--btn-secondary-color-bg-hover);
  border-color: var(--btn-secondary-color-border-hover);
}
div.ccm-page .btn.btn-secondary.btn-reverse:hover,
div.ccm-page .btn.btn-secondary.btn-reverse:focus,
div.ccm-page .btn.btn-secondary.btn-reverse.is-active,
div.ccm-page .btn.btn-secondary.btn-reverse:active,
div.ccm-page .btn.btn-secondary.btn-reverse.active {
  color: var(--btn-secondary-color);
  background-color: var(--btn-secondary-color-bg);
  border-color: var(--btn-secondary-color-border-color);
}
div.ccm-page .btn.btn-secondary.btn-outline,
div.ccm-page .btn.btn-secondary.mod-ghost {
  border-color: var(--btn-secondary-color-bg);
  background-color: transparent;
  color: var(--btn-secondary-color-bg);
}
div.ccm-page .btn.btn-secondary.btn-outline.btn-default,
div.ccm-page .btn.btn-secondary.mod-ghost.btn-default {
  color: var(--btn-secondary-color);
}
div.ccm-page .btn.btn-secondary.btn-outline:hover,
div.ccm-page .btn.btn-secondary.mod-ghost:hover,
div.ccm-page .btn.btn-secondary.btn-outline:focus,
div.ccm-page .btn.btn-secondary.mod-ghost:focus {
  background-color: var(--btn-secondary-color-bg);
  border-color: var(--btn-secondary-color-border-color);
}
div.ccm-page .btn.btn-secondary.btn-outline.is-active,
div.ccm-page .btn.btn-secondary.mod-ghost.is-active,
div.ccm-page .btn.btn-secondary.btn-outline:active,
div.ccm-page .btn.btn-secondary.mod-ghost:active,
div.ccm-page .btn.btn-secondary.btn-outline.active,
div.ccm-page .btn.btn-secondary.mod-ghost.active,
div.ccm-page .btn.btn-secondary.btn-outline .open > .dropdown-toggle,
div.ccm-page .btn.btn-secondary.mod-ghost .open > .dropdown-toggle {
  color: var(--btn-secondary-color);
  background-color: var(--btn-secondary-color-bg-hover);
  border-color: var(--btn-secondary-color-border-hover);
}
div.ccm-page .btn.btn-secondary.btn-outline-reverse {
  color: var(--btn-secondary-color);
  background-color: var(--btn-secondary-color-bg-hover);
  border-color: var(--btn-secondary-color-border-hover);
}
div.ccm-page .btn.btn-secondary.btn-outline-reverse:hover,
div.ccm-page .btn.btn-secondary.btn-outline-reverse:focus,
div.ccm-page .btn.btn-secondary.btn-outline-reverse.is-active,
div.ccm-page .btn.btn-secondary.btn-outline-reverse:active,
div.ccm-page .btn.btn-secondary.btn-outline-reverse.active {
  border-color: var(--btn-secondary-color-border-color);
  background-color: transparent;
  color: var(--btn-secondary-color-bg);
}
div.ccm-page .btn.btn-secondary.btn-outline-reverse.btn-default:hover,
div.ccm-page .btn.btn-secondary.btn-outline-reverse.btn-default:focus,
div.ccm-page .btn.btn-secondary.btn-outline-reverse.btn-default.is-active,
div.ccm-page .btn.btn-secondary.btn-outline-reverse.btn-default:active,
div.ccm-page .btn.btn-secondary.btn-outline-reverse.btn-default.active {
  color: var(--btn-secondary-color-hover);
}
div.ccm-page .btn.btn-secondary.btn-outline-inverse,
div.ccm-page .btn.btn-secondary.mod-ghost-reverse {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
div.ccm-page .btn.btn-secondary.btn-outline-inverse:hover,
div.ccm-page .btn.btn-secondary.mod-ghost-reverse:hover,
div.ccm-page .btn.btn-secondary.btn-outline-inverse:focus,
div.ccm-page .btn.btn-secondary.mod-ghost-reverse:focus,
div.ccm-page .btn.btn-secondary.btn-outline-inverse.is-active,
div.ccm-page .btn.btn-secondary.mod-ghost-reverse.is-active,
div.ccm-page .btn.btn-secondary.btn-outline-inverse:active,
div.ccm-page .btn.btn-secondary.mod-ghost-reverse:active,
div.ccm-page .btn.btn-secondary.btn-outline-inverse.active,
div.ccm-page .btn.btn-secondary.mod-ghost-reverse.active {
  background-color: transparent;
  border-color: var(--btn-secondary-color-bg);
  color: var(--btn-secondary-color-bg);
}
div.ccm-page .btn.btn-secondary.btn-outline-inverse.btn-default:hover,
div.ccm-page .btn.btn-secondary.mod-ghost-reverse.btn-default:hover,
div.ccm-page .btn.btn-secondary.btn-outline-inverse.btn-default:focus,
div.ccm-page .btn.btn-secondary.mod-ghost-reverse.btn-default:focus,
div.ccm-page .btn.btn-secondary.btn-outline-inverse.btn-default.is-active,
div.ccm-page .btn.btn-secondary.mod-ghost-reverse.btn-default.is-active,
div.ccm-page .btn.btn-secondary.btn-outline-inverse.btn-default:active,
div.ccm-page .btn.btn-secondary.mod-ghost-reverse.btn-default:active,
div.ccm-page .btn.btn-secondary.btn-outline-inverse.btn-default.active,
div.ccm-page .btn.btn-secondary.mod-ghost-reverse.btn-default.active {
  border-color: var(--btn-secondary-color-border-hover);
  color: var(--btn-secondary-color-hover);
}
div.ccm-page .btn.btn-secondary.btn-unfill {
  background-color: transparent;
  border-color: transparent;
  color: var(--btn-secondary-color-bg);
}
div.ccm-page .btn.btn-secondary.btn-unfill.is-active,
div.ccm-page .btn.btn-secondary.btn-unfill:active,
div.ccm-page .btn.btn-secondary.btn-unfill.active,
div.ccm-page .btn.btn-secondary.btn-unfill:hover,
div.ccm-page .btn.btn-secondary.btn-unfill:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--btn-secondary-color-bg-hover);
}
div.ccm-page .btn.btn-secondary.btn-unfill.btn-default {
  color: var(--btn-secondary-color);
}
div.ccm-page .btn.btn-secondary.btn-unfill.btn-default.is-active,
div.ccm-page .btn.btn-secondary.btn-unfill.btn-default:active,
div.ccm-page .btn.btn-secondary.btn-unfill.btn-default.active,
div.ccm-page .btn.btn-secondary.btn-unfill.btn-default:hover,
div.ccm-page .btn.btn-secondary.btn-unfill.btn-default:focus {
  color: var(--btn-secondary-color-hover);
}
div.ccm-page .btn.btn-secondary.btn-inverse,
div.ccm-page .btn.btn-secondary.mod-reverse {
  color: var(--btn-secondary-color-bg);
  background-color: #ffffff;
  border-color: #ffffff;
}
div.ccm-page .btn.btn-secondary.btn-inverse:hover,
div.ccm-page .btn.btn-secondary.mod-reverse:hover,
div.ccm-page .btn.btn-secondary.btn-inverse:focus,
div.ccm-page .btn.btn-secondary.mod-reverse:focus,
div.ccm-page .btn.btn-secondary.btn-inverse.is-active,
div.ccm-page .btn.btn-secondary.mod-reverse.is-active,
div.ccm-page .btn.btn-secondary.btn-inverse:active,
div.ccm-page .btn.btn-secondary.mod-reverse:active,
div.ccm-page .btn.btn-secondary.btn-inverse.active,
div.ccm-page .btn.btn-secondary.mod-reverse.active {
  border-color: var(--btn-secondary-color-bg-hover);
}
div.ccm-page .btn.btn-secondary.btn-inverse.btn-default,
div.ccm-page .btn.btn-secondary.mod-reverse.btn-default {
  color: var(--btn-secondary-color);
}
div.ccm-page .btn.btn-secondary:focus,
div.ccm-page .btn.btn-secondary.focus {
  color: var(--btn-secondary-color-hover);
  background-color: var(--btn-secondary-color-bg-hover);
  border-color: var(--btn-secondary-color-border-focus);
}
div.ccm-page .btn.btn-secondary:hover {
  color: var(--btn-secondary-color-hover);
  background-color: var(--btn-secondary-color-bg-hover);
  border-color: var(--btn-secondary-color-border-hover);
}
div.ccm-page .btn.btn-secondary.is-active,
div.ccm-page .btn.btn-secondary:active,
div.ccm-page .btn.btn-secondary.active,
div.ccm-page .btn.btn-secondary .open > .dropdown-toggle {
  color: var(--btn-secondary-color);
  background-color: var(--btn-secondary-color-bg-hover);
  border-color: var(--btn-secondary-color-border-hover);
}
div.ccm-page .btn.btn-secondary.is-active,
div.ccm-page .btn.btn-secondary:active,
div.ccm-page .btn.btn-secondary.active .open > .dropdown-toggle {
  background-image: none;
}
div.ccm-page .btn.btn-secondary.disabled:hover,
div.ccm-page .btn.btn-secondary[disabled]:hover,
fieldset[disabled] div.ccm-page .btn.btn-secondary:hover,
div.ccm-page .btn.btn-secondary.disabled:focus,
div.ccm-page .btn.btn-secondary[disabled]:focus,
fieldset[disabled] div.ccm-page .btn.btn-secondary:focus,
div.ccm-page .btn.btn-secondary.disabled.focus,
div.ccm-page .btn.btn-secondary[disabled].focus,
fieldset[disabled] div.ccm-page .btn.btn-secondary.focus {
  background-color: var(--btn-secondary-color-bg);
  border-color: var(--btn-secondary-color-border-color);
}
div.ccm-page .btn.btn-secondary.is-loading:not(.btn-inline) {
  color: transparent;
}
div.ccm-page .btn.btn-secondary.is-loading:after {
  border: 2px solid var(--type-reverse-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-secondary.is-loading.btn-link:after,
div.ccm-page .btn.btn-secondary.is-loading.btn-outline:after,
div.ccm-page .btn.btn-secondary.is-loading.btn-unfill:after,
div.ccm-page .btn.btn-secondary.is-loading.btn-inverse:after {
  border: 2px solid var(--btn-secondary-color-bg);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-secondary.is-loading.btn-default:after {
  border: 2px solid var(--btn-secondary-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-secondary.is-loading.btn-default.btn-outline-inverse:after {
  border: 2px solid var(--btn-secondary-color-bg);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-secondary.is-loading:focus,
div.ccm-page .btn.btn-secondary.is-loading:active {
  /*&:after when (lightness(@background) >= 50%) {
                border: 2px solid var(--type-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }
            &:after when (lightness(@background) < 50%) {
                border: 2px solid var(--type-reverse-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }*/
}
div.ccm-page .btn.btn-secondary.is-loading:focus:after,
div.ccm-page .btn.btn-secondary.is-loading:active:after {
  border: 2px solid var(--type-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-secondary .badge {
  color: var(--btn-secondary-color-bg);
  background-color: var(--btn-secondary-color);
}
div.ccm-page .btn.btn-success {
  color: var(--btn-success-color);
  background-color: var(--btn-success-color-bg);
  border-color: var(--btn-success-color-border-color);
}
div.ccm-page .btn.btn-success.btn-inline,
div.ccm-page .btn.btn-success.btn-link,
div.ccm-page .btn.btn-success.btn-link.btn-inline {
  color: var(--btn-success-color-bg);
}
div.ccm-page .btn.btn-success.btn-inline.is-active,
div.ccm-page .btn.btn-success.btn-link.is-active,
div.ccm-page .btn.btn-success.btn-link.btn-inline.is-active,
div.ccm-page .btn.btn-success.btn-inline:active,
div.ccm-page .btn.btn-success.btn-link:active,
div.ccm-page .btn.btn-success.btn-link.btn-inline:active,
div.ccm-page .btn.btn-success.btn-inline.active,
div.ccm-page .btn.btn-success.btn-link.active,
div.ccm-page .btn.btn-success.btn-link.btn-inline.active,
div.ccm-page .btn.btn-success.btn-inline:hover,
div.ccm-page .btn.btn-success.btn-link:hover,
div.ccm-page .btn.btn-success.btn-link.btn-inline:hover,
div.ccm-page .btn.btn-success.btn-inline:focus,
div.ccm-page .btn.btn-success.btn-link:focus,
div.ccm-page .btn.btn-success.btn-link.btn-inline:focus {
  color: var(--btn-success-color-bg-hover);
}
div.ccm-page .btn.btn-success.btn-default.btn-inline,
div.ccm-page .btn.btn-success.btn-default.btn-link,
div.ccm-page .btn.btn-success.btn-default.btn-link.btn-inline {
  color: var(--btn-success-color);
}
div.ccm-page .btn.btn-success.btn-default.btn-inline:hover,
div.ccm-page .btn.btn-success.btn-default.btn-link:hover,
div.ccm-page .btn.btn-success.btn-default.btn-link.btn-inline:hover,
div.ccm-page .btn.btn-success.btn-default.btn-inline:focus,
div.ccm-page .btn.btn-success.btn-default.btn-link:focus,
div.ccm-page .btn.btn-success.btn-default.btn-link.btn-inline:focus,
div.ccm-page .btn.btn-success.btn-default.btn-inline.is-active,
div.ccm-page .btn.btn-success.btn-default.btn-link.is-active,
div.ccm-page .btn.btn-success.btn-default.btn-link.btn-inline.is-active,
div.ccm-page .btn.btn-success.btn-default.btn-inline:active,
div.ccm-page .btn.btn-success.btn-default.btn-link:active,
div.ccm-page .btn.btn-success.btn-default.btn-link.btn-inline:active,
div.ccm-page .btn.btn-success.btn-default.btn-inline.active,
div.ccm-page .btn.btn-success.btn-default.btn-link.active,
div.ccm-page .btn.btn-success.btn-default.btn-link.btn-inline.active {
  color: var(--btn-success-color);
}
div.ccm-page .btn.btn-success.btn-reverse {
  color: var(--btn-success-color);
  background-color: var(--btn-success-color-bg-hover);
  border-color: var(--btn-success-color-border-hover);
}
div.ccm-page .btn.btn-success.btn-reverse:hover,
div.ccm-page .btn.btn-success.btn-reverse:focus,
div.ccm-page .btn.btn-success.btn-reverse.is-active,
div.ccm-page .btn.btn-success.btn-reverse:active,
div.ccm-page .btn.btn-success.btn-reverse.active {
  color: var(--btn-success-color);
  background-color: var(--btn-success-color-bg);
  border-color: var(--btn-success-color-border-color);
}
div.ccm-page .btn.btn-success.btn-outline,
div.ccm-page .btn.btn-success.mod-ghost {
  border-color: var(--btn-success-color-bg);
  background-color: transparent;
  color: var(--btn-success-color-bg);
}
div.ccm-page .btn.btn-success.btn-outline.btn-default,
div.ccm-page .btn.btn-success.mod-ghost.btn-default {
  color: var(--btn-success-color);
}
div.ccm-page .btn.btn-success.btn-outline:hover,
div.ccm-page .btn.btn-success.mod-ghost:hover,
div.ccm-page .btn.btn-success.btn-outline:focus,
div.ccm-page .btn.btn-success.mod-ghost:focus {
  background-color: var(--btn-success-color-bg);
  border-color: var(--btn-success-color-border-color);
}
div.ccm-page .btn.btn-success.btn-outline.is-active,
div.ccm-page .btn.btn-success.mod-ghost.is-active,
div.ccm-page .btn.btn-success.btn-outline:active,
div.ccm-page .btn.btn-success.mod-ghost:active,
div.ccm-page .btn.btn-success.btn-outline.active,
div.ccm-page .btn.btn-success.mod-ghost.active,
div.ccm-page .btn.btn-success.btn-outline .open > .dropdown-toggle,
div.ccm-page .btn.btn-success.mod-ghost .open > .dropdown-toggle {
  color: var(--btn-success-color);
  background-color: var(--btn-success-color-bg-hover);
  border-color: var(--btn-success-color-border-hover);
}
div.ccm-page .btn.btn-success.btn-outline-reverse {
  color: var(--btn-success-color);
  background-color: var(--btn-success-color-bg-hover);
  border-color: var(--btn-success-color-border-hover);
}
div.ccm-page .btn.btn-success.btn-outline-reverse:hover,
div.ccm-page .btn.btn-success.btn-outline-reverse:focus,
div.ccm-page .btn.btn-success.btn-outline-reverse.is-active,
div.ccm-page .btn.btn-success.btn-outline-reverse:active,
div.ccm-page .btn.btn-success.btn-outline-reverse.active {
  border-color: var(--btn-success-color-border-color);
  background-color: transparent;
  color: var(--btn-success-color-bg);
}
div.ccm-page .btn.btn-success.btn-outline-reverse.btn-default:hover,
div.ccm-page .btn.btn-success.btn-outline-reverse.btn-default:focus,
div.ccm-page .btn.btn-success.btn-outline-reverse.btn-default.is-active,
div.ccm-page .btn.btn-success.btn-outline-reverse.btn-default:active,
div.ccm-page .btn.btn-success.btn-outline-reverse.btn-default.active {
  color: var(--btn-success-color-hover);
}
div.ccm-page .btn.btn-success.btn-outline-inverse,
div.ccm-page .btn.btn-success.mod-ghost-reverse {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
div.ccm-page .btn.btn-success.btn-outline-inverse:hover,
div.ccm-page .btn.btn-success.mod-ghost-reverse:hover,
div.ccm-page .btn.btn-success.btn-outline-inverse:focus,
div.ccm-page .btn.btn-success.mod-ghost-reverse:focus,
div.ccm-page .btn.btn-success.btn-outline-inverse.is-active,
div.ccm-page .btn.btn-success.mod-ghost-reverse.is-active,
div.ccm-page .btn.btn-success.btn-outline-inverse:active,
div.ccm-page .btn.btn-success.mod-ghost-reverse:active,
div.ccm-page .btn.btn-success.btn-outline-inverse.active,
div.ccm-page .btn.btn-success.mod-ghost-reverse.active {
  background-color: transparent;
  border-color: var(--btn-success-color-bg);
  color: var(--btn-success-color-bg);
}
div.ccm-page .btn.btn-success.btn-outline-inverse.btn-default:hover,
div.ccm-page .btn.btn-success.mod-ghost-reverse.btn-default:hover,
div.ccm-page .btn.btn-success.btn-outline-inverse.btn-default:focus,
div.ccm-page .btn.btn-success.mod-ghost-reverse.btn-default:focus,
div.ccm-page .btn.btn-success.btn-outline-inverse.btn-default.is-active,
div.ccm-page .btn.btn-success.mod-ghost-reverse.btn-default.is-active,
div.ccm-page .btn.btn-success.btn-outline-inverse.btn-default:active,
div.ccm-page .btn.btn-success.mod-ghost-reverse.btn-default:active,
div.ccm-page .btn.btn-success.btn-outline-inverse.btn-default.active,
div.ccm-page .btn.btn-success.mod-ghost-reverse.btn-default.active {
  border-color: var(--btn-success-color-border-hover);
  color: var(--btn-success-color-hover);
}
div.ccm-page .btn.btn-success.btn-unfill {
  background-color: transparent;
  border-color: transparent;
  color: var(--btn-success-color-bg);
}
div.ccm-page .btn.btn-success.btn-unfill.is-active,
div.ccm-page .btn.btn-success.btn-unfill:active,
div.ccm-page .btn.btn-success.btn-unfill.active,
div.ccm-page .btn.btn-success.btn-unfill:hover,
div.ccm-page .btn.btn-success.btn-unfill:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--btn-success-color-bg-hover);
}
div.ccm-page .btn.btn-success.btn-unfill.btn-default {
  color: var(--btn-success-color);
}
div.ccm-page .btn.btn-success.btn-unfill.btn-default.is-active,
div.ccm-page .btn.btn-success.btn-unfill.btn-default:active,
div.ccm-page .btn.btn-success.btn-unfill.btn-default.active,
div.ccm-page .btn.btn-success.btn-unfill.btn-default:hover,
div.ccm-page .btn.btn-success.btn-unfill.btn-default:focus {
  color: var(--btn-success-color-hover);
}
div.ccm-page .btn.btn-success.btn-inverse,
div.ccm-page .btn.btn-success.mod-reverse {
  color: var(--btn-success-color-bg);
  background-color: #ffffff;
  border-color: #ffffff;
}
div.ccm-page .btn.btn-success.btn-inverse:hover,
div.ccm-page .btn.btn-success.mod-reverse:hover,
div.ccm-page .btn.btn-success.btn-inverse:focus,
div.ccm-page .btn.btn-success.mod-reverse:focus,
div.ccm-page .btn.btn-success.btn-inverse.is-active,
div.ccm-page .btn.btn-success.mod-reverse.is-active,
div.ccm-page .btn.btn-success.btn-inverse:active,
div.ccm-page .btn.btn-success.mod-reverse:active,
div.ccm-page .btn.btn-success.btn-inverse.active,
div.ccm-page .btn.btn-success.mod-reverse.active {
  border-color: var(--btn-success-color-bg-hover);
}
div.ccm-page .btn.btn-success.btn-inverse.btn-default,
div.ccm-page .btn.btn-success.mod-reverse.btn-default {
  color: var(--btn-success-color);
}
div.ccm-page .btn.btn-success:focus,
div.ccm-page .btn.btn-success.focus {
  color: var(--btn-success-color-hover);
  background-color: var(--btn-success-color-bg-hover);
  border-color: var(--btn-success-color-border-focus);
}
div.ccm-page .btn.btn-success:hover {
  color: var(--btn-success-color-hover);
  background-color: var(--btn-success-color-bg-hover);
  border-color: var(--btn-success-color-border-hover);
}
div.ccm-page .btn.btn-success.is-active,
div.ccm-page .btn.btn-success:active,
div.ccm-page .btn.btn-success.active,
div.ccm-page .btn.btn-success .open > .dropdown-toggle {
  color: var(--btn-success-color);
  background-color: var(--btn-success-color-bg-hover);
  border-color: var(--btn-success-color-border-hover);
}
div.ccm-page .btn.btn-success.is-active,
div.ccm-page .btn.btn-success:active,
div.ccm-page .btn.btn-success.active .open > .dropdown-toggle {
  background-image: none;
}
div.ccm-page .btn.btn-success.disabled:hover,
div.ccm-page .btn.btn-success[disabled]:hover,
fieldset[disabled] div.ccm-page .btn.btn-success:hover,
div.ccm-page .btn.btn-success.disabled:focus,
div.ccm-page .btn.btn-success[disabled]:focus,
fieldset[disabled] div.ccm-page .btn.btn-success:focus,
div.ccm-page .btn.btn-success.disabled.focus,
div.ccm-page .btn.btn-success[disabled].focus,
fieldset[disabled] div.ccm-page .btn.btn-success.focus {
  background-color: var(--btn-success-color-bg);
  border-color: var(--btn-success-color-border-color);
}
div.ccm-page .btn.btn-success.is-loading:not(.btn-inline) {
  color: transparent;
}
div.ccm-page .btn.btn-success.is-loading:after {
  border: 2px solid var(--type-reverse-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-success.is-loading.btn-link:after,
div.ccm-page .btn.btn-success.is-loading.btn-outline:after,
div.ccm-page .btn.btn-success.is-loading.btn-unfill:after,
div.ccm-page .btn.btn-success.is-loading.btn-inverse:after {
  border: 2px solid var(--btn-success-color-bg);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-success.is-loading.btn-default:after {
  border: 2px solid var(--btn-success-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-success.is-loading.btn-default.btn-outline-inverse:after {
  border: 2px solid var(--btn-success-color-bg);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-success.is-loading:focus,
div.ccm-page .btn.btn-success.is-loading:active {
  /*&:after when (lightness(@background) >= 50%) {
                border: 2px solid var(--type-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }
            &:after when (lightness(@background) < 50%) {
                border: 2px solid var(--type-reverse-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }*/
}
div.ccm-page .btn.btn-success.is-loading:focus:after,
div.ccm-page .btn.btn-success.is-loading:active:after {
  border: 2px solid var(--type-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-success .badge {
  color: var(--btn-success-color-bg);
  background-color: var(--btn-success-color);
}
div.ccm-page .btn.btn-info {
  color: var(--btn-info-color);
  background-color: var(--btn-info-color-bg);
  border-color: var(--btn-info-color-border-color);
}
div.ccm-page .btn.btn-info.btn-inline,
div.ccm-page .btn.btn-info.btn-link,
div.ccm-page .btn.btn-info.btn-link.btn-inline {
  color: var(--btn-info-color-bg);
}
div.ccm-page .btn.btn-info.btn-inline.is-active,
div.ccm-page .btn.btn-info.btn-link.is-active,
div.ccm-page .btn.btn-info.btn-link.btn-inline.is-active,
div.ccm-page .btn.btn-info.btn-inline:active,
div.ccm-page .btn.btn-info.btn-link:active,
div.ccm-page .btn.btn-info.btn-link.btn-inline:active,
div.ccm-page .btn.btn-info.btn-inline.active,
div.ccm-page .btn.btn-info.btn-link.active,
div.ccm-page .btn.btn-info.btn-link.btn-inline.active,
div.ccm-page .btn.btn-info.btn-inline:hover,
div.ccm-page .btn.btn-info.btn-link:hover,
div.ccm-page .btn.btn-info.btn-link.btn-inline:hover,
div.ccm-page .btn.btn-info.btn-inline:focus,
div.ccm-page .btn.btn-info.btn-link:focus,
div.ccm-page .btn.btn-info.btn-link.btn-inline:focus {
  color: var(--btn-info-color-bg-hover);
}
div.ccm-page .btn.btn-info.btn-default.btn-inline,
div.ccm-page .btn.btn-info.btn-default.btn-link,
div.ccm-page .btn.btn-info.btn-default.btn-link.btn-inline {
  color: var(--btn-info-color);
}
div.ccm-page .btn.btn-info.btn-default.btn-inline:hover,
div.ccm-page .btn.btn-info.btn-default.btn-link:hover,
div.ccm-page .btn.btn-info.btn-default.btn-link.btn-inline:hover,
div.ccm-page .btn.btn-info.btn-default.btn-inline:focus,
div.ccm-page .btn.btn-info.btn-default.btn-link:focus,
div.ccm-page .btn.btn-info.btn-default.btn-link.btn-inline:focus,
div.ccm-page .btn.btn-info.btn-default.btn-inline.is-active,
div.ccm-page .btn.btn-info.btn-default.btn-link.is-active,
div.ccm-page .btn.btn-info.btn-default.btn-link.btn-inline.is-active,
div.ccm-page .btn.btn-info.btn-default.btn-inline:active,
div.ccm-page .btn.btn-info.btn-default.btn-link:active,
div.ccm-page .btn.btn-info.btn-default.btn-link.btn-inline:active,
div.ccm-page .btn.btn-info.btn-default.btn-inline.active,
div.ccm-page .btn.btn-info.btn-default.btn-link.active,
div.ccm-page .btn.btn-info.btn-default.btn-link.btn-inline.active {
  color: var(--btn-info-color);
}
div.ccm-page .btn.btn-info.btn-reverse {
  color: var(--btn-info-color);
  background-color: var(--btn-info-color-bg-hover);
  border-color: var(--btn-info-color-border-hover);
}
div.ccm-page .btn.btn-info.btn-reverse:hover,
div.ccm-page .btn.btn-info.btn-reverse:focus,
div.ccm-page .btn.btn-info.btn-reverse.is-active,
div.ccm-page .btn.btn-info.btn-reverse:active,
div.ccm-page .btn.btn-info.btn-reverse.active {
  color: var(--btn-info-color);
  background-color: var(--btn-info-color-bg);
  border-color: var(--btn-info-color-border-color);
}
div.ccm-page .btn.btn-info.btn-outline,
div.ccm-page .btn.btn-info.mod-ghost {
  border-color: var(--btn-info-color-bg);
  background-color: transparent;
  color: var(--btn-info-color-bg);
}
div.ccm-page .btn.btn-info.btn-outline.btn-default,
div.ccm-page .btn.btn-info.mod-ghost.btn-default {
  color: var(--btn-info-color);
}
div.ccm-page .btn.btn-info.btn-outline:hover,
div.ccm-page .btn.btn-info.mod-ghost:hover,
div.ccm-page .btn.btn-info.btn-outline:focus,
div.ccm-page .btn.btn-info.mod-ghost:focus {
  background-color: var(--btn-info-color-bg);
  border-color: var(--btn-info-color-border-color);
}
div.ccm-page .btn.btn-info.btn-outline.is-active,
div.ccm-page .btn.btn-info.mod-ghost.is-active,
div.ccm-page .btn.btn-info.btn-outline:active,
div.ccm-page .btn.btn-info.mod-ghost:active,
div.ccm-page .btn.btn-info.btn-outline.active,
div.ccm-page .btn.btn-info.mod-ghost.active,
div.ccm-page .btn.btn-info.btn-outline .open > .dropdown-toggle,
div.ccm-page .btn.btn-info.mod-ghost .open > .dropdown-toggle {
  color: var(--btn-info-color);
  background-color: var(--btn-info-color-bg-hover);
  border-color: var(--btn-info-color-border-hover);
}
div.ccm-page .btn.btn-info.btn-outline-reverse {
  color: var(--btn-info-color);
  background-color: var(--btn-info-color-bg-hover);
  border-color: var(--btn-info-color-border-hover);
}
div.ccm-page .btn.btn-info.btn-outline-reverse:hover,
div.ccm-page .btn.btn-info.btn-outline-reverse:focus,
div.ccm-page .btn.btn-info.btn-outline-reverse.is-active,
div.ccm-page .btn.btn-info.btn-outline-reverse:active,
div.ccm-page .btn.btn-info.btn-outline-reverse.active {
  border-color: var(--btn-info-color-border-color);
  background-color: transparent;
  color: var(--btn-info-color-bg);
}
div.ccm-page .btn.btn-info.btn-outline-reverse.btn-default:hover,
div.ccm-page .btn.btn-info.btn-outline-reverse.btn-default:focus,
div.ccm-page .btn.btn-info.btn-outline-reverse.btn-default.is-active,
div.ccm-page .btn.btn-info.btn-outline-reverse.btn-default:active,
div.ccm-page .btn.btn-info.btn-outline-reverse.btn-default.active {
  color: var(--btn-info-color-hover);
}
div.ccm-page .btn.btn-info.btn-outline-inverse,
div.ccm-page .btn.btn-info.mod-ghost-reverse {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
div.ccm-page .btn.btn-info.btn-outline-inverse:hover,
div.ccm-page .btn.btn-info.mod-ghost-reverse:hover,
div.ccm-page .btn.btn-info.btn-outline-inverse:focus,
div.ccm-page .btn.btn-info.mod-ghost-reverse:focus,
div.ccm-page .btn.btn-info.btn-outline-inverse.is-active,
div.ccm-page .btn.btn-info.mod-ghost-reverse.is-active,
div.ccm-page .btn.btn-info.btn-outline-inverse:active,
div.ccm-page .btn.btn-info.mod-ghost-reverse:active,
div.ccm-page .btn.btn-info.btn-outline-inverse.active,
div.ccm-page .btn.btn-info.mod-ghost-reverse.active {
  background-color: transparent;
  border-color: var(--btn-info-color-bg);
  color: var(--btn-info-color-bg);
}
div.ccm-page .btn.btn-info.btn-outline-inverse.btn-default:hover,
div.ccm-page .btn.btn-info.mod-ghost-reverse.btn-default:hover,
div.ccm-page .btn.btn-info.btn-outline-inverse.btn-default:focus,
div.ccm-page .btn.btn-info.mod-ghost-reverse.btn-default:focus,
div.ccm-page .btn.btn-info.btn-outline-inverse.btn-default.is-active,
div.ccm-page .btn.btn-info.mod-ghost-reverse.btn-default.is-active,
div.ccm-page .btn.btn-info.btn-outline-inverse.btn-default:active,
div.ccm-page .btn.btn-info.mod-ghost-reverse.btn-default:active,
div.ccm-page .btn.btn-info.btn-outline-inverse.btn-default.active,
div.ccm-page .btn.btn-info.mod-ghost-reverse.btn-default.active {
  border-color: var(--btn-info-color-border-hover);
  color: var(--btn-info-color-hover);
}
div.ccm-page .btn.btn-info.btn-unfill {
  background-color: transparent;
  border-color: transparent;
  color: var(--btn-info-color-bg);
}
div.ccm-page .btn.btn-info.btn-unfill.is-active,
div.ccm-page .btn.btn-info.btn-unfill:active,
div.ccm-page .btn.btn-info.btn-unfill.active,
div.ccm-page .btn.btn-info.btn-unfill:hover,
div.ccm-page .btn.btn-info.btn-unfill:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--btn-info-color-bg-hover);
}
div.ccm-page .btn.btn-info.btn-unfill.btn-default {
  color: var(--btn-info-color);
}
div.ccm-page .btn.btn-info.btn-unfill.btn-default.is-active,
div.ccm-page .btn.btn-info.btn-unfill.btn-default:active,
div.ccm-page .btn.btn-info.btn-unfill.btn-default.active,
div.ccm-page .btn.btn-info.btn-unfill.btn-default:hover,
div.ccm-page .btn.btn-info.btn-unfill.btn-default:focus {
  color: var(--btn-info-color-hover);
}
div.ccm-page .btn.btn-info.btn-inverse,
div.ccm-page .btn.btn-info.mod-reverse {
  color: var(--btn-info-color-bg);
  background-color: #ffffff;
  border-color: #ffffff;
}
div.ccm-page .btn.btn-info.btn-inverse:hover,
div.ccm-page .btn.btn-info.mod-reverse:hover,
div.ccm-page .btn.btn-info.btn-inverse:focus,
div.ccm-page .btn.btn-info.mod-reverse:focus,
div.ccm-page .btn.btn-info.btn-inverse.is-active,
div.ccm-page .btn.btn-info.mod-reverse.is-active,
div.ccm-page .btn.btn-info.btn-inverse:active,
div.ccm-page .btn.btn-info.mod-reverse:active,
div.ccm-page .btn.btn-info.btn-inverse.active,
div.ccm-page .btn.btn-info.mod-reverse.active {
  border-color: var(--btn-info-color-bg-hover);
}
div.ccm-page .btn.btn-info.btn-inverse.btn-default,
div.ccm-page .btn.btn-info.mod-reverse.btn-default {
  color: var(--btn-info-color);
}
div.ccm-page .btn.btn-info:focus,
div.ccm-page .btn.btn-info.focus {
  color: var(--btn-info-color-hover);
  background-color: var(--btn-info-color-bg-hover);
  border-color: var(--btn-info-color-border-focus);
}
div.ccm-page .btn.btn-info:hover {
  color: var(--btn-info-color-hover);
  background-color: var(--btn-info-color-bg-hover);
  border-color: var(--btn-info-color-border-hover);
}
div.ccm-page .btn.btn-info.is-active,
div.ccm-page .btn.btn-info:active,
div.ccm-page .btn.btn-info.active,
div.ccm-page .btn.btn-info .open > .dropdown-toggle {
  color: var(--btn-info-color);
  background-color: var(--btn-info-color-bg-hover);
  border-color: var(--btn-info-color-border-hover);
}
div.ccm-page .btn.btn-info.is-active,
div.ccm-page .btn.btn-info:active,
div.ccm-page .btn.btn-info.active .open > .dropdown-toggle {
  background-image: none;
}
div.ccm-page .btn.btn-info.disabled:hover,
div.ccm-page .btn.btn-info[disabled]:hover,
fieldset[disabled] div.ccm-page .btn.btn-info:hover,
div.ccm-page .btn.btn-info.disabled:focus,
div.ccm-page .btn.btn-info[disabled]:focus,
fieldset[disabled] div.ccm-page .btn.btn-info:focus,
div.ccm-page .btn.btn-info.disabled.focus,
div.ccm-page .btn.btn-info[disabled].focus,
fieldset[disabled] div.ccm-page .btn.btn-info.focus {
  background-color: var(--btn-info-color-bg);
  border-color: var(--btn-info-color-border-color);
}
div.ccm-page .btn.btn-info.is-loading:not(.btn-inline) {
  color: transparent;
}
div.ccm-page .btn.btn-info.is-loading:after {
  border: 2px solid var(--type-reverse-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-info.is-loading.btn-link:after,
div.ccm-page .btn.btn-info.is-loading.btn-outline:after,
div.ccm-page .btn.btn-info.is-loading.btn-unfill:after,
div.ccm-page .btn.btn-info.is-loading.btn-inverse:after {
  border: 2px solid var(--btn-info-color-bg);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-info.is-loading.btn-default:after {
  border: 2px solid var(--btn-info-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-info.is-loading.btn-default.btn-outline-inverse:after {
  border: 2px solid var(--btn-info-color-bg);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-info.is-loading:focus,
div.ccm-page .btn.btn-info.is-loading:active {
  /*&:after when (lightness(@background) >= 50%) {
                border: 2px solid var(--type-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }
            &:after when (lightness(@background) < 50%) {
                border: 2px solid var(--type-reverse-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }*/
}
div.ccm-page .btn.btn-info.is-loading:focus:after,
div.ccm-page .btn.btn-info.is-loading:active:after {
  border: 2px solid var(--type-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-info .badge {
  color: var(--btn-info-color-bg);
  background-color: var(--btn-info-color);
}
div.ccm-page .btn.btn-warning {
  color: var(--btn-warning-color);
  background-color: var(--btn-warning-color-bg);
  border-color: var(--btn-warning-color-border-color);
}
div.ccm-page .btn.btn-warning.btn-inline,
div.ccm-page .btn.btn-warning.btn-link,
div.ccm-page .btn.btn-warning.btn-link.btn-inline {
  color: var(--btn-warning-color-bg);
}
div.ccm-page .btn.btn-warning.btn-inline.is-active,
div.ccm-page .btn.btn-warning.btn-link.is-active,
div.ccm-page .btn.btn-warning.btn-link.btn-inline.is-active,
div.ccm-page .btn.btn-warning.btn-inline:active,
div.ccm-page .btn.btn-warning.btn-link:active,
div.ccm-page .btn.btn-warning.btn-link.btn-inline:active,
div.ccm-page .btn.btn-warning.btn-inline.active,
div.ccm-page .btn.btn-warning.btn-link.active,
div.ccm-page .btn.btn-warning.btn-link.btn-inline.active,
div.ccm-page .btn.btn-warning.btn-inline:hover,
div.ccm-page .btn.btn-warning.btn-link:hover,
div.ccm-page .btn.btn-warning.btn-link.btn-inline:hover,
div.ccm-page .btn.btn-warning.btn-inline:focus,
div.ccm-page .btn.btn-warning.btn-link:focus,
div.ccm-page .btn.btn-warning.btn-link.btn-inline:focus {
  color: var(--btn-warning-color-bg-hover);
}
div.ccm-page .btn.btn-warning.btn-default.btn-inline,
div.ccm-page .btn.btn-warning.btn-default.btn-link,
div.ccm-page .btn.btn-warning.btn-default.btn-link.btn-inline {
  color: var(--btn-warning-color);
}
div.ccm-page .btn.btn-warning.btn-default.btn-inline:hover,
div.ccm-page .btn.btn-warning.btn-default.btn-link:hover,
div.ccm-page .btn.btn-warning.btn-default.btn-link.btn-inline:hover,
div.ccm-page .btn.btn-warning.btn-default.btn-inline:focus,
div.ccm-page .btn.btn-warning.btn-default.btn-link:focus,
div.ccm-page .btn.btn-warning.btn-default.btn-link.btn-inline:focus,
div.ccm-page .btn.btn-warning.btn-default.btn-inline.is-active,
div.ccm-page .btn.btn-warning.btn-default.btn-link.is-active,
div.ccm-page .btn.btn-warning.btn-default.btn-link.btn-inline.is-active,
div.ccm-page .btn.btn-warning.btn-default.btn-inline:active,
div.ccm-page .btn.btn-warning.btn-default.btn-link:active,
div.ccm-page .btn.btn-warning.btn-default.btn-link.btn-inline:active,
div.ccm-page .btn.btn-warning.btn-default.btn-inline.active,
div.ccm-page .btn.btn-warning.btn-default.btn-link.active,
div.ccm-page .btn.btn-warning.btn-default.btn-link.btn-inline.active {
  color: var(--btn-warning-color);
}
div.ccm-page .btn.btn-warning.btn-reverse {
  color: var(--btn-warning-color);
  background-color: var(--btn-warning-color-bg-hover);
  border-color: var(--btn-warning-color-border-hover);
}
div.ccm-page .btn.btn-warning.btn-reverse:hover,
div.ccm-page .btn.btn-warning.btn-reverse:focus,
div.ccm-page .btn.btn-warning.btn-reverse.is-active,
div.ccm-page .btn.btn-warning.btn-reverse:active,
div.ccm-page .btn.btn-warning.btn-reverse.active {
  color: var(--btn-warning-color);
  background-color: var(--btn-warning-color-bg);
  border-color: var(--btn-warning-color-border-color);
}
div.ccm-page .btn.btn-warning.btn-outline,
div.ccm-page .btn.btn-warning.mod-ghost {
  border-color: var(--btn-warning-color-bg);
  background-color: transparent;
  color: var(--btn-warning-color-bg);
}
div.ccm-page .btn.btn-warning.btn-outline.btn-default,
div.ccm-page .btn.btn-warning.mod-ghost.btn-default {
  color: var(--btn-warning-color);
}
div.ccm-page .btn.btn-warning.btn-outline:hover,
div.ccm-page .btn.btn-warning.mod-ghost:hover,
div.ccm-page .btn.btn-warning.btn-outline:focus,
div.ccm-page .btn.btn-warning.mod-ghost:focus {
  background-color: var(--btn-warning-color-bg);
  border-color: var(--btn-warning-color-border-color);
}
div.ccm-page .btn.btn-warning.btn-outline.is-active,
div.ccm-page .btn.btn-warning.mod-ghost.is-active,
div.ccm-page .btn.btn-warning.btn-outline:active,
div.ccm-page .btn.btn-warning.mod-ghost:active,
div.ccm-page .btn.btn-warning.btn-outline.active,
div.ccm-page .btn.btn-warning.mod-ghost.active,
div.ccm-page .btn.btn-warning.btn-outline .open > .dropdown-toggle,
div.ccm-page .btn.btn-warning.mod-ghost .open > .dropdown-toggle {
  color: var(--btn-warning-color);
  background-color: var(--btn-warning-color-bg-hover);
  border-color: var(--btn-warning-color-border-hover);
}
div.ccm-page .btn.btn-warning.btn-outline-reverse {
  color: var(--btn-warning-color);
  background-color: var(--btn-warning-color-bg-hover);
  border-color: var(--btn-warning-color-border-hover);
}
div.ccm-page .btn.btn-warning.btn-outline-reverse:hover,
div.ccm-page .btn.btn-warning.btn-outline-reverse:focus,
div.ccm-page .btn.btn-warning.btn-outline-reverse.is-active,
div.ccm-page .btn.btn-warning.btn-outline-reverse:active,
div.ccm-page .btn.btn-warning.btn-outline-reverse.active {
  border-color: var(--btn-warning-color-border-color);
  background-color: transparent;
  color: var(--btn-warning-color-bg);
}
div.ccm-page .btn.btn-warning.btn-outline-reverse.btn-default:hover,
div.ccm-page .btn.btn-warning.btn-outline-reverse.btn-default:focus,
div.ccm-page .btn.btn-warning.btn-outline-reverse.btn-default.is-active,
div.ccm-page .btn.btn-warning.btn-outline-reverse.btn-default:active,
div.ccm-page .btn.btn-warning.btn-outline-reverse.btn-default.active {
  color: var(--btn-warning-color-hover);
}
div.ccm-page .btn.btn-warning.btn-outline-inverse,
div.ccm-page .btn.btn-warning.mod-ghost-reverse {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
div.ccm-page .btn.btn-warning.btn-outline-inverse:hover,
div.ccm-page .btn.btn-warning.mod-ghost-reverse:hover,
div.ccm-page .btn.btn-warning.btn-outline-inverse:focus,
div.ccm-page .btn.btn-warning.mod-ghost-reverse:focus,
div.ccm-page .btn.btn-warning.btn-outline-inverse.is-active,
div.ccm-page .btn.btn-warning.mod-ghost-reverse.is-active,
div.ccm-page .btn.btn-warning.btn-outline-inverse:active,
div.ccm-page .btn.btn-warning.mod-ghost-reverse:active,
div.ccm-page .btn.btn-warning.btn-outline-inverse.active,
div.ccm-page .btn.btn-warning.mod-ghost-reverse.active {
  background-color: transparent;
  border-color: var(--btn-warning-color-bg);
  color: var(--btn-warning-color-bg);
}
div.ccm-page .btn.btn-warning.btn-outline-inverse.btn-default:hover,
div.ccm-page .btn.btn-warning.mod-ghost-reverse.btn-default:hover,
div.ccm-page .btn.btn-warning.btn-outline-inverse.btn-default:focus,
div.ccm-page .btn.btn-warning.mod-ghost-reverse.btn-default:focus,
div.ccm-page .btn.btn-warning.btn-outline-inverse.btn-default.is-active,
div.ccm-page .btn.btn-warning.mod-ghost-reverse.btn-default.is-active,
div.ccm-page .btn.btn-warning.btn-outline-inverse.btn-default:active,
div.ccm-page .btn.btn-warning.mod-ghost-reverse.btn-default:active,
div.ccm-page .btn.btn-warning.btn-outline-inverse.btn-default.active,
div.ccm-page .btn.btn-warning.mod-ghost-reverse.btn-default.active {
  border-color: var(--btn-warning-color-border-hover);
  color: var(--btn-warning-color-hover);
}
div.ccm-page .btn.btn-warning.btn-unfill {
  background-color: transparent;
  border-color: transparent;
  color: var(--btn-warning-color-bg);
}
div.ccm-page .btn.btn-warning.btn-unfill.is-active,
div.ccm-page .btn.btn-warning.btn-unfill:active,
div.ccm-page .btn.btn-warning.btn-unfill.active,
div.ccm-page .btn.btn-warning.btn-unfill:hover,
div.ccm-page .btn.btn-warning.btn-unfill:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--btn-warning-color-bg-hover);
}
div.ccm-page .btn.btn-warning.btn-unfill.btn-default {
  color: var(--btn-warning-color);
}
div.ccm-page .btn.btn-warning.btn-unfill.btn-default.is-active,
div.ccm-page .btn.btn-warning.btn-unfill.btn-default:active,
div.ccm-page .btn.btn-warning.btn-unfill.btn-default.active,
div.ccm-page .btn.btn-warning.btn-unfill.btn-default:hover,
div.ccm-page .btn.btn-warning.btn-unfill.btn-default:focus {
  color: var(--btn-warning-color-hover);
}
div.ccm-page .btn.btn-warning.btn-inverse,
div.ccm-page .btn.btn-warning.mod-reverse {
  color: var(--btn-warning-color-bg);
  background-color: #ffffff;
  border-color: #ffffff;
}
div.ccm-page .btn.btn-warning.btn-inverse:hover,
div.ccm-page .btn.btn-warning.mod-reverse:hover,
div.ccm-page .btn.btn-warning.btn-inverse:focus,
div.ccm-page .btn.btn-warning.mod-reverse:focus,
div.ccm-page .btn.btn-warning.btn-inverse.is-active,
div.ccm-page .btn.btn-warning.mod-reverse.is-active,
div.ccm-page .btn.btn-warning.btn-inverse:active,
div.ccm-page .btn.btn-warning.mod-reverse:active,
div.ccm-page .btn.btn-warning.btn-inverse.active,
div.ccm-page .btn.btn-warning.mod-reverse.active {
  border-color: var(--btn-warning-color-bg-hover);
}
div.ccm-page .btn.btn-warning.btn-inverse.btn-default,
div.ccm-page .btn.btn-warning.mod-reverse.btn-default {
  color: var(--btn-warning-color);
}
div.ccm-page .btn.btn-warning:focus,
div.ccm-page .btn.btn-warning.focus {
  color: var(--btn-warning-color-hover);
  background-color: var(--btn-warning-color-bg-hover);
  border-color: var(--btn-warning-color-border-focus);
}
div.ccm-page .btn.btn-warning:hover {
  color: var(--btn-warning-color-hover);
  background-color: var(--btn-warning-color-bg-hover);
  border-color: var(--btn-warning-color-border-hover);
}
div.ccm-page .btn.btn-warning.is-active,
div.ccm-page .btn.btn-warning:active,
div.ccm-page .btn.btn-warning.active,
div.ccm-page .btn.btn-warning .open > .dropdown-toggle {
  color: var(--btn-warning-color);
  background-color: var(--btn-warning-color-bg-hover);
  border-color: var(--btn-warning-color-border-hover);
}
div.ccm-page .btn.btn-warning.is-active,
div.ccm-page .btn.btn-warning:active,
div.ccm-page .btn.btn-warning.active .open > .dropdown-toggle {
  background-image: none;
}
div.ccm-page .btn.btn-warning.disabled:hover,
div.ccm-page .btn.btn-warning[disabled]:hover,
fieldset[disabled] div.ccm-page .btn.btn-warning:hover,
div.ccm-page .btn.btn-warning.disabled:focus,
div.ccm-page .btn.btn-warning[disabled]:focus,
fieldset[disabled] div.ccm-page .btn.btn-warning:focus,
div.ccm-page .btn.btn-warning.disabled.focus,
div.ccm-page .btn.btn-warning[disabled].focus,
fieldset[disabled] div.ccm-page .btn.btn-warning.focus {
  background-color: var(--btn-warning-color-bg);
  border-color: var(--btn-warning-color-border-color);
}
div.ccm-page .btn.btn-warning.is-loading:not(.btn-inline) {
  color: transparent;
}
div.ccm-page .btn.btn-warning.is-loading:after {
  border: 2px solid var(--type-reverse-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-warning.is-loading.btn-link:after,
div.ccm-page .btn.btn-warning.is-loading.btn-outline:after,
div.ccm-page .btn.btn-warning.is-loading.btn-unfill:after,
div.ccm-page .btn.btn-warning.is-loading.btn-inverse:after {
  border: 2px solid var(--btn-warning-color-bg);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-warning.is-loading.btn-default:after {
  border: 2px solid var(--btn-warning-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-warning.is-loading.btn-default.btn-outline-inverse:after {
  border: 2px solid var(--btn-warning-color-bg);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-warning.is-loading:focus,
div.ccm-page .btn.btn-warning.is-loading:active {
  /*&:after when (lightness(@background) >= 50%) {
                border: 2px solid var(--type-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }
            &:after when (lightness(@background) < 50%) {
                border: 2px solid var(--type-reverse-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }*/
}
div.ccm-page .btn.btn-warning.is-loading:focus:after,
div.ccm-page .btn.btn-warning.is-loading:active:after {
  border: 2px solid var(--type-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-warning .badge {
  color: var(--btn-warning-color-bg);
  background-color: var(--btn-warning-color);
}
div.ccm-page .btn.btn-danger {
  color: var(--btn-danger-color);
  background-color: var(--btn-danger-color-bg);
  border-color: var(--btn-danger-color-border-color);
}
div.ccm-page .btn.btn-danger.btn-inline,
div.ccm-page .btn.btn-danger.btn-link,
div.ccm-page .btn.btn-danger.btn-link.btn-inline {
  color: var(--btn-danger-color-bg);
}
div.ccm-page .btn.btn-danger.btn-inline.is-active,
div.ccm-page .btn.btn-danger.btn-link.is-active,
div.ccm-page .btn.btn-danger.btn-link.btn-inline.is-active,
div.ccm-page .btn.btn-danger.btn-inline:active,
div.ccm-page .btn.btn-danger.btn-link:active,
div.ccm-page .btn.btn-danger.btn-link.btn-inline:active,
div.ccm-page .btn.btn-danger.btn-inline.active,
div.ccm-page .btn.btn-danger.btn-link.active,
div.ccm-page .btn.btn-danger.btn-link.btn-inline.active,
div.ccm-page .btn.btn-danger.btn-inline:hover,
div.ccm-page .btn.btn-danger.btn-link:hover,
div.ccm-page .btn.btn-danger.btn-link.btn-inline:hover,
div.ccm-page .btn.btn-danger.btn-inline:focus,
div.ccm-page .btn.btn-danger.btn-link:focus,
div.ccm-page .btn.btn-danger.btn-link.btn-inline:focus {
  color: var(--btn-danger-color-bg-hover);
}
div.ccm-page .btn.btn-danger.btn-default.btn-inline,
div.ccm-page .btn.btn-danger.btn-default.btn-link,
div.ccm-page .btn.btn-danger.btn-default.btn-link.btn-inline {
  color: var(--btn-danger-color);
}
div.ccm-page .btn.btn-danger.btn-default.btn-inline:hover,
div.ccm-page .btn.btn-danger.btn-default.btn-link:hover,
div.ccm-page .btn.btn-danger.btn-default.btn-link.btn-inline:hover,
div.ccm-page .btn.btn-danger.btn-default.btn-inline:focus,
div.ccm-page .btn.btn-danger.btn-default.btn-link:focus,
div.ccm-page .btn.btn-danger.btn-default.btn-link.btn-inline:focus,
div.ccm-page .btn.btn-danger.btn-default.btn-inline.is-active,
div.ccm-page .btn.btn-danger.btn-default.btn-link.is-active,
div.ccm-page .btn.btn-danger.btn-default.btn-link.btn-inline.is-active,
div.ccm-page .btn.btn-danger.btn-default.btn-inline:active,
div.ccm-page .btn.btn-danger.btn-default.btn-link:active,
div.ccm-page .btn.btn-danger.btn-default.btn-link.btn-inline:active,
div.ccm-page .btn.btn-danger.btn-default.btn-inline.active,
div.ccm-page .btn.btn-danger.btn-default.btn-link.active,
div.ccm-page .btn.btn-danger.btn-default.btn-link.btn-inline.active {
  color: var(--btn-danger-color);
}
div.ccm-page .btn.btn-danger.btn-reverse {
  color: var(--btn-danger-color);
  background-color: var(--btn-danger-color-bg-hover);
  border-color: var(--btn-danger-color-border-hover);
}
div.ccm-page .btn.btn-danger.btn-reverse:hover,
div.ccm-page .btn.btn-danger.btn-reverse:focus,
div.ccm-page .btn.btn-danger.btn-reverse.is-active,
div.ccm-page .btn.btn-danger.btn-reverse:active,
div.ccm-page .btn.btn-danger.btn-reverse.active {
  color: var(--btn-danger-color);
  background-color: var(--btn-danger-color-bg);
  border-color: var(--btn-danger-color-border-color);
}
div.ccm-page .btn.btn-danger.btn-outline,
div.ccm-page .btn.btn-danger.mod-ghost {
  border-color: var(--btn-danger-color-bg);
  background-color: transparent;
  color: var(--btn-danger-color-bg);
}
div.ccm-page .btn.btn-danger.btn-outline.btn-default,
div.ccm-page .btn.btn-danger.mod-ghost.btn-default {
  color: var(--btn-danger-color);
}
div.ccm-page .btn.btn-danger.btn-outline:hover,
div.ccm-page .btn.btn-danger.mod-ghost:hover,
div.ccm-page .btn.btn-danger.btn-outline:focus,
div.ccm-page .btn.btn-danger.mod-ghost:focus {
  background-color: var(--btn-danger-color-bg);
  border-color: var(--btn-danger-color-border-color);
}
div.ccm-page .btn.btn-danger.btn-outline.is-active,
div.ccm-page .btn.btn-danger.mod-ghost.is-active,
div.ccm-page .btn.btn-danger.btn-outline:active,
div.ccm-page .btn.btn-danger.mod-ghost:active,
div.ccm-page .btn.btn-danger.btn-outline.active,
div.ccm-page .btn.btn-danger.mod-ghost.active,
div.ccm-page .btn.btn-danger.btn-outline .open > .dropdown-toggle,
div.ccm-page .btn.btn-danger.mod-ghost .open > .dropdown-toggle {
  color: var(--btn-danger-color);
  background-color: var(--btn-danger-color-bg-hover);
  border-color: var(--btn-danger-color-border-hover);
}
div.ccm-page .btn.btn-danger.btn-outline-reverse {
  color: var(--btn-danger-color);
  background-color: var(--btn-danger-color-bg-hover);
  border-color: var(--btn-danger-color-border-hover);
}
div.ccm-page .btn.btn-danger.btn-outline-reverse:hover,
div.ccm-page .btn.btn-danger.btn-outline-reverse:focus,
div.ccm-page .btn.btn-danger.btn-outline-reverse.is-active,
div.ccm-page .btn.btn-danger.btn-outline-reverse:active,
div.ccm-page .btn.btn-danger.btn-outline-reverse.active {
  border-color: var(--btn-danger-color-border-color);
  background-color: transparent;
  color: var(--btn-danger-color-bg);
}
div.ccm-page .btn.btn-danger.btn-outline-reverse.btn-default:hover,
div.ccm-page .btn.btn-danger.btn-outline-reverse.btn-default:focus,
div.ccm-page .btn.btn-danger.btn-outline-reverse.btn-default.is-active,
div.ccm-page .btn.btn-danger.btn-outline-reverse.btn-default:active,
div.ccm-page .btn.btn-danger.btn-outline-reverse.btn-default.active {
  color: var(--btn-danger-color-hover);
}
div.ccm-page .btn.btn-danger.btn-outline-inverse,
div.ccm-page .btn.btn-danger.mod-ghost-reverse {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
div.ccm-page .btn.btn-danger.btn-outline-inverse:hover,
div.ccm-page .btn.btn-danger.mod-ghost-reverse:hover,
div.ccm-page .btn.btn-danger.btn-outline-inverse:focus,
div.ccm-page .btn.btn-danger.mod-ghost-reverse:focus,
div.ccm-page .btn.btn-danger.btn-outline-inverse.is-active,
div.ccm-page .btn.btn-danger.mod-ghost-reverse.is-active,
div.ccm-page .btn.btn-danger.btn-outline-inverse:active,
div.ccm-page .btn.btn-danger.mod-ghost-reverse:active,
div.ccm-page .btn.btn-danger.btn-outline-inverse.active,
div.ccm-page .btn.btn-danger.mod-ghost-reverse.active {
  background-color: transparent;
  border-color: var(--btn-danger-color-bg);
  color: var(--btn-danger-color-bg);
}
div.ccm-page .btn.btn-danger.btn-outline-inverse.btn-default:hover,
div.ccm-page .btn.btn-danger.mod-ghost-reverse.btn-default:hover,
div.ccm-page .btn.btn-danger.btn-outline-inverse.btn-default:focus,
div.ccm-page .btn.btn-danger.mod-ghost-reverse.btn-default:focus,
div.ccm-page .btn.btn-danger.btn-outline-inverse.btn-default.is-active,
div.ccm-page .btn.btn-danger.mod-ghost-reverse.btn-default.is-active,
div.ccm-page .btn.btn-danger.btn-outline-inverse.btn-default:active,
div.ccm-page .btn.btn-danger.mod-ghost-reverse.btn-default:active,
div.ccm-page .btn.btn-danger.btn-outline-inverse.btn-default.active,
div.ccm-page .btn.btn-danger.mod-ghost-reverse.btn-default.active {
  border-color: var(--btn-danger-color-border-hover);
  color: var(--btn-danger-color-hover);
}
div.ccm-page .btn.btn-danger.btn-unfill {
  background-color: transparent;
  border-color: transparent;
  color: var(--btn-danger-color-bg);
}
div.ccm-page .btn.btn-danger.btn-unfill.is-active,
div.ccm-page .btn.btn-danger.btn-unfill:active,
div.ccm-page .btn.btn-danger.btn-unfill.active,
div.ccm-page .btn.btn-danger.btn-unfill:hover,
div.ccm-page .btn.btn-danger.btn-unfill:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--btn-danger-color-bg-hover);
}
div.ccm-page .btn.btn-danger.btn-unfill.btn-default {
  color: var(--btn-danger-color);
}
div.ccm-page .btn.btn-danger.btn-unfill.btn-default.is-active,
div.ccm-page .btn.btn-danger.btn-unfill.btn-default:active,
div.ccm-page .btn.btn-danger.btn-unfill.btn-default.active,
div.ccm-page .btn.btn-danger.btn-unfill.btn-default:hover,
div.ccm-page .btn.btn-danger.btn-unfill.btn-default:focus {
  color: var(--btn-danger-color-hover);
}
div.ccm-page .btn.btn-danger.btn-inverse,
div.ccm-page .btn.btn-danger.mod-reverse {
  color: var(--btn-danger-color-bg);
  background-color: #ffffff;
  border-color: #ffffff;
}
div.ccm-page .btn.btn-danger.btn-inverse:hover,
div.ccm-page .btn.btn-danger.mod-reverse:hover,
div.ccm-page .btn.btn-danger.btn-inverse:focus,
div.ccm-page .btn.btn-danger.mod-reverse:focus,
div.ccm-page .btn.btn-danger.btn-inverse.is-active,
div.ccm-page .btn.btn-danger.mod-reverse.is-active,
div.ccm-page .btn.btn-danger.btn-inverse:active,
div.ccm-page .btn.btn-danger.mod-reverse:active,
div.ccm-page .btn.btn-danger.btn-inverse.active,
div.ccm-page .btn.btn-danger.mod-reverse.active {
  border-color: var(--btn-danger-color-bg-hover);
}
div.ccm-page .btn.btn-danger.btn-inverse.btn-default,
div.ccm-page .btn.btn-danger.mod-reverse.btn-default {
  color: var(--btn-danger-color);
}
div.ccm-page .btn.btn-danger:focus,
div.ccm-page .btn.btn-danger.focus {
  color: var(--btn-danger-color-hover);
  background-color: var(--btn-danger-color-bg-hover);
  border-color: var(--btn-danger-color-border-focus);
}
div.ccm-page .btn.btn-danger:hover {
  color: var(--btn-danger-color-hover);
  background-color: var(--btn-danger-color-bg-hover);
  border-color: var(--btn-danger-color-border-hover);
}
div.ccm-page .btn.btn-danger.is-active,
div.ccm-page .btn.btn-danger:active,
div.ccm-page .btn.btn-danger.active,
div.ccm-page .btn.btn-danger .open > .dropdown-toggle {
  color: var(--btn-danger-color);
  background-color: var(--btn-danger-color-bg-hover);
  border-color: var(--btn-danger-color-border-hover);
}
div.ccm-page .btn.btn-danger.is-active,
div.ccm-page .btn.btn-danger:active,
div.ccm-page .btn.btn-danger.active .open > .dropdown-toggle {
  background-image: none;
}
div.ccm-page .btn.btn-danger.disabled:hover,
div.ccm-page .btn.btn-danger[disabled]:hover,
fieldset[disabled] div.ccm-page .btn.btn-danger:hover,
div.ccm-page .btn.btn-danger.disabled:focus,
div.ccm-page .btn.btn-danger[disabled]:focus,
fieldset[disabled] div.ccm-page .btn.btn-danger:focus,
div.ccm-page .btn.btn-danger.disabled.focus,
div.ccm-page .btn.btn-danger[disabled].focus,
fieldset[disabled] div.ccm-page .btn.btn-danger.focus {
  background-color: var(--btn-danger-color-bg);
  border-color: var(--btn-danger-color-border-color);
}
div.ccm-page .btn.btn-danger.is-loading:not(.btn-inline) {
  color: transparent;
}
div.ccm-page .btn.btn-danger.is-loading:after {
  border: 2px solid var(--type-reverse-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-danger.is-loading.btn-link:after,
div.ccm-page .btn.btn-danger.is-loading.btn-outline:after,
div.ccm-page .btn.btn-danger.is-loading.btn-unfill:after,
div.ccm-page .btn.btn-danger.is-loading.btn-inverse:after {
  border: 2px solid var(--btn-danger-color-bg);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-danger.is-loading.btn-default:after {
  border: 2px solid var(--btn-danger-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-danger.is-loading.btn-default.btn-outline-inverse:after {
  border: 2px solid var(--btn-danger-color-bg);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-danger.is-loading:focus,
div.ccm-page .btn.btn-danger.is-loading:active {
  /*&:after when (lightness(@background) >= 50%) {
                border: 2px solid var(--type-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }
            &:after when (lightness(@background) < 50%) {
                border: 2px solid var(--type-reverse-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }*/
}
div.ccm-page .btn.btn-danger.is-loading:focus:after,
div.ccm-page .btn.btn-danger.is-loading:active:after {
  border: 2px solid var(--type-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-danger .badge {
  color: var(--btn-danger-color-bg);
  background-color: var(--btn-danger-color);
}
div.ccm-page .btn.btn-white-outline {
  color: var(--type-reverse-color);
  background-color: transparent;
  border-color: var(--type-reverse-color);
}
div.ccm-page .btn.btn-white-outline.btn-inline,
div.ccm-page .btn.btn-white-outline.btn-link,
div.ccm-page .btn.btn-white-outline.btn-link.btn-inline {
  color: transparent;
}
div.ccm-page .btn.btn-white-outline.btn-inline.is-active,
div.ccm-page .btn.btn-white-outline.btn-link.is-active,
div.ccm-page .btn.btn-white-outline.btn-link.btn-inline.is-active,
div.ccm-page .btn.btn-white-outline.btn-inline:active,
div.ccm-page .btn.btn-white-outline.btn-link:active,
div.ccm-page .btn.btn-white-outline.btn-link.btn-inline:active,
div.ccm-page .btn.btn-white-outline.btn-inline.active,
div.ccm-page .btn.btn-white-outline.btn-link.active,
div.ccm-page .btn.btn-white-outline.btn-link.btn-inline.active,
div.ccm-page .btn.btn-white-outline.btn-inline:hover,
div.ccm-page .btn.btn-white-outline.btn-link:hover,
div.ccm-page .btn.btn-white-outline.btn-link.btn-inline:hover,
div.ccm-page .btn.btn-white-outline.btn-inline:focus,
div.ccm-page .btn.btn-white-outline.btn-link:focus,
div.ccm-page .btn.btn-white-outline.btn-link.btn-inline:focus {
  color: var(--neutral-lightest-color);
}
div.ccm-page .btn.btn-white-outline.btn-default.btn-inline,
div.ccm-page .btn.btn-white-outline.btn-default.btn-link,
div.ccm-page .btn.btn-white-outline.btn-default.btn-link.btn-inline {
  color: var(--type-reverse-color);
}
div.ccm-page .btn.btn-white-outline.btn-default.btn-inline:hover,
div.ccm-page .btn.btn-white-outline.btn-default.btn-link:hover,
div.ccm-page .btn.btn-white-outline.btn-default.btn-link.btn-inline:hover,
div.ccm-page .btn.btn-white-outline.btn-default.btn-inline:focus,
div.ccm-page .btn.btn-white-outline.btn-default.btn-link:focus,
div.ccm-page .btn.btn-white-outline.btn-default.btn-link.btn-inline:focus,
div.ccm-page .btn.btn-white-outline.btn-default.btn-inline.is-active,
div.ccm-page .btn.btn-white-outline.btn-default.btn-link.is-active,
div.ccm-page .btn.btn-white-outline.btn-default.btn-link.btn-inline.is-active,
div.ccm-page .btn.btn-white-outline.btn-default.btn-inline:active,
div.ccm-page .btn.btn-white-outline.btn-default.btn-link:active,
div.ccm-page .btn.btn-white-outline.btn-default.btn-link.btn-inline:active,
div.ccm-page .btn.btn-white-outline.btn-default.btn-inline.active,
div.ccm-page .btn.btn-white-outline.btn-default.btn-link.active,
div.ccm-page .btn.btn-white-outline.btn-default.btn-link.btn-inline.active {
  color: var(--type-reverse-color);
}
div.ccm-page .btn.btn-white-outline.btn-reverse {
  color: var(--type-reverse-color);
  background-color: var(--neutral-lightest-color);
  border-color: var(--type-reverse-color);
}
div.ccm-page .btn.btn-white-outline.btn-reverse:hover,
div.ccm-page .btn.btn-white-outline.btn-reverse:focus,
div.ccm-page .btn.btn-white-outline.btn-reverse.is-active,
div.ccm-page .btn.btn-white-outline.btn-reverse:active,
div.ccm-page .btn.btn-white-outline.btn-reverse.active {
  color: var(--type-reverse-color);
  background-color: transparent;
  border-color: var(--type-reverse-color);
}
div.ccm-page .btn.btn-white-outline.btn-outline,
div.ccm-page .btn.btn-white-outline.mod-ghost {
  border-color: transparent;
  background-color: transparent;
  color: transparent;
}
div.ccm-page .btn.btn-white-outline.btn-outline.btn-default,
div.ccm-page .btn.btn-white-outline.mod-ghost.btn-default {
  color: var(--type-reverse-color);
}
div.ccm-page .btn.btn-white-outline.btn-outline:hover,
div.ccm-page .btn.btn-white-outline.mod-ghost:hover,
div.ccm-page .btn.btn-white-outline.btn-outline:focus,
div.ccm-page .btn.btn-white-outline.mod-ghost:focus {
  background-color: transparent;
  border-color: var(--type-reverse-color);
}
div.ccm-page .btn.btn-white-outline.btn-outline.is-active,
div.ccm-page .btn.btn-white-outline.mod-ghost.is-active,
div.ccm-page .btn.btn-white-outline.btn-outline:active,
div.ccm-page .btn.btn-white-outline.mod-ghost:active,
div.ccm-page .btn.btn-white-outline.btn-outline.active,
div.ccm-page .btn.btn-white-outline.mod-ghost.active,
div.ccm-page .btn.btn-white-outline.btn-outline .open > .dropdown-toggle,
div.ccm-page .btn.btn-white-outline.mod-ghost .open > .dropdown-toggle {
  color: var(--type-reverse-color);
  background-color: var(--neutral-lightest-color);
  border-color: var(--type-reverse-color);
}
div.ccm-page .btn.btn-white-outline.btn-outline-reverse {
  color: var(--type-reverse-color);
  background-color: var(--neutral-lightest-color);
  border-color: var(--type-reverse-color);
}
div.ccm-page .btn.btn-white-outline.btn-outline-reverse:hover,
div.ccm-page .btn.btn-white-outline.btn-outline-reverse:focus,
div.ccm-page .btn.btn-white-outline.btn-outline-reverse.is-active,
div.ccm-page .btn.btn-white-outline.btn-outline-reverse:active,
div.ccm-page .btn.btn-white-outline.btn-outline-reverse.active {
  border-color: var(--type-reverse-color);
  background-color: transparent;
  color: transparent;
}
div.ccm-page .btn.btn-white-outline.btn-outline-reverse.btn-default:hover,
div.ccm-page .btn.btn-white-outline.btn-outline-reverse.btn-default:focus,
div.ccm-page .btn.btn-white-outline.btn-outline-reverse.btn-default.is-active,
div.ccm-page .btn.btn-white-outline.btn-outline-reverse.btn-default:active,
div.ccm-page .btn.btn-white-outline.btn-outline-reverse.btn-default.active {
  color: var(--button-color);
}
div.ccm-page .btn.btn-white-outline.btn-outline-inverse,
div.ccm-page .btn.btn-white-outline.mod-ghost-reverse {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
div.ccm-page .btn.btn-white-outline.btn-outline-inverse:hover,
div.ccm-page .btn.btn-white-outline.mod-ghost-reverse:hover,
div.ccm-page .btn.btn-white-outline.btn-outline-inverse:focus,
div.ccm-page .btn.btn-white-outline.mod-ghost-reverse:focus,
div.ccm-page .btn.btn-white-outline.btn-outline-inverse.is-active,
div.ccm-page .btn.btn-white-outline.mod-ghost-reverse.is-active,
div.ccm-page .btn.btn-white-outline.btn-outline-inverse:active,
div.ccm-page .btn.btn-white-outline.mod-ghost-reverse:active,
div.ccm-page .btn.btn-white-outline.btn-outline-inverse.active,
div.ccm-page .btn.btn-white-outline.mod-ghost-reverse.active {
  background-color: transparent;
  border-color: transparent;
  color: transparent;
}
div.ccm-page .btn.btn-white-outline.btn-outline-inverse.btn-default:hover,
div.ccm-page .btn.btn-white-outline.mod-ghost-reverse.btn-default:hover,
div.ccm-page .btn.btn-white-outline.btn-outline-inverse.btn-default:focus,
div.ccm-page .btn.btn-white-outline.mod-ghost-reverse.btn-default:focus,
div.ccm-page .btn.btn-white-outline.btn-outline-inverse.btn-default.is-active,
div.ccm-page .btn.btn-white-outline.mod-ghost-reverse.btn-default.is-active,
div.ccm-page .btn.btn-white-outline.btn-outline-inverse.btn-default:active,
div.ccm-page .btn.btn-white-outline.mod-ghost-reverse.btn-default:active,
div.ccm-page .btn.btn-white-outline.btn-outline-inverse.btn-default.active,
div.ccm-page .btn.btn-white-outline.mod-ghost-reverse.btn-default.active {
  border-color: var(--type-reverse-color);
  color: var(--button-color);
}
div.ccm-page .btn.btn-white-outline.btn-unfill {
  background-color: transparent;
  border-color: transparent;
  color: transparent;
}
div.ccm-page .btn.btn-white-outline.btn-unfill.is-active,
div.ccm-page .btn.btn-white-outline.btn-unfill:active,
div.ccm-page .btn.btn-white-outline.btn-unfill.active,
div.ccm-page .btn.btn-white-outline.btn-unfill:hover,
div.ccm-page .btn.btn-white-outline.btn-unfill:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--neutral-lightest-color);
}
div.ccm-page .btn.btn-white-outline.btn-unfill.btn-default {
  color: var(--type-reverse-color);
}
div.ccm-page .btn.btn-white-outline.btn-unfill.btn-default.is-active,
div.ccm-page .btn.btn-white-outline.btn-unfill.btn-default:active,
div.ccm-page .btn.btn-white-outline.btn-unfill.btn-default.active,
div.ccm-page .btn.btn-white-outline.btn-unfill.btn-default:hover,
div.ccm-page .btn.btn-white-outline.btn-unfill.btn-default:focus {
  color: var(--button-color);
}
div.ccm-page .btn.btn-white-outline.btn-inverse,
div.ccm-page .btn.btn-white-outline.mod-reverse {
  color: transparent;
  background-color: #ffffff;
  border-color: #ffffff;
}
div.ccm-page .btn.btn-white-outline.btn-inverse:hover,
div.ccm-page .btn.btn-white-outline.mod-reverse:hover,
div.ccm-page .btn.btn-white-outline.btn-inverse:focus,
div.ccm-page .btn.btn-white-outline.mod-reverse:focus,
div.ccm-page .btn.btn-white-outline.btn-inverse.is-active,
div.ccm-page .btn.btn-white-outline.mod-reverse.is-active,
div.ccm-page .btn.btn-white-outline.btn-inverse:active,
div.ccm-page .btn.btn-white-outline.mod-reverse:active,
div.ccm-page .btn.btn-white-outline.btn-inverse.active,
div.ccm-page .btn.btn-white-outline.mod-reverse.active {
  border-color: var(--neutral-lightest-color);
}
div.ccm-page .btn.btn-white-outline.btn-inverse.btn-default,
div.ccm-page .btn.btn-white-outline.mod-reverse.btn-default {
  color: var(--type-reverse-color);
}
div.ccm-page .btn.btn-white-outline:focus,
div.ccm-page .btn.btn-white-outline.focus {
  color: var(--button-color);
  background-color: var(--neutral-lightest-color);
  border-color: var(--type-reverse-color);
}
div.ccm-page .btn.btn-white-outline:hover {
  color: var(--button-color);
  background-color: var(--neutral-lightest-color);
  border-color: var(--type-reverse-color);
}
div.ccm-page .btn.btn-white-outline.is-active,
div.ccm-page .btn.btn-white-outline:active,
div.ccm-page .btn.btn-white-outline.active,
div.ccm-page .btn.btn-white-outline .open > .dropdown-toggle {
  color: var(--type-reverse-color);
  background-color: var(--neutral-lightest-color);
  border-color: var(--type-reverse-color);
}
div.ccm-page .btn.btn-white-outline.is-active,
div.ccm-page .btn.btn-white-outline:active,
div.ccm-page .btn.btn-white-outline.active .open > .dropdown-toggle {
  background-image: none;
}
div.ccm-page .btn.btn-white-outline.disabled:hover,
div.ccm-page .btn.btn-white-outline[disabled]:hover,
fieldset[disabled] div.ccm-page .btn.btn-white-outline:hover,
div.ccm-page .btn.btn-white-outline.disabled:focus,
div.ccm-page .btn.btn-white-outline[disabled]:focus,
fieldset[disabled] div.ccm-page .btn.btn-white-outline:focus,
div.ccm-page .btn.btn-white-outline.disabled.focus,
div.ccm-page .btn.btn-white-outline[disabled].focus,
fieldset[disabled] div.ccm-page .btn.btn-white-outline.focus {
  background-color: transparent;
  border-color: var(--type-reverse-color);
}
div.ccm-page .btn.btn-white-outline.is-loading:not(.btn-inline) {
  color: transparent;
}
div.ccm-page .btn.btn-white-outline.is-loading:after {
  border: 2px solid var(--type-reverse-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-white-outline.is-loading.btn-link:after,
div.ccm-page .btn.btn-white-outline.is-loading.btn-outline:after,
div.ccm-page .btn.btn-white-outline.is-loading.btn-unfill:after,
div.ccm-page .btn.btn-white-outline.is-loading.btn-inverse:after {
  border: 2px solid transparent;
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-white-outline.is-loading.btn-default:after {
  border: 2px solid var(--type-reverse-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-white-outline.is-loading.btn-default.btn-outline-inverse:after {
  border: 2px solid transparent;
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-white-outline.is-loading:focus,
div.ccm-page .btn.btn-white-outline.is-loading:active {
  /*&:after when (lightness(@background) >= 50%) {
                border: 2px solid var(--type-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }
            &:after when (lightness(@background) < 50%) {
                border: 2px solid var(--type-reverse-color);
                border-right-color: transparent;
                border-top-color: transparent;
            }*/
}
div.ccm-page .btn.btn-white-outline.is-loading:focus:after,
div.ccm-page .btn.btn-white-outline.is-loading:active:after {
  border: 2px solid var(--type-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .btn.btn-white-outline .badge {
  color: transparent;
  background-color: var(--type-reverse-color);
}
div.ccm-page .btn.btn-link,
div.ccm-page .btn.mod-link,
div.ccm-page .btn.btn-link.btn-inline,
div.ccm-page .btn.mod-link.btn-inline {
  background-color: transparent;
  color: var(--link-color);
  font-family: var(--link-font-family);
  font-weight: var(--link-font-weight);
  text-decoration: var(--link-decoration);
}
div.ccm-page .btn.btn-link:active,
div.ccm-page .btn.mod-link:active,
div.ccm-page .btn.btn-link.btn-inline:active,
div.ccm-page .btn.mod-link.btn-inline:active,
div.ccm-page .btn.btn-link:hover,
div.ccm-page .btn.mod-link:hover,
div.ccm-page .btn.btn-link.btn-inline:hover,
div.ccm-page .btn.mod-link.btn-inline:hover {
  outline: 0;
}
div.ccm-page .btn.btn-link:hover,
div.ccm-page .btn.mod-link:hover,
div.ccm-page .btn.btn-link.btn-inline:hover,
div.ccm-page .btn.mod-link.btn-inline:hover,
div.ccm-page .btn.btn-link:focus,
div.ccm-page .btn.mod-link:focus,
div.ccm-page .btn.btn-link.btn-inline:focus,
div.ccm-page .btn.mod-link.btn-inline:focus {
  color: var(--link-hover-color);
  text-decoration: var(--link-hover-decoration);
  background-color: var(--link-hover-bg);
}
div.ccm-page .btn.btn-link:visited,
div.ccm-page .btn.mod-link:visited,
div.ccm-page .btn.btn-link.btn-inline:visited,
div.ccm-page .btn.mod-link.btn-inline:visited {
  color: var(--link-color-visited);
}
div.ccm-page .btn.btn-link.mod-reverse,
div.ccm-page .btn.mod-link.mod-reverse,
div.ccm-page .btn.btn-link.btn-inline.mod-reverse,
div.ccm-page .btn.mod-link.btn-inline.mod-reverse,
div.ccm-page .btn.btn-link.btn-inverse,
div.ccm-page .btn.mod-link.btn-inverse,
div.ccm-page .btn.btn-link.btn-inline.btn-inverse,
div.ccm-page .btn.mod-link.btn-inline.btn-inverse {
  color: var(--link-color-rev);
}
div.ccm-page .btn.btn-link.mod-reverse:hover,
div.ccm-page .btn.mod-link.mod-reverse:hover,
div.ccm-page .btn.btn-link.btn-inline.mod-reverse:hover,
div.ccm-page .btn.mod-link.btn-inline.mod-reverse:hover,
div.ccm-page .btn.btn-link.btn-inverse:hover,
div.ccm-page .btn.mod-link.btn-inverse:hover,
div.ccm-page .btn.btn-link.btn-inline.btn-inverse:hover,
div.ccm-page .btn.mod-link.btn-inline.btn-inverse:hover,
div.ccm-page .btn.btn-link.mod-reverse:focus,
div.ccm-page .btn.mod-link.mod-reverse:focus,
div.ccm-page .btn.btn-link.btn-inline.mod-reverse:focus,
div.ccm-page .btn.mod-link.btn-inline.mod-reverse:focus,
div.ccm-page .btn.btn-link.btn-inverse:focus,
div.ccm-page .btn.mod-link.btn-inverse:focus,
div.ccm-page .btn.btn-link.btn-inline.btn-inverse:focus,
div.ccm-page .btn.mod-link.btn-inline.btn-inverse:focus {
  color: var(--link-color-rev-hover);
}
div.ccm-page .btn.btn-link.link-main,
div.ccm-page .btn.mod-link.link-main,
div.ccm-page .btn.btn-link.btn-inline.link-main,
div.ccm-page .btn.mod-link.btn-inline.link-main {
  color: var(--link-color-main);
}
div.ccm-page .btn.btn-link.link-main:hover,
div.ccm-page .btn.mod-link.link-main:hover,
div.ccm-page .btn.btn-link.btn-inline.link-main:hover,
div.ccm-page .btn.mod-link.btn-inline.link-main:hover,
div.ccm-page .btn.btn-link.link-main:focus,
div.ccm-page .btn.mod-link.link-main:focus,
div.ccm-page .btn.btn-link.btn-inline.link-main:focus,
div.ccm-page .btn.mod-link.btn-inline.link-main:focus {
  color: var(--link-color-main-hover);
}
div.ccm-page .btn.btn-link.link-main.mod-reverse,
div.ccm-page .btn.mod-link.link-main.mod-reverse,
div.ccm-page .btn.btn-link.btn-inline.link-main.mod-reverse,
div.ccm-page .btn.mod-link.btn-inline.link-main.mod-reverse,
div.ccm-page .btn.btn-link.link-main.btn-inverse,
div.ccm-page .btn.mod-link.link-main.btn-inverse,
div.ccm-page .btn.btn-link.btn-inline.link-main.btn-inverse,
div.ccm-page .btn.mod-link.btn-inline.link-main.btn-inverse {
  color: var(--link-color-main-hover);
}
div.ccm-page .btn.btn-link.link-main.mod-reverse:hover,
div.ccm-page .btn.mod-link.link-main.mod-reverse:hover,
div.ccm-page .btn.btn-link.btn-inline.link-main.mod-reverse:hover,
div.ccm-page .btn.mod-link.btn-inline.link-main.mod-reverse:hover,
div.ccm-page .btn.btn-link.link-main.btn-inverse:hover,
div.ccm-page .btn.mod-link.link-main.btn-inverse:hover,
div.ccm-page .btn.btn-link.btn-inline.link-main.btn-inverse:hover,
div.ccm-page .btn.mod-link.btn-inline.link-main.btn-inverse:hover,
div.ccm-page .btn.btn-link.link-main.mod-reverse:focus,
div.ccm-page .btn.mod-link.link-main.mod-reverse:focus,
div.ccm-page .btn.btn-link.btn-inline.link-main.mod-reverse:focus,
div.ccm-page .btn.mod-link.btn-inline.link-main.mod-reverse:focus,
div.ccm-page .btn.btn-link.link-main.btn-inverse:focus,
div.ccm-page .btn.mod-link.link-main.btn-inverse:focus,
div.ccm-page .btn.btn-link.btn-inline.link-main.btn-inverse:focus,
div.ccm-page .btn.mod-link.btn-inline.link-main.btn-inverse:focus {
  color: var(--link-color-main);
}
div.ccm-page .btn.btn-link.link-secondary,
div.ccm-page .btn.mod-link.link-secondary,
div.ccm-page .btn.btn-link.btn-inline.link-secondary,
div.ccm-page .btn.mod-link.btn-inline.link-secondary {
  color: var(--link-color-secondary);
}
div.ccm-page .btn.btn-link.link-secondary:hover,
div.ccm-page .btn.mod-link.link-secondary:hover,
div.ccm-page .btn.btn-link.btn-inline.link-secondary:hover,
div.ccm-page .btn.mod-link.btn-inline.link-secondary:hover,
div.ccm-page .btn.btn-link.link-secondary:focus,
div.ccm-page .btn.mod-link.link-secondary:focus,
div.ccm-page .btn.btn-link.btn-inline.link-secondary:focus,
div.ccm-page .btn.mod-link.btn-inline.link-secondary:focus {
  color: var(--link-color-secondary-hover);
}
div.ccm-page .btn.btn-link.link-secondary.mod-reverse,
div.ccm-page .btn.mod-link.link-secondary.mod-reverse,
div.ccm-page .btn.btn-link.btn-inline.link-secondary.mod-reverse,
div.ccm-page .btn.mod-link.btn-inline.link-secondary.mod-reverse,
div.ccm-page .btn.btn-link.link-secondary.btn-inverse,
div.ccm-page .btn.mod-link.link-secondary.btn-inverse,
div.ccm-page .btn.btn-link.btn-inline.link-secondary.btn-inverse,
div.ccm-page .btn.mod-link.btn-inline.link-secondary.btn-inverse {
  color: var(--link-color-secondary-hover);
}
div.ccm-page .btn.btn-link.link-secondary.mod-reverse:hover,
div.ccm-page .btn.mod-link.link-secondary.mod-reverse:hover,
div.ccm-page .btn.btn-link.btn-inline.link-secondary.mod-reverse:hover,
div.ccm-page .btn.mod-link.btn-inline.link-secondary.mod-reverse:hover,
div.ccm-page .btn.btn-link.link-secondary.btn-inverse:hover,
div.ccm-page .btn.mod-link.link-secondary.btn-inverse:hover,
div.ccm-page .btn.btn-link.btn-inline.link-secondary.btn-inverse:hover,
div.ccm-page .btn.mod-link.btn-inline.link-secondary.btn-inverse:hover,
div.ccm-page .btn.btn-link.link-secondary.mod-reverse:focus,
div.ccm-page .btn.mod-link.link-secondary.mod-reverse:focus,
div.ccm-page .btn.btn-link.btn-inline.link-secondary.mod-reverse:focus,
div.ccm-page .btn.mod-link.btn-inline.link-secondary.mod-reverse:focus,
div.ccm-page .btn.btn-link.link-secondary.btn-inverse:focus,
div.ccm-page .btn.mod-link.link-secondary.btn-inverse:focus,
div.ccm-page .btn.btn-link.btn-inline.link-secondary.btn-inverse:focus,
div.ccm-page .btn.mod-link.btn-inline.link-secondary.btn-inverse:focus {
  color: var(--link-color-secondary);
}
div.ccm-page .btn.btn-link,
div.ccm-page .btn.mod-link,
div.ccm-page .btn.btn-link:active,
div.ccm-page .btn.mod-link:active,
div.ccm-page .btn.btn-link.active,
div.ccm-page .btn.mod-link.active,
div.ccm-page .btn.btn-link[disabled],
div.ccm-page .btn.mod-link[disabled],
fieldset[disabled] div.ccm-page .btn.btn-link,
fieldset[disabled] div.ccm-page .btn.mod-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
div.ccm-page .btn.btn-link,
div.ccm-page .btn.mod-link,
div.ccm-page .btn.btn-link:hover,
div.ccm-page .btn.mod-link:hover,
div.ccm-page .btn.btn-link:focus,
div.ccm-page .btn.mod-link:focus,
div.ccm-page .btn.btn-link:active,
div.ccm-page .btn.mod-link:active {
  border-color: transparent;
}
div.ccm-page .btn.btn-link:hover,
div.ccm-page .btn.mod-link:hover,
div.ccm-page .btn.btn-link:focus,
div.ccm-page .btn.mod-link:focus,
div.ccm-page .btn.btn-link.btn-inline:hover,
div.ccm-page .btn.mod-link.btn-inline:hover,
div.ccm-page .btn.btn-link.btn-inline:focus,
div.ccm-page .btn.mod-link.btn-inline:focus {
  color: var(--link-hover-color);
  text-decoration: var(--link-hover-decoration);
  background-color: transparent;
}
div.ccm-page .btn.btn-link[disabled]:hover,
div.ccm-page .btn.mod-link[disabled]:hover,
fieldset[disabled] div.ccm-page .btn.btn-link:hover,
fieldset[disabled] div.ccm-page .btn.mod-link:hover,
div.ccm-page .btn.btn-link[disabled]:focus,
div.ccm-page .btn.mod-link[disabled]:focus,
fieldset[disabled] div.ccm-page .btn.btn-link:focus,
fieldset[disabled] div.ccm-page .btn.mod-link:focus {
  color: #777777;
  text-decoration: none;
}
div.ccm-page .btn.mod-link {
  color: var(--main-color);
}
div.ccm-page .btn.mod-link:hover,
div.ccm-page .btn.mod-link:focus {
  color: var(--main-color-700);
}
div.ccm-page a.btn {
  text-decoration: none;
}
div.ccm-page .btn.btn-inline {
  border-radius: 0;
  font-size: inherit;
  font-weight: inherit;
  padding: 0;
  vertical-align: baseline;
}
div.ccm-page .btn.btn-inline,
div.ccm-page .btn.btn-inline:active,
div.ccm-page .btn.btn-inline.active,
div.ccm-page .btn.btn-inline[disabled],
fieldset[disabled] div.ccm-page .btn.btn-inline {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
div.ccm-page .btn.btn-inline,
div.ccm-page .btn.btn-inline:hover,
div.ccm-page .btn.btn-inline:focus,
div.ccm-page .btn.btn-inline:active {
  border-color: transparent;
}
div.ccm-page .btn.btn-inline:hover,
div.ccm-page .btn.btn-inline:focus {
  background-color: transparent;
}
div.ccm-page .btn.btn-inline[disabled]:hover,
fieldset[disabled] div.ccm-page .btn.btn-inline:hover,
div.ccm-page .btn.btn-inline[disabled]:focus,
fieldset[disabled] div.ccm-page .btn.btn-inline:focus {
  color: #777777;
  text-decoration: none;
}
div.ccm-page .btn.btn-lg,
div.ccm-page .btn.mod-lg {
  padding: 0.5em 2.5em;
  line-height: 1.3333333;
  border-radius: var(--btn-border-radius);
  font-size: 19.2px;
}
div.ccm-page .btn.btn-lg.btn-rounded,
div.ccm-page .btn.mod-lg.btn-rounded,
div.ccm-page .btn.btn-lg.mod-rounded,
div.ccm-page .btn.mod-lg.mod-rounded {
  border-radius: 50px;
}
div.ccm-page .btn.btn-lg.btn-circle,
div.ccm-page .btn.mod-lg.btn-circle,
div.ccm-page .btn.btn-lg.mod-circle,
div.ccm-page .btn.mod-lg.mod-circle {
  border-radius: 3em;
}
div.ccm-page .btn.btn-sm,
div.ccm-page .btn.mod-sm {
  padding: 0.3em 1.5em;
  line-height: 1.5;
  border-radius: var(--btn-border-radius);
  font-size: 13.3px;
}
div.ccm-page .btn.btn-sm.btn-rounded,
div.ccm-page .btn.mod-sm.btn-rounded,
div.ccm-page .btn.btn-sm.mod-rounded,
div.ccm-page .btn.mod-sm.mod-rounded {
  border-radius: 50px;
}
div.ccm-page .btn.btn-sm.btn-circle,
div.ccm-page .btn.mod-sm.btn-circle,
div.ccm-page .btn.btn-sm.mod-circle,
div.ccm-page .btn.mod-sm.mod-circle {
  border-radius: 3em;
}
div.ccm-page .btn.btn-xs,
div.ccm-page .btn.mod-xs {
  padding: 0.2em 1em;
  line-height: 1.5;
  border-radius: var(--btn-border-radius);
  font-size: 11.1px;
}
div.ccm-page .btn.btn-xs.btn-rounded,
div.ccm-page .btn.mod-xs.btn-rounded,
div.ccm-page .btn.btn-xs.mod-rounded,
div.ccm-page .btn.mod-xs.mod-rounded {
  border-radius: 50px;
}
div.ccm-page .btn.btn-xs.btn-circle,
div.ccm-page .btn.mod-xs.btn-circle,
div.ccm-page .btn.btn-xs.mod-circle,
div.ccm-page .btn.mod-xs.mod-circle {
  border-radius: 3em;
}
div.ccm-page .btn.btn-block,
div.ccm-page .btn.mod-wide {
  display: block;
  width: 100%;
  white-space: normal;
  word-wrap: break-word;
}
div.ccm-page .btn-block + .btn-block,
div.ccm-page .mod-wide + .mod-wide {
  margin-top: 5px;
}
div.ccm-page input[type="submit"].btn.btn-block,
div.ccm-page input[type="reset"].btn.btn-block,
div.ccm-page input[type="button"].btn.btn-block,
div.ccm-page input[type="submit"].btn.mod-wide,
div.ccm-page input[type="reset"].btn.mod-wide,
div.ccm-page input[type="button"].btn.mod-wide {
  width: 100%;
}
div.ccm-page hr {
  border-color: var(--neutral-lighter-color);
}
div.ccm-page label {
  display: block;
}
div.ccm-page .checkbox label {
  display: inline-block;
}
div.ccm-page input[type="text"],
div.ccm-page input[type="email"],
div.ccm-page input[type="password"],
div.ccm-page input[type="url"],
div.ccm-page input[type="tel"],
div.ccm-page input[type="number"],
div.ccm-page input[type="search"],
div.ccm-page input[type="file"],
div.ccm-page input[type="date"],
div.ccm-page input[type="datetime-local"],
div.ccm-page input[type="month"],
div.ccm-page input[type="time"],
div.ccm-page input[type="week"],
div.ccm-page textarea,
div.ccm-page select,
div.ccm-page .select2-container.form-control,
div.ccm-page textarea.form-control,
div.ccm-page select.form-control,
div.ccm-page input.form-control {
  border: 1px solid #CCCCCC;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: var(--type-color);
  display: block;
  margin: 0.2em 0;
  outline: medium none;
  width: 100%;
  font-size: var(--font-body-base-sm-size);
  /* Focus */
}
div.ccm-page input[type="text"]:focus,
div.ccm-page input[type="email"]:focus,
div.ccm-page input[type="password"]:focus,
div.ccm-page input[type="url"]:focus,
div.ccm-page input[type="tel"]:focus,
div.ccm-page input[type="number"]:focus,
div.ccm-page input[type="search"]:focus,
div.ccm-page input[type="file"]:focus,
div.ccm-page input[type="date"]:focus,
div.ccm-page input[type="datetime-local"]:focus,
div.ccm-page input[type="month"]:focus,
div.ccm-page input[type="time"]:focus,
div.ccm-page input[type="week"]:focus,
div.ccm-page textarea:focus,
div.ccm-page select:focus,
div.ccm-page .select2-container.form-control:focus,
div.ccm-page textarea.form-control:focus,
div.ccm-page select.form-control:focus,
div.ccm-page input.form-control:focus {
  box-shadow: 0 0 3px var(--accent-color), 0 0 7px var(--accent-color);
}
@media only screen and (min-width: 768px) {
  div.ccm-page input[type="text"],
  div.ccm-page input[type="email"],
  div.ccm-page input[type="password"],
  div.ccm-page input[type="url"],
  div.ccm-page input[type="tel"],
  div.ccm-page input[type="number"],
  div.ccm-page input[type="search"],
  div.ccm-page input[type="file"],
  div.ccm-page input[type="date"],
  div.ccm-page input[type="datetime-local"],
  div.ccm-page input[type="month"],
  div.ccm-page input[type="time"],
  div.ccm-page input[type="week"],
  div.ccm-page textarea,
  div.ccm-page select,
  div.ccm-page .select2-container.form-control,
  div.ccm-page textarea.form-control,
  div.ccm-page select.form-control,
  div.ccm-page input.form-control {
    font-size: var(--font-body-base-md-size);
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page input[type="text"],
  div.ccm-page input[type="email"],
  div.ccm-page input[type="password"],
  div.ccm-page input[type="url"],
  div.ccm-page input[type="tel"],
  div.ccm-page input[type="number"],
  div.ccm-page input[type="search"],
  div.ccm-page input[type="file"],
  div.ccm-page input[type="date"],
  div.ccm-page input[type="datetime-local"],
  div.ccm-page input[type="month"],
  div.ccm-page input[type="time"],
  div.ccm-page input[type="week"],
  div.ccm-page textarea,
  div.ccm-page select,
  div.ccm-page .select2-container.form-control,
  div.ccm-page textarea.form-control,
  div.ccm-page select.form-control,
  div.ccm-page input.form-control {
    font-size: var(--font-body-base-size);
  }
}
div.ccm-page input::-webkit-input-placeholder {
  color: #757575;
  opacity: 1 !important;
}
div.ccm-page input:-moz-placeholder {
  color: #757575;
  opacity: 1 !important;
}
div.ccm-page input::-moz-placeholder {
  color: #757575;
  opacity: 1 !important;
}
div.ccm-page input:-ms-input-placeholder {
  color: #757575;
  opacity: 1 !important;
}
div.ccm-page textarea::-webkit-input-placeholder {
  color: #757575;
  opacity: 1 !important;
}
div.ccm-page textarea:-moz-placeholder {
  color: #757575;
  opacity: 1 !important;
}
div.ccm-page textarea::-moz-placeholder {
  color: #757575;
  opacity: 1 !important;
}
div.ccm-page textarea:-ms-input-placeholder {
  color: #757575;
  opacity: 1 !important;
}
div.ccm-page textarea {
  height: 160px;
  resize: none;
}
div.ccm-page .redactor-box textarea {
  color: #CCCCCC;
}
div.ccm-page select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #ffffff;
  background-image: url("/application/themes/the_hive_v2/img/arrow-down.svg");
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: 10px;
}
div.ccm-page select::-ms-expand {
  display: none;
}
div.ccm-page label {
  font-family: var(--bold-font-family);
  font-weight: var(--bold-font-weight);
}
div.ccm-page fieldset.checkbox-list legend,
div.ccm-page fieldset.radio-list legend,
div.ccm-page .legend-label {
  font-size: inherit;
  color: var(--type-color);
  font-family: var(--bold-font-family);
  font-weight: var(--bold-font-weight);
  border: 0;
  margin-bottom: 5px;
}
div.ccm-page input[type="checkbox"],
div.ccm-page input[type="radio"] {
  position: absolute;
  top: auto;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}
div.ccm-page input[type="checkbox"] + label,
div.ccm-page input[type="radio"] + label {
  cursor: pointer;
  font-weight: 400;
  margin-bottom: 0.5em;
  padding-left: 0px;
  display: inline-flex;
  line-height: 20px;
}
div.ccm-page .checkbox-single input[type="checkbox"] + label {
  font-weight: 700;
  display: inline-flex;
  line-height: 20px;
}
div.ccm-page .checkbox-single input[type="checkbox"] + label:before {
  flex: 0 0 auto;
}
div.ccm-page input[type="checkbox"] + span.help-validation + label::before,
div.ccm-page input[type="checkbox"] + label::before,
div.ccm-page input[type="radio"] + label::before {
  background: white;
  border: 1px solid var(--form-input-border-color);
  border-radius: 0;
  content: '\a0';
  display: inline-block;
  height: 20px;
  margin-inline-end: .6em;
  text-indent: .15em;
  width: 20px;
  flex: 0 0 auto;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
div.ccm-page .form-group.privacy-consent .help-text {
  padding-inline-start: calc(20px + .6em);
}
div.ccm-page input[type="radio"] + label::before {
  border-radius: 100%;
}
div.ccm-page input[type="checkbox"]:checked + span.help-validation + label::before,
div.ccm-page input[type="checkbox"]:checked + label::before,
div.ccm-page input[type="radio"]:checked + label::before {
  background-color: var(--accent-color);
}
div.ccm-page input[type="checkbox"]:focus + span.help-validation + label::before,
div.ccm-page input[type="checkbox"]:focus + label::before,
div.ccm-page input[type="radio"]:focus + label::before {
  box-shadow: 0 0 0 1px var(--type-color);
}
div.ccm-page input[type="checkbox"]:checked + span.help-validation + label::before,
div.ccm-page input[type="checkbox"]:checked + label::before {
  background-image: url("/application/themes/the_hive_v2/img/check.svg");
  background-position: 50%;
  background-repeat: no-repeat;
}
div.ccm-page input[type="checkbox"]:disabled + label,
div.ccm-page input[type="radio"]:disabled + label {
  color: var(--neutral-light-color);
}
div.ccm-page input[type="checkbox"]:disabled + label::before,
div.ccm-page input[type="radio"]:disabled + label::before {
  background: var(--neutral-lighter-color);
  box-shadow: 0 0 0 1px var(--neutral-light-color);
  cursor: not-allowed;
}
div.ccm-page input.ccm-input-date {
  display: inline;
  width: auto;
}
div.ccm-page .ccm-input-time-wrapper select {
  background-position: right 3px center;
  background-size: 5px;
  display: inline-block;
}
div.ccm-page .ccm-input-time-wrapper select:nth-child(2) {
  margin-left: 0.2em;
}
div.ccm-page .has-error input[type="text"],
div.ccm-page .has-error input[type="email"],
div.ccm-page .has-error input[type="password"],
div.ccm-page .has-error input[type="url"],
div.ccm-page .has-error input[type="tel"],
div.ccm-page .has-error input[type="number"],
div.ccm-page .has-error input[type="search"],
div.ccm-page .has-error input[type="file"],
div.ccm-page .has-error input[type="date"],
div.ccm-page .has-error input[type="datetime-local"],
div.ccm-page .has-error input[type="month"],
div.ccm-page .has-error input[type="time"],
div.ccm-page .has-error input[type="week"],
div.ccm-page .has-error textarea,
div.ccm-page .has-error select,
div.ccm-page .has-error input.form-control {
  border: 1px solid #b34646;
}
div.ccm-page div.ccm-block-type-form label.form-file-button {
  color: var(--type-color);
  border: 1px #CCCCCC solid;
  font-size: 1em;
  padding: 0.4em 2em;
  font-weight: 600;
  display: inline-block;
  cursor: pointer;
  /* "hand" cursor */
}
div.ccm-page div.ccm-block-type-form label.form-file-button:hover,
div.ccm-page div.ccm-block-type-form input.form-file:focus + label.form-file-button {
  background-color: #f5f5f5;
  color: var(--type-color);
  border: 1px solid #CCCCCC;
}
div.ccm-page .input-group-password-toggle {
  position: relative;
  width: 100%;
  /* Hide Microsoft Edge/IE 11 native toggle */
}
div.ccm-page .input-group-password-toggle input {
  padding-inline-end: 40px;
}
div.ccm-page .input-group-password-toggle input[type="password"]::-ms-reveal,
div.ccm-page .input-group-password-toggle input[type="password"]::-ms-clear {
  display: none !important;
}
div.ccm-page .input-group-password-toggle .input-group-btn {
  position: absolute;
  right: 0;
  width: auto;
  height: 100%;
  z-index: 3;
}
div.ccm-page .input-group-password-toggle .input-group-btn .btn-toggle-password {
  background: transparent no-repeat 50% 50%;
  background-size: 20px;
  width: 40px;
  height: 100%;
  padding: 0;
  border: 0;
  box-shadow: none;
}
div.ccm-page .input-group-password-toggle .input-group-btn .btn-toggle-password:hover,
div.ccm-page .input-group-password-toggle .input-group-btn .btn-toggle-password:focus {
  background-color: transparent;
}
div.ccm-page[dir="rtl"] select {
  background-position: left 5px center;
}
div.ccm-page[dir="rtl"] .input-group-password-toggle .input-group-btn {
  right: auto;
  left: 0;
}
div.ccm-page figure figcaption {
  color: var(--type-muted-color);
}
div.ccm-page a {
  background-color: transparent;
  color: var(--link-color);
  font-family: var(--link-font-family);
  font-weight: var(--link-font-weight);
  text-decoration: var(--link-decoration);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
div.ccm-page a:active,
div.ccm-page a:hover {
  outline: 0;
}
div.ccm-page a:hover,
div.ccm-page a:focus {
  color: var(--link-hover-color);
  text-decoration: var(--link-hover-decoration);
  background-color: var(--link-hover-bg);
}
div.ccm-page a:visited {
  color: var(--link-color-visited);
}
div.ccm-page a.mod-reverse,
div.ccm-page a.btn-inverse {
  color: var(--link-color-rev);
}
div.ccm-page a.mod-reverse:hover,
div.ccm-page a.btn-inverse:hover,
div.ccm-page a.mod-reverse:focus,
div.ccm-page a.btn-inverse:focus {
  color: var(--link-color-rev-hover);
}
div.ccm-page a.link-main {
  color: var(--link-color-main);
}
div.ccm-page a.link-main:hover,
div.ccm-page a.link-main:focus {
  color: var(--link-color-main-hover);
}
div.ccm-page a.link-main.mod-reverse,
div.ccm-page a.link-main.btn-inverse {
  color: var(--link-color-main-hover);
}
div.ccm-page a.link-main.mod-reverse:hover,
div.ccm-page a.link-main.btn-inverse:hover,
div.ccm-page a.link-main.mod-reverse:focus,
div.ccm-page a.link-main.btn-inverse:focus {
  color: var(--link-color-main);
}
div.ccm-page a.link-secondary {
  color: var(--link-color-secondary);
}
div.ccm-page a.link-secondary:hover,
div.ccm-page a.link-secondary:focus {
  color: var(--link-color-secondary-hover);
}
div.ccm-page a.link-secondary.mod-reverse,
div.ccm-page a.link-secondary.btn-inverse {
  color: var(--link-color-secondary-hover);
}
div.ccm-page a.link-secondary.mod-reverse:hover,
div.ccm-page a.link-secondary.btn-inverse:hover,
div.ccm-page a.link-secondary.mod-reverse:focus,
div.ccm-page a.link-secondary.btn-inverse:focus {
  color: var(--link-color-secondary);
}
div.ccm-page b,
div.ccm-page strong {
  font-family: var(--bold-font-family);
  font-weight: var(--bold-font-weight);
}
div.ccm-page .label-tag {
  background: #000000;
  border-radius: 4px;
  color: #ffffff;
  display: inline-block;
  font-size: var(--font-body-base-sm-size);
  margin-bottom: 5px;
  margin-inline-end: 2px;
  padding: 0.4em 0.8em;
}
div.ccm-page .label-tag.mod-sm {
  font-size: 12.8px;
}
div.ccm-page .label-tag.mod-lg {
  font-size: 19.2px;
}
@media only screen and (min-width: 768px) {
  div.ccm-page .label-tag {
    font-size: var(--font-body-base-md-size);
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .label-tag {
    font-size: var(--font-body-base-size);
  }
}
div.ccm-page .loader {
  animation: spin-around 500ms infinite linear;
  border: 2px solid var(--main-color);
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: none;
  height: 2em;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  white-space: nowrap;
  width: 2em;
  margin: 0 auto 1em auto;
}
@-webkit-keyframes spin-around {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin-around {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
div.ccm-page .hi-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
div.ccm-page .skipnav {
  position: absolute;
  top: -1000px;
  left: -1000px;
  height: 1px;
  width: 1px;
  text-align: start;
  overflow: hidden;
}
div.ccm-page a.skipnav:active,
div.ccm-page a.skipnav:focus,
div.ccm-page a.skipnav:hover {
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  overflow: visible;
  background-color: #ffffff;
}
div.ccm-page [dir="rtl"] a.skipnav:active,
div.ccm-page [dir="rtl"] a.skipnav:focus,
div.ccm-page [dir="rtl"] a.skipnav:hover {
  left: auto;
  right: 0;
}
div.ccm-page h1,
div.ccm-page .mod-h1 {
  font-size: 2.5em;
  line-height: 1.25em;
  color: var(--h1-type-color);
  font-family: var(--h1-type-font-family);
  font-weight: var(--h1-type-font-weight);
  font-style: var(--h1-font-style);
  text-transform: var(--h1-text-transform);
  margin-bottom: 10px;
  margin-top: 0px;
}
@media only screen and (min-width: 568px) {
  div.ccm-page h1,
  div.ccm-page .mod-h1 {
    font-size: calc(2.5em  +  0.625  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page h1,
  div.ccm-page .mod-h1 {
    font-size: 3.125em;
  }
}
@media only screen and (min-width: 568px) {
  div.ccm-page h1,
  div.ccm-page .mod-h1 {
    line-height: calc(1.25em  +  -0.2  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page h1,
  div.ccm-page .mod-h1 {
    line-height: 1.05em;
  }
}
div.ccm-page h1.mod-lg,
div.ccm-page .mod-h1.mod-lg {
  font-size: 2.75em;
}
@media only screen and (min-width: 568px) {
  div.ccm-page h1.mod-lg,
  div.ccm-page .mod-h1.mod-lg {
    font-size: calc(2.75em  +  1.313  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page h1.mod-lg,
  div.ccm-page .mod-h1.mod-lg {
    font-size: 4.063em;
  }
}
div.ccm-page h2,
div.ccm-page .mod-h2 {
  font-size: 2em;
  line-height: 1.538em;
  color: var(--h2-type-color);
  font-family: var(--h2-type-font-family);
  font-weight: var(--h2-type-font-weight);
  font-style: var(--h2-font-style);
  text-transform: var(--h2-text-transform);
  margin-bottom: 10px;
  margin-top: 0px;
}
@media only screen and (min-width: 568px) {
  div.ccm-page h2,
  div.ccm-page .mod-h2 {
    font-size: calc(2em  +  0.5  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page h2,
  div.ccm-page .mod-h2 {
    font-size: 2.5em;
  }
}
@media only screen and (min-width: 568px) {
  div.ccm-page h2,
  div.ccm-page .mod-h2 {
    line-height: calc(1.538em  +  -0.288  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page h2,
  div.ccm-page .mod-h2 {
    line-height: 1.25em;
  }
}
div.ccm-page h3,
div.ccm-page .mod-h3 {
  font-size: 1.5em;
  line-height: 1.136em;
  color: var(--h3-type-color);
  font-family: var(--h3-type-font-family);
  font-weight: var(--h3-type-font-weight);
  font-style: var(--h3-font-style);
  text-transform: var(--h3-text-transform);
  margin-bottom: 10px;
  margin-top: 0px;
}
@media only screen and (min-width: 568px) {
  div.ccm-page h3,
  div.ccm-page .mod-h3 {
    font-size: calc(1.5em  +  0.375  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page h3,
  div.ccm-page .mod-h3 {
    font-size: 1.875em;
  }
}
@media only screen and (min-width: 568px) {
  div.ccm-page h3,
  div.ccm-page .mod-h3 {
    line-height: calc(1.136em  +  0.114  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page h3,
  div.ccm-page .mod-h3 {
    line-height: 1.25em;
  }
}
div.ccm-page h4,
div.ccm-page .mod-h4 {
  font-size: 1.25em;
  line-height: 1.111em;
  color: var(--h4-type-color);
  font-family: var(--h4-type-font-family);
  font-weight: var(--h4-type-font-weight);
  font-style: var(--h4-font-style);
  text-transform: var(--h4-text-transform);
  margin-bottom: 10px;
  margin-top: 0px;
}
@media only screen and (min-width: 568px) {
  div.ccm-page h4,
  div.ccm-page .mod-h4 {
    font-size: calc(1.25em  +  0.313  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page h4,
  div.ccm-page .mod-h4 {
    font-size: 1.563em;
  }
}
@media only screen and (min-width: 568px) {
  div.ccm-page h4,
  div.ccm-page .mod-h4 {
    line-height: calc(1.111em  +  0.111  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page h4,
  div.ccm-page .mod-h4 {
    line-height: 1.222em;
  }
}
div.ccm-page h5,
div.ccm-page .mod-h5 {
  font-size: 1.125em;
  line-height: 1.05em;
  color: var(--h5-type-color);
  font-family: var(--h5-type-font-family);
  font-weight: var(--h5-type-font-weight);
  font-style: var(--h5-font-style);
  text-transform: var(--h5-text-transform);
  margin-bottom: 10px;
  margin-top: 0px;
}
@media only screen and (min-width: 568px) {
  div.ccm-page h5,
  div.ccm-page .mod-h5 {
    font-size: calc(1.125em  +  0.125  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page h5,
  div.ccm-page .mod-h5 {
    font-size: 1.25em;
  }
}
@media only screen and (min-width: 568px) {
  div.ccm-page h5,
  div.ccm-page .mod-h5 {
    line-height: calc(1.05em  +  0.061  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page h5,
  div.ccm-page .mod-h5 {
    line-height: 1.111em;
  }
}
div.ccm-page p,
div.ccm-page .mod-p {
  margin-bottom: 10px;
  margin-top: 0px;
}
div.ccm-page p.mod-lead,
div.ccm-page .mod-p.mod-lead,
div.ccm-page p.lead,
div.ccm-page .mod-p.lead {
  font-size: 17.6px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 0px;
}
div.ccm-page p.large,
div.ccm-page .mod-p.large,
div.ccm-page p.mod-lg,
div.ccm-page .mod-p.mod-lg {
  font-size: 17.6px;
}
div.ccm-page p.small,
div.ccm-page .mod-p.small,
div.ccm-page p.mod-sm,
div.ccm-page .mod-p.mod-sm {
  font-size: 12.8px;
}
div.ccm-page .text-bold {
  font-family: var(--bold-font-family);
  font-weight: var(--bold-font-weight);
}
div.ccm-page .text-muted,
div.ccm-page .mod-muted,
div.ccm-page caption {
  color: var(--type-muted-color);
}
div.ccm-page .sidebar .hive-block-title h3 {
  border-bottom: 1px solid var(--neutral-light-color);
  padding-bottom: 0.25em;
}
div.ccm-page .hive-block {
  margin-bottom: 1.5em;
}
div.ccm-page .hive-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div.ccm-page .hive-block-description {
  margin-bottom: 1em;
}
div.ccm-page .hive-block hr {
  margin: 1em 0;
}
div.ccm-page .hive-block-footer {
  text-align: center;
}
div.ccm-page .hive-block-footer .btn {
  width: 100%;
}
div.ccm-page .hive-block-footer .btn.mod-link {
  margin: 0 auto;
  text-align: center;
  width: auto;
}
div.ccm-page .hive-block .activity-info {
  border: 1px solid;
  display: inline-block;
  margin-bottom: 15px;
}
div.ccm-page .hive-block .activity-info .activity-status,
div.ccm-page .hive-block .activity-info .activity-detail {
  display: inline-block;
  padding: 5px 10px;
}
div.ccm-page .hive-block .activity-info .activity-detail {
  font-style: italic;
}
div.ccm-page .hive-block .activity-info.activity-open {
  border-color: #D4EDDA;
  color: #155725;
}
div.ccm-page .hive-block .activity-info.activity-open .activity-status {
  background-color: #D4EDDA;
}
div.ccm-page .hive-block .activity-info.activity-closed {
  border-color: #F8D7DA;
  color: #721C24;
}
div.ccm-page .hive-block .activity-info.activity-closed .activity-status {
  background-color: #F8D7DA;
}
div.ccm-page .hive-block .dropdown-filter {
  position: relative;
}
@media screen and (min-width: 768px) {
  div.ccm-page .hive-block .dropdown-filter {
    margin-inline-start: 0.5em;
  }
}
div.ccm-page .hive-block .dropdown-filter.mod-neutral .btn.dropdown-toggle {
  background: none;
  box-shadow: none;
  border: 1px solid var(--neutral-lighter-color);
  border-radius: 0;
  color: var(--neutral-dark-color);
}
div.ccm-page .hive-block .dropdown-filter.mod-neutral .btn.dropdown-toggle:hover,
div.ccm-page .hive-block .dropdown-filter.mod-neutral .btn.dropdown-toggle:focus {
  border-color: var(--neutral-dark-color);
  background: none;
  color: var(--neutral-dark-color);
}
div.ccm-page .hive-block .dropdown-filter.mod-neutral .btn.dropdown-toggle.filter-active {
  border-color: transparent;
  background-color: var(--neutral-dark-color);
  box-shadow: none;
  color: var(--type-reverse-color);
}
div.ccm-page .hive-block .dropdown-filter .btn.dropdown-toggle,
div.ccm-page .hive-block .dropdown-filter.open .btn.dropdown-toggle {
  font-weight: 300;
  text-align: start;
  padding: 0.4em 0.8em;
  padding-inline-end: 1.5em;
}
@media screen and (max-width: 767px) {
  div.ccm-page .hive-block .dropdown-filter .btn.dropdown-toggle,
  div.ccm-page .hive-block .dropdown-filter.open .btn.dropdown-toggle {
    width: 100%;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 768px) {
  div.ccm-page .hive-block .dropdown-filter .btn.dropdown-toggle,
  div.ccm-page .hive-block .dropdown-filter.open .btn.dropdown-toggle {
    min-width: 10em;
  }
}
div.ccm-page .hive-block .dropdown-filter .btn.dropdown-toggle .caret,
div.ccm-page .hive-block .dropdown-filter.open .btn.dropdown-toggle .caret {
  position: absolute;
  right: 0.5em;
  top: 1em;
}
div.ccm-page .hive-block .dropdown-filter .btn.dropdown-toggle:hover,
div.ccm-page .hive-block .dropdown-filter.open .btn.dropdown-toggle:hover,
div.ccm-page .hive-block .dropdown-filter .btn.dropdown-toggle:focus,
div.ccm-page .hive-block .dropdown-filter.open .btn.dropdown-toggle:focus {
  background-color: var(--neutral-dark-color);
  box-shadow: none;
  color: var(--type-reverse-color);
}
div.ccm-page .hive-block .dropdown .dropdown-menu {
  border-radius: 0;
  text-align: start;
}
div.ccm-page .hive-block .dropdown .dropdown-menu > li > a {
  display: block !important;
  border-bottom: 0 !important;
  width: 100%;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #666;
}
div.ccm-page .hive-block .dropdown .dropdown-menu > li > a:hover,
div.ccm-page .hive-block .dropdown .dropdown-menu > li > a:focus,
div.ccm-page .hive-block .dropdown .dropdown-menu > li > a:active {
  color: #000;
}
div.ccm-page .hive-block .btn-reset-filter {
  display: inline-block;
  background: none;
  border-width: 1px;
  border-radius: 0;
  border-color: #444;
  color: #444;
  padding: .4em .8em;
}
div.ccm-page .hive-block .btn-reset-filter:hover,
div.ccm-page .hive-block .btn-reset-filter:focus {
  background-color: #C3303D;
  color: white;
}
div.ccm-page .hive-block .btn-filters-toggle {
  display: inline-block;
  background: none;
  box-shadow: none;
  border: 1px solid var(--neutral-lighter-color);
  border-radius: 0;
  color: var(--neutral-dark-color);
  padding: .4em .8em;
  padding-inline-end: 1.8em;
  font-weight: var(--font-weight-normal);
  text-align: start;
  width: 100%;
}
div.ccm-page .hive-block .btn-filters-toggle:hover,
div.ccm-page .hive-block .btn-filters-toggle:focus {
  border-color: var(--neutral-dark-color);
  background: none;
  color: var(--neutral-dark-color);
}
div.ccm-page .hive-block .btn-filters-toggle .expanded-state {
  font-size: 21px;
  line-height: 1;
  position: absolute;
  width: 1em;
  height: 1em;
  right: 0;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
}
div.ccm-page .hive-block .btn-filters-toggle .expanded-state:before,
div.ccm-page .hive-block .btn-filters-toggle .expanded-state:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--type-color);
  margin: auto 6px;
  height: 3px;
}
div.ccm-page .hive-block .btn-filters-toggle .expanded-state:after {
  transform: rotateZ(-90deg);
}
div.ccm-page .hive-block .btn-filters-toggle[aria-expanded="true"] .expanded-state:after {
  height: 0;
}
div.ccm-page .sidebar .hive-block .dropdown-filter {
  margin-left: 0;
}
div.ccm-page .sidebar .hive-block .dropdown-filter .btn.dropdown-toggle,
div.ccm-page .sidebar .hive-block .dropdown-filter.open .btn.dropdown-toggle {
  width: 100%;
  margin-bottom: 5px;
  min-width: 0;
}
div.ccm-page .feedback-form-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
div.ccm-page .feedback-form-container .form-col-sm-6,
div.ccm-page .feedback-form-container .form-col-sm-12 {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  min-height: 1px;
  position: relative;
}
@media screen and (min-width: 768px) {
  div.ccm-page .feedback-form-container .form-col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  div.ccm-page .feedback-form-container .form-col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
div.ccm-page[dir="rtl"] .hive-block .dropdown-filter .btn.dropdown-toggle .caret,
div.ccm-page[dir="rtl"] .hive-block .dropdown-filter.open .btn.dropdown-toggle .caret {
  right: auto;
  left: 0.5em;
}
div.ccm-page[dir="rtl"] .hive-block .btn-filters-toggle .expanded-state {
  right: auto;
  left: 0;
}
div.ccm-page .search-results h2 {
  font-size: 20.25px;
}
@media only screen and (min-width: 768px) {
  div.ccm-page .search-results h2 {
    font-size: 23.04px;
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page .search-results h2 {
    font-size: 25px;
  }
}
div.ccm-page .ccm-block-social-links li {
  width: 46px;
  border-radius: 9999px;
  border: 3px solid var(--type-reverse-color);
  text-align: center;
  margin-inline-end: 5px;
}
div.ccm-page .ccm-block-social-links li i {
  font-size: 20px;
  line-height: 1;
  padding: 10px 5px;
}
div.ccm-page .ccm-block-social-links.mod-borderless-lrg li {
  border: none;
  width: auto;
  text-align: start;
  padding: 0;
  margin: 0;
}
div.ccm-page .ccm-block-social-links.mod-borderless-lrg li i {
  font-size: 32px;
}
div.ccm-page .ccm-block-social-links.mod-list-sm ul li {
  border: none;
  display: block;
  width: auto;
  text-align: start;
}
div.ccm-page .ccm-block-social-links.mod-list-sm ul li i {
  padding: 10px 5px;
  padding-inline-end: 15px;
}
div.ccm-page .ccm-block-social-links.mod-list-sm ul li .sr-only {
  position: relative;
}
div.ccm-page .hive-block-poll .hive-block-title {
  margin-bottom: 1em;
}
div.ccm-page .hive-block-poll .bar {
  background-color: var(--main-color);
  font-size: 12px;
}
div.ccm-page .hive-block-poll .bar-wrapper {
  background-color: var(--neutral-light-color);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
}
div.ccm-page .hive-block-poll .survey-results .radio {
  margin-top: 0;
}
div.ccm-page .hive-block-poll .survey-total-votes {
  text-align: center;
  font-weight: var(--font-weight-bold);
}
div.ccm-page .hive-block .carousel .slick-track {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
div.ccm-page .hive-block .carousel .slick-slide {
  height: auto;
}
div.ccm-page .hive-block .carousel .slick-slide > div {
  height: 100%;
}
div.ccm-page .hive-block .carousel .slick-arrow {
  background-color: var(--type-reverse-color);
  border: 1px solid var(--neutral-light-color);
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 2.3rem;
  z-index: 1;
}
div.ccm-page .hive-block .carousel .slick-arrow:before {
  color: var(--neutral-dark-color);
  font: var(--fa-font-solid);
  font-size: 28px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div.ccm-page .hive-block .carousel .slick-arrow:focus {
  outline: thin dotted;
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
div.ccm-page .hive-block .carousel .slick-prev {
  left: -1.25rem;
}
div.ccm-page .hive-block .carousel .slick-prev:before {
  content: "\f104";
}
div.ccm-page .hive-block .carousel .slick-next {
  right: -1.25rem;
}
div.ccm-page .hive-block .carousel .slick-next:before {
  content: "\f105";
}
div.ccm-page .hive-block .carousel .slick-disabled {
  display: none !important;
}
div.ccm-page[dir="rtl"] .hive-block .carousel .slick-prev {
  left: auto;
  right: -1.25rem;
}
div.ccm-page[dir="rtl"] .hive-block .carousel .slick-prev:before {
  content: "\f105";
}
div.ccm-page[dir="rtl"] .hive-block .carousel .slick-next {
  right: auto;
  left: -1.25rem;
}
div.ccm-page[dir="rtl"] .hive-block .carousel .slick-next:before {
  content: "\f104";
}
div.ccm-page .hive-block-contact-us table tr th {
  font-weight: var(--font-weight-normal);
}
@media (max-width: 48em) {
  div.ccm-page .action-items .hive-block-contact-us table tr th,
  div.ccm-page .hive-block-contact-us table tr th {
    font-weight: var(--font-weight-bold);
  }
}
div.ccm-page .hive-block-content {
  margin-bottom: 0.875em;
}
div.ccm-page .hive-block-content img {
  max-width: 100% !important;
  height: auto !important;
}
div.ccm-page .hive-block-content table td,
div.ccm-page .hive-block-content table th {
  padding: 5px;
  border: 1px solid var(--neutral-lighter-color);
  vertical-align: top;
}
div.ccm-page .hive-block-content table th {
  font-weight: var(--font-weight-bold);
  border-bottom-color: var(--neutral-dark-color);
}
div.ccm-page .hive-block-divider.light {
  border-color: var(--neutral-lighter-color);
}
div.ccm-page .hive-block-divider.dark {
  border-color: var(--neutral-dark-color);
}
div.ccm-page .hive-block-document-library .link {
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  text-decoration: none;
}
div.ccm-page .hive-block-document-library .link .file-title {
  font-family: var(--bold-font-family);
  font-weight: var(--bold-font-weight);
}
div.ccm-page .hive-block-document-library .link small {
  display: block;
}
div.ccm-page .hive-block-document-library .hive-block-footer {
  border-top: 1px solid var(--btn-primary-color-bg);
}
div.ccm-page .hive-block-form .form-section .section-title,
div.ccm-page .hive-block-social-map .form-section .section-title {
  color: var(--form-section-title-color);
  border-bottom: 2px solid var(--form-section-title-color);
}
div.ccm-page .hive-block-form .form-file:focus + .form-file-button,
div.ccm-page .hive-block-social-map .form-file:focus + .form-file-button {
  color: var(--accent-color);
  border: 1px solid var(--accent-color);
}
div.ccm-page .hive-block-form .form-file[disabled] + .form-file-button,
div.ccm-page .hive-block-social-map .form-file[disabled] + .form-file-button {
  color: var(--type-color);
  border-color: var(--neutral-light-color);
}
div.ccm-page .hive-block-form .form-file-button,
div.ccm-page .hive-block-social-map .form-file-button {
  color: var(--type-color);
  background-color: var(--neutral-lightest-color);
  border-color: var(--neutral-lighter-color);
}
div.ccm-page .hive-block-form .form-file-button:hover,
div.ccm-page .hive-block-social-map .form-file-button:hover {
  color: var(--accent-color);
  border: 1px solid var(--accent-color);
}
div.ccm-page .hive-block-form .file-list > li,
div.ccm-page .hive-block-social-map .file-list > li {
  background-color: var(--neutral-lightest-color);
}
div.ccm-page .hive-block-form .number-control .btn-adjust-value,
div.ccm-page .hive-block-social-map .number-control .btn-adjust-value {
  color: var(--secondary-color);
}
div.ccm-page .hive-block-form .field-slider .vue-slider-dot-handle,
div.ccm-page .hive-block-social-map .field-slider .vue-slider-dot-handle {
  border: none;
  background-color: var(--accent-color);
  transition: box-shadow 0.3s, background-color 0.3s;
}
div.ccm-page .hive-block-form .field-slider .vue-slider-dot-handle:hover,
div.ccm-page .hive-block-social-map .field-slider .vue-slider-dot-handle:hover {
  background-color: var(--accent-color-700);
}
div.ccm-page .hive-block-form .field-slider .vue-slider-dot-handle-focus,
div.ccm-page .hive-block-social-map .field-slider .vue-slider-dot-handle-focus {
  border: none;
  background-color: var(--accent-color-700);
  box-shadow: 0 0 0 5px var(--accent-color-700), 20%;
}
div.ccm-page .hive-block-form .field-slider.answered .vue-slider-rail,
div.ccm-page .hive-block-social-map .field-slider.answered .vue-slider-rail {
  background-color: #ddd;
}
div.ccm-page .hive-block-form .field-slider.answered .vue-slider:hover .vue-slider-rail,
div.ccm-page .hive-block-social-map .field-slider.answered .vue-slider:hover .vue-slider-rail {
  background-color: #ccc;
}
div.ccm-page .hive-block-form .multi-choice .cards .card .fa-check,
div.ccm-page .hive-block-social-map .multi-choice .cards .card .fa-check {
  background-color: var(--accent-color);
  color: var(--type-reverse-color);
}
div.ccm-page .hive-block-form .multi-choice .cards .card .card-wrap,
div.ccm-page .hive-block-social-map .multi-choice .cards .card .card-wrap {
  border-width: 1px;
}
div.ccm-page .hive-block-form .multi-choice .cards .card .card-wrap .card-img,
div.ccm-page .hive-block-social-map .multi-choice .cards .card .card-wrap .card-img {
  background-color: var(--neutral-lightest-color);
}
div.ccm-page .hive-block-form .multi-choice .cards .card .card-wrap:hover,
div.ccm-page .hive-block-social-map .multi-choice .cards .card .card-wrap:hover {
  border-color: var(--accent-color);
}
div.ccm-page .hive-block-form .multi-choice .cards input[type="radio"]:checked ~ .card-wrap,
div.ccm-page .hive-block-social-map .multi-choice .cards input[type="radio"]:checked ~ .card-wrap,
div.ccm-page .hive-block-form .multi-choice .cards input[type="checkbox"]:checked ~ .card-wrap,
div.ccm-page .hive-block-social-map .multi-choice .cards input[type="checkbox"]:checked ~ .card-wrap {
  border-color: var(--accent-color);
  box-shadow: none;
}
div.ccm-page .hive-block-form .multi-choice .cards input[type="radio"]:focus ~ .card-wrap,
div.ccm-page .hive-block-social-map .multi-choice .cards input[type="radio"]:focus ~ .card-wrap,
div.ccm-page .hive-block-form .multi-choice .cards input[type="checkbox"]:focus ~ .card-wrap,
div.ccm-page .hive-block-social-map .multi-choice .cards input[type="checkbox"]:focus ~ .card-wrap {
  box-shadow: 0 0 3px var(--accent-color), 0 0 7px var(--accent-color);
}
div.ccm-page .hive-block-form .field-ranking .ranker .rankable.rankable-img:focus .well,
div.ccm-page .hive-block-social-map .field-ranking .ranker .rankable.rankable-img:focus .well,
div.ccm-page .hive-block-form .field-ranking .ranker .rankable.rankable-img:focus .check,
div.ccm-page .hive-block-social-map .field-ranking .ranker .rankable.rankable-img:focus .check {
  border-color: var(--accent-color);
}
div.ccm-page .hive-block-form .field-ranking .ranker .rankable:focus .well,
div.ccm-page .hive-block-social-map .field-ranking .ranker .rankable:focus .well {
  background-color: var(--form-rank-well-focus);
  border-color: var(--accent-color);
}
div.ccm-page .hive-block-form .field-ranking .ranker .rankable:focus .well .text,
div.ccm-page .hive-block-social-map .field-ranking .ranker .rankable:focus .well .text,
div.ccm-page .hive-block-form .field-ranking .ranker .rankable:focus .well .rank,
div.ccm-page .hive-block-social-map .field-ranking .ranker .rankable:focus .well .rank {
  border-color: var(--accent-color);
}
div.ccm-page .hive-block-form .field-ranking .ranker .sortable-ghost .well,
div.ccm-page .hive-block-social-map .field-ranking .ranker .sortable-ghost .well {
  background-color: var(--form-rank-well-focus);
  border-color: var(--accent-color);
}
div.ccm-page .hive-block-form .form-group .privacy-label.label-primary,
div.ccm-page .hive-block-social-map .form-group .privacy-label.label-primary {
  color: var(--blue);
  background-color: var(--blue-100);
}
div.ccm-page .hive-block-form .form-group .privacy-label.label-default,
div.ccm-page .hive-block-social-map .form-group .privacy-label.label-default {
  color: var(--neutral-darker-color);
  background-color: var(--neutral-lighter-color);
}
div.ccm-page .hive-block-form .form-group .tooltip,
div.ccm-page .hive-block-social-map .form-group .tooltip {
  font-size: 1.4rem;
  font-family: var(--body-font-family);
}
div.ccm-page .hive-block-form .form-group .tooltip.right .tooltip-arrow,
div.ccm-page .hive-block-social-map .form-group .tooltip.right .tooltip-arrow {
  border-right-color: var(--neutral-darker-color);
}
div.ccm-page .hive-block-form .form-group .tooltip.right .tooltip-inner,
div.ccm-page .hive-block-social-map .form-group .tooltip.right .tooltip-inner {
  background-color: var(--neutral-darker-color);
  padding: 5px 7px;
}
div.ccm-page .hive-block-form .spatial-map .image-checkbox-input:focus + label,
div.ccm-page .hive-block-social-map .spatial-map .image-checkbox-input:focus + label {
  border-color: var(--main-color);
}
div.ccm-page .hive-block-form .spatial-map .image-checkbox:hover,
div.ccm-page .hive-block-social-map .spatial-map .image-checkbox:hover,
div.ccm-page .hive-block-form .spatial-map .image-checkbox.focus,
div.ccm-page .hive-block-social-map .spatial-map .image-checkbox.focus {
  border-color: var(--main-color);
}
div.ccm-page .hive-block-form .spatial-map .image-checkbox-checked,
div.ccm-page .hive-block-social-map .spatial-map .image-checkbox-checked {
  border-color: var(--main-color);
}
div.ccm-page .hive-block-social-map .panel-content .form-group .control-label,
div.ccm-page .hive-block-social-map .panel-content .form-group .legend-label {
  margin-bottom: 0;
}
div.ccm-page .hive-block-social-map .panel-content .form-group .help-block {
  margin-top: 0;
  margin-bottom: 5px;
}
div.ccm-page .hive-block-social-map .panel-content .form-file-button {
  margin: 3px 0 10px;
}
div.ccm-page .hive-block-form .hive-form-renderer-freeflow .intro .intro-title,
div.ccm-page .hive-block-form .hive-form-renderer-flex .intro .intro-title {
  color: var(--h1-type-color);
  font-family: var(--h1-type-font-family);
  font-weight: var(--h1-type-font-weight);
}
div.ccm-page .hive-block-form .hive-form-renderer-freeflow .modal-body .modal-body-header,
div.ccm-page .hive-block-form .hive-form-renderer-flex .modal-body .modal-body-header {
  background-color: var(--main-color);
}
div.ccm-page .hive-block-form .hive-form-renderer-freeflow .modal-body .modal-body-header .modal-title,
div.ccm-page .hive-block-form .hive-form-renderer-flex .modal-body .modal-body-header .modal-title {
  font-size: 1.2em;
  color: var(--type-reverse-color);
}
div.ccm-page .hive-block-form .hive-form-renderer-freeflow .modal-body .modal-body-header .modal-title .form-title,
div.ccm-page .hive-block-form .hive-form-renderer-flex .modal-body .modal-body-header .modal-title .form-title {
  font-weight: var(--bold-font-weight);
  font-family: var(--bold-font-family);
}
div.ccm-page .hive-block-form .hive-form-renderer-freeflow .modal-body .modal-body-header .modal-title .section-title,
div.ccm-page .hive-block-form .hive-form-renderer-flex .modal-body .modal-body-header .modal-title .section-title {
  font-weight: var(--body-font-weight);
  font-family: var(--body-font-family);
}
@media screen and (min-width: 768px) {
  div.ccm-page .hive-block-form .hive-form-renderer-freeflow .modal-body .modal-body-header .modal-title,
  div.ccm-page .hive-block-form .hive-form-renderer-flex .modal-body .modal-body-header .modal-title {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 1200px) {
  div.ccm-page .hive-block-form .hive-form-renderer-freeflow .modal-body .modal-body-header .modal-title,
  div.ccm-page .hive-block-form .hive-form-renderer-flex .modal-body .modal-body-header .modal-title {
    font-size: 1.8em;
  }
}
div.ccm-page .hive-block-form .hive-form-renderer-freeflow .modal-footer,
div.ccm-page .hive-block-form .hive-form-renderer-flex .modal-footer {
  background-color: var(--neutral-lightest-color);
  border-top: 1px solid var(--neutral-lighter-color);
}
div.ccm-page .hive-block-form .hive-form-renderer-freeflow .modal-footer .progress,
div.ccm-page .hive-block-form .hive-form-renderer-flex .modal-footer .progress {
  background-color: var(--neutral-lighter-color);
}
div.ccm-page .hive-block-form .hive-form-renderer-freeflow .modal-footer .progress .progress-bar-success,
div.ccm-page .hive-block-form .hive-form-renderer-flex .modal-footer .progress .progress-bar-success {
  background-color: var(--secondary-color);
}
div.ccm-page .hive-block-form .hive-form-renderer-freeflow .modal-footer .btn.btn-prev,
div.ccm-page .hive-block-form .hive-form-renderer-flex .modal-footer .btn.btn-prev,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow .modal-footer .btn.btn-next,
div.ccm-page .hive-block-form .hive-form-renderer-flex .modal-footer .btn.btn-next {
  background-color: var(--main-color);
  color: var(--type-reverse-color);
}
div.ccm-page .hive-block-form .hive-form-renderer-freeflow .modal-footer .btn.btn-prev:hover,
div.ccm-page .hive-block-form .hive-form-renderer-flex .modal-footer .btn.btn-prev:hover,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow .modal-footer .btn.btn-next:hover,
div.ccm-page .hive-block-form .hive-form-renderer-flex .modal-footer .btn.btn-next:hover,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow .modal-footer .btn.btn-prev:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex .modal-footer .btn.btn-prev:focus,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow .modal-footer .btn.btn-next:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex .modal-footer .btn.btn-next:focus {
  background-color: var(--main-color-700);
}
div.ccm-page .hive-block-form .hive-form-renderer-freeflow .prompt .prompt-dialog-header,
div.ccm-page .hive-block-form .hive-form-renderer-flex .prompt .prompt-dialog-header {
  background-color: var(--main-color);
}
div.ccm-page .hive-block-form .hive-form-renderer-freeflow .prompt .prompt-dialog-header h1,
div.ccm-page .hive-block-form .hive-form-renderer-flex .prompt .prompt-dialog-header h1 {
  color: var(--type-reverse-color);
  font-size: 1.5em;
}
div.ccm-page .hive-block-form .hive-form-renderer-freeflow .prompt .prompt-dialog-buttons,
div.ccm-page .hive-block-form .hive-form-renderer-flex .prompt .prompt-dialog-buttons {
  border-top-color: var(--neutral-lighter-color);
}
div.ccm-page .hive-block-form .hive-form-renderer-freeflow input[type="checkbox"]:checked + span.help-validation + label::before,
div.ccm-page .hive-block-form .hive-form-renderer-flex input[type="checkbox"]:checked + span.help-validation + label::before,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow input[type="checkbox"]:checked + label::before,
div.ccm-page .hive-block-form .hive-form-renderer-flex input[type="checkbox"]:checked + label::before,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow input[type="radio"]:checked + label::before,
div.ccm-page .hive-block-form .hive-form-renderer-flex input[type="radio"]:checked + label::before {
  border-color: var(--accent-color);
  background-color: var(--accent-color);
}
div.ccm-page .hive-block-form .hive-form-renderer-freeflow input[type="text"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex input[type="text"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow input[type="email"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex input[type="email"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow input[type="password"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex input[type="password"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow input[type="url"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex input[type="url"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow input[type="tel"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex input[type="tel"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow input[type="number"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex input[type="number"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow input[type="search"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex input[type="search"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow input[type="file"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex input[type="file"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow input[type="date"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex input[type="date"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow input[type="datetime-local"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex input[type="datetime-local"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow input[type="month"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex input[type="month"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow input[type="time"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex input[type="time"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow input[type="week"]:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex input[type="week"]:focus {
  border-bottom-color: var(--accent-color);
}
div.ccm-page .hive-block-form .hive-form-renderer-freeflow textarea,
div.ccm-page .hive-block-form .hive-form-renderer-flex textarea,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow textarea.form-control,
div.ccm-page .hive-block-form .hive-form-renderer-flex textarea.form-control,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow select,
div.ccm-page .hive-block-form .hive-form-renderer-flex select,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow select.form-control,
div.ccm-page .hive-block-form .hive-form-renderer-flex select.form-control {
  border-color: var(--accent-color);
}
div.ccm-page .hive-block-form .hive-form-renderer-freeflow textarea:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex textarea:focus,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow textarea.form-control:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex textarea.form-control:focus,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow select:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex select:focus,
div.ccm-page .hive-block-form .hive-form-renderer-freeflow select.form-control:focus,
div.ccm-page .hive-block-form .hive-form-renderer-flex select.form-control:focus {
  border-color: var(--accent-color);
}
div.ccm-page .hive-block-form .field-spatialmap .map-marker-help {
  color: var(--secondary-color);
  font-weight: var(--font-weight-semi-bold);
}
div.ccm-page .hive-block-form .field-spatialmap .map-marker-help i {
  color: var(--secondary-color);
}
@media (-webkit-min-device-pixel-ratio: 0) {
  div.ccm-page .hive-block-form .field-spatialmap .spatial-map.map-container .location-search-wrapper input:focus,
  div.ccm-page .hive-block-form .field-spatialmap .spatial-map.map-container .btn.form-add-marker:focus,
  div.ccm-page .hive-block-form .field-spatialmap .spatial-map.map-container .btn.form-cancel-marker:focus,
  div.ccm-page .hive-block-form .field-spatialmap .spatial-map.map-container [class*="mapboxgl-ctrl"]:focus,
  div.ccm-page .hive-block-form .field-spatialmap .spatial-map.map-container .map-top-bar .btn-map:focus,
  div.ccm-page .hive-block-form .field-spatialmap .spatial-map.map-container .map-dock .btn-map:focus,
  div.ccm-page .hive-block-form .field-spatialmap .spatial-map.map-container .categories-wrapper .cat-item label:focus,
  div.ccm-page .hive-block-form .field-spatialmap .spatial-map.map-container .bootstrap-switch-container:focus {
    outline-color: -webkit-focus-ring-color;
    outline-width: 5px;
    outline-style: auto;
  }
}
div.ccm-page .hive-block-form .field-spatialmap .spatial-map.map-container .panel-content .pin-location {
  color: var(--type-muted-color);
}
div.ccm-page .hive-block-form .field-spatialmap .spatial-map.map-container .panel-content .pin-location h4 {
  color: var(--type-muted-color);
}
div.ccm-page .forumQuesWrapper {
  border: 1px solid var(--main-color);
  border-radius: 0px;
  color: var(--main-color);
  padding: 1em;
}
div.ccm-page .forumQuesWrapper h3 a {
  color: var(--main-color);
  text-decoration: none;
  font-family: var(--heading-font-family);
}
div.ccm-page .forumQuesWrapper h3 a:hover,
div.ccm-page .forumQuesWrapper h3 a:focus {
  text-decoration: var(--link-hover-decoration);
  background-color: var(--link-hover-bg);
}
div.ccm-page .forumQuesWrapper .forum-description {
  color: var(--type-color);
}
div.ccm-page .forumQuesWrapper table td .glyphicon {
  display: none;
  color: var(--main-color);
  font-size: 24px;
  margin-inline-end: 0.25em;
}
div.ccm-page .forumQuesWrapper table td span.stats-counter {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0px;
  margin-bottom: -5px;
}
div.ccm-page .forumQuesWrapper table td.outer-cell small {
  font-size: 12px;
}
div.ccm-page .forumQuesWrapper a.btn {
  margin-top: 0.5em;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100%;
  color: var(--type-reverse-color);
}
div.ccm-page .forumQuesWrapper table.statsInner {
  text-align: center;
  width: 100%;
}
div.ccm-page .forumQuesWrapper table td.outer-cell {
  padding-inline-end: 0.25em;
  width: 33.33%;
}
div.ccm-page .forumQuesWrapper table td.outer-cell table {
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 568px) {
  div.ccm-page .forumQuesWrapper table td .glyphicon {
    display: inline-block;
  }
  div.ccm-page .forumQuesWrapper table.statsInner {
    margin: 0 auto;
    width: auto;
  }
  div.ccm-page .forumQuesWrapper table td.outer-cell {
    padding-inline-end: 1em;
  }
  div.ccm-page .forumQuesWrapper table td.outer-cell table {
    width: auto;
  }
}
@media only screen and (min-width: 768px) {
  div.ccm-page .sidebar .forumQuesWrapper .col-sm-12 {
    width: 100%;
  }
  div.ccm-page .sidebar .forumQuesWrapper a.btn {
    margin-top: 0.5em;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
  }
  div.ccm-page .sidebar .forumQuesWrapper table.statsInner {
    text-align: center;
    width: 100%;
  }
  div.ccm-page .sidebar .forumQuesWrapper table.statsInner > tbody > tr {
    display: flex;
    flex-wrap: wrap;
    align-content: space-evenly;
    justify-content: center;
  }
  div.ccm-page .sidebar .forumQuesWrapper table.statsInner .outer-cell {
    padding: .5em 1em;
    width: auto;
  }
  div.ccm-page .sidebar .forumQuesWrapper table.statsInner .outer-cell table {
    text-align: center;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .forumQuesWrapper table.statsInner {
    margin: 0.5em 0 0 0;
  }
  div.ccm-page .forumQuesWrapper table td.outer-cell {
    padding-inline-end: 2em;
    width: auto;
  }
  div.ccm-page .forumQuesWrapper a.btn {
    margin-top: 0;
  }
}
div.ccm-page .heading_tab {
  display: block;
  margin: 0.6em 0;
}
div.ccm-page .heading_tab ul {
  border-bottom: 1px solid var(--main-color) !important;
}
div.ccm-page .heading_tab ul > li > a {
  font-size: 18px;
  padding: 0.75em 1.25em;
  border-radius: 0;
  color: var(--main-color);
  background: #FFFFFF;
  border-left: 1px solid var(--main-color) !important;
  border-right: 1px solid var(--main-color) !important;
  border-top: 6px solid var(--main-color) !important;
}
@media only screen and (min-width: 768px) {
  div.ccm-page .heading_tab ul > li > a {
    font-size: 19.2px;
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page .heading_tab ul > li > a {
    font-size: 20px;
  }
}
div.ccm-page .hive-block-image .img-border-simple {
  padding: 0.5em;
  border: 1px solid var(--neutral-darker-color);
  background: #FFF;
}
div.ccm-page .hive-block-image figure figcaption {
  color: #666666;
}
div.ccm-page .hive-block-key-dates .date-wrapper {
  border-bottom: 1px solid var(--neutral-lighter-color);
  background-image: none;
}
div.ccm-page .hive-block-key-dates .date-wrapper:before {
  content: "\f133";
  font: var(--fa-font-regular);
  font-size: 2.8rem;
  position: relative;
  left: -2.9rem;
  top: 2.9rem;
  color: var(--main-color);
}
div.ccm-page .hive-block-key-dates .hive-block-footer {
  border-top: 1px solid var(--btn-primary-color-bg);
}
div.ccm-page .hive-block-key-dates .date-info {
  padding: 0 1rem 1rem;
}
div.ccm-page .hive-block-key-dates .date-info h4,
div.ccm-page .hive-block-key-dates .date-info h2 {
  color: var(--type-color);
  margin-bottom: .5rem;
  font-size: var(--font-body-base-size);
}
div.ccm-page .hive-block-key-dates table {
  margin-bottom: 10px;
}
div.ccm-page .hive-block-key-dates table td,
div.ccm-page .hive-block-key-dates table th {
  padding: 5px;
  border: 1px solid var(--neutral-lighter-color);
  vertical-align: top;
}
div.ccm-page .hive-block-key-dates table th {
  font-weight: var(--font-weight-bold);
  border-bottom-color: var(--neutral-dark-color);
}
div.ccm-page[dir="rtl"] .hive-block-key-dates .date-wrapper:before,
div.ccm-page[dir="rtl"] .hive-block-key-dates .modal.dateModal .date-wrapper:before {
  left: auto;
  right: -2.9rem;
}
div.ccm-page .projects-filter .projects-filter-form {
  background: var(--filter-color-bg);
  color: var(--type-reverse-color);
  padding: 1em;
  text-align: center;
}
div.ccm-page .projects-filter .projects-filter-form .form-group {
  display: block;
  margin-bottom: 0.5em;
}
div.ccm-page .projects-filter .projects-filter-form .form-group input::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1 !important;
}
div.ccm-page .projects-filter .projects-filter-form .form-group input:-moz-placeholder {
  color: #ffffff;
  opacity: 1 !important;
}
div.ccm-page .projects-filter .projects-filter-form .form-group input::-moz-placeholder {
  color: #ffffff;
  opacity: 1 !important;
}
div.ccm-page .projects-filter .projects-filter-form .form-group input:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1 !important;
}
div.ccm-page .projects-filter .projects-filter-form .form-group textarea::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1 !important;
}
div.ccm-page .projects-filter .projects-filter-form .form-group textarea:-moz-placeholder {
  color: #ffffff;
  opacity: 1 !important;
}
div.ccm-page .projects-filter .projects-filter-form .form-group textarea::-moz-placeholder {
  color: #ffffff;
  opacity: 1 !important;
}
div.ccm-page .projects-filter .projects-filter-form .form-group textarea:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1 !important;
}
div.ccm-page .projects-filter .projects-filter-form .form-control {
  background-color: var(--filter-color-bg);
  color: var(--type-reverse-color);
  line-height: 2.5em;
  height: 2.5em;
  margin: 0em;
  min-width: 16em;
  padding: 0 0.5em;
  width: 100%;
}
div.ccm-page .projects-filter .projects-filter-form-text {
  display: block;
  margin-bottom: 0.5em;
}
div.ccm-page .projects-filter .projects-filter-form-text:first-child {
  padding-top: 0;
}
div.ccm-page .projects-filter .projects-filter-form-text:last-of-type {
  text-transform: uppercase;
}
div.ccm-page .projects-filter .projects-filter-form-select {
  background-image: url("/application/themes/the_hive_v2/img/arrow-down-alt.svg");
  border: 1px solid var(--type-reverse-color);
}
div.ccm-page .projects-filter .projects-filter-form-select option {
  padding: 0.25em;
}
div.ccm-page .projects-filter input[type='text'].projects-filter-form-input {
  border: 0px;
  border-bottom: 1px solid var(--type-reverse-color);
}
div.ccm-page .projects-filter.mod-toggle {
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: var(--filter-color-bg);
  border-radius: var(--border-radius-sm);
}
div.ccm-page .projects-filter.mod-toggle a[data-toggle='collapse'] {
  color: var(--type-reverse-color);
  padding: 0;
  font-weight: var(--font-weight-bold);
}
div.ccm-page .projects-filter.mod-toggle a[data-toggle='collapse']:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  border: 5px solid transparent;
  border-top-width: 0;
  border-bottom: 7px solid var(--type-reverse-color);
}
div.ccm-page .projects-filter.mod-toggle a[data-toggle='collapse'].collapsed:after {
  border: 5px solid transparent;
  border-bottom-width: 0;
  border-top: 7px solid var(--type-reverse-color);
}
div.ccm-page .projects-filter.mod-toggle a[data-toggle='collapse']:hover,
div.ccm-page .projects-filter.mod-toggle a[data-toggle='collapse']:active {
  color: var(--neutral-lightest-color);
  text-decoration: none;
}
div.ccm-page .projects-filter.mod-toggle .projects-filter-form {
  font-weight: var(--font-weight-semi-bold);
  padding: 0;
  margin-top: 1em;
}
div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-control {
  border-top: 2px solid transparent;
  min-width: 0;
}
div.ccm-page .projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text {
  display: none;
  margin: 0 0.5em;
}
div.ccm-page .projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text:last-of-type {
  text-transform: none;
}
div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group input::-webkit-input-placeholder {
  color: var(--neutral-lighter-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group input:-moz-placeholder {
  color: var(--neutral-lighter-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group input::-moz-placeholder {
  color: var(--neutral-lighter-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group input:-ms-input-placeholder {
  color: var(--neutral-lighter-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group textarea::-webkit-input-placeholder {
  color: var(--neutral-lighter-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group textarea:-moz-placeholder {
  color: var(--neutral-lighter-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group textarea::-moz-placeholder {
  color: var(--neutral-lighter-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group textarea:-ms-input-placeholder {
  color: var(--neutral-lighter-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group .form-control {
  background: var(--filter-color-bg);
  border: none;
  border-bottom: 2px solid var(--type-reverse-color);
  border-top: 2px solid transparent;
}
div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group .form-control:focus {
  border-bottom: 2px solid var(--accent-color);
  box-shadow: none;
}
div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group .form-control.projects-filter-form-select {
  background-image: url(/application/themes/the_hive_v2/img/arrow-down.svg);
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1rem;
  padding: 0 .5em;
  padding-inline-end: 1.2em;
}
div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group .form-control.projects-filter-form-select::after {
  border: 5px solid transparent;
  border-bottom-width: 0;
  border-top: 7px solid var(--type-reverse-color);
}
div.ccm-page .projects-filter.mod-toggle .projects-filter-form .projects-filter-form-input {
  display: inline-block;
  margin-bottom: .5em;
}
div.ccm-page .projects-filter.mod-toggle .btn {
  width: 100%;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-color {
  padding-top: 1em;
  padding-bottom: 1em;
  margin-bottom: 2em;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-color .projects-filter-form .form-group input::-webkit-input-placeholder {
  color: var(--neutral-lighter-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-color .projects-filter-form .form-group input:-moz-placeholder {
  color: var(--neutral-lighter-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-color .projects-filter-form .form-group input::-moz-placeholder {
  color: var(--neutral-lighter-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-color .projects-filter-form .form-group input:-ms-input-placeholder {
  color: var(--neutral-lighter-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-color .projects-filter-form .form-group textarea::-webkit-input-placeholder {
  color: var(--neutral-lighter-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-color .projects-filter-form .form-group textarea:-moz-placeholder {
  color: var(--neutral-lighter-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-color .projects-filter-form .form-group textarea::-moz-placeholder {
  color: var(--neutral-lighter-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-color .projects-filter-form .form-group textarea:-ms-input-placeholder {
  color: var(--neutral-lighter-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-color .projects-filter-form .form-group .form-control.projects-filter-form-select {
  background-color: var(--type-reverse-color);
  color: var(--type-color);
  border: none;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-color .projects-filter-form .form-group select:focus {
  box-shadow: 0 0 3px var(--accent-color), 0 0 7px var(--accent-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-color .btn.btn-primary {
  background-color: var(--type-reverse-color);
  color: var(--filter-color-bg);
  border: 1px solid var(--type-reverse-color);
  padding: 0 1em;
  width: 100%;
  height: 2.5em;
  margin-inline-start: 0;
  display: inline-block;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-color .btn.btn-primary:hover,
div.ccm-page .projects-filter.mod-toggle.mod-filter-color .btn.btn-primary:active {
  background-color: transparent;
  color: var(--type-reverse-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-color .btn.btn-primary:hover,
div.ccm-page .projects-filter.mod-toggle.mod-filter-color .btn.btn-primary:focus {
  background-color: var(--neutral-lightest-color);
  color: var(--filter-color-bg);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-grey {
  padding-top: 1em;
  padding-bottom: 1em;
  margin-bottom: 2em;
  background-color: var(--filter-grey-bg);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-grey a[data-toggle='collapse'] {
  color: var(--type-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-grey a[data-toggle='collapse']:after {
  border: 5px solid transparent;
  border-top-width: 0;
  border-bottom: 7px solid var(--type-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-grey a[data-toggle='collapse'].collapsed:after {
  border: 5px solid transparent;
  border-bottom-width: 0;
  border-top: 7px solid var(--type-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-grey .projects-filter-form {
  background-color: var(--filter-grey-bg);
  color: var(--type-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-grey .projects-filter-form .form-group input::-webkit-input-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-grey .projects-filter-form .form-group input:-moz-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-grey .projects-filter-form .form-group input::-moz-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-grey .projects-filter-form .form-group input:-ms-input-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-grey .projects-filter-form .form-group textarea::-webkit-input-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-grey .projects-filter-form .form-group textarea:-moz-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-grey .projects-filter-form .form-group textarea::-moz-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-grey .projects-filter-form .form-group textarea:-ms-input-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-grey .projects-filter-form .form-group .form-control {
  background-color: var(--filter-grey-bg);
  color: var(--type-color);
  border-bottom: 2px solid var(--type-color);
  line-height: calc(2.5em - 4px);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-grey .projects-filter-form .form-group .form-control.projects-filter-form-select {
  background-color: var(--type-reverse-color);
  color: var(--type-color);
  border: 2px solid var(--type-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-grey .projects-filter-form .form-group .form-control.projects-filter-form-select:focus {
  box-shadow: 0 0 3px var(--accent-color), 0 0 7px var(--accent-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-grey .projects-filter-form .form-group .form-control.projects-filter-form-input:focus {
  border-bottom: 2px solid var(--accent-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-white {
  padding-top: 1em;
  padding-bottom: 1em;
  margin-bottom: 2em;
  background-color: var(--type-reverse-color);
  color: var(--type-color);
  border: 2px solid var(--main-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-white a[data-toggle='collapse'] {
  color: var(--type-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-white a[data-toggle='collapse']:after {
  border: 5px solid transparent;
  border-top-width: 0;
  border-bottom: 7px solid var(--type-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-white a[data-toggle='collapse'].collapsed:after {
  border: 5px solid transparent;
  border-bottom-width: 0;
  border-top: 7px solid var(--type-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-white .projects-filter-form .form-group input::-webkit-input-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-white .projects-filter-form .form-group input:-moz-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-white .projects-filter-form .form-group input::-moz-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-white .projects-filter-form .form-group input:-ms-input-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-white .projects-filter-form .form-group textarea::-webkit-input-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-white .projects-filter-form .form-group textarea:-moz-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-white .projects-filter-form .form-group textarea::-moz-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-white .projects-filter-form .form-group textarea:-ms-input-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-white .projects-filter-form .form-group .form-control {
  line-height: calc(2.5em - 4px);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-box .projects-filter-form {
  background-color: var(--type-reverse-color);
  color: var(--main-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-box .projects-filter-form .form-group input::-webkit-input-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-box .projects-filter-form .form-group input:-moz-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-box .projects-filter-form .form-group input::-moz-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-box .projects-filter-form .form-group input:-ms-input-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-box .projects-filter-form .form-group textarea::-webkit-input-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-box .projects-filter-form .form-group textarea:-moz-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-box .projects-filter-form .form-group textarea::-moz-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-box .projects-filter-form .form-group textarea:-ms-input-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-box .projects-filter-form .form-group .form-control {
  background-color: var(--type-reverse-color);
  color: var(--main-color);
  border: 2px solid var(--main-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-box .projects-filter-form .form-group .form-control:focus {
  box-shadow: 0 0 3px var(--accent-color), 0 0 7px var(--accent-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-box .projects-filter-form .form-group .form-control.projects-filter-form-select {
  background-color: var(--type-reverse-color);
  color: var(--main-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-underline .projects-filter-form {
  background-color: var(--type-reverse-color);
  color: var(--type-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-underline .projects-filter-form .form-group input::-webkit-input-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-underline .projects-filter-form .form-group input:-moz-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-underline .projects-filter-form .form-group input::-moz-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-underline .projects-filter-form .form-group input:-ms-input-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-underline .projects-filter-form .form-group textarea::-webkit-input-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-underline .projects-filter-form .form-group textarea:-moz-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-underline .projects-filter-form .form-group textarea::-moz-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-underline .projects-filter-form .form-group textarea:-ms-input-placeholder {
  color: var(--neutral-medium-color);
  opacity: 1 !important;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-underline .projects-filter-form .form-group .form-control {
  background-color: var(--type-reverse-color);
  color: var(--main-color);
  border-bottom: 2px solid var(--main-color);
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-underline .projects-filter-form .form-group .form-control:focus {
  border-bottom: 2px solid var(--accent-color);
  box-shadow: none;
}
div.ccm-page .projects-filter.mod-toggle.mod-filter-underline .projects-filter-form .form-group .form-control.projects-filter-form-select {
  background-color: var(--type-reverse-color);
  color: var(--main-color);
}
@media only screen and (min-width: 568px) {
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-control {
    min-width: 16em;
  }
}
@media only screen and (min-width: 768px) {
  div.ccm-page .projects-filter .projects-filter-form .projects-filter-form-text {
    display: inline-block;
  }
  div.ccm-page .projects-filter .projects-filter-form .projects-filter-form-text:first-child,
  div.ccm-page .projects-filter .projects-filter-form .projects-filter-form-text:last-of-type {
    display: block;
    margin-bottom: .5em;
  }
  div.ccm-page .projects-filter .projects-filter-form .form-group {
    display: inline-block;
  }
  div.ccm-page .projects-filter .projects-filter-form .form-group .projects-filter-form-select {
    max-width: 16em;
  }
  div.ccm-page .projects-filter .projects-filter-form .form-group:last-child {
    display: block;
  }
  div.ccm-page .projects-filter input[type='text'].projects-filter-form-input {
    width: 100%;
  }
  div.ccm-page .projects-filter.mod-toggle a[data-toggle='collapse'] {
    display: none;
  }
  div.ccm-page .projects-filter.mod-toggle div.collapse {
    display: block !important;
    height: auto !important;
  }
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form {
    margin-top: 0;
  }
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group {
    margin-bottom: 0;
    width: auto;
  }
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group .projects-filter-form-input {
    width: 85%;
    margin: 0 auto;
  }
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text {
    display: block;
  }
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text:nth-of-type(2) {
    display: inline-block;
    margin-bottom: 0;
  }
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text:nth-of-type(3) {
    margin: .5em;
  }
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form .projects-filter-form-select {
    border: 1px solid var(--neutral-light-color);
  }
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form .btn.btn-primary {
    width: auto;
    margin-inline-start: .5em;
  }
  div.ccm-page .projects-filter.mod-toggle.mod-filter-grey .projects-filter-form .form-control,
  div.ccm-page .projects-filter.mod-toggle.mod-filter-white .projects-filter-form .form-control {
    line-height: calc(2.5em - 4px);
  }
  div.ccm-page .projects-filter.mod-toggle.mod-filter-grey .projects-filter-form .btn.btn-primary,
  div.ccm-page .projects-filter.mod-toggle.mod-filter-white .projects-filter-form .btn.btn-primary {
    width: 2.5em;
    padding-left: 0;
    padding-right: 0;
  }
  div.ccm-page .projects-filter.mod-toggle.mod-filter-grey .projects-filter-form .btn.btn-primary span,
  div.ccm-page .projects-filter.mod-toggle.mod-filter-white .projects-filter-form .btn.btn-primary span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  div.ccm-page .projects-filter.mod-toggle.mod-filter-white {
    border: none;
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .projects-filter .projects-filter-form .projects-filter-form-text {
    margin: 0 0.5em;
  }
  div.ccm-page .projects-filter .projects-filter-form .projects-filter-form-text:first-child {
    margin-bottom: 0.5em;
  }
  div.ccm-page .projects-filter .projects-filter-form .projects-filter-form-text:last-of-type {
    display: inline-block;
  }
  div.ccm-page .projects-filter .projects-filter-form .form-group {
    margin-bottom: 0;
  }
  div.ccm-page .projects-filter .projects-filter-form .form-group:last-child {
    display: inline-block;
  }
  div.ccm-page .projects-filter input[type='text'].projects-filter-form-input {
    width: auto;
  }
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text {
    display: block;
  }
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text:first-child {
    width: auto;
  }
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text:nth-of-type(2),
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text:nth-of-type(3) {
    display: inline-block;
    margin: .5em;
  }
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group .projects-filter-form-input {
    width: 70%;
  }
  div.ccm-page .projects-filter.mod-filter-color .projects-filter-form .form-control {
    min-width: 15em;
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page .projects-filter .projects-filter-form {
    padding: 0.75em 1em;
  }
  div.ccm-page .projects-filter .projects-filter-form .projects-filter-form-text:first-child {
    display: inline-block;
    margin-bottom: 0;
  }
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
  }
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text {
    display: inline-block;
  }
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group {
    display: flex;
    width: auto;
  }
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group:last-child {
    display: flex;
  }
  div.ccm-page .projects-filter.mod-toggle .projects-filter-form .form-group .projects-filter-form-input {
    width: auto;
  }
}
div.ccm-page .page-template-narrow .main .hive-block.projects-filter.mod-toggle .projects-filter-form .form-group .form-control,
div.ccm-page .page-template-right-sidebar .main .hive-block.projects-filter.mod-toggle .projects-filter-form .form-group .form-control {
  min-width: 12em;
}
@media only screen and (min-width: 768px) {
  div.ccm-page .page-template-narrow .main .hive-block.projects-filter.mod-toggle .projects-filter-form .form-group .projects-filter-form-input,
  div.ccm-page .page-template-right-sidebar .main .hive-block.projects-filter.mod-toggle .projects-filter-form .form-group .projects-filter-form-input {
    width: 75%;
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .page-template-narrow .main .hive-block.projects-filter.mod-toggle .projects-filter-form,
  div.ccm-page .page-template-right-sidebar .main .hive-block.projects-filter.mod-toggle .projects-filter-form {
    display: block;
  }
  div.ccm-page .page-template-narrow .main .hive-block.projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text,
  div.ccm-page .page-template-right-sidebar .main .hive-block.projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text {
    display: block;
    margin: .5em;
  }
  div.ccm-page .page-template-narrow .main .hive-block.projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text:first-child,
  div.ccm-page .page-template-right-sidebar .main .hive-block.projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text:first-child {
    margin-top: 0;
  }
  div.ccm-page .page-template-narrow .main .hive-block.projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text:nth-of-type(2),
  div.ccm-page .page-template-right-sidebar .main .hive-block.projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text:nth-of-type(2) {
    display: inline-block;
  }
  div.ccm-page .page-template-narrow .main .hive-block.projects-filter.mod-toggle .projects-filter-form .form-group .form-control,
  div.ccm-page .page-template-right-sidebar .main .hive-block.projects-filter.mod-toggle .projects-filter-form .form-group .form-control {
    min-width: 16em;
  }
  div.ccm-page .page-template-narrow .main .hive-block.projects-filter.mod-toggle .projects-filter-form .form-group .projects-filter-form-input,
  div.ccm-page .page-template-right-sidebar .main .hive-block.projects-filter.mod-toggle .projects-filter-form .form-group .projects-filter-form-input {
    width: 80%;
  }
  div.ccm-page .page-template-narrow .main .hive-block.projects-filter.mod-toggle .projects-filter-form .form-group:last-child,
  div.ccm-page .page-template-right-sidebar .main .hive-block.projects-filter.mod-toggle .projects-filter-form .form-group:last-child {
    display: block;
  }
}
div.ccm-page .page-template-right-sidebar .sidebar .hive-block.projects-filter.mod-toggle .projects-filter-form .form-group .form-control {
  min-width: 12em;
}
@media only screen and (min-width: 768px) {
  div.ccm-page .page-template-right-sidebar .sidebar .hive-block.projects-filter.mod-toggle .projects-filter-form {
    display: block;
  }
  div.ccm-page .page-template-right-sidebar .sidebar .hive-block.projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text {
    display: block;
    margin: .5em;
  }
  div.ccm-page .page-template-right-sidebar .sidebar .hive-block.projects-filter.mod-toggle .projects-filter-form .projects-filter-form-text:first-child {
    margin-top: 0;
  }
  div.ccm-page .page-template-right-sidebar .sidebar .hive-block.projects-filter.mod-toggle .projects-filter-form .form-group {
    display: block;
  }
  div.ccm-page .page-template-right-sidebar .sidebar .hive-block.projects-filter.mod-toggle .projects-filter-form .projects-filter-form-select {
    max-width: initial;
  }
  div.ccm-page .page-template-right-sidebar .sidebar .hive-block.projects-filter.mod-toggle .projects-filter-form .projects-filter-form-input {
    width: 100%;
  }
  div.ccm-page .page-template-right-sidebar .sidebar .hive-block.projects-filter.mod-toggle .projects-filter-form .btn {
    width: 100%;
    margin: .5em 0 0 0;
  }
}
div.ccm-page[dir="rtl"] .projects-filter.mod-toggle .projects-filter-form .form-group .form-control.projects-filter-form-select {
  background-position: left 0.5rem center;
}
div.ccm-page[dir="rtl"] .projects-filter .fa-chevron-right:before {
  content: '\f053';
}
div.ccm-page .hive-block-social-map {
  font-family: var(--body-font-family);
  font-size: var(--font-body-base-size);
  color: var(--type-color);
}
div.ccm-page .hive-block-social-map .hive-activity-contributions {
  background-color: #687485;
  border-radius: 25px;
  color: #fff;
  font-size: 14px;
  min-height: 32px;
  line-height: 32px;
  display: inline-block;
  padding: 0 1em;
  font-weight: var(--font-weight-semi-bold);
}
div.ccm-page .hive-block-social-map .hive-block-description,
div.ccm-page .hive-block-social-map .map-action-description {
  font-size: 1em;
  line-height: 1.2em;
  font-weight: var(--font-weight-normal);
}
div.ccm-page .hive-block-social-map {
  background-color: var(--neutral-lighter-color);
}
div.ccm-page .hive-block-social-map .map-overlay .map-overlay-content .btn-outline:hover,
div.ccm-page .hive-block-social-map .map-overlay .map-overlay-content .btn-outline:active,
div.ccm-page .hive-block-social-map .map-overlay .map-overlay-content .btn-outline:focus {
  color: var(--main-color);
}
div.ccm-page .hive-block-social-map .mapboxgl-map {
  font-family: var(--body-font-family) !important;
  font-weight: var(--font-weight-normal) !important;
}
div.ccm-page .hive-block-social-map .bookmarks-wrapper select.bookmarks:focus,
div.ccm-page .hive-block-social-map .location-search-wrapper input:focus,
div.ccm-page .hive-block-social-map .btn.add-marker:focus,
div.ccm-page .hive-block-social-map .btn.cancel-marker:focus,
div.ccm-page .hive-block-social-map [class*="mapboxgl-ctrl"]:focus,
div.ccm-page .hive-block-social-map .map-top-bar .btn-map:focus,
div.ccm-page .hive-block-social-map .map-dock .btn-map:focus,
div.ccm-page .hive-block-social-map .categories-wrapper .cat-item label:focus,
div.ccm-page .hive-block-social-map .bootstrap-switch-container:focus {
  box-shadow: none;
  outline-width: 2px;
  outline-style: solid;
  outline-color: Highlight;
}
div.ccm-page .hive-block-social-map .bootstrap-switch-container:focus {
  outline-offset: -2px;
}
@media (-webkit-min-device-pixel-ratio: 0) {
  div.ccm-page .hive-block-social-map .bookmarks-wrapper select.bookmarks:focus,
  div.ccm-page .hive-block-social-map .location-search-wrapper input:focus,
  div.ccm-page .hive-block-social-map .btn.add-marker:focus,
  div.ccm-page .hive-block-social-map .btn.cancel-marker:focus,
  div.ccm-page .hive-block-social-map [class*="mapboxgl-ctrl"]:focus,
  div.ccm-page .hive-block-social-map .map-top-bar .btn-map:focus,
  div.ccm-page .hive-block-social-map .map-dock .btn-map:focus,
  div.ccm-page .hive-block-social-map .categories-wrapper .cat-item label:focus,
  div.ccm-page .hive-block-social-map .bootstrap-switch-container:focus {
    outline-color: -webkit-focus-ring-color;
    outline-width: 5px;
    outline-style: auto;
  }
}
div.ccm-page .hive-block-social-map .panel-left h4.panel-title,
div.ccm-page .hive-block-social-map .panel-right h4.panel-title {
  color: var(--main-color);
  padding: 15px 0;
}
div.ccm-page .hive-block-social-map .panel-left h4.panel-title {
  padding-top: 0;
  padding-inline-end: 30px;
}
div.ccm-page .hive-block-social-map .map-info-wrapper .panel-content h5 {
  font-size: var(--font-body-base-size);
}
div.ccm-page .hive-block-social-map .map-instructions {
  padding: 15px;
  background-color: #fff2cf;
  color: #846315;
  font-weight: var(--font-weight-semi-bold);
}
div.ccm-page .hive-block-social-map .map h5 {
  color: var(--main-color);
  margin-bottom: 15px;
  font-size: 1.125em;
}
div.ccm-page .hive-block-social-map .image-checkbox-input:focus + label {
  border-color: var(--main-color);
}
div.ccm-page .hive-block-social-map .image-checkbox:hover,
div.ccm-page .hive-block-social-map .image-checkbox.focus {
  border-color: var(--main-color);
}
div.ccm-page .hive-block-social-map .image-checkbox-checked {
  border-color: var(--main-color);
}
div.ccm-page .hive-block-social-map .map-layers-wrapper .layer label {
  display: inline-block;
  font-weight: var(--font-weight-normal);
  margin-bottom: 0;
  word-break: break-word;
}
div.ccm-page .hive-block-social-map .map-categories-wrapper .cat-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  font-weight: var(--font-weight-normal);
  padding: 0;
}
div.ccm-page .hive-block-social-map .map-categories .cat-name,
div.ccm-page .hive-block-social-map .pin-details .cat-name {
  font-weight: var(--font-weight-normal);
}
div.ccm-page .hive-block-social-map .map-info-wrapper .map-categories .cat-name {
  font-family: var(--bold-font-family);
  font-weight: var(--bold-font-weight);
}
div.ccm-page .hive-block-social-map .form-wrapper .form-intro h4,
div.ccm-page .hive-block-social-map .pin-details-wrapper .form-intro h4 {
  color: var(--main-color);
  font-size: 1.4em;
}
div.ccm-page .hive-block-social-map .form-wrapper span[class="hive-"],
div.ccm-page .hive-block-social-map .message-wrapper span[class="hive-"],
div.ccm-page .hive-block-social-map .pin-details-wrapper span[class="hive-"],
div.ccm-page .hive-block-social-map .map-info-wrapper span[class="hive-"],
div.ccm-page .hive-block-social-map .map-help-wrapper span[class="hive-"] {
  color: var(--main-color);
}
div.ccm-page .hive-block-social-map .score fieldset legend {
  font-size: 16px;
  font-weight: var(--font-weight-semi-bold);
  border: 0;
  text-align: center;
  margin: 0 0 10px;
}
div.ccm-page .hive-block-social-map .score .voting-rating-wrapper {
  min-height: 150px;
  background-color: hsl(var(--main-color-h) var(--main-color-s) var(--main-color-l)/0.05);
  padding: 20px 15px 5px;
  border: 2px solid var(--main-color);
  margin-bottom: 15px;
}
div.ccm-page .hive-block-social-map .score .voting-rating-table {
  margin-bottom: 15px;
}
div.ccm-page .hive-block-social-map .voting-rating-summary .voting-rating-container .scroll-container,
div.ccm-page .hive-block-social-map .voting-rating-summary .voting-rating-container .central-tendancy,
div.ccm-page .hive-block-social-map .voting-rating-summary .voting-rating-container .totalScores {
  color: var(--type-color);
}
div.ccm-page .hive-block-social-map .leaflet-control-zoom a {
  background: #ffffff;
}
div.ccm-page .hive-block-social-map .leaflet-control-zoom a,
div.ccm-page .hive-block-social-map .leaflet-control-zoom a:hover,
div.ccm-page .hive-block-social-map .leaflet-control-zoom a:focus {
  text-decoration: none;
}
div.ccm-page .hive-block-social-map .leaflet-control-zoom a:hover,
div.ccm-page .hive-block-social-map .leaflet-control-zoom a:focus {
  background: #f2f2f2;
}
div.ccm-page .hive-block-social-map .add-marker,
div.ccm-page .hive-block-social-map .cancel-marker {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
div.ccm-page .hive-block-social-map .add-marker .btn-label,
div.ccm-page .hive-block-social-map .cancel-marker .btn-label {
  margin-inline-start: .15em;
}
div.ccm-page .hive-block-social-map .form-wrapper,
div.ccm-page .hive-block-social-map .message-wrapper,
div.ccm-page .hive-block-social-map .pin-details-wrapper {
  background: #ffffff;
  color: var(--type-color);
}
div.ccm-page .hive-block-social-map .form-wrapper .container-fluid,
div.ccm-page .hive-block-social-map .message-wrapper .container-fluid,
div.ccm-page .hive-block-social-map .pin-details-wrapper .container-fluid {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 100%;
}
div.ccm-page .hive-block-social-map .form-wrapper .form-intro h4,
div.ccm-page .hive-block-social-map .message-wrapper .form-intro h4,
div.ccm-page .hive-block-social-map .pin-details-wrapper .form-intro h4 {
  color: var(--main-color);
}
div.ccm-page .hive-block-social-map .form-wrapper button.btn-white,
div.ccm-page .hive-block-social-map .message-wrapper button.btn-white,
div.ccm-page .hive-block-social-map .pin-details-wrapper button.btn-white {
  color: var(--main-color);
}
div.ccm-page .hive-block-social-map .form-wrapper button.btn-white:hover,
div.ccm-page .hive-block-social-map .message-wrapper button.btn-white:hover,
div.ccm-page .hive-block-social-map .pin-details-wrapper button.btn-white:hover,
div.ccm-page .hive-block-social-map .form-wrapper button.btn-white:focus,
div.ccm-page .hive-block-social-map .message-wrapper button.btn-white:focus,
div.ccm-page .hive-block-social-map .pin-details-wrapper button.btn-white:focus,
div.ccm-page .hive-block-social-map .form-wrapper button.btn-white:active,
div.ccm-page .hive-block-social-map .message-wrapper button.btn-white:active,
div.ccm-page .hive-block-social-map .pin-details-wrapper button.btn-white:active {
  background: var(--main-color);
  color: var(--type-reverse-color);
}
div.ccm-page .hive-block-social-map .form-wrapper button.btn-white-alt,
div.ccm-page .hive-block-social-map .message-wrapper button.btn-white-alt,
div.ccm-page .hive-block-social-map .pin-details-wrapper button.btn-white-alt {
  color: var(--type-reverse-color);
}
div.ccm-page .hive-block-social-map .form-wrapper button.btn-white-alt:hover,
div.ccm-page .hive-block-social-map .message-wrapper button.btn-white-alt:hover,
div.ccm-page .hive-block-social-map .pin-details-wrapper button.btn-white-alt:hover,
div.ccm-page .hive-block-social-map .form-wrapper button.btn-white-alt:focus,
div.ccm-page .hive-block-social-map .message-wrapper button.btn-white-alt:focus,
div.ccm-page .hive-block-social-map .pin-details-wrapper button.btn-white-alt:focus,
div.ccm-page .hive-block-social-map .form-wrapper button.btn-white-alt:active,
div.ccm-page .hive-block-social-map .message-wrapper button.btn-white-alt:active,
div.ccm-page .hive-block-social-map .pin-details-wrapper button.btn-white-alt:active {
  background: var(--main-color);
  color: var(--type-reverse-color);
}
div.ccm-page .hive-block-social-map .pin-details-wrapper {
  color: var(--type-color);
}
div.ccm-page .hive-block-social-map .pin-details-wrapper .btn.pin-close {
  color: var(--type-reverse-color);
}
div.ccm-page .hive-block-social-map .pin-details-wrapper .btn.pin-close:hover,
div.ccm-page .hive-block-social-map .pin-details-wrapper .btn.pin-close:focus,
div.ccm-page .hive-block-social-map .pin-details-wrapper .btn.pin-close:active {
  background: transparent;
  color: var(--type-reverse-color);
}
div.ccm-page .hive-block-social-map .pin-details-wrapper .btn.pin-close .glyphicon {
  color: var(--neutral-dark-color);
}
div.ccm-page .hive-block-social-map .pin-details-wrapper .btn.pin-close .glyphicon:hover,
div.ccm-page .hive-block-social-map .pin-details-wrapper .btn.pin-close .glyphicon:focus,
div.ccm-page .hive-block-social-map .pin-details-wrapper .btn.pin-close .glyphicon:active {
  background: transparent;
  color: var(--type-color);
}
div.ccm-page .hive-block-social-map .pin-details-wrapper .pin-details h4 {
  color: var(--type-muted-color);
}
div.ccm-page .hive-block-social-map .pin-details-wrapper .pin-details hr {
  border-color: var(--neutral-lighter-color);
}
div.ccm-page .hive-block-social-map .pin-details-wrapper .pin-details .pin-meta {
  color: var(--type-muted-color);
}
div.ccm-page .hive-block-social-map .pin-details-wrapper .pin-details .pin-meta .fa {
  color: var(--type-color);
}
div.ccm-page .hive-block-social-map .pin-details-wrapper .pin-details .pin-meta .pin-location {
  color: var(--type-color);
}
div.ccm-page .hive-block-social-map .pin-details-wrapper .pin-content .fileupload a {
  color: var(--type-color);
  font-weight: var(--font-weight-normal);
}
div.ccm-page .hive-block-social-map .manual-address {
  font-size: var(--font-body-base-sm-size);
}
@media only screen and (min-width: 768px) {
  div.ccm-page .hive-block-social-map .manual-address {
    font-size: var(--font-body-base-md-size);
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .hive-block-social-map .manual-address {
    font-size: var(--font-body-base-size);
  }
}
div.ccm-page .hive-block-social-map .message {
  font-size: 20px;
}
div.ccm-page .hive-block-social-map .form-wrapper h4.panel-title {
  padding-bottom: 0;
  margin-bottom: 0;
}
div.ccm-page .hive-block-social-map .form-wrapper .btn.file-upload-button {
  background-color: #ffffff;
  color: var(--main-color);
  border: 1px solid var(--neutral-lighter-color);
}
div.ccm-page .hive-block-social-map .form-wrapper .btn.file-upload-button:hover,
div.ccm-page .hive-block-social-map .form-wrapper .btn.file-upload-button:focus,
div.ccm-page .hive-block-social-map .form-wrapper .btn.file-upload-button:active {
  background-color: var(--neutral-lighter-color);
}
div.ccm-page .hive-block-social-map .form-wrapper .grecaptcha-checkbox > div,
div.ccm-page .hive-block-social-map .form-wrapper .grecaptcha-invisible > div {
  margin: 0 0 0 auto;
}
div.ccm-page .hive-block-social-map .popup-submission {
  color: var(--main-color);
}
div.ccm-page .hive-block-social-map .leaflet-marker-pane > .leaflet-clickable:focus .beautify-marker.marker,
div.ccm-page .hive-block-social-map .leaflet-marker-pane > .leaflet-clickable:hover .beautify-marker.marker {
  border-color: #ffffff !important;
}
div.ccm-page .hive-block-social-map .legend-wrapper {
  background: #ffffff;
  border: 1px solid var(--neutral-lighter-color);
}
div.ccm-page .hive-block-social-map .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder,
div.ccm-page .hive-block-social-map .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder ul {
  box-shadow: none;
  border-radius: 0;
}
div.ccm-page .hive-block-social-map .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder input[type="text"] {
  border: 0;
  font-family: var(--body-font-family) !important;
  padding-inline-start: 46px;
  margin: 0;
}
div.ccm-page .hive-block-social-map .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
  top: 12px;
  right: 8px;
}
div.ccm-page .hive-block-social-map .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder .geocoder-icon {
  width: 27px;
}
div.ccm-page .hive-block-social-map .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder .geocoder-icon.geocoder-icon-search {
  background-image: none;
  left: 15px;
  border-right: 1px solid #e8ebef;
}
div.ccm-page .hive-block-social-map .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder .geocoder-icon.geocoder-icon-search:after {
  font: var(--fa-font-solid);
  content: "\f002";
}
div.ccm-page .hive-block-social-map .map-top-bar .top-bar-left .btn-map.selected {
  background-color: #d1e4ed;
  border-color: #d1e4ed;
  color: var(--main-color);
}
div.ccm-page .hive-block-social-map .map-top-bar .top-bar-left .btn-map span {
  display: none;
}
div.ccm-page .hive-block-social-map .map-dock .btn-map.selected {
  background-color: #d1e4ed;
  border-color: #d1e4ed;
  color: var(--main-color);
}
div.ccm-page .hive-block-social-map .hive-social-map-block.view-hive-infomarker .pin-details .pin-body :not(.pin-image) h4 {
  color: var(--h4-type-color);
  font-family: var(--h4-type-font-family);
  font-weight: var(--h4-type-font-weight);
  margin: unset;
}
div.ccm-page .hive-block-social-map .hive-social-map-block.view-hive-infomarker .pin-details .pin-body div.nav-wrapper div.nav-content > ul.link-list li.nav-header.active {
  border-bottom-width: 4px;
  border-color: var(--button-color);
  color: var(--button-color);
}
div.ccm-page .hive-block-social-map .hive-social-map-block.view-hive-infomarker .pin-details .pin-body .voting-rating-wrapper fieldset > legend {
  font-size: 1.05em;
  color: var(--h4-type-color);
  font-family: var(--h4-type-font-family);
  font-weight: var(--h4-type-font-weight);
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .hive-block-social-map .map-top-bar .location-search-wrapper {
    border-right: 0;
  }
}
div.ccm-page[dir="rtl"] .hive-block-social-map .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
  top: 12px;
  right: auto;
  left: 8px;
}
div.ccm-page .social-map-embed-dialog .embed-modal-content pre button {
  font-family: var(--body-font-family);
}
div.ccm-page .social-map-embed-dialog .embed-modal-content pre button span {
  font-weight: 600;
}
div.ccm-page .hive-block-web-map .hive-block-description {
  font-size: 1em;
  line-height: 1.2em;
  font-weight: var(--font-weight-normal);
}
div.ccm-page .hive-block-web-map:not(.hive-block-web-map-slim) {
  background-color: var(--neutral-lighter-color);
}
div.ccm-page .hive-block-web-map .map-overlay .map-overlay-content .btn-outline:hover,
div.ccm-page .hive-block-web-map .map-overlay .map-overlay-content .btn-outline:active,
div.ccm-page .hive-block-web-map .map-overlay .map-overlay-content .btn-outline:focus {
  color: var(--main-color);
}
div.ccm-page .hive-block-web-map .mapboxgl-map {
  font-family: var(--body-font-family) !important;
  font-weight: var(--font-weight-normal) !important;
}
div.ccm-page .hive-block-web-map .bookmarks-wrapper select.bookmarks:focus,
div.ccm-page .hive-block-web-map .location-search-wrapper input:focus,
div.ccm-page .hive-block-web-map .btn.cancel-marker:focus,
div.ccm-page .hive-block-web-map [class*="mapboxgl-ctrl"]:focus,
div.ccm-page .hive-block-web-map .map-top-bar .btn-map:focus,
div.ccm-page .hive-block-web-map .map-dock .btn-map:focus,
div.ccm-page .hive-block-web-map .bootstrap-switch-container:focus {
  box-shadow: none;
  outline-width: 2px;
  outline-style: solid;
  outline-color: Highlight;
}
div.ccm-page .hive-block-web-map .bootstrap-switch-container:focus {
  outline-offset: -2px;
}
@media (-webkit-min-device-pixel-ratio: 0) {
  div.ccm-page .hive-block-web-map .bookmarks-wrapper select.bookmarks:focus,
  div.ccm-page .hive-block-web-map .location-search-wrapper input:focus,
  div.ccm-page .hive-block-web-map .btn.cancel-marker:focus,
  div.ccm-page .hive-block-web-map [class*="mapboxgl-ctrl"]:focus,
  div.ccm-page .hive-block-web-map .map-top-bar .btn-map:focus,
  div.ccm-page .hive-block-web-map .map-dock .btn-map:focus,
  div.ccm-page .hive-block-web-map .bootstrap-switch-container:focus {
    outline-color: -webkit-focus-ring-color;
    outline-width: 5px;
    outline-style: auto;
  }
}
div.ccm-page .hive-block-web-map .panel-left h4.panel-title,
div.ccm-page .hive-block-web-map .panel-right h4.panel-title {
  color: var(--main-color);
  padding: 15px 0;
}
div.ccm-page .hive-block-web-map .panel-left h4.panel-title {
  padding-top: 0;
  padding-inline-end: 30px;
}
div.ccm-page .hive-block-web-map .map h5 {
  color: var(--main-color);
  margin-bottom: 15px;
  font-size: 1.125em;
}
div.ccm-page .hive-block-web-map .image-checkbox-input:focus + label {
  border-color: var(--main-color);
}
div.ccm-page .hive-block-web-map .image-checkbox:hover,
div.ccm-page .hive-block-web-map .image-checkbox.focus {
  border-color: var(--main-color);
}
div.ccm-page .hive-block-web-map .image-checkbox-checked {
  border-color: var(--main-color);
}
div.ccm-page .hive-block-web-map .map-layers-wrapper .layer label {
  display: inline-block;
  font-weight: var(--font-weight-normal);
  margin-bottom: 0;
  word-break: break-word;
}
div.ccm-page .hive-block-web-map .pin-details-wrapper .form-intro h4 {
  color: var(--main-color);
  font-size: 1.4em;
}
div.ccm-page .hive-block-web-map .leaflet-control-zoom a {
  background: #ffffff;
}
div.ccm-page .hive-block-web-map .leaflet-control-zoom a,
div.ccm-page .hive-block-web-map .leaflet-control-zoom a:hover,
div.ccm-page .hive-block-web-map .leaflet-control-zoom a:focus {
  text-decoration: none;
}
div.ccm-page .hive-block-web-map .leaflet-control-zoom a:hover,
div.ccm-page .hive-block-web-map .leaflet-control-zoom a:focus {
  background: #f2f2f2;
}
div.ccm-page .hive-block-web-map .manual-address {
  font-size: var(--font-body-base-sm-size);
}
@media only screen and (min-width: 768px) {
  div.ccm-page .hive-block-web-map .manual-address {
    font-size: var(--font-body-base-md-size);
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .hive-block-web-map .manual-address {
    font-size: var(--font-body-base-size);
  }
}
div.ccm-page .hive-block-web-map .message {
  font-size: 20px;
}
div.ccm-page .hive-block-web-map .leaflet-marker-pane > .leaflet-clickable:focus .beautify-marker.marker,
div.ccm-page .hive-block-web-map .leaflet-marker-pane > .leaflet-clickable:hover .beautify-marker.marker {
  border-color: #ffffff !important;
}
div.ccm-page .hive-block-web-map .legend-wrapper {
  background: #ffffff;
  border: 1px solid var(--neutral-lighter-color);
}
div.ccm-page .hive-block-web-map .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder,
div.ccm-page .hive-block-web-map .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder ul {
  box-shadow: none;
  border-radius: 0;
}
div.ccm-page .hive-block-web-map .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder input[type="text"] {
  border: 0;
  font-family: var(--body-font-family) !important;
  padding-inline-start: 52px;
  margin: 0;
}
div.ccm-page .hive-block-web-map .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
  top: 12px;
  right: 8px;
}
div.ccm-page .hive-block-web-map .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder .geocoder-icon {
  width: 27px;
}
div.ccm-page .hive-block-web-map .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder .geocoder-icon.geocoder-icon-search {
  background-image: none;
  left: 15px;
  border-right: 1px solid #e8ebef;
}
div.ccm-page .hive-block-web-map .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder .geocoder-icon.geocoder-icon-search:after {
  font: var(--fa-font-solid);
  content: "\f002";
}
div.ccm-page .hive-block-web-map .map-top-bar .top-bar-left .btn-map.selected {
  background-color: #d1e4ed;
  border-color: #d1e4ed;
  color: var(--main-color);
}
div.ccm-page .hive-block-web-map .map-top-bar .top-bar-left .btn-map span {
  display: none;
}
div.ccm-page .hive-block-web-map .map-dock .btn-map.selected {
  background-color: #d1e4ed;
  border-color: #d1e4ed;
  color: var(--main-color);
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .hive-block-web-map .map-top-bar .location-search-wrapper {
    border-right: 0;
  }
}
div.ccm-page[dir="rtl"] .hive-block-web-map .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
  top: 12px;
  right: auto;
  left: 8px;
}
div.ccm-page .hive-block-project-map .image-checkbox-input:focus + label {
  border-color: var(--main-color);
}
div.ccm-page .hive-block-project-map .image-checkbox:hover,
div.ccm-page .hive-block-project-map .image-checkbox.focus {
  border-color: var(--main-color);
}
div.ccm-page .hive-block-project-map .image-checkbox-checked {
  border-color: var(--main-color);
}
div.ccm-page .hive-block-project-map .project-map-list .project-map-card > a {
  color: var(--type-color);
}
div.ccm-page .hive-block-project-map .project-map-card .heading,
div.ccm-page .hive-block-project-map .project-map-card .project-map-card-title {
  color: var(--type-color);
}
div.ccm-page .hive-block-project-map .project-map-card .tooltip {
  font-family: var(--body-font-family);
}
div.ccm-page .hive-block-project-map .card-container .project-map-card .heading:focus {
  color: var(--main-color);
}
div.ccm-page .hive-block-project-map .card-container .project-map-card .heading:focus .project-map-card-title {
  color: var(--main-color);
  text-decoration: underline;
}
div.ccm-page .hive-block-project-map .card-container .project-map-card .project-map-card-content.hover .heading,
div.ccm-page .hive-block-project-map .card-container .project-map-card .project-map-card-content.hover .project-map-card-title {
  color: var(--main-color);
}
div.ccm-page .hive-block-project-map .card-container .project-map-card .project-map-card-content.hover .project-map-card-title {
  text-decoration: underline;
}
div.ccm-page .hive-block-project-map .card-container .project-map-card:hover .heading,
div.ccm-page .hive-block-project-map .card-container .project-map-card:hover .project-map-card-title {
  color: var(--main-color);
}
div.ccm-page .hive-block-project-map .card-container .project-map-card:hover .project-map-card-title {
  text-decoration: underline;
}
div.ccm-page .hive-block-project-map .card-container .project-map-card.card-extend .heading,
div.ccm-page .hive-block-project-map .card-container .project-map-card.card-extend .project-map-card-title {
  color: var(--main-color);
}
div.ccm-page .policyscape-address-search {
  background-color: var(--policyscape-footer-bg-color);
  padding: 20px 0 40px;
}
div.ccm-page .policyscape-address-search .policyscape-address-search-footer {
  background-color: var(--policyscape-footer-bg-color);
  text-align: center;
}
div.ccm-page .policyscape-address-search .policyscape-address-search-footer > p {
  color: var(--type-reverse-color);
}
div.ccm-page .policyscape-address-search .policyscape-address-search-footer h4 {
  color: var(--type-reverse-color);
  margin-bottom: 0;
}
div.ccm-page .policyscape-address-search .policyscape-address-search-footer h4 i {
  vertical-align: middle;
  font-size: 40px;
  display: block;
  margin-top: 40px;
}
div.ccm-page .policyscape-address-search .policyscape-address-search-footer h4 span {
  line-height: 1em;
  padding: 10px 5px;
  display: block;
}
div.ccm-page .policyscape-editable-area h1 {
  color: var(--image-banner-color);
}
div.ccm-page .hive-block-policyscape .hive-block-head {
  background-color: var(--policyscape-bg-color);
  color: var(--type-reverse-color);
  padding-bottom: 0;
}
div.ccm-page .hive-block-policyscape .hive-block-head h3 {
  color: var(--type-reverse-color);
}
div.ccm-page .hive-block-policyscape .hive-block-description {
  font-size: 1em;
  line-height: 1.2em;
  font-weight: var(--font-weight-normal);
  margin-bottom: 0;
}
div.ccm-page .hive-block-policyscape .hive-block-description p {
  margin-bottom: 0;
}
div.ccm-page .hive-block-policyscape:not(.hive-block-policyscape-slim) {
  background-color: var(--neutral-lighter-color);
}
div.ccm-page .hive-block-policyscape .map-overlay .map-overlay-content .btn-outline:hover,
div.ccm-page .hive-block-policyscape .map-overlay .map-overlay-content .btn-outline:active,
div.ccm-page .hive-block-policyscape .map-overlay .map-overlay-content .btn-outline:focus {
  color: var(--main-color);
}
div.ccm-page .hive-block-policyscape .mapboxgl-map {
  font-family: var(--body-font-family) !important;
  font-weight: var(--font-weight-normal) !important;
}
div.ccm-page .hive-block-policyscape .bookmarks-wrapper select.bookmarks:focus,
div.ccm-page .hive-block-policyscape .location-search-wrapper input:focus,
div.ccm-page .hive-block-policyscape .btn.cancel-marker:focus,
div.ccm-page .hive-block-policyscape [class*="mapboxgl-ctrl"]:focus,
div.ccm-page .hive-block-policyscape .map-top-bar .btn-map:focus,
div.ccm-page .hive-block-policyscape .map-dock .btn-map:focus,
div.ccm-page .hive-block-policyscape .bootstrap-switch-container:focus {
  box-shadow: none;
  outline-width: 2px;
  outline-style: solid;
  outline-color: Highlight;
}
div.ccm-page .hive-block-policyscape .bootstrap-switch-container:focus {
  outline-offset: -2px;
}
@media (-webkit-min-device-pixel-ratio: 0) {
  div.ccm-page .hive-block-policyscape .bookmarks-wrapper select.bookmarks:focus,
  div.ccm-page .hive-block-policyscape .location-search-wrapper input:focus,
  div.ccm-page .hive-block-policyscape .btn.cancel-marker:focus,
  div.ccm-page .hive-block-policyscape [class*="mapboxgl-ctrl"]:focus,
  div.ccm-page .hive-block-policyscape .map-top-bar .btn-map:focus,
  div.ccm-page .hive-block-policyscape .map-dock .btn-map:focus,
  div.ccm-page .hive-block-policyscape .bootstrap-switch-container:focus {
    outline-color: -webkit-focus-ring-color;
    outline-width: 5px;
    outline-style: auto;
  }
}
div.ccm-page .hive-block-policyscape .panel-left h4.panel-title,
div.ccm-page .hive-block-policyscape .panel-right h4.panel-title {
  color: var(--main-color);
  padding: 15px 0;
}
div.ccm-page .hive-block-policyscape .panel-left h4.panel-title {
  padding-top: 0;
  padding-inline-end: 30px;
}
div.ccm-page .hive-block-policyscape .map h5 {
  color: var(--main-color);
  margin-bottom: 15px;
  font-size: 1.125em;
}
div.ccm-page .hive-block-policyscape .image-checkbox-input:focus + label {
  border-color: var(--main-color);
}
div.ccm-page .hive-block-policyscape .image-checkbox:hover,
div.ccm-page .hive-block-policyscape .image-checkbox.focus {
  border-color: var(--main-color);
}
div.ccm-page .hive-block-policyscape .image-checkbox-checked {
  border-color: var(--main-color);
}
div.ccm-page .hive-block-policyscape .map-layers-wrapper .layer label {
  display: inline-block;
  font-weight: var(--font-weight-normal);
  margin-bottom: 0;
  word-break: break-word;
}
div.ccm-page .hive-block-policyscape .pin-details-wrapper .form-intro h4 {
  color: var(--main-color);
  font-size: 1.4em;
}
div.ccm-page .hive-block-policyscape .leaflet-control-zoom a {
  background: #ffffff;
}
div.ccm-page .hive-block-policyscape .leaflet-control-zoom a,
div.ccm-page .hive-block-policyscape .leaflet-control-zoom a:hover,
div.ccm-page .hive-block-policyscape .leaflet-control-zoom a:focus {
  text-decoration: none;
}
div.ccm-page .hive-block-policyscape .leaflet-control-zoom a:hover,
div.ccm-page .hive-block-policyscape .leaflet-control-zoom a:focus {
  background: #f2f2f2;
}
div.ccm-page .hive-block-policyscape .manual-address {
  font-size: var(--font-body-base-sm-size);
}
@media only screen and (min-width: 768px) {
  div.ccm-page .hive-block-policyscape .manual-address {
    font-size: var(--font-body-base-md-size);
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .hive-block-policyscape .manual-address {
    font-size: var(--font-body-base-size);
  }
}
div.ccm-page .hive-block-policyscape .message {
  font-size: 20px;
}
div.ccm-page .hive-block-policyscape .leaflet-marker-pane > .leaflet-clickable:focus .beautify-marker.marker,
div.ccm-page .hive-block-policyscape .leaflet-marker-pane > .leaflet-clickable:hover .beautify-marker.marker {
  border-color: #ffffff !important;
}
div.ccm-page .hive-block-policyscape .legend-wrapper {
  background: #ffffff;
  border: 1px solid var(--neutral-lighter-color);
}
div.ccm-page .hive-block-policyscape .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder,
div.ccm-page .hive-block-policyscape .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder ul {
  box-shadow: none;
  border-radius: 0;
}
div.ccm-page .hive-block-policyscape .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder input[type="text"] {
  border: 0;
  font-family: var(--body-font-family) !important;
  margin: 0;
}
div.ccm-page .hive-block-policyscape .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
  top: 12px;
  right: 8px;
}
div.ccm-page .hive-block-policyscape .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder .geocoder-icon {
  width: 27px;
}
div.ccm-page .hive-block-policyscape .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder .geocoder-icon.geocoder-icon-search {
  background-image: none;
  left: 15px;
  border-right: 1px solid #e8ebef;
}
div.ccm-page .hive-block-policyscape .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder .geocoder-icon.geocoder-icon-search:after {
  font: var(--fa-font-solid);
  content: "\f002";
}
div.ccm-page .hive-block-policyscape .map-top-bar .top-bar-left .btn-map.selected {
  background-color: #d1e4ed;
  border-color: #d1e4ed;
  color: var(--main-color);
}
div.ccm-page .hive-block-policyscape .map-top-bar .top-bar-left .btn-map span {
  display: none;
}
div.ccm-page .hive-block-policyscape .map-dock .btn-map.selected {
  background-color: #d1e4ed;
  border-color: #d1e4ed;
  color: var(--main-color);
}
div.ccm-page.page-type-policyscape-report .liner {
  border-bottom: 6px solid var(--policyscape-report-liner-color);
}
div.ccm-page.page-type-policyscape-report .policy-report table {
  margin-bottom: 1em;
}
div.ccm-page.page-type-policyscape-report .policy-report table td,
div.ccm-page.page-type-policyscape-report .policy-report table th {
  padding: 5px;
  border: 1px solid var(--neutral-lighter-color);
  vertical-align: top;
}
div.ccm-page.page-type-policyscape-report .policy-report table th {
  font-weight: var(--font-weight-bold);
  background-color: var(--neutral-lightest-color);
}
div.ccm-page.page-type-policyscape-report .policy-report img {
  max-width: 100%;
  height: auto;
}
div.ccm-page.page-type-policyscape-report .policy-report .sections .section h2 {
  margin-bottom: 1rem;
}
div.ccm-page.page-type-policyscape-report .policy-report .sections .section .section-description h2,
div.ccm-page.page-type-policyscape-report .policy-report .sections .section .section-default-content h2 {
  margin-top: 0;
}
div.ccm-page[dir="rtl"] .hive-block-policyscape .map-top-bar .location-search-wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
  top: 12px;
  right: auto;
  left: 8px;
}
div.ccm-page .hive-subscribe-form input {
  background-color: transparent;
}
div.ccm-page .hive-block-timeline .hive-block-description {
  margin-bottom: 1em;
}
div.ccm-page .hive-block-timeline ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.ccm-page .hive-block-timeline ul li {
  padding-inline-start: 17px;
  position: relative;
  width: auto;
}
div.ccm-page .hive-block-timeline .timeline-item {
  border-color: var(--timeline-incomplete-color);
  border-inline-start: 2px solid var(--timeline-incomplete-color);
  min-height: 50px;
  padding: 0 1rem 2rem;
  padding-inline-start: 3.1rem;
  width: 100%;
  position: relative;
}
div.ccm-page .hive-block-timeline .timeline-item > p {
  font-family: var(--bold-font-family);
  font-weight: var(--bold-font-weight);
}
div.ccm-page .hive-block-timeline .timeline-item p {
  margin-bottom: 5px;
}
div.ccm-page .hive-block-timeline .timeline-item ul {
  list-style: disc;
  margin-inline-start: 30px;
  margin-top: 10px;
}
div.ccm-page .hive-block-timeline .timeline-item ul li {
  padding-inline-start: 0px;
}
div.ccm-page .hive-block-timeline .timeline-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  margin-inline-start: -48px;
  height: 3.2rem;
  width: 3.2rem;
  border-radius: 50%;
}
div.ccm-page .hive-block-timeline .timeline-icon .glyphicon {
  top: 0;
}
div.ccm-page .hive-block-timeline .timeline-item-incomplete .timeline-item {
  border-inline-start: 2px dashed var(--timeline-incomplete-color);
}
div.ccm-page .hive-block-timeline .timeline-item-incomplete .timeline-icon {
  background-color: var(--timeline-incomplete-color-bg);
  border: 2px solid var(--timeline-incomplete-color);
}
div.ccm-page .hive-block-timeline .timeline-item-incomplete .timeline-icon .glyphicon {
  color: var(--timeline-incomplete-color);
}
div.ccm-page .hive-block-timeline .timeline-item-active .timeline-icon {
  background-color: var(--timeline-active-color-bg);
  border: 2px solid var(--timeline-active-color-bg);
}
div.ccm-page .hive-block-timeline .timeline-item-active .timeline-icon .glyphicon {
  color: var(--timeline-active-color);
}
div.ccm-page .hive-block-timeline .timeline-item-complete .timeline-icon {
  background-color: var(--timeline-complete-color-bg);
  border: 2px solid var(--timeline-complete-color-bg);
}
div.ccm-page .hive-block-timeline .timeline-item-complete .timeline-icon .glyphicon {
  color: var(--timeline-complete-color);
}
div.ccm-page .hive-block-timeline .timeline-item-final .timeline-item {
  border-inline-start: 2px solid var(--type-reverse-color);
}
div.ccm-page .hive-block-timeline .timeline-item-collapsed {
  display: none;
}
div.ccm-page .hive-block-timeline .btn.btn-link {
  border-top: 1px solid var(--main-color);
  padding-top: 0.3em;
  width: 100%;
}
div.ccm-page .hive-block-timeline .hive-block-footer {
  border-top: 1px solid var(--btn-primary-color-bg);
}
div.ccm-page[dir="rtl"] .hive-block-timeline .timeline-icon {
  float: right;
}
div.ccm-page .hive-vision-block h3 {
  color: var(--main-color);
  font-size: 20.25px;
  text-transform: var(--h3-text-transform);
}
div.ccm-page .hive-vision-block .hive-vision-block-inner {
  overflow: hidden;
  /* clear the float */
}
div.ccm-page .hive-vision-block .vision-form-wrapper {
  background: var(--neutral-lighter-color);
  padding: 20px;
  position: relative;
  margin-bottom: 30px;
}
div.ccm-page .hive-vision-block .vision-form-wrapper .grecaptcha-checkbox > div,
div.ccm-page .hive-vision-block .vision-form-wrapper .grecaptcha-invisible > div {
  margin: 0 0 0 auto;
}
div.ccm-page .hive-vision-block .vision-form-wrapper:after {
  border: solid transparent;
  border-top-color: var(--neutral-lighter-color);
  border-width: 30px;
  content: " ";
  height: 0;
  left: 60px;
  margin-left: -30px;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 0;
}
div.ccm-page .hive-vision-block .vision-form-wrapper label.error {
  margin-top: 5px;
}
div.ccm-page .hive-vision-block .vision-form-wrapper input.error,
div.ccm-page .hive-vision-block .vision-form-wrapper textarea.error {
  border: 1px solid #b34646;
}
div.ccm-page .hive-vision-block .hive-vision-block-inner .ajax-loader {
  display: none;
  margin-top: 15px;
  margin-right: 5px;
}
div.ccm-page .hive-vision-block .vision-mod-policy {
  margin-top: 10px;
}
div.ccm-page .hive-vision-block .form-group.is-hidden {
  display: none;
}
@media only screen and (min-width: 768px) {
  div.ccm-page .hive-vision-block h3 {
    font-size: 23.04px;
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page .hive-vision-block h3 {
    font-size: 23.04px;
  }
}
div.ccm-page .hive-vision-view-block {
  margin-bottom: 1em;
  /* THE HIVE VISION CUSTOM TEMPLATES */
  /* THE HIVE VISION POLAROIDS */
  /* THE HIVE VISION POST-IT NOTES */
}
div.ccm-page .hive-vision-view-block .masonry,
div.ccm-page .hive-vision-view-block #vision-alert,
div.ccm-page .hive-vision-view-block .show-more {
  display: none;
}
div.ccm-page .hive-vision-view-block .btn-box {
  width: 100%;
  text-align: center;
  padding: 0;
}
div.ccm-page .hive-vision-view-block .btn-box .btn-vision-filter {
  border-radius: 0px;
}
div.ccm-page .hive-vision-view-block .btn-box .btn-vision-filter,
div.ccm-page .hive-vision-view-block .btn-box .vision-categories .btn.dropdown-toggle {
  color: var(--main-color);
  font-size: 1.3em;
  margin: 0em 1em 1em;
  padding: 0 !important;
  position: relative;
  vertical-align: middle;
  z-index: 1;
  background: transparent;
  box-shadow: none;
  border-bottom: 5px solid transparent;
}
div.ccm-page .hive-vision-view-block .btn-box .btn-vision-filter:hover,
div.ccm-page .hive-vision-view-block .btn-box .vision-categories .btn.dropdown-toggle:hover {
  border-bottom-color: #DDD;
}
div.ccm-page .hive-vision-view-block .btn-box .btn-vision-filter.active,
div.ccm-page .hive-vision-view-block .btn-box .vision-categories .btn.dropdown-toggle.active,
div.ccm-page .hive-vision-view-block .btn-box .btn-vision-filter:focus,
div.ccm-page .hive-vision-view-block .btn-box .vision-categories .btn.dropdown-toggle:focus,
div.ccm-page .hive-vision-view-block .btn-box .btn-vision-filter:active,
div.ccm-page .hive-vision-view-block .btn-box .vision-categories .btn.dropdown-toggle:active {
  color: var(--main-color);
  border-bottom-color: var(--main-color);
  outline: none;
}
div.ccm-page .hive-vision-view-block .btn-box .btn-vision-filter:focus,
div.ccm-page .hive-vision-view-block .btn-box .vision-categories .btn.dropdown-toggle:focus {
  outline: 1px solid var(--neutral-light-color);
}
div.ccm-page .hive-vision-view-block .btn-box .vision-categories {
  padding: 0;
  margin: 0em 1em 1em;
  box-shadow: none;
}
div.ccm-page .hive-vision-view-block .btn-box .vision-categories .btn.dropdown-toggle {
  margin: 0;
}
div.ccm-page .hive-vision-view-block .btn-box .vision-categories .btn-vision-filter {
  display: block;
  margin: 0.2em 0.5em;
  text-align: start;
}
div.ccm-page .hive-vision-view-block .masonry {
  overflow: hidden;
}
div.ccm-page .hive-vision-view-block .masonry .item-text-wrapper {
  width: 100%;
  display: block;
}
div.ccm-page .hive-vision-view-block .masonry .item-text-wrapper .vision-text {
  margin: 1em 0 3em;
  font-size: 0.825em;
  display: block;
  word-wrap: break-word;
}
div.ccm-page .hive-vision-view-block .masonry .item {
  background-color: rgba(9, 123, 188, 0.2);
  color: var(--type-color);
  position: relative;
  margin-bottom: 10px;
  padding: 10px;
  margin-bottom: 8px;
}
div.ccm-page .hive-vision-view-block .masonry .item .vision-name {
  text-align: center;
  margin-bottom: 5px;
  font-size: 0.825em;
}
div.ccm-page .hive-vision-view-block .masonry .item .vision-text {
  font-size: 100%;
  text-align: center;
}
div.ccm-page .hive-vision-view-block .masonry .item .vision-date {
  text-align: center;
  font-size: 0.75em;
  font-weight: bold;
  color: var(--main-color);
  margin-bottom: 0;
}
div.ccm-page .hive-vision-view-block .masonry .item,
div.ccm-page .hive-vision-view-block .masonry .grid-sizer {
  width: 100%;
  position: absolute;
}
div.ccm-page .hive-vision-view-block .masonry .gutter-sizer {
  width: 1%;
  position: absolute;
}
div.ccm-page .hive-vision-view-block .vision-controls {
  margin: 0;
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
}
div.ccm-page .hive-vision-view-block .vision-controls > div {
  display: inline-block;
}
div.ccm-page .hive-vision-view-block .vision-controls button {
  background-color: var(--neutral-darker-color);
  color: var(--type-reverse-color);
  padding: 3px 6px;
  font-size: 16px;
}
div.ccm-page .hive-vision-view-block .vision-controls button img {
  width: 15px;
  height: auto;
}
div.ccm-page .hive-vision-view-block .vision-controls .vision-rate-up button:hover,
div.ccm-page .hive-vision-view-block .vision-controls .vision-rate-up button:focus,
div.ccm-page .hive-vision-view-block .vision-controls .vision-rate-up button.rated:hover,
div.ccm-page .hive-vision-view-block .vision-controls .vision-rate-up button.rated:focus {
  background-color: #4b7f33;
  color: var(--type-reverse-color);
}
div.ccm-page .hive-vision-view-block .vision-controls .vision-rate-up button.rated {
  background-color: #4b7f33;
  font-weight: bold;
}
div.ccm-page .hive-vision-view-block .vision-controls .vision-rate-up .score {
  text-align: center;
  font-size: 16px;
  line-height: 1;
  padding-left: 3px;
}
div.ccm-page .hive-vision-view-block .vision-controls .vision-rate-down button:hover,
div.ccm-page .hive-vision-view-block .vision-controls .vision-rate-down button:focus,
div.ccm-page .hive-vision-view-block .vision-controls .vision-rate-down .vision-rate-down button.rated:hover,
div.ccm-page .hive-vision-view-block .vision-controls .vision-rate-down .vision-rate-down button.rated:focus {
  background-color: #b34646;
  color: var(--type-reverse-color);
}
div.ccm-page .hive-vision-view-block .vision-controls .vision-rate-down button.rated {
  background-color: #b34646;
  font-weight: bold;
}
div.ccm-page .hive-vision-view-block .ajax-loader {
  display: none;
  margin-left: 5px;
}
div.ccm-page .hive-vision-view-block .form-group.is-hidden {
  display: none;
}
div.ccm-page .hive-vision-view-block .btn-load-more {
  margin: 0 auto;
}
div.ccm-page .hive-vision-view-block .mod-polaroids,
div.ccm-page .hive-vision-view-block .mod-post-it-notes {
  overflow: visible;
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item,
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item {
  padding: 10px;
  color: var(--type-color);
  position: relative;
  -webkit-font-smoothing: antialiased;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  transform: rotate(-2deg);
  z-index: 0;
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item:hover,
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item:hover {
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item:nth-child(even),
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item:nth-child(even) {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  transform: rotate(2deg);
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item:nth-child(even):hover,
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item:nth-child(even):hover {
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item:nth-child(3n),
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item:nth-child(3n) {
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  position: relative;
  top: -1px;
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item:nth-child(3n):hover,
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item:nth-child(3n):hover {
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item:nth-child(5n),
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item:nth-child(5n) {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  transform: rotate(5deg);
  position: relative;
  right: 5px;
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item:nth-child(5n):hover,
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item:nth-child(5n):hover {
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item:nth-child(8n),
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item:nth-child(8n) {
  position: relative;
  top: 8px;
  right: 5px;
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item:nth-child(8n):hover,
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item:nth-child(8n):hover {
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item:nth-child(11n),
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item:nth-child(11n) {
  position: relative;
  top: 3px;
  left: -5px;
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item:nth-child(11n):hover,
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item:nth-child(11n):hover {
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item .vision-controls,
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item .vision-controls {
  padding-top: 0.5em;
  bottom: 20px;
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item .vision-controls button,
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item .vision-controls button {
  font-family: var(--body-font-family);
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item .vision-date,
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item .vision-date {
  color: var(--neutral-dark-color);
  padding: 1em 0 0 0;
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item .vision-name,
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item .vision-name {
  padding: 0px 0 0 0;
  font-size: 1em;
  margin-bottom: 0px;
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item .item-text-wrapper .vision-text,
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item .item-text-wrapper .vision-text {
  margin: 0px 0 3em;
  font-size: 1em;
  padding: 1em 0 2em 0;
  color: var(--type-color);
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item {
  background: var(--polaroid-color);
  border: 15px solid #fff;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
div.ccm-page .hive-vision-view-block .mod-polaroids .item .vision-controls {
  background-color: #fff;
  bottom: 0px;
}
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item {
  background: var(--post-it-note-color);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
}
div.ccm-page .hive-vision-view-block .mod-post-it-notes .item .vision-controls {
  bottom: 20px;
}
div.ccm-page .card-hover {
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 568px) {
  div.ccm-page .masonry .item,
  div.ccm-page .masonry .grid-sizer,
  div.ccm-page .container .masonry .item {
    width: 48.5%;
    width: calc(50% - 8px);
  }
}
@media only screen and (min-width: 768px) {
  div.ccm-page .col-sm-8 .masonry .item,
  div.ccm-page .col-sm-8 .masonry .grid-sizer,
  div.ccm-page .container .col-sm-8 .masonry .item {
    width: 48.5%;
    width: calc(50% - 8px);
  }
  div.ccm-page .col-sm-12 .masonry .item,
  div.ccm-page .col-sm-12 .masonry .grid-sizer,
  div.ccm-page .container .col-sm-12 .masonry .item {
    width: 32%;
    width: calc(33.33% - 8px);
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .col-sm-8 .masonry .item,
  div.ccm-page .col-sm-8 .masonry .grid-sizer,
  div.ccm-page .container .col-sm-8 .masonry .item {
    width: 32%;
    width: calc(33.33% - 8px);
  }
  div.ccm-page .col-sm-12 .masonry .item,
  div.ccm-page .col-sm-12 .masonry .grid-sizer,
  div.ccm-page .container .col-sm-12 .masonry .item {
    width: 24%;
    width: calc(25% - 8px);
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  div.ccm-page .masonry .item {
    margin-bottom: 2%;
  }
}
div.ccm-page .featuregrid .hive-block-inner > ul {
  padding: 0;
  list-style: none;
}
div.ccm-page .featuregrid .card-summary > ul > li,
div.ccm-page .featuregrid .panel-summary > ul > li {
  list-style: disc;
}
div.ccm-page .featuregrid .card-summary > ul > li > ul > li,
div.ccm-page .featuregrid .panel-summary > ul > li > ul > li {
  list-style: circle;
}
div.ccm-page .featuregrid .panel-title {
  color: var(--main-color);
}
div.ccm-page .featuregrid .panel-title-link:after,
div.ccm-page .featuregrid .panel-cta a:after,
div.ccm-page .featuregrid .card-footer-cta a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
div.ccm-page .featuregrid .panel-title-link {
  text-decoration: none;
}
div.ccm-page .featuregrid .panel-title-link:hover .panel-title,
div.ccm-page .featuregrid .panel-title-link:focus .panel-title {
  text-decoration: underline;
}
div.ccm-page .featuregrid .feature-icon {
  display: block;
  padding-bottom: 56.25%;
  position: relative;
}
div.ccm-page .featuregrid .feature-icon svg {
  position: absolute;
  height: 60%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
div.ccm-page .hive-block.featuregrid .panel-item a:hover,
div.ccm-page .hive-block.featuregrid .panel-item a:focus {
  color: inherit;
  box-shadow: none;
}
div.ccm-page .featuregrid .panel-item {
  /* Panel Small */
  /* Panel Large */
}
div.ccm-page .featuregrid .panel-item .panel-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  color: var(--type-color);
  font-weight: normal;
}
div.ccm-page .featuregrid .panel-item .feature-wrap-link .panel-cta a {
  font-family: var(--feature-grid-cta-link-font-family);
  font-weight: var(--feature-grid-cta-link-font-weight);
  color: var(--feature-grid-cta-link-color);
  text-decoration: var(--feature-grid-cta-link-decoration);
}
div.ccm-page .featuregrid .panel-item .feature-wrap-link .panel-cta a:hover,
div.ccm-page .featuregrid .panel-item .feature-wrap-link .panel-cta a:focus {
  color: var(--feature-grid-cta-link-hover-color);
  text-decoration: var(--feature-grid-cta-link-hover-decoration);
}
div.ccm-page .featuregrid .panel-item .feature-wrap-link .panel-cta a:visited {
  color: var(--feature-grid-cta-link-color-visited);
}
div.ccm-page .featuregrid .panel-item .feature-wrap-link .panel-cta a:visited:hover,
div.ccm-page .featuregrid .panel-item .feature-wrap-link .panel-cta a:visited:focus {
  color: var(--feature-grid-cta-link-hover-color-visited);
}
div.ccm-page .featuregrid .panel-item .feature-wrap-link:hover .panel-title {
  text-decoration: underline;
}
div.ccm-page .featuregrid .panel-item .panel-img-inner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  padding-bottom: 100%;
}
div.ccm-page .featuregrid .panel-item .panel-img {
  margin-right: 1em;
}
div.ccm-page .featuregrid .panel-item .panel-img .feature-icon {
  padding-bottom: 100%;
}
div.ccm-page .featuregrid .panel-item .panel-main {
  display: flex;
  flex-direction: column;
  width: 100%;
}
div.ccm-page .featuregrid .panel-item .panel-title {
  color: var(--main-color);
  font-size: 1.3em;
  line-height: 1.2;
}
@media only screen and (min-width: 568px) {
  div.ccm-page .featuregrid .panel-item .panel-title {
    font-size: calc(1.3em  +  0.3  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page .featuregrid .panel-item .panel-title {
    font-size: 1.6em;
  }
}
div.ccm-page .featuregrid .panel-item .panel-cta {
  color: var(--type-color);
  font-weight: var(--font-weight-semi-bold);
  margin-top: auto;
  margin-bottom: 0;
}
div.ccm-page .featuregrid .panel-item .panel-cta i {
  display: inline;
}
@media only screen and (min-width: 568px) {
  div.ccm-page .featuregrid .panel-item .panel-wrap {
    flex-direction: row;
  }
}
div.ccm-page .featuregrid .panel-item.panel-small {
  margin: .5em 0;
  display: inline-block;
  width: 100%;
}
div.ccm-page .featuregrid .panel-item.panel-small:first-of-type {
  margin-top: 0;
}
div.ccm-page .featuregrid .panel-item.panel-small:last-of-type {
  margin-bottom: 0;
}
div.ccm-page .featuregrid .panel-item.panel-small .panel-wrap {
  padding: 1em;
  border: 1px solid var(--neutral-lighter-color);
  flex-direction: row;
}
div.ccm-page .featuregrid .panel-item.panel-small .feature-wrap-link:hover {
  box-shadow: none;
  transition: box-shadow 0.3s;
}
div.ccm-page .featuregrid .panel-item.panel-small .panel-img {
  min-width: 140px;
  max-height: 140px;
  margin-bottom: 1em;
}
@media only screen and (min-width: 568px) {
  div.ccm-page .featuregrid .panel-item.panel-small .panel-img {
    margin-bottom: 0;
  }
}
div.ccm-page .featuregrid .panel-item.panel-large {
  margin: .5em 0;
  display: inline-block;
  width: 100%;
}
div.ccm-page .featuregrid .panel-item.panel-large:first-of-type {
  margin-top: 0;
}
div.ccm-page .featuregrid .panel-item.panel-large:last-of-type {
  margin-bottom: 0;
}
div.ccm-page .featuregrid .panel-item.panel-large .panel-wrap {
  border: 1px solid var(--neutral-lighter-color);
}
div.ccm-page .featuregrid .panel-item.panel-large .feature-wrap-link:hover {
  box-shadow: none;
  transition: box-shadow 0.3s;
}
div.ccm-page .featuregrid .panel-item.panel-large .panel-img {
  min-width: 100%;
}
div.ccm-page .featuregrid .panel-item.panel-large .panel-img .feature-icon {
  padding-bottom: 56.25%;
}
div.ccm-page .featuregrid .panel-item.panel-large .panel-img-inner {
  padding-bottom: 56.25%;
}
div.ccm-page .featuregrid .panel-item.panel-large .panel-title-link {
  margin-bottom: 0;
}
div.ccm-page .featuregrid .panel-item.panel-large .panel-title {
  font-size: 110%;
}
div.ccm-page .featuregrid .panel-item.panel-large .panel-main {
  padding: 1em;
}
@media only screen and (min-width: 568px) {
  div.ccm-page .featuregrid .panel-item.panel-large .panel-img {
    min-width: 45%;
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .featuregrid .panel-item.panel-large .panel-img {
    min-width: 375px;
  }
}
div.ccm-page .featuregrid .card > a .card-footer a,
div.ccm-page .featuregrid .card > .card-link-wrap .card-footer a {
  font-family: var(--feature-grid-cta-link-font-family);
  font-weight: var(--feature-grid-cta-link-font-weight);
  color: var(--feature-grid-cta-link-color);
  text-decoration: var(--feature-grid-cta-link-decoration);
}
div.ccm-page .featuregrid .card > a .card-footer a:hover,
div.ccm-page .featuregrid .card > .card-link-wrap .card-footer a:hover,
div.ccm-page .featuregrid .card > a .card-footer a:focus,
div.ccm-page .featuregrid .card > .card-link-wrap .card-footer a:focus {
  color: var(--feature-grid-cta-link-hover-color);
  text-decoration: var(--feature-grid-cta-link-hover-decoration);
}
div.ccm-page .featuregrid .card > a .card-footer a:visited,
div.ccm-page .featuregrid .card > .card-link-wrap .card-footer a:visited {
  color: var(--feature-grid-cta-link-color-visited);
}
div.ccm-page .featuregrid .card > a .card-footer a:visited:hover,
div.ccm-page .featuregrid .card > .card-link-wrap .card-footer a:visited:hover,
div.ccm-page .featuregrid .card > a .card-footer a:visited:focus,
div.ccm-page .featuregrid .card > .card-link-wrap .card-footer a:visited:focus {
  color: var(--feature-grid-cta-link-hover-color-visited);
}
div.ccm-page .featuregrid .card .h-entry {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  overflow: hidden;
  border-radius: inherit;
}
div.ccm-page .featuregrid .card .card-footer {
  color: var(--type-color);
  position: static;
}
div.ccm-page .featuregrid .card .card-footer .card-footer-cta {
  text-align: start;
  padding-bottom: 1.5rem;
}
div.ccm-page .featuregrid .card .card-footer i {
  display: inline;
}
div.ccm-page .featuregrid .cards.mod-cards .card {
  margin: 0 0 1em 0;
}
div.ccm-page .featuregrid .cards.mod-cards .card .card-wrap .card-main,
div.ccm-page .featuregrid .cards.mod-cards .card > a .card-main {
  padding-bottom: 1em;
}
div.ccm-page .featuregrid .cards.mod-cards .card .card-wrap .card-summary,
div.ccm-page .featuregrid .cards.mod-cards .card > a .card-summary {
  color: var(--type-color);
  padding-bottom: 0;
}
div.ccm-page .featuregrid .cards.mod-cards .card .card-wrap .card-footer .card-footer-action,
div.ccm-page .featuregrid .cards.mod-cards .card > a .card-footer .card-footer-action {
  text-align: start;
  padding: .7em 1.2em;
}
div.ccm-page .featuregrid .cards.mod-cards .card > a .card-footer .card-footer-action,
div.ccm-page .featuregrid .cards.mod-cards .card > .card-link-wrap .card-footer .card-footer-action {
  color: var(--link-color);
}
div.ccm-page .featuregrid .cards.mod-cards .card > a .card-img:after,
div.ccm-page .featuregrid .cards.mod-cards .card > .card-link-wrap .card-img:after {
  content: "";
  background-color: var(--card-color-overlay);
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
div.ccm-page .featuregrid .cards.mod-cards .card > a:hover,
div.ccm-page .featuregrid .cards.mod-cards .card > .card-link-wrap:hover,
div.ccm-page .featuregrid .cards.mod-cards .card > a:focus,
div.ccm-page .featuregrid .cards.mod-cards .card > .card-link-wrap:focus {
  box-shadow: none;
}
div.ccm-page .featuregrid .cards.mod-cards .card > a:hover .card-img:after,
div.ccm-page .featuregrid .cards.mod-cards .card > .card-link-wrap:hover .card-img:after,
div.ccm-page .featuregrid .cards.mod-cards .card > a:focus .card-img:after,
div.ccm-page .featuregrid .cards.mod-cards .card > .card-link-wrap:focus .card-img:after {
  opacity: 1;
}
div.ccm-page .featuregrid .cards.mod-cards .card > a:hover .feature-icon.card-img-inner,
div.ccm-page .featuregrid .cards.mod-cards .card > .card-link-wrap:hover .feature-icon.card-img-inner,
div.ccm-page .featuregrid .cards.mod-cards .card > a:focus .feature-icon.card-img-inner,
div.ccm-page .featuregrid .cards.mod-cards .card > .card-link-wrap:focus .feature-icon.card-img-inner {
  transform: none;
}
div.ccm-page .featuregrid .cards.mod-cards .card > a:hover .card-heading,
div.ccm-page .featuregrid .cards.mod-cards .card > .card-link-wrap:hover .card-heading,
div.ccm-page .featuregrid .cards.mod-cards .card > a:focus .card-heading,
div.ccm-page .featuregrid .cards.mod-cards .card > .card-link-wrap:focus .card-heading {
  text-decoration: underline;
}
div.ccm-page .featuregrid .carousel-cards-loader .loader {
  display: block;
}
div.ccm-page .featuregrid .carousel.cards {
  display: none;
  margin: 0 .5rem;
}
div.ccm-page .featuregrid .carousel.cards .slick-focus:focus .card-wrap {
  outline: thin dotted;
  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
  outline-width: 5px;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
@media only screen and (min-width: 768px) {
  div.ccm-page .sidebar .featuregrid .panel-item .panel-wrap {
    flex-direction: column;
  }
  div.ccm-page .sidebar .featuregrid .panel-item .panel-img {
    min-width: 100%;
  }
  div.ccm-page .sidebar .featuregrid .panel-item .panel-img .feature-icon {
    padding-bottom: 56.25%;
  }
  div.ccm-page .sidebar .featuregrid .panel-item .panel-img-inner {
    padding-bottom: 56.25%;
  }
  div.ccm-page .sidebar .featuregrid .panel-item.list .panel-img {
    margin: 0 0 1em;
  }
  div.ccm-page .sidebar .featuregrid .panel-item.panel-small .panel-img {
    margin: 0 0 1em;
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .sidebar .featuregrid .panel-item .panel-wrap {
    flex-direction: row;
  }
  div.ccm-page .sidebar .featuregrid .panel-item .panel-img .feature-icon {
    padding-bottom: 100%;
  }
  div.ccm-page .sidebar .featuregrid .panel-item .panel-img-inner {
    padding-bottom: 100%;
  }
  div.ccm-page .sidebar .featuregrid .panel-item.list .panel-img {
    min-width: 80px;
    max-height: 80px;
    margin: 0 1em 0 0;
  }
  div.ccm-page .sidebar .featuregrid .panel-item.panel-small .panel-img {
    min-width: 110px;
    max-height: 110px;
    margin: 0 1em 0 0;
  }
  div.ccm-page .sidebar .featuregrid .panel-item.panel-large .panel-img {
    min-width: 140px;
    max-height: 140px;
  }
}
div.ccm-page .sidebar .featuregrid .feature-item.card {
  width: 100%;
}
div.ccm-page[dir="rtl"] .featuregrid .fa.fa-angle-right:before {
  content: "\f104";
}
div.ccm-page .ccm-conversation-wrapper .ccm-conversation-add-new-message .form-group {
  margin-bottom: 1em;
}
div.ccm-page .ccm-conversation-wrapper .message-attachments .attachment-container .filename {
  word-break: break-all;
}
div.ccm-page .ccm-conversation-wrapper form .grecaptcha-checkbox > div,
div.ccm-page .ccm-conversation-wrapper .grecaptcha-invisible > div {
  margin: 0 0 0 auto;
}
div.ccm-page div.ccm-conversation-message-form ul.redactor-toolbar,
div.ccm-page div.ccm-conversation-message-form .redactor-editor {
  border-color: var(--type-color);
}
div.ccm-page div.ccm-conversation-message-form .redactor-editor {
  border-top-color: transparent;
}
div.ccm-page div.ccm-conversation-message-form .redactor-editor:focus {
  box-shadow: 0 0 3px var(--accent-color), 0 0 7px var(--accent-color);
}
div.ccm-page div.ccm-conversation-message-form.has-error .redactor-editor {
  border: 1px solid #b34646;
  border-top-color: transparent;
}
div.ccm-page .ccm-conversation-message .ccm-conversation-message-byline {
  color: var(--type-muted-color);
}
div.ccm-page .ccm-conversation-message .ccm-conversation-message-byline a {
  font-size: 0.825em;
  font-weight: var(--font-weight-normal);
}
div.ccm-page .ccm-conversation-message .ccm-conversation-message-byline .ccm-conversation-message-username {
  color: var(--main-color);
}
div.ccm-page .ccm-conversation-message .ccm-conversation-message-byline .ccm-conversation-message-date {
  color: var(--type-muted-color);
}
div.ccm-page .ccm-conversation-message .ccm-conversation-message-controls {
  color: var(--type-muted-color);
}
div.ccm-page .ccm-conversation-message .ccm-conversation-message-controls ul a {
  font-weight: var(--font-weight-normal);
}
div.ccm-page .ccm-conversation-message .ccm-conversation-message-controls a.ccm-conversation-message-control-icon {
  color: var(--type-muted-color);
}
div.ccm-page .ccm-conversation-message .ccm-conversation-message-controls a.ccm-conversation-message-control-icon:hover,
div.ccm-page .ccm-conversation-message .ccm-conversation-message-controls a.ccm-conversation-message-control-icon:focus {
  background-color: transparent;
}
div.ccm-page .ccm-conversation-message .ccm-conversation-message-controls .conversation-rate-message[data-conversation-rating-type="up_vote"]:hover,
div.ccm-page .ccm-conversation-message .ccm-conversation-message-controls .conversation-rate-message[data-conversation-rating-type="up_vote"]:focus {
  color: #4b7f33;
}
div.ccm-page .ccm-conversation-message .ccm-conversation-message-controls .conversation-rate-message[data-conversation-rating-type="down_vote"]:hover,
div.ccm-page .ccm-conversation-message .ccm-conversation-message-controls .conversation-rate-message[data-conversation-rating-type="down_vote"]:focus {
  color: #b34646;
}
div.ccm-page .ccm-conversation-message .ccm-conversation-message-body {
  word-wrap: break-word;
}
div.ccm-page[dir="rtl"] div.ccm-conversation-add-reply div.ccm-conversation-message-form button,
div.ccm-page[dir="rtl"] div.ccm-conversation-add-new-message div.ccm-conversation-message-form button,
div.ccm-page[dir="rtl"] div.ccm-conversation-edit-message div.ccm-conversation-message-form button,
div.ccm-page[dir="rtl"] div.ccm-conversation-add-reply div.ccm-conversation-message-form a.btn,
div.ccm-page[dir="rtl"] div.ccm-conversation-add-new-message div.ccm-conversation-message-form a.btn,
div.ccm-page[dir="rtl"] div.ccm-conversation-edit-message div.ccm-conversation-message-form a.btn,
div.ccm-page[dir="rtl"] div.ccm-conversation-add-reply div.ccm-conversation-message-form .loader,
div.ccm-page[dir="rtl"] div.ccm-conversation-add-new-message div.ccm-conversation-message-form .loader,
div.ccm-page[dir="rtl"] div.ccm-conversation-edit-message div.ccm-conversation-message-form .loader {
  margin: 0 16px 0 0;
}
div.ccm-page[dir="rtl"] div.ccm-conversation-message-count {
  float: right;
}
div.ccm-page[dir="rtl"] div.ccm-conversation-message {
  padding-left: 0;
  padding-right: 50px;
}
div.ccm-page[dir="rtl"] div.ccm-conversation-messages-threaded div.ccm-conversation-message-level1 {
  margin-left: 0;
  margin-right: 50px;
}
div.ccm-page[dir="rtl"] div.ccm-conversation-messages-threaded div.ccm-conversation-message-level2 {
  margin-left: 0;
  margin-right: 100px;
}
div.ccm-page[dir="rtl"] div.ccm-conversation-messages-threaded div.ccm-conversation-message-level3 {
  margin-left: 0;
  margin-right: 150px;
}
div.ccm-page[dir="rtl"] div.ccm-conversation-messages-threaded div.ccm-conversation-message-level4 {
  margin-left: 0;
  margin-right: 200px;
}
div.ccm-page[dir="rtl"] div.ccm-conversation-avatar {
  left: auto;
  right: 0;
  margin-right: 0;
  margin-left: 10px;
}
div.ccm-page[dir="rtl"] div.ccm-conversation-message div.ccm-conversation-message-controls ul {
  float: right;
}
div.ccm-page[dir="rtl"] div.ccm-conversation-message div.ccm-conversation-message-controls ul li {
  margin-left: 0;
  margin-right: 20px;
}
div.ccm-page .hive-block-accordion .panel {
  margin: 0 0 1rem;
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}
div.ccm-page .hive-block-accordion .panel:hover,
div.ccm-page .hive-block-accordion .panel:active,
div.ccm-page .hive-block-accordion .panel:focus {
  box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3);
  text-decoration: none;
}
div.ccm-page .hive-block-accordion .panel-heading {
  padding: 0;
  background: white;
  border-bottom: 0;
}
div.ccm-page .hive-block-accordion .panel-heading .question-label {
  text-decoration: none;
  cursor: pointer;
  background-color: var(--type-reverse-color);
}
div.ccm-page .hive-block-accordion .panel-heading .panel-arrow {
  color: var(--accent-color);
  margin-top: 3px;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
div.ccm-page .hive-block-accordion .panel-body {
  padding-top: 0;
}
div.ccm-page .hive-block-accordion .panel-body img {
  max-width: 100%;
  height: auto;
}
div.ccm-page .hive-block-accordion .panel-title {
  position: relative;
  padding-inline-end: 3rem;
}
div.ccm-page .hive-block-accordion .panel-title h4 {
  color: var(--h4-type-color);
  margin-bottom: 0;
  font-size: 2.3rem;
}
div.ccm-page .hive-block-accordion .panel-title h4 button {
  text-align: start;
  background: transparent;
  margin: 0;
  border: 0;
  padding: 0;
}
div.ccm-page .hive-block-accordion .question-label {
  display: block;
  padding: 10px 15px;
}
div.ccm-page .hive-block-accordion .question-label .panel-arrow .glyphicon-chevron-up {
  display: inline-block;
}
div.ccm-page .hive-block-accordion .question-label .panel-arrow .glyphicon-chevron-down {
  display: none;
}
div.ccm-page .hive-block-accordion .question-label.collapsed .panel-arrow .glyphicon-chevron-up {
  display: none;
}
div.ccm-page .hive-block-accordion .question-label.collapsed .panel-arrow .glyphicon-chevron-down {
  display: inline-block;
}
div.ccm-page .hive-block-accordion .question-label:focus-within {
  outline: thin dotted;
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
div.ccm-page .hive-block-accordion table td,
div.ccm-page .hive-block-accordion table th {
  padding: 5px;
  border: 1px solid var(--neutral-lighter-color);
  vertical-align: top;
}
div.ccm-page .hive-block-accordion table th {
  font-weight: var(--font-weight-bold);
  border-bottom-color: var(--neutral-dark-color);
}
div.ccm-page .hive-block-accordion.mod-left-align .panel-heading .panel-arrow {
  left: 0;
  right: unset;
  font-size: 1.5rem;
  margin-top: 1px;
}
div.ccm-page .hive-block-accordion.mod-left-align .panel-heading .panel-arrow .glyphicon-chevron-down:before {
  content: "\002b";
}
div.ccm-page .hive-block-accordion.mod-left-align .panel-heading .panel-arrow .glyphicon-chevron-up:before {
  content: "\2212";
}
div.ccm-page .hive-block-accordion.mod-left-align .panel-title h4 {
  margin-inline-start: 1.25em;
}
div.ccm-page #redactor-modal-box {
  z-index: 1302 !important;
}
div.ccm-page[dir="rtl"] .hive-block-accordion .panel-heading .panel-arrow {
  right: auto;
  left: 0;
}
div.ccm-page[dir="rtl"] .hive-block-accordion.mod-left-align .panel-heading .panel-arrow {
  left: auto;
  right: 0;
}
div.ccm-page .the-hive-sub-nav .panel-heading h3 {
  margin: 0;
}
div.ccm-page .the-hive-sub-nav li a {
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
}
div.ccm-page .the-hive-sub-nav li.nav-selected a {
  font-family: var(--bold-font-family);
  font-weight: var(--bold-font-weight);
}
div.ccm-page .hive-block-budgeting .hive-block-title h2 {
  color: var(--main-color);
}
div.ccm-page .hive-block-budgeting .budget-filter .reset-filter,
div.ccm-page .hive-block-budgeting .budget-sort .reset-filter {
  border-color: #b34646;
  color: #b34646;
}
div.ccm-page .hive-block-budgeting .budget-filter .reset-filter:hover,
div.ccm-page .hive-block-budgeting .budget-sort .reset-filter:hover {
  background-color: #b34646;
  color: #fff;
}
div.ccm-page .hive-block-budgeting .budget-progress .progress-bar-success {
  background-color: #4b7f33;
}
div.ccm-page .hive-block-budgeting .budget-progress .progress-bar-warning {
  background-color: #eeb64a;
}
div.ccm-page .hive-block-budgeting .project-cost {
  background-color: #4b7f33;
}
div.ccm-page .hive-block-budgeting .btn.mod-budget-submit.btn-danger:hover {
  background-color: #b34646;
}
div.ccm-page .hive-block-budgeting .btn.mod-btn-fund.btn-success {
  border-color: #4b7f33;
  color: #4b7f33;
}
div.ccm-page .hive-block-budgeting .btn.mod-btn-fund.btn-success:hover {
  background-color: #4b7f33;
}
div.ccm-page .hive-block-budgeting .btn.mod-btn-fund.btn-success:focus {
  background-color: #4b7f33;
}
div.ccm-page .hive-block-budgeting .card .card-inner.mod-border-bottom {
  border-bottom: 5px solid var(--main-color);
}
div.ccm-page .hive-block-budgeting .card a,
div.ccm-page .hive-block-budgeting .card .btn-link {
  color: #58585E;
  text-decoration: underline;
}
div.ccm-page .hive-block-budgeting .card a:hover,
div.ccm-page .hive-block-budgeting .card .btn-link:hover {
  color: #46464C;
}
div.ccm-page .hive-block-budgeting .card.is-selected .card-inner {
  border-top: 1px solid #4b7f33;
  border-left: 1px solid #4b7f33;
  border-right: 1px solid #4b7f33;
  background-color: #F1F6ED;
}
div.ccm-page .hive-block-budgeting .card.is-selected .btn.mod-btn-fund.btn-success {
  background-color: #4b7f33;
}
div.ccm-page .hive-block-budgeting .card.is-selected .btn.mod-btn-fund.btn-success:hover {
  border-color: #b34646;
  background-color: #b34646;
}
div.ccm-page .hive-block-budgeting .card.is-selected .btn.mod-btn-fund.btn-success:focus {
  border-color: #b34646;
  background-color: #b34646;
}
div.ccm-page .hive-block-budgeting .card.is-selected .card-footer {
  border-left: 1px solid #4b7f33;
  border-right: 1px solid #4b7f33;
  border-bottom: 1px solid #4b7f33;
}
div.ccm-page .hive-block-budgeting .card.is-selected .card-footer-no-votes {
  border-bottom: 1px solid #4b7f33;
}
div.ccm-page .hive-block-budgeting .card.is-selected.list .card-inner {
  border: 1px solid #4b7f33;
}
div.ccm-page .hive-block-budgeting .card .budget-slider .slider {
  --slider-connect-bg: #4b7f33;
  --slider-tooltip-bg: #4b7f33;
}
div.ccm-page .hive-block-budgeting .card .budget-slider .budget-slider-funded-text {
  color: #4b7f33;
}
div.ccm-page .hive-block-budgeting .hive-modal.is-selected .modal-content .btn.btn.mod-btn-fund.btn-success {
  background-color: #4b7f33;
}
div.ccm-page .hive-block-budgeting .hive-modal.is-selected .modal-content .btn.btn.mod-btn-fund.btn-success:hover {
  border-color: #b34646;
  background-color: #b34646;
}
div.ccm-page .hive-block-budgeting .hive-modal.is-selected .modal-content .btn.btn.mod-btn-fund.btn-success:focus {
  border-color: #b34646;
  background-color: #b34646;
}
div.ccm-page .hive-block-budgeting .modal-content .btn-link {
  color: #58585E;
  text-decoration: underline;
}
div.ccm-page .hive-block-budgeting .modal-content .btn-link:hover {
  color: #46464C;
}
div.ccm-page .hive-block-budgeting .modal-content .budget-slider .slider {
  --slider-connect-bg: #4b7f33;
  --slider-tooltip-bg: #4b7f33;
}
div.ccm-page .hive-block-budgeting .modal-content .budget-slider .budget-slider-funded-text {
  color: #4b7f33;
}
div.ccm-page .hive-block-budgeting h4.project-name {
  color: var(--type-color);
}
div.ccm-page .hive-block-budgeting .label-tag.mod-sm {
  font-size: 11px;
}
div.ccm-page .hive-block-budgeting .budget-footer-form .budget-footer-heading {
  color: var(--main-color);
}
div.ccm-page .hive-block-budgeting .grecaptcha-checkbox > div,
div.ccm-page .hive-block-budgeting .grecaptcha-invisible > div {
  margin: 0 auto;
}
div.ccm-page .QA-block .header .hive-block-title h3 {
  color: var(--main-color);
  font-weight: bold;
  font-sise: 38px;
}
div.ccm-page .QA-block .filters .nav.nav-pills > li > b {
  padding: 0.4em;
}
div.ccm-page .QA-block .response-form .grecaptcha-checkbox > div,
div.ccm-page .QA-block .response-form .grecaptcha-invisible > div {
  margin: 0 0 0 auto;
}
div.ccm-page .QA-block .has-error .redactor-editor {
  border: 1px solid #b34646;
}
div.ccm-page .hive-block-subheader h4 a {
  color: var(--accent-color);
}
div.ccm-page .hive-block-cta {
  background-color: var(--cta-color-bg);
  color: var(--type-reverse-color);
  border-radius: var(--cta-border-radius);
}
div.ccm-page .hive-block-cta .hive-cta-title h2.call-to-action-content {
  font-size: 3rem;
  color: var(--type-reverse-color) !important;
  line-height: 1.1em;
}
div.ccm-page .hive-block-cta .btn.btn-default.cta-button.filled,
div.ccm-page .hive-block-cta a.btn.btn-default.cta-button.filled,
div.ccm-page .hive-block-cta a:visited.btn.btn-default.cta-button.filled,
div.ccm-page .hive-block-cta .cta-button.filled {
  background-color: #FFF;
  background: #FFF;
  border-color: #FFF;
  color: var(--cta-color-bg);
}
div.ccm-page .hive-block-cta .btn.btn-default.cta-button.filled:hover,
div.ccm-page .hive-block-cta a.btn.btn-default.cta-button.filled:hover,
div.ccm-page .hive-block-cta a:visited.btn.btn-default.cta-button.filled:hover,
div.ccm-page .hive-block-cta .cta-button.filled:hover,
div.ccm-page .hive-block-cta .btn.btn-default.cta-button.filled:focus,
div.ccm-page .hive-block-cta a.btn.btn-default.cta-button.filled:focus,
div.ccm-page .hive-block-cta a:visited.btn.btn-default.cta-button.filled:focus,
div.ccm-page .hive-block-cta .cta-button.filled:focus {
  background-color: #e6e6e6;
  background: #e6e6e6;
  border-color: #e6e6e6;
  color: var(--cta-color-bg);
}
div.ccm-page .hive-block-cta .btn.btn-default.cta-button.outlined,
div.ccm-page .hive-block-cta a.btn.btn-default.cta-button.outlined,
div.ccm-page .hive-block-cta a:visited.btn.btn-default.cta-button.outlined,
div.ccm-page .hive-block-cta .cta-button.outlined {
  background-color: transparent;
  background: none;
  border: var(--btn-border-width) solid #ffffff;
  color: #FFF;
}
div.ccm-page .hive-block-cta .btn.btn-default.cta-button.outlined:hover,
div.ccm-page .hive-block-cta a.btn.btn-default.cta-button.outlined:hover,
div.ccm-page .hive-block-cta a:visited.btn.btn-default.cta-button.outlined:hover,
div.ccm-page .hive-block-cta .cta-button.outlined:hover,
div.ccm-page .hive-block-cta .btn.btn-default.cta-button.outlined:focus,
div.ccm-page .hive-block-cta a.btn.btn-default.cta-button.outlined:focus,
div.ccm-page .hive-block-cta a:visited.btn.btn-default.cta-button.outlined:focus,
div.ccm-page .hive-block-cta .cta-button.outlined:focus {
  background-color: #FFF;
  background: #FFF;
  border: var(--btn-border-width) solid #ffffff;
  color: var(--cta-color-bg);
}
div.ccm-page .hive-block-cta .hive-block-description p.call-to-action-content {
  font-size: 1.8rem;
  font-weight: 500;
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .hive-block-cta .hive-cta-title h2.call-to-action-content {
    font-size: 5rem;
  }
  div.ccm-page .hive-block-cta .hive-block-description p.call-to-action-content {
    font-size: 2.2rem;
  }
}
div.ccm-page .sidebar .hive-block-cta .hive-cta-title h2.call-to-action-content {
  font-size: 3rem;
}
div.ccm-page .sidebar .hive-block-cta .hive-block-description p.call-to-action-content {
  font-size: 1.8rem;
}
div.ccm-page .sidebar .hive-block-cta .controlled-width {
  margin: 0 auto;
  width: auto;
}
div.ccm-page .hive-block-bio .bio-name,
div.ccm-page .hive-block-bio .bio-position {
  font-weight: var(--heading-font-weight);
}
div.ccm-page .hive-block-bio .bio-name {
  color: var(--faces-name-color);
}
div.ccm-page .hive-block-bio .bio-position {
  color: var(--faces-position-color);
}
div.ccm-page .card-hover {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
div.ccm-page .hive-stories .hive-stories-cta {
  background-color: var(--gather-color-bg);
  color: var(--gather-color);
}
div.ccm-page .hive-stories .hive-stories-cta .activity-title {
  color: var(--gather-color);
}
div.ccm-page .hive-stories .story-form-modal .file-upload-label {
  font-family: var(--bold-font-family);
  font-weight: var(--bold-font-weight);
}
div.ccm-page .hive-stories .story-form-modal .has-error .form-control-static {
  border: 1px solid #b34646;
}
div.ccm-page .hive-stories .story-form-modal .story-type-switch input + label {
  margin-bottom: 5px;
  padding-left: 6px;
  display: block;
}
div.ccm-page .hive-stories .story-form-modal .story-type-switch input:checked + label {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: var(--type-reverse-color);
}
div.ccm-page .hive-stories.hive-block label.form-file-button {
  font-family: var(--bold-font-family);
  font-weight: var(--bold-font-weight);
  color: var(--type-color);
}
div.ccm-page .hive-stories.hive-block label.form-file-button:hover {
  color: var(--main-color);
}
div.ccm-page .hive-stories.hive-block label.form-file-button:hover {
  color: var(--main-color);
}
div.ccm-page .hive-stories.hive-block input.form-file:focus + label.form-file-button {
  color: var(--main-color);
  outline: 5px auto -webkit-focus-ring-color;
}
div.ccm-page .hive-stories .story-modal .btn.btn-vote {
  color: var(--type-color);
}
div.ccm-page .hive-stories .story-modal .btn.btn-vote:hover,
div.ccm-page .hive-stories .story-modal .btn.btn-vote:focus {
  color: var(--accent-color);
}
div.ccm-page .hive-stories .story-modal .btn.btn-vote.mod-voted {
  color: var(--main-color);
}
div.ccm-page .hive-stories .story-modal .btn.btn-vote.mod-voted:hover,
div.ccm-page .hive-stories .story-modal .btn.btn-vote.mod-voted:focus {
  color: var(--accent-color);
}
div.ccm-page .hive-stories .story-modal .comment .btn-reply {
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  color: var(--main-color);
}
div.ccm-page .hive-stories .story-modal .comment.comment-highlighted {
  border: 2px solid #ffc107;
  background-color: rgba(255, 193, 7, 0.05);
}
div.ccm-page .hive-stories .story-modal-details .story-content-container .story-title {
  color: #3D4958;
}
div.ccm-page .hive-stories .stories-filter .search-filter .form-control {
  border-color: var(--neutral-lighter-color);
  line-height: 1.42857143;
}
div.ccm-page .hive-stories .stories-filter .stories-filter-mobile .stories-filter-mobile-toggle {
  color: var(--type-color);
}
div.ccm-page .hive-stories .story-card .story-card-title {
  font-size: 2.5rem;
  color: var(--type-color);
}
div.ccm-page .hive-stories .story-card .story-card-link {
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  color: var(--type-color);
}
div.ccm-page .hive-stories .story-card .story-card-link:hover,
div.ccm-page .hive-stories .story-card .story-card-link:focus {
  color: var(--type-color);
  background-color: transparent;
}
div.ccm-page .hive-stories .story-card:hover h3 {
  color: var(--main-color);
}
div.ccm-page .hive-stories .story-card.polaroids {
  background: #ffffff;
  transition: all .15s linear;
}
div.ccm-page .hive-stories .story-card.polaroids:hover,
div.ccm-page .hive-stories .story-card.polaroids:focus {
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
div.ccm-page .hive-stories .story-card.polaroids:nth-child(even) {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
}
div.ccm-page .hive-stories .story-card.polaroids:nth-child(even):hover {
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
div.ccm-page .hive-stories .story-card.polaroids:nth-child(3n) {
  -webkit-transform: none;
  -moz-transform: none;
  position: relative;
  top: -1px;
}
div.ccm-page .hive-stories .story-card.polaroids:nth-child(3n):hover {
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
div.ccm-page .hive-stories .story-card.polaroids:nth-child(5n) {
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  position: relative;
  right: 5px;
}
div.ccm-page .hive-stories .story-card.polaroids:nth-child(5n):hover {
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
div.ccm-page .hive-stories .story-card.polaroids:nth-child(8n) {
  position: relative;
  top: 8px;
  right: 5px;
}
div.ccm-page .hive-stories .story-card.polaroids:nth-child(8n):hover {
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
div.ccm-page .hive-stories .story-card.polaroids:nth-child(11n) {
  position: relative;
  top: 3px;
  left: -5px;
}
div.ccm-page .hive-stories .story-card.polaroids:nth-child(11n):hover {
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
div.ccm-page .hive-stories .story-card.polaroids .story-card-link {
  background-color: var(--polaroid-color);
}
div.ccm-page .hive-stories .story-card.polaroids .story-card-link:hover {
  background-color: var(--polaroid-color);
}
div.ccm-page .hive-stories .story-card.polaroids .story-card-title {
  font-size: 1.8rem;
  line-height: 1.4;
}
div.ccm-page .hive-stories .story-card.polaroids .story-byline .datetime {
  font-weight: var(--font-weight-semi-bold);
  color: var(--neutral-dark-color);
}
div.ccm-page .hive-stories .story-card.polaroids .story-byline .author {
  color: var(--type-color);
  font-size: 1.6rem;
}
div.ccm-page .hive-stories .story-card.polaroids .story-card-footer {
  background-color: #FFFFFF;
  padding: 1.5em 1em 0.5em 1em;
  margin: 0;
  border-top: none;
}
div.ccm-page .hive-stories .story-card.polaroids .story-card-footer .vote-count,
div.ccm-page .hive-stories .story-card.polaroids .story-card-footer .comment-count {
  background-color: var(--neutral-dark-color);
  color: var(--type-reverse-color);
  font-weight: var(--font-weight-semi-bold);
  border-radius: var(--btn-border-radius);
}
div.ccm-page .hive-stories .story-card.polaroids .story-card-footer .vote-count i,
div.ccm-page .hive-stories .story-card.polaroids .story-card-footer .comment-count i {
  color: var(--type-reverse-color);
}
div.ccm-page .hive-stories .story-byline .author {
  color: var(--main-color);
}
div.ccm-page .hive-stories .story-byline .line {
  color: var(--neutral-lighter-color);
}
div.ccm-page .hive-block-faq .faq-list .mod-reverse {
  text-decoration: none;
  background-color: var(--type-reverse-color);
}
div.ccm-page .hive-block-faq .faq-list .mod-reverse:hover,
div.ccm-page .hive-block-faq .faq-list .mod-reverse:focus {
  text-decoration: var(--link-hover-decoration);
  background-color: var(--link-hover-bg);
}
div.ccm-page .hive-block-faq .hive-block-footer {
  border-top: 1px solid var(--btn-primary-color-bg);
}
div.ccm-page .hive-block-participation-feed .hive-participation-feed-cta {
  background-color: var(--main-color);
  color: var(--type-reverse-color);
}
div.ccm-page .hive-block-participation-feed .activity-title {
  color: var(--type-reverse-color);
}
div.ccm-page .hive-block-facts[v-cloak] {
  display: none;
}
div.ccm-page .fact-container {
  color: var(--type-color);
}
div.ccm-page .fact-container a {
  color: inherit;
  text-decoration: underline;
}
div.ccm-page .fact-container a:hover,
div.ccm-page .fact-container a:focus {
  color: var(--link-hover-color);
}
div.ccm-page .fact-container .fact-wrap {
  padding: 1em 1.5em;
  height: 100%;
  border-radius: var(--border-radius-lg);
}
div.ccm-page .fact-container .fact-icon {
  display: inline-block;
  height: 10rem;
  width: 10rem;
  margin: 2rem 0;
}
div.ccm-page .fact-container .fact-icon svg {
  width: 10rem;
}
div.ccm-page .fact-container .fact-icon.circular {
  border-radius: 50%;
}
div.ccm-page .fact-container .fact-icon.circular svg {
  padding: 2rem;
}
div.ccm-page .fact-container .fact-content {
  font-weight: var(--font-weight-normal);
  line-height: 1.4;
  justify-content: center;
}
div.ccm-page .fact-container .fact-content.size-normal {
  font-size: var(--font-body-base-sm-size);
}
div.ccm-page .fact-container .fact-content.size-normal p {
  font-size: var(--font-body-base-sm-size);
}
@media only screen and (min-width: 768px) {
  div.ccm-page .fact-container .fact-content.size-normal {
    font-size: var(--font-body-base-md-size);
  }
  div.ccm-page .fact-container .fact-content.size-normal p {
    font-size: var(--font-body-base-md-size);
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .fact-container .fact-content.size-normal {
    font-size: var(--font-body-base-size);
  }
  div.ccm-page .fact-container .fact-content.size-normal p {
    font-size: var(--font-body-base-size);
  }
}
div.ccm-page .fact-container .fact-content.medium {
  font-size: 2.2rem;
}
div.ccm-page .fact-container .fact-content.medium p {
  font-size: 2.2rem;
}
div.ccm-page .fact-container .fact-content.large {
  font-size: 3rem;
}
div.ccm-page .fact-container .fact-content.large p {
  font-size: 3rem;
}
@media (min-width: 768px) and (max-width: 1220px) {
  div.ccm-page.page-template-right-sidebar .main .fact-container.grid-sm-1-3 .fact-icon,
  div.ccm-page.page-template-narrow .fact-container.grid-sm-1-3 .fact-icon {
    height: 7rem;
    width: 7rem;
  }
  div.ccm-page.page-template-right-sidebar .main .fact-container.grid-sm-1-3 .fact-icon svg,
  div.ccm-page.page-template-narrow .fact-container.grid-sm-1-3 .fact-icon svg {
    width: 7rem;
  }
}
@media only screen and (min-width: 768px) {
  div.ccm-page.page-template-right-sidebar .main .fact-container.grid-sm-1-4 .fact-icon,
  div.ccm-page.page-template-narrow .fact-container.grid-sm-1-4 .fact-icon,
  div.ccm-page.page-template-right-sidebar .main .fact-container.grid-sm-1-5 .fact-icon,
  div.ccm-page.page-template-narrow .fact-container.grid-sm-1-5 .fact-icon {
    height: 7rem;
    width: 7rem;
  }
  div.ccm-page.page-template-right-sidebar .main .fact-container.grid-sm-1-4 .fact-icon svg,
  div.ccm-page.page-template-narrow .fact-container.grid-sm-1-4 .fact-icon svg,
  div.ccm-page.page-template-right-sidebar .main .fact-container.grid-sm-1-5 .fact-icon svg,
  div.ccm-page.page-template-narrow .fact-container.grid-sm-1-5 .fact-icon svg {
    width: 7rem;
  }
}
div.ccm-page .fact-list.cards .fact-container {
  padding: 0 .75rem;
  margin: 0 0 1.5rem 0;
}
div.ccm-page .fact-list.cards .auto {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  div.ccm-page .fact-list.cards .auto {
    width: 33.33%;
  }
}
div.ccm-page .fact-list.masonry .fact-container {
  margin: 0 0 1.5rem 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  div.ccm-page .fact-list.masonry .auto {
    width: calc(33.33% - 10px);
  }
  div.ccm-page .fact-list.masonry .grid-sm-1-2 {
    width: calc(50% - 8px);
  }
  div.ccm-page .fact-list.masonry .grid-sm-1-3 {
    width: calc(33.33% - 10px);
  }
  div.ccm-page .fact-list.masonry .grid-sm-1-4 {
    width: calc(25% - 12px);
  }
  div.ccm-page .fact-list.masonry .grid-sm-1-5 {
    width: calc(20% - 12px);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  div.ccm-page.page-template-home .main .fact-list.cards .grid-sm-1-4,
  div.ccm-page.page-template-full .main .fact-list.cards .grid-sm-1-4,
  div.ccm-page.page-template-home .main .fact-list.cards .grid-sm-1-5,
  div.ccm-page.page-template-full .main .fact-list.cards .grid-sm-1-5 {
    width: 33.33%;
  }
  div.ccm-page.page-template-home .main .fact-list.masonry .grid-sm-1-4,
  div.ccm-page.page-template-full .main .fact-list.masonry .grid-sm-1-4,
  div.ccm-page.page-template-home .main .fact-list.masonry .grid-sm-1-5,
  div.ccm-page.page-template-full .main .fact-list.masonry .grid-sm-1-5 {
    width: calc(33.33% - 10px);
  }
}
@media (min-width: 768px) and (max-width: 1220px) {
  div.ccm-page.page-template-right-sidebar .main .fact-list.cards .grid-sm-1-4,
  div.ccm-page.page-template-right-sidebar .main .fact-list.cards .grid-sm-1-5 {
    width: 33.33%;
  }
  div.ccm-page.page-template-right-sidebar .main .fact-list.masonry .grid-sm-1-4,
  div.ccm-page.page-template-right-sidebar .main .fact-list.masonry .grid-sm-1-5 {
    width: calc(33.33% - 10px);
  }
}
@media only screen and (min-width: 768px) {
  div.ccm-page.page-template-right-sidebar .main .fact-list.cards .auto {
    width: 50%;
  }
  div.ccm-page.page-template-right-sidebar .main .fact-list.masonry .auto {
    width: calc(50% - 8px);
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page.page-template-right-sidebar .main .fact-list.cards .fact-container.grid-sm-1-5 {
    margin: 0 0 1rem 0;
    padding: 0 .5rem;
  }
  div.ccm-page.page-template-right-sidebar .main .fact-list.cards .fact-container.grid-sm-1-5 .fact-wrap {
    padding: 1em 1em;
  }
  div.ccm-page.page-template-right-sidebar .main .fact-list.masonry.gutter-sm .fact-container {
    margin: 0 0 1rem 0;
  }
  div.ccm-page.page-template-right-sidebar .main .fact-list.masonry.gutter-sm .gutter-size {
    width: 10px;
  }
  div.ccm-page.page-template-right-sidebar .main .fact-list.masonry.gutter-sm .fact-wrap {
    padding: 1em 1em;
  }
  div.ccm-page.page-template-right-sidebar .main .fact-list.masonry.gutter-sm .grid-sm-1-5 {
    width: calc(20% - 8px);
  }
}
@media only screen and (min-width: 768px) {
  div.ccm-page.page-template-narrow .fact-list.cards .fact-container.grid-sm-1-5 {
    margin: 0 0 1rem 0;
    padding: 0 .5rem;
  }
  div.ccm-page.page-template-narrow .fact-list.cards .fact-container.grid-sm-1-5 .fact-wrap {
    padding: 1em 1em;
  }
  div.ccm-page.page-template-narrow .fact-list.masonry.gutter-sm .fact-container {
    margin: 0 0 1rem 0;
  }
  div.ccm-page.page-template-narrow .fact-list.masonry.gutter-sm .gutter-size {
    width: 10px;
  }
  div.ccm-page.page-template-narrow .fact-list.masonry.gutter-sm .fact-wrap {
    padding: 1em 1em;
  }
  div.ccm-page.page-template-narrow .fact-list.masonry.gutter-sm .grid-sm-1-5 {
    width: calc(20% - 8px);
  }
}
div.ccm-page .sidebar .hive-block-facts .fact-container {
  width: 100%;
}
div.ccm-page .gutter-size {
  width: 15px;
}
div.ccm-page .hive-block-hotspot .popover.light {
  background-color: var(--neutral-lightest-color);
}
div.ccm-page .hive-block-hotspot .popover.light .hotspot-cta a:hover {
  color: var(--link-hover-color);
  text-decoration: var(--link-hover-decoration);
}
div.ccm-page .hive-block-hotspot .popover.light.right > .arrow:after {
  border-right-color: var(--neutral-lightest-color);
}
div.ccm-page .hive-block-hotspot .popover.light.left > .arrow:after {
  border-left-color: var(--neutral-lightest-color);
}
div.ccm-page .hive-block-hotspot .popover.light .carousel .carousel-indicators {
  background-color: rgba(204, 204, 204, 0.5);
}
div.ccm-page .hive-block-hotspot .popover.light .carousel .carousel-indicators li {
  border-color: var(--neutral-dark-color);
}
div.ccm-page .hive-block-hotspot .popover.light .carousel .carousel-indicators .active {
  background-color: var(--neutral-dark-color);
}
div.ccm-page .hive-block-hotspot .popover.light .carousel .carousel-control {
  color: var(--neutral-dark-color);
}
div.ccm-page .hive-block-hotspot .popover.dark {
  background-color: var(--neutral-darker-color);
}
div.ccm-page .hive-block-hotspot .popover.dark a {
  color: var(--type-reverse-color);
  text-decoration: underline;
}
div.ccm-page .hive-block-hotspot .popover.dark.right > .arrow:after {
  border-right-color: var(--neutral-darker-color);
}
div.ccm-page .hive-block-hotspot .popover.dark.left > .arrow:after {
  border-left-color: var(--neutral-darker-color);
}
div.ccm-page .hive-block-hotspot .popover.dark .popover-inner .hotspot-title,
div.ccm-page .hive-block-hotspot .popover.dark .popover-inner .hotspot-description {
  color: var(--type-reverse-color);
}
div.ccm-page .hive-block-hotspot .popover.dark .carousel .carousel-indicators {
  background-color: rgba(0, 0, 0, 0.5);
}
div.ccm-page .hive-block-hotspot .popover.dark .carousel .carousel-indicators li {
  border-color: #fff;
}
div.ccm-page .hive-block-hotspot .popover.dark .carousel .carousel-indicators .active {
  background-color: #fff;
}
div.ccm-page .hive-block-hotspot .popover.dark .carousel .carousel-control {
  color: #fff;
}
div.ccm-page .hive-block-hotspot .popover button.close {
  background-color: var(--neutral-lightest-color);
  color: var(--type-color);
  text-shadow: none;
  /* Perfectly centered cross, kudos https://stackoverflow.com/a/51526649 */
}
div.ccm-page .hive-block-hotspot .popover button.close:before,
div.ccm-page .hive-block-hotspot .popover button.close:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--type-color);
  margin: auto 6px;
  height: 2px;
  transform: rotateZ(45deg);
}
div.ccm-page .hive-block-hotspot .popover button.close:after {
  transform: rotateZ(-45deg);
}
div.ccm-page .hive-block-hotspot .popover button.close:hover,
div.ccm-page .hive-block-hotspot .popover button.close:focus {
  background-color: var(--neutral-darker-color);
  color: var(--type-reverse-color);
}
div.ccm-page .hive-block-hotspot .popover button.close:hover:before,
div.ccm-page .hive-block-hotspot .popover button.close:focus:before,
div.ccm-page .hive-block-hotspot .popover button.close:hover:after,
div.ccm-page .hive-block-hotspot .popover button.close:focus:after {
  background: var(--type-reverse-color);
}
div.ccm-page .hive-block-events-feed {
  /* general */
}
div.ccm-page .hive-block-events-feed .cards .card a .card-main {
  padding: 0.5em 1em 0.5em;
}
div.ccm-page .hive-block-events-feed .event-lists .event-container .event-details {
  font-size: 0.95em;
}
div.ccm-page .hive-block-events-feed .event-lists-stack .event-container {
  border-bottom: 1px solid var(--neutral-lighter-color);
}
div.ccm-page .hive-block-events-feed .event-lists-stack .event-container .event-details {
  font-size: 0.91em;
  color: var(--type-color);
}
div.ccm-page .hive-block-events-feed .event-details h4 a {
  color: var(--main-color);
  font-weight: var(--font-weight-bold);
}
div.ccm-page .hive-block-events-feed .event-details h4 a:hover {
  color: var(--main-color);
}
div.ccm-page .hive-block-events-feed .event-details h4 span {
  color: var(--main-color);
}
div.ccm-page .hive-block-events-feed .event-container {
  color: var(--neutral-dark-color);
}
div.ccm-page .hive-block-events-feed .event-info {
  color: var(--type-muted-color);
}
div.ccm-page .hive-block-events-feed .event-image .event-date-box {
  color: var(--type-muted-color) !important;
}
div.ccm-page .hive-block-events-feed .event-image .event-date-box span:first-child {
  color: #b10e1e;
}
div.ccm-page .event-lists-stack > :first-child .event-container {
  padding-top: 0;
}
div.ccm-page .event-lists-stack .event-container {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 1.5em 0;
}
div.ccm-page .event-lists-stack .card-image-inner {
  padding: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  padding-bottom: 56.25%;
  cursor: default;
}
div.ccm-page .event-lists-stack .card-image {
  margin: 0 0 1em;
  margin-inline-end: 1em;
}
div.ccm-page .event-lists-stack .event-details {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (min-width: 568px) {
  div.ccm-page .event-lists-stack .event-container {
    flex-direction: row;
  }
  div.ccm-page .event-lists-stack .card-image {
    min-width: 110px;
    margin: 0;
    margin-inline-end: 1em;
  }
  div.ccm-page .event-lists-stack .card-image .no-image:before {
    font-size: 4em;
  }
  div.ccm-page .event-lists-stack .card-image-inner {
    padding-bottom: 100%;
  }
}
@media only screen and (min-width: 768px) {
  div.ccm-page .sidebar .event-lists-stack .event-container {
    flex-direction: column;
  }
  div.ccm-page .sidebar .event-lists-stack .card-image {
    min-width: 100%;
    margin: 0 0 1em;
  }
  div.ccm-page .sidebar .event-lists-stack .card-image .no-image:before {
    font-size: 4em;
  }
  div.ccm-page .sidebar .event-lists-stack .card-image-inner {
    padding-bottom: 56.25%;
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .sidebar .event-lists-stack .event-container {
    flex-direction: row;
  }
  div.ccm-page .sidebar .event-lists-stack .card-image-inner {
    padding-bottom: 100%;
  }
  div.ccm-page .sidebar .event-lists-stack .card-image {
    min-width: 80px;
    margin: 0;
    margin-inline-end: 1em;
  }
  div.ccm-page .sidebar .event-lists-stack .card-image .no-image:before {
    font-size: 3em;
    top: 35%;
  }
}
div.ccm-page .news-container ul {
  padding: 0;
  list-style: none;
}
div.ccm-page .news-item .card-heading-link,
div.ccm-page .news-item .news-heading-link,
div.ccm-page .news-item .news-cta a,
div.ccm-page .news-item .card-footer-cta a {
  text-decoration: none;
}
div.ccm-page .news-item .card-heading-link:after,
div.ccm-page .news-item .news-heading-link:after,
div.ccm-page .news-item .news-cta a:after,
div.ccm-page .news-item .card-footer-cta a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
div.ccm-page .news-item .card-heading-link:hover .card-heading,
div.ccm-page .news-item .card-heading-link:focus .card-heading {
  text-decoration: underline;
}
div.ccm-page .news-item .news-heading-link:hover .news-heading,
div.ccm-page .news-item .news-heading-link:focus .news-heading {
  text-decoration: underline;
}
div.ccm-page .news-item .card-heading-link:after {
  z-index: 1;
}
div.ccm-page .news-item .project-title {
  text-transform: uppercase;
  font-weight: var(--font-weight-semi-bold);
}
div.ccm-page .news-item .news-cta a,
div.ccm-page .news-item .card-footer-cta a {
  color: inherit;
}
div.ccm-page .news-item {
  /* List */
  /* Panel Small */
  /* Panel Large */
}
div.ccm-page .news-item .news-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  color: var(--type-color);
  font-weight: normal;
}
div.ccm-page .news-item .news-wrap:hover .news-heading,
div.ccm-page .news-item .news-wrap:hover .news-cta {
  text-decoration: underline;
}
div.ccm-page .news-item .news-img-inner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  padding-bottom: 100%;
}
div.ccm-page .news-item .news-img {
  margin-inline-end: 1em;
}
div.ccm-page .news-item .news-main {
  display: flex;
  flex-direction: column;
  width: 100%;
}
div.ccm-page .news-item .news-heading {
  color: var(--main-color);
  font-size: 1.3em;
  line-height: 1.2;
}
@media only screen and (min-width: 568px) {
  div.ccm-page .news-item .news-heading {
    font-size: calc(1.3em  +  0.3  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page .news-item .news-heading {
    font-size: 1.6em;
  }
}
div.ccm-page .news-item .news-date {
  color: var(--neutral-medium-color);
  font-weight: var(--font-weight-normal);
  padding-bottom: .5em;
  order: -1;
}
div.ccm-page .news-item .news-cta {
  color: var(--link-color);
  font-weight: var(--font-weight-semi-bold);
  margin-top: auto;
  margin-bottom: 0;
}
div.ccm-page .news-item .news-cta i {
  display: inline;
}
@media only screen and (min-width: 568px) {
  div.ccm-page .news-item .news-wrap {
    flex-direction: row;
  }
}
div.ccm-page .news-item.list .news-wrap {
  padding: 1.5em 0;
  border-bottom: 1px solid var(--neutral-lighter-color);
}
div.ccm-page .news-item.list .news-img {
  margin: 0 0 1em;
}
div.ccm-page .news-item.list .news-img-inner {
  padding-bottom: 56.25%;
}
div.ccm-page .news-item.list:first-of-type .news-wrap {
  padding-top: 0;
}
@media only screen and (min-width: 568px) {
  div.ccm-page .news-item.list .news-img {
    min-width: 110px;
    margin: 0;
    margin-inline-end: 1em;
  }
  div.ccm-page .news-item.list .news-img-inner {
    padding-bottom: 100%;
  }
}
div.ccm-page .news-item.panel_small {
  margin: .5em 0;
  display: inline-block;
  width: 100%;
}
div.ccm-page .news-item.panel_small:first-of-type {
  margin-top: 0;
}
div.ccm-page .news-item.panel_small:last-of-type {
  margin-bottom: 0;
}
div.ccm-page .news-item.panel_small .news-wrap {
  padding: 1em;
  border: 1px solid var(--neutral-lighter-color);
  flex-direction: row;
}
div.ccm-page .news-item.panel_small .news-wrap:hover {
  box-shadow: none;
  transition: box-shadow 0.3s;
}
div.ccm-page .news-item.panel_small .news-img {
  min-width: 140px;
  margin-bottom: 1em;
}
@media only screen and (min-width: 568px) {
  div.ccm-page .news-item.panel_small .news-img {
    margin-bottom: 0;
  }
}
div.ccm-page .news-item.panel_large {
  margin: .5em 0;
  display: inline-block;
  width: 100%;
}
div.ccm-page .news-item.panel_large:first-of-type {
  margin-top: 0;
}
div.ccm-page .news-item.panel_large:last-of-type {
  margin-bottom: 0;
}
div.ccm-page .news-item.panel_large .news-wrap {
  border: 1px solid var(--neutral-lighter-color);
}
div.ccm-page .news-item.panel_large .news-wrap:hover {
  box-shadow: none;
  transition: box-shadow 0.3s;
}
div.ccm-page .news-item.panel_large .news-img {
  min-width: 100%;
}
div.ccm-page .news-item.panel_large .news-img-inner {
  padding-bottom: 56.25%;
}
div.ccm-page .news-item.panel_large .news-heading-link {
  margin-bottom: 0;
}
div.ccm-page .news-item.panel_large .news-heading {
  font-size: 110%;
}
div.ccm-page .news-item.panel_large .news-main {
  padding: 1em;
}
@media only screen and (min-width: 568px) {
  div.ccm-page .news-item.panel_large .news-img {
    min-width: 45%;
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .news-item.panel_large .news-img {
    min-width: 375px;
  }
}
div.ccm-page .news-item.card .card-wrap {
  padding: 0;
}
div.ccm-page .news-item.card .card-wrap:hover {
  box-shadow: none;
  transition: box-shadow 0.3s;
}
div.ccm-page .news-item.card .card-wrap:hover .card-heading,
div.ccm-page .news-item.card .card-wrap:hover .card-footer-cta {
  text-decoration: underline;
}
div.ccm-page .news-item.card .card-wrap:hover .card-img .card-img-inner {
  transform: scale(1.1);
}
div.ccm-page .news-item.card .card-wrap:focus-within {
  box-shadow: none;
  transition: box-shadow 0.3s;
}
div.ccm-page .news-item.card .card-main .card-date {
  color: var(--neutral-medium-color);
  font-weight: var(--font-weight-normal);
  text-align: start;
  order: -1;
}
div.ccm-page .cards.mod-cards .news-item.card .card-wrap a {
  border: none;
  box-shadow: none;
}
div.ccm-page .cards.mod-cards .news-item.card .card-wrap .card-main {
  position: static;
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
div.ccm-page .cards.mod-cards .news-item.card .card-footer {
  color: var(--link-color);
  font-weight: var(--font-weight-semi-bold);
  position: static;
}
div.ccm-page .cards.mod-cards .news-item.card .card-footer p {
  text-align: start;
  padding-bottom: 1.5rem;
}
div.ccm-page .cards.mod-cards .news-item.card .card-footer p i {
  display: inline;
}
div.ccm-page .hive-block-news-feed .carousel.cards {
  display: block;
  margin: 0 .5rem;
}
div.ccm-page .hive-block-news-feed .carousel.cards.mod-cards .card-main .card-summary {
  margin: 0;
  padding: 0;
}
div.ccm-page .hive-block-news-feed .carousel .card {
  display: flex !important;
}
div.ccm-page .hive-block-news-feed .news-show-more .btn {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 768px) {
  div.ccm-page .sidebar .news-item .news-wrap {
    flex-direction: column;
  }
  div.ccm-page .sidebar .news-item .news-img {
    min-width: 100%;
  }
  div.ccm-page .sidebar .news-item .news-img-inner {
    padding-bottom: 56.25%;
  }
  div.ccm-page .sidebar .news-item.list .news-img {
    margin: 0 0 1em;
  }
  div.ccm-page .sidebar .news-item.panel_small .news-img {
    margin: 0 0 1em;
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .sidebar .news-item .news-wrap {
    flex-direction: row;
  }
  div.ccm-page .sidebar .news-item .news-img-inner {
    padding-bottom: 100%;
  }
  div.ccm-page .sidebar .news-item.list .news-img {
    min-width: 80px;
    margin: 0;
    margin-inline-end: 1em;
  }
  div.ccm-page .sidebar .news-item.panel_small .news-img {
    min-width: 110px;
    margin: 0;
    margin-inline-end: 1em;
  }
  div.ccm-page .sidebar .news-item.panel_large .news-img {
    min-width: 140px;
  }
}
div.ccm-page .sidebar .hive-block-news-feed .news-show-more {
  width: 100%;
  margin-inline-start: 0;
}
div.ccm-page .sidebar .news-item.card {
  width: 100%;
}
div.ccm-page [class^="grid-"],
div.ccm-page [class*=" grid-"] {
  display: inline-block;
  letter-spacing: normal;
  margin-inline-end: -4px;
  text-rendering: auto;
  vertical-align: top;
  word-spacing: normal;
  width: 100%;
}
@media only screen and (min-width: 568px) {
  div.ccm-page .grid-xs-1 {
    width: 100%;
  }
  div.ccm-page .grid-xs-4-5 {
    width: 80%;
  }
  div.ccm-page .grid-xs-3-4 {
    width: 75%;
  }
  div.ccm-page .grid-xs-2-3 {
    width: 66.66%;
  }
  div.ccm-page .grid-xs-1-2 {
    width: 50%;
  }
  div.ccm-page .grid-xs-1-3 {
    width: 33.33%;
  }
  div.ccm-page .grid-xs-1-4 {
    width: 25%;
  }
  div.ccm-page .grid-xs-1-5 {
    width: 20%;
  }
}
@media only screen and (min-width: 768px) {
  div.ccm-page .grid-sm-1 {
    width: 100%;
  }
  div.ccm-page .grid-sm-4-5 {
    width: 80%;
  }
  div.ccm-page .grid-sm-3-4 {
    width: 75%;
  }
  div.ccm-page .grid-sm-2-3 {
    width: 66.66%;
  }
  div.ccm-page .grid-sm-1-2 {
    width: 50%;
  }
  div.ccm-page .grid-sm-1-3 {
    width: 33.33%;
  }
  div.ccm-page .grid-sm-1-4 {
    width: 25%;
  }
  div.ccm-page .grid-sm-1-5 {
    width: 20%;
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .grid-md-1 {
    width: 100%;
  }
  div.ccm-page .grid-md-4-5 {
    width: 80%;
  }
  div.ccm-page .grid-md-3-4 {
    width: 75%;
  }
  div.ccm-page .grid-md-2-3 {
    width: 66.66%;
  }
  div.ccm-page .grid-md-1-2 {
    width: 50%;
  }
  div.ccm-page .grid-md-1-3 {
    width: 33.33%;
  }
  div.ccm-page .grid-md-1-4 {
    width: 25%;
  }
  div.ccm-page .grid-md-1-5 {
    width: 20%;
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page .grid-lg-1 {
    width: 100%;
  }
  div.ccm-page .grid-lg-4-5 {
    width: 80%;
  }
  div.ccm-page .grid-lg-3-4 {
    width: 75%;
  }
  div.ccm-page .grid-lg-2-3 {
    width: 66.66%;
  }
  div.ccm-page .grid-lg-1-2 {
    width: 50%;
  }
  div.ccm-page .grid-lg-1-3 {
    width: 33.33%;
  }
  div.ccm-page .grid-lg-1-4 {
    width: 25%;
  }
  div.ccm-page .grid-lg-1-5 {
    width: 20%;
  }
}
@media only screen and (min-width: 1400px) {
  div.ccm-page .grid-xlg-1 {
    width: 100%;
  }
  div.ccm-page .grid-xlg-4-5 {
    width: 80%;
  }
  div.ccm-page .grid-xlg-3-4 {
    width: 75%;
  }
  div.ccm-page .grid-xlg-2-3 {
    width: 66.66%;
  }
  div.ccm-page .grid-xlg-1-2 {
    width: 50%;
  }
  div.ccm-page .grid-xlg-1-3 {
    width: 33.33%;
  }
  div.ccm-page .grid-xlg-1-4 {
    width: 25%;
  }
  div.ccm-page .grid-xlg-1-5 {
    width: 20%;
  }
}
div.ccm-page .container-fluid {
  max-width: 1360px;
}
div.ccm-page .container-fluid.mod-narrow {
  max-width: 768px;
}
div.ccm-page .container-fluid.mod-narrower {
  max-width: 640px;
}
div.ccm-page .container-full {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
div.ccm-page main.stack div.ccm-area[data-total-blocks="0"] {
  margin-bottom: 20px;
}
div.ccm-page.page-template-tool-wide .container-fluid {
  max-width: 100%;
}
div.ccm-page .action-items {
  background-color: var(--footer-color);
  color: var(--footer-text-color);
  padding: 40px 15px;
  min-height: 5px;
}
div.ccm-page .action-items .row {
  font-size: 1.5rem;
}
div.ccm-page .action-items h1,
div.ccm-page .action-items h2,
div.ccm-page .action-items h3,
div.ccm-page .action-items h4,
div.ccm-page .action-items h5,
div.ccm-page .action-items p {
  color: var(--footer-text-color);
}
div.ccm-page .action-items p {
  font-size: 1.5rem;
}
div.ccm-page .action-items a {
  color: var(--footer-text-color);
}
div.ccm-page .action-items .col-md-4,
div.ccm-page .action-items .col-md-3 {
  margin-top: 4rem;
}
div.ccm-page .action-items .col-md-4:first-child,
div.ccm-page .action-items .col-md-3:first-child {
  margin-top: 0;
}
div.ccm-page .action-items .col-md-offset-4 .ccm-block-social-links {
  text-align: center;
}
div.ccm-page .action-items .btn.mod-ghost {
  color: var(--footer-text-color);
}
div.ccm-page .action-items input.form-control {
  background-color: var(--type-reverse-color);
}
div.ccm-page .action-items .hive-block-contact-us table {
  width: 100%;
}
div.ccm-page .action-items .hive-block-contact-us table tr th {
  font-weight: var(--font-weight-normal);
}
div.ccm-page .action-items .hive-block-contact-us .hive-block-subtitle {
  text-align: justify;
}
div.ccm-page .action-items .ccm-block-social-links {
  text-align: var(--footer-social-links-align);
}
div.ccm-page .action-items .ccm-block-social-links li {
  text-align: var(--footer-social-links-align);
}
div.ccm-page .action-items .ccm-block-social-links.mod-borderless-lrg li {
  text-align: var(--footer-social-links-align);
}
div.ccm-page .action-items .ccm-block-social-links.mod-list-sm ul li {
  text-align: var(--footer-social-links-align);
}
div.ccm-page .action-items .hive_block_social_icons table td {
  padding-inline-end: 20px;
}
div.ccm-page .action-items a,
div.ccm-page .action-items h3,
div.ccm-page .action-items p {
  color: var(--footer-text-color);
}
div.ccm-page .action-items .hive-block {
  margin-bottom: 0;
}
div.ccm-page .footer {
  background-color: var(--footer-bottom-color);
  padding: 1em 0;
  color: var(--type-reverse-color);
}
div.ccm-page .footer ul {
  list-style: none;
  padding: 0px;
}
div.ccm-page .footer ul > li {
  float: left;
  margin-bottom: 1em;
  margin-inline-end: .7em;
}
div.ccm-page .footer ul > li a {
  margin-inline-end: .5em;
}
div.ccm-page .footer ul > li:after {
  content: '|';
}
div.ccm-page .footer ul > li:last-child:after {
  content: '';
}
div.ccm-page .footer a {
  color: var(--type-reverse-color);
  font-size: 1.4rem;
}
div.ccm-page .footer a:hover,
div.ccm-page .footer a:focus {
  color: var(--footer-bottom-link-hover-color);
}
div.ccm-page .footer .hive-logo {
  max-width: 196px;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .hive-logo-div {
    text-align: end;
    padding-top: 1rem;
  }
}
@media (min-width: 992px) {
  div.ccm-page .action-items .col-md-4,
  div.ccm-page .action-items .col-md-3 {
    margin-top: 0;
  }
}
div.ccm-page[dir="rtl"] .footer ul > li {
  float: right;
}
div.ccm-page .footer-acknowledgement {
  background-color: var(--footer-acknowledgement-color);
  color: var(--footer-acknowledgement-text-color);
  font-size: 1.5rem;
  padding: 3.5em 0 2.625em 0;
}
div.ccm-page .footer-acknowledgement h1,
div.ccm-page .footer-acknowledgement h2,
div.ccm-page .footer-acknowledgement h3,
div.ccm-page .footer-acknowledgement h4,
div.ccm-page .footer-acknowledgement h5,
div.ccm-page .footer-acknowledgement p {
  color: var(--footer-acknowledgement-text-color);
}
div.ccm-page .footer-acknowledgement a {
  color: var(--footer-acknowledgement-text-color);
}
div.ccm-page .footer-acknowledgement .btn {
  margin: .5rem .5rem 0;
}
div.ccm-page .footer-acknowledgement .btn[data-target="#loginModal"] {
  background-color: var(--footer-acknowledgement-text-color);
  color: var(--footer-acknowledgement-color);
  border: var(--btn-border-width) solid var(--footer-acknowledgement-text-color);
}
div.ccm-page .footer-acknowledgement .btn[data-target="#loginModal"]:hover,
div.ccm-page .footer-acknowledgement .btn[data-target="#loginModal"]:focus {
  background-color: transparent;
  color: var(--footer-acknowledgement-text-color);
  border: var(--btn-border-width) solid var(--footer-acknowledgement-text-color);
}
div.ccm-page .footer-acknowledgement .btn[data-target="#signUpModal"] {
  background-color: transparent;
  color: var(--footer-acknowledgement-text-color);
  border: var(--btn-border-width) solid var(--footer-acknowledgement-text-color);
}
div.ccm-page .footer-acknowledgement .btn[data-target="#signUpModal"]:hover,
div.ccm-page .footer-acknowledgement .btn[data-target="#signUpModal"]:focus {
  background-color: var(--footer-acknowledgement-text-color);
  color: var(--footer-acknowledgement-color);
  border: var(--btn-border-width) solid var(--footer-acknowledgement-text-color);
}
div.ccm-page .footer-cta {
  background-color: var(--footer-cta-color);
  color: var(--footer-cta-text-color);
  padding: 3.5em 0 2.625em 0;
  text-align: center;
}
div.ccm-page .footer-cta h1,
div.ccm-page .footer-cta h2,
div.ccm-page .footer-cta h3,
div.ccm-page .footer-cta h4,
div.ccm-page .footer-cta h5,
div.ccm-page .footer-cta p {
  color: var(--footer-cta-text-color);
}
div.ccm-page .footer-cta a {
  color: var(--footer-cta-text-color);
}
div.ccm-page .footer-cta .btn {
  margin: .5rem .5rem 0;
}
div.ccm-page .footer-cta .btn[data-target="#loginModal"] {
  background-color: var(--footer-cta-text-color);
  color: var(--footer-cta-color);
  border: var(--btn-border-width) solid var(--footer-cta-text-color);
}
div.ccm-page .footer-cta .btn[data-target="#loginModal"]:hover,
div.ccm-page .footer-cta .btn[data-target="#loginModal"]:focus {
  background-color: transparent;
  color: var(--footer-cta-text-color);
  border: var(--btn-border-width) solid var(--footer-cta-text-color);
}
div.ccm-page .footer-cta .btn[data-target="#signUpModal"] {
  background-color: transparent;
  color: var(--footer-cta-text-color);
  border: var(--btn-border-width) solid var(--footer-cta-text-color);
}
div.ccm-page .footer-cta .btn[data-target="#signUpModal"]:hover,
div.ccm-page .footer-cta .btn[data-target="#signUpModal"]:focus {
  background-color: var(--footer-cta-text-color);
  color: var(--footer-cta-color);
  border: var(--btn-border-width) solid var(--footer-cta-text-color);
}
div.ccm-page .footer-cta .hive-subscribe-form-wrapper .alert {
  color: var(--type-color);
}
div.ccm-page .footer-cta .hive-subscribe-form-wrapper .alert a:not(.btn) {
  color: var(--type-color);
}
div.ccm-page .footer-cta .hive-subscribe-form-wrapper .hive-subscribe-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
}
div.ccm-page .footer-cta .hive-subscribe-form-wrapper .hive-subscribe-form input {
  background-color: var(--type-reverse-color);
}
div.ccm-page .footer-cta .hive-subscribe-form-wrapper .hive-subscribe-form .form-group {
  margin: 0;
  grid-column-start: span 2;
}
div.ccm-page .footer-cta .hive-subscribe-form-wrapper .hive-subscribe-form .form-group-first-name,
div.ccm-page .footer-cta .hive-subscribe-form-wrapper .hive-subscribe-form .form-group-last-name {
  grid-column-start: span 1;
}
div.ccm-page .footer-cta .hive-subscribe-form-wrapper .hive-subscribe-form .btn {
  background-color: transparent;
  color: var(--footer-cta-text-color);
  border: var(--btn-border-width) solid var(--footer-cta-text-color);
  margin: 0;
  padding: 0 2rem;
  height: 3em;
}
div.ccm-page .footer-cta .hive-subscribe-form-wrapper .hive-subscribe-form .btn:hover,
div.ccm-page .footer-cta .hive-subscribe-form-wrapper .hive-subscribe-form .btn:focus {
  background-color: var(--footer-cta-text-color);
  color: var(--footer-cta-color);
  border: var(--btn-border-width) solid var(--footer-cta-text-color);
}
div.ccm-page .footer-cta .hive-subscribe-form-wrapper .hive-subscribe-form .form-control {
  height: 3em;
}
@media only screen and (min-width: 768px) {
  div.ccm-page .footer-cta .hive-subscribe-form-wrapper {
    max-width: 90%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page .footer-cta .hive-subscribe-form-wrapper .hive-subscribe-form {
    display: flex;
    justify-content: center;
    grid-gap: 0;
  }
  div.ccm-page .footer-cta .hive-subscribe-form-wrapper .hive-subscribe-form .form-group {
    width: 100%;
    max-width: 12em;
  }
  div.ccm-page .footer-cta .hive-subscribe-form-wrapper .hive-subscribe-form .form-group + .form-group {
    margin-inline-start: 0.5em;
  }
  div.ccm-page .footer-cta .hive-subscribe-form-wrapper .hive-subscribe-form .form-group-email {
    width: 18em;
    max-width: 100%;
  }
  div.ccm-page .footer-cta .hive-subscribe-form-wrapper .hive-subscribe-form .form-group-submit {
    width: auto;
    margin-top: calc(1em * 1.45 + 5px);
  }
}
div.ccm-page header[role="banner"].mod-single {
  background-color: var(--nav-color-bg);
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  div.ccm-page header[role="banner"].mod-single {
    flex-direction: row;
  }
  div.ccm-page header[role="banner"].mod-single .nav-utilities-search-form-btn {
    border-radius: 0px;
    border: none;
    border-inline-start: 1px solid var(--neutral-lighter-color);
  }
}
@media screen and (max-width: 1023px) {
  div.ccm-page .nav[role="navigation"] .nav-links .language-picker-dropdown .translation-unavailable {
    padding: 1rem 2rem;
  }
  div.ccm-page .nav[role="navigation"] .nav-links .language-picker-dropdown .disclaimer {
    padding: 1rem 2rem;
  }
  div.ccm-page .nav[role="navigation"] .nav-links .language-picker-list a {
    padding: 1rem 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .language-picker-dropdown {
    top: calc(50% + (3rem / 2) + 1rem);
  }
  div.ccm-page .language-picker-dropdown.language-picker-dropdown-left {
    left: 2rem;
    /* nav item left margin */
  }
  div.ccm-page .language-picker-dropdown.language-picker-dropdown-right {
    right: 2rem;
    /* nav item right margin */
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page[dir="rtl"] header[role="banner"] section.navigation .language-picker-dropdown.language-picker-dropdown-left {
    left: auto;
    right: 2rem;
    /* nav item right margin */
  }
  div.ccm-page[dir="rtl"] header[role="banner"] section.navigation .language-picker-dropdown.language-picker-dropdown-right {
    right: auto;
    left: 2rem;
    /* nav item left margin */
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page header[role="banner"].mod-compact section.navigation .nav-utilities .nav-utilities-item a {
    background-color: var(--nav-compact-login-btn-bg-color);
    border-color: var(--nav-compact-login-btn-border-color);
    color: var(--nav-compact-login-btn-color);
  }
  div.ccm-page header[role="banner"].mod-compact section.navigation .nav-utilities .nav-utilities-item a svg path {
    fill: var(--nav-compact-login-btn-arrow-color);
  }
  div.ccm-page header[role="banner"].mod-compact section.navigation .nav-utilities .nav-utilities-item a:hover,
  div.ccm-page header[role="banner"].mod-compact section.navigation .nav-utilities .nav-utilities-item a:focus {
    background-color: var(--nav-compact-login-btn-bg-hover-color);
    border-color: var(--nav-compact-login-btn-border-hover-color);
    color: var(--nav-compact-login-btn-hover-color);
  }
  div.ccm-page header[role="banner"].mod-compact section.navigation .nav-utilities .nav-utilities-item a:hover svg path,
  div.ccm-page header[role="banner"].mod-compact section.navigation .nav-utilities .nav-utilities-item a:focus svg path {
    fill: var(--nav-compact-login-btn-arrow-hover-color);
  }
  div.ccm-page header[role="banner"].mod-compact section.navigation .nav-utilities .nav-acc-dropdown ul.dropdown-menu {
    background-color: var(--nav-compact-login-btn-bg-color);
  }
  div.ccm-page header[role="banner"].mod-compact section.navigation .nav-utilities .nav-acc-dropdown ul.dropdown-menu li a:hover,
  div.ccm-page header[role="banner"].mod-compact section.navigation .nav-utilities .nav-acc-dropdown ul.dropdown-menu li a:focus {
    background-color: var(--nav-compact-login-btn-bg-hover-color);
    border-color: var(--nav-compact-login-btn-border-hover-color);
    color: var(--nav-compact-login-btn-hover-color);
  }
  div.ccm-page header[role="banner"].mod-compact section.navigation .nav-utilities .nav-utilities-search {
    margin: 0 1.5rem;
  }
  div.ccm-page header[role="banner"].mod-compact section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--nav-compact-search-btn-color);
    padding: 0;
    width: 5.4rem;
    border-radius: var(--btn-border-radius);
    border-inline-start: none;
  }
  div.ccm-page header[role="banner"].mod-compact section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn svg {
    top: 0;
    margin: 0;
  }
  div.ccm-page header[role="banner"].mod-compact section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn svg path {
    fill: var(--nav-compact-search-btn-icon);
  }
  div.ccm-page header[role="banner"].mod-compact section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  div.ccm-page header[role="banner"].mod-compact section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn:hover {
    background-color: var(--nav-compact-search-btn-hover-color);
    border-color: var(--nav-compact-search-btn-hover-color);
  }
  div.ccm-page header[role="banner"].mod-compact section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn:focus {
    background-color: var(--nav-compact-search-btn-hover-color);
    border-color: var(--nav-compact-search-btn-hover-color);
  }
}
div.ccm-page header[role="banner"].mod-single.mod-consult section.logo-area {
  width: 100%;
  justify-content: space-between;
}
div.ccm-page header[role="banner"].mod-single.mod-consult section.logo-area .banner-logo-heading img {
  width: auto;
  max-width: 22.5rem;
}
div.ccm-page header[role="banner"].mod-single.mod-consult section.logo-area.logo-area-localise {
  flex-direction: row-reverse;
}
div.ccm-page header[role="banner"].mod-single.mod-consult section.logo-area .nav-links-consult {
  margin: 0 1rem;
  padding-inline-start: 0px;
}
div.ccm-page header[role="banner"].mod-single.mod-consult section.logo-area .nav-links-consult > li > a {
  font-size: 1.5rem;
  color: var(--type-color);
  padding: 0.5rem 0;
  text-decoration: none;
  transition: border-bottom 0.3s;
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
}
div.ccm-page header[role="banner"].mod-single.mod-consult section.logo-area .nav-links-consult > li > a:hover,
div.ccm-page header[role="banner"].mod-single.mod-consult section.logo-area .nav-links-consult > li > a:focus {
  border-bottom: 2px solid var(--accent-color);
}
div.ccm-page header[role="banner"].mod-single.mod-consult section.logo-area .nav-links-consult > li.current > a {
  border-bottom: 2px solid var(--accent-color);
}
div.ccm-page header[role="banner"].mod-single.mod-consult section.logo-area .nav-links-consult .language-picker-dropdown {
  top: calc(50% + (3rem / 2) + 1rem);
}
div.ccm-page header[role="banner"].mod-single.mod-consult section.logo-area .nav-links-consult .language-picker-list a:hover,
div.ccm-page header[role="banner"].mod-single.mod-consult section.logo-area .nav-links-consult .language-picker-list a:focus {
  background-color: var(--neutral-lightest-color);
}
div.ccm-page header[role="banner"].mod-single.mod-consult section.logo-area .nav-links-consult .language-picker-list a:hover[aria-selected="true"],
div.ccm-page header[role="banner"].mod-single.mod-consult section.logo-area .nav-links-consult .language-picker-list a:focus[aria-selected="true"] {
  background-color: var(--secondary-color-600);
}
div.ccm-page header[role="banner"].mod-single.mod-consult section.navigation .nav-utilities {
  border-top: none;
}
div.ccm-page header[role="banner"].mod-single.mod-consult section.navigation .nav-utilities .nav-utilities-item {
  width: 100%;
}
div.ccm-page header[role="banner"].mod-single.mod-consult section.navigation .nav-utilities .nav-utilities-item a {
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-color-bg);
  border-color: var(--btn-primary-color-border-color);
}
div.ccm-page header[role="banner"].mod-single.mod-consult section.navigation .nav-utilities .nav-utilities-item a:hover,
div.ccm-page header[role="banner"].mod-single.mod-consult section.navigation .nav-utilities .nav-utilities-item a:focus {
  color: var(--btn-primary-color-hover);
  background-color: var(--btn-primary-color-bg-hover);
  border-color: var(--btn-primary-color-border-hover);
}
@media only screen and (min-width: 1024px) {
  div.ccm-page header[role="banner"].mod-single.mod-consult section.navigation .nav-utilities .nav-utilities-item {
    width: auto;
    border-radius: var(--btn-border-radius);
    margin: 0 1.5rem;
  }
}
@media only screen and (min-width: 568px) {
  div.ccm-page header[role="banner"].mod-single.mod-consult section.logo-area .banner-logo-heading img {
    max-width: 100%;
    width: auto;
  }
}
@media only screen and (min-width: 768px) {
  div.ccm-page header[role="banner"].mod-single.mod-consult section.logo-area .nav-links-consult {
    margin: 0 2.5rem;
  }
  div.ccm-page header[role="banner"].mod-single.mod-consult section.logo-area .nav-links-consult > li > a {
    font-size: 1.8rem;
  }
}
div.ccm-page header[role="banner"].mod-single.mod-no-nav {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
div.ccm-page header[role="banner"].mod-single.mod-no-nav section.navigation .nav-links .language-picker-dropdown {
  top: calc(50% + (3rem / 2) + 1rem);
}
@media only screen and (min-width: 768px) {
  div.ccm-page header[role="banner"].mod-single.mod-no-nav section.navigation {
    margin: 0 2.5rem;
  }
}
div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-login,
div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-signup {
  display: none;
}
@media only screen and (min-width: 1024px) {
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-login,
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-signup {
    display: block;
  }
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities #loginsignup-btn {
    display: none;
  }
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-item a {
    background-color: var(--nav-separate-login-btn-bg-color);
    border-color: var(--nav-separate-login-btn-border-color);
    color: var(--nav-separate-login-btn-color);
  }
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-item a:hover,
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-item a:focus {
    background-color: var(--nav-separate-login-btn-bg-hover-color);
    border-color: var(--nav-separate-login-btn-border-hover-color);
  }
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-acc-dropdown ul.dropdown-menu {
    background-color: var(--nav-separate-login-btn-bg-color);
  }
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-acc-dropdown ul.dropdown-menu li a:hover,
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-acc-dropdown ul.dropdown-menu li a:focus {
    background-color: var(--nav-separate-login-btn-bg-hover-color);
  }
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-signup {
    margin-inline-start: 1.5rem;
  }
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-signup a {
    color: var(--nav-separate-join-btn-color);
    background-color: var(--nav-separate-join-btn-bg-color);
    border-color: var(--nav-separate-join-btn-border-color);
  }
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-signup a:hover,
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-signup a:focus {
    color: var(--nav-separate-join-btn-hover-color);
    background-color: var(--nav-separate-join-btn-bg-hover-color);
    border-color: var(--nav-separate-join-btn-border-hover-color);
  }
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-search {
    margin: 0 1.5rem;
  }
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--nav-separate-search-btn-color);
    padding: 0;
    width: 5.4rem;
    border-radius: var(--btn-border-radius);
    border-inline-start: none;
  }
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn svg {
    top: 0;
    margin: 0;
  }
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn svg path {
    fill: var(--nav-separate-search-btn-icon);
  }
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn:hover,
  div.ccm-page header[role="banner"].mod-single.mod-separate section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn:focus {
    background-color: var(--nav-separate-search-btn-hover-color);
  }
}
div.ccm-page header[role="banner"].mod-split .header {
  height: 100%;
  padding: 0;
}
div.ccm-page header[role="banner"].mod-split .header .header-search {
  display: none;
}
div.ccm-page section.navigation.mod-split {
  background-color: var(--nav-split-color-bg);
  border-bottom: 1px solid var(--neutral-lighter-color);
}
div.ccm-page section.navigation.mod-split .nav {
  width: 100%;
  padding: 0;
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities {
  border: none;
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form {
  display: flex;
  height: 4.4rem;
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form input::-webkit-input-placeholder {
  color: var(--nav-split-color);
  opacity: 1 !important;
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form input:-moz-placeholder {
  color: var(--nav-split-color);
  opacity: 1 !important;
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form input::-moz-placeholder {
  color: var(--nav-split-color);
  opacity: 1 !important;
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form input:-ms-input-placeholder {
  color: var(--nav-split-color);
  opacity: 1 !important;
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form textarea::-webkit-input-placeholder {
  color: var(--nav-split-color);
  opacity: 1 !important;
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form textarea:-moz-placeholder {
  color: var(--nav-split-color);
  opacity: 1 !important;
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form textarea::-moz-placeholder {
  color: var(--nav-split-color);
  opacity: 1 !important;
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form textarea:-ms-input-placeholder {
  color: var(--nav-split-color);
  opacity: 1 !important;
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form input[type="search"] {
  padding: 0;
  padding-inline-start: 1em;
  background-color: var(--nav-split-color-bg);
  color: var(--nav-split-color);
  border: none;
  border-inline-start: 1px solid var(--neutral-lighter-color);
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  border-radius: 0;
  margin: 0;
  width: calc(100% - 4.4rem);
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form input[type="search"]:focus {
  box-shadow: inset 0 0 6px var(--accent-color);
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form .btn-primary {
  padding: 0 0.5em;
  border-radius: 0;
  width: 4.4rem;
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form .btn-primary svg {
  width: 2rem;
  height: 2rem;
  display: block;
  fill: var(--nav-split-color);
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities #login-btn,
div.ccm-page section.navigation.mod-split .nav .nav-utilities #join-btn,
div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-language {
  display: none;
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities #loginsignup-btn .btn-primary {
  border: none;
  border-radius: 0;
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-profile a {
  background-color: var(--nav-split-color-bg);
  color: var(--nav-split-color);
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-profile a span {
  display: inline;
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-profile a i {
  margin-inline-start: .2em;
}
div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-profile a:hover,
div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-profile a:focus {
  background-color: var(--nav-split-color-bg-hover);
  border-color: var(--nav-split-color-bg-hover);
  color: var(--nav-split-color-bg-text-hover);
}
@media only screen and (min-width: 768px) {
  div.ccm-page header[role="banner"].mod-split .header .header-search {
    margin-inline-end: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  div.ccm-page .nav[role="navigation"] .nav-links .language-picker-dropdown .translation-unavailable {
    padding: 1rem 2rem;
  }
  div.ccm-page .nav[role="navigation"] .nav-links .language-picker-dropdown .disclaimer {
    padding: 1rem 2rem;
  }
  div.ccm-page .nav[role="navigation"] .nav-links .language-picker-list a {
    padding: 1rem 2rem;
  }
}
@media only screen and (max-width: 1024px) {
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form .btn-primary {
    background-color: var(--nav-split-color-bg);
    border-color: var(--nav-split-color-bg);
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form .btn-primary:hover,
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form .btn-primary:focus {
    background-color: var(--nav-split-color-bg-hover);
    border-color: var(--nav-split-color-bg-hover);
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form .btn-primary:hover svg,
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form .btn-primary:focus svg {
    fill: var(--nav-split-color-bg-text-hover);
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page header[role="banner"].mod-split {
    border: none;
  }
  div.ccm-page header[role="banner"].mod-split .header {
    display: flex;
    align-items: center;
  }
  div.ccm-page header[role="banner"].mod-split .header .header-search {
    display: block;
    margin-inline-start: auto;
    margin-inline-end: 2rem;
  }
  div.ccm-page header[role="banner"].mod-split .header .header-search .split-nav-search-form {
    display: flex;
  }
  div.ccm-page header[role="banner"].mod-split .header .header-search .split-nav-search-form input::-webkit-input-placeholder {
    color: var(--type-muted-color);
    opacity: 1 !important;
  }
  div.ccm-page header[role="banner"].mod-split .header .header-search .split-nav-search-form input:-moz-placeholder {
    color: var(--type-muted-color);
    opacity: 1 !important;
  }
  div.ccm-page header[role="banner"].mod-split .header .header-search .split-nav-search-form input::-moz-placeholder {
    color: var(--type-muted-color);
    opacity: 1 !important;
  }
  div.ccm-page header[role="banner"].mod-split .header .header-search .split-nav-search-form input:-ms-input-placeholder {
    color: var(--type-muted-color);
    opacity: 1 !important;
  }
  div.ccm-page header[role="banner"].mod-split .header .header-search .split-nav-search-form textarea::-webkit-input-placeholder {
    color: var(--type-muted-color);
    opacity: 1 !important;
  }
  div.ccm-page header[role="banner"].mod-split .header .header-search .split-nav-search-form textarea:-moz-placeholder {
    color: var(--type-muted-color);
    opacity: 1 !important;
  }
  div.ccm-page header[role="banner"].mod-split .header .header-search .split-nav-search-form textarea::-moz-placeholder {
    color: var(--type-muted-color);
    opacity: 1 !important;
  }
  div.ccm-page header[role="banner"].mod-split .header .header-search .split-nav-search-form textarea:-ms-input-placeholder {
    color: var(--type-muted-color);
    opacity: 1 !important;
  }
  div.ccm-page header[role="banner"].mod-split .header .header-search .split-nav-search-form input[type="search"] {
    border-radius: var(--btn-border-radius) 0 0 var(--btn-border-radius);
    width: auto;
    height: 4.4rem;
    line-height: 4.4rem;
    margin: 0;
    padding: 0 1em;
  }
  div.ccm-page header[role="banner"].mod-split .header .header-search .split-nav-search-form .btn-primary {
    border-radius: 0 var(--btn-border-radius) var(--btn-border-radius) 0;
    padding: 0;
    width: 4.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--nav-split-search-btn-color);
    border-color: var(--nav-split-search-btn-color);
  }
  div.ccm-page header[role="banner"].mod-split .header .header-search .split-nav-search-form .btn-primary svg {
    width: 2rem;
    height: 2rem;
    display: block;
  }
  div.ccm-page header[role="banner"].mod-split .header .header-search .split-nav-search-form .btn-primary svg path {
    fill: var(--nav-split-search-btn-icon-color);
  }
  div.ccm-page header[role="banner"].mod-split .header .header-search .split-nav-search-form .btn-primary:hover,
  div.ccm-page header[role="banner"].mod-split .header .header-search .split-nav-search-form .btn-primary:focus {
    background: var(--nav-split-search-btn-hover-color);
    border-color: var(--nav-split-search-btn-hover-color);
  }
  div.ccm-page section.navigation.mod-split .nav {
    height: 7.6rem;
    display: flex;
    align-items: center;
  }
  div.ccm-page section.navigation.mod-split .nav .nav-links {
    background-color: transparent;
    margin-inline-start: 1.5rem;
  }
  div.ccm-page section.navigation.mod-split .nav .nav-links > li > a {
    color: var(--nav-split-color);
  }
  div.ccm-page section.navigation.mod-split .nav .nav-links > li > a:first-child {
    margin-left: 0;
  }
  div.ccm-page section.navigation.mod-split .nav .nav-links > li > a:hover,
  div.ccm-page section.navigation.mod-split .nav .nav-links > li > a:focus {
    color: var(--nav-split-color);
    border-bottom: 2px solid var(--nav-split-underline-color);
  }
  div.ccm-page section.navigation.mod-split .nav .nav-links > li.current > a {
    border-bottom: 2px solid var(--nav-split-underline-color);
  }
  div.ccm-page section.navigation.mod-split .nav .nav-links.is-collapsing {
    border: none;
  }
  div.ccm-page section.navigation.mod-split .nav .nav-links .nav-links-language {
    display: none;
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities {
    margin-right: 0;
    margin-left: auto;
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-item > a {
    font-size: 1.8rem;
    height: 5.8rem;
    background-color: var(--nav-split-btn-bg-color);
    color: var(--nav-split-btn-color);
    border: var(--btn-border-width) solid var(--nav-split-btn-border-color);
    border-radius: var(--nav-split-btn-border-radius);
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-item > a:hover,
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-item > a:focus {
    background-color: var(--nav-split-btn-bg-hover-color);
    border-color: var(--nav-split-btn-border-hover-color);
    color: var(--nav-split-btn-hover-color);
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .split-nav-utilities-search-form,
  div.ccm-page section.navigation.mod-split .nav .nav-utilities #loginsignup-btn {
    display: none;
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-language,
  div.ccm-page section.navigation.mod-split .nav .nav-utilities #login-btn {
    display: block;
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-language > a,
  div.ccm-page section.navigation.mod-split .nav .nav-utilities #login-btn > a {
    border-color: var(--nav-split-login-btn-border-color);
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-language > a:hover,
  div.ccm-page section.navigation.mod-split .nav .nav-utilities #login-btn > a:hover,
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-language > a:focus,
  div.ccm-page section.navigation.mod-split .nav .nav-utilities #login-btn > a:focus {
    border-color: var(--nav-split-btn-border-color);
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities #join-btn {
    display: block;
    margin: 0 1em;
    margin-inline-end: 2rem;
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-language {
    margin-inline-end: 1em;
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-language > a span {
    margin: 0 .5rem;
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-language .language-picker-dropdown {
    margin-top: 0.9rem;
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-profile {
    margin: 0;
    margin-inline-end: 2rem;
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-profile a {
    min-width: 6.5em;
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-profile ul.dropdown-menu {
    top: 5.7rem;
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-profile ul.dropdown-menu li a {
    background-color: var(--nav-split-color-bg);
    color: var(--nav-split-color);
    height: 5.8rem;
    line-height: 5.8rem;
    font-size: 1.8rem;
    padding: 0 .5em;
    border: none;
    border-radius: 0;
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-profile ul.dropdown-menu li a:hover,
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-profile ul.dropdown-menu li a:focus {
    background-color: var(--nav-split-color-bg-hover);
    border-color: var(--nav-split-color-bg-hover);
    color: var(--nav-split-color-bg-text-hover);
  }
  div.ccm-page section.navigation.mod-split .nav .nav-utilities .nav-utilities-profile ul.dropdown-menu li:first-of-type {
    border-top: none;
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page[dir="rtl"] header[role="banner"].mod-split .header .header-search .split-nav-search-form input[type="search"] {
    border-radius: 0 var(--btn-border-radius) var(--btn-border-radius) 0;
  }
  div.ccm-page[dir="rtl"] header[role="banner"].mod-split .header .header-search .split-nav-search-form .btn-primary {
    border-radius: var(--btn-border-radius) 0 0 var(--btn-border-radius);
  }
}
div.ccm-page .alert {
  border-radius: 0px;
  color: var(--type-color);
  margin-bottom: 10px;
  padding: 10px 20px;
}
div.ccm-page .alert a:not(.btn),
div.ccm-page .alert .btn.btn.btn-link {
  color: var(--type-color);
  font-weight: var(--font-weight-bold);
  border: 0;
}
div.ccm-page .alert.alert-success,
div.ccm-page .alert.mod-alert-success {
  background-color: #dff0d8;
  border-color: #4b7f33;
}
div.ccm-page .alert.mod-alert-success-ghost {
  background: none;
  color: #4b7f33;
}
div.ccm-page .alert.mod-alert-success-solid {
  background-color: #4b7f33;
  color: var(--type-reverse-color);
}
div.ccm-page .alert.alert-info,
div.ccm-page .alert.mod-alert-info {
  background-color: #d9edf7;
  border-color: #237599;
}
div.ccm-page .alert.alert-info .close,
div.ccm-page .alert.mod-alert-info .close {
  color: #237599;
}
div.ccm-page .alert.mod-alert-info-ghost {
  background: none;
  color: #237599;
}
div.ccm-page .alert.mod-alert-info-solid {
  background-color: #237599;
  color: var(--type-reverse-color);
}
div.ccm-page .alert.alert-warning,
div.ccm-page .alert.mod-alert-warning {
  background-color: #fcf8e3;
  border-color: #806f0d;
}
div.ccm-page .alert.mod-alert-warning-ghost {
  background: none;
  color: #806f0d;
}
div.ccm-page .alert.mod-alert-warning-solid {
  background-color: #806f0d;
  color: var(--type-reverse-color);
}
div.ccm-page .alert.alert-danger,
div.ccm-page .alert.mod-alert-danger {
  background-color: #f2dede;
  border-color: #b34646;
}
div.ccm-page .alert.mod-alert-danger-ghost {
  background: none;
  color: #b34646;
}
div.ccm-page .alert.mod-alert-danger-solid {
  background-color: #b34646;
  color: var(--type-reverse-color);
}
div.ccm-page .alert.mod-login-lg {
  display: flex;
  padding: 1em;
  width: 100%;
  border: 0;
  text-align: center;
  align-items: start;
}
div.ccm-page .alert.mod-margin-top {
  margin-top: 1em;
}
div.ccm-page .alert-col:first-of-type {
  margin-bottom: 0.5rem;
}
div.ccm-page .alert-dismissable .close,
div.ccm-page .alert-dismissible .close {
  right: -15px;
}
div.ccm-page .alert-col-icon {
  display: none;
}
@media only screen and (min-width: 768px) {
  div.ccm-page .alert.mod-login-lg {
    text-align: inherit;
  }
  div.ccm-page .alert-col {
    width: auto;
  }
  div.ccm-page .alert-col:first-of-type {
    margin-bottom: auto;
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .sidebar .alert-col-icon {
    display: none;
  }
  div.ccm-page .alert-col-icon {
    display: block;
    width: 50px;
    margin-inline-end: 1em;
  }
}
div.ccm-page[dir="rtl"] .alert-dismissable .close,
div.ccm-page[dir="rtl"] .alert-dismissible .close {
  right: auto;
  left: -15px;
}
div.ccm-page .block-quote {
  line-height: 1.5;
}
div.ccm-page .block-quote footer {
  color: var(--neutral-medium-color);
  margin-top: 0.5em;
}
div.ccm-page .block-quote.normal {
  font-weight: var(--font-weight-normal);
}
div.ccm-page .block-quote.semibold {
  font-weight: var(--font-weight-semi-bold);
}
div.ccm-page .block-quote.bold {
  font-weight: var(--font-weight-bold);
}
div.ccm-page .block-quote.size-normal {
  font-size: var(--font-body-base-size);
}
div.ccm-page .block-quote.medium {
  font-size: 2.4rem;
}
div.ccm-page .block-quote.large {
  font-size: 3rem;
}
div.ccm-page .block-quote.coloured {
  color: var(--block-quote-color);
}
div.ccm-page .block-quote.auto {
  padding: 0 1.5rem;
}
@media only screen and (min-width: 768px) {
  div.ccm-page .block-quote.auto {
    width: auto;
  }
}
div.ccm-page .block-quote.border-top-bottom aside {
  border-top: 4px solid var(--neutral-light-color);
  border-bottom: 4px solid var(--neutral-light-color);
  padding: 1em .5em;
}
div.ccm-page .block-quote.border-top-bottom footer span {
  display: none;
}
div.ccm-page .block-quote.border-top-bottom-quotation {
  position: relative;
}
div.ccm-page .block-quote.border-top-bottom-quotation aside {
  border-top: 4px solid var(--neutral-light-color);
  border-bottom: 4px solid var(--neutral-light-color);
}
div.ccm-page .block-quote.border-top-bottom-quotation svg {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--type-reverse-color);
  padding: 0 .8rem;
  fill: currentColor;
}
div.ccm-page .block-quote.border-top-bottom-quotation.size-normal {
  margin-top: 2rem;
}
div.ccm-page .block-quote.border-top-bottom-quotation.size-normal aside {
  padding: 2rem 1.5rem;
}
div.ccm-page .block-quote.border-top-bottom-quotation.size-normal svg {
  top: -1.6rem;
  width: 5.4rem;
  height: 3.6rem;
}
div.ccm-page .block-quote.border-top-bottom-quotation.medium {
  margin-top: 2.4rem;
}
div.ccm-page .block-quote.border-top-bottom-quotation.medium aside {
  padding: 2.4rem 1.5rem;
}
div.ccm-page .block-quote.border-top-bottom-quotation.medium svg {
  top: -1.9rem;
  width: 6.2rem;
  height: 4.2rem;
}
div.ccm-page .block-quote.border-top-bottom-quotation.large {
  margin-top: 2.7rem;
}
div.ccm-page .block-quote.border-top-bottom-quotation.large aside {
  padding: 2.7rem 1.5rem;
}
div.ccm-page .block-quote.border-top-bottom-quotation.large svg {
  top: -2.1rem;
  width: 6.8rem;
  height: 4.6rem;
}
div.ccm-page .block-quote.border-top-bottom-quotation.coloured svg {
  color: var(--block-quote-color-bg);
}
div.ccm-page .block-quote.border-top-bottom-quotation.greyscale {
  color: var(--neutral-medium-color);
}
div.ccm-page .block-quote.border-top-bottom-quotation.greyscale .hive-block-inner {
  color: var(--block-quote-greyscale-color);
}
div.ccm-page .block-quote.allcaps {
  text-transform: uppercase;
  letter-spacing: 1px;
}
div.ccm-page .block-quote.bordered aside {
  border: 4px solid var(--neutral-light-color);
  padding: 1em;
}
div.ccm-page .block-quote.quotation-marks {
  display: flex;
}
div.ccm-page .block-quote.quotation-marks .hive-block-inner {
  display: inline;
}
div.ccm-page .block-quote.quotation-marks.text-center {
  justify-content: center;
}
div.ccm-page .block-quote.quotation-marks.text-right {
  justify-content: flex-end;
}
div.ccm-page .block-quote.quotation-marks.size-normal svg {
  width: 100%;
  min-width: 2.3rem;
  max-width: 2.3rem;
  height: 1.6rem;
}
div.ccm-page .block-quote.quotation-marks.medium svg {
  width: 100%;
  max-width: 3.5rem;
  height: 2.4rem;
}
div.ccm-page .block-quote.quotation-marks.large svg {
  width: 100%;
  max-width: 4.3rem;
  height: 3rem;
}
div.ccm-page .block-quote.quotation-marks svg {
  color: var(--neutral-light-color);
  fill: currentColor;
}
div.ccm-page .block-quote.quotation-marks aside {
  margin-inline-start: .5rem;
}
div.ccm-page .block-quote.quotation-marks aside svg {
  transform: rotate(180deg);
}
div.ccm-page .block-quote.quotation-marks footer {
  display: block;
}
div.ccm-page .block-quote.quotation-marks.coloured svg {
  color: var(--block-quote-color-bg);
}
div.ccm-page .block-quote.quote-bubble .hive-block-inner {
  background: var(--block-quote-greyscale-color-bg);
  color: var(--type-reverse-color);
  padding: 1em;
  border-radius: var(--border-radius-sm);
}
div.ccm-page .block-quote.quote-bubble .hive-block-inner:after {
  content: ' ';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  left: 2.25em;
  margin-top: .9em;
  border-width: 1em .75em 0;
  border-style: solid;
  border-color: var(--block-quote-greyscale-color-bg) transparent transparent transparent;
  transform: skewX(50deg);
}
div.ccm-page .block-quote.quote-bubble footer {
  margin: 1em 1em 0;
}
div.ccm-page .block-quote.quote-bubble footer span {
  display: none;
}
div.ccm-page .block-quote.quote-bubble.text-right .hive-block-inner:after {
  left: auto;
  right: 2.25em;
  transform: skewX(-50deg);
}
div.ccm-page .block-quote.quote-bubble.text-center .hive-block-inner:after {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transform: skewX(0);
}
div.ccm-page .block-quote.quote-bubble.text-center footer {
  margin: 1em auto 0;
}
div.ccm-page .block-quote.quote-bubble.coloured .hive-block-inner {
  background: var(--block-quote-color-bg);
}
div.ccm-page .block-quote.quote-bubble.coloured .hive-block-inner:after {
  border-color: var(--block-quote-color-bg) transparent transparent transparent;
}
div.ccm-page .block-quote.vertical-line aside {
  padding: 0.625em;
  border-inline-start: 4px solid var(--neutral-light-color);
}
div.ccm-page .block-quote.vertical-line.coloured aside {
  border-inline-start-color: var(--block-quote-color-bg);
}
div.ccm-page .block-quote.vertical-line-background aside {
  background-color: var(--neutral-lightest-color);
  border-inline-start-color: var(--block-quote-color-bg);
}
div.ccm-page .block-quote.vertical-line-background.coloured aside {
  background-color: var(--block-quote-color-bg-faded);
  color: var(--type-color);
}
div.ccm-page .block-quote.inline-background .hive-block-inner {
  color: var(--type-reverse-color);
}
div.ccm-page .block-quote.inline-background .hive-block-inner span {
  background-color: var(--block-quote-greyscale-color-bg);
  padding: .4rem .2em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
div.ccm-page .block-quote.inline-background.coloured .hive-block-inner span {
  background-color: var(--block-quote-color-bg);
}
div.ccm-page .block-quote.inline-background.medium .hive-block-inner span {
  padding: .6rem .2em;
}
div.ccm-page .block-quote.inline-background.large .hive-block-inner span {
  padding: .75rem .2em;
}
div.ccm-page.page-template-right-sidebar .sidebar .block-quote {
  width: 100%;
}
div.ccm-page[dir="rtl"] .block-quote.quote-bubble .hive-block-inner:after {
  left: auto;
  right: 2.25em;
  transform: skewX(-50deg);
}
div.ccm-page[dir="rtl"] .block-quote.quote-bubble.text-right .hive-block-inner:after {
  left: 2.25em;
  right: auto;
  transform: skewX(50deg);
}
div.ccm-page[dir="rtl"] .block-quote.quote-bubble.text-center .hive-block-inner:after {
  left: 0;
  right: 0;
  transform: skewX(0);
}
div.ccm-page .cards {
  margin: 0 -0.5em;
}
div.ccm-page .cards .card {
  margin-bottom: 1em;
  padding: 0 0.5em;
  position: relative;
}
div.ccm-page .cards .card > a,
div.ccm-page .cards .card > .card-link-wrap {
  background-color: var(--card-color-bg);
  border: var(--card-border-width) solid var(--card-border-color);
  border-radius: var(--card-border-radius);
  color: var(--type-color);
  box-shadow: var(--card-box-shadow);
  display: block;
  font-weight: normal;
  position: relative;
  text-decoration: none;
  width: 100%;
}
div.ccm-page .cards .card > a:hover,
div.ccm-page .cards .card > .card-link-wrap:hover,
div.ccm-page .cards .card > a:focus,
div.ccm-page .cards .card > .card-link-wrap:focus {
  box-shadow: 0 1px 3px 0 var(--accent-color), 0 0 0 1px var(--neutral-lighter-color);
}
div.ccm-page .cards .card > a:hover .card-img .card-img-inner,
div.ccm-page .cards .card > .card-link-wrap:hover .card-img .card-img-inner,
div.ccm-page .cards .card > a:focus .card-img .card-img-inner,
div.ccm-page .cards .card > .card-link-wrap:focus .card-img .card-img-inner {
  transform: scale(1.1);
  -webkit-transition: transform 0.3s ease 0s;
  -moz-transition: transform 0.3s ease 0s;
  -o-transition: transform 0.3s ease 0s;
  -ms-transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
}
div.ccm-page .cards .card > a:hover .card-main,
div.ccm-page .cards .card > .card-link-wrap:hover .card-main,
div.ccm-page .cards .card > a:focus .card-main,
div.ccm-page .cards .card > .card-link-wrap:focus .card-main {
  -webkit-transition: background 0.3s ease 0s;
  -moz-transition: background 0.3s ease 0s;
  -o-transition: background 0.3s ease 0s;
  -ms-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s;
}
div.ccm-page .cards .card > .card-wrap {
  border: 1px solid var(--card-border-color);
  color: var(--type-color);
  box-shadow: var(--card-box-shadow);
  display: block;
  font-weight: normal;
  position: relative;
  text-decoration: none;
  width: 100%;
}
div.ccm-page .cards .card .card-img {
  overflow: hidden;
  position: relative;
}
div.ccm-page .cards .card .card-img:focus,
div.ccm-page .cards .card .card-img:active {
  outline: thin dotted;
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 2px;
}
div.ccm-page .cards .card .card-img-inner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  -webkit-transition: transform 0.3s ease 0s;
  -moz-transition: transform 0.3s ease 0s;
  -o-transition: transform 0.3s ease 0s;
  -ms-transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  width: 100%;
}
div.ccm-page .cards .card .card-img-overlay {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
div.ccm-page .cards .card .card-main {
  padding: 0.5em 1em 3em;
  position: relative;
  -webkit-transition: background 0.3s ease 0s;
  -moz-transition: background 0.3s ease 0s;
  -o-transition: background 0.3s ease 0s;
  -ms-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s;
}
div.ccm-page .cards .card .card-date {
  display: block;
  padding-bottom: 0.5em;
  text-align: end;
}
div.ccm-page .cards .card .card-date time {
  font-family: var(--bold-font-family);
  font-weight: var(--bold-font-weight);
}
div.ccm-page .cards .card .card-heading {
  color: var(--main-color);
  font-size: 1.3em;
  line-height: 1.2;
  font-weight: var(--card-heading-font-weight);
}
@media only screen and (min-width: 568px) {
  div.ccm-page .cards .card .card-heading {
    font-size: calc(1.3em  +  0.3  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page .cards .card .card-heading {
    font-size: 1.6em;
  }
}
div.ccm-page .cards .card .card-summary {
  font-family: var(--body-font-family);
  font-weight: var(--card-desc-font-weight);
}
div.ccm-page .cards .card .card-footer-categories {
  padding: 0.5em 1em 0.5em;
}
div.ccm-page .cards .card .card-footer {
  margin-top: auto;
}
div.ccm-page .cards .card .card-footer p {
  margin: 0em;
  padding: 0.5em 1em;
  text-align: end;
  font-weight: var(--font-weight-semi-bold);
}
div.ccm-page .cards .card .card-footer-chevron {
  height: 1.35em;
  margin-inline-start: 0.5em;
  transform: translateY(0.25em);
  width: 1.25em;
}
div.ccm-page .cards .card .card-footer-chevron path {
  fill: var(--type-color);
}
div.ccm-page .cards.mod-cards .card > a .hover-overlay-text,
div.ccm-page .cards.mod-cards .card .card-link-wrap .hover-overlay-text {
  opacity: 0;
  z-index: 1;
  transition: opacity 0.3s;
}
div.ccm-page .cards.mod-cards .card > a .hover-overlay-text > span,
div.ccm-page .cards.mod-cards .card .card-link-wrap .hover-overlay-text > span {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  left: 0;
  width: 100%;
  text-align: center;
  color: var(--card-color-overlay-font-color);
  font-size: 2.2rem;
  font-family: var(--card-color-overlay-font-family);
  font-weight: var(--card-color-overlay-font-weight);
  -webkit-transition: bottom 0.3s ease-out;
  -moz-transition: bottom 0.3s ease-out;
  -o-transition: bottom 0.3s ease-out;
  -ms-transition: bottom 0.3s ease-out;
  transition: bottom 0.3s ease-out;
}
div.ccm-page .cards.mod-cards .card > a:hover .hover-overlay-text,
div.ccm-page .cards.mod-cards .card .card-link-wrap:hover .hover-overlay-text {
  opacity: 1;
}
div.ccm-page .cards.mod-cards .card > a .card-img-overlay,
div.ccm-page .cards.mod-cards .card .card-link-wrap .card-img-overlay {
  background-color: var(--card-color-overlay);
}
div.ccm-page .cards.mod-cards .card > a .card-date,
div.ccm-page .cards.mod-cards .card .card-link-wrap .card-date {
  color: var(--neutral-medium-color);
}
div.ccm-page .cards.mod-cards .card > a .card-footer,
div.ccm-page .cards.mod-cards .card .card-link-wrap .card-footer {
  border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
  color: var(--card-footer-link-color);
}
div.ccm-page .cards.mod-cards .card > a:hover,
div.ccm-page .cards.mod-cards .card .card-link-wrap:hover,
div.ccm-page .cards.mod-cards .card > a:focus,
div.ccm-page .cards.mod-cards .card .card-link-wrap:focus {
  border-color: var(--card-border-color);
  border: var(--card-border-width) solid var(--card-border-color);
  box-shadow: none;
}
div.ccm-page .cards.mod-cards .card > a:focus .hover-overlay-text,
div.ccm-page .cards.mod-cards .card .card-link-wrap:focus .hover-overlay-text {
  opacity: 1;
}
div.ccm-page .cards.mod-cards .card .card-wrap,
div.ccm-page .cards.mod-cards .card > a {
  background-color: var(--card-color-bg);
  border: var(--card-border-width) solid var(--card-border-color);
  border-radius: var(--card-border-radius);
  transition: all 0.3s;
}
div.ccm-page .cards.mod-cards .card .card-wrap .card-img,
div.ccm-page .cards.mod-cards .card > a .card-img {
  border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
}
div.ccm-page .cards.mod-cards .card .card-wrap .card-heading,
div.ccm-page .cards.mod-cards .card > a .card-heading {
  color: var(--h3-type-color);
  font-size: 1.6em;
  line-height: 1.5;
}
div.ccm-page .cards.mod-cards .card .card-wrap .card-main,
div.ccm-page .cards.mod-cards .card > a .card-main {
  padding: 1.5em 1em 1em 1em;
}
div.ccm-page .cards.mod-cards .card .card-wrap .card-summary,
div.ccm-page .cards.mod-cards .card > a .card-summary,
div.ccm-page .cards.mod-cards .card .card-wrap .card-summary p,
div.ccm-page .cards.mod-cards .card > a .card-summary p {
  font-size: var(--font-body-base-size);
  color: var(--type-color);
}
div.ccm-page .cards.mod-cards .card .card-wrap .card-footer p,
div.ccm-page .cards.mod-cards .card > a .card-footer p {
  font-size: var(--font-body-base-size);
}
div.ccm-page .cards.mod-cards {
  margin: 0 -1rem;
}
div.ccm-page .cards.mod-cards .card {
  margin: 0 0 1em 0;
  padding: 0 1rem;
}
div.ccm-page .cards.mod-cards .card-main {
  width: 100%;
  padding: 1.5em 1em 3em;
}
div.ccm-page .cards.mod-cards .card-main .card-summary {
  font-size: var(--font-body-base-size);
  color: var(--neutral-dark-color);
  padding-bottom: 1em;
}
div.ccm-page .cards.mod-cards .card-date {
  font-size: 1.4rem;
  font-weight: var(--font-weight-semi-bold);
  color: var(--neutral-light-color);
  text-align: start;
}
div.ccm-page .cards.mod-cards .card-date time {
  font-weight: var(--font-weight-semi-bold);
}
div.ccm-page .cards.mod-cards-style-1 .card-footer {
  color: var(--accent-color);
  display: inline;
}
div.ccm-page .cards.mod-cards-style-1 .card-footer p {
  text-align: start;
  padding-bottom: 1.5rem;
}
div.ccm-page .cards.mod-cards-style-2 .card-footer {
  background-color: var(--neutral-lightest-color);
  display: inline;
}
div.ccm-page .cards.mod-cards-style-2 .card-footer .card-date {
  color: var(--neutral-dark-color);
  padding: .8em 1.2em;
}
div.ccm-page .cards.mod-cards-style-3 .card-main {
  padding: 1.5em 1em 1em 1em;
}
div.ccm-page .cards.mod-cards-style-3 .card-main .card-date {
  color: var(--neutral-medium-color);
  display: inline-block;
  padding: 0;
  flex-shrink: 0;
  height: auto;
  position: unset;
  z-index: 2;
  margin-bottom: 1rem;
}
div.ccm-page .cards.mod-cards-style-4 .card-main {
  padding: 1.5em 1em 1em 1em;
}
div.ccm-page .cards.mod-cards-style-4 .card a .card-date {
  background-color: var(--card-4-color-date-bg);
  color: var(--type-reverse-color);
  padding: .8em 1.6rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-radius: var(--card-border-radius) 0 var(--card-border-radius) 0;
}
div.ccm-page .cards.mod-cards-style-5 .card-footer {
  background-color: var(--neutral-lightest-color);
  color: var(--main-color);
  display: inline;
}
div.ccm-page .cards.mod-cards-style-5 .card-footer p {
  text-align: start;
  padding: .8em 1em;
}
div.ccm-page .cards.mod-cards-style-6 .card-main {
  padding-bottom: 4em;
}
div.ccm-page .cards.mod-cards-style-6 .card-footer {
  margin: 0 1em 1em;
}
div.ccm-page .cards.mod-cards-style-6 .card-footer .btn {
  width: 100%;
  padding: .7em 0;
  font-size: var(--font-body-base-size);
}
div.ccm-page.page-template-full .cards .card.grid-sm-1-4 .card-main .card-heading,
div.ccm-page.page-template-home .cards .card.grid-sm-1-4 .card-main .card-heading,
div.ccm-page.page-template-full .cards .card.grid-sm-1-5 .card-main .card-heading,
div.ccm-page.page-template-home .cards .card.grid-sm-1-5 .card-main .card-heading,
div.ccm-page.page-template-full .cards .card.column-4 .card-main .card-heading,
div.ccm-page.page-template-home .cards .card.column-4 .card-main .card-heading {
  font-size: 1.3em;
}
@media only screen and (min-width: 568px) {
  div.ccm-page.page-template-full .cards .card.grid-sm-1-4 .card-main .card-heading,
  div.ccm-page.page-template-home .cards .card.grid-sm-1-4 .card-main .card-heading,
  div.ccm-page.page-template-full .cards .card.grid-sm-1-5 .card-main .card-heading,
  div.ccm-page.page-template-home .cards .card.grid-sm-1-5 .card-main .card-heading,
  div.ccm-page.page-template-full .cards .card.column-4 .card-main .card-heading,
  div.ccm-page.page-template-home .cards .card.column-4 .card-main .card-heading {
    font-size: calc(1.3em  +  0.075  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page.page-template-full .cards .card.grid-sm-1-4 .card-main .card-heading,
  div.ccm-page.page-template-home .cards .card.grid-sm-1-4 .card-main .card-heading,
  div.ccm-page.page-template-full .cards .card.grid-sm-1-5 .card-main .card-heading,
  div.ccm-page.page-template-home .cards .card.grid-sm-1-5 .card-main .card-heading,
  div.ccm-page.page-template-full .cards .card.column-4 .card-main .card-heading,
  div.ccm-page.page-template-home .cards .card.column-4 .card-main .card-heading {
    font-size: 1.375em;
  }
}
div.ccm-page.page-template-right-sidebar .main .cards .card.grid-sm-1-3 .card-heading,
div.ccm-page.page-template-right-sidebar .main .cards .card.column-3 .card-heading {
  font-size: 1.3em;
}
@media only screen and (min-width: 568px) {
  div.ccm-page.page-template-right-sidebar .main .cards .card.grid-sm-1-3 .card-heading,
  div.ccm-page.page-template-right-sidebar .main .cards .card.column-3 .card-heading {
    font-size: calc(1.3em  +  0.075  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page.page-template-right-sidebar .main .cards .card.grid-sm-1-3 .card-heading,
  div.ccm-page.page-template-right-sidebar .main .cards .card.column-3 .card-heading {
    font-size: 1.375em;
  }
}
div.ccm-page.page-template-right-sidebar .main .cards .card.grid-sm-1-4 .card-main .card-heading,
div.ccm-page.page-template-right-sidebar .main .cards .card.grid-sm-1-5 .card-main .card-heading,
div.ccm-page.page-template-right-sidebar .main .cards .card.column-4 .card-main .card-heading {
  font-size: 1.3em;
}
div.ccm-page.page-template-narrow .cards .card.grid-sm-1-3 .card-main .card-heading,
div.ccm-page.page-template-narrow .cards .card.column-3 .card-main .card-heading {
  font-size: 1.3em;
}
@media only screen and (min-width: 568px) {
  div.ccm-page.page-template-narrow .cards .card.grid-sm-1-3 .card-main .card-heading,
  div.ccm-page.page-template-narrow .cards .card.column-3 .card-main .card-heading {
    font-size: calc(1.3em  +  0.075  * ((100vw -  35.5em ) / 40.75 ));
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page.page-template-narrow .cards .card.grid-sm-1-3 .card-main .card-heading,
  div.ccm-page.page-template-narrow .cards .card.column-3 .card-main .card-heading {
    font-size: 1.375em;
  }
}
div.ccm-page.page-template-narrow .cards .card.grid-sm-1-4 .card-main .card-heading,
div.ccm-page.page-template-narrow .cards .card.grid-sm-1-5 .card-main .card-heading,
div.ccm-page.page-template-narrow .cards .card.column-4 .card-main .card-heading {
  font-size: 1.3em;
}
@media only screen and (min-width: 568px) {
  div.ccm-page [class*="grid-xs-"] .card.mod-categories .card-main {
    padding: 5px 10px 10em;
  }
  div.ccm-page [class*="grid-xs-"] .card-footer {
    bottom: 0px;
    left: 0px;
    position: absolute;
    right: 0;
  }
}
@media only screen and (min-width: 768px) {
  div.ccm-page {
    /* Large Card */
    /*.card.mod-lg > a{
        display: table;
    }
    .card.mod-lg .card-img{
            padding-bottom:0%;
            height:100%;
    }
    .card.mod-lg .card-img img{
        height:auto;
        left:50%;
        min-height: 100%;
        object-fit: cover;
        position: relative;
        transform:translateX(-50%);
        width: 100%;
    }

    .card.mod-lg .card-img,
    .card.mod-lg .card-main{
        display: table-cell;
        vertical-align: top;
        width: 50%;
    }

  .card.mod-lg.mod-categories .card-main{
    padding: 5px 10px 10em;
  }

    .card.mod-lg .card-footer{
    bottom: 0px;
    left:50%!important;
    position: absolute!important;
    right: 0;
    }*/
  }
  div.ccm-page [class*="grid-sm-"] .card.mod-categories .card-main {
    padding: 5px 10px 10em;
  }
  div.ccm-page [class*="grid-sm-"] .card-footer {
    bottom: 0px;
    left: 0px;
    position: absolute;
    right: 0;
  }
  div.ccm-page .cards.mod-cards .card .card-wrap .card-main,
  div.ccm-page .cards.mod-cards .card > a .card-main,
  div.ccm-page .cards.mod-cards .card .card-link-wrap .card-main {
    padding: 1.5em 1em 3em;
  }
  div.ccm-page .cards.mod-cards.mod-cards-style-3 .card a .card-main,
  div.ccm-page .cards.mod-cards.mod-cards-style-4 .card a .card-main {
    padding: 1.5em 1em 1em 1em;
  }
  div.ccm-page .cards.mod-cards.mod-cards-style-6 .card a .card-main {
    padding: 1.5em 1em 4em;
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page [class*="grid-md-"] .card.mod-categories .card-main {
    padding: 5px 10px 10em;
  }
  div.ccm-page [class*="grid-md-"] .card-footer {
    bottom: 0px;
    left: 0px;
    position: absolute;
    right: 0;
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page [class*="grid-lg-"] .card.mod-categories .card-main {
    padding: 5px 10px 10em;
  }
  div.ccm-page [class*="grid-lg-"] .card-footer {
    bottom: 0px;
    left: 0px;
    position: absolute;
    right: 0;
  }
}
@media only screen and (min-width: 1400px) {
  div.ccm-page [class*="grid-xlg-"] .card.mod-categories .card-main {
    padding: 5px 10px 10em;
  }
  div.ccm-page [class*="grid-xlg-"] .card-footer {
    bottom: 0px;
    left: 0px;
    position: absolute;
    right: 0;
  }
}
div.ccm-page[dir="rtl"] .cards.mod-cards-style-4 .card-date {
  left: auto;
  right: 0;
}
div.ccm-page[dir="rtl"] .cards .fa-long-arrow-left:before {
  content: "\f178";
}
div.ccm-page[dir="rtl"] .cards .fa-long-arrow-right:before {
  content: "\f177";
}
div.ccm-page .ccm-block-type-form {
  margin-bottom: 1.5em;
}
div.ccm-page .ccm-block-type-form:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div.ccm-page .ccm-block-type-form .btn[type="submit"] {
  float: right;
}
div.ccm-page .ccm-block-type-form .ranker.touch .rankables-list .well {
  color: var(--main-color);
}
div.ccm-page .ccm-block-type-form .ranker.touch .rankables-list .well .name {
  border-color: var(--main-color);
}
div.ccm-page .ccm-block-type-form .ranker.touch .rankables-list .ranked .well {
  color: var(--type-reverse-color);
}
div.ccm-page .ccm-block-type-form .ranker.touch .rankables-list .ranked .well .name,
div.ccm-page .ccm-block-type-form .ranker.touch .rankables-list .ranked .well .rank {
  background-color: var(--main-color);
  border-color: var(--main-color);
}
div.ccm-page .masthead {
  margin-bottom: 2em;
  border-bottom: 1px solid var(--neutral-lighter-color);
}
div.ccm-page .banner .banner-content-heading,
div.ccm-page .banner.mod-simple .mod-lg {
  color: var(--image-banner-color);
  font-size: 2em;
  line-height: 1.25em;
  margin-bottom: 1rem;
  font-weight: var(--image-banner-heading-font-weight);
}
div.ccm-page .banner .banner-content-desc,
div.ccm-page .banner.mod-simple .lead-text,
div.ccm-page .banner.mod-simple .mod-lead {
  color: var(--image-banner-color-desc);
  margin-bottom: 0;
  line-height: 1.25em;
  font-size: 1em;
  font-weight: var(--image-banner-desc-font-weight);
}
div.ccm-page .banner.mod-angled .banner-content .banner-content-inner .banner-content-heading {
  color: var(--image-banner-color);
  font-weight: var(--image-banner-heading-font-weight);
}
div.ccm-page .banner.mod-angled .banner-content .banner-content-inner .banner-content-desc {
  color: var(--image-banner-color-desc);
  font-weight: var(--image-banner-desc-font-weight);
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .banner .banner-content-heading,
  div.ccm-page .banner.mod-simple .mod-lg {
    font-size: 2.2em;
  }
  div.ccm-page .banner .banner-content-desc,
  div.ccm-page .banner.mod-simple .lead-text,
  div.ccm-page .banner.mod-simple .mod-lead {
    font-size: 1.1em;
  }
}
@media only screen and (min-width: 1400px) {
  div.ccm-page .banner .banner-content-heading,
  div.ccm-page .banner.mod-simple .mod-lg {
    font-size: 2.4em;
  }
  div.ccm-page .banner .banner-content-desc,
  div.ccm-page .banner.mod-simple .lead-text,
  div.ccm-page .banner.mod-simple .mod-lead {
    font-size: 1.2em;
  }
}
div.ccm-page .banner {
  margin-bottom: 0;
}
div.ccm-page .banner.mod-simple {
  background-color: var(--image-banner-color-bg);
  color: var(--image-banner-color);
  padding: 2em 0;
}
div.ccm-page .banner.mod-overlaycentre .btn.mod-follow,
div.ccm-page .banner.mod-overlaybottom .btn.mod-follow {
  color: var(--main-color);
  background-color: var(--type-reverse-color);
  border-color: var(--type-reverse-color);
}
div.ccm-page .banner.mod-overlaycentre .btn.mod-follow:hover,
div.ccm-page .banner.mod-overlaybottom .btn.mod-follow:hover,
div.ccm-page .banner.mod-overlaycentre .btn.mod-follow:focus,
div.ccm-page .banner.mod-overlaybottom .btn.mod-follow:focus {
  background-color: var(--btn-primary-color-bg-hover);
  border-color: var(--btn-primary-color-border-hover);
  color: var(--type-reverse-color);
}
div.ccm-page .banner.mod-overlaycentre .btn.mod-follow.mod-following,
div.ccm-page .banner.mod-overlaybottom .btn.mod-follow.mod-following {
  color: var(--type-reverse-color);
  background-color: transparent;
  border-color: var(--type-reverse-color);
}
div.ccm-page .banner.mod-overlaycentre .btn.mod-follow.mod-following:hover,
div.ccm-page .banner.mod-overlaybottom .btn.mod-follow.mod-following:hover,
div.ccm-page .banner.mod-overlaycentre .btn.mod-follow.mod-following:focus,
div.ccm-page .banner.mod-overlaybottom .btn.mod-follow.mod-following:focus {
  background-color: var(--type-reverse-color);
  border-color: var(--type-reverse-color);
  color: var(--main-color);
}
div.ccm-page .banner.mod-overlaycentre .banner-img-overlay {
  background: var(--image-banner-color-bg);
  background: -moz-radial-gradient(center, ellipse cover, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #000000), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-radial-gradient(center, ellipse cover, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-radial-gradient(center, ellipse cover, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: -ms-radial-gradient(center, ellipse cover, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: radial-gradient(ellipse at center, #000000 0%, rgba(0, 0, 0, 0) 100%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
div.ccm-page .banner.mod-overlaycentre .banner-content {
  padding: 1em 1.5rem;
  position: relative;
  text-align: center;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100%;
}
div.ccm-page .banner.mod-overlaycentre .banner-content .banner-content-inner {
  background: none;
}
div.ccm-page .banner.mod-overlaycentre .mod-lg,
div.ccm-page .banner.mod-overlaycentre .banner-content-desc {
  color: var(--type-reverse-color);
}
div.ccm-page .banner.mod-overlaybottom .banner-img-overlay {
  background: var(--main-color);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
div.ccm-page .banner.mod-overlaybottom .container-fluid {
  position: relative;
  height: 100%;
}
div.ccm-page .banner.mod-overlaybottom .banner-content {
  padding: 1em 0;
  position: relative;
  text-align: start;
}
div.ccm-page .banner.mod-overlaybottom .banner-content .banner-content-inner {
  background: none;
}
div.ccm-page .banner.mod-overlaybottom .mod-lg,
div.ccm-page .banner.mod-overlaybottom .banner-content-desc {
  color: var(--type-reverse-color);
}
div.ccm-page .banner.mod-centrebox .banner-content {
  position: relative;
  text-align: center;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100%;
}
div.ccm-page .banner.mod-centrebox .banner-content-inner {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 0.3em;
  padding: 2em;
}
div.ccm-page .banner.mod-centrebox .banner-content-heading,
div.ccm-page .banner.mod-centrebox .mod-lg {
  color: var(--image-banner-centrebox-color);
}
div.ccm-page .banner.mod-centrebox .banner-content-desc {
  color: var(--type-color);
}
div.ccm-page .banner.mod-centrebox .btn.mod-follow {
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-color-bg);
  border-color: var(--btn-primary-color-border-color);
}
div.ccm-page .banner.mod-centrebox .btn.mod-follow:hover {
  background-color: var(--btn-primary-color-bg-hover);
  border-color: var(--btn-primary-color-border-hover);
}
div.ccm-page .banner.mod-centrebox .btn.mod-follow:focus {
  background-color: var(--btn-primary-color-bg-hover);
  border-color: var(--btn-primary-color-border-hover);
}
div.ccm-page .banner.mod-standard,
div.ccm-page .banner.mod-sidepanel {
  background-color: var(--image-banner-color-bg);
  display: flex;
  display: -webkit-flex;
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
}
div.ccm-page .banner.mod-standard .banner-img,
div.ccm-page .banner.mod-sidepanel .banner-img {
  border-inline-start: none;
  position: relative;
  height: 45vw;
}
div.ccm-page .banner.mod-standard .banner-content,
div.ccm-page .banner.mod-sidepanel .banner-content {
  height: auto;
  background-color: var(--image-banner-color-bg);
  max-width: none;
  padding: 0;
  text-align: start;
  left: 0;
  transform: none;
}
div.ccm-page .banner.mod-standard .banner-content .banner-content-desc,
div.ccm-page .banner.mod-sidepanel .banner-content .banner-content-desc {
  margin-bottom: 0;
}
div.ccm-page .banner.mod-standard .banner-content-inner,
div.ccm-page .banner.mod-sidepanel .banner-content-inner {
  padding: 1em 1.5rem;
}
div.ccm-page .banner.mod-container .container-fluid {
  width: 100%;
}
div.ccm-page .banner.mod-angled {
  display: -webkit-flex;
  -webkit-flex-direction: column-reverse;
  display: flex;
  flex-direction: column-reverse;
}
div.ccm-page .banner.mod-angled .banner-content {
  background-color: var(--image-banner-color-bg);
  max-width: none;
  padding: 1em 15px;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  text-align: start;
}
div.ccm-page .banner.mod-angled .banner-content .banner-content-inner {
  z-index: 4;
}
div.ccm-page .banner.mod-angled .banner-content .banner-content-inner .banner-content-heading {
  color: var(--image-banner-color);
}
div.ccm-page .banner.mod-angled .banner-content .banner-content-inner .banner-content-desc {
  color: var(--image-banner-color-desc);
  margin-bottom: 0;
}
div.ccm-page .banner.mod-angled .banner-img {
  height: 45vw;
}
div.ccm-page .banner.mod-banner-split {
  background: var(--image-banner-color-bg);
}
div.ccm-page .banner.mod-banner-split .banner-content {
  max-width: none;
  padding: 2em 0;
}
div.ccm-page .banner.mod-banner-split .banner-img {
  height: 45vw;
}
div.ccm-page .banner.mod-banner-split .row {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
div.ccm-page .banner.mod-banner-split .row .col-sm-4 {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  div.ccm-page .banner.mod-banner-split .btn.mod-follow {
    margin: 0;
  }
}
div.ccm-page .banner .banner-img {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
  height: auto;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
div.ccm-page .banner .banner-img.mod-posY-center {
  background-position-y: center;
}
div.ccm-page .banner .banner-img.mod-posY-top {
  background-position-y: top;
}
div.ccm-page .banner .banner-img.mod-posY-bottom {
  background-position-y: bottom;
}
div.ccm-page .banner .banner-img.mod-posX-center {
  background-position-x: center;
}
div.ccm-page .banner .banner-img.mod-posX-left {
  background-position-x: left;
}
div.ccm-page .banner .banner-img.mod-posX-right {
  background-position-x: right;
}
div.ccm-page .banner .banner-content {
  margin: 0;
  padding: 1em;
  max-width: 40em;
  z-index: 2;
}
div.ccm-page .banner .banner-content-heading {
  text-transform: var(--h1-text-transform);
}
div.ccm-page .banner .banner-content-heading {
  color: var(--image-banner-color);
}
div.ccm-page .banner .banner-content-desc {
  color: var(--image-banner-color-desc);
}
@media only screen and (min-width: 768px) {
  div.ccm-page .banner .banner-img.mod-size-full {
    height: calc(100vh - 130px);
  }
  div.ccm-page .banner .banner-content-heading {
    line-height: 1.1;
  }
  div.ccm-page .banner.mod-centrebox .banner-content-inner {
    padding: 2em 2em;
  }
  div.ccm-page .banner.mod-centrebox .mod-size-full .banner-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  div.ccm-page .banner.mod-overlaybottom .banner-img-overlay {
    background: var(--main-color);
    background: -moz-linear-gradient(45deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #000000), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(45deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(45deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(45deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(45deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  div.ccm-page .banner.mod-overlaybottom .mod-size-full .banner-content {
    bottom: 1em;
    left: 0;
    padding: 0 1em;
    position: absolute;
  }
  div.ccm-page .banner.mod-overlaycentre .mod-size-full .banner-content {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .banner {
    border-bottom: solid 1px var(--neutral-lighter-color);
  }
  div.ccm-page .banner .banner-img {
    display: inline-block;
  }
  div.ccm-page .banner.mod-standard,
  div.ccm-page .banner.mod-sidepanel,
  div.ccm-page .banner.mod-angled {
    display: block;
  }
  div.ccm-page .banner.mod-standard .banner-img,
  div.ccm-page .banner.mod-sidepanel .banner-img,
  div.ccm-page .banner.mod-angled .banner-img {
    top: auto;
    left: auto;
    position: relative;
    height: calc(100vh - 120px);
    min-height: var(--image-banner-height-medium);
    border-top: none;
    float: left;
    width: 55%;
  }
  div.ccm-page .banner.mod-standard .banner-content,
  div.ccm-page .banner.mod-sidepanel .banner-content,
  div.ccm-page .banner.mod-angled .banner-content {
    display: inline-block;
    float: left;
    height: 100%;
    height: calc(100vh - 120px);
    min-height: 200px;
    overflow: hidden;
    position: relative;
    width: 45%;
    top: 0;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    text-align: start;
  }
  div.ccm-page .banner.mod-standard .banner-content-inner,
  div.ccm-page .banner.mod-sidepanel .banner-content-inner,
  div.ccm-page .banner.mod-angled .banner-content-inner {
    left: 50%;
    padding: 1em 2em;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
  }
  div.ccm-page .banner.mod-angled {
    display: block;
    position: relative;
  }
  div.ccm-page .banner.mod-angled .banner-content {
    overflow: visible;
  }
  div.ccm-page .banner.mod-angled .banner-content:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    background: inherit;
    height: 100%;
  }
  div.ccm-page .banner.mod-container {
    position: relative;
  }
  div.ccm-page .banner.mod-container .banner-content {
    width: 45%;
  }
  div.ccm-page .banner.mod-container .banner-content .banner-content-inner {
    padding-inline-start: 0;
  }
  div.ccm-page .banner.mod-container .banner-img {
    width: 55%;
    position: absolute;
    right: 0;
    top: 0;
  }
  div.ccm-page .banner.mod-overlaycentre .banner-content {
    margin-left: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
  }
  div.ccm-page .banner.mod-overlaybottom .banner-content {
    bottom: 1em;
    left: 0;
    padding: 1em 1.5rem;
    position: absolute;
  }
  div.ccm-page .banner.mod-centrebox .banner-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  div.ccm-page .banner.mod-standard .banner-content.mod-size-thin,
  div.ccm-page .banner.mod-sidepanel .banner-content.mod-size-thin,
  div.ccm-page .banner.mod-angled .banner-content.mod-size-thin,
  div.ccm-page .banner.mod-standard .banner-img.mod-size-thin,
  div.ccm-page .banner.mod-sidepanel .banner-img.mod-size-thin,
  div.ccm-page .banner.mod-angled .banner-img.mod-size-thin,
  div.ccm-page .banner .banner-img.mod-size-thin {
    height: var(--image-banner-height-thin);
    min-height: var(--image-banner-height-thin);
    max-height: var(--image-banner-height-thin);
  }
  div.ccm-page .banner.mod-standard .banner-content.mod-size-medium,
  div.ccm-page .banner.mod-sidepanel .banner-content.mod-size-medium,
  div.ccm-page .banner.mod-angled .banner-content.mod-size-medium,
  div.ccm-page .banner.mod-standard .banner-img.mod-size-medium,
  div.ccm-page .banner.mod-sidepanel .banner-img.mod-size-medium,
  div.ccm-page .banner.mod-angled .banner-img.mod-size-medium,
  div.ccm-page .banner .banner-img.mod-size-medium {
    height: var(--image-banner-height-medium);
    min-height: var(--image-banner-height-medium);
    max-height: var(--image-banner-height-medium);
  }
  div.ccm-page .banner.mod-standard .banner-content.mod-size-large,
  div.ccm-page .banner.mod-sidepanel .banner-content.mod-size-large,
  div.ccm-page .banner.mod-angled .banner-content.mod-size-large,
  div.ccm-page .banner.mod-standard .banner-img.mod-size-large,
  div.ccm-page .banner.mod-sidepanel .banner-img.mod-size-large,
  div.ccm-page .banner.mod-angled .banner-img.mod-size-large,
  div.ccm-page .banner .banner-content.mod-size-large,
  div.ccm-page .banner .banner-img.mod-size-large {
    height: var(--image-banner-height-large);
    min-height: var(--image-banner-height-large);
    max-height: var(--image-banner-height-large);
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page .banner.mod-angled,
  div.ccm-page .banner.mod-standard,
  div.ccm-page .banner.mod-sidepanel {
    display: block;
  }
  div.ccm-page .banner.mod-angled .banner-content,
  div.ccm-page .banner.mod-standard .banner-content,
  div.ccm-page .banner.mod-sidepanel .banner-content {
    width: 33.33%;
  }
  div.ccm-page .banner.mod-angled .banner-img,
  div.ccm-page .banner.mod-standard .banner-img,
  div.ccm-page .banner.mod-sidepanel .banner-img {
    width: 66.66%;
  }
}
div.ccm-page .page-type-project .banner.mod-centrebox .banner-content {
  top: 60%;
}
div.ccm-page[dir="rtl"] .banner-logo-heading {
  float: right;
  background-position: right top;
}
div.ccm-page[dir="rtl"] .banner.mod-standard .banner-content,
div.ccm-page[dir="rtl"] .banner.mod-sidepanel .banner-content {
  left: auto;
  right: 0;
}
div.ccm-page[dir="rtl"] .banner.mod-container .banner-img {
  left: 0;
  right: auto;
}
div.ccm-page[dir="rtl"] .banner.mod-overlaycentre .banner-content,
div.ccm-page[dir="rtl"] .banner.mod-centrebox .banner-content {
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  div.ccm-page[dir="rtl"] .banner.mod-overlaybottom .banner-img-overlay {
    background: -moz-linear-gradient(315deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #000000), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(315deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(315deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(315deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(315deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page[dir="rtl"] .banner.mod-standard .banner-img,
  div.ccm-page[dir="rtl"] .banner.mod-sidepanel .banner-img,
  div.ccm-page[dir="rtl"] .banner.mod-angled .banner-img {
    float: right;
  }
  div.ccm-page[dir="rtl"] .banner.mod-standard .banner-content,
  div.ccm-page[dir="rtl"] .banner.mod-sidepanel .banner-content,
  div.ccm-page[dir="rtl"] .banner.mod-angled .banner-content {
    float: right;
    left: auto;
    right: 0;
  }
  div.ccm-page[dir="rtl"] .banner.mod-angled .banner-content:before {
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg);
  }
  div.ccm-page[dir="rtl"] .banner.mod-overlaybottom .banner-content {
    left: auto;
    right: 0;
  }
}
div.ccm-page .hive-modal .modal-dialog {
  border-radius: 0;
}
div.ccm-page .hive-modal .modal-content {
  border-radius: 0;
}
div.ccm-page .hive-modal .modal-header {
  background: var(--main-color);
  border-radius: 0;
  padding: 0.5em 1em;
  color: var(--type-reverse-color);
}
div.ccm-page .hive-modal .modal-header .close {
  color: #FFFFFF;
  opacity: 0.8;
}
div.ccm-page .hive-modal .modal-header .close:hover,
div.ccm-page .hive-modal .modal-header .close:focus {
  opacity: 1;
}
div.ccm-page .hive-modal .modal-header h1 {
  font-size: 19.36px;
  margin: 0;
  font-weight: var(--h3-type-font-weight);
  color: inherit;
  font-family: var(--h3-type-font-family);
}
div.ccm-page .hive-modal label.error {
  color: #b34646;
}
div.ccm-page .hive-modal .modal-content h2 {
  font-size: 21.3px;
}
div.ccm-page .hive-modal .modal-content h3 {
  font-size: 19.36px;
}
div.ccm-page .hive-modal .modal-content h4 {
  font-size: 17.6px;
}
div.ccm-page .hive-modal .modal-content h5 {
  font-size: 16px;
}
div.ccm-page .hive-modal table td,
div.ccm-page .hive-modal table th {
  padding: 5px;
  border: 1px solid var(--neutral-lighter-color);
  vertical-align: top;
}
div.ccm-page .hive-modal table th {
  font-weight: var(--font-weight-bold);
  border-bottom-color: var(--neutral-dark-color);
}
@media only screen and (min-width: 768px) {
  div.ccm-page .hive-modal .modal-header h1 {
    font-size: 20.25px;
  }
  div.ccm-page .hive-modal .modal-content h2 {
    font-size: 22.78px;
  }
  div.ccm-page .hive-modal .modal-content h3 {
    font-size: 20.25px;
  }
  div.ccm-page .hive-modal .modal-content h4 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1220px) {
  div.ccm-page .hive-modal .modal-header h1 {
    font-size: 23.04px;
  }
  div.ccm-page .hive-modal .modal-content h2 {
    font-size: 27.65px;
  }
  div.ccm-page .hive-modal .modal-content h3 {
    font-size: 23.04px;
  }
  div.ccm-page .hive-modal .modal-content h4 {
    font-size: 19.2px;
  }
}
div.ccm-page header[role="banner"] {
  border-bottom: 1px solid var(--neutral-lighter-color);
}
div.ccm-page header[role="banner"] section.logo-area {
  height: calc(var(--nav-logo-height-mobile) + 2rem);
  display: flex;
  align-items: center;
}
div.ccm-page header[role="banner"] section.logo-area .banner-logo-heading {
  font-size: 2rem;
  margin: 0 1rem;
}
div.ccm-page header[role="banner"] section.logo-area .banner-logo-heading img {
  max-height: var(--nav-logo-height-mobile);
  max-width: 100%;
}
div.ccm-page header[role="banner"] section.logo-area .banner-logo-heading span {
  display: none;
}
div.ccm-page header[role="banner"] section.logo-area a:hover,
div.ccm-page header[role="banner"] section.logo-area a:focus {
  background-color: transparent;
}
div.ccm-page header[role="banner"] section.logo-area .nav-toggle {
  height: 100%;
  margin-inline-start: auto;
}
div.ccm-page header[role="banner"] section.logo-area .nav-toggle a {
  background-color: var(--nav-toggle-color);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem 2rem 4px;
}
div.ccm-page header[role="banner"] section.logo-area .nav-toggle a:hover,
div.ccm-page header[role="banner"] section.logo-area .nav-toggle a:focus {
  background-color: var(--nav-toggle-color);
}
div.ccm-page header[role="banner"] section.logo-area .nav-toggle .nav-toggle-bar {
  background: var(--nav-toggle-bar-color);
  border-radius: 1px;
  display: block;
  height: 3px;
  margin-bottom: 4px;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  transition: background 0.3s ease;
  width: 30px;
}
@media only screen and (min-width: 768px) {
  div.ccm-page header[role="banner"] section.logo-area {
    height: calc(var(--nav-logo-height-tablet) + 2rem);
  }
  div.ccm-page header[role="banner"] section.logo-area .banner-logo-heading img {
    max-height: var(--nav-logo-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page header[role="banner"] section.logo-area {
    height: calc(var(--nav-logo-height-desktop) + 4rem);
  }
  div.ccm-page header[role="banner"] section.logo-area .banner-logo-heading {
    margin-inline-start: 1.5rem;
  }
  div.ccm-page header[role="banner"] section.logo-area .banner-logo-heading img {
    max-height: var(--nav-logo-height-desktop);
  }
}
div.ccm-page section.navigation .nav-links {
  background: var(--nav-mobile-bg-color);
  list-style: none;
  margin: 0px;
  padding: 0px;
}
div.ccm-page section.navigation .nav-links > li > a {
  display: block;
  font-family: var(--nav-font-family);
  font-weight: var(--nav-font-weight);
  font-size: 1.5rem;
  color: var(--nav-mobile-color);
  margin: 3.6rem 2rem;
  padding: 0;
  text-decoration: none;
  text-transform: none;
  line-height: 3rem;
  transition: border-bottom 0.3s;
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
div.ccm-page section.navigation .nav-links > li > a:hover,
div.ccm-page section.navigation .nav-links > li > a:focus {
  background: transparent;
  color: var(--nav-mobile-color);
  border-bottom: 2px solid var(--nav-mobile-color);
}
div.ccm-page section.navigation .nav-links > li.current > a {
  border-bottom: 2px solid var(--nav-mobile-color);
}
div.ccm-page section.navigation .nav-links .nav-links-back {
  display: none;
}
div.ccm-page section.navigation .nav-utilities {
  display: flex;
  margin-inline-start: auto;
  list-style: none;
  margin: 0px;
  padding: 0px;
  border-top: 1px solid var(--neutral-lighter-color);
}
div.ccm-page section.navigation .nav-utilities > li,
div.ccm-page section.navigation .nav-utilities > div {
  display: block;
  float: left;
}
div.ccm-page section.navigation .nav-utilities .nav-utilities-item {
  width: 50%;
}
div.ccm-page section.navigation .nav-utilities .nav-utilities-item > button,
div.ccm-page section.navigation .nav-utilities .nav-utilities-item > a {
  font-family: var(--nav-font-family);
  font-weight: var(--nav-font-weight);
  font-size: 1.5rem;
  width: 100%;
  height: 4.4rem;
  border-radius: 0;
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: var(--type-reverse-color);
  text-decoration: none;
  transition: background-color 0.4s, border-color 0.4s, color 0.4s;
  display: flex;
  align-items: center;
  line-height: inherit;
  justify-content: center;
}
div.ccm-page section.navigation .nav-utilities .nav-utilities-item > button:hover,
div.ccm-page section.navigation .nav-utilities .nav-utilities-item > a:hover,
div.ccm-page section.navigation .nav-utilities .nav-utilities-item > button:focus,
div.ccm-page section.navigation .nav-utilities .nav-utilities-item > a:focus {
  background-color: var(--main-color-600);
  color: var(--type-reverse-color);
}
div.ccm-page section.navigation .nav-utilities .nav-utilities-profile a span {
  margin-top: 0;
}
div.ccm-page section.navigation .nav-utilities .nav-utilities-profile a svg path {
  fill: var(--btn-primary-color);
}
div.ccm-page section.navigation .nav-utilities .nav-acc-dropdown a {
  text-decoration: none;
}
div.ccm-page section.navigation .nav-utilities .nav-acc-dropdown a svg {
  width: 1.2rem;
  height: 0.9rem;
  top: 0;
}
div.ccm-page section.navigation .nav-utilities .nav-acc-dropdown ul.dropdown-menu {
  font-size: 1.5rem;
  background-color: var(--main-color);
  color: var(--type-reverse-color);
  top: 4.4rem;
  left: 0;
  width: 100%;
  min-width: 103px;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
div.ccm-page section.navigation .nav-utilities .nav-acc-dropdown ul.dropdown-menu li a {
  font-family: var(--nav-font-family);
  font-weight: var(--nav-font-weight);
  color: var(--type-reverse-color);
  border-radius: 0;
  height: 4.4rem;
  padding: 0;
  text-decoration: none;
  transition: background-color 0.4s, border-color 0.4s, color 0.4s;
  display: flex;
  align-items: center;
  line-height: inherit;
  justify-content: center;
}
div.ccm-page section.navigation .nav-utilities .nav-acc-dropdown ul.dropdown-menu li a:hover,
div.ccm-page section.navigation .nav-utilities .nav-acc-dropdown ul.dropdown-menu li a:focus {
  background-color: var(--main-color-600);
}
div.ccm-page section.navigation .nav-utilities .nav-acc-dropdown ul.dropdown-menu li:not(:first-of-type) {
  border-top: 1px solid var(--neutral-lighter-color);
}
div.ccm-page section.navigation .nav-utilities .nav-acc-dropdown ul.dropdown-menu li:not(:first-of-type) a {
  border-top: none;
}
div.ccm-page section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn {
  font-family: var(--nav-font-family);
  font-weight: var(--nav-font-weight);
  font-size: 1.5rem;
  border-inline-start: 1px solid var(--neutral-lighter-color);
  border-inline-end: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.ccm-page section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn:hover,
div.ccm-page section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn:focus {
  border-inline-start: 1px solid var(--neutral-lighter-color);
}
div.ccm-page section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn svg {
  margin-inline-end: .2em;
  width: 1.4rem;
}
div.ccm-page section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn svg path {
  fill: var(--type-reverse-color);
}
div.ccm-page section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn span {
  color: var(--type-reverse-color);
}
@media only screen and (min-width: 1024px) {
  div.ccm-page header[role="banner"] {
    height: calc(var(--nav-logo-height-desktop) + 4rem);
  }
  div.ccm-page header[role="banner"] section.logo-area {
    height: 100%;
  }
  div.ccm-page header[role="banner"] section.logo-area .banner-logo-heading {
    margin-inline-start: 1.5rem;
  }
  div.ccm-page header[role="banner"] section.logo-area .banner-logo-heading img {
    max-height: var(--nav-logo-height-desktop);
  }
  div.ccm-page header[role="banner"] section.logo-area .nav-toggle {
    display: none;
  }
  div.ccm-page section.navigation {
    display: flex;
    align-items: center;
    height: 100%;
    margin-inline-start: auto;
    margin-inline-end: 0;
  }
  div.ccm-page section.navigation .nav-links {
    background: transparent;
    margin: 0 1rem;
  }
  div.ccm-page section.navigation .nav-links > li {
    display: inline-block;
  }
  div.ccm-page section.navigation .nav-links > li > a {
    color: var(--nav-color);
    font-size: 1.8rem;
    margin: 0 2rem;
  }
  div.ccm-page section.navigation .nav-links > li > a:hover,
  div.ccm-page section.navigation .nav-links > li > a:focus {
    color: var(--nav-color);
    border-bottom: 2px solid var(--nav-underline-color);
  }
  div.ccm-page section.navigation .nav-links > li.current > a {
    border-bottom: 2px solid var(--nav-underline-color);
  }
  div.ccm-page section.navigation .nav-links.is-collapsing {
    border-top: none;
  }
  div.ccm-page section.navigation .nav-utilities {
    border-top: none;
  }
  div.ccm-page section.navigation .nav-utilities .nav-utilities-item > button,
  div.ccm-page section.navigation .nav-utilities .nav-utilities-item > a {
    font-size: 1.8rem;
    color: var(--nav-login-btn-color);
    background-color: var(--nav-login-btn-bg-color);
    border-color: var(--nav-login-btn-border-color);
    height: 5.4rem;
    border-radius: var(--btn-border-radius);
    white-space: nowrap;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    transition: background 0.3s ease;
  }
  div.ccm-page section.navigation .nav-utilities .nav-utilities-item > button svg path,
  div.ccm-page section.navigation .nav-utilities .nav-utilities-item > a svg path {
    fill: var(--nav-login-btn-arrow-color);
  }
  div.ccm-page section.navigation .nav-utilities .nav-utilities-item > button:hover,
  div.ccm-page section.navigation .nav-utilities .nav-utilities-item > a:hover,
  div.ccm-page section.navigation .nav-utilities .nav-utilities-item > button:focus,
  div.ccm-page section.navigation .nav-utilities .nav-utilities-item > a:focus {
    color: var(--nav-login-btn-hover-color);
    background-color: var(--nav-login-btn-bg-hover-color);
    border-color: var(--nav-login-btn-border-hover-color);
  }
  div.ccm-page section.navigation .nav-utilities .nav-utilities-item > button:hover svg path,
  div.ccm-page section.navigation .nav-utilities .nav-utilities-item > a:hover svg path,
  div.ccm-page section.navigation .nav-utilities .nav-utilities-item > button:focus svg path,
  div.ccm-page section.navigation .nav-utilities .nav-utilities-item > a:focus svg path {
    fill: var(--nav-login-btn-arrow-hover-color);
  }
  div.ccm-page section.navigation .nav-utilities .nav-acc-dropdown ul.dropdown-menu {
    font-size: 1.8rem;
    top: 5.4rem;
    background-color: var(--nav-login-btn-bg-color);
  }
  div.ccm-page section.navigation .nav-utilities .nav-acc-dropdown ul.dropdown-menu li a {
    height: 5.4rem;
    border-radius: 0;
    white-space: nowrap;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    transition: background 0.3s ease;
    color: var(--nav-login-btn-color);
  }
  div.ccm-page section.navigation .nav-utilities .nav-acc-dropdown ul.dropdown-menu li a:hover,
  div.ccm-page section.navigation .nav-utilities .nav-acc-dropdown ul.dropdown-menu li a:focus {
    color: var(--nav-login-btn-hover-color);
    background-color: var(--nav-login-btn-bg-hover-color);
  }
  div.ccm-page section.navigation .nav-utilities .nav-utilities-search {
    margin: 0 1rem 0;
    margin-inline-start: 2rem;
  }
  div.ccm-page section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn {
    height: 5.4rem;
    font-size: 1.8rem;
    border-radius: 0;
    border-inline-start: 1px solid var(--neutral-lighter-color);
    background: transparent;
  }
  div.ccm-page section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn svg {
    width: 2rem;
  }
  div.ccm-page section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn svg path {
    fill: var(--nav-search-icon);
  }
  div.ccm-page section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn span {
    color: var(--nav-color);
  }
  div.ccm-page section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn:hover,
  div.ccm-page section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn:focus {
    background: transparent;
  }
  div.ccm-page section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn:hover svg path,
  div.ccm-page section.navigation .nav-utilities .nav-utilities-search .nav-utilities-search-form-btn:focus svg path {
    fill: var(--nav-search-icon-hover);
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .nav-toggle {
    display: none;
  }
  div.ccm-page section.navigation .nav-utilities .nav-utilities-item {
    width: auto;
  }
  div.ccm-page section.navigation .nav-utilities .nav-utilities-item > button,
  div.ccm-page section.navigation .nav-utilities .nav-utilities-item > a {
    height: 54px;
    line-height: 54px;
    padding: 0 1em;
  }
  div.ccm-page .nav-utilities-search-form-btn {
    border-inline-start: 1px solid var(--neutral-lighter-color);
    border-inline-end: none;
  }
}
div.ccm-page .search-overlay {
  background: var(--nav-search-overlay-color);
  opacity: 10%;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: opacity 0.5s visibility 0s 0.5s;
  -moz-transition: opacity 0.5s visibility 0s 0.5s;
  -o-transition: opacity 0.5s visibility 0s 0.5s;
  -ms-transition: opacity 0.5s visibility 0s 0.5s;
  transition: opacity 0.5s visibility 0s 0.5s;
  width: 100%;
  visibility: hidden;
  z-index: 1100;
}
div.ccm-page .search-overlay .nav-utilities-search-form h2 {
  color: var(--type-reverse-color);
  text-align: center;
}
div.ccm-page .search-overlay .nav-utilities-search-form-inputwrap,
div.ccm-page .search-overlay .nav-utilities-search-form-btnwrap {
  display: table-cell;
  vertical-align: bottom;
  white-space: nowrap;
}
div.ccm-page .search-overlay .nav-utilities-search-form-inputwrap {
  width: 100%;
}
div.ccm-page .search-overlay .nav-utilities-search-form input[type="search"] {
  border: 1px solid var(--neutral-lighter-color);
  height: 5.5rem;
  margin: 0px;
  padding: 0.8em 0.7em;
}
div.ccm-page .search-overlay .nav-utilities-search-form-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.5rem;
  height: 5.5rem;
  padding: 0;
  border-radius: var(--btn-border-radius);
  margin-inline-start: 1rem;
}
div.ccm-page .search-overlay .nav-utilities-search-form-btn svg {
  width: 2rem;
  height: 2rem;
  top: 0;
}
div.ccm-page .search-overlay .nav-utilities-search-form-btn svg path {
  fill: var(--nav-search-overlay-btn-icon-color);
}
div.ccm-page .search-overlay .nav-utilities-search-form-btn span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
div.ccm-page .search-overlay .nav-utilities-search-form-btn#overlay-button {
  background-color: var(--nav-search-overlay-btn-color);
  border-color: var(--nav-search-overlay-btn-color);
}
div.ccm-page .search-overlay .nav-utilities-search-form-btn#overlay-button:hover,
div.ccm-page .search-overlay .nav-utilities-search-form-btn#overlay-button:focus {
  background-color: var(--nav-search-overlay-btn-hover-color);
  border-color: var(--nav-search-overlay-btn-hover-color);
}
div.ccm-page .search-overlay.is-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
div.ccm-page .search-overlay-close {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 20px;
  top: 20px;
  overflow: hidden;
  border: none;
  background: url("/application/themes/the_hive_v2/img/cross.png") no-repeat center center;
  text-indent: 200%;
  color: transparent;
  outline: none;
  z-index: 100;
}
div.ccm-page .search-overlay .nav-utilities-search-form {
  display: block;
  height: 60%;
  margin: 0px auto;
  max-width: 80%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
div.ccm-page .search-overlay-close {
  transition: transform 0.2s ease;
}
div.ccm-page .search-overlay-close:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
div.ccm-page .search-overlay-close:focus {
  outline: thin dotted;
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 2px;
}
@media only screen and (min-width: 1024px) {
  div.ccm-page header[role="banner"].separate-header .nav-utilities #loginsignup-btn {
    display: none;
  }
}
div.ccm-page .breadcrumb {
  background: none;
  border-radius: 0px;
  clear: both;
  display: block;
  overflow: auto;
  padding: 0px;
  margin: 0.5em 0;
}
div.ccm-page .breadcrumb p {
  float: left;
  margin: 0px;
}
div.ccm-page .breadcrumb ol {
  list-style: none;
  float: left;
  margin: 0px;
  padding: 0px;
}
div.ccm-page .breadcrumb ol li {
  display: inline;
  font-size: 1.3rem;
}
div.ccm-page .breadcrumb ol li a {
  font-family: var(--body-font-family);
  font-weight: var(--font-weight-normal);
  text-decoration: none;
}
div.ccm-page .breadcrumb ol li a:hover,
div.ccm-page .breadcrumb ol li a:focus {
  text-decoration: var(--link-hover-decoration);
  background-color: var(--link-hover-bg);
}
div.ccm-page .breadcrumb ol li:last-child {
  color: var(--main-color);
}
div.ccm-page .breadcrumb ol li + li:before {
  color: var(--type-color);
  content: "\00a0/\00a0";
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .breadcrumb ol li {
    font-size: 1.5rem;
    font-family: var(--bold-font-family);
    font-weight: var(--bold-font-weight);
  }
}
@media screen and (max-width: 1023px) {
  div.ccm-page .navbar-nav .language-picker-inline,
  div.ccm-page .nav[role="navigation"] .nav-links .language-picker-inline {
    display: initial;
  }
  div.ccm-page .navbar-nav .language-picker-dropdown,
  div.ccm-page .nav[role="navigation"] .nav-links .language-picker-dropdown {
    position: initial;
    min-width: auto;
    max-width: 100%;
    box-shadow: none;
  }
  div.ccm-page .navbar-nav .language-picker-dropdown .translation-unavailable,
  div.ccm-page .nav[role="navigation"] .nav-links .language-picker-dropdown .translation-unavailable {
    padding: 10px 15px;
  }
  div.ccm-page .navbar-nav .language-picker-dropdown .disclaimer,
  div.ccm-page .nav[role="navigation"] .nav-links .language-picker-dropdown .disclaimer {
    padding: 10px 15px;
  }
  div.ccm-page .navbar-nav .language-picker-list a,
  div.ccm-page .nav[role="navigation"] .nav-links .language-picker-list a {
    padding: 10px 15px;
  }
}
div.ccm-page[dir="rtl"] .nav-toggle {
  float: left;
}
div.ccm-page[dir="rtl"] header[role="banner"].mod-single .nav-utilities > li,
div.ccm-page[dir="rtl"] header[role="banner"].mod-single .nav-utilities > div {
  float: right;
}
div.ccm-page[dir="rtl"] header[role="banner"].mod-single .nav-utilities > li.nav-acc-dropdown ul.dropdown-menu,
div.ccm-page[dir="rtl"] header[role="banner"].mod-single .nav-utilities > div.nav-acc-dropdown ul.dropdown-menu {
  right: auto;
  left: 0;
}
@media only screen and (min-width: 1024px) {
  div.ccm-page[dir="rtl"] header[role="banner"].mod-single section.logo-area {
    float: right;
  }
  div.ccm-page[dir="rtl"] header[role="banner"].mod-single section.navigation {
    float: left;
  }
  div.ccm-page[dir="rtl"] header[role="banner"].mod-single .nav-utilities {
    float: right;
  }
  div.ccm-page[dir="rtl"] .nav[role="navigation"].mod-single {
    float: right;
  }
  div.ccm-page[dir="rtl"] .nav[role="navigation"].mod-single .nav-links > li {
    float: right;
  }
  div.ccm-page[dir="rtl"] .nav[role="navigation"].mod-single .nav-links > li > a .home-icon {
    float: right;
  }
  div.ccm-page[dir="rtl"] .nav[role="navigation"].mod-split .nav-utilities {
    margin-left: 0;
    margin-right: auto;
  }
  div.ccm-page[dir="rtl"] .nav[role="navigation"].mod-split .nav-utilities > li,
  div.ccm-page[dir="rtl"] .nav[role="navigation"].mod-split .nav-utilities > div {
    float: right;
  }
  div.ccm-page[dir="rtl"] .nav[role="navigation"].mod-split .nav-links {
    float: right;
  }
  div.ccm-page[dir="rtl"] .nav[role="navigation"].mod-split .nav-links > li {
    float: right;
  }
  div.ccm-page[dir="rtl"] .nav[role="navigation"].mod-split .nav-links > li > a .home-icon {
    float: right;
  }
}
div.ccm-page[dir="rtl"] .search-overlay-close {
  right: auto;
  left: 20px;
}
div.ccm-page[dir="rtl"] .breadcrumb p {
  float: right;
}
div.ccm-page[dir="rtl"] .breadcrumb ol {
  float: right;
}
div.ccm-page[dir="rtl"] .breadcrumb ol li + li:before {
  color: var(--type-color);
  content: "\00a0\\\00a0";
}
div.ccm-page .no-hover,
div.ccm-page .no-hover a {
  background-color: transparent !important;
  cursor: default;
}
@media only screen and (min-width: 768px) {
  div.ccm-page[dir="rtl"] header[role="banner"].mod-split .header-logo-wrapper {
    float: left;
  }
  div.ccm-page[dir="rtl"] header[role="banner"].mod-split .header-logo {
    float: left;
  }
}
div.ccm-page .jl_magic_tabs_overlay {
  position: absolute;
  height: 100%;
  width: 10px;
  top: 0;
  z-index: 2;
}
div.ccm-page .jl_magic_tabs_overlay_start {
  left: 0;
  box-shadow: 10px 0px 10px -10px var(--neutral-light-color) inset;
}
div.ccm-page .jl_magic_tabs_overlay_end {
  right: 0;
  box-shadow: -10px 0px 10px -10px var(--neutral-light-color) inset;
}
div.ccm-page[dir="rtl"] .jl_magic_tabs_overlay_start {
  left: auto;
  right: 0;
  box-shadow: -10px 0px 10px -10px var(--neutral-light-color) inset;
}
div.ccm-page[dir="rtl"] .jl_magic_tabs_overlay_end {
  right: auto;
  left: 0;
  box-shadow: 10px 0px 10px -10px var(--neutral-light-color) inset;
}
div.ccm-page .jl_magic_tabs {
  position: relative;
}
div.ccm-page .jl_magic_tabs .tabs {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  height: 100%;
}
div.ccm-page .jl_magic_tabs .tabs.jl_magic_tabs_no_overflow {
  overflow: initial;
}
div.ccm-page .jl_magic_tabs .tabs .nav-item {
  margin-bottom: 0;
  z-index: 1 !important;
}
div.ccm-page .jl_magic_tabs .tabs .nav-item .nav-link {
  display: flex;
  margin: 0;
  padding: 12px 15px;
  border-radius: 0px;
  font-size: var(--tabs-font-size);
  font-weight: var(--tabs-font-weight);
  text-wrap: nowrap;
  text-decoration: none;
}
div.ccm-page .jl_magic_tabs .tabs .nav-item .nav-link:hover,
div.ccm-page .jl_magic_tabs .tabs .nav-item .nav-link:focus {
  cursor: pointer;
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_last_in_tabset {
  margin-bottom: 1.5em;
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_accordion .tabs .nav-item {
  width: 100%;
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_accordion .tabs .nav-item .nav-link {
  text-wrap: wrap;
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_accordion .tabs .nav-item .nav-link:after {
  content: "\f078";
  color: var(--tabs-color-bg);
  font-family: var(--fa-style-family-classic);
  font-weight: 900;
  margin-inline-start: auto;
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_accordion .tabs .nav-item .nav-link.active:after {
  content: "\f077";
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default .tabs {
  border-color: var(--tabs-color-bg);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default .tabs .nav-item {
  border-left: 1px solid var(--neutral-light-color);
  border-right: 1px solid var(--neutral-light-color);
  border-top: 1px solid var(--neutral-light-color);
  top: 1px;
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default .tabs .nav-item .nav-link {
  color: var(--tabs-color);
  border: none;
  border-top: 5px solid transparent;
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default .tabs .nav-item .nav-link.active {
  color: var(--tabs-color-bg);
  background: var(--tabs-color-bg-active);
  border: none;
  border-top: 5px solid var(--tabs-color-bg);
  border-bottom: 1px solid transparent;
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default .tabs .nav-item .nav-link:hover,
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default .tabs .nav-item .nav-link:focus {
  background: var(--tabs-color-bg);
  color: var(--tabs-color-bg-active);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default .tabs .nav-item.active,
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default .tabs .nav-item:hover,
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default .tabs .nav-item:focus {
  border-top: 1px solid var(--tabs-color-bg);
  border-left: 1px solid var(--tabs-color-bg);
  border-right: 1px solid var(--tabs-color-bg);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default.jl_magic_tabs_accordion .tabs {
  margin: 0;
  border: none;
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default.jl_magic_tabs_accordion .tabs .nav-item {
  top: 0;
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default.jl_magic_tabs_accordion .tabs .nav-item .nav-link:after {
  content: "\f078";
  color: var(--tabs-color-bg);
  font-family: var(--fa-style-family-classic);
  font-weight: 900;
  margin-inline-start: auto;
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default.jl_magic_tabs_accordion .tabs .nav-item .nav-link.active {
  border-bottom: 1px solid var(--tabs-color-bg);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default.jl_magic_tabs_accordion .tabs .nav-item .nav-link.active:after {
  content: "\f077";
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default.jl_magic_tabs_accordion .tabs .nav-item .nav-link:hover:after,
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default.jl_magic_tabs_accordion .tabs .nav-item .nav-link:focus:after {
  color: #fff;
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default.jl_magic_tabs_accordion .tabs .nav-item.active,
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default.jl_magic_tabs_accordion .tabs .nav-item:hover,
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default.jl_magic_tabs_accordion .tabs .nav-item:focus {
  border-color: var(--tabs-color-bg);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_default.jl_magic_tabs_accordion.jl_magic_tabs_last_in_tabset .tabs {
  border-bottom: 1px solid var(--neutral-light-color);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_coloured .tabs {
  background-color: var(--tabs-coloured-bg);
  border-bottom: none;
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_coloured .tabs .nav-item .nav-link {
  color: var(--tabs-coloured);
  background-color: var(--tabs-coloured-bg);
  border: none;
  border-bottom: 3px solid var(--tabs-coloured-border);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_coloured .tabs .nav-item .nav-link:hover {
  color: var(--tabs-coloured-hover);
  background-color: var(--tabs-coloured-bg-hover);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_coloured .tabs .nav-item .nav-link:focus {
  color: var(--tabs-coloured-focus);
  background-color: var(--tabs-coloured-bg-focus);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_coloured .tabs .nav-item .nav-link.active {
  color: var(--tabs-coloured-active);
  background-color: var(--tabs-coloured-bg-active);
  border-color: var(--tabs-coloured-border-active);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_coloured .tabs .nav-item .nav-link.active:hover,
div.ccm-page .jl_magic_tabs.jl_magic_tabs_coloured .tabs .nav-item .nav-link.active:focus {
  color: var(--tabs-coloured-active);
  background-color: var(--tabs-coloured-bg-active);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_coloured .tabs:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  background-color: var(--tabs-coloured-border);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_coloured.jl_magic_tabs_accordion .tabs .nav-item .nav-link:after {
  color: var(--tabs-coloured);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_coloured.jl_magic_tabs_accordion .tabs .nav-item .nav-link:hover:after,
div.ccm-page .jl_magic_tabs.jl_magic_tabs_coloured.jl_magic_tabs_accordion .tabs .nav-item .nav-link:focus:after {
  color: var(--tabs-coloured-hover);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_coloured.jl_magic_tabs_accordion .tabs .nav-item .nav-link.active:after {
  color: var(--tabs-coloured-active);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_underline_arrow .tabs {
  border-bottom: 4px solid var(--tabs-border-color);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_underline_arrow .tabs .nav-item {
  margin-bottom: 0;
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_underline_arrow .tabs .nav-item .nav-link {
  color: var(--tabs-color);
  border: none;
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_underline_arrow .tabs .nav-item .nav-link:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  transition: all .3s ease;
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_underline_arrow .tabs .nav-item .nav-link:hover {
  color: var(--tabs-color-bg);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_underline_arrow .tabs .nav-item .nav-link:focus {
  color: var(--tabs-color-bg);
  background-color: var(--tabs-color-bg-faded);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_underline_arrow .tabs .nav-item .nav-link.active {
  color: var(--tabs-color-bg);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_underline_arrow .tabs .nav-item .nav-link.active:before {
  border-bottom: 10px solid var(--tabs-border-color);
}
div.ccm-page .jl_magic_tabs.jl_magic_tabs_underline_arrow.jl_magic_tabs_accordion .tabs .nav-item .nav-link:hover:after,
div.ccm-page .jl_magic_tabs.jl_magic_tabs_underline_arrow.jl_magic_tabs_accordion .tabs .nav-item .nav-link:focus:after {
  color: var(--tabs-color-bg);
}
div.ccm-page .jl_magic_tabs_divider {
  margin-top: 1.8rem;
}
div.ccm-page .jl_magic_tabs_divider:focus-visible {
  outline: thin dotted;
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
div.ccm-page .login-signup-form .btn-facebook,
div.ccm-page .user-details-form .btn-facebook {
  color: #fff;
  background: #4267B2;
  position: relative;
  padding: 0.5em 1em;
  padding-inline-start: 3em;
  border-radius: 3px;
}
div.ccm-page .login-signup-form .btn-facebook:before,
div.ccm-page .user-details-form .btn-facebook:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('/application/themes/the_hive_v2/img/logo-facebook.svg') no-repeat center;
  background-size: 24px;
}
div.ccm-page .login-signup-form .btn-facebook:hover,
div.ccm-page .user-details-form .btn-facebook:hover,
div.ccm-page .login-signup-form .btn-facebook:focus,
div.ccm-page .user-details-form .btn-facebook:focus {
  background: #3b5c9f;
}
div.ccm-page .login-signup-form .separate-line,
div.ccm-page .user-details-form .separate-line {
  position: relative;
  margin: 20px 0;
}
div.ccm-page .login-signup-form .separate-line span,
div.ccm-page .user-details-form .separate-line span {
  border: 1px solid #ddd;
  border-radius: 50%;
  padding: 7.5px;
  background: #fff;
  position: relative;
  z-index: 1;
}
div.ccm-page .login-signup-form .separate-line:after,
div.ccm-page .user-details-form .separate-line:after {
  content: '';
  display: block;
  border-top: 1px solid #ddd;
  position: absolute;
  top: 50%;
  left: 20%;
  width: 60%;
}
div.ccm-page .login-signup-form .help-description,
div.ccm-page .user-details-form .help-description {
  font-size: 85%;
  line-height: 1.5;
}
div.ccm-page .login-signup-form .help-block#policy-terms a,
div.ccm-page .user-details-form .help-block#policy-terms a {
  text-decoration: underline;
}
div.ccm-page .login-signup-form .help-block.counter,
div.ccm-page .user-details-form .help-block.counter {
  margin-bottom: 0;
}
div.ccm-page .login-signup-form .remember-me label,
div.ccm-page .user-details-form .remember-me label {
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  div.ccm-page .login-signup-form .forgot-password-link,
  div.ccm-page .user-details-form .forgot-password-link {
    text-align: end;
  }
}
div.ccm-page .login-signup-form .form-group.sweets,
div.ccm-page .user-details-form .form-group.sweets {
  display: none;
  visibility: hidden;
}
div.ccm-page[dir="rtl"] .login-signup-form .btn-facebook:before,
div.ccm-page[dir="rtl"] .user-details-form .btn-facebook:before {
  left: auto;
  right: 0;
}
div.ccm-page .login-modal .modal-dialog,
div.ccm-page .signup-modal .modal-dialog,
div.ccm-page .user-details-modal .modal-dialog,
div.ccm-page .reset-password-modal .modal-dialog,
div.ccm-page .signup-confirm-modal .modal-dialog {
  font-size: 15px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
div.ccm-page .login-modal .modal-title,
div.ccm-page .signup-modal .modal-title,
div.ccm-page .user-details-modal .modal-title,
div.ccm-page .reset-password-modal .modal-title,
div.ccm-page .signup-confirm-modal .modal-title {
  color: var(--h4-type-color);
  font-size: 17px;
  font-weight: var(--h4-type-font-weight);
  font-family: var(--h4-type-font-family);
  border: 0;
  padding: 0;
  margin-bottom: 15px;
}
div.ccm-page .login-modal .ajax-loader,
div.ccm-page .signup-modal .ajax-loader,
div.ccm-page .user-details-modal .ajax-loader,
div.ccm-page .reset-password-modal .ajax-loader,
div.ccm-page .signup-confirm-modal .ajax-loader {
  display: none;
  position: static;
  background: transparent;
}
div.ccm-page .signup-confirm-modal .alert-account-created {
  font-weight: bold;
  padding: 5px 10px;
  margin-bottom: 15px;
  margin-top: 10px;
  text-align: center;
}
div.ccm-page .signup-confirm-modal .alert-account-created svg {
  width: 25%;
  height: 25%;
}
div.ccm-page .language-picker {
  position: fixed;
  bottom: 0;
  right: 5vw;
  padding: 0.5em 1em;
  background: var(--main-color);
  color: var(--type-reverse-color);
  z-index: 200;
}
div.ccm-page .language-picker.mod-left {
  right: auto;
  left: 5vw;
}
div.ccm-page .language-picker-inline {
  display: inline-block;
  position: relative;
}
div.ccm-page .language-picker-button[aria-disabled="true"] {
  opacity: 0.5;
}
div.ccm-page .language-picker-button[aria-expanded="true"] + .language-picker-dropdown {
  display: block;
}
div.ccm-page .language-picker-dropdown {
  display: none;
  background-color: white;
  z-index: 1000;
  position: absolute;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  min-width: 10em;
  max-width: 30em;
}
div.ccm-page .language-picker-dropdown .translation-unavailable {
  padding: 0.6em;
}
div.ccm-page .language-picker-dropdown .disclaimer {
  padding: 0.3em 0.6em;
  text-align: center;
  border-top: 1px solid var(--neutral-lightest-color);
}
div.ccm-page .language-picker-dropdown .disclaimer a {
  font-size: 85%;
  white-space: nowrap;
}
div.ccm-page .language-picker-dropdown.language-picker-dropdown-left {
  left: 0;
}
div.ccm-page .language-picker-dropdown.language-picker-dropdown-right {
  right: 0;
}
div.ccm-page .language-picker-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 50vh;
  overflow-y: auto;
}
div.ccm-page .language-picker-list a {
  display: block;
  padding: 0.3em 0.6em;
  color: var(--type-color);
  text-decoration: none;
}
div.ccm-page .language-picker-list a[aria-selected="true"] {
  color: var(--type-reverse-color);
  background-color: var(--secondary-color);
}
div.ccm-page .language-picker-list a:hover,
div.ccm-page .language-picker-list a:focus {
  text-decoration: none;
  background-color: var(--neutral-lightest-color);
}
div.ccm-page .language-picker-list a:hover[aria-selected="true"],
div.ccm-page .language-picker-list a:focus[aria-selected="true"] {
  background-color: var(--secondary-color-600);
}
div.ccm-page[dir="rtl"] .language-picker-dropdown.language-picker-dropdown-left {
  left: auto;
  right: 0;
}
div.ccm-page[dir="rtl"] .language-picker-dropdown.language-picker-dropdown-right {
  right: auto;
  left: 0;
}
.register-page div.ccm-page .ccm-input-select,
.hive-modal div.ccm-page .ccm-input-select {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}
.register-page div.ccm-page .checkbox-single,
.hive-modal div.ccm-page .checkbox-single {
  display: block;
}
div.ccm-page #signInModal .signInErrorMsg,
div.ccm-page #resetPasswordModal .signInErrorMsg {
  display: none;
}
div.ccm-page #signInModal .signInErrorMsg p,
div.ccm-page #resetPasswordModal .signInErrorMsg p {
  padding: 4px 8px;
}
div.ccm-page #signInModal #resetPasswordLink:hover {
  cursor: pointer;
}
div.ccm-page .pac-container {
  z-index: 1050 !important;
}
div.ccm-page .mod-nomargin {
  margin: 0 !important;
}
div.ccm-page .mod-noborder {
  border: none !important;
}
div.ccm-page .cta-modal .checkbox {
  margin: 0;
  font-size: 0.8em;
}
div.ccm-page .cta-modal .btn-close-cta {
  font-size: 0.8em;
  padding: 5px 0;
  color: var(--type-muted-color);
}
div.ccm-page .select2-container--default.select2-container--focus .select2-selection {
  border-color: #CCCCCC;
  box-shadow: 0 0 3px var(--input-focus-color), 0 0 7px var(--input-focus-color) !important;
}
div.ccm-page .select2-container--default .select2-selection--single,
div.ccm-page .select2-container--default .select2-selection--multiple {
  border-radius: 0;
}
div.ccm-page .select2-container--default .select2-search--inline .select2-search__field:focus {
  box-shadow: none !important;
}
div.ccm-page .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #000 transparent transparent transparent;
  border-width: 6px 5px 0 5px;
}
div.ccm-page .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #000 transparent;
  border-width: 0 5px 6px 5px;
}
div.ccm-page .select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: var(--type-reverse-color);
  background-color: var(--neutral-dark-color);
}
div.ccm-page .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--neutral-lighter-color);
}
div.ccm-page .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #ffffff;
}
div.ccm-page .select2-container-active .select2-choice,
div.ccm-page .select2-container-active .select2-choices {
  border-color: var(--accent-color);
  box-shadow: none;
}
div.ccm-page .select2-offscreen,
div.ccm-page .select2-offscreen:focus {
  position: relative !important;
  margin-top: -1px !important;
}
div.ccm-page .form-control.select2-container .select2-choices {
  border-radius: 0 !important;
}
div.ccm-page .select2-container .select2-choice {
  color: var(--type-color);
  border-radius: 0 !important;
  text-decoration: none !important;
}
div.ccm-page .select2-container .select2-choice > .select2-chosen {
  font-weight: normal !important;
}
div.ccm-page .select2-container-multi .select2-choices .select2-search-choice {
  color: var(--type-reverse-color);
  background: var(--neutral-dark-color);
}
div.ccm-page .select2-container-multi .select2-input:active,
div.ccm-page .select2-container-multi .select2-input:focus {
  box-shadow: none;
}
div.ccm-page .captcha-security {
  /* Securimage */
  /* Checkbox */
  /* .grecaptcha-panel  {
        overflow: hidden;
        & > div {
            float: right;
        }
    }*/
  /* Invisible badge */
}
div.ccm-page .captcha-security .ccm-input-captcha {
  max-width: 190px;
}
div.ccm-page .captcha-security .grecaptcha-invisible {
  min-width: 1px;
  min-height: 1px;
}
div.ccm-page .captcha-security .grecaptcha-checkbox {
  min-width: 1px;
  min-height: 1px;
}
div.ccm-page .captcha-security .grecaptcha-badge {
  z-index: 1000;
}
div.ccm-page #unsupported-banner {
  display: none;
  width: 100%;
  background-color: var(--neutral-lightest-color);
  position: fixed;
  bottom: 0px;
  z-index: 1100;
  padding: 1rem;
  margin-bottom: 0px;
  border-color: transparent;
  -webkit-box-shadow: 0 30px 95px rgba(0, 0, 0, 0.5);
  box-shadow: 0 30px 95px rgba(0, 0, 0, 0.5);
}
div.ccm-page #unsupported-banner .close {
  font-size: 40px;
  color: var(--type-color);
  opacity: 1;
}
div.ccm-page #unsupported-banner .close:hover,
div.ccm-page #unsupported-banner .close:focus {
  color: var(--type-color-20-l);
}
div.ccm-page .us-banner-content {
  margin: auto;
  max-width: 1200px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 3rem 0;
}
div.ccm-page .us-banner-content ul {
  display: flex;
  list-style-type: none;
  margin: auto;
  padding-inline-start: 0;
}
div.ccm-page .us-banner-content ul li {
  padding: 0 10px;
}
div.ccm-page .us-banner-content ul li a {
  display: block;
  text-align: center;
}
div.ccm-page .us-banner-content ul li a span {
  display: block;
  text-decoration: underline;
  color: var(--type-color);
  font-size: 1.5rem;
  font-weight: var(--font-weight-normal);
  padding-top: 10px;
}
div.ccm-page .us-banner-content ul li a span:hover,
div.ccm-page .us-banner-content ul li a span:active,
div.ccm-page .us-banner-content ul li a span:focus {
  color: var(--type-color-20-l);
}
div.ccm-page .us-banner-item {
  width: 380px;
  margin: 20px 0 20px 0px;
}
div.ccm-page .us-banner-item p {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  div.ccm-page #unsupported-banner {
    padding: 1rem 3rem;
  }
  div.ccm-page .us-banner-content {
    flex-wrap: nowrap;
    flex-direction: row;
  }
  div.ccm-page .us-banner-content ul li {
    padding: 0 15px;
  }
  div.ccm-page .us-banner-item {
    margin: 10px 0 10px 30px;
  }
}
@media only screen and (min-width: 1024px) {
  div.ccm-page .us-banner-content ul li {
    padding: 0 30px;
  }
}
div.ccm-page .profile-page-wrapper h2 small.js-status-indicator,
div.ccm-page .profile-page-wrapper h3 small.js-status-indicator {
  margin-left: 10px;
}
div.ccm-page .profile-page-wrapper a {
  color: var(--type-color);
}
div.ccm-page .profile-page-wrapper .profile-menu {
  background-color: var(--neutral-lighter-color);
  min-height: 50px;
  padding-top: 15px;
  padding-left: 20px;
}
div.ccm-page .profile-page-wrapper .btn {
  padding: 5px 10px;
}
div.ccm-page .profile-page-wrapper form .profile-edit-attribute input[type="number"] {
  border-color: var(--main-color);
}
div.ccm-page .profile-page-wrapper form .profile-edit-attribute input[type="text"] {
  border-color: var(--main-color);
}
div.ccm-page .profile-page-wrapper form .profile-edit-attribute select {
  border-color: var(--main-color);
}
div.ccm-page .profile-page-wrapper form .profile-edit-attribute .select2-container .select2-selection {
  border: var(--main-color) solid 1px;
  border-radius: 0;
}
div.ccm-page .profile-page-wrapper form .profile-edit-attribute .select2-container.select2-container--open .select2-selection {
  border-bottom: 0;
}
div.ccm-page .profile-page-wrapper form .profile-edit-attribute .select2-container.select2-container--focus .select2-selection {
  box-shadow: 0 0 3px var(--input-focus-color), 0 0 7px var(--input-focus-color);
}
div.ccm-page .profile-page-wrapper form .profile-edit-attribute .select2-dropdown {
  border-color: var(--main-color);
}
div.ccm-page .profile-page-wrapper form .form-action {
  margin-top: 10px;
  clear: both;
}
div.ccm-page .profile-page-wrapper .profile-panel {
  background-color: var(--neutral-lighter-color);
  border-color: var(--neutral-darker-color);
  padding: 20px 10px;
  margin-bottom: 20px;
}
div.ccm-page .profile-page-wrapper .profile-panel .profile-avatar-active img.u-avatar {
  max-width: 100%;
}
div.ccm-page .profile-page-wrapper .profile-panel .profile-avatar-active button {
  background-color: transparent;
  color: var(--main-color);
}
div.ccm-page .profile-page-wrapper .profile-panel .profile-information {
  line-height: 27px;
}
div.ccm-page .profile-page-wrapper .profile-panel .profile-information .profile-name h2 {
  font-weight: bold;
  font-size: 2.8em;
  margin-bottom: 2px;
}
div.ccm-page .profile-page-wrapper .profile-panel .profile-information .profile-member-since {
  font-size: 1.2em;
  font-weight: bold;
}
div.ccm-page .profile-page-wrapper .profile-panel .profile-information .profile-contribution {
  font-size: 1.5em;
}
div.ccm-page .profile-page-wrapper .my-detais-panel {
  margin-bottom: 1.5em;
}
div.ccm-page .profile-page-wrapper .my-detais-panel h2 {
  color: var(--type-color);
  font-weight: 400;
  font-size: 1.6em;
}
div.ccm-page .profile-page-wrapper .my-detais-panel .profile-attribute-wrapper {
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
div.ccm-page .profile-page-wrapper .my-detais-panel .profile-attribute-group {
  border: var(--neutral-lightest-color) solid 1px;
  padding: 10px;
  margin-bottom: 0;
  width: 100%;
  flex: 0 0 auto;
}
@media screen and (min-width: 768px) {
  div.ccm-page .profile-page-wrapper .my-detais-panel .profile-attribute-group.col-6 {
    width: 50%;
  }
}
div.ccm-page .profile-page-wrapper .my-detais-panel .profile-attribute-group .form-group {
  margin-bottom: 0;
}
div.ccm-page .profile-page-wrapper .my-detais-panel .profile-attribute-group .profile-value-label {
  display: block;
  margin-bottom: 5px;
  font-family: var(--bold-font-family);
  font-weight: var(--bold-font-weight);
}
div.ccm-page .profile-page-wrapper .consultations-panel h2 {
  color: var(--type-color);
  font-weight: 400;
  font-size: 1.6em;
}
div.ccm-page .profile-page-wrapper .consultations-panel .project-panel {
  margin-bottom: 0;
  border-radius: 0;
}
div.ccm-page .profile-page-wrapper .consultations-panel .project-panel h3 {
  color: var(--type-color);
  font-size: 1.2em !important;
}
div.ccm-page .profile-page-wrapper .consultations-panel .project-panel .btn.mod-follow {
  border: 1px solid var(--neutral-lightest-color);
  background: transparent;
  color: var(--type-color);
  width: 100%;
}
div.ccm-page .profile-page-wrapper .consultations-panel .project-panel .btn.mod-follow:hover,
div.ccm-page .profile-page-wrapper .consultations-panel .project-panel .btn.mod-follow:focus {
  border-color: var(--type-color);
}
div.ccm-page .profile-page-wrapper .consultations-panel .project-panel .btn.mod-follow:hover span,
div.ccm-page .profile-page-wrapper .consultations-panel .project-panel .btn.mod-follow:focus span {
  color: #a94442;
}
div.ccm-page .profile-page-wrapper .consultations-panel .project-panel .btn.mod-follow.is-loading {
  border-color: var(--type-color);
  color: transparent;
}
div.ccm-page .profile-page-wrapper .consultations-panel .project-panel .btn.mod-follow.is-loading span {
  color: transparent;
}
div.ccm-page .profile-page-wrapper .consultations-panel .project-panel .btn.mod-follow.is-loading:after {
  border: 2px solid var(--type-color);
  border-right-color: transparent;
  border-top-color: transparent;
}
div.ccm-page .profile-page-wrapper .interests-panel,
div.ccm-page .profile-page-wrapper .notifications-panel,
div.ccm-page .profile-page-wrapper .password-panel,
div.ccm-page .profile-page-wrapper .projects-panel {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
div.ccm-page .profile-page-wrapper .interests-panel h2,
div.ccm-page .profile-page-wrapper .notifications-panel h2,
div.ccm-page .profile-page-wrapper .password-panel h2,
div.ccm-page .profile-page-wrapper .projects-panel h2 {
  color: var(--type-color);
  font-weight: 400;
  font-size: 1.6em;
}
div.ccm-page .profile-page-wrapper .interests-panel form h2,
div.ccm-page .profile-page-wrapper .notifications-panel form h2,
div.ccm-page .profile-page-wrapper .password-panel form h2,
div.ccm-page .profile-page-wrapper .projects-panel form h2 {
  color: var(--type-color);
  font-size: 1.6em;
  font-weight: 400;
}
div.ccm-page .profile-page-wrapper .interests-panel .profile-value-heading,
div.ccm-page .profile-page-wrapper .notifications-panel .profile-value-heading,
div.ccm-page .profile-page-wrapper .password-panel .profile-value-heading,
div.ccm-page .profile-page-wrapper .projects-panel .profile-value-heading {
  margin-bottom: 20px;
}
div.ccm-page .profile-page-wrapper .interests-panel .profile-value-heading h3,
div.ccm-page .profile-page-wrapper .notifications-panel .profile-value-heading h3,
div.ccm-page .profile-page-wrapper .password-panel .profile-value-heading h3,
div.ccm-page .profile-page-wrapper .projects-panel .profile-value-heading h3 {
  color: var(--type-color);
  font-size: 1.2em !important;
  padding: 10px 0;
  border-bottom: var(--neutral-lightest-color) solid 1px;
}
div.ccm-page .profile-page-wrapper .interests-panel .profile-value-heading .btn,
div.ccm-page .profile-page-wrapper .notifications-panel .profile-value-heading .btn,
div.ccm-page .profile-page-wrapper .password-panel .profile-value-heading .btn,
div.ccm-page .profile-page-wrapper .projects-panel .profile-value-heading .btn {
  margin: 5px;
}
div.ccm-page .profile-page-wrapper .interests-panel .profile-attribute-group,
div.ccm-page .profile-page-wrapper .notifications-panel .profile-attribute-group,
div.ccm-page .profile-page-wrapper .password-panel .profile-attribute-group,
div.ccm-page .profile-page-wrapper .projects-panel .profile-attribute-group {
  margin-top: 10px;
}
div.ccm-page .profile-page-wrapper .profile-value {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
div.ccm-page .profile-page-wrapper .profile-value .label {
  padding: 10px;
  margin-inline-end: 5px;
  margin-bottom: 5px;
  float: left;
}
div.ccm-page .profile-page-wrapper .profile-value .label.label-default {
  background-color: #fff;
  color: var(--main-color);
  border: var(--main-color) solid 1px;
}
div.ccm-page .profile-page-wrapper .profile-value .label .btn {
  padding: 2px !important;
}
div.ccm-page .profile-page-wrapper .profile-edit-attribute .checkbox {
  margin-inline-start: 2px;
}
div.ccm-page[dir="rtl"] .profile-page-wrapper .profile-value .label {
  float: right;
}
div.ccm-page .ccm-search-block-form .ccm-search-block-text {
  height: 2.5em;
  line-height: 2.5em;
  width: 100%;
  float: left;
  -webkit-appearance: none;
  border: 1px solid var(--neutral-light-color);
  margin: 0 0 .5em 0;
  padding: 0 0.7em;
}
div.ccm-page .ccm-search-block-form .ccm-search-block-text:focus {
  box-shadow: 0 0 3px var(--accent-color), 0 0 7px var(--accent-color);
}
div.ccm-page .ccm-search-block-form .ccm-search-block-submit {
  height: 2.5em;
  width: 100%;
  padding: 0;
}
div.ccm-page .ccm-search-block-form .searchResult {
  padding: 2em 0;
  border-top: 1px solid var(--neutral-lighter-color);
}
div.ccm-page .ccm-search-block-form .searchResult p {
  margin-bottom: 0;
}
div.ccm-page .ccm-search-block-form .searchResult:first-of-type {
  border-top: none;
}
@media only screen and (min-width: 568px) {
  div.ccm-page .ccm-search-block-form .ccm-search-block-text {
    width: 79%;
    margin: 0;
    margin-inline-end: 1%;
  }
  div.ccm-page .ccm-search-block-form .ccm-search-block-submit {
    width: 20%;
  }
}
div.ccm-page[dir="rtl"] .ccm-search-block-form .ccm-search-block-text {
  float: right;
}
div.ccm-page .events-page .masthead {
  min-height: 450px;
  background-color: var(--image-banner-color-bg);
}
div.ccm-page .events-page .masthead.masthead-no-image {
  min-height: 360px !important;
}
div.ccm-page .events-page .event-page-description {
  margin-bottom: 1.0em;
}
div.ccm-page .events-page .event-page-description h1 {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 1.0em;
}
div.ccm-page .events-page .event-page-details {
  margin-top: -387px;
  border-radius: 10px 10px 0 0;
  background-color: #ffffff;
  padding: 1.5em;
}
div.ccm-page .events-page .event-page-details h2 {
  margin-bottom: 0.4em;
  font-weight: 600;
  font-size: 2.0em;
}
div.ccm-page .events-page .event-page-details .sidebar .description-mobile {
  display: none;
}
div.ccm-page .events-page .event-page-details .sidebar .title-mobile {
  display: none;
}
div.ccm-page .events-page .event-page-details .event-breadcrumb {
  width: 100%;
  top: -10px;
  position: relative;
  display: block;
  margin-bottom: 1.5em;
}
div.ccm-page .events-page .event-page-details .event-breadcrumb hr {
  width: 100%;
  float: left;
  margin-top: 10px;
}
div.ccm-page .events-page .event-page-details .sidebar #map {
  height: 300px;
  margin-bottom: 1.5em;
}
div.ccm-page .events-page .event-page-details .event-date-box {
  border-radius: 8px;
  border: 1px solid #DEE1E3;
  padding: 0.4em 0.8em;
  display: table;
  background-color: #F6F7F8;
  color: #7E888E;
  margin-bottom: 1.0em;
}
div.ccm-page .events-page .event-page-details .event-date-box h3 {
  padding: 0;
  margin: 0;
  font-weight: 100;
  font-size: 1.2em;
  text-transform: uppercase;
}
div.ccm-page .events-page .event-page-details .event-date-box h3:first-child {
  color: #DC3645;
}
div.ccm-page .events-page .event-page-details .event-page-image {
  max-width: 100%;
  max-height: 320px;
  object-fit: contain;
}
div.ccm-page .events-page .event-page-details .event-image-button {
  margin-bottom: 1.7em;
}
div.ccm-page .events-page .event-page-details .event-image-button a {
  border-radius: 4px;
}
div.ccm-page .events-page .event-page-details .event-image-button .event-image-panel {
  max-height: 320px;
  margin-bottom: 1.7em;
}
div.ccm-page .events-page .event-page-details .event-image-button .event-details-panel {
  min-height: 320px;
  position: relative;
}
div.ccm-page .events-page .event-page-details .event-image-button .event-details-panel a {
  position: absolute;
  bottom: 0;
}
div.ccm-page .events-page .event-page-details.event-details-no-image {
  margin-top: -300px !important;
}
div.ccm-page .events-page .event-date-address {
  margin-bottom: 1.7em;
  display: block;
  width: 100%;
}
div.ccm-page .events-page .event-date-address ul {
  list-style: none;
  line-height: 30px;
  margin: 0;
  padding: 0;
}
div.ccm-page .events-page .event-date-address ul li {
  color: #687485;
  font-size: 1.0em;
  margin-bottom: 1.7em;
}
div.ccm-page .events-page .event-date-address ul li h2 {
  color: #3D4958;
  font-size: 1.1em;
}
div.ccm-page .events-page .event-date-address ul li p {
  font-size: 0.9em;
}
div.ccm-page .events-page .event-date-address span.event-date-info {
  float: left;
  padding: 0;
  padding-inline-end: 7px;
}
div.ccm-page .events-page .event-date-address span.event-date-info:before {
  content: '\f017';
  z-index: 1;
  width: 2rem;
  font: var(--fa-font-regular);
  margin-inline-end: 5px;
}
div.ccm-page .events-page .event-date-address span.event-address-info {
  float: left;
  padding: 0;
  padding-inline-start: 5px;
  padding-inline-end: 7px;
}
div.ccm-page .events-page .event-date-address span.event-address-info:before {
  content: '\f3c5';
  z-index: 1;
  width: 2rem;
  font: var(--fa-font-solid);
  margin-inline-end: 5px;
}
@media screen and (max-width: 450px) {
  div.ccm-page .events-page .masthead {
    display: none;
  }
  div.ccm-page .events-page .event-page-description h1 {
    font-size: 1.3em;
  }
  div.ccm-page .events-page .event-page-details {
    padding: 0.8em;
    margin-top: 0px;
  }
  div.ccm-page .events-page .event-page-details .event-breadcrumb {
    margin-bottom: 0;
  }
  div.ccm-page .events-page .event-page-details .sidebar .title-mobile {
    display: block;
  }
  div.ccm-page .events-page .event-page-details .event-image-panel {
    margin-bottom: 1.0em !important;
  }
  div.ccm-page .events-page .event-page-details .event-details-panel {
    min-height: 200px !important;
  }
  div.ccm-page .events-page .event-page-details .event-image-button h2 {
    display: none;
  }
  div.ccm-page .events-page .event-page-details.event-details-no-image {
    margin-top: 0px !important;
  }
}
div.ccm-page[dir="rtl"] .events-page .event-date-address span.event-date-info {
  float: right;
}
div.ccm-page[dir="rtl"] .events-page .event-date-address span.event-address-info {
  float: right;
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: var(--main-color) !important;
}
.lg-progress-bar .lg-progress {
  background-color: var(--main-color) !important;
}
/* MODERNIZR */
.flexbox div.ccm-page .cards {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flexbox div.ccm-page .card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
}
.flexbox div.ccm-page .card > a,
.flexbox div.ccm-page .card > .card-wrap {
  -webkit-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.no-js div.ccm-page {
  /* NO JS */
}
.no-js div.ccm-page .nav[role="navigation"] .nav-links {
  position: relative;
  z-index: 1000;
}
.no-js div.ccm-page .nav[role="navigation"] .nav-links:target {
  z-index: 1001;
}
.no-js div.ccm-page .nav[role="navigation"] .nav-links:target li a {
  height: auto;
  line-height: inherit;
  padding: 10px 15px;
  position: relative;
  -webkit-transition: height 0.3s, line-height 0.3s;
  -moz-transition: height 0.3s, line-height 0.3s;
  -o-transition: height 0.3s, line-height 0.3s;
  -ms-transition: height 0.3s, line-height 0.3s;
  transition: height 0.3s, line-height 0.3s;
  z-index: 1;
}
.no-js div.ccm-page .nav[role="navigation"] .nav-links li a {
  height: 0;
  line-height: 0;
  padding: 0px;
  overflow: hidden;
}
.no-js div.ccm-page .nav[role="navigation"] .nav-links-back {
  display: block;
  position: relative;
}
.no-js div.ccm-page .nav[role="navigation"] .nav-links:target .nav-links-back a {
  background: transparent;
  border: 0;
  text-indent: -999em;
  position: absolute;
  top: -101em;
  bottom: -101em;
  left: 0;
  right: 0;
  z-index: 0;
}
@media only screen and (min-width: 1024px) {
  .no-js div.ccm-page .nav[role="navigation"] .nav-links li a {
    height: auto;
    line-height: 55px;
    padding: 0px 15px;
  }
  .no-js div.ccm-page .nav[role="navigation"] .nav-links-back {
    display: none;
  }
}
.js div.ccm-page {
  /* NAV JS  */
}
.js div.ccm-page .nav[role="navigation"] .nav-utilities-search {
  width: auto;
}
.js div.ccm-page .nav[role="navigation"] .nav-links {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}
.js div.ccm-page .nav[role="navigation"] .nav-links.is-collapsing {
  max-height: 0;
  -webkit-transition: max-height 0.3s ease-out, visibility 0.3s ease-out;
  -moz-transition: max-height 0.3s ease-out, visibility 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out, visibility 0.3s ease-out;
  -ms-transition: max-height 0.3s ease-out, visibility 0.3s ease-out;
  transition: max-height 0.3s ease-out, visibility 0.3s ease-out;
  visibility: hidden;
}
.js div.ccm-page .nav[role="navigation"] .nav-links.is-open {
  max-height: 1000px;
  -webkit-transition: max-height 0.3s ease-in, visibility 0.3s ease-in;
  -moz-transition: max-height 0.3s ease-in, visibility 0.3s ease-in;
  -o-transition: max-height 0.3s ease-in, visibility 0.3s ease-in;
  -ms-transition: max-height 0.3s ease-in, visibility 0.3s ease-in;
  transition: max-height 0.3s ease-in, visibility 0.3s ease-in;
  visibility: visible;
}
.js div.ccm-page .nav[role="navigation"] .nav-utilities-search {
  width: auto;
}
.js div.ccm-page .nav-utilities-search .nav-utilities-search-form {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .js div.ccm-page .nav[role="navigation"] .nav-links {
    max-height: 1000px;
    overflow: visible;
    visibility: visible;
  }
}
/* IE STYLES */
.lt-ie8 input[type="checkbox"],
.lt-ie8 input[type="radio"] {
  border: 0;
  float: left;
  margin: .4em .4em 0 0;
  position: static !important;
  width: auto;
}
div.ccm-ui .tab-content {
  margin-top: 0.75em;
}
.select2-drop-active {
  border: solid 1px var(--neutral-lighter-color) !important;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--accent-color) !important;
}