/*
Theme Name: EHSL 2017 UtahDerm
Template: ehsl-2017-global
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: Peter Strohmeyer
Author URI: https://library.med.utah.edu
Description: Child of EHSL 2017 Global v2.4, Utah Derm at University of Utah Health
Version: 2.4
Requires at least: 5.5
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* WordPress 5.5 allows the passing of arguments to template files */

/*--------------------------------------------------------------
>>>  Selector declaration ordering:
----------------------------------------------------------------

Grouped by Type
 Positioning 
 Display & Box Model
   outside -> in
 Color
  nearest -> farthest
 Text
   family
   size
   weight
   style
 Other

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/

mark {
  background-color: #ffffba; }


/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft,
.alignright {
  display: block;
  float: none;
  margin-right: 0;
  margin-left: 0; }


/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
  font-family: "Barlow", serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400; }

h1, 
h2, 
h3,
h4,
h5,
h6,
.home.blog .entry-title,
.single-post .entry-title,
.page .entry-title,
.entry-header.issue-full .entry-title,
body.page:not(.twentyseventeen-front-page) .entry-title, 
.search .entry-header .entry-title,
.site-title,
.subtitle-style,
.entry-title a,
.entry-content a,
.main-navigation a,
.main-navigation ul ul a { 
  font-family: 'Barlow', sans-serif; 
  font-weight: 700; }

.main-navigation ul ul a {
  font-weight: 400; }

.dashicons a {
  font-family: 'Barlow', sans-serif; }

q,
blockquote {
  font-family: 'Barlow Condensed', sans-serif; 
  font-weight: 400; }

.site-branding-text .site-title a {
  font-size: 2.5rem;
  line-height: 2.25rem; 
  letter-spacing: inherit; }

.site-branding-text .site-description {
  font-size: 1.5rem; }

.site-branding-text .site-title a,
.site-branding-text .site-description {
  text-shadow: 6px 6px 7px rgba( 0, 0, 0, 1 ); }

.custom-logo-link img {
  max-height: 120px;
  /*box-shadow: 4px 4px 8px rgba( 0, 0, 0, 0.95 );
  -webkit-filter: drop-shadow( 4px 4px 8px rgba( 0, 0, 0, 0.95 ) );
          filter: drop-shadow( 4px 4px 8px rgba( 0, 0, 0, 0.95 ) );*/ }

h2.has-text-align-center,
.label {
  text-transform: uppercase; }

.entry-meta {
  font-size: 0.85rem; }

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {}

/**
 * Advanced Custom Forms Pro plugin
 * acf styles deregistered in functions.php
 */

 /* signup form for subscription list */
#form_5c47a30319bcd.af-form.acf-form { 
  /*position: relative;*/ }
#form_5c47a30319bcd .af-label.acf-label { 
  /*display: none;*/ }

.asterisk,
.acf-required { 
  color: #ff0000; }

/* button container */
#form_5c47a30319bcd .af-submit.acf-form-submit {
  /*position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  padding: 0; */ }
#form_5c47a30319bcd .acf-button.af-submit-button {
  /*padding: 0.9em 1.2em; */ }

/* ACF forms */
.acf-field input[type="text"], 
.acf-field input[type="email"], 
.acf-field input[type="url"], 
.acf-field input[type="password"], 
.acf-field input[type="search"], 
.acf-field input[type="number"], 
.acf-field input[type="tel"], 
.acf-field input[type="range"], 
.acf-field input[type="date"], 
.acf-field input[type="month"], 
.acf-field input[type="week"], 
.acf-field input[type="time"], 
.acf-field input[type="datetime"], 
.acf-field input[type="datetime-local"], 
.acf-field input[type="color"], 
.acf-field textarea,
.af-form.acf-form select {
  display: block;
  border: 1px solid #bbb;
  -webkit-border-radius: 1em !important;
          border-radius: 1em !important;
  width: 100%;
  padding: 0.75em !important;
  color: #222;
  font-size: 1rem;
  line-height: 1.25 !important;
  /*background: #efefef;
  background: #abb8c3;*/
  background: #f1f1f1;
  background-image: -webkit-linear-gradient(
    rgba( 255, 255, 255, 0 ), 
    rgba( 255, 255, 255, 0 ) ); }

