/*
Theme Name: Twenty Twenty Child
Theme URL: http://gamehistory.org/
Description: Twenty Twenty Child Theme
Author: Amanda Cifaldi
Author URL: http://gamehistory.org/
Template: twentytwenty
Version: 1.0.0
Text Domain: twentytwenty-child
*/

/* Fonts ------------------------------------- */

@font-face {
  font-family: "GT America Condensed";
  font-style: normal;
  font-display: block;
  src: url("./assets/fonts/GT-America/GT-America-Condensed-Bold.woff2")
      format("woff2"),
    url("./assets/fonts/GT-America/GT-America-Condensed-Bold.woff")
      format("woff"),
    url("./assets/fonts/GT-America/GT-America-Condensed-Bold.ttf")
      format("truetype");
}

@font-face {
  font-family: "GT America";
  font-style: normal;
  font-display: block;
  src: url("./assets/fonts/GT-America/GT-America-Standard-Regular.woff2")
      format("woff2"),
    url("./assets/fonts/GT-America/GT-America-Standard-Regular.woff")
      format("woff"),
    url("./assets/fonts/GT-America/GT-America-Standard-Regular.ttf")
      format("truetype");
}

@font-face {
  font-family: "GT America";
  font-style: bold;
  font-display: block;
  src: url("./assets/fonts/GT-America/GT-America-Standard-Medium.woff2")
      format("woff2"),
    url("./assets/fonts/GT-America/GT-America-Standard-Medium.woff")
      format("woff"),
    url("./assets/fonts/GT-America/GT-America-Standard-Medium.ttf")
      format("truetype");
}

@font-face {
  font-family: "GT America Mono";
  font-style: normal;
  font-display: block;
  src: url("./assets/fonts/GT-America/GT-America-Mono-Regular.woff2")
      format("woff2"),
    url("./assets/fonts/GT-America/GT-America-Mono-Regular.woff") format("woff"),
    url("./assets/fonts/GT-America/GT-America-Mono-Regular.ttf")
      format("truetype");
}

@font-face {
  font-family: "GT America Mono";
  font-style: bold;
  font-display: block;
  src: url("./assets/fonts/GT-America/GT-America-Mono-Medium.woff2")
      format("woff2"),
    url("./assets/fonts/GT-America/GT-America-Mono-Medium.woff") format("woff"),
    url("./assets/fonts/GT-America/GT-America-Mono-Medium.ttf")
      format("truetype");
}

.entry-content {
  font-family: "GT America", -apple-system, BlinkMacSystemFont, "Helvetica Neue",
    Helvetica, sans-serif;
  letter-spacing: normal;
}

@supports (font-variation-settings: normal) {
  body {
    font-family: "GT America", -apple-system, BlinkMacSystemFont,
      "Helvetica Neue", Helvetica, sans-serif;
  }

  input,
  textarea,
  button,
  .button,
  .faux-button,
  .faux-button.more-link,
  .wp-block-button__link,
  .wp-block-file__button {
    font-family: "GT America", -apple-system, BlinkMacSystemFont,
      "Helvetica Neue", Helvetica, sans-serif;
  }

  .has-drop-cap:not(:focus)::first-letter,
  .entry-content .wp-block-archives,
  .entry-content .wp-block-categories,
  .entry-content .wp-block-latest-posts,
  .entry-content .wp-block-latest-comments,
  .entry-content .wp-block-cover-image p,
  .entry-content .wp-block-pullquote {
    font-family: "GT America", -apple-system, BlinkMacSystemFont,
      "Helvetica Neue", Helvetica, sans-serif;
  }

  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5,
  .entry-content h6,
  .entry-content cite,
  .entry-content figcaption,
  .entry-content table,
  .entry-content address,
  .entry-content .wp-caption-text,
  .entry-content .wp-block-file {
    font-family: "GT America", -apple-system, BlinkMacSystemFont,
      "Helvetica Neue", Helvetica, sans-serif;
  }

  .entry-content .wp-block-latest-posts__post-excerpt,
  .entry-content .wp-block-latest-posts__post-full-content {
    font-family: "GT America", -apple-system, BlinkMacSystemFont,
      "Helvetica Neue", Helvetica, sans-serif !important;
  }

  .entry-title {
    font-family: "GT America Condensed", -apple-system, BlinkMacSystemFont,
      "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
  }

  .entry-content cite,
  .entry-content figcaption,
  .entry-content .wp-caption-text {
    font-family: "GT America Mono", -apple-system, BlinkMacSystemFont,
      "Helvetica Neue", Helvetica, sans-serif;
  }
}

