/*
Theme Name: EHSL 2017 TRIP
Template: twentyseventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: EHSL Web Tech Group (Peter Strohmeyer)
Author URI: https://library.med.utah.edu/
Description: EHSL 2017 TRIP theme based on Twentyseventeen Theme
Version: 2.2.1
Requires at least: 4.7
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: TRIP
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.
*/

/* -----------------------------------------------------------------------------
>>>  Selector declaration ordering:
--------------------------------------------------------------------------------

Grouped by Type:
 Positioning 
 Display & Box Model
   outside -> in
 Color
  nearest -> farthest
 Typography
   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
19.5 Additions
20.0 Print

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

/* -----------------------------------------------------------------------------
3.0 Alignments
----------------------------------------------------------------------------- */

.alignleft,
.alignright {
  display: block;
  float: none;
  margin-right: 0;
  margin-left: 0;
}

/* -----------------------------------------------------------------------------
5.0 Typography
----------------------------------------------------------------------------- */

body { 
  line-height: 1.5; 
}

body,
button,
input,
select,
textarea {
  /*font-family: var(--merriweather);*/
  font-size: 16px;
  font-size: 1rem; 
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title a,
.subtitle-style,
.main-navigation a { 
  font-family: var(--railway); 
}

h1, 
h2,
h3,
.home.blog .entry-title { 
  font-weight: 800; 
}

.main-navigation a { 
  font-weight: 600;
  text-transform: uppercase;
}

:-moz-placeholder,
:-ms-input-placeholder,
::-webkit-input-placeholder,
::-moz-placeholder {}

.site-branding-text .site-title a {
	font-size: 4rem;
	line-height: 4.25rem;
	letter-spacing: -3px; 
	font-family: var(--railway); 
  }
  .site-branding-text .site-title a span {
	font-size: 3.8rem;
	font-weight: 300;
	font-family: var(--merriweather); 
	font-style: italic !important;
	text-transform: lowercase;
	letter-spacing: 0.5px; 
  }
  .site-branding-text .site-title a span span {
	text-transform: uppercase; 
  }
  .site-branding-text .site-description {
	font-size: 2.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: 150px;
  /*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 ) );*/ 
}

/* -----------------------------------------------------------------------------
6.0 Forms
----------------------------------------------------------------------------- */

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {}

/* -----------------------------------------------------------------------------
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 { 
  margin: 0 2rem 1.5rem; 
}
.entry-content ul ul {
   margin-bottom: 0;
} 

/* -----------------------------------------------------------------------------
10.0 Links
----------------------------------------------------------------------------- */

a {
  outline: none;
}

.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.posts-navigation a,
.widget_authors a strong,
.site-footer .widget-area a {
  font-weight: 400;
  -webkit-box-shadow: inset 0 -1px 0 rgba( 59, 171, 196, 0.75 );
		  box-shadow: inset 0 -1px 0 rgba( 59, 171, 196, 0.75 );
  -webkit-box-shadow: 130ms ease-in-out; 
		  box-shadow: 130ms ease-in-out; 
  -webkit-transition: color 80ms ease-in; 
		  transition: color 80ms ease-in;   
}

a > .nav-title,
.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 .comment-edit-link,
.comment-reply-link,
.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 {
	font-weight: 400;
	-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 {
	-webkit-box-shadow: inset 0 -1px 0 rgba( 239, 192, 65, 1 );
			box-shadow: inset 0 -1px 0 rgba( 239, 192, 65, 1 );
	-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;
}

/* Issues List Page */
ul.entry-summary-links,
ul.section-menu {
  list-style: none;
}
ul.entry-summary-links li {
	display: block;
	min-width: 100px;
	max-width: 160px;
	width: 100%;
	height: auto;
	margin: 2px 2px 2px 0;
  }
  ul.entry-summary-links li a {
	display: block;
	border-radius: 3px;
	border-bottom: 0;
	padding: 0.7em 1em 0.861em;
	color: var(--white);
	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;	   
  }
  ul.entry-summary-links li a.pdf-link {
	color: inherit;
	background-color: var(--white);
	box-shadow: inherit;
  }
  ul.entry-summary-links li a:hover,
  ul.entry-summary-links li a:focus {
	color: var(--white);
	background-color: #000;
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  }

.colors-custom .entry-summary li a { 
  color: var(--white);
}

.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; 
}

/* -----------------------------------------------------------------------------
12.0 Navigation
----------------------------------------------------------------------------- */

.navigation-top { 
  background: var(--white); 
}

.menu-toggle {
  max-width: 90px;
  width: 100%;
  margin: 1px 0 2px;
}

img.logo-circle {
  /*float: right;*/
  position: absolute;
  top: 12px;
  right: 14px;
  width: 28px;
  height: auto;
}

.menu-top-menu-container { 
  clear: both; 
}

/* Home logo link, top menu ************************************************* */

/* mobile 360×640 through 414×896 */
.home .menu-item-00 .favicon,
.menu-item-00 .mobile {
  display: inline-block;
}
.menu-item-00 .desktop,
.menu-item-00 .favicon,
.home .menu-item-00 .mobile,
.home .menu-item-00 .desktop {
  display: none;
}

/* tablet 601×962 through 1280×800 */
@media (min-width: 768px) {
}
@media (min-width: 962px) {
}
/* desktop 1281+ */
@media (min-width: 1280px) {
}

.menu-item-00 { 
	vertical-align: middle; 
  }

  @media (min-width: 48em) {
	.menu-item-00 {
	  display: inline-block;
	  width: auto;
	  margin: inherit;
	  margin-top: -4px;
	}
	/* Menu name: Top */
	.menu-top-container { 
	  display: inline-block; 
	}
  }

  .menu-item-00 a img {
	/*width: auto;
	height: 40px;*/
	max-width: 100%;
	height: auto;
	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;
  }
  .menu-item-00 a:hover img,
  .menu-item-00 a:focus img {
	-webkit-filter: opacity( 60% );
			filter: opacity( 60% );
  }

.main-navigation a,
.main-navigation ul ul a { 
  text-transform: lowercase; 
}

.main-navigation a,
.main-navigation a:link,
.main-navigation a:visited,
.navigation-top .current_page_parent li:not(.current_page_item) > a,
.navigation-top .current-menu-parent li:not(.current-menu-item) > a, { 
  color: var(--body-color-333);
}
.navigation-top .current-menu-item > a, 
.navigation-top .current_page_item > a,
.navigation-top .current-menu-ancestor > a,
.navigation-top .current-menu-parent > a,
.navigation-top .current_page_ancestor > a,
.navigation-top .current_page_parent > a,
.main-navigation a:focus,
.main-navigation a:hover,
.main-navigation a:active { 
  color: var(--a-hover);
}
.main-navigation li li.focus {
  background-color: transparent;
}
.main-navigation li li a:hover {
  color: var(--white);
}
.main-navigation li li:hover {
  /*background-color: var(--bg-drk-hover-submenu);*/
  background-color: var(--a-hover)
}
.main-navigation li li.current_page_item:hover,
.main-navigation li li.current-menu-item:hover {
  background-color: var(--white);
}
.main-navigation li li.active {
  background-color: var(--\~bermuda);
}

.current_page_parent > a:hover,
.current-menu-parent > a:hover,
.current_page_item > a:hover,
.current-menu-item > a:hover {
  cursor: default;
}

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

/* mobile menu */
.menu-toggle { 
	margin: inherit; 
  }
  .js .menu-toggle { 
  	position: absolute; 
  	top: 0; 
  	right: 0; 
  }

/* Scroll arrow */
#scroll-top {
  /*position: fixed;
  z-index: 100;
  right: 10%;*/
  /*border-radius: 0 0 0.3em 0.3em;*/
  border: 0px solid #acacac;
  padding: 0.6em 0.4em;
  text-align: center;
  background: #fff; 
  /*box-shadow: 2px 2px 5px #acacac;
  -webkit-transition-duration: 0.4s; 
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;*/
  }
  #scroll-top a:hover {
	color: #666;
  }
  #scroll-top .arrow-right svg {
	transform: rotate(-90deg);
  }

