/*
Theme Name: Carpet Cleaning Child
Theme URI: 
Description: Carpet Cleaning Child Theme
Author: KF - JsaInteractive
Author URI: http://JSAinteractive.com/
Template: LocalBusinessTheme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: Carpet Cleaning Child
*/

#phone-number {

  font-size: 18px !important;

}

#main-menu ul li a {
    font-size: 15px !important;
}

#main-menu ul ul li a  {
    font-size: 13px !important;
}



h3.logo-number {

  background-color: rgba(240, 74, 36, 1);

  text-align: center;

  letter-spacing: 1.1px;

  width: 242px;

  margin-top: 14px;

  padding: 8px;

  border-radius: 5px;

}



h3.logo-number a {

  font-size: 20px;

}



h3.logo-number a:hover {

  text-decoration: underline;

}



.featured-box h4 {

  text-align: center;

}



.featured-box h4 a {

  color: rgb(240, 74, 36) !important;

}



.featured-box img {

  -webkit-filter: grayscale(80%);

  filter: grayscale(80%);

}



.featured-box img:hover {

  -webkit-filter: grayscale(0);

  filter: grayscale(0);

}



ul.sub-menu li.current_page_item ul.sub-menu li a {

  color: #333 !important;

}



ul.sub-menu li.current_page_item ul.sub-menu li a:hover {

  color: rgb(240, 74, 36) !important;

}





#home-content h1, .post h1 {

  color: rgb(240, 74, 36);

}


.banner-description ul li.slider-phone {
  font-size: 32px !important;
  background-image: none !important;
  border-bottom: 3px solid rgb(240, 74, 36);
  display: inline-block;
  padding: 15px 0 0 0 !important;
}



#map {

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);

}



.content-cta-button {

  font-size: 30px;

  color: rgb(240, 74, 36);

  border: 2px solid rgb(240, 74, 36);

  border-radius: 5px;

  padding: 17px 24px;

  margin-top: 40px;

  margin-bottom: 40px;

  display: inline-block;

  transition: all 300ms ease-in-out;

}



.content-cta-button:hover {

  color: #fff;

  text-decoration: none;

  background-color: rgb(240, 74, 36);

}



.sidebar-cta-button {

  font-size: 18px;

  text-align: center;

  font-weight: bold;

  padding: 8px 25px;

  margin: 0;

  line-height: 1.2;

  letter-spacing: 1px;

  box-shadow: 0 2px 3px;

}



#footer-widgets ul {

  padding-left: 5.5px;

}



#footer-widgets h4 {

  margin-bottom: 10px;

  background-color: rgba(51,51,51,0.5);

  padding: 5.5px;

}



#footer-widgets ul li a {

  padding-left: 0;

}

#footer-socials ul li a {

  padding-left: 40px;

}



#footer-widgets #contact-info ul .user, #footer-widgets #contact-info ul .mail, #footer-widgets #contact-info ul .phone, #footer-widgets #contact-info ul .world, #footer-widgets #contact-info ul .location {

  padding-left: 20px;

  margin-left: 16px;

}



#footer-widgets #contact-info ul .user a, #footer-widgets #contact-info ul .mail a, #footer-widgets #contact-info ul .phone a, #footer-widgets #contact-info ul .world a, #footer-widgets #contact-info ul .location a {

  padding-left: 0 !important;

}



#footer-widgets #contact-info ul .phone a {

  color: rgba(240, 74, 36, 1);

  font-size: 16px !important;

}

#footer-widgets #contact-info ul .phone a:hover { text-decoration: underline; }



#footer {

  text-align: center;

}



#footer #copyright {

  width: 600px;

  float: none;

  margin: 0 auto;

  display: inline-block;

  text-align: center;

}



#footer #copyright a {

  color: #666;

}

#footer #copyright a:hover {

  color: #f04a24;

}



#footer-menu {

  margin: 0 auto;

  float: none !important;

}



#footer-menu ul {

  display: inline-block;

}



#footer-menu ul li:last-child a {

  border-right: none;

}



#footer-menu .menu-septic-tanks-container {

  text-align: center;

}

#logo {
    position: relative;
    top:-25px;
}



span#phone-number-2 {
    color: #fff !important;
    font-size: 20px;
    font-weight:bold;
    margin-left: 10px;
    position: absolute;
    top: 65px;
    /*border: 2px #EC5706 solid;*/
    border-radius:5px;
    padding: 13px 10px 10px 10px;
    display:block;
    background:#F6921E;
    letter-spacing:0.3px;
}

span#phone-number-2 a {
    color: #fff !important;
    font-size: 20px;
    text-align: center;
    margin-left: 2px;
    letter-spacing:0.3px;
}

