/*
Theme Name: Iowa
Theme URI: https://uids.brand.uiowa.edu/
Author: Patrick J. Riepe
GitLab Theme URI: https://git.uiowa.edu/ui-cph/communications/wordpress-themes/iowa.git
Primary Branch: main
Author URI: https://www.public-health.uiowa.edu/people/patrick-riepe/
Description: A WordPress theme based on the University of Iowa Design System.
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.7
Version: 1.0.30
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: 
Text Domain: iowa
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/
@import url("https://use.fontawesome.com/releases/v5.8.2/css/all.css");
:root {
	font-size:16px;
      --wp--preset--color--primary: #ffcd00;
      --wp--preset--color--secondary: #151515;
      --wp--preset--color--tertiary: white;
      --wp--preset--color--light-background: #f3f3f3;
      --wp--preset--color--borders: #e5e5e5;
      --wp--preset--color--link: #00558c;

      --wp--preset--font-family--antonio: Antonio;
      --wp--preset--font-family--roboto: Roboto;
      --wp--preset--font-family--zilla-slab: "Zilla Slab";

      --wp--preset--font-size--tiny: 0.8rem;
      --wp--preset--font-size--extra-small: 1.0rem;
      --wp--preset--font-size--small: 1.1rem;
      --wp--preset--font-size--normal: 1.2rem;
      --wp--preset--font-size--medium: clamp(1.3rem, calc(0.2254vw + 1.2155rem), 1.4rem);
      --wp--preset--font-size--big: clamp(1.45rem, calc(0.338vw + 1.3232rem), 1.6rem);
      --wp--preset--font-size--large: clamp(1.65rem, calc(0.5915vw + 1.4282rem), 1.9125rem);
      --wp--preset--font-size--xl: clamp(1.95rem, calc(0.7887vw + 1.6542rem), 2.3rem);
      --wp--preset--font-size--xxl: clamp(2.3rem, calc(2.3662vw + 1.4127rem), 3.35rem);
      --wp--preset--font-size--xxxl: clamp(2.5rem, calc(4.9577vw + 0.6408rem), 4.7rem);
      --wp--preset--font-size--jumbo: clamp(3rem, calc(3rem + ((1vw - 0.48rem) * 8.6806)), 9.25rem);
      --wp--preset--font-size--massive: clamp(5.2rem, calc(5.2rem + ((1vw - 0.48rem) * 7.3611)), 10.5rem);   
}

div.entry-content {
      margin-block-start: 0;
}

a:link,
a:visited {
      color: var(--wp--preset--color--link);
}
p.unit-contact-info a:link,
p.unit-contact-info a:visited,
p.unit-contact-info a:hover {
      color: var(--wp--preset--color--primary);
}
p.unit-contact-info a:hover {
      text-decoration: underline;
}
.wp-block-cover__inner-container p.has-white-color,
.wp-block-cover__inner-container h1.has-white-color,
.wp-block-cover__inner-container h2.has-white-color,
.wp-block-cover__inner-container h3.has-white-color,
.wp-block-cover__inner-container h4.has-white-color,
.wp-block-cover__inner-container h5.has-white-color,
.wp-block-cover__inner-container h6.has-white-color {
      text-shadow: 0 .0625rem .0625rem black;
}

.category-name a {
      text-decoration: none;
}

nav.is-style-uids-menu-breadcrumb + h2.wp-block-post-title {
	margin-top:0;
}

@media (max-width: 1056px) {
      div.entry-content > *,
      .wp-block-post-title,
      nav.is-style-uids-menu-breadcrumb,
      .category-name {
            padding-left:1.0rem;
            padding-right:1.0rem;
      }
}





/* Big Underline style for stat blocks */

.is-style-uids-heading-big-underline {
      border-bottom: 0.5rem solid var(--wp--preset--color--primary);
      padding-left:2rem;
      padding-right:2rem;
}

.stat-block {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      align-items: flex-start;
      align-self: flex-start;
}

/* For blockquotes */

.is-style-uids-blockquote-center::before {
      position: absolute;
      content: '';
      height: .625rem;
      margin: 0 auto;
      left: 0;
      right: 0;
      width: 8.375rem;
      background: #FFCD00;
}

cite {
      font-style: normal;
}
cite a:link,
cite a:visited,
cite a:hover,
cite a:active {
      color:var(--wp--preset--color--link);
}

/* Take top margin off of post content on hero page template */

.page-template-wp-custom-template-hero-image-page .entry-content {
      margin-top:0;
}

/* Breadcrumb Navigation Styles */

