@charset "utf-8";
@import url("styles/drongo-core.css");
/*
Theme Name: TibetWrites 2017
Theme URI: https://www.webwalker.to/magic/
Author: webwalker, building from the WordPress team and the ClassicPress team.
Author URI: https://forums.classicpress.net/u/webwalker/
Description: Multiple sections on the front page; widgets, navigation; a logo, and more. No customiser, no external calls except for the site media subdomain.
Note: This file is for site-specific styling. All the basic styling is made in drongo-core.css, called at beginning of this stylesheet.
Version: 0.3
License: GNU General Public License v2 or later plus ethical license TBD.
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: drongo
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

 * history:
 * drongo build:
 * version 0.3
 *    1 dec 2020 jw - add for gallery for blackneck page.
 *   ?? jun 2020 jw - topnav: try to remove js dropdown for narrow screen.
 *   17 jun 2020 jw - topnav: fix width.
 *    7 may 2020 jw - add styling for links page.
 *    3 may 2020 jw - remove all vendor extensions.
 *    3 may 2020 jw - footer nav styling and other tweaks.
 *    2 may 2020 jw - shift to 'tibetwrites 2017'.
 * version 0.2
 *   26 apr 2020 jw - normalise some root vars; add section css.
 *   16 feb 2020 jw - add section for google translate
 *    7 feb 2020 jw - modifying for tibetwrites
 * webwalker copy of twentyseventeen:
 *   26 nov 2019 jw - styling for navxt breadcrumbs.
 *   14 jun 2019 jw - styling for kudos; reorganise some sections.
 *   31 may 2019 jw - sidebar nav.
 *   25 may 2019 jw - mess with the youarehere styles in top nav.
 *   11 apr 2019 jw - add :root and some color vars; mess with styles a bit.
 *   29 may 2018 jw - add style for akismet privacy notice.
 *   29 may 2018 jw - copy of twenty seventeen, since i'm now making changes.
 *
 */

/** ----- {{{ TOC -----------------------------------------------
 *  0.0 Fonts
 *  1.0 Root                    - in core.css
 *  2.0 Reset / Normalize       - in core.css
 *  3.0 Accessibility           - in core.css
 *  4.0 Clear and Align         - in core.css
 *  5.0 Typography              - in core.css
 *  6.0 Formatting defaults     - in core.css
 *    6.1 Lists
 *    6.2 Tables
 *    6.3 Forms
 *    6.4 Misc
 *  7.0 Navigation
 *  8.0 Layout
 *    8.1 Base Layout
 *    8.2 Header
 *    8.3 Front Page
 *    8.4 Regular Content
 *    8.5 Posts
 *    8.6 Pages
 *    8.7 Footer
 *  9.0 Parts
 *    9.1 Comments
 *    9.2 Widgets
 * 10.0 Media
 *   10.1 Base Media
 *   10.2 Galleries
 *   10.3 Featured Image Hover
 *   10.4 SVGs Fallbacks
 * 11.0 Special Stuff
 *   11.1 Clearfix
 *   11.2 Show/hide
 *   11.3 Tooltip
 *   11.4 Download PDF
 *   11.5 Language
 *   11.6 Breadcrumb NavXT
 *   11.7 Google Language Translator
 *   11.8 The Links
 *   11.9 Original link display
 *   11.10 Footnotes
 * 12.0 Media Queries
 * 13.0 Print
 *  ----- }}} TOC -------------------------------------------- */


/* {{{  0.0 Imported fonts. Always go before the styles.
 * --------------------------------------------------------------
 */
/*
@font-face {
  font-family:  'himalaya';
  src:          local('Microsoft Himalaya'),
                url('/wp-content/themes/namgyal/fonts/himalaya.ttf')
                format('truetype');
}
@font-face {
  font-family:  'monlam-uchen2';
  src:          local('Monlam Uni OuChan2'),
                url('/wp-content/themes/namgyal/fonts/Monlam_Uni_OuChan2.ttf')
                format('truetype');
}
*/
/* }}}  0.0 Fonts ------------------------------------------ */


/* {{{  1.0 Root - rootiest root is in core.css
           These are styles specific to this website.
--------------------------------------------------------------*/

:root {
  /* fonts */
  --font-main:              "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif;
  --font-main-color:        #333;
  /* colors */
  --color-red-deep:         #cc0000;
  --color-blue-dark:        #004080;
  --color-blue-deep:        #46839B;
  --color-blue-med:         #3996BB;
  --color-yellow-light:     #fef7b0;
  --color-orange-med:     	#ed9d5f;
  --color-grey-light:       #f9f9f9;
  /* theme colors */
  --color-thm-white:        var(--color-white);
  --color-thm-blue:         var(--color-blue-med);
  --color-thm-green:        var(--color-green-med);
  --color-thm-orange:       var(--color-orange-med);
  --color-thm-grey-dark:    var(--color-grey-dark);
  --color-thm-black:        var(--color-black);
  /* other vars */
  --color-h1:               var(--color-black);
  --color-h2:               var(--color-thm-green);
  --color-h3:               var(--color-thm-green);
  --color-h4:               var(--color-thm-green);
  --color-text:             var(--color-grey-dark);
  --color-link:             var(--color-blue-med);
  --color-page-bg:          var(--color-white);
  --color-list-item-bullet: var(--color-thm-orange);
}
/* }}}  1.0 Root -------------------------------------------- */


/*------------------------------------------------------------
  {{{  2.0 Normalize - in core.css
      Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
-------------------------------------------------------------- */

/* {{  2.3 Links ---------------------------------- */

    /* override outlink image in drongo-core.css */
span.outlink::after, 
a.outlink::after {
  margin-right:     0;
  content:          '';
}

.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
}

.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,
.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 {
}

/* { Hover effects */
.entry-content a:focus,
.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,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
  color:            var(--color-link);
  border-bottom:    1px solid var(--color-link);
}
/* } Hover effects */

/* { Fixes linked images */
.entry-content a img,
.comment-content a img,
.widget a img {
  box-shadow:       0 0 0 8px #fff;
}
a:hover img {
  text-decoration:  none;
}
/* } Fixes linked images */

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
  color:            var(--color-text);
}

/* }}  2.3 Links ---------------------------------- */

/* }}}  2.0 Normalize ---------------------------------------- */


/*------------------------------------------------------------
  {{{  3.0 Accessibility
-------------------------------------------------------------- */

/* }}}  3.0 Accessibility ------------------------------------ */


/*------------------------------------------------------------
  {{{  4.0 Clear and align
-------------------------------------------------------------- */

/* {{  4.1 Clearings ------------------------------- */

/* }}  4.1 Clearings ------------------------------- */

/* {{  4.2 Alignments ------------------------------ */

/* }}  4.2 Alignments ------------------------------ */

/* }}}  4.0 Clear and Align ---------------------------------- */


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

/* {{  5.1 Defaults -------------------------------- */

article {
  font-family:      var(--font-main);
  color:            var(--font-main-color);
}
article h3 {
  font-size:        1.2em;
}
article div#author-works h3 {
  font-size:        1em;
}

h1 {
  font-family:      var(--font-serif);
}
h2, h3, h4, h5 {
  font-family:      var(--font-main);
}
h1 a {
  color:            var(--color-h1)         !important;
}
h2 a {
  color:            var(--color-h2)         !important;
}
h3 a {
  color:            var(--color-h3)         !important;
}
h4 a {
  color:            var(--color-h4)         !important;
}
h5 a {
  color:            var(--color-h5)         !important;
}

body.home h3 {
  font-weight:      bold;
  border-bottom:    1px solid var(--color-h3);
  margin-bottom:    .5em;
}
body.home h3:not(:first-of-type) {
  margin-top:       2em;
}
body.home ul.items-list li {
  margin-top:       .7em;
}
body.home div.item-lead p {
  margin-top:       0;
  font-size:        .9em;
}
/* }}  5.1 Defaults -------------------------------- */


/* {{  5.2 Defaults for languages ------------------ */

/* }}  5.2 Defaults for languages ------------------ */

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


/*------------------------------------------------------------
  {{{ 6.0 Formatting defaults 
-------------------------------------------------------------- */

/* {{  6.1 Lists ----------------------------------- */
/* }}  6.1 Lists ----------------------------------- */

/* {{  6.2 Tables ----------------------------------- */
/* }}  6.2 Tables ----------------------------------- */

/* {{  6.3 Forms ---------------------------------- */
/* }}  6.3 Forms --------------------------------------------- */

/* {{  6.4 Misc ------------------------------------ */
/* }}  6.4 Misc ------------------------------------ */

/* }}}  6.0 Formatting defaults ------------------------------ */


/*------------------------------------------------------------
  {{{  7.0 Navigation
-------------------------------------------------------------- */

/* {{ top navigation */
div.navigation-top {
  font-size:        .9em;
  border-top:       2px solid var(--color-blue-deep);
  border-bottom:    2px solid var(--color-blue-deep);
  position:         relative;
}

div.navigation-top .wrap {
  padding:          0;
}

div.navigation-top a {
  color:            var(--color-text);
  transition: color 0.2s;
}

div.navigation-top .current-menu-item {
}
div.navigation-top .current-menu-item > a,
div.navigation-top .current_page_item > a {
  font-weight:      bold;
}

nav.main-navigation {
  clear:            both;
  display:          block;
  padding-top:      .2em;
}

