﻿/* OTIDE Relations Landing Page Styles */
.wp-block-cover.alignfull.hero.has-background {
  z-index: -1;
}

.wp-block-image.alignfull.under-hero {
  margin-top: -9vw;
  z-index: 1;
}

.under-hero img {
  transform: scaleX(-1);
}

.ua_minerva #under-curve.wp-block-columns.with-form {
  margin-top: 20px !important;
}

.wp-block-media-text__content.is-layout-flow {
  z-index: 9 !important;
}

.overlap.right, ol.wp-block-list.overlap.right, 
p.overlap.right {
  background: white !important;
  box-shadow: 20px 20px 20px 0 #0003 !important;
  padding: 1rem !important;
  margin-right: -7rem !important;
  margin-top: 0 !important;
}

p.overlap.right {
  padding: 2rem 2rem 2rem 0 !important;
}

.wp-block-group.overlap.left {
  background: white;
  box-shadow: -20px 20px 20px 0 #0003;
  padding: 1rem !important;
  margin-left: -9rem !important;
  margin-top: 0 !important;
}


@media (max-width: 1024px) {
  ol.wp-block-list.overlap.right, 
  p.overlap.right,.overlap.right, 
  .wp-block-group.overlap.left {
    margin: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  #graphic-col /* column with custom graphic diagram under "our support heading" */ {
    order: 1;
  }
}

/***************** Form Style adjustment for External Relation Pages*********************/
/*Orlando health*/.postid-13297, /*DCH*/.postid-12820, 
/*Grandview*/.postid-12932, /*Childrens*/ .postid-13138 {
  .form_question.form_text {
    width: 100% !important;
  }
}

/* Fancy Box CSS adjustments */

.fancybox__backdrop {
  background: var(--fancybox-bg, rgba(24, 24, 27, 0.8)) !important;
}

.fancybox__content{
  background: transparent !important;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
  outline: none !important;
}


@media (min-width: 1440px) {
.wp-block-image.alignfull.under-hero {
  margin-top: -5vw;
  }
}

@media (min-width: 660px) {
.fancybox__content{
  width: 60% !important;
}

.fancybox__content > .carousel__button.is-close {
  top: 30px !important;
}
}

@media (max-width: 929px) {
  .fancybox__content {
  padding: .5rem !important;
  height: 28% !important;
  }
  .fancybox__slide {
    padding: 0 !important;
  }
  fancybox__slide::before, .fancybox__slide::after {
    margin: 20vw auto;
  }
}
