@charset "utf-8";
/* This stylesheet is for making modifications that break from the UIDS stylesheet */

:root {
	  font-size:16px;
      --wp--preset--color--tertiary: white;
      --wp--preset--color--primary: #ffcd00;
      --wp--preset--color--secondary: #151515;
      --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)), 12.5rem);   
}


:root :where(.wp-block-button .wp-block-button__link) {
    border-radius: 0px;
    padding-top: 1.06rem;
    padding-bottom: 1.06rem;
    padding-left: 2.0625rem;
    text-transform: uppercase;
}

/* Helper classes, just in case */

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.clearboth {
	clear:both;
}

ol.upper-alpha {
	list-style-type: upper-alpha !important;
}
ol.lower-alpha {
	list-style-type: lower-alpha !important;
}

.no-bottom-margin {margin-bottom:0 !important;}
.no-top-margin {margin-top:0 !important;}

@font-face {
	font-family: 's11-fp';
	src: url('fonts/s11-fp.ttf?v=7') format('truetype'),
		url('fonts/s11-fp.woff?v=7') format('woff'),
		url('fonts/s11-fp.svg?v=7#s11-fp') format('svg');
	font-weight: normal;
	font-style: normal;
}
a:hover {text-decoration:underline;}
a#category-name:hover {text-decoration: none;}
div.dz-message.needsclick:focus-within {border-color:#b94a48;border-width: 4px;}
span.frm_upload_text button:focus:not(:focus-visible) {outline: solid #000000 2px;}
.stat__description, .stat__content {line-height: 1.5 !important;}
.alert>*, .alert p, .hawk-alert-message>*, .hawk-alert-message p {line-height: 1.5}

/* ------------------------------------------------------------------------

NAV MENU ADJUSTMENTS

-------------------------------------------------------------------------*/
.parent-site-name {margin-bottom:0;}

/* This keeps the toplinks showing up at mobile resolutions */
/*
	.iowa-bar--narrow .menu--top {
		position: static!important;
		clip: auto;
		height: auto;
		width: auto;
		overflow: auto;
		overflow: unset;
		position: absolute!important
	}
*/
.menu--top .menu li {
	display: flex
}
/*
.menu--top .menu li:nth-child(3) {
	display: none!important
}

@media (min-width:855px) {
	.menu--top .menu li:nth-child(3) {
		display: flex!important
	}
}
*/

.menu--top .menu li a {
	padding: 1.05rem;
	color: #fff
}

@media (min-width:855px) {
	.menu--top .menu li a {
		color: #151515
	}
}

.menu--top .menu li a:focus,
.menu--top .menu li a:hover {
	text-decoration: underline
}

.iowa-bar--full .menu--top .menu li a {
	font-size: .9rem;
	padding-right: 0
}

@media (min-width:855px) {
	.iowa-bar--full .menu--top .menu li a {
		font-size: 1.2rem;
		padding-right: 1.05rem
	}
}

.iowa-bar--narrow .menu--top .menu li a {
	padding: .8rem 1.05rem
}

.iowa-bar--narrow .menu--top {
	position: absolute!important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px)
}

@media (min-width:855px) {
	.iowa-bar--narrow .menu--top {
		position: static!important;
		clip: auto;
		height: auto;
		width: auto;
		overflow: auto;
		overflow: unset;
		position: absolute!important;
	}
}

.menu--top.nav {
	margin-top: 7px;
	position: absolute;
	z-index: 2;
	right: 96px;
	top: 0;
	display: block
}

@media (min-width:768px) {
	.menu--top.nav {
		margin-top: 9px
	}
}

@media (min-width:855px) {
	.menu--top.nav {
		right: 356px;
		margin-top: 11px
	}
}

.iowa-bar--narrow .nav.menu--top {
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0
}

.nav.menu--top .menu li a {
	font-weight: 300
}

@media (min-width:855px) {
	.iowa-bar--full.horizontal .menu--top,
	.iowa-bar--full.mega .menu--top,
	.iowa-bar--full.toggle .menu--top {
		right: -10px;
		margin-top: 8px;
		position: relative;
		align-self: center;
		justify-content: flex-start
	}
}

@media (min-width:84.375em) {
	.iowa-bar--full.horizontal .menu--top,
	.iowa-bar--full.mega .menu--top,
	.iowa-bar--full.toggle .menu--top {
		margin-top: 4px;
		justify-content: flex-end
	}
}

@media (min-width:855px) {
	.iowa-bar--full.horizontal .menu--top,
	.iowa-bar--full.mega .menu--top,
	.iowa-bar--full.toggle .menu--top {
		flex: 0 1 25%;
		display: flex;
		justify-content: flex-end;
		height: 100%
	}
}

@media (min-width:855px) {
	.iowa-bar--full.horizontal .menu--top .menu li+li a,
	.iowa-bar--full.mega .menu--top .menu li+li a,
	.iowa-bar--full.toggle .menu--top .menu li+li a {
		padding-left: .8rem
	}
}

@media (min-width:855px) {
	.iowa-bar--full.horizontal .menu--top .menu li a,
	.iowa-bar--full.mega .menu--top .menu li a,
	.iowa-bar--full.toggle .menu--top .menu li a {
		display: block;
		text-decoration: none;
		color: #151515;
		font-size: 1.1rem;
		position: relative;
		line-height: 1.3;
		text-align: center
	}
}

@media (min-width:855px) and (min-width:84.375em) {
	.iowa-bar--full.horizontal .menu--top .menu li a:after,
	.iowa-bar--full.mega .menu--top .menu li a:after,
	.iowa-bar--full.toggle .menu--top .menu li a:after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 100%;
		height: 4px;
		background-color: #ffcd00;
		transform-origin: center;
		transform: translate(-50%) scaleX(0);
		transition: transform .3s ease-in-out
	}
}

@media (min-width:855px) {
	.iowa-bar--full.horizontal .menu--top .menu li a:focus,
	.iowa-bar--full.horizontal .menu--top .menu li a:hover,
	.iowa-bar--full.mega .menu--top .menu li a:focus,
	.iowa-bar--full.mega .menu--top .menu li a:hover,
	.iowa-bar--full.toggle .menu--top .menu li a:focus,
	.iowa-bar--full.toggle .menu--top .menu li a:hover {
		text-decoration: underline
	}
}

@media (min-width:855px) and (min-width:84.375em) {
	.iowa-bar--full.horizontal .menu--top .menu li a:focus:after,
	.iowa-bar--full.horizontal .menu--top .menu li a:hover:after,
	.iowa-bar--full.mega .menu--top .menu li a:focus:after,
	.iowa-bar--full.mega .menu--top .menu li a:hover:after,
	.iowa-bar--full.toggle .menu--top .menu li a:focus:after,
	.iowa-bar--full.toggle .menu--top .menu li a:hover:after {
		transform: translate(-50%) scaleX(1)
	}
}

@media (min-width:855px) and (min-width:84.375em) {
	.iowa-bar--full.horizontal .menu--top .menu li a,
	.iowa-bar--full.mega .menu--top .menu li a,
	.iowa-bar--full.toggle .menu--top .menu li a {
		padding: .325rem 1.05rem;
		font-weight: 300
	}
}

@media (min-width:855px) {
	.iowa-bar--full.toggle .menu--top {
		flex: auto
	}
}

@media (min-width:84.375em) {
	.iowa-bar--full.toggle .menu--top {
		margin-right: calc(10% - 40vw);
		flex: 1
	}
}

@media (min-width:855px) {
	.iowa-bar--full.toggle .site-name+.menu--top {
		flex: 1
	}
}

@media (min-width:84.375em) {
	.iowa-bar--full.toggle .site-name+.menu--top {
		right: calc(50% - 40vw);
		flex: 0 1 25%
	}
}

@media only screen and (min-width:0) and (max-width:580px) {
	.iowa-bar--full .iowa-bar__container {
		display: flex
	}
	.iowa-bar--full .iowa-bar__container .logo--tab,
	.iowa-bar--full .iowa-bar__container .menu--top {
		flex: 0 1 100%
	}
}

.menu--top .menu li:nth-child(3) {
	display: block!important
}


