/*! normalize.css v3.0.1 | 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 {
  -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,
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 */
}



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

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

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



/**
 * 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 inconsistent and variable font size in all browsers.
 */
/**  SHOULDN'T BE USING <small> tag
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;
}



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

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

figure {
  margin: 1em 2em;
}

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

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



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

/* v1.0 | 20080212 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, address, big, cite, code,
del, dfn, em, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
    background: transparent;
}
*/
/* apply a natural box layout model to all elements  */
*, *:before, *:after {
box-sizing: border-box;
 }
fieldset {margin:0; border:0}

ol, ul {
	list-style: none; padding:0;
}
blockquote { padding: 0 1.475em; border-left: 0.25em solid #7c327b }
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* RESTYLING START */

body /* for ie6 and below */ { font-size: 90%; color: #000 } 
html>body /* for all other browsers */ { font-size: 16px } 
div, p, h5, h6, ul, ol, dl, form, blockquote { line-height: 1.5em; }
p, h5, h6, ul, ol, dl, form, blockquote
{ font-size: 1em; margin-top: 1em; margin-bottom: 1.7em; }
body { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif; }
h1,h2,h3,.banner {font-family: 'Montserrat', Lucida, Verdana, Arial, sans-serif;}
h2,h3,h4 {color: #333;font-weight: bold;}
h1 { line-height: 1.2em; margin: .3em 0 0.6em 0; color: #00365f; }
h2 { font-size: 1.7em; line-height: 1.2em; margin:.6em 0; }
h3 { font-size: 1.5em; line-height: 1.1667em; margin: 1em 0 1.1667em 0; }
h4 { font-size: 1.25em; line-height: 1.5em; margin: 1.5em 0 0 0;  }
hr { height:1px; color:#999; background-color:#999; border-style:solid }

.smalltext{ font-size: 0.85em; line-height: 1.85em }
#content-area ul li, .cke_show_borders ul li { margin-left: 1.5em; list-style-image: url(/nav/bullet.gif);break-inside: avoid}
#content ol li, .content ol li, .cke_show_borders ol li { margin-left: 1.5em; list-style-type:decimal }

a { color: #0850bf }
a, #top:hover { text-decoration:none }
a:hover { text-decoration:underline }
a:visited { color: #902090 }
.breadcrumb { font-size: 0.85em; line-height: 1.85em }
.breadcrumb:before {content:'Up: '; }
/* top nav */

.gobutton,.mailbtn { border-radius:.2em }
#topnav ul li { margin: 0.15em 0.5em 0 0; padding: 0; color: #000; }
#topnav li a { color:#fff; background-color:#666; text-decoration:none; }
#topnav li a, #topnav form.sform .gobutton { border-radius:.25em; margin-bottom:.25em; height:1.6em; padding:0 .3em; border: #877 solid 2px; }
#topnav li a:hover, #topnav li a:focus { background-color: #877; }
#topnav form.sform { margin: 0 0 0 .25em; padding: 0; position: relative; top:0 }
#q { height:1.6em; border: #877 solid 2px; }
#topnav form.sform .gobutton { background: #f0f0f0; color: #1f374d; font-weight:bold; }
#topnav form.sform .gobutton:hover, #topnav form.sform .gobutton:focus { background-color: #e8e8f0; }
#topnav form.sform fieldset, #topnav form.sform fieldset input { display: inline; margin: 0; padding: 0 }

#header { background-color: #e8e8e4 }
#branding { clear:left }
#branding div .banner { color:#00365f; font-size:4em; text-shadow: 2px 2px 2px rgba(0,0,0,.1); }
#main-nav{ border: #a89 solid 1px 0; }
#main-nav, #main-nav ul li { background-color: #666;background-image: linear-gradient(#777, #666, #444); }
#main-nav ul { border-right: #988 solid 1px; }
#main-nav ul li { float: left; padding: 0 1.5px; margin: 0; border-left: #988 solid 1px; }
#main-nav ul li a { display: block; padding: .5em 1.05em; margin: 0; text-decoration: none; color:#fff; }
#main-nav ul li:hover, #main-nav ul li a:focus { background: #777;background-image: linear-gradient(#666, #777, #888); text-shadow: 1px 1px 3px rgba(0,0,0,.3); }

/* sidenav */
.mailbtn:hover, .gobutton:hover { background: #878;}
#snav ul { border-top: #a1bfc6 solid 1px; }
#snav ul li { border-bottom:#a1bfc6 solid 1px; font-size: 85%; margin: 0; list-style-image: none; }
#snav ul li a { color: #1f374d; background: #f0f0f0; text-decoration: none; display: block; padding: .4em .5em }
#snav ul li a:hover, #snav ul li a:focus { background: #e8e8f0; color: #1f374d; }
#quickjump,#email-update { font-size: 0.857em; border: #a1bfc6 solid 1px; padding: .5em; background-color: #f8f8f8 }
#quickjump { margin: 0.5em 0 0 0; border-top-left-radius: .25em; border-top-right-radius: .25em; }
#quickjump fieldset, #email-update fieldset {padding: 0; }
select.quickjumpmenu { width: 100%; margin-top: .5em }
#quickjump input,#email-update input { margin-top: .5em }
.mailbtn { background-color: #666; border:#777 solid 1px; padding: 0.1em 0.23em; color: white; font-weight: bold; }
#email-update {margin-top: -1px; border-bottom-left-radius: .25em; border-bottom-right-radius: .25em;  }
#email-update h4, #email-update p { margin: 0; padding: 0; color: #333;font-size: 1em } 
#s {width:96%}
.user_link { font-size: 0.8em; margin-top:1.5em; padding:.5em; border: #a1bfc6 solid 1px; border-radius: .25em; max-width: 20em}



#main-nav,#bd,#ft, #comment-form{ clear:both }
#bd:after,#main-nav:after{content:"";display:table;clear:both}
#footer-message {text-align:right; margin:.5rem 0 0 0;font-size:1.4rem}
#footer-message img {height:2rem;width:2rem}
#footer-message b {vertical-align:super}
#footnav { display: block; border-top:#666 solid 3px; margin-top:.35em }
#rightcol, #footer { font-size: .8em }
#footer-homelink a {font-size: .9rem}
#rightcol h3 {font-size: 1.4em;  font-weight: bold; line-height: 1.1667em; margin: .5em 0; color: #333}
#rightcol .item-list ul li a, .terms {display:block; border:#a89 solid 1px; padding:.25em .5em; border-radius: .25em; background-color:#f8f8f8; }
#rightcol .item-list ul, #rightcol .item-list ul li a {margin:0}
#rightcol br {line-height:2em}
.terms {margin:0 0 6pt 0}



@media (max-width:44.99em) { /* small tablets and most phones */

h1 {font-size:2em}

/* footer */
#ft { width:99%; margin:0 auto }
#footer { width:99% }

/* structure */
#topnav ul { padding: 2px;margin:0}
#topnav ul li {float:left; margin: 0.1em 0.5em 0 0; padding: 0; }
#topnav li a { display: inline-block; }
#q { width:11.2em }
#main-nav ul { margin: 0 auto; width:100%; overflow:auto }
#main-nav ul li { margin: 2px }
#branding div { margin: 0 auto; height: 5.5em; clear:left; min-width:21rem;}
#topnav, #header, #branding, #main-nav, #yui-main, #rightcol, #bd {width:100% }
span.banner { display:block }
#branding div #logo { display:block;float:left }
#branding div .banner { font-size:1.8rem; padding-top:1rem; line-height:2rem }
#content {padding:0 2pt}
blockquote { padding: 0 0 0 .375em; border-left: #7c327b solid .25em }
.pullquote {display:none !important}
}


@media (max-width:59.99em) and (min-width:45em) { /* iPads and some tablets */

h1 {font-size:2.5em}
#topnav #q { width:10em }

/* footer */
#ft { width:100% }
#footer { top:0; width:100%; position: relative }
#footer-message { float:right; width:66% }

/* structure */

#main-nav ul, #branding div {margin: 0 auto }
#bd { width: 44em; margin: 0 auto }
#branding div { position: relative; height:7em}
#topnav, #header, #main-nav, #main-nav ul { overflow: auto }
#topnav, #header, #branding, #main-nav { min-width: 35em }
#topnav ul li { margin:.5em 0 0 .5em; padding:0; float:right }
#topnav {float:right}
#topnav ul {margin:0}
#topnav ul { padding: 0.15em; position: relative }
#topnav li a { display: block; padding: 0 0.5em;}
#yui-main { width:33em; float:right; position: relative }
#snav { float:left; width: 10em }
#rightcol { width:100%; position:relative; padding:.3em 0 0 0 }
#branding div #logo { display:inline-block; position: absolute; bottom: 0; left: 0;}
#branding div .banner { display:inline-block; position: absolute; bottom: 2.25rem; left: 10.8rem; font-size:2.6em }
}


@media (min-width:60em) { /* desktop and huge tablets */

h1 {font-size:2.5em}

/* footer */
#ft { width: 60em; margin:0 auto; }
#footer { width: 35rem; position:relative; left:11rem; top:0 }
#footer-message { float:right; width:66% }

/* structure */
#topnav ul, #main-nav ul, #branding div, #bd { width: 59.8em; margin: 0 auto; }
.homebtn {width:10em}
#topnav ul { padding: 0.15em; position: relative }
#topnav ul li { margin: 0.15em 0 0 .5em; padding: 0; float: right; }
#topnav li a { display: block;}
#topnav, #header, #main-nav, #main-nav ul, #topnav ul { overflow: auto }
#topnav, #header, #branding, #main-nav { min-width: 60em }
#branding div { position: relative; height: 5.5em }
#yui-main { width: 49em; float:right; top:0; right:0 }
#content { width:35em; float:left }
#snav { position:absolute; width: 10em }
#rightcol { width: 13.2rem; float: right; padding:.5em 0 0 0 }
#branding div #logo { display:inline-block; position: absolute; bottom: 0; left:0 }
#branding div .banner { display:inline-block; position: absolute; bottom: 2.25rem; left: 11rem; font-size:3.8em }
p.pullquote,div.pullquote{margin-right:-14rem;font-weight:bold;padding:0;border:0}
}

table h3 {margin-top:.1em}

/* Features that predate the Joyner redesign */

/* Appearance of special divs or paras such as info-boxes and pull-quotes */
dt {margin-top:.8em}
.box,.tip {border:#999 solid 1px; margin:.7em 0; padding:.5em 1em; border-radius:.5em;}
.tip h4, .box h4,.tip h3,.box h3 {margin-top:0}
.tip {background-color:#eef6ee}
.tip :last-child{margin-bottom:0}
.box {background-color:#fff0f0}
.box li{margin-bottom:.4em}
.box > *:first-child {margin-top:0}
h4 {margin-bottom:.4em}
.compact p {margin:.2em 0 .8em 0}
abbr {border-bottom:#333 dotted 1px;cursor:help}
.seealso {width:auto;background-color:#e3e5e5;padding:.3em .6em;border:#999 solid 1px;border-radius:.3em}
.seealso h4 {margin-top:0;display:inline}
.submenu {padding-bottom:.8em}
.submenu h3 {margin-bottom:0}
.pullquote {font-size:120%;width:11rem;border:#ccc solid 2px;display:block;float:right;padding:.6em;margin:0 0 .4em .4em; color:#300;text-align:left}
.page-up {padding:0 2em 3em 2em;display:block;float:left}
.page-links {margin-top:1em}
.page-next {font-size:120%;font-weight:bold;padding-bottom:3em}
.page-previous {display:block;width:40%;float:left;padding-bottom:3em}
p.attrib {text-indent:0;float:right;padding-top:0;margin-top:0;margin-bottom:1.2em;text-align:right}
.subsite {padding:.8em 1em;background-color: #ffe; border: #ca8 solid 1px; margin:1em .2em .2em .2em;border-radius: .25em}
ul.sp, #content-area ul {margin:0 0 0 .8em;padding:0 0 0 .8em;list-style: disc url(/nav/bullet.gif)}
.book-navigation, li.statistics_counter, li.book_printer {margin:1.1em 0 .3em 0}
li.statistics_counter {text-align:right}
.thumbshot{width:160px;height:100px;float:right;border:#000 solid 1px;margin:0 0 .5rem 1rem}
#content ul.col_list li, .content ul.col_list li {margin:0 0 .6em 0;list-style:none !important; list-style-image:none !important}
#content ul.col_list {padding:0;margin:0}
div.cancelled {background-color:#fff;color:#999}
.vevent {padding:.25em 1em .25em .25em;margin:0 0 .8em 0;background:#e9e9eb}
body.page-taxonomy .views-row {margin-bottom:1em}
body.page-taxonomy #content .views-field-title {font-weight:bold;margin-top:1em}
body.page-taxonomy #content .views-field-type {color:#616;background-color:#fff;display:inline}
body.page-taxonomy #content .views-field-created {display:inline}
.description p {margin-top:0;font-size:85%}
.field-label-inline-first {font-weight:bold;display:inline}
.toc {font-size:85%;background-color:#eee;border:#999 solid 1px 0;margin:.5em 0;}
.toc-title {font-weight:bold;font-size:.8em;margin:.4em 0 0 1em}
div.toc-list ul li, li.toc-level-2 {list-style:none;list-style-image:none}
p:target,div:target  p{background-color:#ffd;padding:3px}
/* div.wikicontents {border:rgb(153, 153, 153) solid 1px;border-radius: 5px; padding:4px; float:right; width:200px;margin:0 0 0 10px}
div.wikicontents p {margin-bottom:0;margin-top:.8em}
div.wikicontents h2 {margin-top:0} */

.supporter_logo {display:inline-block;zoom: 1;*display:inline;height:59px;background-image:url(/nav/sponsor_sprites2.png); background-repeat:no-repeat;margin:0 6px 0 0}

.toc-back-to-top {font-size:85%; width:100%; text-align:right}
.toc-back-to-top a {text-align:right}

/* tables */
table {margin:0 0 .5em 0}
th {background-color:#eee;padding:.4em;border:#666 solid 1px;font-weight:bold}
td h4 {margin:0}
td {padding:.4em;border:#666 solid 1px}
.borderless th, .borderless td {border-width:0;}
.topictable th, .topictable td {border-width:0;width:50%;padding:0}
.topictable ul.col_list {padding:0 .5em 0 0 !important; margin:0 !important}
.nicetable td, .nicetable th {background-color:#eef; border:#666 dotted 1px 0 0 0 }
.nicetable2 th {background-color:#ddd; border:#000 solid 1px 0 }
.nicetable2 td {background-color:#fff; border-width: 0 0 1px 0 }


/* "top ten resources" block etc. */
.topten {padding:.25em .25em .25em .7em;margin:0;list-style:inside decimal}
.topten li {padding:0 0 .25em 0}
.topten li span {font-size:85%}

/* Appearance of generated list items (e.g. resources, book) */
.resource a, .resource .views-field-title {font-weight: bold;}
.resource .views-row{padding:0 0 0 .5em;border-left:#e0d8db solid .3em; margin-top:.8em }
.resource p {padding:0; margin:0}
.resource .author, .views-field-field-resource-creator-value {font-style:italic}
.lb {width:17rem;padding:0 0 .4em 0;float:left;line-height:1.3rem} /* links list */
.node-type-index-page .lb {width:24rem} /* more horizontal space on index pages */
.lb span {font-size:85%; white-space:nowrap} /* Count number after View-generated link */
div.views-field-taxonomy-vocabulary-5, div.views-field-created, div.views-field-field-year {font-size:85%}
.cols-2 {display:flex;justify-content:space-between;flex-wrap:wrap;}

/* Specific to Drupal, e.g. messages */

.preview {background-color: #fcfce8; border:#e5e58f solid 1px }

legend {display:block;font-weight:bold}
.item-list li {margin-bottom:.7em}
.form-item {margin-bottom:.5em}
.form-item label {display:block}
.form-type-checkbox input,.form-type-radio input{float:left}

#subjects {margin:0}

ul.links {list-style:none;list-style-image:none}
#comment .links li {list-style:none;list-style-image:none;display:inline}
#content-area ul.links, #content-area ul.links li {list-style:none;list-style-image:none;margin-left:0.1em}
table p,table ul,table ol {margin-bottom:.6em;margin-top:.6em}

.comment_edit:before,.comment_edit:after {content:' | '}
div.views-admin-links li {list-style:none;list-style-image:none;display:inline}

/* comment link */
.comment-add {padding:2px;background-color: #ffe; border:#ca8 solid 1px; margin:2em .8em .2em 0;list-style:none}
.comment-inner {border-top:#ddd solid 1px}
.submitted {font-size:85%}

.field-name-taxonomy-vocabulary-6 {margin-top:1em}
.field-type-taxonomy-term-reference .field-item {display:inline;padding-right:1em}
.field-type-taxonomy-term-reference .field-label{font-weight:bold}
.webform-component-fieldset {border:#ddd solid 1px;padding:.25em;margin:.5em 0}
.views-field-field-resource-creator{font-style:italic}

.view-profiles-index .view-content {-webkit-column-width: 10em;-moz-column-width: 10em;column-width: 10em;}
.pager li {display:inline;list-style-type: none;}ul.pager{margin-top:1.5em}

/* footer elements & css sprites */
#footer-homelink {float:left;width:30%}
#footer-copyright {width:100%}
#footer-copyright a {vertical-align:top}
#footer-sponsors {width:100%;margin-top:.5rem;clear:right} /* float:right;width:70%;text-align:right */
.bristol_logo{width:134px;background-position: 0 0;float:right}
.res_logo{width:64px;background-position:-250px 0}
.ses_logo{width:48px;background-position:-200px 0}
.lse_logo{width:154px;background-position:-600px 0} /* university of birmingham */
.uea_logo{width:80px;background-position:-400px 0}
.ucl_logo{width:105px;background-position:-480px 0}


.element-invisible{display:none}

#simple-toc h3 {margin-bottom:.3em}
#content-area li {margin-bottom:.7em}
#content-area li > ul {margin-top:.3em}
#content-area table li {margin-left:1em}
#content-area table ul {margin-left:0}


.siteicon {width:9rem;height:5.5rem;border:#999 solid 1px;margin:4px 2px;display:inline-block;padding:5px;vertical-align:top;border-radius:.25rem;font-size:90%;line-height:1.2em;}
.siteicon:hover {border:#333 solid 1px;background-color:#f8f8f8}
.siteicon span {display:block; width:84px; height:46px; background-image:url(/nav/project_sprites.png);background-repeat:no-repeat;}
/**
 * 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.
 */

input[type="search"] {
  -webkit-appearance: textfield;
}

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

/**
 * 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: transparent;
}
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */

.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

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