/*******************************
            Accordion
*******************************/
/* Accordion */
.ui.styled.accordion .active.title {
	color: rgb(66, 66, 66);
	font-size: 1em;
}

.ui.styled.accordion .accordion .active.title {
	color: rgb(66, 66, 66);
}

/* Permanently open accordion*/
.ui.accordion .active.title {
	cursor: default;
}

/* Accordion with only content */
.ui.styled.accordion .content:only-child {
	padding-top: 1.5em;
}

/*******************************
            Button
*******************************/
/* Button */
.ui.button {
	font-size: 1rem;
	font-weight: normal;
	text-transform: uppercase;
	padding: 1.5em 1.5em;
	margin: 0em;
	-webkit-transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, background 300ms ease, -webkit-box-shadow 300ms ease;
	transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, background 300ms ease, -webkit-box-shadow 300ms ease;
	transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, box-shadow 300ms ease, background 300ms ease;
	transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, box-shadow 300ms ease, background 300ms ease, -webkit-box-shadow 300ms ease;
}
/* Hidden Button */
.ui.button.hidden {
	display: none;
}

.ui.menu:not(.vertical) .item>.button:active {
	padding-top: 0.9em; /* move the text down when the button is pressed */
	padding-bottom: 0.670em; /* move the text down when the button is pressed */
}

/* Icon in a button */
.ui.button:not(.icon)>.icon:not(.button):not(.dropdown) {
	margin: 0em 0em 0em 0.42857143em;
}

/* Button 350px long*/
.ui.readable.button {
	max-width: 25em;
}
/* Centered */
.ui.centered.button {
	position: relative;
	left: 50%;
	transform: translate(-50%, 0%);
}

/* Buttons in a Panel */
.panel #btn_get-started.ui.button,
.panel #btn_browse-jobs.ui.button,
.panel #btn_ok.ui.button {
	margin-top: 3em;
}
.panel #btn_submit.ui.button {
	margin-top: 1em;
}

/* Dark Transluscent */
.ui.transluscent.dark.button {
	background-color: rgba(0, 0, 0, 0.05);
}
.ui.transluscent.button:hover {
	background-color: rgba(0, 0, 0, 0.13);
}

/* Basic */
.ui.basic.button {
	font-size: 1rem;
	font-weight: normal;
	text-transform: uppercase;
}
/* Basic - Hover */
.ui.basic.button:hover {
	background-color: transparent !important;
}
/* Basic - Inverted */
.ui.basic.inverted.button {
	padding: 1.5em;
	width: 25em;
	-webkit-transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, background 300ms ease, -webkit-box-shadow 300ms ease;
	transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, background 300ms ease, -webkit-box-shadow 300ms ease;
	transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, box-shadow 300ms ease, background 300ms ease;
	transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, box-shadow 300ms ease, background 300ms ease, -webkit-box-shadow 300ms ease;
}

/* Primary Button */
.ui.primary.button {
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.4));
	background-blend-mode: overlay;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
	border: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
/* Primary Button - Hover and Focus */
.ui.primary.button:hover,
.ui.primary.button:focus {
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4));
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
	background-color: rgb(187, 32, 50); /* Red 02*/
	border: 1px solid rgba(0, 0, 0, 0.4);
}
/* Primary Button - Active */
.ui.primary.button:active {
	background-image: none;
	background-color: rgb(179, 7, 27); /* Red 01*/
	padding-top: 1.6em; /* move the text down when the button is pressed */
	padding-bottom: 1.4em; /* move the text down when the button is pressed */
	-webkit-box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(23, 168, 231, 1);
	box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(23, 168, 231, 1);
}

/* Coloured Button */
.ui.blue.button,
.ui.gray.button,
.ui.orange.button {
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.4));
	background-blend-mode: overlay;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
	border: 1px solid rgba(0, 0, 0, 0.3);
}

/* -Blue Button - Hover and Focus*/
.ui.blue.button:hover,
.ui.blue.button:focus {
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4));
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
	background-color: rgb(35, 117, 180); /* Blue 02*/
	border: 1px solid rgba(0, 0, 0, 0.4);
}
/* -Blue Button - Active */
.ui.blue.button:active {
	background-image: none;
	background-color: rgb(11, 102, 172); /* Blue 01*/
	padding-top: 1.6em; /* move the text down when the button is pressed */
	padding-bottom: 1.4em; /* move the text down when the button is pressed */
	-webkit-box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(255, 255, 255, 1);
}

/* -Orange Button - Hover and Focus*/
.ui.orange.button:hover,
.ui.orange.button:focus {
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4));
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
	background-color: rgb(233, 103, 29); /* Orange 02*/
	border: 1px solid rgba(0, 0, 0, 0.4);
}
/* -Orange Button - Active */
.ui.orange.button:active {
	background-image: none;
	background-color: rgb(231, 86, 4); /* Orange 01*/
	padding-top: 1.6em; /* move the text down when the button is pressed */
	padding-bottom: 1.4em; /* move the text down when the button is pressed */
	-webkit-box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(255, 255, 255, 1);
}

