#drupal-off-canvas {
 padding: 1rem !important;
}
#drupal-off-canvas .ief-entity-table .ief-row-entity td:last-child {
	width:auto;
}


#drupal-off-canvas-wrapper .ief-entity-table{ 
	display: block;
  width: 100%;
}

#drupal-off-canvas-wrapper .field--widget-media-library-widget, #drupal-off-canvas-wrapper .fieldset-wrapper .field-prefix,#drupal-off-canvas details > summary{
color:#fff;
}

#drupal-off-canvas-wrapper .summary.card-header{
color: #fff;
}
#drupal-off-canvas details > summary:hover,#drupal-off-canvas details > summary:focus {
color: #fff;
background: #222;
}
#drupal-off-canvas details > summary:focus, #drupal-off-canvas-wrapper select:focus{
box-shadow:none !important;
color:#000 !important;
background:#fff !important;
}

#drupal-off-canvas-wrapper fieldset.form-wrapper  .fieldset-wrapper{width: 100%;}

#drupal-off-canvas-wrapper .field--type-entity-reference fieldset.card{
margin:0 !important;
padding:0 !important;
}

#drupal-off-canvas-wrapper .ief-entity-table thead tr th.ief-tabledrag-header,
#drupal-off-canvas-wrapper .ief-entity-table tbody tr td.ief-tabledrag-handle {
  max-width: 3em;
  word-break: break-all;
}
#drupal-off-canvas .draggable a.tabledrag-handle {
	padding: 5px !important;
}

#drupal-off-canvas-wrapper .ief-entity-operations {
  display: flex;
  gap: 10px;
}

#drupal-off-canvas-wrapper .ief-entity-operations .btn-primary {
    padding: 5px !important;
    border-radius: 0;
    line-height: initial;
}

/*this is to hide the 3 accordions that are not in current use on the reusable blocks panel*/
#drupal-off-canvas-wrapper .block-categories .js-layout-builder-category:first-child,
#drupal-off-canvas-wrapper .block-categories .js-layout-builder-category:nth-child(3),
#drupal-off-canvas-wrapper .block-categories .js-layout-builder-category:nth-child(4){display:none}

#drupal-off-canvas-wrapper .description, #drupal-off-canvas-wrapper .form-item .description, #drupal-off-canvas-wrapper .details-description{
display:block;
color: #fff !important;
}

.layout-builder .layout-builder-block{
background:none;
}

.node-layout-builder-form{
margin: auto;
max-width: 1320px;
padding: 0 calc(1.5rem /2);
}
.node-layout-builder-form .form-check{
display: inline-block;
}

.layout-builder-form > .form-actions{
margin:0;
padding: 1rem;
}

.layout-builder-form > .form-actions, .layout-builder-form > .field--name-moderation-state {
text-align: center;
padding: 1rem;
margin: 1rem 0;
}

#drupal-off-canvas table{
width: auto;
}

#drupal-off-canvas .draggable .tabledrag-handle .handle{
display: none;
}

#drupal-off-canvas-wrapper .layout-builder-sections-table__section-label, #drupal-off-canvas-wrapper .inline-entity-form-block_content-label, #drupal-off-canvas-wrapper .inline-entity-form-block_content-type,.layout-builder-components-table__block-label{
color: #fff !important;
}

#drupal-off-canvas .container-inline, #drupal-off-canvas .ief-form .form-wrapper .form-wrapper:last-child[data-drupal-selector$="-actions"], #drupal-off-canvas .ief-form > .fieldset-wrapper > .form-wrapper:last-child[data-drupal-selector$="-actions"] {
align-items: baseline;
}

.node-layout-builder-form .field--name-moderation-state .form-wrapper{
display: flex;
align-items: center;
flex-direction: column;
}

.node-layout-builder-form .field--name-moderation-state .form-wrapper label{
display: block;
}

.content-lock-actions .is-disabled+#edit-move-sections{
pointer-events: none;
opacity: 0.65;
}

.content-lock-actions #edit-move-sections{
padding: 0.5rem 2.75rem;
font-size: 1rem;
border-radius: 1.25rem;
text-transform: none;
font-weight: 400;
line-height: 1.5rem;
margin: 0;
}

.layout-builder__section .flexible-layout .col{
display: flex !important;
flex-direction: column !important;
border:1px solid transparent;
}

.layout-builder__add-block{
padding: 10px 5px !important;
margin-top: 10px !important;
width: 100%;
}

