/*
Theme Name:     What Can I Do With This Major
Theme URI:      https://whatcanidowiththismajor.com/
Description:    What Can I Do With This Major child theme based on Design Mode.
Author:         New City
Author URI:     https://www.insidenewcity.com/
Template:       design-mode
Version:        0.2.2
*/

.entry-content .wp-block-pb-accordion-item .c-accordion__title {
  font-size: var(--wp--preset--font-size--x-large);
  font-family: var(--wp--preset--font-family--primary);
  margin-bottom: 0;
  border-radius: 15px;
}

.entry-content .wp-block-pb-accordion-item .c-accordion__title:focus {
  outline-offset: 5px;
}

.entry-content .wp-block-pb-accordion-item h3 {
  font-size: var(--wp--preset--font-size--x-large);
  margin-top: 40px;
}

.entry-content .wp-block-pb-accordion-item {
  padding: 0;
  font-size: var(--wp--preset--font-size--small);
  line-height: var(--wp--custom--line-height--medium);
}
.entry-content
  .wp-block-pb-accordion-item
  .c-accordion__title[aria-expanded="false"]
  + .c-accordion__content {
  border: none;
}

.entry-content
  .wp-block-pb-accordion-item
  .c-accordion__title[aria-expanded="true"] {
  border-radius: 15px 15px 0 0;
}
.entry-content
  .wp-block-pb-accordion-item
  .c-accordion__title[aria-expanded="true"]
  + .c-accordion__content {
  border: 1px solid var(--wp--preset--color--blue);
  border-radius: 0 0 15px 15px;
}

/* blue block */
.entry-content .wp-block-pb-accordion-item:nth-of-type(6n + 1) {
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--blue);
}

.entry-content
  .wp-block-pb-accordion-item:nth-of-type(6n + 1)
  .c-accordion__title {
  background: var(--wp--preset--color--blue);
}

/* light blue block */
.entry-content .wp-block-pb-accordion-item:nth-of-type(6n + 2) {
  color: var(--wp--preset--color--black);
}

.entry-content
  .wp-block-pb-accordion-item:nth-of-type(6n + 2)
  .c-accordion__title[aria-expanded="true"]
  + .c-accordion__content {
  border-color: var(--wp--preset--color--light-blue);
}

.entry-content
  .wp-block-pb-accordion-item:nth-of-type(6n + 2)
  .c-accordion__title {
  background: var(--wp--preset--color--light-blue);
}

.entry-content
  .wp-block-pb-accordion-item:nth-of-type(6n + 2)
  .c-accordion__title:after {
  background-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--black);
}

/* yellow block */
.entry-content .wp-block-pb-accordion-item:nth-of-type(6n + 3) {
  color: var(--wp--preset--color--black);
}
.entry-content
  .wp-block-pb-accordion-item:nth-of-type(6n + 3)
  .c-accordion__title[aria-expanded="true"]
  + .c-accordion__content {
  border-color: var(--wp--preset--color--yellow);
}

.entry-content
  .wp-block-pb-accordion-item:nth-of-type(6n + 3)
  .c-accordion__title {
  background: var(--wp--preset--color--yellow);
}

.entry-content
  .wp-block-pb-accordion-item:nth-of-type(6n + 3)
  .c-accordion__title:after {
  background-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--black);
}

/* red block */
.entry-content .wp-block-pb-accordion-item:nth-of-type(6n + 4) {
  color: var(--wp--preset--color--black);
}
.entry-content
  .wp-block-pb-accordion-item:nth-of-type(6n + 4)
  .c-accordion__title[aria-expanded="true"]
  + .c-accordion__content {
  border-color: var(--wp--preset--color--red);
}

.entry-content
  .wp-block-pb-accordion-item:nth-of-type(6n + 4)
  .c-accordion__title {
  color: var(--wp--preset--color--white);
  background: var(--wp--preset--color--red);
}

/* green block */
.entry-content .wp-block-pb-accordion-item:nth-of-type(6n + 5) {
  color: var(--wp--preset--color--black);
  border-color: var(--wp--preset--color--green);
}
.entry-content
  .wp-block-pb-accordion-item:nth-of-type(6n + 5)
  .c-accordion__title[aria-expanded="true"]
  + .c-accordion__content {
  border-color: var(--wp--preset--color--green);
}

.entry-content
  .wp-block-pb-accordion-item:nth-of-type(6n + 5)
  .c-accordion__title {
  background: var(--wp--preset--color--green);
}

.entry-content
  .wp-block-pb-accordion-item:nth-of-type(6n + 5)
  .c-accordion__title:after {
  background-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--black);
}

