@charset "UTF-8";
/* Web Solutions 4.0 Compatible */

/* addon classes */
.twoCol, .threeCol, .resCol{
-webkit-column-rule:1px outset rgba(0,0,0,.15);
   -moz-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
-webkit-columns: auto;
   -moz-columns: auto;
        columns: auto;
-webkit-column-width: 13em;
   -moz-column-width: 13em;
        column-width: 13em;
}


/* list */
.content ul li::before { text-indent: -1em}
.content ul li {padding-left:0;line-height: 1.5em; text-indent: 0}
.content ul li ul {margin-bottom: 0;}
.content ul li ul li:first-child {padding-top: .5em;}
.content ul li ul li {padding-left: 1em;}
/* forms */
.formTable, .formTable table{width:100%;display: block}
.formTable tbody{display: block}
.formTable tr{display: block}
.formTable td{display: block;width:100%;padding: 0}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable textarea{margin-bottom:1em}


/* Contact Form - table removed ----- */
.form-flex :where(.half, .third) {
	width: 100%;
}

.form-flex .quarter {
	width: calc(50% - .5em);
}
fieldset.two-col-fieldset label {
    display: block;
}


blockquote {margin:0}
.callout {margin: 0 0 2em 0;font-size: .9em;padding: 2em 2em;}

/* nav */
#brand img {padding: .5em 0 0 .5em;max-width: 95vw;}
#navContainer{position: fixed;left: 100%;top:0;bottom:0;width: 75%;background-color:#490e67;z-index:2;
	-webkit-transition: left 200ms ease;transition: left 200ms ease}
.slideNav #navContainer{left: 25%;}
#navContainer nav{display: inline}
#navContainer ul{display: block;float: left;width: 100%;margin: 0;padding-left: 0}
#navContainer li{display:block;float: left;width: 100%; position: relative;border-bottom: 1px solid rgba(255,255,255,.3)}
#navContainer a, #navContainer .menu{color:#ccc;line-height:2em;padding:0 1rem;display:block;float: left;width: 100%}
#navContainer .menu:first-child {color:#fff;border-bottom: 1px solid #fff;padding: .5em 1em}
#navContainer a:hover,#navContainer .menu:hover,
#navContainer li.on a
	{background-color:#87609a;color: #fff}
#navContainer li.open{background-color: #000}
#navContainer li>span{color: #000;background-color:#fff;opacity: .1; border-radius: 50%; display: block;position: absolute;right: .25em;top: .25em;line-height: 1.5em;width:1.5em;text-align: center;
-webkit-transition: transform .2s ease;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition: transform .2s ease, -webkit-transform .2s ease}
#navContainer li>span:hover, #navContainer li.on>span{opacity: .3}
#navContainer li>span:before{content: "\25B8"}
#navContainer li.open>span{-webkit-transform: rotate(90deg);transform: rotate(90deg)}
#navContainer ul ul {font-size: .8em;}
#navContainer ul ul a {padding-left: 2rem}
.megaMenu, #mainnav ul li ul {display: none;}
#mobilenav{background-color: #490e67;float: left;width: 100%;text-align: center;height: 2.5em;}
#mobilenav a {display: block;float: left;color: #ccc;line-height: 2.5em;}
#mobilenav a:first-child {width: 40%;}
#mobilenav a:nth-child(2){width: 30%;}
#mobilenav span{width: 30%;display: block;float: left;color: #fff;line-height: 2.5em;background: #87609a;}
#mobilenav a:hover, #mobilenav span:hover{color: #fff;background-color:#87609a}
.hamburger{height: 2em;width: 2em;display: block;position: fixed;right: 0;top:0;opacity: .5;background: url(/images/m/hamburger.svg);background-size: cover;z-index:2;opacity: 0}
.hamburger.on{opacity: .3}