/* Cover overlay should user our logo colors */
.cover-color-overlay::before {
  background: linear-gradient(200deg, #6b7ce7 0%, #eb6fbd 50%, #ffaa4d 100%);
}

.cover-header-inner .entry-title {
  text-shadow: 5px 5px black;
}

.cover-header-inner .intro-text {
  text-shadow: 2px 2px black;
}

.cover-header-inner .post-meta-wrapper {
  text-shadow: 1px 1px black;
}

/* Remove default transitions */
a,
path {
  transition: none;
}

/* Style custom SVG header logo */
.vghf-logo .text {
  fill: black;
}

.vghf-logo .shapes rect {
  fill: #6b7ce7;
}

.vghf-logo .shapes polygon {
  fill: #eb6fbd;
}

.vghf-logo .shapes circle {
  fill: #ffaa4d;
}

.post-template-template-cover:not(.has-header-opaque) #site-header a,
.page-template-tw-header-transparent:not(.has-header-opaque) #site-header a {
  color: white;
}

.post-template-template-cover:not(.has-header-opaque) .vghf-logo .text,
.post-template-template-cover:not(.has-header-opaque) .vghf-logo rect,
.post-template-template-cover:not(.has-header-opaque) .vghf-logo polygon,
.post-template-template-cover:not(.has-header-opaque) .vghf-logo circle,
.page-template-tw-header-transparent:not(.has-header-opaque) .vghf-logo .text,
.page-template-tw-header-transparent:not(.has-header-opaque) .vghf-logo rect,
.page-template-tw-header-transparent:not(.has-header-opaque) .vghf-logo polygon,
.page-template-tw-header-transparent:not(.has-header-opaque) .vghf-logo circle {
  fill: white;
}

#site-header .vghf-logo {
  height: 75px;
}

/* on mobile */
@media (max-width: 999px) {
	#site-header a {
		height: 75px;
		overflow: hidden;
		display: inline-block;
		transition: height 0.2s ease-in-out;
	}
	
	.home.page-template-tw-header-transparent:not(.has-header-opaque) #site-header a,
	.post-template-template-cover.has-header-opaque #site-header a,
	.page-template-tw-header-transparent.has-header-opaque #site-header a {
		height: 28px;
	}
	
	.post-template-template-cover.has-header-opaque .vghf-logo .text,
	.page-template-tw-header-transparent.has-header-opaque .vghf-logo .text {
		fill: white;
	}
}

/* on desktop */
@media (min-width: 1000px) {
	#site-header .vghf-logo {
	  height: 113px;
	}
}



/* No letter spacing */
body,
h1,
h2,
h3,
h4,
h5,
h6,
.faux-heading,
.singular .intro-text,
.post-meta li {
  letter-spacing: normal;
}

/* Entry header can support wider titles */
.entry-header-inner .section-inner {
  max-width: 80%;
}

/* Donation form */
#payment-form input[type="radio"] {
  display: none;
}

#payment-form input[type="radio"] + label {
  padding: 20px;
  display: inline-block;
  color: black;
  background-color: #d7d7d2;
}

#payment-form input[type="radio"] + label:hover {
  cursor: pointer;
}

#payment-form input[type="radio"]:checked + label {
  background-color: #6b7ce7;
  color: white;
}

