@import url("fonts/fonts.css");
/**
@c_yellow: #ffd100;
@c_gray: #c4c4c6;
@fw_thin: 100;
@fw_light:200;
@fw_book:300;
@fw_reg:400;
@fw_med:600;
@fw_bold:700;
@fw_heavy:800;
@fw_black:900;
*/


/* Global */
body {
  color: #221f20;
  font-family: texta;
}
a,
span.pddm-non-clickable-phone-number, span.do-you {
  color: #221f20;
  font-family: texta;
}
a:hover {
  color: #ffd100;
  text-decoration: underline !important;
}
h1,
h2,
h3 {
  font-weight: 800;
}
h4,
h5,
h6 {
  font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  color: #221f20;
  font-family: texta;
  line-height: 1.5em;
}
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
  position: relative;
  color: #221f20;
  font-family: texta;
}
#main h1:after,
#main h2:after,
#main h3:after,
#main h4:after,
#main h5:after,
#main h6:after {
  width: 40px;
  height: 3px;
  content: none;
  position: absolute;
  left: 0;
  bottom: 0;
}
h1{
    font-size: 1.875em;
    line-height: 1.2em;
}

.entry h1, .entry h3, .entry h4 {
  text-transform: uppercase;
}

h3.feature-title {
  text-transform: uppercase;
}

.home-section header.section-title::after {
  background: #221f20;
}
header.section-title::after {
  content: '';
  display: block;
  width: 7%;
  height: .202em;
  background: #221f20;
}

p {
  color: #221f20;
  margin-bottom: 0.75em;
}
.hentry .entry{
  line-height: 1em;
  font-size: 1.1em;
  font-weight: 600;
}

.hentry {
  margin: 0;
}

article.post-7 .threecol-one {
  margin-bottom: 2%;
}
/* Header */
#header-wrapper {
  background-color: #fff;
}
.nav span.pddm-non-clickable-phone-number {
  font-size: 1.1em;
}
#navigation ul.nav > li.current-menu-item {
  border-color: #221f20;
}
ul.nav li a:hover {
  text-decoration: none !important;
}
#navigation ul.nav > li:hover {
  border-color: #231f20;
}
#navigation ul.nav > #menu-item-34:hover {
  border-color: transparent;
}
#navigation ul.nav > li.current-menu-item a,
#navigation ul.nav li a {
  color: #231f20;
  font-size: 1.1em;
}
#logo img {
  max-width: 140px;
}
#header-wrapper {
  padding: 10px 0;
  margin: 0;
}
#navigation {
  padding-top: 27px;
}
.metaslider .flexslider {
	margin: 0 !important;
}

.metaslider .caption-wrap a:hover {
  text-decoration: none !important;
}
.metaslider .caption-wrap {
	background: none !important;
}
.slides .caption-wrap {
	padding-bottom: 3%;
	opacity: 1 !important;
}
.slides h1 {
	 font-size: 4.127893335698em;
    line-height: 0.6363636363636em;
    font-weight: 800;
    color: white;
}
.slides h2 {
    font-size: 1.3em;
    line-height: 0.823529411764em;
    font-weight: 600;
    margin-bottom: 0;
    color: white;
}

.divide {
  border-bottom:1px solid #221f20;
  padding-top:2em;
  margin-bottom: 2em;
}
/* Footer */

#footer-widgets {
    margin: 2.618em 0 0;
}
.widget.widget_text {
  margin: 0;
}
#footer-wrapper {
  border-top: 1px solid #221f20;
  background-color: transparent;
  background-image: url('images/flash-footer.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom -30px center;
  padding-top:2em;
}
#footer-widgets + #footer::before {
  margin-bottom: 0.618em;
}
#footer-widgets .widget ul li {
  border-bottom: transparent;
  margin:0;
  padding:0;
  text-transform: uppercase;
  line-height: 1em;
}

.textwidget h4 {
  color: #221f20;
  margin-bottom: 10px;
}

.textwidget strong {
  font-weight:800;
}
#footer #copyright {
  margin-bottom: 0;
}
#footer-logo {
  text-align: center;
}
#footer-logo img {
  max-width: 120px;
}
#footer p {
  color: white;
}
.footer-widget-3 .widget_text h4,
.footer-widget-3 .widget_text p{
    margin: 0;
}
#footer-widgets .widget h3 {
position: relative;
color: #221f20;
font-family: texta;
line-height: 1.5em;
}
.widget p{
    font-size: 1.313em;
    font-weight: 600;
}
.menu-footer-menu-container{
    font-size: 1.313em;
    font-weight: 600;
}
#footer #copyright,
#footer #credit{
    font-size: 0.938em;
}

.seofooter h2{
	color: #fff;
	text-align: center;
	font-size: 0.938em;
	font-weight: normal;
	display: none;
	}

