/**
 * Theme Name: Idaho Commission on Hispanic Affairs
 * Template: Webmaster-v4
 * Description: Child theme for the Idaho Webmaster v4 theme. This should only be activated if you're going to make code customizations such as PHP, JavaScript, or CSS. Only for web developers.
 * Author: Tyler Idaho
 * Author URI: https://www.tyleridaho.com/
 * Version: 4.0.2
 * Text Domain: ICHA.idaho.gov
 */
 

/**----------- Base styles -------------**/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  color: #0A2B36;
}
h1,.h1 {
  font-size: 2.75em;
}
h2,.h2 {
  font-size: 2.5em;
}
h3,.h3 {
  font-size: 2.2em;
}
h4,.h4 {
  font-size: 1.75em;
}
h5,.h5 {
  font-size: 1.25em;
}
h6,.h6 {
  font-size: 1.15em;
  text-transform: uppercase;
}
p, .p, ol, ul, .ol, .ul { 
  font-family: "PT Sans", sans-serif;
}
.e-n-accordion p {
  font-family: "PT Sans", sans-serif;
  font-size: 16px;
  color: #0A0A0A;
}
.text-white {
  color: #fff !important;
}
body:not(.home) h3, body:not(.home) h4, body:not(.home) h5, body:not(.home) h6 {
 margin-top: .5em !important;
}
body:not(.home) h2 {
 margin-top: .10em !important;
}
.sr-only {color: #000;}
.btn.btn-info, .elementor-button, .elementor-button.elementor-button-link.elementor-size-sm, .gform_button, #gform_submit_button_1 {
  background: #104557 !important;
  border-color: #104557;
  color: #fff !Important;
  font-family: "Noto Serif", serif;
  padding: 8px 20px;
  text-decoration: none !important;
}
.elementor-button.elementor-button-link.elementor-size-sm {
  padding: 15px 20px;
  font-size: 1em !important;
  font-weight: normal !important;
  border-radius: 6px;
}
.btn.btn-info:hover, .elementor-button:hover, .elementor-button.elementor-button-link.elementor-size-sm:hover, .gform_button:hover, #gform_submit_button_1:hover {
  background: #37685A !important;
  color: #fff !important;
  text-decoration-color: #fff !important;
  font-style: italic;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.wpcf7 .wpcf7-submit, .gform_wrapper .gform_button {
  background: #104557 !important;
  color:#fff !important;
  transition: color 0.3s 
  ease, background-color 0.3s 
  ease !important;
  font-family: "Noto Serif", serif !important;
  font-size: 18px !important;
  font-weight: normal !important;
  width: auto !important;
  height: auto !important;
  padding: 12px 20px !important;
  border: none;
  border-radius: 8px;
}
.gform_wrapper .gform_button:hover {
  border: solid 1px #37685A !important;
  font-style: italic !important;
}
.btn.btn-white {
  background: #fff;
  border-color: #fff;
  color: #0A2B36 !Important;
  font-family: "Noto Serif", serif;
  padding: 8px 20px;
}
.btn.btn-white:hover {
  background: #37685A;
  color: #fff !important;
  text-decoration: none !important;
}
html, body, #main, .no-js, #primary, .custom-blog-page>.row>div, .tribe-events-c-search {
  font-family: "PT Sans", sans-serif;
  background-color: transparent !important;
}
#main {
  z-index: 3;
  position: relative;
  min-height: 800px;
}
.shadow {
 box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) !important;
}
.skip-link {
 color: navy;
}
.sr-only {
 color: #fff;
}
.single-post-thumbnail img {
 width: auto;
}
.breadcrumbs {
 margin-bottom: 1rem;
}
.e-con {
 --padding-left: var(--container-default-padding-left, 0px) !important;
 --padding-right: var(--container-default-padding-left, 0px) !important;
}
.elementor a {
 text-decoration: underline !important;
}
a.elementor-button span { 
 text-decoration: none !important;
 color: #fff;
}
.elementor-button-info > a.elementor-button,
.elementor-element.elementor-button-info .elementor-button {
 background: #104557 !important;
 border-color: #104557 !important;
 text-decoration: none !important;
 color: #fff;
}
.elementor-button-info > a.elementor-button:hover,
.elementor-element.elementor-button-info .elementor-button:hover {
 background: #37685A !important;
 color: #fff !important;
 text-decoration-color: #fff !important;
}
#content>.row, #content {
  background: transparent !important;
}
p:not(footer p)>a:hover, table:not(footer table) a:hover, p:not(header p)>a:hover, table:not(header table) a:hover {
  color: #37685A !important;
}
.entry-header {
  margin-top: -90px;
  position: absolute;
  z-index: 0;
}
h1.entry-title {
  background: rgba(255, 255, 255, 1);
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0px 30px rgb(0 0 0 / 0.5);
}
.breadcrumb {
  margin-left: 0px;
  margin-bottom: .5em;
  margin: 0px 0px;
}
.row.breadcrumbs {
  background: #ECECED;
  margin-bottom: .25rem;
  padding-top: .25em;
  z-index: 1;
  position: relative;
}
.row.breadcrumbs::after {
  content: '';
  position: absolute;
  top: 35px;
  width: 100%;
  height: 400px;
  background-image: url(inc/grad.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  z-index: 0;
}
.row.breadcrumbs:before {
  content: "";
  position: absolute;
  top: -35px; 
  right: -150px; 
  width: 400px; 
  height: 35px; 
  background-image: url(inc/gov-card-top.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  margin-left: auto;
}
.row.breadcrumbs > div.col {
  position: relative;
}
.row.breadcrumbs > div.col::after {
  content: "";
  position: absolute;
  bottom: -25px; 
  left: -150px; 
  width: 400px; 
  height: 35px; 
  background-image: url(inc/gov-card-btm.svg);
  background-repeat: no-repeat;
  background-position: top;
  z-index: 1;
}
table.tablepress {
  background: #fff;
}
a.link-light {
  color: #a3cee6 !important;
}
div.elementor-image-box-wrapper > figure.elementor-image-box-img > a[href*=".pdf"]:before {
  content: '';
  display: none;
}
.data-num {
  color: #37685A !important;
  font-size: 1.1em;
  border-right: 5px solid #FFA103;
  h3.h1 {
    color: #37685A !important;
    margin-top: 0px !important;
  }
}
.pub-num {
  color: #37685A !important;
  font-size: 1.1em;
  border-right: 5px solid #bc2d29;
  height: 100%;
  h3.h1 {
    color: #37685A !important;
    margin-top: 30% !important;
    margin-bottom: 30% !important;
  }
}

/**----------- END Base styles -------------**/


/**----------- Header styles -----------**/
.idaho-announcement-bar {
  background-color: #FFA103;
  color: #000;
  text-align: center;
  align-content: center;
  padding: 5px;
  font-size: 1em;
  line-height: 1.2;
  position: relative;
  z-index: 999;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}
.idaho-announcement-bar .announcement-content {
  max-width: 1300px;
  height: auto;
}
.announcement-text {
  width: 100%;
}
.gt_switcher {
	margin-top: 5px;
  margin-right: 10px;
}
.gt_switcher.notranslate > div.gt_selected > a {
  display: -webkit-box !important;
}
.gtranslate_wrapper {
  margin-right: 15px;
}
img.logo-col {
  width: 100%;
  height: auto;
}
.navbar.navbar-expand-lg {
   background-color: #0A2B36;
   box-shadow: 0 0px 30px rgb(255 255 255 / 0.5);
}
.top-navigation {
   background: #1A1A1A;
}
#masthead .header-background-home {
  background-image:url(inc/header.jpg);
  background-repeat: no-repeat; 
  background-position: bottom; 
  background-size: cover;
}
@media only screen and (min-width: 992px) {
   #masthead .header-background-home {
       height: 850px;
   }
}
.top-menu, #menu-top-contact-us-menu {
  background-color: transparent;
}
#mega-menu-wrap-primary .mega-menu-toggle {
 background: transparent;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
 line-height: 1.25rem;
 padding: 10px;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
 padding: 10px;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
 padding: 0px 10px !important;
}
.fontsizer {
  font-family: "Noto Serif", serif;
}
/**----------- END Header styles -------------**/


