body {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 300;
	background-color: #fff;
}

/* Light: 300 - Regular: 400 - Semi-bold: 600 - Bold: 700 */

a {
/*	color: #005c95; */
	color: #4484b0;
/*	text-decoration: none; */
	text-decoration: underline;
	transition: color 0.5s ease;
}

a.newslink, a.newslink:hover {
    color: #fff;
}

.logo_and_contact a, .courseTile a, a.calendarLink, .slide a, .quote a, .answer a, #footer a {
	text-decoration: none;
}

a:hover {
	color: #f37022;
	text-decoration: underline;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Open Sans', sans-serif;
}

h1, .fp h2 {
/*	padding-top: 1.5rem; */
	font-weight: 300;
	color: #044a75;
	font-size: 40px;
}

.subpage h2 {
	font-size: 18px;
	font-weight: 600 !important;
	color: #044a75;
	margin-bottom: 0px;
	margin-top: 25px;
}

.subpage h3 {
	font-size: 18px;
	font-weight: 400;
	color: #000;
	margin-bottom: 0px;
/*	margin-top: 25px; */
}

li {
	margin-left: 1.5rem;
}

table {
	border-color: transparent;
	width: auto;
}

tbody, thead, tfoot {
	border: 0px none;
	background-color: transparent;
}

tbody tr:nth-child(even) {
	background-color: inherit;
}

tbody td {
	padding: 2px 20px 2px 0px;
}

tbody td:last-child {
	padding: 2px 0px 2px 0px;
}

p.myQuote, div.myQuote {
font-weight: 300;
font-size: 25px;
font-style: italic;
text-align: center;
padding-left: 10%;
padding-right: 10%;
color: #f37022;
margin-top: 25px;
margin-bottom: 0px;
}

div.myQuote p:first-child:before {
	content: "\"";
}

div.myQuote p:last-child:after {
	content: "\"";
}

p.quotesource {
	padding-left: 10%;
	padding-right: 10%;
	text-align: center;
	margin-bottom: 40px;
}

img.alignright {
	float: right;
}

/* MAIL FORM */

form#mailform {
	font-size: 15px;
}

#mailform h1 {
	font-size: 25px;
}

label {
	float: left;
	width: 30%;
	font-size: inherit;
	line-height: inherit;
	clear: left;
}

label.wide {
	width: 100%;
}

form#mailform input[type='text'], form#mailform select {
	width: 70%;
	height: autto;
	padding: 0.2rem;
	margin: 0;
	font-size: 15px;
}

form#mailform select {
	padding-right: 20px;
}


form .error {
	color: #c00;
	font-size: 15px;
	font-weight: 700;
	display: none;
}

input[type='checkbox'] {
	margin: 0;
}

/* TOPMENU */

.logo {
	float:left;
}

.logo_and_contact .contact {
	float: right;
	font-size: 14px;
	padding-top: 20px;
	padding-right: 20px;
}

.logo_and_contact .contact a {
	color: inherit;
	display: block;
	width: 100%;
	padding-left: 32px;
}

