@charset "utf-8";
/* CSS Document */

/*
Author  : We Sort / Ben Edmonds
URL     : wesort.co.uk
Twitter : @we_sort
*/

/* 		This stylesheet builds on top of reset-n-grid.css
Colours:
  White: #FFFFFF
  Black: #000000
  Blood Red: #B02B25
  Zingy Yellow: #D7DF23
  Mid Blue: #44899B
  Blue Grey: #617981
---------------------------*/

html {
  height:100%;
  min-height:100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
 }
body {
  height: 100%;
  min-height: 100%;
  font-size: 1.25rem;
  line-height: 1.35;
  font-family: 'Josefin Sans', Verdana, sans-serif;
  font-style: normal;
  font-feature-settings: "liga" 0, "clig" 0;
  -webkit-font-smoothing: antialiased;
  background-color: #617981; /* Blue Grey */
  /*background-color: #44899B;*/ /* Mid Blue */
  /*background-color: #B02B25;*/ /* Blood Red */
}
img {
  width: 100%;
}
.print-only {
  display: none;
}
.ie-only.notice {
  font-size: 1rem;
  border: 1px solid #999999;
  padding: 0.5rem;
  margin-bottom: 1rem;
}

/* Header, Homepage,  Footer
---------------------------*/
#page {
  margin:0 auto;
  padding: 1rem;
  max-width: 60rem;
  min-height: 100%;
}
main .grid-col, header {
  margin-bottom: 1rem;
}
footer {
  padding-bottom:10rem;
}
nav li {
  display: inline-block;
  padding-right: 1rem;
  text-transform: uppercase;
  font-size: 1rem;
}
nav li:last-child {
  padding-right: 0;
}
.logo {
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(/assets/word-mills-logo-black-01.svg);
  height: 6rem;
  width: 6rem;
}
.logo.white {
  background-image: url(/assets/word-mills-logo-white-01.svg);
}
.site-name p {
  display: none;
}


/*  Typography
---------------------------*/
p, .mb-single {
  margin-bottom: 1rem;
}
p:last-child {
  margin-bottom: 0;
}
b, .type-bold {
  font-weight: 900 !important;
}
h1, h2 {
  font-size: 1.6rem;
  font-weight: 900 !important;
}
a {
  color: #D7DF23;
  text-decoration: none;
}
a:hover, .current {
  color: #FFFFFF;
}
nav a:hover, nav a.current {
  border-bottom: 1px solid;
}
.red {
  color: #B02B25;
}
.red a {
  color: inherit;
  border-bottom: 1px solid;
}
figcaption {
  margin-top: 0.5rem;
}
.brand-terms li {
  font-size: 1rem;
  text-transform: uppercase;
  color: #FFFFFF;
  display: inline-block;
  padding-right: 1rem;
}
.brand-terms li:last-child {
  padding-right: 0;
}
footer p {
  font-size: 1rem;
}
.flip-x {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}


/* Birds & waves
---------------------------*/
.bird {
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  width: 6rem;
  height: 4rem;
  z-index: -10;
}
.bird-a {
  background-image: url(/assets/word-mills-bird-a-01.png);
  background-image: url(/assets/word-mills-bird-a-02.svg);
}
.bird-b {
  background-image: url(/assets/word-mills-bird-b-01.png);
  background-image: url(/assets/word-mills-bird-b-02.svg);
}
.wave-wrap {
  position: relative;
  margin-top: -10rem; /* negative value of footer height */
  height: 10rem;
  clear:both;
  /*padding-top: 2rem;*/
}
.wave {
  background-size: 38rem 13rem;
  background-repeat: repeat-x;
  height: 10rem;
  width: 100%;
}
.wave-1 {
  background-position: 100% 0;
}
.wave-2 {
  position: absolute;
  top: 0;
  z-index: -10;
  background-position: 70% 0;
}
.wave-1-white {
  background-image: url(/assets/word-mills-wave-white-1.svg);
}
.wave-2-white {
  background-image: url(/assets/word-mills-wave-white-2.svg);
}
.wave-1-black {
  background-image: url(/assets/word-mills-wave-black-1.svg);
}
.wave-2-black {
  background-image: url(/assets/word-mills-wave-black-2.svg);
}
.wave-2-mid-blue {
  background-image: url(/assets/word-mills-wave-mid-blue-2.svg);
}





/* ------------------------------------------------------------
                          BREAKPOINTS
---------------- Set here AND reset-n-grid.css  ---------------

/* -- Breakpoint (.bp1)
-- Same as above, but each class has ".bp1-" prefix
------------------------------------------------------------- */
@media only screen and (min-width: 30em) {

}
/* -- Breakpoint (.bp2)
------------------------------------------------------------- */
@media only screen and (min-width: 44em) {
#page {
  padding: 2rem;
}
.logo {
  height: 10rem;
  width: 10rem;
}
nav.first {
  float: right;
}
}

/* -- Breakpoint 3 (.bp3)
------------------------------------------------------------- */
@media only screen and (min-width: 60em) {

}

/* -- Breakpoint 4 (.bp4)
------------------------------------------------------------- */
@media only screen and (min-width: 90em) {


}



/* Print specific styles
------------------------------------------------------------- */
@media print {
/* Styles */
.print-only {
  display: block;
}
.print-none {
  display: none;
}
* {
  -webkit-print-color-adjust: exact;
  background-color: none;
  color: #000000 !important;
  font-size: 18pt;
}
a {
  color: #666666 !important;
  text-decoration: none !important;
  border-bottom: none !important;
}
a:after {
  font-size: 10pt;
  content: " [" attr(href) "]";
  font-family: monospace;
  word-wrap: break-word;
}
.print-no-link:after {
  content: "";
}
img {
  display: block;
  page-break-inside: avoid !important;
}
.logo {
  height: 10rem;
  width: 10rem;
}
.logo.white {
  background-image: url(/assets/word-mills-logo-black-01.svg);
}
h1, h2, h3 {
  font-size: 150%;
}
}


/*  END  */