/****************************************************************************
 * Accordion Title
 ****************************************************************************/
.accordion_wrapper .accordion_title {
    font-weight: 700; padding-bottom: 0.5rem;
    padding-top: 0.5rem; cursor: pointer;
}
.accordion_wrapper .accordion_title:last-child {
    padding-bottom: 0;
}

/****************************************************************************
 * Accordion Item // Extern Title
 ****************************************************************************/
.accordion_wrapper .accordion_item,
.accordion_wrapper .accordion_title.accordion_extern_title{
    color: #adadad; position: relative;
}
.accordion_wrapper .accordion_item .accordion_title > *,
.accordion_wrapper .accordion_title.accordion_extern_title > * {
    position: relative; 
}
.accordion_wrapper .accordion_item .accordion_title > *:before,
.accordion_wrapper .accordion_title.accordion_extern_title > *:before {
    content: ''; position: absolute; top: 50%; left: -1rem; width: 0.5rem; height: 0.5rem;
    background-color: var(--plus-ci-colour); opacity: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.accordion_wrapper .accordion_item.opened .accordion_content_title > *,
.accordion_wrapper .accordion_title.accordion_extern_title.active {
    color: #484848;
}

.accordion_wrapper .accordion_item.opened .accordion_title > *:before,
.accordion_wrapper .accordion_title.accordion_extern_title.active > *:before {
    opacity: 1;
}

.accordion_wrapper .accordion_item {
    border-bottom: 1px solid #adadad;
}

/****************************************************************************
 * Accordion Content
 ****************************************************************************/
.accordion_wrapper .accordion_item .accordion_content {
    display: none;
}
.accordion_wrapper .accordion_item.opened .accordion_content{
    display: block;
}

/****************************************************************************
 * Hardcoded
 ****************************************************************************/
.hc_workshop_info .hc_infobar {
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    -webkit-box-orient: horizontal; -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;
    align-items: flex-start; 
}
.hc_workshop_info .hc_infobar .hc_infobar_bar {
    flex: 0 0 50%; max-width: 50%; padding-top: 0.75rem;
    position: relative; margin-top: 0.875rem;
}
.hc_workshop_info .hc_infobar:first-child .hc_infobar_bar {
    flex: 0 0 70%; max-width: 70%;
}
.hc_workshop_info .hc_infobar .hc_infobar_bar:after {
    content: ''; position: absolute; left: 0; right: 0; top: 0;
    height: 0.375rem; width: auto; border-radius: 1rem;
    background-color: currentColor;
}
.hc_workshop_info .hc_infobar:first-child .hc_infobar_bar:after {
    background-color: var(--plus-ci-colour);
}

.hc_workshop_info .hc_infobar .hc_infobar_number {
    flex: 0 0 auto; max-width: none; padding-left: 0.9375rem;
}

.hc_workshop_info .hc_infobar:first-child .hc_infobar_number {
    color: #484848;
}
.hc_workshop_info .hc_infobar .hc_infobar_number > * {
    display: block;
}
.hc_workshop_info .hc_infobar .hc_infobar_number .h2 {
    margin-bottom: 0;
}



@media screen and (min-width:40em){
    /****************************************************************************
     * Accordion Wrapper
     ****************************************************************************/
    .accordion_wrapper {
        display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
        -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;
        -webkit-box-orient: horizontal; -webkit-box-direction: normal;
        overflow: hidden; align-items: flex-start; padding: 0;
    }
    .accordion_wrapper .accordion_title_wrapper {
        flex: 0 0 35%; padding: 0 2.9375rem 0 0.9375rem;
        border-right: 1px solid #adadad;
    }
    .accordion_wrapper .accordion_content_wrapper {
        flex: 0 0 65%; padding: 1rem 2rem;
    }
    
    /****************************************************************************
     * Accordion Content Wrapper
     ****************************************************************************/
    .accordion_wrapper .accordion_content_wrapper {
        height: 100%;
    }
    .accordion_wrapper .accordion_content_wrapper .accordion_item {
        border: none; display: none;
    }
    .accordion_wrapper .accordion_content_wrapper .accordion_item.active {
        display: block;
    }
    .accordion_wrapper .accordion_content_wrapper .accordion_item .accordion_content {
        display: block;
    }
    
    /****************************************************************************
     * Hardcoded
     ****************************************************************************/
    .hc_workshop_info .hc_infobar .hc_infobar_bar {
        margin-top: 1.25rem;
    }
}


@media screen and (min-width:64em){
    /****************************************************************************
     * Hardcoded
     ****************************************************************************/
    .hc_workshop_info .hc_infobar .hc_infobar_bar {
        margin-top: 1.75rem;
    }
}