.logo_and_contact .contact .phone a {
	background-image:url(/wp-content/themes/shipleynordic/images/phoneicon.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 22px;
	line-height: 22px;
	margin-bottom: 8px;
}

.logo_and_contact .contact .mail a {
	background-image:url(/wp-content/themes/shipleynordic/images/mailicon.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 16px;
	line-height: 16px;
	margin-bottom: 8px;
}


.logo_and_contact .contact .linkedin a {
	background-image:url(/wp-content/themes/shipleynordic/images/linkedinlogo.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 20px;
	line-height: 22px;
}

.title-bar {
	background-color: #3c3c3c;
}

.top-bar, .top-bar ul {
	background-color: #3c3c3c;
	color: #fff;
	z-index: 1000;
	font-size: 16px;
}

.top-bar a, .top-bar ul a {
	color: #fff;
}

.top-bar {
	padding: 10px;
}

.menu li {
	margin-left: inherit;
}

.menu li a {
	text-decoration: none;
}

.button {
	background-color: #f37022;
	font-weight: 700;
	font-size: 18px;
}

.button:hover, .button:focus {
	background-color: #d03504;
}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after, .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
	border-color: #fff transparent transparent;
}

.dropdown.menu li.is-active a {
	color: #fff;
}

.dropdown.menu > li > a {
/*    padding: 10px 7px 10px 5px; */
    padding: 10px 5px 10px 5px;		
}

.is-dropdown-submenu {
	border: 0px none;
}

/* SEARCH */

input[type=search]{
	background-color: transparent;
	border-top: none transparent;
	border-left: none transparent;
	border-right: none transparent;
	border-bottom: 1px solid #fff;
	color: #fff;
    max-width: 180px;
}

[type='search']:focus {
	box-shadow:none;
	background-color: inherit;
	border: inherit;
}

form .menu .button {
	display: none;
}

/* BURGERMENU */

.menu-icon::after {
    top: 5px;
    height: 3px;
}

/* GRID */

.grid-x {
/*	background-color: #fff; */
	margin-bottom: 30px;
}

.grid-x.topspace {
	padding-top: 1.5rem;

}

.cell {
	padding: 20px;
}

/* FRONTPAGE */

/* SLIDESHOW */

.grid-x.slide {
	background-color: transparent;
}

#casesSlides {
	height: 300px;
	overflow: hidden;
	z-index: 0;
	background-size: cover;
	background-position: center;
}

#caseSlides a {
	width: 100%;
	display: block;
}

.caseSlide {
	height: 300px;
	width: 100%;
	position: relative;
	background-size: cover;
	background-position: center;
/*	padding: 50px; */
	cursor: pointer;
}

