header a,
nav a {
	text-decoration: none;
	color: inherit;
}

body a.skiplink {
	display: inline-block;
	color: #555;
	background: #fff;
	padding: 0.5em;
	position: absolute;
	left: -99999rem;
	z-index: 100;
}

body a.skiplink:focus {
	left: 0;
}

/***********************************************************************************/

/* 			NAVBAR					 */

/*********************************************************************************/

header>div.container {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	max-width: inherit;
	overflow: visible;
}

header>.container figure.logo {
	max-width: 13rem;
	z-index: 5;
	position: absolute;
    left: 48%;
    transform: translate(-50%);
}

header>.container .btn.btn-primary, header>.container .btn.btn-success {
	position: relative;
	top:3px;

}

header figure.logo img{
	height: 75px;
}

header nav .dropdown-menu{
	margin-top: 0;
}
/***********************************************************************************/

/* 			MENUBR					 */

/*********************************************************************************/

#mainNav .navbar-light .navbar-toggler {
	color: var(--font-green);
}

#mainNav>div {
	max-width: 1024px;
	margin: auto;
}



#mainNav .nav-item {
	font-size: 1.1rem;
	font-weight: bold;
	color: #FFF;
}

#mainNav .nav-item.selected a {
	color: var(--font-green) !important;
}

#mainNav {
	position: fixed;
	background-color: white;
	height: 130px;
	z-index: 300;
	top: 70px;
}

.dropdown-toggle::after {
	margin-left: 1rem;
}

#mainNav .dropdown-item {
	padding: .8rem 0 .5rem;
	font-weight: 500;
}

#mainNav .dropdown-item:last-child {
	border-bottom: none;
}



/***********************************************************************************/

/* 			Language & Login Menus					 */

/*********************************************************************************/
#selected-language-button {
	background-color: white;
	color: black;
	border: 0px white;
	margin-top: 8px;
}

#dropdown-menu-language {
	height: auto;
	min-width: 0;
	padding: 0;
}

header>div>div ul {
	display: inline-block;
	clear: none;
	height: 30px;
	list-style-type: none;
	overflow: hidden;
	text-align: left;
	position: relative;
}

header>div>div ul:hover {
	height: auto;
	background: #fff;
	border: 1px solid #ccc;
	z-index: 5;
}

#partnerspage .page_heading_container div ul{
	height: auto;
	list-style-type: initial;
}
#partnerspage .page_heading_container div ul:hover{
	background: initial;
	border:none;
}

header div .menu_language,
header div #login {
	flex: 0 1 auto;
	height: 50px;
	overflow: visible;
	display: flex;
	align-items: flex-start;
	margin-right: auto;
}

div#login {
	justify-content: flex-end;
}

div#login nav ul {
	padding: 5px;
	top: 7px;
}

div#login nav ul:hover {
	top: 6px;
	left: 1px;
}

div#login nav ul li i {
	margin-right: 10px;
}

div.menu_language svg {
	height: 20px;
	position: relative;
	top: 15px;
}

div.menu_language ul {
	padding: 5px;
	top: 6px;
}

div.menu_language a.selected {
	pointer-events: none;
}

header>div>div.menu_language ul li {
	padding: 1px 10px 3px 10px;
}

@media screen and (max-width: 425px) {
	header div.menu_language > svg {
		display: none;
	}

	header>div.container {
		padding-left: .5rem;
		padding-right: .5rem;
	}
}

header>div>div ul li:hover:not(div#login nav ul li:first-of-type, body#partnerspage header>div>div ul li) {
	background: var(--background-light-green);
	font-weight: 600;
	cursor: pointer;
}

header>div>div>ul li a:hover {
	color: #1d1d1b;
}

.logincontainer {
	display: flex;
	flex: 0 1 auto;
	margin-right: 5px;
	margin-top: 7px;
}

div#login nav ul li {
	padding-left: 5px;
}

div#login nav ul li:first-of-type {
	line-height: 1rem;
	padding-bottom: 5px;
}

div#login nav ul li:last-of-type {
	padding-bottom: 2px;
}


/***********************************************************************************/

/* 			masthead		 */

/*********************************************************************************/

header div.masthead {
	/* margin-bottom: 50px; */
	/* background: no-repeat center center; */
	/* background-attachment: scroll; */
	position: relative;
	/* -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
	min-height: 600px;
	padding-top: 20px;
	display: flex;
	align-items: center;
}

#homepage header div.masthead,
#testdetailspage header div.masthead,
#tandcpage header div.masthead,
#privacypolicypage header div.masthead,
#legalpage header div.masthead {
	min-height: inherit;
}

/* header div.masthead .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #212529;
	opacity: 0.5;
} */

header div.masthead .page-heading,
header div.masthead .post-heading,
header div.masthead .site-heading {
	padding: 150px 0 15px;
	color: inherit;
}

header div.masthead .page-heading p,
header div.masthead .page-heading div,
header div.masthead .page-heading li {
	font-size: 1rem;
}

header div.masthead .post-heading h1 {
	font-size: 2rem;
}

header div.masthead .button_container {
	display: flex;
	margin-top: 34px;
	flex-wrap: wrap;
	gap: 3rem;
}
#testcatalogpage header .button_container {
	display: flex;
	justify-content: center;
}
header div.masthead .post-heading .meta {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: italic;
}

