/*

	Theme Name: Impact Base

	Version: 1.1

	Last Updated : 2/28/18

	Author: Impact Marketing

*/

/*------------------------------------*\

    Template Lines - DELETE

\*------------------------------------*/

header {

    padding: 20px 0px;

    background-color: #ececec;

}

.pageWrap {

    background-color: #fff;

    padding: 30px 10px;

    display: block;

    float: left;

    width: 100%;

}

.pageContain {

    background-color: white;

}

.copyrightWrap {

    background-color: #ececec;

    padding: 7px 0px;

    font-size: 12px;

}

footer {

    background-color: #ececec;

}

.footerContainer {

    min-height: 140px;

}

/*------------------------------------*\

    MAIN

\*------------------------------------*/

/* global box-sizing */

*,

*:after,

*:before {

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-font-smoothing: antialiased;

    font-smoothing: antialiased;

    text-rendering: optimizeLegibility;

}

/* html element 62.5% font-size for REM use */

html {

    font-size: 62.5%;

}

body {

    font: 300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;

    color: #444;

}

/* clear */

.clear:before,

.clear:after {

    content: ' ';

    display: table;

}

.clear:after {

    clear: both;

}

.clear {

    *zoom: 1;

}

img {

    max-width: 100%;

    vertical-align: bottom;

}

/*------------------------------------*\

    STRUCTURE

\*------------------------------------*/

/* wrapper */

.wrapper {

    max-width: 1280px;

    width: 95%;

    margin: 0 auto;

    position: relative;

}

/* header */

.header {}

/* logo */

.logo {}

.logo-img {}

/* nav */

.nav {}

/* sidebar */

.sidebar {}

/* footer */

.footer {}

::selection {

    background: #04A4CC;

    color: #FFF;

    text-shadow: none;

}

::-webkit-selection {

    background: #04A4CC;

    color: #FFF;

    text-shadow: none;

}

::-moz-selection {

    background: #04A4CC;

    color: #FFF;

    text-shadow: none;

}

/*------------------------------------*\

    WORDPRESS CORE

\*------------------------------------*/

.alignnone {

    margin: 5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}

.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}

.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}

a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}

a img.alignnone {

    margin: 5px 20px 20px 0;

}

a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}

a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

}

.wp-caption {

    background: #FFF;

    border: 1px solid #F0F0F0;

    max-width: 96%;

    padding: 5px 3px 10px;

    text-align: center;

}

.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}

.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}

.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}

.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}

.wp-caption .wp-caption-text,

.gallery-caption {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}

.sticky {}

.bypostauthor {}

body {

    max-width: 100vw;

    overflow-x: hidden;

    display: block;

    float: left;

    width: 100%;

}

/*------------------------------------*\

    PRINT

\*------------------------------------*/

@media print {

    * {

        background: transparent !important;

        color: #000 !important;

        box-shadow: none !important;

        text-shadow: none !important;

    }

    a,

    a:visited {

        text-decoration: underline;

    }

    a[href]:after {

        content: " ("attr(href) ")";

    }

    abbr[title]:after {

        content: " ("attr(title) ")";

    }

    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: "";

    }

    pre, blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }

    thead {

        display: table-header-group;

    }

    tr, img {

        page-break-inside: avoid;

    }

    img {

        max-width: 100% !important;

    }

    @page {

        margin: 0.5cm;

    }

    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }

    h2,

    h3 {

        page-break-after: avoid;

    }

}

/*------------------------------------*\

    THEME CSS

\*------------------------------------*/

h1 {

    font-size: 35px;

    margin: 5px 0px;

}

.menuWrap {

    display: block;

    float: left;

    width: 100%;

}

ul#menu-main-menu {

    list-style: none;

}

ul#menu-main-menu li {

    float: left;

    display: inline-block;

}

ul#menu-main-menu a {

    padding: 10px 20px;

    font-size: 16px;

}

header {

    display: block;

    float: left;

    width: 100%;

}

p {

    font-size: 16px;

}

footer {

    float: left;

    width: 100%;

}

.CWRight {

    text-align: right;

}

ul#menu-main-menu {

    padding: 0px;

}

.barsWrap {

    display: block;

    height: auto;

    float: left;

}

a[x-apple-data-detectors] {

    color: inherit !important;

    text-decoration: none !important;

    font-size: inherit !important;

    font-family: inherit !important;

    font-weight: inherit !important;

    line-height: inherit !important;

}

a[href^="tel"] {

    color: inherit;

    /* Inherit text color of parent element. */

    text-decoration: none;

    /* Remove underline. */

    /* Additional css `propery: value;` pairs here… */

}

width: 100%;

}

