/* 	RESET */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
b {
	font-weight: bold;
}
i {
	font-style: italic;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body,html{height:100%;width:100%;margin:0;padding:0;left:0;top:0;font-size:100%}.center,.container{margin-left:auto;margin-right:auto}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{font-size:1.125rem;font-weight:200;line-height:1.8}.font-light{font-weight:300}.font-regular{font-weight:400}.font-heavy{font-weight:900}.left{text-align:left}.right{text-align:right}.center{text-align:center}.justify{text-align:justify}.container{width:90%}.row{position:relative;width:100%}.row [class^=col]{float:left;margin:.5rem 1%;min-height:.125rem}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{width:98%}.col-1-sm{width:4.33%}.col-2-sm{width:12.66%}.col-3-sm{width:22%}.col-4-sm{width:31.3%}.col-5-sm{width:37.66%}.col-6-sm{width:48%}.col-7-sm{width:54.33%}.col-8-sm{width:62.66%}.col-9-sm{width:72%}.col-10-sm{width:79.33%}.col-11-sm{width:87.66%}.col-12-sm{width:98%}.row::after{content:"";display:table;clear:both}.hidden-sm{display:none}@media only screen and (min-width:33.75em){.container{width:80%}}@media only screen and (min-width:45em){.col-1{width:4.33%}.col-2{width:12.66%}.col-3{width:22%}.col-4{width:31.3%}.col-5{width:37.66%}.col-6{width:48%}.col-7{width:54.33%}.col-8{width:62.66%}.col-9{width:72%}.col-10{width:79.33%}.col-11{width:87.66%}.col-12{width:98%}.hidden-sm{display:block}}@media only screen and (min-width:68.75em){.container{width:75%;max-width:68.75rem}}
/* html {
	scroll-behavior: smooth;
} */
body {
	line-height: 1;
	font-family: 'Lato', sans-serif;
	background-color: #fff;
	color: #606161;
}
header {
	width: 100%;
	position: relative; 
	height: 150px;
	margin: 0px auto;
	box-sizing: border-box;
	padding: 0px 5%;
}
.edit {
	background: #4D4196;
	position: fixed;
	bottom: 0px;
	right: 5%; 
	width: 100px;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 5px 5px 0px 0px;
	text-align: center;
	transition: all 0.15s ease-in-out;
}
.edit:hover {
	padding: 15px 20px;
	background: #1BBFBD;
}
.edit a {
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}
nav {
	display: none;
	position: absolute;
	right: 5%;
	background: rgba(255,255,255, 0.9);
	padding: 50px;
	top: 100px;
	max-width: 360px;
}
nav.nav-open {
	display: block;
}
nav ul li {
	border-bottom: 2px solid #0C1117;
}
nav ul li:last-child {
	border-bottom: none;
}
nav ul li a {
	color: #0C1117;
	font-size: 44px;
	text-decoration: none;
	padding: 20px 0px;
	display: block;
	font-weight: 300;
	line-height: 1em;	
	margin: 0px;
}
nav ul li a:hover {
	opacity: 0.7;
}
@media only screen and (max-width: 1290px) {
	nav {
		position: absolute;
		right: 5%;
		background: rgba(255,255,255, 0.9);
		padding: 40px;
		top: 100px;
		max-width: 360px;
	}
	nav ul li {
		border-bottom: 2px solid #0C1117;
	}
	nav ul li:last-child {
		border-bottom: none;
	}
	nav ul li a {
		color: #0C1117;
		font-size: 34px;
		text-decoration: none;
		padding: 20px 0px;
		display: block;
		font-weight: 300;
		line-height: 1em;	
		margin: 0px;
	}
	nav ul li a:hover {
		opacity: 0.7;
	}
}
@media only screen and (max-width: 599px) {
	nav {
		position: fixed;
		right: 0px;
		left: 0px;
		background: rgba(255,255,255, 0.9);
		padding: 20px 40px;
		top: 75px;
		bottom: 0px;
		max-width: 599px;
		width: 100%;
		box-sizing: border-box;
		z-index: 1;
	}
	nav ul li {
		border-bottom: 2px solid #0C1117;
	}
	nav ul li:last-child {
		border-bottom: none;
	}
	nav ul li a {
		color: #0C1117;
		font-size: 30px;
		text-decoration: none;
		padding: 20px 0px;
		display: block;
		font-weight: 300;
		line-height: 1em;	
		margin: 0px;
	}
	nav ul li a:hover {
		opacity: 0.7;
	}
}
#iw-logo {
	display: inline-block;
	text-indent: -999999px;
	background: url(/wp-content/themes/interworks-hello/images/handbook/iw-logo-dark.svg) no-repeat center center;
	width: 282px;
	height: 150px;
	background-size: 282px auto;
}
span#region {
    font-size: 20px;
    position: absolute;
    top: 47px;
    font-weight: 300;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid rgba(0,0,0,0.3);
    padding: 15px 20px;
}
@media screen and (max-width: 599px) {
	span#region {
		left: 69px;
		padding: 0;
		margin: 0;
		top: 50px;
		font-size: 10px;
		border-left: none;
	}
}
#handbook-search, #menu-icon {
	float: right;	
	height: 150px;
	width: 50px;
}
#handbook-search a, #menu-icon a {
	background: url(/wp-content/themes/interworks-hello/images/handbook/search-dark.svg) no-repeat center center;
	height: 50px;
	width: 50px;
	background-size: 44px auto;
	text-indent: -9999999px;
	display: block;
	margin-top: 50px;
	right: 30px;
	position: relative;
}
#menu-icon a {
	background: url(/wp-content/themes/interworks-hello/images/handbook/menu-dark.svg) no-repeat center center;
	background-size: 44px auto;
	margin-right: 0px;
	right: auto;
}
#menu-icon a.open {
	background: url(/wp-content/themes/interworks-hello/images/handbook/close-dark.svg) no-repeat center center;
	background-size: 40px auto;
	margin-right: 0px;
	right: auto;
}
#handbook-search a:hover, #menu-icon a:hover {
	opacity: 0.7;
}
#handbook-search a.active {
	background: url(/wp-content/themes/interworks-hello/images/handbook/close-dark.svg) no-repeat center center;
	background-size: 40px auto;
	margin-right: 0px;
	right: 30px;
}
@media only screen and (max-width: 599px) {
	header {
		height: 100px;
	}
	#iw-logo {
		background: url(/wp-content/themes/interworks-hello/images/handbook/iw-logo-dark.svg) no-repeat center center;
		width: 141px;
		height: 75px;
		background-size: 141px auto;

	}
	#handbook-search, #menu-icon {
		float: right;	
		height: 75px;
		width: 25px;
	}
	#handbook-search a, #menu-icon a {
		background: url(/wp-content/themes/interworks-hello/images/handbook/search-dark.svg) no-repeat center center;
		height: 25px;
		width: 25px;
		background-size: 25px auto;
		text-indent: -9999999px;
		display: block;
		margin-top: 25px;
		right: 30px;
		position: relative;
	}
	#menu-icon a {
		background: url(/wp-content/themes/interworks-hello/images/handbook/menu-dark.svg) no-repeat center center;
		background-size: 25px auto;
		margin-right: 0px;
		right: auto;
	}
	#menu-icon a.open {
		background: url(/wp-content/themes/interworks-hello/images/handbook/close-dark.svg) no-repeat center center;
		background-size: 25px auto;
		margin-right: 0px;
		right: auto;
	}
}
.fw {
	max-width: 1290px;
	width: 90%;
	margin: auto;
	display: block;
}
#hr-ee-logo {
	text-align: center;
	display: block;
}
#hr-ee-logo img {
	width: auto;
	max-width: 100%;
}
.light-text {
	color: white;
}
.dark-text {
	color: #0C1117;
}
h1 {
	font-size: 46px;
	font-weight: 400;
}
h2 {
	font-size: 32px;
	margin-bottom: 20px;
	margin-top: 60px;
}
p {
	font-size: 18px;
	line-height: 1.5em;
	font-weight:300;
}
#hr-ee-logo h1 {
	margin: 60px auto;
	max-width: 800px;
	line-height: 1.2;
}
@media only screen and (max-width: 599px) {
	#hr-ee-logo h1 {
		font-size: 40px;
		margin-top: 30px;
	}
	h2 {
		font-size: 30px;
	}
}
a.btn-outline {
	border: 2px solid white;
	border-radius: 100px;
	padding: 15px 30px;
	font-size: 30px;
	font-weight: 400;
	text-transform: uppercase;
	color: white;
	text-decoration: none;
}
a.btn-solid {
	padding: 15px 30px;
	color: #0C1117;
	border-radius: 100px;
	background: #E89BBB;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 900;
	text-decoration: none;
	letter-spacing: 1px;
	margin-top: 30px;
	display: inline-block;
}
a.btn-solid.pink {
	background: #e89bbb;
}
a.btn-solid.orange {
	background: #F99D3E;
}
a.btn-solid.green {
	background: #BED757;
}
a.btn-solid.blue {
	background: #28BDBE;
}
a.btn-solid.yellow {
	background: #F4C662;
}
a.btn-solid.dark-pink {
	background: #C75397;
}
a.btn-solid.dark-blue {
	background: #05416d;
}
a.btn-solid:hover {
	opacity: 0.7;
}
@media only screen and (max-width: 599px) {
	a.btn-outline, a.btn-solid {
		font-size: 18px;
	}
}
.small {
	width: 600px;
}
.large {
	width: calc(100% - 600px);
}
.left-side {
	float: left;
	box-sizing: border-box;
}
.right-side {
	float: right;
	box-sizing: border-box;
}
.left-side.large {
	padding-left: 50px;
}
.right-side.large {
	padding-right: 50px;
}
.spacer {
	height: 50px;
}
.responsive-only {
	display: none;
}
@media only screen and (max-width: 1290px) {
	#hr-ee-logo img {
		max-width: 800px;
		width: 80%;
	}
	.responsive-only {
		display: block;
	}
	.line, .right-side.small {
		display: none;
	}
	.small {
		width: 100%;
		float: none;
		text-align: center;
	}
	.small img, .responsive-only img {
		left: auto !important;
		margin: auto !important;
		display: block;
		max-width: 500px;
		width: 80%;
	}
	.responsive-only img#technology,
	.responsive-only img#benefits {
		max-width: 600px;
		width: 90%;
	}
	.small img#holidays {
		max-width: 450px;
		width: 75%;
	}
	.large {
		width: 100%;
		max-width: 720px;
		margin: 0px auto;
		float: none;
		text-align: center;
	}
	.left-side.large {
		padding-left: 0px;
	}
	.right-side.large {
		padding-right: 0px;
	}	
	img#additional {
		padding-left: 100px;
	}
} 
@media only screen and (max-width: 599px) {
	.spacer {
		height: 50px;
	}
	p {
		font-size: 20px;
	}
}
.path-row {
	margin-top: 100px; 
	position: relative;
}
.path-row.additional-section {
	margin-top: 175px;
}
img#benefits {
	position: relative;
	margin-top: -50px;
}
img#holidays {
	position: relative;
	margin-top: -50px;
}
img#technology {
	position: relative;
	margin-top: -50px;
	right: -35px;
}
.clear:after {
  content: "";
  clear: both;
  display: table;
}
.right-side.small {
	text-align: right;
}
footer {
	width: 100%;
	height: 500px;
	background-image: url(/wp-content/themes/interworks-hello/images/handbook/footer.svg);
	background-position: center bottom;
	background-size: auto;
	background-repeat: repeat-x;
}
.line-1 {
	position: absolute;
	width: 838px;
	height: 479px;
	top: -342px;
	background: url(/wp-content/themes/interworks-hello/images/handbook/line-1.svg) no-repeat center center;
	background-size: 100% auto;
	left: 229px;
	z-index: -1;
}
.line-2 {
	position: absolute;
	width: 827px;
	height: 478px;
	top: -335px;
	background: url(/wp-content/themes/interworks-hello/images/handbook/line-2.svg) no-repeat center center;
	background-size: 100% auto;
	left: 229px;
	z-index: -1;
}
.line-3 {
	position: absolute;
	width: 826px;
	height: 478px;
	top: -305px;
	background: url(/wp-content/themes/interworks-hello/images/handbook/line-3-v2.svg) no-repeat center center;
	background-size: 100% auto;
	left: 229px;
	z-index: -1;
}
.line-4 {
	position: absolute;
	width: 826px;
	height: 478px;
	top: -315px;
	background: url(/wp-content/themes/interworks-hello/images/handbook/line-4.svg) no-repeat center center;
	background-size: 100% auto;
	left: 229px;
	z-index: -1;
}
.m-line, .m-square-right {
	display: none;
}
@media only screen and (max-width: 1290px) {
	.m-line {
		/* display: block; */
	}
	.m-square-right {
		/* display: block; */
		border: 10px solid #E89BBB;
		border-radius: 150px;
		border-left: none;
		position: absolute;
		z-index: -1;
		height: 1033px;
		width: 50%;
		left: 50%;
		top: 216px;
	}
 	img#technology {
		right: 0px;
	}
	img#additional {
		padding-left: 0px;
	}
	footer {
		height: 450px;
		background-size: 120% auto;
	}
	.m-line {
		background: #E89BBB;
		height: 40px;
		/* display: block; */
		position: absolute;
		top: 215px;
		right: 0px;
		left: 50%;
		z-index: -1;
	}
	.m-line-2 {
		top: 215px;
		right: 50%;
		left: 0px;
		background: #E89BBB;
	}
	.m-line-3 {
		background: #28BDBE
	}
	.m-line-4 {
		top: 215px;
		right: 50%;
		left: 0px;
		background: #28BDBE;
	}	
	.m-line-5 {
		background: #BED757
	}	
	.m-line-6 {
		top: 250px;
		right: 50%;
		left: 0px;
		background: #BED757;
	}	
	.m-line-7 {
		top: 250px;
		background: #4D3F99
	}	
	.m-line-8 {
		top: 215px;
		right: 50%;
		left: 0px;
		background: #F99D3E;
	}
}
@media only screen and (max-width: 599px) {
	footer {
		height: 200px;
	}
}

