/*------------------------------------*\
  #PORTLAND-COLORS
\*------------------------------------*/


:root {
  --light-blue: #d1e1f0;
  --blue: #5d97c9;
  --blue-hover: #4789C2;
  --dark-blue: #19344D;

  --orange: #ffc31f;

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





/*------------------------------------*\
  #PORTLAND-STYLES
\*------------------------------------*/


.page-head__logo {
  width: 300px;
}

.button:hover {
  background: #5d97c9;
}

.cta__block::after {
  content: url(/files/core/icons/arrow-portland.svg);
}
.cta__block:hover {
  background: #13273a;
}

.icon-position::before {
  content: url(/files/core/icons/doctor-portland.svg);
}
.profile__card .profile__content .link:hover {
  color: var(--blue);
}
.profile__card .profile__content .link:hover svg {
  fill: var(--blue);
}

.locations__content h4::before {
  content: url(/files/core/icons/phone-portland.svg);
}
.locations__content h4 a:hover {
  color: #4789c2;
}
.locations__card .locations__content .link:hover {
 color: var(--blue);
}
.locations__card .locations__content .link:hover svg {
  fill: var(--blue);
}


@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;
  }
}