/**
Theme Name: Straightline Remodeling
Author: Dundee LLC
Author URI: https://dundeedig.com
Description: Theme for Straightline Construction & Granite
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: straightline-remodeling
Template: astra
*/

/*Give box shadow to category and product thumbnails*/
 .product .wp-post-image, .woocommerce-product-gallery__image, .product-category img {
     box-shadow:10px 10px 50px rgba(67, 67, 67,0.25) !important;
}
 #gMap 
/*Give box shadow and grayscale to Google Map*/
 {
     filter: grayscale(100%) brightness(101%) contrast(120%);
     box-shadow:1.25rem 1.375rem 4.75rem 0rem rgba(0,0,0,0.22);
}
/*WooCommerce Page Heading style (Not for Desktop)*/
 .woocommerce-products-header h1 {
     font-size: 3em !important;
     line-height:1.4em;
     margin-bottom:20px;
     color: #000c30;
}
/*****new site css start********/

header#masthead {
    position: fixed;
    left: 0;
    right: 0;
}
.ml-0 > .elementor-container{
	margin-left:0 !important;
}
.mb_0{
	margin-bottom:0 !important;
}
.banner_abs_heading {
    position: absolute;
    display: flex;
    width: auto !important;
    transform: rotate(-90deg);
    flex: 0 0 auto;
    left: -75px;
    top: -90px;
}
.yelow_head_span span {
    color: #ffad20;
}
.golden_head_span h1.elementor-heading-title span {
	color: #af7742;align-content
}
.golden_head_span h2.elementor-heading-title span {
    color: #af7742;
}
.arrow_btn a.elementor-button {
    background-image: url(https://straightlinespokane.com/wp-content/uploads/2023/09/arrow_button.png);
    background-repeat: no-repeat;
    background-position: 90%;
    background-size: 18px;
}
.form_cstm_new > .elementor-widget-wrap:before {
    content: "";
    background-image: url(https://straightlinespokane.com/wp-content/uploads/2023/09/bg-top-form.png);
    width: 100%;
    height: 90px;
    background-size: 100%;
    background-repeat: no-repeat;
    left: 0;
    position: absolute;
    top: -16px;
}
.form_cstm_new h5 {
    display: flex;
    justify-content: center;
    color: #fff;
    font-family: 'Mulish';
    font-size: 22px;
    font-weight: 600;
    margin-top: -16px;
	align-items: center;
}
.form_cstm_new h5:before {
    content: "";
    background-image: url(https://straightlinespokane.com/wp-content/uploads/2023/09/formheadicon.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 15px;
}
.form_cstm_new form {
    margin-top: 35px;
}
.form_cstm_new form label.wpforms-field-label {
    font-family: 'Mulish';
    color: #888888;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
}
.form_cstm_new form .wpforms-field {
    padding-bottom: 0;
}
.form_cstm_new form .wpforms-field input, .form_cstm_new form .wpforms-field textarea {
    background: #fafafa;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    min-height: 50px;
}
.form_cstm_new form .wpforms-submit-container {
    text-align: right;
    padding-top: 20px;
}
.form_cstm_new form .wpforms-submit-container button {
    background: #e1cfb5;
    border: 0;
    color: #1a1919;
    border-radius: 8px;
    text-transform: uppercase;
    font-family: 'Mulish';
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 18px 55px;
}
.accord_custom .elementor-accordion-item {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
}
.accord_custom .elementor-accordion-item .elementor-tab-content.elementor-active {
    border-top-color: transparent !important;
}
.section_odd > .elementor-background-overlay {
    content: "";
    height: 100%;
    position: absolute;
    width: calc(100vw - 51%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    right: 0;
    top: 0;
    left: initial;
}

.SAC-list-item .elementor-image-box-content p.elementor-image-box-description {
    line-height: 25px;
    min-width: 200px;
}
.SAC-list-item figure.elementor-image-box-img{
	overflow: hidden;
    position: relative;
}
.SAC-list-item .elementor-image-box-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto !important;
	transition: all 0.4s;
	opacity: 0;
}
.SAC-list-item figure.elementor-image-box-img:before {
    content: "";
    width: 150%;
    height: 90%;
    position: absolute;
    background: rgba(255,255,255,0.8);
    transform: rotate(-45deg) scale(2);
    left: -75px;
    border: 2px solid #1a1a1a;
    transition: all 0.4s;
    opacity: 0;
	pointer-events:none;
}
.SAC-list-item:hover figure.elementor-image-box-img:before {
    transform: rotate(-45deg) scale(1);
    opacity: 1;
}
.SAC-list-item:hover .elementor-image-box-content{
	opacity: 1;
}


.cstm_form_footer.form_cstm_new h5 {
    background: #502b22;
    margin-top: 0;
    justify-content: flex-start;
    padding: 20px 30px;
    font-size: 20px;
}
.cstm_form_footer.form_cstm_new form {
    padding: 0 30px 30px 30px;
}
.cstm_sldr_new .slick-arrow {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: rgba(194, 60, 51, 0.5);
}
.cstm_sldr_new .slick-arrow svg {
    width: 28px;
}
.cstm_sldr_new .slick-arrow.slick-prev {
    left: 32px !important;
}
.cstm_sldr_new .slick-arrow.slick-next {
    right: 32px !important;
}
.cstm_sldr_new .wpsisac-slick-carousal .wpsisac-image-slide {
    margin: 0 15px;
}
.site-header-primary-section-right a.ast-custom-button-link .ast-custom-button {
    position: relative;
}
.site-header-primary-section-right a.ast-custom-button-link .ast-custom-button:before {
    content: "";
    width: 40px;
    height: 40px;
    background-color: #fff;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 50%;
    background-image: url(https://straightlinespokane.com/wp-content/uploads/2023/10/icon_cntct.png);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: center center;
}
/*******posts page start*******/
.blog #main {
    margin-top: 100px;
}
.blog #main > .ast-row:before {
    display: none;
}
.blog #main > .ast-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.blog #main > .ast-row > article {
    flex: 0 0 32%;
    max-width: 32%;
    padding: 10px 15px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	margin-bottom: 20px;
}
.blog #main > .ast-row > article .post-thumb-img-content img {
    height: 250px;
    object-fit: cover;
}
.blog #main > .ast-row > article h2.entry-title {
    line-height: 1.1;
}
.blog #main > .ast-row > article h2.entry-title a {
    font-family: 'Mulish';
    font-weight: 700;
    font-size: 23px;
}
.blog #main > .ast-row > article .entry-meta, .blog #main > .ast-row > article .entry-meta a, .blog #main > .ast-row > article .entry-meta span {
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    color: #c43c33;
}
.blog #main > .ast-row > article .entry-content {
    font-family: 'Mulish', sans-serif;
    line-height: 1.5;
    font-size: 16px;
}
.blog #main > .ast-row > article .entry-content p.read-more a {
    font-family: "Mulish", Sans-serif;
    font-size: 16px;
    color: #502B22;
    background-color: #02010100;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #502B22;
    border-radius: 7px;
    padding: 7px 20px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 10px;
}