/* PAGE */
.featured-image img {
	max-width: 100%;
	height: auto;
}
.sidebar {
	width: 25%;
	float: left;
	box-sizing: border-box;
	padding-right: 50px;
	margin-top: 20px;
}
.article {
	width: 75%;
	float: left;
	box-sizing: border-box;
}
h1 {
	font-size: 46px;
	color: #111;
	font-weight: 600;
	line-height: 1.5em;
	margin-bottom:10px;
	margin-top:10px;
	margin-top: 20px;
}
h2 {
	font-size: 36px;
	color: #111;
	font-weight: 600;
}
h3 {
	font-weight: 600;
	font-size: 26px;
	color: #CE5EA1;
	margin-bottom: 10px;
}

/* article specific font colors */
.hbculture h1, .hbculture h2, .hbculture h3, .hbculture article a, .hbculture .sidebar ul li a.active,
.hbculture-uk h1, .hbculture-uk h2, .hbculture-uk h3, .hbculture-uk article a, .hbculture-uk .sidebar ul li a.active,
.hbculture-de h1, .hbculture-de h2, .hbculture-de h3, .hbculture-de article a, .hbculture-de .sidebar ul li a.active,
.hbculture-au h1, .hbculture-au h2, .hbculture-au h3, .hbculture-au article a, .hbculture-au .sidebar ul li a.active  {
	color:#CE5EA1;
}
.hbcompensation-benefits h1, .hbcompensation-benefits h2, .hbcompensation-benefits h3, .hbcompensation-benefits article a, .hbcompensation-benefits .sidebar ul li a.active,
.hbcompensation-benefits-uk h1, .hbcompensation-benefits-uk h2, .hbcompensation-benefits-uk h3, .hbcompensation-benefits-uk article a, .hbcompensation-benefits-uk .sidebar ul li a.active,
.hbcompensation-benefits-de h1, .hbcompensation-benefits-de h2, .hbcompensation-benefits-de h3, .hbcompensation-benefits-de article a, .hbcompensation-benefits-de .sidebar ul li a.active,
.hbcompensation-benefits-au h1, .hbcompensation-benefits-au h2, .hbcompensation-benefits-au h3, .hbcompensation-benefits-au article a, .hbcompensation-benefits-au .sidebar ul li a.active  {
	color:#28bdbe;
}
.hbholidays-leave-events h1, .hbholidays-leave-events h2, .hbholidays-leave-events h3, .hbholidays-leave-events article a, .hbholidays-leave-events .sidebar ul li a.active,
.hbholidays-leave-events-uk h1, .hbholidays-leave-events-uk h2, .hbholidays-leave-events-uk h3, .hbholidays-leave-events-uk article a, .hbholidays-leave-events-uk .sidebar ul li a.active,
.hbholidays-leave-events-de h1, .hbholidays-leave-events-de h2, .hbholidays-leave-events-de h3, .hbholidays-leave-events-de article a, .hbholidays-leave-events-de .sidebar ul li a.active,
.hbholidays-leave-events-au h1, .hbholidays-leave-events-au h2, .hbholidays-leave-events-au h3, .hbholidays-leave-events-au article a, .hbholidays-leave-events-au .sidebar ul li a.active,
.hbholiday-leave-events h2, .hbholiday-leave-events h3, .hbholiday-leave-events article a, .hbholiday-leave-events .sidebar ul li a.active  {
	color:#95bc3d;
}
.hbtechnology h1, .hbtechnology h2, .hbtechnology h3, .hbtechnology article a, .hbtechnology .sidebar ul li a.active,
.hbtechnology-uk h1, .hbtechnology-uk h2, .hbtechnology-uk h3, .hbtechnology-uk article a, .hbtechnology-uk .sidebar ul li a.active,
.hbtechnology-de h1, .hbtechnology-de h2, .hbtechnology-de h3, .hbtechnology-de article a, .hbtechnology-de .sidebar ul li a.active,
.hbtechnology-au h1, .hbtechnology-au h2, .hbtechnology-au h3, .hbtechnology-au article a, .hbtechnology-au .sidebar ul li a.active {
	color:#4d3f99;
}
.hbadditional-info h1, .hbadditional-info h2, .hbadditional-info h3, .hbadditional-info article a, .hbadditional-info .sidebar ul li a.active,
.hbadditional-info-uk h1, .hbadditional-info-uk h2, .hbadditional-info-uk h3, .hbadditional-info-uk article a, .hbadditional-info-uk .sidebar ul li a.active,
.hbadditional-info-de h1, .hbadditional-info-de h2, .hbadditional-info-de h3, .hbadditional-info-de article a, .hbadditional-info-de .sidebar ul li a.active,
.hbadditional-info-au h1, .hbadditional-info-au h2, .hbadditional-info-au h3, .hbadditional-info-au article a, .hbadditional-info-au .sidebar ul li a.active {
	color:#f99d3e;
}
.hbemployment-and-the-law h1, .hbemployment-and-the-law h2, .hbemployment-and-the-law h3, .hbemployment-and-the-law article a, .hbemployment-and-the-law .sidebar ul li a.active,
.hbemployment-and-the-law-uk h1, .hbemployment-and-the-law-uk h2, .hbemployment-and-the-law-uk h3, .hbemployment-and-the-law-uk article a, .hbemployment-and-the-law-uk .sidebar ul li a.active,
.hbemployment-and-the-law-de h1, .hbemployment-and-the-law-de h2, .hbemployment-and-the-law-de h3, .hbemployment-and-the-law-de article a, .hbemployment-and-the-law-de .sidebar ul li a.active,
.hbemployment-and-the-law-au h1, .hbemployment-and-the-law-au h2, .hbemployment-and-the-law-au h3, .hbemployment-and-the-law-au article a, .hbemployment-and-the-law-au .sidebar ul li a.active {
	color:#05416d;
}

