@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

/*My Custom CSS Comes Here*/

/*Fix Image Dimensions*/

.body-image img:first-child{
    display: block;
    border-radius: 0px !important;
    margin-bottom: 0px !important;
}



.body-image *{
    display: none;
}

img {
    max-width: 100%;
    height: auto;
}
/*Quick Fix for Drupal Off Canvas Editor*/

#drupal-off-canvas summary, #layout-builder-modal summary,
#layout-builder-modal .form-item, body.path-admin .form--slick{
    background-color: transparent !important;
}

.container-fluid.g-0 .region.region-content,
.container-sm.g-0 .region.region-content,
.container-lg.g-0 .region.region-content,
.container-xs.g-0 .region.region-content,
.container-sm.g-0 .region.region-content,
.container-xl.g-0 .region.region-content,
.container-xxl.g-0 .region.region-content{
    padding: 0px;
    overflow: hidden;
}

#drupal-off-canvas label, #layout-builder-modal label, #layout-builder-modal input,
#drupal-off-canvas .fieldset-legend,  #drupal-off-canvas input[type="text"],
#drupal-off-canvas .bs-group-title, #layout-builder-modal .bs-group-title,
#drupal-off-canvas summary, #drupal-off-canvas .details-wrapper, #drupal-off-canvas *, #drupal-off-canvas :not(div),
#drupal-off-canvas .description, #drupal-off-canvas .form-item .description, #drupal-off-canvas .details-description{
    color: #b56e00;
}

#drupal-off-canvas summary svg, #drupal-off-canvas summary svg path{
    fill: #b56e00;
}

/*Override Display of Footer Items*/

footer .region-footer{
    flex-direction: row;
    flex-wrap: wrap;
}

@media (min-width: 1400px){

    .col-xxl-11 {
        width: 91.66666667%;
    }
    .col-xxl-10 {
        width: 83.33333333%;
    }
    .col-xxl-9 {
        width: 75%;
    }
    .col-xxl-8 {
        width: 66.66666667%;
    }
    .col-xxl-7 {
            width: 58.33333333%;
    }
    .col-xxl-6 {
            width: 50%;
    }
        
    .col-xxl-4 {
        width: 33.33333333%;
    }
    
    .col-xxl-3 {
        width: 25%;
    }
    
    .col-xxl-2 {
        width: 16.66666667%;
    }
    
    .col-xxl-1 {
        width: 8.33333333%;
    }
    
    }

@media screen and (min-width: 1200px) and (max-width: 1399.9px){

    .col-xl-11 {
        width: 91.66666667%;
    }
    .col-xl-10 {
        width: 83.33333333%;
    }
    .col-xl-9 {
        width: 75%;
    }
    .col-xl-8 {
        width: 66.66666667%;
    }
    .col-xl-7 {
            width: 58.33333333%;
    }
    .col-xl-6 {
            width: 50%;
    }
        
    .col-xl-4 {
        width: 33.33333333%;
    }
    
    .col-xl-3 {
        width: 25%;
    }
    
    .col-xl-2 {
        width: 16.66666667%;
    }
    
    .col-xl-1 {
        width: 8.33333333%;
    }
    
    }

@media screen and (min-width: 992px) and (max-width: 1199.9px){
 
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
            width: 58.33333333%;
    }
    .col-lg-6 {
            width: 50%;
    }
        
    .col-lg-4 {
        width: 33.33333333%;
    }
    
    .col-lg-3 {
        width: 25%;
    }
    
    .col-lg-2 {
        width: 16.66666667%;
    }
    
    .col-lg-1 {
        width: 8.33333333%;
    }
    
    }
    
    
    @media screen and (min-width: 768px) and (max-width: 991.9px){
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
            width: 58.33333333%;
    }
    .col-md-6 {
            width: 50%;
    }
        
    .col-md-4 {
        width: 33.33333333%;
    }
    
    .col-md-3 {
        width: 25%;
    }
    
    .col-md-2 {
        width: 16.66666667%;
    }
    
    .col-md-1 {
        width: 8.33333333%;
    }
    
    }
    
    @media screen and (min-width: 576px) and (max-width: 767.9px){
    
        .col-sm-11 {
            width: 91.66666667%;
        }
        .col-sm-10 {
            width: 83.33333333%;
        }
        .col-sm-9 {
            width: 75%;
        }
        .col-sm-8 {
            width: 66.66666667%;
        }
        .col-sm-7 {
                width: 58.33333333%;
        }
        .col-sm-6 {
                width: 50%;
        }
            
        .col-sm-4 {
            width: 33.33333333%;
        }
        
        .col-sm-3 {
            width: 25%;
        }
        
        .col-sm-2 {
            width: 16.66666667%;
        }
        
        .col-sm-1 {
            width: 8.33333333%;
        }
        
    }