.is-style-uids-menu-breadcrumb .wp-block-navigation__container {
      font-family: var(--wp--preset--font-family--roboto);
      font-size: var(--wp--preset--font-size--tiny);
}

.is-style-uids-menu-breadcrumb li:not(:last-child):after {
      position: relative;
      content: "/";
      opacity: 1;
      color: var(--wp--preset--color--primary);
      margin: 0 .625rem;
}
.is-style-uids-menu-breadcrumb a {
      color: var(--wp--preset--color--secondary);
}
.is-style-uids-menu-breadcrumb a:hover {
      text-decoration: underline;
}

/*
-----------------------------------------
MENUS
-----------------------------------------
Styles below are for styling WordPress menus to UIDS specifications. 

The following classes are used to differentiate the different menu styles

.is-style-uids-menu-header
.is-style-uids-menu-main
.is-style-uids-menu-breadcrumb
.is-style-uids-menu-footer
.is-style-uids-menu-fine-print
.is-style-uids-menu-social-media
.is-style-uids-menu-local-nav

*/
@media (max-width:855px) {
	div.wp-block-site-logo {
            width:7.5rem;
      }
      .uids-standalone-header .wp-block-site-title a {
            font-size:1.0rem !important;
      }
      .uids-standalone-header {
            min-height: 3rem !important;
      }
      .uids-standalone-header #header-row {
            padding-top:0 !important;
      }
      .is-style-uids-menu-main.uids-standalone-header-menu .wp-block-navigation__responsive-container.is-menu-open.has-modal-open {
            top: 4.1rem;
      }
}

#uiowa-google-search-link a {
      text-decoration:none;
}

li.uiowa-google-search-link {
      position:relative;
      top:-.125rem;
}
li.uiowa-google-search-link a:before {
	padding: 0.325rem;
	padding-right: .75rem;
	content: "\f002";
	color: var(--wp--preset--color--secondary);
	font-size: 1.2rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;

}

/* Main navigation mobile styles (.has-modal-open .is-style-uids-menu-main) */

.has-modal-open .category-name { 
      height: 4.0rem; 
}
.has-modal-open .is-style-uids-menu-main .wp-block-navigation-item__content {
      font-size: 1.6rem;
      font-weight: 600;
      width: 100%;
}
.has-modal-open .is-style-uids-menu-main .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
      color: #666666;
      font-size: 1.2rem;
      font-weight: 400;
}
.has-modal-open .is-style-uids-menu-main .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
      padding-top: 0;
}
.has-modal-open .is-style-uids-menu-main .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
      position:absolute;
      top:-99999px;
}
.has-modal-open .is-style-uids-menu-main .wp-block-navigation-item {
      padding: 0.9rem 0.8rem 0.9rem 0;
}
.has-modal-open .is-style-uids-menu-main ul.wp-block-navigation__container {
      line-height:1.3;
}

.has-modal-open .is-style-uids-menu-main .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container.show-sub-menu {
	top:2.5rem;
	position:static;
	
}

/*
.is-style-uids-menu-main .wp-block-navigation__responsive-container.is-menu-open.has-modal-open {
      
}
.is-style-uids-menu-main ul > li > a {

} 
*/
.is-style-uids-menu-main .wp-block-navigation__responsive-container.is-menu-open.has-modal-open {
      top:10.25rem;
}
.has-modal-open .admin-bar .is-style-uids-menu-main .is-menu-open .wp-block-navigation__responsive-dialog {
      margin-top:0;
}
.is-style-uids-menu-main .wp-block-navigation__responsive-container-close {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
}
.is-style-uids-menu-main .wp-block-navigation__responsive-container.is-menu-open.has-modal-open {
      padding:0;
}