@media only screen and (min-width:0) and (max-width:854px) {
	ul#menu-toplinks-navigation {
		  flex-wrap: wrap;
	}
	.menu--top.nav {
		background: #ffcd00;
		margin-top: 0;
		position: inherit;
		padding: .75rem 1.25rem
	}
	.menu--top.nav .menu li {
		margin: 0
	}
	.menu--top.nav .menu li:nth-child(1) {
		margin: 0 25px 0 0;
	}
	.menu--top.nav .menu li:nth-child(2) {
		margin: 0 25px 0 0;
	}
	.menu--top.nav .menu li:nth-child(3) {
		margin: 0 25px 0 0;
	}
	.menu--top.nav .menu li:nth-child(4) {
		margin: 0 25px 0 0;
	}
	.menu--top.nav .menu li:nth-child(5) {
		margin: 0 25px 0 0;
	}
	.menu--top.nav .menu li:nth-child(6) {
		margin: 0 25px 0 0;
	}
	.menu--top.nav .menu li a {
		color: #151515;
		padding: .325rem 0;
		font-size: 1rem
	}
	.site-name+.menu--top {
		padding: 0 1.25rem .75rem;
		margin-top: -.75rem
	}
}

@media only screen and (min-width:0) and (max-width:854px) {
	.iowa-bar.iowa-bar--narrow {
		display: flex;
		flex-wrap: wrap
	}
	.iowa-bar.iowa-bar--narrow .nav.menu--top {
		right: 0;
		padding-left: 20px;
		position: relative!important;
		overflow: unset!important;
		clip: unset!important
	}
	.iowa-bar.iowa-bar--narrow .menu--top.nav .menu li a {
		padding: 0 0 .75rem
	}
	.iowa-bar.iowa-bar--narrow .iowa-bar__below {
		border-bottom: none;
		width: 100%
	}
	.iowa-bar.iowa-bar--narrow .iowa-bar__container {
		flex-basis: 100%
	}
}

@media (min-width:855px) {
	.iowa-bar.iowa-bar--narrow .nav.menu--top {
		height: 90px
	}
}

@media (min-width:84.375em) {
	.iowa-bar.iowa-bar--narrow.horizontal .nav.menu--top,
	.iowa-bar.iowa-bar--narrow.mega .nav.menu--top {
		top: -50px
	}
}



@media (max-width: 767px) {
/*
	.iowa-bar--narrow .menu--top {
		position: absolute!important;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: unset;
	}
*/
}

/* This puts a gray underline under the current menu item, highlighting the page if it appears in the navigation menu, or if its parent page appears in the menu */

ul#superfish-main > li.current-menu-item > a:after,
ul#superfish-main > li.current-page-ancestor > a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #e1e1e1;
}


/* This puts the down-chevron after the menu items that have submenus */

ul.sf-menu.sf-horizontal>li.menuparent>.sf-depth-1:before {
    margin-top: -.4rem;
    color: #999;
    font-size: .7rem;
    line-height: 1.4;
}
.block-superfish .menu>li>.sf-depth-1.menuparent:before {}


.block-superfish .menu>li.menuparent>.sf-depth-1:before {
    top: 50%;
    right: .3125rem;
    margin-top: -.4rem;
    content: "\f078";
    color: inherit;
    font-size: 1rem;
    -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;
}
.block-superfish .menu>li.menuparent>.sf-depth-1:before {
    position: absolute;
    top: 30px;
    right: 0;
}

/* This puts the up-chevron after the menu item that has its submenu exposed */

ul.sf-menu.sf-horizontal>li.menuparent:hover>.sf-depth-1:before {
	content:"\f077"
}

.block-superfish .menu>li.menuparent>.sf-depth-1.sf-expanded:before {
	content:"\f077"
}
/* This shows the right arrow that indicates a sub-submenu */


ul#superfish-main > li ul li.sf-depth-2.menuparent a.sf-depth-2:before {
	position: absolute;
	top: 50%;
	right: .3125rem;
	margin-top: -.4rem;
	font-size: 1rem;
	-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;
	color: #151515;
}

ul.sf-menu.sf-horizontal li.menuparent ul li.sf-depth-2.menuparent > a.sf-depth-2:before {
	content: "\f105";
	padding-right: 1.05rem
}


/* This places the down chevron on the far right of the nav menu items on the mobile menu */

ul.sf-menu a, ul.sf-menu span.nolink {
	position:static;
}

/* Keep submenus from popping up on hover on the mobile menu */

ul.sf-accordion li:hover > ul {
	top:-9999px;
}
ul.sf-accordion li > ul > li:hover > ul {
	top:-9999px;
}


/* Class used by toggle-mobile-menu.js to get mobile submenus to show on click */

ul#superfish-main-accordion ul.show-sub-menu {
	top:2.5rem;
	position:static;
	
}


/* adds down caret to mobile submenu item with a sub-submenu */

.sf-accordion li.sf-depth-1.menuparent ul li.sf-depth-2.menuparent > .sf-depth-2:before {
	content: "\f0d7";
	position: absolute;
	top: 50%;
	right: .3125rem;
	margin-top: -.4rem;
	font-size: 1rem;
	-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;
	color: #151515;
}
.sf-accordion li.sf-depth-1.menuparent li.sf-depth-2.menuparent > a.sf-depth-2.sf-expanded {
	position:relative;
}
.sf-accordion li.sf-depth-1.menuparent li.sf-depth-2.menuparent > a.sf-depth-2.sf-expanded:before {
	content:"\f0d8";
		position: absolute;
	top: 50%;
	right: .3125rem;
	margin-top: -.4rem;
	color: inherit;
	font-size: 1rem;
	-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;
	color: #151515;
}
/* ------------------------------------------------------------------------

END NAV MENU ADJUSTMENTS

-------------------------------------------------------------------------*/




/* ------------------------------------------------------------------------

PAGE-WIDTH ADJUSTMENTS

---------------------------------------------------------------------------

The first rule here sets all of the elements in the <article> element to a maximum 1310px width. 

Subsequent rules reset edge-to-edge elements to a 100% max-width.

EDGE-TO-EDGE ELEMENTS NEED TO BE SPECIFICALLY SET TO HAVE A 100% MAX-WIDTH or they won't reach the edge or center properly!

*/

 

article *,
div.card__head,
div.card__wrapper,
div.stat__grid,
div.page-content,
div.frm_dropzone,
div#comm-eng,
div#it-support-article-body,
div.it-support-article,
ul.dig-sign,
ul#opps,
ol.element--circle-list,
.breadcrumb,
figure.wp-block-embed,
div.wp-block-image,
div.wp-block-image figure,
figure.wp-block-image,
figure.wp-block-pullquote,
figure.wp-block-table,
article table {
	max-width:81.875rem;
	margin-left:auto;
	margin-right:auto;
}

.frm_dropzone.frm_single_upload {
	max-width:81.875rem !important;
	margin-left:auto !important;
	margin-right:auto !important;
}	


@media (max-width: 1300px) {
	body.page-template-default article > *,
	body.news-items-template-default article > *,
	div.card__head,
	div.card__wrapper,
	div.stat__grid,
	div.page-content,
	div#it-support-article-body,
	div.it-support-article,
	.breadcrumb {
		max-width:90%;
	}
	body.page-template-default article header.hero-image,
	body.page-template-default article div.our-people {
		max-width:100%;
	}
}

article div.banner,
article div.banner__image,
article div.banner__image img,
article div.banner__container,
article div.banner__content,
header.hero-image,
div.card__wrapper,
div.wpv-view-output, 
div.wp-block-toolset-views-view-editor,
div.js-wpv-view-layout,
div.page__container--edge,
div.desc-a-card,
div.full-width,
div[role="alert"],
div.uiowa-alerts-wrapper,
div.alert,
div.alert-info,
img {
	max-width:100%;
}
div.wp-block-cover span.has-background-gradient {
	max-width:100%;
}
div.page__container--edge {
	justify-content: center;
}
/* ----------------------------------------------------------------------

END PAGE-WIDTH ADJUSTMENTS

---------------------------------------------------------------------- */

/* Styles for gray boxes */
.box-header {
	font-family:'Roboto', sans-serif;
	font-size:1.5rem;
	font-weight:700;
}

