/*
Theme Name: Westcott Parish Council
Author: Hut Six Digital
Author URI: https://www.hutsixdigital.co.uk
Version:  1.0

*/

@import url("https://use.typekit.net/gnw2hzw.css");

/* TYPOGRAPHY */
.screen-reader-text { display: none; }
body, p, li, .btn, label, input, .dropdown-item, .navbar-light .navbar-nav .nav-link, .accordion-button { font-family: "mundial", sans-serif; font-weight: 300; font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300))); }
body { background: #f2f4f4; color: #012130; }
a { transition: 300ms ease all; text-decoration: none; color: #012130; }
p a { text-decoration: underline; }
a:hover { color: #2e3346; }
p { line-height: 140%; }
p:last-child { margin-bottom: 0; }
h1, h2, h3, h4 { font-weight: 600; margin-bottom: 1rem; }
h1 { font-size: calc(28px + (48 - 28) * ((100vw - 300px) / (1600 - 300))); margin-bottom: 0; }
.banner h1 { font-size: calc(22px + (30 - 22) * ((100vw - 300px) / (1600 - 300))); margin-bottom: 1rem; }
h2 { font-size: calc(28px + (36 - 28) * ((100vw - 300px) / (1600 - 300))); }
h3, .page-link h2 { font-size: calc(22px + (24 - 22) * ((100vw - 300px) / (1600 - 300))); }
h4 { font-size: calc(22px + (24 - 22) * ((100vw - 300px) / (1600 - 300))); margin-bottom: 10px; }
blockquote p { text-align: center; font-size: 24px; }
strong { font-weight: 600; }
.text-white p, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white a { color: #fff; }
.lead { font-size: calc(22px + (24 - 22) * ((100vw - 300px) / (1600 - 300))); color: #1a3e70; font-weight: 500; }

/* IMAGES */
img { max-width: 100%; height: auto; }
svg { overflow: hidden; background: #fff; }

/* GENERAL */
.wrapper { width: 100%; position: relative; }
.white { background: #fff; }
.grey { background: #f2f2f2; }
.blue { background: #13678b; }
.dark-blue { background: #012130; }
.right { text-align: center; }
@media (min-width: 992px) { .right { text-align: right; } }
.left { text-align: center; }
@media (min-width: 992px) { .left { text-align: left; }  }
hr { margin: 6vh 0; border-top: solid 1px #012130; }

/* MARGINS & PADDING */
.padding { padding-top: 6vh; padding-bottom: 6vh; }
.paddingsm { padding-top: 3vh; padding-bottom: 3vh; }
.paddingxsm { padding-top: 20px; padding-bottom: 20px; }
.paddingbottom { padding-bottom: 6vh; }
.paddingbottomsm { padding-bottom: 3vh; }
.paddingtop { padding-top: 6vh; }
.marginbottom { margin-bottom: 6vh; }
.margintopsm { margin-top: 3vh; }
.marginbottomsm { margin-bottom: 3vh; }
.marginbottomxsm { margin-bottom: 10px; }
.paddingfull { padding: 40px; }

/* HEADER */
.logo { width: 200px; }
.breadcrumbs { text-transform: uppercase; font-size: 14px; color: #012130; letter-spacing: 1px; margin-bottom: 6vh; opacity: 0.75; }
.sep { margin: 0 5px; }

/* NAVBAR */
.navbar-brand { font-size: calc(24px + (28 - 24) * ((100vw - 300px) / (1600 - 300))); }
.navbar-brand span { font-weight: 700; }
.navbar-light .navbar-nav .nav-link { color: #012130; }
.navbar-light .navbar-nav .active .nav-link { font-weight: 600; }
.navbar-toggler:focus { box-shadow: none; }

/* FOOTER */
.footer { background: #012030; }
.footer h4 { margin-bottom: 10px; }
.copyright { background: #012030; }
.copyright p { font-size: 14px; }
.footer-menu { list-style: none; margin: 0; padding: 0; width: 100%; }
@media (min-width: 1400px) { .footer-menu li { width: 50%; display: inline; float: left; } }
.footer-menu a:hover { text-decoration: underline; }

/* BLOCKS */
.banner { padding: 6vh 0; }
.banner-text { margin-bottom: 4vh; }
.banner-image { width: 100%; height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
@media (min-width: 992px) { 
	.banner { padding: 10vh 0; }
	.banner-text { margin-bottom: 0; }
	.banner-image { width: 47.5vw; height: 100%; position: absolute; top: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } 
}
.page-link { padding: 30px; height: 100%; box-shadow: 0 0 10px #ddd; transition: 300ms ease all; border-radius: 10px; background: #fff!important; }
.page-link:hover { transform: scale(1.05); }
.page-link i { font-size: 40px; margin-bottom: 10px; }
.page-link h2 { margin-bottom: 0; }
.accordion-button:focus { box-shadow: none; }
.accordion-button:not(.collapsed) { background: #fff; font-weight: 600; color: #012130; }

/* BUTTONS */
.btn { padding: 10px 20px; border-radius: 100px; font-weight: 600; border-width: 2px; }
.btn i { margin-left: 5px; }
.btn-outline-dark { border-color: #012130; color: #012130; }
.btn-outline-dark:hover { background-color: #012130; }
.btn-outline-light:hover { color: #012130; }
.button { background-color: #1a3e70!important; color: #fff!important; border-radius: 0!important; }

/* SLICK SLIDER */
.slick-dots { display: flex; justify-content: center; margin: 30px 0 0 0; padding: 0; list-style-type: none; }
.slick-dots li { margin: 0 0.25rem; }
.slick-dots button { display: block; width: 10px; height: 5px; padding: 0; border: none; background-color: #858791; text-indent: -9999px; }
.slick-dots li.slick-active button { background-color: #fff; }
.slick-slide { margin-left: 0; }
.slick-list { margin-left: 0; width: 100%; margin-left: 0%; }