@charset "UTF-8";
/* ==========================================================================
GENERAL
========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    color: rgba(40,40,40,1);
    height: 100%;
}

h1, h2, h3 {
    font-family: "larken", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: rgba(69,93,69,1);
    margin-bottom: 1em;
}
h1 {font-size: 38px;}
h2 {font-size: 28px;}
h3 {font-size: 20px;}

header h1, header h2, header h3 {
    color: rgba(255,255,255,1);
}

.light {font-weight: 300;}
.regular {font-weight: 400;}
.medium {font-weight: 500;}
.bold, strong {font-weight: 600;}

.icon {font-size: 120%;}

a {
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    text-decoration: none;
}
a:hover {
}

.med {
font-weight: 600;
}
.bld {
font-weight: 700;
}
.uppercase {
text-transform: uppercase;
}
ul {
    padding-left: 1rem;
}
ul li {
    padding-left: 1rem;
}

header {
    position: relative;
    background-color: rgba(40,40,40,0.1);
    background-image: url(../img/Tockington_Park.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    width: 100%;
    height: 95vh;
    overflow: hidden;
}
.logo {
    background-image: url(../img/brand/Tockington_Park_Welcome.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 90%;
    width: 100%;
    height: 95vh;
}
.logo h1 {display:none;}

header .scrolldown {
   position: absolute; 
   bottom:2rem;
   left:50%;
   margin-left: -1.5rem;
   font-size: 3rem;
}
header .scrolldown a {
    color: rgba(255,255,255,1);
}
header .scrolldown a:hover {
    color: rgba(255,255,255,0.8);
}
.footnote {border-top:1px solid rgba(214,226,213,1);}
hr {
    border:0.5px solid rgba(69,93,69,1);
    opacity: 1;
}
/* ==========================================================================
COLOURS
========================================================================== */
.primary {color: rgba(69,93,69,1);}
.primary-bg {background-color: rgba(69,93,69,1); color: rgba(214,226,213,1);}
.primary-bg h1,.primary-bg h2,.primary-bg h3,.primary-bg p,.primary-bg a {color: rgba(245,241,233,1);}
.primary-bg a:hover {color: rgba(245,241,233,0.75);}

.ltprimary-bg {background-color: rgba(214,226,213,1);}

.cream-bg {background-color: rgba(245,241,233,1);}
.ltblue-bg {background-color: rgba(187,209,225,1);}
.ltblue-bg h1,.ltblue-bg h2,.ltblue-bg h3 {color: rgba(87,118,144,1);}
.blue-bg {background-color: rgba(87,118,144,1);}
.blue-bg h1,.blue-bg h2,.blue-bg h3 {color: rgba(187,209,225,1);}

a.btn {
    color: rgba(245,241,233,1);
    display: inline-block;
    padding:0.25em 1em;
    border: 1px solid rgba(214,226,213,1);
}
a.btn:hover {
    color: rgba(69,93,69,1);
    display: inline-block;
    padding:0.25em 1em;
    border: 1px solid rgba(214,226,213,1);
    background-color: rgba(214,226,213,1);
}
/* ==========================================================================
FORMS
========================================================================== */

.error{color:#D00;}
.trip{display:none;}
textarea,input,select{width:90%;}



/* ==========================================================================
COOKIE
========================================================================== */

#cookie-bar{background:#FB0;height:24px;line-height:24px;color:#333;text-align:center;padding:10px 4px;opacity:0.9;}
#cookie-bar.fixed{position:fixed;top:0;left:0;width:100%; z-index:9999;}
#cookie-bar p{margin:0;padding:0;}
#cookie-bar a{color:#DDD;display:inline-block;border-radius:3px;text-decoration:none;margin-left:8px;padding:0 6px;}
#cookie-bar .cb-enable{background-color:#333;}
#cookie-bar .cb-enable:hover{color:#FB0;background-color:#222;}
#cookie-bar .cb-disable{background:#333;}
#cookie-bar .cb-disable:hover{background:#666;}
#cookie-bar .cb-policy{background-color:#333;}
#cookie-bar .cb-policy:hover{background-color:#222;color:#FB0;}

/* ==========================================================================
MEDIA QUERIES
========================================================================== */

/* xxl */
@media (min-width: 1400px) { ... }

/* xl */
@media (min-width: 1200px) {
h2 {font-size: 34px;}
h3 {font-size: 24px;} 
}

/* lg */
@media (min-width: 992px) {
h2 {font-size: 30px;}
h3 {font-size: 22px;} 
}

/* md */
@media (min-width: 768px) { ... }
/* sm */
@media (min-width: 520px) { ... }
/* xs */
@media (max-width: 520px) { ... }

/* Print */
@media print {
a[href]:after {
content: none !important;
}
}