/* Here css written for newsletter form which is showing on footer */

--cc-success-msg : #03831e;

.gform_confirmation_message {

	color: --cc-success-msg;

}


@media (min-width: 320px) and (max-width: 477px) {
	
	#colophon .gform_wrapper form .gform_body input {

		padding-right: 99px;
		width: 100%;

	}

	.gform_wrapper span.gform_description,
	#colophon .gform_wrapper form h3.gform_title {

		text-align: center !important;
		
	}

	#colophon .gform_wrapper form .gform_footer {
		
		width: 29%;

	}

	#colophon .gform_wrapper form .gform_footer .gform_button.button {

		padding: 12px 14px;
		right: 0;

	}

	#colophon .gform_wrapper form span.gform_description {

		width: 100% !important;
	}

	.gform_wrapper form {
		
		text-align: center;
	
	}

	.site-footer {

		padding: 12px 0;
		text-align: center;

	}

}

@media (min-width: 476px) and (max-width: 477px) {

	.gform_wrapper span.gform_description,
	#colophon .gform_wrapper form h3.gform_title {

		text-align: left !important;

	}

	.site-footer {
		padding: 20px 0;
	}

}

@media (max-width: 728px) {
	
	#colophon .gform_wrapper form .gform_body input {

		width: 100%;

	}

	.gform_wrapper span.gform_description {

		width: 100% !important;

	}

	.site-footer.gravity-colophon {

		padding: 0 0 35px;

	}

	#colophon .sharing {

		margin: 0 auto;
		text-align: center;

	}

}

@media (min-width: 695px) and (max-width: 696px) {

	#colophon .gform_wrapper form .gform_footer .gform_button.button {

		right: 16%;

	}

	#colophon .gform_wrapper form .gform_body input {
		
		padding-right: 39px;
		width: calc(100% - 120px);

	}

}

@media (min-width: 727px) and (max-width: 728px) {
	
	#colophon .gform_wrapper form .gform_footer .gform_button.button {
		right: -3.9%;
	}

	#colophon .gform_wrapper form h3.gform_title,
	#colophon .gform_wrapper form span.gform_description {
		text-align: center;
	}

}

@media (min-width: 478px) and (max-width: 635px) {
	
	#colophon .gform_wrapper form .gform_body input {
		
		width: calc(100% - 163px);

	}

}

@media (min-width: 695px) and (max-width: 700px) {
	
	#colophon .gform_wrapper form .gform_footer {
		
		width: 20%;

	}

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	#colophon .gform_wrapper form .gform_body input {

		line-height: 0.5;

	}

	#colophon .gform_wrapper form .gform_footer .gform_button.button {

		padding: 12px 15px;
		right: 87%;

	}

}

.desktop-newsletter #colophon .gform_wrapper form .gform_body input {
	
	width: calc(100% - 163px) !important;

}

.mobile-newsletter #colophon .gform_wrapper form .gform_body input {
	
	width: 100% !important;
	
}

.mobile-newsletter #colophon .gform_wrapper form .gform_footer .gform_button.button {

	right: 0;

}

.mobile-newsletter #colophon .gform_wrapper form .gform_footer {

	width: 27%;

}

@media (min-width: 696px) and (max-width: 812px) {

	.mobile-newsletter #colophon .gform_wrapper form .gform_footer {

		width: 19%;

	}

}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type="submit"] {
	border-radius: 30px 30px 30px 30px;
}