/**
 * Theme Name:     Proton Child
 * Author:         Chris Yee
 * Template:       proton
 * Text Domain:	   proton-child
 * Description:    Proton is a simple personal blogging theme for WordPress. This theme is inspired by Casper 5.0, the default theme from the Ghost blogging platform.
 */

@import url("https://fonts.bunny.net/css?family=inter:400,500,600,700,800|source-serif-pro:400,400i,600");
  :root {
   --font-sans: 'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif !important;
   --font-serif: 'Source Serif Pro',Georgia,serif !important;
}
.article-excerpt {
    color: rgb(107, 107, 107) !important;
}
  
#submit {
	font-family: 'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif !important;
}
  
#reply-title, .comments-title {
    font-size: 2.3rem !important;
	line-height: 1.15 !important;
}
  
@media (min-width: 1001px) {
  #reply-title, .comments-title {
    font-size: 2.8rem !important;
  }
}
  
.gh-canvas {
  grid-template-columns: [full-start] minmax(max(4vmin,20px),auto) [wide-start] minmax(auto,240px) [main-start] min(720px,calc(100% - max(8vmin, 40px))) [main-end] minmax(auto,240px) [wide-end] minmax(max(4vmin,20px),auto) [full-end] !important;
}
  
.comment-content {
  line-height: 1.6 !important;
}

.comment-notes, .logged-in-as {
  font-size: 1.6rem !important;
}

#comments input[type="email"], #comments input[type="text"], #comments input[type="url"], #comments textarea {
  font-size: 1.6rem !important;
}

.site-footer {
	box-shadow: 0 50vh 0 50vh #0a0b0c;
}

#comments label, .form-submit {
	font-weight: 400 !important;
	font-size: 1.6rem !important;
	line-height: 1.53em;
}

#comments .comment-form-cookies-consent label  {
	font-weight: 400 !important;
}

.form-submit {
  margin-top: 20px !important;
}

.gh-content > blockquote {
  font-style: italic;
  padding: 0;
  position: relative;
}
.gh-content > blockquote, .gh-content > dl, .gh-content > ol, .gh-content > p, .gh-content > ul {
  font-family: var(--gh-font-body,var(--font-serif));
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6em;
}

.gh-content > blockquote::before {
  background: #0a0b0c;
  bottom: 0 !important;
  content: "" !important;
  left: -1.5em !important;
  position: absolute !important;
  top: 0 !important;
  width: .3rem !important;
}

cite {
  font-style: normal !important;
  font-weight: 400 !important;
  font-family: Inter !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

.post-card-image-link.no-image {
    background: #F8F8F8 !important;
	border: none !important;
}

.post-card-image-link.no-image:hover svg {
  transform: none;
}
.post-card-image-link.no-image svg {
  display: none;
}

figure.is-type-video img {
	margin-left: auto;
	margin-right: auto;
}

.page .gh-content ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

.page ul li {
	margin-top: 0;
	padding-left: 0;
}

#submit {
  border-radius: 48px !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  height: 50px !important;
  justify-content: center !important;
  letter-spacing: -.005em !important;
  padding: 8px 25px !important;
  align-items: center!important;
}

#submit:hover {
  background: #b30068 !important;
}

.gh-content a:hover {
  color: #b30068 !important;
}
.post-card-content-link:hover .post-card-title {
  color: var(--color-darkgrey) !important;
}

a {
	transition: all .2s ease-in-out;
}

.post-card-featured, .post-card-tags a:hover {
  color: var(--color-secondary-text) !important;
}

.article-byline-meta .author-name a:hover,
.nav-links a:hover {
  color:  #15171a !important;
}