header div.masthead .post-heading .meta a {
	color: #fff;
}

div.row header div.masthead .page-heading,
header div.masthead .site-heading {
	text-align: center;
}

header div.masthead .page-heading img {
	width: 100%;
}

body:not(#homepage, #ourteampage, #partnerspage, #blogpage, #contactpage) header div.masthead {
	background-color: var(--background-light-green);
}

header .masthead div.row {
	max-width: 1100px;
}

header .heading_string {
	margin-top: 2rem;
}

#trytheplatformpage header .heading_string {
	width: 50%;
	margin-top: 20px;
}
#trytheplatformpage .header_content {
	display: flex;
	justify-content: center;
}

/** non home page header ***/

#contactpage header .button_container {
	justify-content: center;
}

#ourteampage header div.masthead,
#blogpage header div.masthead,
#contactpage header div.masthead,
#partnerspage header div.masthead {
	background-color: #05676a;
	color: #fff;
	align-items: center;
}

#blogpage #dib-posts a.dib-post {
	min-height: 34rem;
}

#ourteampage header h1,
#ourteampage header h2 {
	flex: 0 0 100%;
}

#ourteampage .page-heading {
	display: flex;
	flex-wrap: wrap;
}

body:not(#homepage) header div.masthead .overlay {
	display: none;
}

#testdetailspage header div.masthead .page-heading {
	/* padding: 100px 0 0; */
	max-width: 1044px;
	margin: 0 auto;
}

#testdetailspage header div.masthead {
	margin-bottom: 0;
}

/***********************************************************************************/

/* 			HOME PAGE	 */

/*********************************************************************************/

b body#homepage header div.masthead .overlay {
	z-index: 3;
	opacity: 0.25;
}

body#homepage header div.masthead div.row {
	min-height: 80px;
}

/***********************************************************************************/

/* 			PRICING PAGE	 */

/*********************************************************************************/

#pricingpage header .page_heading_container {
	width: 50%;
	margin: 2rem 0;
}

#pricingpage header .button_container {
	justify-content: flex-start;
}

#pricingpage header .page-heading {
	background: url("../images/background/picto-6.png");
	background-size: 38rem;
	background-repeat: no-repeat;
	background-position: right;
	background-position-y: bottom;
}

#pricingpage header div .page-heading {
	min-height: 36rem;
}

#pricingpage header h1 {
	font-size: 2.5rem;
}

/***********************************************************************************/

/* 			codingchallengespage	 */

/*********************************************************************************/

#codingchallengespage .button_container {
	display: none;
}

#codingchallengespage .page-heading {
	padding-bottom: 0;
}

#codingchallengespage .page_heading_container figure {
	width: 23rem;
}



/***********************************************************************************/

/* 			partnerspage	 */

/*********************************************************************************/

#partnerspage .page_heading_container div ul {
	margin: 0;
}

/***********************************************************************************/

/* 			codingchallengessolutionpage	 */

/*********************************************************************************/

/* #codingchallengessolutionpage .page_heading_container {
	margin: 7rem 0;
} */

/***********************************************************************************/

/* 			LOGIN PAGE	 */

/*********************************************************************************/

body.loginpage header .masthead {
	display: none;
}

body#contestloginpage header div.navbar-fixed-top a {
	margin: auto;
}

body#contestloginpage .logincontainer{
	display: none;
}

body.loginpage .navbar-fixed-top .container-fluid {
	height: 90px;
}

body.loginpage .navbar-fixed-top .logo img {
	position: relative;
	top: -17px;
}

/***********************************************************************************/

/* 			MEDIA QUERIES		 */

/*********************************************************************************/


@media all and (min-width: 992px) {
	.navbar .nav-item:hover .dropdown-menu {
		display: block;
	}
}

@media screen and (min-width: 768px) {
	#contactpage header div.masthead {
		text-align: center;
		background: url("../images/contact/contact_background.png");
		background-size: cover;
		background-repeat: no-repeat;
		display: flex;
		background-position-x: center;
	}
}

@media screen and (max-width: 768px) {
	#pricingpage header .page_heading_container {
		width: 100%;
	}

	#pricingpage header .page-heading {
		background: none;
	}

	#pricingpage header .button_container {
		justify-content: center;
	}

	#codingchallengespage .page-heading .row div div {
		text-align: center;
	}
}

