/*!
Theme Name: 	Peter Nencini
Theme URI: 		http://anendlesssupply.co.uk
Description: 	Wordpress template
Version: 		1.0
Author: 		An Endless Supply
Author URI: 	http://anendlesssupply.co.uk
Tags: 			clean, basic
*/

@font-face {
    font-family: 'make_do_regularregular';
    src: url('http://www.peternencini.co.uk/wp-content/themes/nencini/fonts/make_do-master-web.eot');
    src: url('http://www.peternencini.co.uk/wp-content/themes/nencini/fonts/make_do-master-web.eot?#iefix') format('embedded-opentype'),
         url('http://www.peternencini.co.uk/wp-content/themes/nencini/fonts/make_do-master-web.woff2') format('woff2'),
         url('http://www.peternencini.co.uk/wp-content/themes/nencini/fonts/make_do-master-web.woff') format('woff'),
         url('http://www.peternencini.co.uk/wp-content/themes/nencini/fonts/make_do-master-web.ttf') format('truetype'),
         url('http://www.peternencini.co.uk/wp-content/themes/nencini/fonts/make_do-master-web.svg#make_do_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/**
 * reset.css
 *
 * Adapted from:
 * Normalize.css by Nicolas Gallagher and Jonathan Neal: https://github.com/necolas/normalize.css/
 * HTML5 boilerplate: http://html5boilerplate.com/
 * HTML5 Doctor Reset by Eric Meyer and Richard Clark: html5doctor.com/html-5-reset-stylesheet/
 *
 * Modified by Elliot Jay Stocks
 */

html, 
body, 
div, 
span, 
object, 
iframe, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
blockquote, 
pre, 
abbr, 
address, 
cite, 
code, 
del, 
dfn, 
em, 
img, 
ins, 
kbd, 
q, 
samp, 
small, 
strong, 
sub, 
sup, 
var, 
b, 
i, 
dl, 
dt, 
dd, 
ol, 
ul, 
li, 
fieldset, 
form, 
label, 
legend, 
table, 
caption, 
tbody, 
tfoot, 
thead, 
tr, 
th, 
td, 
article, 
aside, 
canvas, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
menu, 
nav, 
section, 
summary, 
time, 
mark, 
audio, 
video 													{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }        

article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
nav, 
section 												{ display: block; }

audio, 
canvas, 
video 													{ display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) 									{ display: none; }

[hidden] 												{ display: none; }

html 													{ font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body 													{ margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }          

a		 												{ color:blue; }

a:focus  												{ outline: thin dotted; }

li														{ list-style:none; }

abbr[title]  											{ border-bottom:none; }

b, 
strong  												{ font-weight: 700; }

i,
em,
dfn  													{ font-style: italic; }

hr  													{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins  													{ background: #ff9; color: #000; text-decoration: none; }

mark 	 												{ background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, 
code, 
kbd, 
samp  													{ font-family: monospace, monospace; _font-family: 'courier new', monospace; }

pre  													{ white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q  														{ quotes: none; }

q:before, 
q:after  												{ content: ""; content: none; }

small 													{ font-size: 85%; }

sub, 
sup  													{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup  													{ top: -0.5em; }

sub  													{ bottom: -0.25em; }

img  													{ border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

label  													{ cursor: pointer; }

input, 
select, 
textarea  												{ font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, 
input  													{ line-height: normal; *overflow: visible; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] 									{ cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], 
input[type="radio"] 									{ box-sizing: border-box; }

input[type="search"] 									{ -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration			{ -webkit-appearance: none; }

button::-moz-focus-inner, 
input::-moz-focus-inner 								{ border: 0; padding: 0; }

textarea  												{ overflow: auto; vertical-align: top; resize: vertical; }

table  													{ border-collapse: collapse; border-spacing: 0; }

td  													{ vertical-align: top; }

/*! Flickity v1.1.0
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60); /* IE8 */
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}

div,
article,
section,
header,
footer,
nav,
li {
  position: relative; }

.group:after {
  content: "";
  display: table;
  clear: both; }

body {
  background: #fff; }

::-moz-selection {
  background: #ddd;
  color: #fff; }

::selection {
  background: #ddd;
  color: #fff; }

/* ---------------------------------------------------------------------------------------------------------- 
02 SASS Variables -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body,
input,
textarea {
  font-family: "make_do_regularregular", sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 1.25;
  color: #000;
  text-rendering: optimizeLegibility; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400; }

/* ---------------------------------------------------------------------------------------------------------- 
03 Holding ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
#holding {
  margin: 30px 0; }
  #holding div.header {
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 10; }
    #holding div.header h1 {
      margin-bottom: 30px; }
  #holding a {
    color: #000;
    text-decoration: none;
    outline: 0 !important; }
  #holding a:hover {
    color: #e00; }
  #holding .slideshow, #holding .image {
    width: 100%; }
  #holding .image img {
    display: block;
    margin: 0 auto;
    max-width:80%;
    max-height:600px;
	width:auto;
	height:auto }

@media only screen and (min-width: 0px) and (max-width: 480px) {
#holding {
  margin: 20px 0; }
	#holding div.header {
    position: relative;
    top: 0px;
    left: 0px;
    margin-bottom: 40px;
    z-index: 10; }
    
    #holding div.header h1, #holding div.header li {
      margin-left: 20px; }
}