@-ms-viewport
{
width:device-width; /* This is an IE specific view port fix to make a browser display at the device resolution rather than using the browsers modified version */
}

@-o-viewport
{
width:device-width; /* This is an Opera specific view port fix to make a browser display at the device resolution rather than using the browsers modified version */
}

#global-header .header-wrapper:after, #global-header .header-wrapper .header-global:after, #global-header .header-wrapper .header-global .header-logo:after, #global-header .header-proposition #proposition-link:after, #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after
{
content:""; /* This creates a one pixel piece of content to make the clear-fix work */
display:block; /* This makes sure that the :after is treated correctly as a block element */
clear:both; /* This clears the content, stopping floats from falling short */

/* This is a clear-fix solution designed to avoid additional markup for clearing after float areas are defined. */
}

#global-cookie-message p, #footer .footer-wrapper
{
max-width:960px; /* Sets up a max-width across the three core elements */
margin:0 15px;
}

html, body, div, h1, h2, h3, h4, h5, h6, article, aside, footer, header, hgroup, nav, section /* Some base formating for standard elements */
{
margin:0;
padding:0;
vertical-align:baseline;
}

main /* Ensures that main is treated as a block level element */
{
display:block;
}

.group:before, .group:after /* This is the pagination block at the base of the page. This specific part creates space around the beginning of the block and after it. */
{
content:"\0020"; /* This is the unicode for a space */
display:block;
height:0;
overflow:hidden;
}

.group:after
{
clear:both; /* Clear-fix to ensure the float boxes fill out correctly */
}

.group
{
zoom:1; /* Used as an IE7 fix primarily */
}

.content-fixed /* Not sure where this is used yet, perhaps tied to cookie's message. */
{
top:0;
position:fixed;
}

.shim /* Shim is often associated with javascript. Likely tied to compatibility of the webpage with out of date browsers. */
{
display:block;
}

html
{
-webkit-text-size-adjust:100%; /* Associated with mobile devices and whether text maintains its original size, or is modified by the defaults of a mobile browser. */
-ms-text-size-adjust:100%; /* Associated with mobile devices and whether text maintains its original size, or is modified by the defaults of a mobile browser. */
background-color:#dee0e2; /* Background colour to the website */
}

html
{
-ms-overflow-style:scrollbar; /* Specific rule for IE and Edge. MDN recommends not using it as implementation is random at best */
}

body
{
background:white; /* Background colour for the main body of the page */
color:#333; /* Slightly off black for the text colour */
line-height:1.5;
font-weight:400;
-webkit-font-smoothing:antialiased; /* A font trick that makes the text look lighter on dark backgrounds */
-moz-osx-font-smoothing:grayscale; /* A font trick that makes the text look lighter on dark backgrounds */
}

fieldset /* Field set block basic details */
{
border:none;
padding:0;
}

a:link
{
color:#087396;
}
/*
a:visited
{
color:#008cb8;
}
*/
a:hover
{
color:#0c5a73;
}
/*
a:active
{
color:#00b3eb;
}
*/
a[rel="external"]:after
{
background-image:url();
background-repeat:no-repeat;
}

a[rel="external"]:after
{
content:"\A0\A0\A0\A0\A0";
background-position:right 3px;
}

a[rel="external"]:hover:after
{
background-position:right -385px;
}

.external-link:after
{
content:"\A0\A0\A0\A0\A0\A0\A0\A0";
background-position:right 0px;
}

.external-link:hover:after
{
background-position:right 0px;inner
}

.external-link:after
{
background-image:url();
background-repeat:no-repeat;
}

html
{
font-size:100%;
overflow-y:scroll;
-webkit-tap-highlight-color:transparent;
}

body
{
margin:0;
}

img
{
border:0;
}

abbr[title]
{
cursor:help;
}

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

input[type="search"]::-webkit-search-cancel-button
{
-webkit-appearance:searchfield-cancel-button;
margin-right:2px;
}

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

.ir
{
display:block;
text-indent:-999em;
overflow:hidden;
background-repeat:no-repeat;
text-align:left;
direction:ltr;
}

.ir br
{
display:none;
}

.hidden, .js-enabled .js-hidden
{
display:none;
visibility:hidden;
}

.visually-hidden, .visuallyhidden
{
position:absolute;
left:-9999em;
}

.visually-hidden.focusable:active, .visually-hidden.focusable:focus, .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus
{
clip:auto;
height:auto;
margin:0;
overflow:visible;
position:static;
width:auto;
}

.invisible
{
visibility:hidden;
}

a
{
-webkit-tap-highlight-color:rgba(0,0,0,0.3);
}

a:focus
{
background-color:#00b3eb;
outline:3px solid #00b3eb;
color:#fff;
}

