/*-----------------------------------------------------------------------------
author:    www.yakimavalleytourism.com
-----------------------------------------------------------------------------*/


/* =Yakima Convention Center Contact page
-----------------------------------------------------------------------------*/

.success {
	color:#ffffff;
	background:#009900;
	padding:.25em;
	font-size:1.5em;
	text-align:center;
	font-weight:bold;
	margin:0 0 1em 0;
	display:block;
	border-radius: 20px;
	}
.error {
	color:#ffffff;
	background:#ff0000;
	padding:.25em;
	font-size:1.5em;
	text-align:center;
	font-weight:bold;
	margin:0 0 1em 0;
	display:block;
	border-radius: 20px;
}

	
.formCol {
	width:60%;
	float:right;
	}
	
.infoCol {
	width:33.5%;
	float:left;
	}
	
.success {
	background:#335c01;
	color:#ffffff;
	text-align:center;
	font-family:'bebasneuepro-bold', Arial, sans-serif;
	padding:1em;
	font-size:1.25em;
	display:block;
	margin:100px 0 300px 0;
	border-radius: 20px;
	}
	
.inputBox {
	margin:0 0 1em 0;
	}
	
fieldset {
	margin:0 0 1.5em 0;
	}
	
input[type="text"], select, textarea {
	background:#d5ebf5;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ebf1f4+0,d5ebf5+100 */
    background: linear-gradient(to bottom,  #ebf1f4 0%,#d5ebf5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding:1%;
	border:none;
	margin-right:3px;
	font-family: Arial, sans-serif; 
	border:solid 1px #fff; 	
	border-radius: 10px;
	}
	
input[type="text"], select {
	width:98%;
	}
	
/* textarea Styles */
	
textarea {
	width:98%;
	height:6em;
	}
	
/* focus styles */
	
input:focus, textarea:focus, select:focus { 
	border:solid 1px #eb6d24; 
	}
	
/* submit Btn styles */
	
input.submit {
	height:auto;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	display:inline-block;
	padding:20px 20px 18px 20px;
	color:#fff;
	background:#0f3e52;
	line-height:90%;
	text-decoration:none;
	font-family:'bebasneuepro-bold', Arial, sans-serif;
	font-size:1.75em;
    border-radius: 20px;
    margin:0 0 2em 0;
	border:none;
	}
	
input.submit:hover {
	color:#ffffff;
	background:#c56128;
	}


@media screen and (max-width: 1000px) {
	

}
	

@media screen and (max-width: 800px) {
	
		
}
	
@media screen and (max-width: 750px) {



}

@media screen and (max-width: 600px) {
	
.formCol {
	width:100%;
	float:none;
	}
	
.infoCol {
	display:none;
	}
	
input.submit {
	width:100%;
	}
	
}

@media screen and (max-width: 450px) {



}