.bold-headline--serif {
	
	margin-bottom:2.0rem;
}

.gray-box {
	background: #f3f3f3;
	padding:2.0rem;
	margin-top:2.0rem;
}

div#mini-home div.row section p,
.gray-box p,
.box-text {
	font-size:1.0rem;
	font-weight:400;
	line-height:1.7;
}

div.row {clear:both;}

div#mini-home div.row section h2,
div#mini-home div.row section h3 {
	font-family:'Antonio', sans-serif;
	font-weight:700;
	
}

/* Helper classes for building UIDS cards out of WordPress columns */

.gray-border {
	border:1px solid rgba(0, 0, 0, 0.125);
	background-color:white;
}
.gray-border p,
.gray-border h1,
.gray-border h2,
.gray-border h3,
.gray-border h4,
.gray-border h5,
.gray-border h6,
.gray-border ul,
.gray-border ul li {
	width:100%;
}
.gray-border ul {
	padding-left:1.0rem;
}

.gold-border p,
.gold-border h1,
.gold-border h2,
.gold-border h3,
.gold-border h4,
.gold-border h5,
.gold-border h6,
.gold-border ul,
.gold-border ul li {
	width:100%;
}
.gold-border {
	border:1px solid #ffcd00;
	padding:2.0rem;
	background-color:white;
}

/* Styles for photo buttons */

div.uiowacph-photo-button-group {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	max-width: 81.875rem;
	padding:0;
}
div.uiowacph-photo-button-group.two-col div.uiowacph-photo-button {
	flex-basis: 48%;
}
div.uiowacph-photo-button-group.three-col div.uiowacph-photo-button {
	flex-basis: 32%;
}
div.uiowacph-photo-button-group.four-col div.uiowacph-photo-button {
	flex-basis: 23%;
}
div.uiowacph-photo-button-group.five-col div.uiowacph-photo-button {
	flex-basis: 18%;
}
div.uiowacph-photo-button {
	min-width: 12.5rem;
	margin:0 0 2.0rem 0;
}
div.uiowacph-photo-button > div {
	position:relative;
	display:block;
	width:100%;
	height:0;
	padding-top:75%;
	background-size:cover;
	background-repeat:no-repeat;
}
div.uiowacph-photo-button > div > a {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	padding-top:55%;
	padding-left:1.0rem;
	padding-bottom:1.0rem;
	background-color:rgb(0,0,0,0.5);
	color:white;
	font-family: 'Antonio', sans-serif;
	font-size:1.5rem;
	font-weight:700;
	text-transform:uppercase;
	text-decoration:none;
	transition: background-color .3s;
}
div.uiowacph-photo-button > div a:hover {
	background-color:rgb(0,0,0,0);
}

/* Styles for enclosed cards, such as used for strategic areas on CBH home page */

.uiowacph-enclosed-card {
	border:1px solid rgb(0,0,0,.125);
	margin-top:2.0rem;
}
.uiowacph-enclosed-card h3 {
	font-size:1.2rem;
	font-weight:500;
	line-height: 1.7;
	margin:2.0rem 2.0rem 1.0rem 2.0rem;
	
}
.uiowacph-enclosed-card p {
	margin:1.0rem 2.0rem 2.0rem 2.0rem;
	font-size:1.0rem;
	font-weight:400;
	line-height:1.7;
}

.uiowacph-enclosed-card figure,
.uiowacph-enclosed-card figure img {
	margin:0;
}


.icon-heading {
	font-family: 'Antonio', sans-serif;
	font-size:1.5rem;
	font-weight:700;
	text-transform:uppercase;
}

.icon-heading a {
	color:black;
	text-decoration:none;
}

/* Styles for cards build with WordPress block editor */

.wp-card {padding: 2rem 2rem 0 2rem; }

.wp-card .wp-block-columns { margin-bottom:0; }

.wp-card p.card__subtitle { font-size:1.3rem; margin-bottom:0; line-height: 1.5; }
.wp-card p.card__date { font-size:1.1rem; margin-top:0; margin-bottom:.5rem; line-height:1.5; }

.wp-card p { font-size:1rem; line-height:1.7; }


.wp-card h2.headline,
.wp-card h3.headline {
	margin-bottom:0;
}

/* ------------------------------------------------------------------------

CARD COLLECTION ADJUSTMENTS

---------------------------------------------------------------------------


*/

div.card__wrapper a {
	text-decoration: none;
}

div.card__wrapper p a {
	color:rgb(21,21,21);
}

div.card__wrapper p {
	margin-top:1.0rem;
}

article p.has-text-align-left {
	margin-left:0;
}

p.card__description {
	margin-bottom:1.0rem;
}

div.card h3.card__title {
	margin-top:0.5rem;
}

/*
div.bg--white.card--enclosed h3.card__title,
div.bg--white.card--enclosed p.card__description,
div.bg--white.card--enclosed p a.bttn {
	margin-left:2.0rem;
	margin-right:2.0rem;
	margin-top:.5rem;
}


div.bg--white.card--enclosed p a.bttn {
	margin-bottom:2.0rem;
}
*/

/* ------------------------------------------------------------------------

END CARD COLLECTION ADJUSTMENTS

-------------------------------------------------------------------------*/

/* Style to give a bit more padding between WordPress columns */

/*
@media (min-width: 782px) {
.wp-block-column:not(:first-child) {
    	margin-left: 4em;
	}
}

*/

/* Puts some margin above the Latest News headline on department pages at mobile resolutions */

@media (max-width: 768px) {
	div.latest-news h2 {
		margin-top:2.0rem;
	}
}

/* Styles to get Our People on department home pages to break better on small devices */

@media (max-width: 768px) {
	div.our-people div.wp-block-column div.wp-block-columns div.wp-block-column {
		flex-basis:100% !important;
		text-align:center;
	}
	div.about-dept div.wp-block-column {
		flex-basis:100% !important;
	}
	div.prospective-students div.wp-block-column {
		flex-basis:100% !important;
	}
}


/* Styles to get some vertical space in between the research centers on department home pages at single column view on small devices */

@media (max-width: 768px) {
	div.research-centers div.wp-block-column div.wp-block-columns div.wp-block-column {
		margin-bottom:4.0rem;
	}
}



/* Style to fix links in single item news card */

div.uiowacph-single-news-card a {
	text-decoration:none;
	color:black;
}
	

/* Style for list of links */

ul.uiowacph-link-list {
	padding:0;
	margin:0;
	margin-left:1.3rem;
	list-style-type:none;
	margin-top:3.0rem;
}

ul.uiowacph-link-list li {
	list-style-type:none;
	margin-bottom:2.0rem;
	text-indent:-1.3rem;

}

ul.uiowacph-link-list li a {
	text-decoration: none;
}

ul.uiowacph-link-list li a:hover {
	text-decoration: underline;
}

ul.uiowacph-link-list li:before {
	content:"\f061  ";
	color:#ffcd00;
	font-family:"Font Awesome 5 Free";
	font-weight:900;
}


/* Styles to correct the display of 'stats' in the sidebar */

h2.stat__title {
	font-size:5.0rem;
}



/* Makes sure that the "Edit this Page" button appears at the bottom and doesn't wrap up */

footer.entry-footer {
	clear:both;
}

/* Style to hide gray link in those SoundCloud embeds on From the Front Row */

div.entry-content > div[style^="font-size: 10px;"],
div.entry-content > div > a[style^="color: #cccccc"] {
	display:none;
}

div.wp-embed-excerpt p,
.wp-embed {
	color:black;
}

/* Indents unordered and ordered lists */

article ul,
article ol {
	padding-left:4.0rem;
}


/* Puts top and bottom page margin around page title */

header.entry-header {
	margin-top:2.0rem;
	margin-bottom:2.0rem;
}


/* Changes color of social media and podcast icons on hover */

div.footer__links i.fab:hover,
div.footer__links i.fas:hover {
	color:#ffcd00;
}


/* Sets the style for a paragraph element to wrap a button. Centers the button in the column.  */

.button-wrap {
	display:flex;
	align-items:center;
	justify-content: center;
	margin-left:auto;
	margin-right:auto;
	margin-top:2.0rem;
	margin-bottom:2.0rem;
}

