/* Regular */
@font-face {
  font-family: "Neue Haas Grotesk Text";
  src: url("fonts/neue-haas-grotesk/a14594bf-73de-4b5f-9792-9566994a021d.woff2")
      format("woff2"),
    url("fonts/neue-haas-grotesk/bb4a10bb-155d-4c1a-a813-c65e10fac36c.woff")
      format("woff");
}

/* Italic */
@font-face {
  font-family: "Neue Haas Grotesk Text";
  font-family: "Neue Haas Grotesk Text";
  font-style: italic;
  src: url("fonts/neue-haas-grotesk/dc9df9ed-36b9-4522-8e57-1a899ed2c224.woff2")
      format("woff2"),
    url("fonts/neue-haas-grotesk/ff571a3a-fb16-42b1-a691-23d8955aa35e.woff")
      format("woff");
}

/* Bold */
@font-face {
  font-family: "Neue Haas Grotesk Text";
  font-weight: bold;
  src: url("fonts/neue-haas-grotesk/d13fb250-6b64-4d97-85df-51fc6625a891.woff2")
      format("woff2"),
    url("fonts/neue-haas-grotesk/60fa2ce6-c35e-4203-9bbf-25dd128daec5.woff")
      format("woff");
}

/* Bold Italic  */
@font-face {
  font-family: "Neue Haas Grotesk Text";
  font-weight: bold;
  font-style: italic;
  src: url("fonts/neue-haas-grotesk/d1fbf511-d681-4002-b57e-cabb331b3b2e.woff2")
      format("woff2"),
    url("fonts/neue-haas-grotesk/135bdd95-f711-4095-8be6-fce6d3f9ef54.woff")
      format("woff");
}

/* Display */
@font-face {
  font-family: "Neue Haas Grotesk Display";
  src: url("fonts/neue-haas-grotesk/a6d38046-3354-4bce-bdd4-edf89c350792.woff2")
      format("woff2"),
    url("fonts/neue-haas-grotesk/05d81da2-9c52-4a30-b5d8-448cb03ee584.woff")
      format("woff");
}

/*Header / Menu*/
*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  
}

body,
button,
input,
select,
optgroup,
textarea {
  font-family: "Neue Haas Grotesk Text";
  font-size: 1.375rem;
  line-height: 1.4;
}

.page .entry-content img {
  display: inherit;
}

#masthead {
  padding-top: 0;
}
#masthead,
#site-navigation li {
  font-size: 22px;
}

#masthead .bar .site-identity .site-title,
#masthead .bar .site-identity span {
  font-size: 30px;
  line-height: 30px;
  padding-top: 3px;
  text-transform: none;
  letter-spacing: 0;
  margin-left: 3px;
}

#masthead .bar .site-identity a:hover .site-title,
.menu-letter-space #site-navigation a:hover {
  text-transform: none;
  letter-spacing: 0.03em;
}

#masthead .site-identity svg {
  width: 50px;
  height: 50px;
}

#masthead .bar {
  height: 108px;
  padding-bottom: 0;
}

.menu-uc #site-navigation a {
  text-transform: none;
  letter-spacing: 0;
}

.dgi-logo {
  display: inline-block;
  width: 190px;
  height: 90px;
}

#masthead .dgi-logo svg {
  width: auto;
  height: auto;
}

.fill-yellow {
  fill: #ffe600;
}

.fill-black {
  fill: #1c1c1c;
}

.transition-transform {
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.duration-500 {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.group:hover .group-hover\:translate-x-\[-18px\],
.group:hover .group-hover\:translate-x-\[18px\] {
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-\[-18px\] {
  --tw-translate-x: -18px;
}

.group:hover .group-hover\:translate-x-\[18px\] {
  --tw-translate-x: 18px;
}

#dgi {
  display: flex;
  align-items: center;
}

#dgi span {
  padding-right: 18px;
  line-height: 30px;
}
#dgi a[target="_blank"]:not([href*="davidgraeber.org"]) {
  padding-right: 0;
}
#dgi a[target="_blank"]:not([href*="davidgraeber.org"]):after {
  display: none;
}

#hideable {
  display: flex;
  justify-content: space-between;
}

#masthead.tiny {}

#masthead.tiny .bar {
    margin-top: -101px;
    opacity: 0;
    pointer-events: none;
}
#masthead.tiny #hideable {
  padding-top: 10px;
}

#page {
  padding-top: 165px;
}


#buttons-menu {
  pointer-events: all;
}


