/**
 * @file
 * Component CSS styles for the ISU theme
 *
 * Styles are built from a mobile-first strategy with base styles default for
 * mobile and then Bootstrap 4 media queries to tweak styles for larger
 * devices.
 *
 * 01 LAYOUT
 * 02 SITE NAVBAR
 *    - ISU WORDMARK
 *    - SEARCH
 *    - SITE LINKS MENU
 * 03 ISU MENU NAVBAR
 * 04 PAGE
 *    - Submitted by
 *    - Pagination
 * 05 NODE
 * 06 BLOCKS
 * 07 VIEWS
 *    - ISU list view
 *    - Summary unformatted
 * 08 FIELDS
 *    - Tags
 * 09 COMPONENTS
 *    - Breadcrumbs
 *    - Links
 *    - Unsaved changes alerts
 * 10 COMMENTS
 * 11 FORMS
 *    - Summary
 *    - Checkboxes
 *    - Radios
 *    - Date
 *    - Text fields with text format filter
 *    - File or file upload
 *    - Submit buttons
 * 12 SEARCH RESULTS
 * 13 FOOTER
 *    - Associates menu
 *    - Social media menu
 *    - Legal menu
 * 14 BOOK
 * 15 FORUM
 * 16 CONTENT
 * 17 CONTENT EDITING
 * 18 ADMIN
 *
 */

 :root {
	--cardinal: #c8102e;
	--gold: #f1be48;
	--burgundy: #7c2529;
	--dk-gray: #4a4a4a;
	--lt-gray: #f5f5f5;
	--md-gray: #ebebeb;
	--midnight: #003d4c;
	--green: #008540;
  }

/* --------------------------------------  */
/* ## LAYOUT
/* --------------------------------------  */

/* --- ## Push the footer down --- */
html,
body,
.dialog-off-canvas-main-canvas, /* via settings_tray module */
.isu-page-wrap {
  height: 43%;
}
.isu-page-wrap {
  display: flex;
  flex-direction: column;
}
.isu-site-navbar {
  flex-shrink: 0;
}
.isu-site-navbar .container {
	max-width: 1140px;
}
.isu-main {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
}
.container {
	padding-right: 0px;
	padding-left: 0px;
}
.col-lg-9 {
	flex: 0 0 100%;
	max-width: 100%;
}
.isu-region_content {
	margin: auto;
	min-width: 100%;
}

/* --------------------------------------  */
/* ## Responsive
/* --------------------------------------  */
@media screen and (max-width : 991px) {
  .isu-col-header-first {
   text-align: start;
  }
}

@media screen and (max-width : 992px) {
  .container {
    max-width: 960px;
    padding-left: 2%;
  }
}

/* --------------------------------------  */
/* ## SITE NAVBAR
/* --------------------------------------  */
/*
 * Red ISU Header. Markup found in site-navbar.html.twig
 */

.isu-site-navbar {
  padding: 0;
  background-color: #ffffff;
}
/* The gold border is optional and can be hidden in theme settings */
.isu-gold-border_hidden {
  border: 0;
}
.isu-row-site-navbar {
  align-items: center;
  margin-top: -15px;
}
.isu-col-header-first {
  flex: 1 1 0px;
  text-align: center;
}
.isu-col-header-second {
  width: 100%;
  padding: 0;
}

/* --- ## Menu Navbar Toggle --- */

.isu-menu-navbar_toggler {
  width: auto;
  padding: 0.75rem 1rem;
  text-align: center;
  border: 0;
  border-radius: 0;
}
.isu-menu-navbar_toggler:hover,
.isu-menu-navbar_toggler:focus,
.isu-menu-navbar_toggler.isu-menu-navbar_toggler_open {
  background-color: #fff;
}
.isu-menu-navbar_toggler-icon {
  display: block;
}
.isu-menu-navbar_toggler-icon::before {
  content: '\f0c9';
  position: absolute;
  font-family: FontAwesome;
  font-size: 2em;
  left: 75vw;
  color: var(--cardinal);
}
.isu-menu-navbar_toggler_open > .isu-menu-navbar_toggler-icon::before {
  content: '\58';
  position: absolute;
  font-family: FontAwesome;
  font-size: 2em;
  color: var(--cardinal);
}

.isu-menu-navbar_toggler-label {
  display: none;
}
.isu-menu-navbar_wrap {
  width: 72%;
}
.navbar-toggler:not(:disabled):not(.disabled) {
	margin-top: -23px;
}

/* --------------------------------------  */
/* ## Responsive
/* --------------------------------------  */
@media screen and (max-width : 575px) {
  .isu-col-header-first {
    padding-left: 5px;
    padding-right: 5px;
  }
}


@media screen and (max-width : 768px) {
	 .navbar-toggler:not(:disabled):not(.disabled){
		 margin-top: -10px;
	 }
  }

@media screen and (min-width: 992px) {
  .isu-col-header-first {
    text-align: -webkit-match-parent;
  }
  .isu-region_header-second {
    display: flex;
    flex-direction: column;
    padding-top: 0.5rem;
  }
  .isu-col-header-second {
    padding: 0 15px; /* Back to Bootstrap 4 default */
  }
}

@media screen and (max-width : 1199px) {
  button#isu-menu-navbar_toggler.navbar-toggler.isu-menu-navbar_toggler {
	  margin-left: 20px;
		padding: 20px;
		float: right;
	}
  .isu-col-header-second {
    position: absolute;
  }

  /*Get rid of margins for isu site nav bar*/
  .isu-row-site-navbar{
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .isu-col-header-first {
		text-align: start;
	 }
}

@media screen and (min-width : 1200px) {
.isu-menu-navbar_toggler {
  display: none;
  }
}

/* --- ## ISU Wordmark --- */
/*
 * The combination of the ISU Logo and the site name.
 * Markup found in block--iastate-branding.html.twig
 * Change sitename in Drupal theme settings.
 */

.isu-wordmark {
  color: #ffffff;
  text-decoration: none;
  margin-top: -5%;
}
.isu-wordmark a {
  color: var(--burgundy);
}
.isu-wordmark a:hover {
  color: #ffffff;
  text-decoration: underline;
  }
.isu-wordmark a:focus {
  color: #ffffff;
  }
