/*--------------------------------------------------------------
# Global Styles
--------------------------------------------------------------*/
.site {
    overflow: hidden;
    position: relative;
}

.container {
    margin: auto;
    max-width: 1400px;
    padding-left: 25px;
    padding-right: 25px;
}

hr {
    background-color: #00a2df;
    border: none;
    height: 3px;
}

body:not(.single-post) hr {
    margin-left: auto;
    margin-right: auto;
    max-width: 25%;
}

.wp-block-separator {
    margin-bottom: 5%;
    margin-top: 5%;
}

.wp-block-separator.is-style-default {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%;
}

.wp-block-separator.is-style-dots:before {
    color: #00a2df;
    content: "\00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7";
    line-height: 1;
    font-size: 50px;
    letter-spacing: 20px;
    padding: 0;
}

a {
    text-decoration: none;
}

.header-bar > .container {
    padding: 0;
}

.menu-toggle {
    position: absolute;
    right: 20px;
    top: 15px;
}

.row {
    position: relative;
}

.row > .col {
    display: inline-block;
    margin: 15px;
}

.navigation.posts-navigation, .navigation.post-navigation {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 10px;
    width: 100%;
}

body:not(.home):not(.single-post) header.entry-header {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

body:not(.home):not(.single-post) article.page:not(.sub-page) header.entry-header {
    padding-bottom: 5%;
    padding-top: 5%;
}

body:not(.home):not(.single-post) article.industry header.entry-header {
    padding-bottom: 9%;
    padding-top: 8%;
}

body:not(.home):not(.single-post) article.page.sub-page header.entry-header {
    padding-bottom: 15%;
    padding-top: 8%;
}

.nf-field-element input, .nf-field-element select {
    padding: 5px 10px;
}

.nf-error-msg {
    border-top: 1px solid #f00;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 10px;
}

#menu-social-links {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

#menu-social-links > li {
    display: inline-block;
}

#menu-social-links a {
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 21px;
}

aside > .widget {
    margin-bottom: 15%;
    margin-top: 5%;
}

/* svg gradient */
#svg-gradient {
    position: absolute;
    width: 0;
    height: 0;
    z-index: -99999;
    bottom: -999px;
    left: -999px;
}

#svg-gradient #stop1 {
  stop-color: #39c7f4;
}

#svg-gradient #stop2 {
  stop-color: #009cdb;
}

.sub-page h1, .sub-page h1 + p {
    margin-bottom: 15px;
    margin-top: 15px;
}


.cta-section {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}

.cta-section h2 {
    text-transform: capitalize;
}

.cta-section h2 + p {
    font-size: 20px;
}

.cta-section h2 + p > a {
    font-size: 125%;
    font-weight: 600;
}

.nf-before-form-content {
    border-bottom: 1px solid #eee;
    color: #ccc;
    font-size: 14px;
    font-style: italic;
    padding-bottom: 5px;
    margin-bottom: 15px;
}


#section-casestudy header h2 {
    margin-bottom: 25px;
    text-align: center;
}

#scrollup{
    bottom: 100px;
    color: rgba(0,0,0, .25);
    display:none;
    position:fixed;
    right: 20px;
    cursor: pointer;
    z-index: 999;
}

#scrollup:hover {
    color: rgba(0, 162, 223, .75);
}


.site-main .nf-form-content .field-wrap input[type="button"] {
    background-color: #00a2df;
    color: #fff;
    padding: 15px 35px;
    font-size: 16px;
    text-transform: uppercase;
}

textarea {
    resize: vertical;
}



/*--------------------------------------------------------------
# Header Styles
--------------------------------------------------------------*/
@-webkit-keyframes animateHeader {
    from { top: -200px; }
    to { top: 0; }
}

@keyframes animateHeader {
    from { top: -200px; }
    to { top: 0; }
}

@-webkit-keyframes animateLogo {
    from { -webkit-transform: translateY(-65px); transform: translateY(-65px); }
    to { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes animateLogo {
    from { -webkit-transform: translateY(-65px); transform: translateY(-65px); }
    to {  -webkit-transform: translateY(0);  transform: translateY(0); }
}

.top-bar {
    background-color: #32363D;
    display: none;
}

.top-bar, .top-bar a {
    color: #fff;
}

.top-bar > .container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.site-branding {
    padding: 15px 10px;
}

.site-header.sticky .header-bar > .container {
    position: relative;
}


/* Navs & Menus */
ul.social-links {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}

ul.social-links > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}

.main-navigation a {
    color: inherit;
    margin-left: 10px;
    margin-right: 10px;
    text-transform: uppercase;
    white-space: nowrap;
}

.main-navigation a:hover {
    color: #0486bf;
}

.social-links a {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.top-bar .container > span {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    font-size: 14px;
    font-weight: 300;
    margin-left: 25px;
    margin-right: 25px;
    text-align: right;
}

.container > a {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    justify-self: flex-end;
}

.cta-button {
    background-color: #00a2df;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 0;
    margin-right: 15px;
    padding: 18px 30px 17px;
    text-decoration: none;
    white-space: nowrap;
}

.cta-button:hover {
    background-color: #fff;
    color: #00a2df;
}


/*--------------------------------------------------------------
# Case Study Styles
--------------------------------------------------------------*/
.casestudies .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 35px;
}

.casestudies .row > .col {
    margin: 0;
}

.casestudies .col-excerpt {
    color: #fff;
    background-color: #00a2df;
    padding: 35px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-transition: padding .5s ease-in-out 0s;
    -o-transition: padding .5s ease-in-out 0s;
    transition: padding .5s ease-in-out 0s;
}

.casestudies .col-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
}

