/**
 * Theme Name: Idaho Webmaster v4 - IBSP
 * Template: Webmaster-v4
 * Description: The theme to use and edit for making any changes to a specific site.
 * Author: Tyler Idaho
 * Version: 4.0.2
 * Text Domain: ibsp.idaho.gov
 */

 .skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  color: #244575;
  padding: 8px;
  z-index: 100;
  height: 50px;
}
.pagination .page-link, a:hover, .link, a, .elementor a {
    color: #025ee8;
    text-decoration: underline;
}
.elementor a {
    text-decoration: underline!important;
    color: #025ee8;
}
a:hover, .elementor a:hover, main a:hover {
    color: #568150 !important;
    transition: .5s ease;
    text-decoration: underline;
}
.elementor-widget-button .elementor-button {
  text-decoration: none !important;
}
i.fa-search {
  cursor: pointer;
}
#main {
  min-height: 150px;
  padding-top: 3em;
}
a > img:hover {
  opacity: .8;
  transition: .5s ease;
}
.breadcrumbs {
    margin-bottom: .5rem;
}
.navbar.navbar-expand-lg {
  box-shadow: 0 0px 30px rgb(0 0 0 / 0.5);
}
.search-toggle {
  min-height: 24px;
  min-width: 24px;
}

/* ================ Flex styles ================ */
.d-flex {
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
}
.row {
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
}
.elementor-widget-text-editor {
  color: #212529 !important;
}

.footer-logo {
  float: right;
}
.footer-navigation a {
  text-decoration: underline;
}
.footer-navigation a:hover, .footer-links>a:hover  {
  color: #aaa !important;
}
#masthead .logo img {
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 1));
}

.announcement-bar .announcement-content {
  display: block;
}
div.announcement-content > a {
  padding: 0 4px;
  font-size: 1em;
  font-weight: bold;
  color: white;
}