/* Homepage */

header.section-title {
  margin-left: 0;
}
header.section-title h1 {
  font-weight: 800 !important;
  font-size: 1.876034738041em !important;
  text-transform: uppercase;
  line-height: 1em;
}
.home-section header.section-title .heading,
header.section-title .heading
 {
  color: #FFD100;
  font-weight: 800;
  font-size: 1.313em;
  text-transform: uppercase;
  line-height: 1em;
  margin-bottom: 8px;
  font-family: texta !important;
}

.home-section {
  padding: 0;
}

.home-section header.section-title {
  margin-left: 0;
}

.facebook-feed-bg .flex-direction-nav {
  display:none;
}
/* Homepage Features */
.widget_woothemes_features .feature{
    background: none;
}
#business-features .view-more {
  text-align: center;
}
#business-features .view-more a {
  border: 3px solid #ffd100;
  border-radius: 1.5em;
  font-size: 1.313em;
  padding: 0.5em 1em;
  text-transform: uppercase;
  color: black;
  font-family: bebas_neue;
}
.widget_woothemes_features .feature .feature-content{
    font-size: 1.313em;
    font-weight: 600;
    line-height: 1em;
    color: #231f20;
    padding: 0.5em;
}
/* Homepage Testimonials */
#testimonials #testimonials-bg{
    background-image: url("images/Interior-Modern-House-Concrete-Floor.jpg");
    background-position: center center !important;
    background-size: cover;
}
#testimonials .slides .testimonial p {
  font-family: texta;
  font-size: 1.6883564920273em;
  line-height: 1.29629629629em;
  font-weight: 600;
}
#testimonials .slides .testimonial .title {
  font-family: texta;
  font-size: 1.313em;
  font-weight: 700;
  color: #ffd100;
  font-style: normal;
  line-height: 1.190476em;
}
#testimonials .slides .testimonial .byline {
  font-family: texta;
  font-size: 1.313em;
  font-weight: 600;
  color: #c4c4c6;
  font-style: normal;
  line-height: 1.190476em;
}
/* Homepage Our Team */
#our-team .widget_woothemes_our_team .role {
  color: #c4c4c6;
  font-size: 1.188em;
  font-weight: 800;
}
#our-team .widget_woothemes_our_team h3.member {
  font-weight: 800;
  font-size: 1.313em;
}
#our-team .widget_woothemes_our_team .team-member-text .author-details {
  color: #c4c4c6;
}
#our-team .widget_woothemes_our_team .team-member-text p {
  font-size: 1.063em;
  font-weight: 600;
  color: #c4c4c6;
}

/* Contact */
#pddmgmaps-canvas {
  height: 600px;
}

/* Services Page*/
.page-id-12 header h1 {
  display: none;
}
/* About Us Page and Gallery */
.page-id-10 header h1, .page-id-81 header h1 {
  display: none;
}
#footer-wrapper h1 {
  display: block;
}
.gallery {
    width: 100%;
}
.gallery .gllr_image_block {
	margin-right: 1%;
  margin-bottom: 0.5%;
  width: 24%;
}
.gallery .gllr_image_block p a img {
    border: 0 !important;
}
.gallery .gllr_image_block p, .gallery .gllr_image_block p a, .gallery .gllr_image_block p a img {
    width: 100% !important;
    height: auto !important;
}
#fancybox-overlay {
    background-color: #000 !important;
    width: 100% !important;
}
/** Pinterest Inspiration on Gallery Page **/

ul.pins-feed-list {
  margin-left:0 !important;
}

ul.pins-feed-list li.pins-feed-item {
  margin-bottom: 0.5%;
  width: 24% !important;
  margin-right: 1% !important;
  margin-left: 0 !important;
}
.pins-feed-inspiration .nailthumb-container,
.pins-feed-inspiration .nailthumb-container a,
.pins-feed-inspiration .nailthumb-container img.nailthumb-image {
  width: 100% !important;
  height: auto !important;
}
.pins-feed-inspiration .nailthumb-container img.nailthumb-image {
  border: 1px solid #BDBDBD;
}

@media (max-width: 1140px){
  ul.pins-feed-list li.pins-feed-item {
    height: 185px !important;
  }
}

@media (max-width: 960px){
  ul.pins-feed-list li.pins-feed-item {
    height: 152px !important;
  }
}
/* Media Queries */
@media (max-width: 768px) {
	/* Slider */
	.slides h1 {
		font-size: 2em;
	}
	.slides h2 {
		font-size: 1.5em;
	}
	/* Gallery */
    .gallery .gllr_image_block
     {
        width: 49%;
    }

    ul.pins-feed-list li.pins-feed-item {
      width:49% !important;
      height: 253px !important;
    }
}
@media (max-width: 640px) {
	/* Gallery */
    .gallery .gllr_image_block {
        width: 100%;
		margin-right: 0;
    }

    ul.pins-feed-list li.pins-feed-item {
      width:100% !important;
      margin-right: 0 !important;
      height:390px !important;
    }
}
@media (max-width: 420px) {
	.slides h1, .slides h2 {
		display: none;
	}
}

