/* CSS Document */
/*
Theme Name: ChilliWeb Super Eleven
Author: the ChilliWeb team
Author URI: http://ChilliWeb.co/
Version: 0.1
Type: Layout
Description: This layout sheet sets the div and characters sizes, margings, border styles, displays of the website.
	It works toguether with the 'style' sheet sets the colours of borders and characters styles .
Tags:
*/

* = Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/* HTML5 display definitions */
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; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* Typography */
abbr[title] { border-bottom: 0.125em dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 2.5em; }
dfn { font-style: italic; }
hr { display: block; height: 0.125em; border: 0; border-top: 0.125em 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; }

/* Position subscript and superscript content without affecting line-height */
sub, sup {
	font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*  Correct overflow not hidden in IE9 */
svg:not(:root) { overflow: hidden; }


body {
  line-height: 1;
  -moz-transform: scale(1,1);
  zoom: 1.0;
  zoom: 100%; 
  }
h1 {
  line-height: 1.7em;
  font-size: 1.5em;
  text-align: center;
  margin: 0.375em 0em;
  }
h2 {
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  }
select  {
  border-width: 0.1em;
  border-style: solid;
  border-color: #CCCCCC;
  border-image: none ;
  margin: 0.3em;
  }
:focus-visible {
  outline: -webkit-focus-ring-color auto 0;
  }

/* ===============================
   Mobile (default)
   =============================== */
/* Large phones */
@media (min-width: 480px) {}

/* Tablets */
@media (min-width: 768px) {}

/* Small laptops */
@media (min-width: 1024px) {}

/* Desktop */
@media (min-width: 1280px) {}

/* ===============================
   Desktop (default)
   =============================== */
/* Mobile-first */
@media (max-width: 480px) {}

/* Larger phones */
@media (max-width: 600px) {}

/* Tablets */
@media (max-width: 768px) {}