/* Style Drupal elements.

Font sizes: 16px base font with 24px line-height
------------------------------------------------
       font-size / line-height / margin-top
------------------------------------------------
40px = 2.5em     / 1.2         / 0.6em
32px = 2em       / 1.5         / 0.75em
24px = 1.5em     / 1           / 1em
20px = 1.25em    / 1.2         / 1.2em
16px = 1em       / 1..5        / 1.5em
14px = 0.875em   / 1.7143      / 1.7143em
13px = 0.8125em  / 1.8462      / 1.8462em
12px = 0.75em    / 2           / 2em
10px = 0.625em   / 2.4         / 2.4em

Equation for font sizing: 
  Desired px ÷ Default (or parent) px = em size
------------------------------------------------*/

/**
 * FONTS
 */

@font-face {
  font-family: 'Electrolize';
  src: url('../fonts/electrolize-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/electrolize-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/electrolize-regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/electrolize-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/electrolize-regular.otf') format('opentype'), /* Safari, Android, iOS */
  url('../fonts/electrolize-regular.svg#helvetica-neue') format('svg'); /* Legacy iOS */
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: 'Helvetica Neue thin';
  src: url('../fonts/helvetica-neue-thin.eot');
  src: url('../fonts/helvetica-neue-thin.eot?#iefix') format('embedded-opentype'),
  url('../fonts/helvetica-neue-thin.woff') format('woff'),
  url('../fonts/helvetica-neue-thin.ttf') format('truetype'),
  url('../fonts/helvetica-neue-thin.otf') format('opentype'),
  url('../fonts/helvetica-neue-thin.svg#helvetica-neue') format('svg');
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: 'Helvetica Neue light';
  src: url('../fonts/helvetica-neue-light.eot');
  src: url('../fonts/helvetica-neue-light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/helvetica-neue-light.woff') format('woff'),
  url('../fonts/helvetica-neue-light.ttf') format('truetype'),
  url('../fonts/helvetica-neue-light.otf') format('opentype'),
  url('../fonts/helvetica-neue-light.svg#helvetica-neue') format('svg');
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/helvetica-neue.eot');
  src: url('../fonts/helvetica-neue.eot?#iefix') format('embedded-opentype'),
  url('../fonts/helvetica-neue.woff') format('woff'),
  url('../fonts/helvetica-neue.ttf') format('truetype'),
  url('../fonts/helvetica-neue.otf') format('opentype'),
  url('../fonts/helvetica-neue.svg#helvetica-neue') format('svg');
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: 'Helvetica Neue bold';
  src: url('../fonts/helvetica-neue-bold.eot');
  src: url('../fonts/helvetica-neue-bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/helvetica-neue-bold.woff') format('woff'),
  url('../fonts/helvetica-neue-bold.ttf') format('truetype'),
  url('../fonts/helvetica-neue-bold.otf') format('opentype'),
  url('../fonts/helvetica-neue-bold.svg#helvetica-neue') format('svg');
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: 'Trebuchet bold';
  src: url('../fonts/trebuchet-ms-bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/trebuchet-ms-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/trebuchet-ms-bold.woff') format('woff'), /* Modern Browsers */
  url('../fonts/trebuchet-ms-bold.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/trebuchet-ms-bold.otf') format('opentype'), /* Safari, Android, iOS */
  url('../fonts/trebuchet-ms-bold.svg#helvetica-neue') format('svg'); /* Legacy iOS */
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: 'Geogia';
  src: url('../fonts/georgia.eot'); /* IE9 Compat Modes */
  src: url('../fonts/georgia.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/georgia.woff') format('woff'), /* Modern Browsers */
  url('../fonts/georgia.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/georgia.otf') format('opentype'), /* Safari, Android, iOS */
  url('../fonts/georgia.svg#helvetica-neue') format('svg'); /* Legacy iOS */
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: 'Glober semibold';
  src: url('../fonts/glober-semi-bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/glober-semi-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/glober-semi-bold.woff') format('woff'), /* Modern Browsers */
  url('../fonts/glober-semi-bold.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/glober-semi-bold.otf') format('opentype'), /* Safari, Android, iOS */
  url('../fonts/glober-semi-bold.svg#helvetica-neue') format('svg'); /* Legacy iOS */
  font-style: normal;
  font-weight: 200;
}

/**
 * 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,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
em, i { font-style: italic; }
strong, b { font-weight: bold; }
small { font-size: .8em; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section, img { 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; }

/**
 * GLOBAL
 */