.isu-wordmark-logo {
  width: 100%;
  max-width: 365px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.isu-wordmark-unit,
.isu-wordmark-sitename {
	max-width: 16rem;
	margin: 0;
	padding: 0;
	font-size: 1.125rem;
	font-family: Nimbus Sans,sans-serif;
	font-weight: 700;
	line-height: 1.25;
}

.isu-wordmark-sitename a {
	text-decoration: none;
	font-weight: 700;
}

.isu-wordmark-sitename a:hover {
	color: var(--cardinal);
	text-decoration: none;
}
/* If there is both a unit and site name,
 * site name gets the unit's styling and then 
 * a border.
 */
.isu-wordmark-sitename_unit {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.1;
  color: #ffffff;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
/* --------------------------------------  */
/* ## Responsive
/* --------------------------------------  */
@media screen and (max-width : 768px) {
  .isu-wordmark-logo {
    margin-top: 0.3rem;
    margin-bottom: 0rem;
    max-width: 300px;
  }
  .isu-wordmark-sitename {
    padding-left: 13px;
    padding-bottom: 0px;
 }
}

@media screen and (max-width : 1199px) {
  .isu-wordmark-sitename {
    width: 50%;
    margin-top: -1%;

  }
}

/* --- ## Search --- */
/*
 * There are two search bars in this theme, one in the Site Navbar, the other
 * on the 404 page. They are both generated by the same templates
 * so they must be styled differently via nested CSS.
 */

.isu-search > form {
  display: flex;
  justify-content: flex-end;
}
.isu-region_header-second .isu-search__search-field.form-control {
  /* .form-control from Bootstrap 4 */
  height: 2.5rem;
  width: 100%;
  border-radius: 0.25rem 0 0 0.25rem;
  border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
}
.isu-region_header-second {
	float: right;
	display: grid;
	grid-template-columns: 2fr;
}
.isu-site-navbar .isu-search__search-btn {
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}
.isu-search__search-btn,
.search-page-form #edit-submit {
  height: 2.5rem;
  font-size: 1.15rem;
  line-height: 0;
  border-radius: 0 0.25rem 0.25rem 0;
}
.form-control {
	border-color: #eeeeee !important;
}
/* Specific to Site Navbar search */
.isu-search {
  padding: 1rem;
}
.isu-form-type_radio {
  float:left; 
  margin:0 20px 0 0;  
}
div#edit-search-broadness {
  margin:0 0 0 15px; 
}
/* Specific to 404 Page search */
.four-zero-four .isu-search > form {
	justify-content: center;
}
.four-zero-four .form-control {
	width: 400px;
	height: 2.5rem;
	border-radius: 0.25rem 0 0 0.25rem;
	border-left: 1px solid #eeeeee !important;
	border-right: 0px !important;
	border-top: 1px solid #eeeeee !important;
	border-bottom: 1px solid #eeeeee !important;
}
.four-zero-four .isu-search__search-btn {
	width: 2.5rem;
	padding: 0;
	color: #676767;
	background-color: #fff;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.four-zero-four .isu-search__search-btn-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.four-zero-four #block-iastate-theme-search {
	padding-bottom: 1rem;
	padding-top: 1rem;
}
/* --------------------------------------  */
/* ## Responsive
/* --------------------------------------  */
@media screen and (max-width : 575px) {
  .isu-search_toggler{
    padding-left: 0px;
  }
}
@media screen and (max-width : 768px) {
  .isu-search_toggler {
		margin-top: 0px;
	}
}
@media screen and (min-width: 992px) {
  .isu-search {
    margin-top: 0;
    padding: 0;
  }
  .isu-region_header-second .isu-search__search-field.form-control {
    /* .form-control via Bootstrap 4 */
    width: 400px;
  }
  .isu-region_header-second {
		padding-right: 2%;
	}
  /*Change search text*/
  .isu-search_toggler-label {
    visibility: hidden;
    position: relative;
  }
  .isu-search_toggler-label::after{
    visibility: visible;
    position: absolute;
    top: 0;
    left: 33px;
    content: 'Search';
    text-align: center;
  }
  .isu-search_toggler {
		position: absolute;
		left: 0;
		top: 800px;
		bottom: 0;
		z-index: 1000;
	}
	.isu-search_toggler {
		background-color: transparent;
		height: 60px;
	}
	.isu-search_toggler svg path {
		fill: #fff;
	}
	.isu-search_toggler-label {
		font-size: 9px;
		color: #fff;
	}
	.isu-search_toggler:hover, .isu-search_toggler:focus, .isu-search_toggler.isu-search_toggler_open {
		background: transparent;
	}
	.isu-search_toggler svg path ~ .isu-search_toggler_open {
		fill: var(--cardinal);
	}
	.form-control.isu-form-control_search.isu-search__search-field.form-search::placeholder {
		visibility: hidden;
	}
	.isu-search {
		width: 80%;
		float: right;
	}
}
@media screen and (max-width: 991px) {
	.form-control.isu-form-control_search.isu-search__search-field.form-search {
		border: none;
		border-radius: 0;
	}
  .isu-region_header-second {
    display: none; 
  }
}
@media screen and (max-width : 1199px) {
  .isu-search {
    display: none;
  }
  .isu-region_header-second {
    padding-right: 5%;
  }
}

.isu-search_toggler {
  display: block;
  width: auto;
  padding: 0.75rem 1rem;
  text-align: center;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  cursor: pointer;
}
.isu-search_toggler:hover,
.isu-search_toggler:focus,
.isu-search_toggler.isu-search_toggler_open {
  background-color: rgba(0, 0, 0, 0.25);
}
.isu-search_toggler-icon.fa { /* .fa via Font Awesome */
  display: block;
  margin-bottom: 3px;
  color: #ffffff;
  font-size: 1.25rem;
}
.isu-search_toggler-label {
  display: block;
  color: #ffffff;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 700;
}

/* Large */
@media screen and (min-width: 992px) {
  .isu-search_toggler {
    display: none;
  }
}

