/*!
Theme Name: A Mother's Heart
Theme URI: https://a-mothers-heart.org
Description: Custom Theme for A Mother's Heart
Author: Umlaut
Author URI: https://umlaut.co
Version: 1.0

*/
/* CSS RESET  ------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Crimson+Text:400italic);
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  overflow-y: scroll; }

html {
  -webkit-font-smoothing: antialiased; }

:focus, a:active, a:selected {
  outline: 0;
  border: 0;
  ie-dummy: expression(this.hideFocus=true); }

a:active, a:selected, a:visited {
  border: none;
  outline: none;
  -moz-outline-style: none; }

iframe, object, embed {
  max-width: 100%; }

/* UTILITIES  ------------------------------------------------------------------*/
/* Clearfix ------- */
.clearfix {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

/* Utility Classes ------- */
.left {
  float: left; }

.right {
  float: right; }

.hide {
  display: none; }

/* COLORS  ------------------------------------------------------------------*/
/* TYPOGRAPHY  ------------------------------------------------------------------*/
html {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #808ba2; }

body {
  font-size: 1.5em;
  /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #808ba2; }

/* Font icons  ------------------------------------------------------------------*/
@font-face {
  font-family: "amh-icons";
  src: url("../fonts/amh-icons/amh-icons.eot");
  src: url("../fonts/amh-icons/amh-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/amh-icons/amh-icons.woff") format("woff"), url("../fonts/amh-icons/amh-icons.ttf") format("truetype"), url("../fonts/amh-icons/amh-icons.svg#amh-icons") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "amh-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "amh-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-chevron-right:before {
  content: "c"; }

.icon-right:before {
  content: "b"; }

.icon-logo-icon:before {
  content: "a"; }

/* All general content-based text styles  ------------------------------------------------------------------*/
h1 {
  font-family: "Crimson Text", Georgia, serif;
  font-style: italic;
  margin: 0 0 25px;
  margin: 0 0 2.5rem;
  padding: 0;
  font-weight: 200;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.15;
  letter-spacing: -.02em;
  color: #ea627e; }

h2 {
  font-family: "Crimson Text", Georgia, serif;
  font-style: italic;
  margin: 0 0 4px;
  margin: 0 0 0.4rem;
  padding: 0;
  font-weight: 200;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.15;
  letter-spacing: -.01em;
  color: #939cb0; }

h3 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 4px;
  margin: 0 0 0.4rem;
  padding: 0;
  font-weight: 800;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.15;
  color: #ea627e; }

p {
  margin: 0 0 15px 0;
  margin: 0 0 1.5rem 0;
  font-weight: 400;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.35;
  color: #808ba2; }

/* Unordered Lists */
ul {
  list-style-type: none;
  padding: 0 0 0 1px;
  margin: 0 0 19px 0;
  font-weight: 400;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.35;
  color: #808ba2; }
  ul li {
    position: relative;
    margin: 0 0 20px 0;
    margin: 0 0 2rem 0;
    padding-left: 15px;
    padding-left: 1.5rem; }
    ul li:before {
      position: absolute;
      top: 4px;
      top: .4rem;
      left: 0;
      font-family: "amh-icons";
      content: 'c';
      font-size: 12px;
      font-size: 1.2rem;
      color: #caced8; }
  ul ul {
    margin-top: 6px;
    margin-top: .6rem; }
    ul ul li {
      margin: 0 0 6px 0;
      margin: 0 0 .6rem 0; }

/* Link Styles */
a:link {
  color: #ea627e;
  text-decoration: none; }
a:visited {
  color: #ea627e;
  text-decoration: none; }
a:hover {
  color: #ea627e;
  text-decoration: underline; }
a:active {
  color: #ea627e;
  text-decoration: underline; }

/* Selection Highlight Styles */
::-moz-selection {
  color: #fff;
  background: #ea627e; }

::selection {
  color: #fff;
  background: #ea627e; }

/* STRUCTURE  ------------------------------------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Base Block Elements  -------------------------------- */
html {
  font-size: 62.5%; }

body {
  padding: 0;
  background: #fff; }

#page-background {
  position: relative;
  width: 100%;
  height: 0;
  max-width: 1160px;
  margin: 0 auto;
  text-align: right;
  z-index: 0; }
  .ltie9 #page-background {
    width: 1160px; }
  @media only screen and (min-width: 980px) and (max-width: 1024px) {
    #page-background img {
      width: 62%;
      height: auto; } }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    #page-background img {
      width: 63.1%;
      height: auto; } }
  @media only screen and (max-width: 767px) {
    #page-background {
      display: none; } }

#wrapper {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 0;
  opacity: 1;
  -webkit-transition: opacity 0.125s linear;
  -moz-transition: opacity 0.125s linear;
  -o-transition: opacity 0.125s linear;
  transition: opacity 0.125s linear; }
  #wrapper.blur {
    opacity: .3; }
  @media screen and (min-width: 1024px) {
    #wrapper {
      background: url(../images/shared/bg-shadow.png) repeat-y center top; } }

#page-content .inner-wrapper {
  position: relative;
  max-width: 1024px;
  padding: 52px 30px;
  padding: 5.2rem 3rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .ltie9 #page-content .inner-wrapper {
    width: 1024px; }
  @media only screen and (max-width: 1024px) {
    #page-content .inner-wrapper {
      padding: 3.5rem 4rem; } }
  @media only screen and (max-width: 479px) {
    #page-content .inner-wrapper {
      padding: 35px 25px;
      padding: 3.5rem 2.5rem; } }