.casestudies .row > .col > h2 {
    border-bottom: 2px solid #fff;
    font-size: 28px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.casestudies .row > .col > h2,
.casestudies .row > .col > p {
    font-weight: 300;
}

.casestudies ul {
    margin-left: 0;

}

.casestudies ul > li {
    padding-bottom: 15px;
}

.casestudies .more-btn {
    background-color: #fff;
    color: #00a2df;
    display: inline-block;
    padding: 10px 25px;
    text-transform: uppercase;
}


/*--------------------------------------------------------------
# Calendly Styles
--------------------------------------------------------------*/
body.page-id-22187:not(.home):not(.single-post) article.page:not(.sub-page) header.entry-header {
    padding-bottom: 0;
    padding-top: 2.5%;
}

body.page-id-22187 .entry-header h1 {
    margin-top: 0;
    margin-bottom: 0;
}

body.page-id-22187 .entry-content {
    text-align: center;
}

body.page-id-22187 .entry-content > .container {
    max-width: none;
}

body.page-id-22187 .entry-content #calendly-form p {
    display: inline-block;
    margin-bottom: 2.5%;
    max-width: 800px;
}

body.page-id-22187 #calendly-form iframe {
    min-height: 1400px;
}



/*--------------------------------------------------------------
# Blog Styles
--------------------------------------------------------------*/
body.archive.category .page-header h1,
body.archive.category .page-header h2 {
    margin: 0;
}

body.archive.category .category-widget,
body.single-post .category-widget {
    background-position: center center;
    background-size: cover;
    padding: 25px;
}

body.single-post .category-widget {
    border-bottom: 5px solid #fff;
    border-top: 5px solid #fff;
}

body.archive.category .page-header .header-content {
    padding: 15px 25px;
}

body.archive.category .category-widget span,
body.archive.category .category-widget img,
body.single-post .category-widget span,
body.single-post .category-widget img {
    display: block;
}

body.archive.category .page-header,
body.single-post article {
    margin-bottom: 25px;
}

body.archive.category .page-header h1 {
    color: #00a2df;
    font-size: 20px;
    font-weight: 400;
}

body.archive.category .page-header .featured-article > article {
    background-color: rgba(235, 224, 178, .5);
}

body.archive.category .page-header .header-content > h2 {
    border-bottom: 8px solid #00a2df;
    display: inline-block;
}

body.archive.category header.page-header img,
body.single-post .category-widget img {
    margin: 15px auto;
}

body.archive.category header.page-header .archive-description > p {
    margin-bottom: 0;
}

body.archive.category header.page-header .cat-widget-link {
    padding: 10px 10%;
}

body.single-post .category-widget .cat-widget-link {
    padding: 10px 5%;
}

body.archive.category header.page-header .cat-widget-link,
body.single-post .category-widget .cat-widget-link {
    background-color: #fff;
    color: #00a2df;
    display: inline-block;
    margin-top: 15px;
    font-size: 18px;
}

body.archive.category .cat-widget-industry,
body.archive.category .category-widget-content,
body.single-post .cat-widget-industry,
body.single-post .category-widget-content {
    color: #fff;
}

body.archive.category .cat-widget-industry,
body.single-post .cat-widget-industry {
    font-size: 28px;
    line-height: 1;
}

body.archive.category span.cat-widget-title,
body.single-post span.cat-widget-title {
    color: #fff045;
    font-size: 34px;
    line-height: 1;
}

body.archive.category .category-widget-content,
body.single-post .category-widget-content {
    line-height: inherit;
}

body.archive.category .content-area,
body.blog .content-area {
    padding-bottom: 5%;
    padding-top: 5%;
    text-align: center;
}

body.archive.category .container
body.blog .container {
    padding: 0;
}

body.blog h2 {
    font-weight: 300;
}

body.archive.category .container > h2,
body.blog .container > h2 {
    margin-bottom: 2.5%;
}

body.archive.category .post > .entry-title,
body.blog .post > .entry-title {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.25;
    padding: 0 !important;
}

body.archive.category #blog-list,
body.blog #blog-list,
body.thank-you-page #blog-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

body.archive.category .col,
body.blog .col,
body.thank-you-page #blog-list .col {
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 10px -5px rgba(0,0,0,.25);
            box-shadow: 2px 2px 10px -5px rgba(0,0,0,.25);
    padding: 25px;
    margin: 15px;
    max-width: 420px;
    outline: 0 solid #ccc;
    transition: outline .25s ease-in-out 0s;
}

body.archive.category .col:hover,
body.blog .col:hover,
body.thank-you-page #blog-list .col:hover {
    outline-width: 5px !important;
}

body.archive.category .col p:last-child,
body.blog .col p:last-child {
    margin-bottom: 0;
}