.is-style-uids-menu-main button.wp-block-navigation__responsive-container-open {
      background-color: #f1f1f1;
      padding:1.0rem;
      width:100%;
}
.is-style-uids-menu-main button.wp-block-navigation__responsive-container-close {
      background-color: #f1f1f1;
      padding: 1.0rem;

}
.is-style-uids-menu-main .wp-block-navigation__responsive-container-open:after {
      content: "Menu";
      text-transform: uppercase;
      font-size: 1.0rem;
      font-weight: 700;
      position: relative;
      top: .25rem;
      margin-left: .75rem;
}
.is-style-uids-menu-main .wp-block-navigation__responsive-container-close:before {
      content: "Menu";
      text-transform: uppercase;
      font-size: 1.0rem;
      font-weight: 700;
      position: absolute;
      left:3.25rem;
      top:1.25rem;
}
.is-style-uids-menu-main.wp-block-navigation .is-menu-open.has-modal-open ul {
      margin:0 1.0rem;
}
.has-modal-open .is-style-uids-menu-main .wp-block-navigation__container,
.has-modal-open .is-style-uids-menu-main .wp-block-navigation__container li {
      width: 100%;
      position: relative;
}
.has-modal-open .is-style-uids-menu-main .wp-block-navigation-item.has-child::before {
      color: var(--wp--preset--color--secondary);
      display: block;
      font-size: 1.0rem;
      font-family: Font Awesome\ 5 Free;
      font-weight: 900;
      content: "\f078";
      position:absolute;
      right:3.0rem;
      line-height: 2.5rem;
      margin-top: -0.5rem;
}      
.has-modal-open .is-style-uids-menu-main .wp-block-navigation-item.has-child:hover::before {
      content:"\f077";
}

/* Main Navigation Menu Styles */

nav.is-style-uids-menu-main .wp-block-navigation__submenu-icon {
      display:none; /* Hides default WordPress icon */
}
.wp-block-navigation__submenu-container > li.wp-block-navigation-item {
      padding: 0;
}
.is-style-uids-menu-main .wp-block-navigation-item:first-child {
      padding-left: 0;
}

@media (min-width: 1057px) {
      .is-style-uids-menu-main .wp-block-navigation-item {
            padding: 1.35rem 1.5rem;
      }
      .is-style-uids-menu-main .wp-block-navigation__container > li:hover > a:after {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: #ffcd00;
            content:"";
      }
      .is-style-uids-menu-main .wp-block-navigation__container > li a:after {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 5px;
            content: "";
            transition: .3s
      }
      .is-style-uids-menu-main .wp-block-navigation-item.has-child::before {
            font-size: .7rem;
            font-family: Font Awesome\ 5 Free;
            font-weight: 900;
            content: "\f078";
            position:absolute;
            right:0;
            color: #999;
            line-height: 2.5rem;
      }      
      .is-style-uids-menu-main .wp-block-navigation-item.has-child:hover::before {
            content:"\f077";
      }
      .is-style-uids-menu-main ul.wp-block-navigation__submenu-container .wp-block-navigation-item.has-child::before {
            content: "\f105";
            padding-right: 1.05rem;
            color: #151515;
            font-size:1rem;
      }
}





.is-style-uids-menu-main ul.wp-block-navigation__container > li.current-menu-item > a::after,
.is-style-uids-menu-main ul.wp-block-navigation__container > li.current-page-ancestor a::after {
      position: absolute;
      content: "";
      bottom: 0;
      left: 0;
      width: 100%;
      height: 5px;
      background: #e1e1e1;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
      border:none !important;
}
.wp-block-navigation__submenu-container li {
      background-color: #f3f3f3;
      font-weight: normal;
}
nav.is-style-uids-menu-main ul.wp-block-navigation__submenu-container li a:hover {
      background-color: #e1e1e1;
}
nav.is-style-uids-menu-main ul.wp-block-navigation__submenu-container {
      width:19rem !important;
}



/* styles for the navigation at the very bottom: Accessibility, Land Acknowledgement, etc. */

footer.wp-block-template-part nav.is-style-uids-menu-fine-print {
      margin-block-start:.4rem;
}
footer.wp-block-template-part nav.is-style-uids-menu-fine-print ul li a {
      border-right:1px solid #5d5656;
      padding-right:.5rem;
}
footer.wp-block-template-part nav.is-style-uids-menu-fine-print ul li:last-child a {
      border-right:none;
}
.is-style-uids-menu-fine-print a:hover {
      text-decoration: underline;
}


/* styles for social media menu in the footer */

nav.is-style-uids-menu-social-media.is-layout-flex.is-responsive.is-style-uids-menu-social-media.wp-block-navigation {
      height:4rem;
      align-items:baseline;
      margin-block-start: 1rem;
}
.is-style-uids-menu-social-media li {
      position:relative;
      margin-right:1rem;
}
.is-style-uids-menu-social-media li.tw {
      margin-right:.875rem;
}
.is-style-uids-menu-social-media li.yt {
      margin-right:1.25rem;
}

