/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 /* CUSTOM POST GRID */
/* CTA Styling */

#single-post-sidebar .fl-widget.hs_cta_widget {
    /*background: #f4f4f6 !important;*/
    padding: 20px;
    margin-bottom: 20px;
}

.hs_cta_widget {
    text-align: center !important;
}

#single-post-sidebar .fl-module-content {
    margin: 0 !important;
}

.hs_cta_widget.fl-widget {
    margin-bottom: 0px;
}

.hs_cta_widget .fl-module-heading .fl-module-content {
    margin: 0px;
}

.hs_cta_widget .fl-module:last-child .fl-module-content {
    margin: 5px 0px 20px;
}

.hs_cta_widget .fl-module:last-child .fl-module-content a.button {
    margin-top: 15px;
}

#primary-cta-area .sharp-spring-form .section-two,
#primary-cta-area .sharp-spring-form .section-three,
#single-post-sidebar .sharp-spring-form .section-two,
#single-post-sidebar .sharp-spring-form .section-three {
    float: none;
    display: block;
}

#primary-cta-area .hs_cta_widget .fl-module:last-child .fl-module-content,
#secondary-cta-area .hs_cta_widget .fl-module:last-child .fl-module-content,
#single-post-sidebar .hs_cta_widget .fl-module:last-child .fl-module-content {
    margin-bottom: 0 !important;
}

#primary-cta-area .hs_cta_widget .fl-module:last-child .fl-module-content h3 {
    margin-bottom: 0 !important;
}

#primary-cta-area .frm_style_formidable-style.with_frm_style input[type=email] {
    background: #e4e4e9 !important;
}

#primary-cta-area .hs_cta_widget .fl-module:last-child .fl-module-content fieldset,
#secondary-cta-area .hs_cta_widget .fl-module:last-child .fl-module-content fieldset,
#single-post-sidebar .hs_cta_widget .fl-module:last-child .fl-module-content fieldset {
    padding-bottom: 0;
}

#secondary-cta-area #newsletter img {
    max-height: 250px;
}

#secondary-cta-area .fl-module-content.fl-node-content {
    margin-top: 0;
    margin-bottom: 0;
}

.hs_cta_widget .fl-module:last-child .fl-module-content a.button {
    text-decoration: none !important;
}

.newsletter-image .section-two,
.newsletter-image .section-three {
    width: 100%;
}

.sharp-spring-form .frm_button_submit {
    border-color: #33333a !important;
}

.sharp-spring-form .frm_button_submit:hover {
    border-color: #26C196 !important;
    color: #26C196 !important;
}

.video-widget .section-one {
    width: 100%;
}

@media screen and (min-width: 768px) {

    #secondary-cta-area .section-wrapper,
    #secondary-cta-area .newsletter-image {
        float: none;
        display: inline-block;
        width: 50%;
        padding-right: 20px;
        vertical-align: middle;
    }
    
    #secondary-cta-area .section-wrapper .section-two,
    #secondary-cta-area .section-wrapper .section-three {
        float: none;
        display: block;
        padding-left: 20px;
    }
    
    #secondary-cta-area .video-widget .section-one {
        display: inline-block;
        width: calc(50% - 20px);
        margin-right: 20px;
        vertical-align: middle;
        float: none !important;
    }
    
    .video-widget .section-one .videoWrapper {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 51%;
    }
    
    .video-widget .section-one .videoWrapper iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0; top: 0;
    }
    
    #secondary-cta-area .video-widget .section-two {
        display: inline-block;
        width: calc(50% - 20px);
        margin-left: 20px;
        vertical-align: middle;
        float: none !important;
    }
    
    #secondary-cta-area .fl-col-group {
        text-align: center;
    }
    
    .hs_cta_widget a img,
    .free-guide img,
    #media_image-2 img {
        width: 100%;
        max-height: 290px;
        width: auto;
        padding: 0px 30px;
    }

}

