html {
  background: #00877c;
}

body {
  line-height: 1.4em;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: -1px;
  margin: 0 0 0.4em;
}

h1 {
  font-weight: bold;
  font-size: 3.3em;
  line-height: 1.2em;
}

h2,
.post-title {
  font-weight: bold;
  font-size: 2.8em;
  line-height: 1.2em;
}

h3 {
  font-weight: normal;
  font-size: 2em;
  line-height: 1.2em;
}

h4 {
  font-weight: normal;
  font-size: 1.6em;
  line-height: 1.2em;
}

h5 {
  font-weight: normal;
  font-size: 1.2em;
  line-height: 1.2em;
}

h6 {
  font-weight: normal;
  font-size: 1em;
  line-height: 1.4em;
}

/*
h1 {
  font-weight: bold;
  font-size: 4.0em;
  line-height: 1.2em;
}

h2 {
  font-weight: bold;
  font-size: 3.3em;
  line-height: 1.2em;
}

h3 {
  font-weight: bold;
  font-size: 2.8em;
  line-height: 1.2em;
}

h4 {
  font-weight: normal;
  font-size: 2em;
  line-height: 1.2em;
}

h5 {
  font-weight: bold;
  font-size: 1.6em;
  line-height: 1.2em;
}

h6 {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.2em;
}
*/

p {
  padding-bottom: 1.3em;
}

hr {
  border-top: 5px solid #00877C;
  border-bottom: 5px solid #fff;
  border-left: 0;
  border-right: 0;
  height: 1px;
  background: transparent;
  display: block;
  margin: 20px 0 25px;
}

a, a:link, a:hover, a:focus, a:active {
  text-decoration: none;
}

#headerwrap,
#headerwrap.fixed-header {
  background-color: #fff;
}

#header,
#headerwrap.fixed-header #header {
  padding: 5px 0 !important;
}

#header img {
  vertical-align: top;
}

#site-logo {
  /*max-width: 280px;*/
  margin-top: 0;
  margin-bottom: 0;
}

#site-logo img,
.fixed-header-on #site-logo img {
  height: 74px !important;
  width: auto !important;
}

#main-nav > li > a {
  line-height: 74px;
  padding-top: 0;
  padding-bottom: 0;
}

#content {
  padding-top: 0;
  padding-bottom: 0;
}

/*
.column-light {
  background: #fff;
}

.column-dark {
  background: #99e6e1;
}
*/

.gutter-none.themify_builder_sub_row > .col4-1, 
.gutter-none .row_inner > .col4-1 {
  width: 20%;
}

.gutter-none.themify_builder_sub_row > .col4-2, 
.gutter-none.themify_builder_sub_row > .col2-1, 
.gutter-none .row_inner > .col4-2, 
.gutter-none .row_inner > .col2-1 {
  width: 60%;
}


/*
.col3-2.first {
  width: 60% !important;
}

.col3-1.last {
  width: 40% !important;
}

.col3-1.first {
  width: 40% !important;
}

.col3-2.last {
  width: 60% !important;
}
*/


/*
.gutter-none.themify_builder_sub_row > .col3-2, .gutter-none .row_inner > .col3-2 {
    width: 60%;
}

.gutter-none.themify_builder_sub_row > .col3-1, 
.gutter-none .row_inner > .col3-1 {
    width: 40%;
}
*/

.body-overlay {
  background-color: rgba(0, 135, 124, 0.5);
}

/*.module-text {
  padding: 30px;
}*/

.archive #layout,
.single #layout {
  width: auto;
}

/*body.archive #content > *,
body.single #content > **/
body #content > * {
  width: 1160px;
  margin: 0 auto;
}

body #content > .page-title {
  padding: 24px 30px;
  box-sizing: border-box;
  margin-bottom: 48px !important;
  border-bottom: 5px solid #00877C;
  width: auto;
  max-width: 1160px;
}

body.page #content > * {
  width: auto;
}

/*body.archive #layout #content > .loops-wrapper*/
body #content > .loops-wrapper {
  width: auto;
}

