/*
Theme Name: Astra Child
Template: astra
Author: TGD
Description: Custom theme designed for WWPS, based on the Astra theme
Version: 1.2.20250805.0
Updated: 2025-08-05 09:36:00

*/

body {
  font-family: "Segoe UI", system-ui, sans-serif;
}

#headerArea {
  line-height: initial;
}

#meControl {
  display: none !important;
}

.ast-no-sidebar .entry-content .alignwide {
  margin-right: 0;
}

#discover .wp-block-cover__inner-container,
#articles .wp-block-cover__inner-container {
  max-width: 1400px;
}

hr.wp-block-separator {
  border: none;
}

div:focus,
span:focus,
a:focus {
  outline: 2px dashed black;
}

#content {
  position: relative;
}

#main>article {
  margin-top: -21px;
}

div.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-html-1 {
  margin-right: -13px;
  padding-right: 0;
}

.header-ms {
  width: 123px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.c-title:hover {
  text-decoration: underline;
}

h1.entry-title {
  display: none;
}

.divider {
  display: inline-block;
  height: 100%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border-left: 3px solid rgb(0 0 0 / 10%);
  margin: 0 auto;
}

a.cta-blue {
  text-decoration: none;
  color: #005da6;
}

a.cta-blue:hover {
  border-bottom: 2px solid #005da6;
  color: #005da6;
}

a.cta-blue:focus {
  outline: 2px dashed black;
  color: #005da6;
}

h3.post-title {
  margin-top: 10px;
  margin-bottom: 12px;
  font-size: 18px;
}

.post-text {
  color: #fff;
}

.font-weight-500 {
  font-weight: 500 !important;
}

a.cta-download-btn:hover,
a.cta-contact-btn:hover {
  text-decoration: underline;
}

a.cta-download-btn:focus {
  outline: 2px dashed #000;
  border: 1px solid transparent;
}

#podcasts {
  background-color: transparent;
  min-height: 530px;
  background-position: 50% 50%;
  background-image: url(https://wwps.microsoft.com/wp-content/uploads/2021/03/WWPS-Home-Podcast-1084_1920x7201.jpg);
}

#podcasts>img {
  display: none;
}

ul.page-posts>li>a {
  display: none;
}

a.cta-post {
  text-decoration: none;
  color: #fff;
}

a.cta-post:hover {
  text-decoration: underline;
}

a.cta-post:focus {
  outline: 2px dashed white;
}

ul.post-episodes li a.cta-post:focus {
  outline: 2px dashed black;
}

span.chevron::after {
  padding-left: 5px;
  left: 0;
  position: relative;
  font-family: "Nanum Gothic", sans-serif;
  content: ">";
}

span.chevron:hover::after {
  left: 5px;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

a.cta-hero {
  text-decoration: underline;
  color: white;
}

a.cta-hero:hover {
  outline: 2px dashed white;
}

a.cta-hero:focus {
  outline: 2px dashed white;
}

a.cta-link {
  text-decoration: underline;
  color: #0067b8;
}

a.cta-link:hover {
  outline: 2px dashed black;
}

figure.image-align {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

article.post.ast-article-single {
  max-width: 1600px;
  margin: 0 auto;
}

p.social-text {
  margin-top: 4px;
  margin-right: 8px;
}

.footer-nav {
  float: right;
  width: 73em;
  display: flex;
  list-style-type: none;
  justify-content: space-between;
  margin: auto 0;
}

.footer-link {
  color: #000;
}

.footer-link:hover {
  text-decoration: underline;
}

#episode-related-posts h3,
#advisory-related-posts h3,
#whitepaper-related-posts h3 {
  color: #fff;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
  padding: 0 20px;
}

#podcasts>div>div.wp-block-group>div>p:nth-child(4) {
  margin: 0 8.5em;
}