.single-post h1.entry-title {
    font-family: 'Mulish', sans-serif;
    font-weight: 800;
    font-size: 40px;
    color: #af7742;
}
.single-post .entry-meta, .single-post .entry-meta a, .single-post .entry-meta span {
    color: #000;
    font-family: 'Mulish', sans-serif;
    font-size: 15px;
}
.single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6, .single-post p {
    font-family: 'Mulish', sans-serif;
}
/*****footer css start*****/
footer.site-footer .site-footer-section h2.widget-title {
    font-family: mulish;
    font-size: 18px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
	position:relative;
}
footer.site-footer .site-footer-section h2.widget-title:before {
    content: "";
    height: 3px;
    width: 25px;
    background: #ffad20;
    position: absolute;
    bottom: -15px;
}
footer.site-footer .site-footer-section nav ul li a {
    color: #fff !important;
    font-family: mulish;
    font-size: 15px;
    padding: 5px 0;
    display: inline-block;
}
footer.site-footer .site-footer-section nav {
    margin-top: 18px;
    display: inline-block;
}
footer.site-footer .site-footer-section nav ul li.phone--menu a:before {
    content: "";
    background-image: url(https://straightlinespokane.com/wp-content/uploads/2023/10/3ed.png);
    width: 18px;
    height: 18px;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 10px;
	position: absolute;
    left: 0;
}
footer.site-footer .site-footer-section nav ul li.phone--menu a {
    position: relative;
    display: flex;
    align-items: center;
	flex-wrap: wrap;
	padding-left: 28px;
}
footer.site-footer .site-footer-section nav ul li.address-menu a:before {
    content: "";
    background-image: url(https://straightlinespokane.com/wp-content/uploads/2023/10/ed.png);
    width: 18px;
    height: 20px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 7px;
    background-position: top center;
    position: absolute;
    left: 0;
}
footer.site-footer .site-footer-section nav ul li.address-menu a {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-left: 28px;
}
.site-below-footer-wrap span {
    color: #c33c33;
}

/*Countertops Gallery css start*/
.countertopgallery-sec ul {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.countertopgallery-sec ul li.active {
    background: transparent !important;
    color: #221E1F !important;
    border-bottom: 2px solid #221E1F;
}
.countertopgallery-sec ul li:before {
    position: absolute;
    content: "";
    background: #000000;
    right: -5px;
    width: 1px;
    height: 9px;
    top: 25px;
    transform: rotate(16deg);
}
.countertopgallery-sec ul li:last-child:before {
    display: none;
}
.countertopgallery-sec ul li {
    position: relative;
}
.countertopgallery-sec .eael-filter-gallery-control {
    margin: 0 0 30px;
}
.countertopgallery-sec .eael-gallery-grid-item {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border: 5px solid #fff;
    border-radius: 10px !important;
}
.countertopgallery-sec .gallery-item-caption-over {
    display: flex;
    align-items: center;
}
.countertopgallery-sec .gallery-item-caption-wrap.caption-style-hoverer {
    bottom: 0;
    top: auto;
    height: auto;
}
.countertopgallery-sec .gallery-item-caption-wrap.caption-style-hoverer h5 {
    background: hsl(0deg 0% 0% / 60%);
    padding: 10px 15px;
    border-radius: 50px;
    margin-bottom: 0;
}

.wpforms-confirmation-container {
	padding-top: 30px;
}


@media (max-width:1199.98px){
	.banner_abs_heading {
		position: initial;
		transform: none;
		padding-left:10px;
	}
	.form_cstm_new h5 {
		font-size: 16px;
	}
	.form_cstm_new h5:before {
		width: 20px;
		height: 20px;
	}
}
@media (max-width:1024.98px){
	.blog #main > .ast-row > article {
		flex: 0 0 49%;
		max-width: 49%;
	}
	.form_cstm_new > .elementor-widget-wrap:before {
		background: #af7742;
		height: 66px;
		top: 0;
	}
	.form_cstm_new h5 {
		margin-top: 0;
	}
	.SAC-list-item figure.elementor-image-box-img:before{
		width: 150%;
		height: 100%;
	}
	.cstm_form_footer.form_cstm_new h5 {
		padding: 20px 20px;
		font-size: 17px;
	}
	.cstm_form_footer.form_cstm_new form {
		padding: 0 20px 30px 20px;
	}
	.footer-widget-area[data-section="sidebar-widgets-footer-widget-6"] .footer-widget-area-inner {
		text-align: left;
	}
}
@media (max-width:767.98px){
	.SAC-list-item figure.elementor-image-box-img img {
		width: 100%;
	}
	.cstm_sldr_new .slick-arrow {
		width: 60px;
		height: 60px;
	}
	.cstm_sldr_new .slick-arrow svg {
		width: 20px;
	}
	.cstm_sldr_new  .slick-track {
		display: flex;
		align-items: center;
	}
}

@media (max-width:575.98px){
	.blog #main > .ast-row > article {
		flex: 0 0 100%;
		max-width: 100%;
	}
}