@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
.content ul li:before{ width: 1rem;}
/* 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);
}

.twoCol {-webkit-columns:2;-moz-columns:2;columns:2;}
.threeCol {-webkit-columns:3;-moz-columns:3;columns:3;}
.resCol {
	-webkit-columns: auto;-moz-columns: auto;columns: auto;
	-webkit-column-width: 13em;-moz-column-width: 13em;column-width: 13em;
}

/* addon classes */
.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);
}

.resCol {
	-webkit-columns: auto;-moz-columns: auto;columns: auto;
	-webkit-column-width: 13em;-moz-column-width: 13em;column-width: 13em;
}

/* forms */
.formTable td{width:50%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}


/* Contact Form - table removed ----- */
.form-flex .half {
	width: calc(50% - .5em); /* Full on mobile */
}

.form-flex .third {
	width: calc(33.33% - .5em); /* Full on mobile */
}

.form-flex .quarter {
	width: calc(25% - .5em); /* Half on mobile */
}
fieldset.two-col-fieldset {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
fieldset.two-col-fieldset legend {
    width: 100%;
}
fieldset.two-col-fieldset label {
    width: calc(50% - .5rem);
}

/* content */
.photoright{margin:0 0 3em 4em;}
.photoleft{margin:0 4em 3em 0;}

/* Doctors Landing Page */
.threeDoctors a {width:50%;float:left;height: 0;padding: 17% 0;position: relative;color: #490e67;}
.threeDoctors div {text-align: center; position: absolute; top: 0;bottom: 0;left: 0; right: 0;background: rgba(255,255,255,.5); opacity: 0}
.threeDoctors a:hover>div {opacity: 1}
.threeDoctors div span {position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 1; font-size: 2.5vw; line-height: 1;width: 100%}
.threeDoctors a:hover>div span {color: #490e67}
.threeDoctors a:nth-child(1) {background-image:url(/images/threeDocs1.png); background-position: :center; background-size: cover;}
.threeDoctors a:nth-child(2) {border-left: 1px solid grey;border-right: 1px solid gray;background-image:url(/images/threeDocs2.png); background-position: :center; background-size: cover;}
.threeDoctors a:nth-child(3) {background-image:url(/images/threeDocsMeriem.webp);background-position: center;background-size: cover;}
.iosSlider .slider .slide .text {position: absolute;width: 31.250rem;max-width: 45%; right: 50%;margin-top: 12vh;background: #e6dfe9;padding:2.2em;border-radius: 5px}
.iosSlider .slider .image {position: absolute; background-repeat: no-repeat;background-position: 30% bottom;background-size: contain; height: 100%;width: 50%;left:50%;top:5%}


/* HEADER ------------------------------*/
body>header{position:absolute;left: 0;top:0;right: 0;float:none;padding-top:25px;z-index: 2;
-webkit-transition: -webkit-box-shadow .3s ease;transition: box-shadow .3s ease}
body.management>header {top:35px}
body>header.stick{position: fixed;padding-top: 0;-webkit-box-shadow: 0 -1em 1em 1em rgba(0,0,0,.2);box-shadow: 0 -1em 1em 1em rgba(0,0,0,.2);}
#brand, #brand img{display: block;float: left}
#brand{padding:1.5em 1em;}
	.stick #brand{padding: .5em 1em}
#brand img{height:2.5em;width:auto;}
	.stick #brand img{height: 2em}

.pageHeader{padding-bottom: 16em;}

/* NAV ------------------------------ */
nav ul{margin: 0}
#mainnav{overflow:visible;float: right;width: auto;margin-top:-5.5rem;padding:1.25rem 0;margin-right: .5em}
.stick #mainnav{padding: 0;margin-top: -3rem}
#mainnav ul{text-align:center;overflow:visible;margin: 0;padding: 0;font-size: 1.125em}
#mainnav li{display:inline-block;}
#mainnav a{line-height:3.75rem;padding:0 1em;display:inline-block;color:#490e67;text-decoration:none}
.stick #mainnav a{-webkit-border-radius: 0 0 0 0;border-radius: 0 0 0 0;}
#mainnav>ul>li.on>a{background:#e6dfe9;border-top-left-radius:5px;border-top-right-radius:5px}
#mainnav>ul>li:hover>a, #mainnav>ul>li:active>a{background:#490e67;color:#fff;border-top-left-radius:5px;border-top-right-radius:5px}
/*dhtml*/
#mainnav li ul{
    width:17em;
    background:#fff;
    position:absolute;
    overflow:auto;
    height:auto;
    padding:.7em 0;
    box-shadow:0 .3em .5em 0 rgba(50, 50, 50, 0.3);
    top: -200vh;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}
#mainnav .megaMenu {
    top: -200vh;
    z-index: -1;
    opacity: 0;
}
#mainnav li:not(.expand) :is(ul, .megaMenu) {
	transition:
		opacity .2s ease-out 0.2s,
		z-index 0s linear 0.7s,
		top 0s linear 0.7s;
}

#mainnav li:hover :is(ul, .megaMenu),
#mainnav>ul>li.tapped > ul,
#mainnav>ul>li>a:focus + :is(ul, .megaMenu),
#mainnav>ul>li.expand :is(ul, .megaMenu) {
    opacity: 1;
    top: 100%;
    z-index: 1;
    visibility: visible;
}