/* -Gray Button - Hover and Focus*/
.ui.gray.button:hover,
.ui.gray.button:focus {
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4));
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
	background-color: rgb(235, 235, 235);
	border: 1px solid rgba(0, 0, 0, 0.4);
}
/* -Gray Button - Active */
.ui.gray.button:active {
	background-image: none;
	background-color: rgb(226, 226, 226);
	-webkit-box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(255, 255, 255, 1);
}

.ui.blue.active.button,
.ui.orange.active.button,
.ui.gray.active.button {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
}

/*******************************
            Card
*******************************/
/* Card Header */
.ui.card>.content>.header:not(.ui) {
	font-size: 1em;
	margin-bottom: 1rem;
}

/* List - In a Card */
.ui.card .ui.list>.item .header:first-child {
	margin-top: -0.142857em;
}

/* Description */
.ui.card>.content>.description {
	color: rgba(0, 0, 0, 0.7);
}
/* Card - In column */
.ui.grid .column .ui.card {
	height: 100%;
}
/*******************************
          Container
*******************************/
/*--------------
      Hidden
---------------*/
.ui.hidden.container {
	display: none;
}
/*--------------
      Text
---------------*/
.ui.segment .ui.text.container {
	max-width: 550px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100%;
}
/* In Hero */
.ui.segment .hero .ui.text.container {
	max-width: 700px !important;
	padding: 25px;
	border-radius: 0.285714rem;
	background-color: rgba(0, 0, 0, 0.40);
	background-clip: padding-box;
	margin-bottom: 10%;
}
/* Centered */
.ui.segment .ui.text.centered.container {
	position: relative;
	left: 50%;
	transform: translate(-50%, 0%);
}
/*--------------
  Equal Height
---------------*/
/* Evenly Spaced */
.ui.segment .ui.equal.height.container {
	display: flex;
	flex-direction: column;
	height: 100%;
	align-items: flex-start;
	justify-content: space-between;
}

.ui.segment .ui.equal.height.container .bottom.content {
	margin-top: 1em;
	width: 100%;
}

/*--------------
      Panel
---------------*/
.panel.container{
	width: 100%;
	height: auto;
}
/* First */
.panel.first.container {
	background-color: rgb(11, 102, 172);
	background-position: 50% 50%;
	border-bottom-color: #d0d0d1;
	border-radius: 0;
}
/* Even */
.panel.even.container {
	border-top: 1px solid #d0d0d1;
	background-color: rgb(238, 238, 238);
}
/* Odd */
.panel.odd.container{
	border-top: 1px solid #d0d0d1;
	background-color: rgb(226, 226, 226);
}
/* Footer */
.panel.footer.container{
	border-top: 1px solid #d0d0d1;
	background-color: rgb(27, 28, 29);
}

/* Nameplate - Wave */
.panel.nameplate.container .wave {
	position: absolute;
	bottom: -2px;
	pointer-events: none;
}

/*--------------
      Signup
---------------*/
/* Signup - Container */
.container.step {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
		-ms-flex-direction: column;
			flex-direction: column;
	align-items: center;
}
/* Signup - Container Items */
.container.step .ui.image {
	height: 100% !important; /* IE11 flexbox bug-fix */
	flex-shrink: 0; /* stop the images from shrinking when resizing the width of the windown */
}
.container.step .ui.container {
	width: 100% !important; /* IE11 flexbox bug-fix */
	margin-top: calc(-0.142857em + 2rem);
}
/*--------------
      Services
---------------*/
.container .top.content {
	width: 100%; /* IE11 flexbox bug-fix */
}
/*-------------------
      Get Started
--------------------*/
#signup-registration,
#signup-confirmation {
	/*added ak - hide the form*/
	display: none;
}

/*--------------
    Typographic
---------------*/
.ui.typographic.container { /* Makes sure that the fonts are scaled optimally for the web */
	font-size: 1.14286rem;
}

/*--------------
    Menu Table
---------------*/
/* Aligns items as if in a list or a table inside menus */
.ui.menu-table.container {
	display: table;
	width: 100%;
}

.ui.menu-table.container .table-row {
	display: table-row;
}

.ui.menu-table.container .table-cell {
	display: table-cell;
	line-height: 1.375em;
	min-width: 2em;
}

.ui.menu-table.container .table-cell:first-child {
	text-align: right;
}

.ui.menu-table.container .table-cell:nth-child(2) {
	padding-left: 0.5em;
}

/*******************************
          Dropdown
*******************************/
/* Dropdown */
.panel.first .ui.selection.dropdown {
	background-color: rgba(0, 0, 0, 0.1);
	border-color: rgba(0, 0, 0, 0.2);
	color: rgba(255, 255, 255, 1); /* dropdown icon color and text color */
	height: 3.572em; /* match height of inputs */
	padding: 0; /* Remove semantic UI padding */
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
					box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
	-webkit-transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, background 300ms ease, -webkit-box-shadow 300ms ease;
					transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, box-shadow 300ms ease, background 300ms ease;
					transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, background 300ms ease, -webkit-box-shadow 300ms ease;
					transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, box-shadow 300ms ease, background 300ms ease, -webkit-box-shadow 300ms ease;		
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
					tap-highlight-color: rgba(255, 255, 255, 0);
}