.is-style-uids-menu-social-media li a span {
      position:absolute;
      top:-50000rem;
}
.is-style-uids-menu-social-media li a:hover {
      color: var(--wp--preset--color--primary);
}
.is-style-uids-menu-social-media li a::before {
      font-size: 1.6rem;
      font-family: "Font Awesome 6 Brands";
      font-weight: 400;
      left: 0;
      position:absolute;
      line-height: 1.75rem;
      color: var(--wp--preset--color--tertiary);
}
.is-style-uids-menu-social-media li:hover a::before {
      color: var(--wp--preset--color--primary);

}
.is-style-uids-menu-social-media li.fb a::before {
      content:"\f082";      
}
.is-style-uids-menu-social-media li.tw a::before {
      content:"\f081";
}
.is-style-uids-menu-social-media li.ig a::before {
      content:"\f16d";      
}
.is-style-uids-menu-social-media li.yt a::before {
      content:"\f167";    
}
.is-style-uids-menu-social-media li.li a::before {
      content:"\f08c";      
}
.is-style-uids-menu-social-media li.pc a::before {
      content:"\f2ce";  
      font-family: Font Awesome\ 5 Free; 
      font-weight:900;  
}

.is-style-uids-menu-local-nav ul li.wp-block-navigation-item {
      display:block;
      border-bottom: .0625rem solid var(--wp--preset--color--borders);
      padding-bottom: 1.5rem;
      font-family: var(--wp--preset--font-family--roboto);
      font-size: var(--wp--preset--font-size--small);
}
.is-style-uids-menu-local-nav ul li,
.is-style-uids-menu-local-nav ul {
      width:100%;
}
.is-style-uids-menu-local-nav ul li a {
      display:block;
      width:100%;
}





/*
-----------------------------------------
BUTTONS
-----------------------------------------
Styles below are for styling WordPress buttons to UIDS specifications. Default settings for padding, margin, border radius and font case are defined in theme.json. 
*/


.wp-block-button {
      position:relative;
}
.wp-block-button .wp-block-button__link {
      padding-right:4rem;
      font-family: var(--wp--preset--font-family--antonio);
      font-size: 1.25rem;
}
.wp-block-button .wp-block-button__link::before {
      font-size: 1.25rem;
      font-family: Font Awesome\ 5 Free;
      font-weight: 900;
      content: "\f061";
      right: 2.0rem;
      position:absolute;
      line-height: 1.75rem;
}
.is-style-uids-button-primary .wp-block-button__link,
.is-style-fill .wp-block-button__link {
      background-color: var(--wp--preset--color--primary);
      color: var(--wp--preset--color--secondary);
      border:1px solid var(--wp--preset--color--primary);
}
.is-style-uids-button-primary .wp-block-button__link::before,
.is-style-fill .wp-block-button__link::before {
      color: var(--wp--preset--color--tertiary);
}
.is-style-uids-button-secondary .wp-block-button__link {
      background-color: var(--wp--preset--color--secondary);
      color: var(--wp--preset--color--tertiary);
      border:1px solid var(--wp--preset--color--secondary);
}
.is-style-uids-button-secondary .wp-block-button__link::before {
      color: var(--wp--preset--color--primary);
}
.is-style-uids-button-tertiary .wp-block-button__link,
.is-style-outline .wp-block-button__link {
      background-color: var(--wp--preset--color--tertiary);
      color: var(--wp--preset--color--secondary);
      border:1px solid var(--wp--preset--color--secondary) !important;
}
.is-style-uids-button-tertiary .wp-block-button__link::before {
      color: var(--wp--preset--color--primary);
}
.is-style-uids-button-tertiary-no-outline .wp-block-button__link {
      background-color: var(--wp--preset--color--tertiary);
      color: var(--wp--preset--color--secondary);
      border:none;
}
.is-style-uids-button-tertiary-no-outline .wp-block-button__link::before {
      color: var(--wp--preset--color--primary);
}

.wp-block-button a::after {
     content: '';
     position: absolute;
     left: 50%;
     bottom: 1px;
     width: calc(100% - 2px);
     height: 4px;
     transform-origin: center;
     transform: translate(-50%, 0) scaleX(0);
     transition: transform 0.3s ease-in-out; 
}

.is-style-uids-button-primary a::after,
.is-style-fill a::after {
      background-color: var(--wp--preset--color--secondary);
}
.is-style-uids-button-secondary a::after,
.is-style-uids-button-tertiary a::after,
.is-style-uids-button-tertiary-sans-serif a::after,
.is-style-uids-button-tertiary-no-outline a::after,
.is-style-outline a::after {
      background-color: var(--wp--preset--color--primary);
}
.wp-block-button .wp-block-button__link:hover::after, .wp-block-button__link:focus::after {
      transform: translate(-50%, 0) scaleX(1); 
}

