/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Remove border radius from logo slider module images */
.th-logo-slider .slick-slide img {
    border-radius: 0px;  
}


/* Adjust some header logo mobile responsiveness */
@media (max-width: 479px) {
    .header__logo {
        max-width: 100px;
    }
}


/* Logo with rounded edges */
.header__logo {
    align-items: center;
    display: flex;
    height: auto;
    margin-right: 20px;
    max-width: 200px;
    overflow: hidden;
    border-radius: 20px;
}


/* Media query for header logo to be mobile responsive */
@media (max-width: 1140px) { 
    
    img.hs-image-widget {

      width: 100%;
      max-width: 100px;
      height: auto; 
    }

}
/* Update to remove grey background on blog post hero banner and replace with image by default */

#main-content .th-blog-post-hero-case-study.border-radius {
    background-image: url(https://www.ipsflowsystems.com/hubfs/Blog%20post-2.png);
    background-size: cover;
    background-position: center center;
    padding-top: 200px;
    padding-right: 0px;
    padding-bottom: 50px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
    }