@charset "UTF-8";

/* Weathertrak CSS */

.header-logo {
	padding: 1rem 0;
}
.blue-bg h3 a:hover {
	color:#fff !important;
}
.wp-block-accordion_accordion-block .accordion {
	    color: #0c1825;
}

.column-lines .column-box {
	    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.column-lines .column-box .wp-block-font-awesome{
	    margin: inherit !important;
}
header .column_sub_links {
	    display: inline-block;
}
header .megamenu__column_sub_links{
	    width:98%;
}
.footer-cta__content__item:nth-of-type(1) .footer-cta__heading a::before{
	width:25%;
}
header .megamenu__overview_link {
	position:relative;
}
header .megamenu__overview_link::before{
	    bottom: 0 !important;
    left: 0 !important;
    width: 5% !important;
	background-color: #389acc !important;
}
header .megamenu__overview_link:hover::before{
	width:15% !important;
}
header .nav-main ul .request-info >a::before, header .megamenu__overview_link::before{
	    content: "";
    position: absolute;
    bottom: 20px;
    left: 13px;
    width: 25%;
    height: 3px;
    background: #072d55;
    transition: .3s;
}
header .nav-main ul .request-info >a:hover::before{
		width:50%;
}
header nav ul .request-info >a {
	position:relative;
}
.footer-cta__content__item #pardot-form p label {
	color:#fff !important;
}
.footer-cta__content__item #pardot-form p.submit input {
	background-color:#072d55 !important;
	color:#fff!important;
	border:0 !important;
}
.sensor .cta-link a {
	text-transform: capitalize !important;
}
.home-hero .hh-content .wp-block-button a {
	text-transform:capitalize !important;
}
.home-hero .hh-content .wp-block-button a:before{
	width:25% !important;
	height:3px;
}
.home-hero .hh-content .wp-block-button a:hover{
		color:#4dc9f5 !important;
}
.home-hero .hh-content .wp-block-button a:hover:before {
    width: 50% !important;
}
.home-hero:after {
	    background: linear-gradient(to top, rgba(7, 22, 35, 0.85) 0%, #22222299 36%, rgba(7, 22, 35, 0.25) 65%, rgba(7, 22, 35, 0) 100%) !important;
}
.imglogo-section .imghov img, .card-row .wp-block-column:hover .imghov img{
    height: 70%;
    width: 70%;
}

.imglogo-section .imghov a{
	text-align: left;
}
.imglogo-section {
	padding:80px 0 !important;
}
.megamenu__column_heading {
	text-transform:uppercase !important
}
.brand_logo img {
	width: 90%;
}
.sensor .ub-block-post-grid-excerpt p a:before, .sensor .cta-link a:before {
	width:25%;
	opacity:1 !important
}
.sensor .ub-block-post-grid-excerpt p a:hover:before, .sensor .cta-link a:hover:before{
	width:50% !important;
}
.cta-small .cta-link a:hover {
	color: #ffffff;
}

/* Baseline CSS */

.nav-utility__list li a:hover {
	color:#fff !important;
}

h2.left-0 {margin-left: 0 !important}


/* Watercompass CSS */

.boxes {
	display: inline-grid !important;
}

	.wp-block-column:not(:first-child) {
    margin-left: 0 !important;
}

.wp-block-columns.alignwide {
	gap: 2.3rem;
}

.has-palette-bg-color a {
	color: white;
}
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit] {
color:#ffffff;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
padding-right:10px;
border: 1px solid rgba(114,114,114,0.4);
border-radius: 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 1px 0px rgba(114,114,114,0.3);
-moz-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
-webkit-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
background-color: #33cccc
}
.imglogo-section .imghov .hvr-overlay {
	    top: 34%;
	    width: 70%;
    height: 70%;
}

/* Mega menu underlines (WeatherTRAK, Baseline, WaterCompass columns)*/
.nav-main__submenu .megamenu__column_sub_links .column_sub_links {
	display: block !important;
	width: fit-content !important;
}


/* 3rd-level dropdown items v6 */