.caseSlide a h2 {
	color: #fff !important;
	text-decoration: none;
	font-size: 32px;
	line-height: 35px;
	font-weight: 300;
	background-image: url(/wp-content/themes/shipleynordic/images/citation.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 65px;
/*	text-shadow: 0px 0px 5px #000; */
}

.caseSlide a:hover  {
	color: #fff;
	text-decoration: none;
}

.caseSlide .credit {
	position: absolute;
	font-size: 16px;
	bottom: 30px;
	right: 50px;
	color: #fff;
}

.credit .name {
	font-weight: 800;
}

/* QOUTES */


div.q_wrapper {
	position:relative;
	height: 170px;
}

p.quote, p.quote a {
	font-weight: 300;
	color: #ff5f00;
	font-size: 32px;
	line-height: 38px;
	position:absolute;
	bottom: 0;
	left: 0px;
	width: 100%;
	margin-bottom: 0px;
}

.cell:nth-child(2) p.quote, .cell:nth-child(2) p.quote a {
	color: #3e3e3d;
}

.quotebox a:hover {
	text-decoration: none;
}

p.answer, p.answer a {
	font-weight: 600;
	color: #5f6971;
	margin-bottom: 0;
	font-size: 18px;
	text-transform: uppercase;
	height: 80px;
	padding-right: 20px;
}

/* SECTION TEASERS */

.cell.fp_illu {
	padding: 0;
}

a.fp_link, a.fp_link:hover {
	color: inherit;
	text-decoration: none;
}


/* NEWS */

.cell.news {
	background-color: #93a1ab;
	font-size: 16px;
	position: relative;
}

.cell.news:nth-child(1) {
	background-color: #f37022;
}

.cell.news:nth-child(1) h3 {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 40px;
	color: #fff;
}

.cell.news:nth-child(2) {
	background-color: #6f7d89;
}

.cell.news:nth-child(3) {
	background-color: #93a1ab;
}

.cell.news p.date {
	color: #FFF;
	text-transform: uppercase;
	margin-bottom: 0px;
}

.cell.news h3 {
	font-size: 20px;
	margin-bottom: 0;
	font-weight: 700;
}

p.readmore {
	font-size: 15px;
}

p.readmore a {
	color: inherit;
}

/* KOMPETENCEUDVIKLING */

.kompetenceudvikling {
	background-image: url(/wp-content/themes/shipleynordic/images/kompetence_bg.jpg);
	background-size: cover;
	color: #fff;
}

.kompetenceudvikling h2, .kompetenceudvikling a, .om-os h2, .om-os a {
	color: #fff;
}

.om-os {
	background-image: url(/wp-content/themes/shipleynordic/images/om_os_bg.jpg);
	background-size: cover;
	color: #fff;
}

p.signup {
	text-align: center;
	margin-top: 2rem;
}

/* KONTAKT */

h2.contact {
	color: #f37022;
}

.fp_contact a, .fp_contact a:hover {
	color: inherit;
	text-decoration: none;
}

.contactinfo {
	position: relative;
	padding-bottom: 0px;
}

.contactinfo iframe {
	margin-bottom: 1rem;
}

.contactContent {
	position: absolute;
	bottom: 0px;
}

.contactinfo a, .contactinfo a:hover {
	color: inherit;
}


/* UNDERSIDER */

.subheader {
	font-size: 25px;
	line-height: 25px;
	font-weight: 300;
	color: #5f6971;
}

/* KURSER */

.courseOverview h2 {
	font-size: 20px;
	line-height: 1;
	margin-bottom: 0px;
}

.courseTile {
	height: 220px;
	background-size: cover;
	background-position: center;
	position: relative;
}

.courseTileContent {
	position: absolute;
	bottom: 0px;
	background-color: rgba(0,0,0,.5);
	color: #000;
	width: 100%;
	font-size: 20px;
	padding: 18px;
	line-height: 1;
}

.courseTileContent p, .courseTileContent h2 {
	margin-bottom: 0px;
}

.courseTileContent h2, .courseTile h2 {
	margin-top: 0px;
	color: #fff;
}

.subpage .courseTile > h2 {
	text-align: center;
	font-weight: 300 !important;
	font-size: 1.5rem;
	padding-top: 20%;
	padding-left: 10%;
	padding-right: 10%
}

a.calendarLink:hover {
	text-decoration: none;
}

/* CASES */

.case {
	height: 220px;
	background-size: cover;
	color: #fff;
	position: relative;

}

.case a {
	color: #000;
}

.subpage .courseTileContent h2, .subpage .case h2 {
	font-weight: 400 !important;
	font-size: 18px;
}

.caseContent {
	width: 100%;
	position: absolute;
	bottom: 0px;
	background-color: rgba(0,0,0,.5);
	padding: 1rem;
}

.subpage .caseContent h2 {
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: 400 !important;
	color: #fff;
}

.caseContent .category {
	font-size: 0.8rem;
	color: #f37022;
	text-transform: uppercase;
}

/* HISTORY */

.historyslides {
	float: left;
}

#cycle-prev, #cycle-next {
	float: left;
	height: 303px;
	width: 90px;
	background-repeat: no-repeat;
	background-size: 25%;
	cursor: pointer;
}

#cycle-prev {
		background-image: url(/wp-content/themes/shipleynordic/images/history_arrow_back.png);
			background-position: left center;
}

#cycle-next {
		background-image: url(/wp-content/themes/shipleynordic/images/history_arrow.png);
			background-position: right center;
}

.clientlogos {
/*	display: table-row; */
margin-top: 80px;
}

.clientlogo {
/*	display: table-cell;
	vertical-align: middle; */
	text-align: center;
	margin-bottom: 20px;
	position: relative;
}

.clientlogo img {
	max-height: 100px;
	-webkit-filter: grayscale(1);
  	filter: grayscale(1);
	width: auto;
	/* position: absolute; */
  	top: 50%;
  	transform: translateY(-50%);
	margin-bottom: 40px;
	transition: filter 0.2s ease;
}

.clientlogo a:hover img {
	-webkit-filter: grayscale(0);
  	filter: grayscale(0);
}

/* CONTACT */

