/*
Theme Name: EHSL 2017 JAHSE
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 Theme for JAHSE
Version: 2.2
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: 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.
*/

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


/*--------------------------------------------------------------
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: "Merriweather", georgia, serif;
  font-size: 16px;
  font-size: 1rem;
}

body { line-height: 1.5; }

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

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.subtitle-style,
.main-navigation a,
.toc-title { font-family: 'Raleway', arial, sans-serif; }


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

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder { font-family: 'Raleway', arial, sans-serif; }

/**
 * 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;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid #bbb;
  width: 100%;
  padding: 0.7em;
  color: #666;
  background: #efefef;
  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: 0.75em;
  text-align: right;
}

.acf-button,
.af-next-button,
.af-previous-button {
  border: 1px solid #ccc;
  border-radius: 1em;
  padding: 0.5em;
}

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

.acf-table > tbody > tr > th, 
.acf-table > thead > tr > th, 
.acf-table > tbody > tr > td, 
.acf-table > thead > tr > td { padding: 0 !important; }


/* Submission response */
.af-success { position: relative; }

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


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


/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/
.entry-title a,
.entry-meta a,
.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.posts-navigation a,
.widget_authors a strong,
.site-footer .widget-area a,
.byline a,
.author-bio 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-box-shadow: 130ms ease-in-out; 
          box-shadow: 130ms ease-in-out; 
  -webkit-transition: color 80ms ease-in; 
          transition: color 80ms ease-in;   
}

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

.category-issue .entry-content a,
.site-footer .widget-area 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,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li 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;
}


/* 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,
.byline a:focus,
.byline a:hover {
  -webkit-box-shadow: inset 0 -1px 0 rgba( 15, 15, 15, 1 );
          box-shadow: inset 0 -1px 0 rgba( 15, 15, 15, 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: inline-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: #333;
  font-size: 13px;
  font-size: 0.8rem;
  letter-spacing: 1px;
  background: #fff;
  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 a.pdf-link {
  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; 
}


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

.navigation-top { background: #fff; }

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

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

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

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

/* 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 */
.js .menu-toggle { position: absolute;top: 0;right: 0; }
.menu-toggle { margin: inherit; }


/* Scroll up arrow */
#scroll-top {
  /*position: fixed;
  z-index: 100;
  top: -2px;
  right: 10%;
  display: none;
  padding: .6em .4em;
  border-radius: 0 0 0.3em 0.3em;
  border: 0px solid #acacac;
  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; 
}


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

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

/* 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: 1.5em;/*padding-bottom: inherit;*/ }


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

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

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

  /* Navigation */
  .navigation-top {
    top: 0;
    bottom: auto;
  }

  /* rubor logo 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;
  }
  .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;
  }
  .home .navigation-top.site-navigation-fixed img.logo-circle {
    width: 36px;
  }

  #scroll-top {
    position: fixed;
    z-index: 100;
    /*top: -2px;*/
    right: 10%;
    bottom: 0;
    display: none;
    padding: .6em .4em;
    background: #fff;
    border: 0px solid #acacac;
    border-radius: 0.3em 0.3em 0 0;
    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 screen and (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;
  }
}


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

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