/**
 * CUSTOMER LOGO GRID
*/
.customer-logo-grid {
    display: inline-grid;
    background: #505050;
    margin-bottom: 50px;
}
.customer-logo-grid .inner {
    padding: 60px;
    margin: 0 auto;
    max-width: 45em;
    text-align: center;
}

.customer-logo-grid h2 {
    color: #fff;
    margin: 0 auto 10px;
}

.customer-logo-grid .customer-logo {
    max-height: 30px;
    max-width: 150px;
    margin: 30px 30px 0px;
}

@media screen and (max-width: 640px) {
    .customer-logo-grid {
        margin-bottom: 0;
    }
    .customer-logo-grid .inner {
        padding: 60px 0px;
    }

    .customer-logo-grid .customer-logo {
        max-height: 22px;
        max-width: 120px;
    }
}

/**
 * CASE LISTING
 */

.case-blog.hs-blog-listing .post-header--mobile-only {
    display: none;
}

.case-blog.hs-blog-listing .visiba-container {
    position: relative;
    top: -3em;
}

.case-blog.hs-blog-listing .post-item {
    border: 0;
    padding: 0;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 45% 55%;
    -ms-grid-columns: 45% 55%;
    margin-bottom: 2em;
}

.case-blog.hs-blog-listing .blog-img {
    margin-bottom: -1px;
    display: inline-grid;
    width: auto;
    -ms-grid-column: 1;
}

.case-blog.hs-blog-listing .hs-featured-image-wrapper {
    background-position: 0;
    background-size: cover;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    display: inline-grid;
    display: -ms-inline-grid;
    min-height: 330px;
    grid-template-rows: 1fr;
    -ms-grid-rows: 1fr;
    -ms-grid-row: 1;
}

.case-blog.hs-blog-listing .post-item .hs-featured-image-wrapper img {
    float: none;
    max-width: 125px;
    align-self: end;
    -ms-grid-row-align: end;
    justify-self: right;
    -ms-grid-column-align: end;
    padding: 1.25em 0 1.25em 1.25em;
}

.case-blog.hs-blog-listing .blog-head-body {
    display: inline-grid;
    display: -ms-inline-grid;
    width: auto;
    grid-template-rows: minmax(83px, min-content) 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr;
    -ms-grid-column: 2;
    padding: 0 1em 1em 32px;
}

.case-blog.hs-blog-listing .post-header {
    -ms-grid-row: 1;
}

.case-blog.hs-blog-listing .post-body {
    -ms-grid-row: 2;
}

.case-blog.hs-blog-listing .post-header h2 {
    padding-top: .35em;
    font-size: 32px;
    line-height: 40px;
} 

.case-blog.hs-blog-listing .hs_cos_wrapper_type_form {
    align-self: end;
    -ms-grid-row-align: end;
    -ms-grid-row: 3;
    display: block;
}

.case-blog.hs-blog-listing .post-item form {
    margin: 0 2em;
    font-size: 16px;
}

.case-blog.hs-blog-listing .post-item form [type="submit"][disabled],
.case-blog.hs-blog-listing .post-item form [type="submit"].large {
    color: #c3c3c3;
    background: #ebebeb;
    cursor: default;
    pointer-events: none;
}

