/* MW V3 CSS 
	
	- Font Includes
	- Normalise CSS

	* Responsive Grid
	* Typography
	* Buttons
	* Media
	
	* Header
	* Site Nav
	* Footer
	* Search Bar
	
	* Homepage
	* Blog
	* Content Pages
	* Roulette
	
	* Administration
	
	// Company Blocksh
	// Blog Blocks
	// Forms
	// Company Page
	// Search results/browse

	
*/

@font-face {
  font-family: "Akkurat";
  src: url("/static/fonts/lineto-akkurat-regular-c.eot");
  src: url("/static/fonts/lineto-akkurat-regular-c.eot?#iefix") format("embedded-opentype"),
       url("/static/fonts/lineto-akkurat-regular-c.woff") format("woff"),
       url("/static/fonts/lineto-akkurat-regular-c.ttf") format("truetype"),
       url("/static/fonts/lineto-akkurat-regular-c.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*
@font-face {
  font-family: "Akkurat";
  src: url("/static/fonts/lineto-akkurat-light-c.eot");
  src: url("/static/fonts/lineto-akkurat-light-c.eot?#iefix") format("embedded-opentype"),
       url("/static/fonts/lineto-akkurat-light-c.woff") format("woff"),
       url("/static/fonts/lineto-akkurat-light-c.ttf") format("truetype"),
       url("/static/fonts/lineto-akkurat-light-c.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal;
}
*/

@font-face {
  font-family: "Akkurat";
  src: url("/static/fonts/lineto-akkurat-bold-c.eot");
  src: url("/static/fonts/lineto-akkurat-bold-c.eot?#iefix") format("embedded-opentype"),
       url("/static/fonts/lineto-akkurat-bold-c.woff") format("woff"),
       url("/static/fonts/lineto-akkurat-bold-c.ttf") format("truetype"),
       url("/static/fonts/lineto-akkurat-bold-c.svg#fontcustom") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src:    url('/static/fonts/fonts/icomoon.eot?qh8sps3');
    src:    url('/static/fonts/fonts/icomoon.eot?qh8sps3#iefix') format('embedded-opentype'),
        url('/static/fonts/fonts/icomoon.ttf?qh8sps3') format('truetype'),
        url('/static/fonts/fonts/icomoon.woff?qh8sps3') format('woff'),
        url('/static/fonts/fonts/icomoon.svg?qh8sps3#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-cross:before {
    content: "\e902";
}
.icon-edit:before {
    content: "\e900";
}
.icon-mw-logo:before {
    content: "\e901";
}
.icon-down:before {
    content: "\e600";
}
.icon-facebook:before {
    content: "\e601";
}
.icon-flickr:before {
    content: "\e602";
}
.icon-googleplus:before {
    content: "\e603";
}
.icon-instagram:before {
    content: "\e604";
}
.icon-linkedin:before {
    content: "\e605";
}
.icon-message:before {
    content: "\e606";
}
.icon-phone:before {
    content: "\e607";
}
.icon-pinterest:before {
    content: "\e608";
}
.icon-soundcloud:before {
    content: "\e60a";
}
.icon-tick:before {
    content: "\e60b";
}
.icon-tumblr:before {
    content: "\e60c";
}
.icon-twitter:before {
    content: "\e60d";
}
.icon-vimeo:before {
    content: "\e60e";
}
.icon-youtube:before {
    content: "\e60f";
}
.icon-person:before {
    content: "\e905";
}
.icon-settings:before {
    content: "\e906";
}
.icon-unlock-alt:before {
    content: "\e903";
}
.icon-lock:before {
    content: "\e904";
}
.icon-search:before {
    content: "\e609";
}
.icon-chevron-left:before {
    content: "\e612";
}
.icon-chevron-right:before {
    content: "\e613";
}
.icon-mail-forward:before {
    content: "\e610";
}
.icon-star-empty:before {
    content: "\e9d7";
}
.icon-star-full:before {
    content: "\e9d9";
}
.icon-github:before {
  content: "\e907";
}
.icon-gif:before {
  content: "\e908";
}


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: 'Akkurat', sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
  color: #000; 
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
  cursor: pointer; 
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}


/* Make Works Responsive Grid System
   ========================================================================== */
html, body { background: #f9f9f9; }
body.nopaddtop { padding-top: 0; }

.container { width: 95%; max-width: 1140px; margin: 0 auto; }
.container.narrow { max-width: 850px; }

.grid { margin: 0 auto; }
.grid > div { box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; float: left; }

.grid > div.full { padding: 0; padding-left: 0 !important; padding-right: 0 !important; }

.grid:after, .clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.grid.grid--middle { display: table; table-layout: fixed; width: 100%; }
.grid.grid--middle > div { float: none; display: table-cell; vertical-align: middle; }

.grid-1-4 { width: 25%; }
.grid-1-3 { width: 33.3333333333%; }
.grid-2-3 { width: 66.6666666666%; }
.grid-3-4 { width: 75%; }
.grid-1-2 { width: 50%; }
.grid-1-1 { width: 100%; }
.grid-1-5 { width: 20%; }
.grid-2-5 { width: 40%; }
.grid-4-5 { width: 80%; }
.grid-5-6 { width: 83.3333333333%; }
.grid-1-6 { width: 16.6666666666%; }

.grid-left { float: left; }
.grid-right { float: right; }


.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.show-inline { display: inline-block; }
.show-block { display: block; }
.soft-hide { display: none; }
.hide { display: none !important; }

.middle-vertical, .middle-vertical * { vertical-align: middle; }
.middle-vertical a { display: inline-block; margin: 10px; }

@media screen and (max-width: 375px) {
	.mini-mobile-hide { display:none; }
	
}

@media screen and (min-width: 500px) {
	
	.grid.s--grid--middle { display: table; table-layout: fixed; width: 100%; }
	.grid.s--grid--middle > div { float: none; display: table-cell; vertical-align: middle; }
	
	.s--grid-1-4 { width: 25%; }
	.s--grid-1-3 { width: 33.3333333333%; }
	.s--grid-2-3 { width: 66.6666666666%; }
	.s--grid-3-4 { width: 75%; }
	.s--grid-1-2 { width: 50%; }
	.s--grid-1-1 { width: 100%; }
	.s--grid-1-5 { width: 20%; }
	.s--grid-5-6 { width: 83.3333333333%; }
	.s--grid-1-6 { width: 16.6666666666%; }
	
	.s--grid-left { float: left; }
	.s--grid-right { float: right; }
	
	.s--text-left { text-align: left; }
	.s--text-right { text-align: right; }
	.s--text-center { text-align: center; }
	
	.s--show-inline { display: inline-block; }
	.s--show-block { display: block; }
	.s--hide { display: none; }
	
}


@media screen and (min-width: 750px) {
	
	.container { width: 90%; }
	
	.grid > div { padding: 0 15px; }
	
	.grid.m--grid--middle { display: table; table-layout: fixed; width: 100%; }
	.grid.m--grid--middle > div { float: none; display: table-cell; vertical-align: middle; }
	
	.m--grid-1-4 { width: 25%; }
	.m--grid-1-3 { width: 33.3333333333%; }
	.m--grid-2-3 { width: 66.6666666666%; }
	.m--grid-3-4 { width: 75%; }
	.m--grid-1-2 { width: 50%; }
	.m--grid-1-1 { width: 100%; }
	.m--grid-1-5 { width: 20%; }
	.m--grid-5-6 { width: 83.3333333333%; }
	.m--grid-1-6 { width: 16.6666666666%; }
	
	.m--grid-left { float: left; }
	.m--grid-right { float: right !important; }
	
	.m--text-left { text-align: left; }
	.m--text-right { text-align: right; }
	.m--text-center { text-align: center; }
	
	.m--show-inline { display: inline-block !important; }
	.m--show-block { display: block; }
	.m--hide { display: none; }
	
	.grid.grid-adjustment { width: calc(100% + 30px); position: relative; left: -15px; }
	
}

.l--show-tc { display: none !important; }

@media screen and (min-width: 1000px) {
	
	.grid.l--grid--middle { display: table; table-layout: fixed; width: 100%; }
	.grid.l--grid--middle > div { float: none; display: table-cell; vertical-align: middle; }
	
	.l--grid-1-4 { width: 25%; }
	.l--grid-1-3 { width: 33.3333333333%; }
	.l--grid-2-3 { width: 66.6666666666%; }
	.l--grid-3-4 { width: 75%; }
	.l--grid-1-2 { width: 50%; }
	.l--grid-1-1 { width: 100%; }
	.l--grid-1-5 { width: 20%; }
	.l--grid-5-6 { width: 83.3333333333%; }
	.l--grid-1-6 { width: 16.6666666666%; }
	
	.l--grid-left { float: left; }
	.l--grid-right { float: right !important; }
	
	.l--text-left { text-align: left; }
	.l--text-right { text-align: right; }
	.l--text-center { text-align: center; }
	
	.l--show-inline { display: inline-block; }
	.l--show-block { display: block !important; }
	.l--show-tc { display: table-cell !important; }
	.l--hide { display: none !important; }
	.l--show-table { float: none; display: table-cell !important; vertical-align: middle; }
	
	

}

@media screen and (min-width: 1300px) {
	
	.grid.xl--grid--middle { display: table; table-layout: fixed; width: 100%; }
	.grid.xl--grid--middle > div { float: none; display: table-cell; vertical-align: middle; }
	
	.xl--grid-1-4 { width: 25%; }
	.xl--grid-1-3 { width: 33.3333333333%; }
	.xl--grid-2-3 { width: 66.6666666666%; }
	.xl--grid-3-4 { width: 75%; }
	.xl--grid-1-2 { width: 50%; }
	.xl--grid-1-1 { width: 100%; }
	.xl--grid-1-5 { width: 20%; }
	.xl--grid-5-6 { width: 83.3333333333%; }
	.xl--grid-1-6 { width: 16.6666666666%; }
	
	.xl--grid-left { float: left; }
	.xl--grid-right { float: right !important; }
	
	.xl--text-left { text-align: left; }
	.xl--text-right { text-align: right; }
	.xl--text-center { text-align: center; }
	
	.xl--show-inline { display: inline-block; }
	.xl--show-block { display: block !important; }
	.xl--show-tc { display: table-cell !important; }
	.xl--hide { display: none !important; }
	.xl--show-table { float: none; display: table-cell !important; vertical-align: middle; }

}


/* Typography
   ========================================================================== */

h1, .like-h1, h2, .like-h2, h3, .like-h3, h4, .like-h4, h5, .like-h5, h6, like-h6 { font-weight: bold; }
h1.light, .like-h1.light, h2.light, .like-h2.light, h3.light, .like-h3.light, h4.light, .like-h4.light, h5.light, .like-h5.light, h6.light, like-h6.light { font-weight: normal; }

h1, .like-h1 { font-size: 28px;   }
h2, .like-h2 { font-size: 22px; line-height: 1.4em; }
h3, .like-h3 { font-size: 18px; margin-bottom: 0.5em; }
h4, .like-h4 { font-size: 16px; }
h5, .like-h5 { font-size: 16px; }
h6, .like-h6 { font-size: 16px; }
p { line-height: 1.4em; }
p.grey { color: #666; }
p.grey a { color: #666; }
p a { text-decoration: underline; color: #000;  }
p a:hover { text-decoration: underline; }

p.large { font-size: 21px; }

.nowrap { white-space: nowrap; }

::-moz-selection { background: #000; color: #FFF; }
::selection { background: #000; color: #FFF;}


@media screen and (min-width: 500px) {
	
	h1, .like-h1 {  }
	h2, .like-h2 {  }
	h3, .like-h3 {  }
	h4, .like-h4 { }
	h5, .like-h5 { }
	h6, .like-h6 { }
	p { }
	
}


@media screen and (min-width: 750px) {
	
	h1, .like-h1 { font-size: 40px; }
	h2, .like-h2 { font-size: 24px;  }
	h3, .like-h3 { font-size: 24px;  }
	h4, .like-h4 { font-size: 20px; }
	h5, .like-h5 { }
	h6, .like-h6 { }
	p { }

	
}


@media screen and (min-width: 1000px) {
	
	h1, .like-h1 { font-size: 48px; }
	h2, .like-h2 {  }
	h3, .like-h3 { font-size: 24px; }
	h4, .like-h4 { font-size: 20px; }
	h5, .like-h5 { }
	h6, .like-h6 { }
	p { }


}

.wysiwyg-content { margin-bottom: 50px; }
.wysiwyg-content > *:first-child { margin-top: 0 !important; }
.wysiwyg-content h2 { margin: 2em 0 1em; }
.wysiwyg-content h3 { margin: 2em 0 1em; line-height: 1.6em; }
.wysiwyg-content p { line-height: 1.8em; }
.wysiwyg-content ul { margin-bottom: 1em; }
.wysiwyg-content li { margin-left: 20px; list-style: square; line-height: 1.8em; margin-bottom: 5px; }
.wysiwyg-content ol li { list-style: decimal; }
.wysiwyg-content img { max-width: 100%; height: auto; }
.wysiwyg-content .wrap { margin-bottom: 30px; }

table.datatable { line-height: 20px; width: 100%; margin: 0; }
table.datatable.small { font-size: 14px; }
table.datatable th { padding: 8px; border-bottom: 1px solid #ddd; text-align: left; }
table.datatable td { padding: 8px; border-bottom: 1px solid #ddd;  }
table.datatable.striped tr:nth-child(odd) { background: #eee; }
table.datatable.nobottom tr:last-child th, table.datatable.nobottom tr:last-child td { border-bottom: none; }

table.datatable.company-list td { padding: 10px;  }
table.datatable.company-list .company-about { font-size: 13px; color: #999; }

.alpha-list { display: table; width: 100%; margin-bottom: 30px;  }
.alpha-list a { display: table-cell; text-align: center; }

/* Elements
   ========================================================================== */

hr { border: none; border-bottom: 1px solid #000; height: 0; background: none; margin: 1.5em 0; }

.cta { padding: 9px 18px; background: #000; color: #FFF; display: inline-block; border:2px solid #000; text-decoration: none; cursor: pointer !important; margin-bottom:4px;   }
.cta:hover { background: #666; border-color: #666; color: #FFF;  }

.cta.hollow { background: #FFF; border: 2px solid #000; color: #000; }
.greybar .cta.hollow { background: #DDD; }
.cta.hollow:hover { background: #000 !important; color: #FFF; }

.cta.grey { background: #CCC; border-color: #CCC; color: #000;  }
.cta.grey:hover { background: #666; border-color: #666; color: #FFF;  }

.cta.block { display: block; text-align: center; }
.cta.large { font-size: 17px; padding: 12px 24px;  }
.cta.shift-up { position: relative;  z-index: 99; -ms-transform: translate(0,-150%); -webkit-transform: translate(0,-150%); transform: translate(0,-150%);  }
.cta.bottom { margin-bottom: 5px; }


.link-circle { width: 30px; height: 30px; display: inline-block; position: relative; border: 1px solid #FFF; color: #FFF; 
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
line-height: 33px;
text-align: center; 
font-size: 16px; 
text-decoration: none; 
 }

.link-circle i.icon-soundcloud { font-size: 18px; position: relative; top: 1px;  }

.link-circle:hover { background: #FFF; color: #000; }

.link-circle.black { border: 1px solid #000; background: #000; color: #FFF; }
.link-circle.grey { border: 1px solid #BBB; color: #BBB; }
.link-circle.large { width: 65px; height: 65px; line-height: 72px; font-size: 36px;  }

.link-circle.black:hover { background: #666; border-color: #666; color: #FFF !important; }
.link-circle.grey:hover { background: #BBB; color: #FFF !important; }

.img-holder { width: 100%; height: 0; padding-bottom: 66%; overflow: hidden; }
.img-holder img { width: 100%; height: auto; }

/* Forms
   ========================================================================== */

input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], input[type=url], input[type=date], textarea { padding: 8px; border: 2px solid #000; font-size: 16px; }


/* Media
   ========================================================================== */

img { max-width: 100%; height: auto; }

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	width: 100%; 
}

.videoWrapper.ratio219 { padding-bottom: 44%; }
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.image-holder { position: relative; width: 100%; height: 0; padding-bottom: 66%; overflow: hidden; }



/* Header
   ========================================================================== */

.site-header { border-bottom: 1px solid #ccc; background: #FFF; z-index: 9999; }

.site-brand { font-weight: bold; vertical-align: middle; }
.site-brand a { text-decoration: none !important; }
.site-brand * { vertical-align: middle; }
.site-brand i { font-size: 40px; margin-right: 5px;  }
.site-brand .logo-region { color: #999; font-weight: normal; }

.site-header .cta { font-size: 14px; }

.site-header .grid--middle { height: 60px;}

@media screen and (min-width: 750px) {	
	body { position: relative; padding-top: 60px; }
	.site-header { position: fixed; top:0; left: 0; }
	
	.site-header .cta { font-size: 16px; }
	.site-brand { font-size: 18px; }
}

.site-header .grid > div { padding-left: 10px; padding-right: 10px; }
.site-header .secondary { margin-right: 30px; text-decoration: none; }
.site-header .secondary:hover { text-decoration: underline; }
.site-header .icon-down { font-size: 11px; margin-left: 5px;  }

@media screen and (min-width:1000px) {
	.site-header { padding: 0; }
	.site-header .grid > div {  }
	.site-header .l--border-left { border-left: 1px solid #ddd; }
	.site-header .l--border-left .cta { display: block; text-align: center; }
}

/* Site Nav
   ========================================================================== */

select.region-select { border: none; background: none; color: #000; outline: none; font-size: 16px; width: 100%; display: block; margin-top: 2px; }

.cta-search { position: relative; }
.cta-search input { background: #FFF; padding:0; border:none; width: 100%; display: block;  padding-right: 0; outline: none; border: none;  }
.cta-search input:focus { border-color: #000; }
.cta-search button { position: absolute; right: 0; top: 2px;  border: none; background: none; }

.region-prompt { text-align: left !important; position: relative; background: #FFF !important; color: #666 !important; cursor: none; border-color: #666;  }
.region-prompt:before { content: " "; position: absolute; left: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #666; }

.show-search-hint { display: block !important; }
.hide-search-actual { display: none !important; }

.mobile-region-select {}
.mobile-region-select.selected { background: #000; color: #FFF; }

nav.site-nav { width: 100%; max-height: 0; z-index: 900; background: #FFF; visibility: hidden; overflow: hidden; background: #f9f9f9; 
	 -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
body.menu-show nav.site-nav { visibility: visible; max-height: 2000px; background: #DDD; }

nav.site-nav .nav-header { background: #333; color: #fff; padding: 10px 0; z-index: 2000; opacity: 0;   }
nav.site-nav .nav-header .menu-close { font-size: 14px; }

nav.site-nav .grid-1-1 { border-bottom: 1px solid #bbb; margin: 0; padding: 15px 0; }

nav.site-nav .nav-search h4 { margin: 0; }
nav.site-nav .nav-search p { margin: 0 0 15px; }

nav.site-nav .nav-panels {  }
nav.site-nav .nav-panel {   }

nav.site-nav .nav-panels h3 { margin: 0; }
nav.site-nav .nav-panel:hover { background: #eee;  }
nav.site-nav .nav-panel p { font-size: 14px; margin: 20px 0; max-width: 80%; }
nav.site-nav .nav-panel p a { font-weight: normal; text-decoration: underline; }

@media screen and (max-width: 1000px) {
	nav.site-nav .nav-panels .nav-links .cta { display: none; }
	nav.site-nav .cta.text-left { padding: 0; background: none; border: none; color: #000; font-weight: bold; text-align: left; text-decoration: underline;  }
	nav.site-nav .cta.text-left i { display: none; }
}

@media screen and (min-width: 750px) {	
	
	nav.site-nav .grid-1-1 { border-bottom: none; padding: 0 15px; }
	
	body.menu-show .browse-nav-section { background: #DDD; position: relative; border-left: 1px solid #CCC;  }
	body.menu-show .browse-nav-section .cta { background: #DDD; border-color: #DDD; color: #000;  }
	body.menu-show .browse-nav-section:after { content: ' '; position: absolute; bottom:-1px; left:0; width: 100%; height: 1px; background: #DDD;  }
	
	nav.site-nav { background: #DDD; }
	body.menu-show nav.site-nav { padding-bottom: 30px; }
	
	nav.site-nav .nav-panel { display: block; width: 100%; height: 0; padding-bottom: 60%; margin-bottom: 5px; margin-top: 30px;  }
	
	nav.site-nav .nav-links { height: 70px;  }
	nav.site-nav .nav-links .cta { background: none;; float: right; margin-left: 10px; color: #000;  }
	nav.site-nav .nav-links h3 { text-decoration: none; padding-top: 8px; margin-top: 12px; }
	
	nav.site-nav a { text-decoration: none; }
	nav.site-nav a:hover .cta { background: #000; color: #FFF;  }

}


@media screen and (min-width: 750px) {	
	
	nav.site-nav .nav-header .menu-close { font-size: 16px; }
	
	nav.site-nav .nav-search { position: absolute; top: 0; left: 0; width: 100%; height: 20%; padding: 0; z-index: -9;  display: none; }
	nav.site-nav .nav-search > .grid { margin-top: 100px;  }
	nav.site-nav .nav-search p { margin: 0; }
	nav.site-nav .nav-search #herosearchform { border-color: #AAA; border-width: 1px; }
	
	nav.site-nav .nav-panel p { font-size: 14px; margin: 30px auto; }
		

	
	
	/* Nav Panel Images */
	nav.site-nav .nav-panels .nav-panel.nav-panel-process { background: url('images/header-process.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-panels .nav-panel.nav-panel-industries { background: url('images/header-industry.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-panels .nav-panel.nav-panel-materials { background: url('images/header-material.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-panels .nav-panel.nav-panel-locations { background: url('images/industrial-estate.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-panels .nav-panel.nav-panel-az { background: url('images/header-az.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-panels .nav-panel.nav-panel-blog { background: url('images/header-blog.jpg') no-repeat center center; background-size: cover; }
	
	nav.site-nav .nav-for-birmingham.nav-panels .nav-panel.nav-panel-process { background: url('images/header-process-birmingham.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-birmingham.nav-panels .nav-panel.nav-panel-industries { background: url('images/header-industries-birmingham.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-birmingham.nav-panels .nav-panel.nav-panel-materials { background: url('images/header-material-birmingham.jpg') no-repeat center center; background-size: cover; }
	/*nav.site-nav .nav-for-birmingham.nav-panels .nav-panel.nav-panel-locations { background: url('images/industrial-estate.jpg') no-repeat center center; background-size: cover; }*/
	nav.site-nav .nav-for-birmingham.nav-panels .nav-panel.nav-panel-az { background: url('images/header-az-birmingham.jpg') no-repeat center center; background-size: cover; }
	/*nav.site-nav .nav-for-birmingham.nav-panels .nav-panel.nav-panel-blog { background: url('images/header-blog.jpg') no-repeat center center; background-size: cover; }*/
	
	
	nav.site-nav .nav-for-sweden.nav-panels .nav-panel.nav-panel-industries { background: url('images/header-industries-sweden.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-sweden.nav-panels .nav-panel.nav-panel-process { background: url('images/header-processes-sweden.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-sweden.nav-panels .nav-panel.nav-panel-industries { background: url('images/header-factories-sweden.jpg') no-repeat center center; background-size: cover; }
	
	
	nav.site-nav .nav-for-uae.nav-panels .nav-panel.nav-panel-process { background: url('images/header-processes-uae.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-uae.nav-panels .nav-panel.nav-panel-industries { background: url('images/header-industries-uae.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-uae.nav-panels .nav-panel.nav-panel-materials { background: url('images/header-materials-uae.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-uae.nav-panels .nav-panel.nav-panel-locations { background: url('images/header-location-uae.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-uae.nav-panels .nav-panel.nav-panel-az { background: url('images/header-factories-uae.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-uae.nav-panels .nav-panel.nav-panel-blog { background: url('images/header-blog-uae.jpg') no-repeat center center; background-size: cover; }
	
	nav.site-nav .nav-for-derbyandderbyshire.nav-panels .nav-panel.nav-panel-process { background: url('images/header-derby-processes.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-derbyandderbyshire.nav-panels .nav-panel.nav-panel-industries { background: url('images/header-derby-industries.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-derbyandderbyshire.nav-panels .nav-panel.nav-panel-materials { background: url('images/header-derby-materials.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-derbyandderbyshire.nav-panels .nav-panel.nav-panel-locations { background: url('images/header-derby-location.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-derbyandderbyshire.nav-panels .nav-panel.nav-panel-az { background: url('images/header-derby-factories.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-derbyandderbyshire.nav-panels .nav-panel.nav-panel-blog { background: url('images/header-derby-blog.jpg') no-repeat center center; background-size: cover; }
	
		nav.site-nav .nav-for-derby-derbyshire.nav-panels .nav-panel.nav-panel-process { background: url('images/header-derby-processes.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-derby-derbyshire.nav-panels .nav-panel.nav-panel-industries { background: url('images/header-derby-industries.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-derby-derbyshire.nav-panels .nav-panel.nav-panel-materials { background: url('images/header-derby-materials.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-derby-derbyshire.nav-panels .nav-panel.nav-panel-locations { background: url('images/header-derby-location.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-derby-derbyshire.nav-panels .nav-panel.nav-panel-az { background: url('images/header-derby-factories.jpg') no-repeat center center; background-size: cover; }
	nav.site-nav .nav-for-derby-derbyshire.nav-panels .nav-panel.nav-panel-blog { background: url('images/header-derby-blog.jpg') no-repeat center center; background-size: cover; }	
	
	
	nav.site-nav .nav-panels .nav-panel .nav-inner { background: rgba(0,0,0,0.5); }
	nav.site-nav .nav-panels .nav-panel .nav-inner h3 { color: #FFF;  }
	nav.site-nav .nav-panels .nav-panel .nav-inner .grey, nav.site-nav .nav-panels .nav-panel .nav-inner .cta { display: none; }
	
	nav.site-nav .nav-panels .nav-panel:hover .nav-inner { background: #FFF; }
	nav.site-nav .nav-panels .nav-panel:hover .nav-inner h3 { color: #000; }
	nav.site-nav .nav-panels .nav-panel:hover .nav-inner .grey, nav.site-nav .nav-panels .nav-panel:hover .nav-inner .cta { display: inline-block; }
	
}



/* Footer
   ========================================================================== */
 
footer.social-footer { background: #222;  } 
footer.social-footer h5 { font-size: 16px; margin: 0 0 20px; color: #DDD; }
footer.social-footer input { padding: 8px; outline: none; background: #333; border:none;  color: #FFF; border:2px solid #333;  }
footer.social-footer input:active, footer.social-footer input:focus { background: #444; border-color: #444; }
footer.social-footer .social-link { color: #999; font-size: 18px; text-decoration: none; padding: 6px 8px;  }
footer.social-footer .social-link:hover { color: #FFF; }

footer.social-footer .grid-1-1:first-child { margin-bottom: 40px; }

@media screen and (min-width:750px) {
	
	footer.social-footer .grid-1-1:first-child { border-right: 1px solid #333; margin-bottom: 0; }
	/* footer.social-footer .grid-1-1:last-child { border-left: 1px solid #333; margin-bottom: 0; } */
	
}
 
footer.site-footer { background: #000; }  
footer.site-footer .grid .m--grid-1-4 { margin-top: 40px; }
footer.site-footer h4 { font-size: 16px; margin: 0 0 10px; color: #DDD; }
footer.site-footer ul.footer-links { margin: 0; padding: 0; font-size: 14px; }
footer.site-footer ul.footer-links li { margin: 0; padding: 0; list-style: none; color: #FFF; padding: 3px 0; color: #999; }
footer.site-footer ul.footer-links a { color: #999; text-decoration: underline;  }
footer.site-footer ul.footer-links a:hover { color: white !important; text-decoration: underline;  } 
   
   
@media screen and (min-width:1000px) {
	
	footer.site-footer .grid .m--grid-1-4 { margin-top: 0px; }
	
}
   
/* Search Bar
   ========================================================================== */   
  
#herosearchform { border: 1px solid #444; max-width: 700px; overflow: hidden; position: relative;  margin: 0; background: #fff; }   
#herosearchform select { border: 1px solid #DDD; background: none; color: #666; outline: none; margin-top: 9px; font-size: 14px; width: 100%; display: block;  }   
#herosearchform input { padding: 8px; width: 100%; outline: none; color: #000; float:left; border: 1px solid #FFF;   }
#herosearchform button { background: #FFF; border: none; padding: 9px 12px 15px; color: #000;  position: absolute; top:0; right: 0; }
@media screen and (min-width: 750px) {
	#herosearchform { border-width: 2px; }
	
}	
#herosearchform button i { font-size: 18px; }
#herosearchform button:hover { background: #666; }

.site-header #herosearchform { border-width: 0; background: none; }
.site-header #herosearchform select { border-color: #FFF; }
.site-header #herosearchform button { padding-left: 15px; padding-right: 15px; background: #FFF; color: #666; }
.site-header #herosearchform button:hover { background: #FFF !important; color: #000; } 

 
/* Homepage
   ========================================================================== */ 

.home-cover { background-color: #000; background-position: center center; background-size: cover; background-repeat: no-repeat; color: #FFF; border-bottom: 2px solid #000; }   
.home-cover .overlay { background: rgba(0,0,0,0.5); height: 80vh; position: relative; }
.home-cover .overlay .grid--middle { height: 100%; position: absolute; }
.home-cover .grid-1-1.main-panel { float: none; }   
.home-cover h1 { margin-bottom: 0; color: #FFF; }
.home-cover h2 { margin-bottom:65px; color: #DDD; max-width: 500px; font-size: 18px; }
.home-cover .cta { margin-right: 10px; margin-bottom: 10px; }
.home-cover .home-roulette { color: #999; display: inline-block; white-space: nowrap;  }
.home-cover .home-roulette:hover { color: #FFF; }

@media screen and (min-width: 750px) {
	.home-cover h1 { font-size:50px;  }
	.home-cover h2 { font-size: 24px;  }
}

@media screen and (min-width: 1000px) {
	.home-cover h1 { font-size:60px;  }
	.home-cover h2 { font-size: 24px;  }
}


.greybar { background: #ddd; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 50px 0 50px; position: relative;  }

.standard-spacing { padding: 50px 0 50px; }
.equal-margin { margin-top: 50px; margin-bottom: 50px; }

.home-about .like-h3 { margin-bottom: 1.4em; }

.home-how-works .m--grid-1-3 { margin-top: 15px; padding-top: 15px;  }
.home-how-works img { width: 100px; height: auto; display: block; margin: 0 auto; float: left; margin-right: 20px;  }
.home-how-works a { font-weight: normal; }

@media screen and (min-width: 750px) {
	
	.home-how-works .m--grid-1-3 { border-top: 0; }
	.home-how-works img { width: auto; max-width: 200px; height: auto; display: block; margin: 0 auto; float: none;  }
	
}

.follow-bar { border: 2px solid #222; margin: 30px auto; text-align: center; padding-bottom: 20px; }
.follow-bar h5 { padding: 20px; margin: 0 ; }


@media screen and (min-width: 750px) {
	
	.follow-bar { padding-bottom: 10px; max-width: 120px;  }
	.follow-bar h5 { border-bottom: 2px solid #000; padding: 20px; margin: 0 0 20px; }
	.follow-bar span { display: block; margin: 10px 0; }
	.follow-bar span.nowrap { margin: 0; }
}

.home-map { border-top: 2px solid #000; border-bottom: 2px solid #000; height: 300px; height: 65vh; background: #333; position: relative; overflow: hidden;}
.home-map #showmap { position: absolute; top: 0; left: 0; height: 170%; width: 100%;  }

.mapadr a { text-decoration: none; }
.mapadr img { display: block; width: 100%; height: auto;  }
.mapadr strong { display: block; margin: 10px 0; }

.marker-description, .leaflet-container a { font-family: 'Akkurat', sans-serif !important; color: #999 !important; font-size: 13px !important;  }
.leaflet-container a strong { color: #000 !important; font-size: 16px !important; }
.leaflet-container .marker-description img { min-width: 250px !important; height: auto !important; }
/* Region Page
   ========================================================================== */ 

.default-region-set { background: #ddd; padding: 10px 0; }
.default-region-set span { cursor: pointer;}
.default-region-set .cta { margin-left: 10px; padding: 5px 15px; border-radius: 2px;  }

.region-logo { padding-bottom: 20px !important; margin-bottom: 5px; border-bottom: 1px solid #ddd; margin-right: 30px; }
.about-partners-logos { line-height: 80px;  }
.about-partners-logos img { height: 80px; width: auto; margin-right: 20px;  mix-blend-mode: multiply; }

/* Blog
   ========================================================================== */ 

.article-block { margin-bottom: 30px; }
.article-block h4 { margin-bottom: 15px; }
a .article-block:hover h4 { text-decoration: underline; }
.article-block img { width: 100%; height: auto; }
.article-block p { color: #666; line-height: 1.4em; }
.article-block p strong { text-decoration: underline; font-weight: normal; color: #000; }

.article-block .img-holder img { transition: all 0.7s ease-in-out; }
.article-block:hover .img-holder img { transform: scale(1.05); opacity: 0.75;  }

.leading-blog .leading-image { display: none; }

@media screen and (min-width: 750px) {

.leading-blog { position: relative; padding: 0 15px; margin-bottom: 30px; }
.leading-blog .leading-image, .leading-blog .leading-image img { display: block; transition: all 0.7s ease-in-out; }
.leading-blog:hover .leading-image img {  transform: scale(1.05); opacity: 0.75; }
.leading-blog .article-block  { margin: 0; }
.leading-blog:hover .article-block h4 { text-decoration: underline; }
.leading-blog:hover .article-block strong { color: #000 !important }
.leading-blog:hover .article-block strong:hover { text-decoration: underline;  }
.leading-blog .article-block { position: absolute; left: 0; bottom: 0; width: 100%; }
.leading-blog .article-block .info { background: #f9f9f9; position: relative; padding-top: 10px; padding-bottom: 20px;  }
.leading-blog .article-block .info:after { position: absolute; content: ' '; background: #f9f9f9; width: 15px; height: 100%; left: -15px; top:0; }
.leading-blog .article-block .img-holder { height: 1px !important; padding-bottom: 0 !important; visibility: hidden;  }
.leading-blog .article-block .image-holder img { display: none; }

}

#paging { text-align: right; margin-top: 50px; margin-bottom: 50px; }
ul#pages { margin: 0; padding: 0; display: inline-block; border: 2px solid #000; border-right:none;  }
ul#pages li { border-right: 2px solid #000; list-style: none; display: inline-block; float: left;  }
ul#pages li.selected { background: #000; color: #FFF;  }
ul#pages li a, ul#pages li.padd { padding: 10px; display: inline-block; }
ul#pages li.selected a { color: #fff; }

/* Browse Pages
   ========================================================================== */ 

.browse-menu { margin: 0 0 30px 0; padding: 0; border-top: 1px dotted #DDD; }
.browse-menu li { padding: 10px; border-bottom: 1px dotted #DDD; list-style: none; }
.browse-menu li.sel { background: #eee; }

.browse-section-block { text-decoration: none; margin-bottom: 30px; display: block; }
.browse-section-block:hover h3 { text-decoration: underline; }
.browse-section-block img { mix-blend-mode: multiply; }

.browse-places {  width: 100%; height: 80vh; margin-bottom: 50px; }

/* Browse Companies List
   ========================================================================== */
   
.company-block { position: relative;  }   
.company-block .verified { position: absolute; top: 10px; right: 10px; padding: 5px 10px; background: #000; color: #FFF; font-size: 14px; z-index: 9; }
.company-block .img-holder img { transition: all 0.7s ease-in-out; }
.company-block:hover .img-holder img { transform: scale(1.05); opacity: 0.75;  }
.company-block .info { position: relative; height: 100px;  }
.company-block .info a { text-decoration: none; }
.company-block .info h4 { margin: 15px 0 5px; }
.company-block:hover .info h4 { text-decoration: underline;}
.company-block p { margin: 0; font-size: 13px; }
.company-block .desc { display: none; }
.company-block .info .list-star { font-size: 18px; position: absolute; right: 3px; top: 0px; cursor: pointer; }
.company-block .info .list-star:hover { color: #999;  }
.company-block .search-result { color: #000; font-size: 13px; }

.js-helper { text-decoration: none; }

.tooltipster-content { max-width: 250px; }
.tooltipster-content em { font-style: normal; font-weight: bold; }

/* Content Pages
	 ========================================================================== */ 
.page-header { margin-top: 40px; margin-bottom: 20px; }
.page-header h1 { margin: 0 0 0; }
.page-header h1 a { text-decoration: none; }
.page-header h1 a:hover { text-decoration: underline; }
.page-header h2 { margin: 15px 0 0; color: #999; font-weight: normal; }
.page-header h2 a { color: #999; }
.page-header h6 { margin: 0 0 10px; color: #999; font-weight: normal; }
.page-header h6 a { color: #999; }
.page-header h6 a:hover { color: #000; }

@media screen and (min-width: 750px) {
	.page-header { margin-top: 70px; margin-bottom: 40px; }
}

.new-page-header { background-color: #eee; background-repeat: none; background-position: center center; background-size: cover; height: 60vh; max-height: 400px; margin: 0 0 40px;  }
.image-bottom { margin-bottom: 40px; }

.toc { position: relative; margin: 0; padding: 0; }
.scroll-fixed { position: relative; }
.toc.fixed { position: fixed; top: 76px; }
.scroll-fixed.fixed { position: fixed; top: 80px; border-bottom: none; }
.toc li { list-style: none; margin: 8px 0; padding: 0; }
.toc li a { text-decoration: underline;  }

.sidebar-section { padding: 20px 0; border-bottom: 1px dotted #DDD; }
.sidebar-section.first { padding-top: 0; }
.sidebar-section.first-border { border-top: 1px dotted #DDD; margin-top: 20px; }
.sidebar-section h6.small.grey { color: #999; font-size: 13px; margin: 0 0 10px; font-weight: normal; }

.about-page > h3 { border-top: 1px solid #DDD; padding-top: .5em;  }
.about-page > h3.notop { border-top: none; padding-top: 0; }

@media screen and (min-width: 750px) {
	
	.sidebar-section { margin-right: 30px; }
	
.new-page-header { background-color: #eee; background-repeat: none; background-position: center center; background-size: cover; height: 60vh; max-height: 600px; margin: 0 0 40px;  }
	
}

figure { margin: 0; padding: 0; }
figure img { display: block; }
figcaption { padding: 10px 0 7px; color: #999; font-size: 14px; border-bottom: 1px dotted #DDD; margin-bottom: 20px; display: block; }
figcaption .caption { color: #000; display: block; }

/* Roulette
	 ========================================================================== */ 


/* Administration
   ========================================================================== */

body.side-menu .dashboard-drawer.collapsed { position: fixed; bottom: 0; height: 50px; width: 100%; background: #eee; border-top: 1px solid #ddd; z-index: 9999; }

.menu-section { border-right:1px solid #ddd; display: inline-block; border-bottom: 1px solid #ddd; }   
.menu-section .menu-icon { text-align: center; height: 50px; width: 60px; display: inline-block; text-decoration: none; font-size: 24px; }
.menu-section .menu-icon i { display: inline-block; line-height: 50px;  }   

.menu-section:hover { background: #000; color: #fff; } 
.menu-section:hover .menu-icon { color: #FFF; }
   
.loading-gears { display: block; margin: 15px; }   


@media screen and (min-width: 750px) {
	
	body.side-menu, body.side-menu .site-header { /* margin-left: 60px; border-left: 1px solid #ccc;*/ }
	body.side-menu { margin-left: 60px; }
	body.side-menu .dashboard-drawer.collapsed { position: fixed; top: 0; left: 0; height: 100%; width: 60px; padding: 59px 0 0; background: #eee; border-top: none; border-right: 1px solid #ddd; z-index: auto;   }
	
	menu-section { border-right: none; display: block;}
	
}

   
/* Company Page
   ========================================================================== */

.temp-menu.react-edit { font-size: 14px; padding: 6px 8px 3px; background: #000; color: #FFF; font-weight: normal; display: inline-block; line-height: 18px; position: absolute; margin-left: 4px;  }
.datatable ul { margin: 0; padding: 0; }

.template-company .page-header { margin-bottom: 20px;  }   
.template-company h1, .template-company h3, .template-company h4 { margin-top: 0; }
.template-company .wysiwyg-content { margin-bottom: 0; }

.contact-actions { margin: 1em 0; }
.contact-actions a, .contact-actions .share { display: inline-block; padding: 0 20px 0 0 ; text-decoration: none; white-space: nowrap; }
.contact-actions .share a { padding: 0 2px; color: #999; font-size: 14px; }
.contact-actions .icon span { font-family: 'Akkurat'; }

.co-pic-slider { background: #EEE; }
#main-photo { padding-bottom:15px;}
.co-pic-nav .slick-slide { margin: 10px 5px; cursor: pointer; }
.slick-prev, .slick-next { background: #000; color: #FFF; border: none; width: 90px; text-align: center; line-height: 60px; font-size: 30px; height: 60px; position: absolute; top: 50%; margin-top: -60px; outline: none; cursor: pointer; z-index: 9;  }
#photos .slick-next { right: -10px; }
   #photos .slick-prev { left: -10px; }
   
   
 .colist { margin-bottom: 1em; }   
 .colist .list-item,  .colist div {display: block !important;  margin-bottom: 5px; font-size: 14px; }
 .colist .hidden { display: none !important; }

 
 .dont-work-with, .dont-work-on {
    color: #999;
}
 
 .works-with::before, .works-on:before {
    content: "\e60b";
    color: #fc0;
    font-family: "icomoon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    padding-right: 5px;
}  

.dont-work-with::before, .dont-work-on::before {
    content: "\e60b";
    color: #f9f9f9;
    padding-right: 5px;
    font-family: "icomoon";
}

@media screen and (min-width:1000px) {
	
	.template-company h2 { padding-right: 40px; }
	.button-holder { padding: 5px 0 8px; }
	
}

/* Login
 ========================================================================== */

.login-box { max-width: 300px; margin: 5vh 0 20vh; padding-top: 35px !important; }
.login-box input { width: 100% !important; box-sizing: border-box; }
.login-box dt, .login-box dd { margin: 0; padding: 0; width: 100%; }
.login-box label { display: block; margin-bottom: 8px; font-weight: bold; }
.login-box a { display: block; margin-top: 15px; color: #999; font-size: 13px; }

/* Donate
   ========================================================================== */

.donate-form { }
.donate-form p.intro { color: #999; margin: 10px 0;  }
.donate-form .payment-errors { color: #a94442; }
.donate-form form { padding-top: 20px; }
.donate-form .form-row.first { margin-top: 10px; }
.donate-form .form-row { margin-bottom: 20px; }
.donate-form .form-row span { display: block; margin-bottom: 7px;  }
.donate-form .form-row span em { font-weight: normal; color: #999; font-style: normal; }
.donate-form input { font-size: 16px; width: auto; display: inline-block; padding: 8px;  }
.donate-form input.full { width: 100%; box-sizing: border-box; }
.donate-form button { font-size: 16px; width: 100%;  cursor: pointer; }

span.donate-amount { display: block !important; padding: 10px 0 8px; background: #ddd; width: auto; margin-bottom: 5px; margin-right: 5px;  cursor: pointer; text-align: center; }
span.donate-amount.sel { background: #000; color: #FFF; }

.cd-wrap { border: 1px solid #000; margin-right: 5px; position: relative; }
.cd-wrap span { position: absolute; color: #999; top:8px; left: 10px; }
.cd-wrap span.donate-curr { left: auto; right: 10px; }
#custom-donation { display: block; border:none !important; outline: none; width: 100px; padding-left: 25px;    }

.custom-donation-wrap { position: relative; }
.custom-donation-wrap input { padding-left: 20px; }
.custom-donation-wrap em { position: absolute; top: 12px; left: 10px; color: #999; font-size: 16px; z-index:99;  }

.donate-pop-back { background: #000; opacity: 0.7; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 9999; }
			.donate-popup { width: 95%; max-width: 500px; background: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none;  z-index: 999999; padding: 0 !important;  }
			
			.donate-steps { margin: 0; padding: 0; }
			.donate-steps li { margin: 0; padding: 0; float: left; width: 25%; text-align: center; border-right: 1px solid #000; border-bottom: 1px solid #000; list-style: none; box-sizing: border-box; padding: 10px 0; }
			.donate-steps li:last-child { border-right: none;}
			.donate-steps li.sel { background: #DDD; font-weight: bold; }
			.donate-steps li.editable { text-decoration: underline; cursor: pointer !important; }
			
			#payment-form { background: none; }
			.donate-form { background: none; }
			
			.donate-form-section { display: none; padding: 15px; }
			.donate-form-section.active { display: block; }
			
			.donate-form-section svg { margin-bottom: 15px; }
			.donate-form-section .cta { margin-top: 15px; margin-right: 5px;  }
			
			.donate-form-section .name-full { width: 100%; box-sizing: border-box; border-width: 1px; }
			.donate-form-section input { border-width: 1px; }
			
			.payment-errors { color:#bc0000; }
			
			.donate-close { position: fixed; top: 105%; width: 100%; display: block; text-align: center; color: #FFF; cursor: pointer; }
			.donate-close:hover { text-decoration: underline; }

/* Signup
   ========================================================================== */
   
   
.signup-question { border-top: 1px solid #ddd; margin: 0 0 20px; padding: 30px 0;  }   
.signup-question h3 { font-size: 20px; margin-bottom: 1em; }
.signup-question p { color: #999; }

.signup-section { border-top: 2px solid #000; }
.signup-section h2 { font-weight: normal; margin-bottom: 40px; }

.signup-form input, .signup-form textarea { width: 100%; box-sizing: border-box; }
.signup-form textarea { height: 100px; }
.signup-form label { display: block; margin-bottom: 8px;  }
.signup-form label input[type=checkbox], .signup-form label input[type=radio] { display: inline-block; width: auto;  }
.signup-form label span { color: #999; }
.signup-form select { width: 100%;  }