/* General */
body {background:white;margin:0;padding:0;font-family: 'Libre Franklin', sans-serif;font-weight:400;color:#02464b;font-size:20px;overflow-x:hidden;}
h1 {margin:0;padding:0;font-weight:600;font-size:68px;color:white;} 
h2 {margin:0;padding:0;font-weight:700;font-size:36px;} 
h3 {margin:0;padding:0;font-weight:500;font-size:24px;font-weight:700;color:#448f8b;} 
h3 img {margin-top:-8px;}
h4 {margin:0 0 20px 0;padding:0;font-weight:400;font-size:34px;font-weight:700;color:#448f8b;} 

h5 {margin:0 0 40px 0;padding:0;letter-spacing:0px;font-size:32px;}
p {margin:0 0 40px 0;padding:0;letter-spacing:0px;} /* Body */
a {outline:none;color:inherit;text-decoration:none;}
a:hover {color:inherit;text-decoration:none;}
p a {text-decoration: underline;font-weight:700;}
p a:hover {text-decoration: underline;font-weight:700;}
p a:active {text-decoration: underline;font-weight:700;}
p a:visited {text-decoration: underline;font-weight:700;}

.full-width {width:100%;}
.max-width {max-width:100%;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.container-fluid {padding: 0;}
.row {padding:0;margin:0;}
[class*="col-"] {padding:0;}
::-moz-selection {color:white;background: black;}
::selection {color:white;background: black;}

/* Font overrides */
.font-100 {font-weight:100;}
.font-400 {font-weight:400;}
.font-600 {font-weight:600;}
.font-700 {font-weight:700;}
.libre-franklin {font-family: 'Libre Franklin', sans-serif;}
.font-size-60 {font-size:60px;line-height:60px;}


/* Colours */
.white {color:white;}
.yellow {color:#eeee9e;}
.brown {color:#76723f;}
.slate {color:#2d3d40;}
.cream {color:#f5f4de;}
.red {color:#d92926;}
.pink {color:#d28fae;}
.dark-pink {color:#b6155b;}
.green {color:#448f8b}
.light-green {color:#bed5d6;}

.white-bg {background:white;}
.black-bg {background:black;}
.yellow-bg {background:#eeee9e;}
.pink-bg {background:#d28fae;}
.dark-pink-bg {background:#b6155b;}
.slate-bg {background:#2d3d40;}
.cream-bg {background:#f5f4de;}
.green-bg {background:#448f8b;}

.dark-border {border:1px solid #666563;}

/* Generic*/
/*.header {position:absolute;z-index:1000;}*/
.header {background:#2d3d40;}
.menu-icon {font-size:40px;}
.header-book-outer {min-height:70px;}
.button {background:white;padding:15px;color:#448f8b;text-transform:uppercase;border-radius:5px;font-weight:600;}
.button:hover,button:active {text-decoration:none;color:#b44581;}
.banner-text-outer {margin-top:10%;}
.banner-bg {height:700px;background:linear-gradient(
    rgba(41, 59, 58, 0.4) 100%,
    rgba(41, 59, 58, 0.4) 100%
  ),url(../images/banner/homepagepic.jpg);background-size:cover;background-position-x:center;}
.footer-bg {min-height:700px;background:linear-gradient(
    rgba(41, 59, 58, 0.4) 100%,
    rgba(41, 59, 58, 0.4) 100%
  ),url(../images/banner/footerpic.jpg);background-size:cover;background-position-x:center;}
.torn-edge {position:absolute;bottom:0;left:0;right:0;}
.over-torn-edge {position:absolute;left:0;right:0;top:-60px;}
.over-torn-edge-reverse {position:absolute;left:0;right:0;top:-20px;}
ul.acts {margin:0;padding:0;list-style:none;}
ul.acts li {font-family: 'Bevan', serif;color:#bed5d6;font-size:24px;letter-spacing:1px;}
.so-much-more {font-family: 'Oleo Script', sans-serif;font-size:60px;color:white;font-style:italic;}
.slate-grad-bg-with-stars {background-image:url(../images/starsbg.png),linear-gradient(90deg, rgba(42,60,60,1) 13%, rgba(53,64,81,1) 35%, rgba(42,60,60,1) 100%);background-size:cover;}
.slate-grad-bg {background:linear-gradient(90deg, rgba(42,60,60,1) 13%, rgba(53,64,81,1) 35%, rgba(42,60,60,1) 100%);}
a.chunky-button {margin:0;padding:0;font-weight:700;font-size:36px;}
a.chunky-button:hover,a.chunky-button:active {color:#eeee9e;}
.set-z-index {z-index:100;}
.move-grass-up {margin-top:-150px;z-index:1;}
.circle-outer {position:absolute;z-index:1000;width:100%;margin-top:-25px;text-align:center;}
#circle {background:#448f8b;border-radius:50%;width:50px;height:50px;border:2px solid white;position:absolute;left:50%;margin-left:-25px;padding-left:10px;padding-right:10px;padding-top:5px;}
ul.footer-links {margin:0;padding:0;}
ul.footer-links li {display:inline;margin-left:50px;}
ul.footer-links li a {color:white;font-size:24px;font-weight:600;}
ul.footer-links li a:hover,ul.footer-links li a:active {color:white;}
.follow-f {margin-right:2px;}
.menu-pane {position:absolute;top:0;left:0;right:0;bottom:0;z-index:5000;text-align:center;display:none;}
.menu-pane ul {margin:100px 0 0 0;padding:0;list-style:none;}
.menu-pane ul li a {font-family: 'Bevan', serif;font-size:50px;color:white;margin-bottom:10px;}
.close-button {position:absolute;top:50px;right:50px;color:white;font-size:50px;}
.close-button:hover,.close-button:active {color:white;}

/* Learn */
.all-this {font-family: 'Oleo Script', sans-serif;font-size:60px;color:#2b313d;}

/* FAQ */
.faq-banner-bg {height:700px;background:linear-gradient(
  rgba(41, 59, 58, 0.4) 100%,
  rgba(41, 59, 58, 0.4) 100%
),url(../images/banner/faqbanner.jpg);background-size:cover;background-position-x:center;}