#main-menu ul li {
    margin-right: 2px;
}

body {
    background:url(images/binding_dark.png) repeat !important;
}

.sidebarMap {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    border: 9px solid #fff;
}

.video-row .vid-title {
    width:100px;
    margin:0 auto;
    display:block;
    text-align:center;
    background:#fff;
    position:relative;
    top:40px;
}

.video-row iframe {
    border:5px solid #fff;
    box-shadow:0 0 1px 1px rgba(0,0,0,0.1);
    border-radius:3px;
}

.video-row .col-md-3 {
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin:0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.video-row .vid4 {
    padding-right:25px;
}

.video-row hr {
    background:#eee;    
}

h1, h2, h3, h4, h5 {
    line-height: 1.5;
}

.cta-btn-wrap{
    width: 100%;
    text-align: center;
  }
  .cta-btn-wrap-top{
    width: 100%;
    text-align: left;
    margin-top: 15px;
  }
  .cta-btn-wrap-page{
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .cta-btn-wrap-page a, .cta-btn-wrap a, .cta-btn-wrap-top a{
    text-decoration: none;
    display: inline-block;
    transition: all 0.4s;
    letter-spacing: 0.3px;
    font-weight: bold;
  }
  .cta-btn-top{
    padding: 10px 10px;
    font-size: 20px;
    border-radius: 6px;
  }
  .cta-btn-sm{
    padding: 15px 15px;
    font-size: 20px;
    border-radius: 8px;
  }
  .cta-btn-lg{
    padding: 15px 30px;
    font-size: 30px;
    border-radius: 10px;
  }

/* CARPET */
  .carpet-sm{
    background: #c54c31;
    color: #fff;
  }
  .carpet-sm:hover{
    background: #ce6750;
    text-decoration: underline;
    color: #fff;
  }
  .carpet-lg{
    color: #c54c31;
    border: 3px solid #c54c31;
  }
  .carpet-lg:hover{
    background: #c54c31;
    color: #fff;
  }

/* SPRITESHEET - header */
#branding {
  padding-bottom: 0 !important;
}
#custom-social-icons{
  float: right;
  text-align: right;
}
#custom-social-icons a {
  margin-left: 6px;
  text-decoration: none;
  height: 23px;
  width: 24px;
  float: left;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background-image: url('images/css_sprites.png');
}
#custom-social-icons a:hover{
  background-repeat: no-repeat;
}
.custom-fb-header{ background-position: 0 0; }
.custom-fb-header:hover{ background-position: 0px -23px; }
.custom-tw-header{ background-position: -72px -0; }
.custom-tw-header:hover{ background-position: -72px -23px; }
.custom-lin-header{ background-position: -48px -0; }
.custom-lin-header:hover{ background-position: -48px -23px; }
.custom-yt-header{ background-position: -24px -0; }
.custom-yt-header:hover{ background-position: -24px -23px; }
.custom-pin-header{ background-position: -0 -46px; }
.custom-pin-header:hover{ background-position: -0 -69px; }
.custom-gplus-header{ background-position: -24px -46px; }
.custom-gplus-header:hover{ background-position: -24px -69px; }

/* SPRITESHEET - footer */
#footer-socials ul li {
    margin-bottom: 5px;
}
#footer-socials ul li a {
    padding-left: 0 !important;
    padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#footer-socials a{
  text-decoration: none;
  display: inline-block;
  padding: 0;
  height: 23px !important;
  margin: 0 !important;
  line-height: 23px !important;
  display: flex;
  align-items: center;
}
#footer-socials a::before{
  content: "";
  display: inline-block;
  width: 24px;
  height: 23px;
  background-image: url('images/css_sprites.png');
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
  margin-right: 15px;
}
.fb-header::before{ background-position: 0 0; }
.fb-header:hover::before{ background-position: 0px -23px; }
.tw-header::before{ background-position: -72px -0; }
.tw-header:hover::before{ background-position: -72px -23px; }
.lin-header::before{ background-position: -48px -0; }
.lin-header:hover::before{ background-position: -48px -23px; }
.yt-header::before{ background-position: -24px -0; }
.yt-header:hover::before{ background-position: -24px -23px; }
.pin-header::before{ background-position: -0 -46px; }
.pin-header:hover::before{ background-position: -0 -69px; }
.gplus-header::before{ background-position: -24px -46px; }
.gplus-header:hover::before{ background-position: -24px -69px; }

#footer-socials .fb-header { background-image: none !important; }
#footer-socials .tw-header { background-image: none !important; }
#footer-socials .lin-header { background-image: none !important; }
#footer-socials .yt-header { background-image: none !important; }
#footer-socials .pin-header { background-image: none !important; }
#footer-socials .gplus-header { background-image: none !important; }

