/* Colour Palette for content block backgrounds

CYAN #00aeef TINTS: 

90% - #19b6f1
80% - #33bef2
70% - #4cc6f4
60% - #66cef5
50% - #7fd6f7
40% - #99dff9
30% - #b2e7fa
20% - #cceffc
10% - #e5f7fd

*/

.cyan-40 {background-color: #99dff9;}
.cyan-30 {background-color: #b2e7fa;}
.cyan-20 {background-color: #cceffc;}
.cyan-10 {background-color: #e5f7fd;}
.teal-bg {background: #0096aa; margin-top: -1em;}
.lt-aqua-bg {background: #73c6d1;}
.xlt-aqua-bg {background: #cfe7ec;}


/* Styles that override core elements */
h1 {margin-bottom: .5em; padding: 0;}
.summary {padding: 0; background: transparent; border: none;}



.footer {background-image: none;}

.signature-summary {color: #fff; font-size: 1.25em;}
.signature-summary .site-title {color: #fff; font-size: 1.75em;}
.subpage .signature-summary {font-size: 1em;}
.signature-summary p {}
.signature-page-summary {font-size: 1.35em; margin-bottom: 1.5em;}

.navigation {
	background: #73c6d1;
}
.navigation::before, .navigation::after {background: transparent;}
.navigation {background: #73c6d1;}
.navigation .menu li a {background: #73c6d1;}
.navigation .menu li a:active span, .navigation .menu li a.active-trail span, .navigation .menu li a.active-trail.first:active span {color: #00223c;}
.navigation .menu li a:active:after, .navigation .menu li a.active-trail:after, .navigation .menu li a.active-trail.first:active:after {background: #cfe7ec;}
@media only screen and (max-width: 768px) {
	
}

main .LanguageLinks {display: none;}
.LanguageLinks {position: absolute; top: 0px; right: 10px; font-size: .9em;}
.LanguageLinks ul {margin: 0; padding: 0; text-align: right; border: 1px #ccc solid;}
.LanguageLinks li {list-style: none; display: inline-block;}
.LanguageLinks li.currentLang {display: none;}
.language-switcher-locale-session li a::before {background: #fff;}
.language-switcher-locale-session li a {background: transparent;color: #000; z-index: 1; margin-top: 0; padding-top: 0}

@media only screen and (max-width: 768px) {

	.signature-summary {margin-left: 12px;}
	.language-switcher-locale-session li a { padding: 0 1.5em .25em 1.5em; position: relative; margin-top: .01em;}
	.language-switcher-locale-session li a::before {
		content: '';
		background: #fff;
		position: absolute;
		z-index: -1;
		right: 0;
		width: 100%;
		height: 100%;
		-webkit-transform: skewX(-30deg);
		-ms-transform: skewX(-30deg);
		-o-transform: skewX(-30deg);
		transform: skewX(-30deg);
		}
	}

/* Signature campaign breadcrumbs */
.signature-breadcrumbs ol {list-style: none; margin: 0; padding: 0; font-size: .85em;}
.signature-breadcrumbs ol li {display: inline-block; margin: 0; padding: 0;}
.signature-breadcrumbs ol li + li::before {text-decoration: none; color: #555; content: " » ";}


/* Gives content blocks some top and bottom padding */
.content-block {padding: 1em 0; margin: 0;}

/* Use when a color block is in the last position, this overrides the 2em padding in the main element to pull the footer up flush to the block */
.last-block {padding-bottom: 2em; margin-bottom: -2em;}


.invisible-ul {list-style: none; margin-left: 0; padding: 0}
.invisible-ul li {margin: 0 0 .8em 0; padding: 0; line-height: 1.2em;}
.invisible-ul a:focus {outline: none;}

.tag-online {
	background: #66cef5;
	padding: 0.07em .5em;
	color: #222;
	border-radius: 6px;
	text-transform: lowercase;
	font-size: 0.75em;
	margin-left: .5em;
}


/* Bottom margin for feature stories */
.feature-block {margin-bottom: 3em;}

@media only screen and (max-width: 768px) {
	.hidden-xs {display: none;}
}

@media only screen and (min-width: 768px) {
	.hidden-sm {display: none;}
}