.acf-field input[type="text"]:focus,
.acf-field input[type="email"]:focus,
.acf-field input[type="url"]:focus,
.acf-field input[type="password"]:focus,
.acf-field input[type="search"]:focus,
.acf-field input[type="number"]:focus,
.acf-field input[type="tel"]:focus,
.acf-field input[type="range"]:focus,
.acf-field input[type="date"]:focus,
.acf-field input[type="month"]:focus,
.acf-field input[type="week"]:focus,
.acf-field input[type="time"]:focus,
.acf-field input[type="datetime"]:focus,
.acf-field input[type="datetime-local"]:focus,
.acf-field input[type="color"]:focus,
.acf-field textarea:focus {
  border-color: #333;
  color: #222; }

.acf-field {
  /*padding-top: 0.5em;
  padding-right: 0.5em;
  padding-left: 0.5em;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12),
              0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);*/ }
.af-field { 
  margin-bottom: 1em; }
.acf-fields.-left>.acf-field>.acf-label,
.acf-fields.-left>.acf-field>.acf-input {
  float: none !important;
  width: 100% !important;
  padding: 0 0.75em !important; }
/* ACF Tabs */
.acf-fields > .acf-tab-wrap {
  background-color: transparent!important; }
.acf-fields > .acf-tab-wrap .acf-tab-group {
  border-top: 0!important;
  border-bottom: 0!important; }
.acf-tab-group {
  border-bottom: 0!important;
  margin-top: 1em;
  padding: 0!important; }
.af-page-wrap { 
  margin: 1em 0 0 !important; }

@media screen and (max-width: 380px) {
  .af-page-wrap { 
    flex-direction: column; }
  .af-page-button { 
    text-align: left !important; }
  .af-page-button:before, 
  .af-page-button:after { 
    display: none; }
  a.af-page-button span.index { 
    text-align: center; } 
}

.acf-fields > .acf-tab-wrap .acf-tab-group li { 
  margin-right: 0; }
.acf-fields > .acf-tab-wrap .acf-tab-group li.active a { 
  -webkit-box-shadow: inherit; 
          box-shadow: inherit; }

.acf-accordion-title label:hover {
  /*padding-right: inherit;
  padding-left: inherit;
  box-shadow: inherit;*/
  cursor: pointer; }
.acf-accordion-title {
  position: relative;
  border-bottom: 1px dashed #410159;
  margin-bottom: 0.5em;
  color: #410159;
  font-size: 125%;
  text-transform: uppercase; }
.acf-accordion-icon.dashicons {
  /*display: inherit;
  position: inherit;
  right: 8px;
  font-size: 40px;
  color: #410159;*/ }
.af-submit.acf-form-submit { 
  /*padding: 0;*/ }
ul.acf-checkbox-list { 
  list-style: none; }

.acf-file-uploader p,
.acf-image-uploader p {
  font-size: 14px;
  font-size: 0.875rem; }
.acf-file-uploader p a,
.acf-image-uploader p a {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700; }
.acf-actions {
  margin-top: 1em;
  text-align: right; }
.acf-button,
.af-next-button,
.af-previous-button {
  border: 1px solid #ccc;
  border-radius: 1em;
  padding: 0.5em; }

.acf-field > .af-label.acf-label label {
  margin-bottom: 0.5em;
  font-size: 1.5rem; } 

.acf-repeater > table {
  background: #fff !important; }

/* Acf pro input */
.acf-fields > .acf-field {
  border-top: 0 !important; }

.acf-field.acf-accordion,
.acf-field.acf-message  {
  border-radius: 1em; }

.acf-table > tbody > tr > th,
.acf-table > tbody > tr > td,
.acf-table > thead > tr > th,
.acf-table > thead > tr > td {
  padding: 4px !important; 
  background: transparent !important; }

.acf-table tr {
  border-bottom: 2px solid #ccd0d4; }

.acf-repeater .acf-row-handle.order {
  background-color: transparent !important; }

.acf-repeater .acf-row-handle.remove {
  /*border-right: 3px solid #dfdfdf;
  border-bottom: 3px solid #dfdfdf;*/
  /*background-color: #f9f9f9 !important;*/ }

.acf-repeater .acf-row:nth-child(even),
.acf-repeater .acf-row:nth-child(even) .acf-field.acf-accordion,
.acf-repeater .acf-row:nth-child(even) .acf-field.acf-message,
.acf-repeater .acf-row:nth-child(even) .acf-repeater .acf-row,
.acf-repeater .acf-row:nth-child(even) .acf-table > thead > tr > th  {
  background: #f3e9ea !important; }

.acf-repeater .acf-row .acf-repeater .acf-row {
  background: #fff !important; }

.acf-table td {
  /*border-bottom-width: 10px solid #eee !important;*/ }

.acf-table > tbody > tr > td {
  border-top: 2px solid #666 !important;
  border-bottom-width: 1px; }

.acf-table > tbody > tr:first-child > td {
  border-top: 1px solid #ccd0d4 !important; }

.acf-repeater .acf-table tbody > tr:nth-child(even) > td {
  /*border-bottom: 2px solid #666;*/ }

.acf-repeater .acf-table tbody > tr:nth-child(even) td:nth-child(2) {
  /*background-color: rgb( 247, 247, 247 ) !important;*/ }

#mc_embed_signup_scroll input[type="submit"] {
  border: 1px solid #ccc;
  border-radius: 1em; }

.acf-form-submit .acf-button,
#mc_embed_signup_scroll input[type="submit"] { background-color: #5c5c5c; }
.acf-form-submit button:disabled,
.acf-form-submit button[disabled] {
  display: none;
  background-color: #d1d3d4; }

#mc_embed_signup_scroll input[type="submit"],
.acf-form-submit .acf-button.af-submit-button {
  padding-right: 1.5em;
  padding-left: 1.5em;
  background-color: #381335; }

#mc_embed_signup_scroll input[type="submit"]:hover,
.acf-form-submit .acf-button.af-submit-button:hover { 
  background-color: #1e041d; }

/* Add rows */
.acf-actions .acf-button {
  /* border: 0;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  display: inline-block;
  padding: 1em 2em;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1;
  text-shadow: none;
  background-color: #58595b;*/
  background-color: #fff;
  /*-webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: background 0.2s;
          transition: background 0.2s;
  cursor: pointer;*/ }
.acf-actions .acf-button:hover,
.acf-actions .acf-button:active,
.acf-actions .acf-button:focus {
  color: #fff;
  background-color: #741896;
  background-color: #58595b; }

.acf-file-uploader .hide-if-value {
  padding: 8px 0; }
.acf-file-uploader .hide-if-value p {
  width: 80%;
  background: #ccc; }
.acf-file-uploader .acf-button.button {
  border: 1px solid #ccc;
  border-radius: 0.75em;
  padding-right: 0.25em;
  padding-left: 0.25em; }

/* Submission page instructions & outline */
#form_5c4a1d9f54eab .af-submit.acf-form-submit { 
  display: none; }
/* Submission form */
#form_5c42218e50868 .af-field {
  margin-bottom: 2em;
  padding-bottom: 1em; }

.af-field-instructions,
.acf-field p.description {
  margin-top: 0.5em;
  /*font-size: 80%;*/
  word-break: break-word; }

.acf-field p.description { 
  color: rgb( 140, 135, 165 ); }

.acf-th {
  /*font-size: 80%;*/
  font-weight: 400; }

/* Add, remove row button */
/*.acf-icon.-plus {
  color: white; 
  background: green; }

.acf-icon.-minus {
  color: white; 
  background: red; }

.acf-icon.-collapse {
  color: white; 
  background: blue; }*/

/* Submission response */
.af-success { 
  position: relative;
  border: 10px solid #ebebeb;
  padding: 1em;
  color: #fff;
  background: rgb( 0, 158, 32 ); }
  .af-sccess .message {
    position: absolute;
    top: 0;
    display: block;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    padding: 1.5em;
    background: rgb( 0, 180, 0 ) }
  .af-sccess .message .close-modal {
    color: #000;
    text-transform: uppercase; }

/* MailChimp submit button */
.mc_signup_submit,
#mc_embed_signup_scroll input[type="submit"] { 
  margin-top: 0.5em; }

.indicates-required { 
	font-size: 90%; 
	text-align: right; }

#mc_embed_signup_scroll br { 
  display: none; }


.acf-ui-datepicker .ui-datepicker .ui-widget-header a {
  border: 1px solid rgb(105, 217, 255 ); }

.acf-ui-datepicker .ui-widget-header .ui-icon {
  background-image: url( "https://ehseb.utah.edu/wp-content/plugins/advanced-custom-fields-pro/assets/inc/datepicker/images/ui-icons_444444_256x240.png" ) !important; }

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr.post-footer { 
	margin-top: 3em; 
	margin-bottom: 3em; }

.colors-custom hr.post-footer { 
  background-color: #bbb; }


/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul { 
  margin: 0 auto 1.5rem; }

.entry-content ul,
.entry-content ol { 
  margin: 0 2rem 1.5rem; }


/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

.ehseb-taxonomy-table table {
  background-color: #fff; }

.ehseb-taxonomy-table th {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase; }

.ehseb-taxonomy-table tr > td {
  padding-right: 0.5em;
  padding-left: 0.5em; } 

.ehseb-taxonomy-table td a {
  font-weight: 400;
  box-shadow: inset 0 -1px 0 rgb( 0, 0, 0 ); }

.ehseb-taxonomy-table td a:hover {
  box-shadow: inset 0 -1px 0 #ff0000; }

.ehseb-taxonomy-table td {
  vertical-align: top; }

@media ( min-width: 48em ) { 
  .ehseb-taxonomy-table {
    position: relative;
    right: 35%;
    left: 35%;
    width: 85vw;
    margin-right: -35vw; 
    margin-left: -35vw; }
}


/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

.entry-content a,
.entry-summary a,
.entry-title a,
.entry-meta a,
.comment-content a,
.widget a,
.posts-navigation a,
.widget_authors a strong,
.site-footer .widget-area a,
.content-toc a,
.volume-toc-list li a {
  -webkit-box-shadow: inset 0 -1px 0 rgba( 230, 45, 70, 0.5 );
          box-shadow: inset 0 -1px 0 rgba( 230, 45, 70, 0.5 );
  -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; 
          transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
          transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
          transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.footer-help a {
  color: #fff; }

.footer-help a,
.footer-contacts a {
  -webkit-box-shadow: inset 0 -1px 0 rgb( 255, 255, 255 );
          box-shadow: inset 0 -1px 0 rgb( 255, 255, 255 );
}

.atoz-letter.toggled-on a { 
  color: #bfbfbf;
  -webkit-box-shadow: inset 0 -1px 0 rgb( 0, 191, 255 );
          box-shadow: inset 0 -1px 0 rgb( 0, 191, 255 ); 
} 

.category-issue .entry-content a,
.site-footer .widget-area a,
/*.entry-title a,
.entry-meta a,*/
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.support-info a,
.site-info a,
.author-bio a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a,
.navigation.flex a {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
  transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.author-bio a {
  -webkit-box-shadow: inset 0 -1px 0 rgba( 121, 229, 128, 0.75 );
          box-shadow: inset 0 -1px 0 rgba( 121, 229, 128, 0.75 );
}

/* Hover effects */
.entry-content a:focus,
.entry-content a:hover,
.category-issue .entry-content a:focus,
.category-issue .entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.support-info a:focus,
.support-info a:hover,
.author-bio a:focus,
.author-bio a:hover,
.site-info a:focus,
.site-info a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover,
.navigation.flex a:focus,
.navigation.flex a:hover,
.panel-news a:focus,
.panel-news a:hover,
.content-toc a:focus,
.content-toc a:hover,
.volume-toc-list li a:focus,
.volume-toc-list li a:hover {
  /*color: #fff;
  font-weight: 500;*/
  background: rgb( 252, 243, 216 );
  -webkit-box-shadow: inset 0 -1px 0 rgba( 15, 15, 15 );
          box-shadow: inset 0 -1px 0 rgba( 15, 15, 15 );
  -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
          transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
          transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
          transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

#menu-students li a.focus,
#menu-students li a:focus,
#menu-students li a:hover {
  border-radius: 0.25em;
  color: #222; }


/* Match Health Sciences Styling */
.main-navigation li a,
.navigation.flex a {
  color: #999;
  font-size: 14px;
  text-transform: uppercase;
  transition: color 0.3s, box-shadow 0.3s; }
.navigation.flex a {
  color: #222; }
.main-navigation li a:hover,
.navigation.flex a:hover {
  color: #ae162b; }
.navigation.flex p a {
  font-weight: 700; }
.navigation.flex h6 {
  text-transform: uppercase; }

.footer-contacts a:focus,
.footer-contacts a:hover {
  color: rgb( 15, 15, 15 );
  background: #fff;
  -webkit-box-shadow: inset 0 -1px 0 rgb( 15, 15, 15 );
          box-shadow: inset 0 -1px 0 rgb( 15, 15, 15 );
}

/* Issues List Page */
ul.entry-summary-links,
ul.section-menu {
  list-style: none; }

ul.entry-summary-links li {
  display: inline-block;
  min-width: 100px;
  /*max-width: 160px;
  width: 100%;*/
  width: auto;
  height: auto;
  margin: 2px 2px 2px 0; }

ul.entry-summary-links li a {
  /*display: block;*/
  border-radius: 0.25em;
  border-bottom: 0;
  padding: 0.7em 1em 0.861em;
  color: #fff;
  font-size: 13px;
  font-size: 0.8rem;
  letter-spacing: 1px;
  background: #333;
  box-shadow: 0 2px 5px 0 rgba( 0, 0, 0, 0.26 );
  -webkit-transition: all 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
          transition: all 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;       
}

.colors-custom .entry-summary li a { 
  color: #fff; }

ul.entry-summary-links li:last-of-type a {
  color: inherit;
  background-color: #fff;
  /*box-shadow: inherit;*/ }
ul.entry-summary-links li a:hover,
ul.entry-summary-links li a:focus {
  color: #fff;
  background-color: #000;
  box-shadow: 0 8px 17px 0 rgba( 0, 0, 0, 0.2 ); }

.entry-content p .toc-title a { 
	font-weight: 800; 
	text-transform: uppercase; }
.entry-content p .toc-author a,
.entry-content p .toc-author span { 
	font-size: 16px; 
	font-size: 1rem; 
	font-style: italic; }
.entry-content p .toc-author span { 
  font-style: italic; }
.entry-content pre { 
	margin-bottom: inherit; 
	padding: inherit; 
	font-size: 18px; 
	font-size: 1.125rem; 
	line-height: 1.5; 
	white-space: nowrap; 
	background: inherit; }

.entry-content .more-link::before { 
  display: none;
  margin-top: 0; }

.content-toc li {
  list-style: none; 
  border-bottom: 1px solid #ddd; }

.content-toc li a {
  line-height: 2; }

/* Gutenberg button custom color */
/* Gutenberg button custom color */
.wp-block-button a.has-background {
  background-color: #383838 !important; }

.wp-block-button a.has-background:hover {
  background-color: #ae162b !important; }

.dev-footer ul li a {}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

.navigation-top { 
  border-top: 0;
  border-bottom: 1px solid #e3e3e3;
  width: 100%;
  font-size: 1.25rem;
  background: #fff; 
  /*-webkit-box-shadow: 0 7px 8px 0 rgba( 64, 64, 64, 0.10 );
          box-shadow: 0 7px 8px 0 rgba( 64, 64, 64, 0.10 );*/ }
  .navigation-top .wrap {
    /*padding: 0.25em 0 0 0;*/
    padding: 0; } 
  .main-navigation a { 
    text-transform: lowercase; }

  /* Top menu logo */
  .main-navigation .menu-item-00 { 
    vertical-align: middle; }
    .main-navigation .menu-item-00 a img {
      width: auto;
      height: 40px;
      vertical-align: middle;
      -webkit-transition: -webkit-filter 0.2s ease-in;
              transition: -webkit-filter 0.2s ease-in;
              transition: -webkit-filter 0.2s ease-in, filter 0.2s ease-in;
              transition: filter 0.2s ease-in;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;}
    .main-navigation .menu-item-00 a:hover img,
    .main-navigation .menu-item-00 a:focus img {
      -webkit-filter: opacity( 60% );
              filter: opacity( 60% ); }

  /* mobile menu */
  .js .menu-toggle { 
    position: relative; 
    float: right; }
    .menu-toggle {
      max-width: 90px; 
      /*width: 100%;*/ 
      margin: 0; }
      .menu-toggle:focus,
      .menu-toggle:hover,
      :not(.mejs-button) > button:focus, 
      :not(.mejs-button) > button:hover {
        color: #fff;
        background-color: #222; }
  .menu-top-menu-container { 
    clear: both; }

/* Scroll down arrow */
.widget ul#menu-legal li {
  border-top: 0;
  border-bottom: 0;
  padding: 0.25em 0;
  /*font-size: 0.75em;*/
  text-align: center; }

/* Scroll up arrow,mobile position */
#scroll-top {
  /*position: static;
  z-index: 100;
  top: -2px;
  right: 10%;
  display: none;*/ 
  border-radius: 0 0 0.3em 0.3em;
  border: 0px solid #acacac;
  padding: 0.5em 0.75em;
  text-align: right;
  background: #fff; 
  box-shadow: 2px 2px 5px #acacac;
  -webkit-transition-duration: 0.4s; 
     -moz-transition-duration: 0.4s;
          transition-duration: 0.4s; }

  #scroll-top::hover { 
    /*-webkit-transform: rotate(360deg); */ }

/* Post navigation */
.post-navigation .nav-links { 
	border-top: 1px solid #eee;
	padding-top: 2em; }

/* Post Type Index Page */

.navigation.flex {
  flex-direction: column; }

.navigation.flex ul {
  list-style: none; }


/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

.wrap {
  max-width: 740px;
  padding-left: 0.75em;
  padding-right: 0.75em; }


/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

body:not(.home) .site-branding { 
  display: none; }
  .site-description-alt {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: .25em;
    color: #fff !important;
    font-size: 150%; }
  .site-description { 
    color: #fff; }

.custom-header-media:before {
  /*background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%, rgba(0, 0, 0, 0.7) 100%); 
  background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%, rgba(0, 0, 0, 0.7) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0);*/
  background: inherit;
  filter: inherit; }

.site-title-overline {
  color: rgb( 255, 255, 255 );
  font-size: 1.5rem;
  text-transform: uppercase; }

/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/

.page .panel-content .recent-posts .entry-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
  font-weight: 800; }

.page .twentyseventeen-panel .panel-content:first-child {
  background: #607d88; }

/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

/* Specific to UOFUH template, discovery.med.utah.edu 
 * Sections: References, Press Releases, Media
 */
.wp-block-columns.xs-col {
  flex-wrap: nowrap; }
.wp-block-columns.xs-col,
.xs-col .wp-block-image {
  margin-top: 0;
  margin-bottom: 0.25rem;
  padding-top: 0; }
  .xs-col .wp-block-column:not(:first-child) {
    margin-left: 0; }
  .xs-col .wp-block-image img { 
    width: 24px;
    height: 32px;
    vertical-align: text-top; }


/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/

.content-title {
  margin-bottom: 2em; 
  text-align: center; }

body.page:not(.twentyseventeen-front-page) .entry-title {
  font-size: 21px;
  font-size: 1.3125rem; }

.entry-header .entry-title { 
  margin-bottom: 2em; }

.category .entry-header .entry-title {
  margin-bottom: inherit; }

.blog .entry-header .entry-title,
.archive .entry-header .entry-title,
.search .entry-header .entry-title { 
  margin-bottom: 0; }
.entry-header.issue-full .entry-title { 
  margin-bottom: 2em; }

.colors-custom .entry-meta time,
.colors-custom .entry-meta .metasep { 
  color: #767676; }
.colors-custom .entry-meta .posted-on { 
  font-weight: 700; }

/* Visible on content excerpt entry meta*/
.byline {
  display: inline-block; }
/**/
p.post-byline {
  padding-top: 1em;
  font-size: 14px;
  font-size: 0.875rem; }
p.post-byline em { 
  text-transform: lowercase; }

/* Author Bio */
.author-bio { 
  margin-top: 2em; }
.author-bio:after {
  display: block;
  clear: both;
  height: 0;
  content: ''; }
.author-bio .bio-avatar {
  display: inline-block;
  width: auto;
  margin-bottom: 0.5em; }
.author-bio .bio-avatar .avatar-default {
  opacity: 0.0;
  filter: alpha( opacity=0 );
  background: #fff; }
.author-bio p { 
  overflow: hidden; }
.bio-desc { 
  font-size: 90%; }
.author-bio .bio-post {
  display: block;
  padding-top: 0.5em;
  font-size: 80%;
  font-weight: 700; }
.author-bio a.button {
  padding: .5em .6em;
  border-radius: 0.3em;
  border: 2px solid #acacac;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in; }

/* Blog landing, search, archives */
.blog .site-main > article,
.page .site-main > article,
.archive .site-main > article,
.search .site-main > article,
.search:not(.has-sidebar) #primary article { 
  padding-bottom: 3.5em; }

/* diagnoses excerpt listing */ 
.archive.category article,
.search .site-main > article,
.search:not(.has-sidebar) #primary article {
  padding-bottom: inherit; }

body:not(.twentyseventeen-front-page) .entry-header {
  padding-top: inherit;
  /*padding-top: 2em;*/
  padding-bottom: .25em; }

/* Toggle more */
button.toggleall {
  /*position: static;*/
  display: flex;
  align-content: center;
  justify-content: center;
  border-radius: 10px;
  margin-right: 8px;
  padding: 0.8rem 1.25rem;
  font-weight: 400;
  line-height: 1rem;
  -webkit-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
button.toggleall.toggle-fixed {}
button.toggleall span,
.colors-custom button.toggleall {
  padding: 0;
  color: #fff;
  color: #464d53;
  font-size: 0.75rem; }
button.toggleall.open.toggled-on,
button.toggleall.close { 
  border: 0;
  background-color: #fff; }
button.toggleall.open.toggled-on:hover {
  color: #fff;
  background-color: #ff5c33; }
button.toggleall.close:hover {
  color: #fff;
  background-color: #009933; }
button.toggleall.open:hover .button-title,
button.toggleall.close:hover .button-title {
  color: #fff; }

/* Accordion Panel Heading Toggle */
.more {
  display: flex;
  justify-content: space-between; }
.more:hover {
  cursor: pointer; }
.more > .icon {
  position: relative;
  top: -1px;
  left: 0;
  display: inline; }
/* default */
.more .icon-angle-down {
  -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
  -ms-transform: rotate(0); /* IE 9 */
  transform: rotate(0);
  -webkit-transition: transform 0.25s ease-in-out;
  -ms-transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out; }
/* open */
.more.toggled-on .icon-angle-down{
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  -ms-transform: rotate(180deg); /* IE 9 */
  transform: rotate(180deg); }

/* close state on page load */
.panel.hidden {
  /*visibility: hidden;
  display: none;*/ }
/* Search and Archive type */
.panel {
  padding-top: 1rem;
  padding-bottom: 1rem; }

/* ACF and Advanced Forms Pro */
:placeholder,
::placeholder,
.acf-field input:placeholder,
.acf-field input::placeholder, 
.acf-field textarea:placeholder,
.acf-field textarea::placeholder { 
  color: rgb( 140, 135, 165 ); }

/* Custom taxonomy "Alphasort", post-type: Author */
.atoz-item {
  display: inline-block;
  width: auto;
  margin-right: 16px;
  margin-bottom: 16px; }

.atoz-letter a { 
  /*font-size: 175%;*/ }

.atoz-letter.more { 
  display: inherit; }

.atoz-letter.more.close::after,
.atoz-letter.more.open::after {
  display: inline; 
  vertical-align: middle;
  /*border: 1px solid #666;*/
  margin: 0 0.5em 0 1em;
  padding: 0 0.5em;
  font-size: 0.5em;
  line-height: 1;
  background: #f1f1f1;
  box-shadow: 0 1px 1px rgba( 12, 13, 14, 0.15 ), inset 0 1px 0 0 #fff; 
  overflow-wrap: break-word; }

.atoz-letter.more.close::after {
  content: '\0022C1'; 
  /*background: #e6e6e6;*/ }

.atoz-letter.more.open::after {
  content: '\0022C0'; 
  /*background: #999;*/ }

ul.atoz-index li {
  /*display: inline-block;
  margin-right: 16px;
  margin-bottom: 16px;*/
  margin-bottom: 0; }

ul.languages {
  list-style: none;
  position: relative;
  text-align: right; }
ul.languages li a {
  color: #222;
  width: auto;
  margin-top: 2px;
  padding: 0.35em 1.25em 0.5em; }
ul.languages li a:hover {
 color: #000; }

/* Flipped Card */
[data-flip-card] {
  /*-webkit-perspective: 800px;
          perspective: 800px;*/
  position: relative;
  height: 100%; }
  [data-flip-card] .container--card {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  [data-flip-card] .container--card.flipped .card-content.front {
    -webkit-transform: rotatey(180deg);
            transform: rotatey(180deg); }
  [data-flip-card] .container--card.flipped .card-content.back {
    -webkit-transform: rotatey(0deg);
            transform: rotatey(0deg); }
  [data-flip-card] .card-content.front,
  [data-flip-card] .card-content.back {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
          -o-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
            transition: 0.5s;
    overflow: hidden; }
  [data-flip-card] .card-content.front {
    position: relative;
    z-index: 2;
    background: white;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }
  [data-flip-card] .card-content.back {
    position: absolute;
    top: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg); }


/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/
.archive.page-one-column:not(.has-sidebar) .page-header,
.page-header { 
  margin-top: 1rem; 
  margin-bottom: 3rem;
  padding-bottom: 0; }

/*.page article .entry-content > div {
  border: 20px solid transparent;
  border-top: 0;
  padding: 1em; }

.page article .entry-content > div:not(#ez-toc-container),
.page article .entry-content > div.has-background {
  border-top: 20px solid transparent; }

.page article .entry-content > div:not(#ez-toc-container) ~ div {
  border-top: 0; }*/

.page article .entry-content > div:last-of-type {
  /*padding: 0;*/ }

/* Alerts */
.warning {
  /*border-radius: 0.5em;*/ }

.notification {
  border: 20px solid #eee;
  padding: 1.5em; }

.notification p { }

#post-2475 .entry-header {
  display: none; }

.covid-h1 {
  padding-top: 0; }

.covid-menu-container {
  border-radius: 0 0 0.5em 0.5em; }

.covid-block {
  margin-bottom: 4em;
  padding: 1em 2.5em 2em;
  -webkit-box-shadow: 0 10px 20px 0 rgba( 0, 0, 0, 0.1 );
          box-shadow: 0 10px 20px 0 rgba( 0, 0, 0, 0.1 );
  transition: all 0.3s;
  overflow: hidden;
  text-overflow: ellipsis; }

.covid-menu a:hover span.has-white-color {
  color: #222; }

.covid-uhealth,
.covid-central {
  padding: 50px 10px;
  color: #fff; }

.covid-uhealth {
  background: url( 'https://healthcare.utah.edu/coronavirus/_images/healthcare-home-covid-2.jpg' ) center center no-repeat; }

.covid-central {
  background: url( 'https://coronavirus.utah.edu/wp-content/uploads/sites/2/2020/03/GettyImages-1200706447.jpg' ) center center no-repeat; }

.covid-block-image {
  margin-bottom: 0; }

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/
.page .site-main article.twentyseventeen-panel:last-child {
  padding-bottom: inherit; }

.page-footer > .widget-area:first-of-type {
  background: #f1f1f1; }

/* Social nav */
body.home .social-navigation {
  /*display: none;*/ }

.social-navigation {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center; }

.social-navigation a {
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
  width: 50px;
  height: 50px;
  margin: 0 .75em 0.5em 0; 
  background-color: #607d88; }

.colors-custom .social-navigation a {
  background-color: hsl( 351, 40%, 20% ); }

.social-navigation .icon {
	top: 16px;
  width: 21px;
  height: 21px; }

.social-navigation a:hover .icon,
.social-navigation a:focus .icon,
.colors-custom .social-navigation a:hover .icon,
.colors-custom .social-navigation a:focus .icon {
  color: #fff; }

.social-navigation a:hover .icon {
  color: #ffff99; }

.widget { 
  padding-bottom: 1em; }

.widget.widget_nav_menu,
.widget.widget_mailchimpsf_widget { 
  margin-bottom: 2em; }
.widget.widget_nav_menu { 
  /*border-bottom: 1px solid #ccc;*/ }

/* Support info */
.site-footer .wrap,
.site-footer .widget-area {
  padding-top: 0;
  padding-bottom: 0; }
.site-footer .support-info { text-align: center; }
.site-footer .support-info h4 {}
.site-footer .support-info ul {
  width: auto;
  margin: 0 auto; }
.site-footer .support-info li {
  margin: 1em;
  list-style: none; }
.site-footer .support-info li a {
  padding: .5em 1em;
  color: #666;
  font-size: 1.5em; }
.site-footer .support-info li a:hover {
  background-color: transparent; }

/* Subscribe */
.subscribe-form {
  margin-top: 3em;
  margin-bottom: 3em; }

/* Archive Search */
.a-z-list {
  /*margin-bottom: 2.5em;
  font-size: 200%;
  */ }

.entry-content .file-info li,
.volume-toc-list li { 
  list-style: none; }
.volume-toc-list .current-item { 
  color: #aaa; }

.emptymonth,
body.colors-custom .emptymonth { 
  color: #ccc; }
body.tag .category-issue .entry-content { 
  margin-top: 3em; }
body.page-template-page-issue article .entry-content .entry-body { 
  margin-bottom: 2em; }

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

.panel-news a {
  color: #ff0000; }

.page .panel-content .entry-title {
  margin: 0 0 0.25em;
  padding: 0;
  color: #666;
  font-size: 1.625rem; 
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: inherit; }

.twentyseventeen-panel.post-13 .wrap .entry-header {
  margin-bottom: 0; }

.twentyseventeen-panel.post-13 .panel-news {
  display: flex;
  justify-content: space-between; }

.twentyseventeen-panel.post-13 .panel-news a {
  display: block; }

.widget-area .widgettitle {
  text-transform: uppercase; }

.header-header-home {
  position: relative; }

.header-header-home .textwidget,
.header-header-home .menu-students-container { 
  display: block;
  max-width: 1200px; 
  margin-right: auto;
  margin-left: auto; }

/* Home Hours band */
.header-header-home .widget_text {
  padding: 1.75em 1em 1.5em;
  text-align: center;
  background-color: #607d88; }

.header-header-home .widget_text .textwidget { 
  color: #fff;
  font-size: 22px;
  font-size: 1.25em; 
  font-weight: 400; }

#nav_menu-9 {
  border-bottom: 0;
  margin-bottom: inherit;
  padding: 1.25em 0.5em 2em;
  text-align: left;
  background-color: rgba( 125, 0, 0, 0.75 ); }

#nav_menu-9,
#nav_menu-9 a {
  color: #fff; }

#nav_menu-9 a:hover {
  text-decoration: underline; }

.home .footer-help {
  /*display: none;*/ }

.footer-quicklink,
.footer-help,
.footer-site-index,
.footer-contacts {
  padding: 2em 1em 1em; }

.footer-quicklink { 
  background-color: #cecece; }

.footer-quicklink ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.footer-quicklink .widget ul li { 
  flex: 0 1 45%; 
  border-top: 0;
  border-bottom: 0; 
  margin-bottom: 2em;
  padding: 0;
  text-align: center; }

.footer-quicklink .widget:not(.widget_tag_cloud) ul li + li {
  margin-top: 0; }

.footer-quicklink .widget ul li a {
  display: block;
  padding-bottom: 1.5em;
  color: #fff;
  /*font-size: 80%;*/
  font-size: 1em;
  font-weight: 700; 
  /*line-height: 4;*/
  transition: all 0.3s ease-in; }

.footer-quicklink .widget ul li a:hover {
  color: #fff;
  background-color: #333; }

.footer-quicklink ul li:before {
  /*display: block;
  margin-right: inherit;
  color: #fff;
  font-size: 3em; 
  line-height: 3;
  text-align: center;*/ }
  
.footer-quicklink #menu-how-do-i li {
  background: linear-gradient( rgba( 61, 117, 168, 0.85 ), rgba( 61, 117, 168, 0.85 ) ), url( 'https://ehseb.utah.edu/wp-content/uploads/2021/01/University-of-Utah-Eccles-Health-Sciences-Education-Building-night-1912x1500-1-150x150.jpg' ); 
  background-image: cover; 
  background-image: no-repeat; }

.footer-quicklink #menu-how-do-i li.fa-bell {
  background: rgba( 122, 0, 1, 1.0 ); 
  background-image: none; }

.footer-quicklink #menu-where-is li {
  background: linear-gradient( rgba( 8, 99, 94, 0.85 ), rgba( 8, 99, 94, 0.85 ) ), url( 'https://ehseb.utah.edu/wp-content/uploads/2021/01/University-of-Utah-Eccles-Health-Sciences-Education-Building-night-1912x1500-1-150x150.jpg' ); 
  background-image: cover;
  background-image: no-repeat; }

.footer-quicklink #menu-where-is li.fa-shield-alt {
  background: rgba( 175, 11, 14, 1.0 ); 
  background-image: none; }

.footer-help {
  padding-top: 1.5em;
  color: #fff;
  text-align: center; 
  /*background-color: #363636;*/
  background: #ab162b; } 

.footer-help button,
.footer-help a.button  {
  display: block;
  border-radius: 8px;
  width: 100%;
  margin: 0.5em auto 0;
  padding: 1.25em 2em;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #00a885; }

.footer-help button .dashicons::before,
.footer-help a.button .dashicons::before {
  font-size: 1.5rem;
  line-height: 1.5; }

.footer-help a.button:hover {
  color: #00a885;
  background-color: #fff; }

.footer-site-index { 
  background-color: #f9efe5; }

.footer-contacts {
  color: #fff;
  background: linear-gradient( rgba( 0, 0, 0, 0.65 ), rgba( 0, 0, 0, 0.65 ) ), url( 'https://utahderm.med.utah.edu/wp-content/uploads/2021/03/derm-v4.jpg' );
  background-size: cover; }

.footer-contacts a,
.footer-contacts .widgettitle {
  color: #fff; }

.footer-contacts a:hover {
  color: #ff0000; }

.footer-contacts .widgettitle {
  font-size: 1em; }

.footer-contacts #custom_html-11 .widgettitle {
  font-size: 1.625em; }

.footer-contacts > div > div > div {
  margin-bottom: 2em; }



/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

.gallery-item img.sponsors {
  filter: grayscale( 100% ); }

.wp-caption .wp-caption-text {
  margin-bottom: 3.5rem; }

/* Extended Biography Items Container */
.file-wrap {
	position: relative; 
  border: #DFDFDF solid 1px;
  min-height: 84px; }

  .file-wrap .file-icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-right: #E5E5E5 solid 1px;
    padding: 10px;
    background: #F1F1F1; }

  .file-wrap .file-info {
  	margin-left: 69px;
    padding: 10px; }

  .file-wrap .file-info p {
    margin: 0 0 2px;
    font-size: 13px;
    line-height: 1.4em;
    word-break: break-all; }

/* Media icon for post meta entries */
p.archive::before,
p.audio::before,
p.authors::before,
p.categories::before,
p.code::before,
p.date::before,
p.document::before,
p.image::before,
p.interactive::before,
p.issues::before,
p.keywords::before,
p.media::before,
p.pdf::before,
p.person::before,
p.pressrelease::before,
p.reference::before,
p.rsvp::before,
p.spreadsheet::before,
p.text::before,
p.titles::before,
p.video::before {
  float: left;
  vertical-align: text-top;
  width: 48px;
  min-height: 64px;
  height: auto;
  margin-right: 1rem;
  margin-bottom: 2rem;
  padding: 0.25rem;
  content: '';
  background-color: #f1f1f1; }

p.archive::before { 
  background: url( '../ehsl-2017-global/assets/images/media/archive.png' ); }
p.audio::before { 
  background: url( '../ehsl-2017-global/assets/images/media/audio.png' ); }
p.authors::before { 
  background: url( '../ehsl-2017-global/assets/images/media/authors.png' ); }
p.categories::before { 
  background: url( '../ehsl-2017-global/assets/images/media/categories.png' ); }
p.code::before { 
  background: url( '../ehsl-2017-global/assets/images/media/code.png' ); }
p.date::before { 
  background: url( '../ehsl-2017-global/assets/images/media/date.png' ); }
p.document::before { 
  background: url( '../ehsl-2017-global/assets/images/media/document.png' ); }
p.image::before { 
  background: url( '../ehsl-2017-global/assets/images/media/image.png' ); }
p.interactive::before { 
  background: url( '../ehsl-2017-global/assets/images/media/interactive.png' ); }
p.issues::before,
p.entry-content p.reference::before { 
  background: url( '../ehsl-2017-global/assets/images/media/issues.png' ); }
p.keywords::before { 
  background: url( '../ehsl-2017-global/assets/images/media/keywords.png' ); }
p.media::before { 
  background: url( '../ehsl-2017-global/assets/images/media/interactive.png' ); }
p.pdf::before { 
  background: url( '../ehsl-2017-global/assets/images/media/pdf.png' ); }
p.person::before { 
  background: url( '../ehsl-2017-global/assets/images/media/person.png' ); }
p.pressrelease::before,
p.text::before { 
  background: url( '../ehsl-2017-global/assets/images/media/text.png' ); }
p.rsvp::before { 
  background: url( '../ehsl-2017-global/assets/images/media/rsvp.png' ); }
p.spreadsheet::before { 
  background: url( '../ehsl-2017-global/assets/images/media/spreadsheet.png' ); }
p.titles::before { 
  background: url( '../ehsl-2017-global/assets/images/media/titles.png' ); }
p.video::before { 
  background: url( '../ehsl-2017-global/assets/images/media/video.png' ); }

p.archive,
p.audio,
p.authors,
p.categories,
p.code,
p.date,
p.document,
p.image,
p.interactive,
p.issues,
p.keywords,
p.media,
p.pdf,
p.person,
p.pressrelease,
p.reference,
p.rsvp,
p.spreadsheet,
p.text,
p.titles,
p.video {
  margin-bottom: 0; }

p.archive::after,
p.audio::after,
p.authors::after,
p.categories::after,
p.code::after,
p.date::after,
p.document::after,
p.image::after,
p.interactive::after,
p.issues::after,
p.keywords::after,
p.media::after,
p.pdf::after,
p.person::after,
p.pressrelease::after,
p.reference::after,
p.rsvp::after,
p.spreadsheet::after,
p.text::after,
p.titles::after,
p.video::after {
  display: block;
  clear: both;
  content: ''; }

/*.fontawesome:before { 
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  font-family: 'Font Awesome 5 Free';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased; }

.fontawesome:before { 
  margin-right: 0.5em; }*/

/* clock */
/*.f017:before { content: '\f017'; }*/
/* comment */
/*.f075:before { content: '\f075'; }*/
/* envelope */
/*.f0e0:before { content: '\f0e0'; }*/
/* mobile */
/*.f10b:before { content: '\f10b'; }*/
/* mobile-alt */
/*.f3cd:before { content: '\f3cd'; }*/
/* search */ /* fontawesome f002 fas fa-search */
/*.f002:before { content: '\f002'; }*/
/* tv */
/*.f26c:before { content: '\f26c'; }*/
/* clinical-medical */
/*.f7f2:before { content: '\f7f2'; }*/
/* utensils */
/*.f2e7:before { content: '\f2e7'; }*/
/* car */
/*.f1b9:before { content: '\f1b9'; }*/
/* rss */
/*.f09e:before { content: '\f09e'; }*/
/* shield-alt */
/*.f3ed:before { content: '\f3ed'; }*/
/* concierge-bell */
/*.f562:before { content: '\f562'; }*/
/* clipboard-check */
/*.f46c:before { content: '\f46c'; }*/
/* wifi */
/*.f1eb:before { content: '\f1eb'; }*/
/* close */
/*.f410:before { content: '\f410'; }*/

.dashicons::before {
  margin-right: 0.25em; 
  vertical-align: middle; 
  font-size: 1.25rem;
  line-height: 1.25; }

.menu-search .dashicons {
  width: inherit;
  height: inherit;
  vertical-align: middle;
  font-size: inherit; }

.menu-search .dashicons::before {
  margin-right: 0;
  vertical-align: middle;
  font-size: 1.75rem;
  line-height: 1; }

.panel-news .dashicons::before {
  margin-right: 0;
  font-size: 1rem;
  line-height: 1;
  vertical-align: bottom; }

.notification .dashicons {
  width: 3em;
  height: 3em; 
  margin-right: auto;
  margin-left: auto; }

.notification .dashicons::before {
  margin-right: 0;
  margin-left: 0;
  font-size: 4rem;
  line-height: 1;
  vertical-align: middle; }

.notification .dashicons-warning::before {
  color: #c09c10;
  color: #fcb900; }

#scroll-top .dashicons {
  display: block;
  width: inherit;
  height: inherit; }

#scroll-top .dashicons::before {
  margin-right: inherit; }

#scroll-top a:active,
#scroll-top a:hover {
  color: #ff0000; 
  text-decoration: underline; }

.footer-quicklink .dashicons {
  display: block;
  width: inherit;
  height: inherit; 
  line-height: inherit; }

.footer-quicklink .dashicons::before {
  display: inherit;
  margin-right: inherit;
  width: inherit;
  height: inherit;
  font-size: 3.25em;
  line-height: inherit; }


/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

.gallery-item {
  display: block;
  width: 100%;
  padding: 0; }

.gallery-item p { 
  /*font-size: .75em;*/ }

.gallery-item p a {
	border-bottom: 0;
  text-decoration: none; }


/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

@media ( max-width: 767px ) { 
  .custom-header {
    position: relative;
    /*padding-top: 120px;*/ }
    body:not( .home ) .custom-header {
      display: none; }

  /* Navigation container */
  .navigation-top {
    position: sticky;
    z-index: 1; }
    .home .navigation-top {
      position: absolute;
      top: 0; 
      z-index: 999;
      width: 100%; }
    .admin-bar .navigation-top { 
      /*top: 46px;*/ }
    .navigation-top .wrap {
      padding: 0; }

  /* Nav */
  .js .main-navigation.toggled-on > div > ul { 
    position: sticky;
    z-index: 1;
    display: block;
    box-shadow: 0 7px 8px 0 rgba( 64, 64, 64, 0.1 ); }

  a.mobile-logo {
    padding: 0; }

  img.mobile-logo {
    float: left;
    display: block;
    width: auto;
    height: 36px;
    margin: 0.25em 0.5em; }

  .menu-item-00 {
    display: none; }

  .menu-top-menu-container ul {
    background-color: #f8f8f8; }

  .site-content {
    padding: inherit; }

  /* dashicons */
  .notification .dashicons {
    display: block; }

  #menu-students .dashicons {
    display: block;
    width: inherit;
    height: inherit; }

  .header-header-home .widget_text .textwidget { 
    font-size: 1em; }

  /* scroll-top */
  #scroll-top {
    border-bottom: 1px solid rgba( 0, 0, 0, 0.3 );
    margin: 0 0 1.5em; 
    box-shadow: none; }

  /* Advanced Forms Pro table display fix */
  .mobile-table {
    overflow-y: auto; }

  .acf-repeater .acf-row-handle,
  .acf-repeater .acf-row-handle.order,
  .acf-repeater .acf-row-handle.remove {
    display: none; }

  .entry-body-wrapper,
  .entry-wrapper {
    display: flex; }

  .entry-body-wrapper {
    flex-direction: column; }

  .entry-wrapper {
    flex-direction: column-reverse; }

  .entry-wrapper .content-toc {
    margin-bottom: 1em;
    padding: 1em 1em 0; 
    background: #f1f1f1; }

  .entry-wrapper .content-toc h6 {
    line-height: 2; }
}

@media ( min-width: 30em ) {
  /* Menu legal */
  .widget ul#menu-legal li {
    display: inline-block;
    padding: 0.25em ;
    /*font-size: 14px;
    font-size: .875em; */
    text-align: left; }

  .alignleft {
  	float: left;
    display: inline;
    margin-right: 1.5em; }
  .alignright {
  	float: right;
    display: inline;
    margin-left: 1.5em; }

  /* Fix image alignment */
  img.alignleft {
    float: left;
    margin-right: 1.5em; }
  img.alignright {
    float: right;
    margin-left: 1.5em; }

  /* Author bio bloxk */
  .author-bio .bio-avatar {
  	float: left;
    display: inline-block;
    width: auto;
    margin-right: 1em;
    margin-bottom: 1em; }

  /* JsSocials Icons */  

  #shareIconsFooter.jssocials {
    margin-top: 3em; }

  .jssocials-share-link {
    border: 2px solid #222;
    padding: 0.25em 0.3em; }

  /* icon */
  .jssocials-share-logo {
  	color: #222;
    font-size: inherit; }

  .jssocials-share-logo:hover,
  .jssocials-share-link:hover {
    color: #fff;
    background-color: #222; }
}

@media ( min-width: 48em ) {
  /* Typography */
  body,
  button,
  input,
  select,
  textarea { 
    /*font-size: 21px; font-size: 1.3125rem;*/ }

  a.mobile-logo {
    display: none; }

  body.home .navigation-top {
    top: 0;
    bottom: inherit; }
  .navigation-top nav {
    margin-left: inherit; }
  .navigation-top .wrap {
    max-width: 100rem; }

  /* Menu name: Top */
  .menu-top-container { 
    display: inline-block; }

  .main-navigation .menu-item-00 {
    display: inline-block;
    width: auto;
    margin: inherit;
    margin-top: -8px; }
  .main-navigation a {
    padding: 0.75em; }
  .main-navigation ul ul a {
    padding: 0.25em 1em; }

  /* Match Health Sciences Styling */
  .js .main-navigation > ul,
  .js .main-navigation > div > ul {
    /*margin-right: 0.5em;*/
    text-align: right; }

  .has-header-image.twentyseventeen-front-page .site-branding {
    /*display: none;*/ }
  .site-branding .wrap { 
    max-width: 1000px; }
  .site-branding-text .site-title a {
    font-size: 4rem;
    line-height: 4.25rem; }
  .site-branding-text .site-description {
    font-size: 2rem; }
  .custom-logo-link img {
    max-height: 166px; }

  .site-header .navigation-top .menu-scroll-down {
    display: none; }

  .page-template-page-timeline .site-content .wrap,
  .page.page-one-column:not(.twentyseventeen-fronot-page) #primary {
    max-width: 100%;
    width: 100%; }

  body.page:not(.twentyseventeen-front-page) .entry-title,
  .entry-header.issue-full .entry-title,
  .search .entry-header .entry-title {
    /*font-size: 26px;
    font-size: 1.625rem;*/ }

  .js .menu-toggle, 
  .js .dropdown-toggle { 
    display: none; }

  /* Post, Page Navigation */
  .navigation.pagination {
    float: none;
    border-bottom: 1px solid #eee;
    width: 100%; }

  /* page */
  /*.page article .entry-content > div,
  .page article .entry-content > div:not(#ez-toc-container),
  .page article .entry-content > div.has-background  {
    border-color: #ebebeb; }*/

  .notification p {
    display: inline-block;
    width: 80%; }


  /* Post Type Index Page */
  .navigation.flex {
    flex-direction: row; 
    justify-content: space-between; }

  .navigation.flex > div {
    flex: 0 1 32%; 
    margin-top: 2em;
    margin-bottom: 2em; }

  .navigation.flex > div:first-child {
    flex-basis: 35%; } 

  .navigation.flex div li { 
    margin-bottom: 0.75em; 
    line-height: 1.15; }

  .navigation.flex > div {
    font-size: 95%; }

  /* widgets */
  .page-one-column .panel-content .wrap,
  .page-footer .wrap {
    max-width: 1200px; }

  .header-header-home { 
    position: absolute;
    z-index: 10;
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0; }

  .header-header-home .widget ul li {
    border-top: 0;
    border-bottom: 0; }

  #nav_menu-9 { 
    text-align: center; 
    background-color: rgba( 125, 0, 0, 0.5 ); }

  #menu-students {
    display: flex; 
    justify-content: space-evenly; }

  #menu-students li { 
    /*flex: 0 1 content;*/
    flex: 0 1 20%; }

  #menu-students li:last-child { }

  #menu-students li a,
  #menu-students li:before {
    font-size: 1.25rem;
    line-height: 1.25; }

  .column-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }

  .column-wrapper div {
    flex: 1 1 0px;
    padding-right: 2px;
    padding-left: 2px; }

  .column-wrapper div h4 {
    text-transform: uppercase; }

  .widget ul li {
    padding: 0; }

  .footer-quicklink,
  .footer-help,
  .footer-site-index,
  .footer-contacts {
    padding: 3em; }

  .footer-help button,
  .footer-help a.button { 
    display: inline-block;
    width: 70%;
    font-size: 1.5rem; }

  .footer-contacts > div > div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }

  .footer-contacts > div > div > div {
    flex: 1 0 30%; }

  .footer-contacts > div > div > div:nth-child(even) {
    margin-right: 2em;
    margin-left: 15%; }

  .footer-contacts > div > div > div:first-child {
    flex-basis: 100%;
    margin-right: inherit;
    margin-left: inherit; }

  .site-footer {
    margin-top: 0; }

  .footer-site-index .widget-column {
    display: flex; 
    justify-content: space-between; }

  .footer-site-index .widget_nav_menu {
    flex: 0 1 20%; }

  .footer-site-index .widget ul li a {
    border-bottom: 0; }

  /* Forms * ACF and AF styles */
  #form_5c47a30319bcd .af-submit.acf-form-submit button {
    line-height: 0.9; }

  /* Signup form subscription list MailChimp */
  #mc_signup_form .mc_form_inside {
    position: relative; }

  /* button container */
  .mc_signup_submit {
    position: absolute;
    top: inherit;
    right: 3px;
    bottom: 3px;
    margin-top: inherit;
    padding: 0; }

  .mc_signup_submit input[type="submit"] {
    padding: 1.2em 2em;
    line-height: 1.66; }

  .post .entry-summary p {
    /*font-size: 18px;
    font-size: 1.125rem;*/ }

  .panel-content .recent-posts .entry-header,
  .post h3.entry-header {
    margin-bottom: 0; }

  /* Front panels */

  .twentyseventeen-panel.post-13 .panel-content > .wrap > .entry-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline; }

  .twentyseventeen-panel.post-13 .panel-content > .wrap > .entry-header h2 {
    flex: 0 1 auto; 
    margin-right: 1em; }

  .twentyseventeen-panel.post-13 .panel-news {
    flex: 1 1 auto; }

  .twentyseventeen-front-page .panel-content .recent-posts article {
    display: flex;
    border-bottom: 1px solid #ccc;
    /*border-radius: 0.5em;*/
    margin-bottom: 1.5em;
    padding-bottom: 1em; }

  .twentyseventeen-front-page .panel-content .recent-posts .post-thumbnail {
    flex: 0 0 320px;
    align-self: center;
    margin-bottom: 0; }

  .twentyseventeen-front-page .panel-content .recent-posts .post-thumbnail img { 
    border-radius: 0.5em 0 0 0.5em; }

  .twentyseventeen-front-page .panel-content .recent-posts .entry-body {
    /*padding: 1em 2em 0;*/
    padding-left: 1em; }

  .entry-body-wrapper,
  .entry-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }

  .entry-body-wrapper {
    flex-direction: row; 
    justify-content: space-around; }

  .entry-wrapper {
     flex-direction: row-reverse;}

  .entry-wrapper .entry-content {
    width: 70%; }

  .entry-wrapper .content-toc {
    position: sticky;
    top: 40px;
    width: 25%; 
    padding: 1em;
    background: #f1f1f1; }

  /* Posts */

  /* Set to 100%, force footer to bottom when content height is less than screen height*/
  .site-content-contain {
    display: flex;
    flex-direction: column; 
    min-height: 100vh; }

  .site-content {
    flex: 1;
    padding: inherit;
    padding-bottom: 6em; }

  .single-post .entry-title,
  .page .entry-title,
  .entry-header.issue-full .entry-title,
  body.page:not(.twentyseventeen-front-page) .entry-title,
  .search .entry-header .entry-title {
    /*font-size: 40px;
    font-size: 2.5rem;*/ }

  body.colors-custom .entry-header.issue-full .entry-title,
  .entry-header.issue-full .colors-custom h2.entry-title {
    color: #222; }

  body:not(.has-sidebar):not(.page-one-column) .page-header,
  body.has-sidebar.error404 #primary .page-header,
  body.page-two-column:not(.archive) #primary .entry-header,
  body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
    float: none;
    width: inherit;
    max-width: inherit;
    margin-left: auto;
    margin-right: auto; }

  .blog:not(.has-sidebar) #primary article,
  .archive:not(.page-one-column):not(.has-sidebar) #primary article,
  .search:not(.has-sidebar) #primary article,
  .error404:not(.has-sidebar) #primary .page-content,
  .error404.has-sidebar #primary .page-content,
  body.page-two-column:not(.archive) #primary .entry-content,
  body.page-two-column #comments {
    float: none;
    width: inherit;
    max-width: 740px; 
    margin-left: auto;
    margin-right: auto; }

  /*.blog .site-main > article,
  .page .site-main > article,*/
  .archive .site-main > article,
  .search .site-main > article { 
    padding-bottom: inherit; }

  /* Pages */

  /* Replacing content-page.php with content-page-post.php template part */
  .page .entry-title,
  body.page:not(.twentyseventeedn-front-page) .entry-title {
    font-size: 1.875em; 
    font-weight: 700; 
    letter-spacing: inherit;
    text-transform: inherit; }
  /* end */

  .page.page-one-column .entry-header,
  .twentyseventeen-front-page.page-one-column .entry-header/*,
  .archive.page-one-column:not(.has-sidebar) .page-header*/ {
    margin-bottom: inherit; }

  .social-navigation {
    width: 100%;
    text-align: center; }

  .social-navigation a {
    display: inline-block;
    -webkit-border-radius: 70px;
            border-radius: 70px;
    width: 70px;
    height: 70px;
    margin: 0 1.25em 0.5em 0;
    color: #fff;
    text-align: center; }

  .social-navigation .icon {
    top: 20px;
    width: 32px;
    height: 32px;
    vertical-align: top; }

  ul.entry-summary-links li {
    display: inline-block;
    text-align: center; }

  /* Media */
  .notification .dashicons {
    margin-right: 1em; }

  /* Gallery Columns */
  .gallery-columns-1,
  .gallery-columns-2,
  .gallery-columns-3,
  .gallery-columns-4,
  .gallery-columns-5,
  .gallery-columns-6,
  .gallery-columns-7,
  .gallery-columns-8,
  .gallery-columns-9 { 
  	display: flex; 
  	justify-content: space-between; }

  .gallery-item { 
  	display: inline-block; 
  	padding: 0; }

  .gallery-columns-1 .gallery-item { /*width: 48%;*/ }
  .gallery-columns-3 .gallery-item { max-width: 30%; }
  .gallery-columns-1 .gallery-item.bio-author { /*flex: 1 0 auto;width: 75%;*/ }
  .gallery-columns-1 .gallery-item.bio-avatar { 
  	/*flex: 1 0 auto;*/
    max-width: 25%;
  	/*margin-right: 16px;*/ }

  #scroll-top {
    position: fixed;
    z-index: 100;
    right: 10%;
    bottom: 0;
    display: none;
    border: 0px solid #acacac;
    border-radius: 0.3em 0.3em 0 0;
    padding: .6em .4em;
    background: #fff;
    box-shadow: 2px 2px 5px #acacac;
    -webkit-transition-duration: 0.4s; 
       -moz-transition-duration: 0.4s;
            transition-duration: 0.4s; }

    #scroll-top:focus { 
      outline: thin dotted; }

    #scroll-top:hover { 
      /*-webkit-transform: rotate(360deg);
      background: url('') no-repeat;*/ }
}

@media ( max-width: 599px ) {
  /* maintain columin width in moble display
   * Specific for UOFUH, discovery.med.utah.edu\
   * Sections: References, Press Releases, Media
   */
  .xs-col .wp-block-column {
    /*flex-basis: calc(50% - 16px);*/
    flex-basis: 90% !important;
    flex-grow: 0; }

    .wp-block-columns.xs-col div:first-child {
      flex-basis: 9% !important;
      flex-grow: 0 !important; }
}

@media ( min-width: 600px ) and ( max-width: 781px ) {
  /* maintain columin width in moble display
   * Specific for UOFUH, discovery.med.utah.edu\
   * Sections: References, Press Releases, Media
   */
  .xs-col .wp-block-column {
    /*flex-basis: calc(50% - 16px);*/
    flex-basis: 90% !important;
    flex-grow: 0; }

    .wp-block-columns.xs-col div:first-child {
      flex-basis: 7% !important;
      flex-grow: 0 !important; }
}

@media ( min-width: 56em ) {
  .footer-quicklink .widget ul li {
    flex: 0 1 20%; 
   /* margin-bottom: 6em;*/ }

  .footer-contacts > div > div > div:nth-child(even) {
    margin-left: 25%;  }
}

@media ( min-width: 64em ) {
  .wrap,
  .single-post:not(.has-sidebar) #primary {
    max-width: 1000px; }
}

@media ( min-width: 67em ) {
  .navigation-top nav {
    margin-left: inherit; }

  .twentyseventeen-front-page .panel-content .recent-posts .post-thumbnail {
    flex-basis: 400px; }
}

@media ( min-width: 75em ) {
  .footer-contacts > div > div > div:nth-child(even) {
    margin-left: 30%;  }

  .footer-contacts > div > div > div:nth-child(2) {
    padding-right: 90px; }

  .footer-contacts > div > div > div:nth-child(3) {
    padding-right: 140px; }
}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {
  #scroll-top { 
    display: none !important; } 
}