body.archive.category .post > .entry-title,
body.archive.category .col p,
body.blog .post > .entry-title,
body.blog .col p,
body.thank-you-page #blog-list h2 {
    padding-left: 5%;
    padding-right: 5%;
}

body.archive.category .col .read-more,
body.blog .col .read-more {
    display: block;
    border: 1px solid #ddd;
    margin-top: 15px;
    padding: 5px 15px;
}

body.archive.category .col img,
body.blog .col img,
body.thank-you-page #blog-list img {
    width: 100%;
}

body.archive.category .post-img,
body.blog .post-img,
body.thank-you-page #blog-list .post-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    min-height: 150px;
    width: 100%;
}


/* Single Posts */
body.single-post .site-content > .container {
    padding: 5% 0;
    position: relative;
}

body.single-post .entry-header,
body.single-post .entry-content,
body.single-post .widget-area {
    margin-left: 15px;
    margin-right: 15px;
}

body.single-post .entry-title {
    line-height: 1.25;
    margin: 0;
}


body.single-post .addtoany_shortcode  {
    border-bottom: 2px solid #eee;
    border-top: 2px solid #eee;
    padding: 10px 15px 5px;
    margin-top: 5px;
    vertical-align: middle;
}


body.single-post .addtoany_shortcode::before {
    color: #999;
    content: "Share: ";
    display: inline-block;
}

body.single-post .addtoany_shortcode .addtoany_list {
    display: inline-block;
}

body.single-post aside  {
    background-color: #eee;
}

body.single-post aside .header-content {
    padding: 25px;
}

body.single-post aside .header-content h2 {
    margin: 0;
}

body.single-post aside .header-content .cat-widget-link {
    border: 1px solid;
    color: inherit;
    display: inline-block;
    padding: 10px 10%;
    margin-top: 0;
}

body.single-post aside .header-content .cat-widget-link:hover {
    border-color: #00a2df;
    background-color: #00a2df;
    color: #fff;
}

body.archive.category header.page-header .cat-widget-link:hover,
body.single-post .category-widget .cat-widget-link:hover {
    background-color: #fff045;
}

.entry-title ~ span {
    font-style: italic;
    font-size: 14px;
    color: #ccc;
    text-transform: capitalize;
}

body.single-post .wp-post-image {
    margin-top: 25px;
    width: 100%;
}

body.single-post .widget-title {
    border-bottom: 4px solid #eee;
}

body.single-post #secondary ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.single-post #secondary li {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}

body.single-post #secondary li a {
    font-size: 14px;
    display: block;
    text-decoration: none;
}

body.single-post #secondary li a::before {
    content: "• ";
}


body.single-post h2 {
    font-size: 2em;
    margin-bottom: 0;
}

body.single-post h3 {
    font-size: 1.5em;
}

body.single-post p + h2,
body.single-post p + .wp-block-alecan-widget-cta,
body.single-post p + .wp-block-alecan-widget-leadbait,
body.single-post p + .wp-block-alecan-drip-subscribe-form,
body.single-post ul + .wp-block-alecan-widget-cta,
body.single-post ul + .wp-block-alecan-widget-leadbait,
body.single-post ul + .wp-block-alecan-drip-subscribe-form,
body.single-post .wp-block-alecan-widget-cta + h2,
body.single-post .wp-block-alecan-widget-leadbait + h2,
body.single-post .wp-block-alecan-drip-subscribe-form + h2,
body.single-post .wp-block-alecan-widget-cta + p,
body.single-post .wp-block-alecan-widget-leadbait + p,
body.single-post .wp-block-alecan-drip-subscribe-form + p,
body.single-post .wp-block-alecan-widget-cta + ul,
body.single-post .wp-block-alecan-widget-leadbait + ul,
body.single-post .wp-block-alecan-drip-subscribe-form + ul,
body.single-post .wp-block-image + .wp-block-alecan-widget-cta,
body.single-post .wp-block-image + .wp-block-alecan-widget-leadbait,
body.single-post .wp-block-image + .wp-block-alecan-drip-subscribe-form,
body.single-post .wp-block-alecan-widget-cta + .wp-block-image,
body.single-post .wp-block-alecan-widget-leadbait + .wp-block-image,
body.single-post .wp-block-alecan-drip-subscribe-form + .wp-block-image,
body.single-post .wp-block-alecan-widget-cta + h3,
body.single-post .wp-block-alecan-widget-leadbait + h3,
body.single-post .wp-block-alecan-drip-subscribe-form + h3,
body.single-post p + h3 {
    margin-top: 5%;
}



body.single-post h3 + p {
    margin-top: 0;
}

body.single-post ul {
    margin-left: 0;
}

body.single-post #secondary .post-tip {
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10%;
}   

body.single-post #secondary .post-tip h2 {
    border-bottom: 1px solid #eee;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

body.single-post #secondary .post-tip img {
    width: 100%;
    max-width: 100%;
}

body.single-post .simplesocialbuttons {
    border-top: 1px solid #eee;
    padding-top: 10px;
}

body.single-post .simplesocialbuttons:first-of-type {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}


