/**
* Theme Name:     Wright Timberframe
* Author:         Wright Timberframe
* Template:       astra
* Text Domain:	   wright-timberframe
* Description:    The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
* Theme URI:      http://Wright%20Timberframe
*/

/* WPFORMS STYLE */

/* CHECKBOX */
.wpforms-container form#wpforms-form-2380 input[type=radio], 
.wpforms-container form#wpforms-form-2380 input[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.wpforms-container form#wpforms-form-2380 input[type=radio] + label, .wpforms-container form#wpforms-form-2380 input[type=checkbox] + label {
    padding: 5px 10px;
    background-color: transparent;
    border: 1px solid #88c3ed;
    transition: background-color 0.1s ease-in-out;
    border-radius: 3px;
}
form#wpforms-form-2380 input[type=radio]:checked + label, 
form#wpforms-form-2380 input[type=checkbox]:checked + label, 
form#wpforms-form-2380 input[type=radio]:checked + label, 
.wpforms-container form#wpforms-form-2380 input[type=radio] + label:hover, 
.wpforms-container form#wpforms-form-2380 input[type=checkbox] + label:hover {
    background-image: none;
    background-color: var( --e-global-color-accent );
	color: #ffffff;
    cursor: pointer;
}
.wpforms-container form#wpforms-form-2380 ul li {
    margin: 5px !important;
}
/* Start of media query to remove hover styles */
@media (hover: none) {
	.wpforms-container form#wpforms-form-2380 input[type=radio] + label:hover, 
	.wpforms-container form#wpforms-form-2380 input[type=checkbox] + label:hover {
		background-color: #e7e7e7 !important;
		border-color: #ddd !important;
		color: inherit !important;
	}
	.wpforms-container form#wpforms-form-2380 input[type=radio]:checked + label, 
	.wpforms-container form#wpforms-form-2380 input[type=checkbox]:checked + label, 
	.wpforms-container form#wpforms-form-2380 input[type=radio]:checked + label {
		background-image: none !important;
		background-color: #b95d52 !important;
		color: #ffffff !important;
		cursor: pointer !important;
	}
}

/* END */