/* Dropdown - Hover */
.panel.first .ui.selection.dropdown:hover {
	background-color: rgba(0, 0, 0, 0.2);
	border-color: rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
}

/* Dropdown - Default Text */
.panel.first .ui.dropdown:not(.button) > .default.text,
.panel.first .ui.default.dropdown:not(.button) > .text {
	color: rgba(255, 255, 255, 0.5);
}


/* Dropdown - Default Text - Hover */
.panel.first .ui.selection.active.dropdown:hover:not(.button)>.default.text,
.panel.first .ui.selection.active.default.dropdown:hover:not(.button)>.text,
.panel.first .ui.selection.active.dropdown .default.text {
	color: rgba(255, 255, 255, 0.2);
}

/* Dropdown - Default Text - Focus*/
.panel.first .ui.dropdown:not(.button)>input:focus~.default.text,
.panel.first .ui.default.dropdown:not(.button)>input:focus~.text {
	color: rgba(255, 255, 255, 0.2);
}

/* Dropdown - Menu */
.panel.first .ui.dropdown .menu {
	background-color: rgb(11, 102, 172);
	border-color: rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
					box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
	-webkit-transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, background 300ms ease, -webkit-box-shadow 300ms ease;
					transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, background 300ms ease, -webkit-box-shadow 300ms ease;
					transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, box-shadow 300ms ease, background 300ms ease;
					transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, box-shadow 300ms ease, background 300ms ease, -webkit-box-shadow 300ms ease;
}

/* Dropdown - Menu Item */
.panel.first .ui.dropdown .menu>.item {
	color: rgba(255, 255, 255, 1);
	font-size: 1.143rem;
}

/* Dropdown - Menu Item - Hover */
.panel.first .ui.dropdown .menu>.item:hover {
	background: rgba(255, 255, 255, 0.05);
}

/* Dropdown - Menu Item - Active Item */
.panel.first .ui.dropdown .menu .active.item {
	background: rgba(0, 0, 0, 0.05);
	font-weight: normal;
	color: rgba(255, 255, 255, 0.2);
}

.panel.first .ui.dropdown .menu .active.item .flag {
	opacity: 0.2; /*match opacity to the active item */
}

/* Dropdown - Menu - Message */
.panel.first .ui.dropdown .menu>.message:not(.ui) {
	color: rgba(255, 255, 255, 1);
}

/* Dropdown - Searchable - Filtered Text - Focus */
.panel.first .ui.active.search.dropdown input.search:focus+.text .icon,
.panel.first .ui.active.search.dropdown input.search:focus+.text .flag {
	opacity: 0;
}

.panel.first .ui.active.search.dropdown input.search:focus+.text {
	color: transparent !important;
}

/* Dropdown - Selection - Menu - Item */
.panel.first .ui.selection.dropdown .menu>.item {
	border-top: none;
	border-bottom: none;
	padding: 0.85714286rem 1.14285714rem !important;
}

/* Dropdown - Selection - Active */
.panel.first .ui.selection.active.dropdown {
	background-color: rgba(0, 0, 0, 0.2);
	border-color: rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
					box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
}

/* Dropdown - Selection - Active - Hover */
.panel.first .ui.selection.active.dropdown:hover {
	border-color: rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
					box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
}

/* Dropdown - Selection - Active - Menu */
.panel.first .ui.selection.active.dropdown .menu {
	border-color: rgba(0, 0, 0, 0.4);
}

/* Dropdown - Selection - Active - Menu - Hover */
.panel.first .ui.selection.active.dropdown:hover .menu {
	border-color: rgba(0, 0, 0, 0.4);
}

/* Dropdown - Selection - Visible */
.panel.first .ui.selection.visible.dropdown>.text:not(.default) {
	color: rgba(255, 255, 255, 1);
}

/* Dropdown - Error */
.ui.form .field.error .ui.dropdown {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.1);
	border-color: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
					box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
}

/* Dropdown - Error - Hover*/
.panel.first .ui.form .field.error .ui.selection.dropdown:hover {
	background-color: rgba(0, 0, 0, 0.2);
	border-color: rgba(0, 0, 0, 0.3) !important;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
					box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
}

.panel.first .ui.form .field.error .ui.dropdown .menu {
	border-color: rgba(0, 0, 0, 0.4);
}

.panel.first .ui.form .field.error .ui.dropdown .item {
	background-color: rgb(11, 102, 172);
	color: rgba(255, 255, 255, 1);
}

.panel.first .ui.form .field.error .ui.dropdown .text {
	background-color: transparent;
	color: rgba(255, 255, 255, 1);
}

.panel.first .ui.form .fields.error .field .ui.dropdown,
.panel.first .ui.form .field.error .ui.dropdown {
	border-color: rgba(0, 0, 0, 0.2) !important;
}

.panel.first .ui.form .fields.error .field .ui.dropdown .menu .item:hover,
.panel.first .ui.form .field.error .ui.dropdown .menu .item:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 1);
}

/* Dropdown - Error - Focus*/
.panel.first .field.error .ui.selection.active.dropdown {
	background-color: rgba(0, 0, 0, 0.1);
	border-color: rgba(0, 0, 0, 0.3) !important;
	/* ak added */
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
					box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
}