#payment-form input[type="submit"] {
  background-color: #ffaa4d;
  color: black;
}

#payment-form .option-row {
  display: flex;
  justify-content: space-between;
}

#payment-form .option-row label,
#payment-form .option-row .spacer {
  flex: 0 1 33%;
}

#payment-form .amount-custom {
  display: flex !important;
  align-items: center;
}

#payment-form .amount-custom > span {
  margin-right: 8px;
}

#payment-form .amount-custom > input {
  padding: unset;
}

@media screen and (max-width: 600px) {
  #payment-form .option-row {
    flex-wrap: wrap;
  }

  #payment-form .option-row label {
    flex: 1 1 100%;
  }

  #payment-form .option-row .spacer {
    display: none;
  }
}

#payment-form .input-row {
  display: flex;
  justify-content: space-between;
}

#payment-form .input-row label {
  flex: 0 1 49%;
}

#payment-form .input-row label.subscribe {
  display: flex;
  align-items: flex-end;
}

#payment-form .input-row input[type="checkbox"] {
  margin-right: 8px;
  margin-bottom: 6px;
}

@media screen and (max-width: 600px) {
  #payment-form .input-row {
    flex-wrap: wrap;
  }

  #payment-form .input-row label {
    flex: 1 1 100%;
  }
}

#payment-form #card-element {
  padding: 1.5rem 1.8rem;
  border: 0.1rem solid #d7d7d2;
}

#payment-form .cta-row {
  display: flex;
  align-items: center;
  margin: 20px 0;
}

#payment-form .cta-row > div {
  flex: 1 1 100%;
  padding: 20px;
}

#payment-form .cta-row > input {
  flex: 1 1 auto;
}

#payment-form .processing-errors {
  margin: 20px 0;
  padding: 20px 0;
  color: red;
  border: 1px solid red;
  text-align: center;
}

/* Override gallery styling for post type gallery pages (conflicting names with actual image galleries) */
article.gallery.type-gallery {
  display: block;
  margin: 0;
  width: auto;
}

/* Add CSS support for additional theme colors */
.has-medium-grey-background-color {
  background-color: #585853 !important;
}

.has-tertiary-orange-background-color {
  background-color: #ffaa4d !important;
}

.has-tertiary-pink-background-color {
  background-color: #eb6fbd !important;
}

.has-medium-grey-color {
  color: #585853 !important;
}

.has-tertiary-orange-color {
  color: #ffaa4d !important;
}

.has-tertiary-pink-color {
  color: #eb6fbd !important;
}

.has-blue-to-pink-gradient-background {
  background: linear-gradient(
    120deg,
    rgba(107, 124, 231, 1) 0%,
    rgba(235, 111, 189, 1) 100%
  );
}

.has-pink-to-blue-gradient-background {
  background: linear-gradient(
    120deg,
    rgba(235, 111, 189, 1) 0%,
    rgba(107, 124, 231, 1) 100%
  );
}

.has-pink-to-orange-gradient-background {
  background: linear-gradient(
    120deg,
    rgba(235, 111, 189, 1) 0%,
    rgba(255, 170, 77, 1) 100%
  );
}

.has-orange-to-pink-gradient-background {
  background: linear-gradient(
    120deg,
    rgba(255, 170, 77, 1) 0%,
    rgba(235, 111, 189, 1) 100%
  );
}

.has-blue-to-pink-to-orange-gradient-background {
  background: linear-gradient(
    120deg,
    rgba(107, 124, 231, 1) 0%,
    rgba(235, 111, 189, 1) 50%,
    rgba(255, 170, 77, 1) 100%
  );
}

/* Donate button styling in header */
#site-header .primary-menu li:last-child a {
  padding: 1.1em 1.44em;
  text-transform: uppercase;
  background-color: #ffaa4d;
  color: black;
  font-weight: 600;
  letter-spacing: 0.0333em;
  text-decoration: none;
}

#site-header .primary-menu li:last-child a:hover {
  text-decoration: underline;
}