@media (max-width: 768px) {
	.button-wrap a {
		margin-left:auto;
		margin-right:auto;
	}
	.button-wrap {
		flex-wrap: wrap;
		flex-direction: column;
	}
}

.button-wrap a {
	margin: 0 2.0rem;
}


/* This widens the department menu in the footer to accommodate "Occupational and Environmental Health" */ 

ul#menu-department-menu {width:19.5rem;}



/* This properly positions the toplinks menu */ 

@media (min-width:855px) {
	.iowa-bar__below .iowa-bar__container {
		display: flex;
		position: relative;
		min-height: 90px;
		justify-content: unset;
		margin-right: auto;
	}
	nav#block-uids-base-toplinks {
		top:-3.1rem;
	}
}

/* This styles the "Edit this page" link seen by logged-in web editors at the bottom of each page */

footer.entry-footer {
	margin-top:2.0rem;
	margin-bottom:2.0rem;
	margin-left:auto;
	margin-right:auto;
}

footer.entry-footer a {
	display:inline-block;
	font-weight:700;
	text-decoration:none;
	padding:1.0rem;
	background-color:#00558C;
	color:white;
	margin-left:0;
}

footer.entry-footer a:hover {
	background-color:#63666A;
}


/* Add underline on hover of 'College of Public Health' link in Iowa bar */

div.parent-site-name a:hover {
	text-decoration: underline;
}


h1.site-name {
	line-height:1.2;
}

/* Correct location of CSS background image files */

.bg-pattern--brain {
	background: #fff url(/wp-content/themes/uiowacph/img/brain-pattern.svg);
}

.bg-pattern--brain-reversed {
	background: #ffcd00 url(/wp-content/themes/uiowacph/img/brain-pattern-reversed.svg);
}

.bg-pattern--brain-black {
	background: #151515 url(/wp-content/themes/uiowacph/img/brain-pattern-black.svg);
}

.bg--black--pattern--brain {
	background-image: url(/wp-content/themes/uiowacph/img/brain-pattern-black.svg);
}

.bg-pattern--brain-black {
	background-image: url(/wp-content/themes/uiowacph/img/brain-pattern-black.svg);
}

.bg--gold--pattern--brain {
	background-image: url(/wp-content/themes/uiowacph/img/brain-pattern-reversed.svg);
}

.bg-pattern--brain-reversed {
	background-image: url(/wp-content/themes/uiowacph/img/brain-pattern-reversed.svg);
}

.bg--white--pattern--brain {
	background-image: url(/wp-content/themes/uiowacph/img/brain-pattern.svg);
}

.bg-pattern--brain {
	background-image: url(/wp-content/themes/uiowacph/img/brain-pattern.svg);
}

.footer-cta__container .menu a.bttn--apply:before {
	background-image: url(/themes/custom/uids_base/uids/assets/images/apply-01.svg)
}

.footer-cta__container .menu a.bttn--visit:before {
	background-image: url(/themes/custom/uids_base/uids/assets/images/location-01.svg)
}

.footer-cta__container .menu a.bttn--request:before {
	background-image: url(/themes/custom/uids_base/uids/assets/images/request-01.svg)
}


/* Prevents underlined text on button links (old buttons) */

a.bttn--primary,
a.bttn--secondary,
a.bttn--tertiary {
	text-decoration: none;
}

/* Prevents underlined text on button links (new buttons) */

a.wp-block-button__link.wp-element-button {
	text-decoration: none;
}

/* 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.25rem 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: "";
}

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

.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: "";
    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 */






/* Fixes the functionality of the search bar */

button.search-button {
	z-index:999;
}


/* Fixes broken blockquote border styling */

div.blockquote-center {
	position:relative;
}
.blockquote-center blockquote:before {
	top:1.0rem;
}


/* Adds margin above and below blockquotes */

div.blockquote-left,
div.blockquote-right,
div.blockquote-center {
	margin-top:3.0rem;
	margin-bottom:3.0rem;
	width:50%;
}
@media (max-width:768px) {
	div.blockquote-left,
	div.blockquote-right,
	div.blockquote-center {
		width:100%;
		max-width:100%;
	}
}


/* This makes white the text that lays on top of hero images */

header.hero-image * {
	color:white;
}
header.hero-image {
	margin-top:0;
}


/* This adds the underline on hover of the category name underneath the Iowa bar */

#category-name {
	border-bottom:1px solid white;
}

@media (max-width:856px) {
	
	#category-name {
		border-bottom: 1px solid #ffcd00;
	}
}

#category-name:hover {
	border-bottom:1px solid black;
}




/*
------------------------------------------------------------------
STYLES FOR LAYOUT. Not sure if this is officially part of UIDS.
------------------------------------------------------------------
*/



.layout--onecol .layout__region {
	width: 100%
}

.layout--onecol {
	display: flex
}

.layout--onecol .layout__spacing_container {
	flex-basis: 100%
}


@media screen and (min-width:768px) {
	.layout.layout--twocol,
	.layout.layout--twocol .layout__spacing_container {
		display: flex
	}
	.layout__region details.set[open] {
		order: -1
	}
	.layout--twocol .layout__region {
		flex: 0 1 100%;
		display: flex;
		flex-wrap: wrap;
		align-content: unset
	}
	.layout--twocol.section-alignment__start .layout__region {
		align-content: start
	}
	.layout--twocol--50-50 .layout__region--first,
	.layout--twocol--50-50 .layout__region--second {
		flex: 0 1 49.5%
	}
	.layout--twocol--33-67 .layout__region--first,
	.layout--twocol--67-33 .layout__region--second {
		flex: 0 1 40%
	}
	.layout--twocol--33-67 .layout__region--second,
	.layout--twocol--67-33 .layout__region--first {
		flex: 0 1 60%
	}
	.layout--twocol--25-75 .layout__region--first,
	.layout--twocol--75-25 .layout__region--second {
		flex: 0 1 24.25%
	}
	.layout--twocol--25-75 .layout__region--second,
	.layout--twocol--75-25 .layout__region--first {
		flex: 0 1 74.75%
	}
	.layout--twocol--50-50.column-spacing__removed .layout__region--first,
	.layout--twocol--50-50.column-spacing__removed .layout__region--second {
		flex: 0 1 50%
	}
	.layout--twocol--33-67.column-spacing__removed .layout__region--first,
	.layout--twocol--67-33.column-spacing__removed .layout__region--second {
		flex: 0 1 33%
	}
	.layout--twocol--33-67.column-spacing__removed .layout__region--second,
	.layout--twocol--67-33.column-spacing__removed .layout__region--first {
		flex: 0 1 67%
	}
	.layout--twocol--25-75.column-spacing__removed .layout__region--first,
	.layout--twocol--75-25.column-spacing__removed .layout__region--second {
		flex: 0 1 25%
	}
	.layout--twocol--25-75.column-spacing__removed .layout__region--second,
	.layout--twocol--75-25.column-spacing__removed .layout__region--first {
		flex: 0 1 75%
	}
	.layout--twocol--25-75 .layout__region--first+.layout__region--second,
	.layout--twocol--33-67 .layout__region--first+.layout__region--second,
	.layout--twocol--50-50 .layout__region--first+.layout__region--second,
	.layout--twocol--67-33 .layout__region--first+.layout__region--second,
	.layout--twocol--75-25 .layout__region--first+.layout__region--second {
		margin-left: 4rem
	}
	.layout--twocol--25-75.column-spacing__removed .layout__region--second,
	.layout--twocol--33-67.column-spacing__removed .layout__region--second,
	.layout--twocol--50-50.column-spacing__removed .layout__region--second,
	.layout--twocol--67-33.column-spacing__removed .layout__region--second,
	.layout--twocol--75-25.column-spacing__removed .layout__region--second {
		margin-left: 0
	}
	.layout--twocol--25-75.column-spacing__removed .layout__region--first,
	.layout--twocol--33-67.column-spacing__removed .layout__region--first,
	.layout--twocol--50-50.column-spacing__removed .layout__region--first,
	.layout--twocol--67-33.column-spacing__removed .layout__region--first,
	.layout--twocol--75-25.column-spacing__removed .layout__region--first {
		margin-right: 0
	}
}

