/*
Theme Name: Roofline
Theme URI: https://shtheme.com/demosd/roofline
Author: Shtheme
Author URI: https://shtheme.com
Description: RoofLine is a clean, creative, unique template for metal roofing, industrial roofing, construction, exterior, maintenance, painting, remodelling, renovation, repair service, roof repair, roofers, roofing, roofing company, roofing service, siding websites.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: roofline

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.
*/



.comments-avatar img{
    border-radius: 50%;
}
a.comment-reply-link{
    color: #6f7172;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    transition: 0.3s;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0;
    border: 2px solid #f15743;
    padding: 8px 12px;
    border-radius: 7px;
}
a.comment-reply-link:hover{
    background-color: #f15743;
    color: #fff;
}
p.comment-form-cookies-consent{
    display: none;
}
.conatct-post-form p.form-submit input.submit{
    backface-visibility: hidden;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    padding: 24px 33px;
    position: relative;
    text-align: center;
    transition: 0.3s;
    background-image: -moz-linear-gradient(-28deg, #f15245 0%, #ea3648 99%);
    background-image: -webkit-linear-gradient(-28deg, #f15245 0%, #ea3648 99%);
    background-image: -ms-linear-gradient(-28deg, #f15245 0%, #ea3648 99%);
    font-weight: 700;
    text-transform: capitalize;
    border-radius: 5px;
    cursor: pointer;
    border: none;
    width: auto;
    margin-bottom: 0;
    height: auto;
}
.conatct-post-form p.form-submit input.submit:hover{
    transform: translateY(-5PX);
}
.search-form button{
    cursor: pointer;
    border:1px solid #f15743;
}
.search-form button:hover{
    background: #fff;
    color: #f15743;
    border:1px solid #f15743;
}
.widget_categories ul li{
    margin-bottom: 7px;
}
.widget_categories ul li a {
    background: #f3f1f2;
    display: block;
    padding: 19px 35px;
    color: #1e1e2a;
    position: relative;
    font-weight: 700;
    font-size: 18px;
    transition: 0.3s;
}
.widget_categories ul li a:hover {
    background: #f15743;
    color: #ffffff;
}
.widget_categories ul li a:hover::before{
    color: #fff;
}
.widget_categories ul li a::before {
    content: "";
    display: inline-block;
    padding-bottom: 0;
    position: absolute;
    top: 18px;
    right: 35px;
    font-family: "Font Awesome 5 Pro";
    color: #1e1e2a;
    font-size: 18px;
    transition: 0.3s;
}
.widget-title{
    margin-bottom: 35px;
    font-size:20px;
}
.wp-tag-cloud a{
    line-height: 1;
    padding: 12px 18px;
    background: #fff;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px!important;
    font-weight: 600;
    color: #5f5b5b;
    border-radius: 2px;
    border: 1px solid #5f5b5b;
}
.wp-tag-cloud li{
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 5px;
}
.wp-tag-cloud a:hover {
    background: #f15743;
    color: #ffffff;
    border: 1px solid #f15743;
}
.widget_custom_html{
    padding: 0;
}
form .ser-button  input.wpcf7-submit{
    background-image: -webkit-linear-gradient(-28deg, #f15245 0%, #ea3648 99%);
    font-weight: 700;
    color: #ffffff;
    padding: 24px 33px;
    height: auto;
    margin-bottom: 0;
}
div.wpcf7-response-output{
    margin:  10px 0 0 0 ;
}
p.form-submit{
    margin-bottom: 0!important;
}
h3.comment-reply-title{
    margin-bottom: 40px;
}
div.wpcf7 .ajax-loader{
    display: none;
}
.conatct-post-form textarea{
    margin-bottom: 15px;
}
.basic-pagination ul li span.current{
    background: #f15743;
    color: #ffffff;
    border-color: #f15743;
    height: 60px;
    width: 60px;
    line-height: 60px;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    text-align: center;
}
.page-404{
    height: 100vh;
    background-size: cover;
}
.page-404 .breadcrumb-text{
    padding: 27vh 0;
}
.page-404 .breadcrumb-text h3{
    color: #fff;
    font-size: 40px;
}
.page-404 .breadcrumb-text h1{
    font-size: 100px;
    margin-bottom: 30px;
}
.page-404 .breadcrumb-text a{
    margin-top: 30px;
}
.search-custom form button {
    border: 1px solid #f15743;
    color: #fff;
    font-size: 16px;
    height: 50px;
    position: relative;
    width: 50px;
    cursor: pointer;
    float: right;
    background: #f15743;
    margin-top: -50px;
    padding: 0;
    letter-spacing: 0;
}
.search-custom form button:hover{
    background: #fff;
    border: 1px solid #f15743;
    color: #f15743;
}
.search-custom form input{
    width: 100%;
    padding: 11px;
    margin-top: 10px;
}
.bookings-form-button .c-btn{
    color: #fff;
    font-size: 16px;
    padding: 24px 33px;
    height: auto;
    font-weight: 700;
    margin-bottom: 0;
}
.booking-form input.wpcf7-submit{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    height: auto;
    background-image: -webkit-linear-gradient(-28deg, #f15245 0%, #ea3648 99%);
    margin-bottom: 0;
}
.booking-wrapper div.wpcf7-response-output{
    color: #fff;
}
.newsletters-form input.wpcf7-submit{
    width: auto;
    background: #1e1e2a;
    border-radius: 0;
    cursor: pointer;
    padding: 27px 33px;
    transition: 0.3s;
    color: #fff;
    position: absolute;
    right: -1px;
}
.newsletters-form br{
    display: none;
}
.newsletters-form input.wpcf7-submit:hover {
    color: #ffffff;
    background: #f15743;
    transform: translateY(0);
}
.booking-02-wrapper input.wpcf7-submit{
    background:#ffffff;
    padding: 22px 48px;
    font-size: 16px;
}
.booking-02-wrapper input.wpcf7-submit:hover{
    color: #ffffff;
    background: #1e1e2a;
}
.booking-02-wrapper span.wpcf7-not-valid-tip{
    color: #fff;
}
form.wpcf7-form p{
    margin-bottom: 0
}
.contact-area input.wpcf7-submit{
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    border:none;
    border-radius: 0;
	margin-bottom:0;
}
.map-area {
    margin-bottom: -7px;
}
.mean-container .mean-nav{
    margin-top: 25px;
    max-height: 350px;
    overflow-y: auto;
}
.services-02-text h4> a{
    font-size: 22px;
    margin-top: 20px;
    color: #1e1e2a;
    margin-top: 0;
}
.mean-container .mean-nav ul li li a{
    opacity: 1;
}
@media(max-width: 768px){
.mean-container .mean-nav ul li a i{
    display: none;
}
.menu-01{
    padding-top: 25px;
}
}
.blog-meta span i{
    color: #333;
    border: none;
    width:15px;
    height:15px;
}
p{
    color: #333;
}
.blog-meta span > a{
    color: #1e1e2a;
}
.c-btn:focus{
    color: #fff;
}
.mean-container .mean-nav ul li a.mean-expand{
    padding: 9px 12px;
}
.mean-container .mean-nav ul li a{
    line-height: 26px;
}
.slick-slide:focus{
    outline: none;
}
.main-menu nav > ul > li .sub-menu li a{
    padding: 15px 20px 0 20px;
}
.main-menu nav > ul > li .sub-menu li:last-child a{
    padding-bottom: 13px;
}
.main-menu nav > ul > li:hover > .sub-menu li > a:hover {
    color: #f15743;
    background: #fff;
}
.main-menu nav > ul > li .sub-menu li a{
    font-weight: 600;
    line-height: 26px;
    font-size: 15px;
}
.main-menu nav > ul > li .sub-menu li a {
    padding: 10px 20px 0 20px;
}
.features-text h4{
    font-size:24px;
}
.client-say-content h4{
    font-size:22px;
}
.client-content h4{
    font-size:22px;
}
.footer-text p{
    color:#fff;
}
.footer-icon a{
    color:#fff;
}
.footer-link ul li a{
    color:#fff;
}
.footer-news-text span{
    color:#fff;
}
.f-bottom-item li a{
    color:#fff;
}
.f-bottom-item li a::before{
    display:none;
}
.news-meta span > a{
    color:#1e1e2a;
    font-weight:700;
}
.footer-bottom-area .copyright p{
    color:#fff;
}
.btn-white:hover span{
    background:#fff;
}
.choose-us-wrapper .choose-text h4{
    font-size:22px;
}
.widget{
    background-color:#fff;
    border:2px solid #f6f6f6;
    border-top: 4px solid #f15743;
}
.ser-side-form input{
    background:#f3f1f2;
}
.ser-side-form textarea{
    background:#f3f1f2;
}
.widget_custom_html{
    border:none;
}
.avatar-name h5{
    font-size:21px;
}
.services-text{
    border:none;
}
.services-wrapper:hover .services-text {
    box-shadow: 0px 10px 30px 0px rgb(31 27 27 / 28%);
    border:none;
}
h6.text-gray{
    color: #a4a4aa;
    font-weight: 400;
}
.list-items li {
    display: inherit;
    padding: 5px 0;
}
.list-items li strong{
    margin-right:5px;
}
.list-items li span{
    font-size:15px;
}
.team-icon.opa-1{
    opacity:1;
    visibility:inherit;
    background:#fff;
    padding:0;
    margin-left:0;
    margin-right:0;
    text-align:center;
    margin-top:12px;
}
.team-icon.opa-1 a{
    margin-right:5px;
    margin-left:0;
    background:#feeeee;
    width:38px;
}
.team-icon.opa-1 a:hover{
    background: -webkit-linear-gradient(
-28deg
, #f15245 0%, #ea3648 99%);
}
.order-list li{
    margin: 12px 0px;
}
.order-list .about-item-text span{
    font-size:15px;
    font-weight:400;
}
.personal-details{
    margin-left:15px;
}
.services-wrapper .services-text.text-center{
    text-align: left!important;
}
.logo img, .footer-logo img{
    max-width:220px!important;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px){
.about-img {
    margin-right: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
.about-img {
    margin-right: 40px;
}
}
@media (max-width: 1202px){
.f-03-inner {
    display: block!important;
    margin-top: 15px!important;
}
}
@media (max-width: 767px){
.f-top-inner {
    margin-right: 10px;
}
}
.blog-standard .blog-text h4{
    font-weight:600!important;
}
.blog-text p{
    font-size:16px;
}
.blog-text p {
    font-family: "Roboto", sans-serif;
    font-size: 16px!important;
    letter-spacing: 0.6px;
    font-weight: 400;
}
.blog-meta span{
    font-weight: 500;
    font-size: 1rem;
    color: #111;
    font-family: "Roboto", sans-serif;
}
.c-btn.gray-btn{
    font-weight: 600;
}
.blog-standard .blog-text h4 {
    font-weight: 500!important;
}
.slick-slide .single-brand img {
    display: inline-block!important;
}

.slick-slide.slider-2-height {
    min-height: 950px;
}
.slick-slide.slider-3-height {
    min-height: 800px;
}
@media (max-width: 767px){
.slick-slide.slider-height {
    min-height: 500px;
}
.slick-slide.slider-2-height {
    min-height: 500px;
}
.slick-slide.slider-3-height {
    min-height: 500px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.slick-slide.slider-height {
    min-height: 550px;
}
.slick-slide.slider-2-height {
    min-height: 550px;
}
.slick-slide.slider-3-height {
    min-height: 550px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
.slick-slide.slider-height {
    min-height: 750px;
}
.slick-slide.slider-2-height {
    min-height: 750px;
}
.slick-slide.slider-3-height {
    min-height: 750px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1600px){
.slick-slide.slider-height {
    min-height: 800px;
}
.slick-slide.slider-2-height {
    min-height: 800px;
}
.slick-slide.slider-3-height {
    min-height: 800px;
}
}
.about-img::before{
    display: none;
}
.project-details-text h2::before{
    height: 60px;
    top: 0;
}
.project-info-list ul li{
    margin-right: 90px;
}
.textwidget br{
    display: none;
    
}
.services-details-text.mt-30{
    margin-top: 30px;
}

/* Woocommerce*/

.product-social br,
.product-cat br{
    display: none;
}
.product-details h1{
    font-size: 30px;
    margin: 0;
    line-height: 1.2;
    margin-bottom: 15px;
}
span.price ins{
    text-decoration: none;
}
.woocommerce .c-btn{
    border:none;
    cursor: pointer;
}
#tab-additional_information h4{
    display: none;
}
.woocommerce table.shop_attributes td{
    padding: 8px;
}
.woocommerce table.shop_attributes td p{
    padding: 0;
}
li.media img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    margin-right: 15px;
}
.woocommerce .tab-pane .star-rating {
    float: none;
    font-size: 13px;
    margin: 10px 0;
}
.woocommerce .star-rating {
    width: 5.3em;
}
.woocommerce .star-rating {
    color: #f15743;
}
.woocommerce p.stars a {
    color: #f15743;
}
.woocommerce #reviews #comment {
    height: 100px;
    margin-bottom: 15px;
    width: 100%;
    padding: 20px;
    padding-right: 50px;
    border:1px solid #f2f2f2;
}
.woocommerce .comment-form input {
    padding: 10px;
    margin-bottom: 20px;
    width: 100%;
    border:1px solid #f2f2f2;
}
.woocommerce #respond input#submit {
    background: #f15743;
    border: none;
    font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    padding: 15px 35px;
    font-weight: bold;
    width: auto;
    transition: 0.3s;
}
.woocommerce #respond input#submit:hover{
    background: #f15743;
    color: #fff;
    transform: translateY(-5PX);
}
.woocommerce .woocommerce-ordering select{
    border: 2px solid #f2f2f2;
    padding: 17px 10px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1;
    color: #6f7172;
    font-weight: 700;
}
.woocommerce .woocommerce-product-rating .star-rating {
    margin: 10px auto 15px;
    float: none;
}
.sale span.on_sale {
    background: #f15743;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    left: 25px;
    text-align: center;
    text-transform: capitalize;
    top: 30px;
    height: 50px;
    width: 50px;
    line-height: 50px;
}



.table td, .table th{
    vertical-align: middle;
    text-align: center;
}
.table thead th{
    border-top: 1px solid #ccc;
}
td.product-thumbnail img {
    width: 80px;
}
.cart-table .woocommerce-Price-amount.amount{
    font-size: 15px;
}
.woocommerce a.remove{
    margin: auto;
    color: #f15743!important;
}
.woocommerce a.remove:hover{
    color: #f15743!important;
    background: #fff;
}
.woocommerce .btn{
    padding: 16px 30px;
}
#coupon_code{
    height: 50px;
}
.update-cart-layer{
    float: right;
    margin-top: -56px;
}
.woocommerce-Price-amount.amount{
    font-size: 15px;
}
.cart-subtotal td,
.order-total td,
.product-total
{
    text-align: right;
}
.woocommerce form .form-row label{
    margin-left: 0;
    margin-top: 0;
}
.select2-container .select2-choice{
    padding-bottom: 5px;
    padding-top: 5px;
}
.woocommerce-shipping-fields{
    margin-top: 50px;
}
.woocommerce form .form-row textarea{
    height: 6em;
}
.checkout_field input, 
.checkout_field  textarea,
.checkout_field  select{
    border-radius: 5px;
}
.shop_table.woocommerce-checkout-review-order-table tfoot th{
    background: #fff;
    color: #333;
}
.woocommerce .orderby{
    margin-top: 0;
    padding: 10px;
    background: #fff;
}
.woocommerce a.added_to_cart{
    font-weight: 700;
    line-height: 34px;
    color: #515151;
    position: relative;
    top: 10px;
}
.woocommerce a.added_to_cart:hover{
    color: #fff;
}
.woocommerce .star-rating{
    width: 5.3em;
}
.woocommerce span.onsale{
    margin: 0;
    top: 0;
    left: auto;
}
.woocommerce .woocommerce-message a.button{
    background: #fff;
    color: #515151;
}
.woocommerce .woocommerce-message a.button:hover{
    color: #fff;
    background: #f15743;
}

.woocommerce #respond input#submit{
    background: #f15743;
    border: none;
    font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    border-radius: 50px;
    padding: 12px 30px;
    font-weight: bold;
    width: auto;
}
.product-details-img{
    margin-right: 0;
}
.shop-thumb-tab{
    width: 100%;
    float: none;
}
.shop-thumb-tab ul li img{
    width: 166px;
}
@media(min-width: 768px){
.shop-thumb-tab ul li{
    margin-right: 20px;
}
}
.shop-thumb-tab ul li:last-child{
    margin-right: 0;
}
@media(max-width: 767px){
.woocommerce table.shop_attributes th{
    width: 130px;
}
.woocommerce .form-inline{
    display: block;
}
.row{
    margin-left: -15px;
    margin-right: -15px;
}
}
@media(max-width: 991px){
.woocommerce .checkout-button{
    padding: 15px 15px;
}
}
@media(max-width: 550px){
table.cart-table{
    overflow-x: auto;
    display: block;
}
.woocommerce .btn {
    padding: 15px 15px;
}
}
.woocommerce .checkout-btn{
    float: right;
}
.woocommerce .btn:hover{
    background: #212529;
}
.p-relative.woocommerce table{
    border:1px solid #ccc;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100%;
    overflow: visible;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select{
    float: left;
    padding: 10px;
    border: 1px solid #ccc;
}
.checkout_field input, .checkout_field textarea, .checkout_field select {
    border-radius: 5px;
}
span.woocommerce-input-wrapper{
    width: 100%;
}
.product-action .woocommerce-LoopProduct-link{
    display: none;
}
.product-action a.add_to_cart_button,
.product-action a.added_to_cart  {
    width: auto;
    height: auto;
    color: #fff;
    background-color: #f15743;
}
.product-action a.add_to_cart_button:hover, .product-action a.added_to_cart:hover{
    color: #1e1e2a;
    background: #e7e7e7;
}
.product-action a.added_to_cart{
    border-radius: 5px;
    font-size: 100%;
    padding: .618em 1em;
    top:0;
    line-height: 17px;
}
#coupon_code {
    border: 2px solid #efefef;
    padding: 0 15px;
    margin-right: 10px;
}
.woocommerce .apply_coupon,
.woocommerce .update_cart{
    padding: 17px 31px;
}
.product-details table.table-bordered{
    display: none;
}
.product-details .woocommerce-Price-amount.amount{
    font-size: 20px;
}
.product-details-img{
    margin-left: 0;
}
.woocommerce span.onsale{
    background: #f15743;
    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    left: 40px;
    top: 30px;
    height: 50px;
    width: 50px;
    line-height: 45px;
}
.heder-03-text h4{
	margin-top:13px;
}
@media (max-width: 767px){
.basic-pagination-2 ul li span.current{
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 15px;
}
}
@media (max-width: 767px){
    .shop-img{
        max-width: 270px;
    margin: 0 auto;
    }
}

.wp-block-group h2.wp-block-heading {
    position: relative;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: 500;
    letter-spacing: 4px;
    text-transform: uppercase;
}
.widget_block.widget_search label.wp-block-search__label {
    display: none;
}
.widget_block .wp-block-search .wp-block-search__inside-wrapper {
    position: relative;
}
.widget_block .wp-block-search .wp-block-search__input {
    width: 100%;
    padding: 10px;
    border: 0;
    background: #f4f5f7;
    margin-bottom: 0;
    border-radius: 0px;
}
.widget_block .wp-block-group .wp-block-group__inner-container ul li {
    margin-bottom: 20px;
    color: #040b11;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 28px;
}
.widget_block .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: transparent;
    color: #040b11;
    border: 0;
    cursor: pointer;
    font-size: 15px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-posts__list.wp-block-latest-posts li {
    margin-bottom: 20px;
    color: #040b11;
    font-size: 16px;
    line-height: 1.5em;
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 40px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-posts__list.wp-block-latest-posts li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px dashed #cccccc;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments .wp-block-latest-comments__comment {
    color: #040b11;
    font-size: 16px;
    line-height: 1.5em;
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 40px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px dashed #cccccc;
}
.sidebar_widget.widget.widget_block.widget_search .wp-block-search__button-outside .wp-block-search__inside-wrapper {
    margin: 0px 0px;
}
.sidebar__widget .wp-block-group__inner-container .wp-block-latest-comments {
    padding-left: 0rem;
}
.wp-block-group ol.wp-block-latest-comments {
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 0px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-posts__list.wp-block-latest-posts li a{
    color: inherit;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments .wp-block-latest-comments__comment a{
    color: inherit;
}
.fa, .fab, .fad, .fal, .far, .fas {
    line-height: inherit;
}