@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

*************************************************/

/*********************
BASE STYLES
*********************/

body{
  font-family: Georgia, serif;
}

#content{
    background-image: url("../images/lightpaperfibers.png");
}

.button{
  font-family: Georgia, serif;
  text-transform: uppercase;
}

.brand {
  padding-top: 0.2em;
  max-width: 320px;
  width: 100%;
}

.mmc-branding{
  float: right;
}

.home .page-title {
    display: none;
}

.stripe-xsmall{
  padding-top: 2em;
  padding-bottom: 2em;
}

.stripe-small{
  padding-top: 5em;
  padding-bottom: 5em;
}

.stripe-medium{
  padding-top: 9em;
  padding-bottom: 9em;
}

.stripe-large{
  padding-top: 15em;
  padding-bottom: 15em;
}

.secondary-header{
  background-size: cover;
}

.secondary-header h1 {
  text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
  line-height: 4.5em;
  color: #fff;
  text-align: center;
}

.services-box{
  padding: 1em;
  font-size: 0.8em;
  border: solid 1px #fff;
}

.info-bar{
  background-color: #69a0bd;
  padding: 8px 0px 8px 0px;
  color: #fff;
  font-size: 0.8em;
}

.social-links-mini{
  text-align: right;
}

.social-links-mini a{
  padding-left: 0.5em;
  color: #fff;
}

.social-links-mini a:hover{
  color: #c4a62e;
}

.address-info{
  padding-right:1em;
}

.info-bar i {
    padding-right: 0.5em;
}

#tss_testimonial span {
    display: none;
  }

/*********************
LINK STYLES
*********************/
a {
  color: #c4a62e;
}

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1, h2, h3, h4, h4, h5, h6{
  text-decoration: none;
  font-family: Georgia, serif;
  text-transform: uppercase;;
  color: #69a0bd;
}

h1{
  font-size: 2.7em;
}

h2{
  font-size: 2.4em;
}

h3{
  font-size: 1.7em;
}

h4{
  font-size: 1.3em;
}

h5{
  font-size: 1.1em;
}

h6{
  font-size: 0.9em;
}

p {
  font-family: Georgia, serif;
  color: #39312e;
}

.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text p, .white-text li{
  color: #fff;
}

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }

/*********************
NAVIGATION STYLES
*********************/
.top-bar {
  position: relative;
  z-index: 999;
  background-color: #ffffff;
  box-shadow: 2px 2px 5px #888888;
  padding: 1em 0.5em 1em 0.5em;
}

.top-bar .title-area {
  z-index: 1; }

.top-bar ul {
  background-color: transparent;
}

.menu.vertical>li {
  font-size: 0.8em;
}

.menu .active>a {
  font-family: Georgia, serif;
  text-transform: uppercase;
  background: #69a0bd;
  color: #fff;
}

.menu>li>a {
  font-family: Georgia, serif;
  text-transform: uppercase;
  display: block;
  padding: .7rem 1rem;
  line-height: 1;
  color: #414141;
}

.menu>li>a:hover {
  background: #69a0bd;
  color: #fff;
}

.off-canvas{
  background-color:#fff;
}

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }

.menu-icon:after {
  background: #69a0bd;
  box-shadow: 0 7px 0 #69a0bd, 0 14px 0 #69a0bd;
}

/*********************
POSTS & CONTENT STYLES
*********************/

#content {
    padding-top: 2em;
    padding-bottom: 2em;
}

.home #content {
    padding-top: 0em;
    padding-bottom: 0em;
}

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  font-family: Georgia, serif;
  font-size: 0.9em;
}

.full-width {
}

.footer {
  background-color: #f7f8fa;
  background-image: url("../images/footer-bg.jpg");
  background-position: right;
  background-repeat: no-repeat;
  background-size:  contain;
  padding: 2rem 4rem;
}

.footer h4 {
  margin-bottom: 10px;
}

.footer p, .footer a {
  font-size: 0.9em;
}

