/* FAVM */

#FAVMMap {max-height: 22rem; height: 80vw;}

.FAVMStates {background-color: var(--vasa-dark-grey); color: var(--vasa-mid-grey); border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem;}
.FAVMStates a:link, .FAVMStates a:visited {color: #fff;}
.FAVMStates a:hover, .FAVMStates a:active {color: var(--vasa-yellow);}

#FAVMStates {display: flex; justify-content: space-between;}
#FAVMStates > * {padding: 0.5rem 0;}
#FAVMStatesClose {padding-right: 0.85rem; padding-left: 0.85rem;}
#FAVMStatesClose span {margin-right: 0;}
#FAVMStatesClose, #FAVMStatesSep {border-right: 1px solid var(--vasa-mid-grey);}
#FAVMStatesSep {margin: 0.5rem 0;}
#FAVMStateAusCompact {display: none;}
.FAVMStates a.FAVMStateSelected, .FAVMStateSelected {color: var(--vasa-yellow);}

#FAVMStatesCompact {display: none; text-align: center; padding: 0.5rem;}
#FAVMStatesCompact label {padding-right: 0.5em;}

/* Search Bar */

#FAVMSearchBar {margin-top: 0.5rem; display: flex; flex-wrap: wrap; align-items: center;}
#FAVMSearchBarName {flex-grow: 2;}
#FAVMSearchBarProcessing {text-align: center; width: 2rem;}
#FAVMSearchBarSuburb {flex-grow: 1;}

#VFAVMSearchName {width: 100%;}
#VFAVMSearch {width: calc(100% - 8rem); min-width: 5.5rem;}
#VFAVMSearchCountry {margin-left: 0.5rem; width: 7.5rem;}

#FAVMProcessing {opacity: 0; transition: opacity 0.5s linear; display: inline-block;}
#FAVMProcessingIndicator {display: inline-block; width: 1.5rem; height: 1.5rem; background-color: var(--vasa-green); border-radius: 100%; animation: FAVMPulse 1.0s infinite linear;}
@keyframes FAVMPulse {
	0% {transform: scale(0);}
	25% {transform: scale(0.25); opacity: 1;}
	60% {transform: scale(0.6); opacity: 1;}
	100% {transform: scale(1.0); opacity: 0;}
}

/* Member Details */

.FAVMMapMemberDetails {margin-top: calc(var(--vasa-pad) / 2);}
.FAVMMapMemberDetails > div {border-bottom: 1px solid var(--vasa-light-grey); box-sizing: border-box; padding: 0.85rem 0;}
.FAVMMapMemberDetails > div:first-child {padding-top: 0;}
.FAVMMapMemberDetails > div:last-child {border-bottom: 0; padding-bottom: 0;}

.FAVMMapMemberDetails table {border-collapse: collapse;}
.FAVMMapMemberDetails th {text-align: right; vertical-align: top; padding-right: 0.5rem; color: var(--vasa-dark-grey); font-weight: normal;}
.FAVMMapMemberDetails td {vertical-align: top;}
.FAVMMapMemberDetails ul {margin-bottom: 0; margin-top: 0;}

#FAVMMapMemberResults .FAVMMapMemberDetails {border-bottom: 1px solid var(--vasa-mid-grey); margin-bottom: var(--vasa-pad); padding-bottom: var(--vasa-pad);}

@media screen and (min-width: 551px) {
	.FAVMMapMemberDetails {display: flex; flex-wrap: wrap;}

	.FAVMMapMemberDetails > div {width: 50%; box-sizing: border-box; padding: 0.85rem 0;}
	.FAVMMapMemberDetails > div:nth-child(odd) {padding-right: 0.85rem; border-right: 1px solid var(--vasa-light-grey);}
	.FAVMMapMemberDetails > div:nth-child(even) {padding-left: 0.85rem;}
	.FAVMMapMemberDetails > div:nth-child(1), .FAVMMapMemberDetails > div:nth-child(2) {padding-top: 0;}
	.FAVMMapMemberDetails > div:nth-last-child(3) + div:nth-child(odd), .FAVMMapMemberDetails > div:nth-last-child(2):first-child {border-bottom: 0; padding-bottom: 0;}

	.FAVMMapMemberDetails > div:only-child {border-right: none; padding-right: 0; width: 100%;}
}

.FAVMMemberTitle {color: var(--vasa-green); cursor: pointer; margin-top: 0;}
.FAVMMemberTitle:hover {color: var(--vasa-bright-green);}
.FAVMMemberTitle .icon-Location {color: var(--vasa-dark-grey); margin-left: 0;}
.FAVMMemberTitle:hover .icon-Location {color: var(--vasa-red);}

.FAVMMemberServices {margin: 0.85rem 0 0.5rem 0;}

/* Member Details - Bubble */

.FAVMBubble h3 {margin-top: 0; margin-bottom: 0.5rem;}
.FAVMBubbleRow {margin-top: 0.25rem;}
.FAVMBubbleRow label {display: inline-block; width: 4em; padding-right: 0.5em; text-align: right;}
.FAVMBubbleSection {margin-top: 0.5rem;}

/* Adjust menu as the map gets narrower */

@media screen and (max-width: 840px) and (min-width: 769px) {
	.IsConstrained #FAVMStatesClose {padding-right: 0.5rem; padding-left: 0.5rem;}
	.IsConstrained #FAVMStateAusFull {display: none;}
	.IsConstrained #FAVMStateAusCompact {display: inline;}
}

@media screen and (max-width: 619px){
	#FAVMStatesClose {padding-right: 0.5rem; padding-left: 0.5rem;}
	#FAVMStateAusFull {display: none;}
	#FAVMStateAusCompact {display: inline;}
}

@media screen and (max-width: 519px){
	#FAVMStates {display: none;}
	#FAVMStatesCompact {display: block;}
}

/* Editing Form */

#VASAFAVMDetailsForm .MemberFormRow label {width: 7rem;}
#VASAFAVMDetailsForm .MemberFormRowWrap label {width: auto;}
#VASAFAVMDetailsForm .MemberFormRow input {width: calc(100% - 7rem);}
#VASAFAVMDetailsForm .MemberFormCheckboxRow {margin: 0.25rem 0;}

#VASAVDirPhone, #VASAVDirState {max-width: 8.5rem;}
#VASAVDirPostcode {max-width: 6rem;}
#VASAVDirSuburb {max-width: 13rem;}

.FAVMFormNote {font-size: 0.7rem; font-style: italic; margin-bottom: 0.5rem; margin-top: 0;}

@media screen and (max-width: 519px){
	#VASAFAVMDetailsForm .CompactHide {display: none;}
	#VASAFAVMDetailsForm .MemberFormRow label {width: 4.75rem;}
	#VASAFAVMDetailsForm .MemberFormRowWrap label {width: auto;}
	#VASAFAVMDetailsForm .MemberFormRow input {width: calc(100% - 4.75rem);}
	#VASAFAVMDetailsForm .MemberFormRow select {max-width: calc(100% - 4.75rem);}
	#VASAFAVMDetailsForm #VASAVDirVisibility {max-width: 100%;}
}