.case-blog.hs-blog-listing .post-item form [type="submit"][disabled]:hover
.case-blog.hs-blog-listing .post-item form [type="submit"].large:hover {
    transform: none;
    color: #c3c3c3;
    background: #ebebeb;
    box-shadow: none;
}
.case-blog.hs-blog-listing a.read-more {
  color: #fff;
  background: #008296;
  border-radius: 4px;
  padding: 10px 30px;
  margin: 20px auto;
}
.case-blog.hs-blog-listing a.read-more:hover {
  transform: scale(1.06,1.06);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.25);
  box-shadow: 0 3px 6px rgba(0,0,0,0.25);
  background-color: #008296;
  transition: .2s ease all;
  -moz-transition: .2s ease all;
  -webkit-transition: .2s ease all;
}
.case-blog.hs-blog-listing a.case-anchor {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}
/* HEIGHT FIXES */
@media screen and (min-width: 768px) {
  	.case-blog.hs-blog-listing .post-item,  
  	.case-blog.hs-blog-listing .blog-img {
			height: 400px;
	  }
    
  	.case-blog.hs-blog-listing .hs-featured-image-wrapper {
			height: 100%;
    }
  
	  .case-blog.hs-blog-listing .blog-head-body {
      grid-template-rows: minmax(83px, min-content) 1fr;
      -ms-grid-rows: 1fr 1fr 1fr;
    }
}
/******/
@media screen and (max-width: 767px) {
    	.case-blog.hs-blog-listing .post-item h2 { 
      	font-size: 1.75em;
        font-weight: 300;
        color: #008296
    }
    .case-blog.hs-blog-listing [class$="--desktop-only"] {
        display: none;
    }

    .case-blog.hs-blog-listing [class$="--mobile-only"] {
        display: inherit !important;
    }

    .case-blog.hs-blog-listing .colorTitle {
        height: 40vh;
    }

    .case-blog.hs-blog-listing .colorTitle .inner {
        padding-top: 20vh;
    }

    .case-blog.hs-blog-listing .post-item {
        grid-template-columns: auto;
        grid-template-rows: minmax(70px, min-content) 300px 1fr;
        grid-gap: 1em;
    }

    .case-blog.hs-blog-listing .post-item h2 {
        padding: 1em .25em .25em;
    }

    .case-blog.hs-blog-listing .blog-img {
        width: 100%;
    }

    .case-blog.hs-blog-listing .hs-featured-image-wrapper {
        border-radius: 0;
        min-height: 299px;
        grid-template-rows: 1fr;
    }

    .case-blog.hs-blog-listing .blog-head-body {
        grid-template-rows: 1fr min-content;
    }
}

/**
 * CASE POSTS
 */

.case-blog .heroVideo .heroContiner .inner {
    background-color: transparent;
}

.case-blog .heroVideo .heroContiner .inner:hover {
    box-shadow: none;
}

.case-blog .heroVideo .heroContiner .heroTitle, .case-blog h1 span#hs_cos_wrapper_name {
    color: #fff !important;
    text-shadow: 0 0 15px rgba(0,0,0,0.5);
}

.case-blog [data-widget-type="blog_content"] {
    margin: 0 auto !important;
    float: none !important;
    width: 100% !important;
    position: relative;
    z-index: 2;
}

.case-blog .post {
    border-top: 0;
    margin-top: -3em;
    padding: 4em 20px;
}

.case-blog .post h3 {
    font-size: 1.15em;
    line-height: 2;
}

.case-blog #hs_cos_wrapper_post_body > p:first-child {
    text-align: center;
    font-weight: 400;
    margin-bottom: 1.5em;
}

.case-blog .post blockquote {
    display: grid;
    display: -ms-grid;
    grid-template-columns: minmax(225px, max-content) 1fr;
    -ms-grid-columns: 225px 1fr;
    margin: 1em 1em 1em 0;
}

.case-blog .post blockquote img {
    -ms-grid-column: 3;
}

.case-blog .post blockquote p:first-child {
    display: grid;
    display: -ms-grid;
    grid-template-columns: minmax(225px, max-content) 1fr;
    grid-column: 1/3;
    -ms-grid-columns: 5fr 1fr; // IE11, don't even ask
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    align-items: center;
    text-align: left;
    font-weight: 500;
    font-size: 1.5em;
    color: #82bcc5;
    margin: 0;
}

.case-blog .post blockquote p:last-child {
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    -ms-grid-row: 2;
    margin: -.5em 0 1em;
}

.case-blog .post blockquote ul {
    list-style: none;
    margin-top: 1.5em;
}

.case-blog .post blockquote li {
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 1.25em;
}

.case-blog .post blockquote li::first-line {
    font-weight: 400;
    font-size: 1.05em;
    line-height: 1.5;
}

.case-blog .post blockquote li::before {
    content: '';
    width: 32px;
    height: 32px;
    position: absolute;
    top: .45em;
    left: -2em;
    background: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 1.5l-4.83 9.67L.54 13.1l7.73 6.77L6.33 30.5 16 25.67l9.66 4.83-1.93-10.63 7.73-6.77-10.63-1.92z' fill='%2382c1ca'/%3E%3C/svg%3E");
    display: inline-block;
}

