#cc-main {
    /** Change font **/
    --cc-font-family: Montserrat;

    /** Change background color **/
    --cc-bg: #333333;

    /** Change button primary color **/
    --cc-btn-primary-bg: #B5A36B;
    --cc-btn-primary-border-color: #B5A36B;
    --cc-btn-primary-hover-bg: #333333;
    --cc-btn-primary-hover-color: #ffffff;
    --cc-btn-primary-hover-border-color: #B5A36B;

    /** Change button secondary color **/
    --cc-btn-secondary-bg: #222222;

    /** Also make toggles the same color as the button **/
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);

    /** Make the buttons a bit rounder **/
    --cc-btn-border-radius: 100px;

    /** Change footer **/
    --cc-footer-bg: #B5A36B;
    --cc-footer-color: #333333;
    --cc-footer-border-color: #333333;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    text-rendering: optimizeLegibility;
}

#cc-main .cm__title {
    color: #ffffff;
    font-weight: 700;
}

#cc-main .cm__desc {
    font-size: 1em;
    color: #ffffff;
    font-weight: 400;

}

#cc-main a {
    background-image: none;
}

#cc-main .cc__link:hover, #cc-main a:hover {
    background: none;
}

#cc-main .pm__section-title {
    border-radius: 0;
}

#cc-main .pm__section--toggle .pm__section-desc-wrapper {
    border-radius: 0;
    border: none;
}

#cc-main .pm__section--toggle .pm__section-title, #cc-main .pm__section--toggle .pm__section-title:hover {
    border: none;
    background: #333333;
}

#cc-main .pm__section--expandable .pm__section-arrow {
    background: none;
}

#cc-main .pm__section {
    border-radius: 0;
}

#cc-main .pm__title {
    color: #B5A36B;
    font-size: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    text-rendering: optimizeLegibility;
}

#cc-main .pm__section-desc {
    font-size: 1.1em;
    color: #ffffff;
    font-weight: 400;
}

#cc-main .pm__section {
    padding: 0;
}

#cc-main .pm__badge {
    background: none;
}

#cc-main .pm__section:not(:first-child), #cc-main .pm__section:not(:first-child):hover {
    background: none;
    border: none;
}

#cc-main .section__toggle:checked:disabled ~ .toggle__icon {
    background: #444;
    box-shadow: 0 0 0 1px #444;
}

#cc-main .section__toggle:checked:disabled ~ .toggle__icon .toggle__icon-circle {
    background: #666666;
}

#cc-main .toggle__icon {
    background: #ffffff;
    box-shadow: 0 0 0 1px #ffffff;
}

#cc-main .cc__link {
    color: #fff;
}