/*
Template:       roofix
Theme Name:     Roofix Child
Theme URI:      https://radiustheme.com/demo/wordpress/themes/roofix
Author:         RadiusTheme
Author URI:     https://www.radiustheme.com
Description:    Roofix is a clean and modern WordPress Theme. This theme comes with all necessary features and pages for a Roofing website.
Version:        1.0
Tags:           two-columns, three-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog
License:        Envato split License
License URI:    https://themeforest.net/licenses/terms/regular
*/

.trheader .site-header .menu-layout1.rt-sticky { background-color: #fff; }
.trheader .site-header .menu-layout1.rt-sticky .main-navigation ul.menu > li > a { color: #000; }
.trheader .site-header .menu-layout1.rt-sticky .offcanvas-menu-btn .btn-icon-wrap span { background-color: #000; }
.header-style-2.trheader .site-header .menu-layout1.rt-sticky  .menu-1v2 .header-phone-btn span {color: #000;}
.header-style-2.trheader .site-header .menu-layout1.rt-sticky .menu-1v2 .header-phone-btn .phone-number {color: #000;}
/* CSS  as per client feedback. */
.overly-sidebar-content .offcanvas-list span:first-child>i {
    display: none;
}
.overly-sidebar-content .offcanvas-list span:first-child {
    display: flex;
    flex-direction: column;
}
.overly-sidebar-content .offcanvas-list span:first-child div {
    display: flex;
    align-items: baseline;
}
.overly-sidebar-content  .offcanvas-list span:first-child div{
    margin-bottom: 10px;
}
.site-header .main-navigation > nav > ul {
    text-align: left !important;
}
.offcanvas-content .offcanvas-list span:nth-child(2) {
    display: none;
}
.action-box-layout5 .item-button .item-btn {
	    letter-spacing: 0px !important;

}
/* .custom-ic-wrap .elementor-icon-wrapper>a:after {
    content: "";
    height: 72px;
    width: 72px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    border-radius: 50%;
    z-index: -1;
    top: -7px;
    margin: auto;
} */
.custom-ic-wrap .elementor-icon-wrapper {
    width: fit-content;
    margin: auto;
    bordeR: 10px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    height: 76px;
}
.custom-ic-wrap .elementor-icon-wrapper:hover {
    animation: pulse infinite 1500ms;
}
.site-header .main-navigation ul:not(.sub-menu)>li>a{
    padding: 30px 10px  !important;
}
.mb-0 *{
    margin-bottom: 0px !important;
}
.landing-contact-form+p {
    display: none;
}
/* CSS for POPup form */
div#popmake-4697 .wpcf7-form-control {
    padding: 8px 10px;
    margin: 0px 0px 20px;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #393738;
    opacity: 1;
}
div#popmake-4697 .wpcf7-form-control:focus,
div#popmake-4697 .wpcf7-form-control:focus-visible{
    border-color:#393738 !important;
    outline:none 
}
div#popmake-4697 span.wpcf7-form-control.wpcf7-checkbox {
    padding: 0px !important;
    margin-bottom: 10px !important;
    display: block;
}

div#popmake-4697 span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:first-child {
    margin-left: 0px !important;
}
div#popmake-4697 .landing-contact-form .pix-sliding-headline-2 {
    color: #393738;
}

div#popmake-4697 button.btn {
    border-radius: 4px;
    background-color: #ee212b;
    border: none;
    color: #fff;
    transition: all 0.5s;
    cursor: pointer;
    display: inline-block;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding:15px 30px 15px 30px !important;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    min-width: 180px;
    letter-spacing: 1px;
}
div#popmake-4697 button.btn span{
    position:relative;
}
div#popmake-4697 button.btn:hover span{
    padding-right:15px;
}
div#popmake-4697 button.btn span:after {
    content: '\f101';
    position: absolute;
    font-family: "Font Awesome 5 free";
    opacity: 0;
    font-weight: 900;
    right: 0;
    transition: 0.5s;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}
div#popmake-4697 button.btn:hover span:after{
    opacity: 1;
    right: -4px;
}

div#popmake-4697 button.btn:focus {
    box-shadow: none;
}