.is-style-uids-button-tertiary-sans-serif .wp-block-button__link {
      font-family: var(--wp--preset--font-family--roboto);
      font-weight:400;
      font-size: .9rem;
      background-color: var(--wp--preset--color--tertiary);
      color: var(--wp--preset--color--secondary);
      border:1px solid var(--wp--preset--color--primary);
      letter-spacing: 0.04rem;
      padding-right:3.625rem;
}
.is-style-uids-button-tertiary-sans-serif .wp-block-button__link::after {
      color: var(--wp--preset--color--primary);
}
.is-style-uids-button-tertiary-sans-serif-no-outline .wp-block-button__link {
      font-family: var(--wp--preset--font-family--roboto);
      font-weight:400;
      font-size: .9rem;
      background-color: var(--wp--preset--color--tertiary);
      color: var(--wp--preset--color--secondary);
      letter-spacing: 0.04rem;
      padding-right:3.625rem;
}
.is-style-uids-button-tertiary-sans-serif .wp-block-button__link::before {
      font-size: .75rem;
      right: 2.0rem;
      line-height: 1.25rem;
      color: var(--wp--preset--color--primary);
}
.is-style-uids-button-tertiary-sans-serif-no-outline .wp-block-button__link::before {
      font-size: .75rem;
      right: 2.0rem;
      line-height: 1.25rem;
}

/* Styles for no-text buttons */

.is-style-uids-button-primary-no-text .wp-block-button__link {
      width:2.25rem;
      padding:0;
      overflow:hidden;
      font-size:0;
      height:2.25rem;
      box-sizing: border-box;
      border:0.0625rem solid var(--wp--preset--color--primary) !important;
      border-radius: 50% !important;
      background-color: white;
}

.is-style-uids-button-primary-no-text .wp-block-button__link:hover {
      width:2.25rem !important;
      padding:0;
      border:0.25rem solid var(--wp--preset--color--primary) !important;
}

.is-style-uids-button-primary-no-text .wp-block-button__link::before {
      color:black;
      position:absolute;
      left:.75rem;
      top:.25rem;
      font-size:1rem;
}








/* Positions the Block IOWA logo in the header of internal pages */

div.site-brand-internal,
div.site-brand-standalone {
      position:absolute;
      left:0;
}
div.site-brand-internal a,
div.site-brand-standalone a {
      color: var(--wp--preset--color--secondary);
      text-decoration: none;
}
div.site-brand-internal a:hover,
div.site-brand-standalone a:hover {
      text-decoration: underline;
}
div#header-row {
      position:relative;
}
header.wp-block-template-part > div {
      height:3.125rem;
}




.masthead svg {
      color:#999;
      height:.75rem;
      margin-right:.75rem;
}
.masthead a {
      text-decoration:none;
}


/*
-----------------------------------------
TABLES
-----------------------------------------

Modifies UIDS table styling to work with the WordPress table block. 

*/