p {

    font-size: 16px;

}

footer {

    float: left;

    width: 100%;

}

.CWRight {

    text-align: right;

}

ul#menu-main-menu {

    padding: 0px;

}

.barsWrap {

    display: block;

    height: auto;

    float: left;

}

a[x-apple-data-detectors] {

    color: inherit !important;

    text-decoration: none !important;

    font-size: inherit !important;

    font-family: inherit !important;

    font-weight: inherit !important;

    line-height: inherit !important;

}

a[href^="tel"] {

    color: inherit;

    /* Inherit text color of parent element. */

    text-decoration: none;

    /* Remove underline. */

    /* Additional css `propery: value;` pairs here… */

}

/*======= Team Module =======*/

.team-content {

    padding: 0 25px !important;

}

.team-content h1 {

    font-size: 2.2em;

    margin-top: 40px;

}

@media screen and (max-width:991px) {

    .team-content {

        padding: 30px 15px !important;

    }

    .team-content h1 {

        margin-top: 0;

    }

}

/*======= END TEAM MODULE =======*/

/*

      _____                            _

      \_   \_ __ ___  _ __   __ _  ___| |_

       / /\/ '_ ` _ \| '_ \ / _` |/ __| __|

   /\/ /_ | | | | | | |_) | (_| | (__| |_

  \____/ |_| |_| |_| .__/ \__,_|\___|\__|

                   |_|

*/

/* ==== GENERNAL ==== */

body, html {

    height: 100%;

}

html {

    height: auto;

}

body {

    font-size: 16px;

    color: #2d2d2d;

    background-color: #fff;

    font-family: 'roboto', sans-serif;

}

.clearfix:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0;

}

* html .clearfix {

    zoom: 1;

}

/* IE6 */

*:first-child+html .clearfix {

    zoom: 1;

}

/* IE7 */

.pull-left {

    float: left !important;

}

.pull-right {

    float: right !important;

}

a {

    text-decoration: none !important;

    font-family: 'roboto', sans-serif;

}

/* ==== Global ==== */

h1, h2, h3, h4, h5, h6 {

    font-family: 'roboto', sans-serif;

}

p, dl, ol, ul {

    font-family: 'roboto', sans-serif;

    margin-top: 0;

    margin-bottom: 1em;

}

h1 {

    display: block;

    font-size: 2em;

    margin-top: 0.67em;

    margin-bottom: 0.67em;

    margin-left: 0;

    margin-right: 0;

    font-weight: bold;

}

h2 {

    display: block;

    font-size: 1.5em;

    margin-top: 0.83em;

    margin-bottom: 0.83em;

    margin-left: 0;

    margin-right: 0;

    font-weight: bold;

}

h3 {

    display: block;

    font-size: 1.17em;

    margin-top: 1em;

    margin-bottom: 1em;

    margin-left: 0;

    margin-right: 0;

    font-weight: bold;

}

h4 {

    display: block;

    font-size: 1.12em;

    margin-top: 1.33em;

    margin-bottom: 1.33em;

    margin-left: 0;

    margin-right: 0;

    font-weight: bold;

}

h5 {

    display: block;

    font-size: .83em;

    margin-top: 1.67em;

    margin-bottom: 1.67em;

    margin-left: 0;

    margin-right: 0;

    font-weight: bold;

}

h6 {

    display: block;

    font-size: .75em;

    margin-top: 2.33em;

    margin-bottom: 2.33em;

    margin-left: 0;

    margin-right: 0;

    font-weight: bold;

}

p {

    font-size: 1em;

}

/* ========== Header ========= */




/* ========== Landing Page ========= */



.page-id-745 header, .page-id-745 footer {
    display: none;
}

body.page-id-745 {
    background-color: #0f0f0f;
}

.lndngWrp {
    max-width: 1120px;
    display: block;
    margin: 50px auto;
    background-color: white;
    border: 20px #dddddd solid;
    box-shadow: 5px 3px 19px 0px black;
}
h2.wpb_heading.wpb_singleimage_heading {
    font-size: 12px;
    background-color: #2b2b2b;
    color: white;
    font-weight: 500;
    padding: 6px 10px;
    margin-bottom: 0px;
}

.wpb_single_image.wpb_content_element.vc_align_left.jnlnpr {
    max-width: 200px;
}

a.topPhn {
    float: right;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: -1px;
    margin-top: 20px;
    margin-right: 20px;
}

span.topAddress {
    float: right;
    display: block;
    clear: both;
    margin-right: 20px;
    font-weight: 500;
    letter-spacing: -1px;
    font-size: 14px;
    margin-top: 10px;
}

img.lndLogo {
    margin-top: 10px;
}