/* Post navigation */
.post-navigation .nav-links { 
	border-top: 1px solid #eee;
	padding-top: 2em; 
}

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

/* -----------------------------------------------------------------------------
13.2 Front Page
----------------------------------------------------------------------------- */

.page .panel-content .recent-posts .entry-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
  font-weight: 800;
}

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

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 {
	content: '';
	height: 0;
	display: block;
	clear: both;;
  }
  .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 { 
  padding-bottom: 2em; 
}

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;
	display: inline;
	left: 0;
	top: -1px;
  }

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

/* Table of Content (TOC) Plugin */

#ez-toc-container a {
  display: inline-flex;
  align-items: stretch;
  flex-wrap: nowrap;
  font-weight: 400;
  /*color: #444;
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;*/
}
#ez-toc-container a,
#ez-toc-container a:link,
#ez-toc-container a:visited,
#ez-toc-sticky-container a,
#ez-toc-sticky-container a:link,
#ez-toc-sticky-container a:visited {
  -webkit-box-shadow: inset 0 -1px 0 rgba( 59, 171, 196, 0.75 ) !important;
		  box-shadow: inset 0 -1px 0 rgba( 59, 171, 196, 0.75 ) !important;
  -webkit-box-shadow: 130ms ease-in-out !important; 
		  box-shadow: 130ms ease-in-out !important; 
  -webkit-transition: color 80ms ease-in !important; 
		  transition: color 80ms ease-in !important;
}
#ez-toc-container a:visited,
#ez-toc-sticky-container a:visited {
  /*color: #444;*/
}
#ez-toc-container a:focus,
#ez-toc-container a:hover,
#ez-toc-container a:active,
#ez-toc-sticky-container a:focus,
#ez-toc-sticky-container a:hover,
#ez-toc-sticky-container a:active {
  color: var(--a-hover);
  text-decoration: none;
  -webkit-box-shadow: inset 0 -1px 0 rgba( 239, 192, 65, 1 ) !important;
		  box-shadow: inset 0 -1px 0 rgba( 239, 192, 65, 1 ) !important;
  -webkit-transition: color 80ms ease-in,
	-webkit-box-shadow 130ms ease-in-out !important;
  transition: color 80ms ease-in,
	-webkit-box-shadow 130ms ease-in-out !important;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out !important;
  transition: color 80ms ease-in, box-shadow 130ms ease-in-out, 
	-webkit-box-shadow 130ms ease-in-out !important;
}
.ez-toc-open-icon:hover {
  color: var(--white);
  background-color: var(--a-hover);
}
#ez-toc-container {
  border-radius: 0;
  -webkit-box-shadow: none;
		  box-shadow: none;
}
.ez-toc-title-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.75em;
	padding-bottom: 1em;
	font-size: .85rem;
	line-height: 1em;
	-webkit-box-shadow: 0 1px rgba(0,0,0,0.25);
			box-shadow: 0 1px rgba(0,0,0,0.25);
  }
  div#ez-toc-container .ez-toc-title {
	line-height: inherit;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
  }
  #ez-toc-container .ez-toc-toggle {
	padding: 0;
  }
  #ez-toc-container .ez-toc-toggle:hover {
	background-color: var(--a-hover);
  }
  #ez-toc-container .ez-toc-toggle:focus {
	outline-color: var(--a-hover);
	outline-offset: 2px;
	border-radius: 5px;
  }
  #ez-toc-container .ez-toc-toggle:hover .ez-toc-icon-toggle-span svg {
	color: var(--white) !important;
	fill: var(--white) !important;
  }
  #ez-toc-container .ez-toc-toggle label, 
  .ez-toc-cssicon {
	left: inherit;
	margin: 0;
  }

