@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400&display=swap');

.sans-serif, h1, h2, h3, h4, h5, h6, body {font-family: "Source Sans Pro";font-size:110%}

.grid-container {max-width:5120px}
.grid-container-full {grid-template-columns:130px 1fr}
.site-footer {color: #333}
.home .action.text {text-transform: none}

.page-sidebar details{position: sticky;top: 2rem}
.page-sidebar a:not(.link), .page-main a:not(.link), .page-main .social-icon-links a {color: #000; text-decoration-line:none}
.page-sidebar a:hover, .page-main a:hover, .page-main .social-icon-links a:hover {color: #357cdd}
a.footnote-backref, a.footnote-ref {color: #357cdd !important}
.page-sidebar ul {padding-left:1rem}

.post-body > table td, .post-body > table th {padding: 0.5rem}

.post-body h2 {font-size: 1.5rem}
.post-body h3 {font-size: 1.25rem}
.post-body > .footnotes{font-size: .85rem}
.post-body > .footnotes ol {padding-left: 1rem}
.w-20-ll {width:50%;min-width:500px;float:left}
.post-body ul, .post-body ol, .post-body dl {max-width: 90%}

.post-body blockquote {
    padding-left: 2rem;
    border-width: 0rem;
    font-size: 90%;
    max-width: 90%;
}

.full-page-p1 {
    width: 100%;
    padding: 50px 0;
    background: url(../img/p1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.inner-border-5{outline: 1px solid white;outline-offset: -5px}

.container-full { position:relative; }
.container-full video {
    position:relative;
    z-index:0;
}
.text-block {
    position:absolute;
    bottom:0;
    left:0;
    z-index:1;
}

.text-shadow {text-shadow: 1px 1px 1px #000,3px 3px 5px #000003}

.grid-container .two-col {grid-template-columns: 125px 1fr}

.pubs .tab {overflow: hidden}
.pubs .tab button {
  color: #bbc;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 1rem 2rem 1rem 0;
  transition: 0.3s;
  background-color:inherit;
}
.pubs .tab button:hover {color: #666}
.pubs .tab button.active {color: #000}
.pubs .tabcontent {display: none} 

img.full-margin-image {margin-left:-10%;margin-right:-10%;max-width:120%}

.shadow-3:hover{
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
  transform: translateY(2px);
}