#page-content .sidebar h3:first-child {
  padding: 17px 0 30px;
  padding: 1.7rem 0 3rem; }

/* BUTTONS  ------------------------------------------------------------------*/
/* Global button styles */
.button-outline {
  display: inline-block;
  border: 1px solid #ea627e;
  margin: 0 6px 10px 0;
  padding: 4px 8px;
  font: 600 13px/15px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #ea627e;
  letter-spacing: 0em;
  text-align: center;
  background: none;
  -webkit-transition: background 0.125s linear;
  -moz-transition: background 0.125s linear;
  -o-transition: background 0.125s linear;
  transition: background 0.125s linear; }
  .button-outline:link, .button-outline:visited {
    color: #ea627e;
    text-decoration: none; }
  .button-outline:hover, .button-outline:active {
    color: #fff;
    text-decoration: none !important;
    background: #ea627e;
    -webkit-transition: all 0.125s linear;
    -moz-transition: all 0.125s linear;
    -o-transition: all 0.125s linear;
    transition: all 0.125s linear; }
  .button-outline.small {
    padding: 3px 6px;
    font: 600 11px/12px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-width: 2px; }
  .button-outline.large {
    padding: 8px 16px;
    margin: 15px 5px 15px 0;
    font: 400 18px/20px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* MOBILE NAV  ----------------------------------------------------------------------*/
#mobile-nav {
  position: absolute;
  top: 42px;
  width: 100%;
  z-index: 1000; }
  #mobile-nav #mobile-nav-menu {
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 25px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.1;
    color: #ccc;
    letter-spacing: normal;
    text-transform: none;
    list-style-type: none;
    background: #ea627e;
    display: none;
    text-align: left; }
    #mobile-nav #mobile-nav-menu li {
      width: 100%;
      margin: 0;
      padding: 0;
      background: none; }
      #mobile-nav #mobile-nav-menu li:before {
        top: 22px;
        top: 2.2rem;
        left: 10px;
        left: 1rem;
        color: #fff;
        opacity: 1; }
    #mobile-nav #mobile-nav-menu a {
      display: block;
      margin: 0;
      padding: 18px 30px;
      padding: 1.8rem 3rem;
      border: none;
      background: #ea627e;
      border-bottom: 1px solid #f08fa3;
      color: #fff;
      -webkit-transition: all 0.125s linear;
      -moz-transition: all 0.125s linear;
      -o-transition: all 0.125s linear;
      transition: all 0.125s linear; }
      #mobile-nav #mobile-nav-menu a:link, #mobile-nav #mobile-nav-menu a:visited {
        opacity: .7;
        text-decoration: none; }
      #mobile-nav #mobile-nav-menu a:hover, #mobile-nav #mobile-nav-menu a:active {
        opacity: 1; }

#mobile-nav-trigger {
  position: absolute;
  top: 2px;
  top: .2rem;
  right: 25px;
  right: 2.5rem;
  margin: 0;
  padding: 0;
  opacity: .6;
  display: none;
  -webkit-transition: opacity 0.125s linear;
  -moz-transition: opacity 0.125s linear;
  -o-transition: opacity 0.125s linear;
  transition: opacity 0.125s linear;
  /* Extend for the 'Home' page */ }
  #mobile-nav-trigger:before {
    content: "d";
    font-family: "amh-icons";
    font-weight: 200;
    font-size: 25px;
    font-size: 2.5rem;
    color: #fff; }
  #mobile-nav-trigger:hover {
    color: #fff;
    text-decoration: none;
    opacity: 1; }
  body.home #mobile-nav-trigger {
    color: #939cb0; }
  @media only screen and (max-width: 767px) {
    #mobile-nav-trigger {
      display: block; } }

