.youtubeBlockResponsive16by9,.youtubeBlockResponsive4by3{height:0;position:relative}.youtubeBlockResponsive16by9 iframe,.youtubeBlockResponsive4by3 iframe{border:"none";height:100%;left:0;position:absolute;top:0;width:100%}.youtubeBlockResponsive16by9{padding-bottom:56.25%}.youtubeBlockResponsive4by3{padding-bottom:75%}.ccm-edit-mode-disabled-item.youtubeBlockResponsive16by9{padding-bottom:28.125%;padding-top:28.125%}.ccm-edit-mode-disabled-item.youtubeBlockResponsive4by3{padding-bottom:37.5%;padding-top:37.5%}


.youtubeBlockResponsive16by9,.youtubeBlockResponsive4by3 {
    position: relative;
    height: 0;
}
.youtubeBlockResponsive16by9 iframe, .youtubeBlockResponsive4by3 iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.youtubeBlockResponsive16by9 {
    padding-bottom: 56.25%
}

.youtubeBlockResponsive4by3{
    padding-bottom: 75%;
}

.ccm-edit-mode-disabled-item.youtubeBlockResponsive16by9  {
    padding-top: 28.125%;
    padding-bottom:  28.125%
}

.ccm-edit-mode-disabled-item.youtubeBlockResponsive4by3  {
    padding-top: 37.5%;
    padding-bottom: 37.5%
}

/*
 * Software by John Liddiard (aka JohntheFish)
 * www.c5magic.co.uk
 *
 * This package contains software copyright and proprietary to John Liddiard
 *
 */
/*
 * This css doesn't need much. Most styles are taken from the theme or from individual block styles.
 */

.ccm-page .form-reform-control .form-reform-reset-input .fas{
    opacity: 0.7;
    font-size: 0.95em;
}

/*
 * make input extensions align
 */
.ccm-page .form-reform-control .form-reform-prefix,
.ccm-page .form-reform-control .form-reform-suffix,
.ccm-page .form-reform-control .form-reform-clear-input,
.ccm-page .form-reform-control .form-reform-reset-input{
    min-width:2.75em;
    min-height: calc(1.6em + 12px); /* this needs to align with input element height */
}
.ccm-page .form-reform-control.form-reform-unboxed-input .input-group button.input-group-text:first-of-type,
.ccm-page .form-reform-control .form-reform-unboxed-input .input-group button.input-group-text:first-of-type {
    border-top-left-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important;
    margin-left: 1em!important;
}

.ccm-page .form-reform-control.form-reform-unboxed-input .input-group button.input-group-text:last-of-type,
.ccm-page .form-reform-control .form-reform-unboxed-input .input-group button.input-group-text:last-of-type{
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important;
}
.ccm-page .form-reform-control .form-reform-prefix,
.ccm-page .form-reform-control .form-reform-suffix{
    max-width:25%;
}
.ccm-page .form-reform-control:has(textarea.form-reform-input) .form-reform-prefix,
.ccm-page .form-reform-control:has(textarea.form-reform-input) .form-reform-suffix{
    white-space: normal;
    word-break: break-word;
}