/* Stryktura */
#quick-form{
	padding-top: 2rem; }
.contact-wrapp{
	display: flex;
	display: -ms-flexbox;
	flex: 1;
	-ms-flex: 1;
	flex-direction: column; }
@media (min-width: 640px){
	.contact-wrapp{
		display: grid;
		grid-template-columns: repeat(3, 1fr); 
		grid-template-rows: 1fr; 
		grid-template-areas: 
		"form form contact-data";
		flex-direction: inherit; }
}
@media (min-width: 1200px){
	.contact-wrapp{
		grid-template-columns: repeat(4, 1fr); 
		grid-template-rows: 1fr; 
		grid-template-areas: 
		". form form contact-data"; }
}
.contact-form{
	grid-area: form; }
.contact-info{
	grid-area: contact-data;
	padding: 1rem 0 0 2rem; 
	background-color: var(--link-color); }
@media (min-width: 640px){
	.wpforms-field-container{
		display: grid;
		grid-template-columns: 1fr 1fr; 
		grid-template-rows: auto; 
		grid-template-areas: 
		"first-name last-name"
		"email tel"
		"message message";}
}

#wpforms-1170-field_1-container{
	grid-area: first-name; }
#wpforms-1170-field_10-container{
	grid-area: last-name; }
#wpforms-1170-field_2-container{
	grid-area: email; }
#wpforms-1170-field_8-container{
	grid-area: tel; }
#wpforms-1170-field_3-container{
	grid-area: message; }

/* Formatowanie */
#quick-form .wpforms-container .wpforms-field-medium{
	max-width: 95%; }
@media (min-width: 640px){
	#quick-form .wpforms-container .wpforms-field-medium{
		max-width: 90%; }
}
#quick-form .wpforms-container .wpforms-field-textarea .wpforms-field-medium{
	max-width: 95%; }
#quick-form{
	background-color: var(--text-color-dark); }
#quick-form .cta-quick-form label,
#quick-form .cta-quick-form p,
#quick-form .cta-quick-form h2{
	color: var(--text-color-light); }
#quick-form .cta-quick-form h2{
	margin: 0; }
#quick-form .cta-quick-form header{
	text-align: center; }

#quick-form .wpforms-form {
	border: 1px solid var(--text-color-light);
	margin: 0 0 0 1rem;
	padding: 1rem 0 2rem 2rem; }
@media (min-width: 640px){
	.contact-form{
		margin-right: 2rem; }
}
.wpforms-container .wpforms-field-container input[type="text"],
.wpforms-container .wpforms-field-container input[type="email"],
.wpforms-container .wpforms-field-container input[type="number"],
.wpforms-container .wpforms-field-container textarea{
	background-color: var(--text-color-dark); 
	border: 1px solid var(--text-color-light);
	color: var(--text-color-light); }
#quick-form div.wpforms-container-full .wpforms-form textarea:focus,
#quick-form div.wpforms-container-full input[type="email"]:focus,
#quick-form div.wpforms-container-full input[type="text"]:focus,
#quick-form div.wpforms-container-full input[type="number"]:focus,
#quick-form div.wpforms-container-full input[type="email"]:focus:invalid,
#quick-form div.wpforms-container-full input[type="text"]:focus:invalid,
#quick-form div.wpforms-container-full input[type="number"]:focus:invalid{
	color: var(--text-color-light); }

#quick-form .cta-quick-form .contact-info p{
	color: var(--text-color-dark); }

/* Przycisk */
.page .wpforms-container .wpforms-validate .wpforms-submit-container button.bg-bot{
	border-radius: 0.2rem;
	text-align: center;
	color: var(--color-1);
	background: linear-gradient( var(--text-color-dark) 50%, var(--link-color) 50%);
	background-size: 100% 200%;
	background-position-y: 0%;
	transition: 0.4s;
	border: 1px solid var(--link-color); }
.page .wpforms-container .wpforms-validate .wpforms-submit-container button.bg-bot:hover{
	background-position-y: 100%;
  	color: var(--text-color-dark); }

/* Podstrona kontakt */
.page-id-200 .wpforms-container .wpforms-field-container input[type="text"],
.page-id-200 .wpforms-container .wpforms-field-container input[type="email"],
.page-id-200 .wpforms-container .wpforms-field-container input[type="number"],
.page-id-200 .wpforms-container .wpforms-field-container textarea,
.page-id-1298 .wpforms-container .wpforms-field-container input[type="text"],
.page-id-1298 .wpforms-container .wpforms-field-container input[type="email"],
.page-id-1298 .wpforms-container .wpforms-field-container input[type="number"],
.page-id-1298 .wpforms-container .wpforms-field-container textarea{
	background-color: var(--text-color-light);
	border: 1px solid var(--text-color-dark); }
.page-id-200 .wpforms-container .wpforms-validate .wpforms-submit-container button.bg-bot{
	border: 1px solid var(--text-color-dark); }