/**----------- Start of Footer styles -------------**/
.site-footer {
  background: #0A2B36;
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, .p {color: #fff;}
  position: relative;
}
.site-footer::before {
  content: "";
  background: #D7E1DE;
  background: linear-gradient(0deg,rgba(215, 225, 222, 1) 53%, rgba(87, 199, 133, 0) 100%);
  height: 800px;
  position: absolute;
  width: 100%;
  top: -800px;
  z-index: 1;
  left: 0;
}
.footer-links a::after {
  right: -15px;
}
.row.row-footer-links {
  padding: 0px;
}
.foot-logo {
  position: relative;
}
.foot-logo::before {
  content: "";
  background-image: url(inc/bkg.png);
  background-size: contain;
  background-position: bottom left;
  background-repeat: no-repeat;
  z-index: 2;
  height: 800px;
  position: absolute;
  width: 700px;
  bottom: 0;
}
/**----------- END Footer styles -------------**/


/**----------- Homepage styles -----------**/
.header-text {
  background: rgba(255, 255, 255, 0.8);
  padding: 10px 20px;
  border-radius: 8px;
  box-shadow: 0 0px 30px rgb(0 0 0 / 0.5);
  h1 {
     font-size: 30px;
  }
}
#masthead .header-text {
  padding-top: 20px;
  margin-bottom: 100px;
  margin-top: 120px;
}
#masthead .logo {
  border-radius: 8px;
  box-shadow: 0 0px 30px rgb(0 0 0 / 0.5);
}
.logo-lift {
  margin-top: -75px !important;
}
.row-popular {
  background: #D7E1DE;
  padding: 0 0 35px 0;
  margin-top:-60px;
  position: relative;  
}
.row-popular::after {
  content: '';
  /* Position it absolutely relative to its parent `.row-popular` */
  position: absolute;
  left: 0;
  width: 100%;
  /* Give it an explicit height so the background image is visible */
  height: 400px; 
  background-image: url(inc/grad.png);
  background-repeat: no-repeat; 
  background-position: bottom; 
  background-size: cover; /* Optional: ensures the image covers the full area */
  z-index: 0;
}
.row-btns {
  margin-top:-100px;
  z-index: 1;
  position: relative;
}
.header-top {
 float: left;
 margin-top: 2px;
 z-index: 0;
 width: 100%;
 position: absolute;
}
.tile {
  height: 180px;
  position: relative;
  overflow: hidden;  
  display: flex;
  align-items: center;
  padding: 15px;
  border-radius: 8px;
}
.title {
  display: inline-block;
  width: 100%;
  height: auto;
  z-index: 500;
  font-family: "Noto Serif", serif;
}
.tile-text {
  font-size: 1.15rem;
  font-weight: bold;
  line-height: 1.2;
  padding: 0;
  text-align: left;
  max-width: 100%;
  position: relative;
  display: block;
  flex-grow: 1;
}
.tile-image {  
  max-height: 75px;
  width:auto;
  position: relative;
  bottom: auto;
  display: block;
  flex-shrink: 0;
  margin-right: 10px;
}
.tile-image > img {
  min-height: 55px;
  width: auto;
  transition: all .15s ease-in-out;
  overflow: hidden;
}
.pri1 {
  background-image: url(inc/priority1.svg);
  background-size: cover;
  background-color: #0A2B36;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 100%;
}
.pri2 {
  background-image: url(inc/priority2.svg);
  background-size: cover;
  background-color: #37685A;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 100%;
}
.pri3 {
  background-image: url(inc/priority3.svg);
  background-size: cover;
  background-color: #0A2B36;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 100%;
}
.pri4 {
  background-image: url(inc/priority4.svg);
  background-size: cover;
  background-color: #37685A;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 100%;
}
.pri5 {
  background-image: url(inc/priority5.svg);
  background-size: cover;
  background-color: #0A2B36;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 100%;
}
.overlay {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  transition: all .15s ease-in-out;
  text-decoration: none;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  padding: 0;
}
a.overlay > .tile::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #1c1c1c;
  background: linear-gradient(0deg,rgba(28, 28, 28, 1) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(28, 28, 28, 1) 100%);
  opacity: 0;
  transition: .5s ease;
  z-index: 50;
}
a.overlay > .tile:hover::before {
  opacity: 0.5;  
}
a.overlay:hover {
  text-decoration: none !important;
}
a[href*=".pdf"].overlay:before {
    content: '';
    display: none;
}
a.overlay > .tile:hover > .tile-image {
  -webkit-transform: scale(1.15);
   -ms-transform: scale(1.15);
   transform: scale(1.15);
   transition: -webkit-transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
   z-index: 8;
}
a.overlay > .tile:hover > .tile-text {
  color: #fff !important;
  transition: .3s ease;
}
a.overlay:hover > .tile {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
sub {
  bottom: -.05em;
}
.stat-source {
  margin-top: -12px !important;
  position: relative;
}
.stat-source::before {
  content: ''; 
  border-top: solid 3px rgba(255, 255, 255, 0.15);
  width: 100%;
  display: block;
}
.stat-source > div > p {
  padding-top: 10px;
  margin-top: -5px !important;
  margin-bottom: 0em !important;
}
.stat-source > div > p > a {
  color: #a3cee6 !important;
}
.stat-num, .elementor-counter .elementor-counter-number {
  font-size: 65%;
}
.elementor-counter-number-suffix {
  font-size: 45%;
  margin-top: 10px;
}
.news-card{
 padding: 20px 20px 5px 20px;
 -webkit-background-clip: padding-box;
 -moz-background-clip: padding;
 background-clip: padding-box;
 background-color: #FBF9F9;
 border-bottom: solid 10px #999899;
 flex-direction: row;
 h3 {
   margin-top: 0px;
 }
}
.news-card img {
 margin: auto;
}
.regional, .data {
  position: relative;
}
.card-blue {
  background: #0A2B36;
  color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  padding: 20px !important;
  border-radius: 8px !important;
}
.card-green {
  background: #37685A;
  color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  padding: 20px !important;
  border-radius: 8px !important;
  .btn.btn-info:hover, .elementor-button:hover, .elementor-button.elementor-button-link.elementor-size-sm:hover {
    background: #2D677A !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
}
.card-gov {
  background: #fff;
  padding: 10px !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  position: relative !important;
  border-radius: 8px !important;
}
#card-gov {
  width: 100%;
  position: relative;
}
#card-gov::before {
  content: "";
  position: absolute;
  top: -55px; /* Position at the top of the div */
  right: 0; /* Start the border 20% from the left edge */
  width: 40%; /* Make the border cover 60% of the div's width */
  height: 55px; /* Thickness of the border */
  background-image: url(inc/gov-card-top.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  margin-left: auto;
}
.card-gov::after {
  content: "";
  position: absolute;
  bottom: -55px; /* Position at the top of the div */
  left: 0; /* Start the border 20% from the left edge */
  width: 40%; /* Make the border cover 60% of the div's width */
  height: 55px; /* Thickness of the border */
  background-image: url(inc/gov-card-btm.svg);
  background-repeat: no-repeat;
  background-position: top;
}
/********************************** Custom CSS for the Around Idaho carousel ****************************/
.carousel-container {
  position: relative;
  margin: auto;
  padding: 2rem 0;
  height: 100%;
  .card-body {
    p {
      color: black;
    }
  }
}
a.carousel-card.active, a.carousel-card {
  text-decoration: none !important;
  transition: transform .75s ease-in-out, opacity 0.75s ease-in-out;
}
.carousel-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 150px; 
  overflow: visible;
  height: 100%;
}
.carousel-card {
  position: absolute;
  opacity: 0;
  transition: all .75s ease-in-out;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  border: none;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  padding: 10px;
}
.carousel-card.active {
  opacity: 1;
  z-index: 5;
  width: 60%;
  height: 100%;
  transform: scale(1);
  display: flex;
  align-items: center;
}
.carousel-card.next, .carousel-card.prev {
  opacity: 1;
  z-index: 2;
  width: 50%;
  height: 100%;
  transform: scale(0.85);
  transition: transform .95s ease-in-out, opacity 0.75s ease-in-out;
  .card-body {
    transform: scale(1);
  }
}
.carousel-card.next {
  transform: translateX(45%) scale(0.85)
}
.carousel-card.prev {
  transform: translateX(-45%) scale(0.85)
}
.carousel-card.hidden {
  opacity: 0;
  pointer-events: none;
  display: none;
}
.card-img-wrapper {
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.card-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.active .card-img-wrapper {
  width: 40%;
}
.active .card-body {
  width: 60%;
  padding: 2rem;
  height: 100%;
}
.side-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
}
.carousel-nav-btn {
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #eee;
  color: #2D677A;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s;
  font-size: 2rem;
}
.carousel-nav-btn:hover {
  background-color: #37685A;
  color: #fff;
}
#prevBtn {
  left: 0;
}
#nextBtn {
  right: 0;
}
.carousel-indicators {
  display: flex;
  justify-content: center;
  margin-top: 0;
  position: relative
}
.carousel-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ccc;
  margin: 0 5px;
  cursor: pointer;
}
.carousel-dot.active {
  background-color: #104557;
}
a.carousel-card:hover {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    transition: -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
  }
}
a.carousel-card[href*=".pdf"]:not([data-hasimg]):before {
    padding-right: 0px;
    content: " ";
 }