.case-blog .author {
    position: static;
    margin-top: 2.5em;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 6fr 7fr;
    -ms-grid-columns: 6fr 1em 7fr;
    align-items: center;
    -ms-flex-align: center;
    grid-gap: 1em;
}

.case-blog .author img {
    justify-self: right;
    -ms-grid-column-align: end;
}

.case-blog .author .inner {
    -ms-grid-column: 3;
}

.case-blog .author .inner p {
    margin: 0;
}

.case-blog .author .inner a {
    color: #505050;
}

.case-blog .author .inner a:hover {
    color: #80c1cb;
}

.case-blog .author .author--phone,
.case-blog .author .author--email {
    position: relative;
    padding-left: 1.5em;
}

.case-blog .author .author--phone::before,
.case-blog .author .author--email::before {
    content: '';
    height: 16px;
    position: absolute;
    left: 0;
}

.case-blog .author .author--phone::before {
    width: 16px;
    top: 4px;
    background: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.67 15.66'%3E%3Cpath d='M11.84 6a.47.47 0 0 0 .65 0l3-2.44a.68.68 0 0 0 .11-.7l-.51-.62-3.87 3.14zm-5.9 6.5a.48.48 0 0 0 0-.65l-.62-.62-3.15 3.87.62.51a.67.67 0 0 0 .7-.11zm-1.11-1.79a2.59 2.59 0 0 1-.35-.52c-.2-.36-.24-.5.15-1a16.18 16.18 0 0 1 1.34-1.52l1.6-1.6a15 15 0 0 1 1.52-1.34c.54-.39.68-.35 1-.15a2.33 2.33 0 0 1 .52.35l3.9-3.17a7.07 7.07 0 0 0-1.42-1 5.22 5.22 0 0 0-1.77-.65 21.75 21.75 0 0 0-4 2.21 16.06 16.06 0 0 0-2.2 1.83L3.99 5.28a15.48 15.48 0 0 0-1.83 2.2 21.75 21.75 0 0 0-2.21 4.05A5.45 5.45 0 0 0 .6 13.3a7.49 7.49 0 0 0 1 1.42z' fill='%2380bec8'/%3E%3C/svg%3E") no-repeat;
}

.case-blog .author .author--email::before {
    width: 17px;
    top: 6px;
    background: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.66 11.13'%3E%3Cpath d='M8.12 8.09a.54.54 0 0 1-.39.16.53.53 0 0 1-.39-.16L.05.8a.75.75 0 0 0 0 .26v9a1.11 1.11 0 0 0 1.11 1.11h13.37A1.13 1.13 0 0 0 15.66 10V1.06a1.12 1.12 0 0 0-.09-.42z' fill='%2380bec8'/%3E%3Cpath d='M7.73 7l6.93-7H1.11a2.56 2.56 0 0 0-.27.05z' fill='%2380bec8'/%3E%3C/svg%3E") no-repeat;
}

@media screen and (max-width: 640px) {
    .case-blog .heroVideo {
        display: grid;
    }

    .case-blog .heroContiner {
        align-self: center;
        position: static;
    }

    .case-blog .visiba-container {
        width: 100% !important;
    }

    .case-blog .post {
        padding: 1em 10px;
        width: 100%;
        box-sizing: border-box;
        border-radius: 0;
    }

    .case-blog .post h3 {
        line-height: 1.45;
    }

    .case-blog .post blockquote {
        margin: 1em 0;
        grid-template-columns: auto;
    }

    .case-blog .post blockquote img {
        margin: 0 0 1em;
    }

    .case-blog .post blockquote p:first-child {
        grid-template-columns: auto;
        justify-items: center;
        grid-column: 1;
    }

    .case-blog .post blockquote p:last-child {
        grid-column: 1;
        grid-row: 2;
        margin-top: .5em;
    }

    .case-blog .author {
        grid-template-columns: 1fr 1.35fr;
        margin: 1em 0 2.5em;
    }
}


/**
 * LAZY LOADER ANIMATIONS

@keyframes fadeScaleIn {
    from {
        opacity: 0;
        transform: scale(0);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.case-blog .post-item.fade-in {
    animation: fadeScaleIn .4s ease;
}

*/