#mainnav>ul>li:not(.expand):hover>:is(ul, .megaMenu) {
    transition:
		opacity .2s ease-in .5s,
        z-index 0s linear .5s,
        top 0s linear .5s;
}

/* Accessible dropdowns */
#mainnav>ul>li:not(:first-of-type) {
    position: relative;
}
#mainnav>ul>li>button {
	background: transparent;
	bottom: 0;
	border: 0;
	height: .5rem;
	opacity: 0;
	padding: 0;
	pointer-events: none;
	position: absolute;
	right: 50%;
	transform: translate(50%,-50%);
	width: 1.25rem;
}
#mainnav>ul>li:first-of-type>button {
    bottom: 1.25rem;
    right: auto;
    transform: translate(0, 0);
    margin-left: -6.125rem;
}

#mainnav>ul>li>button:focus-visible {
	opacity: 1;
}

#mainnav>ul>li>button:before {
	background: url('/images/icons/misc/chevron-down.svg') no-repeat center / contain;
	content: '';
	height: .75rem;
	left: 0;
	position: absolute;
	right: 0;
	top: calc(50% - 6px);
}

#mainnav>ul>li:last-child ul, #mainnav>ul>li:nth-last-child(2) ul{right:0}
#mainnav li ul li{width:100%;display:block;float:left}
#mainnav ul li ul li a{background:#fff;color:#490e67}
#mainnav li ul li a{font-size:.9em;line-height:1.8em;padding:.3em .5em; display:block;width:100%;text-align:left;float:left}
#mainnav li ul li a:hover, .t1 li ul li a:active{color:#fff;background:#6d3e85}

/* ancillary */
#ancillary {height: 25px; position:absolute;right:0;top:0;left:0; color:#fff;font-size:.9375em;background-color:#490e67;text-transform: uppercase;
-webkit-transition: margin-top .3s ease;transition: margin-top .3s ease}
header.stick #ancillary{top:-25px;margin-top: -20px}
#ancillary>div{float: right}
#ancillary ul{display: inline}
#ancillary li{display: inline}
#ancillary a{border-left: solid 1px #fff;border-bottom: solid 1px #fff;line-height: 2.2rem; display: block;background-color:#6d3e85;float: left;padding:0 1.25em; text-decoration:none;color:#fff;}
#ancillary a:hover, #ancillary a:active, #ancillary li.on a {background-color: #490e67}
#ancillary li:first-child a {-webkit-border-radius: 0 0 0 5px;border-radius: 0 0 0 5px;}
#ancillary .search{display: inline}
#ancillary .search input{padding:0 1.25rem; line-height: 2.2rem; display:block;float: left;background-color: #6d3e85;box-shadow:inset 0px 0px 0px 0px rgba(0, 0, 0, 0);border:none; margin: 0}
#ancillary .search input[type="text"]{color: #fff; border-left: solid 1px #fff;border-bottom: solid 1px #fff;height: 36px}
#ancillary .search input::placeholder {color: rgba(255,255,255,.8);}
#ancillary .search button{margin: 0; padding:0 .5rem; line-height: 2.2rem;border:0;border-bottom: solid 1px #fff;display:block;float: left;background-color: #6d3e85;border-radius: 0}
#ancillary .search button::-moz-focus-inner{border: 0;padding: 0;}
#ancillary .search img{opacity:.2;vertical-align: middle}
#ancillary .search button:hover img{opacity:1}
#ancillary .search button:hover {opacity:1}
#ancillary .phone{border-left: solid 1px #fff;border-bottom: solid 1px #fff;line-height: 2.2rem;padding: 0 1.25rem; background-color:#490e67;display:block;float: left; margin: 0}
#ancillary .phone a {border: 0; line-height: 2.2rem;padding: 0; background-color:#490e67;display:block;float: left; margin: 0}

/* mobile */
#mobilenav,.menu{display: none}




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

