/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Map Icons */

.map-icon-label i {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 55px;
    text-align: center;
    white-space: nowrap;
}

p.statusclass {
	font-size: 12px;
	color: #888;
	line-height: 1.3;
}

/* Embed Map - CO */

.embedmap {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 60px;
}

.embedmap .fa-2x {
	font-size: 1em !important;
}

.embedmap .gridhalf {
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-rows: 1fr;
grid-column-gap: 5px;
grid-row-gap: 0px; 
}

.embedmap .searchbar {
margin-bottom: 24px;
background-color: #f9f9f9;
padding: 24px;
border: 1px solid #ddd;
color: #333;
font-size: 1.1em;
}

.embedmap .searchbarbig {
margin-bottom: 24px;
background-color: #f9f9f9;
padding: 24px;
border: 1px solid #ddd;
color: #333;
font-size: 1.1em;
position: relative;
height: 100%;
}

.embedmap .searchbar .gridbar {
display: grid;
grid-template-columns: 2fr 1fr;
grid-template-rows: 1fr; 
grid-column-gap: 24px;
grid-row-gap: 0px;
align-items: last baseline;
}

.embedmap .searchbar div {
	position: relative;
}

.embedmap .searchbarbig > form > div {
	margin-bottom: 24px;
	display: block;
}

.embedmap form {
	margin: 0px;
	padding: 0px;
	outline: none;
	border: 0px;
}

.embedmap label, .embedmap legend {
	font-weight: bold;
	display: block;
	margin-bottom: 4px;
}

.embedmap input {
font-size: 1.1em;
padding: 8px;
line-height: 1;
width: 100%;
border-radius: 3px;
border: 1px solid transparent;
border-top: none;
border-bottom: 1px solid #DDD;
box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;
}

.embedmap input[type=text], .embedmap textarea, .embedmap input[type=number] {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
 
.embedmap input[type=text]:focus, .embedmap textarea:focus, .embedmap input[type=number]:focus {
  box-shadow: 0 0 5px rgba(0, 84, 186, 1);
}

.embedmap input[type=submit] {
	background-color: #0054ba;
	color: #fff;
	font-weight: bold;
	margin: 0px;
	outline: none;
	border: 0px;
	cursor: pointer;
	line-height: 1;
	padding: 8px;
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: center;
	display: block;
}

.embedmap input[type=submit]:hover, .embedmap input[type=submit]:focus {
background-color: #002bba;
}

.embedmap .checkgroup {
	display: block;
}

.embedmap .checkgroup ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.embedmap .checkgroup ul li {
	margin: 0px;
	padding: 0px;
	display: block;
	margin-bottom: 8px;
}

/*
.embedmap .checkgroup ul li:last-of-type {
	margin-top: 20px;
}
*/

/*
.embedmap .checkgroup ul li:after {
	content: "/";
	margin-left: 8px;
	margin-right: 8px;
}

.embedmap .checkgroup ul li:last-of-type:after {
	margin: 0px;
	content: "";
}

.embedmap .checkgroup ul li:first-of-type {
	display: block;
	margin-bottom: 8px;
}

.embedmap .checkgroup ul li:first-of-type:after {
	content: "";
	margin: 0px;
}
*/

.embedmap .checkgroup label {
	display: inline-block;
	font-weight: normal;
	text-transform: none;
}

.embedmap .checkgroup input {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0px;
	margin-right: 4px;
	vertical-align: center;
}

/* Results */

.resultrow {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 32px;
grid-row-gap: 32px;
padding-top: 60px;
}

.resultitem {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.resultitem .topbar {
	background-color: #000;
	color: #fff;
	font-size: .9em;
	text-transform: uppercase;
	padding: 8px;
	padding-right: 16px;
	padding-left: 16px;
}

.resultitem .cardinside {
	padding: 16px;
}

.resultitem p {
	color: #333 !important;
}

.resultitem h2 {
	font-size: 1.8em;
	margin: 0px;
	padding: 0px;
	margin-bottom: 6px;
	color: #333;
}

.resultitem h3 {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
	margin-bottom: 16px;
	color: #0e49a1;
}

.resultitem span.miles {
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	padding: 6px;
	display: inline-block;
	background-color: #f5d000;
	font-size: .850em;
	margin-bottom: 10px;
}

.resultitem span.callout {
	font-weight: normal !important;
	color: #999;
}

/* Infowindow */

.gm-style-iw {
	padding: 16px;
}

.gm-style-iw h2 {
	margin: 0px;
	padding: 0px;
	font-size: 2em;
	line-height: 1;
	margin-bottom: 8px;
}

.gm-style-iw h3 {
	font-size: 1.1em;
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
}

.gm-style-iw p {
	color: #333;
	margin: 0px;
	padding: 0px;
	margin-bottom: 16px;
}

.gm-style-iw p:last-of-type {
	margin: 0px;
}

.gm-style-iw p.address {
	color: #0e49a1;
	font-weight: bold;
	font-size: 1.1em;
}

.gm-style-iw hr {
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
}

ul.hourlist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.hourlist li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
}

ul.hourlist li:last-of-type {
	margin: 0px;
}

/* Media queries - iPad and around there */
@media only screen and (max-width : 680px) {
	.embedmap .searchbar .gridbar {
		display: block;
	}
	
	.embedmap .searchbar div {
		margin-bottom: 15px;
	}
	
	.embedmap .searchbar div:last-of-type {
		margin: 0px;
	}
	
	.resultrow {
		display: block;
	}
	
	.resultitem {
		margin-bottom: 20px;
	}
	
	.embedmap .gridhalf {
		display: block;
	}
}