/* Scss Document */
/*
Theme Name: BootstrapWP-3d
Theme URI: http://underscores.me/
Author: Brian Butler | 3D Digital Solutions
Author URI: http://3ddigitalsolutions.com
Description: Base WordPress | Bootstrap theme for 3D Digital Solutions Development
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: BootstrapWP-3D
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

BootstrapWP-3d is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*
-------- FONT AWESOME ICONS > http://fortawesome.github.io/Font-Awesome/icons/ --------
*/
/*
-------- GRID SYSTEM BREAKS --------
-xs-  Extra small devices | phones (<768px) | None (auto)
-sm-  Small devices | tablets (>=768px) | 750px
-md-  Medium devices | desktops (>=992px) | 970px
-lg-  Large devices | desktops (>=1200px) | 1170px
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
h1, h2, h3, h4, h5, h6 {
  font-family: "monarcha", sans-serif;
}
p, li, a {
  font-family: "adelle-sans", sans-serif;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
a {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  /* Above WP toolbar. */
  z-index: 100000;
  /* Do not show the outline on the skip link target. */
}
#content[tabindex="-1"]:focus {
  outline: 0;
  /*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  /*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
}
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
  /*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
  /*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
}
.sticky {
  display: block;
}
.hentry {
  margin: 0 0 1.5em;
}
.byline, .updated:not(.published) {
  display: none;
}
.single .byline, .group-blog .byline {
  display: inline;
}
.page-content, .entry-content, .entry-summary {
  margin: 1.5em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
  /*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
}
.blog .format-aside .entry-title, .archive .format-aside .entry-title {
  display: none;
  /*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
  /*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
  /* Globally hidden elements when Infinite Scroll is supported and in use. */
}
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
  display: none;
  /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
}
.infinity-end.neverending .site-footer {
  display: block;
  /*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
}
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  /* Make sure embeds and iframes fit their containers. */
}
embed, iframe, object {
  max-width: 100%;
  /*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
}
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
  /*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
}
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
.gallery-caption {
  display: block;
  /*=============================================================
  =============================================================*/
  /* WORD BREAK */
}
#primary, #secondary {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  /*======== HEADER ========*/
}
.navbar {
  border-radius: 0px;
}
.navbar-default {
  border: none;
}
#headerPhone {
  font-size: 1em;
  padding: 5px 0;
  text-align: right;
  vertical-align: middle;
  font-weight: bold;
}
#headerPhone p {
  color: #434343;
  margin-top: 9px;
}
#headerPhone p a {
  color: #986936;
}
#headerPhone p a:hover {
  color: #008681;
  text-decoration: none;
}
.sliderContainer {
  border-bottom: 3px solid #008681;
}
.sliderContainer div#n2-ss-1 .slide-skinny-title p {
  font-family: "adelle-sans", sans-serif;
  font-size: 1.6vw;
  text-align: right;
  color: #fff;
  text-shadow: 2px 2px 10px #000;
  text-transform: uppercase;
}
.sliderContainer div#n2-ss-1 .slide-large-title p {
  font-family: "monarcha", sans-serif;
  font-size: 3vw;
  text-align: right;
  color: #fff;
  text-shadow: 2px 2px 10px #000;
}
.cta-container {
  padding: 0% 0%;
  width: 100%;
  background-color: #fbeee0;
}
.cta-container .service-title .service-title-top {
  font-weight: bold;
  font-family: "monarcha", sans-serif;
  color: #2f110b;
  font-size: 2.4em;
  margin-bottom: 10px;
  margin-top: 10px;
  min-height: 70px;
}
.cta-container .cta-service {
  min-height: 600px;
  position: relative;
}
.cta-container .cta-more {
  font-size: 1.3em;
  font-weight: bold;
  font-family: "adelle-sans", sans-serif;
  color: #fff;
  background-color: #973920;
  padding: 2px 15px;
  border-radius: 4px;
  position: absolute;
  bottom: 25px;
  right: 20px;
  cursor: pointer;
}
.cta-container .cta-more:hover {
  text-decoration: none;
  color: #973920;
  background-color: #fff;
}
.cta-container .cta-image {
  display: block;
  margin: 0 auto;
  width: 100%;
  border-radius: 5px;
}
.cta-container .cta-description {
  font-size: 1.2em;
}
.footer-tagline {
  text-align: center;
  font-family: "monarcha", sans-serif;
  font-size: 2.5em;
  padding: 40px 0px;
}
.entry-footer {
  display: none;
}
.jcontainer {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .jcontainer {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .jcontainer {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .jcontainer {
    width: 1170px;
  }
}
@media (min-width: 1630px) {
  .jcontainer {
    width: 1600px;
  }
}
.tan-background {
  background-color: #fbeee0;
  padding: 15px 5%;
}
@media (min-width: 1920px) {
  div.sliderContainer div#n2-ss-1 .slide-skinny-title p {
    font-size: 32px;
  }
  div.sliderContainer div#n2-ss-1 .slide-large-title p {
    font-size: 54px;
  }
}
#masthead .jumbotron {
  height: 75vh;
  padding: 25px;
}
@media (max-width: 990px) {
  #masthead .jumbotron {
    margin-top: -20px;
  }
}
@media (max-width: 767px) {
  /*======== NAVIGATION ========*/  #masthead .jumbotron {
    display: none;
  }
}
#bs-example-navbar-collapse-1 {
  /*======== CONTENT ========*/
}
#bs-example-navbar-collapse-1 li {
  text-align: center;
}
h1.entry-title {
  display: none;
}
#content {
  width: 100%;
  padding: 0px 15px;
}
.site-content {
  background-color: #fff;
}
.jcontainer p, .jcontainer li, .jcontainer a, .jcontainer span {
  font-size: 22px;
}
.red-background {
  background-color: #973920;
  padding: 10px 0px;
}
.navbar-brand {
  height: auto;
  padding: 15px 5%;
}
.hentry, .entry-content {
  margin: 0px;
}
.navbar-default {
  padding: 5px 5%;
  background-color: #fff;
}
.navbar {
  margin-bottom: 0px;
}
.no-padding {
  padding: 0px;
}
#bs-example-navbar-collapse-1 #menu-menu-1 li a {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  color: #008681;
}
#bs-example-navbar-collapse-1 #menu-menu-1 li:hover, #bs-example-navbar-collapse-1 #menu-menu-1 li.active {
  background-color: #008681;
}
#bs-example-navbar-collapse-1 #menu-menu-1 li:hover a, #bs-example-navbar-collapse-1 #menu-menu-1 li.active a {
  color: #fff;
  background-color: transparent;
}
#footerNavigation p {
  font-size: 20px;
  font-family: "monarcha", sans-serif;
  color: #fff;
}
#menu-menu-2 {
  margin-left: 0px;
  padding: 0px;
}
#menu-menu-2 li {
  display: inline-block;
  width: 28%;
}
#menu-menu-2 li a {
  color: #fff;
  font-family: "adelle-sans", sans-serif;
  font-size: 16px;
}
#menu-menu-2 li a:hover {
  text-decoration: none;
  color: #fbeee0;
}
.white a, .white p, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white li {
  color: #fff;
}
.sub-footer {
  background-color: #008681;
  height: 35px;
  margin-top: 25px;
  position: relative;
}
.sub-footer .contact-us-button {
  position: absolute;
  right: 10%;
  top: -20px;
  color: #fff;
  background-color: #008681;
  border-radius: 12px;
  padding: 10px 25px;
  font-size: 1.2em;
}
.sub-footer .contact-us-button:hover {
  text-decoration: none;
  color: #973920;
}
.vc_row {
  margin: 0px !important;
}
.page-title {
  background-size: cover;
  background-image: url('images/title-background.jpg');
  color: #fff;
  font-family: "monarcha", sans-serif;
  font-size: 48px;
  font-weight: bold;
  margin: 0;
  padding: 125px 0;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 35px;
  background-repeat: no-repeat;
}
.red-container {
  padding: 25px;
  border-radius: 8px;
  background-color: rgba(116, 47, 19, 0.7);
  /*======== FOOTER ========*/
}
#footer {
  border-top: none;
  padding: 25px 0px 0px;
  background-color: #973920;
}
#footer .footerHeading {
  font-weight: bold;
}
#footer #footerNavigation {
  margin: 0;
}
#footer #footerNavigation #menu-primary_nav-1 {
  margin: 0;
  padding: 0;
}
#footer #footerNavigation li {
  list-style-type: none;
  list-style-image: none;
  list-style: none;
}
#footer #footerNavigation li a {
  display: block;
}
#footer #footerAddress p, #footer #footerAddress a {
  color: #fff;
  font-size: 16px;
}
#footer #footerAddress p a:hover, #footer #footerAddress a a:hover {
  text-decoration: none;
  color: #fbeee0;
}
#footer #footerAgency {
  text-align: right;
}
#footer .footer-agency-logo-link {
  display: inline-block;
  line-height: 0;
}
#footer .footer-agency-logo {
  display: block;
  width: 130px;
  max-width: 100%;
  max-height: 42px;
  height: auto;
}
#footer #footerSocialMedia {
  text-align: center;
  padding: 15px 0;
  background: #efefef;
  margin: 0 0 25px 0;
}
#footer #footerSocialMedia a {
  margin: 0 10px;
}
@media (max-width: 350px) {
  #footerSocialMedia a {
    margin: 0 3px !important;
  }
}
#footerContactForm {
  padding: 0;
  margin: 0;
  font-size: 0.8em;
}
#footerContactForm input.formName {
  width: 45%;
  float: left;
  margin: 0 1% 5px 0;
  padding: 3px 10px;
}
#footerContactForm input.formEmail {
  width: 91%;
  float: left;
  margin: 0 1% 5px 0;
  padding: 3px 10px;
}
#footerContactForm textarea {
  width: 91%;
  float: left;
  margin: 0 1% 5px 0;
  height: 50px;
  padding: 3px 10px;
}
#footerContactForm input[type=submit] {
  width: 91%;
  float: left;
  padding: 3px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  div.cta-container .service-title .service-title-top {
    font-size: 1.8em;
  }
}
@media (max-width: 991px) {
  .navbar-brand img {
    width: 100%;
    height: auto;
    max-width: 100%;
  }
  #headerPhone p {
    text-align: center;
  }
  nav div#bs-example-navbar-collapse-1 #menu-menu-1 {
    width: 100%;
    text-align: center;
  }
  nav div#bs-example-navbar-collapse-1 #menu-menu-1 li {
    float: none;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .jcontainer span.wpcf7-form-control-wrap {
    font-size: 22px;
    width: 100%;
    max-width: 100%;
  }
  .jcontainer span.wpcf7-form-control-wrap input, .jcontainer span.wpcf7-form-control-wrap textarea {
    width: 100%;
  }
  .testimonials-list {
    padding-left: 0px;
  }
  #footerAddress {
    text-align: center;
  }
  nav div#bs-example-navbar-collapse-1 #menu-menu-1 li {
    display: block;
  }
  .footerHeading {
    text-align: center;
    margin-top: 20px;
  }
  #footer #footerAgency {
    text-align: center;
    margin-top: 12px;
  }
  #footer .footer-agency-logo {
    width: 120px;
    max-height: 38px;
    margin: 0 auto 5px;
  }
  #footerMap iframe {
    height: 300px;
  }
  #footer #footerAddress p, #footer #footerAddress a {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .max-width-wrapper {
    padding: 0px 15px;
  }
  ul.service-list {
    margin-bottom: 0px;
  }
  #marble-installation-container {
    background-color: #973920 !Important;
    background-image: none !important;
  }
  #marble-installation {
    background-color: transparent;
  }
  div.cta-container .service-title p.service-title-top {
    min-height: 0px;
    padding-left: 4%;
    margin-bottom: 0px;
    font-size: 2.8em;
  }
  div.cta-container .service-title p.service-title-top br {
    display: none;
  }
  div.cta-container .cta-description {
    font-size: 1.6em;
  }
  div.cta-container .cta-more {
    position: relative;
    right: auto;
    top: auto;
    margin-left: 5%;
    margin-top: 10px;
    font-size: 1.2em;
  }
  .cta-service .tan-background {
    margin-bottom: 20px;
  }
  #menu-menu-2 li {
    float: none;
    padding: 10px 0px;
    border: 1px solid #fff;
    margin: 10px 0px;
    width: 100%;
    text-align: center;
  }
  #menu-menu-2 li a {
    font-size: 1.4em;
  }
}
.padding-left-15 {
  padding-left: 15px;
}
.margin-top-25px {
  margin-top: 25px;
}
.full-image {
  width: 100%;
  height: auto;
  max-width: 600px;
}
.contact-call {
  color: #973920;
}
.contact-call:hover {
  text-decoration: none;
  color: #008681;
}
.margin-bottom-50 {
  margin: 0 auto 50px;
}
.page-id-12 .wpcf7-submit {
  color: #fff;
  background-color: #973920;
  width: 150px;
  font-size: 26px;
  border: none;
  line-height: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.page-id-12 .wpcf7-submit:hover {
  background-color: #008681;
}
.final-tiles-gallery {
  margin: 0px auto 50px;
}
.final-tiles-gallery .tile img {
  opacity: 0.6;
  -webkit-transition: all 500ms !important;
  -moz-transition: all 500ms !important;
  -o-transition: all 500ms !important;
  transition: all 500ms !important;
}
.final-tiles-gallery .tile img.item:hover {
  opacity: 1;
}
.testimonials-list {
  margin-bottom: 50px;
  list-style-type: none;
  max-width: 1200px;
  margin: 15px auto 50px;
}
.testimonials-list li {
  font-family: "adelle-sans", sans-serif;
  font-style: italic;
  padding: 35px 0px;
  border-bottom: 1px solid #973920;
}
.testimonials-list li strong {
  display: block;
  color: #973920;
  margin-top: 10px;
  font-style: normal;
  font-size: 24px;
}
.max-width-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}
.padding50 {
  padding: 50px 0px;
}
.page-id-9 main p {
  font-size: 21px;
}
.final-tiles-gallery .tile img {
  opacity: 1;
}
.archive article {
  background: #fbeee0;
  padding: 30px;
  margin-bottom: 30px;
}
.archive h2 a {
  color: #008681;
}