button.pum-close.popmake-close {
    background-color: #ee212b !important;
}
button.pum-close.popmake-close:hover{
    background-color: #393738  !important;
}
button.pum-close.popmake-close:focus{
    outline:none !important;
}
div#popmake-4697 .pum-container{
    border:0px;
    padding: 25px !important;
}
.tophead-contact ul li i {
    display: none;
}
.service-box-layout6-new .item-content .svg-content svg.top-svg path {
    fill: #001da9 !important;
}
.calendly-badge-widget {
    display: none !important;
}
.tc-page h2 {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
    font-size: 25px !important;
}

.offcanvas-list a {
    color: #777 !important;
}
.offcanvas-list span:nth-child(3) {
    display: none;
}
.submit-bn input {
    border-radius: 4px;
    background-color: #ee212b;
    border: none;
    color: #fff !important;
    margin-bottom: 0 !important;
}
.footer__copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-info i {
    margin-right: 15px;
	color:#ee212b;
}
.footer-info a {
    color: #fff !important;
}
ul.content-style b {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    color: #393738;
}
#mapDiv {
    border-right: 10px solid #ee212b !important;
}
.copyright {
    max-width: 1200px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.sidebar-widget-area .widget.widget-search-box, aside#roofix_posts-5, aside#tag_cloud-5 {
    display: none;
}
.slider-project .project-layout8 .item-img .project-details .item-content .content-title a {
    color: #ee212b;
}
.slider-project .project-layout8 .item-img .project-details .item-content .content-subtitle a {
    color: #000000;
}
.slider-project .project-layout8 .item-img .project-details .project-button .item-btn {
	color: #ffffff;
    background-color: #ee212b;
}
.slider-project .project-layout8:hover .item-img .project-details .item-content .content-title a {
    color: #000000;
}
.slider-project .project-layout8:hover .item-img .project-details .project-button .item-btn {
    color: #ee212b;
	background-color: #FFEDED;
	box-shadow: none;
}
.slider-project .project-layout8:hover .item-img .project-details .item-content .content-subtitle a {
    color: #828282;
}
body.page-id-5069 .content-area {
    padding-bottom: 0;
}

