/*
Theme Name: Empire Roofing & Exteriors
Theme URI: https://empireroofllc.com/
Author: Empire Roofing & Exteriors
Author URI: https://empireroofllc.com/
Description: This custom WordPress theme was developed by Ascend Digital Agency for Empire Roofing and Contracting. Ascend specializes in high-end custom WordPress website development for roofing contractors in the US. 
Empire Roofing & Exteriors have provided quality roofing, exterior and interior services to our customers in Baton Rouge and Surrounding areas for years. They can handle all your needs, from replacing the roof on your home to installing new siding. You can rest assured that they will do the job right the first time and treat your property as our own. Empire Roofing & Exteriors is licensed and insured and serves all of Southeastern Louisiana. Call them now for your roofing and exterior needs in Baton Rouge and surrounding areas.
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 8.0
Version: 1.0
Text Domain: empire-roofing
*/

.elementor p {
    font-size: inherit;
    line-height: 145%;
}
.elementor .gform_title{
	display:none;
}
.elementor .center-part{
    display: flex;
    align-items: center;
}
.elementor .gform_button.button {
    background: #00B0CB;
    border: 0.5px solid #A7A7A7;
    border-radius: 5px;
    width: 100%;
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    line-height: 0;
    text-align: center;
    display: grid;
    justify-items: center;
    justify-content: center;
}
.slick-dots li {
	font-size: 0;
    padding: 4px;
    border-radius: 100%;
    border: 0;
    background-color: #525252;
    color: #525252;
    margin: 0 4px;
    width: 8px;
    height: 8px;
}
.slick-dots li button{
	display:none;
}
.slick-dots .slick-active{
	background-color:var(--secondary)
}
.slick-dots{
	display: flex;
    justify-content: center;
}

.wpproslider_t7_P_4.wprev_preview_tcolor1_T7 , .t7displayname{
	font-size:15px;
	font-style: normal;
}
/* .slickwprev-list .wpproslider_t7_DIV_2{
	    border: 2px solid #cbcbcb !important;
    border-left: 0 !important;
    border-right: 0 !important
} */

.testimonials .inner-part:before{
	display:none;
}
.testimonials .inner-part{
    height: 100% !important;
    top: 0 !important;
}

.blog-breadcrumb .breadcrumb{
	padding:110px 0px;
}
.blog-breadcrumb .right-img{
	width:35%;
}
.blog-breadcrumb .breadcrumb .inner {
    width: 100%;
}
.blog-breadcrumb .breadcrumb .inner h1{
    font-size: 30px;
}
.blog-breadcrumb  .breadcrumb ul {
    /* width: 100%; */
    display: flex;
    align-items: center;
    justify-content: right;
    margin-bottom: 10px;
	gap:5px;
}




.service_areas .left .tabs {
    width: 100%;
    background-color: #002C61;
    border-radius: 5px 5px 5px 5px;
	padding:25px;
}
.service_areas .left .tabs .tabs-content {
    display: grid;
    grid-template-areas: "stack";
    background-color: #001A3A;
    border-radius: 5px 5px 5px 5px;
	padding: 10px 10px 0;
    position: relative;
}
.service_areas .left ul.theme{
    position: relative;
}
.service_areas .left ul.theme:before{
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  left: 48%;
  top:0;
  background-color: #C6C5D0;
  opacity: 0.25;
}
.service_areas .tabs-nav a.hover , .service_areas .tabs-nav a.active{
    padding: 10px 20px;
    background: #0D448E !important;
	border-bottom: 2px solid #FF2410;
	border-radius: 5px;
	width: 100%;
}
.service_areas .left .tabs .tabs-content h3{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 5px);
}
.service_areas .left .tabs-content li {
    width: 85% !important;
}
.service_areas .left .tabs ul li{
    width: 45%;
}
.service_areas .left .tabs ul li a{
    background-color: transparent;
    width: 100%;
    box-shadow:none;
}





.single-blogs-one{
    padding-bottom: 172px;
}

.single-blog .theme-heading h1{
    font-size: 30px;
}
.single-blogs-one .inner .single-blog .theme-heading h1 {
    font-size: 35px;
    font-weight: 700;
    line-height: 140%;
    color: #000;
}
.single-blogs-one .inner {
    background: #fff;
}
.single-blogs-one .inner .content h3 {
    margin-top: 10px;
    margin-bottom: 5px;
	font-size: 24px;
	font-weight:500;
}
.single-blogs-one .inner .content h4 {
    margin-top: 10px;
    margin-bottom: 5px;
	font-size: 20px;
	font-weight:500;
}
.single-blogs-one .inner .single-blog .blog-content .content h3, .single-blogs-one .inner .single-blog .blog-content .content h4{
	color: var(--primary);
}
.single-blogs-one .inner .single-blog .blog-content .content h3, .single-blogs-one .inner .single-blog .blog-content .content li{
	list-style-type: initial;
}

.single-blogs-one .inner .single-blog .blog-content .content h3, .single-blogs-one .inner .single-blog .blog-content .content .wp-block-table{
	font-size:17px;
	line-height:140%;
}
.single-blogs-one .inner .single-blog .blog-content .content li{
    color:#4c4848;
    font-size: 16px;
    margin: 14px 0px;
    line-height: 140%
	}
.single-blogs-one .inner .single-blog .blog-content .content a strong{
    color:var(--primary);
}
.single-blogs-one .inner .single-blog .blog-content .content ul, .single-blogs-one .inner .single-blog .blog-content .content ol {
    padding-left: 20px;
		margin-bottom:10px;
}
.blog-breadcrumb .breadcrumb .right-img img {
    width: 100%;
    clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0% 100%);
    top: 0px;
    position: relative;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.single-blogs-one .inner .single-blog .blog-content .content .wp-caption{
    margin: 0 auto !important;
}

.post-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.previous-post,
.next-post {
    width: fit-content;
}

.previous-post a,
.next-post a {
    display: block;
    padding: 10px 30px;
    font-weight: 700;
    border: 2px solid var(--primary);
    text-align: center;
    text-decoration: none;
}

.previous-post a:hover,
.next-post a:hover {
    color: #fff;
    background-color: var(--primary);
}

#pagination span {
	background: transparent;
	border: 2px solid var(--primary);
	color: var(--primary);
	padding: 5px 10px;
	border-radius: 10px;
	font-weight: bold;
}
#pagination a {
	background: var(--primary);
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 10px;
	border: 2px solid var(--primary);
}

#pagination {
	width: 100%;
	display: flex;
	gap: 5px;
}
@media (max-width: 1024px) {
	
	.elementor section{
       display:block;
		padding:10px 0;
     }
	.elementor h3, .elementor h4 {
    text-align: revert;
    }
		.blog-breadcrumb .breadcrumb .right-img img {
    object-fit: cover;
    }
	.blog-breadcrumb .breadcrumb {
    padding: 70px 0px;
     }
	.single-blogs-one .inner .single-blog {
    padding: 20px;
   }
	.single-blogs-one .inner .single-blog .theme-heading h1 {
    font-size: 28px;
   }
	.single-blogs-one .inner .single-blog .blog-content{
		padding:10px 0;
	}
	.single-blogs-one .inner .single-blog .blog-content .content img{
		width:100%;
	}
}