/**
 * Theme Name: Idaho Office of Drug Policy
 * 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: ODP.idaho.gov
 */
 

/**----------- Base styles -------------**/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, .p, ol, ul, .ol, .ul {
  font-family: "Libre Franklin", sans-serif;
  font-optical-sizing: auto;
  color: #555555;
}
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 {
  background: #277c84;
  border-color: #277c84;
}
.btn.btn-info:hover {
  background: #f15a5d;
  color: #fff !important;
  text-decoration-color: #fff !important;
}
html, body, #main, .no-js, #primary, .custom-blog-page>.row>div, .tribe-events-c-search {
  background-color: #fff !important;
  background: #fff !important;
}
.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;
}
.custom-sidebar .related-articles-widget .blog-post, .custom-sidebar {
 background-color: #0F406A !important;
}
.blog .custom-sidebar .entry-meta, .archive .custom-sidebar .entry-meta, .single-post .custom-sidebar .entry-meta {
 color: #FFD16D !important;
}
.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: #277c84 !important;
 border-color: #277c84 !important;
 text-decoration: none !important;
 color: #fff;
}
.elementor-button-info > a.elementor-button:hover,
.elementor-element.elementor-button-info .elementor-button:hover {
 background: #f15a5d !important;
 color: #fff !important;
 text-decoration-color: #fff !important;
}
.search-wrapper-interior {
 margin-bottom: 30px;
 margin-top: -65px;
 @media only screen and (max-width: 768px) {
   margin-top: 0px; 
 }
 .sidebar-search-field {
   min-width: 400px;
 }
}
.search-btn-interior {
 background: transparent;
 border: none;
 margin-left: -45px;
 i {
    color: #3EC1CD;
 }
}
/**----------- END Base styles -------------**/


/**----------- Header styles -----------**/
.navbar.navbar-expand-lg {
   background-color: #0F406A;
}
.top-navigation {
   background: #414141;
}
.header-text {
  h1 {
     color: white;
     text-shadow: 0 0px 15px rgba(0, 0, 0, 0.9);
  }
  p {
     color: white;
     text-shadow: 0 0px 15px rgba(0, 0, 0, 0.9);
  }
}
#masthead .header-background-home {
  background-image:url(inc/header.jpg);
  background-repeat: no-repeat; 
  background-position: center; 
  background-size: cover;
}
@media only screen and (min-width: 992px) {
   #masthead .header-background-home {
       height: 550px;
   }
}
.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;
}
/**----------- END Header styles -------------**/


/**----------- END Footer styles -------------**/
.site-footer {
  background: #0F406A;
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, .p {color: #fff;}
}
.footertopper {
  width: 100%;
 position: relative;
}

/**----------- END Footer styles -------------**/


/**----------- Homepage styles -----------**/
.hero-block-list.block-3 ul li:hover a,
.hero-block-list.block-3 ul li:hover {
 color: #fff !important;
 text-decoration: underline;
 font-style: italic;
}
.hero-block-list.block-2 ul li:hover a,
.hero-block-list.block-2 ul li:hover {
 color: #1B4269 !important;
 text-decoration: underline;
 font-style: italic;
}
.hero-block-list.block-1 ul li:hover a,
.hero-block-list.block-1 ul li:hover {
 text-decoration: underline;
 font-style: italic;
 color: #276099 !important;
}
.sidebar-search-field {
  padding: 12px;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 0px;
  min-width: 300px;
  border: solid white 2px;
}
.sidebar-search-field::placeholder {
  font-weight: normal;
  color: #444;
}
.search-wrapper-home {
  float: right;
}
.search-btn-home {
  background: transparent;
  border: none;
  margin-left: -45px;
  i {
     color: #3EC1CD;
  }
}
.row-popular {
  background: #E4E4E4;
  padding: 90px 0 50px 0;
  margin-top:-60px;
}
.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 {
  border-bottom: solid #FFD16D 10px;
  height: 180px;
  position: relative;
  overflow: hidden;
}
.title {
  display: block;
  width: 100%;
  height: auto;
  z-index: 500;
 /* border-top-left-radius: 8px;
   border-top-right-radius: 8px; */
   background: #0F406A;
}
.tile-text {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.2;
  padding: 12px 15px;
  text-align: left;
  max-width: 100%;
  position: relative;
}
.tile-image {  
  max-height: 155px;
  width:100%;
  position: absolute;
  bottom: 0;
}
.tile-image > img {
  background-size: cover;
  min-height: 155px;
  width:100%;
  object-fit: cover;
  transition: all .15s ease-in-out;
  overflow: hidden;
}
.overlay {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  transition: all .15s ease-in-out;
  text-decoration: none;
}
a.overlay > .tile::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #FFD16D;
  opacity: 0;
  transition: .5s ease;
  z-index: 50;
}
a.overlay > .tile:hover::before {
  opacity: 0.45;
}
a.overlay > .tile:hover > .tile-image {
  -webkit-transform: scale(1.5);
   -ms-transform: scale(1.5);
   transform: scale(1.5);
   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.overlay > .tile:hover > .tile-text {
  color: #fff !important;
  transition: .3s ease;
}
.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;
}