@media screen and (max-width: 767px) {
    
    #secondary-cta-area #newsletter .fl-photo-content {
        text-align: center;
    }
    
    #secondary-cta-area #newsletter img {
        width: auto;
    }
    
    .video-widget .section-one .videoWrapper {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 51%;
    }
    
    .video-widget .section-one .videoWrapper iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0; top: 0;
    }
    
    .sharp-spring-form .section-three form.frm-show-form {
        margin-left: auto !important;
        margin: auto 0 !important;
    }
    
    .sharp-spring-form .newsletter-image img {
        width: 100%;
    }
    
    .hs_cta_widget a img,
    .free-guide img,
    #media_image-2 img {
        width: 100%;
        padding: 0px 20px;
    }
    
}

.newsletter-image .fl-photo-content {
    text-align: left;
}
 
 
 
.custom-industry-posts .fl-post-grid .fl-post-column {
    width: 100%;
}

.custom-industry-posts .fl-post-grid .fl-post-column .fl-post-grid-post {
    padding: 0px 10px;
}

.custom-industry-posts .fl-module-content {
    margin: 10px 10px;
}

.custom-industry-posts .fl-post-grid {
    margin-left: -10px;
    margin-right: -10px;
}

@media screen and (min-width: 768px) {
    
    .custom-industry-posts .fl-post-grid .fl-post-column {
        width: 33.33333%;
    }
    
    .custom-industry-posts .fl-post-grid .fl-post-column .fl-post-grid-post {
        padding: 0px 10px 40px;
    }
    
    .custom-industry-posts .fl-post-grid[data-total="1"] .fl-post-column { /* Change layout if only 1 post queried*/
        width: 33%;
        float: none;
        margin: 0 auto;
    }

    .custom-industry-posts .fl-post-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    
}

@media screen and (min-width: 1024px) {
    
    .custom-industry-posts .fl-post-grid .fl-post-column {
        width: 33.33333%;
    }
    
    .custom-industry-posts .fl-post-grid[data-total="1"] .fl-post-column { /* Change layout if only 1 post queried*/
        width: 33.33333%;
        float: none;
        margin: 0 auto;
    }
    
    .custom-industry-posts .fl-post-grid[data-total="2"] .fl-post-column { /* Change layout if only 2 posts queried*/
        width: 33.33333%;
    }
    
}

.fl-builder-edit .footer-cta-wrapper {
    min-height: 100px;
}

.cta-mobile-banner {
    display: block;
    margin: 0 auto;
    /*padding: 40px;*/
}

.cta-tablet-banner,
.cta-desktop-banner {
    display: none;        
}

.fl-html > .footer-cta-container {
    max-width: 900px;
    margin: 20px auto;
}

.fl-widget.hs_cta_widget {
    background-color: transparent;
}

.footer-cta-wrapper .fl-module-content {
    margin: 0;
}

/*.fl-theme-builder-archive #single-post-sidebar .fl-widget.hs_cta_widget {
    background-color: #e4e3e9 !important;
}*/

.fl-theme-builder-archive #single-post-sidebar .hs_cta_widget a img,
.blog-archive-square-cta .hs_cta_widget a img {
    padding: 0 !important;
    max-height: inherit !important;
    width: 100%;
}

.fl-widget.hs_cta_widget.image {
    background-color: transparent !important;
}

.single-product .fl-widget.hs_cta_widget.image {
    background-color: transparent !important;
}

.fl-theme-builder-archive .fl-widget.hs_cta_widget.image,
.blog-archive-square-cta .hs_cta_widget.image {
    background-color: #e4e3e9 !important;
}

#single-post-sidebar .hs_cta_widget a img {
	padding: 0 !important;
}

.single #single-post-sidebar .fl-widget.hs_cta_widget {
	padding-top: 0 !important;
}

.single #single-post-sidebar .fl-widget.hs_cta_widget.video {
    padding-top: 20px !important;
}

.single #single-post-sidebar .fl-module-content .fl-widget:nth-child(n+7) {
    display: none;
}