@media (max-width: 960px) {
	#homepage header {
		margin-top: 40px !important;
	}
	header {
		margin-top: -70px !important;
	}
	#mainNav {
		position: fixed;
		flex: 0 1 auto;
		height: auto;
		justify-content: flex-end;
		margin-left: auto;
		z-index: 1000;
		width: fit-content;
		top: 10px;
		right: 12px;
	}

	#mainNav .nav-item {
		border-bottom: 1px solid;
		border-bottom-style: ridge;
		font-size: 1rem;
		font-weight: 500;
	}

	#mainNav .nav-link {
		padding-left: 1rem;
	}
	
	#mainNav .nav-link:hover {
		background: var(--background-light-green);
	}

	.logincontainer {
		display: none;
	}

	.container-fluid .TsMenubar {
		background-color: white;
	}

	#mainNav div.dropdown-menu {
		border: none;
	}

	header div.container {
		overflow: visible;
		height: 100%;
		max-height: 5rem;
	}

	#mainNav ul {
		background: #FFF;
		border: 1px solid rgba(0, 0, 0, .1);
	}

	#mainNav ul li.nav-item {
		border:none;
	}


	#mainNav .dropdown-item {
		padding-left: 20px;
	}
	#homepage .masthead{
		display: none;
	}

}

@media only screen and (min-width: 960px) {
	#mainNav div.dropdown-menu {
		background: #01CC99;
		padding: 0 1.2rem 0 1.2rem;
		border-radius: 0;
		max-width: 20rem;
	}

	#mainNav .dropdown-item:hover {
		font-weight: 600;
		background: #01CC99;
		color: #1d1d1b;
	}

	#mainNav .dropdown-item {
		color: #FFF;
		border-bottom: 1px solid #FFF;
	}


	#mainNav .navbar-brand:focus,
	#mainNav .navbar-brand:hover {
		color: rgba(255, 255, 255, 0.8);
	}

	#mainNav .navbar-nav>li.nav-item>a {
		padding: 30px 16px;
		color: #fff;
		font-size: 1.1rem;
		font-weight: 600;
	}

	#mainNav .navbar-nav>li.nav-item>a:focus,
	#mainNav .navbar-nav>li.nav-item>a:hover {
		color: rgba(255, 255, 255, 0.8);
	}

	#mainNav {
		border-bottom: 1px solid transparent;
		background-color: #222;
		-webkit-transition: background-color 0.2s;
		-moz-transition: background-color 0.2s;
		transition: background-color 0.2s;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
	}

	#mainNav.is-fixed {
		position: fixed;
		top: -67px;
		-webkit-transition: -webkit-transform 0.2s;
		-moz-transition: -moz-transform 0.2s;
		transition: transform 0.2s;
		border-bottom: 1px solid #fff;
		background-color: rgba(255, 255, 255, 0.9);
	}

	#mainNav.is-fixed .navbar-brand {
		color: #212529;
	}

	#mainNav.is-fixed .navbar-brand:focus,
	#mainNav.is-fixed .navbar-brand:hover {
		color: #0085a1;
	}

	#mainNav.is-fixed .navbar-nav>li.nav-item>a {
		color: #212529;
	}

	#mainNav.is-fixed .navbar-nav>li.nav-item>a:focus,
	#mainNav.is-fixed .navbar-nav>li.nav-item>a:hover {
		color: #0085a1;
	}

	#mainNav.is-visible {
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		-o-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

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

	header div.masthead .page-heading h1,
	header div.masthead .site-heading h1 {
		font-size: 2.2rem;
	}

	header div.masthead .page-heading h1:nth-of-type(2) {
		margin-bottom: 30px;
	}

	header div.masthead .page-heading .btn.rounded-pill {
		border-radius: 10px !important;
		padding: 8px 50px;
		font-size: 1.1rem;
	}
}

@media only screen and (min-width: 768px) {
	header div.masthead .post-heading h1 {
		font-size: 3.5 rem;
	}
}

.fixed-banner {
	position: fixed;
	background-color: white;
	z-index: 400;
	width: 100%;
	padding: 10px 0;
	display: flex;
	left: 0px;
	top: 0px;
	height: 70px;
	align-items: center;
}

header {
	margin-top: 40px;
}

/***********************************************************************************/

/* 			TRY THE PLATFORM PAGE	 */

/*********************************************************************************/
#trytheplatformpage header .page_heading_container {
	margin-top: 40px;
}

#trytheplatformpage header .button_container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

#trytheplatformpage header .page-heading {
	background: url(../images/trytheplatform/trytheplatform_header.png);
	background-size: 340px auto;
	background-repeat: no-repeat;
	background-position: bottom right;
	position: relative;
	max-width: 766px;
}

#trytheplatformpage .page-heading .page_heading_container h1 {
	font-size: revert;
}

@media (min-width: 992px) {
	.navbar-nav {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}