/*
DISTANCE
========================================================== */
section.padding.distance-calc > div {display:flex;justify-content: left;align-items: flex-start;flex-direction: column;padding:var(--175px) var(--213px) var(--206px) var(--183px);}
.distance-calc .copy {order:1;margin-bottom:var(--26px);}
.distance-calc h2 {order:2;}
.distance-calc .moduletable {order:3; width:100%;}

.distance-calc .copy p{font:var(--p2)}

#dc-form > div{width:100%;display:flex;margin-bottom:var(--53px)}
#dc-form .dc-search::placeholder {color:var(--greenalt);opacity:1;font:var(--nav)}
#dc-form input.dc-search {background-color:transparent;width:100%;font:var(--font);border-radius:0;border:0;outline:0;padding: 0 0 var(--3px);color: var(--greenalt);border-bottom:1px solid var(--dgreen);}
#dc-form .submit{background-color:transparent;color:var(--greenalt);font:var(--nav);margin:0 var(--54px) 0 var(--58px);}
#dc-form .submit::before{top:30.5%;}

.dc-methods{display:flex;justify-content:space-between;}
.dc-method h3{font:var(--h2)}
.dc-method .dc-unit{font:var(--dcunit)}

body.iOS section.distance-calc{display:none;}

@media(max-width:768px) {
	section.padding.distance-calc > div {padding:var(--78px) var(--36px) var(--100px);}
	.dc-methods {flex-flow: column;gap:0;}
	.dc-method {margin-bottom:var(--40px);}
	.dc-methods h3 {font:var(--n4) var(--12px) / var(--30px) var(--bff);}
	.dc-method .dc-time {font:var(--dcunit);}
}