/*--------------------------------------------------------------
# Instagram Page Styles
--------------------------------------------------------------*/
.instagram-page {
    padding-bottom: 5%;
    text-align: center;
}

article.instagram-page > header.entry-header {
    padding-bottom: 0 !important;
}

body.page .instagram-page .entry-header h1 {
    margin-bottom: 10px;
    margin-top: 0;
}

body.page .instagram-page .entry-header h1 + p {
    margin-top: 0;
}

.instagram-page .gallery-item {
    margin: 10px;
    width: auto;
}

@media screen and (max-width: 1200px) {
    .instagram-page .gallery-item {
        margin: 5px;
        width: calc( 100%/3 - 15px );
    }
}



/*--------------------------------------------------------------
# Contact Page Styles
--------------------------------------------------------------*/
body.page-id-93 div#content {
    padding-bottom: 5%;
}

body.page-id-93 #section-1 .container {
    padding-left: 2.5%;
    padding-right: 2.5%;
}

body.page-id-93 h1 {
    margin: 0;
}

body.page-id-93 h1, body.page-id-93 h1 + p {
    color: #fff;
}

body.page-id-93 .hentry {
    margin-bottom: 0;
}

body.page-id-93 #text-2 * {
    color: #fff;
}

body.page-id-93 #text-2 hr {
    background-color: #fff;
    max-width: 100%;
    height: 1px;
}

body.page-id-93 #section-2 iframe {
    width: 100%;
}

body.page-id-93 .col {
    vertical-align: top;
}

body.page-id-93 #section-1 .col {
    margin: 0 ;
}

body.page-id-93 #section-1 > .row > .col {
    padding: 25px 25px 0;
}

body.page-id-93 #section-1 > .row > .col:first-child {
    background-color: #fff;
}

body.page-id-93 #section-1 > .row > .col:last-child {
    background-color: #2c9fe3;
}

body.page-id-93 #section-1 .textwidget > .row > .col {
    margin-bottom: 15px;
}

body.page-id-93 .textwidget > .row p {
    margin: 0;
}

body.page-id-93 #section-1 > .row > .col:last-child p {
    color: #fff;
}

body.page-id-93 #nav_menu-2 {
    border-bottom: 1px solid #eee;
    padding-bottom: 25px;
}

body.page-id-93 #ninja_forms_widget-3 .nf-field-container {
    margin: 0;
}

#ninja_forms_widget-2 input[type="button"],
body.page-id-93 #ninja_forms_widget-3 input[type="button"] {
    background-color: #2c9fe3;
    border: none;
    color: #fff;
    font-size: 1em;
    font-weight: 300;
    padding: 10px 50px;
    text-transform: uppercase;
}


body.page-id-93 form#drip-contact-form {
    display: block;
    grid-gap: 15px;
    padding: 25px;
}

body.page-id-93 form#drip-contact-form div {
    box-sizing: border-box;
    width: inherit;
}

body.page-id-93 form#drip-contact-form input,
body.page-id-93 form#drip-contact-form textarea {
    align-items: stretch;
    box-sizing : border-box;
    display: block;
    padding: 5px 10px;
    width: 100%;
    width: -moz-available;
}

body.page-id-93 form#drip-contact-form textarea {
    min-height: 100px;
    overflow: auto;
    resize: vertical;
}

body.page-id-93 form#drip-contact-form .select-wrapper {
    border: 1px solid #ccc;
}

body.page-id-93 form#drip-contact-form select {
    display: block;
    border: none;
    padding-top: 5px;
    width: 100%;
}

body.page-id-93 form#drip-contact-form select > option:first-child {
    color: #ccc;
}

body.page-id-93 form#drip-contact-form input[type="submit"] {
    background-color: #2c9fe3;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    font-weight: 300;
    grid-column: 1;
    padding: 10px 50px;
    position: inherit;
    text-transform: uppercase;
}

body.page-id-93 form#drip-contact-form .message-fields {
    grid-column: 1 / span 2;
}



/*--------------------------------------------------------------
# Thank You Page Styles
--------------------------------------------------------------*/
body.thank-you-page .content-area {
    background-color: #fafafa;
    text-align: center;
}

body.thank-you-page .entry-header {
    padding-bottom: 0 !important;
    padding-top: 2.5% !important;
}

body.thank-you-page .entry-header h1 {
    margin-bottom: 1rem;
}

body.thank-you-page .entry-content > .container > p {
    max-width: 80ch;
    margin: auto;
}

body.thank-you-page .entry-content > .container > p + * {
    margin-top: 2em;
}

body.thank-you-page .entry-content > .container ul {
    display: inline-block;
    margin-left: 0;
    text-align: left;
}

body.thank-you-page #section-1 {
    border-top: 2px solid #333;
    margin-top: 5%;
}

body.thank-you-page #section-1 h2 {
    font-weight: 400;
    margin-bottom: 0;
}

body.thank-you-page #section-1 .col {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: 0 -2px;
    padding: 5%;
}

body.thank-you-page #section-1 .content-wrap {
    background-color: rgba(255,255,255,.8);
    padding: 25px 15%;
}

body.thank-you-page .entry-content > .container a,
body.thank-you-page #section-1 p:last-child > a {
    background-color: #00a2df;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    padding: 10px 50px;
}