.isu-site-navbar .isu-form-group {
  width: 100%;
  margin-bottom: 0;
}
.isu-site-navbar .isu-search__search-field {
  border: 0;
  border-radius: 0.25rem;
}
.isu-site-navbar .isu-search__search-btn, .isu-header-second-responsive .isu-search__search-btn {
  display: none;
  width: 2.5rem;
  padding: 0;
  color: #676767;
  background-color: #ffffff;
}
.isu-site-navbar .isu-search__search-btn-text {
  /* Bootstrap 4 .sr-only */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* Large */
@media screen and (min-width: 992px) {
  .isu-site-navbar .form-group {
    width: auto;
  }
  .isu-site-navbar .isu-search__search-field  {
    border-radius: 0.25rem 0 0 0.25rem;
  }
  .isu-site-navbar .isu-search__search-btn {
    display: inline-block;
  }
}
@media screen and (max-width: 991px) {
.isu-site-navbar div {
  max-width: inherit;
  margin: 0px;
  padding: 5px;
  }
} 

/* Toggle the search on mobile */

.isu-search_collapse {
  max-height: 0;
  opacity: 1;
  overflow: hidden;
  transition: all 500ms ease;
}
.isu-search_collapse.isu-search_show {
  max-height: 6rem;
  opacity: 1;
}

/* Large */
@media screen and (min-width: 992px) {
  .isu-search_collapse {
    max-height: 6rem;
    opacity: 1;
  }
}
/* --- ## Site Links Menu --- */
/*
 * Markup found in menu--site-links.html.twig
 * Show/hide/rearrange menu in Drupal 8 Structure > Menus.
 */

.isu-sitelinks {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
  text-align: right;
}
.isu-sitelinks_collapse {
  max-height: 0;
  padding-bottom: 3px; /* Make room for :focus outline */
  padding-right: 3px; /* Make room for :focus outline */
  overflow: hidden;
  transition: max-height 500ms ease;
}
.isu-sitelinks_collapse.isu-sitelinks_show {
  max-height: 100vh;
}
.isu-sitelinks-link {
  margin-left: 0.5rem;
  color: #ffffff;
}
.isu-sitelinks-link:hover,
.isu-sitelinks-link:focus {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.25);
}

/* Large */
@media screen and (min-width: 992px) {
  .isu-sitelinks { margin-top: 0.5rem; margin-bottom: 0; }
  .isu-sitelinks_collapse { max-height: 100vh; }
}

/* --------------------------------------  */
/* ## ISU MENU NAVBAR
/* --------------------------------------  */
.container.isu-menu-navbar_container {
	max-width: 1140px;
}
.isu-menu-navbar {
  padding: 1rem;
  background: var(--lt-gray);
}
.isu-menu-navbar_collapse {
  max-height: 0;
  overflow: hidden;
  transition: max-height 500ms ease;
}
.isu-menu-navbar_collapse.isu-menu-navbar_show {
  max-height: 100vh;
}
.isu-nav-link.nav-link { /* .nav-link via Bootstrap 4, for specificity */
  padding-right: 1em;
  padding-left: 1em;
  color: #333333;
}
.isu-nav-link:hover {
  color: #333333;
  background: #dddddd;
}
.nav-item.active,
.isu-nav-link.is-active,
.isu-dropdown-item .is-active {
  background: #dddddd;
}
.navbar-expand-lg .navbar-nav .nav-link {
	font-size: 0.875rem;
	letter-spacing: .5px;
	border-bottom: none;
	transition: all 0.1s ease;
	line-height: 1.625;
	color: var(--burgundy);
	font-weight: 700;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
	color: var(--cardinal);
	background: transparent;
	border-bottom: none !important;
}
.navbar-expand-lg .navbar-nav {
	display: flex;
	-webkit-box-pack: end;
	justify-content: flex-end;
	margin-left: auto;
}
/* --------------------------------------  */
/* ## Responsive
/* --------------------------------------  */
@media screen and (max-width : 1199px) {
  .isu-menu-navbar {
		background: transparent;
    padding: 0rem;
	}
  .navbar-expand-lg .navbar-nav .nav-link:hover {
		height: auto;
	}
  .isu-menu-navbar_show.isu-menu-navbar_wrap {
		background-color: var(--cardinal);
		overflow: hidden;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
		padding: 2rem;
		min-height: 1000px;
		min-width: 100vw;
        	margin-top: 8rem;
	}

	.isu-page-wrap:has(.isu-menu-navbar_show) {
		position: fixed;
	}
  .isu-menu-navbar_wrap {
    width: 100%;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
		display: block;
		border: 0.125rem solid #fff;
		background-color: #fff !important;
		border-radius: 1.875rem;
		margin: 0.625rem 0;
		text-align: left;
		cursor: pointer;
		color: var(--burgundy);
		font-family: Nimbus Sans, sans-serif;
		font-weight: 700;
		font-size: 1.125rem;
		text-decoration: none;
		min-width: 100%;
	}
  .navbar-expand-lg .navbar-nav {
    flex-direction: column;
    -ms-flex-direction: column;
  }
}

@media screen and (min-width : 1200px) {
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
    -ms-flex-direction: row;
  }
}
/* --- Dropdowns --- */
/* We are not using Bootstrap 4's Dropdown utility because it is not 
 * optimized to be accessible and keyboard navigable in the way we need. 
 * Our version is based on the black ISU Navbar's method, which establishes
 * a consistent behavior. Javascript can be found in isu-main-menu.js.
 */
.isu-dropdown {
  position: relative;
}
.navbar-nav > li:last-child .isu-dropdown-menu, .navbar-nav > li:nth-last-child(2) .isu-dropdown-menu, .navbar-nav > li:nth-last-child(3) .isu-dropdown-menu, .navbar-nav > li:nth-last-child(4) .isu-dropdown-menu, .navbar-nav > li:nth-last-child(5) .isu-dropdown-menu {
  right: 0;
}
.isu-dropdown-toggle:after {
  content: "\f107";
  display: inline-block;
  margin: 0 0 0 4px;
  text-align: center;
  vertical-align: top;
  font-family: "FontAwesome";
}
.isu-dropdown-toggle_mobile {
  display: none; 
}
.isu-dropdown-menu {
  position: absolute;
  min-width: 25rem;
  margin: 0;
  padding: 1rem;
  border: 0;
  border-radius: 0;
  background: #fff;
  z-index: 9999;
  box-shadow: 0.5rem 0.5rem 1.25rem rgba(0,0,0,0.2);
	transition: max-height 1s;
}
.isu-dropdown-menu a:hover {
	text-decoration: none;
}
.isu-dropdown[aria-expanded='false'] .isu-dropdown-menu {
  display: none;
}
.isu-dropdown-item {
  padding: 0;
  display: block;
	width: 100%;
	white-space: nowrap;
}
.isu-dropdown-item:focus,
.isu-dropdown-item:hover,
.isu-dropdown-item.active,
.isu-dropdown-item:active  {
  background-color: transparent;
}
.isu-dropdown-item a {
  display: block;
  padding: 0.75rem 1rem;
  color: #333333;
  text-decoration: underline;
  transition: background 0.5s;
	text-underline-offset: 0.05rem;
}
.isu-dropdown-item a:focus,
.isu-dropdown-item a:hover,
.isu-dropdown-item a.active,
.isu-dropdown-item a:active {
  background: transparent;
	color: var(--cardinal);
}
/* Third Level Menu */
.isu-dropdown-submenu {
  top: auto;
  margin-left: 268px;
  position: absolute;
  margin-top: -47px;
}
a.isu-dropdown-submenu {
  display: block;
  background: #fff;
  padding: 10px 12px;
}
/* --------------------------------------  */
/* ## Responsive
/* --------------------------------------  */
/* Small-ish */
@media screen and (max-width: 575px) {
  .isu-menu-navbar {
    display: block;
  }
}
/* Large */
@media screen and (min-width: 992px) {
  .isu-dropdown:hover > .isu-dropdown-menu {
    display: block;
  }
}