/* TOP BAR  ----------------------------------------------------------------------*/
#top-bar {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 42px;
  background: #ea627e;
  text-align: center;
  top: -42px;
  -webkit-transition: all 0.125s linear;
  -moz-transition: all 0.125s linear;
  -o-transition: all 0.125s linear;
  transition: all 0.125s linear; }
  #top-bar.sticky {
    top: 0; }
  #top-bar .inner-wrapper {
    position: relative;
    max-width: 1024px;
    padding: 8px 30px;
    padding: .8rem 3rem;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    @media only screen and (max-width: 479px) {
      #top-bar .inner-wrapper {
        padding: 8px 25px;
        padding: .8rem 2.5rem; } }
  #top-bar .icon-logo-icon {
    display: block;
    position: absolute;
    top: -2px;
    top: -.2rem;
    color: #fff;
    opacity: .5;
    font-size: 35px;
    font-size: 3.5rem;
    float: left; }
  #top-bar .warmline-number {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.15;
    letter-spacing: -.05em;
    color: #fff; }
    #top-bar .warmline-number a:link {
      color: #fff;
      text-decoration: none; }
    #top-bar .warmline-number a:visited {
      color: #fff;
      text-decoration: none; }
    #top-bar .warmline-number a:hover {
      color: #fff;
      text-decoration: none; }
    #top-bar .warmline-number a:active {
      color: #fff;
      text-decoration: none; }

/* HEADER  ------------------------------------------------------------------*/
#page-header .inner-wrapper {
  position: relative;
  max-width: 1024px;
  padding: 23px 30px 130px;
  padding: 2.3rem 3rem 13.5rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .ltie9 #page-header .inner-wrapper {
    width: 1024px; }
  @media only screen and (max-width: 1024px) {
    #page-header .inner-wrapper {
      padding: 2.3rem 4rem 8rem; } }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    #page-header .inner-wrapper {
      padding-bottom: 4rem; } }
  @media only screen and (max-width: 767px) {
    #page-header .inner-wrapper {
      padding: 3.5rem 4rem; } }
#page-header h2 {
  width: 46%; }
  @media only screen and (max-width: 767px) {
    #page-header h2 {
      width: 100%; } }

a#logo {
  display: block;
  width: 38%;
  margin: 80px 0 53px 0;
  margin: 8rem 0 5.3rem 0; }
  @media only screen and (min-width: 980px) and (max-width: 1024px) {
    a#logo {
      margin: 6rem 0 4.9rem 0;
      width: 35%; } }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    a#logo {
      margin: 5.5rem 0 3.8rem 0; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    a#logo {
      margin: 1.5rem 0;
      width: 65%; } }
  @media only screen and (max-width: 479px) {
    a#logo {
      margin: 1rem 0 1.5rem 0;
      width: 100%; } }
  a#logo img {
    width: 100%;
    height: auto; }

/* FOOTER  ------------------------------------------------------------------*/
#page-footer {
  margin: 0;
  padding: 0;
  background: #939cb0;
  /* Copyright/Legal ------ */ }
  @media screen and (min-width: 1024px) {
    #page-footer {
      background: #939cb0 url(../images/shared/bg-shadow.png) repeat-y center top; } }
  #page-footer .inner-wrapper {
    position: relative;
    max-width: 1024px;
    padding: 23px 30px 18px;
    padding: 2.3rem 3rem 2.3rem;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .ltie9 #page-footer .inner-wrapper {
      width: 1024px; }
    @media only screen and (max-width: 479px) {
      #page-footer .inner-wrapper {
        padding: 10px 25px;
        padding: 1rem 2.5rem;
        background-position: 4rem 1.7rem; } }
  #page-footer .icon-logo-icon {
    position: absolute;
    top: 0;
    color: #fff;
    opacity: .5;
    font-size: 53px;
    font-size: 5.3rem;
    float: left; }
    @media only screen and (max-width: 479px) {
      #page-footer .icon-logo-icon {
        position: relative;
        display: block;
        margin: -10px auto -17px;
        margin: -1rem auto -1.7rem;
        float: none;
        text-align: center; } }
  #page-footer .copyright {
    margin: 16px 0 0 68px;
    margin: 1.6rem 0 0 6.8rem;
    font-weight: 400;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #808ba2;
    color: #e7e9ed; }
    @media only screen and (max-width: 479px) {
      #page-footer .copyright {
        width: 100%;
        margin: 0;
        text-align: center; } }