body.thank-you-page .entry-content > .container a {
    font-size: 1.5em;
}

body.thank-you-page #recent_post_tips-3 {
    margin-bottom: 10%;
    margin-top: 5%;
}

body.thank-you-page #recent_post_tips-3 .post-tip {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
}

body.thank-you-page #recent_post_tips-3 .post-tip h2 {
    font-size: 16px;
    grid-row: 2;
    line-height: 1.25;
}

body.thank-you-page #recent_post_tips-3 .post-tip img {
    grid-row: 1;
    margin-left: auto;
    margin-right: auto;
}

body.thank-you-page #blog-list {
    margin-bottom: 5%;
    margin-top: 5%;
}

body.thank-you-page #blog-list h2 {
    line-height: 1.25;
}

body.thank-you-page #blog-list .post > .entry-title {
    font-size: 1.5em;
}



/*--------------------------------------------------------------
# Footer Styles
--------------------------------------------------------------*/
.site-footer .footer-col {
    padding: 50px 15px;
}

.footer-col.col-left h2 {
    margin-top: 0;
}

.footer-col.col-left {
    background-color: #32363d;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-col.col-left .nf-before-form-content {
    font-size: 12px;
    font-style: italic;
    border-bottom: 1px solid rgba(255,255,255,.25);
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-weight: 300;
    color: rgba(255,255,255,.5);
}

.footer-col.col-right {
    background-color: #555;
}

.footer-col.col-right hr {
    background-color: #fff;
    height: 1px;
    margin: 20px 0;
    max-width: 50%;
}

.col-right .phone-number {
    display: inline-block;
    font-size: 24px;
    letter-spacing: 1px;
}

.get-directions {
    border-top: 1px solid #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
    padding-top: 5px;
}


.footer-col.col-right .nf-before-form-content {
    display: none;
}

.site-footer, .site-footer a:not(.footer-badge) {
    color: #fff;
    text-decoration: none;
}

.site-footer #ninja_forms_widget-4 .nf-cell:first-child {
    max-width: 180px;
}

.site-footer #ninja_forms_widget-4 .nf-cell:last-child {
    width: initial !important;
}

.site-footer input[type="button"] {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 25px;
    text-transform: uppercase;
}

.site-footer select {
    color: #aaa;
    font-weight: 400;
}

.site-footer textarea {
    padding: 10px;
}

.copyright-wrap {
    background-color: #2f2e2e;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    line-height: 21px;
    text-align: center;
}

.copyright-wrap span {
    display: block;
}

#footer-links-services > li.menu-item-has-children > ul {
    height: 0;
    display: none;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}

#footer-links-services > li.menu-item-has-children.show-items > a.active + ul {
    height: auto;
    display: block;
}

.footer-badge, .footer-badge > img {
    display: inline-block;
    vertical-align: middle;
}
    
.copyright, .footer-badge {
    padding: 10px 15px;
}

a.footer-badge:hover {
    background-color: rgba(255, 255, 255, 0.1);
}


/*--------------------------------------------------------------
# Single Industry Pages
--------------------------------------------------------------*/
body.single-industry #menu-social-links > li {
    display: inline-block;
    border: 1px solid rgba(255,255,255,.5);
    margin: 5px;
    min-width: 50px;
    padding: 10px;
    text-align: center;
}

body.single-industry #menu-social-links {
    max-width: 265px;
}

body.single-industry .footer-col.col-left .widget_text {
    border-bottom: 1px solid #fff;
}

body.single-industry .footer-col.col-right .widget_text {
    border-top: 1px solid #fff;
    display: inline-block;
    margin: 0;
}

body.single-industry .phone-number {
    font-size: 22px;
    letter-spacing: 2px;
}

body.single-industry .phone-number:not(:hover) {
    color: #00a2df;
}


/*--------------------------------------------------------------
# Intake Forms Styles
--------------------------------------------------------------*/
body.page-id-18674 .content-area,
body.page-id-19181 .content-area,
body.page-id-19199 .content-area,
body.page-id-19202 .content-area,
body.page-id-19204 .content-area {
    padding-bottom: 5%;
}


body.page-id-18674 article header.entry-header,
body.page-id-19181 article header.entry-header,
body.page-id-19202 article header.entry-header,
body.page-id-19204 article header.entry-header {
    padding-bottom: 0 !important;
}

body.page-id-19199 #entry-header {
    padding-left: 15px;
    padding-right: 15px;
}

body.page-id-19199 #entry-header h1,
body.page-id-19199 #entry-header h1 + p {
    line-height: 1.15;
    margin: 0 auto 1rem auto;
    max-width: 80ch;
}

body.page-id-19199 #entry-header h2 {
    margin-top: 3em;
    margin-bottom: 1rem;
}

body.page-id-19199 #entry-header h2 + p {
    margin: 0;
}

body.page-id-19199 #entry-header ul {
    display: inline-block;
    font-size: 1.1rem;
    margin-left: 0;
    margin-bottom: 2em;
    padding-left: 1rem;
    text-align: left;
}

body.page-id-19199 #entry-header .wp-block-alecan-button {
    display: block;
    font-size: 1.5rem;
    max-width: max-content;
    margin: 0 auto 2rem;
    padding: 2rem;
}