nav.main-navigation ul {
  background:       var(--color-white);
  list-style:       none;
  margin:           0;
  padding:          0 1.5em;
  text-align:       left;
}
nav.main-navigation ul li#menu-item-120 a {   /* the "some of authors" note */
  font-weight:      normal;
  font-size:        .8em;
}

/* {{ Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 * 
 * 17 jun 2020 jw - don't want the dang js menu.
 * removing the below made the menu show up fully expanded.
 */

.js nav.main-navigation ul,
nav.main-navigation .menu-item-has-children > a > .icon,
nav.main-navigation .page_item_has_children > a > .icon,
nav.main-navigation ul a > .icon {
  display:          none;
}

nav.main-navigation > div > ul {
  margin-left:      0;
}

.js nav.main-navigation.toggled-on > div > ul {
  display:          block;
}
nav.main-navigation ul ul.toggled-on {
  display:          block;
}
/* }} Hide the menu on small screens when JavaScript is available. */

nav.main-navigation ul ul {
  padding:          0 0 0 1.5em;
}


nav.main-navigation ul ul a {
  letter-spacing:   0;
  padding:          0.2em 1em;
  position:         relative;
  text-transform:   none;
}

nav.main-navigation li {
  border-bottom:    1px solid #eee;
  position:         relative;
  margin:           0;
}

nav.main-navigation li li,
nav.main-navigation li:last-child {
  border:           0;
}

nav.main-navigation a {
  display:          block;
  padding:          .3em .7em;
  text-decoration:  none;
}

nav.main-navigation a:hover {
  color:            var(--color-grey-med-dark);
  text-decoration:  none;
}

/* Menu toggle 
 * 17 jun 2020 jw - don't want the dang js menu.
 * removing the below (or above>) made the menu show up fully expanded.
 */

.menu-toggle {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: var(--color-text);
  display: none;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.5;
  margin: 1px auto 2px;
  padding: 1em;
  text-shadow: none;
}

 // Display the menu toggle when JavaScript is available. 

.js .menu-toggle {
  display: block;
}

nav.main-navigation.toggled-on ul.nav-menu {
  display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
  background-color: transparent;
  box-shadow: none;
}

.menu-toggle:focus {
  outline: thin solid;
}

.menu-toggle .icon {
  margin-right: 0.5em;
  top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
  display: none;
}

.toggled-on .menu-toggle .icon-close {
  display: inline-block;
}

  // Dropdown Toggle 

.dropdown-toggle {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: var(--color-text);
  display: block;
  font-size: 16px;
  right: -0.5em;
  line-height: 1.5;
  margin: 0 auto;
  padding: 0.5em;
  position: absolute;
  text-shadow: none;
  top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
  background: transparent;
}

.dropdown-toggle:focus {
  outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
  transform: rotate(-180deg);
}

/* Scroll down arrow */

.site-header .menu-scroll-down {
  display: none;
}

/* }} top navigation */


/* }}}  7.0 Navigation --------------------------------------- */


/* -----------------------------------------------------------
  {{{  8.0 Layout
-------------------------------------------------------------- */

/* {{  8.1 Base :ayout ----------------------------- */
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background-color: var(--color-grey-light);
}

#page {
  word-wrap:        break-word;
  background-color: var(--color-page-bg);
  width: 		    100%;
  max-width:        48em;
  margin:           1em auto;
  padding:          1em 2em;
  border:           3px solid #ddd;
  position:         relative;
}

.wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
}

.wrap:after {
  clear: both;
  content: "";
  display: block;
}

p#page-revised {
  font-size:        .7em;
  margin-top:       4em;
  padding-top:      .5em;
  border-top:       1px dashed #ccc;
}
/* }}  8.1 Base Layout ----------------------------- */


/* {{  8.2 Header ---------------------------------- */
#masthead .wrap {
  position: relative;
}

header.site-header {
  position: relative;
}

  /* { Site branding */

.site-branding {
  padding: 1em 0;
  position: relative;
  transition: margin-bottom 0.2s;
  z-index: 3;
}

.site-branding a,
.site-branding a:hover {
  text-decoration:  none;
  transition:       opacity 0.2s;
}

.site-branding a:hover,
.site-branding a:focus {
  opacity:          0.7;
  text-decoration:  none;
}

.site-title {
  clear:            none;
  font-size:        24px;
  font-size:        1.5rem;
  font-weight:      800;
  line-height:      1.25;
  letter-spacing:   0.08em;
  margin:           0;
  padding:          0;
}

.site-title,
.site-title a {
  color: var(--color-text);
  opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}
.site-title a:hover {
  text-decoration:  none;
}
body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
  color: #fff;
}

.site-description {
  font-size:        1.9em;
  font-family:      var(--font-serif);
  font-weight:      normal;
  line-height:      1;
  color:            var(--color-blue-med);
  margin-top:       0;
  margin-bottom:    0;
}

body.has-header-image .site-description,
body.has-header-video .site-description {
  color: #fff;
  opacity: 0.8;
}

.custom-logo-link {
  display: inline-block;
  padding-right: 1em;
  vertical-align: middle;
  width: auto;
}

.custom-logo-link img {
  display: inline-block;
  max-height: 80px;
  width: auto;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
  max-height:       200px;
  max-width:        100%;
}

.custom-logo-link a:hover,
.custom-logo-link a:focus {
  opacity:          0.9;
}

body:not(.title-tagline-hidden) .site-branding-text {
  display:          inline-block;
  vertical-align:   bottom;
}
  /* } Site branding */

.custom-header {
  position:         relative;
  margin-bottom:    2.5em           !important;
}

.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
  display:          table;
  height:           300px;
  height:           75vh;
  width:            100%;
}

.custom-header-media {
  bottom:           0;
  left:             0;
  overflow:         hidden;
  position:         absolute;
  right:            0;
  top:              0;
  width:            100%;
}

.custom-header-media:before {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
  position: fixed;
  height: auto;
  left: 50%;
  max-width: 1000%;
  min-height: 100%;
  min-width: 100%;
  min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
  width: auto;
  top: 50%;
  padding-bottom: 1px; /* Prevent header from extending beyond the footer */
  transform: translateX(-50%) translateY(-50%);
}

.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
  background-color: rgba(34, 34, 34, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
  height: 45px;
  overflow: hidden;
  padding: 0;
  position: fixed;
  right: 30px;
  top: 30px;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  width: 45px;
}

.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
  border-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(34, 34, 34, 0.8);
  color: #fff;
}

.admin-bar .wp-custom-header-video-button {
  top: 62px;
}

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
  bottom: 0;
  position: absolute;
  top: auto;
  transform: translateX(-50%) translateY(0);
}

/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
  .has-header-image .custom-header-media img,
  .has-header-video .custom-header-media video,
  .has-header-video .custom-header-media iframe,
  .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
  	height: 100%;
  	left: 0;
  	-o-object-fit: cover;
  	object-fit: cover;
  	top: 0;
  	transform: none;
  	width: 100%;
  }
}

/* Hides div in Customizer preview when header images or videos change. */

body:not(.has-header-image):not(.has-header-video) .custom-header-media {
  display: none;
}

.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
  display: table-cell;
  height: 100%;
  vertical-align: bottom;
}
/* }}  8.2 Header ---------------------------------- */

/* {{  8.3 Front Page ---------------------------------- */
.twentyseventeen-front-page .site-content {
  padding: 0;
}

.twentyseventeen-panel {
  overflow: hidden;
  position: relative;
}

.panel-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.panel-image:before {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
  bottom: 0;
  content: "";
  left: 0;
  right: 0;
  position: absolute;
  top: 100px;
}

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
  border-top: 1px solid #ddd;
}

.panel-content {
  position: relative;
}

.panel-content .wrap {
  padding-bottom: 0.5em;
  padding-top: 1.75em;
}

/* Panel edit link */

.twentyseventeen-panel .edit-link {
  display: block;
  margin: 0.3em 0 0;
}

.twentyseventeen-panel .entry-header .edit-link {
  font-size: 14px;
  font-size: 0.875rem;
}

/* Front Page - Recent Posts */

.twentyseventeen-front-page .panel-content .recent-posts article {
  border: 0;
  color:            var(--color-text);
  margin-bottom: 3em;
}

.recent-posts .entry-header {
  margin-bottom: 1.2em;
}

.page .panel-content .recent-posts .entry-title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: 0;
  text-transform: none;
}

.twentyseventeen-panel .recent-posts .entry-header .edit-link {
  color: var(--color-text);
  display: inline-block;
  font-size: 11px;
  font-size: 0.6875rem;
  margin-left: 1em;
}
/* }}  8.3 Front Page ---------------------------------- */


/* {{  8.4 Regular Content ------------------------------*/
div.site-content-contain {
  position:         relative;
}

div.site-content {
  padding:          .5em 0 0 0;
}

div.entry-content {
  color:            var(--color-text);
  margin-bottom:    1em;
}
div.entry-content p {
  font-size:        1em;
  line-height:      1.6;
}
div.entry-content ul {
  list-style:       none;
}
div.entry-content ol {
  margin-left:      1.3em;
}
div.entry-content ul li {
  vertical-align:   middle;
}
div.entry-content ul li:before {
  content:          "\25ba\202f";           /* right-pointing triangle */
  color:            var(--color-thm-orange);
  font-size:        .7em;
  vertical-align:   middle;
}
body.page-poems div.entry-content ul li:before {
  content:          '';
}
div.entry-content ul#author-list {
  margin-left:      0;
}
div.entry-content ul#author-list li {
  display:          inline;
  white-space:      nowrap;
  margin-left:      2em;
  line-height:      2em;
}