p {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 30px;
	color: #111;;
}
.article ul, .article ol {
	margin-bottom: 30px;
	margin-left: 60px;
}
.article ul li,
.article ol li {
	font-size: 20px;
	font-weight: 300;
	color: #404040;
	margin-bottom: 15px;
	list-style: disc;
	line-height: 1.4em;
}
.article ol li {
	list-style: decimal;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: #111;
}
a {
	font-weight: 400;
	color: #CE5EA1;
}
a:hover {
	opacity: 0.7;
}
.article a {
	word-wrap: break-word;
}
.sidebar {
	height: 100%;
}
.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
.sidebar ul li {
	border-bottom: 1px solid #dedede;
}
.sidebar ul li:last-child {
	border-bottom: none;
}
.sidebar ul li a {
	color: #111;
	font-weight: 400;
	font-size: 20px;
	text-decoration: none;
	padding: 20px 0px;
	line-height:1.2em;
	display: block;
	transition: all 0.1s ease-in-out;
}
.sidebar ul li a.active {
	color: #CE5EA1;
}

#mobile-select {
	display: none;
}

@media only screen and (max-width: 768px) {
	.sidebar {
		float: none;
		display: block;
		width: 100%;
		padding-right: 0px;
		margin-bottom: 50px;
	}
	.article {
		width: 100%;
		float: none;
	}

	#mobile-select {
		position: sticky;
		top: 0;
		background: white;
		width: 100%;
		padding: 20px 0px;
		border-bottom: 1px solid #ccc;
		margin-top: -50px;
	}

	#mobile-select, #mobile-select select {
		display: block;
		width: 100%;
		-webkit-appearance: none;
	}

	#mobile-select select {
		font-size: 20px;
		color: #0C1117;
		font-weight: bold;
		padding: 10px 20px;
		box-sizing: border-box;
		border-radius: 4px;
		border: 1px solid #ccc;
		background-image: url(/wp-content/themes/interworks-hello/images/handbook/arrow.svg);
		background-position: right 10px center;
		background-repeat: no-repeat;
		background-size: 30px auto;
		text-overflow: ellipsis;
		padding-right: 30px;
		overflow: hidden;
		white-space: nowrap;
	}

	h2 {
		font-size: 34px;
	}
	h3 {
		font-size: 20px;
	}
	p {
		font-size: 16px;
	}
	.article ul, .article ol {
		margin-left: 30px;
	}
	.article ul li, .article ol li {
		font-size: 16px;
	}
}
@media only screen and (max-width: 599px) {
	header {
		height: 75px; 
	}
}
/* SEARCH */
#searchform {
	float: right;
    position: relative;
    top: 50px;
    display: block;
    right: 65px;
    width: 100%;
	max-width: 300px;
	display: none;
}