/* ----------- Hover Box Styles ------------  */
.destination-card {
 position: relative;
 width: 100%;
 height: 250px;
 border-radius: 0px;
 overflow: hidden;
 transform-style: preserve-3d;
 box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
 transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
 cursor: pointer;
 border-bottom: solid 10px #FFD16D;
}
.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.7) 0%, rgba(0, 0, 0, 0) 60%);
 z-index: 1;
 opacity: 0.8;
}
.card-image {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.destination-card:hover .card-image {
 transform: scale(1.05);
}
.card-content {
 position: absolute;
 top: 0;
 left: 0;
 margin-top: -40px;
 width: 100%;
 padding: 12px 20px;
 color: #fff;
 z-index: 2;
 transform: translateY(40px);
 transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
 background: #0F406A;
}
.destination-card:hover .card-content {
 transform: translateY(0);
}
.destination-name {
 font-size: 1.5rem;
 font-weight: 700;
 margin-bottom: 5px;
 text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
 opacity: 1;
 transition: opacity 0.3s ease;
 color: #fff;
}
.card-details {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: linear-gradient(135deg, #0F406A 0%, #42becf 100%);
 color: white;
 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;
 font-weight: 700;
 margin-bottom: 15px;
 position: relative;
}
.details-header::after {
 content: '';
 position: absolute;
 bottom: -8px;
 left: 0;
 height: 3px;
 width: 60px;
 background-color: #FFD16D;
}
.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 ------------ */


/* ----------- PDF, doc, excel Icons moving to end of link ------------- */
a[href*=".pdf"]:not([data-hasimg]):before,
a[href*=".PDF"]:not([data-hasimg]):before,
#mega-menu-wrap-primary a[href*=".pdf"]:before,
#mega-menu-wrap-primary a[href*=".PDF"]:before {
   font-family: "Font Awesome 6 Free" !important;
   padding-right: 0px;
   content: "";
   font-weight: 400;
}

a[href*=".mp3"]:before,
a[href*=".MP3"]:before {
   font-family: "Font Awesome 6 Free" !important;
   padding-right: 0px;
   content: "";
   font-weight: 700;
}

a[href*=".zip"]:before,
a[href*=".ZIP"]:before {
   font-family: "Font Awesome 6 Free" !important;
   padding-right: 0px;
   content: "";
   font-weight: 700;
}

a[href*=".mov"]:before,
a[href*=".MOV"]:before,
a[href*=".wmv"]:before,
a[href*=".WMV"]:before,
a[href*=".mp4"]:before,
a[href*=".MP4"]:before {
   font-family: "Font Awesome 6 Free" !important;
   padding-right: 0px;
   content: "";
   font-weight: 700;
}

a[href*=".doc"]:before,
a[href*=".docx"]:before,
a[href*=".DOC"]:before,
a[href*=".DOCX"]:before,
#mega-menu-wrap-primary a[href*=".doc"]:before,
#mega-menu-wrap-primary a[href*=".docx"]:before,
#mega-menu-wrap-primary a[href*=".DOC"]:before,
#mega-menu-wrap-primary a[href*=".DOCX"]:before {
   font-family: "Font Awesome 6 Free";
   padding-right: 0px;
   content: "";
   font-weight: 400;
}

a[href*=".xls"]:before,
a[href*=".xlsx"]:before,
a[href*=".XLS"]:before,
a[href*=".XLSX"]:before,
#mega-menu-wrap-primary a[href*=".xls"]:before,
#mega-menu-wrap-primary a[href*=".xlsx"]:before,
#mega-menu-wrap-primary a[href*=".XLS"]:before,
#mega-menu-wrap-primary a[href*=".XLSX"]:before {
   font-family: "Font Awesome 6 Free";
   padding-right: 0px;
   content: "";
}