/* ----------- END Homepage Styles ------------  */


/* ----------- Event Styles ------------  */
#tribe-events-pg-template {
  z-index: 5;
  position: relative;
  margin-top: 40px;
  max-width: 1300px;
  font-weight: normal;
}
.tribe-events-content a, .tribe-events-meta-group a, .tribe-events-event-meta a, .tribe-events-event-meta a:visited,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text {
  color: #276099;
  border-bottom: 0 !important;
  text-decoration: underline !important;
  padding: 10px;
}
.tribe-events-content a:hover, .tribe-events-meta-group a:hover, .tribe-events-event-meta a:hover {
  color: #37685A !important;
  text-decoration: underline !important;
}
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
  background-color: #37685A !important;
  color: #fff !important;
}
.tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:hover {
  color: #fff !important;
}
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border, .tribe-events-c-subscribe-dropdown__button {
  border: 1px solid #276099 !important;
  color: #276099 !important;
  padding: 10px;
}
.tribe-events-c-subscribe-dropdown__button:hover {
  background-color: #37685A !important;
}
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
  padding: 0px;
}
a.tribe-events-calendar-list__event-title-link {
  text-decoration: underline !Important;
}
.tribe-events-calendar-list__event-featured-image {
  border-radius: 10px;
}
.tribe-events-calendar-list__event-description p {
  color: #0e0e0e !important;
  font-size: 16px !important;
}
.tribe-events-schedule {
  font-size: 1.2em;
  font-weight: bold;
}
.single-tribe_events .tribe-events-c-subscribe-dropdown:hover .tribe-events-c-subscribe-dropdown__button-text, .single-tribe_events .tribe-events-c-subscribe-dropdown:focus .tribe-events-c-subscribe-dropdown__button-text
 {
    color: #fff;
 }