#searchform.open {
	display: block;
}

#searchform input.inlineSearch {
	padding: 10px 0px;
	font-size: 20px;
	border: none;
	font-weight: 300;
	border-bottom: 1px solid #000;
	font-family: 'lato', sans-serif;
	width: 100%;
	max-width: 360px;
	background: transparent;
	box-sizing: border-box;
	position: relative;
}
#searchform input.inlineSubmit {
	display: block;
	text-indent: -999999px;
	position: absolute;
	top: 10px;
	right: 0px;
	height: 30px;
	width: 30px;
	background: url(/wp-content/themes/interworks-hello/images/handbook/search-arrow-dark.svg);
	background-position: center center;
	background-size: 30px auto;
	outline: none;
	border: none;
	cursor: pointer;
}
#searchform input.inlineSubmit:hover {
	opacity: 0.7;
}
#searchform input.inlineSearch:focus {
	outline: none;
}

/* Search Results */
div.searchPage {
    margin: auto;
    display: block;
    width:100%;
}
.searchTerms {
    color:black;
    font-size:34px;
}
.SearchTerms .term {
    color:gray;
    text-transform:capitalize;
}
.results {
    background-color:#f6f6f6;
    padding:25px 50px;
    margin-top:50px;
    border-radius: 10px;
}
.results h2 a{
    font-size:24px;
    color:black !important;
    padding:0;
    margin:10px 0;
}
.results .date {
    font-size:18px;
}

