/* Variables */

/* Fonts */

@font-face {

  font-family: "Sans Pro";

  src: url("../fonts/SourceSansPro-Black.otf");

  font-weight: normal;

}



@font-face {

  font-family: "Sans Pro";

  src: url("../fonts/SourceSansPro-Regular.otf");

  font-weight: 300;

}



@font-face {

  font-family: "Futura Bold";

  src: url("../fonts/Futura Bold.otf");

  font-weight: normal;

}



@font-face {

  font-family: "Rage";

  src: url("../fonts/RAGE.TTF");

  font-weight: normal;

}



/* Utilities */

/* line 34, ../scss/style.scss */

.center-container {

  display: table;

  height: 100%;

}

/* line 37, ../scss/style.scss */

.center-container .centered {

  display: table-cell;

  vertical-align: middle;

}



/* Global */

/* line 44, ../scss/style.scss */

body {

  font-family: "Open Sans";

  font-size: 12px;

}

@media (min-width: 992px) {

  /* line 44, ../scss/style.scss */

  body {

    font-size: 25px;

  }

}



/* Elements */

/* See custom-additions.css */

/* line 54, ../scss/style.scss */

img {

  max-width: 100%;

}

strong {
    
    font-weight: bold;
}



/* line 57, ../scss/style.scss */

h1, h2, h3, h4, h5 {

  font-family: "Sans Pro";

  text-transform: uppercase;

}



/* line 61, ../scss/style.scss */

h1 {

  font-size: 19px;

}

@media (min-width: 992px) {

  /* line 61, ../scss/style.scss */

  h1 {

    font-size: 48px;

  }

}



/* line 67, ../scss/style.scss */

h2 {

  font-size: 19px;

}

@media (min-width: 992px) {

  /* line 67, ../scss/style.scss */

  h2 {

    font-size: 40px;

  }

}



/* line 73, ../scss/style.scss */

h3 {

  font-size: 19px;

}

@media (min-width: 992px) {

  /* line 73, ../scss/style.scss */

  h3 {

    font-size: 36px;

  }

}



/* line 79, ../scss/style.scss */

h4 {

  font-size: 14px;

}

@media (min-width: 992px) {

  /* line 79, ../scss/style.scss */

  h4 {

    font-size: 30px;

  }

}



/* line 85, ../scss/style.scss */

h5 {

  font-size: 19px;

}

@media (min-width: 992px) {

  /* line 85, ../scss/style.scss */

  h5 {

    font-size: 30px;

  }

}



/* line 91, ../scss/style.scss */

.btn {

  border-radius: 0;

  border: 0;

  background-color: #ec2227;

  color: #fff;

  text-transform: uppercase;

  padding: 5px 10px;

  line-height: normal;

  font-family: "Sans Pro";

  font-size: 14px;

}

/* line 101, ../scss/style.scss */

.btn:hover {

  color: #fff;

}

/* line 104, ../scss/style.scss */

.btn:focus {

  outline: none;

  box-shadow: none;

}

@media (min-width: 992px) {

  /* line 91, ../scss/style.scss */

  .btn {

    padding: 10px 15px;

    min-width: 270px;

    font-size: 28px;

  }

}



/* line 114, ../scss/style.scss */

.btn-secondary {

  background-color: #fff;

  color: #ec2227;

}


.mobile-nav {
    z-index: 10
}



/* line 118, ../scss/style.scss */

.mobile-nav-toggle {

  display: inline-block;

  cursor: pointer;

  background-color: #ec2227;

  padding: 6px 8px;

  vertical-align: middle;

  border: 2px solid #000;

  /* Rotate first bar */

}

/* line 125, ../scss/style.scss */

.mobile-nav-toggle .bar {

  width: 30px;

  height: 4px;

  background-color: #fff;

  margin: 3px 0;

  transition: 0.4s;

}

/* line 133, ../scss/style.scss */

.mobile-nav-toggle.change {

  /* Fade out the second bar */

  /* Rotate third bar */

}

/* line 134, ../scss/style.scss */

.mobile-nav-toggle.change .bar1 {

  -webkit-transform: translate(0, 7px) rotate(-25deg);

  transform: translate(0, 7px) rotate(-25deg);

}

/* line 139, ../scss/style.scss */

.mobile-nav-toggle.change .bar2 {

  opacity: 0;

}

/* line 143, ../scss/style.scss */

.mobile-nav-toggle.change .bar3 {

  -webkit-transform: translate(0px, -7px) rotate(25deg);

  transform: translate(0px, -7px) rotate(25deg);

}

/* line 512, ../scss/style.scss */

.nav-mobile ul li.has-dropdown, .view-articles-mobile ul li.has-dropdown {

  position: relative;

}

/* line 514, ../scss/style.scss */

.nav-mobile ul li.has-dropdown a {

  position: relative;

  transition: 0.4s;

  background: #FFF;

}


.nav-mobile ul li.has-dropdown a, .view-articles-mobile ul li.has-dropdown a {

 display: block;

  position: relative;

  transition: 0.4s;

}

.nav-mobile ul li.has-dropdown .dropdown-arrow, .sideBar .view-articles-mobile  .has-dropdown .dropdown-arrow{

  position: absolute;

  right: 5px;

  top: 50%;

  transform: translateY(-50%);

  height: 29px;

  width: 29px;

  background-color: #fff;

}