div.podcast-hosts {
  padding-top: 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

div.wp-block-group.podcast-hosts {
  padding: 0;
}

h3.episode-paragraph {
  margin: 1.5em 80px;
}

.episode-paragraph {
  margin: 0 80px;
}

.episode-list {
  margin-top: 0;
  margin-right: 120px;
  margin-bottom: 0;
  margin-bottom: 24px;
  margin-left: 120px;
}

.font-weight-100 {
  font-weight: 100;
}

.m-hero-item:before {
  padding-bottom: 41%;
}

input.ebSingleEventCheckbox,
input#ebSelectAllCheckbox,
.eb-form-group .eb-form-label~input {
  -webkit-appearance: checkbox;
  -moz-appearance: inherit;
  appearance: auto;
}

.eb-form-group .eb-button {
  background-color: #006fe6;
}

.eb-form-group .eb-text-require {
  color: #c30505;
}

.eb-form-label p a {
  text-decoration: underline;
  color: #0067b8;
}

.eb-form-label p a:hover {
  outline: 2px dashed black;
}

button.ebOpenRegistrationDialogueBtn {
  background-color: #006fe6;
}

button.ebOpenRegistrationDialogueBtn:hover,
button.eb-button:hover,
button.ebOpenRegistrationDialogueBtn:focus,
button.eb-button:focus {
  outline: 2px dashed black;
}

.post-hero-text {
  left: 30px;
  top: 2em;
}

.post-hero-text.home-hero div {
  text-align: left;
}

#episode-hero,
#webinar-hero,
#home-hero,
#blog-hero {
  left: 5%;
  display: flex;
  top: 0;
  height: 100%;
  max-width: 45%;
  justify-content: center;
  flex-direction: column;
}

#home-hero {
  left: 0;
}

#episode-hero-heading,
#webinar-hero-heading,
#home-hero-heading,
#blog-hero-heading {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 46px;
}

.black-text .post-text,
.black-text .cta-post {
  color: black !important;
}

div.two-pane {
  padding: 0 6em;
}

div#audio-container {
  width: 100%;
  display: grid;
  background-color: #333;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  grid-template-columns: 232px;
  grid-template-rows: 50% 50%;
  grid-template-areas: "a-image a-text"
    "a-image a-player";
}

div#audio-image {
  grid-area: a-image;
  margin: 16px;
}

img.audio-image-src {
  width: 200px;
  height: 200px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

div#audio-text {
  margin-top: 16px;
  margin-right: 16px;
  color: rgb(255, 255, 255);
  grid-area: a-text;
}

p.audio-text-heading {
  margin-bottom: 0;
  font-size: 24px;
}

p.audio-text-subheading {
  font-size: 16px;
}

div#audio-player {
  margin-right: 16px;
  margin-bottom: 21px;
  display: flex;
  align-items: flex-end;
  grid-area: a-player;
}

audio.audio-player-control {
  width: 100%;
  margin: 0;
  padding: 0;
}

h2.semibold-46 {
  font-weight: 600;
  font-size: 46px;
}

h3.semibold-34 {
  font-weight: 600;
  font-size: 34px;
}

.semibold-20 {
  font-weight: 600;
  font-size: 20px;
}

#polygonAdvisory {
  float: right;
  width: 70%;
  height: 200px;
  shape-outside: polygon(150px 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(150px 0, 100% 0, 100% 100%, 0 100%);
}

div.wp-block-buttons.is-content-justification-center {
  display: flex;
  justify-content: center;
}

.sr-primary h1.page-title {
  font-weight: 600;
  color: #000;
  font-size: 42px;
  margin: 0;
}

.sr-primary h2.c-heading-3 {
  font-size: 24px;
}

.sr-primary p.sr-found {
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 15px;
}

.sr-primary h3.post-text {
  font-size: 24px;
}

.sr-primary h3.post-text,
.sr-primary p.post-text {
  color: #000;
}

.sr-primary span.chevron,
.sr-primary a.cta-post {
  font-weight: 500;
  color: #0069ba;
}

.sr-primary a.cta-post:focus {
  outline: 2px dashed #000;
}

a.podcast-btn:focus {
  outline: 2px dashed #fff;
}

.noBreak {
  white-space: nowrap;
}

