
:root {
	--partnerbadge-size     : 4rem;
}
@media (min-width: 680px) {
	:root {
		--partnerbadge-size   : 5rem;
	}
}

.bor-i                             { width: 1.125rem; height: auto; }

.partnerbadge                      { display: flex; flex-direction: column; justify-content: center; align-items: center; width: var(--partnerbadge-size); aspect-ratio: 1/1; border: 2px solid transparent; border-radius: 5px; font-size: calc(var(--partnerbadge-size) * .18); text-align: center; text-transform: uppercase; }
.partnerbadge--dealer              { border-color: inherit; }
.partnerbadge--partner,
.partnerbadge--fullscope           { background-color: var(--color-black); color: white; fill: white; }
.partnerbadge--specialist          { border-color: inherit; border-radius: 0; }
.partnerbadge--fullscope           { gap: calc(var(--partnerbadge-size) * .05); }
.partnerbadge__fullscope-wordmark  { width: 70%; }

.bor-list                          { margin-top: 2rem; row-gap: 0; }
.bor-list--grid                    { display: grid; grid-template-columns: repeat(5, minmax(min-content,15rem)); }
.bor-list.hide                     { display: none; }
.bor-list a                        { text-decoration: none; }
.bor-btn-region.bor-btn-region--active   { background-color: var(--color-black); color: white; }
.bor-btn--text                     { color: var(--color-grey-font); fill: var(--color-grey-font); }
a.bor-btn--text:hover,
a.bor-btn--text:focus,
button.bor-btn--text:hover,
button.bor-btn--text:focus         { color: var(--color-black); fill: var(--color-black); }
.bor-manulogo                      { width: 4rem; border-radius: 5px; background-color: var(--color-grey-light); }
@media (max-width: 679px) {
	.bor-wrap                        { display: none; }
}
@media (min-width: 680px) {
	.bor-country-h                   { margin-bottom: 1rem; }
}
@media (max-width: 899px) {
	.bor-list                        { display: none; }
}
@media (min-width: 900px) {
	.bor-region-names	               { flex-direction: row; justify-content: center; }
}
@media (min-width: 1100px) {
	.bor-nav                         { margin-bottom: -1rem; }
	.bor-region-names	               { font-size: 1.5rem; }
	.bor-list                        { margin-top: 3rem; }
}
@media (min-width: 1360px) {
	.bor-nav                         { margin-bottom: -2rem; }
	.bor-region-names .btn           { padding: .75rem 1.5rem; }
}