.service-box-layout7media {
    background-image: url(https://rooftopinnovations.com/wp-content/uploads/2021/09/shape22.png);
    background-color: #ec0101; 

}
/* googlere view*/
.googlereview .ti-widget-container{
    display: inline-block;
    position: fixed;
    bottom: 30px;
    left: 22px;
    z-index: 999;
}/**/
.phone-number a:hover {
    color: #ee212b;
}
ul.about-info.theme2 li:first-child::after {
    background-color: #ee212b;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    line-height: 20px;
    color: #fff;
    font-size: 10px;
    margin-top: 3px;
}
.about-info-list .about-info li:after {
    font-size: 22px;
    margin-top: -5px;
}
.location-form {
	height:48px !important;
	color: #868e96 !important; 
}
.footer-wrap-fix-off .footer-top-wrap-layout1 {
    padding: 75px 0 50px !important;
}
#pum_popup_title_5404 {
  text-align:center !important;	
}
.pum-theme-4688 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
	top:10px !important;
	right:10px !important;
	border-radius:30px !important;
	line-height:10px !important;
}
ul.about-info.theme2 li:first-child::after {content: "\f879" !important;}
ul.about-info.theme2 li:nth-child(2)::after {content: "\f7cd" !important;}
ul.about-info.theme2 li:last-child::after {content: "\f3c5" !important;}
.brand-box-layout2.grid .item-img img {filter: none !important;}
.brand-box-layout2.grid .item-img:hover img {filter: grayscale(100%) !important;}
.f-phone {margin-top: 10px !important;}
.footer-info .f-phone {margin-bottom: 20px;}
.footer-social a:hover {color: #ee212b !important;}
/*body.page-id-5335 .rtin-banner-tab-layout1 .tab-content .rtin-item .rtin-content { padding: 200px 15px;}*/
.footer-top-wrap-layout2 {padding: 90px 0 100px;}
body.page-id-5503 #roofix_info-2 {display: none !important;}
body.page-id-5335 #roofix_info-3 {display: none !important;}
.footer-top-section{
    background-image: url(https://rooftopinnovations.com/wp-content/uploads/2021/09/shape22.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 60px 0px 54px 0px;
    z-index: 2;
}
.widget-form .contact-form-box .form-group .form-control{
    background-color: #f2f2f2 !important;
}
.location-btns {
    text-align: center;
}
.page-id-5335 .content-area, .page-id-5503 .content-area {
    padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.location-btns a {
    max-width: 50% !important;
    width: 40%;
}
.text-btn {
    margin-top: 10px;
}
/*
.page-id-5335 form .contact-form-box .location-btns, 
.page-id-5503 form .contact-form-box .location-btns, 
.page-id-4763 form .contact-form-box .location-btns, 
form .widget-form .contact-form-box .location-btns, 
.page-id-5371 form .contact-form-box .location-btns{
    display: none !important;
}*/
.form-2-btn-d .location-btns a {
    font-size: 12px;
    width: 49%;
    padding: 5px 0px;
    max-width: 110px !important;
}
.page-id-704 .location-btns a {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 10px;
}
p.elementor-icon-box-description a {
    color: #707173 !important;
}
.textwidget .social-icon-off {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.link-color p a {
    color: #707173;
}
.text-now {
    text-align: center;
}
.location-btns a {
    background-color: #fff !important;
}
.location-btns a span {
    color: #000;
}
.location-btns a:hover span {
    color: #ee212b;
	padding-right:0 !important;
}
.location-btns a span:after {
    display:none !important;
}
.remove-icon ul.about-info.theme2 li:nth-child(2)::after {
    content: "\f058" !important;
}
.widget-download a i::before {
    content: "\f3c5" !important;
}
.tobbar-layout-5 .topbar-wrap {
    justify-content: end !important;
}
.googlereview .ti-widget-container {
    margin-bottom: -20px !important;
}
.remove-click .item-img a {
    pointer-events: none !important;
}
body.page-id-6196 .site-header .main-navigation ul:not(.sub-menu)>li>a {
    padding: 30px 9px !important;
}
body.page-id-6196.trheader .entry-banner .inner-page-banner {
    padding: 10rem 0 6rem 0rem !important;
}
a.header-btn-new.mobile-btn {
    display: none !important;
}
h3.item-title.ft {
    font-size: 20px !important;
    line-height: 1.2em !important;
    margin-bottom: 0;
}
.action-box-layout5.third-col a {
    width: 250px !important;
    text-align: center !important;
}
.all-services-c .service-box-layout4 .item-img img {
    min-height: 300px !important;
    max-height: 300px !important;
    height: 100% !important;
}
.all-services-c h3.item-title{font-size:20px !important;}
.all-services-c .service-box-layout4 .item-content p {display: none !important;}
.all-services-c .service-box-layout4 .item-content {bottom: 0px;}
.textwidget .footer-info .social-icon-off b {display: flex !important;}
.textwidget .footer-info .social-icon-off b b{display: flex !important;}
a.visit-site {
    background-color: #ee212b;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-radius: 5px;
}
a.visit-site:hover {
    background-color: #d21c1d;
}





/*************************** Start Responsive view*************************************************/
@media (max-width: 1680px){
	.site-header .main-navigation ul:not(.sub-menu)>li>a {
		font-size: 14px !important;
  }
}

@media all and (max-width:1600px){
    .site-header .main-navigation ul:not(.sub-menu)>li>a{
        padding: 30px 10px  !important;
        font-size: 15px !important;
    }
}
@media all and (max-width:1500px) and (min-width:1025px) {
    .site-header .main-navigation ul:not(.sub-menu)>li>a {
        padding-left: 5px !important;    
        padding-right: 5px !important;  
        font-size: 12px !important; 
    }
}
@media all and (max-width:1199px) and (min-width:1025px) {
    .trheader .entry-banner {
        padding-top: 104px !important;
    }
    .site-header .main-navigation ul:not(.sub-menu)>li>a{
        font-size: 10px !important;
        line-height: 16px !important;
    }
    .menu-1v2 .header-phone-btn .phone-number{
        font-size: 14px !important;
    }
}
@media all and (min-width:1643px) {
    .header-style-2 .pd-header-200 {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }
}


@media (max-width: 1366px){
	.menu-1v2 .header-phone-btn .phone-number {
    	font-size: 14px;
    }
}
body.page-id-6196 .content-area {
    padding: 0px !important;
}
body.page-id-6196.trheader .entry-banner .inner-page-banner {
    padding: 5rem 0 !important;
}
@media (max-width: 1100px){
	.menu-1v2 .header-phone-btn .phone-number {
    	font-size: 12px !important;
	}
}

@media all and (max-width:575px) {
.location-btns a {
    max-width: 50% !important;
    width: 100%;
	margin-bottom:10px;
}
	
}