/* You can customize theme styles here */
.rad-single {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    margin-top: 100px;
    padding-top: 6vh;
    padding-bottom: 50px;
}

.rad-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    margin: auto;
    margin-top: 100px;
    padding-top: 6vh;
}


.rad-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}

.navbar-brand:hover {
  transform: translate(0px, -4px);
}






/* Post pages */
.project-container {
  width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 80%;
	justify-content: center;
}

@media (min-width:992px) {
  .project-container {
    width: 750px;
  }
  
}

@media (max-width:992px) {
  .full_screen {
    max-width: 750px;
  }
  
}


.full_screen {
  position: relative;
  text-align: center;
  width: 100%;
}

.full_screen img {
  
}

.title-container {
  width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 900px;
	min-height: 150px;
}

.title-img {
  margin-top: 120px;
  margin-bottom: -110px;
  width: 100%;
  overflow-y: hidden;
  border-bottom: 2px solid var(--skobeloff);
  text-align: center;
  box-shadow: 0px 2px 2px 0px var(--skobeloff);
}

.post-title {
  text-align: left;
  color: var(--font-col);
  font-size: 36px;
  font-weight: 500;
  font-family: var(--font-family-title);
}

.post-summary {
  text-align:left; 
  font-size: 1.4rem;
  font-weight: 400;
  font-family: var(--font-family-subtitle);
}

.post-date {
  font-weight: 300;
  color: var(--axis-col);
  font-family: var(--font-family-title);
  margin-bottom: 0;
}
.date-n-tags {
  margin:10px 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.title-bttns {
  display: flex;
  justify-content: flex-end;
}

.tags-n-bttns {
  display: flex;
  padding: 10px;
  align-items: center;
}





/* Post sections */
.level1 {
  padding-top: 1vh;
  margin-bottom: 0px;
}

.level2 {
  padding-top: 3vh;
  padding-bottom: 1vh;
  margin-bottom: 0px;
}
.level3 {
  padding-top: 1vh;
  padding-bottom: 1vh;
  margin-bottom: 0px;
}






/* Footnote and Citations */

sup {
    color: var(--burnt-sienna);
    font-size: 12px;
    cursor: pointer;
}

.citation {
  text-indent: -36px;
  padding-left: 36px !important;
  margin: 25px 0;
}

.citation-summary {
  font-weight: 700;
  padding: 0 6px;
  color: var(--burnt-sienna);
  cursor: pointer;
}

.citation-animate {
  animation-name: rad-fade-in;
  animation-delay: 0s;
  animation-duration:1.1s;
  animation-fill-mode: both;
  will-change: opacity, transform
}
  
.citation-icon {
  font-family: 'Material Icons';
  font-weight: 700;
  font-size: 19px;
  padding-right: 10px;
  color: var(--burnt-sienna);
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  white-space: nowrap;
  direction: rtl;
  vertical-align: sub;
  -webkit-font-smoothing: antialiased;
  
}

.footnote {
  display: block;
  padding: 15px;
  font-size: 0.85rem;
  border: 1px double var(--gridline-col);
  border-radius: 12px;
  margin: 1vh 0.5vh;
  background-color: #DAE3E3;
}

.citation-footnote {
  display: block;
  padding: 15px;
  font-size: 0.85rem;
  border: 1px double var(--gridline-col);
  border-radius: 12px;
  margin: 2vh 1vh 2vh -36px;
  text-indent: initial;
  background-color: #DAE3E3;
}


.transition-enter {
  transition: ease-out 600ms
}
.transition-leave {
  transition: ease-in 350ms
}
.enter-start {
  opacity: 0;
  transform: translateY(-1.5rem)
}
.enter-end {
  opacity: 1;
  transform: translateY(0)
} 

.figure {
  width: fit-content;
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-top: 3rem;
  text-align: center;
}

.tbl-container {
  margin: 0 auto;
  margin-left:auto;
  margin-right: auto;
  width: max-content;
  text-align:center;
}
.tbl-header {
  margin-top: 18px;
}
.tbl-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  width: fit-content;
}


.reactable {
  margin-top: 30px;
  margin-bottom: 20px;
}

table {
  border: none;
  margin-top: 50px;
}

.dataframe {
  margin-top: 50px;
}

thead {
  border-bottom: 2px solid var(--font-col);
}

.dataframe td{
  padding: 10px;
}

.caption, .table-caption, figcaption {
  font-family: var(--font-family-subtitle);
  font-size: 0.95rem;
  color: var(--axis-col);
  padding: 2px;
  margin-top:5px;
  margin-bottom: 25px;
  margin-left:auto;
  margin-right: auto;
  min-width: fit-content;
  border-bottom: 1px solid var(--gridline-col);
  text-align: left;
}

.MathJax_Display {
  padding: 10px;
}



/* Icons */
.material-icons {
    font-size: 19px;
    padding-right: 10px;
}

.homepage-icon-r {
  padding-left: 10px;
  padding-right: 0;
}
.homepage-icon-l {
  padding-right: 10px;
  padding-left: 0;
}






/* List pages */
.list-title {
  margin: 0 .5vw;
  font-family: var(--font-family-title);
}

.card-body p {
  color: var(--bg-col);
  margin: 1vh 0vh;
  font-weight: 300;
  font-family: var(--font-family-subtitle);
  flex-grow: 1;
}

.card a {
  padding: 0;
  margin-right: 5px;
}

.card:hover {
  transform: translate(0px, -4px);
  box-shadow: 2px 2px 3px var(--burnt-sienna);
}