div.entry-content img.author-photo {
  float:            left; 
  width:            200px; 
  height:           auto;   /* defined in each page; eventually 240px for all */
  margin:           .5em 2em 1em .5em;
}

div.bio {
  
}
ul#more-about {
  font-size:        .9em;
  margin-left:      1em;
}
div#author-works, 
div#more-about {
  margin-top:       2em;
  clear:            both;
}

div#author-works h3 { 
  margin-top:       1.2em;
}

    /* { notes to admin on status of conversion - only visible when logged in */
body.logged-in div#author-works.conversion-complete:before { 
  content:          '(all works conversion complete)';
  color:            var(--color-grey-med2);
  font-size:        .9em;
}
body.logged-in div#author-works h3:after, 
body.logged-in div#author-works h3.conversion-tbd:after { 
  content:          '(this section - not yet converted)';
  color:            var(--color-orange-med);
  font-size:        .9em;
  margin-left:      1em;
}
body.logged-in div#author-works h3.conversion-partial:after { 
  content:          '(this section - partially converted)';
  color:            var(--color-orange-med);
  font-size:        .9em;
  margin-left:      1em;
}
body.logged-in div#author-works h3.conversion-complete:after { 
  content:          '(this section - all works converted)';
  color:            var(--color-grey-med2);
  font-size:        .9em;
  margin-left:      1em;
}

        /* { authors count - visible only when logged in: */
body.page-authors div.entry-content li#summary-status {
  display:          none;
}
body.page-authors.logged-in div.entry-content li#summary-status {
  display:          block;
  font-size:        .8em;
}
body.page-authors.logged-in div.entry-content li#summary-status:before {
  content:          '';
}
        /* } authors count - visible only when logged in. */

body.logged-in div.entry-content ul#author-list:before {
  content:          "(✶ = All works by that author have been converted from the old site.)";
  color:            var(--color-thm-green);
  font-size:        .8em;
}
body.logged-in div.entry-content ul#author-list li a.done:before {
  content:          "✶";           /* cool star */
  color:            var(--color-thm-green);
  font-size:        1em;
}
body.logged-in div.entry-content ul#author-list li a.jwfav:after {
  content:          "✶";           /* cool star */
  color:            gold;
  font-size:        1em;
}

        /* { pieces count - visible only when logged in: */
div.entry-content ul#author-list li a span {
  display:          inline;
}
body.logged-in div.entry-content ul#author-list li a span {
  display:          inline;
}
        /* } pieces count - visible only when logged in. */

    /* } notes to admin on status of conversion - only visible when logged in */

/* }}  8.4 Regular Content ------------------------------*/


/* {{  8.5 Posts ----------------------------------------*/

/* { Post Landing Page */
.sticky {
  position:         relative;
}
.post:not(.sticky) .icon-thumb-tack {
  display:          none;
}
.sticky .icon-thumb-tack {
  display:          block;
  height:           18px;
  left:             -1.5em;
  position:         absolute;
  top:              1.65em;
  width:            20px;
}
/* } Post Landing Page */

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) h1.entry-title {
  color:            var(--color-h1);
  font-family:      var(--font-serif);
  font-size:        2em;
  font-weight:      normal;
  letter-spacing:   0.14em;
}

.entry-header .entry-title {
  margin-top:       0;
  margin-bottom:    0.25em;
}

.entry-title a {
  color:            var(--color-text);
  text-decoration:  none;
  margin-left:      -2px;
}

.entry-title:not(:first-child) {
  padding-top:      0;
}
h2#subtitle {
  font-size:        1em;
  color:            var(--font-main-color);
  margin-top:       -.5em;      /* because of line-height of preceding h1 */
  margin-bottom:    .2em;
}

.entry-meta {
  color:            var(--color-grey-dark);
  font-size:        11px;
  font-size:        0.6875rem;
  letter-spacing:   0.1818em;
  padding-bottom:   0.25em;
  margin-right:     1em;
  display:          inline;
}
.entry-meta a {
  color:            var(--color-grey-dark);
}

.byline,
.updated:not(.published) {
  margin-top:       .2em            !important;
}
.byline a {
  color:            #990000;
}
p.byline {
  display:          block           !important;
  margin-top:       0               !important;
  margin-bottom:    1em;            !important;
}
body.archive p.byline {
  margin-bottom:    0;              !important;
}
.updated:not(.published) {
  display:          none;
}

.single .byline,
.group-blog .byline {
  display:          inline;
}

p.workline {
  font-size:        .9em;
  margin:           0;
}

/* { Pagination */
.pagination,
.comments-pagination {
  border-top:       1px solid #eee;
  font-size:        14px;
  font-size:        0.875rem;
  font-weight:      800;
  padding:          2em 0 3em;
  text-align:       center;
}

.pagination .icon,
.comments-pagination .icon {
  width:            0.666666666em;
  height:           0.666666666em;
}

.comments-pagination {
  border:           0;
}

.page-numbers {
  display:          none;
  padding:          0.5em 0.75em;
}

.page-numbers.current {
  color:            var(--color-grey-med-dark);
  display:          inline-block;
}

.page-numbers.current .screen-reader-text {
  clip:             auto;
  height:           auto;
  overflow:         auto;
  position:         relative !important;
  width:            auto;
}

.prev.page-numbers,
.next.page-numbers {
  background-color: #ddd;
  border-radius:    2px;
  display:          inline-block;
  font-size:        24px;
  font-size:        1.5rem;
  line-height:      1;
  padding:          0.25em 0.5em 0.4em;
}

.prev.page-numbers,
.next.page-numbers {
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
  background-color: var(--color-grey-med-dark);
  color:            #fff;
}

.prev.page-numbers {
  float:            left;
}

.next.page-numbers {
  float:            right;
}
/* } Pagination */

/* { Aligned blockquotes */
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
  color:            #666;
  font-size:        13px;
  font-size:        0.8125rem;
  width:            48%;
}
/* } Aligned blockquotes */


/* { Blog landing, search, archives */

div.content-area .site-main {
  padding:          0 2em;
}

.blog .site-main    > article,
.archive .site-main > article,
.search .site-main  > article {
  padding-bottom:   2em;
}

body:not(.twentyseventeen-front-page) .entry-header {
  padding:          0;
}
body.archive  .entry-header, 
body.category .entry-header {
  padding:          0                       !important;
}
body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments {
  margin-left:      auto;
  margin-right:     auto;
}
body:not(.twentyseventeen-front-page) .entry-header {
  padding-top:      0;
  padding-bottom:   .5em                    !important;
}
body.archive .entry-header {
  padding-top:      0;
  padding-bottom:   0                       !important;
  border-bottom:    none                    !important;
}

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
  color:            var(--color-text);
  display:          inline-block;
  margin-left:      1em;
  white-space:      nowrap;
}

.search .page .entry-meta a.post-edit-link {
  margin-left:      0;
  white-space:      nowrap;
}

.taxonomy-description {
  color:            #666;
  font-size:        13px;
  font-size:        0.8125rem;
}
div.entry-summary p {
  margin-bottom:    0;
}
body.archive div.entry-summary p {
  margin-top:       .5em;
}
/* } Blog landing, search, archives */


/* { More tag */
.entry-content .more-link:before {
  content:          "";
  display:          block;
  margin-top:       1.5em;
}
p.link-more, 
p.read-more {
  margin:           0;
  font-size:        .9em;
}
body.archive p.read-more {
  margin-top:       0               !important;
}
/* } More tag */

/* { Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
  margin-left:      auto;
  margin-right:     auto;
  max-width:        740px;
}

.single-featured-image-header {
  background-color: #fafafa;
  border-bottom:    1px solid #eee;
}

.single-featured-image-header img {
  display:          block;
  margin:           auto;
}

/* } Single Post */

/* { Entry footer */

.entry-footer {
  margin-top:       2em;
  padding:          1em 0;
  border-top:       1px solid #eee;
  border-bottom:    1px solid #eee;
}
.entry-footer p.author-copyright {
  font-size:        .8em;
}
.entry-footer p.last-updated {
  font-size:        .8em;
  margin-bottom:    .5em;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
  display:          block;
  font-size:        11px;
  font-size:        0.6875rem;
  font-weight:      800;
  letter-spacing:   0.1818em;
  padding-left:     2.5em;
  position:         relative;
}

.entry-footer .cat-links + .tags-links {
  margin-top:       1em;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a {
  color:            var(--color-text);
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
  color:            var(--color-grey-med-dark);
  left:             0;
  margin-right:     0.5em;
  position:         absolute;
  top:              2px;
}

.entry-footer .edit-link {
  display:          inline-block;
}

.entry-footer .edit-link a.post-edit-link {
  background-color: var(--color-text);
  border-radius:         2px;
  box-shadow:         none;
  color:            var(--color-white);
  display:          inline-block;
  font-size:        14px;
  font-size:        0.875rem;
  font-weight:      800;
  margin-top:       2em;
  padding:          0.7em 2em;
  transition: background-color 0.2s ease-in-out;
  white-space:      nowrap;
}

.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
  background-color: var(--color-grey-med-dark);
}
/* } Entry footer */

/* { Post Formats */

    /* { entry title */
.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}
    /* } entry title */

    /* { quotes */
    /* the quote container */
.format-quote blockquote {
  color:            var(--color-grey-dark);
  font-size:        10px;
  font-size:        1em;
  font-weight:      300;
  margin:           1em 4em 1em 2.8em;
  overflow:         visible;
  position:         relative;
}
    /* the quote mark preceding, as svg
       Note: svg is good, because can change proportion, color, transform, etc.
    */