a[href*=".ppt"]:before,
a[href*=".ppsx"]:before,
a[href*=".pptx"]:before,
a[href*=".PPT"]:before,
a[href*=".PPSX"]:before,
a[href*=".PPTX"]:before,
#mega-menu-wrap-primary a[href*=".ppt"]:before,
#mega-menu-wrap-primary a[href*=".pptx"]:before,
#mega-menu-wrap-primary a[href*=".PPT"]:before,
#mega-menu-wrap-primary a[href*=".PPTX"]:before,
#mega-menu-wrap-primary a[href*=".ppsx"]:before,
#mega-menu-wrap-primary a[href*=".PPSX"]:before {
   font-family: "Font Awesome 6 Free";
   padding-right: 0px;
   content: "";
}

a[href*=".pdf"]:not([data-hasimg]):after,
a[href*=".PDF"]:not([data-hasimg]):after,
#mega-menu-wrap-primary a[href*=".pdf"]:after,
#mega-menu-wrap-primary a[href*=".PDF"]:after {
   font-family: "Font Awesome 6 Free" !important;
   padding-left: 5px;
   content: "\f1c1";
   font-weight: 400;
}

a[href*=".mp3"]:after,
a[href*=".MP3"]:after {
   font-family: "Font Awesome 6 Free" !important;
   padding-left: 5px;
   content: "\f001";
   font-weight: 700;
}

a[href*=".zip"]:after,
a[href*=".ZIP"]:after {
   font-family: "Font Awesome 6 Free" !important;
   padding-left: 5px;
   content: "\f1c6";
   font-weight: 700;
}

a[href*=".mov"]:after,
a[href*=".MOV"]:after,
a[href*=".wmv"]:after,
a[href*=".WMV"]:after,
a[href*=".mp4"]:after,
a[href*=".MP4"]:after {
   font-family: "Font Awesome 6 Free" !important;
   padding-left: 5px;
   content: "\f008";
   font-weight: 700;
}

a[href*=".doc"]:after,
a[href*=".docx"]:after,
a[href*=".DOC"]:after,
a[href*=".DOCX"]:after,
#mega-menu-wrap-primary a[href*=".doc"]:after,
#mega-menu-wrap-primary a[href*=".docx"]:after,
#mega-menu-wrap-primary a[href*=".DOC"]:after,
#mega-menu-wrap-primary a[href*=".DOCX"]:after {
   font-family: "Font Awesome 6 Free";
   padding-left: 5px;
   content: "\f1c2";
   font-weight: 400;
}

a[href*=".xls"]:after,
a[href*=".xlsx"]:after,
a[href*=".XLS"]:after,
a[href*=".XLSX"]:after,
#mega-menu-wrap-primary a[href*=".xls"]:after,
#mega-menu-wrap-primary a[href*=".xlsx"]:after,
#mega-menu-wrap-primary a[href*=".XLS"]:after,
#mega-menu-wrap-primary a[href*=".XLSX"]:after {
   font-family: "Font Awesome 6 Free";
   padding-left: 5px;
   content: "\f1c3";
   font-weight: 400;
}

a[href*=".ppt"]:after,
a[href*=".ppsx"]:after,
a[href*=".pptx"]:after,
a[href*=".PPT"]:after,
a[href*=".PPSX"]:after,
a[href*=".PPTX"]:after,
#mega-menu-wrap-primary a[href*=".ppt"]:after,
#mega-menu-wrap-primary a[href*=".pptx"]:after,
#mega-menu-wrap-primary a[href*=".PPT"]:after,
#mega-menu-wrap-primary a[href*=".PPTX"]:after,
#mega-menu-wrap-primary a[href*=".ppsx"]:after,
#mega-menu-wrap-primary a[href*=".PPSX"]:after {
   font-family: "Font Awesome 6 Free";
   padding-left: 5px;
   content: "\f1c4";
   font-weight: 400;
}
/* ---------------- End of icons ------------- */



@media only screen and (max-width: 991px) {
 .footer-navigation a {
   padding: 0.375rem; 
 }
 .header-background-home {
   min-height: 500px;
 }
}
@media only screen and (max-width: 768px) {
 .fp-card {
   margin-bottom: 30px;
 }
 .tile {
   margin-bottom: 20px;
 }
 #masthead .header-background-home {
   min-height: 525px;
 }
 .news-card {
   margin-bottom: 20px;
 }
	.header-text {
		 h1.h2 {
			font-size: 38px;
		}
	}
}