/**
* Override styles for the Mapbox mapping functions on mobile devices
*
* @author KMN
* @since 02/11/2020
*/

.mbx-mapping-group
{
    position: relative;
}

.mbx-mapping-group .mbx-map, .mbx-mapping-group .mbx-satellite
{
	height: 440px;
    width: 95%;
	border: 1px solid silver;
    color:black;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    
}

.mbx-mapping-group .mbx-satellite
{
    display: none;
}

.mbx-control-buttons
{
    padding-top: 5px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;

    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	min-height: 36px !important;
    
    
}

.mbx-mapping-group .mbx-sat-buttons, .mbx-mapping-group .mbx-map-buttons
{
    display: none;
    width: 32px !important;
	flex-basis: auto;
    gap: 5px;
    height: 32px !important;
   
}

.component-location-map-map
{
    position: relative;
    min-height: 500px;
}