/*body.archive #layout #content > .loops-wrapper article .post-content .entry-content*/
.loops-wrapper.list-post .post-content .entry-content,
.single .post-content .entry-content {
  max-width: 1160px;
  margin: 0 auto;
}


/*body.archive #layout #content > .loops-wrapper article .post-content:before*/
.loops-wrapper.list-post .post-content:before,
.single .featured-area .post-content:before {
  display: block;
  content: "";
  width: 100%;
  height: 35px;
  background: #03bcb2;
  border-top: 35px solid rgba(255, 255, 255, 0.4);
}

.single .featured-area .post-content:before {
  margin-top: 30px;
}

.loops-wrapper.list-post .post-content .post-date-wrap,
.single .post-content .post-date-wrap {
  width: 100%;
  height: auto;
  position: relative;
  border-radius: 0;
  max-width: 1160px;
  margin: 0 auto;
  display: block;
}

.single.single-fullwidth-layout .featured-area .post-content .post-date-wrap {
  margin-top: 0;
}

.loops-wrapper.list-post .post-content .post-date,
.single .post-content .post-date {
  background: #03bcb2;
  position: absolute;
  top: -95px;
  right: 30px;
  margin: 0;
  padding: 0;
  transform: rotateZ(15deg);
}

.single.single-fullwidth-layout #content, 
.single.single-fullwidth-layout #sidebar {
  padding-top: 0;
}

/*
.loops-wrapper.list-post .post-date-wrap, 
.single .post-content .post-date-wrap {
  width: 100%;
  height: auto;
  min-height: 35px;
  margin: 20px 0 0 0;
  position: relative;
  background: #03bcb2;
  border-radius: 0;
  border-top: 35px solid rgba(255, 255, 255, 0.4);
}

.loops-wrapper.list-post .post-content .post-date,
.single .post-content .post-date {
  background: #03bcb2;
  position: absolute;
  top: -95px;
  right: 20px;
  margin: 0;
  padding: 0;
  transform: rotateZ(15deg);
}
*/

.loops-wrapper.list-post .post-content .post-date,
.single .post-content .post-date {
  font-family: Arial, Helvetica, sans-serif;
}

.loops-wrapper.list-post .post-content .post-date > *,
.single .post-content .post-date > * {
  font-family: arial !important;
  font-weight: bold !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  padding: 1px 0 !important;
  margin: 0 !important;
  top: 15px;
  position: relative;
}

.loops-wrapper.list-post .post-date > .day,
.post-content .post-date > .day {
    font-size: 2.8em !important;
}

.loops-wrapper.list-post .post-content .post-date > .month,
.single .post-content .post-date > .month {
    font-size: 2.0em !important;
}

.loops-wrapper.list-post .post-title,
.single .post-title {
  margin-bottom: 0;
}

.loops-wrapper .post-content .post-title,
.single .post-content .post-title {
  padding: 0;
}

.loops-wrapper .post {
  text-align: left;
}

.loops-wrapper .post-content .post-title a,
.single .post-content .post-title a {
  padding: 24px 30px;
  display: block;
  max-width: 1160px;
  margin: 0 auto;
  box-sizing: border-box;
}

@media screen and (max-width: 680px) {
  body #content > * {
    width: auto;
  }
  
  .loops-wrapper.list-post .post-content .post-date,
  .single .post-content .post-date {
    top: -50px !important;
  }
  
  .loops-wrapper.list-post .post-content .post-date > *,
  .single .post-content .post-date > * {
    top: 4px;
  }
  
  .loops-wrapper.list-post .post-content .post-date > .day,
  .single .post-content .post-date > .day {
    font-size: 2em !important;
  }
  
  .loops-wrapper.list-post .post-content .post-date > .month,
  .single .post-content .post-date > .month {
    font-size: 1.4em !important;
  }
  
  .loops-wrapper.list-post .post-content .post-date > .year,
  .single .post-content .post-date > .year, {
    font-size: 12px !important;
  }
}

#mobile-menu {
  background: #fff;
}

