﻿/* GOOGLE CUSTOM SEARCH CSS UPDATES - START*/

/*Uncomment this to Remove the google custom logo*/
input.gsc-input {
     background: rgb(255, 255, 255)!important;
     margin-top: 0px !important;
    }

/*This is required for the google search top alignment*/
.cse .gsc-control-cse,
.gsc-control-cse
{
    padding: 0px !important;
}

/*To make google search box appear correct - START*/
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button
{
    box-sizing: content-box;
    line-height: normal;
}

/*To make google search results tabs appear correct - START*/
.gsc-tabsArea div
{
    /*By default, Google custom search CSS sets it as AUTO, which shows scroll bars*/
    overflow: visible;
}
/*To make google search results tabs appear correct - END*/

td
{
    /*this is required coz the google search input is set to 1em*/
    font-size: 1em !important;
}

.gsc-selected-option-container
{
    -moz-min-width: 90px !important;
    -ms-min-width: 90px !important;
    -o-min-width: 90px !important;
    -webkit-min-width: 90px !important;
    min-width: 90px !important;
}

/*Use this to manipulate the result overlay*/
.gsc-results-wrapper-overlay
    {
        width: 50% !important;
        top: 15% !important; 
        left: 25% !important;
    }

/* GOOGLE CUSTOM SEARCH CSS UPDATES - END*/

@media all and (max-width: 750px) {

    div.collage > div.square {width: 48%;}
    input.topbar_search {width: 120px;}


    div.agent_search_results div.locations {height: auto; display: table;}
    div.agent_search_results div.locations_list {width: 100%; overflow: hidden; }
    div.agent_search_results div.locations_list div.locations_container {
        height: auto;
	    overflow-x: scroll;
	    overflow-y: hidden;
	    white-space: nowrap;
        width: 90vw;
    }
    div.agent_search_results div.locations div.map {width: 100%; height: 700px; margin: 10px 0 0 0;}
    div.agent_search_results .location_item {
        width: 250px;
        height: 300px; 
        float: none; 
        display: inline-block; 
        white-space: normal;
        min-height: 160px;
    }
    div.agent_search_results .location_item .mapit {right: 30px;}




    div.container_ln.findanagent form input.forminput, div.container_ln.findanagent form select.state,
    div.container_ln.findanagent .search-by-agent form input {
        display: block;
        width: 100%;
        margin: 0 0 10px 0;
    }


    div.container_ln.findanagent form span {
        display: block;
        margin-bottom: 10px;
        font-size: 14pt;
        font-weight: 700;
    }

    div.container_ln.findanagent form button {
        display: block !important;
        margin: 0 0 10px 0 !important;
        float: none !important;
    }






}