/* brown block */
.entry-content .wp-block-pb-accordion-item:nth-of-type(6n + 6) {
  color: var(--wp--preset--color--black);
  border-color: var(--wp--preset--color--brown);
}

.entry-content
  .wp-block-pb-accordion-item:nth-of-type(6n + 6)
  .c-accordion__title[aria-expanded="true"]
  + .c-accordion__content {
  border-color: var(--wp--preset--color--brown);
}

.entry-content
  .wp-block-pb-accordion-item:nth-of-type(6n + 6)
  .c-accordion__title {
  background: var(--wp--preset--color--brown);
}

.entry-content
  .wp-block-pb-accordion-item:nth-of-type(6n + 6)
  .c-accordion__title:after {
  background-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--black);
}

.entry-content .wp-block-pb-accordion-item .c-accordion__title {
  padding: 1.5rem 2.5rem;
}

.entry-content .wp-block-pb-accordion-item .c-accordion__title:after {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--white);
  -webkit-mask: url("./assets/svg/arrow.svg") no-repeat 50% 50%;
  mask: url("./assets/svg/arrow.svg") no-repeat 50% 50%;
  rotate: -90deg;
  transform: translateY(0);
  top: 25%;
  bottom: 25%;
  right: 1rem;
}

.entry-content .is-open > .c-accordion__title::after {
  rotate: 0deg;
}

.entry-content .c-accordion__content {
  color: var(--wp--preset--color--black);
  background: var(--wp--preset--color--white);
  padding: 0 2.5rem 3rem;
  margin-top: 0;
}

.home .entry-content .wp-block-pb-accordion-item .c-accordion__title:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 2.5rem;
  width: 40px;
  height: 100%;
}

.home .entry-content .icon-agriculture .c-accordion__title:before {
  -webkit-mask: url("./assets/svg/agriculture.svg") no-repeat 50% 50%;
  mask: url("./assets/svg/agriculture.svg") no-repeat 50% 50%;
}
.home .entry-content .icon-art .c-accordion__title:before {
  -webkit-mask: url("./assets/svg/art.svg") no-repeat 50% 50%;
  mask: url("./assets/svg/art.svg") no-repeat 50% 50%;
}
.home .entry-content .icon-education .c-accordion__title:before {
  -webkit-mask: url("./assets/svg/education.svg") no-repeat 50% 50%;
  mask: url("./assets/svg/education.svg") no-repeat 50% 50%;
}
.home .entry-content .icon-business .c-accordion__title:before {
  -webkit-mask: url("./assets/svg/business.svg") no-repeat 50% 50%;
  mask: url("./assets/svg/business.svg") no-repeat 50% 50%;
}
.home .entry-content .icon-communication .c-accordion__title:before {
  -webkit-mask: url("./assets/svg/communication.svg") no-repeat 50% 50%;
  mask: url("./assets/svg/communication.svg") no-repeat 50% 50%;
}
.home .entry-content .icon-education .c-accordion__title:before {
  -webkit-mask: url("./assets/svg/education.svg") no-repeat 50% 50%;
  mask: url("./assets/svg/education.svg") no-repeat 50% 50%;
}
.home .entry-content .icon-engineering .c-accordion__title:before {
  -webkit-mask: url("./assets/svg/engineering.svg") no-repeat 50% 50%;
  mask: url("./assets/svg/engineering.svg") no-repeat 50% 50%;
}
.home .entry-content .icon-health .c-accordion__title:before {
  -webkit-mask: url("./assets/svg/health.svg") no-repeat 50% 50%;
  mask: url("./assets/svg/health.svg") no-repeat 50% 50%;
}
.home .entry-content .icon-languages .c-accordion__title:before {
  -webkit-mask: url("./assets/svg/languages.svg") no-repeat 50% 50%;
  mask: url("./assets/svg/languages.svg") no-repeat 50% 50%;
}
.home .entry-content .icon-law .c-accordion__title:before {
  -webkit-mask: url("./assets/svg/law.svg") no-repeat 50% 50%;
  mask: url("./assets/svg/law.svg") no-repeat 50% 50%;
}
.home .entry-content .icon-science .c-accordion__title:before {
  -webkit-mask: url("./assets/svg/science.svg") no-repeat 50% 50%;
  mask: url("./assets/svg/science.svg") no-repeat 50% 50%;
}
.home .entry-content .icon-social .c-accordion__title:before {
  -webkit-mask: url("./assets/svg/social.svg") no-repeat 50% 50%;
  mask: url("./assets/svg/social.svg") no-repeat 50% 50%;
}

.home .entry-content .wp-block-pb-accordion-item .c-accordion__title {
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--medium);
  padding-left: 5.5rem;
}