.acs-resources {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.acs-resources>div:nth-child(1) {
  align-self: start;
  width: 21em;
}

.acs-resources>div:nth-child(2) {
  flex: 1 1 auto;
  padding: 0 3em;
}

.acs-resources>div:nth-child(3) {
  flex: 1 0 auto;
}



/* MAIN ------------------------------ */
main{padding-top: .5em}
main>div>aside{width:12rem; overflow:hidden;float: left;}

.home main {padding-top: 0;}
.home main .wrap {padding: 8em 0}

/* homepage */
.rotatorContainer {margin-top:calc(5.5em + 25px)}
.home .video, .welcome {text-align: left;padding: 0 2rem; float: left;}
.welcome {width: 60%}
.home .video {width: 40%}
.physician {width:40%;float:left;}
.homeEvents {width:50%;float:right;}
.homeNews, .homeBlog {color:#fff;float:left;width:50%;height:100%}



/* content */
#content{float:right;width:calc(100% - 15rem);padding:0 0 10em;overflow:hidden;min-height:600px;position:relative}
.callout {float: right; width: 19em; clear: right}

#content section { border-bottom: solid 1px #ccc; padding-bottom: 1em; margin-bottom: 1em; clear: both}

.threeImages, .twoImages {float:left; width: 100%}
.threeImages img {width: 31%; height: auto; margin:0 1%}
.twoImages img {width: 49%; height: auto; margin:0 .35%}

.homeEvents.News, .eventsButtons {float: left;width: 50%;margin-top: 2em;padding: 2%}
.eventsButtons {margin-top: 4em}
.eventsButtons {float: right;}
.donateButtons>a {width: 49%; margin-right: 2%;padding:1.5em 1em;font-size: 1.5em;}
.donateButtons a:nth-child(2) {margin-right: 0}
.eventsButtons {padding: 2%}
.newsButton {margin:2% 0;padding:1.5em 1em;font-size: 1.5em;}
.newsButton span {font-size: 1rem}

#content section.no-border{border: none;}
.fatFooter .partnership a {display: inline;}
.fatFooter .partnership img {max-height:4.5em;margin-right: 4%}
.askNowCallout .text span.button {white-space: nowrap;display: inline-block;float: right}
.askNowCallout .image {position: absolute;left: 0;top: 0;background: url(/images/home/ask-now.png) no-repeat left .5em top;width: 260px;height: 143px;background-size: 240px 143px;margin-top: -1em}
.askNowCallout .text {padding-left: 16em;display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

/* SUPPORT GROUP PAGE ----------------------*/
.support {position: relative;}
.support time {font-style: italic; font-size: .8em; position: absolute; right: 1em; top: .5em;}
.support :is(h1, h2.h1-style) {margin-bottom: 0}
.support p {margin-bottom: 0}
/* footer */
#web-solutions-exposure {float:right;margin-left:11px}
.fatFooter address{width: 30%;color:#333333}
.fatFooter .col2{width:30%}
.fatFooter .hours { margin-top: 2em}
.fatFooter .col3{width:40%;}
body>footer nav{display:inline;}

@media screen and (max-width: 1200px) {
    .donateButtons>a {padding:1em .5em;font-size: 1.3em;}
}


@media screen and (max-width: 1100px) {
  #mainnav a {padding: 0 .5em}


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

  .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 screen and (max-width: 1050px) {
    #brand {padding: 1.75em 1em;}
    #brand img {height: 2em;}
    .donateButtons>a {padding:1em 3em; font-size: 1.25em}
}

@media screen and (max-width: 1000px) {
    .welcome h1 {font-size: 2em}
}
@media screen and (max-width: 950px) {
    #mainnav a {font-size: .9em}
    .donateButtons>a {display: block; width: 100%; margin-bottom: 1em}
    .askNowCallout{padding: 1em 1em}
    .askNowCallout .text span.button {white-space:normal}
}

@media screen and (max-width: 900px) {
    #mainnav a {font-size: .8em}
}
@media screen and (max-width: 850px) {
    #brand {width: 3.8em; overflow: hidden}
    .tiltPhoto {height: 20em; margin-top: 6%;}
    .fatFooter address {width: 25%}
    body>footer nav {width: 25%}
    .fatFooter .partnership img {margin-bottom: .5em}
    .quote p {padding-right: 1em}

}


@media screen and (max-width:768px) {
    #mainnav li:nth-last-child(2) {right: 5em}
    .megaMenu .wrap .swapContent p {font-size: .9em; padding-right: 2em}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 1.5dppx) {
#brand{background-size: auto 2.5em;}
.stick #brand{background-size: auto 2em;}
}