.panel.first .field.error .ui.search.selection.visible.dropdown {
	border-color: rgba(0, 0, 0, 0.4);
}
/*--------------
Dropdown with Icon
---------------*/
/* Dropdown - Dropdown Icon*/
.panel.first .ui.dropdown > .dropdown.icon {
	padding: 0;
	line-height: 1;
	font-size: 1.143rem;
	text-align: center;
	top: 0px;
	right: 0px;
	margin: 0em;
	height: 100%;
	width: 2.67142857em;
	opacity: 0.5;
	z-index: 4;
}
.panel.first .ui.dropdown > .dropdown.icon:before,
.panel.first .ui.dropdown > .dropdown.icon:after {
	left: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	margin-top: -0.5em;
}
/* Dropdown - Clear Icon*/
.panel.first .ui.dropdown > .clear.dropdown.icon{
	opacity: 0.8;
	-webkid-transition: opacity 0.1s ease;
	transition: opacity 0.1s ease;
}
.panel.first .ui.dropdown > .clear.dropdown.icon:hover {
  opacity: 1;
}
.panel.first .ui.dropdown > .clear.icon:before{
	content: "\f00d";
}

/* Dropdown - Any Icon */
.panel.first .ui.dropdown .icon:not(.dropdown) {
	cursor: pointer;
	position: absolute;
	line-height: 1;
	font-size: 1.143rem;
	text-align: center;
	top: 0px;
	right: 0px;
	margin: 0em;
	height: 100%;
	width: 2.67142857em;
	opacity: 0.5;
	border-radius: 0em 0.28571429rem 0.28571429rem 0em;
	-webkit-transition: opacity 0.3s ease;
					transition: opacity 0.3s ease;
	z-index: 2;
}
.panel.first .ui.dropdown > .icon:not(.dropdown):before,
.panel.first .ui.dropdown > .icon:not(.dropdown):after {
	left: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	margin-top: -0.5em;
}
/* Dropdown with Icon - Left Icon */
.panel.first .ui[class*="left icon"].dropdown > i.icon:not(.dropdown) {
	right: auto;
	left: 1px;
	border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.panel.first .ui[class*="left icon"].dropdown > input {
	padding-left: 2.67142857em !important;
	padding-right: 2.67143em !important;
}
.panel.first .ui.active.dropdown .icon:not(.dropdown),
.panel.first .ui.active.dropdown .dropdown.icon {
  opacity: 1;
}
/* Dropdown with Icon - Default Text - Hover */
.panel.first .ui[class*="left icon"].dropdown > .default.text,
.panel.first .ui[class*="left icon"].dropdown > .text {
	position: relative;
	left: 2.67142857em !important;
	right: 1em !important;
	bottom: 0;
	width: auto;
	top: 1.75em;
}
/*--------------
Dropdown Input Label
---------------*/
/* Field - Label - Floating */
.ui.form .field .ui.selection.dropdown label.floating {
	margin: 0;
	color: rgba(255, 255, 255, 0.5);
	font-size: 1.143rem;
	font-weight: normal;
	position: absolute;
	left: 0;
	top: 1.25em;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
					transition: 0.2s ease all;
}
/* Field - Label - Floating - Icon Left */
.ui.form .field .ui[class*="left icon"].selection.dropdown label.floating {
	left: 3rem; /* Must be rem not em because the label default size is in a smaller font */
}
/* Field - Label - In Any field */
.ui.form .field .ui.selection.dropdown .text:not(.default) + label.floating,
.ui.form .field .ui.selection.dropdown input[class="search"]:focus ~ label.floating {
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.857143rem;
	top: 0.5em;
}
.ui.form .field .ui.selection.dropdown *:hover ~ label.floating {
	pointer-events: none;
	cursor: text;
}
.ui.form .field .ui.selection.dropdown *:focus ~ label.floating,
.ui.form .field .ui.selection.dropdown *:hover:focus ~ label.floating  {
	pointer-events: all;
	cursor: text;
}
/*******************************
            Form
*******************************/
/*--------------
			Input
---------------*/
/* Form - Input */
.panel.first .ui.form input:not([type]),
.panel.first .ui.form input[type="date"],
.panel.first .ui.form input[type="datetime-local"],
.panel.first .ui.form input[type="email"],
.panel.first .ui.form input[type="number"],
.panel.first .ui.form input[type="password"],
.panel.first .ui.form input[type="search"],
.panel.first .ui.form input[type="tel"],
.panel.first .ui.form input[type="time"],
.panel.first .ui.form input[type="text"],
.panel.first .ui.form input[type="file"],
.panel.first .ui.form input[type="url"] {
	cursor: text;
	height: 3.572em;
	padding-bottom: 0;
	padding-top: 1em;
	padding-left: 3rem !important; /* override SUIs important */
	padding-right: 3rem !important; /* override SUIs important */
	font-size: 1.143rem;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.1);
	border-color: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
					box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
	-webkit-transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, background 300ms ease, -webkit-box-shadow 300ms ease;
					transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, background 300ms ease, -webkit-box-shadow 300ms ease;
					transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, box-shadow 300ms ease, background 300ms ease;
					transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease, box-shadow 300ms ease, background 300ms ease, -webkit-box-shadow 300ms ease;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
					tap-highlight-color: rgba(255, 255, 255, 0);
}

