/* Bryan's Custom CSS for Factori bkj*/


/*  Uncomment to see if css is being called  
body{
 background: red;
}
*/


/* Center a block */
.center-block {

  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}




/* Style the caption to look like a centered H2 element */
.fixed-table-layout caption {
  display: table-caption !important;
  caption-side: top !important;
  float: none !important;
  order: -1 !important;
  position: static !important;
  clear: both !important;
  color: #000 !important; /* Ensure font color is black*/
  font-size: 1.5em;  /* Matches the font size of an H2 */
  font-weight: bold; /* Makes the caption bold like an H2 */
  margin: 0.67em 0;  /* Default top/bottom margin for H2 elements */
  text-align: center;  /* Center align the caption */
}









.field--name-field-short-comment {
  font-style: italic;
}


/* Ensure the fieldset has a visible border */
.cbandj-details-class {
    border: 1px solid #000 !important; /* Draw a solid black border */
    padding: 10px !important; /* Add padding inside the fieldset */
    margin-bottom: 20px !important; /* Add spacing below fieldset */
    color: #000 !important; /* Ensure font color is black inside the fieldset */
    overflow: hidden !important; /* Ensure overflow is hidden, in case of large content */
}

/* Hide the legend (if it's empty or not needed) */
.cbandj-details-class legend {
    display: none !important; /* Hide the legend to ensure the full border is visible */
}

/* Target only the fields within the specific fieldset */
.cbandj-details-class .field {
    display: flex !important;
    align-items: center !important; /* Vertically align label and content */
    justify-content: flex-start !important;
    margin-bottom: 10px !important;
    flex-wrap: wrap !important; /* Allow wrapping for content within the field */
}

/* Ensure the label stays on the same line as the content */
.cbandj-details-class .field__label {
    display: inline-block !important;
    margin-right: 10px !important; /* Space between label and content */
    font-weight: bold !important; /* Make the label bold */
    color: #000 !important; /* Ensure label color is black */
    white-space: nowrap !important; /* Prevent label from wrapping to a new line */
}

/* Ensure the content is displayed inline next to the label */
.cbandj-details-class .field__item {
    display: inline-block !important;
    flex-grow: 1 !important; /* Allow content area to expand */
    vertical-align: middle !important; /* Vertically align content */
    color: #000 !important; /* Ensure content color is black */
    white-space: normal !important; /* Allow the content to wrap */
    word-wrap: break-word !important; /* Break words that are too long */
}


/* Reset any theme-specific styling for fieldsets */
fieldset.cbandj-field-grouping {
    all: revert !important; /* Revert fieldset to default browser styles */
    border: 1px solid #000 !important; /* Ensure the border is visible */
    padding: 10px !important; /* Add padding inside the fieldset */
    margin-bottom: 20px !important; /* Add spacing below the fieldset */
}

/* Reset any theme-specific styling for legends */
fieldset.cbandj-field-grouping legend {
    all: revert !important; /* Revert legend to default browser styles */
    font-size: 0.75em !important; /* Reduce font size by 25% */
    padding: 0 5px !important; /* Add padding to the legend */
    color: #000 !important; /* Ensure the legend text color is black */
}