#ez-toc-container nav {
  padding-top: 0.5em;
}
#ez-toc-container ul {
  margin: 0 1em;
}
#ez-toc-container ul ul, 
.ez-toc div.ez-toc-widget-container ul ul,
#ez-toc-sticky-container ul ul {
  margin-left: 2.5em;
}
#ez-toc-container li, 
#ez-toc-container ul, 
#ez-toc-container ul li, 
div.ez-toc-widget-container, 
div.ez-toc-widget-container li,
#ez-toc-sticky-container li,
#ez-toc-sticky-container ul,
#ez-toc-sticky-container ul li {
  overflow: inherit;
  font-size: inherit !important;
  line-height: inherit;

}
#ez-toc-container ul ul li::before,
#ez-toc-sticky-container ul ul li::before {
  content: "\2022";  
  color: var(--black); 
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em;
}

.ez-toc-activated .entry-content #top,
.ez-toc-activated .entry-content > p:first-child {
  /*color: #fff; */
}
.ez-toc-activated .entry-content #top + ul,
.ez-toc-activated .entry-content > p + ul {
  /*display: none;*/
}

/* 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; 
  }
  ul.atoz-index li {
	/*display: inline-block;
	margin-right: 16px;
	*/
	margin-bottom: 16px;
  }

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