.format-quote blockquote .icon {
  color:            #efefef;
  width:            2em;
  height:           2em;
  display:          block;
  position:         absolute;
  top:              -.6em;
  left:             -2em;
  transform:          scale(-1, 1);
}
    /* the quote author */
.format-quote blockquote span.author {
  font-size:        .9em;
  margin-left:      2em;
  display:          block;
}
.format-quote blockquote span.author:before {
  content:          '\2013\00A0';
}
    /* } quotes */

/* } Post Formats */

/* { Post Navigation */

.post-navigation {
  font-weight: 800;
  margin: 3em 0;
}

.post-navigation .nav-links {
  padding: 1em 0;
}

.nav-subtitle {
  background: transparent;
  color: var(--color-grey-med-dark);
  display: block;
  font-size: 11px;
  font-size: 0.6875rem;
  letter-spacing: 0.1818em;
  margin-bottom: 1em;
  text-transform: uppercase;
}

.nav-title {
  color: var(--color-text);
  font-size: 15px;
  font-size: 0.9375rem;
}

.post-navigation .nav-next {
  margin-top: 1.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
  margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
  margin-left: 0.5em;
}
/* } Post Navigation */

/* }}  8.5 Posts ----------------------------------- */


/* {{  8.6 Pages ----------------------------------- */

.page-header {
  padding-bottom: 1em;
}

.page .entry-header .edit-link {
  font-size: 14px;
  font-size: 0.875rem;
}
h1.page-title {
}
h1.page-title a {
  color:            var(--color-h1);
}
h1.page-title span.catbase {
  font-size:        .85em;
  font-weight:      normal;
  letter-spacing:   .1em;
  margin-right:     .3em;
}
h1.page-title span.catbase:after {
  content:          ': ';
}


.search .page .entry-header .edit-link {
  font-size: 11px;
  font-size: 0.6875rem;
}

.page:not(.home) #content {
  padding-bottom: 1.5em;
}

/* 404 page */

.error404 .page-content {
  padding-bottom: 4em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
  margin-bottom: 3em;
}

/* { works pages - poems, articles, etc. */

ul.works-list {
  list-style:       none;
  margin-left:      .5em;
}
ul.works-list li:not(:first-of-type) {
  margin-top:       1em;
}
ul.works-list li span {
  font-size:        .9em;
  display:          block;
  margin-left:      1em;
}
    /* excerpt from piece */
ul.works-list li span:nth-of-type(1):after {
  content:          '\2002...';                 /* space and ellipse */
}
    /* date of piece */
ul.works-list li span:nth-of-type(2) {
  font-size:        .8em;
}
ul.works-list li span:nth-of-type(2):before {
  content:          '\2002\2002\005b';           /* 2 spaces, left square bracket */
}
ul.works-list li span:nth-of-type(2):after {
  content:          '\005d';                /* right square bracket */
}

ul.items-list {
  list-style:       none;
  margin-left:      0;
}
ul.items-list li {
  margin-top:       2em;
}
ul.items-list h3 {
  font-weight:      bold;
  border-bottom:    1px solid var(--color-h3);
  margin-bottom:    .5em;
}
ul.items-list div.item-info {
  font-size:        .9em;
}
ul.items-list span.item-author a {
  color:            #990000;
}

ul.items-list div.item-lead span.more {
  font-size:        .85em;
  display:          block;
}
ul.items-list div.item-lead span.more:after {
  content:          ' ...'
}

div#piece-addl-info, 
div#work-addl-info {
  margin-top:       4em;
  padding-top:      .4em;
  font-size:        .85em;
  border-top:       1px solid var(--color-grey-med2);
}
div#piece-addl-info p, 
div#work-addl-info p {
  margin-top:       .1em;
}
/* } works pages - poems, articles, etc. */

/* { poetry verses */
body.parent-pageid-50 div.entry-content p {
  margin-top:       1.2em;
  line-height:      1.7;
}
/* } poetry verses */

/* }}  8.6 Pages ----------------------------------- */


/* {{  8.7 Footer -----------------------------------*/

footer.site-footer {
  border-top:       2px solid var(--color-blue-deep);
}

.site-footer .wrap {
  text-align:       center;
  background-color: var(--color-grey-light);
  padding:          2em 0 1em 0;
}
.site-footer p#org-info {
  border-top:       1px solid var(--color-red-deep);
  margin:           1em auto;
  padding-top:      1em;
  width:            75%;
}

/* Footer widgets */
.site-footer .widget-area {
  padding-bottom:   2em;
  padding-top:      2em;
}
  /* { footer nav */
div#footer-nav {
  text-align:       center;
  padding:          .5em 0;
  margin-bottom:    1.5em;
  border-top:       1px solid var(--color-grey-med-dark);
  border-bottom:    1px solid var(--color-grey-med-dark);
}
ul#footer-menu {
  list-style-type:  none;
  margin:           0                   !important;
}
ul#footer-menu li {
  display:          inline;
  margin:           0                   !important;
}
ul#footer-menu li:not(:last-child):after {
  content:          '\202f\2002\2002\007c\2002\202f';    /* 3 no-break; pipe; 2 no-break */
}
  /* } footer nav */


/* Site info */
.site-info {
  font-size:        14px;
  font-size:        0.875rem;
  margin-bottom:    .9em;
}
.site-info p {
  margin-bottom:    .2em;
}
.site-info .sep {
  margin:           0;
  display:          block;
  visibility:       hidden;
  height:           0;
  width:            100%;
}

/* { Footer Quote */
.site-footer .wrap #footer-quote {
  float:            right; 
  padding:          1em; 
  width:            40%;
}
.site-footer .wrap #footer-quote p {
  text-indent:      -1em;
  padding:          0;
  margin:           0;
}
/* } Footer Quote */

/* }}  8.7 Footer ---------------------------------- */

/* }}}  8.0 Layout ------------------------------------------- */


/* -----------------------------------------------------------
  {{{  9.0 Parts
-------------------------------------------------------------- */

/* {{  9.1 Comments -------------------------------- */
#comments {
  font-size:        .8em;
  clear:            both;
  padding:          2em 0 0.5em;
}
#comments h2, 
#comments h3 {
}
#comments h2 {
  font-size:        1.1em;
}
#comments h3 {
  font-size:        1em;
}

.comments-title {
  font-size:        20px;
  font-size:        1.25rem;
  margin-bottom:    .5em;
}

.comment-list {
  background-color: var(--color-grey-light);
  padding:          1em 0;
}
.comment-list,
.comment-list .children {
  list-style:       none;
  margin:           0;
  padding:          0;
}
.comment-list .children {
  margin-left:      3em;
}
.comment-list li:before {
  display:          none;
}

.comment-body {
  margin-left:      65px;
}

.comment-author {
  font-size:        16px;
  font-size:        1rem;
  margin-bottom:    0.4em;
  position:         relative;
  z-index:          2;
}

.comment-author .avatar {
  height:           50px;
  left:             -65px;
  position:         absolute;
  width:            50px;
}

.comment-author .says {
  display:          none;
}

.comment-meta {
  margin-bottom:    0;
}

.comment-metadata {
  color:            var(--color-grey-med-dark);
  font-size:        10px;
  font-size:        0.625rem;
  font-weight:      800;
  letter-spacing:   0.1818em;
  text-transform:   uppercase;
}

.comment-metadata a {
  color:            var(--color-grey-med-dark);
}

.comment-metadata a.comment-edit-link {
  color:            var(--color-text);
  margin-left:      1em;
}

.comment-body {
  color:            var(--color-text);
  margin-bottom:    4em;
}

div.reply {
  margin-top:       .9em;
}
.comment-reply-link {
  font-weight:      800;
  position:         relative;
}
.comment-reply-link .icon {
  color:            var(--color-text);
  left:             -2em;
  height:           1em;
  position:         absolute;
  top:              0;
  width:            1em;
}

.children .comment-author .avatar {
  height:           30px;
  left:             -45px;
  width:            30px;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
  border:           1px solid var(--color-text);
  padding:          2px;
}

.no-comments,
.comment-awaiting-moderation {
  color: var(--color-grey-med-dark);
  font-size: 14px;
  font-size: 0.875rem;
  font-style: italic;
}

.comments-pagination {
  margin: 2em 0 3em;
}

.form-submit {
  text-align: right;
}
/* }}  9.1 Comments -------------------------------- */


/* {{  9.2 Widgets --------------------------------- */
#secondary {
  background-color: var(--color-grey-light);
}
.widget {
  padding-bottom: 3em;
}

h2.widget-title {
  color:            var(--color-text);
  font-size:        13px;
  font-size:        0.8125rem;
  font-weight:      800;
  letter-spacing:   0.1818em;
  margin-bottom:    1.5em;
  text-transform:   uppercase;
}

.widget-title a {
  color:            inherit;
}

/* widget forms */

.widget select {
  width:            100%;
}


/* widget lists */

.widget ul {
  list-style:       none;
  margin: 0;
}

.widget ul li,
.widget ol li {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 0.5em 0;
}

.widget:not(.widget_tag_cloud) ul li + li {
  margin-top: -1px;
}

.widget ul li ul {
  margin: 0 0 -1px;
  padding: 0;
  position: relative;
}

.widget ul li li {
  border: 0;
  padding-left: 24px;
  padding-left: 1.5rem;
}

/* Widget lists of links */

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
  bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
  padding-bottom: 0.25em;
  padding-top: 0.25em;
}

