/*** Prevent header text from overlapping on tablet screenshot ***/
@media screen and (max-width: 1152px) {
    #colibri [class*="style-"] h1 {
        line-height: 1;
    }
}

/*** Prevent the mobile menu icon and the social media icons overlapping ***/
@media screen and (min-width: 768px) {
    #colibri .style-local-6-h6-outer,
    #colibri .h-navigation_sticky .style-local-6-h6-outer,
    #colibri .style-local-10-h6-outer {
        flex: auto;
    }
}

/*** Prevent the mobile menu icon and the social media icons overlapping ***/
@media screen and (max-width: 767px) {
    #colibri .style-local-10-h6-outer {
        display: flex !important;
        flex: 0 0 auto;
    }
    #colibri .style-local-10-h6-outer.h-hide-sm > *{
        display: flex !important;
    }
    #colibri .h-navigation_sticky .style-local-10-h16-outer,
    #colibri .style-local-10-h16-outer {
        width: 100%;
    }
}

/*** Change the padding in the responsive drop down menu ***/
@media screen and (max-width: 767px) {
    .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li > ul > li > ul > li > a {
        padding-left: 3.5rem !important;    
    }
}

/*** Fill SVG icons when header is sticky ***/
#colibri #navigation.h-navigation_sticky svg {
    fill: rgb(255, 128, 0);
}

/*** Style Interested button when header is sticky ***/
#colibri #navigation.h-navigation_sticky .h-button {
    background-color: rgb(255, 128, 0);
    color: white;
}

/*** Sticky header set to 100% width of page ***/
#colibri .h-navigation_sticky {
    margin-left: 0px;
    margin-right: 0px;
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
    left: 0px !important;
}

/***  Extra padding on Twitter icon to align better ***/
#colibri .style-640-icon {
    padding-top: 12px;
}

@media screen and (max-width: 767px) {
    .h-heading__outer.style-1834.style-local-34-c69 {
        margin-top: 20px;
    }
}