.page-header { 
  margin-top: 1rem; 
  padding-bottom: 0; 
}

/* -----------------------------------------------------------------------------
13.6 Footer
----------------------------------------------------------------------------- */

/* Social nav */
.social-navigation {
	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;
  }
  .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;
  }

.home .footer-widget-4 {
  display: none;
}

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

/* -----------------------------------------------------------------------------
16.0 Media
----------------------------------------------------------------------------- */

.gallery-item img.sponsors {
  filter: grayscale( 100% );
}

/* 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;
	padding: 10px;
	background: #F1F1F1;
	border-right: #E5E5E5 solid 1px;
  }
  .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;
  }

/* -----------------------------------------------------------------------------
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 screen and ( max-width: 767px) {
  .navigation-top {
	  position: fixed;
	  top: 0px;
	  z-index: 999;
	  width: 100%;
	}
	.admin-bar .navigation-top { 
	  top: 32px; 
	}

  .custom-header {
	position: relative;
	padding-top: 120px;
  }
}

@media screen and (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 */  
  .jssocials-share-link {
	  border: 2px solid #222;
	  padding: .25em .3em;
	}
	/* icon */
	.jssocials-share-logo {
		color: #222;
	  font-size: inherit;
	}
	.jssocials-share-logo:hover,
	.jssocials-share-link:hover {
	  color: #fff;
	  background-color: #222;
	}
}

