/*
Theme Name: Duval Inns
Author: Hut Six Digital
Author URI: https://www.hutsixdigital.co.uk
Version:  1.0

*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

/* TYPOGRAPHY */
.screen-reader-text { display: none; }
body, p, li, input, .dropdown-item, .navbar-dark .navbar-nav .nav-link, .btn { font-family: "Noto Serif", serif; font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300))); }
a { color: #000; transition: 300ms ease all; text-decoration: none; }
a:hover { color: #22572b; }
h1, h2, h3, .h1, .h2, .h3 { font-weight: 700; text-transform: uppercase; }
p, h1, h2, h3, ul, .table { margin-bottom: 1.75rem; }
h3, .h3 { font-size: 1.25rem; }
p:last-child { margin-bottom: 0; }
.quote { font-size: 2rem; font-weight: 700; }

/* GENERAL */
.wrapper { position: relative; }
hr { margin: 0; border-top: solid 2px #000; opacity: 1; }
.equal-height { height: 100%; }
.rounded { border-radius: 20px!important; }
.box-shadow { box-shadow: 0 0 10px #eee; }
.wp-video { margin-bottom: 3rem; }
/* colours  */
.white { background-color: #fff; }
.black { background-color: #000; }
/* accordions */
.accordion { margin-bottom: 3rem; }
.accordion-button { font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300))); font-weight: 400; }
.accordion-button:not(.collapsed), .accordion-button:focus { box-shadow: none; background-color: rgba(34,87,43,0.1); color: #000; }
/* images */
img { max-width: 100%; height: auto; }
.size-full { width: 100%; }
.aligncenter { margin: auto; display: block; }
.alignright { margin-left: auto; margin-right: 0; display: block; }
.image-wrapper { position: relative; display: inline-block; }
.image-wrapper::after { content: ""; position: absolute; top: 10px; left: 10px; right: -10px; bottom: -10px; border: 3px solid #22572b; pointer-events: none; box-sizing: border-box; }

/* HEADER */
.header { min-height: 150px; }
.logo { width: 200px; }
@media (min-width: 1200px) { .navbar .navbar-brand { position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; } }
.nav-link { color: #000!important; }
.header .nav-link { font-weight: 700; }
.navbar-toggler { margin-left: auto; margin-right: auto; border-color: #000; color: #000; border-width: 2px; }
.breadcrumbs, .breadcrumbs a { color: #fff; }

/* BLOCKS */
.service { color: #000!important; text-decoration: none; display: block; }
.service:hover { box-shadow: 0 0 20px #ddd; }

/* FOOTER */
.footer-menu { list-style: none; margin: 0; padding: 0; text-align: center; text-transform: uppercase; }
.footer-menu li { display: inline-block; margin: 0 5px; }
.footer-menu a { color: #fff!important; }
.footer p { font-size: 17px; }
.footer i { margin-left: 5px; }

/* FORMS */
.gfield_required_text { color: red!important; }
input:focus, textarea:focus { outline: none!important; }
input, textarea { border: solid 1px #999!important; }
.btn, label, input, textarea, .gfield_label { font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)))!important; }
.btn { border-radius: 5px; border-width: 2px; font-weight: 700!important; padding: 1rem 2rem!important; }
.btn i { font-size: 80%; margin-left: .5rem; }
.btn-primary { background-color: #000!important; }
.btn-primary:hover { background-color: #333!important; }

/* SLICK SLIDER */
.slick-track { display: flex; align-items: center; }
.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%; }