/*

 Theme Name:   Roof Child

 Theme URI:    http://themeforest.net/user/VictorThemes

 Description:  Roof Child Theme

 Author:       VictorThemes

 Author URI:   http://themeforest.net/user/VictorThemes/portfolio

 Template:     roof

 Version:      1.0

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 Tags:         one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, post-formats, theme-options, translation-ready

 Text Domain:  roof-child

*/

/* Write Custom CSS */


.header-right .contact-details {
    padding: 10px 0;
}
.header-right .contact-item .fa {
	padding-top: 2px;
    color: #ffffff;
    font-size: 19px;
}
.roof-top-bar {
    background: #292e34;
    color: #e6d9d9;
}
.roof-top-bar a {
    color: #e6d9d9;
}
.roof-top-bar .pull-left {
    padding: 0px;
}
.navbar-nav > li:hover > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav .open > a, .nav .open > a:focus, .navbar-nav .open > a:hover, .navbar-nav > li.active > a {
    background-color: transparent;
    color: #eb1c24;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li.open > a, .dropdown-menu > li.open > a:focus, .dropdown-menu > li.open > a:hover, .dropdown-menu > li.active > a, .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: transparent;
    color: #eb1c24;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #eee;
    border-color: #eb1c24;
}
.filters-nav > li > a.active, .filters-nav > li > a.active:hover {
    background: #eb1c24;
    color: #232323;
}


.read-more a {
    color: #eb1c24;
}
.service-info .read-more a:hover {
    color: #eb1c24;
    text-decoration: underline;
}
.roof-footer a:hover{
	color: #eb1c24;
}
.post-item .post-author a {
    color: #eb1c24;
}
.header-right .roof-social a:hover, .roof-social span:hover {
    background: #eb1c24;
    color: #ffffff;
}
a:hover, a:focus {
    text-decoration: none;
    color: #eb1c24;
}
.roof-footer a:hover, .roof-footer .roof-social a:hover{
    color: #eb1c24;
}
::selection {
    background: #eb1c24;
    color: #171414;
}
::-webkit-selection {
  background: #eb1c24;
  color: #171414;
}
::-moz-selection {
  background: #eb1c24;
  color: #171414;
}
::-o-selection {
  background: #eb1c24;
  color: #171414;
}
::-ms-selection {
  background: #eb1c24;
  color: #171414;
}

.request-quote input[type="submit"]:hover, .request-quote input[type="submit"]:focus {
    background-color: #eb1c24;
}
.eg-overlay-layout-34 .eg-overlay-wrapper .eg-button-holder a {
    background: #eb1c24;
}
.hom-feed-sec .wp-google-place{
    display: none;
}
.testimoni-sec .section-title{
    display: none;
}
.testimoni-sec .roof-testimonial {
    padding: 0px 0 80px 0;
}

.roof-primary .about-wrap .about-info .roof-btn
{
  background-color: #EB1C24 !important;
  color: #fff !important;
}

.roof-primary .about-wrap .about-info .roof-btn:hover
{
  background-color: #cb0000 !important;
  color: #fff !important;
}

.wpcf7-form  input[type="submit"]
{
  background-color: #333 !important;
  color: #fff !important;
}

.wpcf7-form input[type="submit"]:hover
{
  background-color: #fff !important;
  color: #000 !important;
}

.square-bullets li:before
{
  background-color: #EB1C24 !important;
}

.detail-title:after
{
   background-color: #EB1C24 !important; 
}

.blog-link .blog-date
{
  color: #EB1C24 !important;
}

.blog-meta .meta-author a {
    color: #EB1C24 !important;
}

.blog-meta .meta-author a:hover {
    color: #333 !important;
}

.roof-btn
{
  background-color: #EB1C24 !important;
  color: #fff !important;

}

.roof-btn:hover
{
  background-color: #cb0000 !important;
  color: #fff !important;
}
div.ppt{
  display: none !important;
}
.form-sec .wpb_wrapper {
    border: 1px solid#eb1c24;
    box-shadow: bisque;
    box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1), 0 0 0 0px rgb(255,255,255), 0.3em 0.1em 1em rgba(0,0,0,0.3);
}
.servic-botom-sec .service-info{
    min-height: 267px;
}
.services-wrap .service-info .service-title:after {
    background: #ffffff;
    content: '';
    display: block;
    height: 3px;
    margin: 15px 0px 16px;
    width: 60px;
}
.roof-comment-form input[type="submit"]{
    background-color: #eb1c24;
    color: #fff;
}
.roof-comment-form input[type="submit"]:hover, input[type="submit"]:focus {
    background-color: #eb1c24;
    color: #fff;
}
.servic-frm{
    border: 1px solid#eb1c24;
    padding: 20px;
}
#nav_menu-5 .current_page_item{
   color: #eb1c24;
}    
#nav_menu-5 .current_page_item a{
   color: #eb1c24;
}
.header-right .contact-details {
    padding: 10px 10px;
}
.morecontent span {
  display: none;
}
.home-accor .vc_tta-panel .vc_tta-panel-heading {
    background-color: #eb1c24 !important;
}


/*hemant code*/

