/*------------------------------------*\
  #WOMENS-HEALTH-COLORS
\*------------------------------------*/


:root {
  --light-gray: #fef7f1;
  --light-blue: #f3faf9;
  --blue: #f48078;
  --blue-hover: #da6652;
  --dark-blue: #1d2857;

  --orange: #f48078;

  --portland-blue: #5d97c9;
  --portland-yellow: #FFC31F;
  --portland-green: #64a70b;
  --portland-gray: #545859;
}





/*------------------------------------*\
  #WOMENS-HEALTH-STYLES
\*------------------------------------*/


.page-head__logo {
  width: 300px;
}

.page-content h2 {
  color: var(--dark-blue);
}

.button:hover {
  background: #da6652;
}

.cta__block::after {
  content: url(/files/core/icons/arrow-womens-health.svg);
}
.cta__block:hover {
  background: #121936;
}

.icon-position::before {
  content: url(/files/core/icons/doctor-womens-health.svg);
}
.profile__card .profile__content .link:hover {
  color: #da6652;
}
.profile__card .profile__content .link:hover svg {
  fill: #da6652;
}

.locations__content h4::before {
  content: url(/files/core/icons/phone-womens-health.svg);
}
.locations__content h4 a:hover {
  color: #da6652;
}
.locations__card .locations__content .link:hover {
  color: #da6652;
}
.locations__card .locations__content .link:hover svg {
  fill: #da6652;
}

.form__wrap input[type=submit]:hover,
.form__wrap input[type=button]:hover {
  background: #da6652;
}


@media only screen and (max-width: 1200px) {
  .page-head__logo {
    width: 260px;
  }
}

@media only screen and (max-width: 1100px) {
  .page-head__logo {
    width: 240px;
  }
}

@media only screen and (max-width: 1000px) {
  .page-head__logo {
    width: 220px;
  }
}

@media only screen and (max-width: 800px) {
  .page-head__logo {
    width: 200px;
  }
}

@media only screen and (max-width: 600px) {
  .page-head__logo {
    width: 160px;
  }
}