/* Form - Input - Focus */
.panel.first .ui.form input:not([type]):focus,
.panel.first .ui.form input[type="date"]:focus,
.panel.first .ui.form input[type="datetime-local"]:focus,
.panel.first .ui.form input[type="email"]:focus,
.panel.first .ui.form input[type="number"]:focus,
.panel.first .ui.form input[type="password"]:focus,
.panel.first .ui.form input[type="search"]:focus,
.panel.first .ui.form input[type="tel"]:focus,
.panel.first .ui.form input[type="time"]:focus,
.panel.first .ui.form input[type="text"]:focus,
.panel.first .ui.form input[type="file"]:focus,
.panel.first .ui.form input[type="url"]:focus {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.2);
	border-color: rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
					box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25), 0 2px 0 -1px rgba(23, 168, 231, 1);
}

/* Form - Input - Hover */
.panel.first .ui.form input:not([type]):hover,
.panel.first .ui.form input[type="date"]:hover,
.panel.first .ui.form input[type="datetime-local"]:hover,
.panel.first .ui.form input[type="email"]:hover,
.panel.first .ui.form input[type="number"]:hover,
.panel.first .ui.form input[type="password"]:hover,
.panel.first .ui.form input[type="search"]:hover,
.panel.first .ui.form input[type="tel"]:hover,
.panel.first .ui.form input[type="time"]:hover,
.panel.first .ui.form input[type="text"]:hover,
.panel.first .ui.form input[type="file"]:hover,
.panel.first .ui.form input[type="url"]:hover {
	background-color: rgba(0, 0, 0, 0.2);
	border-color: rgba(0, 0, 0, 0.3);
}

/*--------------
		Icon Input
---------------*/
/* Input - Icon */
.ui.form .ui.field.input {
	flex-direction: column; /* Errors below inputs */
}
/* Field - Icon - In Any field */
.ui.form .ui.icon.input > i.icon {
	font-size: 1.143rem; /* Match input fields font-size */
	height: 3.572em; /* Match the input field height */
}
/*--------------
	Floating Label
---------------*/
/* Field - Label - Floating */
.ui.form .field label.floating {
	margin: 0;
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.857143rem;
	font-weight: normal;
	cursor: text;
	position: absolute;
	left: 0;
	top: 0.5em;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
					transition: 0.2s ease all;
}
/* Field - Label - Floating - Icon Left */
.ui.form .ui.input.left.icon label.floating {
	left: 3rem; /* Must be rem not em because the label default size is in a smaller font */
}
/* Field - Label - In Any field */
.ui.form .field *:not(:focus):placeholder-shown ~ label.floating {
	text-overflow: ellipsis;
	color: rgba(255, 255, 255, 0.5);
	font-size: 1.143rem;
	top: 1.25em;
}

.ui.form .field *:hover ~ label.floating {
	pointer-events: none;
	cursor: text;
}
.ui.form .field *:focus ~ label.floating,
.ui.form .field *:hover:focus ~ label.floating  {
	pointer-events: all;
	cursor: text;
}
/*-------------------
			Placeholder
--------------------*/
/* CSS Pseudo-Elements Level 4 Editor's Draft
   - Browsers not mentioned in vendor prefixes
   - Browser of newer versions than mentioned in vendor prefixes */
.ui.form .field *::placeholder {
	color: rgba(255, 255, 255, 0.5);
	opacity: 0; /* Needs to be separate from the ones below because the browser will ignore the settings and render with opacity other than 0 */
}
/* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile 12-12.1
   - Android Browser 2.1-4.4.4
   - Samsung Internet ≤6.2
   - QQ Browser */
.ui.form .field *::-webkit-input-placeholder { 
	color: rgba(255, 255, 255, 0.5);
	opacity: 0;
}
/* Firefox 4 - 18 */
.ui.form .field	*:-moz-placeholder {
	color: rgba(255, 255, 255, 0.5);
	opacity: 0;
}
/* Firefox 19 - 50 */
.ui.form .field *::-moz-placeholder {
	color: rgba(255, 255, 255, 0.5);
	opacity: 0;
}
/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
.ui.form .field *:-ms-input-placeholder { /* IE */
	color: rgba(255, 255, 255, 0.5);
}
/* Edge (also supports ::-webkit-input-placeholder) */
.ui.form .field *::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
	opacity: 0;
}
/*-------------------
Placeholder (Input in Focus)
--------------------*/
/* CSS Pseudo-Elements Level 4 Editor's Draft
   - Browsers not mentioned in vendor prefixes
   - Browser of newer versions than mentioned in vendor prefixes */
.ui.form .field *:focus::placeholder {
	color: rgba(255, 255, 255, 0.2);
	opacity: 0; /* Needs to be separate from the ones below because the browser will ignore the settings and render with opacity other than 0 */
}
/* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile 12-12.1
   - Android Browser 2.1-4.4.4
   - Samsung Internet ≤6.2
   - QQ Browser */
