.google-maps-widget .google-maps-widget__nav {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-direction: column;
width: 100%;
margin-bottom: 40px;
}
@media screen and (min-width: 435px) {
.google-maps-widget .google-maps-widget__nav {
flex-direction: row;
}
}
.google-maps-widget .google-maps-widget__nav-item {
display: flex;
flex-direction: column;
}
.google-maps-widget .google-maps-widget__nav-item:first-child {
width: 100%;
margin-bottom: 25px;
}
@media screen and (min-width: 435px) {
.google-maps-widget .google-maps-widget__nav-item:first-child {
width: 35%;
margin-bottom: 0;
}
}
@media screen and (min-width: 650px) {
.google-maps-widget .google-maps-widget__nav-item:first-child {
width: 60%;
}
}
.google-maps-widget .google-maps-widget__nav-item:nth-child(2) {
width: 100%;
margin-bottom: 25px;
}
@media screen and (min-width: 435px) {
.google-maps-widget .google-maps-widget__nav-item:nth-child(2) {
width: 35%;
margin-bottom: 0;
}
}
@media screen and (min-width: 650px) {
.google-maps-widget .google-maps-widget__nav-item:nth-child(2) {
width: 22%;
}
}
.google-maps-widget .google-maps-widget__nav button {
width: 100%;
height: 40px;
background: #f3ca32;
display: flex;
justify-content: center;
align-items: center;
font-family: "Museo Sans 500";
font-size: 14px;
line-height: 26px;
color: #ffffff;
border: none;
outline: none;
padding: 0;
margin: 0;
cursor: pointer;
box-shadow: none!important;
}
@media screen and (min-width: 435px) {
.google-maps-widget .google-maps-widget__nav button {
width: 26%;
}
}
@media screen and (min-width: 650px) {
.google-maps-widget .google-maps-widget__nav button {
width: 14%;
}
}
.google-maps-widget .google-maps-widget__nav button img {
margin-right: 6px;
width: 17.5px;
height: 17.5px;
}
.google-maps-widget .google-maps-widget__nav-item h2 {
font-family: "Museo Sans 700";
font-size: 16px;
text-align: left;
color: #1a1818;
margin: 0 0 10px 0;
padding: 0;
}
@media screen and (min-width: 435px) {
.google-maps-widget .google-maps-widget__nav-item h2 {
margin: 0 0 25px 0;
}
}
@media screen and (min-width: 992px) {
.google-maps-widget .google-maps-widget__nav-item h2 {
font-size: 24px;
}
}
.google-maps-widget .google-maps-widget__nav-item input,
.google-maps-widget .google-maps-widget__nav-item select {
height: 40px;
background: #ededed;
padding: 0 16px;
font-family: "Museo Sans 300";
font-size: 13px;
line-height: 26px;
text-align: left;
color: #878787;
outline: none;
border: none;
}
.google-maps-widget .google-maps-widget__nav-item select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(https://marshindustries.co.uk/wp-content/themes/marsh-theme/css/icons/arrow-down.svg);
background-position-x: 95%;
background-position-y: 17px;
background-repeat: no-repeat;
}
.google-maps-widget .google-maps-widget__nav-item input::placeholder,
.google-maps-widget .google-maps-widget__nav-item select::placeholder {
font-family: "Museo Sans 300";
font-size: 13px;
line-height: 26px;
text-align: left;
color: #878787;
}
.google-maps-widget .map {
width: 100%;
height: 552px;
margin-bottom: 124px;
}
.google-maps-widget .search-results__title {
font-family: "Museo Sans 700";
font-size: 24px;
text-align: left;
color: #1a1818;
margin: 0 0 41px 0;
padding: 0;
}
.google-maps-widget .search-results {
display: flex;
flex-direction: column;
}
.google-maps-widget .search-results h5 {
font-family: "Museo Sans 700";
font-size: 24px;
text-align: left;
color: #1a1818;
margin: 0 0 41px 0;
padding: 0;
}
.google-maps-widget .search-results .search-results__item {
border: 2px solid #0d499c;
margin-bottom: 40px;
max-width: 100%;
overflow: scroll;
}
@media screen and (min-width: 700px) {
.google-maps-widget .search-results .search-results__item {
max-width: unset;
overflow: auto;
}
}
.google-maps-widget .search-results .search-results__item p {
height: 42px;
background: #0d499c;
font-family: "Museo Sans 700";
font-size: 16px;
line-height: 25px;
text-align: left;
color: #ffffff;
margin: 0;
padding: 0 0 0 41px;
display: flex;
align-items: center;
width: 940px;
}
@media screen and (min-width: 700px) {
.google-maps-widget .search-results .search-results__item p {
width: auto;
}
}
.google-maps-widget .search-results .search-results__item table {
width: 980px !important;
}
@media screen and (min-width: 700px) {
.google-maps-widget .search-results .search-results__item table {
width: auto !important;
}
}
@media screen and (min-width: 992px) {
.google-maps-widget .search-results .search-results__item table {
width: 100% !important;
}
}
.google-maps-widget .search-results .search-results__item table,
.google-maps-widget .search-results .search-results__item tbody {
width: 100%;
}
.google-maps-widget .search-results .search-results__item table tr:first-child {
height: 36px;
background: rgba(13, 73, 156, 0.15);
width: 100%;
}
@media screen and (min-width: 1400px) {
.google-maps-widget
.search-results
.search-results__item
table
tr:last-child
td:nth-child(2) {
max-width: 660px;
min-width: 660px;
}
.google-maps-widget
.search-results
.search-results__item
table
tr:last-child
td:nth-child(3) {
max-width: 200px;
min-width: 200px;
}
}
.google-maps-widget .search-results .search-results__item table tr td,
.google-maps-widget .search-results .search-results__item table tr td a {
font-family: "Museo Sans 700";
font-size: 16px;
line-height: 25px;
text-align: left;
color: #1a1818;
}
.google-maps-widget .search-results .search-results__item table tr td a {
text-decoration: none;
}
.google-maps-widget .search-results .search-results__item table tr:last-child {
height: 52px;
background: #fff;
width: 100%;
}
.google-maps-widget
.search-results
.search-results__item
table
tr:last-child
td:first-child {
display: flex;
align-items: center;
height: 52px;
}
.google-maps-widget
.search-results
.search-results__item
table
tr:last-child
td:last-child
a {
color: #0d499c;
}
.google-maps-widget
.search-results
.search-results__item
table
tr:last-child
td:first-child
img {
margin-right: 10px;
}
.google-maps-widget .search-results .search-results__item table tr td {
padding: 0 0 0 41px;
}