/*
Theme Name: Live Well Utah
Theme URI: https://livewellutah.org
Author: USU Extension
Author URI: https://extension.usu.edu
Description: A WordrPress template focused on accessibility.
Version: 1.0
License: Copyright USU Extension
Text Domain: live-well-utah
*/

body {
  color: #5c637a;
  font-family: 'Raleway', Arial, sans-serif;
}

a {
  color: #00788E;
}

a:hover {
  color: #00a1b8;
}

.nav-link,
.dropdown-item {
  color: #5c637a !important;
}

.nav-link:hover,
.dropdown-item:hover {
  color: #868da4 !important;
}

.nav-link.active,
.dropdown-item.active,
.nav-link.current-menu-item,
.dropdown-item.current-menu-item {
  /* current page styles */
}


.text-blue {
  color: #384660 !important;
}

.bg-blue {
  background-color: #384660 !important;
}

.btn.btn-blue {
  background-color: #384660;
  color: #fff;
  border-color: #384660;
}

.btn.btn-blue:hover {
  background-color: #5c637a;
  border-color: #5c637a;
}

.btn.btn-teal {
  background-color: #00788E;
  color: #fff;
  border-color: #00788E;
}

.btn.btn-teal:hover {
  background-color: #00a1b8;
  border-color: #00a1b8;
}


  .btn.btn-subtle {
    background-color: rgba(255, 255, 255, 0.5); /* lighter, see-through */
    border-color: rgba(206, 212, 218, 0.3) !important;
    backdrop-filter: blur(2px); /* optional: softens background */
  }

  .btn.btn-subtle:hover {
    background-color: rgba(56, 70, 96, 0.7);
    color: #fff;
  }






.content-body p a,
.content-body li a,
.content-body span a {
  text-decoration: none;
  border-bottom: 1.5px dotted rgba(0, 120, 142, 0.75);
  transition: border-bottom 0.2s ease;
  transition: color 0.2s ease;
}

.content-body p a:hover,
.content-body li a:hover,
.content-body span a:hover {
  border-bottom: 1.5px dotted rgba(0, 120, 142, 0);
}



.height-auto {height: auto;}

.content-article-image {aspect-ratio: 16 / 9; overflow: hidden;}
/* Let the flex item shrink so lines can wrap */
#comments .media-body { min-width: 0; flex: 1 1 0%; }

#comments .media-body {
  min-width: 0;      /* lets flex child shrink */
  flex: 1 1 0%;      /* enables text to wrap within */
}

#comments p,
#comments a {
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
  display: inline;
}



@media (min-width: 768px) {
  .content-article-image {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden;
  }
}


.parent {
  overflow: hidden;
  position: relative;
}

.hover-image {
  transition: transform 0.3s ease;
  z-index: 1;
  position: relative;
}

.parent:hover .hover-image {
  transform: scale(1.25);
}



@media print {
  .no-print {
    display: none !important;
  }
}