/**
* Theme Name:     WP Bootstrap Starter CHILD Theme
* Theme URI:      https://wordpress.org/themes/wp-bootstrap-starter/
* Description:    A child theme of WPBS Theme
* Author:         Kris Townsend
* Template:       wp-bootstrap-starter
* Version:        1.4
*/


/****************************************
*** Theme customization starts below ***
*****************************************/
p.center, h1.center, h2.center, h3.center, th.center { text-align: center; }
.column-close {	clear: both; height: 0; }
.right {text-align: right;}
.italic {font-style: italic;}
.float {float: right;}
.indent-1-level {margin-left: 2em;}
.indent-2-levels {margin-left: 4em;}
.indent-3-levels {margin-left: 6em;}
.width90 {max-width: 90%;}
.smallcaps {font-variant:small-caps;}
.larger {font-size: larger;}
.sum { border-top: thin solid black; }

.letter p.date { text-align: right; }
.letter p.salutation { font-variant-caps: small-caps; }
.letter p.signature { font-variant-caps: small-caps; text-align: right; }

.well {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  margin-bottom: 18px;
  padding: 18px;
}

.well img {display: block; margin: auto;}

.indent-level-1 {margin-left: 2em;}
.indent-level-2 {margin-left: 4em;}
.indent-level-3 {margin-left: 6em;}

.myTable {display:table;}
.myRow {display:table-row;}
.myCell {display:table-cell;vertical-align:top;}

/* headings */
h1.entry-title { font-size: 2.7rem; }
h2, h3, h4 { clear: none; }

/* affects search listings */
/*header.entry-header { border-bottom: 1px solid #eaecef; }*/
h2.entry-title { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
p.search-subtitle { margin-bottom: 0; font-style: italic; }
.entry-summary { margin-top: 0; }

/* space between search result listings: both default and dps-archive partial template */
.post.hentry { margin-bottom: 3rem; }

/* for blacklisting Internal Links*/
b {font-weight: normal;}
/* for my mods to single.php */
div.my-page-info { padding-bottom: 16px; border-bottom: 1px solid #eaecef; margin-bottom: 16px;}
.my-page-info h1.entry-title { border: none; padding: 2px 0; margin: 0;}
.my-page-info p.subtitle { font-size: 1.2rem; font-style: italic; padding: 0; margin: 0;}

/* for excerpts */
.excerpt p {margin: 0;}
.excerpt p.subtitle {font-style: italic;font-size: larger;}

.my-page-info p.authors { padding: 0; margin: 0; }
.navigation.post-navigation {padding-top: 0; } /* overrides parent styles.css */
/*.my-page-info nav.post-navigation { padding: 16px; }*/
/*.my-page-info .nav-next { padding-right: 24px; }*/

#content.site-content { padding-top: 4rem; }
div.entry-content { margin: 0; }

/******** My Page Layout ***********/

/* Currently has two options:
*  .article places the image at the top for small screens by default
*  .article-w-aside places the aside at below the main article for small screens
 */

/* small screens */
/* TODO: the images will likely need a max-width */
section#nav_menu-2 { display: none; }

.article {/* works as is */}
.article-w-aside { display: flex; flex-direction: column-reverse }

div.my-gallery { float: none; position: relative; z-index:999; }
div.my-gallery img, img.center {display: block; margin: 1rem auto;}
div.my-gallery img.inline { display: inline; margin: auto;}

p.mediaTitle, h2.mediaTitle { font-size:larger;text-align:center;margin-bottom: 0; }
p.mediaSubTitle { text-align:center;margin-bottom: 0; }
p.instruction { text-align: center; }
p.credit { font-size:smaller;text-align: left; margin-bottom: 0; }
.my-gallery p:last-child { margin-bottom: 10px; }
p.my-title {margin: .5em 0 0 0; font-weight: bold;}

.thumbnails {display: flex; flex-direction: column;}

.my-gallery-full-width {
  width: 80% ;
  margin: 0 auto 18px auto;
  padding: 18px;
  position: relative;
  /*background-color: #f5f5f5;*/
  /*border: 1px solid #e3e3e3;*/
  /*border-radius: 4px;*/
  /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);*/
  /*box-shadow: inset 0 1px 1px rgba(0,0,0,.05);*/
}
.my-gallery-full-width div.my-media {margin-left: 16px;}
.my-gallery-full-width img {display: block; margin: auto;}

@media (min-width: 1000px) {
  section#nav_menu-2 { display: block; }
}

@media (min-width: 950px) {

  .article-w-aside { display: block; flex-direction: unset;}
    div.my-gallery {
    float: right;
    margin: 0 0 16px 8px;
    padding-left: 3rem;
    max-width: 50%;
    /*background-color: #f5f5f5;*/
    /*border: 1px solid #e3e3e3;*/
    /*border-radius: 4px;*/
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);*/
    /*box-shadow: inset 0 1px 1px rgba(0,0,0,.05);*/
  }
}

