/*--------------------------------------------------
version: base.css - 2.0
created: 15-05-2015
author: Joe Bloggs ~ GlobalGraphics Associates Ltd.
email: webmaster@globalgraphics.co.uk
website: http://www.globalgraphics.co.uk/
--------------------------------------------------*/

/* Based on reset.css | v2.0 | 20110126 | License: none (public domain) | http://meyerweb.com/eric/tools/css/reset/ */
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, img, 
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, 
summary, time, mark, audio, video { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset { min-width: 0;} /* FIXES ISSUE ON IPHONE4 */

/* Based on normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/* Duplicate styles present in reset.css have been removed from normalize.css */
html { font-family: sans-serif; /* 1 */  -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
main, summary {  display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
dfn { font-style: italic; }
/*h1 {  font-size: 2em; margin: 0.67em 0; }*/
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0;  position: relative;  vertical-align: baseline; }
sup {  top: -0.5em; }
sub { bottom: -0.25em; }
svg:not(:root) { overflow: hidden; }
/*figure { margin: 1em 40px; }*/
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp {  font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] {  -webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*fieldset {  border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }*/
textarea { overflow: auto; }
optgroup { font-weight: 700; }
td, th { padding: 0; }

/* Based on main.css | HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
/* Base styles: opinionated defaults */
html { color: #000;  font-size: 1em; line-height: 1.2; }
/* These selection rule sets have to be separate. Customize the background color to match your design. */
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { border: 0; border-top: 1px solid #ccc; display: block; height: 1px; margin: 1em 0; padding: 0; }
/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
audio, canvas, iframe, img, svg, video { vertical-align: middle; } */
svg { vertical-align: middle; }
textarea { resize: vertical; }
/* Browser Upgrade Prompt  */
.browserupgrade { background: #ccc; color: #000; margin: 0.2em 0; padding: 0.2em 0; }
/* Hide only visually, but have it available for screen readers */
.visuallyhidden {  border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { clip: auto;  height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screen readers, but maintain layout */
/*.invisible { visibility: hidden; }*/

/*   BASE.CSS */
body { font-size: 0.625em; }
body, input, textarea { font-family: Arial, Verdana, Helvetica, sans-serif; }

p, ul, ol, dd, dt, label { font-size: 1.2em; line-height: 1.6em; margin-bottom: 1em; }
ul p, ul ul, ol ol, ul label, dd p, dt p { font-size: 1em; }
h1 { font-size: 3.6em; }
h2 { font-size: 2.8em; }
h3 { font-size: 2.4em; }
h4 { font-size: 2.1em; }
h5 { font-size: 1.8em; }
h6 { font-size: 1.6em; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2; margin-bottom: 0.6em; }
blockquote { font-family: Georgia, "Times New Roman", Times, serif; }
code { font-family: "Courier New", Courier, monospace; font-size: 12px; } /* font-size in px because it is monospace */
input, select, textarea { font-size: 1.2em; }
ul input, ul select, ul textarea { font-size: 1em; }

p.alert { color: #c00; font-weight: 700; }
p.alert-success { color: #0c0; }

/* Creates some basic form & table styling */
form fieldset { min-width: 0; }
form.basic fieldset { border: 1px solid #ddd; background: #eee; margin: 1em 0; padding: 1em; }
form.basic ul { font-size: 1em; margin-bottom: 0; width: 100%; }
form.basic li { margin-bottom: 5px; overflow: hidden; padding-bottom: 5px; position: relative; width: 100%; }
form.basic legend { font-size: 1.2em; font-weight: bold; padding: 0 0.5em; color: #000; }
form.basic label { float: left; line-height: 1.2em; margin-bottom: 0; width: 10em; }
form.basic input[type="text"], form.basic input.text, form.basic select, form.basic textarea { border: 1px solid #bbb; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; padding: 5px;  width: 200px; }
form.basic input[type="checkbox"], form.basic input[type="radio"] { float: left; margin-right: 5px; }
form.basic input[type="submit"] { float: left; clear: both; margin-top: 5px; }
form.basic input:focus, form.basic textarea:focus { background: #ffc; }
/* jquery labelOver styles */
form.basic label.over { cursor: text; left: 6px; line-height: 1em; margin: 0; position: absolute; top: 8px; }
form.basic label.label-checkbox.over, form.basic label.label-option.over { cursor: pointer; line-height: 1.2em; position: static; text-indent: 0 !important; width: auto; }

/* forms
input, textarea, select { padding: 4px; border: 1px solid #ddd; background-color: #fff; color: #111; }
input.narrow { width: 50px; }
input[type="submit"], input.button { padding: 4px 10px; cursor: pointer; color: #fff; background-color: #000; border-color: #111; }
input[type="submit"]:hover { background-color: #78D4EF; color: #fff; }
input[type="checkbox"], input.chkbox, input.auto, select.auto, label.auto { width: auto; }
input:focus, textarea:focus, select:focus { border-color: #78D4EF; }
input.error, textarea.error, select.error { border-color: #f00; }
input[type="radio"], input[type="checkbox"], input.checkbox, input.radio { border: none;} */

/* basic contact form
.basic input, .basic textarea, .basic select { margin: 0; display: block; width: 200px; font-size: 1em; }
.basic select { width: auto; }
.basic label { font-size: 1em; }
.basic label.over { position: absolute; top: 11px; left: 6px; line-height: 1em; margin: 0; }
.basic input.button { width: auto;  }
.basic input.button:hover {  } */

/* basic table */
table.default { border: 1px solid #bbb; margin-bottom: 1em; }
table.default th, table.default td { padding: 0.1em 1em; }
table.default caption { font-size: 1.2em; font-weight: bold; margin-bottom: 1em; }
table.default col { border-right: 1px solid #ccc; }
table.default thead { background: #ccc; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; }
table.default tr:nth-child(even) td { background: #edf5ff; }
table.default tr:hover td { background: #9fc9ff; color: #fff; }
table.default thead tr:hover td { background: transparent; color: inherit; }

/* validation*/
.validation {margin-bottom: 10px;}
.validation p { margin-bottom: 5px;}
.validation label, .basic .validation input[type="text"] { float: left !important;}
.validation label { margin-bottom: 0; padding-top: 3px; width: auto !important;}
.validation input { width: 60px !important; margin-left: 10px}

/* http://www.webtoolkit.info/css-clearfix.html
.group:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.group { display: inline-block; }
html[xmlns] .group { display: block; }
* html .group { height: 1%; } */

/* http://nicolasgallagher.com/micro-clearfix-hack/ */
.group:before, .group:after { content: " "; display: table; }
.group:after { clear: both; }
.group { *zoom: 1; }

/* Useful reusable classes */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.hidden { display: none!important; }
img.left { margin: 0 .5em .5em 0; }
img.right { margin: 0 0 .5em .5em; }
img.border { background: #ddd; border: 1px solid #ccc; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* content - bullets in edit area text fields */
.client-text ul { list-style-type: disc; font-size: 1.2em; }
.client-text ol { list-style-type: decimal; font-size: 1.2em; }
.client-text ul, .client-text ol { list-style-position: outside; margin-left: 30px; }
.client-text ul ul, .client-text ol ol, .client-text ul ol, .client-text ol ul { margin-bottom: 0px !important; font-size: 1em !important; }
.client-text table, .client-text caption, .client-text tbody, .client-text tfoot, .client-text thead, .client-text tr, .client-text th, .client-text td { vertical-align: top; }

/*---------------------------------------------------------------------------*/
/* COOKIE NOTIFICATION */
/*---------------------------------------------------------------------------*/

#cookie_notification { background-color: #eee; color: #000; font: normal 12px/1.2em Arial, Helvetica, sans-serif; height: 50px; line-height: 50px; margin: 0 auto; position: relative; text-align: center; }
#cookie_notification a, #cookie_notification a:link, #cookie_notification a:visited { color: #03c; text-decoration: underline; }
#cookie_notification a:hover, #cookie_notification a:active { color: #099; text-decoration: none; }
#cookie_notification .close { background: transparent url('../img/ui/close.png') no-repeat right center; cursor: pointer; display: block; height: 50px; line-height: 50px; padding-right: 30px; position: absolute; right: 0; top: 0; text-indent: -999999px; }