/* Start: Copied from custom/ckeditor/css/ckeditor.css in Mosaic */
/* General indentation & positioning classes */

.paragraph--type--text .rteindent1 {
    margin-left: 40px;
}
.paragraph--type--text .rteindent2 {
    margin-left: 80px;
}
.paragraph--type--text .rteindent3 {
    margin-left: 120px;
}
.paragraph--type--text .rteindent4 {
    margin-left: 160px;
}
.paragraph--type--text .rteleft {
    text-align: left;
}
.paragraph--type--text .rteright {
    text-align: right;
}
.paragraph--type--text .rtecenter {
    text-align: center;
}
.paragraph--type--text .rtejustify {
    text-align: justify;
}
.paragraph--type--text .ibimage_left {
    float: left;
}
.paragraph--type--text .ibimage_right {
    float: right;
}
/* End: Copied from custom/ckeditor/css/ckeditor.css in Mosaic */
/* Start: Copied from themes/custom/oxtheme/sass/oxtheme_colours.scss in Mosaic */
/** Highlighting **/
.paragraph--type--text .highlight1,
.paragraph--type--text .highlight1 *:link,
.paragraph--type--text .highlight1 *:hover,
.paragraph--type--text .highlight1 *:active,
.paragraph--type--text .highlight1 *:visited {
  color: #002147 !important;
  background-color: #ffffff !important;
}
.paragraph--type--text .highlight2,
.paragraph--type--text .highlight2 *:link,
.paragraph--type--text .highlight2 *:hover,
.paragraph--type--text .highlight2 *:active,
.paragraph--type--text .highlight2 *:visited {
  color: #002147 !important;
  background-color: #ffffff !important;
}
.paragraph--type--text .highlight3,
.paragraph--type--text .highlight3 *:link,
.paragraph--type--text .highlight3 *:hover,
.paragraph--type--text .highlight3 *:active,
.paragraph--type--text .highlight3 *:visited {
  color: #002147 !important;
  background-color: #ffffff !important;
}
/* End: Copied from themes/custom/oxtheme/sass/oxtheme_colours.scss in Mosaic */
/* Start: Copied from themes/custom/oxtheme/sass/widgets.scss in Mosaic */
.paragraph--type--text .oxdrupal-notification {
  position: relative;
  padding-right: 32px;
  padding-bottom: 32px;
  padding-left: 72px;
  padding-top: 24px;
  border-radius: 0;
  border: 1px solid transparent;
  margin-bottom: 20px;
}

.paragraph--type--text .oxdrupal-notification :first-child {
  margin-top: 0;
  padding-top: 0;
}

.paragraph--type--text .oxdrupal-notification div.oxdrupal-notification-icon {
  display: inline-block;
  position: absolute;
  left: 24px;
  top: 20px;
  margin-top: 0.1em;
}
/** Start Alert Colours **/

.paragraph--type--text  .oxdrupal-notification.oxdrupal-warning h1,
.paragraph--type--text  .oxdrupal-notification.oxdrupal-warning h2,
.paragraph--type--text  .oxdrupal-notification.oxdrupal-warning h3,
.paragraph--type--text  .oxdrupal-notification.oxdrupal-warning h4,
.paragraph--type--text  .oxdrupal-notification.oxdrupal-warning h5,
.paragraph--type--text  .oxdrupal-notification.oxdrupal-warning h6 {
  color: #856404;
}

.paragraph--type--text .oxdrupal-notification.oxdrupal-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.paragraph--type--text .oxdrupal-notification a:link,
.paragraph--type--text .oxdrupal-notification a:visited {
  color: #0c5460 !important;
  background-color: #d1ecf1 !important;
}

.paragraph--type--text  .oxdrupal-notification.oxdrupal-information h1,
.paragraph--type--text  .oxdrupal-notification.oxdrupal-information h2,
.paragraph--type--text  .oxdrupal-notification.oxdrupal-information h3,
.paragraph--type--text  .oxdrupal-notification.oxdrupal-information h4,
.paragraph--type--text  .oxdrupal-notification.oxdrupal-information h5,
.paragraph--type--text  .oxdrupal-notification.oxdrupal-information h6 {
  color: #0c5460;
}

