@charset "UTF-8";
/* SASS Libraries
========================================================================== */
/* Global SASS libraries/helpers from Compass's built in mixins to aid compatibility and progressive enhancement methods. */
/* 1200px */
/* 992px */
/* 768px */
/* 480px */
/*------------------------------------*\ $MIXINS
\*------------------------------------*/
/** Calculate rems. $target = pixel size. $context = base pixel size */
/** Output vendor properties */
/* See http://mrdanadams.com/2012/pixel-ems-css-conversion-sass-mixin/ */
/* Default font size in pixels if not overridden. */
/* Convert PX units to EMs.
Ex: margin-right: pem(16);
*/
/* Used to convert PX to EMs for multiple properties or values or both.
$base is an optional measurement that allows making measurements relative to the parent font size rather than the current. Also accepts a list of lists (instead a list of values) for properties that accept multiple lists of values. Only numbers of converted; everything else is passed through.

Examples:

@include scale(line-height, 30)
@include scale(line-height, 30, 16)
@include scale(width height, 125);
@include scale(padding, 0 25, 16);
@include scale(text-shadow, (#0d6e28 1 1) (#777 0 0 2), 16);
@include scale(box-shadow, (inset 0 0 0 1 #2a9022) (inset 0 0 3 #459966), 16);
*/
/* Finds the closest dimension value that is on-grid, used to keep an element roughly the same size if the baseline grid changes and its size is dependent on the grid
 @param {px} $input - pixel size we want to round to the nearest baseline grid interval @param {px} $line-height - base line height
 @returns {px} length
*/
/* Mixins for media queries at phone, tablet, desktop, and HD sizes
 Usage example:
 h1 { font-size: 24px;
 @include media-tablet { font-size: 36px; }
 @include media-desktop { font-size: 48px; } }
*/
/*------------------------------------*\ $RESET
\*------------------------------------*/
/** As per: csswizardry.com/2011/10/reset-restarted */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-font-smoothing: antialiased; }

/** The usual... */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, table, th, td, caption, hr { margin: 0; padding: 0; }

/** Give a help cursor to elements that give extra info on `:hover`. */
abbr[title], dfn[title] { cursor: help; }

abbr[title] { text-decoration: none; border: none; }

/** Remove underlines from potentially troublesome elements. */
a, u, ins { text-decoration: none; }

/** Apply faux underline via `border-bottom`. */
ins { border-bottom: 1px solid; }

/** So that `alt` text is visually offset if images don’t load. */
img { font-style: italic; }

/** Remove borders from fieldset */
fieldset { border: none; }

/** Give form elements some cursor interactions... */
label, input:button, textarea, button, select, option { cursor: pointer; }

.text-input:active, .text-input:focus, textarea:active, textarea:focus { cursor: text; outline: none; }

.text-muted { color: #2B2B2B; }

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/* Correct `block` display not defined in IE 8/9. */
article, #article-list li, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/* Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/* Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/* Address styling not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/* 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/* Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/* Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/* Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

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

/* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/* Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/* Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/* Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/* Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

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

/* Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/* 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. */
img { border: 0; }

/* Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/* Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/* 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. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/* 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/* Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/* 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 Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
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"], 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; }

/* 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/* 1. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 1 */ box-sizing: content-box; }

/* Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/* Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; border: 1px solid black; padding-left: 1px; padding-right: 1px; }

th, td { border: 1px solid #000000; padding-left: 2px; padding-right: 2px; }

/* font sizes taken from mygov web site, 5 jan 15 */
/* base (mobile) */
body { background: #fff; color: #333333; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 21px; }

a { color: #226eaa; }
a:hover { color: #002754; }

h1, h2, h3, h4 { font-weight: bold; margin: 0; padding: 0; }

h1 { font-size: 28px; line-height: 35px; margin: 12px 0 37px; }

h2 { font-size: 21px; line-height: 28px; margin: -2px 0 16px; }

h3 { font-size: 16px; line-height: 28px; margin-bottom: 7px; margin-top: 35px; }

h4 { font-size: 15px; margin: 35px 0 7px; }

p { margin: -3px 0 24px; }

ol, ul { margin: -3px 0 24px 21px; }

#header { background: #f4f4f4; font-size: 21px; font-weight: 300; height: 49px; margin-bottom: 28px; }
#header #logo { float: left; }
#header #logo .mygovscot-logo { background: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/mygov_logos/mygovscot_130px.png) no-repeat 0 0 transparent; border-right: 1px solid #000000; display: inline-block; height: 26px; margin: 13px 0; padding-right: 0.3em; text-indent: -999em; width: 140px; }

#site-nav { font-size: 21px; }
#site-nav #site-nav-toggler { background: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/menu.png) #002754 no-repeat 0 0; border: 0; content: ''; height: 49px; position: absolute; right: 0; top: 0; width: 56px; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out; -ms-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; }
#site-nav #site-nav-toggler:hover { background-color: #226eaa; }
#site-nav ul { background: #002754; height: 0; line-height: 42px; left: 0; list-style-type: none; margin: 0; overflow: hidden; padding: 0 0 0 1em; position: absolute; right: 0; top: 49px; z-index: 100; -webkit-transition: height 0.1s ease-in-out, padding 0.1s ease-in-out; -moz-transition: height 0.1s ease-in-out, padding 0.1s ease-in-out; -ms-transition: height 0.1s ease-in-out, padding 0.1s ease-in-out; -o-transition: height 0.1s ease-in-out, padding 0.1s ease-in-out; transition: height 0.1s ease-in-out, padding 0.1s ease-in-out; }
#site-nav ul li { position: relative; }
#site-nav ul li a { border-top: 1px solid rgba(255, 255, 255, 0.15); color: white; display: block; line-height: 56px; }
#site-nav ul li a span.glyphicon { background: #002754; border-left: 1em solid #002754; box-sizing: unset; height: 56px; line-height: 52px; position: absolute; right: 0; text-align: center; top: 0; width: 56px; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out; -ms-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; }
#site-nav ul li a:hover { text-decoration: none; }
#site-nav ul li a:hover span.glyphicon { background: #226eaa; }
#site-nav.active ul { height: 238px; padding: 35px 0 35px 1em; }

.jumbo { font-weight: 300; line-height: 21px; margin: -14px 0 39px; }
.jumbo h1 { font-weight: 300; line-height: 35px; margin-bottom: 14px; }
.jumbo p { margin: -2px 0 2px; }

ol.breadcrumb { background: transparent; font-size: 14px; margin: -3px 0 31px 0; padding: 0; }
ol.breadcrumb > li + li:before { color: #cccccc; }

ol.nav { counter-reset: li; font-size: 19px; line-height: 28px; margin: 0 0 42px 0; }
ol.nav li { margin-bottom: 14px; }
ol.nav li a { color: #002754; padding: 0 0 0 42px; position: relative; }
ol.nav li a:hover { background: transparent; }
ol.nav li a:active:before { background: #002754; }
ol.nav li a:before { background: #333333; border-radius: 50px; color: #ffffff; content: counter(li); counter-increment: li; height: 28px; left: 0; line-height: 28px; position: absolute; text-align: center; width: 28px; }
ol.nav li a:hover:before { background: #002754; }
ol.nav li:last-child { margin-bottom: 28px; }
ol.nav:after { background: #333333; content: ''; height: 7px; width: 67%; }

.standard ol.nav li a:before { background: #226eaa; }
.standard ol.nav:after { background: #226eaa; }

.guidelines ol.nav li a:before { background: #a9b259; }
.guidelines ol.nav:after { background: #a9b259; }

#in-page-nav { list-style-type: none; margin: 0 0 59px; padding-top: 25px; }
#in-page-nav:before { background: #333333; content: ''; display: block; height: 7px; position: absolute; top: 0; width: 33%; }
#in-page-nav li { padding: 14px 0 7px; position: relative; }
#in-page-nav li:after { background: #333333; bottom: -3px; content: ''; display: block; height: 1px; position: absolute; }
#in-page-nav li a { color: #333333; display: block; margin-right: 10%; position: relative; }
#in-page-nav li a .glyphicon { color: #ebebeb; position: absolute; right: 0; top: 3px; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -ms-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; }
#in-page-nav li a:hover { text-decoration: none; }
#in-page-nav li a:hover .glyphicon { color: #333333; }

.guidelines #in-page-nav:before { background-color: #a9b259; }
.guidelines #in-page-nav li:after { background-color: #a9b259; }

.standard #in-page-nav:before { background-color: #226eaa; }
.standard #in-page-nav li:after { background-color: #226eaa; }

.summary-block { color: #333333; font-weight: 300; }
.summary-block.fancy { background: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/grid_repeat.png) repeat 0 1px #fcfcfc; margin-bottom: 14px; }
.summary-block .summary-title { border: 0; line-height: 28px; margin: 0 0 28px; padding-top: 7px; }
.summary-block a.button { color: #fff; display: table; line-height: 56px; margin: 0 56px 21px 0; width: 100%; }
.summary-block a.button:hover { text-decoration: none; }
.summary-block a.button:hover .glyphicon { background: #226eaa; }
.summary-block a.button span { display: table-cell; text-align: center; vertical-align: top; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out; -ms-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; }
.summary-block a.button span.button-text { background: #226eaa; }
.summary-block a.button span.glyphicon { background: rgba(0, 0, 0, 0.1); height: 56px; line-height: 56px; top: 0; width: 56px; }
.summary-block.guidelines .summary-title { border-color: #a9b259; }
.summary-block.guidelines a.button span.button-text { background: #a9b259; }
.summary-block.guidelines a.button:hover .glyphicon { background: #a9b259; }
.summary-block.article-header { margin-bottom: 42px; }
.summary-block.article-header .summary-title { border-top: 7px solid #333333; display: inline-block; }
.summary-block p:last-child { margin-bottom: 38px; }

.standard .summary-block .inner, .guidelines .summary-block .inner { background: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/standard_icon_small.png) no-repeat center 28px; padding-top: 238px; }
.standard.home .summary-block .inner, .guidelines.home .summary-block .inner { background: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/standard_icon_small.png) no-repeat 0 0; padding-left: 160px; margin-left: -10px; }
.standard.home .summary-block.guidelines .inner, .guidelines.home .summary-block.guidelines .inner { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/guidelines_icon_small.png); }

.home .summary-block .summary-title { border-bottom: 7px solid #333333; display: inline-block; margin-bottom: 17px; padding-top: 11px; }
.home .summary-block .inner { background: url() no-repeat -25px 0; background-size: 170px; padding-left: 135px; margin-left: -10px; }
.home .summary-block.standard { color: #002754; }
.home .summary-block.standard .summary-title { border-color: #226eaa; }
.home .summary-block.standard .inner { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/standard_icon_small.png); }
.home .summary-block.guidelines .summary-title { border-color: #a9b259; }
.home .summary-block.guidelines .inner { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/guidelines_icon_small.png); }
.home .summary-block p { font-size: 15px; }

.guidelines .summary-block .inner { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/guidelines_icon_small.png); }

.standard .summary-block { color: #002754; }
.standard .summary-block.article-header .summary-title { border-color: #226eaa; }

.guidelines .summary-block.article-header .summary-title { border-color: #a9b259; }

#article-list { margin-left: 0; margin-top: 0; }
#article-list article, #article-list li { color: #333333; font-weight: 300; margin-bottom: 42px; }
#article-list article h2, #article-list li h2 { margin: 0 0 14px; }
#article-list article p, #article-list li p { margin: 0 0 21px; position: relative; top: 3px; }
#article-list article a.fancy-link, #article-list li a.fancy-link, #article-list article a.button, #article-list li a.button { display: block; line-height: 41px; position: relative; }
#article-list article a.fancy-link .link-text, #article-list li a.fancy-link .link-text, #article-list article a.button .link-text, #article-list li a.button .link-text { border-bottom: 1px solid #ebebeb; color: #333333; display: block; -webkit-transition: border-color 0.1s ease-in-out; -moz-transition: border-color 0.1s ease-in-out; -ms-transition: border-color 0.1s ease-in-out; -o-transition: border-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out; }
#article-list article a.fancy-link .glyphicon, #article-list li a.fancy-link .glyphicon, #article-list article a.button .glyphicon, #article-list li a.button .glyphicon { background: #ebebeb; border-left: 4px solid white; bottom: 0; color: white; min-height: 42px; line-height: 42px; position: absolute; right: 0; text-align: center; top: auto; width: 42px; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out; -ms-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; }
#article-list article a.fancy-link:hover, #article-list li a.fancy-link:hover, #article-list article a.button:hover, #article-list li a.button:hover { text-decoration: none; }
#article-list article a.fancy-link:hover .link-text, #article-list li a.fancy-link:hover .link-text, #article-list article a.button:hover .link-text, #article-list li a.button:hover .link-text { border-color: #333333; }
#article-list article a.fancy-link:hover .glyphicon, #article-list li a.fancy-link:hover .glyphicon, #article-list article a.button:hover .glyphicon, #article-list li a.button:hover .glyphicon { background-color: #333333; }
#article-list article a.button, #article-list li a.button { font-weight: 400; }
#article-list article a.button .link-text, #article-list li a.button .link-text { border-top: 1px solid #ebebeb; line-height: 40px; padding-left: 20px; }
#article-list article a.button .glyphicon, #article-list li a.button .glyphicon { top: 0; }
#article-list li { font-weight: 700; margin-bottom: 7px; }
#article-list li .link-text { padding-left: 10px; }

.guidelines #article-list article a.fancy-link .link-text, .guidelines #article-list li a.fancy-link .link-text, .guidelines #article-list article a.button .link-text, .guidelines #article-list li a.button .link-text, .guidelines #article-list li a.fancy-link .link-text, .guidelines #article-list li a.button .link-text { border-color: #a9b259; }
.guidelines #article-list article a.fancy-link .glyphicon, .guidelines #article-list li a.fancy-link .glyphicon, .guidelines #article-list article a.button .glyphicon, .guidelines #article-list li a.button .glyphicon, .guidelines #article-list li a.fancy-link .glyphicon, .guidelines #article-list li a.button .glyphicon { background-color: #a9b259; }
.guidelines #article-list article a.fancy-link:hover .link-text, .guidelines #article-list li a.fancy-link:hover .link-text, .guidelines #article-list article a.button:hover .link-text, .guidelines #article-list li a.button:hover .link-text, .guidelines #article-list li a.fancy-link:hover .link-text, .guidelines #article-list li a.button:hover .link-text { border-color: #000000; }
.guidelines #article-list article a.fancy-link:hover .glyphicon, .guidelines #article-list li a.fancy-link:hover .glyphicon, .guidelines #article-list article a.button:hover .glyphicon, .guidelines #article-list li a.button:hover .glyphicon, .guidelines #article-list li a.fancy-link:hover .glyphicon, .guidelines #article-list li a.button:hover .glyphicon { background: #000000; }

.standard #article-list article, .standard #article-list li { color: #002754; }

#additional { margin-bottom: 28px; }
#additional article, #additional #article-list li, #article-list #additional li { border-top: 1px solid #ebebeb; padding-top: 20px; }
#additional h2 { line-height: 35px; margin: 1px 0 6px; }

.article h2 { border-top: 7px solid #226eaa; display: inline-block; margin-top: 33px; padding-top: 12px; }
.article h2:first-child { margin-top: -2px; }
.article .introduction { font-size: 1.4em; font-weight: 300; line-height: 28px; }

.standard.article h2 { border-color: #226eaa; }

.guidelines.article h2 { border-color: #a9b259; }

figure.example { margin-top: 28px; margin-bottom: 77px; }
figure.example:before { content: "EXAMPLE"; background-color: white; color: #666; padding: 4px 10px; border: 1px solid #ddd; border-bottom: none; margin-bottom: -1px; display: inline-block; z-index: 40; position: relative; font-size: 16px; padding: 5px 15px; }
figure.example iframe, figure.example img { border: 1px solid #ddd; }
figure.example iframe { width: 100%; overflow: hidden; }
figure.example img { display: none; }
figure.example figcaption { color: #727272; font-size: 17px; text-align: left; }

pre { margin-bottom: 24px; padding: 10px; }

footer { background: #fcfcfc; border-top: 2px solid #ebebeb; font-size: 12px; line-height: 14px; padding: 21px 0 35px; }
footer a { text-decoration: underline; }
footer h3 { font-size: 12px; line-height: 21px; margin: -4px 0 8px; }
footer .footer-links { list-style: none; margin-left: 0; }
footer .footer-links li { margin-bottom: 7px; }
footer .footer-links li a { background: transparent url() no-repeat 0 center; color: #000000; padding-left: 30px; }
footer .footer-links li a.email { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/footer_icons/envelope_mobile_standard_14.png); }
footer .footer-links li a.blog { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/footer_icons/speech_mobile_standard_14.png); }
footer .footer-links li a.twitter { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/footer_icons/twit_mobile_standard_14.png); }
footer .footer-links li a.github { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/footer_icons/code_mobile_standard_14.png); }
footer .scotgov-logo { background: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/scotgov_logos/SG_Logo_Mob.png) no-repeat 0 0 transparent; display: block; height: 35px; text-indent: -999em; width: 135px; }

.lead, .has-leaders h2 + p { font-size: 32px; font-weight: 300; line-height: 42px; }

@media only screen and (min-width: 768px) { body { font-size: 21px; line-height: 28px; }
  h1 { font-size: 49px; line-height: 56px; }
  h2 { font-size: 26px; }
  h3 { font-size: 22px; margin-top: 42px; }
  h4 { font-size: 18px; }
  #site-nav #site-nav-toggler { display: none; }
  #site-nav ul { background: transparent; float: right; font-size: 14px; font-weight: 700; height: auto; position: static; }
  #site-nav ul li { display: inline-block; margin-left: 30px; }
  #site-nav ul li a { color: #002754; display: inline; line-height: 49px; }
  #site-nav ul li a span.glyphicon { display: none; }
  #site-nav ul li a.current { color: #226eaa; }
  #site-nav ul li a:before { background-color: transparent; height: 7px; width: 100%; position: absolute; top: 0; content: ''; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out; -ms-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; }
  #site-nav ul li a:hover:before { background-color: #002754; }
  ol.breadcrumb { font-size: 19px; }
  .jumbo { margin-bottom: 31px; line-height: 28px; padding-top: 14px; }
  .jumbo h1 { line-height: 56px; margin: 1px 0 20px; }
  .jumbo p { margin: -3px 0 24px; }
  .summary-block { margin-bottom: 42px; }
  .summary-block.fancy { padding-top: 42px; margin-bottom: 35px; }
  .summary-block h1.summary-title { line-height: 56px; }
  .summary-block a.button { line-height: 63px; width: 400px; }
  .summary-block a.button span.glyphicon { display: inline-block; height: 63px; left: 4px; line-height: 63px; position: relative; width: 63px; }
  .standard .summary-block .inner, .guidelines .summary-block .inner { background-position: -42px 0; min-height: 210px; padding: 0 0 0 33%; }
  .home .summary-block .inner { background-position: -74px 0; background-size: auto; min-height: 406px; padding-left: 310px; }
  .home .summary-block.standard .inner { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/standard_icon_medium.png); }
  .home .summary-block.guidelines .inner { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/guidelines_icon_medium.png); }
  .home .summary-block p { font-size: inherit; }
  .article .introduction { line-height: 35px; }
  #article-list .article h2 { padding-top: 7px; }
  footer { font-size: 18px; line-height: 28px; padding-top: 42px; }
  footer h3 { font-size: 22px; margin: -1px 0 23px; }
  footer .footer-links { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
  footer .footer-links li a { padding-left: 45px; }
  footer .footer-links li a.email { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/footer_icons/envelope_desktop_standard_28.png); }
  footer .footer-links li a.blog { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/footer_icons/speech_desktop_standard_28.png); }
  footer .footer-links li a.twitter { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/footer_icons/twit_desktop_standard_28.png); }
  footer .footer-links li a.github { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/footer_icons/code_desktop_standard_28.png); }
  footer .scotgov-logo { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/scotgov_logos/SG_Logo_Desktop.png); height: 43px; width: 165px; } }
@media only screen and (min-width: 992px) { body { font-size: 19px; line-height: 28px; }
  h1 { font-size: 49px; line-height: 56px; }
  h2 { font-size: 26px; }
  h3 { font-size: 22px; }
  h4 { font-size: 18px; }
  ol.breadcrumb { font-size: 18px; }
  #header { font-size: 1.5em; font-weight: 300; height: 77px; }
  #header #logo .mygovscot-logo { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/mygov_logos/mygovscot_195px.png); height: 42px; margin: 17px 0; width: 205px; }
  #site-nav ul { font-size: 19px; }
  #site-nav ul li a { line-height: 77px; }
  .standard .summary-block .inner, .guidelines .summary-block .inner { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/standard_icon_medium.png); background-position: -84px 0; min-height: 392px; }
  .guidelines .summary-block .inner { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/guidelines_icon_medium.png); } }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #header .mygovscot-logo { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/mygov_logos/mygovscot_130px_@2x.png); background-size: 110px; }
  footer .footer-links li a { background-size: 14px; }
  footer .footer-links li a.email { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/footer_icons/envelope_desktop_standard_28.png); }
  footer .footer-links li a.blog { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/footer_icons/speech_desktop_standard_28.png); }
  footer .footer-links li a.twitter { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/footer_icons/twit_desktop_standard_28.png); }
  footer .footer-links li a.github { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/footer_icons/code_desktop_standard_28.png); }
  footer .scotgov-logo { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/scotgov_logos/SG_Logo_Mob_@2x.png); background-size: 135px 35px; }
  .home .summary-block.guidelines .inner, .guidelines .summary-block .inner { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/guidelines_icon_medium.png); }
  .home .summary-block.standard .inner, .standard .summary-block .inner { background-image: url(/public/20170711022411oe_/https://resources.mygov.scot/assets/images/standard_icon_medium.png); }
  .guidelines .summary-block .inner, .standard .summary-block .inner { background-size: 203px; } }
/* colour palette section styles */
.palette-sample-container { margin-top: 56px; margin-bottom: 56px; }

.palette-sample { display: inline-block; margin-right: -4px; width: calc(50vw - 15px); height: calc(50vw - 15px); padding-top: calc((50vw - 113px) / 2); color: white; font-size: 12px; line-height: 21px; font-weight: 500; text-align: center; vertical-align: top; }
.palette-sample span { line-height: 21px; }
.palette-sample a { color: inherit; }
.palette-sample a:hover { text-decoration: none; }
.palette-sample a:active { opacity: 0.6; }
.palette-sample a p:active { opacity: 0.6; }
.palette-sample .colour-name { font-size: 32px; line-height: 42px; font-weight: 100; margin: 7px 0; }
.palette-sample.spacer-tablet { width: 0; height: 0; }
.palette-sample:hover { outline-style: solid; outline-width: 7px; position: relative; }

.palette-sample.spacer:hover, .palette-sample.spacer-tablet:hover { outline: none; }

.palette-list { display: inline-block; width: calc(100% - 60px); margin-bottom: 28px; }
.palette-list strong { margin-bottom: 7px; display: inline-block; }
.palette-list ul { margin-top: 7px; margin-bottom: 0px; }
.palette-list li { margin-bottom: 7px; }
.palette-list__colour-block { width: 35px; height: 35px; margin-right: 10px; margin-top: 4px; display: inline-block; vertical-align: top; }

.rgb { display: none; }

/* mobile landscape size and up */
@media only screen and (min-width: 480px) { .palette-sample { width: 225px; height: 225px; padding-top: 63.5px; } }
@media only screen and (min-width: 700px) { .palette-sample.spacer-tablet { width: 225px; } }
/* tablet size and up */
@media only screen and (min-width: 768px) { .palette-sample, .palette-sample.spacer-tablet { width: 240px; height: 240px; margin-right: -5px; padding-top: 61px; font-size: 14px; }
  .palette-sample .colour-name, .palette-sample.spacer-tablet .colour-name { font-size: 45px; line-height: 56px; margin: 14px 0; }
  .palette-list { width: calc(100% - 80px); }
  .palette-list__colour-block { width: 49px; height: 49px; margin-right: 15px; margin-top: 5px; } }
/* desktop size and up */
@media only screen and (min-width: 992px) { .palette-sample, .palette-sample.spacer-tablet { width: 205.5px; height: 205.5px; padding-top: 41.75px; } }
/* HD desktop size and up */
@media only screen and (min-width: 1200px) { .palette-sample, .palette-sample.spacer-tablet { width: 250px; height: 250px; margin-right: -5px; padding-top: 64.5px; }
  .rgb { display: inline; } }
/* Classes for colour swatches */
.primary-blue { background-color: #0065bd; outline-color: #0065bd; }

.dark-blue { background-color: #00437e; outline-color: #00437e; }

.darker-blue { background-color: #002d54; outline-color: #002d54; }

.light-blue { background-color: #d9effc; outline-color: #d9effc; }

.lighter-blue { background-color: #e5f0f8; outline-color: #e5f0f8; }

.dark-grey { background-color: #333; outline-color: #333; }

.base-grey { background-color: #727272; outline-color: #727272; }

.mid-grey { background-color: #b3b3b3; outline-color: #b3b3b3; }

.pale-grey { background-color: #e3e3e3; outline-color: #e3e3e3; }

.light-grey { background-color: #ebebeb; outline-color: #ebebeb; }

.lighter-grey { background-color: #f8f8f8; outline-color: #f8f8f8; }

.error-red { background-color: #d32205; outline-color: #d32205; }

.error-red-tint { background-color: #f4e2df; outline-color: #f4e2df; }

.validation-green { background-color: #4e9d52; outline-color: #4e9d52; }

.validation-green-tint { background-color: #edf5ee; outline-color: #edf5ee; }

.notification-yellow { background-color: #ffb644; outline-color: #ffb644; }

.notification-yellow-tint { background-color: #fff8ec; outline-color: #fff8ec; }

.light-blue, .lighter-blue, .mid-grey, .pale-grey, .light-grey, .lighter-grey, .error-red-tint, .validation-green-tint, .notification-yellow, .notification-yellow-tint { color: #333; }