#drupal-off-canvas .fieldset-legend{
color: #fff;
margin-bottom: 10px !important;
display: block;
}

.layout-builder__direct-add__toggle{
color: #2774AE !important;
}

#drupal-off-canvas-wrapper tr{
background:none;
}
#drupal-off-canvas tr.hover td,#drupal-off-canvas tr.hover th{
background: none !important;
}

#drupal-off-canvas-wrapper td:first-child {
display:table-cell;
}

#drupal-off-canvas .description, #drupal-off-canvas .form-item .description, #drupal-off-canvas .details-description{
word-break: break-all;
white-space: normal;
}

.section-library-links.nav{
display: flex !important;
flex-wrap: wrap !important;
margin: 0 !important;
padding: 0 !important;
}

.toolbar-horizontal .banner-type-headline{
position: relative;
z-index: 1;
}

#layout-builder .aos-animate,#layout-builder .wow,#layout-builder .aos-init{
transition: none !important;
transform: none !important;
opacity: 1 !important;
}

#layout-builder [data-aos^=fade][data-aos^=fade] {
opacity: 1 !important;
}

#layout-builder .title-block > .main-title {
display: block !important;
}

#layout-builder .boostrap-section-container.collapse:not(.show),#layout-builder .container-section.collapse:not(.show){
display:block !important;
opacity: 0.3 !important;
}

:is(#drupal-off-canvas-wrapper details) + details{
margin-top:30px;
}

.layout-builder-form > .form-actions, .layout-builder-form > .field--name-moderation-state{
display:block;
}

.layout-builder-form > .field--name-moderation-state .form-item{
margin: 0;
}

#drupal-off-canvas a ~ .ajax-progress,
#drupal-off-canvas input ~ .ajax-progress{
display: block !important;
margin-top: -30px;
width: 18px !important;
height: 18px;
position: relative;
flex-grow: 0;
padding: 0 !important;
}

#drupal-off-canvas-wrapper .inline-entity-form-media-label{
color: #fff !important;
}

#drupal-off-canvas-wrapper tr.draggable{
background:none;
}
#drupal-off-canvas details, #drupal-off-canvas details[open]{
height:auto;
}

#drupal-off-canvas th {
padding: 0;
color: #fff;
box-shadow: none;
font-weight: normal;
}

#drupal-off-canvas .media-library-edit__link{
font-size:0;
}

/* HIDE THE EDIT BUTTON FOR AN IMAGE WHEN CONFIGURING A BLOCK - USERS ARE REPLACING NOT REMOVING IMAGES ACROSS THE SITE */
.js-media-library-selection a.media-library-edit__link {
display: none;
}

/*force all uls in the 'More' panel when searching for reusable blocks, so each li is in its own line */
#content-block-choose-block-links ul {
display: inline-block;
}

/Fixes for new inline block addition/
.alert-dismissible .btn-close{
padding: 10px;
}
.ui-dialog-off-canvas ul{
margin: 1em;
}
#layout-builder-add-block{
justify-content: start;
gap: 20px;
}
#layout-builder-add-block .btn.btn-primary{
width:auto !important;
padding: 10px 35px;
}

#drupal-off-canvas table{
font-size: 0.8rem;
}
#drupal-off-canvas label:not([class^="ck"]):not(.bs-toggle-switch){
color:#fff;
}

#drupal-off-canvas .form-check .form-check-input{
margin-left: 0!important;
}

#drupal-off-canvas .field--widget-inline-entity-form-complex .btn-primary{
font-size: .8rem;
padding: 10px 15px;
}

#drupal-off-canvas .field--widget-inline-entity-form-complex .form-type-select{
padding: 0;
margin-bottom: 0;
}

#drupal-off-canvas .field--widget-inline-entity-form-complex .form-type-select select{
padding: 10px;
font-size: 0.8rem;
line-height: normal;
}

#drupal-off-canvas input:not([class^="ck"])[type="checkbox"] {
margin: 0 .5rem;
}

#drupal-off-canvas .layout-builder-make-reusable-block > .form-wrapper{
	transform: none;
	display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  margin-top: 20px;
}

#drupal-off-canvas .layout-builder-make-reusable-block .dialog-cancel{
	padding:11px;
	margin: 0;
}

#drupal-off-canvas .ui-dialog.ui-dialog-off-canvas .ui-dialog-title{
	display:block;
}