@media screen and (min-width:40em) {
	.layout--threecol,
	.layout--threecol .layout__spacing_container {
		display: flex;
		flex-basis: 100%
	}
	.layout--threecol .layout__region {
		flex: 0 1 100%;
		display: flex;
		flex-wrap: wrap;
		align-content: unset
	}
	.layout--threecol.section-alignment__start .layout__region {
		align-content: start
	}
	.layout--threecol--50-25-25 .layout__region--second,
	.layout--threecol--50-25-25 .layout__region--third {
		flex: 0 1 24.25%
	}
	.layout--threecol--50-25-25.column-spacing__removed .layout__region--second,
	.layout--threecol--50-25-25.column-spacing__removed .layout__region--third {
		flex: 0 1 25%
	}
	.layout--threecol--50-25-25 .layout__region--first {
		margin-right: 1.5rem
	}
	.layout--threecol--50-25-25.column-spacing__removed .layout__region--first {
		margin-right: 0
	}
	.layout--threecol--50-25-25 .layout__region--second {
		margin: 0 1.5rem
	}
	.layout--threecol--50-25-25 .layout__region--third {
		margin-left: 1.5rem
	}
	.layout--threecol--50-25-25.column-spacing__removed .layout__region--third {
		margin-left: 0
	}
	.layout--threecol--50-25-25.column-spacing__removed .layout__region--second {
		margin: 0
	}
	.layout--threecol--50-25-25 .layout__region--first,
	.layout--threecol--50-25-25.column-spacing__removed .layout__region--first {
		flex: 0 1 50%
	}
	.layout--threecol--33-34-33 .layout__region--first,
	.layout--threecol--33-34-33 .layout__region--second,
	.layout--threecol--33-34-33 .layout__region--third {
		flex: 0 1 32.66%
	}
	.layout--threecol--33-34-33.column-spacing__removed .layout__region--first,
	.layout--threecol--33-34-33.column-spacing__removed .layout__region--second,
	.layout--threecol--33-34-33.column-spacing__removed .layout__region--third {
		flex: 0 1 33.3%
	}
	.layout--threecol--33-34-33 .layout__region--first {
		margin-right: 1.5rem
	}
	.layout--threecol--33-34-33 .layout__region--second {
		margin: 0 1.5rem
	}
	.layout--threecol--33-34-33 .layout__region--third {
		margin-left: 1.5rem
	}
	.layout--threecol--33-34-33.column-spacing__removed .layout__region {
		margin: 0
	}
	.layout--threecol--25-25-50 .layout__region--first,
	.layout--threecol--25-25-50 .layout__region--second {
		flex: 0 1 24.5%
	}
	.layout--threecol--25-25-50.column-spacing__removed .layout__region--first,
	.layout--threecol--25-25-50.column-spacing__removed .layout__region--second {
		flex: 0 1 25%
	}
	.layout--threecol--25-25-50 .layout__region--first {
		margin-right: 1.5rem
	}
	.layout--threecol--25-25-50 .layout__region--second {
		margin: 0 1.5rem
	}
	.layout--threecol--25-25-50 .layout__region--third {
		margin-left: 1.5rem
	}
	.layout--threecol--25-25-50.column-spacing__removed .layout__region {
		margin: 0
	}
	.layout--threecol--25-25-50 .layout__region--third,
	.layout--threecol--25-25-50.column-spacing__removed .layout__region--third {
		flex: 0 1 50%
	}
	.layout--threecol--25-50-25 .layout__region--first,
	.layout--threecol--25-50-25 .layout__region--third {
		flex: 0 1 28.25%
	}
	.layout--threecol--25-50-25.column-spacing__removed .layout__region--first,
	.layout--threecol--25-50-25.column-spacing__removed .layout__region--third {
		flex: 0 1 25%;
		margin: 0
	}
	.layout--threecol--25-50-25 .layout__region--first {
		margin-right: 1.5rem
	}
	.layout--threecol--25-50-25 .layout__region--second {
		flex: 0 1 41.75%;
		margin: 0 1.5rem
	}
	.layout--threecol--25-50-25 .layout__region--third {
		margin-left: 1.5rem
	}
	.layout--threecol--25-50-25.column-spacing__removed .layout__region--second {
		flex: 0 1 50%;
		margin: 0
	}
}

@media (min-width:40em) and (max-width:58.125em) {
	.layout--threecol,
	.layout--threecol .layout__spacing_container {
		flex-wrap: wrap
	}
	.layout--threecol .layout__region {
		margin-right: 0;
		margin-left: 0;
		flex-basis: 100%
	}
	.layout--threecol .layout__region .card {
		margin-bottom: 3rem
	}
}


@media screen and (min-width:40em) {
	.layout--fourcol,
	.layout--fourcol .layout__spacing_container {
		display: flex;
		flex-basis: 100%
	}
	.layout--fourcol .layout__region {
		flex: 0 1 100%;
		display: flex;
		flex-wrap: wrap;
		align-content: unset
	}
	.layout--fourcol.section-alignment__start .layout__region {
		align-content: start
	}
	.layout--fourcol .layout__region {
		flex: 0 1 24.25%
	}
	.layout--fourcol.column-spacing__removed .layout__region {
		flex: 0 1 25%
	}
	.layout--fourcol .layout__region--second {
		margin-left: 3rem;
		margin-right: 1.5rem
	}
	.layout--fourcol .layout__region--third {
		margin-left: 1.5rem;
		margin-right: 3rem
	}
	.layout--fourcol.column-spacing__removed .layout__region--second,
	.layout--fourcol.column-spacing__removed .layout__region--third {
		margin-left: 0;
		margin-right: 0
	}
}

@media (min-width:40em) and (max-width:68.125em) {
	.layout--fourcol,
	.layout--fourcol .layout__spacing_container {
		flex-wrap: wrap
	}
	.layout--fourcol .layout__region {
		flex: 0 1 46.50%;
		margin-bottom: 3rem
	}
	.layout--fourcol .layout__region--second {
		margin-left: 6%;
		margin-right: 0
	}
	.layout--fourcol .layout__region--third {
		margin-left: 0;
		margin-right: 6%
	}
}

@media (min-width:0em) and (max-width:40em) {
	.layout--fourcol.grid--1-3 .layout__region--first,
	.layout--fourcol.grid--1-3.column-spacing__removed .layout__region--first {
		flex-basis: 100%;
		text-align: center;
		margin-bottom: 3rem
	}
}

@media (min-width:40em) and (max-width:84.375em) {
	.layout--fourcol.grid--1-3,
	.layout--fourcol.grid--1-3 .layout__spacing_container {
		flex-wrap: wrap
	}
	.layout--fourcol.grid--1-3 .layout__region,
	.layout--fourcol.grid--1-3.column-spacing__removed .layout__region {
		flex: 0 1 31.3%;
		margin-bottom: 3rem
	}
	.layout--fourcol.grid--1-3 .layout__region--first,
	.layout--fourcol.grid--1-3.column-spacing__removed .layout__region--first {
		flex-basis: 100%;
		text-align: center;
		margin-bottom: 3rem
	}
	.layout--fourcol.grid--1-3 .layout__region--second {
		margin-left: 0;
		margin-right: 0
	}
	.layout--fourcol.grid--1-3 .layout__region--third {
		margin-left: 3%;
		margin-right: 3%
	}
}


/*
------------------------------------------------------------------
STYLES FOR LEGACY HTML ON STUDENT PHOTO PAGES
------------------------------------------------------------------
*/



ul.people-photo-listing {
	padding:0;
	margin:0 auto;
	list-style-type:none;
	max-width:81.875rem;
}
ul.people-photo-listing li {
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	list-style-type:none;
}
ul.people-photo-listing li figure {
	height:15rem;
	margin-top:.75rem;
	margin-bottom:0;
}
ul.people-photo-listing li figure figcaption,
ul.people-photo-listing li figure figcaption dfn  {
	text-align:center;
	font-family:"Roboto",sans-serif;
	font-size:0.9rem;
	width:8.125rem;
}
ul.people-photo-listing li figure figcaption dfn {
	border-bottom:1px dotted black;	
}
form.wpv-filter-form {clear:both;}