input:focus, textarea:focus, select:focus, button:focus, #global-header input:focus
{
outline:3px solid #aaa;
}

#global-header a:focus
{
color:#0b0c0c;
}

#global-header
{
background-color:#fff;
width:100%;
}

#global-header .header-wrapper
{
max-width:990px;
margin:0 auto;
padding-top:8px;
padding-bottom:8px;
color:#404040;
}

/* Finder */

#global-header .background-grey
{
background-color:#404040;
}

#global-header .background-grey .header-wrapper, #global-header .background-grey .header-wrapper a
{
color:#fff;
}

#global-header .background-grey .header-wrapper h1, #global-header .background-grey .header-wrapper nav
{
margin:0 15px;
}

#global-header .background-grey.thinline
{
border-bottom:1px solid #595959;
}

#global-header .header-wrapper .header-global .header-logo
{
float:left;
}

#global-header .header-wrapper .header-global .header-logo .content
{
margin:0 15px;
}

#global-header .header-wrapper .header-global .header-logo
{
margin:5px 0 2px;
}

#global-header.with-proposition .header-wrapper .header-proposition .content
{
margin:0 15px;
}

#global-header #logo
{
float:left;
position:relative;
top:-1px;
overflow:visible;
vertical-align:baseline;
line-height:1em;
text-decoration:none;
text-rendering:optimizeLegibility;
margin-bottom:-3px;
padding-top:2px;
border-bottom:1px solid transparent;
background:url(../images/template/uoy-stacked-logo.png) no-repeat;
background-size:200px;
background-position:0 0;
}

#global-header #logo img
{
position:relative;
top:-2px;
padding-right:6px;
float:left;
display:inline;
line-height:inherit;
border:none;
visibility:hidden;
height: 100px;
}

#global-header #logo:hover, #global-header #logo:focus
{
text-decoration:none;
border-bottom-color:white;
}

#global-header .header-proposition
{
padding-top:10px;
}

#global-header .header-proposition #proposition-name
{
font-size:24px;
line-height:1.25;
font-weight:400;
text-transform:none;
color:white;
text-decoration:none;
}

#global-header .header-proposition a#proposition-name:hover
{
text-decoration:underline;
}

#global-header .header-proposition a.menu
{
font-size:16px;
line-height:1.25;
font-weight:400;
text-transform:none;
color:white;
display:block;
float:right;
text-decoration:none;
padding-top:6px;
}

#global-header .header-proposition a.menu:hover
{
text-decoration:underline;
}

#global-header .header-proposition a.menu:after
{
display:inline-block;
font-size:8px;
height:8px;
padding-left:5px;
vertical-align:middle;
content:" \25BC"; /* Unicode for triangle down icon */
}

#global-header .header-proposition a.menu.js-hidden:after
{
content:" \25B2"; /* Unicode for triangle up icon */
}

#global-header .header-proposition #proposition-menu
{
margin-top:5px;
}

#global-header .header-proposition #proposition-link, #global-header .header-proposition #proposition-links
{
clear:both;
margin:2px 0 0 0;
padding:0;
}

.js-enabled #global-header .header-proposition #proposition-link, .js-enabled #global-header .header-proposition #proposition-links
{
display:none;
}

.js-enabled #global-header .header-proposition #proposition-link.js-visible, .js-enabled #global-header .header-proposition #proposition-links.js-visible
{
display:block;
}

#global-header .header-proposition #proposition-link a, #global-header .header-proposition #proposition-links a
{
color:white;
text-decoration:none;
font-size:14px;
line-height:1.42857;
font-weight:700;
text-transform:none;
}

#global-header .header-proposition #proposition-link a:hover, #global-header .header-proposition #proposition-links a:hover
{
text-decoration:underline;
}

#global-header .header-proposition #proposition-link a.active, #global-header .header-proposition #proposition-links a.active
{
color:#1d8feb;
}

#global-header .header-proposition #proposition-link a:focus, #global-header .header-proposition #proposition-links a:focus
{
color:#0b0c0c;
}

#global-header .header-proposition #proposition-link
{
float:right;
line-height:22px;
}

.js-enabled #global-header .header-proposition #proposition-link
{
display:block;
}

#global-header-bar
{
height:3px;
background-color:#00b3eb;
/* #404040*/
}

.js-enabled #global-cookie-message
{
display:none;
}

#global-cookie-message
{
width:100%;
background-color:#d5e8f3;
padding-top:10px;
padding-bottom:10px;
}

#footer
{
background-color:#404040;
border-top:3px solid #00b3eb;
color:#fff;
}

#footer .footer-wrapper
{
color:#fff;
}