.blog-meta a:hover
{
  color: #EB1C24 !important;
}

nav .breadcrumb li a
{
 color: #fff !important; 
}


nav .breadcrumb li a:hover
{
 color: #333 !important; 
 text-shadow: none;
 font-weight: 600;
 font-size: 12px;
}


nav .breadcrumb li
{
 color: #fff !important; 
 /*text-shadow: 0 0 5px #000;*/
}

.breadcrumb > li + li:before {
    padding: 0 2px;
    color: #fff !important;
}


#categories-2 ul li a:hover
{
 color: #EB1C24 !important; 
}

.tagcloud a:hover
{
   background-color: #cb0000 !important;
  color: #fff !important; 
}

.post-author span a:hover
{
  color: #EB1C24 !important;
}

.news-item .read-more a:hover
{
  color: #fff !important;
}

.roof-menu ul.navbar-nav li.current-menu-parent > a {
    color: #EB1C24 !important;
}

/*.roof-dhav-dotted .wpb_wrapper h2
{
   color: #EB1C24 !important; 
}
*/
/*.roof-primary .wpb_wrapper h3
{
   color: #EB1C24 !important; 
}
*/
/*.roof-blog-one .blog-title a
{
   color: #EB1C24 !important; 
}
*/
.roof-page-title .page-title
{
  color: #fff !important;
  /*text-shadow: 0 0 5px #000;*/
}

.header-right .roof-social a
{
    background: #eb1c24 !important;
    color: #ffffff !important;
}


.header-right .roof-social a:hover
{
    background: #f2f2f2 !important;
    color: #959595 !important;
}

.services-wrap
{
  background-color: inherit !important;
}

.services-wrap .service-info .service-title a
{
  color: #ffffff !important;
}
.services-wrap .service-info .serv-cont{
    color: #fff !important;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    min-height: 226px;
  }
.services-wrap .service-info .service-title a:hover
{
  color: #000 !important;
  transition: all ease .3s;
}

.eg-overlay-layout-34 .eg-overlay-wrapper .eg-mask {
    background: rgba(247, 28, 36, 0.58);
}

.services-wrap .service-info p
{
  color: #fff !important;
}
.services-wrap .service-info .read-more 
{
  margin-top: 24px;
}
.services-wrap .service-info .read-more a
{
  color: #ed1c24 !important;
  padding: 14px 30px;
  background: #fff;
} 

.services-wrap .service-info .read-more a:hover
{
    color: #fff !important;
    transition: all ease .3s;
    border: 1px solid#fff;
    background: #ed1c24;
} 


.services-wrap .vc_col-sm-4 .roof-picture img
{
  /*border: 3px solid #fff;*/
  box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

.roof-dhav-dotted .roof-certifications .certification-item .roof-icon
{
	text-align: center;
}

.roof-dhav-dotted .roof-certifications .certification-item .certification-title
{
	text-align: center;
}

.roof-dhav-dotted .roof-certifications
{
	border: 2px solid #ED1C24;
    border-radius: 10px;
    padding: 20px 0 0 0 !important;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.1),0 6px 20px 10px rgba(0,0,0,0.15) !important;
}

.servic-botom-sec .roof-btn
{
  margin-left: 39%;
}



/* H 02-07-2020 start*/