.widget_rss ul li {
  padding-bottom: 1em;
  padding-top: 1em;
}

/* Widget markup */

.widget .post-date,
.widget .rss-date {
  font-size: 0.81em;
}

/* Text widget */

.widget_text {
  word-wrap: break-word;
}

.widget_text ul {
  list-style: disc;
  margin: 0 0 1.5em 1.5em;
}

.widget_text ol {
  list-style: decimal;
}

.widget_text ul li,
.widget_text ol li {
  border: none;
}

.widget_text ul li:last-child,
.widget_text ol li:last-child {
  padding-bottom: 0;
}

.widget_text ul li ul {
  margin: 0 0 0 1.5em;
}

.widget_text ul li li {
  padding-left: 0;
  padding-right: 0;
}

.widget_text ol li {
  list-style-position: inside;
}

.widget_text ol li + li {
  margin-top: -1px;
}

/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child {
  float: right;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
  background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
  display: block;
}

.widget_rss ul li {
  padding: 2.125em 0;
}

.widget_rss ul li:first-child {
  border-top: none;
  padding-top: 0;
}

.widget_rss li .rsswidget {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.4;
}

.widget_rss .rss-date,
.widget_rss li cite {
  color: var(--color-grey-med-dark);
  display: block;
  font-size: 10px;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.18em;
  line-height: 1.5;
  text-transform: uppercase;
}

.widget_rss .rss-date {
  margin: 0.5em 0 1.5em;
  padding: 0;
}

.widget_rss .rssSummary {
  margin-bottom: 0.5em;
}

/* Contact Info Widget */

.widget_contact_info .contact-map {
  margin-bottom: 0.5em;
}

/* Gravatar */
.widget-grofile h4 {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0;
}

/* Akismet */
p.akismet_comment_form_privacy_notice {
  font-size:        90%;
  background-color: #ffc;
  padding:          .2em .3em;
  margin-top:       1em;
  clear:            both;
}

/* Recent Comments */

.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
  border: 0;
}

/* Recent Posts widget */

.widget_recent_entries .post-date {
  display: block;
}

/* Search */

.search-form {
  position: relative;
}

.search-form .search-submit {
  bottom: 3px;
  padding: 0.5em 1em;
  position: absolute;
  right: 3px;
  top: 3px;
}

.search-form .search-submit .icon {
  height: 24px;
  top: -2px;
  width: 24px;
}

/* Tag cloud widget */

.tagcloud ul li {
  float: left;
  border-top: 0;
  border-bottom: 0;
  padding: 0;
  margin: 4px 4px 0 0;
}

.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
  line-height: 1.5;
}

.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
  border: 1px solid #ddd;
  box-shadow: none;
  display: block;
  padding: 4px 10px 5px;
  position: relative;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  width: auto;
  word-wrap: break-word;
  z-index: 0;
}

.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
  border-color: #bbb;
  box-shadow: none;
  text-decoration: none;
}

/* Calendar widget */

.widget_calendar th,
.widget_calendar td {
  text-align: center;
}

.widget_calendar tfoot td {
  border: 0;
}

/* Gallery widget */
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}
/* }}  9.2 Widgets --------------------------------- */

/* {{  9.3 Kudos ----------------------------------- */
div.kudo {
  margin-bottom:    2em;
}
div.kudo p {
  margin:           0;
}
span.kudo-qt {
  display:          block;
  font-size:        1.1em;
  padding:          .4em .8em;
  background-color: var(--color-yellow-light);
}
span.kudo-qt:before {
  content:          '\201c';
  font-size:        2em;
  color:            var(--color-green);
}
/*
span.kudo-qt:after {
  content:          '\201d';
  font-size:        1.3em;
  color:            var(--color-green);
}
*/
span.kudo-src {
  display:          block;
  font-size:        .85em;
}
span.kudo-src:before {
  content:          'source: ';
  font-size:        .85em;
}
/* }}  9.3 Kudos ----------------------------------- */


/* }}}  9.0 Parts -------------------------------------------- */



/* ------------------------------------------------------------
  {{{ 10.0 Media
-------------------------------------------------------------- */

/* {{ 10.1 Base media -------------------------- */

div.page-image {
  margin:           1.5em auto;
  padding-bottom:   1em;
  background-color: var(--color-grey-light);
}
div.page-image img {
  width:            100%;
  max-width:        700px;
  height:           auto;
}

.wp-caption,
p.image-caption,
.gallery-caption {
  color:            #666;
  font-size:        .95em           !important;
  max-width:        100%;
}
.wp-caption img[class*="wp-image-"] {
  display:          block;
  margin-left:      auto;
  margin-right:     auto;
}
.wp-caption .wp-caption-text {
  margin:           0.8075em 0;
}

/* Media Elements */
.mejs-container {
  margin-bottom:    1.5em;
}

/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
  background:       transparent;
  border:           0;
}

/* { Playlist Color Overrides: Light */
.site-content .wp-playlist-light {
  border-color:     #eee;
  color:            var(--color-text);
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
  color:            var(--color-text);
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
  color: var(--color-grey-med-dark);
}
.site-content .wp-playlist-light .wp-playlist-item {
  border-bottom: 1px dotted #eee;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
  border-bottom-color: rgba(0, 0, 0, 0);
  background-color: var(--color-grey-med-dark);
  color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
  color: #fff;
}
/* } Playlist Color Overrides: Light */

/* { Playlist Color Overrides: Dark */
.site-content .wp-playlist-dark {
  background: var(--color-text);
  border-color: var(--color-text);
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
  background-color: var(--color-text);
}
.site-content .wp-playlist-dark .wp-playlist-caption {
  color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
  color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
  color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
  background-color: var(--color-text);
}
.site-content .wp-playlist-dark .wp-playlist-item {
  border-bottom: 1px dotted #555;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
  border-bottom-color: rgba(0, 0, 0, 0);
  background-color: #aaa;
  color: var(--color-text);
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
  color: var(--color-text);
}
/* } Playlist Color Overrides: Dark */

/* { Playlist Style Overrides */
.site-content .wp-playlist {
  padding:          0.625em 0.625em 0.3125em;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
  font-weight:      700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
  font-style:       normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
  font-size:        10px;
  font-size:        0.625rem;
  font-weight:      800;
  letter-spacing:   0.1818em;
}
.site-content .wp-playlist-item {
  padding:          0 0.3125em;
  cursor:           pointer;
}
.site-content .wp-playlist-item:last-of-type {
  border-bottom:    none;
}
.site-content .wp-playlist-item a {
  padding:          0.3125em 0;
  border-bottom:    none;
}
.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
  box-shadow:       none;
  background:       transparent;
}
.site-content .wp-playlist-item-length {
  top:              5px;
}
/* { Playlist Style Overrides */

/* SVG Icons base styles */

.icon {
  display:          inline-block;
  fill:             currentColor;
  height:           1em;
  position:         relative; /* Align more nicely with capital letters */
  top:              -0.0625em;
  vertical-align:   middle;
  width:            1em;
}
/* }} 10.1 Base media -------------------------- */


/* {{ 10.2 Galleries ------------------------------------ */

    /* { my float-left gallery. */
div#blackneck-publications {   /* the box holding the gallery and assoc infos. */
  display:          table; 
  width:            100%; 
  margin:           2em auto; 
  padding:          0 1em; 
  border:           4px solid var(--color-grey-med2);
}
div.drg-gallery {               /* the box holding the items */
  margin:           1em auto;
}
div.drg-glry-item {             /* each image box */
  text-align:       center;
  display:          table;
  height:           23em;
  float:            left;
  padding:          .5em;
  margin-bottom:    .5em;
}
div.drg-glry-item img {         /* each image */
  width:            180px;
  height:           280px;
}
p.drg-glry-caption {            /* caption for each image */
  color:            var(--color-thm-grey-dark);
  font-size:        .8em            !important;
  line-height:      .1.3em          !important;
  text-align:       center;
  margin:           0               !important;
}
p.drg-glry-caption span { 
  display:          block;
}
p.drg-glry-caption span:nth-of-type(1) {            /* the title */
  font-style:       italic;
}
p.drg-glry-caption span:nth-of-type(2):before {     /* the author */
  content:          'by ';
}
p.drg-glry-caption span:nth-of-type(3) {            /* link to buy */
  font-size:        .8em;
}

    /* } my float-left gallery. */

    /* { wordpress media gallery? */
.gallery-item {
  display:          inline-block;
  text-align:       left;
  vertical-align:   top;
  margin:           0 0 1.5em;
  padding:          0 1em 0 0;
  width:            50%;
}

.gallery-columns-1 .gallery-item {
  width:            100%;
}

.gallery-columns-2 .gallery-item {
  max-width:        50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
  box-shadow:       none;
  background:       none;
  display:          inline-block;
  max-width:        100%;
}

.gallery-item a img {
  display:          block;
  transition:       filter 0.2s ease-in;
  backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
  filter:           opacity(60%);
}

.gallery-caption {
  display:          block;
  text-align:       left;
  padding:          0 10px 0 0;
  margin-bottom:    0;
}
    /* } wordpress media gallery? */

/* }} 10.2 Galleries ------------------------------------ */

/* {{ 10.3 Featured Image Hover -----------------*/
.post-thumbnail {
  margin-bottom:    1em;
}

.post-thumbnail a img {
  transition:       opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
  opacity:          0.7;
}
/* }} 10.3 Featured Image Hover -----------------*/