@media (min-width: 991px) {
 
    .nav-main__submenu li:has(> .nav-main__submenu:not(.nav-main__submenu--mega)) {
        position: relative;
    }
    .nav-main__submenu li > .nav-main__submenu:not(.nav-main__submenu--mega) {
        position: absolute;
        top: 0;
        left: 100%;
        margin-top: 0;
        min-width: max-content;
        max-width: 20rem;
        width: auto;
        height: auto;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
        background: var(--palette-bg);
        box-shadow: 0 20px 20px 0px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 20px 20px 0px rgba(0,0,0,.2);
        -moz-box-shadow: 0 20px 20px 0px rgba(0,0,0,.2);
        border-radius: 0 5px 5px 5px;
        transition: opacity .25s;
    }
 
    .nav-main__submenu li:hover > .nav-main__submenu:not(.nav-main__submenu--mega),
    .nav-main__submenu li:focus-within > .nav-main__submenu:not(.nav-main__submenu--mega) {
        max-height: none;
        opacity: 1;
        pointer-events: auto;
    }
 
    .nav-main__submenu .nav-main__submenu:not(.nav-main__submenu--mega) ul {
        padding: .5em 0;
    }
 
    .nav-main__submenu .nav-main__submenu:not(.nav-main__submenu--mega) a {
        font-size: .85em;
        padding: .4rem 1rem;
        display: block;
        white-space: nowrap;
    }
    .nav-main__submenu li:has(> .nav-main__submenu:not(.nav-main__submenu--mega)) > a::after {
        content: "";
        display: inline-block;
        margin-left: .4em;
        font: normal normal 600 .6em/0 "Font Awesome 5 Pro";
        opacity: .6;
    }
    .nav-main__item--active > .nav-main__submenu:not(.nav-main__submenu--mega) {
        overflow: visible;
    }
    .nav-main__submenu--mega {
        position: fixed !important;
        top: 100px !important;
        left: 0 !important;
        right: auto !important;
        width: 100vw !important;
        max-width: 100vw !important;
        transform: none !important;
    }
    @media (min-width: 768px) {
        .nav-main__submenu--mega { top: 110px !important; }
    }
    @media (min-width: 991px) {
        .nav-main__submenu--mega { top: 125px !important; }
    }
    @media (min-width: 1199px) {
        .nav-main__submenu--mega { top: 145px !important; }
    }
    .nav-main__submenu--mega {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: opacity .25s !important;
    }
    /* Reveal the mega menu whether it's a top-level item (.nav-main__item,
       only ever added at depth 0 by the walker) or nested one or more
       levels deep inside another dropdown (.nav-main__submenu li). This
       covers both plain CSS :hover/:focus-within and the theme's own
       JS-driven .nav-main__item--active class (hoverIntent / touch). */
    .nav-main__item:hover > .nav-main__submenu--mega,
    .nav-main__item:focus-within > .nav-main__submenu--mega,
    .nav-main__item--active > .nav-main__submenu--mega,
    .nav-main__submenu li:hover > .nav-main__submenu--mega,
    .nav-main__submenu li:focus-within > .nav-main__submenu--mega {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

/* Extra styles for mega menu */

.megamenu__inner {margin-top: 15px;}

/* inline-block (not block): keeps the per-line padding/indentation fix
   from before, but shrinks the link to the width of its own text
   instead of stretching full-width - otherwise the hover underline
   (width:100% of this link) stretches across the whole row instead of
   ending where the word ends. */
.nav-main__submenu ul li a {display: inline-block !important;}

/* Custom CSS */

.home-hero .img-wrap {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}
.home-hero .hh-wave {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
    overflow: hidden;
}
.home-hero .hh-wave img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    max-width: none !important;
}
.home-hero {padding:0 !important;}

.wp-block-column:not(:first-child) {
    margin-left: 0 !important;
}
.wp-block-columns.alignwide {
	gap: 2.3rem;
}
.has-palette-bg-color a {
	color: white;
}

.wp-block-cover.is-style-top-bottom-wave + .wp-block-cover.is-style-top-bottom-wave, .wp-block-cover.is-style-top-bottom-wave-flip + .wp-block-cover.is-style-top-bottom-wave-flip, .wp-block-cover.is-style-bottom-wave + .wp-block-cover.is-style-top-wave, .wp-block-cover.is-style-bottom-wave + .wp-block-cover.is-style-top-bottom-wave {
	margin-top: -5rem !important;
}

.footer-secondary.disable_footer {
	margin-top: 0;
}
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit] {
color:#ffffff;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
padding-right:10px;
border: 1px solid rgba(114,114,114,0.4);
border-radius: 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 1px 0px rgba(114,114,114,0.3);
-moz-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
-webkit-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
background-color: #3599cb;
}
.grecaptcha-badge { visibility: hidden; }

.download-form {
	padding:20px !important;
}

.is-style-cta-link a::before, .ub-block-post-grid .ub-block-post-grid-more-link::before, .uagb-post-grid .uagb-post__link::before, .cta-link a::before {
  content: ">";
  margin-right: .3em;
  opacity: .5;
  transition: all .3s;
}

.page-id-8155 .home-hero h1::before,
.page-id-7218 .home-hero h1::before,
.page-id-5 .home-hero h1::before {
  content: "";
  display: block;
  width: 67%;
  max-width: 100%;
  aspect-ratio: 8 / 1;
  background: no-repeat left center / contain;
  margin-bottom: 0.1em;
}

.page-id-8155 .home-hero h1::before {
  background-image: url("https://stageandstall.com/wp-content/uploads/HP26_WT_logo_white.png");
	filter: drop-shadow(0 2px 4px rgba(0,0,0,.38))
            drop-shadow(0 4px 10px rgba(0,0,0,.3))
            drop-shadow(2px 2px 0 rgba(0,0,0,.18));
}

.page-id-7218 .home-hero h1::before {
  background-image: url("https://stageandstall.com/wp-content/uploads/HP26_BL_logo_white.png");
	filter: drop-shadow(0 2px 4px rgba(0,0,0,.38))
            drop-shadow(0 4px 10px rgba(0,0,0,.3))
            drop-shadow(2px 2px 0 rgba(0,0,0,.18));
}

.page-id-5 .home-hero h1::before {
  background-image: url("https://stageandstall.com/wp-content/uploads/HP26_WC_logo_white.png");
	filter: drop-shadow(0 2px 4px rgba(0,0,0,.38))
            drop-shadow(0 4px 10px rgba(0,0,0,.3))
            drop-shadow(2px 2px 0 rgba(0,0,0,.18));
}


@media (max-width: 990px) {
.nav-main__item a:hover {color: var(--palette-brand-2) !important;}
}