.ui.form .field *:focus::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.2);
	opacity: 0;
}
/* Firefox 4 - 18 */
.ui.form .field	*:focus:-moz-placeholder {
	color: rgba(255, 255, 255, 0.2);
	opacity: 0;
}
/* Firefox 19 - 50 */
.ui.form .field *:focus::-moz-placeholder {
	color: rgba(255, 255, 255, 0.2);
	opacity: 0;
}
/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
.ui.form .field *:focus:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.2);
	opacity: 0;
	}
/* Edge (also supports ::-webkit-input-placeholder) */
.ui.form .field *:focus::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.2);
	opacity: 0;
}
/*-------------------
Placeholder Shown (Input not in Focus)
--------------------*/
/* CSS Pseudo-Elements Level 4 Editor's Draft
   - Browsers not mentioned in vendor prefixes
   - Browser of newer versions than mentioned in vendor prefixes */
.ui.form .field *:not(:focus):placeholder-shown::placeholder {
	color: rgba(255, 255, 255, 0.5);
	opacity: 0;
}
/* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile 12-12.1
   - Android Browser 2.1-4.4.4
   - Samsung Internet ≤6.2
   - QQ Browser */
.ui.form .field *:not(:focus):placeholder-shown::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
	opacity: 0;
}
/* Firefox 4 - 18 */
.ui.form .field *:not(:focus):placeholder-shown:-moz-placeholder {
	color: rgba(255, 255, 255, 0.5);
	opacity: 0;
}
/* Firefox 19 - 50 */
.ui.form .field *:not(:focus):placeholder-shown::-moz-placeholder {
	color: rgba(255, 255, 255, 0.5);
	opacity: 0;
}
/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
	 .ui.form .field *:not(:focus):placeholder-shown:-ms-input-placeholder {
		color: rgba(255, 255, 255, 0.5);
		opacity: 0;

	}
/* Edge (also supports ::-webkit-input-placeholder) */
.ui.form .field *:not(:focus):placeholder-shown::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
	opacity: 0;
}
/*--------------
		Validation
---------------*/
/* Input - Validation */
.ui.form .ui.field .validation{
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	z-index: 1;
	pointer-events: none;
	font-size: 1.143rem;
	height: 3.572em; /* Height of the input field */
	width: 3rem; /* Width of the input field right padding */
}
/* Input - Validation - Icon */
.ui.form .ui.field .validation i.icon {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	width: 100%;
	margin-right: 0;
}
/* Input - Validation - Icon - Hidden */
.ui.form .ui.field .validation i.icon.hidden,
.ui.form .ui.search.selection.dropdown .validation i.icon.hidden {
	display: none;
}
/*-------------------
			Input Loader
--------------------*/
.validation .ui.inline.loader {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -0.5em;
	font-size: 1em;
}
/*******************************
            Grid
*******************************/
.ui.grid > .row.middle.aligned {
	align-items: center;
}

/*******************************
            Header
*******************************/
/* Header */
.ui.header {
	color: rgba(0, 0, 0, 0.8);
	font-weight: normal;
}

/* Header - Caps */
.ui.header.allcaps {
	text-transform: uppercase;
	font-size: 1rem;
	margin-top: 1em;
}

/* Header - Display */
.ui.header.display {
	text-shadow: 0px 0px 5px rgb(0, 0, 0);
	white-space: normal; /* ensures that the header does not inherit nowrap from glide.js */
}

/* Sizes */
h1.ui.header {
	font-size: 3em;
	line-height: 1.25;
	font-weight: normal;
}

h1.ui.header:only-of-type {
	margin-bottom: 1.5em;
}

h2.ui.header {
	font-size: 2.25em;
	line-height: 1.25;
	font-weight: normal;
}

h2.ui.header:only-of-type {
	margin-bottom: 2em;
}

h3.ui.header {
	font-size: 1.75em;
	line-height: 1.25;
	font-weight: normal;
}

h4.ui.header {
	font-size: 1.125em;
	line-height: 1.22222222em;
	font-weight: normal;
}

h5.ui.header {
	font-size: 1em;
	line-height: 1.375em;
	font-weight: bold;
}

/* Header in Nameplate */
.nameplate h1.ui.header {
	margin-bottom: 0em;
}

