@charset "utf-8";
/* CSS Document */

/*//////////////////////////
// filename: patients_families.css
// author: Tristan Dwyer, WhiteRhino
// last mod: Dec 2015
// notes: This controls styles on the Patients & Families section of the site
//          as part of a redesign of this section by WhiteRhino in 2015-2016
//          primary owner is Frances Donovan, PHS Web Dev for BWH (FJD6)
//////////////////////////*/

/* ############ Colors ############ */
/* ############ Fonts ############ */

/* ############ ICON FONTS ############ */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?4ng2qb");
  src: url("../fonts/icomoon.eot?4ng2qb#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?4ng2qb") format("truetype"), url("../fonts/icomoon.woff?4ng2qb") format("woff"), url("../fonts/icomoon.svg?4ng2qb#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.patients-families .icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.patients-families .icon-pc-heart:before {
  content: "\e900";
}

/* ############ END ICON FONTS ############ */


.patients-families .font-futura, 
.patients-families a.button,
.patients-families a.button:link,
.patients-families a.button:visited, 
.patients-families .callouts-list 
.patients-families .callout__title, 
.patients-families .callouts-list .callout__cta, 
.patients-families .content-slider .caption__title, 
.patients-families .content-slider .pagination a, 
.patients-families .hero__caption, 
.patients-families .highlights .highlight__title, 
.patients-families .img-blocks .img-block__title, 
.patients-families .img-blocks .img-block__cta, 
.patients-families .section-title, 
.patients-families .sidenav__title, 
.patients-families .text-block__title {
  font-family: "futura-pt", sans-serif;
  font-style: normal;
  font-weight: 400; }

.patients-families .font-aaux,
.patients-families .bw-icon-chevron-right:before,
.patients-families .bw-icon-chevron-down:before {
  font-family: "aaux-next", sans-serif;
  font-style: normal;
  font-weight: 700; }

.patients-families .font-verdana, 
.patients-families .sidenav__links a {
  font-family: Verdana, Geneva, sans-serif;
  font-style: normal;
  font-weight: normal; }

/* ############ Icons ############ */
.patients-families .bw-icon {
  font-family: "aaux-next", sans-serif !important;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.patients-families .bw-icon:before {
    vertical-align: baseline;
  }
.patients-families .bw-icon--orange {
    color: #ff6633;
  }

.patients-families .bw-icon-chevron-right {
  font-size: .8em; 
}
.patients-families .bw-icon-chevron-right:before {
  content: ">";
  display: inline-block; 
}

.patients-families .bw-icon-chevron-down {
  font-size: .8em;
}
.patients-families .bw-icon-chevron-down:before {
    content: ">";
    display: inline-block;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);

}
.patients-families img {
    width: 100%;
    max-width: 100%;
}

/* ############ TODO: Start Remove ############ */
/*#navigation {
    visibility: hidden;
}*/
/* ############ TODO: End Remove ############ */
/* ############ Elements ############ */
body .patients-families {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.patients-families .content-box {
  /*padding: 20px 20px 0 20px;*/
  padding: 15px 0 0 5px;
  box-sizing: border-box;
}
.patients-families .content-box__headline {
  margin-bottom: 20px;

}
.patients-families .content-box * {
  box-sizing: border-box;
}

.patients-families .content-box #introduction {
	position:relative;
	display:block;
	width:960px;
	height:auto;
	background:#00414F;
	/*border-bottom:1px solid #00414F;	*/
	/*border-bottom: 1px solid red;*/
}

.patients-families hr.styled {
  border: none;
  border-top: 1px solid #aeaeae;
  color: #fff;
  background-color: #fff;
  height: 1px;
  margin: 45px 0 25px 0; }
  hr.styled.dotted {
    border-style: dotted !important; }

