/*************** ADD CUSTOM CSS HERE.   ***************/
/* About us */
.about-us-textbox h2 {
	color: var(--wn-color-primary) !important;
	font-size: 3rem;
	margin-bottom: 0;
}

.about-us-textbox p {
	font-size: 1.2rem;
	font-weight: 500;
}

.wn-about-us-our-story-section {
	padding: 60px !important;
}

.wn-about-us-our-story-section .row, .wn-about-us-why-section .row {
  flex-flow: row nowrap !important;
  gap: 60px !important;
}

.wn-about-us-our-story-section h3, .wn-about-us-why-section h3, .wn-contact-us-form-section h3 {
	font-size: 2.5rem;
	margin-bottom: 10px;
}

.wn-about-us-our-story-section p, .wn-about-us-why-section p, .wn-about-us-why-section li, .wn-contact-us-form-section p {
	font-size: 1.4rem;
}

.wn-about-us-why-section .row, .wn-contact-us-form-section .stack{
	padding: 60px;
}

.wn-about-us-why-section h3 {
	text-align: center;
}

.wn-contact-us-form-section form .flex p{
	display: flex;
	gap: 37px;
}

.wn-contact-us-form-section form .wpcf7-submit {
	display: grid;
	margin: auto;
	color: black;
	border-radius: 30px;
	padding-left: 70px;
	padding-right: 70px;
	text-transform: none;
}

.wn-contact-us-form-section form .wpcf7-submit:hover {
	color: black;
}

.wn-contact-us-form-section .text {
	width: 470px;
}

.wn-contact-us-form-section form {
	width: 800px;
}

.wn-contact-us-form-section .stack {
	width: 96%;
	margin: auto;
}

.wn-contact-us-form-section .stack .text {
	margin-left: 60px !important;
}

.wn-contact-us-form-section input {
  height: 60px !important;
}

.wn-contact-us-form-section input, .wn-contact-us-form-section textarea {
	background: #DBD7D1 !important;
	box-shadow: unset !important;
}

.wn-contact-us-form-section input:focus {
	box-shadow: unset !important;
}
/* End Contact Us */

/* Footer */
.wn-footer-main-row {
	padding-top: 60px;
}

.wn-footer-main-row h3 {
	font-size: 2.3rem;
}

.wn-footer-main-row .icon {
	height: 100%;
}

.wn-footer-main-row .button.is-link {
	font-weight: unset;
}

.wn-footer-column-1 .icon-inner, .wn-footer-column-1 .icon-box-text {
	align-items: center;
	display: flex;
	height: 100%;
}

.wn-footer-column-1 .icon-box p  {
	color: white;
	font-size: 1.3rem;
	line-height: 2.4em;
}

.wn-footer-column-4 p {
	color: white;
	font-size: 1.3rem;
}

.wn-footer-column-2 .button, .wn-footer-column-3 .button {
	color: white !important;
	font-size: 1.3rem;
	min-height: unset;
}

.wn-footer-column-4 .ux-logo-link {
	padding: 0 !important;
	margin-bottom: 30px;
}

.wn-footer-column-4 .social-icons, .wn-footer-column-4 .social-icons .is-outline{
	color: white;
	font-size: 1.3rem;
}

/* End Footer */

/* Design */

.wn-design-button {
	padding: 60px !important;
}

.wn-design-button .section-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
}

.wn-design-button .button {
	border-radius: 30px;
	font-size: 1.3rem;
	margin: 40px auto 60px;
	color: black;
	background: #F5F7F6;
}

.wn-design-button .button:hover {
		color: black;
	background: #F5F7F6;
}
/* End Design */

/* Inspiration */
.wn-inspiration-text-box { 
	width: 800px;
	margin: auto;
}

.wn-inspiration-text-box h2 {
	color: var(--wn-color-primary) !important;
	font-size: 2.5rem;
	margin-bottom: 0;
}

.wn-inspiration-text-box p {
	font-size: 1.4rem;
}

.wn-inspiration-contact-section h2{
	font-size: 2.5rem;
}

.wn-inspiration-contact-section p{
	font-size: 1.5rem;
}

.wn-inspiration-contact-row .col {
	padding: 40px 0;
}
/* End Inspiration */
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.wn-contact-us-form-section .stack{
		padding: 0;
	}

	.wn-contact-us-form-section .text {
		width: 100%;
	}

	.wn-contact-us-form-section form {
		width: 100%;
	}

	.wn-contact-us-form-section .stack {
		width: 100%;
	}

	.wn-contact-us-form-section .stack .text {
		margin-left: unset !important;
	}
	
	.wn-contact-us-form-section form .flex p {
		display: block;
	}
	
	.wn-contact-us-form-section input {
		height: 40px !important;
	}
	
	.wn-footer-main-row h3 {
		font-size: 1.5rem;
	}
	
	.wn-footer-column-1 .icon-box p  {
		color: white;
		font-size: 1rem;
		line-height: 1;
	}
	
	.wn-footer-column-1 .icon-box-left {
		align-items: center;
	}

	.wn-footer-column-4 p {
		font-size: 1rem;
	}

	.wn-footer-column-2 .button, .wn-footer-column-3 .button {
		font-size: 1rem;
	}

	.wn-footer-column-4 .ux-logo-link {
		padding: 0 !important;
		margin-bottom: 30px;
	}

	.wn-footer-column-4 .social-icons, .wn-footer-column-4 .social-icons .is-outline{
		font-size: 1rem;
	}
	
	.about-us-textbox h2 {
		font-size: 1.5rem;
	}
	
	.about-us-textbox p {
		font-size: 1rem;
	}

	.wn-about-us-why-section .row, .wn-contact-us-form-section .stack, .wn-banner-about-us-section .col {
		padding: 0 !important;
	}
	
	.wn-about-us-our-story-section {
		padding: 30px 0 !important;
	}
	
	.wn-about-us-our-story-section .row{
		flex-flow: column-reverse wrap !important;
		gap: 0px !important;
	}
	
	.wn-about-us-why-section .row  {
		flex-flow: column wrap !important;
		gap: 0px !important;
	}
	
	.wn-about-us-why-section .text, .wn-about-us-our-story-section .text {
		margin: 10px 0px 40px;
	}
	
	.wn-design-approval-section {
		margin-bottom: 80px;
	}
	
	.wn-about-us-our-story-section h3, .wn-about-us-why-section h3, .wn-contact-us-form-section h3 {
		font-size: 1.7rem;
	}
	
	.wn-inspiration-text-box {
		width: 100%;
	}
	
	.wn-inspiration-text-box h2 {
		font-size: 1.5rem;
	}
	
	.wn-inspiration-text-box p {
		font-size: 1rem;
	}

	.wn-inspiration-modern-section .row {
		max-width: 100% !important;
	}

	.wn-inspiration-contact-section h2{
		font-size: 1.5rem;
	}

	.wn-inspiration-contact-section p{
		font-size: 1rem;
	}

	.wn-inspiration-contact-row .col {
		padding: 20px 10px;
	}
	
	.wn-inspiration-contact-section .row .row:not(.row-collapse) {
		margin: 0 !important;
	}
	
	.wn-design-button {
		padding: 60px 20px !important;
	}
	
	.wn-design-button .button {
		margin: 30px auto;
	}
}