/*
 Theme Name:       UW WordPress Theme - Craniofacial Color Research Lab
 Theme URI:        https://github.com/uweb/uw_wp_theme_child
 GitHub Theme URI: https://github.com/uweb/uw_wp_theme_child
 Author:           UW Web Team
 Author URI:       https://github.com/uweb
 Description:      Craniofacial Color Research Lab child theme based on the UW WordPress Theme
 Template:         uw_wp_theme
 Version:         3.4
 License:          GNU General Public License v2 or later
 License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 Tags:             two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:      uw_wp_theme_child
*/
p .person-phone,
a.person-phone,
a.person-email {
  padding: 1px 0 1px 35px;
  background-image: url(assets/svg/widgets-sprite.svg);
}

p.person-phone,
a.person-phone {
  background-position: 0 -30px;
}

.uw-hero-image.opl-cherrypurpleoverlay {
  background-image: url(assets/headers/CherryBlossomsRainpurple.jpg);
  background-position: top center;
}

@media only screen and (max-width: 767px) {
  .uw-search-bar-container .uw-search-wrapper .search {
    position: absolute;
    right: 0;
    top: 0px;
  }
}

header.site-header div.navbar .site-branding .uw-wordmark,
.navbar.bg-primary .navbar-brand .uw-wordmark {
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-indent: -9999px;
  width: 280px;
  height: 60px;
  position: relative;
  top: 5px;
  left: 9px;
  background: url(assets/svg/uw-sprite.svg) no-repeat 0 -426px transparent;
  transform: scale(0.9);
}

@media (max-width: 767px) {
  header.site-header div.navbar .site-branding .uw-wordmark,
  .navbar.bg-primary .navbar-brand .uw-wordmark {
    left: -60px;
    transform: scale(0.7);
    top: 2px;
  }
}

@media (min-width: 992px) and (max-width: 1105px) {
  header.site-header div.navbar .site-branding .uw-wordmark,
  .navbar.bg-primary .navbar-brand .uw-wordmark {
    left: -40px;
  }
}

@media (min-width: 820px) and (max-width: 991px) {
  header.site-header div.navbar .site-branding .uw-wordmark,
  .navbar.bg-primary .navbar-brand .uw-wordmark {
    left: 0px;
    transform: scale(1);
  }
}

@media (min-width: 768px) and (max-width: 819px) {
  header.site-header div.navbar .site-branding .uw-wordmark,
  .navbar.bg-primary .navbar-brand .uw-wordmark {
    margin-right: -50px;
    left: -20px;
    height: 21px;
    top: 0px;
    transform: scale(0.84);
  }
}

@media (min-width: 461px) and (max-width: 767px) {
  header.site-header div.navbar .site-branding .uw-wordmark {
    transform: scale(0.7);
    left: -37px;
    height: 21px;
  }
}

@media (min-width: 376px) and (max-width: 460px) {
  header.site-header div.navbar .site-branding .uw-wordmark {
    transform: scale(0.64);
    left: -57px;
    height: 21px;
  }
}

@media (min-width: 320px) and (max-width: 375px) {
  header.site-header div.navbar .site-branding .uw-wordmark,
  .navbar.bg-primary .navbar-brand .uw-wordmark {
    transform: scale(0.59);
    left: -70px;
    height: 21px;
  }
}

footer.site-footer .footer-wordmark {
  display: inline-block;
  color: #fff;
  width: 280px;
  background: url(assets/svg/uw-sprite.svg) no-repeat 0 -426px transparent;
  text-indent: -9999px;
  overflow: hidden;
  margin-top: 50px;
  transform: scale(0.9);
  height: 20px;
}

footer.site-footer .footer-wordmark:focus,
footer.site-footer .footer-wordmark:hover {
  background: url(assets/svg/uw-sprite-focus.svg) no-repeat 0 -426px transparent;
}

.bg-lightgray {
  background-color: #eee;
}

body,
p {
  font-size: 17px;
  font-family:
    Open Sans,
    sans-serif;
  color: #222222;
}

.contact-widget-inner,
.uw-sidebar .contact-widget-inner .widgettitle:after {
  background: #eeeeee;
}