/* {{ 10.4 SVGs Fallbacks -----------------------*/
.svg-fallback {
  display:          none;
}

.no-svg .svg-fallback {
  display:          inline-block;
}

.no-svg .dropdown-toggle {
  padding:          0.5em 0 0;
  right:            0;
  text-align:       center;
  width:            2em;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
  font-size:        20px;
  font-size:        1.25rem;
  font-weight:      400;
  line-height:      1;
  transform:        rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
  transform:        rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
  content:          "\005E";
}

/* Social Menu fallbacks */

.no-svg .social-navigation a {
  background:       transparent;
  color:            var(--color-text);
  height:           auto;
  width:            auto;
}

/* Show screen reader text in some cases */
.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
  clip:             auto;
  font-size:        16px;
  font-size:        1rem;
  font-weight:      400;
  height:           auto;
  position:         relative !important; /* overrides previous !important styles */
  width:            auto;
}

/* }} 10.4 SVGs Fallbacks -------------------------- */

/* }}} 10.0 Media -------------------------------------------- */


/*-----------------------------------------------------------
  {{{ 11.0 Special Stuff
-------------------------------------------------------------- */

/* {{ 11.1 Clearfix --------------------------------- */

/* }} 11.1 Clearfix --------------------------------- */


/* {{ 11.2 Show/hide -------------------------------- */
div.shwhd label {
  color:            var(--color-green-dark);
  font-weight:      normal;
  font-size:        .9em;
}
ul div.shwhd {
  margin-top:       .3em;
}
/* }} 11.2 Show/hide -------------------------------- */


/* {{ 11.3 Tooltip ---------------------------------- */
/* }} 11.3 Tooltip ---------------------------------- */

/* {{ 11.4 Download --------------------------------- */
/* }} 11.4 Download --------------------------------- */

/* {{ 11.5 Language --------------------------------- */
/* }} 11.5 Language --------------------------------- */

/* {{ 11.6 Breadcrumb NavXT ------------------------- */
div.breadcrumbs span.current-item {
  /* display:          none; */
}
div.breadcrumbs a {
  color:            var(--text-color);
  font-size:        .9em;
}
div.breadcrumbs span.current-item {
  font-weight:      bold;
  letter-spacing:   .09em;
}
/* }} 11.6 Breadcrumb NavXT ------------------------- */

/* {{ 11.7 Google Language Translator ------------------------- */
div#google_language_translator {
  width:            10em;
  float:            right;
  /*
  position:         absolute;
  top:              .5em;
  right:            1em;
  */
}
/* }} 11.7 Breadcrumb NavXT ------------------------- */

/* {{ 11.8 The Links ------------------------------------ */
body.page-links {
  font-size:        14px;
  font-size:        0.875rem;
  padding:          2em 0 3em;
}

body.page-links .page-number {
  color:            var(--color-grey-med-dark);
  display:          inline-block;
  padding:          0.5em 1em;
}
body.page-links a .page-number {
  color:            var(--color-text);
}

body.page-links a {
  display:          inline-block;
}

body.page-links {       /* dunno what this is for - was in twentyseventeen css */
  clear: both;
  margin: 0 0 1.5em;
}

ul#the-links li {
  list-style-type:  none
}
ul#the-links > li:before {
  content:          '';
}

/* }} 11.8 The Links ------------------------------------ */

/* {{ 11.9 Original link display ------------------------ */
p.orig-link {
  font-size:        .8em;
}
p.orig-link:before {
  content:          'Original: ';
}
/* }} 11.9 Original link display ------------------------ */

/* {{ 11.10 Footnotes --------------------------------- */
div#footnotes {
  font-size:        .85em; 
  margin-top:       3em; 
  border-top:       1px dashed var(--color-grey-med2);
}
div#footnotes li:before {
  content:          '';
}
/* }} 11.10 Footnotes --------------------------------- */


/* {{ 11.11 Blackneck page --------------------------------- */
body.page-blackneck h1.entry-title {
  margin-left:      -3000px;
  height:           1px;
}
/* }} 11.11 Blackneck page --------------------------------- */

/* }}} 11.0 Special Stuff ------------------------------------ */


/*------------------------------------------------------------
  {{{ 12.0 Media Queries
-------------------------------------------------------------- */

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {

  body.customize-partial-edit-shortcuts-shown .site-header .site-title {
  	padding-left: 0;
  }
}

@media screen and (min-width: 30em) {

  /* Typography */

  body,
  button,
  input,
  select,
  textarea {
  	font-size:      18px;
  	font-size:      1.125rem;
  }

  h1 {
  	font-size:      30px;
  	font-size:      1.875rem;
  }
  h2,
  .home.blog .entry-title,
  .page .panel-content .recent-posts .entry-title {
  }
  h3 {
  }
  h4 {
  }
  h5 {
  }
  h6 {
  }

  .entry-content blockquote.alignleft,
  .entry-content blockquote.alignright {
  	font-size:      14px;
  	font-size:      0.875rem;
  }

  /* Fix image alignment */
  img.alignleft {
  	float:          left;
  	margin-right:   1.5em;
  }

  img.alignright {
  	float:          right;
  	margin-left:    1.5em;
  }

  /* Site Branding */
  div.site-branding {
  }

  /* Front Page */

  .panel-content .wrap {
  	padding-bottom: 2em;
  	padding-top:    3.5em;
  }

  .page-one-column .panel-content .wrap {
  	max-width: 740px;
  }

  .panel-content .entry-header {
  	margin-bottom: 4.5em;
  }

  .panel-content .recent-posts .entry-header {
  	margin-bottom: 0;
  }

  /* Blog Index, Archive, Search */

  .taxonomy-description {
  	font-size: 14px;
  	font-size: 0.875rem;
  }

  .page-numbers.current {
  	font-size: 16px;
  	font-size: 1rem;
  }

  /* Site Footer */

  .site-footer {
  	font-size: 16px;
  	font-size: 1rem;
  }

  /* Gallery Columns */

  .gallery-item {
  	max-width: 25%;
  }

  .gallery-columns-1 .gallery-item {
  	max-width: 100%;
  }

  .gallery-columns-2 .gallery-item {
  	max-width: 50%;
  }

  .gallery-columns-3 .gallery-item {
  	max-width: 33.33%;
  }

  .gallery-columns-4 .gallery-item {
  	max-width: 25%;
  }
}