/* table */
.rg-container {
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4;
	margin: 0;
	padding: 1em 0.5em;
	color: #222;
  }
  
  /* table */
  table.rg-table {
	width: 100%;
	margin:25px 0;
	font-size: 1em;
	border-collapse: collapse;
	border-spacing: 0;
  }
  table.rg-table tr {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-align: left;
	color: #333;
  }
  table.rg-table thead {
	border-bottom: 3px solid #ddd;
  }
  table.rg-table tr {
	border-bottom: 1px solid #ddd;
	color: #222;
  }
  table.rg-table tr.highlight {
	background-color: #dcf1f0 !important;
  }
  table.rg-table.zebra tr:nth-child(even) {
	background-color: #f6f6f6;
  }
  table.rg-table th {
	font-weight: bold;
	padding: 0.35em;
	font-size: 0.9em;
  }
  table.rg-table td {
	padding: 0.35em;
	font-size: 0.9em;
  }
  table.rg-table .highlight td {
	font-weight: bold;
  }
  table.rg-table th.number,
  td.number {
	text-align: right;
  }
  
  /* media queries */
  @media screen and (max-width: 600px) {
	.rg-container {
	  max-width: 600px;
	  margin: 0 auto;
	}
	table.rg-table {
	  width: 100%;
	}
	table.rg-table tr.hide-mobile,
	table.rg-table th.hide-mobile,
	table.rg-table td.hide-mobile {
	  display: none;
	}
	table.rg-table thead {
	  display: none;
	}
	table.rg-table tbody {
	  width: 100%;
	}
	table.rg-table tr,
	table.rg-table th,
	table.rg-table td {
	  display: block;
	  padding: 0;
	}
	table.rg-table tr {
	  border-bottom: none;
	  margin: 0 0 1em 0;
	  padding: 0.5em;
	}
	table.rg-table tr.highlight {
	  background-color: inherit !important;
	}
	table.rg-table.zebra tr:nth-child(even) {
	  background-color: transparent;
	}
	table.rg-table.zebra td:nth-child(even) {
	  background-color: #f6f6f6;
	}
	table.rg-table tr:nth-child(even) {
	  background-color: transparent;
	}
	table.rg-table td {
	  padding: 0.5em 0 0.25em 0;
	  border-bottom: 1px dotted #ccc;
	  text-align: right;
	}
	table.rg-table td[data-title]:before {
	  content: attr(data-title);
	  font-weight: bold;
	  display: inline-block;
	  content: attr(data-title);
	  float: left;
	  margin-right: 0.5em;
	  font-size: 0.95em;
	}
	table.rg-table td:last-child {
	  padding-right: 0;
	  border-bottom: 2px solid #ccc;
	}
	table.rg-table td:empty {
	  display: none;
	}
	table.rg-table .highlight td {
	  background-color: inherit;
	  font-weight: normal;
	}
  }