@media screen and (max-width: 991px) {
  .isu-dropdown-menu {
		background-color: var(--cardinal);
		left: -10vw;
		top: 0;
		height: 500px;
		width: 120vw;
		padding-left: 10vw;
		padding-bottom: 2px;
		box-shadow: none;
	}
}
/* Mobile Dropdown Toggles */
@media screen and (max-width : 1199px) {
  	/* Adjust submenu alignment for condensed menu */
	.isu-dropdown-submenu {
		top: 0;
		margin-top: 0;
	}
  .isu-dropdown-toggle:after {
    content: '';
  }
  .isu-dropdown-toggle_wrapper {
    display: flex;
    align-items: stretch;
  }
  .isu-dropdown-toggle_wrapper .nav-link {
    flex-grow: 1;
  }
  .isu-dropdown-toggle_mobile {
    display: flex;
    align-items: center;
    margin: 0.25rem;
    padding: .375rem .75rem;
    border: 1px solid #676767;
    background: #eeeeee;
    border-radius: 0.25rem;
    cursor: pointer;
  }
  .isu-dropdown-menu {
    position: static;
    margin-left: 1rem;
  }
  .isu-dropdown-item {
	background-color: #eeeeee !important; 
  }
	.isu-dropdown-toggle_mobile .svg-inline--fa {
		color: var(--burgundy);
		border: none;
		background-color: transparent;
		transform: rotate(-90deg);
		margin-left: -50px;
	}
	.isu-dropdown-item {
		background-color: #fff;
	}
	.navbar-nav > li:nth-last-child(2) .isu-dropdown-menu, .navbar-nav > li:last-child .isu-dropdown-menu {
		padding-left: 35vw;
	}
	.isu-dropdown[aria-expanded="true"] .isu-dropdown-toggle_mobile::before {
		content: "\f100";
		position: absolute;
		top: 0;
		left: 0;
		font-family: FontAwesome;
		font-size: 2em;
		color: #fff;
		z-index: 10000;
	}
	.isu-dropdown-item > a.nav-link.isu-nav-link {
		background-color: var(--cardinal) !important;
		border: none;
		color: #fff;
		margin: auto;
		text-decoration: underline;
	}
	.isu-dropdown-toggle_mobile {
		background-color: transparent;
		border: none;
	}
  a.dropdown-item {
		min-width: 10px;
		min-height: 10px;
		color: #fff;
	}
	.dropdown-item {
		width: 0px;
	}
}

@media (min-width: 1200px) {
	.menubar > li .isu-dropdown-submenu {
		left: 0.5rem;
		right: 0;
	}
  .isu-menu-navbar_collapse {
    max-height: 100vh;
    overflow: visible;
  }
}
/* --------------------------------------  */
/* ## PAGE
/* --------------------------------------  */

.isu-page-column {
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding-left: 11px;
  max-width: 75%;
}
.isu-sidebar {
  margin-top: 2rem;
}
.isu-sidebar .isu-block {
	padding: 1.5rem;
	border: 1px solid #ddd;
	border-radius: 3px;
}
.isu-page-title {
  font-family: Merriweather,serif;
	line-height: 1.32857;
	font-weight: 400;
	letter-spacing: 0;
	margin: 3.5625rem 0 0.625rem;
	color: var(--cardinal);
}
.isu-region.isu-region_sidebar-second {
	margin-top: 2rem;
}
.isu-region_sidebar-second .h3 {
	border-bottom: 1px solid #ddd;
}
div#block-iastate-theme-page-title--2 {
  padding-left: 0%;
  padding-right: 6%;
  max-width: 1140px;
  margin: auto;
}
div#block-iastate-theme-local-tasks {
  padding-left: 0%;
  padding-right: 6%;
  padding-top: 10px;
  max-width: 1140px;
  margin: auto;
}

/* --------------------------------------  */
/* ## Responsive
/* --------------------------------------  */
@media screen and (max-width : 768px) {
  .isu-page-column {
		max-width: 98%;
	}
}

@media screen and (max-width : 1199px) {
 div#block-iastate-theme-page-title--2 {
   padding-left: 6%;
   padding-right: 6%;
   max-width: 1140px;
   margin: auto;
 }
 div#block-iastate-theme-local-tasks {
   padding-left: 6%;
   padding-right: 6%;
   padding-top: 10px;
   max-width: 1140px;
   margin: auto;
 }
}

/* --- ## Submitted By --- */
/* Also found in Comments */

.isu-submitted-by_card {
  color: #676767;
}
.isu-submitted-by_card .card-header { /* .card-header via Bootstrap 4 */
  padding: 0.5rem;
}
.isu-user ~ div > .isu-submitted-by_name, .isu-user ~ div > .isu-submitted-by_date {
	display: inline-block;
}
.isu-user ~ div > .isu-submitted-by_name {
	font-size: 0.85rem;
}
span.authored-on {
	font-style: oblique;
	font-size: .9em;
	color: #666;
}

/* If there is a user picture */
.isu-user img {
  max-width: 50px;
  max-height: 50px;
}
.isu-user ~ div > .isu-submitted-by_name,
.isu-user ~ div > .isu-submitted-by_date {
  display: block;
}
.isu-user ~ div > .isu-submitted-by_date {
  font-size: 0.85rem;
}

