/* FBC Interstitial Modal Popup Styles */
.ui-widget-overlay {
  background: #333;
}
/* .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable {
  left: 33% !important;
}
.ui-dialog .ui-dialog-content {
  overflow: inherit;
  background-color: #fff;
  width: 500px !important;
  height: 425px !important;
  padding: 15px;
} */
.ui-dialog .ui-dialog-title {
  display: none;
}
.ui-dialog .ui-dialog-titlebar,
.ui-dialog,
.ui-dialog-buttonpane {
  z-index: 99;
  background: none !important;
  border: none !important;
  margin: auto;
}
.ui-dialog-buttonset .form-submit {
  background-color: rgb(255, 0, 0);
  width: 75px;
  color: white;
}
/* .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
  position: absolute;
  right: -233px;
  top: 5px;
} */
.ui-dialog .ui-dialog-titlebar-close:before,
.ui-dialog .ui-dialog-titlebar-close:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #000;
  color: #ccc;
}
.ui-dialog .ui-dialog-titlebar-close:before {
  transform: rotate(-45deg);
}
.ui-dialog .ui-dialog-titlebar-close:after {
  transform: rotate(45deg);
}
.ui-button .ui-icon,
.ui-button:hover .ui-icon,
.ui-widget-header .ui-icon,
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: none !important;
}
.ui-dialog button.ui-dialog-titlebar-close svg {
  display: none;
}
/* Gated Download Interstitial Styles*/
.gated-download-image img,
.past-cover-image img,
.resource-cover-image img {
  width: 115px;
}
.interstitial-grid {
  display: grid;
  grid-template-areas: "featured description resource past" "form form form form";
  grid-template-rows: 147px auto;
  grid-row-gap: 15px;
  width: 500px;
  height: 360px;
  background-color: #fff;
  box-shadow: 0 10px 8px rgba(0,0,0,.275);
  padding: 15px;
  color: #555;
  border-radius: 6px;
  grid-column-gap: 8px;
}
.interstitial-grid .interstitial-text-desktop {
  grid-area: description;
  margin: 0;
  /*background-color: #DD3B33;
  color: #fff;*/
  font-size: 20px;
  /*display: flex;
  align-items: center;*/
  width: 475px;
}
.interstitial-grid .interstitial-text-desktop img {
  width: 115px;
}
.interstitial-grid .interstitial-text-desktop .interstitial-copy {
  padding-top: 10px;
}
.interstitial-grid .interstitial-text-mobile {
  grid-area: description;
  display: none;
}
.interstitial-grid .gated-download-image {
  grid-area: featured;
  float: right;
  padding-top: 10px;
}
.interstitial-grid .past-cover-image {
  grid-area: past;
}
.interstitial-grid .resource-cover-image {
  grid-area: resource;
  margin: 0;
}
.interstitial-grid .cover-images .gated-download-image {
  position: absolute;
  bottom: 10px;
  z-index: 3;
}
.interstitial-grid .cover-images .past-cover-image {
  position: absolute;
  bottom: 135px;
  left: 450px;
  z-index: 1;
}
.interstitial-grid .cover-images .resource-cover-image {
  position: absolute;
  bottom: 45px;
  left: 500px;
  z-index: 2;
}
.interstitial-grid #modal_interstitial_form {
  grid-area: form;
}
.interstitial-grid #modal_interstitial_form label {
  text-transform: uppercase;
  color: #999;
  font-size: 80%;
}
.interstitial-grid #modal_interstitial_form INPUT {
  width: 90%;
  border-radius: 3px;
  border: 1px solid #ccc;
  margin-top: 3px;
  font-size: 1.2rem;
  padding: 2px 8px;
}
.interstitial-grid #modal_interstitial_form .form-item {
  margin: 0.5em 0;
}
.interstitial-grid #modal_interstitial_form .form-type-checkbox {
  margin: 0.25em 0;
}
.interstitial-grid #modal_interstitial_form .webform-submission-interstitial-download-form-form {
  display: grid;
  /*grid-template-areas: "first last" "email email" "zip country" "consent consent" "... download";*/
  grid-template-areas: "first first last last"
  "email email email email"
  "zip country country download"
  "gdpr gdpr gdpr gdpr"
  "consent consent consent consent";
  grid-template-columns: 140px 115px 115px auto;
}
.interstitial-grid #modal_interstitial_form .webform-submission-interstitial-download-form-form .form-item-first-name {
  grid-area: first;
}
.interstitial-grid #modal_interstitial_form .webform-submission-interstitial-download-form-form .form-item-last-name {
  grid-area: last;
}
.interstitial-grid #modal_interstitial_form .webform-submission-interstitial-download-form-form .form-item-email-address {
  grid-area: email;
}
.interstitial-grid #modal_interstitial_form .webform-submission-interstitial-download-form-form .form-item-email-address INPUT {
  width: 95%;
}
.interstitial-grid #modal_interstitial_form .webform-submission-interstitial-download-form-form .form-item-zip-postal-code {
  grid-area: zip;
}
.interstitial-grid #modal_interstitial_form .webform-submission-interstitial-download-form-form .form-item-country {
  grid-area: country;
  margin-left: 10px;
}
.interstitial-grid #modal_interstitial_form .webform-submission-interstitial-download-form-form .form-item-country select {
  width: 94%;
  height: 32px;
}
.interstitial-grid #modal_interstitial_form .webform-submission-interstitial-download-form-form .form-item-i-agree-to-be-emailed {
  grid-area: gdpr;
}
.interstitial-grid #modal_interstitial_form .webform-submission-interstitial-download-form-form .form-item-optin {
  grid-area: consent;
}
.interstitial-grid #modal_interstitial_form .webform-submission-interstitial-download-form-form .form-item-i-agree-to-be-emailed INPUT,
.interstitial-grid #modal_interstitial_form .webform-submission-interstitial-download-form-form .form-item-optin INPUT {
  width: auto;
}
.interstitial-grid #modal_interstitial_form .webform-submission-interstitial-download-form-form .form-item-i-agree-to-be-emailed label,
.interstitial-grid #modal_interstitial_form .webform-submission-interstitial-download-form-form .form-item-optin label {
  text-transform: none;
}
.interstitial-grid #modal_interstitial_form .form-required:after {
  display: none;
}
.interstitial-grid #modal_interstitial_form .form-actions {
  height: 28px;
  margin-top: 27px;
}
.interstitial-grid #modal_interstitial_form .form-actions {
  grid-area: download;
}
.interstitial-grid #modal_interstitial_form .form-submit {
  padding: 5px;
  border-radius: 3px;
  color: #fff;
  background-color: #555;
  border-color: transparent;
}
.interstitial-grid #modal_interstitial_form .form-submit:hover {
  background: #dd3b33;
}