@media screen and (max-width: 768px) {
  #dgi {
    display: none;
  }

  #masthead .bar {
      height: 60px;
      align-items: center;
  }

  #masthead.tiny .bar {
      margin-top: 0px;
      opacity: 1;
  }
  #page {
      padding-top: 68px;
  }

  #masthead.tiny .site-identity svg {
    width: 40px;
    height: 40px;
  }
}

/*Triangles*/

#triangles {
  position: fixed;
  z-index: 50;
  top: 180px;
  left: 0;
  /* width: 108px; */
  /* height: 1056px; */
}

#triangles .fixed {
  position: fixed;
  z-index: 50;
  top: 165px;
  left: 0;
  width: 108px;
  height: 1056px;
}

@media screen and (max-width: 1280px) {
  #triangles .fixed {
    width: 56px;
  }
}

@media screen and (max-width: 1080px) {
  #triangles .fixed {
    display:none;
  }
}

/*Home page*/
.home section.feature .text, .text-wrap .text {
  background: #ffe600;
  background-color: #ffe600;
  box-shadow: none;
}

.home .slick-list:after{
  box-shadow: none;
}

.text-wrap .text, h4.related-items-title, h1 {
  font-size: 32px;
  line-height: 37px;
}

.home section.feature .caption:before, .home section.feature .caption:after {
  display: none;
}

.home .grid-article {
  /* margin-top: 0; */
}

.home .subtitle {
  font-size: 22px;
  line-height: 1;
  font-weight: 400;
}

.home .grid-article h1 {
  margin-bottom: 10px;
  margin-top: 10px;
}
.home .grid-article article {
  margin-bottom: 0;
}
.home section.feature .text {
  /* margin-bottom: 0; */
}

/*Cards*/

.card h3, .card h4 {
  font-size: 22px;
  line-height: 22px;
}
.card h3 {
  text-transform: uppercase;
  margin-top: 1em;
}

.card .card-description p {margin-top: 0;line-height: 24px;}
.card .summary p {
    font-size: 20px;
    line-height: 22px;
}

.inner {
    padding: 1em 1em;
    display: block;
}

#section-links .card, .archive .card {
  margin: 48px;
  margin-bottom: 0;
}
#section-links .card h3, .archive .card h3 {
  margin-top: -9px;
  margin-bottom: 10px;
}
/*#section-links .card .inner {padding-left: 1em;padding-right: 1em;padding-bottom: 1em;}*/
#section-links  .card {
  background: #ffe600;
  background-color: #ffe600;
}
#section-links .card:hover {
  background: #000;
  background-color: #000;
}
#section-links .card:hover .inner, #section-links .card:hover .caption-icon-wrap {
  color: #fff;
}
#section-links .card:hover .caption-icon-wrap svg polygon{
  fill:#fff!important;
}

.archive .card:hover {
  background: #ffe600;
  background-color: #ffe600;
}

.archive a.header-link:hover span, .archive a.header-link:focus span, .archive a.header-link:active span {
  color: #000;
  background-color: transparent;
  border-bottom-color: transparent;
  box-shadow: none;
}
.nav a h1, .nav a h2, .nav a h3, .nav a h4, .nav a h5, .nav a h6, .card h3 {
  font-weight: 700;
}

article.list .wrapper {
    grid-template-columns: 33% 66%;
}
article.list .wrapper, article.full .wrapper, article.imageless .wrapper, article.table .wrapper {
    display: grid;
    grid-template-rows: auto auto;
    /* margin: 0 -20px; */
    position: relative;
}

article.list .inner {
/*    grid-template-columns: 33% 66%;*/
}
article.list .inner, article.full .inner, article.imageless .inner, article.table .inner {
    display: block;
    /*    grid-template-rows: auto auto;*/
    margin: 0;
    margin-top: 1em;
}

article.list .caption-icon-wrap {
  position: absolute;
  right: 0;
}

section.feature .text {
  margin-bottom: 0;
  position: relative;
}

section.feature .caption-icon-wrap {
  transform: rotate(90deg) scale(1.5);
  width: auto;
  display: inline-block;
  position: absolute;
  right: 20px;
  bottom: 46px;
}
@media screen and (max-width: 1080px) {
  #section-links {
    --grid-column-count: 2;
  }
}

@media screen and (max-width: 768px) {

  section.feature .caption-icon-wrap {
    display: none;
  }

  #section-links.card-nav {
    display: block;
  }
  #section-links .card, .archive .card {
    margin: 40px 20px;
  }
  .archive .card {
    margin-bottom: 0;
  }
  article.list .wrapper {
    display: block;
    position: relative;
  }
  article.list .caption-icon-wrap {
    position: relative;
    display: none;
  }
  article.list .wrapper, article.full .wrapper, article.imageless .wrapper, article.table .wrapper {
      grid-template-columns: 100% !important;
  }
  article.list .card-content h3, article.full .card-content h3, article.imageless .card-content h3, article.table .card-content h3 {
    margin-top: 0!important;
  }
  .archive article.list .inner {
    padding: 0;
  }
}

