/*
	Copyright 2015:	    Skyler Hart - K. Grey Web Development
    Contact:            info@kgreywebdevelopment.com    	http://kgreywebdevelopment.com
	Site for:			Cheryl Hart - Shop Just by Hand		http://shopjustbyhand.com
	Date:			    20 Aug 2015
*/








#map-canvas {
        position:                   relative;
        z-index:                    1;
		height:						575px;
        background:                 #CCC;
		padding:					0;
        border:						1px solid black;
        border-bottom:				2px solid black;
        border-right: 				2px solid black;
        -moz-box-shadow:            3px 3px 6px #444;
        -webkit-box-shadow:         3px 3px 6px #444;
        box-shadow:                 3px 3px 6px #444;
        -ms-filter:                 "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#444444')";
        filter:                     progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#444444');        
}

/* Reduce height at smaller sizes */
@media (max-width: 991px) {
    #map-canvas {
		height:						425px;
    }
}

@media (max-width: 767px) {
    #map-canvas {
		height:						325px;
    }
}

@media (max-width: 479px) {
    #map-canvas {
		height:						250px;
    }
}


#resize_button {
        position:                   absolute;
        z-index:                    4;
        content:                    "";
        top:                        50%;
        right:                      5px;
        width:                      36px;
        height:                     32px;
        border:                     2px solid #170C03;
        border-radius:              4px;
        background-image:           url('../images/zoom.png');
        background-repeat:          no-repeat;
        background-size:            64px 28px;
        background-color:           #44826A;
        background-position:        -33px;
        cursor:                     pointer;
        -webkit-transition:         background-color 0.4s ease;
        -moz-transition:            background-color 0.4s ease;
        -o-transition:              background-color 0.4s ease;
        -ms-transition:             background-color 0.4s ease;      
}

#resize_button:focus {
        outline:                    0;
}

#resize_button:hover {
        background-color:           #86A893;
}

#resize_button:active {
        background-color:           #FFF0DD;
}