/* Typography */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: $title; font-weight:700; color:$black; margin-top:0; margin-bottom:20px; line-height:1.1;
	a{color: $black;}
}
h1,.h1{font-size:65px;}
h2,.h2{font-size:55px;}
h3,.h3{font-size:48px;}
h4,.h4{font-size:35px;}
h5,.h5{font-size:26px;}
h6,.h6{font-size:20px;}
.title{margin-bottom: 50px;
	&.text-center{margin-left: auto; margin-right: auto;}
	h1,h2,h3,h4,h5,h6{margin: 0;}
	p{margin: 0;
		&.pretitle{color: $blue; font-family: $title; font-size: 20px; text-transform: uppercase;}
	}
	.entry-content &{margin-bottom: 30px;}
	.section-content-image &, .section-content &, .section-content-intro &, .section-page-blocks &{margin-bottom: 30px;}
}

p{margin-bottom:20px; line-height: 1.6;}
p.lead{font-size:21px; font-weight: 400; color: $turquoise;}
blockquote{border: none; padding: 0;}
a{color:$black; @include transition();}
a:hover, a:focus, a:active{color:$black; text-decoration:none;}
p a{color: $blue; font-weight: 700;
	&:hover{text-decoration: underline;}
}

/* Colours */
.turquoise{color: $turquoise;}
.red{color: $red;}

.inline-title{display: flex;
	&-title{width: 50%; margin-right: 30px; flex-shrink: 0;}
}


/* Lists */
.list ul, ul.list, .entry-content ul, .entry-content ol{margin-bottom:40px;
	li{padding-left:20px; position:relative; margin:0 0 10px;
		&:before{content:""; background: $blue; position:absolute; left:0; top:6px; width: 11px; height: 10px; transform: skewX(-15deg);}
		a{color: $black; font-weight: 700;
			&:hover{color: $blue;}
		}
	}
	ul{margin: 10px 0 0 10px; font-size: 14px;}
}
.entry-content ol li{list-style: decimal inside; padding: 0;
	&::marker{font-weight:700;}
	&:before{display: none;}
	ol{margin: 10px 0 20px 30px; font-size: 90%;}
}

.list-links, ul.list-links{ font-family: $title; text-transform: uppercase; font-size: 13px; font-weight: 700; color: $black;
	ul{
		li{padding-left: 65px;
			&:before{transform: none; height: 4px; width: 50px; top: 7px;}
		}
	}
}

ul.list-tick, .list-tick ul{ color: $black; text-align: left;
	li{margin-bottom: 15px; padding-left: 25px;
		&:before{content:"\f058"; font-weight: 700; color: $black;}
	}
}

ul.list-icon, .list-icon ul{ color: $black;
	li{margin-bottom: 20px; padding-left: 30px;
		&:before{display: none;}
		i{position: absolute; top: 2px; left: 0; color: $black;}
	}
}

.opening-hours{
	li{display: flex; justify-content: space-between; max-width: 220px;
		&.active{color: $red; font-weight: 600;}
	}
}

.sitemap{ padding-top: 70px;
	ul{
		li{
			a{
				&:hover{text-decoration: underline;}
			}
		}
	}
}

.entry-content{
	& > :last-child{margin-bottom: 0;
		& > ul{margin-bottom: 0;}
	}
}


/* Icons */
.icon-left{margin-right:5px;}
.icon-right{margin-left:5px;}

.social-icons{text-align: left;}
.social-icon{display: inline-block; width: 45px; height: 45px; line-height: 41px; border: 3px solid $border; text-align: center; border-radius: 50%; margin:0 10px 10px 0; background: transparent; color:$black; font-size: 22px; font-weight: 400;
	&:hover{background: $border; color:$black;}
}