.nameplate h3.ui.header {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

/*******************************
            Hero
*******************************/
.hero {
	position: relative;
	display: inline-block;
	min-height: 50vh;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-clip: border-box;
	background-position: 50% 0%;
}

.hero::after {
	content: ""; /*resize the bg image proportionally*/
	display: block;
	padding-top: 53%; /* image width/height*100 */
}

/* Main */
.hero .main {
	position: absolute; /*to be able to position elements in the container*/
	bottom: 0; /*to be able to position elements in the container*/
	left: 0; /*to be able to position elements in the container*/
	right: 0; /*to be able to position elements in the container*/
	top: 0; /*to be able to position elements in the container*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.hero.slide_01 {
	background-image: url("../images/hero_partners.jpg");
}

.hero.slide_02 {
	background-image: url("../images/hero_location.jpg");
}

.hero.slide_03 {
	background-image: url("../images/hero_services.jpg");
}

/*******************************
            Icons
*******************************/
/* Icons */
i.icon {
	height: 1.5em;
	width: 1.5em;
}
/* Icon - Step */
i.step {
	margin-right: 0;
	margin-bottom: 1em;
}
/* Icon - Dark */
i.icon.dark {
	color: rgb(66, 66, 66);
}
/* Icon - Colored */
i.icon.red {
	color: rgba(247, 55, 70, 1) !important;
}
i.icon.green {
	color: rgba(74, 222, 178, 1) !important;
}
/*******************************
            Image
*******************************/
img {
	width: 100%;
}

/*******************************
            Label
*******************************/
/* Label - Error */
.ui.form .field .prompt.label {
	white-space: normal;
	background-color: rgba(40, 40, 40, 1) !important;
	border: 1px solid rgba(40, 40, 40, 1) !important;
	color: rgba(247, 55, 70, 1) !important;
	font-weight: normal;
}
/* Label - Error after a Selection Dropdown */
.ui.form .field .ui.selection.dropdown + .prompt.label {
	width: 100%;
}

/*******************************
            Link
*******************************/
/* Menu link */
a.menu-link {
	align-self: flex-end;
}

/* External Link */
a.animated:not([href*="ilait.com"]):not([href*="ilait.se"]):not([href^="#"]):not([href^="/"]):after {
	font-family: "Icons";
	content: " \f35d";
	font-size: 0.7em;
	text-decoration: none;
}

/* Animated Link */
a.animated {
	background-image: linear-gradient(#4183C4, #4183C4);
	background-repeat: no-repeat;
	background-size: 0% 1px; /* Internet Explorer does not support transitions of the 'background-size' property.*/
	background-position: 50% 100%;
	transition: background-size 0.2s ease-in;
}

a.animated:hover {
	background-size: 100% 1px;
}

/* Link in a Card */
.ui.card>.content a:not(.ui) {
	transition: background-size 0.2s ease-in;
}

/*******************************
            List
*******************************/
/* List */
.ui.list .list {
	padding-left: 2em;
	font-size: 1em;
}

.ui.list>.item {
	line-height: 1.375em;
}

.ui.list>.item>.content {
	line-height: 1.375em;
}

.ui.list .list>.item>.header {
	line-height: 1.375em;
	margin-bottom: 1em;
	margin-top: 1em;
}
.ui.selection.list .list > .item,
.ui.selection.list > .item {
	line-height: 1.375em;
	color: rgba(0, 0, 0, 0.7);
}

.ui[class*="very relaxed"].list:not(.horizontal) > .item:first-child {
	padding-top: 0.857143em;
}
.ui[class*="very relaxed"].list:not(.horizontal) > .item:last-child {
	padding-bottom: 0.857143em;
}

/* List - Header */
.ui.list .list>.item .header,
.ui.list>.item .header {
	color: rgba(0, 0, 0, 0.8);
	font-weight: normal;
}

/* List in an Accordion */
.ui.accordion .ui.list:last-child {
	margin-bottom: 0em;
}

/* List link - hover */
.ui.list .list>a.item:hover .icon,
.ui.list>a.item:hover .icon {
	color: rgb(255, 255, 255);
}

/* Inverted List - Bullet color */
.ui.inverted.link.list .item::before,
.ui.inverted.link.list a.item::before,
.ui.inverted.link.list .item a:not(.ui)::before {
	color: rgba(255, 255, 255, 0.5);
}

/*******************************
              Menu
*******************************/
/*--------------
    Topbar Menu
---------------*/
.ui.topbar.menu {
	min-height: 6.6428rem; /*change ak - menu height 93px*/
	z-index: 110;
}

/*--------------
  Topbar - Secondary
---------------*/
.ui.topbar.secondary.menu {
	background: #ffffff; /*change ak*/
	-webkit-box-shadow: 0px 5px 5px 0 rgba(34, 36, 38, 0.15); /*change ak - menu dropshadow*/
	box-shadow: 0px 5px 5px 0 rgba(34, 36, 38, 0.15); /*change ak - menu dropshadow*/
	background: linear-gradient(#FFFFFF, #f3f3f3); /*added ak - menu gradient*/
	background-origin: border-box;
}

/*--------------
  Icon Only
---------------*/
/* Item */
.ui.icon.menu .item {
	color: #424242; /*change ak - text color*/
}

/*--------------
  Labeled Icon
---------------*/
/* Item */
.ui.labeled.icon.menu .item {
	min-width: 7em; /*added ak - compensate for bolding resizing the active item*/
	text-transform: uppercase; /*added ak - menu text in uppercase*/
	margin: 0em 0em -3px; /*added ak - increased margin */
}

.ui.labeled.icon.menu .item>.icon:not(.dropdown) {
	font-size: 1em !important; /*change ak - menu icon size*/
	margin: 0em auto 1.5rem !important;
}

/*---------------------
    Secondary Pointing
-----------------------*/
/* Web */
.ui.secondary.pointing.menu.web {
	border-bottom: 3px solid #f3f3f3; /*change ak - menu border width and color*/
}

/* Web - Item */
.ui.secondary.pointing.menu.web .item {
	border-bottom-width: 3px; /*change ak - selected menu item underline width*/
	padding: 0.85714286em 1.14286em 1.5em; /*change ak - padding between menu item and underline */
}

/* Web - Button-Group Item */
.ui.secondary.pointing.menu.web .button-group.item {
	border-bottom: none; /*added ak - remove the underline under buttons in the menu*/
	padding: 1.8em; /*added ak - padding under buttons to align to the menu*/
	flex-direction: row; /*added ak - stack buttons in a row*/
	min-width: auto;
}

/* Web - Hidden Item */
.ui.secondary.pointing.menu.web .toc.item {
	display: none; /*hidden hamburger icon menu - must always come before media query*/
}

/* Web - Logo Item */
.ui.secondary.pointing.menu.web .logo.item { /*added ak - logo in menu*/
	background-position: center;
	background-repeat: no-repeat;
	min-height: 85px;
	height: auto;
	width: auto;
	border-bottom: none;
}

/* Button Item */
.ui.secondary.pointing.menu.web .button-group.item .ui.button {
	text-transform: uppercase;
	font-weight: normal;
	margin: 0em;
}

.ui.secondary.pointing.menu.web .button-group.item .ui.button:not(.gray) {
	margin-left: 0.5em; /*added ak - margins between buttons*/
}

/*---------------------
      Top Sidebar
-----------------------*/
.ui.top.sidebar {
	top: 93px !important; /*offset the menu to compensate for the menu bar*/
}

/*******************************
            Message
*******************************/
/* Message */
.ui.visible.visible.visible.visible.message {
	display: flex;
	flex-wrap: wrap;
}
.ui.message {
	font-size: 1.14286em;
}

/* Message - Icon*/
.ui.message i {
	font-size: 0.875em;
}
.ui.message i.huge.icon {
	font-size: 4em;
	margin: 0em;
	position: relative;
}
.ui.message i.icon:before {
	left: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	margin-top: -0.5em;
}

/* Message - Error */
.ui.error.message {
	background-color: rgba(40, 40, 40, 1);
	color: rgba(247, 55, 70, 1);
	-webkit-box-shadow: none;
					box-shadow: none;
}

.ui.error.message .header {
	color: rgba(247, 55, 70, 1);
	font-size: 1.14286rem;
}

/* Message - Success */
.ui.success.message {
	background-color: rgba(40, 40, 40, 1);
	color: rgba(74, 222, 178, 1);
	-webkit-box-shadow: none;
					box-shadow: none;
}

.ui.success.message .header {
	color: rgba(74, 222, 178, 1);
	font-size: 1.14286rem;
}

.ui.success.message h3.ui.header {
	font-size: 1.75em;
	line-height: 1.25em;
	font-weight: normal;
	margin-bottom: 1rem;
}

/*******************************
            Search
*******************************/
/* Search */
.panel.first .ui.search {
	font-size: 1.143rem;
}

/*******************************
            Segment
*******************************/
.ui.segment {
	font-size: 1em;
}
/* Inverted */
.ui.inverted.segment .item {
	color: rgba(255, 255, 255, 0.5);
}
/* Stripe */
.ui.stripe.segment {
	background-color: transparent;
	box-shadow: none;
	padding: 6em 0em;
	border-radius: 0;
	border: none;
	margin-top: 0px;
}

/* Segment - Map */
.ui.segment .google-maps {
	width: 100%;
	height: 280px;
	background-color: rgba(0, 0, 0, 0.7);
	border-top-left-radius: 0.285714rem;
	border-top-right-radius: 0.285714rem;
}

.panel.nameplate .ui.segment {
	padding: 6.6428rem 0em 0em 0em;
}

/* Segment - Basic last in the Panel */
.panel .ui.basic.segment:last-child {
	padding-bottom: 0em;
}
/* Segment - Transluscent */
.ui.light.transluscent.segment {
	background-color: rgba(255, 255, 255, 0.3);
	border: none;
}
/* Segment - Transparent */
.ui.transparent.segment {
	background-color: rgba(255, 255, 255, 0);
	border: none;
}
/* Segment - In a column */
.column .ui.segment {
	height: 100%
}
/*******************************
            Site
*******************************/
body {
	/* font size = 16px */
	font-size: 100%;
	line-height: 1.375em;
	color: rgba(0, 0, 0, 0.7);
}

body, h1, h2, h3, h4, h5, h6 {
	/*for some reason this affects ui.dropdown.default text*/
	/* font-size-adjust: 0.5; */
}

/* Paragraph Text */
p {
	font-size: 1em; /* equivalent to 16px */
	line-height: 1.375em; /* equivalent to 22px */
}

p.inverted {
	color: rgb(255, 255, 255);
}

p.left.aligned {
	text-align: left;
}

h1, h1:last-child {
	font-size: 3em; /* equivalent to 48px */
	line-height: 1.05em; /* equivalent to ~17px */
}

h2 {
	font-size: 2.25em; /* equivalent to 36px */
	line-height: 1.25em; /* equivalent to 20px */
}

h3 {
	font-size: 1.75em; /* equivalent to 28px */
	line-height: 1.25em; /* equivalent to 20px */
}

h4 {
	font-size: 1.125em; /* equivalent to 18px */
	line-height: 1.22222222em; /* equivalent to ~20px */
}

h5 {
	font-size: 1em;
	line-height: 1.375em;
}

blockquote {
	font-size: 1.5em; /* equivalent to 24px */
	line-height: 1.45833333em; /* equivalent to ~23px */
}