#ancillary .search{display: inline;}
#ancillary .search input{padding:0 1rem; line-height: 2.2rem; display:block;float: left;background-color: rgba(109,62,133,.5);box-shadow:inset 0px 0px 0px 0px rgba(0, 0, 0, 0);border:none; margin: 0;width:calc(100% - 2.2rem);color: #fff;font-size: 1rem}
#ancillary .search button{margin: 0; padding:0;border:0; line-height: 2.2rem;display:block;float: left;background-color: #6d3e85;width: 2.2rem;border-radius: 0}
#ancillary .search button::-moz-focus-inner{border: 0;padding: 0;}
#ancillary .search img{opacity:.2;vertical-align: middle}
.phone {color:#ccc;clear:left;padding: 0 1em}
.phone a {margin: 0 -1em}

/* content */
.photoright{margin:0 0 .75em 1em;}
.photoleft{margin:0 1em .75em 0;}
.content h1 {font-size: 1.875em}
#content section { border-bottom: solid 1px #ccc; padding-bottom: 1em; margin-bottom: 1em; clear: both}
.threeImages img, .twoImages img {float:left; width: 100%; display: block; margin-bottom: 2%}
.donateButtons>a {display: block; width: 100%; margin-bottom: 1em; padding: 1em 1em; font-size: 1.5em}

/* News & Events */
.newsButton {display: block;width: 100%;margin-bottom: 1em; padding: 1em 1em;font-size: 1.2em}
.eventsButtons {float: left;margin-bottom: 2em}
.homeEvents.News {margin-bottom: 2em;margin-top: 2em}


/* main */
main > .wrap {padding:1.5em}
main{padding-left: 1rem;padding-right: 1rem}

/* homepage */
.physician {width:100%;}
.events {width:100%}
.calender li ul {padding: .25em 0}
.news, .blog {color:#fff;width:100%;height:100%}
.topBanner {padding: .5em .75em 3em .75em}
.getStarted {margin:0 0 3.5em 0}
.events h2 {font-size: 1.25em; line-height: 1em;}
.events>a {margin:0;line-height: 1.5em}
.calender span {font-size: .8em}
.calender li ul li {margin-left: 2em}
.newsBlog .wrap {padding: 1em 0 3em}
.newsFooter {position: relative;border: none}
.newsBlog {padding: 0 1em}
.newsBlog a {padding: 0}
.newsBlog h2 {padding-bottom: 0;margin-top: .1em}
.newsBlog p {margin-right: 0}
.blog {margin-top: 1.5em}
.blog span {line-height: 1em}
.welcome {padding:0}
.welcome h1 {font-size: 1.875em}
.welcome p:last-child {margin-bottom: 4em}

.askNowCallout .image {position: relative;left: 0;top: 0;background: url(/images/home/ask-now.png) no-repeat top center;width: 260px;height: 143px;background-size: 240px 143px;margin:0 auto 1em auto}
.newsBlog .askNowCallout {text-align: center;padding: 2em 1em 0 1em}
.askNowCallout .text span.button {margin: 1em 0}
@media screen and (max-width:479px) {
    .badges .wrap img {max-width: 5em; margin:0 .5em}

}

/* Interior Header */
.pageHeader{padding-bottom: 9em;}

/* Doctors Landing Page */
.threeDoctors a {width:33.3%;float:left;height: 0;padding: 21% 0;position: relative;}
.purpleRibbon {display: none}
.HLIcon2 {display: none}
.threeDoctors div {text-align: center; position: absolute; top: 0;bottom: 0;left: 0; right: 0;}
.threeDoctors div span {color:#fff;position: absolute; top: 91%; left: 50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 1; font-size: 4vw; line-height: 1;width: 100%}
.threeDoctors a:nth-child(1) {background-image:url(/images/threeDocs1.png);border-left: 1px solid #666; background-size: contain;background-repeat: no-repeat}
.threeDoctors a:nth-child(2) {border-left: 1px solid #666;background-image:url(/images/threeDocs2.png); background-size: contain;background-repeat: no-repeat}
.threeDoctors a:nth-child(3) {background-image:url(/images/threeDocsMeriem.webp);border-left: 1px solid #666; background-size: contain;background-repeat: no-repeat}
.iosSlider .slider .slide .text {position: absolute;width: 31.250rem;max-width: 45%; right:49%;margin-top: 15%;z-index:1; background: #e6dfe9;padding:3%;border-radius: 5px}
.iosSlider .nextButton, .iosSlider .prevButton {height: 13%;width: 5% }
.iosSlider .slider .image {position: absolute; background-repeat: no-repeat;background-position: 30% bottom;background-size: contain; height: 100%;width: 50%;left:50%;top:8%}
.threeDoctors {padding-top: calc(25px + 4em)}

/* Alert */
#alertApp {width:100%;float:left;clear:left;display:block; position: relative; top: auto;}




/* ACS RESROUCES WYSIWYG TEMPLATE ------------------------------ */

.acs-resources {
  align-items: start;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5em;
  row-gap: 0;
  grid-auto-flow: dense;
}

.acs-resources::before {
  inset: 2em 0 1.5em;
}

.acs-resources>div:nth-child(1) {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  width: auto;
}

.acs-resources>div:nth-child(2) {
  grid-column: 2 / 5;
  padding: 0;
}

.acs-resources>div:nth-child(3) {
  grid-column: 2 / 5;
}

.acs-resources p:last-child {
  margin: 0;
}



/* MEDIA QUERIES ------------------------------ */

@media screen and (max-width:669px) {
  .iosSlider .slider .image {display: none}
  .iosSlider .slider .slide .text {position: relative;width: 31.250rem;max-width: 90%;right: initial; margin-top:25vh;background: #e6dfe9;padding:3%;border-radius: 5px;margin-right: auto; margin-left: auto;}


  /* ACS RESROUCES WYSIWYG TEMPLATE */
  .acs-resources {
    display: block;
    padding: 1.5em;
  }

  .acs-resources::before {
    inset: 3em 0 0;
  }

  .acs-resources>div:nth-child(1n) {
    width: 100%;
  }

  .acs-resources figure img {
    max-width: 15em;
    margin: 0 auto 1.75em;
    transform: scale(1);
  }

  .acs-resources>div:nth-child(2) {
    margin-bottom: .5em;
  }

}



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

    .iosSlider .slider .slide .text {width: 31.250rem;max-width: 90%;background: none;border: none;float:left;top:-7vh}
    .iosSlider .slider .slide .doctorName {color: #490e67; font-size: 1.875em;position: relative;top: 0;left: 6%;text-indent: -1px;line-height: 1.2em;margin:1em 0 1em;z-index: 2;font-size: 6vw;max-width: 60vw}
    .iosSlider .slider .slide .text p {display: none}
    .iosSlider .slider .image {display: block; top: 20%;left:54%;max-height:40vh}
    .iosSlider .slider .slide .fullBioButton {position: absolute;right:45%;width:35vw;font-size:6vw;padding-top:5.5%;line-height: 1em;bottom:-65% }
    .viewAll {width:95%;position: absolute;top:0; text-align: center;background:#6d3e85;margin:1px 0 0 0;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;padding: .25em;font-size: 1.3em;margin-left: auto;margin-right: auto; left: 0}
    .iosSlider .nextButton, .iosSlider .prevButton {height: 20%;width: 7%}
}

.purpleWelcome {padding:2em 1.5em 2em 1.5em;height:auto;}
.purpleWelcome h1 {font-size: 1.8em}
.purpleWelcome p {line-height: 1.5em;padding:0}

.whiteSpace {padding-top: 0; height: auto}
.staffQuote {height:62vw;padding: 6vw 0}
.staffQuote>p{margin-left: auto;left:initial;line-height: 1.5em;right:5%;width:50vw;padding-top: 0;text-align: right}
.staffQuote>span{margin-left: auto;left:initial;line-height: 1.5em;left:50vw;width: 30vw}
.tiltPhoto {height:50vw;width:auto;right:62%;margin-top: 0}
.quote {left:45vw;width:50%;}

.jobTitle em {color: #87609a; display: block; font-size: .9em; line-height: 1.3em; margin-bottom: .75em;}

@media screen and (max-width:609px) {
    .quote {line-height: 1.5em}
    .videoRight iframe {
        margin: 0 0 1rem 0;
        max-width: 100%;
        float: none;
    }
}

@media screen and (max-width:529px) {
    .staffQuote>p{font-size: .9em;right:initial;left:initial;width:inherit;padding:0 1.5em;max-width: none;text-align: center}
    .staffQuote>span{font-size: .9em;right:initial;left:19vw;}
    .tiltPhoto {display: none}
    .quote {left:5vw;width: 90%}
    .staffQuote {height:auto;padding: 2rem 1rem}
    .mensLink, .womensLink {margin: 0 0 1em 0; width: 100%;}
}

.docBadges {height:13em;padding: 0;}
.docBadges img {max-width: 100vw; max-height: 3.5em;}


/* footer */
body>footer .wrap{
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
}
.fatFooter {margin-bottom: 0}
.fatFooter>* {margin-bottom: .5em}
.fatFooter address{width: 100%;color:#333333;text-align: center}

.fatFooter .hours{width:100%;text-align: center}
.fatFooter .partnership{width:100%;text-align: center;margin-top: .5em}
.fatFooter .partnership a {max-width: 50%;text-align: center;display: block; margin:0 auto}
.fatFooter .partnership img {max-height:4em;max-width: 100%; text-align: center;margin-bottom:1em}
.fatFooter .partnership h1 {margin-bottom: 1em}
body>footer nav{display:inline;width:100%;text-align: center}
body>footer nav li {margin-bottom: .5em}
body>footer .wrap {text-align: center}
.col2, .col3 { margin-left: auto; margin-right: auto; width: 100%}
.newsletter {display: none}
#web-solutions-exposure{
 -ms-flex-order: 1;
 -webkit-box-ordinal-group: 2;
         order: 1;
}

.social-container 
{text-align: center;
  width: 100%;
  display: block;
  float: none;
  margin: 0 auto;}

  .fatFooter .social{display: inline-block;float: none;}