table[border] {
  border-style: solid;
  border-color: #eee; }
  table[border] td,
  table[border] th {
    border-color: #eee; }

table {
  background-color: #fff;
  border-collapse: collapse;
  border-spacing: 0;
  color: #151515;
  display: inline-block;
  font-size: 1.2rem;
  max-width: 100%;
  overflow-x: auto;
  width: 100%; }
  [class*="bg--gray"] table tbody a,
  [class*="bg--white"] table tbody a,
  [class*="bg--black"] table tbody a,
  [class*="bg--gold"] table tbody a,
  .bg-pattern--brain-reversed table tbody a,
  .bg--gold--pattern--brain table tbody a,
  .bg-pattern--brain table tbody a,
  .bg--white--pattern--brain table tbody a,
  .bg--black--pattern--brain table tbody a,
  .bg-pattern--brain-black table tbody a {
    color: #00558C; }
  @media (min-width: 768px) {
    table {
      display: table; } }
  table p, table ul, table ol {
    font-size: 1rem; }
  table ul p, table ol p {
    margin-bottom: 0; }
  table td,
  table th {
    padding: 1.05rem;
    font-size: 1rem; }
  table th {
    color: #151515; }
    table th:not([align]) {
      text-align: left; }
  .entry-content table thead th {
    background-color: #FFCD00;
    border: none;
    text-transform: uppercase; }
    table thead th a {
      color: #151515; }
      [class*="bg--"] table thead th a {
        color: #151515; }
  table tbody th {
    background-color: #fff;
    border: none;
    position: static;
    left: 0;
    padding-left: 1.05rem; }
  table tbody tr:not(.is-selected):nth-child(even),
  table tbody tr:not(.is-selected):nth-child(even) th {
    background-color: #f3f3f3; }
  table.table--hover-highlight tbody tr:not(.is-selected):hover,
  table.table--hover-highlight tbody tr:not(.is-selected):nth-child(even):hover {
    background-color: #fff3c3; }
    table.table--hover-highlight tbody tr:not(.is-selected):hover th,
    table.table--hover-highlight tbody tr:not(.is-selected):nth-child(even):hover th {
      background-color: #fff3c3; }
  table caption {
	  
	/* These two lines hide all table captions from regular browsers, but keeps them available to screen readers */
	position: absolute;
	top:-50000px;
	/* end hide caption code */
	  
    width: 100%;
    padding: 1.05rem;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    text-transform: uppercase;
    background-color: #333;
    font-weight: bold; }
    table caption a,
    table caption :where(p) a:not(.bttn) {
      color: #FFCD00; }
      [class*="bg--"] table caption a,
      [class*="bg--"] [class*="bg--"] table caption a, [class*="bg--"]
      table caption :where(p) a:not(.bttn),
      [class*="bg--"] [class*="bg--"]
      table caption :where(p) a:not(.bttn) {
        color: #FFCD00; }
  table tbody tr:last-child td,
  table tbody tr:last-child th {
    border-bottom-width: 0; }
  table thead td,
  table thead th {
    color: #151515; }
  table.table--width-default {
    width: unset; }
    table.table--width-default caption {
      width: unset; }

/* this section makes .table-responsive apply to a table inside a figure to work with the WP table block */
figure.table-responsive > table {
  overflow: auto; }
  figure.table-responsive > table caption {
    text-align: left; }
    @media (min-width: 768px) {
      figure.table-responsive > table caption {
        text-align: center; } }
  figure.table-responsive.table-sticky > table {
    height: 80vh; }
    figure.table-responsive.table-sticky > table thead {
      position: sticky;
      top: 0;
      border-top: 0; }
    figure.table-responsive.table-sticky.table--gray-borders > table thead th {
      position: relative; }
      figure.table-responsive.table-sticky.table--gray-borders > table thead th::before {
        content: '';
        position: absolute;
        left: -1px;
        top: 0;
        width: calc(100% + 2px);
        height: calc(100% + 1px);
        border-left: #7c7c7c 1px solid;
        border-bottom: #ddd 1px solid; }
      figure.table-responsive.table-sticky.table--gray-borders > table thead th:first-child:before {
        border-left: none; }
  figure.table-responsive > table {
    display: table; }

/* .table--gray-borders is applied to <table> in UIDS, but must be applied to figure.table--gray-borders > table in the WordPress table block */

figure.table--gray-borders > table > tr > td,
figure.table--gray-borders > table > tr > th,
figure.table--gray-borders > table > tbody > tr > td,
figure.table--gray-borders > table > tbody > tr > th,
figure.table--gray-borders > table > tfoot > tr > td,
figure.table--gray-borders > table > tfoot > tr > th {
  border: #ddd 1px solid; }

figure.table--gray-borders > table > thead > tr > td,
figure.table--gray-borders > table > thead > tr > th,
figure.table--gray-borders > table > caption > td,
figure.table--gray-borders > table > caption > th {
  border: #7c7c7c 1px solid; }

figure.table--gray-borders > table > thead > tr > td,
figure.table--gray-borders > table > thead > tr > th {
  border-bottom: #ddd 1px solid;
  border-top: #ddd 1px solid; }
  figure.table--gray-borders > table > thead > tr > td:first-child,
  figure.table--gray-borders > table > thead > tr > th:first-child {
    border-left: #ddd 1px solid; }
  figure.table--gray-borders > table > thead > tr > td:last-child,
  figure.table--gray-borders > table > thead > tr > th:last-child {
    border-right: #ddd 1px solid; }

figure.table--gray-borders > table > tbody > tr:first-child th, figure.table--gray-borders > table > tbody > tr:first-child td {
  border-top: none; }


.wp-block-table td, .wp-block-table th {
	padding:1.05rem !important;
}

/* Removes bottom border from table head */

.wp-block-table thead {
	border-bottom:none !important;
}



/*
-----------------------------------------
HEADINGS
-----------------------------------------

Provides styling for the various UIDS-style headings to support WordPress style variations:

.is-style-uids-heading-underline

*/ 


/* style for the yellow underline */

.is-style-uids-heading-underline:after {
      content: "";
      display: block;
      width: 4.6875rem;
      height: 0.375rem;
      margin-top: 1rem;
      background-color: var(--wp--preset--color--primary);
}

.is-style-uids-heading-underline.has-text-align-center:after {
      margin-left:auto;
      margin-right:auto;
}

.is-style-uids-heading-underline.has-text-align-right:after {
      margin-left:auto;
      margin-right:0;
}


/* style for the highlighted headings */

.is-style-uids-heading-highlight {
      position: relative;
      display: inline-block;
      padding: .1rem 1rem 0;
}
.is-style-uids-heading-highlight::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--wp--preset--color--primary);
      z-index: -1;
}



/*
-----------------------------------------
IMAGES
-----------------------------------------

Provides styling for the various UIDS-style images to support WordPress style variations:

.is-style-uids-circle-image

*/

figure.is-style-uids-circle-image img {
      border-radius: 50%;
      padding: .5rem;
      border-color:var(--wp--preset--color--borders);
      border-style: solid;
      border-width:1px;
}



/*
-----------------------------------------
DETAILS
-----------------------------------------

Provides styling for the <details> element to match UIDS accordions.

.is-style-uids-circle-image

*/

div.is-style-uids-accordion-group {
      margin-top:-1rem;
      margin-left:-1.5rem;
      margin-right:-1rem;
      margin-bottom:-1.5rem;
}
    
details.wp-block-details summary {
      margin-bottom:1rem;
}


/* Styles for accordions. These settings trump the plugin stylesheet found at /wp-content/plugins/accordion-blocks/build/index.css */

.c-accordion__title {
	margin-top: 1rem;
	font-size: 1.2rem;
	font-weight: 700; 
	padding:1.05rem 1.05rem 1.05rem 3.75rem;
	background-color:#edeceb;
	margin-bottom:0;
	position: relative;
	cursor: pointer;
}

.c-accordion__title:before {
	font-family:FontAwesome;
	position: absolute;
	top: 20%;
	left: 1.05rem;
	content: "\f077";
	color: #777;
	font-weight: 300;
	padding:0.5rem 0.45rem;
	border-radius:50%;
      transition: all 0.3s ease-in-out;
      transition-property: transform, background-color;

}

.is-open>.c-accordion__title:before {
	transform: rotate(180deg) translate(0px, -0.1em);
      transition: all 0.3s ease-in-out;
      transition-property: transform, background-color;
	background-color:white;
	font-family:FontAwesome;
}

/* These next two lines are necessary to keep the +/- from showing up on the right as per the Accordion Blocks plugin stylesheet */

.c-accordion__title:after {
	content: "" !important;
}

.is-open>.c-accordion__title:after {
	content: "" !important;
}

.c-accordion__content {
	padding:1.05rem;
	border:1px solid #edeceb;
	margin-top:0;
	background:#fff;
}

.c-accordion__item.no-js .c-accordion__content {
	display: block !important
}

.c-accordion__item.no-js .c-accordion__title {
	padding-right: none;
	cursor: default
}

.c-accordion__item.no-js .c-accordion__title:after {
	display: none
}

/* this keeps floated items from popping out of small accordions by self-clearing the content area, a la "clearfix" hack */
.c-accordion__content::after {
    content: "" !important;
    clear: both;
    display: table;
}

.c-accordion__title--button {
	display: inline-block;
	color: inherit;
	background-color: transparent;
	text-align: left;
	vertical-align: middle;
	font: inherit;
	text-decoration: none;
	direction: ltr;
	border: none;
	border-radius: 0;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	transition: 0;
	box-shadow: none;
	overflow: auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.c-accordion__title--button:focus,
.c-accordion__title--button:hover {
	color: inherit;
	background-color: transparent
}

[data-initially-open="false"] .c-accordion__content {
	display: none
}

@media print {
	.c-accordion__content {
		display: block !important
	}
}

/* These styles apply UIDS styling to the legacy accordions */

h2.accordion-title,
h3.accordion-title {
	margin-top: 1rem;
	font-size: 1.2rem;
	font-weight: 700; 
	padding:1.05rem 1.05rem 1.05rem 3.75rem;
	background-color:#edeceb;
	margin-bottom:0;
	position: relative;
	cursor: pointer;
}
h2.accordion-title:before, 
h3.accordion-title:before {
	font-family:FontAwesome;
	position: absolute;
	top: 20%;
	left: 1.05rem;
	content: "\f077";
	color: #777;
	font-weight: 300;
	padding:0.25rem 0.45rem;
	border-radius:50%;
    transition: all 0.3s ease-in-out;
    transition-property: transform, background-color;
}
h2.open.accordion-title:before,
h3.open.accordion-title:before {
	transform: rotate(180deg) translate(0px, -0.1em);
    transition: all 0.3s ease-in-out;
    transition-property: transform, background-color;
	background-color:white;
	font-family:FontAwesome;
}
.accordion-title:after {
	content: "";
}
.open.accordion-title:after {
	content: "";
}
.accordion-content {
	padding:1.05rem;
	border:1px solid #edeceb;
	margin-top:0;
	background:#fff;
}
h2.accordion-title:focus,
h3.accordion-title:focus {
	border:2px solid #ccc;
}
div.accordion-content {
	border:1px solid #ccc;
	padding:15px;
	padding:1.5rem;
}
div.accordion-content:focus {
	border:2px solid #ccc;
}
h2.accordion-title:hover, h2.accordion-title.open, 
h3.accordion-title:hover, h3.accordion-title.open {
	background:#eee;
}
h2.accordion-title.open, 
h3.accordion-title.open {
	border-bottom:none;
}



/* End Accordion styling */



/* Styles the <mark> element for highlighting a single word in a heading */

mark[style^="background-color:#ffcd00"] {
      padding-left: 1%;
      padding-right: 1%;
      padding-bottom: .5%;
}


/*
-----------------------------------------
BACKGROUNDS
-----------------------------------------

Provides styling for putting UIDS pattern backgrounds on WP cover blocks

.is-style-uids-bg-brain-black
.is-style-uids-bg-brain-gold
.is-style-uids-bg-brain-gray
.is-style-uids-bg-brain-white
.is-style-uids-bg-community-black
.is-style-uids-bg-community-gold
.is-style-uids-bg-community-gray
.is-style-uids-bg-community-white
.is-style-uids-bg-particles-black
.is-style-uids-bg-particles-gold
.is-style-uids-bg-particles-gray
.is-style-uids-bg-particles-white

*/


.is-style-uids-bg-brain-black {
      background-image: url(/wp-content/themes/iowa/assets/images/brain-pattern-black.png);
      background-repeat: repeat;
}
.is-style-uids-bg-brain-gold {
      background-image: url(/wp-content/themes/iowa/assets/images/brain-pattern-gold.png);
      background-repeat: repeat;
}
.is-style-uids-bg-brain-gray {
      background-image: url(/wp-content/themes/iowa/assets/images/brain-pattern-gray.png);
      background-repeat: repeat;
}
.is-style-uids-bg-brain-white {
      background-image: url(/wp-content/themes/iowa/assets/images/brain-pattern-gold-on-white.png);
      background-repeat: repeat;
}
.is-style-uids-bg-community-black {
      background-image: url(/wp-content/themes/iowa/assets/images/community-pattern-black.png);
      background-repeat: repeat;
}
.is-style-uids-bg-community-gold {
      background-image: url(/wp-content/themes/iowa/assets/images/community-pattern-gold.png);
      background-repeat: repeat;
}
.is-style-uids-bg-community-gray {
      background-image: url(/wp-content/themes/iowa/assets/images/community-pattern-gray.png);
      background-repeat: repeat;
}
.is-style-uids-bg-community-white {
      background-image: url(/wp-content/themes/iowa/assets/images/community-pattern-gray-on-white.png);
      background-repeat: repeat;
}
.is-style-uids-bg-particle-black {
      background-image: url(/wp-content/themes/iowa/assets/images/particle-pattern-black.png);
      background-repeat: repeat;
}
.is-style-uids-bg-particle-gold {
      background-image: url(/wp-content/themes/iowa/assets/images/particle-pattern-gold.png);
      background-repeat: repeat;
}
.is-style-uids-bg-particle-gray {
      background-image: url(/wp-content/themes/iowa/assets/images/particle-pattern-gray.png);
      background-repeat: repeat;
}
.is-style-uids-bg-particle-white {
      background-image: url(/wp-content/themes/iowa/assets/images/particle-pattern-gold-on-white.png);
      background-repeat: repeat;
}

figure.wp-block-image figcaption.wp-element-caption {
      font-family: var(--wp--preset--font-family--roboto);
      font-weight:700;
      font-size: var(--wp--preset--font-size--normal);
}

h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited,
h5 a:link, h5 a:visited,
h6 a:link, h6 a:visited,
div.wp-block-post-date time a:link, div.wp-block-post-date time a:visited {
      text-decoration: none;
      color:var(--wp--preset--color--secondary);
}

.wp-block-image,
figure.wp-block-image {
      max-width: 81.875rem;
      margin-left: auto;
      margin-right: auto;
}