@media (min-width: 768px) {
  .tribe-events-content ol, .tribe-events-content p, .tribe-events-content ul {
      font-size: 16px;
  }
}
/* ----------- END Event Styles ------------  */


/* ----------- Hover Box Styles ------------  */
.destination-card {
 position: relative;
 width: 100%;
 height: 250px;
 overflow: hidden;
 transform-style: preserve-3d;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
 cursor: pointer;
 border-radius: 10px;
}
.destination-card:hover {
 transform: scale(1.02) rotateY(5deg);
}
.destination-card::after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 60%);
 opacity: 0.8;
}
.card-image {
 transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
 /* max-height: 75px; */
 width:auto;
 position: relative;
 bottom: auto;
 display: block;
 flex-shrink: 0;
 margin-right: 15px;
}
.destination-card:hover .card-image {
 transform: scale(1.05);
}
.card-content {
 position: relative; 
 width: 100%;
 color: #fff;
 z-index: 2;
 /* transform: translateY(40px); */
 transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
 display: flex;
 align-items: center;
 /* padding: 20px; */
}
.destination-card:hover .card-content {
 transform: translateY(0);
}
.destination-name {
 font-size: 1.2rem;
 font-weight: bold;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
 opacity: 1;
 transition: opacity 0.3s ease;
 color: #fff;
 display: flex;
 align-items: center;
 padding: 20px;
 padding: 0;
 text-align: left;
 max-width: 100%;
 position: relative;
 display: block;
 flex-grow: 1;
}
.card-details {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: linear-gradient(180deg, #39545c 0%, #a5bbb5 100%);
 color: black;
 padding: 20px;
 transform: translateX(100%);
 opacity: 0;
 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
 z-index: 3;
 display: flex;
 flex-direction: column;
 justify-content: center;
}
.destination-card:hover .card-details {
 transform: translateX(0);
 opacity: 1;
}
.details-header {
 color: #fff !important;
 font-weight: 700;
 margin-bottom: 15px;
 position: relative;
}
.details-header::after {
 content: '';
 position: absolute;
 bottom: -8px;
 left: 0;
 height: 3px;
 width: 60px;
 background-color: #FFA103;
}
.detail-item {
 display: flex;
 align-items: center;
 margin: 12px 0;
 opacity: 0;
 transform: translateY(20px);
 transition: all 0.3s ease;
}
.destination-card:hover .detail-item {
 opacity: 1;
 transform: translateY(0);
}
.detail-item:nth-child(2) {
 transition-delay: 0.1s;
}
.detail-item:nth-child(3) {
 transition-delay: 0.2s;
}
.detail-item:nth-child(4) {
 transition-delay: 0.3s;
}
.detail-item:nth-child(5) {
 transition-delay: 0.4s;
}
.detail-icon {
 margin-right: 15px;
 font-size: 1.2rem;
}
.detail-text {
 font-size: 1rem;
 font-weight: 500;
}
.cta-button {
 background-color: white;
 text-decoration: none;
 padding: 12px 25px;
 border-radius: 8px;
 font-size: 1rem;
 font-weight: 600;
 text-transform: none;
 border: none;
 margin-top: 25px;
 align-self: flex-start;
 cursor: pointer;
 transition: all 0.3s ease;
 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
 outline: none;
 opacity: 0;
 transform: translateY(20px);
}
.destination-card:hover .cta-button {
 opacity: 1;
 transform: translateY(0);
 transition-delay: 0.5s;
}
.cta-button:hover {
 background-color: #faf0e6;
 transform: translateY(-3px);
 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
@keyframes pulse {
 0% {
     transform: translateY(-50%) scale(1);
     box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
 }
 70% {
     transform: translateY(-50%) scale(1.05);
     box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
 }
 100% {
     transform: translateY(-50%) scale(1);
     box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
 }
}
/* Responsive styles */
@media (max-width: 768px) {
 .destination-card {
   height: 420px;
 }
 .destination-name {
   font-size: 2rem;
 }
 .details-header {
   font-size: 1.8rem;
 }
 .card-details {
   padding: 25px;
 }
}
@media (max-width: 480px) {
 .destination-card {
   height: 380px;
 }
 .destination-name {
   font-size: 1.7rem;
 }
 .destination-tagline {
   font-size: 0.9rem;
 }
 .details-header {
    font-size: 1.5rem;
 }
 .detail-text {
   font-size: 0.9rem;
 }
 .cta-button {
   padding: 10px 20px;
   font-size: 0.9rem;
 }
}
/* --- end Hover box styles --- */


/* ----------- Menu ------------ */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
 color: #276099;
 font-family: inherit;
 font-size: 14px;
 text-transform: none;
 text-decoration: none;
 font-weight: 300;
 text-align: left;
 margin: 0px 0px 0px 0px;
 padding: 0px 10px;
 vertical-align: top;
 display: block;
 border: 0;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
 display: inline-block;
 margin-top: 5px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row {
 width: auto;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
 font-weight: bold;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
 background: #fff;
 opacity: 1!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
 background: #fff;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
 color: #0F406A;
 opacity: 1!important;
 background: #fff;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
   color: #0F406A;
   font-weight: bold;
}
.mega-sub-menu {
 opacity: 1!important;
}
#mega-menu-wrap-primary {
 background: transparent!important;
 width: 100%;
 padding:0.75em 0;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
 padding: 0px 16px;
 color:#dedede;
 font-size:16px!important;
}
ul#mega-menu-primary{
display:inline;
}
/* ----------- End of Menu ------------ */