.get-a-quote-form {
    margin: 0 auto !important;
	font-family:var( --e-global-typography-5022e20-font-family ), Sans-serif;
}
.get-a-quote-form .wpforms-field{
	padding: 10px 0 !important;
}
.get-a-quote-form label {
    font-weight: 400 !important;
    font-size: 18px !important;
}
.get-a-quote-form input, .get-a-quote-form textarea{
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #88c3ed !important;
    border-radius: 0 !important;
	    padding: 0 !important;
}
.get-a-quote-form span.iti__country-name {
    color:var( --e-global-color-primary ) !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner{
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #88c3ed !important;
    border-radius: 0 !important;
	width:100% !important;
}
div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item{
	color:var( --e-global-color-primary );
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after{
	    border-top: 5px solid rgb(255 255 255 / 51%) !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open[data-type*="select-one"]:after{
	    border-bottom: 5px solid rgb(255 255 255 / 51%) !important;
}


/* .page-id-11 .get-a-quote-form input::placeholder, .page-id-11 .get-a-quote-form textarea::placeholder,
.page-id-11 .choices__item.choices__placeholder.choices__item--selectable{
    color: var(--wpforms-label-color) !important;
    font-size: 18px;
}

.page-id-11 div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after{
	    border-top: 5px solid var(--wpforms-field-border-color-spare) !important;
} */
.get-a-quote-form input::placeholder, .get-a-quote-form textarea::placeholder {
    color: white !important;
    font-size: 18px;
}

.submit-button-quote {
    text-transform: uppercase !important;
    font-weight: 600 !important;
    padding: 12px 30px !important;
}

.get-a-quote-form input:focus,
.get-a-quote-form textarea:focus,
.get-a-quote-form select:focus{
	box-shadow: 0 0 0 red !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner:focus{
	box-shadow: 0 0 0 red !important;
}
.get-a-quote-form .submit-button-quote:focus:after,
.get-a-quote-form input:focus:after, 
.get-a-quote-form textarea:focus:after,
.get-a-quote-form select:focus:after{
	border: none !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner:focus:after{
	border: none !important;
}
/* END */
div#infinite-footer {
    display: none;
}

.with-color span{
	color:#456DBE;
}

.with-color-light span{
	color:#88C3ED;
}

/* FAQS */
.faqs-pages .e-n-accordion-item {
    border-radius: 16px !important;
    margin-bottom: 16px !important;
}
.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title {
    color: var(--n-accordion-title-active-color);
    margin-block-end: var(--n-accordion-item-title-distance-from-content);
    border-radius: 16px 16px 0 0 !important;
}
/* END */
.single .post-navigation {
    margin: 0;
    border-top: 0;
    padding: 0 !important;
}
.single .post-navigation .nav-links {
    width: 240px !important;
}
.single .post-navigation .nav-links a {
    color: #cad0db;
    font-weight: 700;
    font-size: 18px;
}
.comment-navigation .nav-previous:after, .post-navigation .nav-previous:after{
	display:none;
}
.single .post-navigation .nav-previous a {
    text-align: left;
    padding-right: 0;
    max-width: 100%;
}

.we-build .swiper{
	padding:50px 0;
}
.hold-webuild {
    box-shadow: 0 0 20px #070a103d;
    position: relative;
    border-radius: 24px;
}
.hold-webuild:after {
    position: absolute;
    content: '';
    background: linear-gradient(to top, #193060, transparent, #456DBE);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 24px;
}
.hold-webuild .webuild-img {
    position: relative;
    border-radius: 24px;
    height: 600px;
    width: 100%;
    object-fit: cover;
}

.hold-webuild .title {
    color: white;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    font-size: 36px;
    font-weight: bold;
    position: absolute;
    width: 100%;
    top: 0;
z-index:9;
    padding: 20px 32px;
}
.hold-webuild .description {
    color: white;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 20px 32px;
    margin: 0;
    line-height: 1.4;
z-index:9;
}
.why-timberframe .hold-whyus {
    position: relative;
    padding: 40px 32px;
    background: #F6F7FA;
    border-radius: 24px;
    box-shadow: 0 0 20px #00000038;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 620px;
	width: fit-content;
/* 	border:2px solid red; */
}
.why-timberframe .swiper-slide{
/* 	width:450px !important; */
}
.why-timberframe .hold-whyus img {
    width: 50px;
    margin: 0 0 25px;
}
.why-timberframe .hold-whyus .title {
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    font-size: 32px;
    color: #193060;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 25px;
}
.why-timberframe  .hold-whyus .desc {
    font-size: 28px;
	    line-height: 1.4;
    color: #193060;
    margin: 0 0;
}

.why-timberframe .swiper-button-prev:after, .why-timberframe .swiper-rtl .swiper-button-next:after{
       background: url(https://wrighttimberframe.com/wp-content/uploads/2025/06/left1.svg) no-repeat center !important;
    background-size: contain !important;
    height: 50px;
    width: 50px;
    content: "";
}
.why-timberframe .swiper-button-next:after, .why-timberframe .swiper-rtl .swiper-button-prev:after {
     background: url(https://wrighttimberframe.com/wp-content/uploads/2025/06/right1.svg) no-repeat center !important;
    background-size: contain !important;
    height: 50px;
    width: 50px;
    content: "";
}
.why-timberframe .swiper-button-prev, .why-timberframe .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto;
    background: #456DBE;
    padding: 0px 10px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 0 0 20px #0000002b;
}
.why-timberframe .swiper-button-next,.why-timberframe  .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto;
	background: #456DBE;
    padding: 0px 10px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 0 0 20px #0000002b;
}

.joy-testimonials .swiper-wrapper{
	flex-direction:row !important;
}

.joy-testimonials .e-con.e-flex {
	flex: none !important;
}

.joy-testimonials .swiper-button-prev:after, .joy-testimonials .swiper-rtl .swiper-button-next:after{
       background: url(https://wrighttimberframe.com/wp-content/uploads/2025/06/blue-right.svg) no-repeat center !important;
    background-size: contain !important;
    height: 50px;
    width: 50px;
    content: "";
}
.joy-testimonials .swiper-button-next:after, .whyjoy-testimonials .swiper-rtl .swiper-button-prev:after {
     background: url(https://wrighttimberframe.com/wp-content/uploads/2025/06/blue-left.svg) no-repeat center !important;
    background-size: contain !important;
    height: 50px;
    width: 50px;
    content: "";
}
.joy-testimonials .swiper-button-prev, .joy-testimonials .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto;
    background: #ffffffcf;
    padding: 0px 10px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 0 0 20px #0000002b;
}
.joy-testimonials .swiper-button-next,.joy-testimonials  .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto;
	background: #ffffffcf;
    padding: 0px 10px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 0 0 20px #0000002b;
}

.joy-testimonials .hold-testimonials {
    position: relative;
    background: white;
    border-radius: 20px;
	padding:24px;
	max-height:305px;
}
.joy-testimonials .hold-reviewer{
	display:flex;
	align-items:center;
}
.joy-testimonials .hold-reviewer .left{
	position:relative;
	flex-basis:80%;
	display:flex;
	align-items:center;
}
.joy-testimonials .hold-reviewer .left .testi-photo{
	position:relative;
	width:50px;
}
.joy-testimonials .hold-reviewer .left .holdname{
	padding-left:20px;
}

.joy-testimonials .hold-reviewer .left .name{
	font-weight:600;
	font-size:16px;
	margin:0;
	color:#193060;
}
.joy-testimonials .hold-reviewer .left .star{
	position:relative;
	width:140px;
}

.joy-testimonials .hold-reviewer .right{
	flex-basis:20%;
	display:flex;
	align-items:center;
	justify-content:end;
}
.joy-testimonials .hold-reviewer .right .google{
	width:24px;
}
.joy-testimonials .hold-testimonials .hold-info {
    color: #193060;
}
.joy-testimonials .hold-testimonials .hold-info p.name {
    margin: 0;
    color: #88C3ED;
    font-size: 20px;
    font-weight: 600;
}

.joy-testimonials .swiper-slide{
/* 	min-height:634px; */
	background:white;
	border-radius: 20px;
}
.joy-testimonials .hold-testimonials .hold-info {
/*     padding: 20px; */
	margin-top:20px;
	padding-right:10px;
	height:163px;
	overflow-y:scroll;
}
.joy-testimonials .hold-testimonials .hold-info .review{
	margin:0 0 10px;
	
}


.home .joy-testimonials .swiper-slide{
/* 	min-height:634px; */
	background:#193060;
	border-radius: 20px;
}

.home .joy-testimonials .hold-testimonials {
    position: relative;
    background: #193060;
    border-radius: 20px;
}
.home .joy-testimonials .hold-reviewer .left .name{
	font-weight:600;
	font-size:16px;
	margin:0;
	color:#F6F7FA;
}

.home .joy-testimonials .hold-testimonials .hold-info {
/*     padding: 20px; */
    color: white;
	margin-top:20px;
	padding-right:10px;
	height:163px;
	overflow-y:scroll;
}
.home .joy-testimonials .hold-testimonials .hold-info .review{
	margin:0 0 10px;
	
}

/* testimonials scrollbar */
/* width */
.joy-testimonials ::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.joy-testimonials ::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.joy-testimonials ::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.joy-testimonials ::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
/* end */

.joy-projects{
	position:relative;
}
.joy-projects .hold-project {
    position: relative;
}
.joy-projects .hold-project:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    background: linear-gradient(to top, #193060f5, transparent);
    border-radius: 0 0px 24px 24px;
}
.joy-projects .hold-project .project-image {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 24px;
}
.joy-projects .hold-project .hold-title {
    position: absolute;
    width: 100%;
    z-index: 9;
    left: 0;
    bottom: 20px;
    padding: 20px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.joy-projects .hold-project .hold-title .title {
    color: white;
    font-weight: 700;
    font-size: 32px;
}

.joy-projects .swiper-button-prev:after, .joy-projects .swiper-rtl .swiper-button-next:after{
       background: url(https://wrighttimberframe.com/wp-content/uploads/2025/06/left1.svg) no-repeat center !important;
    background-size: contain !important;
    height: 50px;
    width: 50px;
    content: "";
}
.joy-projects .swiper-button-next:after, .joy-projects .swiper-rtl .swiper-button-prev:after {
     background: url(https://wrighttimberframe.com/wp-content/uploads/2025/06/right1.svg) no-repeat center !important;
    background-size: contain !important;
    height: 50px;
    width: 50px;
    content: "";
}
.joy-projects .swiper-button-prev, .joy-projects .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto;
    background: #456DBE;
    padding: 0px 10px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 0 0 20px #0000002b;
}
.joy-projects .swiper-button-next,.joy-projects  .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto;
	background: #456DBE;
    padding: 0px 10px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 0 0 20px #0000002b;
}
.carousel-images img {
    width: 100%;
}
.carousel-images .swiper-slide {
    max-height: 550px;
}
@media only screen and (max-width : 768px){
	.get-a-quote-form label {
    font-size: 16px !important;
}
.get-a-quote-form input, .get-a-quote-form textarea {
    font-size: 16px !important;
}

	.submit-button-quote {
    text-transform: uppercase !important;
    font-weight: 600 !important;
    padding: 12px 30px !important;
    width: 100% !important;
}
	
/* .page-id-11 .get-a-quote-form input::placeholder, .page-id-11 .get-a-quote-form textarea::placeholder {
    color: #1930604f !important;
    font-size: 16px;
} */
	
		.get-a-quote-form input::placeholder, .get-a-quote-form textarea::placeholder {
    color: white !important;
    font-size: 16px;
}
	.we-build .swiper {
    padding: 20px 0;
}
	.why-timberframe{
		background:#193060 !important;
	}
	.single .post-navigation .nav-links {
    width: 300px !important;
}
	.hold-webuild .title {
    color: white;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif';
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 9;
    padding: 20px 32px;
}
	.hold-webuild .description {
    color: white;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 20px 32px;
    margin: 0;
    line-height: 1.4;
    z-index: 9;
}
	.hold-webuild .webuild-img {
    position: relative;
    border-radius: 24px;
    height: 400px;
    width: 100%;
    object-fit: cover;
}
	.why-timberframe .hold-whyus .title {
    font-size: 24px;
    color: #193060;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 25px;
}
	.why-timberframe  .hold-whyus .desc {
    font-size: 16px;
    line-height: 1.8;
    color: #193060;
    margin: 0 0;
}
	.why-timberframe .hold-whyus {
    position: relative;
    padding: 40px 32px;
    background: #F6F7FA;
    border-radius: 24px;
    box-shadow: 0 0 20px #00000038;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: auto;
}
	.joy-projects .hold-project .hold-title .title {
    color: white;
    font-weight: 700;
    font-size: 20px;
}
	.scroll-content{
	--flex-wrap-mobile: none !important;

	}
	.joy-projects .hold-project .hold-title .icon {
    width: 25px;
}
	.joy-projects .hold-project .project-image {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 24px;
}
	.joy-testimonials .hold-testimonials .hold-info p.name {
    margin: 0;
    color: #88C3ED;
    font-size: 18px;
    font-weight: 600;
}
	.joy-testimonials .swiper-slide{
	min-height:auto;
	background:#193060;
	border-radius: 20px;
}

}