@media (min-width: 1200px)
{
  .services-wrap .service-column-one
  {
    padding: 15px 15px 0px 15px;
    margin: 0px 0px 0 0px;
    position: relative;
    z-index: 1;
    background-image: url("https://sr1roofing.com/wp-content/uploads/2020/06/red-box.jpg");
    width: 390px;
    min-height: 600px;
  }

.services-wrap .service-column-two
  {
    padding: 15px 15px 0px 15px;
    margin: 0px 15px 0 15px;
    position: relative;
    z-index: 1;
    background-image: url("https://sr1roofing.com/wp-content/uploads/2020/06/red-box.jpg");
    width: 390px;
    min-height: 600px;
  }

  .services-wrap .service-column-three
  {
    padding: 15px 15px 0px 15px;
    margin: 0px 0px 0 0px;
    position: relative;
    z-index: 1;
    background-image: url("https://sr1roofing.com/wp-content/uploads/2020/06/red-box.jpg");
    width: 390px;
    min-height: 600px;
  }

  .services-wrap
  {
    padding: 0px !important;
  }


 .services-wrap .service-column-one .vc_column-inner
{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

 .services-wrap .service-column-one .vc_column-inner
{
  padding: 0px !important;
}

 .services-wrap .service-column-two .vc_column-inner
{
  padding: 0px !important;
}

.services-wrap .service-column-three .vc_column-inner
{
  padding: 0px !important;
}

.services-wrap .service-column-three .vc_column-inner .service-info
{
  padding-left: 15px;
  padding-right: 15px;
}

.services-wrap .service-column-two .vc_column-inner .service-info
{
  padding-left: 15px;
  padding-right: 15px;
}

.services-wrap .service-column-one .vc_column-inner .service-info
{
  padding-left: 15px;
  padding-right: 15px;
}

.services-wrap .service-column-three .service-info .read-more
{
  padding-top: 48px !important;
}

.services-wrap .service-column-two .service-info .read-more
{
  padding-top: 48px !important;
}


.service-column-one .vc_column-inner .service-item {
    margin-bottom: 31px !important;
}

.service-column-three .vc_column-inner .service-item {
    margin-bottom: 37px !important;
}
}



/* H 02-07-2020 End*/


.request-quote
{
  background-image: url("https://sr1roofing.com/wp-content/uploads/2020/06/form-box.jpg");
  background-repeat: round;
}

.request-quote .section-title
{
  color: #fff;
}

.request-quote p
{
  color: #f1f1f1;
}

.servic-frm
{
  background-image: url("https://sr1roofing.com/wp-content/uploads/2020/06/form-box.jpg");
  background-repeat: round; 
}

.get-in-touch-form
{
  background-image: url("https://sr1roofing.com/wp-content/uploads/2020/06/form-box.jpg");
  background-repeat: round; 

}

.get-in-touch-form .detail-title
{
  color: #fff;
  padding-top: 15px;

}

.roof-dhav-dotted .wpcf7-form  input[type="submit"]
{
  background-color: #333 !important;
  color: #fff !important;
}

.roof-dhav-dotted .wpcf7-form  input[type="submit"]:hover
{
  background-color: #F7F7F7 !important;
  color: #000 !important;

}

.servic-botom-sec
{
  margin-bottom: 60px;
}


/* 08-07-2020 start*/

@media (max-width: 768px)
{

.servic-botom-sec
{
  margin-bottom: 0px;
}


.servic-botom-sec .service-info{
    min-height: 130px;
}


.servic-botom-sec .roof-btn
{
  margin-left: 3% !important;
}

.servic-botom-sec .wpb_wrapper
{
  text-align: center !important;
} 



  .roof-logo {
      margin-left: 23% !important;
  }
  .services-wrap .service-column-one
  {
    padding: 0px 0px 0px 0px;
    margin: 0px 15px 0 15px;
    position: relative;
    z-index: 1;
    background-image: url("https://sr1roofing.com/wp-content/uploads/2020/06/red-box.jpg");
    width: auto;
    min-height: 600px;
  }

.services-wrap .service-column-two
  {
    padding: 0px 0px 0px 0px;
    margin: 25px 15px 0 15px;
    position: relative;
    z-index: 1;
    background-image: url("https://sr1roofing.com/wp-content/uploads/2020/06/red-box.jpg");
    width: auto;
    min-height: 600px;
  }

  .services-wrap .service-column-three
  {
    padding: 0px 0px 0px 0px;
    margin: 25px 15px 0 15px;
    position: relative;
    z-index: 1;
    background-image: url("https://sr1roofing.com/wp-content/uploads/2020/06/red-box.jpg");
    width: auto;
    min-height: 600px;
  }

  .services-wrap
  {
    padding: 0px !important;
  }


 .services-wrap .service-column-one .vc_column-inner
{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

 .services-wrap .service-column-one .vc_column-inner
{
  padding: 0px !important;
}

 .services-wrap .service-column-two .vc_column-inner
{
  padding: 0px !important;
}

.services-wrap .service-column-three .vc_column-inner
{
  padding: 0px !important;
}

.services-wrap .service-column-three .vc_column-inner .service-info
{
  padding-left: 15px;
  padding-right: 15px;
}

.services-wrap .service-column-two .vc_column-inner .service-info
{
  padding-left: 15px;
  padding-right: 15px;
}

.services-wrap .service-column-one .vc_column-inner .service-info
{
  padding-left: 15px;
  padding-right: 15px;
}

.services-wrap .service-column-three .service-info .read-more
{
  padding-top: 48px !important;
}

.services-wrap .service-column-two .service-info .read-more
{
  padding-top: 48px !important;
}


.service-column-one .vc_column-inner .service-item {
    margin-bottom: 15px !important;
}

.service-column-three .vc_column-inner .service-item {
    margin-bottom: 15px !important;
}
.service-column-three .service-info .service-title
{
  text-align: left !important;
}

.service-column-one .service-info .service-title
{
  text-align: left !important;
}

.service-column-two .service-info .service-title
{
  text-align: left !important;
}

.services-wrap .service-info .serv-cont
{
  text-align: left;
}
.services-wrap .service-info .read-more {
    margin-top: 24px;
    text-align: left;
}

.roof-services {
    padding: 20px 0 16px 10px;
    text-align: center;
}

.service-column-three .roof-services {
    padding: 20px 0 16px 10px !important;
    text-align: center;
}

.service-column-one .roof-primary .service-item {
    margin-bottom: 15px !important;
}

.service-column-two .roof-primary .service-item {
    margin-bottom: 15px !important;
}

.service-column-three .roof-primary .service-item {
    margin-bottom: 15px !important;
}

.request-quote {
    padding: 25px;
    margin: 0 0px 0px;
}

.servic-top-sec .roof-certifications
{
  margin-top: 20px;
}

.servic-botom-sec
{
  margin-top: 0px !important;
}

.servic-botom-sec .roof-certifications
{
  margin-top: 20px;
}

}

/* H 08-07-2020 End */