/* Hide header logo on home when in "cover" mode */
body.home:not(.has-header-opaque) #site-header .vghf-logo {
  opacity: 0;
}

/* Poor naming of the 'background color' variable makes it conflict with some default .has-background-color styling. Override. */
.has-text-color.has-background-color {
  color: white;
}

/* Add class to vertically and horizontally center images in logo grid */
.wp-block-gallery.logo-grid figure {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Give WP */
form[id*=give-form] #give-donation-level-button-wrap {
	display: flex;
	flex-wrap: wrap;
}

form[id*=give-form] #give-donation-level-button-wrap > li {
	margin: 0;
	border: 2px solid transparent;
	flex: 1 1 100%;
}

@media screen and (min-width: 600px) {
	form[id*=give-form] #give-donation-level-button-wrap > li {
		flex: 1 0 33%;
	}
}

form[id*=give-form] .give-donation-amount {
	position: relative;
}

form[id*=give-form] .give-donation-level-btn.give-btn {
	  background-color: #d7d7d2;
    border: none;
    padding: 20px;
    color: black;
	  font-weight: unset;
	  width: 100%;
	  text-transform: none;
}

form[id*=give-form] .give-donation-level-btn.give-btn.give-default-level {
	  background-color: #6b7ce7;
    color: white;
}

form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount #give-amount-text {
    padding: 10px 10px 10px 15px;
    font-size: 36px;
		height: auto;
	  line-height: auto;
	  width: auto;
	  border: none;
	  border-bottom: 2px solid #dbdbdb;
	  outline: none;
}

form[id*=give-form] .give-donation-amount #give-amount:focus, form[id*=give-form] .give-donation-amount #give-amount-text:focus {
	  border-bottom: 2px solid #6b7ce7;
}

form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {
	border: none;
	background: transparent;
	color: black;
	padding: 0;
	position: absolute;
  top: 16px;
}

#give-donation-level-button-wrap {
    margin: 0 0 32px;
}

#give-recurring-form h3.give-section-break, #give-recurring-form h4.give-section-break, #give-recurring-form legend, form.give-form h3.give-section-break, form.give-form h4.give-section-break, form.give-form legend, form[id*=give-form] h3.give-section-break, form[id*=give-form] h4.give-section-break, form[id*=give-form] legend {
    margin: 0;
    border-bottom: none;
}

form[id*=give-form] #give_purchase_form_wrap {
	margin-top: 32px;
}

form[id*=give-form] .give-total-wrap:before {
	content: "Select Amount";
	display: block;
	font-size: 1.15em;
  font-weight: 700;
}

[id*=give-form] .give-form-title {
	display: none;
}

form[id*=give-form] .give-donation-submit {
	  display: flex;
    flex-direction: column;
    align-items: flex-end;
}

form[id*=give-form] #give-gateway-radio-list>li {
	margin: 0;
	width: 100%;
  margin-bottom: 4px;
}

@media screen and (min-width: 600px) {
	form[id*=give-form] #give-gateway-radio-list>li {
		margin: 0;
		width: 33%;
	}
}

form[id*=give-form] #give-gateway-radio-list>li input[type=radio] {
  display: none;
}

form[id*=give-form] #give-gateway-radio-list input[type="radio"] + label {
  padding: 20px;
  display: inline-block;
  color: black;
  background-color: #d7d7d2;
	width: 100%;
	text-align: center;
}

form[id*=give-form] #give-gateway-radio-list input[type="radio"] + label:hover {
  cursor: pointer;
}

form[id*=give-form] #give-gateway-radio-list input[type="radio"]:checked + label {
  background-color: #6b7ce7;
  color: white;
}

form[id*=give-form] #give-final-total-wrap .give-donation-total-label, form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
		color: black;
    background: rgb(255 170 77 / 0.2);
	  border: none;
}

form[id*=give-form] #give-final-total-wrap .give-donation-total-label {
    border-radius: 4px 0 0 4px;
}

