@font-face {
  font-family: 'fred';
  src: url("../fonts/wisconsinconcretepark-regular_2-webfont.eot");
  src: url("../fonts/wisconsinconcretepark-regular_2-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/wisconsinconcretepark-regular_2-webfont.woff2") format("woff2"), url("../fonts/wisconsinconcretepark-regular_2-webfont.woff") format("woff"), url("../fonts/wisconsinconcretepark-regular_2-webfont.ttf") format("truetype"), url("../fonts/wisconsinconcretepark-regular_2-webfont.svg#wisconsin_concrete_parkRg") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  background-color: #F8F8F4; }

h1, h2, h3, a, a:hover, a:focus, .logo {
  font-family: 'fred';
  background-color: #676758;
  color: #F8F8F4;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none; }

#page-tabs li{
    display: block;
}

p {
  font-family: 'Titillium Web', sans-serif;
  font-size: 16px; }

  #wrapper{
      max-width: 1400px;
      padding-top: 30px;
  }

/*OVERRIDES WP GALLERY*/
/*.attachment-large{
  width:420px !important;
  height: auto !important;
}

br.gallery-size-large{
  clear: none !important;
}*/

section {
  padding-top: 20px;
  padding-bottom: 20px; }

.green-hover:hover {
  background-color: #88C665 !important; }

.orange-hover:hover {
  background-color: #FCB83E !important; }

.red-hover:hover {
  background-color: #F26953 !important; }

.sub-hover:hover {
  background-color: #575766 !important; }

.green-nav {
  background-color: #88C665 !important; }

.orange-nav {
  background-color: #FCB83E !important; }

.red-nav {
  background-color: #F26953 !important; }

.intro {
  background-color: white;
  padding-top: 60px; }

footer {
  background-color: #676758; 
  height: 50px;}

header {
  position: relative;
  overflow: hidden;
  min-height: 600px;
}


.logo {
  margin: 0 !important;
  position: relative; }

.logo img {
  padding: 20px 20px 20px 20px;
  width: 100%; }

.logo-img, logo-img:hover {
  padding: 0 !important;
  margin: 0 !important; }

.main-nav {
  position: absolute;
  width: 77%;
  top: 0px;
  left: 0px; }

.sub-nav {
  position: absolute;
  width: 180px;
  top: 50px;
  right: 0px;
  font-size: 18px;
  }

.sub-nav a {
  text-align: right;
  padding-right: 15px; 
  display: block;
  background-color: #676758}

  #areas a{
    display: block;
  }

h1 {
  margin: 0;
  padding: 20px; }


.nav-elements {
  margin: 0;
  font-size: 32px; }

.mobile-nav-trigger a {
  border: 3px solid #F8F8F4; 
  cursor: pointer;
}

.nav-elements-mobile {
  margin: 0 auto;
  font-size: 32px;
  position: absolute;
  display: block;
  width: 100%;
  top: -330px;
  transition: top .5s;
  background-color: rgb(248, 248, 244) }

 .nav-elements-mobile a {display:block;}

.mobile-active {
  top: 150px;
  z-index: 666}

.nav-elements a, .sub-nav a, .areas a {
  margin: 0px;
  cursor: pointer;
  }

@media all and (max-width: 1220px) {
  .nav-elements {
    font-size: 20px; }

  .sub-nav {
    font-size: 16px; } 


  }
@media all and (max-width: 768px) {
  .main-nav {
    width: 100%; } }

.areas {
  background-color: white; }

.areas h2 {
  background-color: transparent;
  color: #676758; }

.areas h2 img {
  height: 32px; }

.areas a {
  font-size: 20px; }

.info {
  padding-top: 0px;
  padding-bottom: 0px; }

.info div {
  background-color: #676758;
    
  }

.info h2 {
  /*background-color: #F8F8F4;*/
  color: #F8F8F4;
  border: 3px solid #F8F8F4;
  font-size: 16px; }

.info h2 a {
  background-color: transparent;
  color: #676758;
  padding: 0;
  margin: 0; }

.info h3 {
/*  background-color: #F8F8F4;*/
  color: #F8F8F4;
  font-size: 16px; }

.info .form-group {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 20px; }

.info input {
  width: 79% !important;
  height: 100%;
  border-radius: 0px;
  border: 3px solid #F8F8F4;
  background-color: transparent; }

.info button, .info button:hover {
  width: 19% !important;
  border-radius: 0px;
  border: 3px solid #F8F8F4;
  color: #F8F8F4;
  text-shadow: none;
  background-image: none;
  background-color: transparent;
  font-family: 'fred'; }

.info label {
  text-align: center;
  width: 100%;
  font-family: 'fred'; }

@media all and (max-width: 768px) {
  .info input {
    width: 100% !important;
    margin-bottom: 20px; }

  .info button, .info button:hover {
    width: 100% !important; } }
.page-content {
  margin-top: 256px; 
  }

.page-content section {
  background-color: #F8F8F4;
  padding: 60px 60px 120px 60px;
  margin-bottom: -60px; }

.page-nav a {
  background-color: transparent;
  color: #676758;
  font-size: 20px;
  text-align: left; }

.nav-tabs > li > a, .nav-tabs > li > a:hover {
  font-size: 14px;
  background-color: transparent;
  color: #676758;
  border: none; }

.nav-tabs {
  border: none; }

/*.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  background-color: transparent;
  border: none; }*/

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  background-color: transparent;
  border: none; }

.nav-tabs > li > a:hover{
  border-bottom: 3px solid #676758; 
         }

.nav-tabs-blue > li.active > a, .nav-tabs-blue > li.active > a:focus, .nav-tabs-blue > li.active > a:hover {
  border-bottom: 3px solid #C4E7F1; }

.nav-tabs-green > li.active > a, .nav-tabs-green > li.active > a:focus, .nav-tabs-green > li.active > a:hover {
  border-bottom: 3px solid #88C665; }

.nav-tabs-orange > li.active > a, .nav-tabs-orange > li.active > a:focus, .nav-tabs-orange > li.active > a:hover {
  border-bottom: 3px solid #FCB83E; }

.nav-tabs-red > li.active > a, .nav-tabs-red > li.active > a:focus, .nav-tabs-red > li.active > a:hover {
  border-bottom: 3px solid #F26953; }

.tab-pane h2 {
  background-color: transparent;
  color: #333; }

.blog-entry {
  padding: 20px 0 20px 0; }

.blog-entry p {
  padding: 0 60px 0 60px; }

.blog-entry h4 {
  text-align: center;
  font-size: 27px; }

.gallery-item p {
  margin: 0 20px 0 20px; }

.modal-backdrop {
  background-color: #676758; }

.modal-backdrop.in {
  opacity: .8; }

.modal-content {
  border-radius: 0px; }

.img-grid {
  background-color: #F8F8F4;
  padding-top: 60px; }

.stripe-button-el {
  background-image: none !important;
  border-radius: 0px !important;
  background-color: #F8F8F4 !important;
  color: #676758 !important;
  border: 3px solid #676758 !important;
  font-size: 16px !important;
  padding: 20px;
  margin: 20px; }

.stripe-button-el span {
  background-color: transparent !important;
  background-image: none !important;
  font-size: 27px !important;
  font-family: 'fred' !important;
  color: #676758 !important;
  text-shadow: none !important; }

@media all and (max-width: 1220px) {
  .page-nav a {
    font-size: 16px; }

  .page-content {
    margin-top: 200px; } }
@media all and (max-width: 768px) {
  .page-nav a {
    font-size: 16px; }

  .page-content {
    margin-top: 150px; } }
.tl-timeline h1, .tl-timeline h2, .tl-timeline h3 {
  background-color: transparent; }

.tl-icon-image {
  display: none !important; }

#timeline div {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/*
.tl-slide-scrollable-container, .tl-slide-content-container, .tl-slide-scrollable-container{
	
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
    box-sizing: content-box;
	
	
}
*/

/*# sourceMappingURL=style.css.map */
.gallery-caption, .wp-caption-text{font-size: 10px;color: #000;margin-top: 10px;background-color: rgb(248, 248, 244)}
.gallery-icon.landscape {overflow: hidden;border:2px solid rgb(248, 248, 244) }
.attachment-medium, .size-medium {margin: 0 auto;}
.tab-pane{overflow: hidden;}
.aligncenter{margin: 0 auto}
.aligncenter .wp-caption-text{text-align: center;}
img.aligncenter {margin:0 auto;display: block;}
/*GALLERY POSTS*/

.gallery-caption, .wp-caption-text{font-size: 10px;}

@media all and (max-width: 1220px) {
  
  .gallery-caption, .wp-caption-text{font-size: 10px;}
}

@media all and (max-width: 768px) {
  a.gallery-icon {height:100% !important; }
  .attachment-medium, .size-medium {margin: 0 auto;}
  dl {display:block; clear:both; width:100% !important;}

}