.single-product #single-post-sidebar {
    max-width: 375px;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    
    .cta-tablet-banner {
        display: block;  
        margin: 0 auto;
    }
    
    .cta-mobile-banner,
    .cta-desktop-banner {
        display: none;        
    }

    #single-post-sidebar .fl-widget.hs_cta_widget,
    .blog-archive-square-cta .hs_cta_widget {
        padding: 0 !important;
    }

    #single-post-sidebar .fl-widget.hs_cta_widget.form {
        padding: 20px !important;
    }
    
}

@media screen and (min-width: 1024px) {
    
    .cta-desktop-banner {
        display: block;   
        margin: 0 auto;
    }
    
    .cta-mobile-banner,
    .cta-tablet-banner {
        display: none;        
    }
    
}

/* Banners - max height */
.cta-desktop-banner {
    max-height: 250px;
    width: auto;
}

/* Product Template CTAs */
.cta-row__wrapper {
    margin: -1px 0;
}

.fl-builder-edit .cta-row__wrapper .fl-row-content-wrap {
    padding: 20px;
}

.fl-builder-edit .cta__wrapper .fl-module-content {
    padding: 20px;
}

/* CTA Update - Summer 2022 - DevHouse.se */
.jlt-cta {
    padding: 20px 20px 48px;
}

.jlt-cta[data-contains-image="false"] {
    padding: 20px;
}

.jlt-cta .jlt-cta__wrapper {
    position: relative;
    z-index: 1;
}