form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
    border-radius: 0 4px 4px 0;
}

.give-submit-button-wrap .give-submit, [id^=give-user-login-submit] .give-submit {
	color: black;
	background: #ffaa4d;
}

/* Give WP */
form[id*=give-form] #give-donation-level-button-wrap {
	display: flex;
	flex-wrap: wrap;
}

form[id*=give-form] #give-donation-level-button-wrap > li {
	margin: 0;
	border: 2px solid transparent;
	flex: 1 1 100%;
}

@media screen and (min-width: 600px) {
	form[id*=give-form] #give-donation-level-button-wrap > li {
		flex: 1 0 33%;
	}
}

form[id*=give-form] .give-donation-amount {
	position: relative;
}

form[id*=give-form] .give-donation-level-btn.give-btn {
	  background-color: #d7d7d2;
    border: none;
    padding: 20px;
    color: black;
	  font-weight: unset;
	  width: 100%;
	  text-transform: none;
}

form[id*=give-form] .give-donation-level-btn.give-btn.give-default-level {
	  background-color: #6b7ce7;
    color: white;
}

form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount #give-amount-text {
    padding: 10px 10px 10px 15px;
    font-size: 36px;
		height: auto;
	  line-height: auto;
	  width: auto;
	  border: none;
	  border-bottom: 2px solid #dbdbdb;
	  outline: none;
}

form[id*=give-form] .give-donation-amount #give-amount:focus, form[id*=give-form] .give-donation-amount #give-amount-text:focus {
	  border-bottom: 2px solid #6b7ce7;
}

form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {
	border: none;
	background: transparent;
	color: black;
	padding: 0;
	position: absolute;
  top: 16px;
}

#give-donation-level-button-wrap {
    margin: 0 0 32px;
}

#give-recurring-form h3.give-section-break, #give-recurring-form h4.give-section-break, #give-recurring-form legend, form.give-form h3.give-section-break, form.give-form h4.give-section-break, form.give-form legend, form[id*=give-form] h3.give-section-break, form[id*=give-form] h4.give-section-break, form[id*=give-form] legend {
    margin: 0;
    border-bottom: none;
}

form[id*=give-form] #give_purchase_form_wrap,
form[id*=give-form] #give_cc_fields {
	margin-top: 32px;
}

form[id*=give-form] .give-total-wrap:before {
	content: "Select Amount";
	display: block;
	font-size: 1.15em;
  font-weight: 700;
}

form[id*=give-form] .give-donation-submit {
	  display: flex;
    flex-direction: column;
    align-items: flex-end;
}

form[id*=give-form] #give-gateway-radio-list>li {
	margin: 0;
	width: 100%;
  margin-bottom: 4px;
}

@media screen and (min-width: 600px) {
	form[id*=give-form] #give-gateway-radio-list>li {
		margin: 0;
		width: 33%;
	}
}

form[id*=give-form] #give-gateway-radio-list>li input[type=radio] {
  display: none;
}

form[id*=give-form] #give-gateway-radio-list input[type="radio"] + label {
  padding: 20px;
  display: inline-block;
  color: black;
  background-color: #d7d7d2;
	width: 100%;
	text-align: center;
}

form[id*=give-form] #give-gateway-radio-list input[type="radio"] + label:hover {
  cursor: pointer;
}

form[id*=give-form] #give-gateway-radio-list input[type="radio"]:checked + label {
  background-color: #6b7ce7;
  color: white;
}

form[id*=give-form] #give-final-total-wrap .give-donation-total-label, form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
		color: black;
    background: rgb(255 170 77 / 0.2);
	  border: none;
}

form[id*=give-form] #give-final-total-wrap .give-donation-total-label {
    border-radius: 4px 0 0 4px;
}

form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
    border-radius: 0 4px 4px 0;
}

.give-submit-button-wrap .give-submit, [id^=give-user-login-submit] .give-submit {
	color: black;
	background: #ffaa4d;
}