/* HOME PAGE  ------------------------------------------------------------------*/
.home {
  /* Mobile Portrait only - Lets users know there's additional content to scroll to. */
  /* First block of content: Overview and Partners List. */
  /* Second block of content: Symptoms and Resources Lists. */
  /* Go full-width with all columns for mobile */ }
  .home #call-out {
    padding: 0;
    background: #ea627e;
    color: #fff; }
    @media screen and (min-width: 1024px) {
      .home #call-out {
        background: #ea627e url(../images/shared/bg-shadow.png) repeat-y center top; } }
    .home #call-out .inner-wrapper {
      position: relative;
      max-width: 1024px;
      padding: 19px 30px;
      padding: 1.9rem 3rem;
      margin: 0 auto;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .ltie9 .home #call-out .inner-wrapper {
        width: 1024px; }
      @media only screen and (max-width: 1024px) {
        .home #call-out .inner-wrapper {
          padding: 1.9rem 4rem; } }
    .home #call-out h3 {
      font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: 0 0 8px;
      margin: 0 0 0.8rem;
      padding: 0;
      font-weight: 600;
      font-size: 22px;
      font-size: 2.2rem;
      letter-spacing: -0.01em;
      color: #fff; }
      @media only screen and (max-width: 479px) {
        .home #call-out h3 {
          font-size: 1.8rem; } }
    .home #call-out .warmline-number {
      font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 200;
      font-size: 70px;
      font-size: 7rem;
      line-height: 1.15;
      letter-spacing: -.05em;
      color: #fff; }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .home #call-out .warmline-number {
          font-size: 6rem; } }
      @media only screen and (max-width: 479px) {
        .home #call-out .warmline-number {
          font-size: 3.5rem; } }
      .home #call-out .warmline-number a:link {
        color: #fff;
        text-decoration: none; }
      .home #call-out .warmline-number a:visited {
        color: #fff;
        text-decoration: none; }
      .home #call-out .warmline-number a:hover {
        color: #fff;
        text-decoration: none; }
      .home #call-out .warmline-number a:active {
        color: #fff;
        text-decoration: none; }
  .home #continue-btn {
    position: relative;
    display: block;
    margin: 20px auto 0 auto;
    text-align: center;
    font-weight: 800;
    display: none; }
    .home #continue-btn:after {
      display: block;
      margin: -14px 0 auto;
      font-family: "amh-icons";
      content: 'e';
      font-size: 22px;
      font-size: 2.2rem;
      text-align: center;
      color: #ea627e; }
    .home #continue-btn:hover {
      text-decoration: none; }
    @media only screen and (max-width: 479px) {
      .home #continue-btn {
        display: block; } }
  .home .tier1 {
    /* Partners Lists */ }
    .home .tier1 .main {
      float: left;
      width: 60%; }
    .home .tier1 .sidebar {
      float: right;
      width: 31%; }
    .home .tier1 ul.partners-list {
      width: 60%;
      padding: 2px;
      padding: .2rem; }
      @media only screen and (min-width: 768px) and (max-width: 979px) {
        .home .tier1 ul.partners-list {
          width: 70%; } }
      @media only screen and (max-width: 479px) {
        .home .tier1 ul.partners-list {
          width: 75%; } }
      .home .tier1 ul.partners-list li {
        margin: 0 0 30px 0;
        margin: 0 0 3rem 0;
        padding-left: 0; }
        .home .tier1 ul.partners-list li:before {
          content: ''; }
      .home .tier1 ul.partners-list img {
        width: 100%;
        height: auto; }
  .home .tier2 {
    background: #f2f3f5;
    /* Symptoms Lists */ }
    @media screen and (min-width: 1024px) {
      .home .tier2 {
        background: #f2f3f5 url(../images/shared/bg-shadow.png) repeat-y center top; } }
    .home .tier2 .main {
      float: left;
      width: 60%; }
    .home .tier2 .sidebar {
      float: right;
      width: 31%; }
    .home .tier2 ul.symptoms-list {
      padding: 6px 0 4px;
      padding: .6rem 0 .4rem; }
      .home .tier2 ul.symptoms-list li {
        margin: 0 0 20px 0;
        margin: 0 0 2rem 0;
        padding-left: 36px;
        padding-left: 3.6rem; }
        .home .tier2 ul.symptoms-list li:before {
          top: 0;
          left: 10px;
          left: 1rem;
          font-family: "amh-icons";
          content: 'b';
          font-size: 18px;
          font-size: 1.8rem;
          color: #ea627e; }
        @media only screen and (max-width: 479px) {
          .home .tier2 ul.symptoms-list li {
            padding-left: 30px;
            padding-left: 3rem; }
            .home .tier2 ul.symptoms-list li:before {
              left: 4px;
              left: .4rem; } }
  .home .tier3 .main {
    width: 78%; }
  @media only screen and (max-width: 767px) {
    .home .content .main, .home .content .sidebar {
      width: 100%;
      padding-top: 2rem;
      float: none; }
    .home .content .sidebar {
      margin-top: 5rem;
      padding-top: 2rem;
      border-top: 1px solid #caced8; } }
  @media only screen and (max-width: 479px) {
    .home #page-header {
      text-align: center; }
      .home #page-header h2 {
        font-size: 20px;
        font-size: 2.1rem;
        line-height: 1.15; } }