/* CSS developed by Ryan Spellman */

body,
html
{
    margin: 0;
    padding: 0;
}

body {font-family: 'Mulish', sans-serif;}

/* Typography controls */

p, blockquote
{
    font-family: 'Mulish', sans-serif;
    font-size: 18px;
    font-weight: 500;
}

blockquote {
  margin-left:3rem;
}

main article ul li {
  font-family: 'Mulish', sans-serif;
  font-size: 18px;
  font-weight: 500;
}
ul.plo {
  list-style-type:none;
}
section#intro {
  padding-left:18px;
}

h1
{
    font-family: 'Stoke', serif;
    font-size: 45px;
}

h1.mobile-header
{
    font-family: 'Stoke', serif;
    font-size: 10vw;
    text-align:center;
    padding:15px 0;
}

.smallCaps {
  font-size:70%;
  margin-left: 10px;
  color: #5b5b5b;
}

h2
{
    font-family: 'Stoke', serif;
    font-size: 30px;
}

h3
{
    font-family: 'Stoke', serif;
    font-size: 25px;
}

#intro h3
{
    font-family: 'Stoke', serif;
    font-size: 25px;
    font-style:italic;
}

h4
{
    font-family: 'Stoke', serif;
    font-size: 20px;
}

h5
{
    font-family: 'Stoke', serif;
    font-size: 18px;
}



a:link {
  color:#0066ff;
}

a:visited {
  color:#0066ff;
}

a:hover {
  color:#763c00;
}

a:active {
  color:#763c00;
}

.list-group-item  {
padding: 20px;
}

.list-group a:link {
  text-decoration:none;
  font-weight:bold;
}

.list-group a:visited {
  text-decoration:none;
  font-weight:bold;
}

.list-group a:hover {
  text-decoration:none;
  font-weight:bold;
}

/* nav styles */

.navbar-brand {
  display:none;
}

.nav-item
{
    padding: 0 20px;
}

@media (min-width: 995px) {
  .nav-item:first-of-type {
      padding-left: 0;
  }
}

.nav-item:first-of-type a:link {
  padding-left:0;
}

.navbar-expand-lg .navbar-nav .dropdown-menu
{
    position: absolute;
    border: 0;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity));
}

.dropdown-divider
{
    background-color: #999;
}

.logo-wht
{
    width: 25px;
    margin: -4px 20px 0 0;
filter:  brightness(0) invert(1);
}

.logo-blk
{
    width: 35px;
    margin-right: 15px !important;
    fill:#000;
    float:left;
}

@media (max-width: 768px) {
  header .logo-blk
  {
      max-width: 90%;
      width:100%;
      margin: 0 auto;
      fill:#000;
      float:none;
      display:block;
  }
}

a.nav-link:link, a.dropdown-item:link
{
    color: #fff;
    scroll-behavior: smooth;
}
a.nav-link:visited svg, a.dropdown-item:visited svg
{
    fill: #fff;
}
a.nav-link:visited, a.dropdown-item:visited
{
    color: #fff;
}
a.dropdown-item:hover svg {
  fill:#000;
}
a.dropdown-item:hover {
  transition: color .5s;

  color: #000;
}

a.nav-link:hover
{
    transition: color .5s;

    color: #ceb004;
}

a.nav-link:active
{
    color: #625300;
}


/* link behavior */

/* header */

header {
    min-height: 130px;
  box-shadow: 0 5px 40px 0 #999;
  margin-bottom: 20px;
}

header .container {
 padding-top: 35px;
}

header h1 {font-size:3em;}

.logo-blk
{
    width: 45px;
    margin: 5px 25px 0 0;
    fill:#000;
    float:left;
}

@media (max-width: 690px) {

  header .container {
      padding-top: 20px;
      padding-bottom: 15px;
  }

}

#profile-section .profileImage {
width:290px;
height:290px;
border-radius: 50%;
margin:0 auto 30px;
display:block;
-webkit-box-shadow: inset 0 0 10px -5px #000;
-moz-box-shadow: inset 0 0 10px -5px #000;
box-shadow: inset 0 0 10px -5px #000;
background-image: url('../images/spellman-headshot-2025-square.jpg');
background-size: cover;
}

@media screen and (max-width: 1200px) {
  #profile-section .profileImage {
    width:190px;
    height:190px;
  }
}

@media screen and (max-width: 768px) {
  #profile-section .profileImage {
    width:290px;
    height:290px;
    margin:0 0 30px;
  }
}

#social a:link {
  color:#000;
  text-decoration:none;
}

#social a:visited {
  color:#000;
  text-decoration:none;
}
#social a:hover {
  transition: color .5s;

  color: #4e2800;
}
#social a:active {
  color:#000;
  text-decoration:none;
}
#social {
  display:inline-block;
  margin-bottom:10px;
}
#social ul {
  list-style-type: none;
  margin-left:0;
  padding: 5px 0 5px 20px;
  font-size: 15px;

  /* border-top:1px solid #d6d6d6; */
}
#social li {float:left;}

#social li {padding-right:20px;}
#social li::last-of-type {padding-right:0;}

/* LibraryThing custom widget */

.LT_content .LT_itemLast {
  padding-left: 0px !important;
}

/* Education collapse */
#education ul {
  margin-left:0;
  padding-left:0;

}

/* footer */

footer {text-align:center;}
footer h2 {font-size:15px;}

/* main article sections */

main {
  margin-bottom:60px
}

main .accordion-flush .accordion-item .accordion-button {
  font-size:30px;
}

.accordion {
  --bs-accordion-bg: transparent;
}

.accordion-body {
  padding-left:20px;
}

#collapseContact button {

margin-top:25px;

}

textarea.form-control {
  min-height:200px;
}
.alert {
  max-width:400px;margin-left: 10px;
color: #5b5b5b;
  margin:50px auto;
}

aside {
  margin-bottom:60px;
}

#more {
  display:none;
}

#readMore {
    float: right;
    font-style: italic;
    font-weight: bold;
      text-decoration:none;
}

#readMore:hover {
color:#999;
}

#readMore i {
  font-size:.85em;
}

.anchor {
padding-top: 60px;
margin-top: -60px;
}

ul.schoolInfo{
  list-style-type:none;
  padding-left:20px;
}

ul.schoolInfo li {
  font-size:1rem;
  padding:5px 0;
}

ul.schoolInfo li h2{
  font-size:1.2rem;
}

.badge {
  cursor: help;
  font-size:11px;
  vertical-align:middle;
  margin-top:-2px;
}

video {
  width: 100%;
  height: auto;
}

.expanderLink[aria-expanded=false] .contentExpanded {
  display: none;
}
.expanderLink[aria-expanded=true] .contentCollapsed {
  display: none;
}
a.contentExpanded:link i, a.contentCollapsed:link i {
  color:#999;
}

html {scroll-padding-top:100px;}