.card-mini > .card-img, 
.card-mini > .card-body {
  height: 18vh;
}


.post-tags {
    display: flex;
    flex-direction: row;
    flex-flow: nowrap;
    align-items: flex-end;
  padding: 5px;
}

.tag-container {
  display: flex;
  flex-flow: wrap;
  flex-direction: row;
  padding: inherit;
}

.tools {
  float:right;
}

.tool-container {
  display: flex;
  justify-content: flex-end;
  padding: inherit;
}

.tool-logo {
  max-height: 30px;
  border-radius: 6px;
  padding: 5px;
  transition: all 300ms ease;
;
}

.tools:hover {
  background: var(--burnt-sienna);
}

.categories {
  color: var(--bg-col);
  border-bottom: 2px solid var(--burnt-sienna);
  font-family: var(--font-family-title);
}

.categories:hover {
  color: var(--burnt-sienna) !important;
}

.category-container {
  text-align: left;
  margin: 5px 0;
}

.card-text > .h2 {
  margin-bottom: 5px;
}




/* Post tags */
.tags, .tools {
  padding: 2px 5px !important;
  margin-left: .25vw;
  font-size: 14px;
  margin-bottom: 1vh;
  white-space: nowrap;
  display: flex;
  transition: 400ms ease-out;
  align-items: center;
  border-bottom: none;
  color: var(--skobeloff);
  background: var(--bg-col);
  border-radius: 6px;
  font-family: var(--font-family-body);
}

.tag-icons {
  padding-right: 0px;
  padding-left: 2px;
  position: relative;
}

.tags:hover {
  color: var(--bg-col);
  background: var(--burnt-sienna);
  transition: 200ms ease-out;
  border-radius: 6px;
}

iframe {
    box-shadow: 1px 1px 4px 1px var(--axis-col);
    border-radius: 3px;
}

.fig-plot {
  transition: 500ms ease-out;
  border-radius: 3px;
}

.fig-plot:hover {
  transform: translate(0px, 3px);
  box-shadow: 0px 3px 1px var(--burnt-sienna)
}

.dataframe > tbody > tr {
  border-bottom: 1px solid var(--axis-col);
}

.footer__copy > a {
  color: var(--burnt-sienna);
}



/* Tableau Containers */
.tableauPlaceholder{
  height: 100%!important;
  margin-left: auto;
  margin-right: auto;
}

.tableau-image .card {
  height: 25vw;
  border: 1px solid var(--skobeloff);
  min-width: 25vw;
}

code{
  padding: 1px 5px;
  color: var(--skobeloff);
  border-radius: 6px;
  font-weight: 600;
  border-top: 1px solid #abb2bf;
  border-right: 1px solid #abb2bf;
  border-bottom: 1px solid #abb2bf;
}
pre > code {
    border-left: 8px solid var(--skobeloff);
}
pre{
  font-size: .8rem;
  font-family: var(--codefont);
  word-break: normal;
  width: 100%;
  transition: all 400ms ease;
  border-radius: 6px;
}  

.r code,
.python code{
    border-left: 8px solid var(--burnt-sienna);
    background: #282c34;
    font-weight: 500;
}

blockquote {
  border-left: 6px #9cc9c9 solid;
  padding-left: 10px;
}

.shell code {
  background: var(--bg-col);
}




.hljs-meta {
  display: none;
}



@media only screen and (max-width: 400px) {
  .r code {
    font-size: .7rem;
  }
  .rt-compact .rt-td, .rt-compact .rt-th {
    position: relative !important;
  }
  
}


#callout{
  background: var(--cadet-blue);
  border-radius: 3px;
  border: 2px solid var(--font-col);
  box-shadow: 2px 2px 1px var(--burnt-sienna);
  margin-bottom: 20px;
}
#callout-inner {
  margin-left: 1em;
  padding: 20px;
}

details[open]:not(.research-details) {
  border: 1px solid var(--gridline-col);
  border-radius: 10px;
  padding: 5px;
  box-shadow: 1px 2px 2px 1px var(--gridline-col);
}

.research-details details[closed] {
  border: 1px solid var(--gridline-col);
  border-radius: 10px;
  padding: 5px;
  box-shadow: 1px 2px 2px 1px var(--gridline-col);
}

.code-summary, .research-summary {
  margin-bottom: 20px;
  background-color: var(--bg-col);
  border-radius: 0;
  border-bottom: 1px solid var(--font-col);
  color: var(--font-col);
  box-shadow: none;
}

summary::marker {
  font-size: 0;
}

.code-details, .research-details {
  margin-bottom: 40px;
}

.code-summary:after, .research-summary:after {
  background-color: transparent;
  border-radius: 0px;
  content: "+";
  color: var(--font-col);
  border: none;
  box-shadow: none;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 0.725;
}

details {
  margin: 10px 0px;
}
details > .section,
details > p,
details > .dropdown,
details > blockquote,
details > pre,
details > h1,
details > h2,
details > h3,
details > h4 {
  padding: 0px 7px;
}

summary {
  margin-bottom: 20px;
}

summary::-webkit-details-marker {
  display: none
}
summary:after {
  background-color: var(--burnt-sienna);
  border-radius: 5px;
  content: "+";
  color: var(--bg-col);
  float: left;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0px 10px 0 0;
  padding: 1px 5px;
  text-align: center;
  width: 30px;
  cursor: pointer;
}
details[open] summary:after {
  content: "-";
}