.c-quote__quoteSymbol:first-child {
  -moz-transform: translate(calc(-100% - 4px), 0);
  -webkit-transform: translate(calc(-100% - 4px), 0);
  -o-transform: translate(calc(-100% - 4px), 0);
  transform: translate(calc(-100% - 4px), 0);
}

.c-quote__quoteSymbol:last-child {
  -moz-transform: none;
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
}

#headerArea .c-uhfh .f-current {
    font-weight: 400;
}

.wp-block-cover h2:where(:not(.has-text-color)),
.wp-block-cover h3:where(:not(.has-text-color)) {
  color: inherit;
}

input#search-box {
  background-color: #FFF;
}

input#search-box::placeholder {
  color: #707070;
}


@media screen and (max-width: 1399px) {
  div.post-hero-text {
    top: 0;
    margin: 1em auto;
  }

  .post-hero-text.home-hero h1 {
    max-height: none;
  }
}

@media only screen and (max-width: 1399px) {
  .episode-six-hero #episode-hero-heading {
    font-size: 24px;
  }

  .episode-six-hero #episode-hero-text {
    line-height: 1.5;
  }
}

@media screen and (max-width: 1200px) {
  #episode-hero {
    top: -10px;
  }

  #blog-hero-heading {
    font-size: 36px;
  }
}

@media screen and (max-width: 1083px) {
  #podcasts {
    background-repeat: no-repeat;
    background-image: url(https://wwps.microsoft.com/wp-content/uploads/2021/03/WWPS-Home-Podcast-0_767x4311.jpg);
    background-size: cover;
  }

  #home-hero-heading {
    margin-right: 100px;
    font-size: 36px;
  }

  #episode-hero-heading {
    font-size: 36px;
  }

  #episode-hero.episode-six-hero {
    left: 0;
    top: -10px;
    max-width: 35%;
  }

  #blog-hero-heading {
    margin-right: 2em;
  }

  #blog-hero-text {
    margin-right: 9em;
  }

  .hero-heading {
    display: block;
  }

  #podcasts>div>div.wp-block-group>div>p:nth-child(4) {
    margin: 0 7em;
  }

  .post-hero-text {
    left: 0;
    top: 0;
  }

  div.two-pane {
    padding: 0;
  }

  #polygonAdvisory {
    width: 78%;
  }
}

@media screen and (max-width: 921px) {
  .footer-nav {
    width: 100%;
    flex-direction: column;
  }

  #polygonAdvisory {
    width: 75%;
  }
}

@media only screen and (max-width: 900px) {
  #episode-hero.episode-six-hero {
    top: 0;
    max-width: 60%;
  }

  .episode-six-hero #episode-hero-text {
    max-width: 70%;
  }
}

@media screen and (max-width: 900px) {
  #home-hero-heading {
    margin-right: 0;
  }

  #episode-hero-heading,
  #blog-hero-heading {
    font-size: 28px;
  }

  .post-hero-text {
    padding-right: 6em;
  }

  .wp-block-buttons.is-content-justification-center {
    align-items: center;
    flex-direction: column;
  }
}

@media only screen and (max-width: 859px) {
  .c-uhfh.c-sgl-stck .c-uhfh-actions {
    justify-content: flex-end !important;
    -webkit-justify-content: flex-end !important;
  }

  .c-uhfh.c-sgl-stck .c-uhfh-actions .c-search {
    right: 45px;
  }
}