@media only screen and (min-width: 992px) {
  #masthead .header-background {
      height: 400px;
  }
}
@media only screen and (max-width: 1399px) {
  .tile-image > img {
    max-height: 55px;
    margin-bottom: 20px;
    margin-top: 15px;
  }
  .tile-text {
    font-size: 1.05rem;
    text-align: center;
  }
  .tile {
    display: block;
    text-align: center;
  }

}
@media only screen and (max-width: 1140px) and (min-width: 992px) {
  .tile-image > img {
    min-height: 45px;
  }
}

@media only screen and (max-width: 1199px) {
  .carousel-inner {
    min-height: 150px;
  }
  .pub-num {
    h3.h1 {
      font-size: 200%;
    }
  }
}
@media only screen and (max-width: 991px) {
  .tile-image > img {
    max-height: 35px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .tile-text {
    font-size: 1.05rem;
    text-align: left;
  }
  .tile {
    display: flex;
    text-align: left;
  }
  .footer-navigation a {
    padding: 0.375rem; 
  }
  .header-background-home {
    min-height: 500px;
  }
  #masthead .header-background {
    min-height: 300px;
  }
  h1.entry-title {
    font-size: 1.35em;
  }
  .prio-tiles {
    margin-bottom: 20px;
  }
  .entry-header {
    margin-top: -60px;
    position: relative;
    display: block;
  }
  .carousel-inner {
    min-height: 250px;
  }
  .carousel-card.active {
    width: 94%;
  }
  .carousel-card.next, .carousel-card.prev {
    display: none;
  }
}