#mobile-menu #main-nav a,
#mobile-menu #main-nav a:link {
  color: #00877c !important;
}

#headerwrap #main-nav .current_page_item > a, 
#headerwrap #main-nav .current-menu-item > a,
#mobile-menu #main-nav a:hover,
#mobile-menu #main-nav a:focus,
#mobile-menu #main-nav a:active {
  color: #031f73 !important;
}

#headerwrap #menu-icon-close {
  color: #031f73 !important;
  /*
  top: 30px;
  right: 15px;
  */
  font-size: 40px;
  font-weight: normal;
}

#headerwrap #menu-icon,
#headerwrap.fixed-header #menu-icon {
  top: 0;
  line-height: 84px;
  right: 30px;
  font-size: 2em;
}

@media screen and (max-width: 1000px) {
  .module-text {
    padding: 20px;
  }
  
  #header,
  #headerwrap.fixed-header #header {
    padding: 0 !important;
  }
  
  #headerwrap #menu-icon,
  #headerwrap.fixed-header #menu-icon {
    font-size: 2em;
    right: 30px;
    top: 0;
    margin: 0;
    padding: 0;
    line-height: 84px;
  }
  
  #headerwrap #menu-icon-close {
    top: 13px;
  }
}

@media screen and (max-width: 680px) {
  #headerwrap #menu-icon,
  #headerwrap.fixed-header #menu-icon {
    font-size: 1.5em;
    right: 15px;
    line-height: 55px;
  }

  .fixed-header #headerwrap #site-logo img {
    width: auto;
    max-height: 45px;
    height: 45px !important;
  }
}

.mobile-full-row.gutter-none.themify_builder_sub_row  > .col6-1,
.mobile-full-row.gutter-none .row_inner  > .col6-1 {
	width: 16.666% !important;
}

.mobile-full-row.gutter-none.themify_builder_sub_row  > .col5-1,
.mobile-full-row.gutter-none .row_inner  > .col5-1 {
	width: 20% !important;
}

.mobile-full-row.gutter-none.themify_builder_sub_row  > .col4-1,
.mobile-full-row.gutter-none .row_inner  > .col4-1 {
	width: 25% !important;
}

.mobile-full-row.gutter-none.themify_builder_sub_row  > .col4-2,
.mobile-full-row.gutter-none.themify_builder_sub_row  > .col2-1,
.mobile-full-row.gutter-none .row_inner  > .col4-2,
.mobile-full-row.gutter-none .row_inner  > .col2-1 {
	width: 50% !important;
}
.mobile-full-row.gutter-none.themify_builder_sub_row  > .col4-3,
.mobile-full-row.gutter-none .row_inner  > .col4-3 {
	width: 75% !important;
}
.mobile-full-row.gutter-none.themify_builder_sub_row  > .col3-1,
.mobile-full-row.gutter-none .row_inner  > .col3-1 {
	width: 33.333% !important;
}
.mobile-full-row.gutter-none.themify_builder_sub_row  > .col3-2,
.mobile-full-row.gutter-none .row_inner  > .col3-2 {
	width: 66.666% !important;
}

@media screen and (max-width: 680px) {
  .equal-column-height .background-mobile {
    min-height: 550px !important;
  }
}

#footerwrap {
  /*padding: 54px 0 2em; */ /* Orig */
  padding: 35px 0 2em;
}

.footer-1 {
  padding-top: 54px;
}

.brand-decoration-top {
  width: 100%;
  height: 35px;
  background: #00c0b5;
  position: absolute;
  margin-top: -70px;
  left: 0;
  opacity: 0.4;
}

.brand-decoration-bottom {
  width: 100%;
  height: 35px;
  background: #00c0b5;
  position: absolute;
  margin-top: -35px;
  left: 0;
}

.post-nav a,
.post-nav a span {
  color: #34cec5;
}

.post-nav a:hover,
.post-nav a:hover span {
  color: #77e0db;
}

.post-nav {
  padding-bottom: 70px;
}

body.error404 #footerwrap {
  margin-top: 60px;
}

