/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 05 2023 | 03:37:02 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.royal-walk-score-wrapper {
	border-top: solid 1px #DDD;
	padding: 100px 20px;
}

.royal-walk-score-inner {
	width: 100%;
	max-width: 1000px;
	display: flex;
	margin: 0 auto;
	gap: 50px;
}

.royal-walk-score-left {
	width: 50%;
	position: relative;
	aspect-ratio: 5 / 4;
}

.royal-walk-score-img-01 {
	display: block;
	width: 90%;
	aspect-ratio: 5 / 3;
	position: absolute;
	top: 0px;
	left: 0px;
}

.royal-walk-score-img-02 {
	display: block;
	width: 60%;
	aspect-ratio: 7 / 4;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.royal-walk-score-right {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.royal-walk-score-right h3.royal-walk-score-heading {
	font-family: 'Roboto Slab', serif;
    font-size: 2.0rem;
    font-weight: 300;
	position: relative;
}

.royal-walk-score-right h3.royal-walk-score-heading span {
	font-family: 'Roboto', sans-serif;
    font-size: 1.0rem;
	display: inline-block;
	position: absolute;
	top: 0px;
}

.royal-walk-score-right h3.royal-walk-score-heading span {
	font-family: 'Roboto', sans-serif;
    font-size: 1.0rem;
	display: inline-block;
	position: absolute;
	top: 0px;
}

.royal-walk-score-value {
	font-family: 'Roboto', sans-serif;
	display: block;
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 1.5;
    color: var(--royal-darkgray);
}

.royal-walk-score-value-01 {
	border-bottom: 1px solid #DDD;
	padding-bottom: 14px;
    margin-bottom: 14px;
}

.royal-walk-score-value-02 {
}

.royal-walk-score-number {
	font-weight: 600;
	font-size: 1.9rem;
	display: inline-block;
	position: relative;
	top: 3px;
	margin-right: 5px;
}

a.open-in-walk-score,
a.open-in-walk-score:visited {
    font-size: 1.0rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 20px;
    color: var(--royal-darkgray);
	transition: all ease 0.3s;
	display: inline-block;
}

a.open-in-walk-score:hover,
a.open-in-walk-score:focus,
a.open-in-walk-score:active {
	text-decoration: none;
    color: var(--royal-medgray);
}

/* -------------------------------------------------------------------- */
@media (max-width: 808px) {
	
	.royal-walk-score-wrapper {
    padding: 60px 20px;
	}

	.royal-walk-score-right h3.royal-walk-score-heading {
    font-size: 1.6rem;
	}
	
	.royal-walk-score-right h3.royal-walk-score-heading span {
    font-size: 0.8rem;
	}
	
	.royal-walk-score-value {
    font-size: 1.1rem;
	}
	
	.royal-walk-score-number {
    font-size: 1.7rem;
    top: 2px;
    margin-right: 2px;
	}


/* -------------------------------------------------------------------- */
@media (max-width: 660px) {
	
	.royal-walk-score-wrapper {
    padding: 40px 20px;
	}
	
	.royal-walk-score-inner {
	display: block;
	}

	.royal-walk-score-left {
	width: 100%;
	margin-bottom: 50px;
	}
	
	.royal-walk-score-right {
	width: 100%;
	}

}