@media screen and (min-width: 48em) {
  /* Typography */
  body,
  button,
  input,
  select,
  textarea { /*font-size: 21px; font-size: 1.3125rem;*/ }

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

  .site-branding .wrap { 
	max-width: 1000px; 
  }

  .page:not(.home) #content {
	margin-top: 1rem;
	margin-bottom: 3rem;
	padding-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;
  }

  /* Posts */

  .site-content { 
	padding: inherit; 
  }

  .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;
	margin-left: auto;
	margin-right: auto;
	max-width: 740px;
  }
  .blog .site-main > article,
  .page .site-main > article,
  .archive .site-main > article,
  .search .site-main > article { /*padding-bottom: inherit;*/ }

  /* Pages */

  .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;
	  background-color: #222;
	  text-align: center;
	}
	.social-navigation .icon {
	  top: 20px;
	  height: 32px;
	  width: 32px;
	  vertical-align: top;
	}

  ul.entry-summary-links li {
	display: inline-block;
	text-align: center;
  }

  /* 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 { width: 75%; }
	.gallery-columns-1 .gallery-item.bio-avatar { 
		width: 25%;
		margin-right: 16px; 
	}

  /* Navigation */
  .menu-top-menu-container {
	display: inline-block;
  }
  .site-header .navigation-top .menu-scroll-down {
	display: none;
  }
  .navigation-top { 
	  top: 0; 
	  bottom: auto; 
	}
	.navigation-top .wrap {
	  max-width: 800px;
	  padding: 0;
	}
	.home .navigation-top .wrap {
	  max-width: 760px;
	}
	.navigation-top nav {
	  display: flex;
	  justify-content: space-between;
	  margin-left: 0;
	}
	.home .navigation-top nav {
	  justify-content: space-around;
	}

	/* rubor circle icon position */
	.home .navigation-top img.logo-circle {
	  /*float: right;*/
	  position: fixed;
	  top: 4%;
	  right: 3%;
	  width: 72px;
	  height: auto;
	  transition: all 0.5s ease-in-out;
	}
	.home .navigation-top.site-navigation-fixed img.logo-circle {
	  width: 36px;
	}
	.navigation-top img.logo-circle,
	.navigation-top.site-navigation-fixed img.logo-circle  {
	  position: absolute;
	  top: 22px;
	  right: 3%;
	  width: 36px;
	  height: auto;
	  transition: all 0.5s ease-in-out;
	}

  .main-navigation a {
	  padding: 0.5em;
	}
	.js .main-navigation > ul, 
	.js .main-navigation > div > ul {
	  text-align: right;
	}
	.main-navigation li li:focus > a, 
	.main-navigation li li:hover > a,
	.main-navigation li li a:focus, 
	.main-navigation li li a:hover, 
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:focus,
	.main-navigation li li.current-menu-item a:hover {
	  color: var(--a-hover);
	}
	.main-navigation li li a:hover {
	  color: var(--white);
	}
	.main-navigation ul li.menu-item-has-children::before, 
	.main-navigation ul li.menu-item-has-children::after, 
	.main-navigation ul li.page_item_has_children::before, 
	.main-navigation ul li.page_item_has_children::after {
	right: 0.7em;
  }

  #scroll-top {
	position: fixed;
	z-index: 100;
	top: inherit;
	right: 10%;
	bottom: 5%;
	display: none;
	padding: 0;
	background: transparent;
	/*-webkit-transform: rotate( 360deg );
	background: url('') no-repeat;*/ 
	}
	#scroll-top a {
	  border: 0px solid #acacac;
	  border-radius: 50%;
	  padding: 0.6em 0.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 a:hover,
	  #scroll-top a:focus  {
		color: #fff;
		outline: thin dotted; 
		background-color: #3BABC4;
		}
		#scroll-top .arrow-right {
		  display: none;
		}
}

@media (min-width: 52em) {
  .navigation-top img.logo-circle,
  .navigation-top.site-navigation-fixed img.logo-circle {
	/*position: absolute;
	top: 22px;
	right: 10%;
	width: 36px;
	height: auto;*/
  }
}

@media screen and (min-width: 67em) {
  .navigation-top .wrap {
	padding: 0;
  }
}