#footer .footer-wrapper
{
background-color:#404040;
padding-top:20px;
}

#footer .footer-meta
{
padding-bottom:60px;
clear:both;
font-size:0;
color:#fff;
}

#footer .footer-meta .footer-meta-inner
{
display:inline-block;
vertical-align:bottom;
width:100%;
}

#footer .footer-meta .footer-meta-inner .open-government-licence
{
clear:left;position:relative;
}

#footer .footer-meta .footer-meta-inner .open-government-licence .logo
{
margin-bottom:1em;
padding-top:0;
}

#footer .footer-meta .footer-meta-inner .open-government-licence .logo a
{
display:block;
width:41px;
height:17px;
overflow:hidden;
text-indent:-999em;
background:url() 0 0 no-repeat;
}

#footer .copyright
{
font-size:16px;
line-height:1.25;
font-weight:400;
text-transform:none;
margin:30px 0 0 0;
width:100%;
display:block;
}

#footer .copyright a
{
display:block;
background-image:url(../images/template/hr-logo.png);
background-repeat:no-repeat;
text-align:left;
text-decoration:none;
padding:75px 0 0 0;
}

@media screen and (max-width: 379px)
{
	#global-header .header-wrapper .header-global .header-logo
	{
	width:auto;
	float:none;
	}

}

@media (min-width: 769px) and (max-width: 640px)
{
	#global-header .header-proposition #proposition-link a, #global-header .header-proposition #proposition-links a
	{
	font-size:14px;
	line-height:1.14286;
	}
}

@media (max-width: 640px)
{
	#global-header .header-proposition #proposition-link a, #global-header .header-proposition #proposition-links a
	{
	font-size:12px;
	line-height:1.25;
	}
	
	#global-header .header-proposition #proposition-name
	{
	font-size:18px;
	line-height:1.2;
	}
	
	#global-header .header-proposition a.menu
	{
	font-size:14px;
	line-height:1.14286;
	}
	
	#footer .copyright
	{
	font-size:14px;
	line-height:1.14286;
	}

}

@media (min-width: 641px)
{
	/* Media query that sets a margin for screens of a min-width, affecting the header and footer */
	#global-header-bar, #global-cookie-message p, #footer .footer-wrapper
	{
	margin:0;
	}
	
	#global-header .header-wrapper
	{
	padding-left:15px;
	padding-right:15px;
	}
	
	a[rel="external"]:after
	{
	content:"\A0\A0\A0\A0";
	background-position:right 6px;
	}
	
	a[rel="external"]:hover:after
	{
	background-position:right -382px;
	}

	#footer .footer-wrapper
	{
	padding-top:40px;
	}
	
	#footer .footer-meta .footer-meta-inner
	{
	width:75%;
	}
	
	#footer .footer-meta .footer-meta-inner .open-government-licence .logo
	{
	position:absolute;
	left:0;
	top:0;
	width:41px;
	height:100%;
	}
	
	#footer .copyright
	{
	display:inline-block;
	text-align:inherit;
	width:75%;
	padding-top:15px;
	margin-top:0;
	}
	
	#footer .copyright a
	{
	background-position:0% 0%;
	}
	
	#footer .copyright a
	{
	text-align:left;
	}
	
}

@media (min-width: 769px)
{
	#global-header .header-wrapper .header-global .header-logo
	{
	width:33.33%;
	}
	
	#global-header.with-proposition .header-wrapper .header-global
	{
	float:left;
	width:33.33%;
	}
	
	#global-header.with-proposition .header-wrapper .header-global .header-logo, #global-header.with-proposition .header-wrapper .header-global .site-search
	{
	width:100%;
	}

	#global-header.with-proposition .header-wrapper .header-proposition
	{
	width:66.66%;
	float:left;
	}
	
	#global-header .header-proposition
	{
	padding-top:0;
	}
	
	#global-header .header-proposition a.menu
	{
	display:none;
	}
	
	#global-header .header-proposition #proposition-menu.no-proposition-name
	{
	margin-top:37px;
	}
	
	.js-enabled #global-header .header-proposition #proposition-link, .js-enabled #global-header .header-proposition #proposition-links
	{
	display:block;
	}
	
	#global-header .header-proposition #proposition-link a, #global-header .header-proposition #proposition-links a
	{
	font-size:16px;
	line-height:1.25;
	font-weight:700;
	text-transform:none;
	}
	
	#global-header .header-proposition #proposition-link
	{
	float:none;
	}

}

@media (min-width: 1020px)
{
	/* Media query that sets a margin for screens of a min-width, affecting the header and footer. Overrides the previous rule at a key width */
	#global-header-bar, #global-cookie-message p, #footer .footer-wrapper
	{
	margin:0 auto;
	}
	
}