.paragraph--type--text .oxdrupal-notification.oxdrupal-information {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
/** End Alert Colours **/
/* Start: Copied from modules/custom/ckeditor/plugins/layoutmanager/css/style.css in Mosaic */
.paragraph--type--text .layoutmanager .layout-container {
    margin: 1px;
    margin-top: 30px;
}
.paragraph--type--text .layoutmanager .layout-column,
.paragraph--type--text .layout-column {
    /* border: 1px dashed steelblue; */
    word-wrap: break-word;
    padding-top:30px;
}
.paragraph--type--text .row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Bootstrap 3 Grid System - Extra Small devices (phones) - only applies if explicitly needed */
.paragraph--type--text .col-xs-1 { width: calc(8.333% - 7.333px); }
.paragraph--type--text .col-xs-2 { width: calc(16.666% - 6.666px); }
.paragraph--type--text .col-xs-3 { width: calc(25% - 6px); }
.paragraph--type--text .col-xs-4 { width: calc(33.333% - 5.333px); }
.paragraph--type--text .col-xs-5 { width: calc(41.666% - 4.666px); }
.paragraph--type--text .col-xs-6 { width: calc(50% - 4px); }
.paragraph--type--text .col-xs-7 { width: calc(58.333% - 3.333px); }
.paragraph--type--text .col-xs-8 { width: calc(66.666% - 2.666px); }
.paragraph--type--text .col-xs-9 { width: calc(75% - 2px); }
.paragraph--type--text .col-xs-10 { width: calc(83.333% - 1.333px); }
.paragraph--type--text .col-xs-11 { width: calc(91.666% - 0.666px); }
.paragraph--type--text .col-xs-12 { width: 100%; }

/* Bootstrap 3 Grid System - Small devices (tablets, 768px and up) */
@media (width >= 768px) {
  .paragraph--type--text .col-sm-1 { width: calc(8.333% - 7.333px); }
  .paragraph--type--text .col-sm-2 { width: calc(16.666% - 6.666px); }
  .paragraph--type--text .col-sm-3 { width: calc(25% - 6px); }
  .paragraph--type--text .col-sm-4 { width: calc(33.333% - 5.333px); }
  .paragraph--type--text .col-sm-5 { width: calc(41.666% - 4.666px); }
  .paragraph--type--text .col-sm-6 { width: calc(50% - 4px); }
  .paragraph--type--text .col-sm-7 { width: calc(58.333% - 3.333px); }
  .paragraph--type--text .col-sm-8 { width: calc(66.666% - 2.666px); }
  .paragraph--type--text .col-sm-9 { width: calc(75% - 2px); }
  .paragraph--type--text .col-sm-10 { width: calc(83.333% - 1.333px); }
  .paragraph--type--text .col-sm-11 { width: calc(91.666% - 0.666px); }
  .paragraph--type--text .col-sm-12 { width: 100%; }
}

/* Bootstrap 3 Grid System - Medium devices (desktops, 992px and up) */
@media (width >= 992px) {
  .paragraph--type--text .col-md-1 { width: calc(8.333% - 7.333px); }
  .paragraph--type--text .col-md-2 { width: calc(16.666% - 6.666px); }
  .paragraph--type--text .col-md-3 { width: calc(25% - 6px); }
  .paragraph--type--text .col-md-4 { width: calc(33.333% - 5.333px); }
  .paragraph--type--text .col-md-5 { width: calc(41.666% - 4.666px); }
  .paragraph--type--text .col-md-6 { width: calc(50% - 4px); }
  .paragraph--type--text .col-md-7 { width: calc(58.333% - 3.333px); }
  .paragraph--type--text .col-md-8 { width: calc(66.666% - 2.666px); }
  .paragraph--type--text .col-md-9 { width: calc(75% - 2px); }
  .paragraph--type--text .col-md-10 { width: calc(83.333% - 1.333px); }
  .paragraph--type--text .col-md-11 { width: calc(91.666% - 0.666px); }
  .paragraph--type--text .col-md-12 { width: 100%; }
}

/* Bootstrap 3 Grid System - Large devices (large desktops, 1200px and up) */
@media (width >= 1200px) {
  .paragraph--type--text .col-lg-1 { width: calc(8.333% - 7.333px); }
  .paragraph--type--text .col-lg-2 { width: calc(16.666% - 6.666px); }
  .paragraph--type--text .col-lg-3 { width: calc(25% - 6px); }
  .paragraph--type--text .col-lg-4 { width: calc(33.333% - 5.333px); }
  .paragraph--type--text .col-lg-5 { width: calc(41.666% - 4.666px); }
  .paragraph--type--text .col-lg-6 { width: calc(50% - 4px); }
  .paragraph--type--text .col-lg-7 { width: calc(58.333% - 3.333px); }
  .paragraph--type--text .col-lg-8 { width: calc(66.666% - 2.666px); }
  .paragraph--type--text .col-lg-9 { width: calc(75% - 2px); }
  .paragraph--type--text .col-lg-10 { width: calc(83.333% - 1.333px); }
  .paragraph--type--text .col-lg-11 { width: calc(91.666% - 0.666px); }
  .paragraph--type--text .col-lg-12 { width: 100%; }
}
}

/* Legacy specific column widths (kept for backwards compatibility) */
@media (width >= 768px) and (width < 991px) {
  .paragraph--type--text .col-sm-6,
  .paragraph--type--text .col-md-6 {
      width: calc(50% - 4px);
  }
}

@media (width >= 991px) {
  .paragraph--type--text .col-md-6 {
      width: calc(50% - 4px);
  }
  .paragraph--type--text .col-md-4 {
      width: calc(33.333% - 5.333px);
  }
  .paragraph--type--text .col-md-3 {
      width: calc(25% - 6px);
  }
}

@media (width >= 768px) and (width < 991px) {
  .paragraph--type--text.full-width .col-sm-6,
  .paragraph--type--text.full-width .col-md-6 {
      width: calc(50% - 4px);
  }
}

@media (width >= 991px) {
  .paragraph--type--text.full-width .col-md-6 {
      width: calc(50% - 4px);
  }
  .paragraph--type--text.full-width .col-md-4 {
      width: calc(33.333% - 5.333px);
  }
  .paragraph--type--text.full-width .col-md-3 {
      width: calc(25% - 6px);
  }
}
/* End: Copied from modules/custom/ckeditor/plugins/layoutmanager/css/style.css in Mosaic */