/*Arrows*/

.caption-icon-wrap {
  text-align: right;
  margin-bottom: -1em;
}

.caption-icon-wrap .caption-icon.caption-icon-right-arrow:before,
.caption-icon-wrap .caption-icon.caption-icon-right-arrow:after {
  position: absolute;
  background: transparent;
  content: "";
}
.caption-icon-wrap .caption-icon.caption-icon-right-arrow:before {
  position: absolute;
  border: 1px solid;
  width: 50px;
  margin-top: 44%;
  margin-left: 28%;
}
.caption-icon-wrap .caption-icon.caption-icon-right-arrow:after {
  width: 30px;
  height: 30px;
  margin-top: 24%;
  margin-left: 50%;
  transform: rotate(45deg);
  border: 2px solid;
  /* border-top: none; */
  border-left: none;
  border-bottom: none;
}

.card .caption-icon-wrap .caption-icon {
  top: -9px;
  right: 0;
}

.archive .card .caption-icon-wrap .caption-icon {
  /* position: relative; */
  /* top: -1.4em; */
}

.grid-imageless .caption-icon-wrap {
      position: absolute;
    right: 0;
}

/*Subscribe*/

.acf-form.subscribe-form .acf-field input[type=email] {
  border: 2px solid #ffe600;
}
.subscribe-form .acf-form-submit input[type=submit] {
  background: #ffe600;
  font-size: 22px;
  line-height: 24px;
  color: #000;
}
.subscribe-form .acf-form-submit input[type=submit]:hover {
  background: #000;
  color: #fff;
}

.acf-form.subscribe-form .acf-field, .subscribe-form .acf-form-submit {
  border: 0;
  padding: 0;
  flex: 1;
}
.acf-form.subscribe-form .acf-field input, .subscribe-form .acf-form-submit input {
  height: 40px;
  border: 2px solid #ffe600;
}
.subscribe-form .acf-form-submit input {
  padding-left:3.5em;
  padding-right:3.5em;
}

.subscribe-form .acf-field input[type=email] {
  font-size: 22px;
  line-height: 24px;
}

.subscribe-form .acf-field input[type=email]::placeholder {
  font-size: 22px;
  line-height: 24px;
}
.acf-notice.-dismiss {
  display: none;
}
.subscribe-form .acf-field-email .acf-input {
  display: flex;
  flex-direction: column-reverse;
}

#acf-form-data {
  position: fixed;
}

.search-form {
  margin-bottom: 20px;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea, button, input[type=button], input[type=reset], input[type=submit] {
  font-size: 2rem;
  line-height: 1;
}

@media screen and (min-width: 769px){

  .acf-form.subscribe-form{
    display: flex;
    -INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    gap: 20px;
    /* align-items: center; */
    justify-content: flex-start;
  }
  .acf-form.subscribe-form .acf-fields{
    flex: 2;
  }
}
@media screen and (max-width: 769px){
  .subscribe-form .acf-form-submit input[type=submit] {
    height: 70px;
    text-wrap: wrap;
    padding: 0 1em;
  }
  .search-form {
      gap: 20px;
  }
}

/*Languages*/
.showcase-options {
  gap: 0.5em 0.45em;
  justify-content: flex-start;
  margin-top: 1em;
}
.showcase-options span {
  font-size: 35px;
  line-height: 35px;
}

.language-showcase p {
  max-width: none;
  margin: 0;
}
.home section.language-showcase {
  padding-bottom: 0;
}


/*Footer*/

.footer-column .inner {
  padding: 2.2em;
}

footer .inner.special-2 {
  display: none;
}
footer .inner.special-3 {
  /* display: none; */
  text-align: right;
}

.site-info.grid {
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  .footer-column .inner {
    padding: 1em;
  }

 footer .inner.special-3 {
   /* display: none; */
   text-align: center;
 }
}

/*Archive*/
.archive .nav-links {
  margin: 48px;
}
.archive .nav-links a {
  text-decoration: underline;
}
.archive .nav-links .next-posts:before {
  display: block;
/*  background-image: url('/wp-content/themes/wtvr/img/DGO-arrow.svg');*/
}

@media screen and (max-width: 768px) {
  .archive .nav-links {
    margin: 40px 20px;
  }
}