/****** CONTACT PAGE *********/
#contact-wrapper {
  padding-top:60px;
}

#contact-form .full {
  margin-bottom:10px;
}

#contact-form .full .wpcf7-form-control-wrap, 
#contact-form .full input,
#contact-form .full textarea {
  width: 100%;

}

#contact-form .full input,
#contact-form .full textarea {
  background: transparent;
  border: 1px solid #6b6e72;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}

#contact-form input[type="file"] {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index: 1;
  cursor: pointer;
}
#contact-form svg {
  fill: #000;
}

label[for="file-upload"] {
  position:relative;
  color: #6b6e72;
  background-color: transparent;
  cursor: pointer;
  display:inline-block;
  padding: 6px 10px;
  border: 1px solid #000;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}

#contact-form .full .wpcf7-form-control-wrap.file-upload {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

#contact-form .full input[type="submit"],
#mc-embedded-subscribe {
  border: 1px solid #000;
  background-color: #ffd100;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  width: 120px;
  float:right;
  color: #000;
}

#contact-form div.wpcf7-response-output {
    margin: 5em 0;
  }
/***** PRODUCT PAGE ACCORDIAN ********/
.product-group .product {
  border-bottom:1px solid #000;
}
#products h3 {
  margin: 10px 0 5px 0;
}
#main .product-title a {
  margin: 8px 0;
  cursor: pointer;
  position:relative;
  text-indent: 15px;
}

#main .product-title a:hover {
  text-decoration: none;
}

#main .product-title h4 {
 display: inline-block;
 margin:10px 0;
}

#main .product-group .product:first-of-type .product-title h4 {
  margin-top: 0;
}

#main .product-title a::before {
    content: '\2b';
    position:absolute;
    top: 1px;
    left: 0;
    margin-left:-15px;
    padding-right:10px;
}
#main .product-title a[aria-expanded='true']::before {
    content: '\2212';
}

.product-description {
  margin-bottom: 15px;
}
.product-description .fivecol-three,
.product-description .fivecol-two {
  margin-bottom:0;
}


/** gallery  **/
.single-gallery #main p{
    line-height: 1em;
}
.grid-4{
    margin-left: -10px;
    margin-right: -10px;
}
.grid-4 .grid-item{
    width: 100%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}
.grid-4 .grid-item img{
    max-width: 100%;
    height: auto;
    width: 100%;
}
#galleries h3{
    margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1280px){
    .grid-4 .grid-item{
        width: 50%;
        clear: left;
    }
    .grid-4 .grid-item:nth-child(2n){
        clear: right;
    }
}
@media only screen and (min-width: 1280px){
    .grid-4 .grid-item{
        width: 25%;
    }
    .grid-4 .grid-item:nth-child(4n){
        clear: right;
    }
    .grid-4 .grid-item:nth-child(4n + 1){
        clear: left;
    }
}


/*********************************** FOOTER ***********************************/

/** Social Media Icons ***/
.textwidget a > img {
    margin-top: 7px;
    margin-right: 14px;
    margin-bottom: 20px;
}


/**** Mailing List ******/
#mc_embed_signup{
  background:transparent; 
  clear:left; 
  font:14px 
}

#mce-EMAIL {
  background-color: #fff;
    width: 100%;
  border: 1px solid #6b6e72;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}

#mc-embedded-subscribe {
  margin-top:10px;
}

#mc_embed_signup div.mce_inline_error{
  background-color:transparent !important;
  color: #ff0000 !important;
  padding: 5px 0 0 0 !important;
  margin: 0 !important;
 }
 #mc_embed_signup input.mce_inline_error {
    border-color: #000 !important;
 } 
/********** FACEBOOK FEED *************/
.grey-fb{
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}

.facebook-feed-bg{
    background: transparent;
    padding: 5px 0;
}

#cff {
  width: 100% !important;
}

#cff .cff-item{
    clear: none !important;
    padding: 0 !important;
    margin-right: 6px !important;
    max-height: 190px;
    height:auto;
    border: none;
    overflow-y: hidden;
    width: calc(25% - 6px) !important;
}

#cff .cff-photo{
    width: 100% !important;
}

#cff .cff-photo-hover .fa {
  display: none !important;
}

.facebook-feed-wrapper{
    position: relative;
    margin-top: 20px;
}

