/* 
 *
 * Custom Beverage Finder Styles
 *
 * This file is not included in the main site. Vermont Information Processing, Inc.
 * has included it for use in the Beverage Finder iframe.
 *
 * Beverage Finder Documentation: https://support.vtinfo.com/attachments/token/HV484gPHtUF7WpVPijPVoerDB/?name=SRS+Brand+Finder+-+Hosted+Documentation.pdf
 *
 */

@import url("https://use.typekit.net/ytj0jay.css");

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
}

*,
*::before,
*::after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

// Chrome fix
body > div {
    font-size: $font-base-size-rem;
}

body {
    background-color: #fff;
    color: #2c3539;
    margin: 0;
}

body * {
    font-family: century-gothic,sans-serif;
    font-weight: 400;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.6px;
    line-height: 1.5;
}

a,
input[type=submit] {
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#finder_form {
	border: none;
	background: #6e93ac -webkit-gradient(linear, left bottom, left top, from(rgba(44, 53, 57, 0.74902)), color-stop(10%, rgba(77, 100, 115, 0.77)), color-stop(65%, rgba(110, 147, 172, 0.91)), to(#6e93ac));
	background: #6e93ac linear-gradient(to top, rgba(44, 53, 57, 0.74902) 0%, rgba(77, 100, 115, 0.77) 10%, rgba(110, 147, 172, 0.91) 65%, #6e93ac 100%);
	padding: 20px;
	border-radius: 0;
	color: #fff;
}

#finder_form form {
	border: 2px solid #fff;
	padding: 30px 28px;
}

#finder_form form input,
#finder_form form select,
#finder_form form textarea {
	border: none;
	color: #2c3539;
	outline: none;
}

#finder_form form input[type=text],
#finder_form form select {
	padding: 0 10px;
	height: 36px;
}

#finder_form form input[type=submit] {
	display: block;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    background: none;
    color: #fff;
    padding: 7px 10px;
    width: 100%;
    max-width: 140px;
    margin: 20px auto 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
}

#finder_form form #finder_zip {
	width: 90px;
}

#finder_results {
	border: none;
	padding: 0;
}

#finder_results #map_canvas{
	border: none;
}

#finder_results #finder_disclaimer {
	font-size: 12px;
	font-size: 1.2rem;
	color: #2c3539;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
}

#finder_table {
	width: 100%;
	border: none;
}


#finder_table td {
	border: none;
	padding: 5px 10px;
}

#finder_table tr:nth-child(even){
	background-color: #f8f9f9;
}

#finder_table .finder_dba span {
	font-weight: bold;
}

#finder_table a {
	color: #6e93ac;
}

#finder_table a:hover {
	text-decoration: underline;
}

#finder_table .finder_brands ul li, 
#finder_table .finder_packages ul li {
	list-style-type: disc;
	width: 100%;
}

#finder_table .finder_miles {
	background: none;
}

#panel_search_results input[type=submit] {
	
	background-color: #6e93ac;
	color: #fff;
	border: none;
	border-radius: 0;
	padding: 15px 25px;
	border-radius: 0;
	outline: none;
	text-transform: uppercase;
	font-weight: bold;
	width: 160px;
	margin: 20px auto 0;

}

#panel_search_results input[type=submit]:hover {
	
	background-color: #52646b;

}


#finder_form legend,
#finder_results legend,
#finder_form form br,
#finder_table thead,
#finder_table td.finder_phone,
#vipcopyright {	
	display: none;
}

@media only screen and (max-width: 767px) {
	
	#finder_form form {
		border: none;
		padding: 0;
	}
	
	#finder_form form input,
	#finder_form form select {
		display: block;
		width: 100% !important;
		margin: 5px 0;
	}
	
	#finder_table tr,
	#finder_table td {
		display: block;
		width: 100%;
		float: left;
	}
	
	#finder_table td.finder_num {
		display: none;
	}

	#finder_table td.finder_dba {
		padding-top: 20px;
	}
	
	#finder_table td.finder_brands {
		padding-bottom: 20px;
	}
	
}