html, body { width: 100%; }
html { overflow-y: scroll; } /* avoid horizontal lag when general menu toogles */
body {
	behavior: url('csshover3.htc');
  background: #fff;
  color: #232425;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 100%;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body * { -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-style: normal; font-weight: normal; margin-bottom: 1em; }
h1, .h1 { font-size: 2em; }
h2, .h2 { font-size: 1.5em; }
h3, .h3 { font-size: 1.25em; }
h4, h5, h6, .h4, .h5, .h6 { font-size: 1em; font-weight: bold; margin-top: 1.5em; }
p { font-size: 1em; margin: 0 0 1em 0; }
a {
	color: #232425;
	text-decoration: none;
	-webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
a:visited, li a.active { color: #232425; }
a:hover, a:active, li a.active:hover, ul.menu li a.active  { color: #232425; }
a:focus, a:hover, a:active { outline: none; }
li ul, li ol { margin: 0; }
ul, ol { margin: 0 1em 1em 0; padding-left: 1em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1em; }
hr { background: #666; border: none; clear: both; float: none; height: 1px; margin: 0 0 1.5em; width: 100%; }
fieldset { border: 1px solid #ccc; margin: 0 0 1.5em; padding: 0 1em .5em 1em; }
.fieldset-wrapper { margin-top: 10px; }
body.page-admin table .description { font-size: .9em; font-style: italic; }

/* Vertical tabs */
#main ul.vertical-tabs-list li,
#main ul.vertical-tabs-list li a { outline: none; }
#main ul.vertical-tabs-list li.selected {  }

/* Tables */
table { margin-bottom: 1.5em; width: 100%; }
thead { border-bottom: none; }
td, th { padding: 0 3px; }
th, tr, td { vertical-align: middle; }
th { padding-right: 1em; }
.sticky-header th, .sticky-table th { padding-right: 1em; text-align: left; border-bottom: 1px solid #ccc; }
tr.even, tr.odd { background: none; }
td.active { background-color: transparent; }
body.page-admin table .description { font-size: .9em; font-style: italic; }

/* Form elements */
.form-item { margin: 0 0 1em 0; }
.form-item .description { font-size: 0.9em; font-style: italic; }
.form-checkboxes .form-item, .form-radios .form-item { margin: 0; }
.form-type-checkboxes label, .form-type-radios label { margin-bottom: .4em; }
form input.form-submit {
	margin-right: 10px;
	padding: 0 1.5em;
	line-height: 3.2em;
	border: none;
	background-color: #777;
	font-size: 1em;
  color: #fff;
	-webkit-transition: background .3s ease-in;
	-moz-transition: background .3s ease-in;
	-o-transition: background .3s ease-in;
	transition: background .3s ease-in;
}
form input.form-submit:hover { cursor: pointer; background-color: #999; }
form input.form-text,
form .form-select,
form textarea { outline: none; border: 1px solid #ccc; font-size: 1em; color: #4e4e4e; }
form .form-text { padding: 0 5px; height: 1.9em; }
form textarea.form-textarea { border: 1px solid #ccc; font-size: 12px; color: #4e4e4e; }

/**
 * NAVIGATION
 */

#navigation { clear: both; margin: 0; padding: 0; }
#navigation ul#main-menu {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}
#navigation ul#main-menu li { float: left; margin: 0; padding: 0; }
#navigation ul#main-menu li a { display: block; padding: 0 2em 0 0; }
#navigation ul#secondary-menu {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}
#navigation ul#secondary-menu li { float: left; margin: 0; padding: 0; }
#navigation ul#secondary-menu li a { display: block; padding: 0 2em 0 0; }
#skip-link { position: absolute; }

/* menus and item lists */

.item-list ul { margin: 0; padding: 0 0 0 1em; }
.item-list ul li { margin: 0; padding: 0; }
ul.menu li { margin: 0; padding: 0; }
ul.inline { clear: both; }
ul.inline li { margin: 0; padding: 0 1em 0 0; }

/* admin tabs */

.tabs-wrapper .tabs { margin: 0; }
.tabs-wrapper ul.primary,
.tabs-wrapper ul.secondary { padding: 0 0.5em 0 0; margin-bottom: .5em; border-bottom: none; }
.tabs-wrapper ul.secondary { line-height: normal; border-bottom: none; }
.tabs-wrapper ul.primary li,
.tabs-wrapper ul.secondary li { display: block; float: left; }
.tabs-wrapper ul.primary li { margin-bottom: .5em; border-bottom: 1px solid #bbb; }
.tabs-wrapper ul.secondary li { margin: 0 0 .5em 0; padding: 0 0.5em 0 0; border: none; }
.tabs-wrapper ul.primary li a,
.tabs-wrapper ul.secondary li a {
	display: block;
	padding: 0.5em 1em;
	border: 1px solid #bbb;
	background-color: #ededed;
	color: #000;
}
.tabs-wrapper ul.primary li a {
	margin-bottom: -1px;
	border-top-left-radius: 0.5em;
	-moz-border-radius-topleft: 0.5em;
	-webkit-border-radius-topleft: 0.5em;
	border-top-right-radius: 0.5em;
	-moz-border-radius-topright: 0.5em;
	-webkit-border-radius-topright: 0.5em;
}
.tabs-wrapper ul.secondary li a {
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	text-decoration: none;
}
.tabs-wrapper ul.primary li a:hover,
.tabs-wrapper ul.secondary li a:hover { border: 1px solid #ddd; color: #555; }
.tabs-wrapper ul.primary li.active a,
.tabs-wrapper ul.secondary li.active a { background-color: #fff; }
.tabs-wrapper ul.primary li.active a { border-bottom: 1px solid #fff; }

/* Nodes */

.node-unpublished { background-color: transparent; }

/* Views */

.views-exposed-widgets { margin-bottom: 0; }
.views-display-top .secondary { margin-right: 20em; }

/* tags */

.field-name-field-tags { margin: 0 0 1.5em; }
.field-name-field-tags .field-item { margin: 0 1em 0 0; }
.field-name-field-tags div { display: inline; }

/* profile */

.profile { margin: 1.5em 0; }
.profile h3 { border: none; }
.profile dt { margin-bottom: 0; }
.profile dd { margin-bottom: 1.5em; }
.password-parent { width: 36em; }

/**
 * BLOCKS
 */

.block h2 { margin-bottom: 0; }
.block ul.menu { margin: 0; padding: 0; }
.block ul.menu li { list-style: none; }
.block ul.menu li a { color: #232425; }
.block ul.menu li a .ext { display: none; }
.block .form-submit { margin: 0; padding: 0; border: none; background: transparent; }


/**
 * CSS SUPPORT
 *
 * Built-in classes:
 * .clearfix                            | contain floats
 * .element-invisible                   | hide element visually
 * .element-invisible.element-focusable | allow element to be focusable when navigated to via keyboard
 * .element-hidden                      | hide visually and from screenreaders
 */
 
/* clear floats */
.clear { clear: both; }

/* display block */
.display-block { display: block; }