.home .entry-content div[class*="icon-"] .c-accordion__title:before {
  background-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--black);
}

.home
  .entry-content
  div[class*="icon-"]:nth-of-type(6n + 1)
  .c-accordion__title:before {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--white);
}
.home
  .entry-content
  div[class*="icon-"]:nth-of-type(6n + 4)
  .c-accordion__title:before {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--white);
}

.home .entry-content .wp-block-pb-accordion-item .c-accordion__title::after {
  font-size: var(--wp--preset--font-size--xx-large);
}
.home .entry-content .wp-block-pb-accordion-item .c-accordion__content ul {
  padding-top: 1rem;
}

/*
  * Search Form
  */
.home form[role="search"],
.search form[role="search"] {
  display: flex;
  align-items: center;
}
.home form[role="search"] .wp-block-search__label,
.search form[role="search"] .wp-block-search__label {
  width: auto;
  padding-right: 1rem;
  font-size: var(--wp--preset--font-size--large);
  font-weight: var(--wp--custom--font-weight--bold);
}
.home form[role="search"] .wp-block-search__inside-wrapper,
.search form[role="search"] .wp-block-search__inside-wrapper {
  flex-grow: 1;
  border-color: var(--wp--preset--color--blue);
  background-color: var(--wp--preset--color--light-brown);
  border-radius: 10px;
  padding: 0;
  overflow: hidden;
  max-width: 800px;
}
.home form[role="search"] .wp-block-search__button.has-icon,
.search form[role="search"] .wp-block-search__button.has-icon {
  border: none;
  background-color: var(--wp--preset--color--blue);
  font-size: var(--wp--preset--font-size--large);
  font-weight: var(--wp--custom--font-weight--bold);
  color: var(--wp--preset--color--white);
  padding: 4px 10px;
  transform: scaleX(-1);
}

/**
  * Color Blocks
  */
.home .color-block {
  font-size: var(--wp--preset--font-size--max-44);
}
.home .color-block:nth-of-type(6n + 1) {
  background: var(--wp--preset--color--blue);
  color: var(--wp--preset--color--white);
}

.home .color-block:nth-of-type(6n + 2) {
  background: var(--wp--preset--color--light-blue);
}

.home .color-block:nth-of-type(6n + 3) {
  background: var(--wp--preset--color--yellow);
}

.home .color-block:nth-of-type(6n + 4) {
  background: var(--wp--preset--color--red);
  color: var(--wp--preset--color--white);
}

.home .color-block:nth-of-type(6n + 5) {
  background: var(--wp--preset--color--green);
}

.home .color-block:nth-of-type(6n + 6) {
  background: var(--wp--preset--color--brown);
}
.home .all-majors .color-block {
  display: flex;
  padding: 4px;
  border-radius: 15px;
  width: 57px;
  max-width: 57px;
  min-height: 57px;
  height: 57px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.home .wp-block-post-content {
  margin-block-start: 0 !important;
}

.home .all-majors ul {
  list-style: none;
}
.home .all-majors li {
  margin-left: 0;
}

.wp-block-post-content form input,
.wp-block-post-content form select,
.wp-block-post-content form textarea {
  border: 1px solid var(--wp--preset--color--black);
  box-sizing: border-box;
}
.home form[role="search"] input,
.search form[role="search"] input {
  border: none;
}

.search .wp-block-query .wp-block-post-title a {
  text-decoration: underline;
}
.search .wp-block-query .wp-block-post-title a:hover,
.search .wp-block-query .wp-block-post-title a:focus {
  text-decoration: none;
}

.wp-block-separator.is-style-dots:before {
  content: "·";
  padding-left: 0 !important;
}

.site-header .back-arrow span:before {
  content: url("./assets/svg/back-arrow.svg");
  padding-right: 0.5rem;
}

.single-major {
  font-size: var(--wp--preset--font-size--small);
}

.major-hero {
  font-size: var(--wp--preset--font-size--medium);
}

footer {
  font-size: var(--wp--preset--font-size--medium);
}

@media (max-width: 700px) {
  footer hr {
    display: none;
  }
}

@media (max-width: 915px) {
  header .header-wrap {
    flex-direction: column;
  }
}

/**
  * Print Styles
  */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .has-blue-color {
    color: #000 !important;
  }
  .has-gray-background-color,
  .has-light-brown-background-color {
    background-color: #fff !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .entry-content .wp-block-pb-accordion-item {
    border: none !important;
  }
  .entry-content .wp-block-pb-accordion-item .c-accordion__title:after {
    display: none !important;
  }
  figure.major-intro {
    display: none !important;
  }
  footer,
  header {
    display: none !important;
  }
}