/** ----------------------------------------------------------
 *
 * This stylesheet includes both generic form styles and 
 *    additional form styles for the User Defined Form Module. 
 *
 ** ------------------------------------------------------- */


.search-form {display:flex; flex-flow:row wrap; align-items: center; margin:0 12px 0 0; background:#f5f5f5;}
.search-form input[type="text"].search-field {height:55px !important; padding:16px 20px !important; border:none !important; font-size:16px !important; line-height:16px !important; text-transform: uppercase !important; background:none !important; font-family: 'Oswald', sans-serif !important;}

.search-form input[type="submit"].search-button {
        color: #202020;
		background:none !important; 
	
        padding:5px 12px !important;
		font-size:16px !important;
		line-height:16px !important;
        text-transform: uppercase;
        border: none;

        float: none;
		
		font-family: 'Oswald', sans-serif;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
}

.search-form input[type="submit"]:hover{
        background: #ed1c24;
	color: #fff;
    }

.search .search-field{width:auto!important;}
.search .search-button{background:rgb(239, 239, 239)!important;font-size:16px;padding:1px 5px!important;color:#000!important;border-radius:0!important;border:2px solid #000!important;}


@media screen and (max-width: 1150px)  {
	.search-form input {padding:13px 20px;}
	.search-form input[type="submit"] {padding:17px 15px;}
}

@media screen and (max-width: 500px)  {
	.search-form { margin:0 0 12px 0;}
}