/*--------------------------------------------------------------
# Archive Pages Styles
--------------------------------------------------------------*/
body.archive .hentry {
    -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,.5);
    box-shadow: 0 0 10px -5px rgba(0,0,0,.5);
    display: inline-block;
    margin: 15px;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
}

body.archive .entry-title {
    font-weight: 300;
}


/*--------------------------------------------------------------
# Search Page Styles
--------------------------------------------------------------*/
body.search.search-no-results:not(.mobile) main,
body.search.search-results:not(.mobile) .page-content {
    padding-bottom: 50px;
    padding-top: 25px;
}

body.search.search-no-results.mobile main,
body.search.search-results.mobile .page-content {
    padding-top: 25px;
}

body.search .entry-header {
    text-align: left !important;
}

body.search.search-results .page-title > span {
    color: #141b21;
    font-family: "Open Sans",sans-serif;
    font-style: italic;
    font-weight: 600;
    text-transform: capitalize;
}


body.search form.search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 35px;
    position: relative;
}

body.search form.search-form label {
    margin-right: 5px;
    width: 100%;
}


body.search form.search-form input[type="search"] {
    color: rgba(55, 52, 75, 0.5);
    padding: 10px;
    width: 100%;
}

body.search.search-results #main .page-content > article {
    background-color: #fafafa;
    border-top: 1px solid #eee;
    margin-bottom: 25px !important;
    padding: 25px;
}

body.search.search-results #main .page-content > article > .entry-footer {
    border-bottom: 1px solid rgba(50, 50, 50, 0.1);
    border-top: 1px solid rgba(50, 50, 50, 0.1);
    padding: 15px;
}

body.search.search-results #main .page-content > article > .entry-header {
    border-bottom: 1px dotted rgba(50, 50, 50, 0.1);
    margin-bottom: 15px;
    padding-bottom: 5px;
}

body.search.search-results #main .page-content > article > .entry-header .entry-meta * {
    color: #ccc !important;
    font-style: italic;
}

.searchform-container {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 5px auto 25px;
    padding: 5px 10px;
    position: relative;
}

.searchform-container > .searchform-icon, input[type="submit"] {
    background-color: #00a2df;
    color: #fff;
    display: block;
    height: 40px;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 0;
    padding: 8px 25px 10px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 3px;
    text-transform: uppercase;
}

.searchform-container > input[type="text"] {
    background-color: transparent;
    border: medium none;
    width: 100%;
}

.searchform-container > .searchform-icon > svg {
    background-color: #fff;
    fill: rgba(0, 0, 0, 0.35);
}

.searchform-container > .searchform-icon:hover > svg {
    fill: rgba(0, 0, 0, 0.75);
}


/*--------------------------------------------------------------
# 404 Page Styles
--------------------------------------------------------------*/
body.error404 h2.widget-title {
    border-bottom: 1px solid #eee;
    font-size: initial;
    text-transform: uppercase;
}

body.error404 div > h2 {
    font-size: 18px;
}

body.error404 aside ul {
    font-size: 16px;
    margin-left: 0;
    padding-left: 10px;
}

body.error404 aside ul a {
    border-bottom: 1px solid #eee ;
    display: block;
    padding-bottom: 15px;
    padding-top: 15px;
}


body.error404 .page-content {
    padding-top: 25px;
}

body.error404 .page-content > div {
    margin-bottom: 25px;
}

body.error404 form.search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    position: relative;
}

body.error404 form.search-form label {
    margin-right: 5px;
    width: 100%;
}

body.error404 form.search-form input[type="search"] {
    color: rgba(55, 52, 75, 0.5);
    padding: 10px;
    width: 100%;
}

body.error404 #recent-post-list {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

body.error404 #recent-post-list > li:not(:last-child) {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

body.error404 #recent-post-list > li > a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

body.error404 .post-title {
    font-size: 14px;
}

body.error404 .post-thumb {
    margin-right: 15px;
}

body.error404 .post-thumb > img {
    max-width: unset;
    padding-top: 5px;
}


/*--------------------------------------------------------------
# Media Query Styles
--------------------------------------------------------------*/
@media screen and ( max-width: 767px ) {
    .casestudies .row {
        margin: 0;
    }

    .casestudies ul {
        list-style: none;
        padding-left: 0;
    }


    .wp-block-separator:not(.is-style-dots) {
        margin-bottom: 10%;
        margin-top: 10%;
    }

     body.page-id-93 form#drip-contact-form {
        padding: 0;
     }

    body.page-id-93 form#drip-contact-form div {
        margin-bottom: 15px;
    }

    body.page-id-93 form#drip-contact-form div.select-wrapper {
        padding: 5px;
    }

    body.page-id-19199 #entry-header h2 {
        font-size: 1.5em;
    }
}