/* Because I set the default to underline in flatly.css, here I override that for links in menus, related */
.toc_widget_list a,
.yoast-breadcrumbs a
    { text-decoration: none; }

/* Links that shouldn't be underlined, etc. */
.navbar-brand > a, .navbar a { color: black; text-decoration-line: none;}
.navbar-brand > a {font-weight: normal;}
.navbar-dark .site-info {color: black;}
.site-info a {color: black; text-decoration-line: none;}
h2.entry-title > a { text-decoration-line: none; }
.cat-links a, .tags-links a, .related a {text-decoration-line: none;}

.yoast-breadcrumbs { font-size: larger; }

/*.entry-content { margin: 0 }*/

/* order matters*/
.authors span::after { content: " and "; }
.authors span:last-child::after { content: none; }

ul.toc_widget_list, .toc_widget_list ul { padding-left: 18px; }




/* blockquotes: With all blockquotes set to relative, some adjustments made below may no longer be needed*/
blockquote  {position:relative;}
blockquote p, blockquote.data-table table, blockquote ul.list-unstyled li {margin-left: 24px;}
blockquote.data-table {position:relative;}
blockquote p:first-child::before, blockquote.data-table thead::before {
    content: "“";
    font-size: xx-large ;
    line-height: 25px;
    position: absolute;
    left: 12px;

}
blockquote.data-table thead::before { left: 0; }
blockquote.letter {max-width: 600px;}

/* no stripes for purchase tables */
.purchase-table table { border-collapse: collapse; width: initial; }

.purchase-table th, .purchase-table td {
    font-weight: normal;
    padding: .15em 1.5em;
    vertical-align: middle;
}

/* TABLES */
.data-table {margin:1em auto;}