.cff-wrapper .flex-direction-nav .flex-next, .cff-wrapper .flex-direction-nav .flex-prev{
    position: absolute;
    top: 110px;
    font-size: 0;
    text-indent: -999px;
    width: 65px;
    height: 33px;
}

.cff-wrapper ul.flex-direction-nav li a.flex-next, .cff-wrapper ul.flex-direction-nav li a.flex-prev{
  opacity: 1;
  margin: 0;
}


.cff-wrapper .flex-direction-nav .flex-next{
    right: 0;
    background: url("images/gallery-next-white.png") no-repeat center center;
}

.cff-wrapper .flex-direction-nav .flex-prev{
    left: 0;
    background: url("images/gallery-prev-white.png") no-repeat center center;
}

/***************************************/
.entry ul {
  list-style-position: outside;
}
.entry ul li {
 margin-bottom:4px;
}

#search .search-criteria {
  display:inline-block;
  margin-right: 20px;
}
#search .search-criteria label {
  display:block;
}
#files {
  border-top:2px solid #000;
  margin-top: 20px;
  min-height:400px;
  padding-top:20px;
}

#files .file {
  padding-top:20px;
  border-bottom:1px solid #000;
  padding-bottom:20px;
}

#files .file p {
  margin-bottom:0;
}

#files .file:first-child{
  padding-top:0;
}

#files .file:last-child{
  border-bottom: 0;
  margin-bottom:40px;
}

#files .file a.download {
  position:relative;
  display:inline-block;
  padding-left:18px;
}

#navigation h3 {
  visibility: hidden;
}

#files .file a.download::before {
  content: "";
  position:absolute;
  top: 9px;
  left: 0;
  height: 16px;
  width: 12px;
  background-image: url('images/download.svg');
  background-size:cover;
}

#testimonial-slider{
	border-bottom: 1px solid #221f20;
  padding-bottom: 4%;
  margin-bottom: 2em;
}

#testimonial-slider header.section-title {
  margin: 0 0 3.631em;
}

#testimonial-slider .metaslider .slides .caption-wrap{
	position: static;
	width: 67%;
	float: right;
	color: black;
	position: relative;
	font-size: 20px;
	font-family: "Raleway";
	line-height: 1.5em;
}
#testimonial-slider .metaslider .slides .caption-wrap blockquote{
	margin: 40px 20px 8px;
	
}
#testimonial-slider .metaslider .slides .caption-wrap:before{
	color: #ffd100;
	font-family: "Georgia";
	display: block;
	content: "\201C";
	font-size: 96px;
	position: absolute;
	left: 24px;
	top: 32px;
}
#testimonial-slider .metaslider .slides .caption-wrap strong{
	padding: 0 20px;
	font-size: 16px;
}
#testimonial-slider .metaslider .slides img{
	width: 33%;
	float: left;
}

@media only screen and (max-width:768px){
  #testimonial-slider ul.slides > li > img {
    width:100% !important;
  }
  #testimonial-slider ul.slides > li > .caption-wrap {
    width:100% !important;
    margin-top: 30px;
  }
  #testimonial-slider .metaslider .slides .caption-wrap:before {
    left: 4px;
  }
  #testimonial-slider .metaslider .slides .caption-wrap blockquote{
    margin-left:0;
  }
  #testimonial-slider .metaslider .slides .caption-wrap strong {
    padding-left:0;
  }
}
	
/** Feather light overrides */
.featherlight .featherlight-image{
    width: auto !important;
    height: auto !important;
}

/** Home Page Inspiration Banner **/

a.inspiration-link,
a.inspiration-link:hover,
a.inspiration-link:focus {
  text-decoration: none !important;
}
#home-inpsiration {
  background-size: cover;
  background-repeat: no-repeat;
}

#home-inpsiration h3 {
  margin: 200px 0 10px;
  font-size: 4.127893335698em;
  line-height: 0.8em;
  font-weight: 800;
  color: white;
  text-transform: uppercase;
}
#home-inpsiration span {
  color: #FFD100;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 30px;
}
#home-inpsiration p {
  color: #fff;
  margin-top: 0;
  font-size: 30px;
  line-height: 1em;
}
/** Inspiration Page **/

body.page-template-template-galleries section#main {
  overflow-x: hidden;
}
#inspirations {
  margin-bottom: 15px;
}
h3.inspiration {
  display:inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 80px;
  color: #fff !important;
  margin: 15px 0;
  max-width: 100%;
  padding: 90px 45% 30px 30px;
  white-space: nowrap;
  line-height: 1;
}

@media only screen and (max-width:1000px){
  h3.inspiration {
    font-size: 60px;
  }
} 

@media only screen and (max-width:991px){
  h3.inspiration {
    font-size: 45px;
    white-space: initial;
  }
}  

@media only screen and (max-width:767px){
  h3.inspiration {
    font-size: 36px;
  }
}