/* --- ## PAGINAION --- */

.isu-pagination {
  padding-top: 1rem;
}
.isu-page-link {
  height: 100%;
  color: #333333;
  text-decoration: none;
}
/* The Full Pager uses .active for the current page */
.page-item.active .isu-page-link { /* .page-item via Drupal 8 */
  background-color: var(--cardinal);
  border-color: var(--cardinal);
}
.page-item.active .isu-page-link:hover {
  background-color: #a00606;
  border-color: #a00606;
}

/* -------------------------------------- */
/* ## NODE
/* -------------------------------------- */
/*
 * The most basic unit of content which appears all over.
 */

article:not(.isu-user):not(.isu-search_collapse) {
  margin-bottom: 2rem;
}
li article:not(.isu-user):not(.isu-search_collapse) {
	margin-bottom: 0rem;
}
.isu-node-title {
  margin-bottom: 1rem;
}

/* Node form titles */
/* Classes created via iastate_theme.theme and implemented in html.html.twig */

.node-form .isu-page-title {
  font-size: 2rem;
}

.node-form .isu-page-title .placeholder { /* placeholder class via Drupal 8 */
  font-weight: bold;
}

.node-form_edit .isu-page-title {
  font-weight: bold;
  font-style: italic;
}

.node-form_edit .isu-page-title em {
  font-style: normal;
  font-weight: normal;
}

/* --- Unpublished Nodes --- */
/* Classes added to unpublished nodes in node.html.twig */

.node--unpublished {
  position: relative;
  margin: -1rem;
  padding: 1rem;
  border: 1px dashed #fff4f4;
  border-radius: 0.25rem;
  background: #fff4f4;
}
.node--unpublished:before {
  content: 'Unpublished';
  display: block;
  position: absolute;
  bottom: 100%;
  right: 0;
  padding: 0.5rem;
  font-weight: bold;
  color: #31708f;
  font-size: 0.9rem;
  line-height: 1;
  background: #d8edf7;
  border-radius: 0.25rem 0.25rem 0 0;
  border: 1px dashed #bcdff1;
  border-bottom: 0;
}

/* -------------------------------------- */
/* ## BLOCKS
/* -------------------------------------- */

.isu-sidebar .isu-block {
  margin-bottom: 1rem;
}
.isu-block-title {
  margin-bottom: 0.75rem;
  line-height: 1.25;
  font-weight: 700; 
	padding: 0 0 13px 0;
	letter-spacing: 0;
	font-family: Merriweather,serif;
	border-bottom: #fff;
}
.isu-sidebar .isu-block-title {
  font-size: 1.15rem;
}
h2.isu-block-title.h4 {
	margin-bottom: 1.75rem;
	line-height: 1.4;
	font-size: clamp(2rem, 2.2vw, 1.875rem);
	color: var(--cardinal);
	position: relative;
}
h2.isu-block-title.h4:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 3.125rem;
	border-bottom: 0.125rem solid var(--gold);
}

/* -------------------------------------- */
/* ## VIEWS
/* -------------------------------------- */
/*
 * ISU Theme specific View styling
 */

/* --- ## ISU List View --- */
/* Add the .isu-list-view class to Advanced > CSS class to refine a view
 * that uses an HTML List Format
 */

.isu-list-view header {
  margin-bottom: 2rem;
}
.isu-list-view ul {
  margin-top: 1rem;
}
.isu-list-view-item {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dddddd;
}
.isu-list-view-item .views-field-title h3 {
  font-size: 1.15rem;
}
.isu-list-view-item .views-field-created {
  font-size: 0.875rem;
}
.isu-list-view-item .views-field-created:not(:last-child) {
  margin-bottom: 0.5rem;
}
.isu-list-view-item .fa {
  color: #676767;
}

/* --- ## Summary Unformatted --- */
/* As seen in Glossary */

.isu-unformatted-summary_row {
  display: inline-block;
  margin-bottom: 1rem;
}
.isu-row-separator {
  display: none;
}
.isu-row-count-badge {
  position: relative;
  top: -1.15rem;
  left: -0.75rem;
  margin-right: -0.75rem;
}

/* -------------------------------------- */
/* ## FIELDS
/* -------------------------------------- */

/* --- ## Tags --- */
.views-field-field-tags {
  margin-top: 1rem;
}


.isu-field-tags {
  padding-top: 1rem;
  clear: both;
}

/* -------------------------------------- */
/* ## COMPONENTS
/* -------------------------------------- */

/* --- ## Breadcrumbs --- */

.isu-breadcrumb {
  margin-bottom: 0;
  background: transparent;
}

/* --- ## Links --- */
/*
 * Not, like, regular links, but the buttons that do stuff
 * generated by Drupal 8
 */

.isu-links {
  margin-top: 1rem;
  margin-bottom: 0;
}
.isu-links .comment-forbidden { /* .comment-forbidden via Drupal 8 */
  margin-top: 1rem;
}
.isu-links.contextual-links li { /* .contextual-links via Drupal 8 */
  display: block;
}
.action-links { /* .action-links via Drupal 8 */
  list-style-type: none;
  padding-left: 0;
}
div[id$="local-actions"] nav {
  list-style-type: none;
  margin-bottom: 1rem;
}

/* --- ## Unsaved changes alerts --- */
/*
 * Commonly found when re-ordering multiple inputs
 * Mimics Bootstrap 4 .alert.alert-warning
 */