/* Interstitial Mobile Styles */
@media only screen and (max-width: 768px) {
  /* .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable {
    left: 27% !important;
    width: 52% !important;
  }
  .ui-dialog .ui-dialog-content {
    overflow: inherit;
    background-color: #fff;
    width: 280px !important;
    height: 600px !important;
    padding: 15px;
  } */
  /* .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
    right: unset;
    top: 5px;
    left: 285px;
  } */
  .interstitial-grid {
    display: grid;
    grid-template-areas: "description description description" "featured resource past" "form form form";
    grid-template-rows: 50px 120px;
    grid-row-gap: 0px;
  }
  .interstitial-grid .interstitial-text-desktop {
    width: auto;
  }
  .interstitial-grid .interstitial-text-mobile {
    display: block;
    background-color: inherit;
  }
  .interstitial-grid .interstitial-text {
    margin: 0;
    background-color: transparent;
    color: #000;
    width: 280px;
  }
  .gated-download-image img,
  .past-cover-image img,
  .resource-cover-image img {
    width: 90px;
  }
  .interstitial-grid #modal_interstitial_form .webform-submission-interstitial-download-form-form {
    display: block;
  }
  .interstitial-grid #modal_interstitial_form .webform-submission-interstitial-download-form-form .form-item-email-address INPUT {
    width: 90%;
  }
  .interstitial-grid #modal_interstitial_form .webform-submission-interstitial-download-form-form .form-item-country {
    margin: 0;
  }
  .interstitial-grid #modal_interstitial_form .form-actions {
    width: 115px;
    margin-top: 0px;
  }
}
/* @media only screen and (max-width: 480px) {
  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable {
    left: 0px !important;
    right: 0px;
    margin: 0 auto;
    width: 300px !important;
  }
} */

/* Hiding recaptcha badge, which we can do with the copyright blurb pointing to Google's TOS/Policy */
.grecaptcha-badge {
  visibility: hidden;
}

/* End of sub-interstitial.css file */