.sideBar .view-articles-mobile  .has-dropdown .dropdown-arrow {
  right: 2px;
}


.sideBar .view-articles-mobile #otherArticles.show {
  min-width:100% !important;
}


.view-articles-mobile ul li {

 list-style: none;
	
}

/* line 527, ../scss/style.scss */

.nav-mobile ul li.has-dropdown .dropdown-arrow img, .sideBar .view-articles-mobile  .has-dropdown .dropdown-arrow img {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateY(-50%) translateX(-50%) rotate(180deg);

  transition: transform 0.4s;

}

/* line 536, ../scss/style.scss */

.nav-mobile ul li.has-dropdown.open a {

  background: #FFF;

}



/* line 538, ../scss/style.scss */

.nav-mobile ul li.has-dropdown.open a .dropdown-arrow img, .sideBar .view-articles-mobile .has-dropdown.open  .dropdown-arrow img{

  transform: translateY(-50%) translateX(-50%);

}




/* Sections */

/* line 163, ../scss/style.scss */

header {

  position: sticky;

  top: 0;

  z-index: 5;

  padding: 16px 0;

  background: #fff;

  font-family: "Sans Pro";

  font-size: 22px;

  text-transform: uppercase;

}

/* line 172, ../scss/style.scss */

header .btn {

  min-width: 0;

  font-size: 22px;

}

@media (min-width: 1440px) {

  /* line 172, ../scss/style.scss */

  header .btn {

    font-size: 28px;

  }

}

@media (min-width: 1440px) {

  /* line 163, ../scss/style.scss */

  header {

    font-size: 28px;

  }

}



/* line 183, ../scss/style.scss */

.full-nav {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



/* line 188, ../scss/style.scss */

.full-nav .btn {

  color: #fff;

}



/* line 191, ../scss/style.scss */

.mobile-nav a {

  display: block;

}



/* line 194, ../scss/style.scss */

.feature-bg {

  color: #fff;

  background-image: url("../images/leaky-basement.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

}

@media (min-width: 1200px) {

  /* line 194, ../scss/style.scss */

  .feature-bg {

    padding: 0 100px;

  }

}



/* line 204, ../scss/style.scss */

.feature-list {

  background-color: #ec2227;

  color: #fff;

}

/* line 207, ../scss/style.scss */

.feature-list h4 {

  text-transform: initial;

}

/* line 210, ../scss/style.scss */

.feature-list p {

  font-size: 12px;

  margin: 0;

}

@media (min-width: 992px) {

  /* line 210, ../scss/style.scss */

  .feature-list p {

    font-size: 21px;

  }

}

/* line 217, ../scss/style.scss */

.feature-list a {

  color: #fff;

}



/* line 223, ../scss/style.scss */

.cta {

  color: #2e2e2e;

  background-color: #d9d9d9;

  font-size: 18px;

  text-align: center;

  text-transform: uppercase;

  font-family: "Sans Pro";

}

/* line 231, ../scss/style.scss */

.cta span {

  vertical-align: middle;

}

/* line 234, ../scss/style.scss */

.cta a {

  vertical-align: middle;

  color: #2e2e2e;

}

/* line 238, ../scss/style.scss */

.cta img {

  max-width: 30px;

}

@media (min-width: 992px) {

  /* line 238, ../scss/style.scss */

  .cta img {

    max-width: none;

  }

}

@media (min-width: 992px) {

  /* line 223, ../scss/style.scss */

  .cta {

    font-size: 48px;

  }

}



/* line 248, ../scss/style.scss */

.cta-text {

  line-height: normal;

  font-weight: 300;

}

@media (min-width: 992px) {

  /* line 248, ../scss/style.scss */

  .cta-text {

    font-weight: normal;

  }

}



/* line 255, ../scss/style.scss */

.about-bg {

  color: #fff;

  background-image: url("../images/foundation-repair-niagara.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  min-height: 320px;

}



/* line 265, ../scss/style.scss */

footer {

  background-color: #494949;

  font-size: 14px;

  color: #bcbbbb;

}

/* line 269, ../scss/style.scss */

footer h5 {

  color: #fff;

}

/* line 272, ../scss/style.scss */

footer img {

  max-width: 40%;

}

@media (min-width: 576px) {

  /* line 272, ../scss/style.scss */

  footer img {

    max-width: 100%;

  }

}

/* line 278, ../scss/style.scss */

footer .text-sm {

  font-size: 12px;

}

@media (min-width: 992px) {

  /* line 278, ../scss/style.scss */

  footer .text-sm {

    font-size: 16px;

  }

}

/* line 284, ../scss/style.scss */

footer:before {

  content: "";

  height: 35px;

  display: block;

  width: 100%;

  background-image: url("../images/bricks.jpg");

  background-repeat: repeat-x;

  background-size: auto 100%;

}

@media (min-width: 992px) {

  /* line 284, ../scss/style.scss */

  footer:before {

    height: 80px;

  }

}

@media (min-width: 992px) {

  /* line 265, ../scss/style.scss */

  footer {

    font-size: 21px;

  }

}