.tabledrag-changed-warning { /* Class via Drupal 8 */
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  /* Modification */
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

abbr[title].tabledrag-changed { /* Class via Drupal 8 */
  padding: 0.25rem;
  border: 1px solid transparent;
  border-radius: .25rem;
  /* Modification */
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  /* Modification */
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  text-decoration: none;
}

/* -------------------------------------- */
/* ## COMMENTS
/* -------------------------------------- */

.isu-comments-section {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #d8d8d8;
}
.isu-comments_title {
  margin-bottom: 1rem;
}
.isu-comment .card-header { /* .card-header via Bootstrap 4 */
  padding: 0.5rem;
}
.isu-comment_title {
  margin-bottom: 0;
  font-size: 1.15rem;
}
.isu-comment_submitted {
  font-size: 0.85rem;
}
.indented {
  /* .indented via Drupal 8. Used to nest comments and forum boards. */
  margin-left: 4rem;
}
.field--name-comment-body .isu-form-group {
  /* .field--name-comment-body via Drupal 8 */
  margin-bottom: 0;
}

/* --------------------------------------  */
/* ## FORMS
/* --------------------------------------  */

.form-required:after { /* .form-required from Drupal 8 */
  content: "*";
  margin-left: 0.25rem;
  color: var(--cardinal);
}

/* If a form-group is in a table */
td .isu-form-group {
  margin-bottom: 0;
}

details {
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid #d8d8d8;
}
.isu-form-control {
  width: auto;
  max-width: 100%;
}
.isu-form-control.error { /* .error via Drupal 8 */
  border: 1px solid var(--cardinal);
}

.container-inline.form-radio {
  display: inline-flex;
}

/* Trying to hit the main labels in some of these fields. */
.isu-form-type_managed-file > label,
.isu-form-type_textarea label,
.isu-form-type_select label,
.isu-form-type_entity-autocomplete label,
.isu-form-type_textfield label,
.isu-form-type_email label,
.isu-form-type_tel label,
.isu-form-type_url label {
  /* .filter-wrapper via Drupal 8 */
  font-weight: 700;
}

.isu-form-element-description {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #676767;
}
.isu-form-element-description_fieldset {
  margin-top: -0.75rem;
  margin-bottom: 1rem;
  margin-left: 0.5rem;
}
.isu-fieldset {
  width: 100%;
  margin: 0.5rem 0 1rem;
  padding: 1rem;
  border-radius: 0.25rem;
  border: 1px solid #d8d8d8;
}
.isu-fieldset .isu-fieldset {
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
}
.isu-legend {
  display: inline-block;
  width: auto;
  padding: 0 0.5rem;
  font-size: 1rem;
  font-weight: 700;
}
.isu-fieldset .isu-fieldset .isu-legend {
  padding: 0;
}

/* --- ## Summary --- */

.field--widget-text-textarea-with-summary .field-edit-link {
  /* Hide parentheses around 'Edit summary' button */
  color: transparent;
}
.field--widget-text-textarea-with-summary .link-edit-summary {
  /*
 * Duplicates Bootstrap 4 button classes: btn btn-sm and
 * btn-outline-secondary. Reminder that the colors for secondary
 * button styles have been overridden in base.css. It's a bit hacky, but
 * I can't find a good place to add the class to the template.
 */
  cursor: pointer;
  /* btn */
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  user-select: none;
  border: 1px solid transparent;
  transition: all 0.15s ease-in-out;
  background-image: none;
  /* btn-sm */
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  /* btn-outline-secondary */
  color: #6c757d;
  background-color: #ffffff;
  border-color: #6c757d;
}
.field--widget-text-textarea-with-summary .link-edit-summary:hover {
  color: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.text-summary-wrapper { /* class via Drupal 8 */
  margin-bottom: 1rem;
}

/* --- ## Checkboxes --- */

.isu-form-type_checkbox label {
  margin-bottom: 0;
}

/* --- ## Radios --- */

.isu-form-type_radio.isu-form-group {
  margin-bottom: 0;
}

/* --- ## Date --- */

.isu-form-type_date {
  display: inline-block;
  margin-right: 1rem;
}
.isu-form-control_date {
  width: auto;
}

/* --- ## Text --- */

.isu-form-control.form-text {
  margin-top: 0;
}

/* --- ## Text fields with text format filter --- */
/* .js-text-format-wrapper and .filter-wrapper via Drupal 8 */

.js-text-format-wrapper .isu-form-group.isu-form-type_textarea {
  margin-bottom: 0;
}
.js-text-format-wrapper .isu-form-type_textarea .isu-form-control {
  width: 100%;
}
.filter-wrapper {
  margin-bottom: 1.5rem;
}
.filter-wrapper .isu-form-group {
  margin-bottom: 1rem;
}

/* --- File or image upload --- */

.isu-form-type_managed-file { /* Like .isu-fieldset */
  margin: 0.5rem 0 1rem;
  padding: 1rem;
  border-radius: 0.25rem;
  border: 1px solid #d8d8d8;
}

/* --- ## Submit buttons --- */

.isu-search__search-btn,
.isu-add-another-item-button,
.isu-remove-button {
  margin-top: 0;
}
.isu-add-another-item-button:before {
  content: "\f067"; /* fa-plus */
  font-family: "FontAwesome";
  margin-right: 0.5rem;
}
.isu-preview-button {
  margin-right: 0.5rem;
}

/* --- ## Cancel Buttons --- #/
/* Cancel buttons are links, not buttons.
 * https://www.drupal.org/node/2250341
 * Duplicating Bootstrap 4's btn-outline-secondary btn-sm
 */

#edit-cancel {
  /* btn */
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  /* btn-outline-danger */
  color: #6c757d;
  background-color: #ffffff;
  border-color: #6c757d;
  /* btn-sm */
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

#edit-cancel:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

#edit-cancel:focus {
    box-shadow: 0 0 0 0.2rem rgba(108,117,125,.5);
}

/* --- ## Delete Buttons --- */
/* Delete buttons are links, not buttons.
 * https://www.drupal.org/node/2250341
 * Duplicating Bootstrap 4's btn-outline-danger
 */

#edit-delete {
  /* btn */
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  /* btn-outline-danger */
  color: #dc3545;
  background-color: #ffffff;
  border-color: #dc3545;
}

#edit-delete:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

#edit-delete:focus {
    box-shadow: 0 0 0 0.2rem rgba(108,117,125,.5);
}

/* --- ## Dropbutton Widget --- */
/*
 * Powerful CSS to manually style the dropbuttons.
 * All classes via Drupal 8
 */

.form-actions:after {
  display: block;
  clear: both;
  content: "";
}
.dropbutton-multiple .dropbutton-widget {
  border: 1px solid #cccccc;
  border-radius: 0.25rem;
  background-color: #ffffff;
}
.dropbutton-multiple .dropbutton .dropbutton-action button {
  display: block;
  width: 100%;
  border-radius: 0.25rem 0 0 0.25rem;
}
.dropbutton-multiple .dropbutton-action a {
  padding: 0.25rem 0.5rem;
  text-decoration: none;
}
/* Imitate browser focus state */
.js .dropbutton a:focus,
.dropbutton-toggle button:focus {
  box-shadow: inset 0 0 1px 2px #5096ff;
}