.contact-widget-inner h2 {
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.no-uw-hero-image.hero-height2,
.uw-hero-image.hero-height2 {
  height: 250px;
}

h4.widget-title {
  display: none;
}

.widget .udub-slant-divider.gold span {
  display: none;
}
/** Cards ***/
@media (max-width: 767px) {
  .card .card-body {
    padding: 1rem;
  }
}

.card .card-body h2,
.card .card-body h3,
.card .card-body h4 {
  font-weight: 700;
  font-size: 1.6rem;
}

.card .card-body h5 {
  font-size: 1.3rem;
  margin-top: 35px;
  margin-bottom: 10px;
}

.card.image-top.gray,
.card.inset.gray,
.card.no-image.gray {
  background-color: #eee;
  border: 1px solid hsla(0, 0%, 44%, 0.2);
  border-radius: 2px;
}

.card.full-width.lightgold,
.card.large.lightgold {
  background-color: #eeeeee;
}

.card.full-width.lightgold .card-body,
.card.large.lightgold .card-body {
  background-color: #eeeeee;
}

.card {
  background-color: #eeeeee;
}

.main-navigation .menu .button {
  display: -ms-flexbox;
  display: flex;
}

.main-navigation .menu .button:active:before,
.main-navigation .menu .button:active a,
.main-navigation .menu .button:focus-visible:before,
.main-navigation .menu .button:focus-visible a,
.main-navigation .menu .button:focus-within:before,
.main-navigation .menu .button:focus-within a {
  background-color: #b7a57a;
}

header.site-header div.navbar #site-navigation .audience-menu-container ul li a,
header.site-header
  div.navbar
  #site-navigation
  .audience-menu-container
  ul
  li
  a:visited {
  color: #4b2e83;
}

header.site-header
  div.navbar
  #site-navigation
  .audience-menu-container
  ul
  li.button.darkgold
  a,
header.site-header
  div.navbar
  #site-navigation
  .audience-menu-container
  ul
  li.button.darkgold
  a:visited {
  color: #fff;
}

.main-navigation .menu .button a {
  background-color: #fff;
  color: #4b2e83;
  padding-top: 0.5rem;
  padding-right: 1rem;
  padding-left: 3rem;
  text-transform: uppercase;
}

.main-navigation .menu .button.darkgold a {
  background-color: #85754d;
  color: #fff;
}

@media (max-width: 768px) {
  .main-navigation .menu .button a {
    width: 100%;
  }
}

.main-navigation .menu .button[class*=" ic-"] {
  left: -2rem;
}

.main-navigation .menu .button:before {
  color: #4b2378;
  background-color: #fff;
  font-size: 40px;
  padding-top: 0.15rem;
  padding-left: 0.75rem;
  position: relative;
  left: 0rem;
}

.main-navigation .menu .button.darkgold:before,
.main-navigation .menu .button.darkgold a {
  background-color: #85754d;
  color: #fff;
}

.main-navigation .menu .button.darkgold:active:before,
.main-navigation .menu.button.darkgold:active a,
.main-navigation .menu .button.darkgold:focus-visible:before,
.main-navigation .menu .button.darkgold:focus-visible a,
.main-navigation .menu .button.darkgold:focus-within:before,
.main-navigation .menu .button.darkgold:focus-within a,
.main-navigation .menu .button.darkgold:focus:before,
.main-navigation .menu .button.darkgold:focus a,
.main-navigation .menu .button.darkgold:hover:before,
.main-navigation .menu .button.darkgold:hover a,
.main-navigation .menu .button.darkgold:active:before,
.main-navigation .menu .button.darkgold:active a,
.main-navigation .menu .button.darkgold:focus-visible:before,
.main-navigation .menu .button.darkgold:focus-visible a,
.main-navigation .menu .button.darkgold:focus-within:before,
.main-navigation .menu .button.darkgold:focus-within a,
.main-navigation .menu .button.darkgold:focus:before,
.main-navigation .menu .button.darkgold:focus a,
.main-navigation .menu .button.darkgold:hover:before,
.main-navigation .menu .button.darkgold:hover a {
  background-color: #635739;
}

.main-navigation .menu .button.gold:before,
.main-navigation .menu.button.gold a,
.main-navigation .menu .button.gold a {
  background-color: #b7a57a;
}

.main-navigation .menu .button.gold:active:before,
.main-navigation .menu .button.gold:active a,
.main-navigation .menu .button.gold:focus-visible:before,
.main-navigation .menu .button.gold:focus-visible a,
.main-navigation .menu .button.gold:focus-within:before,
.main-navigation .menu .button.gold:focus-within a,
.main-navigation .menu .button.gold:focus:before,
.main-navigation .menu .button.gold:focus a,
.main-navigation .menu .button.gold:hover:before,
.main-navigation .menu .button.gold:hover a,
.main-navigation .menu .button.gold:active:before,
.main-navigation .menu .button.gold:active a,
.main-navigation .menu .button.gold:focus-visible:before,
.main-navigation .menu .button.gold:focus-visible a,
.main-navigation .menu .button.gold:focus-within:before,
.main-navigation .menu .button.gold:focus-within a,
.main-navigation .menu .button.gold:focus:before,
.main-navigation .menu .button.gold:focus a,
.main-navigation .menu .button.gold:hover:before,
.main-navigation .menu .button.gold:hover a {
  background-color: #4b2e83;
}

.navbar.secondary-nav .navbar-nav .nav-item + .nav-item:before:not(.button),
.navbar.white-bar .navbar-nav .nav-item + .nav-item:before:not(.button) {
  content: "";
  display: block;
  position: absolute;
  top: 0.6rem;
  border-left: 1px solid #d9d9d9;
  height: 24px;
  width: 10px;
  transform: skew(-15deg, 0);
}

@media (max-width: 767px) {
  .navbar.secondary-nav .navbar-nav .nav-item + .nav-item:before:not(.button),
  .navbar.white-bar .navbar-nav .nav-item + .nav-item:before:not(.button) {
    display: none;
  }
}

header.site-header
  div.navbar
  #site-navigation
  .audience-menu-container
  ul
  li
  a:visited:after,
header.site-header
  div.navbar
  #site-navigation
  .audience-menu-container
  ul
  li
  a:after {
  position: absolute;
  right: 0px;
  height: 32px;
  width: 0px;
  top: 5px;
  content: "";
  background: none;
}
/*
li.star a:before {
    width: 40px;
    height: 30px;
    left: -2rem;
    display: inline;
    content: "";
    position: absolute;
    color: #85754d;
    background: url(assets/svg/widgets-sprite.svg) no-repeat 0 -167px;
    background-color:#fff;
}
 */
@font-face {
  font-family: uw-icon;
  src: url(assets/fonts/icomoon.eot);
  src:
    url(assets/fonts/icomoon.eot?#iefix) format("embedded-opentype"),
    url(assets/fonts/icomoon.ttf) format("truetype"),
    url(assets/fonts/icomoon.woff) format("woff"),
    url(assets/fonts/icomoon.svg) format("svg");
  font-weight: 400;
  font-style: normal;
}

.ic-star:before {
  content: "\e9de";
}