.grid-x.contactpage {
	padding-top: 150px;
}


/* SEARCH */

.search h2 {
	font-size: 20px;
	font-weight: 700;
}

p.searchlink {
	margin-bottom: 20px;
}

/* KURSUSKALENDE */
.courseCalendar {
	width: 100%;
}

.courseCalendar th {
	color: #4484b0;
	text-align: left;
	font-weight: normal;
	padding-left: 0px;
}

.courseCalendar tbody tr {
	border-bottom: 1px solid #3c3c3c;
}

/* FOOTER */

#footer {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	margin-top: 40px;
}

#footer .grid-x {
	background-color: #3c3c3c;
	margin-bottom: 0px;
	height: auto;
}

#footer .grid-x > .cell {
	position: relative;
}

#footer p {
	margin-bottom: 0px;
}

#footer a, #footer a:hover {
	color: #fff;
}

#footer table {
	margin-bottom: 5px;
}

#footer tbody td {
	padding: 5px;
	line-height: 1;
}

#footer table.flagtable {
	width: 100%;
}

#footer .flagtable img {
	width: 35px;
	height: 17px;
}

#footer thead, #footer tbody, #footer tfoot, #footer tbody tr:nth-child(even) {
	background-color: transparent;
}

.mejs-overlay-button {background: initial !important;}

/* MEDIA QUERIES */

/* DESKTOP ONLY */


@media only screen and (min-width: 64.063em) {
/* GRID */

.menu.medium-horizontal {
	margin-left: 13px;
}

.cell:first-child, .cell:nth-child(3n+1), .cell.medium-8.fp_teaser, .subpage .cell.large-9, .cell.large-10 {
	padding-left: 38px;
}

.cell:first-child p.answer {
	left: 38px;
}

/* Q & A */
	.quotebox {
		position: relative;
		padding-bottom: 120px;
	}

	p.answer {
		position: absolute;
		bottom: 20px;
		left: 20px;
	}

/* NEWS */

	.cell.news {
		padding-bottom: 60px;
	}

	p.readmore {
		position: absolute;
		bottom: 30px;
	}

/* FOOTER */

	#footer .grid-x {
		height: 150px;
	}

	.footerContent {
/*		position: absolute; */
/*		bottom: 32px; */
	}

	.footerContent.flags {
		bottom:0px;
	}


}

/* MOBILE ONLY */

@media only screen and (max-width: 40em) {

	body {
		font-size: 15px;
	}

/* GRID */

	h1, .fp h2 {
		font-size: 30px;
	}

	.subpage h2, .subpage h3 {
		font-size: 15px;
	}

	.subheader {
		font-size: 18px;
		line-height: 18px;
	}

/* FRONTPAGE SLIDESHOW */

	.caseSlide {
/*		height: 350px; */
	}

	.caseSlide a h2 {
    	font-size: 16px;
    	line-height: 18px;
		background-postion: left: 0px;
	}

	.slide .cell {
		padding-top: 10px;
	}

	.caseSlide .credit {
		font-size: 14px;
    	bottom: 5px;
		right: 15px;
	}

	.logo_and_contact .contact {
		float:left;
		padding-left: 20px;
		padding-bottom: 20px;
	}

	.fp_illu img, .contactinfo img {
		width: 100%;
		height: auto;
	}

	div.q_wrapper {
		height: auto;
	}

	p.quote, p.quote a {
		position: relative;
		margin-bottom: 20px;
	}

	#cycle-prev, #cycle-next {
		display: none;
	}
/*
	.subheader {
		font-size: 22px;
		line-height: 22px;
	}
*/
	.grid-x.contactpage {
		padding-top: inherit;
	}

	.contactContent {
		position: relative;
	}

	#kursusModal h1 {
		font-size: 30px;
	}

	#kursusModal p {
		clear: both;
		margin-bottom: 20px;
	}

	#kursusModal label {
		margin-bottom: 20px;
	}

	#footer .grid-x {
		height: auto;
	}
}