/* No Custom Header */
.no-custom-header .site-header {
  background: #fff;
}
@media screen and (min-width: 30em) { 
  .no-custom-header .panel-content .wrap {
	padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .no-custom-header .custom-header {
	padding-top: 0;
	}
	.no-custom-header .site-branding {
	  padding: 0;
	}
  .no-custom-header .navigation-top {
	/*position: fixed;*/
	position: relative;
	}

	.admin-bar .navigation-top,
	.no-custom-header .admin-bar .navigation-top {
	  /*top: 46px;*/
	  top: 0;
	}
  .no-custom-header .navigation-top .wrap {
	padding-right:4px;
	padding-left:4px;
	}
	.js .no-custom-header .menu-toggle {
	  top: 4px;
	  right: 4px;
	}
}

/* -----------------------------------------------------------------------------
19.5 Additions
----------------------------------------------------------------------------- */

/* Buttons */
:not(.mejs-button) > button:hover, 
:not(.mejs-button) > button:focus, 
input[type="button"]:hover, 
input[type="button"]:focus, 
input[type="submit"]:hover, 
input[type="submit"]:focus {
  color: var(--text-hover-drk-bg);
  background-color: var(--background-hover);
}

/* Block Editor Styles */
.wp-block-buttons .is-style-fill .wp-block-button__link:hover,
.wp-block-buttons .is-style-fill .wp-block-button__link:focus {
  border: 1px solid;
  border-color: var(--is-style-fill-txt);
  color: var(--is-style-fill-txt);
  background-color: transparent !important;
}

/* Front page content menu */
nav[aria-label="Front Page"] ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-right: 0;
  margin-left: 0;
  }
  nav[aria-label="Front Page"] ul li {
	flex: 0 1 23%;
	display: flex;
	align-self: stretch;
  }
  nav[aria-label="Front Page"]:where(.is-layout-flex) {
	gap: 1em;
  }
  /* Front menu appearance */
  nav[aria-label="Front Page"] ul li a {
	flex: 1;
	align-self: stretch;
	display: flex !important;
	justify-content: center;
	align-items: center;
	border-radius: 0.5em;
	padding: 1em;
	color: var(--white)!important;
	text-align: center;
	text-transform: uppercase;
	font-family: var(--railway);
	}
	nav[aria-label="Front Page"] ul li:nth-child(1) a,
	nav[aria-label="Front Page"] ul li:nth-child(1) a:link,
	nav[aria-label="Front Page"] ul li:nth-child(4) a,
	nav[aria-label="Front Page"] ul li:nth-child(4) a:link,
	nav[aria-label="Front Page"] ul li:nth-child(7) a,
	nav[aria-label="Front Page"] ul li:nth-child(7) a:link { 
	  background-color: var(--iqir-teal);
	}
	nav[aria-label="Front Page"] ul li:nth-child(2) a,
	nav[aria-label="Front Page"] ul li:nth-child(2) a:link,
	nav[aria-label="Front Page"] ul li:nth-child(5) a,
	nav[aria-label="Front Page"] ul li:nth-child(5) a:link,
	nav[aria-label="Front Page"] ul li:nth-child(8) a,
	nav[aria-label="Front Page"] ul li:nth-child(8) a:link  {
	  background-color: var(--iqir-grnblue);
	}
	nav[aria-label="Front Page"] ul li:nth-child(3) a,
	nav[aria-label="Front Page"] ul li:nth-child(3) a:link,
	nav[aria-label="Front Page"] ul li:nth-child(6) a,
	nav[aria-label="Front Page"] ul li:nth-child(6) a:link {
	  background-color: var(--iqir-drkblue);
	}
	nav[aria-label="Front Page"] ul li a:hover,
	nav[aria-label="Front Page"] ul li a:focus,
	.entry-content nav[aria-label="Front Page"] a:hover,
	.entry-content nav[aria-label="Front Page"] a:focus { 
	  background-color: var(--background-hover);
	  -webkit-transition: none;
	  -webkit-box-shadow: none;
	  transition: none;
	  box-shadow: none;
	}
@media screen and ( max-width: 767px) { 
  nav[aria-label="Front Page"] ul li {
	flex: 0 1 20%;
  }
  nav[aria-label="Front Page"] ul li a { 
	min-height: 51px;
	padding: 0.5em 0.25em;
	font-size: 0.8em;
  }
  nav[aria-label="Front Page"] ul li:nth-child(7),
  nav[aria-label="Front Page"] ul li:nth-child(8) {
	flex-grow: 0;
  }
}



/* -----------------------------------------------------------------------------
20.0 Print
----------------------------------------------------------------------------- */

@media print {
  #scroll-top { 
	display: none !important; 
  } 
}