.patients-families a.button,
.patients-families a.button:link,
.patients-families a.button:visited {
  background-color: #f0f1ec;
  color: #1a56a7 !important;
  display: block;
  padding: 0 20px;
  text-align: center;
  font-size: 28px !important;
  font-weight: 400;
  line-height: 26px;
  -webkit-transition-property: background-color color -webkit-transform;
          transition-property: background-color color transform;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  height: 111px;
  line-height: 111px;
}
.patients-families a.button .bw-icon,
.patients-families a.button:link .bw-icon,
.patients-families a.button:visited .bw-icon {
    color: #ff6633;
    -webkit-transition-property: -webkit-transform;
            transition-property: transform;
    -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
}
.patients-families a.button .bw-icon:before,
.patients-families a.button:link .bw-icon:before,
.patients-families a.button:visited .bw-icon:before {
  -webkit-transition-property: -webkit-transform;
          transition-property: transform;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.patients-families a.button:hover,
.patients-families a.button:link:hover,
.patients-families a.button:visited:hover {
  text-decoration: none !important;
  background-color: #1a56a7 !important;
  color: #fff !important;
}
.patients-families a.button:hover .bw-icon:before,
.patients-families a.button:link:hover .bw-icon:before,
.patients-families a.button:visited:hover .bw-icon:before {
  -webkit-transform: translate(5px, 0) !important;
      -ms-transform: translate(5px, 0) !important;
          transform: translate(5px, 0) !important;
}
.patients-families a.button.button--short,
.patients-families a.button:link.button--short,
.patients-families a.button:visited.button--short {
  height: 60px;
  line-height: 60px;
  font-size: 22px !important;
}
.patients-families a.button.button--double,
.patients-families a.button:link.button--double,
.patients-families a.button:visited.button--double {
  box-sizing: border-box;
  width: 49%;
  float: left;
  padding: 0 10px;
  margin-right: 2%;
  font-size: 17px !important;
  line-height: 20px;
  height: 60px;
  line-height: 60px;
}
.patients-families a.button.button--double:last-of-type {
  margin-right: 0;
}
.patients-families a.button:hover.button--double {
  text-decoration: none !important;
  background-color: #1a56a7 !important;
  color: #fff !important;
}

.patients-families a.button--blue:link, .patients-families a.button--blue:visited {
  background-color: #1a56a7 !important;
  color: #fff !important;
}
.patients-families a.button--blue:link:hover, .patients-families a.button--blue:visited:hover {
  text-decoration: none !important;
  background-color: #ff6633 !important;
  color: #fff !important;
}
.patients-families a.button--blue:link:hover .bw-icon, .patients-families a.button--blue:visited:hover .bw-icon {
  color: #1a56a7;
}

.patients-families .legal {
  color: #333333;
  font-size: 10px;
  margin-top: 40px;
  margin-bottom: 30px;
}

.patients-families .clearfix:after,
.patients-families .callouts-list:after,
.patients-families .content-row:after,
.patients-families .highlights:after,
.patients-families .img-blocks .img-block__wrap:after {
  content: "";
  display: table;
  clear: both;
}

/* ############ Modules ############ */
.patients-families .callouts-list .callout {
  width: 215px;
  height: 274px;
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 20px;
  margin-top: 20px;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.patients-families .callouts-list .callout:nth-child(4n) {
  margin-right: 0;
}
.patients-families .callouts-list .callout__content {
  background-color: rgba(240, 241, 236, 0.9);
  padding: 0 19px 24px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 210px;
  -webkit-transition-property: top;
          transition-property: top;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  display: block;
}
.patients-families .callouts-list .callout__header {
  height: 64px;
  position: relative;
  display: block;
}
.patients-families .callouts-list .callout__title {
  color: #1a56a7;
  font-size: 17px;
  line-height: 1;
  font-weight: 500;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
}
.patients-families .callouts-list .callout .bw-icon {
  position: absolute;
  right: 0;
  top: 18px;
  font-size: 30px;
  color: #1a56a7;
  -webkit-transition-property: -webkit-transform color;
          transition-property: transform color;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.patients-families .callouts-list .callout__text {
  padding-top: 27px;
  display: block;
}
.patients-families .callouts-list .callout__text-block {
  margin: 0 0 1em 0;
  padding: 0;
  font-size: 12px;
  color: #1a56a7;
  line-height: 16px;
  display: block; 
}
.patients-families .callouts-list .callout__cta {
  color: #ff6633 !important;
  font-size: 17px !important;
  display: block;
}
.patients-families .callouts-list .callout__cta:hover {
  text-decoration: underline;
}
.patients-families .callouts-list .callout--open .callout__content {
  top: 0;
}
.patients-families .callouts-list .callout--open .bw-icon {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  color: #ff6633;
}

.patients-families .content-slider {
  position: relative;
  width: 920px;
  height: 336px; 
}
.patients-families .content-slider .sliderwrapper {
  width: 920px;
  height: 336px;
  overflow:hidden; /*WR - added hidden overflow*/
}

.patients-families .content-slider .sliderwrapper .photo {
  width: 920px;
  height: 336px; 
}
.patients-families .content-slider .sliderwrapper .photo img {
  display: block; 
}
.patients-families .content-slider .sliderwrapper .contentdiv {
  width: 920px;
  height: 336px;
  /*position: relative;*/ /*WR - remove positioning*/
}
.patients-families .content-slider .caption {
  position: absolute;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  left: 50px;
  max-width: 350px;
}
.patients-families .content-slider .caption__title {
  color: #01879D;
  font-size: 40px;
  line-height: 45px;
  margin: 0;
  padding: 0;
}
.patients-families .content-slider .caption__title.white {
  color: white;
}
.patients-families .content-slider .caption__cta {
  border: none;
  border-radius: 5px;
  background-color: #ff6633 !important;
  color: #fafafa !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  padding: 9px 14px;
  margin-top: 30px;
  display: inline-block;
  -webkit-transition-property: background-color color;
          transition-property: background-color color;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.patients-families .content-slider .caption__cta:hover {
  background-color: #fafafa !important;
  color: #ff6633 !important;
}
.patients-families .content-slider .pagination {
  top: 282px;
  bottom: 20px;
  right: 20px;
  left: auto;
  width: 920px;
  text-align: right; 
  position: absolute;
}
.patients-families .content-slider .pagination a {
  display: inline-block;
  float: none;
  height: 33px;
  width: 33px;
  line-height: 33px !important;
  background-color: rgba(255, 102, 51, 0.65);
  font-size: 20px !important;
  font-weight: 400 !important;
  text-align: center;
  color: #fff !important;
  padding: 0;
  margin: 0 2px;
  border: none;
}
.patients-families .content-slider .pagination a.selected {
  background-color: #ff6633;
}
.patients-families .content-row .content-col-3 {
  float: left;
  width: 213px;
}
.patients-families .content-row .content-col-9 {
  float: left;
  width: 684px;
}
.patients-families .content-row .float-left {
  float: left;
}
.patients-families .content-row .float-right {
  float: right;
}

.patients-families .hero {
  position: relative;
  margin-bottom: 10px;
}
.patients-families .hero__caption {
  position: absolute;
  left: 36px;
  bottom: 45px;
  color: #fff;
  font-size: 40px;
  font-weight: 300;
  line-height: 45px;
  width: 430px;
}

.patients-families .highlights .highlight {
  width: 216px;
  float: left;
  margin-right: 11px;
}
.patients-families .highlights .highlight__title {
  font-size: 19px !important;
  font-weight: 400 !important;
  line-height: 21px !important;
  color: #1a56a7 !important;
  margin: 16px 0 8px !important;
  display: block;
  -webkit-transition-property: color;
          transition-property: color;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.patients-families .highlights .highlight__title:hover {
  color: #ff6633 !important;
  text-decoration: none !important;
}
.patients-families .highlights .highlight__text {
  color: #333333;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.patients-families .highlights .highlight__text ul {
  margin: 16px 0 0 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
  list-style-position: outside !important;
}
.patients-families .highlights .highlight__text ul li {
  padding: 0 0 0 10px !important;
  margin: 10px 0 0 0 !important;
  background: none !important;
  line-height: 100% !important;
}
.patients-families .highlights .highlight__text ul li:before {
  font-family: "aaux-next", sans-serif !important;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ff6633;
  vertical-align: baseline;
  content: ">";
  display: inline-block;
  position: absolute;
  left: 0;
  font-size: 9px;
  top: 1px;
}
.patients-families .highlights .highlight__text ul a {
  color: #1a56a7 !important;
  -webkit-transition-property: color;
          transition-property: color;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.patients-families .highlights .highlight__text ul a:hover {
  color: #ff6633 !important;
  text-decoration: none !important;
}
.patients-families .highlights .highlight:nth-child(3n) {
  margin-right: 0;
}

.patients-families .icon-callouts {
  border-top: 1px solid #f0f1ec;
  width: 675px;
  float: left;
}
.patients-families .icon-callouts .icon-callout {
  text-align: center;
  width: 225px;
  height: 225px;
  float: left;
  font-family: Verdana, Geneva, sans-serif !important;
  text-decoration: none;
  padding: 40px 20px 0 20px;
  border-left: 1px solid #f0f1ec;
  border-bottom: 1px solid #f0f1ec;
}
.patients-families .icon-callouts .icon-callout__icon {
  width: 55px;
  height: 55px;
  display: inline-block;
  text-align: center;
  background-color: #f0f1ec;
  border-radius: 50%;
  font-size: 24px;
  margin-bottom: 25px;
  color: #1a56a7;
  -webkit-transition-property: background-color color;
          transition-property: background-color color;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  position: relative;
}
.patients-families .icon-callouts .icon-callout__icon .icon {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  text-align: center;
}
.patients-families .icon-callouts .icon-callout__icon .icon-front,
.patients-families .icon-callouts .icon-callout__icon .icon-back {
  position: absolute;
  margin: auto;
  width: 55px;
  height: 55px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition-property: background-color color;
          transition-property: background-color color;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.patients-families .icon-callouts .icon-callout:hover .icon-callout__icon .icon-front {
  opacity: 0;
}

.patients-families .icon-callouts .icon-callout__title {
  color: #1a56a7;
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 16px;
  -webkit-transition-property: color;
          transition-property: color;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  display: block;
}
.patients-families .icon-callout * {
  text-decoration: none !important;
}
.patients-families .icon-callouts .icon-callout__text {
  color: #333333;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  display: block;
}
.patients-families .icon-callouts .icon-callout__text a {
  color: #1a56a7 !important;
    -webkit-transition-property: color;
          transition-property: color;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.patients-families .icon-callouts .icon-callout__text a:hover {
  color: #ff6633 !important;
}


.patients-families .icon-callouts .icon-callout:hover {
  text-decoration: none !important;
}
.patients-families .icon-callouts .icon-callout:hover .icon-callout__icon {
  background-color: #ff6633;
  color: #fff;
}
.patients-families .icon-callouts .icon-callout:hover .icon-callout__title {
  color: #ff6633;
}
.patients-families .icon-callouts--2up {
  width: 450px;
}
.patients-families .icon-callouts--2up .icon-callout {
  width: 183px;
  height: 202px;
}
.patients-families .icon-callouts--slim {
  width: 670px;
  overflow: hidden; /* added by WR 1-11-16*/
  float: none; /* added by WR 1-11-16*/
}
.patients-families .icon-callouts--slim .icon-callout {
  width: 182px;
  height: 200px;
}
.patients-families .icon-callouts--closed {
  border-right: 1px solid #f0f1ec;
}

.patients-families .img-blocks {
  border-top: 1px dotted #aeaeae;
  border-bottom: 1px dotted #aeaeae;
  padding-bottom: 20px;
  margin-bottom: 40px;
  margin-top: 40px;
}
.patients-families .img-blocks .img-block {
  margin-bottom: 20px;
  border-bottom: 1px dotted #aeaeae;
  margin-top: 20px;
  display: block;
  /*&:first {
          margin-top: 0;
      }*/
}
.patients-families .img-blocks .img-block__img {
  width: 216px;
  float: left;
}
.patients-families .img-blocks .img-block__img img {
  display: block;
}
.patients-families .img-blocks .img-block__wrap {
  margin-bottom: 20px;
  -webkit-transition-property: background-color;
          transition-property: background-color;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  position: relative;
  display: block;
}
.patients-families .img-blocks .img-block__content {
  float: left;
  width: 414px;
  left: 216px;
  padding: 0 20px 0 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
}
.patients-families .img-blocks .img-block__title {
  color: #1a56a7;
  font-size: 20px;
  font-weight: 400;
  line-height: 21px;
  display: block;
}
.patients-families .img-blocks .img-block__text {
  margin: 8px 0 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  display: block;
  color: #333333;
}
.patients-families .img-blocks .img-block__cta {
  color: #ff6633 !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 21px;
  display: inline-block;
}
.patients-families .img-blocks .img-block__cta:hover {
  text-decoration: underline;
}
.patients-families .img-blocks .img-block:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.patients-families .img-blocks .img-block:last-child .img-block__wrap {
  margin-bottom: 0;
}
.patients-families .img-blocks .img-block:hover .img-block__wrap {
  background-color: #f0f1ec;
}

.patients-families .section-title {
  text-transform: uppercase;
  font-size: 28px;
  text-align: center;
  color: #0187a2;
  margin: 0 0 0 0;
}
.patients-families .section-title--pad {
  margin-bottom: 30px;
}

.patients-families .sidenav {
  background: #f0f1ec;
  float: left;
  width: 245px;
  padding: 23px 19px; 
}
.patients-families .sidenav--slim {
  width: 182px;
}
.patients-families .sidenav__title {
  text-transform: uppercase;
  font-size: 22px;
  color: #0187a2;
  margin-bottom: 20px;
}
.patients-families .sidenav__text {
  color: #333333;
  padding: 0 0 20px;
}
.patients-families .sidenav__links {
  list-style-position: outside !important;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.patients-families .sidenav__links li {
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.patients-families .sidenav__links a {
  display: block;
  padding: 23px 16px 23px 0;
  color: #1a56a7 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 20px;
  border-top: 1px dotted #aeaeae;
  position: relative;
  -webkit-transition-property: color;
          transition-property: color;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.patients-families .sidenav__links li:last-of-type a {
  border-bottom: 1px dotted #aeaeae;
}
.patients-families .sidenav__links a:before {
  font-family: "aaux-next", sans-serif !important;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ff6633;
  vertical-align: baseline;
  content: ">";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.patients-families .sidenav__links a:hover {
  color: #ff6633 !important;
  text-decoration: none !important;
}

.patients-families .text-block__title {
  color: #0187a2;
  font-size: 22px;
  font-weight: 300;
  line-height: 26px;
  text-align: left;
  margin-bottom: 10px;
}

.patients-families .text-block__text {
  color: #333333;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
/*# sourceMappingURL=style-prefixed.css.map */