/*
	Theme Name: Impact Base
	Version: 1.1
	Last Updated : 2/28/18
	Author: Impact Marketing
*/
/*------------------------------------*\
    Template Lines - DELETE
\*------------------------------------*/
/*------------------------------------*\
    COLORS
\*------------------------------------*/
:root {
  --main: #000000;
  --light-grey: #f3f3f3;
  --grey: #777777;
  --dark-grey: #222222;
}

.pageWrap {
  background-color: #fff;
  padding: 30px 10px;
  display: block;
  float: left;
  width: 100%;
}

.pageContain {
  background-color: white;
}

/*------------------------------------*\
    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%;
}

html {
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

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: var(--main);
  color: #FFF;
  text-shadow: none;
}

::-webkit-selection {
  background: var(--main);
  color: #FFF;
  text-shadow: none;
}

::-moz-selection {
  background: var(--main);
  color: #FFF;
  text-shadow: none;
}

::-webkit-scrollbar {
  width: 16px;
  height: 16px;
  background: #e7e7e7;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: var(--main);
}

a[href^="tel"] {
  color: inherit;
  /* Inherit text color of parent element. */
  text-decoration: none;
  /* Remove underline. */
  /* Additional css `propery: value;` pairs here… */
}

/*------------------------------------*\
    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
\*------------------------------------*/
.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… */
}
}

.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… */
}

/*======= END TEAM MODULE =======*/
/*
      _____                            _
      \_   \_ __ ___  _ __   __ _  ___| |_
       / /\/ '_ ` _ \| '_ \ / _` |/ __| __|
   /\/ /_ | | | | | | |_) | (_| | (__| |_
  \____/ |_| |_| |_| .__/ \__,_|\___|\__|
                   |_|
*/
/* ==== GENERNAL ==== */
body, html {
  height: 100%;
}

html {
  height: auto;
}

html, body {
  max-width: 100vw;
  overflow-x: hidden;
}

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;
}

a {
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  max-width: 100%;
  /*-webkit-transition: all 0.4s ease-out 0s;*/
  /*transition: all 0.4s ease-out 0s;*/
}

a:focus,
input:focus,
textarea:focus,
button:focus,
.slick-initialized .slick-slide:focus,
.btn:focus {
  text-decoration: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a:focus,
a:hover {
  text-decoration: none;
}

i,
span,
a {
  display: inline-block;
}

.color-theme {
  color: var(--main) !important;
}

input,
select,
textarea,
select {
  border: none;
  width: 100%;
  height: 70px;
  background-color: #f8f8f8;
  padding: 0 40px;
}

/* ==== 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;
}

p {
  font-size: 16px;
}

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;
}

.section-block {
  width: 100%;
  padding-top: 7rem;
  padding-bottom: 7rem;
  background-size: cover;
  background-position: center;
}

.section-block.smaller {
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-size: cover;
  background-position: center;
}

.section-block.small {
  width: 100%;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  background-size: cover;
  background-position: center;
}

.section-block {
  position: relative;
  z-index: 1;
}

/*
.column>:first-child,
.row {
    margin-top: 0;
}

.row,
.wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-bottom: 0;
}

.column {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    float: left;
}
*/
.text-break {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.flex {
  width: 100%;
  display: flex;
  align-items: center;
}

.v-align-top {
  align-self: flex-start !important;
  vertical-align: top !important;
}

.v-align-bottom {
  align-self: flex-end !important;
  vertical-align: bottom !important;
}

.hide {
  display: none !important;
  visibility: hidden !important;
}

.show {
  display: block !important;
  visibility: visible !important;
}

.white {
  color: white;
}

.inline-block {
  width: auto !important;
  display: inline-block !important;
}

.inline-block_1 {
  display: inline-block !important;
  width: 50%;
}

.mobile .hide-on-mobile,
.mobile .hide-on-mobile * {
  display: none !important;
  visibility: visible !important;
}

.no-margins {
  margin: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.overflow-visible {
  overflow: visible !important;
}

.no-scroll {
  overflow: hidden !important;
}

.clear-height {
  height: auto !important;
}

.full-width {
  width: 100% !important;
}

/* ========== Header ========= */
.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 {
  padding: 0px;
}

ul#menu-main-menu a {
  padding: 10px 20px;
  font-size: 16px;
}

header {
  display: block;
  float: left;
  width: 100%;
  padding: 20px 0px;
  background-color: #ececec;
}


.modula-best-grid-gallery .fancybox__container, .header-not-at-top .modula-best-grid-gallery .fancybox__container  {
    z-index: 9999999!important;
    position: fixed!important;
}


.header-not-at-top .site-header {
    width: 100%;
    background-color: #fff;
    position: fixed;
    margin-top: -60px;
}
div#top-of-site-pixel-anchor {
  position: absolute;
  top: 60px;
}
.container.main-head {
    display: flex
;
}
/* ========== Footer ========= */
footer {
  float: left;
  width: 100%;
  background-color: #ececec;
}

.CWRight {
  text-align: right;
}

.copyrightWrap {
  background-color: #ececec;
  padding: 7px 0px;
  font-size: 12px;
}

.footerContainer {
  min-height: 140px;
}