.victory-element-wrapper {
	display: flex;
	flex-direction: column;
    border: solid 1px #BC1C2D;
    padding: 40px;
}

.victory-element-wrapper h2, .victory-element-wrapper h3, .victory-element-wrapper h4 {
    color: white!important;
    margin: 0px!important;
}

.top-wrapper {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.top-wrapper > * {
    padding: 20px;
}

.text-wrapper { 
    flex: 1 1 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

.input-wrapper {
    display: flex;
    gap: 20px;
    flex-direction: column;
    width: 50%;
    justify-content: flex-end;
	
}

.address-input-wrapper {
	display: flex;
    align-items: center;
    justify-content: center;
	gap: 10px;
}

.victory-element-wrapper input, .victory-element-wrapper button {
	height: 40px;
	padding: 0px 40px;
}

.victory-element-wrapper button:hover {
	opacity: 0.4;
}

.input-wrapper button {
	background-color: white;
	color: #BC1C2D;
	width: 100%;
	border: none;
}

#address-input-button {
	flex: 1 1 25%;
}

#map {
	margin-top: 40px;
}

.victory-element-wrapper hr {
    background: white!important;
}

mapbox-geocoder input, mapbox-geocoder > div {
    border-radius: 0px!important;
    border: 0px!important;
}

.address-output {
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    padding: 20px;
    display: none;
}
.address-output h3, .address-output h4 {
    color: #BC1C2D!important;
    font-size: 21px;
    text-align: center;
    text-transform: uppercase;
}

.address-output h4 {
    font-size: 18px;
}

.address-lookup-disclaimer {
    color: black;
    font-size: 0.8em;
    font-style: italic;
}

#or-wrapper {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#or-wrapper hr {
    flex: 1 0 42%;
}

#or-wrapper div {
    color: white;
    text-align: center;
    flex: 1 0 15%;
}

mapbox-search-listbox  {
    text-align: left!important;
}

.mapboxgl-ctrl-geocoder {
    width: 100%!important;
    max-width: unset!important;
}

.suggestions-wrapper {
    text-align: left;
}

.mapboxgl-marker {
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: opacity .2s;
    will-change: transform;
}

.address-output.out {
    background-color: #ededed;
}

@media only screen and (max-width: 768px) {
    .top-wrapper {
        flex-direction: column;
    }
    
    .input-wrapper {
        width: 100%;
    }
    
    #current-location-button {
        line-height: 1;
        padding: 10px;
    }
    
    .victory-element-wrapper {
        padding: 15px!important;
		text-align: center;
    }
    
    .victory-element-wrapper h2 {
        font-size: 30px;
    }
    
    .input-wrapper h4 {
        font-size: 20px;
    }
    
    .address-output h4 {
        margin-top: 30px;
    }
    
    .text-wrapper {
        padding: 0px!important;
        padding-right: 0px;
    }
    
    .address-output h3, .address-output, .address-output h4 {
        text-align: center!important;
    }
    
}