/* --- ## Multiple values table --- */
/* Overrides tabledrag.module.css */

.draggable a.tabledrag-handle {
  display: block;
  margin: 0;
}
a.tabledrag-handle .handle {
  height: 30px;
  width: 30px;
  margin: 0;
  padding: 0;
}
.field-add-more-submit {
  margin-bottom: 2rem;
}

/* Show row weights button */
/*
 * Duplicates Bootstrap 4 button classes: btn btn-sm and
 * btn-outline-secondary. Reminder that the colors for secondary
 * button styles have been overridden in base.css. It's a bit hacky, but
 * I can't find a good place to add the class to the template.
 */

.tabledrag-toggle-weight {
  cursor: pointer;
  /* btn */
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  user-select: none;
  border: 1px solid transparent;
  transition: all 0.15s ease-in-out;
  background-image: none;
  /* btn-sm */
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  /* btn-outline-secondary */
  color: #6c757d;
  background-color: #ffffff;
  border-color: #6c757d;
  /* Modification */
  margin-bottom: 0.5rem;
}
.tabledrag-toggle-weight:hover {
  color: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}

/* --- ## Vertical Tabs --- */
/* Overrides vertical-tabs.module.css */

.vertical-tabs__menu-item a {
  color: #333333;
}
.vertical-tabs__pane {
  padding: 1.5rem;
}
.js-form-type-vertical-tabs {
	max-width: 1135px;
	margin: auto;
}
/* --------------------------------------  */
/* ## Responsive
/* --------------------------------------  */
@media screen and (max-width : 1199px) {
  .js-form-type-vertical-tabs {
		max-width: 955px;
		margin: auto;
	}
}

/* --- ## Horizontal Tabs --- */
/* Custom modification to Bootstrap 4 .nav-tabs */

.isu-nav-tabs_sm .nav-link {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
}

/* --------------------------------------  */
/* ## SEARCH RESULTS
/* --------------------------------------  */
/*
 * For search fields, see the Search section under Site Navbar above
 */

.isu-search-results {
  margin-top: 2rem;
}
.isu-search-results > ol {
  list-style-type: none;
  padding-left: 0;
}

/* --------------------------------------  */
/* ## FOOTER
/* --------------------------------------  */
.isu-footer {
  flex-shrink: 0;
  padding: 2rem 0;
  color: #ffffff;
	background: var(--cardinal);
}
.isu-footer a {
	color: #ffffff;
}
.isu-footer a:hover {
	color: var(--gold);
	text-decoration: underline;
}
.isu-footer .col-sm-6.col-md-6.col-lg-3 {
	padding-bottom: 20px;
}
.isu-footer-logo {
  width: 100%;
  margin-top: -15px;
	margin-left: -8%;
	margin-right: auto;
	display: block;
	max-width: 350px;
}

/* --- ## CONTACT BLOCK --- */
.isu-region_footer-third {
	font-size: 1rem;
}

/* --- ## ORG LINKS BLOCK --- */
.isu-region.isu-region_footer-fourth {
	font-size: 1rem;
}

/* --- ## ASSOCIATES MENU --- */
/*
 * Template in templates/navigation/menu--associates-menu.html.twig
 */

.isu-associates-menu {
  list-style-type: none;
  margin-top: 0;
  padding: 0;
  font-weight: 700;
}
.isu-associates-menu a {
  display: block;
  padding: 0.25rem 0;
  line-height: 1.25;
  text-decoration: none;
  text-decoration: underline;
	font-size: 14px;
	padding-left: 18px;
}

/* --- ## SOCIAL MEDIA MENU --- */
/*
 * Icon styles found in isu-social.css
 * Template in templates/navigation/menu--social.html.twig
 */

.isu-social-menu {
  list-style-type: none;
  padding: 0;
}
.isu-social-menu a {
  display: inline-block;
  color: #676767;
  font-size: 20px;
	margin-right: 0px;
  text-decoration: none;
}
.isu-footer .isu-social-menu-red {
	padding-left: 0px;
	margin-left: -2%;
}
.isu-social-menu-static {
  list-style-type: none;
  padding: 0;
}
.isu-social-menu-static a {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
}
.isu-social-menu-red a {
	font-size: 1rem;
	margin-right: 0px;
	margin-left: 0px;
	color: var(--burgundy);
}
.isu-social-menu-footer:before {
	content: "";
	border-bottom: 0.2rem solid var(--gold);
	width: 13.5rem;
	position: absolute;
}

/* --- ## LEGAL MENU --- */
/*
 * Template in templates/navigation/menu--legal-menu.html.twig
 */

.isu-legal-menu {
  list-style-type: none;
  padding: 0;
  font-size: 12px;
}
.isu-legal-menu a {
  display: inline-block;
	text-decoration: underline;
  padding: 0.25rem 0;
  line-height: 1.25;
}
.isu-legal-menu a:hover {
	text-decoration: underline;
}
.isu-copyright p {
	margin-bottom: 0;
	font-size: 0.9rem;
}

/* --- ## SIGN OFF --- */
.isu-footer .isu-sign-off_wrapper {
  background: var(--burgundy);
  color: #fff;
  font-weight: revert;
  margin-bottom: -2rem;
  padding: 1rem 0;
}
.isu-region_sign-off {
  font-size: 1rem;
}
.isu-sign-off_wrapper a {
  color:#fff;
  font-weight: 400;
}
.isu-sign-off_wrapper a:hover {
  color: var(--gold);
}
.isueo-staff-links ul {
	list-style: none;
	padding-left: 0;
}
.isueo-staff-links li {
	display: inline-block;
}
.isueo-staff-links li:nth-child(2):after {
	content: "|";
}
/* --------------------------------------  */
/* ## Responsive
/* --------------------------------------  */
@media screen and (max-width : 575px) {
  .isu-footer-logo{
    padding-bottom: 0px;
  }
}
@media screen and (max-width : 768px) {
  .isu-region_footer-third {
		margin-bottom: 1rem;
    font-size: 1.5rem;
	}
  .isu-footer_contact-address-title {
    font-size: 1.5rem;
  }
  .isu-social-menu-footer{
		display: none;
	}
  .isu-footer-logo {
    width: 90vw;
  }
}
@media screen and (max-width: 991px) {
  .isu-footer .col-md-6 {
		flex: 0 0 100%;
		max-width: 75%;
	}
}