.jlt-cta[data-cta-background="gray"] { background-color: #f4f4f6; }
.jlt-cta[data-cta-background="white"] { background-color: #ffffff; }
.jlt-cta[data-cta-background="navy"] { background-color: #232331; }
.jlt-cta[data-cta-background="image"] {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.jlt-cta[data-cta-background="image"]::after {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: rgba(0,0,0,.7);
}

.jlt-cta .cta-text__content {
    text-align: left;
}

.jlt-cta[data-cta-background="navy"] .cta-text__content .cta-text,
.jlt-cta[data-cta-background="image"] .cta-text__content .cta-text,
.jlt-cta[data-cta-background="navy"] .cta-text__content .cta-title,
.jlt-cta[data-cta-background="image"] .cta-text__content .cta-title,
.jlt-cta[data-cta-background="navy"] .cta-text__content .cta-category,
.jlt-cta[data-cta-background="image"] .cta-text__content .cta-category {
    color: #ffffff;
}

.jlt-cta .cta-text__content .cta-title {
    margin: 5px 0;
    line-height: 1.2;
    font-size: 27px;
}

.jlt-cta[data-cta-style="square-cta"] .cta-text__content .cta-title {
    margin: 5px 0 10px;
}

.jlt-cta .cta-text__content .cta-category {
    font-weight: bold;
}

.jlt-cta .cta-text__content .cta-category {
    margin: 0;
}

.jlt-cta[data-contains-image="true"] .jlt-cta__wrapper > .cta-image-content > img {
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
            box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; 
}

.jlt-cta[data-contains-image="true"] .cta-image-content {
    position: relative;
}

.jlt-cta[data-contains-image="true"][data-cta-style="square-cta"] .cta-image-content > .cta-image__wrapper {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow-x: hidden;
}

.jlt-cta[data-contains-image="true"][data-cta-style="square-cta"] .cta-image-content > .cta-image__wrapper > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: auto;
    max-width: inherit;
}

.jlt-cta[data-contains-image="true"] .cta-image-content > .cta-button__wrapper {
    position: absolute;
    width: 100%;
    left: 50%;
    bottom: 0;
    z-index: 1;
    -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
}

.jlt-cta .cta-button__wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

.jlt-cta .cta-button__wrapper > div {
    padding: 10px;
}

.jlt-cta .cta-link__cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.cta-slider__wrapper {
    margin-bottom: 0 !important;
    opacity: 0;
}

.cta-slider__wrapper .slick-dots {
    bottom: 0 !important;
}

.cta-slider__wrapper .slick-dots li button::before {
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.cta-slider__wrapper[data-slide-color="navy"] .slick-dots li button::before,
.cta-slider__wrapper[data-slide-color="image"] .slick-dots li button::before {
    color: #ffffff;
    opacity: .5;
}

.cta-slider__wrapper[data-slide-color="navy"] .slick-dots li.slick-active button::before,
.cta-slider__wrapper[data-slide-color="image"] .slick-dots li.slick-active button::before {
    color: #ffffff;
    opacity: 1;
}

.jlt-cta.long-title[data-cta-style="square-cta"] .cta-text__content .cta-title {
    font-size: 23px !important;
    min-height: 64.8px;
}

@media screen and (max-width: 767px) {
    
    .jlt-cta[data-two-button="true"] .cta-image-content .cta-button__wrapper {
        position: inherit;
        left: inherit;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        margin-top: 20px;
    }
    
}

@media screen and (min-width: 768px) {

    .cta-slider__wrapper .slick-track {
        display: flex;
    }

    .cta-slider__wrapper .slick-track .jlt-cta {
        height: initial;
    }
    
    .jlt-cta .cta-button__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    
    .jlt-cta[data-cta-style="banner-cta"] .cta-slider__wrapper .slick-dots {
        bottom: 7.5px !important;
    }

    .jlt-cta[data-cta-style="banner-cta"] {
        padding: 40px 0 68px;
    }
    
    .jlt-cta[data-cta-style="banner-cta"][data-contains-image="false"] {
        padding: 40px;
    }
    
    .jlt-cta[data-cta-style="banner-cta"] .jlt-cta__wrapper {
        padding: 0 20px;
    }
    
    .jlt-cta .jlt-cta__wrapper[data-cta-style="banner-cta"] {
        max-width: 840px;
        margin: 0 auto;
    }
    
    .jlt-cta[data-contains-image="false"] .jlt-cta__wrapper[data-cta-style="banner-cta"] {
        max-width: 640px;
    }
    
    .jlt-cta[data-contains-image="true"] .jlt-cta__wrapper[data-cta-style="banner-cta"] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    
    .jlt-cta[data-cta-style="banner-cta"] .cta-text__content .cta-title {
        margin: 7.5px 0 10px;
        line-height: 1.4;
    }
    
    .jlt-cta[data-cta-style="banner-cta"][data-contains-image="true"] .cta-text__content .cta-text {
        margin: 0;
    }
    
    .jlt-cta[data-contains-image="true"] .jlt-cta__wrapper[data-cta-style="banner-cta"] > div {
        width: 40%;
    }
    
    .jlt-cta[data-contains-image="true"] .jlt-cta__wrapper[data-cta-style="banner-cta"] > .cta-image-content {
        width: 60%;
    }
    
    .jlt-cta[data-contains-image="true"] .jlt-cta__wrapper[data-cta-style="banner-cta"] > .cta-text__content {
        padding-right: 5%;
        text-align: left;
    }
    
    .single-post #overview > .fl-row-content-wrap > .fl-row-content > .fl-col-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    
    .single-post #overview > .fl-row-content-wrap > .fl-row-content > .fl-col-group > .fl-col-small .fl-col-content {
        position: sticky;
        top: 250px;
        padding-bottom: 20px;
    }
    
    .jlt-cta[data-cta-style="square-cta"] .cta-text__content .cta-title {
        font-size: 22px;
    }

}

@media screen and (max-width: 991px) {
    
    .jlt-cta .cta-image-content .cta-button__wrapper .fl-button {
        padding: 12px 20px !important;
    }
    
}

@media screen and (min-width: 1200px) {
    
    .jlt-cta[data-cta-style="square-cta"] .cta-text__content .cta-title {
        font-size: 27px;
    }
    
}

/* CTA Overview page */
#cta-overview > div:nth-child(even) {
    background-color: #f9f9f9;
}

#cta-overview > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

#cta-overview .jlt-cta {
    margin: 20px;
    border: 1px solid black;
}

#cta-overview .jlt-cta[data-cta-style="square-cta"] {
    width: 350px;
}