.footer-links {
  list-style-type: none;
}
.footer-links li {
  margin-top: .5em;
}

.bottom-bar {
  font-size: 12px;
  padding: 14px 0 10px;
  background-color: #213a5f;
  color: #fff !important;
}

.bottom-bar p{
  color: #fff !important;
}

@media only screen and (min-width: 40.063em) {
  .footer .columns:nth-child(n+2) {
  }
}

/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

.vc_general.vc_btn3.vc_btn3-style-outline-custom {
  font-family: Georgia, serif;
}

.footer .vc_general.vc_btn3.vc_btn3-style-outline-custom {
    font-size: 0.7em;
}

#tss_testimonial {
    font-size: 13px !important;
}

#tss_image {
    display: none;
}

#tss_name {
    margin-bottom: 0px !important;
    font-size: 14px;
    color:#213a5f !important;
    text-transform: uppercase !important;
    font-weight: normal !important;
}

#tss_occupation {
    margin-bottom: 5px !important;
    font-size: 14px !important;
}

.testimonial-list-name{
  text-transform: uppercase;
  color: #69a0bd;
  font-size: 1em;
}

.testimonial-list-occupation{
  font-style: italic;
  font-size: 0.8em;
}

input{
  font-family: Georgia, serif;
  padding: 7px 15px;
  color: #b8bcbe;
  border: 1px solid #e0e1e1;
  background-color: #fcfcfc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.field-wrap > div input, .field-wrap textarea, .field-wrap select {
    border-radius: 5px;
    box-shadow: none;
    border: solid 1px #e3e3e3;
    padding: 12px;
    padding-right: 20px;
    text-transform: capitalize;
}

.submitbutton {
  border: solid 1px #69a0bd !important;
  text-transform: uppercase !important;
  border-radius: 0px !important;
  color: #69a0bd;
  background-color: transparent;
}

label{
  font-family: Georgia, serif;
  color: #b8bcbe;
  font-weight: 100 !important;
}

.vc_general.vc_btn3.vc_btn3-style-outline-custom.sidebar-button{
    width: 100%;
}

.owl-theme .owl-controls .owl-page span {
    border: 0px;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    padding: 2px 8px;
}

.full-accordion-section .vc_tta-panel-body{
  background-color: #fff !important;
}

.vc_tta-color-chino.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: transparent !important;
    background-color: transparent;
}

.vc_tta-color-chino.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body, .vc_tta-color-chino.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body::after, .vc_tta-color-chino.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body::before {
    border-color: transparent !important;
}

.vc_tta-color-chino.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading {
    border-color: transparent !important;
}

.vc_tta.vc_general .vc_tta-panel-title>a {
  padding-left: 155px !important;
}

.full-width-accordion{

}

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
@media only screen and (max-device-width: 480px) {
  .branding, .source-org{
    float: none;
    width: 100%;
    text-align: center;
  }

  .footer {
    padding: 1rem;
    background-image: none !important;
  }
  .stripe-large, .stripe-medium, .stripe-small, .stripe-xsmall{
    padding-top: 1em;
    padding-bottom: 1em;
  }

  ul.menu {
    float: right;
    font-size: 1.2em;
  }

  .menu>li>a {
    border-bottom: solid 1px #cecece;
  }

  .wpb_content_element{
    margin-bottom: 5px !important;
  }

  .vc_custom_1487033013459 {
    background-image: none !important;
  }

  .mmc-branding {
    float: none;
    text-align: center;
  }

  .services-box {
    margin-top: 40px;
  }
  .secondary-header h1 {
    line-height: 1em;
    padding: 20px 0px 20px 0px;
  }

  .address-info{
    display: block;
    text-align: center;
  }

  .phone-info{
    display: block;
    text-align: center;
  }

  .social-links-mini{
    text-align: center;
  }

  i{
    color: #fff;
  }

}

/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet.

Remember to add things that won't make sense to print at
the bottom. Things like nav, ads, and forms shouldbe set
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited 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; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }