/* !4.1 Content */
#banner { height: 550px; }
#banner .banner-text { padding: 450px 0 0 0; }
#banner .banner-text h1 { font-size: 2.5em; }
#banner .banner-text h2 { font-size: 1.5em; }
#banner .banner-text h3 { font-size: 1.2em; }

.content-heading { text-align: left; }

.main-wrapper { max-width: 1024px; margin: 0 auto 40px; }
.main-content .wrapper .body {  }
.main-content .wrapper .body p,
.main-content .wrapper .body ul,
.main-content .wrapper .body h1,
.main-content .wrapper .body h2,
.main-content .wrapper .body h3,
.main-content .wrapper .body h4,
.main-content .wrapper .body h5,
.main-content .wrapper .body h6,
.main-content .wrapper .body hr,
.main-content .wrapper .body blockquote { width: 670px; }
.main-content .wrapper .body blockquote p { width: auto; }
.main-content .wrapper .body p.full-width-image { width: auto; }

.main-wrapper .full-width-image { margin: 30px auto; max-width: 100%; text-align: center; }
.main-wrapper .full-width { margin: 30px 0; max-width: 100%; }

.cta-buttons { margin: 50px 0 80px; }
.cta-buttons ul li { margin: 0 20px 0px; }

#footer .newsletter #mc-embedded-subscribe { display: inline-block; margin: 0 0 0 10px; clear: none; position: relative; top: 2px; }


/* !5.0 Home Page */
.home #banner .banner-text { padding-top: 254px; }


/* !5.2 Case Studies */
.case-studies-wrapper { margin-top: 40px; }
.case-studies .case-study { width: 306px; height: 350px; margin: 0 20px 20px; }
.case-studies .case-study .thumbnail { width: 306px; height: 270px; }


/* !5.3 Blog Posts */
.blog-posts article { width: 225px; margin-right: 20px; margin-bottom: 25px; }
.blog-posts article.rowend { margin-right: 0; }
.blog-posts article .entry-header .thumbnail { height: 90px; }

.page-single-post .entry-title { width: 670px; }


/* !5.5 Ebooks */
.ebooks .ebook { margin: 0 8px 20px 0; }
.ebooks .rowend { margin-right: 0; }


/* !5.5.1 Ebook page */
.ebook-highlight .ebook { height: 295px; }
.ebook-highlight .ebook .thumbnail { position: absolute; left: 75px; top: 20px; }
.ebook-highlight .ebook .content { margin: 10px 0 0 320px; }

.main-content .wrapper .ebook-summary .body p { width: auto; }

.page-case-study .case-study-content .page-title { width: 670px; }
.page-case-study .case-study-content .excerpt { width: 670px; }


/* Landing Page */
.two-panel-banner { height: 450px; display: block; }
.two-panel-banner .left-panel { float: left; width: 50%; height: 100%; }
.two-panel-banner .left-panel .panel-bg { background-position: 100% 100%; }
.two-panel-banner .right-panel { float: left; width: 50%; height: 100%; padding: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; display: block; }
.two-panel-banner .right-panel picture { display: none; }



@media only screen and (min-width: 1000px) {
    /* !5.3 Blog Posts */
    .blog-posts article { width: 280px; margin-right: 20px; margin-bottom: 25px; }
    .blog-posts article.rowend { margin-right: 0; }
    .blog-posts article .entry-header .thumbnail { height: 125px; }

}

@media only screen and (min-width: 1024px) {
    /* !4.0 Header */
    #header .burger { display: none; }

    .menu-main-menu-container { width: auto; height: auto; position: static; top: auto; right: auto; overflow: hidden; }
    #menu-main-menu { position: absolute; right: 20px; top: 10px; margin: 0; width: auto; padding: 0; }
    #menu-main-menu ul { list-style: none; margin: 0; padding: 0; }
    #menu-main-menu li { display: inline-block; list-style: none; font-size: .875em; font-family: 'Montserrat'; font-weight: normal; text-transform: uppercase; margin-left: 30px; padding-bottom: 2px; border-bottom: 2px solid #fff; position: relative; }
    #menu-main-menu li a { color: #231F20; padding: 0; }
    #menu-main-menu li:hover { border-bottom: 4px solid #ff3d25; }
    #menu-main-menu li.current_page_item { color: #000; border-bottom: 4px solid #ff3d25; }
    #menu-main-menu li .sub-menu { display: none; position: absolute; left: 0; top: calc(100% + 4px); width: 160px; padding: 10px 0; margin: 0; font-size: 1em; background: #fff; }
    #menu-main-menu li:hover .sub-menu { display: block; }
    #menu-main-menu li .sub-menu li { padding: 0; margin: 0; border: 0 none; }
    #menu-main-menu li .sub-menu li a { padding: 10px 10px 0 10px; color: #231f20; }
    #menu-main-menu li .sub-menu li a:hover { color: #ff3d25; }

    /* !5.2 Case Studies */
    

    /* !5.3 Blog Posts */
    .page-blog .main-wrapper { max-width: 1024px; margin: 0 auto 80px; }
    .blog-posts article { width: 310px; margin-right: 20px; margin-bottom: 25px; }
    .blog-posts article.rowend { margin-right: 0; }


    /* !5.5 Ebooks */
    .page-ebooks .main-wrapper { max-width: 1024px; margin: 0 auto 80px; }

    .two-panel-banner { height: 500px; }
    .two-panel-banner .content { padding: 60px 30px; }
    .two-panel-banner .content .title { font-size: 32px; }
    .two-panel-banner .content .copy { font-size: 24px; }

    .contact-form-block .contact-form-container { padding: 50px 30px; }
    .contact-form-block .contact-form-container .contact-form-content { display: inline-block; vertical-align: top; width: 55%; padding-bottom: 70px; padding-right: 45px; position: static; box-sizing: border-box; }
    .contact-form-block .contact-form-container .contact-form-content .intro-text { font-size: 30px; }
    .contact-form-block .contact-form-container .contact-form-content .additional { font-size: 24px; }
    .contact-form-block .contact-form-container .contact-form-content .contact-block-image { height: 85px; left: 30px; bottom: 30px; }
    .contact-form-block .contact-form-container .contact-form-wrapper { display: inline-block; vertical-align: top; width: 45%; margin-top: 0; }

    .testimonials-block { margin: 70px 0; }
    .testimonials-block .testimonials { font-size: 0; display: flex; margin: 0 -20px; }
    .testimonials-block .testimonials .testimonial { font-size: 16px; display: flex; flex-direction: column; width: calc(33% - 40px); margin: 0 20px; }
    .testimonials-block .testimonials .testimonial.pos-bottom .t-content { order: 1; }
    .testimonials-block .testimonials .testimonial.pos-bottom .t-details { order: 2; }
    .testimonials-block .testimonials .testimonial.pos-bottom .t-details .title-block { vertical-align: top; }



}

@media only screen and (min-width: 1090px) {
	.three-col .col { display: inline-block; vertical-align: middle; max-width: calc(26% - 20px); margin: 0 10px !important;}
	.two-col .col { display: inline-block; vertical-align: middle; max-width: calc(49% - 20px); margin: 0 10px !important;}
	.main-wrapper .four-col .col { display: inline-block; vertical-align: middle; max-width: calc(23% - 20px); margin: 0 10px !important;}
}