/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: #c5a289;
	--cnvs-themecolor-rgb: 197, 162, 137;
}

/* ----------------------------------------------------------------
	CUSTOM FONT SETTINGS
-----------------------------------------------------------------*/
.grey-font{color: #686868 !important;}
.white-font{color: #FFFFFF !important;}
.LightBrown-font{color: #c5a289 !important;}
.DarkBrown-font{color: #472a22 !important;}
.TerracottaBrown-font{color: #9d4c2a !important;}


.footer-links {
    color: #ffffff;
    text-decoration: none; /* Optional: Removes underline from links */
}

.footer-links:hover {
    color: #ffe7d1;
}



/* ----------------------------------------------------------------
	CUSTOM BACKGROUND SETTINGS
-----------------------------------------------------------------*/
.LightBrown-section {
    background-color: #c5a289 !important;
}

.highlight-row {
    background-color: #ffeacf;
}





/* ----------------------------------------------------------------
	Pricing Table
-----------------------------------------------------------------*/
/* Styles specific to the pricing-table */
.pricing-table {
    width: 100%;
    border-collapse: collapse;
}

.pricing-table, .pricing-table th, .pricing-table td {
    border: 1px solid #ccc;
}

.pricing-table th, .pricing-table td {
    padding: 10px;
    text-align: left;
}

.pricing-table .highlight-row {
    background-color: #ffeacf;
}





/* ----------------------------------------------------------------
	FLOATING FORM SETTINGS
-----------------------------------------------------------------*/
.floating-contact-wrap {
	    display: none;
    position: fixed;
	    left: 7px;
	    bottom: 60px;
	    z-index: 9;
	    -webkit-transition: left .2s ease;
	    -o-transition: left .2s ease;
	    transition: left .2s ease;
	}

	.stretched .floating-contact-wrap  { bottom: 100px; }

	.floating-contact-wrap .floating-contact-btn {
		position: absolute;
		left: 0;
		top: 0;
		width: 60px;
		height: 160px;
		border-radius: 0 20px 20px 0;
		background-color: #c5a664;
		color: #FFF;
		cursor: pointer;
		z-index: 3;
        
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		transition: transform .3s ease;
	}


.floating-contact-text {
    width: 160px;
		
position: absolute;
	    top: 12%;
	    left: 90%;
	    font-size: 18px;
	    -webkit-transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    -webkit-transition-property: opacity, -webkit-transform;
	    transition-property: opacity, transform;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    -webkit-backface-visibility: hidden;

  /* Border is the new background */
  background: none;

  /* Rotate from top left corner (not default) */
  transform-origin: 0 0;
  transform: rotate(90deg);

}

	.floating-contact-wrap .floating-contact-btn:hover,
	.floating-contact-wrap.active .floating-contact-btn {
		-webkit-transform: translate(-50%, -50%) scale(1.1);
		transform: translate(-50%, -50%) scale(1.1);
		background-color: #222;
	}

	.floating-contact-wrap .floating-contact-btn .floating-contact-icon {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    font-size: 22px;
	    -webkit-transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    -webkit-transition-property: opacity, -webkit-transform;
	    transition-property: opacity, transform;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    -webkit-backface-visibility: hidden;
	}

	.floating-contact-wrap .floating-contact-btn .floating-contact-icon.btn-active,
	.floating-contact-wrap.active .floating-contact-btn .floating-contact-icon {
	    opacity: 0;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	}

	.floating-contact-wrap.active .floating-contact-btn .floating-contact-icon.btn-active {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	    transform: translate(-50%, -50%) rotate(-45deg);
	}

	.floating-contact-wrap .floating-contact-box {
		opacity: 0;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    width: 380px;
	    background-color: #fff;
	    border-radius: 6px;
	    z-index: 1;
	    -webkit-transform-origin: right bottom;
	    transform-origin: right bottom;
	    box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.07);
	    -webkit-transform: scale(.01);
	    transform: scale(.01);
	     -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    -webkit-backface-visibility: hidden;
	}

	.floating-contact-wrap.active .floating-contact-box {
		opacity: 1;
		-webkit-transform: scale(1);
	    transform: scale(1);
	}

	@media (max-width: 767.98px) { .floating-contact-wrap .floating-contact-box { width: 340px; } }

	.css3-spinner { background-color: rgba(255, 255, 255, 0.8) }

	#floating-contact-submitted,
	.floating-contact-success #floating-contact,
	.floating-contact-success .floating-contact-heading,
	body:not(.floating-contact-processing) .floating-contact-loader { display: none; }

	.floating-contact-success #floating-contact-submitted { display: block; }