@media screen and ( min-width: 768px ) {
    /* Section 4 */
   body.thank-you-page #blog-list h2 {
        font-size: 3em;
    }

  body.thank-you-page #blog-list p {
        font-size: 1.5em;
    }

   body.thank-you-page #blog-list .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
    }

   body.thank-you-page #blog-list .row > .col {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
    }

   body.thank-you-page #blog-list .row > .col > .content-wrap {
        margin: 5% 15%;
    }

    body.page-id-93 form#drip-contact-form {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    body.single-casestudy h1 + p {
        font-size: 2em;
    }

    
    body.page-id-22187 #calendly-form iframe {
        min-height: 1200px;
    }

    body.page-id-22187 #post-22187:not(.scheduled) .calendly-inline-widget {
        background-color: rgba(0, 162, 255, 0.05);
        border-top: 1px solid #EBF2F7;
        padding-bottom: 2.5%;
    }

    body.page-id-22187 #post-22187.scheduled {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: calc(100vmin - 530px);
    }



    .blog-category-filter.container {
        display: flex;
        justify-content: flex-end;
        padding-left: 3rem;
        padding-right: 3rem;
        position: relative;
    }
    
    .blog-category-filter select {
        background-color: #00a2df;
        border: none;
        border-right: 5px solid #00a2df;
        color: #fff;
        padding: 10px 25px 10px;
        margin-bottom: 2rem;
    }

    .blog-category-filter::after {
        background-color: #fff;
        content: "";
        height: 100%;
        position: absolute;
        right: 75px;
        top: 0;
        width: 2px;
    }

    body .cc_dialog.simple {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        width: 80vw;
    }
}

