/*
DISTANCE
========================================================== */
section[id^="distance-calc-"] h2.h1 {margin:0 auto;width:100%;margin-bottom:1em;padding-top:1em;}
section[id^="distance-calc-"] > div {padding:0;width:100%;}
section[id^="distance-calc-"] > .w10 {width: calc(8.3333% * 11);}
.hidden {display: none;}
.dc-form {width:100%;padding-top: 2%;}
.dc-form .dist-search::placeholder {color:var(--cream);opacity:1;}
.dc-form input.dist-search {font:var(--p1);border-radius:0;border:0;outline:0;padding: 0 0 .5em;color: var(--cream);}
.dc-title {font:var(--h2);margin-bottom:1rem;}
/*.dc-icon {width:100%;height:100%;object-fit:contain;background-position:center;background-repeat:no-repeat;background-size:contain;display:block;}
*/.distance-field input{text-align:left !important;width:100%;}
.dc-input {margin:0 auto; }
.dc-wrap {width:calc(8.3333% * 10.8);padding-left:calc(var(--hpad) * 2);}
.dc-methods {display:flex;align-items: center;justify-content: flex-start;gap: 3rem;width: 100%;margin: 5rem auto 0;}
.dc-methods > div {flex:1 0 120px !important;}
.btn {cursor: pointer;}
.dc-submit > button img {transition:.3s ease;}
.dc-submit > button:hover img {transform:translateX(1em);}
/*.dist-calc-method:not(:first-child){border-left:0.125rem solid #fff;padding-left:3.2vw;}*/
@media (max-width:768px) {
	.dc-form input.dist-search {min-height:10.93vw;}
	.dc-form .distance-field {padding-right:0;}
	.dc-methods:not(.a) {width: 100%;}
	.dc-title {font: var(--p1);}
	.dc-wrap {width:100%;padding:0 var(--hpad);}
	section[id^="distance-calc-"] h2.h1 {padding: var(--hpad);}
	/*button[type="submit"].button-link.search.submit, input.dist-search {padding: 2vw;}*/
	.dc-method.fxc {margin-bottom: 2em;}
	.dc-submit > button img.arrow {width: var(--arroww) !important;flex-basis: unset !important;}
	.row.nowrap.dist-wrap {flex-wrap:wrap !important;}
	.dc-submit.w2 {padding:0;padding-top:1.5em;padding-bottom:2em;}
	.dc-form .dc-submit button.btn {padding:0;min-width:var(--210px);justify-content: space-around}
}
.dc-form input.dist-search {background:transparent;border-bottom:.175em solid var(--cream);height:calc(var(--css)*52vw);}
.dc-form button.btn {font:var(--nav);background:transparent;min-width: 14rem;color:var(--cream);height:calc(var(--css)*52vw);border-radius:0;border: var(--2px) solid var(--cream);display:flex;justify-content: center;align-items:center;line-height:1;transition:background .35s, color .2s;}
.dc-form button.btn::before{top:35%;}

body.iOS section[id^="distance-calc-"]{display:none;}