@media (min-width: 768px) {
  .tribe-events-meta-group {
      width: 300px;
  }
  .tribe-events-single ul.tribe-related-events li:last-child {
    max-width: 300px;
  }
  .tribe-events-single ul.tribe-related-events li .tribe-related-event-info {
    padding-left: 8px;
  }
  #masthead .logo img {
    max-height: 250px;
    min-height: 150px;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
	.mob-marg {
		margin-bottom: 20px !important;
	}
  .header-text > h1 {
    font-size: 22px;
  }
  h1,.h1 {
    font-size: 2em;
  }
  h2,.h2 {
    font-size: 1.75em;
  }
  h3,.h3 {
    font-size: 1.5em;
  }
  h4,.h4 {
    font-size: 1.25em;
  }
  h5,.h5 {
    font-size: 1em;
  }  
 .fp-card {
   margin-bottom: 30px;
 }
 #masthead .header-background-home {
   min-height: 525px;
 }
 .news-card {
   margin-bottom: 20px;
 }
 .carousel-card.active {
    flex-direction: column;
  }
  .active .card-img-wrapper, .active .card-body {
    width: 100%;
  }
  .active .card-img-wrapper {
    height: 40%;
    border-radius: 10px;
  }
  .active .card-body {
    height: 60%;
  }
  #prevBtn, #nextBtn {
    top: auto;
    bottom: -30px;
    transform: none;
  }
  #prevBtn {
    left: 15%;
  }
  #nextBtn {
    right: 15%;
  }
  .data-num, .pub-num {
    border-right: none;
  }
  .pub-num {
    h3.h1 {
      margin-top: 10% !important;
      margin-bottom: 10% !important;
    }
  }
}
@media (max-width: 575px) {
  #masthead .header-text {
      text-align: left;
  }
  .carousel-card > .card-body {
    color: black;
  }
	.tile-image > img {
    max-height: 45px;
    margin-bottom: 20px;
    margin-top: 15px;
  }
  .tile-text {
    font-size: 1.05rem;
    text-align: center;
  }
  .tile {
    display: block;
    text-align: center;
  }
}