/*iphones had a glitch that popped up the homepage hero video , this hides it
@media (max-width:787px) {
    div.zpvideo-bg-container video.zphero-slide-video {
        display: none;
    }
}*/

.button-width{
    max-width: fit-content;
}

.vertical-align .custom-icon {
    max-height: 2em;
    max-width: fit-content;
}

.vertical-align .zpbutton-content{
    align-content: center;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Gotham Black;
}

h1, h2{
    text-transform: Uppercase;
}

.noupper {
    text-transform: none;
}

/* makes the footer text white */
.theme-footer-area a {
    color: #FFFFFF !important;
}

/* resolves iphone issue where non-linked phone numbers turn yellow against direct styles, becomes a link though no link code was added 
a.zplink-text {
    color: #000000 !important;
}*/
.forceblack a {
    color: #000000 !important;
}

.zpcontainer {
    justify-content: flex-end !important;
}

/*Footer "quick link" section spacing for improving lighthouse accessibility score */
a.zplink-text {
    margin-top: .5em;
}

/* Homepage territory map - brings image up one layer */
.z-index-bring-forward {
    position: sticky;
    z-index: 1;
}

.box-gradient {
  border-top: 5px solid transparent; /* Set a solid border for fallback */
  border-bottom: 5px solid transparent; /* Set a solid border for fallback */
  border-image: linear-gradient(to right, #005695, #006E45);
  border-image-slice: 1;
}

/*Industry Pages Fixed Left Sidebar
div.fixedsidebar {
    border-right: 2px solid #f5f7fa;
    overflow:auto;
}
div.fixedsidebar div.zpsidebar-container {
    max-width: 300px;
    position: fixed;
    padding-top:0px;
    padding-bottom:0px;
    background-color:white;
}
*/
.zpsidebar-section.zpdefault-section.zpdefault-section-bg.fixedsidebar {
    position: sticky;
    top: 100px;
    overflow: auto;
    max-height: 85vh;
}
.jokesidebar {
    position: sticky;
    top: 100px;
    overflow: auto;
    max-height: 85vh;
}
/*Transposes the product column to a bottom row on nautical and dielectric constant page*/
    @media (max-width: 992px) {
    .zprow.zprow-container.transposeproductlist.zpalign-items-flex-start.zpjustify-content- {
        flex-direction: column-reverse;
    }
}

/*product page row reverse on desktop while maintaining code structure and display on mobile*/
@media (min-width: 992px) {
    .reverse {
        flex-direction: row-reverse;
    }
}
.blue{color:#005695!important;}

/*application section of product pages*/
.applications h4{color:#006E45;}

/*Fixes the mobile carousel padding and margins allowing the carousel to display as a grid*/
@media all and (max-width: 768px){.mobilecarousel .zpcarousel-content-inner{
padding-inline-start: 0px !important;
padding-inline-end: 0px !important;
}}
@media all and (max-width: 768px){.mobilecarousel .zs-bx-services-box{
padding: 0px !important;
}}