@media screen and (max-width: 767px) {
  #podcasts {
    background-image: url(https://wwps.microsoft.com/wp-content/uploads/2021/03/WWPS-Home-Podcast-0_767x4311.jpg);
  }

  #podcasts>div>div.wp-block-group>div>p:nth-child(4) {
    margin: 0;
  }

  .post-hero-text {
    padding-top: 10%;
    padding-right: 0;
  }

  .post-hero-text.home-hero div {
    text-align: center;
  }

  #episode-hero-section,
  #webinar-hero-section,
  #home-hero-section,
  #blog-hero-section {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
  }

  #episode-hero-parent,
  #home-hero-parent,
  #blog-hero-parent {
    width: 100%;
    overflow: visible;
    height: fit-content;
  }

  #home-hero-parent {
    padding-bottom: 60px;
    top: 30px;
  }

  #blog-hero-parent {
    display: flex;
    height: 20em;
    align-items: center;
  }

  #episode-hero,
  #webinar-hero,
  #home-hero,
  #blog-hero {
    left: 0;
    top: calc(50%);
    max-width: 100%;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    align-items: center;
    justify-content: flex-end;
  }

  #home-hero.home-hero,
  #episode-hero,
  #blog-hero {
    top: 0;
  }

  #blog-hero {
    margin-top: 1em;
    height: auto;
  }

  #webinar-hero {
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #episode-hero-heading,
  #webinar-hero-heading,
  #home-hero-heading,
  #blog-hero-heading {
    font-size: 24px;
  }

  #blog-hero-heading,
  #blog-hero-text {
    margin-right: 0;
  }

  #episode-hero.episode-six-hero {
    top: 10px;
    max-width: 100%;
  }

  .episode-six-hero #episode-hero-text {
    max-width: 90%;
  }

  h3.episode-paragraph {
    margin: 0 40px;
  }

  .episode-paragraph {
    margin: 0 40px;
  }

  .episode-list {
    margin-top: 0;
    margin-right: 80px;
    margin-bottom: 0;
    margin-bottom: 24px;
    margin-left: 80px;
  }

  #polygonAdvisory {
    display: none;
  }

  #advisory-hero-heading {
    margin-top: 1em;
  }
}

@media (max-width: 559px) {
  div#audio-container {
    grid-template-columns: 232px;
    grid-template-rows: 50% 50%;
    grid-template-areas: "a-image a-text"
      "a-player a-player";
  }

  div#audio-text {
    margin-top: 16px;
  }

  p.audio-text-heading {
    font-size: 20px;
  }

  div#audio-player {
    margin-left: 16px;
  }
}

@media screen and (max-width: 500px) {
  h3.episode-paragraph {
    margin: 0;
  }

  .episode-paragraph {
    margin: 0;
  }

  .episode-list {
    margin-top: 0;
    margin-right: 40px;
    margin-bottom: 0;
    margin-bottom: 24px;
    margin-left: 40px;
  }
}

@media (max-width: 425px) {
  div#audio-container {
    grid-template-columns: 100%;
    grid-template-rows: 190px;
    grid-template-areas: "a-image"
      "a-text"
      "a-player";
  }

  div#audio-image {
    margin: 16px auto;
  }

  div#audio-text {
    text-align: center;
    margin: 16px;
  }

  p.audio-text-heading {
    margin-top: 16px;
    font-size: 18px;
  }

  p.audio-text-subheading {
    margin-bottom: 0;
    font-size: 14px;
  }

  div#audio-player {
    margin-left: 16px;
  }
}

@media screen and (min-width: 600px) {
  .hero-audio {
    max-width: 75%;
    margin: 0 12.5%;
  }
}

@media screen and (min-width: 767px) {
  #advisory-hero {
    width: 100%;
    padding-top: 3%;
    max-width: 100%;
  }

  #advisory-hero-heading {
    display: inline;
  }
}

@media screen and (min-width: 1084px) {
  .m-hero-item:before {
    padding-bottom: 23%;
  }
}

/*
	Fix issue that can appear on staging in UHF
	Issue is a noscript tag being inserted between img and span
	Symptom is span becomes visible since it stops being ajacent to img
 */
.c-logo img+noscript+span {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/*
	CTA Fix for Innovation Library Page
*/
.innovation-blog-excerpt span.chevron::after {
  display:none;
}
.innovation-blog-excerpt span.chevron button + .cta-post {
	position:relative;
}
.innovation-blog-excerpt span.chevron button + .cta-post::after {
  padding-left: 9px;
	padding-top:1px;
  left: 100%;
  position: absolute;
  font-family: "Nanum Gothic", sans-serif;
  content: ">";
	text-decoration:none;
}
.innovation-blog-excerpt span.chevron button + .cta-post:hover::after {
  left: calc(100% + 5px);
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
	text-decoration:none;
}