/* SPRITESHEET - contact info */
#contact-info ul li{
  padding-left: 0;
  padding-top: 0 !important;
  margin-left: -10px;
}
#contact-info.contact-info-footer ul a{
  padding-left: 0 !important;
}
#contact-info ul li.phone-ico a{
  font-size: 16px !important;
  color:#ec5706;
}
#contact-info ul span{
  margin-left: 22px;
  line-height: 14px;
}
#contact-info ul li::before{
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 5px;
  background-image: url('images/css_sprites.png');
}
.mail-ico a, .world-ico a {
  padding-left: 0;
}
.user-ico::before{
  background-position: -48px -63px;
}
.mail-ico::before{
  background-position: -48px -46px;
}
.phone-ico::before{
  background-position: -96px -0;
}
.world-ico::before{
  background-position: -65px -63px;
}
.location-ico::before{
  background-position: -65px -46px;
}

/* REPLACE IMAGES */
#footer {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEElEQVQImWNgYGCIA2KGIAACkACx2vu8QwAAAABJRU5ErkJggg==) !important;
}
#footer-area {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAALElEQVQImWNQwgakpKQYsIoCSXQJiCi6BFwURQJZFCGBJgqVwBQFSWAVBQIArE8YwYZo0hwAAAAASUVORK5CYII=) !important;
}
#header {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAALElEQVQImWNQwgakpKQYsIoCSXQJiCi6BFwURQJZFCGBJgqVwBQFSWAVBQIArE8YwYZo0hwAAAAASUVORK5CYII=) !important;
}
.banner-heading, .meta-area {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWN4E852EwAFnwIjZHGy1QAAAABJRU5ErkJggg==) !important;
}
.banner-description ul li {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA6UlEQVQ4jWP4//8/A4XYCYgbKTWkFoj/AnEvuQYwAnH/fwSoINegCf9RQSY5hqT8xwSFpBpiDsQ/sRg0gxRDeID4NhZDQOAuKQb14zBkKRBLYYuNOCBWRRPXAeLfaAaAoj0HpgZZsToQ74MqWoxm0B40Q/4AcSSyGhDBAcQN/1ED8Q/UYJC8K5oh/6CuRvENiGiCOhOb30HyR9HEK9ANQfaaERBfxRIGyWhi87EZ8h8tjLigCtENg4EzQMxGjEEw3IjFm++BWBGXIbgMAuFiNIOi8BmCzyAQroUaso6QIYQMAuGZQCxHjEEAvfcnvz+x2v8AAAAASUVORK5CYII=) !important;
}


/* CUSTOM MEDIA QUERIES */


@media only screen and (max-width: 6000px) and (min-width: 960px) {
  #main-menu {
        width: 100%;
        max-width: 620px;
  }
}

@media screen and (max-width: 959px) {

  h3.logo-number {
    margin-left: auto;
    margin-right: auto;
  }

  .content-cta-button {
    font-size: 24px;
  }

  span#phone-number-2 {
        margin-left:240px;
        top:60px;
  }

}


@media screen and (max-width: 767px) {

  #footer-widgets #contact-info ul .user, #footer-widgets #contact-info ul .mail, #footer-widgets #contact-info ul .phone, #footer-widgets #contact-info ul .world, #footer-widgets #contact-info ul .location {
    background-image: none;
    padding-left: 0;
  }

  #footer-menu {
    display: none;
  }

  #footer #copyright {
    width: 100%;
  }

  .content-cta-button {
    font-size: 18px;
  }

  span#phone-number-2 {
      margin-left: 85px;
  }

  .slicknav_menu {
      margin-top: 20px;
    }

    .video-row .col-md-3 {
        width: 50%;
    }    

    .video-row .vid2 {
        padding-right:25px;
    }
}

@media screen and (max-width: 479px) {

  span#phone-number-2 {
      margin-left: 15px;
  }

  .video-row .col-md-3 {
        width: 100%;
    }    

    .video-row .vid1, .video-row .vid2, .video-row .vid3, .video-row .vid4 {
        padding-right:25px;
    }

    #logo img {
      margin-top: 20px;
    }

    span#phone-number-2 {
      top: 85px;
    }
}

@media screen and (max-width: 440px) {
	.cta-btn-lg {
		padding: 12px 10px;
		font-size: 15px;
		border-radius: 10px;
	}
	.cta-btn-wrap-page {
		margin-top: 0 !important;
		margin-bottom: 0px !important;
	}
	.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
		margin-bottom: 20px;
	}
}