@media screen and ( min-width: 1024px ) {
    .site-header.sticky {
        -webkit-animation: animateHeader .5s ease-in-out;
                animation: animateHeader .5s ease-in-out;
        background-color: #fff;
        position: fixed;
        width: 100%;
        z-index: 999;
    }

    .site-header.sticky .site-branding {
        background-color: #fff;
        border-radius: 8px;
        -webkit-box-shadow: 0 10px 10px -10px rgba(0,0,0,.22);
                box-shadow: 0 10px 10px -10px rgba(0,0,0,.22);
        left: 10px;
        padding: 10px 15px 5px;
        position: absolute;
        top: 10px;
    }
    
    .site-header:not(.sticky) .site-branding {
        min-width: 320px;
        overflow: hidden;
    }

    .site-header:not(.sticky) .custom-logo {
        -webkit-animation: animateLogo .5s ease-in-out;
                animation: animateLogo .5s ease-in-out;
    }

    .site-header.sticky ~ .site-content {
        padding-top: 130px;
    }

    h1 {
        font-size: 3em;
        line-height: 1;
    }

    h2 {
        font-size: 2.5em;
    }

    h3 {
        font-size: 2em;
        margin: 0;
    }

    .entry-header p {
        font-size: 1.25em;
    }

    .container {
        padding: unset;
    }

    .top-bar {
        display: block;
    }

    .header-bar {
        -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07);
                box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07);
    }

    .site-branding img {
        max-width: inherit;
    }

    .main-navigation a {
        font-size: 16px;
        text-transform: uppercase;
    }

    #site-nav > li {
        font-weight: 600;
        text-align: center;
    }

    #site-nav > li:not(:first-child) {
        border-left: 1px solid rgba(85, 85, 85, 0.1);
    }

    /* Case Studies in Sub-pages */
    .casestudies .row {
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0;
    }

    .casestudies .row > .col {
        display: inline-block;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%;
        -webkit-box-ordinal-group: initial;
            -ms-flex-order: initial;
                order: initial;
    }

    .casestudies .row.img-right > .col-excerpt {
        text-align: left;
    }

    .casestudies .col-img img {
        height: 100%;
        object-fit: cover;
        object-position: center;
    }


    /* Blog */
    body.archive.category .post-img,
    body.blog .post-img {
        min-height: 250px;
    }

    body.archive.category .page-header h1 {
        font-size: 36px;
    }

    body.archive.category header.page-header {
        align-items: start;
        display: grid;
        grid-template-columns: 60% auto;
        grid-gap: 2.5%;
        text-align: left;
    }

    body.archive.category .page-header .header-content,
    body.archive.category .page-header .featured-article {
        justify-self: end;
        max-width: 860px;
    }

    body.archive.category .page-header .header-content {
        grid-column: 1;
        grid-row: 1;
    }

    body.archive.category .page-header .category-widget {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    body.archive.category .page-header .featured-article {
        grid-column: 1;
        grid-row: 2;
    }

    body.archive.category .page-header .featured-article > article {
        align-items: center;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 5%;
        margin: 0;
        max-width: 100%;
        min-height: auto;
        padding: 15px;
    }

    body.archive.category .page-header .featured-article > article > .post-img {
        grid-column: 1;
        background-size: 100% auto;
    }
    
    body.archive.category .page-header .featured-article > article > .entry-title,
    body.archive.category .page-header .featured-article > article > p {
        grid-column: 2;
        padding: 0;
        margin: 0;
    }

    body.archive.category header.page-header img,
    body.single-post .category-widget img {
        margin-left: 0;
        margin-right: 0;
    }

    body.archive.category header.page-header span,
    body.archive.category header.page-header img,
    body.single-post .category-widget span,
    body.single-post .category-widget img {
        display: block;
    }

    body.archive.category header.page-header span,
    body.single-post .category-widget span {
        line-height: 1.25;
    }

    body.archive.category header.page-header span.cat-widget-industry,
    body.single-post .category-widget span.cat-widget-industry {
        font-size: 30px;
    }

    span.category-widget-content {
        max-width: 400px;
    }

    body.archive.category header.page-header span.cat-widget-title,
    body.single-post .category-widget span.cat-widget-title {
        font-size: 40px;
    }

    body.single-post .site-content  {
        display: -ms-grid;
        display: grid;
        grid-gap: 50px;
        -ms-grid-columns: 1fr 35%;
        grid-template-columns: 1fr 35%;
    }
    
    body.single-post .site-content #primary {
        grid-column: 1;
        justify-self: end;
        max-width: 950px;
    }  

    body.single-post .site-content aside {
        grid-column: 2;
    }


    body.single-post aside > .sticky {
        position: fixed;
        width: 100%;
        z-index: 998;
        transform: translateY(0);
        transition: transform .25s ease-in-out 0s;
    }

    body.single-post aside > .sticky.pre-hide {
        transform: translateY(-8%);
    }

    body.single-post aside > .sticky.pre-hide.hide {
        transform: translateY(-110%);
    }

    body.single-post .site-content aside .header-content {
        max-width: 460px;
    }

    body.single-post .entry-title {
        line-height: 1.25;
    }

    body.single-post h1 + img {
        width: 100%;
    }

    body.single-post h2 {
        font-size: 2em;
        margin-bottom: 0;
    }

    body.single-post h2 + p {
        margin-top: 0;
    }

    body.single-post #secondary .post-tip h2 {
        font-size: 1.5em;
    }

    /* Contact Page */

    body.page-id-93 div#content {
        min-height: calc(100vh - 190px);
    }

    body.page-id-93 #section-1 .col {
        width: calc(100%/2 - 5px);
    }

    body.page-id-93 .nf-before-form-content {
        display: none;
    }

    body.page-id-93 header.entry-header {
        height: 450px;
        padding-top: 100px;
    }

    body.page-id-93 #section-2 iframe {
        width: 100%;
        height: 500px;
    }

    body.page-id-93 #section-1 {
        margin-top: -150px;
    }
    
    /*Quote Request Page*/
    body.page-id-18035 article {
        padding: 2.5% 5%;
        margin: auto;
        max-width: 1400px;
    }

    /* Inatke Form Page*/
    body.page-id-19199 #entry-header {
        padding-bottom: 0;
    }

    body.page-id-19199 #entry-header h2 {
        font-size: 1.8em;
    }

    /* Thank You Page */
    body.thank-you-page #section-1 .row {
        display: grid;
        grid-gap: 0;
        grid-template-columns: 1fr 1fr;
    }

    body.thank-you-page #recent_post_tips-3 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        grid-gap: 5% 5%;
        justify-content: center;
        text-align: center;
    }

    body.thank-you-page #recent_post_tips-3 > .widget-title {
        grid-row: 1;
        grid-column: 1 / span 2;
    }

    body.thank-you-page #recent_post_tips-3 .post-tip h2 {
        font-size: 20px;
    }

    body.thank-you-page #recent_post_tips-3 img {
        width: 100%;
    }

    

    /* Archive Pages */
    body.archive .hentry .entry-title {
        font-size: 24px;
    }



    /* Footer */
    .footer-columns > .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .site-footer .footer-columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
    }

    .site-footer .footer-col {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
    }

    .footer-col.col-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding-right: 50px;
    }

    .footer-col.col-left > .form-wrap {
        max-width: calc(1400px/2);
    }

    .footer-col.col-right {
        padding-left: 50px;
    }

    .site-footer .footer-col.col-right .widget_ninja_forms_widget .nf-cell:first-child {
        max-width: 250px;
    }

    .copyright-wrap {
        text-align: unset;
    }

    .copyright-wrap > .container {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    /* 404 Page */
    body.error404 .nav-links {
        max-width: 30%;
    }

    body.error404 .page-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-bottom: 5%;
        margin-top: 5%;
    }

    body.error404 .page-content > div {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        margin-bottom: 25px;
        padding: 0 25px;
    }

    body.error404 .page-content > div {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        margin-bottom: 25px;
        padding: 0 25px;
    }
}


@media screen and ( max-width: 1023px ) {
    .site-branding {
        max-width: 250px;
    }

    .main-navigation li > a {
        padding: 10px;
        border-top: 1px solid #eee;
        margin: 0;
    }

    .cta-section h2 {
        margin-bottom: 15px;
    }

    body.page-id-93 .row > .col {
        display: block;
        padding: 25px !important;
    }

    body.page-id-93 #section-2 iframe {
        min-height: 300px;
        margin-top: 25px;
    }

    body.thank-you-page #recent_post_tips-3 .post-tip {
        margin-bottom: 25px;
    }

    body.archive.category .page-header .featured-article > article  h2 {
        margin-top: 15px;
    }
}

@media screen and ( min-width: 1400px ) {
    .casestudies .col {
        min-height: 500px;
    }

    .casestudies .row.img-right > .col-excerpt {
        padding-left: 20%;
    }

    .casestudies .row.img-left > .col-excerpt {
        padding-right: 20%;
    }
}