@media screen and (max-width : 1199px) {
  .isu-footer-logo {
		margin-left: -6%;
    width: 100%;
	}
  .isu-footer {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.isu-footer .isu-sign-off_wrapper {
		background: transparent;
		color: #fff;
	}
  .isu-social-menu-footer {
		margin-left: 0px;
	}
  .isu-sign-off_wrapper a {
		color: #fff;
	}
  .isu-copyright {
		padding-bottom: 20px;
	}
  footer .row, .col-lg-3 {
    display: flex; 
    max-width: 100%;
  }
  .isu-footer .col-sm-6.col-md-6.col-lg-3:nth-of-type(1) {
    order: 1;
  }
  .isu-footer .col-sm-6.col-md-6.col-lg-3:nth-of-type(2) {
    order: 4; 
    grid-column: span 4;
  }
  .isu-footer .col-sm-6.col-md-6.col-lg-3:nth-of-type(3) {
    order: 2;
  }
  .isu-footer .col-sm-6.col-md-6.col-lg-3:nth-of-type(4) {
    order: 3;
  }
}

/* --------------------------------------  */
/* ## BOOK
/* --------------------------------------  */

.isu-book-tree-title,
.isu-book-navigation-title { /* Sized with Bootstrap 4 class .h5 */
  margin-bottom: 1rem;
}

/* --------------------------------------  */
/* ## FORUM
/* --------------------------------------  */

.isu-forum_indented {
  margin-left: 2rem;
}

/* Small and below */
@media screen and (max-width: 576px) {
  .isu-forum {
    overflow-x: scroll
  }
  .isu-forum-table {
    font-size: 0.9rem;
  }
  .isu-forum-table th,
  .isu-forum-table td {
    padding: 0.25rem;
  }
  .isu-forum_last-reply {
    min-width: 5rem;
  }
}

/* --------------------------------------  */
/* ## CONTENT
/* --------------------------------------  */
/* --- ## Figures and Captions --- */

.isu-body figure {
  display: table;
}
.isu-body figure img {
  max-width: 100%;
  display: block;
  margin: 0;
}
.isu-body figure figcaption {
  display: table-caption;
  caption-side: bottom;
  /* Caption styles */
  padding: 0.5rem;
  color: #333333;
  font-size: 0.9rem;
  background: #eeeeee;
}
body.cke_editable figure figcaption {
	margin-top: 0;
}
.caption > figcaption {
	padding: .4rem .8rem 0 .8rem;
	font-size: .875rem;
	font-style: italic;
	line-height: 1.57143;
	position: relative;
	color: var(--dk-gray);
}
.isu-body figure.align-left {
  margin: 1rem 1rem 1rem 0;
}
.isu-body figure.align-right {
  margin: 1rem 0 1rem 1rem;
}
/* --------------------------------------  */
/* ## Responsive
/* --------------------------------------  */
@media (max-width: 576px) {
  .isu-body figure.align-left,
  .isu-body figure.align-right {
    float: none;
    margin: 1rem 0;
  }
}

/* --- ## Images --- */

.isu-body img.align-left {
  margin: 1rem 1rem 1rem 0;
}
.isu-body img.align-right {
  margin: 1rem 0 1rem 1rem;
}
figure.align-left {
	margin-right: 25px;
}
.align-left {
	margin-right: 25px;
}
figure.align-right {
	margin-left: 25px;
}
.align-right {
	margin-left: 25px;
}

/* --------------------------------------  */
/* ## Responsive
/* --------------------------------------  */
@media (max-width: 576px) {
  .isu-body img.align-left,
  .isu-body img.align-right {
    float: none;
    margin: 1rem 0;
  }
}

/* --------------------------------------  */
/* ## CONTENT EDITING
/* --------------------------------------  */

.node-preview-container {
  color: #ffffff;
  background: rgba(0, 107, 166, 1);
  box-shadow: 0 2px 3px black;
}
.node-preview-container .node-preview-backlink {
  display: block;
  margin-bottom: 0.5rem;
  padding: 0.25rem 0.5rem;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  border-radius: 0.2rem;
  background: rgba(0, 0, 0, 0.25);
}
.node-preview-container .node-preview-backlink:hover {
  background: rgba(0, 0, 0, 0.25);
}
.node-preview-container .node-preview-backlink:before {
  content: "\f104"; /* fa-angle-left */
  font-family: "FontAwesome";
  margin-right: 0.25rem;
}
.node-preview-container label {
  font-weight: bold;
}
/* --------------------------------------  */
/* ## Responsive
/* --------------------------------------  */
/* Small-ish */
@media (min-width: 576px) {
  .node-preview-container form.node-preview-form-select {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
  }
  .node-preview-container .form-item-view-mode {
    display: flex !important;
    align-items: center;
    margin-bottom: 0;
  }
  .node-preview-container .node-preview-backlink {
    position: absolute;
    left: 0;
    margin-bottom: 0;
    background: transparent;
  }
  .node-preview-container label {
    margin-right: 0.5rem;
    margin-bottom: 0;
    font-weight: 700;
  }
}

/* --------------------------------------  */
/* ## ADMIN
/* --------------------------------------  */

.isu-admin-description {
  font-size: 0.875rem;
  color: #676767;
}
.isu-block_help:before {
  content: "\f05a"; /* fa-info-circle */
  font-family: "FontAwesome";
  float: left;
  margin-right: 1rem;
}
.isu-block_help p:last-of-type {
  margin-bottom: 0
}
.container-inline { /* class via Drupal 8 */
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.container-inline label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.container-inline .isu-form-group {
  display: block;
  margin-right: 1rem;
}
.container-inline .isu-form-submit {
  margin-bottom: 1rem;
}

/* --- ## Views exposed form --- */

.views-exposed-form  {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.views-exposed-form .isu-form-group {
  margin-right: 1rem;
}
.views-exposed-form .isu-form-submit {
  margin-bottom: 1rem; /* To match Bootstrap 4 .form-group */
}

/* --- ## admin/content --- */
/*
 * The admin page that lists all the content
 */

#edit-node-bulk-form--2 {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
#edit-node-bulk-form--2 .isu-form-group {
  display: block;
  margin-right: 1rem;
}
#edit-node-bulk-form--2 .isu-form-submit {
  margin-bottom: 1rem;
}