figcaption.wp-caption-text {
	text-align:left;
	font-family:"Roboto",sans-serif;
	font-size:1.0rem;
	font-weight:bold;
}
p.people-photo {
	width:8.125rem;
	float:left;
	margin-right:1.25rem;
}


/*
------------------------------------------------------------------
STYLES FOR TILES WITH LEGACY HTML ON MINI HOME PAGES
------------------------------------------------------------------
*/


.one-half     { width:49%;   }
.one-fourth   { width:23.5%; }
.one-third    { width:32%; }
.two-thirds   { width: 66%;}

div#mini-home p:first-child
{text-align:center;}

div#mini-home iframe:first-child {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

div#mini-home section {
	color:white;
	/*background:#038bc2;*/background:#63666a;
	padding:0;
	float:left;
	margin-right:2%;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	margin-bottom:20px;
	margin-bottom:2.0rem;
	overflow:hidden;
}
@media only screen and (max-width : 767px) {
	div#mini-home section
	{
		width:100%;
		float:none;
	}
}
div#mini-home p.sponsor-logos a, div#mini-home p.sponsor-logos a:hover {
	border:none;
	margin-right:20px;
	margin-right:2.0rem;
}
div#mini-home section.multilink {
	padding:15px 20px 15px 20px;
	padding:1.5rem 2.0rem 1.5rem 2.0rem;
}
div#mini-home section.multilink ul,
div#mini-home section.link-with-list ul {
	list-style:none none;
	padding:0;
	margin-left:0;
	margin-bottom:10px;
	margin-bottom:1.0rem;
}
div#mini-home section.multilink ul li a,
div#mini-home section.link-with-list ul li {
	padding-left:20px;
	padding-left:2.0rem;
	background:url(img/fa-right-arrow.png) no-repeat 0 7px;
	color:#fff;
    display:block;
	text-decoration:none;
	list-style:none none !important;
}
div#mini-home section.multilink ul.list-of-links,
div#mini-home section.multilink ul.list-of-links li {
	list-style:none none;
}
div#mini-home section.multilink ul li a:hover {
	text-decoration:underline;
}
div#mini-home section.link-with-list a ul li {
	color:white;	
}
div#mini-home section.one-third:nth-child(3n) {
	margin-right:0;
}
div#mini-home section.one-half:nth-child(2n+1) {
	margin-right:0;
}

div#mini-home div.row section.one-third:nth-child(3n) {
	margin-right:0;
}

div#mini-home section:last-child,
div#mini-home section:last-child {
	margin-right:0;
}
div#mini-home section h3,
div#mini-home section h2,
div#mini-home section span.heading-3 {
	text-transform:uppercase;
	font-weight:500;
    letter-spacing: 0;
	color:white;
	font-size: 1.9125rem;
	line-height: 1.25;
	margin-top: 0;
	margin-bottom: 0.325rem;	
}
div#mini-home section span.heading-3 {
	display:block;	
}
div#mini-home section > a {
	display:block;
	padding:15px 20px 15px 20px;
	padding:1.5rem 2.0rem 1.5rem 2.0rem;
	-webkit-transition:background-color 0.3s ease; 
	-moz-transition:background-color 0.3s ease; 
	-o-transition:background-color 0.3s ease; 
	transition:background-color 0.3s ease; 
	border-bottom:none;
	text-decoration: none;
}

div#mini-home section > a:hover {
	/*background:#024864;*/
	background:black;
}
div#mini-home section p,
div#mini-home section span.paragraph {
	color:white;
}
div#mini-home section span.paragraph {
	display:block;	
}

div.sidebutton {
	position:relative;
	top:80px;
	top:8.0rem;
	color:white;
	background:#038bc2;
	width:220px;
	width:22.0rem;
}

nav#local-navigation div.sidebutton p {
	color:white;
	line-height:26px;
	line-height:2.6rem;
}

div.sidebutton a {
	display:block;
	padding:15px 20px 15px 20px;
	padding:1.5rem 2.0rem 1.5rem 2.0rem;
	-webkit-transition:background-color 0.3s ease; 
	-moz-transition:background-color 0.3s ease; 
	-o-transition:background-color 0.3s ease; 
	transition:background-color 0.3s ease; 
	border-bottom:none;
}
div.sidebutton h3 {
	font-family:"league-gothic", sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	font-size:1.75rem;
	color:white;
	line-height:30px;
	line-height:3.0rem;
}
div.sidebutton > a:hover {
	background:#024864;
}


/* Link tiles for mini home pages ---------------------------------------------*/


article.tile {
	float:left;
	background:#63666A;
	}

article.tile h2 {
	
	margin-bottom:0;
}

article.tile h2 a {
	display:table-cell;
	vertical-align:middle;
	color:white;
	background-color:#63666A;
	-webkit-transition:background-color 0.3s ease; 
	-moz-transition:background-color 0.3s ease; 
	-o-transition:background-color 0.3s ease; 
	transition:background-color 0.3s ease; 
	height:7.0rem;
	overflow:hidden;
	padding:10px;
	padding:1.0rem;
	padding-right:0;
	font-size:1.9125rem;
	line-height:2.4rem;
	border-bottom:none;
	text-decoration: none;
	margin-bottom:0;
/*	min-width:100px; */
	}

article.tile h2 a:hover {
	background-color:black;
	
}

main div.entry-content article.tile a:focus,
main div.entry-content article.tile a:hover,
main div.entry-content article.tile a:active
 {
	background-color:#000;
	border-bottom:none;
}
div.col-2, 
div.col-3,
div.col-4 {
	margin-top:2.0rem;
}
div.col-2:after,
div.col-3:after,
div.col-4:after {
	content: "";
	display: table;
	clear: both;
}
div.col-4 article, div.col-3 article, div.col-2 article { margin:0 2% 2% 0; }
div.col-3 article:nth-child(3n) {margin-right:0;}

@media only screen and (max-width:320px) {
	div.col-2 article a, div.col-2 article, 
	div.col-3 article a, div.col-3 article, 
	div.col-4 article a, div.col-4 article { width:100%; }
}

@media only screen and (min-width:321px) and (max-width:768px) {
	div.col-2 article a, div.col-2 article { width:100%; }
	div.col-3 article a, div.col-3 article { width:100%; }
	div.col-4 article a, div.col-4 article { width:48%; }

	div.col-2 article:nth-child(1n+1),
	div.col-3 article:nth-child(1n+1),
	div.col-4 article:nth-child(2n+2) { margin-right:0; }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
	div.col-2 article a, div.col-2 article { width:100%; }
	div.col-3 article a, div.col-3 article { width:48%; }
	div.col-4 article a, div.col-4 article { width:32%; }

	div.col-2 article:nth-child(1n+1),
	div.col-3 article:nth-child(2n+2),
	div.col-4 article:nth-child(3n+3) { margin-right:0; }
}
@media only screen and (min-width:1025px) {
	div#mini-home div.col-2 article:nth-child(2n+2),	
	div#mini-home div.col-3 article:nth-child(3n+3),
	div#mini-home div.col-4 article:nth-child(4n+4) { margin-right:0; }
}

@media only screen and (min-width:1025px) {
	div.col-2 article a, div.col-2 article { width:48%; }
	div.col-3 article a, div.col-3 article { width:32%; }
	div.col-4 article a, div.col-4 article { width:23.5%; }

}
/* End link tiles for mini home pages ---------------------------------------------*/



/* Legacy CSS for callout boxes on IIPHRP */

section.callout-box {
	background:#00558C;
	margin-right:0;
	padding:0;
	float:right;
	width:25%;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	margin-bottom:20px;
	margin-bottom:2.0rem;
	margin-left:20px;
	margin-left:2.0rem;
	overflow:hidden;	
	display:block;
}
section.callout-box a:hover {
	background:#024864;
}
section.callout-box a h3 {
	color:white;
}
section.callout-box h3 {
	font-family:"league-gothic", sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	font-size:28px;
	font-size:2.8rem;
	color:white;
}
section.callout-box > a {
	display:block;
	padding:15px 20px 15px 20px;
	padding:1.5rem 2.0rem 1.5rem 2.0rem;
	-webkit-transition:background-color 0.3s ease; 
	-moz-transition:background-color 0.3s ease; 
	-o-transition:background-color 0.3s ease; 
	transition:background-color 0.3s ease; 
	border-bottom:none;
	color:white;
}