@media screen and (min-width: 48em) {

  /* Typography */

  body,
  button,
  input,
  select,
  textarea {
  	font-size:      16px;
  	font-size:      1rem;
  	line-height:    1.5;
  }

  .entry-content blockquote.alignleft,
  .entry-content blockquote.alignright {
  	font-size:      13px;
  	font-size:      0.8125rem;
  }

  /* Layout */

  .wrap {
  	max-width:      1000px;
  }

  /* dunno where it's getting the '.has-sidebar' class. so ... */
  body.has-sidebar:not(.error404) div#primary {
  	float:          none;
  	width:          100%;
  }
  body.parent-pageid-34 div#primary,        /* author pages */
  body.parent-pageid-50 div#primary,        /* poems pages */
  body.page-links       div#primary,        /* links page */
  body.category         div#primary,        /* category post listings */
  body.single           div#primary {       /* posts */
  	float:          none        !important;
  	width:          100%        !important;
  }

  body.has-sidebar aside#secondary {
  	float:          right;
    margin-top:     3em;
  	padding:        1em .5em 1em .5em;
  	width:          30%;
  }
  body.home.has-sidebar aside#secondary {
    margin-top:     .7em;
  }
  .has-sidebar #secondary h3 {
    color:          var(--color-black);
    font-family:    var(--font-serif);
    text-align:     center;
  }
  .has-sidebar #secondary div#downloads {
    margin:         auto;
  }
  .has-sidebar #secondary div#downloads img {
    display:        block;
  }
  .has-sidebar #secondary div#downloads p {
    font-weight:    bold;
    text-align:     center;
    text-transform: uppercase;
    letter-spacing: .05em;
  }
  .has-sidebar #secondary div#links {
    margin-top:     2em;
  }

  .error404 #primary {
  	float: none;
  }

  /* Site Branding */

  .site-branding {
  	margin-bottom: 0;
  }

  .has-header-image.twentyseventeen-front-page .site-branding,
  .has-header-video.twentyseventeen-front-page .site-branding,
  .has-header-image.home.blog .site-branding,
  .has-header-video.home.blog .site-branding {
  	bottom: 0;
  	display: block;
  	left: 0;
  	height: auto;
  	padding-top: 0;
  	position: absolute;
  	width: 100%;
  }

  .has-header-image.twentyseventeen-front-page .custom-header,
  .has-header-video.twentyseventeen-front-page .custom-header,
  .has-header-image.home.blog .custom-header,
  .has-header-video.home.blog .custom-header {
  	display: block;
  	height: auto;
  }

  .custom-header-media {
  	height: 165px;
  	position: relative;
  }

  .twentyseventeen-front-page.has-header-image .custom-header-media,
  .twentyseventeen-front-page.has-header-video .custom-header-media,
  .home.blog.has-header-image .custom-header-media,
  .home.blog.has-header-video .custom-header-media {
  	height: 0;
  	position: relative;
  }

  .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
  .has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
  	bottom: 0;
  	height: auto;
  	left: 0;
  	position: absolute;
  	right: 0;
  	top: 0;
  }

  .custom-logo-link {
  	padding-right: 2em;
  }

  .custom-logo-link img,
  body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
  body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
  	max-width: 350px;
  }

  .title-tagline-hidden.home.has-header-image .custom-logo-link img,
  .title-tagline-hidden.home.has-header-video .custom-logo-link img {
  	max-height: 200px;
  }

  .site-title {
  	font-size: 36px;
  	font-size: 2.25rem;
  }

  .site-description {
  }

  /* Navigation */

  div.navigation-top {
  	bottom:         0;
  	left:           0;
  	position:       absolute;
  	right:          0;
  	width:          100%;
  	z-index:        3;
  }

  div.navigation-top .wrap {
  	max-width:      1000px;
  }

  div.navigation-top nav {
  }

  .site-navigation-fixed.navigation-top {
  	bottom:         auto;
  	left:           0;
  	right:          0;
  	top:            0;
  	width:          100%;
  	z-index:        7;
  }

  .admin-bar .site-navigation-fixed.navigation-top {
  	top: 32px;
  }

  /* Main Navigation */

  .js .menu-toggle,
  .js .dropdown-toggle {
  	display: none;
  }

  nav.main-navigation {
    float:          left;
  }

  .js nav.main-navigation ul,
  .js nav.main-navigation ul ul,
  .js nav.main-navigation > div > ul {
  	display: block;
  }

  nav.main-navigation ul {
  	background: transparent;
  	padding: 0;
  }

  nav.main-navigation > div > ul {
  	border: 0;
  	margin-bottom: 0;
  	padding: 0;
  }

  nav.main-navigation li {
  	border: 0;
  	display: inline-block;
  }

  nav.main-navigation li li {
  	display: block;
  }

  nav.main-navigation a {
  }

  nav.main-navigation ul ul {
  	background: #fff;
  	border: 1px solid #bbb;
  	left: -999em;
  	padding: 0;
  	position: absolute;
  	top: 100%;
  	z-index: 99999;
  }

  nav.main-navigation ul li.menu-item-has-children:before,
  nav.main-navigation ul li.menu-item-has-children:after,
  nav.main-navigation ul li.page_item_has_children:before,
  nav.main-navigation ul li.page_item_has_children:after {
  	border-style: solid;
  	border-width: 0 6px 6px;
  	content: "";
  	display: none;
  	height: 0;
  	position: absolute;
  	right: 1em;
  	bottom: -1px;
  	width: 0;
  	z-index: 100000;
  }

  nav.main-navigation ul li.menu-item-has-children.focus:before,
  nav.main-navigation ul li.menu-item-has-children:hover:before,
  nav.main-navigation ul li.menu-item-has-children.focus:after,
  nav.main-navigation ul li.menu-item-has-children:hover:after,
  nav.main-navigation ul li.page_item_has_children.focus:before,
  nav.main-navigation ul li.page_item_has_children:hover:before,
  nav.main-navigation ul li.page_item_has_children.focus:after,
  nav.main-navigation ul li.page_item_has_children:hover:after {
  	display: block;
  }

  nav.main-navigation ul li.menu-item-has-children:before,
  nav.main-navigation ul li.page_item_has_children:before {
  	border-color: transparent transparent #bbb;
  	bottom: 0;
  }

  nav.main-navigation ul li.menu-item-has-children:after,
  nav.main-navigation ul li.page_item_has_children:after {
  	border-color: transparent transparent #fff;
  }

  nav.main-navigation ul ul li:hover > ul,
  nav.main-navigation ul ul li.focus > ul {
  	left: 100%;
  	right: auto;
  }

  nav.main-navigation ul ul a {
  	width: 16em;
  }

  nav.main-navigation li li {
  	transition: background-color 0.2s ease-in-out;
  }

  nav.main-navigation li li:hover,
  nav.main-navigation li li.focus {
  	background: var(--color-grey-med-dark);
  }

  nav.main-navigation li li a {
  	transition: color 0.3s ease-in-out;
  }

  nav.main-navigation li li.focus > a,
  nav.main-navigation li li:focus > a,
  nav.main-navigation li li:hover > a,
  nav.main-navigation li li a:hover,
  nav.main-navigation li li a:focus,
  nav.main-navigation li li.current_page_item a:hover,
  nav.main-navigation li li.current-menu-item a:hover,
  nav.main-navigation li li.current_page_item a:focus,
  nav.main-navigation li li.current-menu-item a:focus {
  	color:          #fff;
  }

  nav.main-navigation ul li:hover > ul,
  nav.main-navigation ul li.focus > ul {
  	left: 0.5em;
  	right: auto;
  }

  nav.main-navigation .menu-item-has-children > a > .icon,
  nav.main-navigation .page_item_has_children > a > .icon {
  	display: inline;
  	left: 5px;
  	position: relative;
  	top: -1px;
  }

  nav.main-navigation ul ul .menu-item-has-children > a > .icon,
  nav.main-navigation ul ul .page_item_has_children > a > .icon {
  	margin-top: -9px;
  	left: auto;
  	position: absolute;
  	right: 1em;
  	top: 50%;
  	transform: rotate(-90deg);
  }

  nav.main-navigation ul ul ul {
  	left: -999em;
  	margin-top: -1px;
  	top: 0;
  }

  nav.main-navigation ul ul li.menu-item-has-children.focus:before,
  nav.main-navigation ul ul li.menu-item-has-children:hover:before,
  nav.main-navigation ul ul li.menu-item-has-children.focus:after,
  nav.main-navigation ul ul li.menu-item-has-children:hover:after,
  nav.main-navigation ul ul li.page_item_has_children.focus:before,
  nav.main-navigation ul ul li.page_item_has_children:hover:before,
  nav.main-navigation ul ul li.page_item_has_children.focus:after,
  nav.main-navigation ul ul li.page_item_has_children:hover:after {
  	display: none;
  }

  .site-header .site-navigation-fixed .menu-scroll-down {
  	display: none;
  }

  /* Scroll down arrow */

  .site-header .menu-scroll-down {
  	display: block;
  	padding: 1em;
  	position: absolute;
  	right: 0;
  }

  .site-header .menu-scroll-down .icon {
  	transform: rotate(90deg);
  }

  .site-header .menu-scroll-down {
  	color: #fff;
  	top: 2em;
  }

  .site-header div.navigation-top .menu-scroll-down {
  	color: var(--color-grey-med-dark);
  	top: 0.7em;
  }

  .menu-scroll-down:focus {
  	outline: thin dotted;
  }

  .menu-scroll-down .icon {
  	height: 18px;
  	width: 18px;
  }

  /* Front Page */

  .twentyseventeen-front-page.has-header-image .site-branding,
  .twentyseventeen-front-page.has-header-video .site-branding,
  .home.blog.has-header-image .site-branding,
  .home.blog.has-header-video .site-branding {
  	margin-bottom: 70px;
  }

  .twentyseventeen-front-page.has-header-image .custom-header-media,
  .twentyseventeen-front-page.has-header-video .custom-header-media,
  .home.blog.has-header-image .custom-header-media,
  .home.blog.has-header-video .custom-header-media {
  	height: 1200px;
  	height: 100vh;
  	max-height: 100%;
  	overflow: hidden;
  }

  .twentyseventeen-front-page.has-header-image .custom-header-media:before,
  .twentyseventeen-front-page.has-header-video .custom-header-media:before,
  .home.blog.has-header-image .custom-header-media:before,
  .home.blog.has-header-video .custom-header-media:before {
  	height: 33%;
  }

  .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
  .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
  .admin-bar.home.blog.has-header-image .custom-header-media,
  .admin-bar.home.blog.has-header-video .custom-header-media {
  	height: calc(100vh - 32px);
  }

  .panel-content .wrap {
  	padding-bottom: 4.5em;
  	padding-top: 6em;
  }

  .panel-image {
  	height: 100vh;
  	max-height: 1200px;
  }

  /* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
  .background-fixed .panel-image {
  	background-attachment: fixed;
  }

  .page-two-column .panel-content .entry-header {
  	float: left;
  	width: 36%;
  }

  .page-two-column .panel-content .entry-content {
  	float: right;
  	width: 58%;
  }

  /* Front Page - Recent Posts */

  .page-two-column .panel-content .recent-posts {
  	clear: right;
  	float: right;
  	width: 58%;
  }

  .panel-content .recent-posts article {
  	margin-bottom: 4em;
  }

  .panel-content .recent-posts .entry-header,
  .page-two-column #primary .panel-content .recent-posts .entry-header,
  .panel-content .recent-posts .entry-content,
  .page-two-column #primary .panel-content .recent-posts .entry-content {
  	float: none;
  	width: 100%;
  }

  .panel-content .recent-posts .entry-header {
  	margin-bottom: 1.5em;
  }

  .page .panel-content .recent-posts .entry-title {
  	font-size: 26px;
  	font-size: 1.625rem;
  }

  /* Posts */

  .site-content {
  	padding:         2em 0 0;
  }

  .single-post .entry-title,
  .page .entry-title {
  	font-size: 26px;
  	font-size: 1.625rem;
  }

  .comments-pagination,
  .post-navigation {
  	clear: both;
  }

  .post-navigation .nav-previous {
  	float: left;
  	width: 50%;
  }

  .post-navigation .nav-next {
  	float: right;
  	text-align: right;
  	width: 50%;
  }

  .nav-next,
  .post-navigation .nav-next {
  	margin-top: 0;
  }

  /* Blog, archive, search */

  .sticky .icon-thumb-tack {
  	height: 23px;
  	left: -2.5em;
  	top: 1.5em;
  	width: 32px;
  }

  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:          100%;
  }
  body.page-calendar.page-two-column:not(.archive) #primary .entry-header, 
  body.page-dos.page-two-column:not(.archive) #primary .entry-header {
  	float:          none;
  	width:          100%;
  }

  .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:          100%;
  }
  body.page-calendar.page-two-column:not(.archive) #primary .entry-content, 
  body.page-dos.page-two-column:not(.archive) #primary .entry-content {
  	float:          none;
  	width:          100%;
  }

  .blog .site-main > article,
  .archive .site-main > article,
  .search .site-main > article {
  }

  .navigation.pagination {
  	clear: both;
  	float: right;
  	width: 58%;
  }

  .has-sidebar .navigation.pagination,
  .archive.page-one-column:not(.has-sidebar) .navigation.pagination {
  	float: none;
  	width: 100%;
  }

  .entry-footer {
  	display: table;
  	width: 100%;
  }

  .entry-footer .cat-tags-links {
  	vertical-align: middle;
  	width: 100%;
  }

  .entry-footer .edit-link {
  	display: table-cell;
  	text-align: right;
  	vertical-align: middle;
  }

  .entry-footer .edit-link a.post-edit-link {
  	margin-top: 0;
  	margin-left: 1em;
  }

  /* Entry content */

  /* without sidebar */

  :not(.has-sidebar) .entry-content blockquote.alignleft {
  	margin-left: -17.5%;
  	width: 48%;
  }

  :not(.has-sidebar) .entry-content blockquote.alignright {
  	margin-right: -17.5%;
  	width: 48%;
  }

  /* with sidebar */

  .has-sidebar .entry-content blockquote.alignleft {
  	margin-left: 0;
  	width: 34%;
  }

  .has-sidebar .entry-content blockquote.alignright {
  	margin-right: 0;
  	width: 34%;
  }

  .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
  	margin-right: -72.5%;
  	width: 62%;
  }

  /* blog and archive */

  .blog:not(.has-sidebar) .entry-content blockquote.alignleft,
  .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
  .archive:not(.has-sidebar) .entry-content blockquote.alignleft,
  .page-two-column .entry-content blockquote.alignleft {
  	margin-left: -72.5%;
  	width: 62%;
  }

  .blog:not(.has-sidebar) .entry-content blockquote.alignright,
  .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
  .archive:not(.has-sidebar) .entry-content blockquote.alignright,
  .page-two-column .entry-content blockquote.alignright {
  	margin-right: 0;
  	width: 36%;
  }

  /* Post formats */

  .format-quote blockquote .icon {
  }

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

  .page:not(.home) #content {
  	padding-bottom: 3.25em;
  }

  /* 404 page */

  .error404 .page-content {
  	padding-bottom: 9em;
  }

  /* Comments */

  ol.children .children {
  	padding-left: 2em;
  }

  /* Posts pagination */

  .nav-links .nav-title {
  	position: relative;
  }

  .nav-title-icon-wrapper {
  	position: absolute;
  	text-align: center;
  	width: 2em;
  }

  .nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
  	left: -2em;
  }

  .nav-links .nav-next .nav-title .nav-title-icon-wrapper {
  	right: -2em;
  }

  /* Secondary */

  #secondary {
  	line-height: 1.6;
  }

  /* Widgets */

  h2.widget-title {
  	font-size: 11px;
  	font-size: 0.6875rem;
  	margin-bottom: 2em;
  }

  /* Footer */

  .site-footer {
  	font-size: 14px;
  	font-size: 0.875rem;
  	line-height: 1.6;
  	margin-top: 3em;
  }

  .site-footer .widget-column.footer-widget-1 {
  	float: left;
  	width: 36%;
  }

  .site-footer .widget-column.footer-widget-2 {
  	float: right;
  	width: 58%;
  }

  .social-navigation {
  	clear: left;
  	float: left;
  	margin-bottom: 0;
  	width: 36%;
  }

  .site-info {
  	padding: 0;
  }

  .social-navigation + .site-info {
  	margin-left: 6%;
  }

  .site-info .sep {
  	margin: 0 0.5em;
  	display: inline;
  	visibility: visible;
  	height: auto;
  	width: auto;
  }

  /* Gallery Columns */

  .gallery-columns-5 .gallery-item {
  	max-width: 20%;
  }

  .gallery-columns-6 .gallery-item {
  	max-width: 16.66%;
  }

  .gallery-columns-7 .gallery-item {
  	max-width: 14.28%;
  }

  .gallery-columns-8 .gallery-item {
  	max-width: 12.5%;
  }

  .gallery-columns-9 .gallery-item {
  	max-width: 11.11%;
  }
}