.data-table caption, .journal-table caption, .purchase-table caption {
  font-size:110%;
  color:inherit;
  margin-bottom:.5em;
  text-align:center;
  caption-side: top; /* overrides flatly.css */
}
.data-table table { border-collapse: collapse; width: initial; }
.data-table tr:nth-child(even), .journal-table tr:nth-child(even) {background-color:#e9e9e9;}
.data-table th, .journal-table th {
    border-bottom:thin solid #666666;
    font-size:90%;
    color:inherit;
    font-weight:normal;
    text-align:left;
    padding: .25em 1.5em;
}
.data-table td, .journal-table td {
    font-size:85%;
    color:black;
    padding:.25em 1.5em;
}
.data-table td pre {
    margin:0;
    padding: 0;
    white-space:nowrap;
    word-wrap:normal;
    /*Disable Bootstrap PRE formatting*/
    background-color: inherit;
    border: inherit;
    border-radius: inherit;
    font-size: inherit;
    color: inherit;
    display: inherit;
    line-height: inherit;
    word-break: inherit;
}
/* Tables on Day by Day Pages */
.weather .data-table table, .entry .data-table table { border-collapse: collapse; margin-bottom: .5em; }
.weather .data-table td, .entry .data-table td { border: thin solid #b1acac4f; font-style:normal; }
.weather .data-table tr:nth-child(even), .entry .data-table tr:nth-child(even) { background-color:#8080801a; }




/*.data-table td, .data-table p {font-style:italic;}*/

/* NPS High Potential Historic Sites (HPHS)*/
.nps-crosslink div.float-left {padding-right: 1em;}
.nps-crosslink img {margin: 0;}

p.nps-crosslink-text {
  font-size: small;
  text-align: left;
  margin: .5em 0;
}


#page-sub-header h1, #page-sub-header p {color: white;}

/* Eponyms */
.eponym, .epigraph {border-left-width:thick;border-left-style: solid;border-left-color:rgba(0,0,0,0.25);max-width:550px;}
.epigraph p {color:inherit}
p.epigraph-quote  {font-style:italic;font-weight:normal;text-align: left;padding-left: 10px;margin:0;}
.epigraph-quote em {font-style:normal;}
p.epigraph-small, p.epigraph-byline {font-size: smaller;font-weight: normal;font-style: normal;margin:0 0 15px 0;padding-left: 15px;}

/* my footer */
div.my-footer { border-top: thin solid gray;}
.my-footer p, .my-footer li { text-align: center; }
.my-footer p.funding { text-align: left; font-style: italic; margin-bottom: 16px; }
.my-footer p { margin: 5px 0; }
.my-footer ul { list-style-type: none; }

/* p.dbd-player { color: red; }  DEBUG only */
.dbd-player p {
  font-size: 1.1rem;
  font-style: italic;
  margin-bottom: 0;
}
.dbd-player p.related { font-style: normal; font-size: 0.9375rem; } /* set same as related class or default a tag */

/* DAY by DAY */
#daily  h2:first-of-type { margin-top: 16px; }
#daily  h2 { font-size: 1.4rem; }
#daily  h3 { font-size: 1.2rem; }

/* EXCERPT LISTINGS */
/* adjustments for all of them */
.archive .entry-content img,
.home .entry-content img,
.search-results .entry-summary img,
.display-posts-listing img
{ float: left; width: 150px; height: 150px; object-fit: cover; margin-right: .5em; }

/* for default home, tag, category */
.post.entry {
  margin-bottom: 2rem;
}

.display-posts-listing a.title {
  display: block;
  text-decoration-line: none;
  /*below are same as h2 formatting */
  border-bottom: 1px solid #eaecef;
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

.display-posts-listing .excerpt-dash {display: none;}

/*Display Posts plugin formatting*/
/*Maybe look at formatting on a category page and make the same*/
ul.display-posts-listing {list-style-type: none;}
/*TODO It would be better to insert <div class="column-close">&nbsp;</div> in the template, but what template?*/
.display-posts-listing li.listing-item {min-height: 235px; font-size: x-large;}
/*.display-posts-listing li.listing-item::after {content: attr("class='column-close'";} !* doesn't clear *!*/
.display-posts-listing span.excerpt {font-size: 0.9375rem; }
/*.search-results .entry-summary {min-height: 150px;} !* search results page *!*/

/*Audio and Video*/
audio, video {
  display: block;
  margin: 0 auto 8px auto;
}

#daily audio { margin: initial; }

/* TOOL TIPS */
/* Bootstrap tooltip and modal formatting*/
.tooltip-inner {
  text-align: left;
  padding: 19px;
  font-size:120%;
  /*margin-bottom: 20px;*/
  /*background-color: rgba(245,245,245,.95);*/
  /*opacity: .95;*/
  /*border: 1px solid #e3e3e3;*/
  /*border-radius: 4px;*/
  /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);*/
  /*box-shadow: inset 0 1px 1px rgba(0,0,0,.05);*/
}
/* dashicon
margin-top: 10px;

color: #909090;
line-height: 26px;

cursor: help;

font-family: dashicons;
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
speak: never;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 20px;
height: 20px;
font-size: 20px;
vertical-align: top;
text-align: center;
transition: color .1s ease-in;
*/

/*removed a[data-toggle="modal"]*/
a[data-toggle="tooltip"] {
  text-decoration-line: none;
}
a[data-toggle="modal"] {
}

a:hover[data-toggle="tooltip"], a:hover[data-toggle="modal"] {cursor:help;}

/* I removed this without testing: , a[data-toggle="modal"]*/
a[data-toggle="tooltip"]::after {
  text-decoration-line: none;
  content: "i";
 line-height: 18px;
  margin-left: 3px;
  background-color: #bbbbbb;
  color: white;
  border-radius: 9px;
  width: 18px;
  display: inline-block;
  text-align: center;
}

/* Day by Day Calendar Rules */
.year p.nav-index {margin-top: 0;}
.year h2 {margin-bottom: 0;}

.calendar {max-width: 1000px;}

.calendar .month-container {
  min-width: 180px;
  text-align: center;
  height: 17em;
  padding: 0;
  float: left;
  margin: 0 15px 0 15px;
}

.calendar table {
  /*line-height: 16px;*/
  margin: 1.0em;
}

.calendar td {padding: 0;}

.calendar table.month tr td .day-content {
  /*-webkit-border-radius: 4px;*/
  /*-moz-border-radius: 4px;*/
  /*border-radius: 4px;*/
  color:gray;
  font-size: 14px;
  text-align: center;
}

.month-title {text-align:center;}

.month-title a:link,
.calendar table.month tr td .day-content a:link,
.month-title a:visited,
.calendar table.month tr td .day-content a:visited {
  text-decoration: none;
  display: inline-block;
  color: #211e6d;
}

.dbd {font-weight: bold;}

.month-title a:hover,
.calendar table.month tr td .day-content a:hover {
  background-color: #cccccc;
  border-radius: 5px;
}

.nav-month {font-size: smaller;}

.daybyday h2  {
  clear:left;
  text-align: center;
  background-color: #cccccc;
  border-radius: 5px;
  width: auto;
  max-width: 1000px;
  padding: 0 5px;
  margin-top: 0;
}

.na {padding:5px;}
/*End calendar rules*/

/* Overrides bootstrap and flatly */
.article dt {font-weight: normal;}

/* for panoramas less than 360 degrees */
.panorama-180 {
  overflow-x: scroll;
  overflow-y: hidden;
}
.panorama-180 img {
  height: 100%;
  max-width:none;
}

/* My Card Overrides */
.my-cards h3 a { text-decoration-line: none; }
.my-cards ul {margin-bottom: 0;}
.my-cards .more { font-style: italic; text-align: right; }

/* Home Page Day-by-day and 50 random pages */
/*@media (min-width: 576px) {*/
/*  .home-dbd .card {*/
/*    -ms-flex: 1 0 200px; !* my mod: flex-grow | flex-shrink | flex-basis: 1 0 0% *!*/
/*    flex: 1 0 200px; !* my mod: flex-grow | flex-shrink | flex-basis: 1 0 0% *!*/
/*}*/

/*.home-dbd .card, .home-rnd .card, .dp-card { max-width: 250px; } See flatly.css home-dbd .card*/
.home-dbd h3, .home-rnd h3, .dp-card h3 {margin: 0; font-size: 1.2em;}
.home-dbd p.subtitle, .home-rnd p.subtitle {margin: 0 0 .75rem 0; font-style: italic;}
.home-dbd p, .home-rnd p, .dp-card p {margin-bottom: 0;}
.home-dbd p img, .home-rnd p img, .dp-card p img {display: none;}
.home-dbd-link, .home-rnd-link, .dp-link {margin: 0;}
.home-dbd-link a:link, .home-rnd-link a:link, .dp-link a:link {text-decoration-line: none;}

/* See also in flatly.css .home-dbd-3 and .home-dbd-4 .card {
  -ms-flex: 1 1 200px;
  flex: 1 1 200px;
  max-width: 200px;
  margin: 1em auto;*/

/* The links for the trail on the home page */
.home-heading { margin-top: 2em; }
.home-map { margin-bottom: 1.5em; }
.home-map img { border: solid thin gray; }


.home-trail-nav {border-bottom: 1.5em;}
/*DEBUG .home-trail-nav a:link, */
.home-trail-nav a:link, .home-trail-nav a:visited{
  line-height: 1.2;
  font-size: 1rem;
  color: #212529;
  font-style: oblique;
}

/*DEBUG .home-native-nations a:link,  */
.home-native-nations a:link, .home-native-nations a:visited {
  color: #212529;
  text-decoration-line: none;
}
/* Side Menu */
.menu-more-discoveries-container a {text-decoration-line: none;}
.menu-more-discoveries-container ul.sub-menu {margin-left: 2em;}
/*DEBUG .menu-more-discoveries-container a:link, */
.menu-more-discoveries-container a:link, .menu-more-discoveries-container a:visited {
  color: #212529;
}



  /*Unique to Display Posts*/
.display-posts-listing .dp-card img {float: none; height: initial;object-fit: initial; margin-right: 0; width: 100%; }
.dp-card p.subtitle {font-style: italic;}

/* Location Formattting */
/*.location .btn { display: none; }*/

.last-modified { font-style: italic ; }

#page-sub-header { max-width: 1600px; }
#page-sub-header h1 { text-shadow: 3px 3px 3px #111; }

.summary p.related { margin-top: 1rem; }

/* Yellowstone Radio Play*/
/*DEBUG .ypr-dbd a:link, */
.ypr-dbd a:link, .ypr-dbd a:visited { text-decoration-line: none; color: #212529; }

.reads { margin-top: 2em; }

.nav-previous a, .nav-next a {color: black;}