/*---- Home Card Styles ----*/
/* Gradient theme variables */
.wallet.gradient {
  --bg-color: linear-gradient(135deg, #EEEEEE, #7aaf9b);
  --bg-color-light: linear-gradient(135deg, #a0b496, #7aaf9b);
  --text-color-hover: #000;
  --box-shadow-color: rgba(32, 83, 34, 0.4);
  text-decoration: none!important;
}

.card {
  width: 100%;
  height: 300px;
  background: linear-gradient(135deg, #EEEEEE, #c5c2c2);
  border-top-right-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  box-shadow: 0 14px 26px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease-out;
  text-decoration: none;
  margin-bottom: 0px;
  padding: 10px;
}

.card:hover {
  transform: translateY(-5px) scale(1.005);
  box-shadow:
    0 24px 36px rgba(0, 0, 0, 0.1),
    0 24px 46px var(--box-shadow-color);
}

.card:hover .overlay {
  transform: scale(4.5);
}

.card:hover .circle {
  border-color: var(--bg-color-light);
  background: var(--bg-color);
}

.card:hover .circle:after {
  background: var(--bg-color-light);
}

.card:hover h3 {
  color: var(--text-color-hover);
}

.card h3 {
  font-size: 25px;
  font-weight: bold;
  color: #000;
  margin-top: 30px;
  z-index: 1000;
  transition: color 0.3s ease-out;
  text-align: center;
}

.circle {
  width: 131px;
  height: 131px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid var(--bg-color);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-out;
}

.circle:after {
  content: "";
  width: 118px;
  height: 118px;
  display: block;
  position: absolute;
  background: var(--bg-color);
  border-radius: 50%;
  top: 7px;
  left: 7px;
  transition: opacity 0.3s ease-out;
}

.circle svg {
  z-index: 10000;
  color: #4d6650;
  filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, .5));
}

.overlay {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: var(--bg-color);
  position: absolute;
  top: 50px;
  left: 50px;
  z-index: 0;
  transition: transform 0.3s ease-out;
}

a.card.wallet.gradient > h3,
a.card h3 {
  text-decoration: none!important;
}
/*---- End of home card styles ----*/

/* ----------- Menu ------------ */
#main-navigation .dropdown-menu a.dropdown-item:hover, #main-navigation .dropdown-menu a.dropdown-item:focus, #main-navigation .dropdown-menu a.dropdown-item:active, #masthead .dropdown-menu a.dropdown-item:hover, #masthead .dropdown-menu a.dropdown-item:focus, #masthead .dropdown-menu a.dropdown-item:active, #top-navigation .dropdown-menu a.dropdown-item:focus, #top-navigation .dropdown-menu a.dropdown-item:active, #top-navigation .dropdown-menu a.dropdown-item:hover, #top-navigation-mobile .dropdown-menu a.dropdown-item:focus, #top-navigation-mobile .dropdown-menu a.dropdown-item:active {
    color: white !important;
}
/* ----------- End of Menu ------------ */

  /* ----------- Misc Styles ------------ */
  .table, .tablepress, .tablepress>:not(caption)>*>* {
    border: solid 1px #ddd;
  }
  .mini-announcement-bar {
      background: #5c0101 !important;
  }
  .announcement-bar {
      font-size: 16px;
  }
  .elementor-element {
    margin:initial !important; 
    padding:inherit !important; 
  }
  .elementor-element.e-con {
      margin: 0px; 
      padding: 0px; 
  }
  .e-n-accordion p {
    font-size: 16px;
  }
  .row-footer-links [role="navigation"] a {
    text-decoration: underline;
  }
  /* ----------- End of Misc Styles ------------ */

  /* ----------- Event Styles ----------- */
  #tribe-events-pg-template {
    max-width: 1320px;
  }
  .tribe-events-content, .tribe-events-single .tribe-events-sub-nav {
    font-family: 'Atkinson Hyperlegible', sans-serif;
    font-size: 16px;
  }
  .tribe-events-back a, .tribe-events-back a:visited {
    text-decoration: underline;
  }
  .event-date-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #2d5c88;
    color: #ffffff;
    padding: 5px 5px;
    border-radius: 5px;
    margin-right: 1.5rem;
    min-width: 90px;
  }
  .event-date-day {
    font-size: 24px;
    font-weight: bold;
    background: rgba(255, 255, 255, .1);
    padding: 0 1.5rem;
  }

 /* ----------- End of Event Styles ----------- */

@media (min-width: 768px) {
  #masthead .logo img {
    min-height: 300px;
  }
}

@media (max-width: 1399px) {
  .overlay {
    top: 49px;
    left: 40px;
  }
}

@media (max-width: 1199px) {
  .overlay {
    top: 49px;
    left: 20px;
  }
  h2, .h2 {
    font-size: 1.75rem;
  }
  h3, .h3 {
    font-size: 1.5rem;
  }
  h4, .h4 {
    font-size: 1.25rem;
  }
  h5, .h5 {
    font-size: 1.05rem;
  }
}

@media (min-width: 992px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
      background: #f3f3f3;
      color: #568150;
      font-weight: normal;
      text-decoration: none;
      border-color: #fff;
  }
}

@media (max-width: 991px) {
  #masthead .logo img {
    max-height: 150px;
    min-height: 125px;
    width: 100%;
  }
  .overlay {
    top: 0px;
    left: -120px;
  }
}

@media (max-width: 767px) {
  #masthead .logo {
    padding-left: 8px;
    max-height: 250px;
    margin-top: 8px;
  }
  #masthead .logo img {
    max-height: 150px;
    min-height: 75px;
    width: 100%;
  }
	.mobile-menu {
		right: 30px;
		position: absolute;
	}
  #mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge {
    background: #eee;
  }
  #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    padding: 0px 16px;
    color: #244575;
    font-size: 1.15em !important;
  }
}



@media print {
	.elementor-accordion .elementor-tab-content {
	    display: block !important;
	}
	#subNav, .breadcrumb {
		display: none;
	}
	.footertopper, .footer-links {
		display: none;
	}
	#mega-menu-primary, .navbar {
		display: none;
	}
}