/* Created by Jared Christensen @ Blue Compass Interactive */


/* Circle Mark */

.circle-mark { color: inherit; text-decoration: none;}
.circle-mark img { position: absolute; z-index: 5001; top: 450px; right: 32px; }
.circle-mark-text { display: none; position: absolute; z-index: 5000; top: 450px; right: 32px; padding: 16px 74px 16px 16px; margin: 0 74px 0 0; font-weight: 300; font-size: 1.375em; background: #fff; }
.circle-mark-text p { margin: 0; font-size: .875em; }

.circle-mark-text .blue { color: #019ac7; }
.circle-mark-text .purple { color: #91268f; }
.circle-mark-text .orange { color: #f48e3c; }

@media (max-width: 992px) {
  .circle-mark { display: none; }
}


/* highlighted text */

.highlighted-text { font-weight: 300; font-size: 2.375em; line-height: 1.25; color: #03559e; }
.highlighted-text span { display: inline-block; margin: 0 0 2px 0; padding: 0 8px; background: #fff; background: rgba(255, 255, 255, .7); }

.highlighted-text-blue { color: #fff; }
.highlighted-text-blue span { background: #9E2525; background: rgba(158, 37, 37, 0.75); }


/* slideshow */

.slideshow { overflow: hidden; height: 515px; background: #000; position: relative; }
.slideshow .slide { text-decoration: none; color: #fff; display: none; width: 100%; height: 515px; background: no-repeat center center; position: absolute; }
.slideshow .slide:first-child { display: block; }
.slideshow .text { position: absolute; bottom: 6em; left: 8em; width: 100%; }
.slideshow .text-inner { max-width: 976px; margin: 0 auto; padding: 0 16px; }
.slideshow h2 { margin: 0 0 0 32px; font-size: 2em; }
.slideshow p { font-weight: 300; font-size: 1.25em; line-height: 1.25; color: #fff; margin: 0 0 0 32px; padding: 4px 8px; max-width: 630px; background: #3a3939; background: rgba(0, 0, 0, .25); }

.slideshow .slideshow-nav { position: absolute; bottom: 2.375em; width: 100%; text-align: center; }
.slideshow .slideshow-nav span { display: inline-block; width: 1.125em; height: 1.125em; margin: .125em; border: 2px solid #fff; border-radius: 1.125em; }
.slideshow .slideshow-nav span.on {background: #fff; }
.slideshow .slideshow-nav span:hover { cursor: pointer; background: #03559e; }


@media (max-width: 760px) {
  .slideshow { height: 350px; }
  .slideshow .slide { height: 350px; background-size: auto 350px; }
  .slideshow .slideshow-nav { bottom: 0; }
  .slideshow .text { bottom: 38px; font-size: .75em; width: 100%; left: 0; bottom: 5em; }
  .slideshow h2 { margin: 0; margin: 0 0 2px 0; padding: 0 8px; background: #21692E; background: rgba(33, 105, 46, .9); }
  .slideshow p { margin: 0; }

  .slideshow .text br { display: none; }
  .slideshow span { display: inline; background: none; margin: 0; padding: 0; }
  .slideshow span:after{ content: ' ';}
}

/* module group */

.module-group { background: #fff; }
.module-group .module-group-inner { max-width: 992px; margin: -30px auto 0 auto; overflow: hidden; z-index: 900; position: relative; }
.module-group .module-group-inner.two-columns { max-width: 800px; }

.module-group .column-1 .column-inner { padding: 0 8px 0 16px; }
.module-group .column-2 .column-inner { padding: 0 8px; }
.module-group .column-3 .column-inner { padding: 0 16px 0 8px; }
.module-group .column-half .column-inner { padding: 0 8px; }

.module-news .slats a { text-decoration: none; display: block; margin: 1px 0; overflow: hidden; }
.module-news .slats a:hover { background: #eee; }
.module-news .slats img { float: left; width: 40%; }
.module-news .slats h2 { font-weight: 300; font-size: 1.25em; line-height: 1.2; color: #666; margin: 4px 8px 4px 41.99475065616798%; }
.module-news .slats h2 span { font-size: .8em; color: #019ac7; display: block; }

.module-classes .slats a { text-decoration: none; display: block; margin: 1px 0; overflow: hidden; }
.module-classes .slats a:hover { background: #eee; }
.module-classes .slats h2 { font-weight: 300; font-size: 1.25em; line-height: 1.2; color: #666; margin: 8px 16px; }
.module-classes .slats h2 span { font-size: .8em; color: #019ac7; display: block; }


/* wait times */

.module-wait-times .module-slides { overflow: hidden; text-align: center; }

.module-wait-times .module-slide { text-decoration: none; display: block; width: 100%;  float: left; margin: 0 -100% 0 0; background: #fff; visibility: hidden; }
.module-wait-times .module-slide:first-child { visibility: visible; }
.module-wait-times .module-slide:hover { text-decoration: none; background: #eee; }
.module-wait-times .module-slide-inner { padding: 16px; }

.module-wait-times .module-slide h2 { font-weight: 300; font-size: 1.375em; line-height: 1.1; color: #03559e; margin: 0 0 8px 0; }
.module-wait-times .module-slide h3 { font-weight: 400; font-size: 1.375em; line-height: 1.1; color: #03559e; margin: 0 0 8px 0; }
.module-wait-times .module-slide p { font-size: 1.125em; line-height: 1.1; color: #bfbfbf; margin: 0; }

.module-wait-times .module-nav { width: 100%; text-align: center; line-height: 0; padding: 4px; }
.module-wait-times .module-nav span { display: inline-block; width: 1em; height: 1em; margin: 0 0.125em; border: 2px solid #d8d8d8; border-radius: 1em; }
.module-wait-times .module-nav span.on { background: #d8d8d8; }
.module-wait-times .module-nav span:hover { cursor: pointer; background: #03559e; }



/* promo */

.promo { background: #fff; }
.promo h1 { font-weight: 300; font-size: 2.125em; line-height: 1.2; color: #fff; margin: 0; padding: 5px 0; background: #3a3939; }
.promo h1 span { display: block; max-width: 960px; margin: 0 auto; padding: 0 16px; }
.promo .promo-inner { max-width: 960px; margin: 0 auto; padding: 1em 16px 3em 16px; overflow: hidden; }
.promo h2 { font-weight: 300; font-size: 1.5625em; margin: 0 0 .3125em 0; line-height: 1.25; }
.promo p { font-weight: 300; font-size: 1.25em; }
.promo .promo-text { float: left; width: 40%; }
.promo .promo-text-innner { margin: 1em 1em 1em 0; }
.promo .promo-text-innner a { text-decoration: underline; color: #019ac7; }
.promo .promo-text-innner a:hover { text-decoration: underline; color: #02c0fa; }

.promo figure { float: left; width: 60%; margin: .25em 0; }
.promo figure.half { width: 30%; }
.promo figure a { text-decoration: none; display: block; border: 2px solid #fff; }

.promo figure img { vertical-align: top; }
.promo figcaption { font-size: 1.25em; text-align: center; padding: 8px; color: #666; background: #d8d8d8; }
.promo figure a:hover figcaption { background: #bfbfbf; }

.promo-orange h1 { background: #f48e3c; }
.promo-orange h2 { color: #f48e3c; }

.promo-purple h1 { background: #91268f; }
.promo-purple h2 { color: #91268f; }

.promo-blue h1 { background: #019ac7; }
.promo-blue h2 { color: #019ac7; }


.image-section { min-height: 450px; background: center 0 fixed no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; box-shadow: inset 0 0 10px #444; }
.image-section-inner { max-width: 960px; margin: 0 auto; padding: 0 16px; }
.image-section .highlighted-text { padding: 220px 0 0 0; text-align: right; }
.image-1 { background-image: url(/images/loring/doctor.jpg); }
.image-2 { background-image: url(/images/loring/laura.jpg); }
.image-3 { background-image: url(/images/loring/doctor-with-patient-2.jpg); }
.image-4 { background-image: url(/images/loring/doctor-with-patient.jpg); }
.image-5 { background-image: url(/images/loring/family.jpg); }

.text-section { background: #fff; }
.text-section-inner { max-width: 832px; margin: 0 auto; padding: 3em 4em; }
.text-section h1 { font-weight: 300; font-size: 2.375em; color: #03559e; margin: 0; }
.text-section h2 {  font-size: 1.375em; margin: 0; }
.text-section p { font-size: 1.25em; margin: 0 0 1em 0; }
.text-section ul { font-size: 1.25em; }
.text-section ol { font-size: 1.25em; }
.text-section a { text-decoration: underline; color: #019ac7; }
.text-section a:hover { text-decoration: underline; color: #02c0fa; }



@media (max-width: 760px) {

  .module-group .module-group-inner { margin: 0; padding: 16px 0; }
  .module-group .columns .column { float: none; width: 100%; }

  .module img { display: none; }
  .module-news .slats img { display: block; }

  .module-promo { display: none; }

  .promo .promo-text { float: none; width: 100%; }
  .promo figure { width: auto !important; }
  .promo figure.half { width: 100%; }

  .image-section { display: none; }

  .text-section-inner { padding: 16px; }

}

@media only screen and (max-device-width:1024px){
  
  .image-section { background-attachment:scroll; }
  
}