section.callout-box p {
	color:white;
}




/* dl styles */
dl dt,
dl dd,
dl dt,
dl dd {
	font-family:"Roboto", sans-serif;
	font-size:1.2rem;
	line-height:1.7;
}
dl dd {padding-left:2.0rem;}
dl dt {margin-top:2.0rem;font-weight:bold;}

/* Alumni Directory styling  */


div#alum-dir input[type="submit"],
div#alum-dir-pag input[type="submit"]{
	background:#ccc;
	border:1px solid #666;
	border-radius:5px;	
}
div#alum-dir a, div#alum-dir a:visited,
div#alum-dir-pag a, div#alum-dir-pag a:visited{
	background:#ccc;
	border:1px solid #666;
	border-radius:5px;	
	padding:5px;
	margin-left:20px;
	color:black;
	font-family:"pt-sans",sans-serif;
}


div#alum-dir input[type="submit"]:hover,
div#alum-dir a:hover,
div#alum-dir-pag input[type="submit"]:hover,
div#alum-dir-pag a:hover {
	background:#999;
}

table#alum-dir-results-table tr:nth-child(odd) {
  background-color: #f3f3f3;
}

/* End Alumni Directory styling  */








/* Style for obscuring email addresses from spambots */

span.obscure {
	display:none;
}

.alignleft {float:left; margin-right:1.0rem;}
.alignright {float:right; margin-left:1.0rem;}

table {
	
	margin-bottom:2.0rem;
}



/* Styles for vertical centered cards with circular images */

div.vert-cent-circ-img figure img {
	border-style:solid;
	border-color:rgb(0,0,0,.125);
	border-width:1px;
	padding:8px;
	width:75%;
	heigth:75%;
	display:block;
	margin-left:auto;
	margin-right:auto;
    transition: border-width .1s;
}

div.vert-cent-circ-img figure img:hover {
	border-color:black;
	border-width:3px;
}

div.vert-cent-circ-img .wp-block-image:not(.is-style-rounded) img {
	border-radius:50%;
}

.vert-cent-circ-img h2, 
.vert-cent-circ-img h3 {
	font-size:1.5rem;
	font-weight:500;
	line-height:1.2;
}
.vert-cent-circ-img p {
	font-size:1.0rem;
	font-weight:400;
	line-height:1.7;
}
.vert-cent-circ-img p.card__subtitle {
	opacity: .8;
    font-family: Zilla Slab,serif;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.5;
}

.bold-headline--underline.hear-from-hawkeyes { 
	display:block; 
	width:26rem; 
	height:4rem;
}

/* styles for round link button with no link text */
.card .bttn--transparent.bttn--circle{
    padding:.55rem .7em;
    border-radius:50%;
    transform:none;
    line-height:1;
}
.card .bttn--transparent.bttn--circle:after{
    left:0;
    top:0;
    height:100%;
    width:100%;
    border-radius:50%;
    background-color:transparent;
    transition:border-color .3s ease-in-out;
    transform:none;
    position:absolute
}
.card .bttn--transparent.bttn--circle:focus:after,.card .bttn--transparent.bttn--circle:hover:after{
    transform:none;
    transition:none;
    border:3px solid;
    border-color:inherit;
    background-color:transparent
}
/* Styles for applying focus to skip nav link */

.hidden {
	display: none;
}

.visually-hidden {
	position: absolute !important;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	word-wrap: normal;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
	position: static !important;
	overflow: visible;
	clip: auto;
	width: auto;
	height: auto;
}

.invisible {
	visibility: hidden;
}
.skip-link-region {
	text-align: center;
	background: #f1f1f1;
	display: block
}

.skip-link-region a {
	color: #00f;
	padding: 10px;
	display: block
}


/*  Media styles  */

@media (min-width: 768px) {
  .media--border {
    padding: 8px;
    border: 1px solid rgba(0, 0, 0, 0.125); }
    .bg--black .media--border,
    .bg-pattern--brain-black .media--border,
    .bg--white .bg--black .media--border,
    .bg-pattern--brain .bg--black .media--border,
    .bg--white .bg-pattern--brain-black .media--border,
    .bg-pattern--brain .bg-pattern--brain-black .media--border,
    .bg--gold .bg--black .media--border,
    .bg--gold .bg-pattern--brain-black .media--border,
    .bg-pattern--brain--gold .bg--black .media--border,
    .bg-pattern--brain--gold .bg-pattern--brain-black .media--border {
      border: 1px solid #FFCD00; }
    .bg--gray .media--border,
    .bg--gold .bg--gray .media--border,
    .bg-pattern--brain--gold .bg--gray .media--border,
    .bg--white .bg--gray .media--border,
    .bg-pattern--brain .bg--gray .media--border {
      border: 1px solid #63666A; }
    .bg--white .media--border,
    .bg-pattern--brain .media--border,
    .bg--gold .bg--white .media--border,
    .bg--gold .bg-pattern--brain .media--border,
    .bg-pattern--brain--gold .bg--white .media--border,
    .bg-pattern--brain--gold .bg-pattern--brain .media--border {
      border: 1px solid rgba(0, 0, 0, 0.125); }
    .bg--gold .media--border,
    .bg-pattern--brain-reversed .media--border,
    .bg-pattern--brain--gold .media--border {
      border: 1px solid white; } }

@media (min-width: 768px) {
  .media--border img {
    padding: 8px;
    border: 1px solid rgba(0, 0, 0, 0.125); }
    .bg--black .media--border img,
    .bg-pattern--brain-black .media--border img,
    .bg--white .bg--black .media--border img,
    .bg-pattern--brain .bg--black .media--border img,
    .bg--white .bg-pattern--brain-black .media--border img,
    .bg-pattern--brain .bg-pattern--brain-black .media--border img,
    .bg--gold .bg--black .media--border img,
    .bg--gold .bg-pattern--brain-black .media--border img,
    .bg-pattern--brain--gold .bg--black .media--border img,
    .bg-pattern--brain--gold .bg-pattern--brain-black .media--border img {
      border: 1px solid #FFCD00; }
    .bg--gray .media--border img,
    .bg--gold .bg--gray .media--border img,
    .bg-pattern--brain--gold .bg--gray .media--border img,
    .bg--white .bg--gray .media--border img,
    .bg-pattern--brain .bg--gray .media--border img {
      border: 1px solid #63666A; }
    .bg--white .media--border img,
    .bg-pattern--brain .media--border img,
    .bg--gold .bg--white .media--border img,
    .bg--gold .bg-pattern--brain .media--border img,
    .bg-pattern--brain--gold .bg--white .media--border img,
    .bg-pattern--brain--gold .bg-pattern--brain .media--border img {
      border: 1px solid rgba(0, 0, 0, 0.125); }
    .bg--gold .media--border img,
    .bg-pattern--brain-reversed .media--border img,
    .bg-pattern--brain--gold .media--border img {
      border: 1px solid white; } }

@media (min-width: 768px) {
  .media--circle {
    border-radius: 50%;
    margin-top: 0;
    height: auto; } }

@media (min-width: 768px) {
  .media--circle img {
    border-radius: 50%;
    margin-top: 0;
    height: auto; } }


/* style for adding some space below accordion block */

div.wp-block-pb-accordion-item {
	margin-bottom:2.0rem;
}

/* Make forms go full width */

.frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container { display:block !important; }


/* Adds front-end styles to the block editor for better WYSIWYG presentation in the editor */
.wp-block{
    max-width: 1410px;
}
.wp-block[data-align=wide] { /* it can be "data-align=full" and also "right", "left" and "center" */
    max-width: 1410px;
}


/* removes deprecated gold underline from headline--underline class pulling in from headline.scss */
.bold-headline--underline, .headline--underline {
	box-shadow:none;
}


/* 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; }
  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;
}

.wp-block-table td, .wp-block-table th {
	border:none;
}

/* Removes bottom border from table head */

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

/* Class to put a tiny drop shadow on text for banners */

.shadow-text { text-shadow: 0 1px 1px #000; }

/* Styles for the Card Group reusable block */
.card-group-block .card.card--media-left .card__media + .card__body.no-left-padding {
	padding-left:0;
}

.card-group-block img,
.card-group-block figure {
	margin-bottom:0;
}

.card-group-block p a.bttn {
	margin-top:0.75rem;
}


/* Styles up the list of news articles used in gray boxes with WP Query Loop */

div.news-item-list ul,
div.news-item-list ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

div.news-item-list ul li {
	margin: 1rem;
	margin-left: 1.5rem;
}

div.news-item-list ul li:before {
	content: '\f061  ';
	font-family: 'FontAwesome';
	float: left;
	margin-left: -1.5rem;
	color: #ffcd00;
	font-size:1rem;
}
div.news-item-list ul li,
div.news-item-list ul li a,
div.news-item-list ul li h2,
div.news-item-list ul li h3,
div.news-item-list ul li h4 {
	font-size:1rem;
	font-weight:400;
}

/*
div.news-item-list ul li {
	list-style-type:none;

}

div.news-item-list ul li h3 {
	display:inline;
  margin-left: 3em;
}

div.news-item-list ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

div.news-item-list ul li:before {
    content: "\f061  ";
    color: #ffcd00;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

div.news-item-list ul li:before,
div.news-item-list ul li:before h3 {
	
}
div.news-item-list ul li h3 a,
div.news-item-list ul li h2 a {
	font-size:1.0rem;
	font-weight:400;
	text-decoration: none;
	display:inline;
}

*/

/* Makes Hawk Alert line a bit longer. Standard is 70% */
.alert p, .hawk-alert-message p {
	width:90%;
}

/* Makes default table alignment to the top */

table td {
	vertical-align: top;
}

/* fixes form legends */

article form legend {
	display:block;
	margin-left:0;
	font-weight:bold;
	font-size:1.5rem;
	margin-bottom:1.5rem;
	padding-bottom:.75rem;
	border-bottom:.5rem solid #fcdd00;
}

/* Styles for banner with quote block */

.banner-quote {
	font-family:'Zilla Slab';
}

.card__subtitle { opacity: 0.8; }

/* Styles for border on round images */

.is-style-round-image-border img { 
    border-style: solid;
    border-color: rgb(0,0,0,.125);
    border-width: 1px; 
    padding: 0.5rem;
	border-radius: 50%;
}


/*
-----------------------------------------
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;
	  top:0.875rem;
}
.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.75rem;
      padding:0;
      overflow:hidden;
      font-size:0;
      height:2.75rem;
      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.75rem !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:1rem;
      top:.5rem;
      font-size:1rem;
}
.alignwide {
	max-width:100%;
}

/*
-----------------------------------------
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-gold
.is-style-uids-bg-gray
.is-style-uids-bg-black

*/


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

/*
-----------------------------------------
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;
}


/* corrects display for faculty profiles */

section#section-undefined ul li {
	margin-left:0;
	margin-right:0;
}

#uiprof .ml-8 {
	margin-left: 0 !important;
}

#uiprof div.border.border-black {
	border: .0875rem solid rgb(0,0,0,0.1);
}

#uiprof div.card-body * {
	margin-left: 0;
	margin-right: 0;
}
#uiprof ul li a {
	color: var(--wp--preset--color--link);
	text-decoration: underline;
}
#uiprof span.inline-block.mr-2 {
	margin-right: 0.75rem;
}