@media screen and ( min-width: 67em ) {

  /* Layout */

  /* Navigation */
  div.navigation-top .wrap {
  }

  div.navigation-top nav {
  	margin-left: 0;
  }

  /* Sticky posts */

  .sticky .icon-thumb-tack {
  	font-size: 32px;
  	font-size: 2rem;
  	height: 22px;
  	left: -1.25em;
  	top: 0.75em;
  	width: 32px;
  }

  /* Pagination */

  .page-numbers {
  	display: inline-block;
  }

  .page-numbers.current {
  	font-size: 15px;
  	font-size: 0.9375rem;
  }

  .page-numbers.current .screen-reader-text {
  	clip: rect(1px, 1px, 1px, 1px);
  	height: 1px;
  	overflow: hidden;
  	position: absolute !important;
  	width: 1px;
  }

  /* Comments */

  .comment-body {
  	margin-left: 0;
  }
}

@media screen and ( min-width: 79em ) {

  .has-sidebar .entry-content blockquote.alignleft {
  	margin-left: -20%;
  }

  .blog:not(.has-sidebar) .entry-content blockquote.alignright,
  .archive:not(.has-sidebar) .entry-content blockquote.alignright,
  .page-two-column .entry-content blockquote.alignright,
  .twentyseventeen-front-page .entry-content blockquote.alignright {
  	margin-right: -20%;
  }
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {

  .admin-bar .site-navigation-fixed.navigation-top,
  .admin-bar .site-navigation-hidden.navigation-top {
  	top: 46px;
  }
}
/* }}} 12.0 Media Queries ----------------------------------- */


/*-----------------------------------------------------------
  {{{ 13.0 Print
-------------------------------------------------------------- */
@media print {

  /* Hide elements */

  form,
  button,
  input,
  select,
  textarea,
  div.navigation-top,
  .social-navigation,
  #secondary,
  .content-bottom-widgets,
  .header-image,
  .panel-image-prop,
  .icon-thumb-tack,
  .page-links,
  .edit-link,
  .post-navigation,
  .pagination.navigation,
  .comments-pagination,
  .comment-respond,
  .comment-edit-link,
  .comment-reply-link,
  .comment-metadata .edit-link,
  .pingback .edit-link,
  .site-footer aside.widget-area,
  .site-info {
  	display: none !important;
  }

  .entry-footer,
  #comments,
  .site-footer,
  .single-featured-image-header {
  	border: 0;
  }

  /* Font sizes */

  body {
  	font-size: 12pt;
  }

  h1 {
  	font-size: 24pt;
  }

  h2 {
  	font-size: 22pt;
  }

  h3 {
  	font-size: 17pt;
  }

  h4 {
  	font-size: 12pt;
  }

  h5 {
  	font-size: 11pt;
  }

  h6 {
  	font-size: 12pt;
  }

  .page .panel-content .entry-title,
  .page-title,
  body.page:not(.twentyseventeen-front-page) .entry-title {
  	font-size: 10pt;
  }

  /* Layout */

  .wrap {
  	padding-left: 5% !important;
  	padding-right: 5% !important;
  	max-width: none;
  }

  /* Site Branding */

  .site-header {
  	background: transparent;
  	padding: 0;
  }

  .custom-header-media {
  	padding: 0;
  }

  .twentyseventeen-front-page.has-header-image .site-branding,
  .twentyseventeen-front-page.has-header-video .site-branding,
  .home.blog.has-header-image .site-branding,
  .home.blog.has-header-video .site-branding {
  	position: relative;
  }

  .site-branding {
  	margin-top: 0;
  	margin-bottom: 1.75em !important; /* override styles added by JavaScript */
  }

  .site-title {
  	font-size: 25pt;
  }

  .site-description {
  	font-size: 12pt;
  	opacity: 1;
  }

  /* Posts */
  .single-featured-image-header {
  	background:     transparent;
  }
  .entry-meta {
  	font-size:      9pt;
  }

  /* Colors */
  body,
  .site {
  	background:     none !important; /* Brute force since user agents all print differently. */
  }
  body,
  a,
  .site-title a,
  .twentyseventeen-front-page.has-header-image .site-title,
  .twentyseventeen-front-page.has-header-video .site-title,
  .twentyseventeen-front-page.has-header-image .site-title a,
  .twentyseventeen-front-page.has-header-video .site-title a {
  	color:          var(--color-text)  !important; /* Make sure color schemes don't affect to print */
  }
  h2,
  h5,
  blockquote,
  .site-description,
  .twentyseventeen-front-page.has-header-image .site-description,
  .twentyseventeen-front-page.has-header-video .site-description,
  .entry-meta,
  .entry-meta a {
  	color:          #777 !important; /* Make sure color schemes don't affect to print */
  }

  .entry-content blockquote.alignleft,
  .entry-content blockquote.alignright {
  	font-size:      11pt;
  	width:          34%;
  }

  .site-footer {
  	padding:        0;
  }
}
/* }}} 13.0 print -------------------------------------------- */

/* e o f */