/* Removes underline from headline link on clickable card */

div.clickable-card h3 a {text-decoration:none;}


/* Adds focus to CPHB virtual tour embed and to photo gallery */

button.eedee-gutenslider-nav.eedee-gutenslider-prev:focus,
button.eedee-gutenslider-nav.eedee-gutenslider-next:focus {
	border: .25rem solid red;
}

/* Pagination styling */

ul.wpv-pagination-nav-links-container {
  display: flex;
  gap: 1rem; /* 1rem space between each item */
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.wpv-pagination-nav-links-container li {
	max-width:3rem;
	list-style-type: none;
	margin:1rem 0 0 0;
}
	
.wpv-pagination-nav-links-item .wpv-filter-pagination-link,
.wpv-pagination-nav-links-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  padding: 1rem;
  font-weight: bold;
  color: black;
  background-color: rgb(243, 243, 243);
  border: 0.0625rem solid #333333;
  text-decoration: none;
  box-sizing: border-box;
  transition: background-color 0.3s, color 0.3s;
}

.wpv-pagination-nav-links-item .wpv-filter-pagination-link:hover,
.wpv-pagination-nav-links-item .page-link:hover,
.wpv-pagination-nav-links-item-current > span {
  background-color: #333333 !important;
  color: white !important;
}


/* Increase the height of the category name and other links ever-so-slightly for accessibility reasons */

#category-name,
.site-name a {
	display: inline-block;
	padding-top: .125rem;
	min-height: 2.75rem;
}

.parent-site-name a {
	padding-top:.8rem;
	padding-bottom:.8rem;
}

nav.breadcrumb ol li a {
	padding-top:.9375rem;
	padding-bottom:.9375rem;
	padding-right:.625rem;
	min-height: 2.75rem;
}

.breadcrumb li:not(:last-child):after {
    margin: 0 1.25rem 0 .625rem;
}

footer.footer nav ul.menu li a {
	padding-top:.75rem;
	padding-bottom:.75rem;
}

.footer__links .menu>li {
	margin-bottom: 1rem;
}

ul#news-items-by-tag li,
ul#faculty-background li,
ul#courses-taught li,
ul#research-interests li,
ul#affiliations li,
ul.page-list li,
ul.list-of-links li,
ul.spaced li,
ol.spaced li,
div.news-item-list ul li,
article > ul.wp-block-list li {
	margin: .76rem 0;
}

ul#news-items-by-tag li a,
ul#faculty-background li a,
ul#courses-taught li a,
ul#research-interests li a,
ul#affiliations li a,
ul.page-list li a,
ul.list-of-links li a,
ul.spaced li a,
ol.spaced li a,
.uiowacph-link-list li a,
div.news-item-list ul li a,
article > ul.wp-block-list li a {
	padding: .76rem 0;
}

div.news-item-list ul li a {
	padding:.825rem 0;
}
div.news-item-list ul li {
	margin: 2rem 0;
}

button.eedee-gutenslider-nav {
	width: 3rem !important;
	height: 3rem !important;
}

h2.page-list a {
	padding-top: 1.125rem;
	padding-bottom: 1.125rem;
}

span.swiper-pagination-bullet {
	width:3rem !important;
	height:3rem !important;
}

.wp-embed a {
	padding-top:.8rem;
	padding-bottom:.8rem;
}

div.uiowacph-single-news-card h3 a,
div.card__body > h2 > a,
div.card__body > h3 > a {
	padding-top: .8rem;
	padding-bottom: .8rem;
}

blockquote {
	border-left:none !important;
}




/* Float-right infobox: 12rem wide with clean wrap-around */
.infobox-right {
  float: right;
  width: 20rem;
  max-width: 100%;              /* just in case parent is narrow */
  margin: 0 0 1rem 2rem;        /* space below and to the left of box */
}

/* Mobile: remove float and make it full width */
@media (max-width: 782px) {      /* 782px works well with WP breakpoints */
  .infobox-right {
    float: none;
    width: 100%;
    margin: 0 0 1rem 0;
  }
}

/* Optional: contain floats so parent backgrounds/borders include the box */
.clear-floats::after {
  content: "";
  display: block;
  clear: both;
}

/* (Optional) RTL tweak if you have RTL languages on the site
html[dir="rtl"] .infobox-right {
  float: left;
  margin: 0 1rem 1rem 0;
}
*/


/* Remove blue and underline from new faculty profile listings */

.faculty-list h2 a, 
.faculty-list h3 a {
	text-decoration: none;
	color:#000;
	padding-top:.875rem;
}

.faculty-list h2 a:hover, 
.faculty-list h3 a:hover {
	text-decoration: underline;
}