@import url('https://fonts.googleapis.com/css?family=Open+Sans:400');
@media screen {
@media (max-width: 51em) {
	.nav{
		height:auto;
	}
/*	.navbar_content {grid-template-columns: auto;    grid-template-rows: auto; padding-left:2em;
	padding-right:2em;}*/
}

@media screen and (min-width: 90em) {
	.navbar_content {
		/*max-width:85em;*/
		max-width:1360px!important;
	}
}


/* ============= Standard Navbar Styling ============= */
.nav{
	height:7.5em;
	padding: 0 1em;
	background-color: rgba(81,162,219,0.9);
 	/*linear-gradient*/
 	background-image: linear-gradient(to right,rgba(72,195,237,0.4),rgba(31,103,172,0.6)), url("../images_start/start_page_triangle_bkg.svg");
	}
	
.navbar_content {
	/* max-width:1170px; */
	max-width: 73em;
	margin:0 auto;
	 /*display: table-cell;for IE */
	display: grid;
	/* grid-column: 15em auto; */
	grid-template-rows: 4.5em 1.8em 1.2em;
	grid-template-columns: 40em;
	grid-column-gap: 2em;
	/* display: inline-block; */
 }
 
  .top_GL_logo_DEFAULT{
	grid-row: 1/2;
	display: inline-block;
	margin-top: 1em;

 }
 
 .nav_GL_logo{
	grid-row: 1/2;
	display: inline-block;
	margin-top: 0.4em;
 }
 
  .nav_DF_logo{
	grid-row: 1/2;
	display: inline-block;
	/*margin-top: 1.5em;*/

 }
 
 .nav_GLNow_logo{
	grid-row: 1/2;
	display: inline-block;
	margin-top: 1.5em;
 }
 
 img.nav_GL_logo{
	width: 62%;
}

img.nav_DF_logo{
	width: 62%;
	/*padding-top: 1.5em;*/
}

img.top_DF_logo{
	margin-top: 1.5em;
}

img.nav_book_logo{
	width: 16%;
	padding: 0 0 8px 0;
}

#header_id{
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-weight: 400;
	margin: -0.2em 0 0.3em 0;
	float:left;
}

.top_menu {
	/* vertical-align: 10em;
	vertical-align:text-bottom; */
	grid-row: 2/3;
	padding-top: .1em;
}
 
 /* ============= GCC Navbar Styling ============= */
 .nav-GCC{
	height:5.5em;
	padding: 0 1em;
	/*background-color: rgba(81,162,219,0.9);
 	/\*linear-gradient*\/
 	background-image: linear-gradient(to right,rgba(72,195,237,0.4),rgba(31,103,172,0.6)), url("../images_start/start_page_triangle_bkg.svg");*/
	}
	
 .navbar_content-GCC {
	max-width: 90em;
	margin:0 auto;
	display: grid;
	grid-column-gap: 2em;
 }
 
 .navbar-GCC {
	margin-top:1em;
	
 }
 
 .top_GL_logo_GCC{
	float:left;
	padding-right:2.5mm;
 }
 
 .top_DF_logo_GCC {
	float:left;
	padding-right:2.5mm;
	margin-top: 2.5mm;
 }
 
 .top_GL_logo_DEFAULT_GCC{
	float:left;
	padding-right:2.5mm;
	margin-top: -0.5mm;
}
 
 h1.navbar-H1{
	padding-top:1.5mm;
	padding-left:2.5mm;
 }
 
 .nav-GCC #header_id{
	font-family: 'Open Sans', sans-serif;
	/*color: #1B72AF;*/
	color: #003B80;
	/*font-weight: 400;*/
	font-weight: bold;
	/*margin: -0.05em 0 0.3em 0;*/
	margin: 0em 0 0.3em 0;
	float:left;
	/*font-size: 20pt;*/
	font-size: 18pt;
}
 
 .nav_content_ul-GCC {
	justify-self:end;
	display:grid;
	grid-column:2/2;
	text-align:left;
	float:right;
	margin-top:0mm;
	grid-template-columns:25em min-content;
}


ul.nav_content_ul-GCC > li.home{
	grid-column:2/2;
	grid-row:1/1;
	display:inline;
}
ul.nav_content_ul-GCC > li.search_input{
	grid-column:1/2;
	grid-row:1/1;
	display:inline;
	text-align:right;
}

 .nav-GCC svg.navbar_search_button{
	stroke:#1B72AF; /* split into separate styles for each navbar icon */
}
 .nav-GCC svg.navbar_home_button{
	fill:#1B72AF;
	/*fill:#002f6c;*/
}

 .nav-GCC svg.navbar_search_button:hover{
	stroke:black; /* split into separate styles for each navbar icon */
}
 .nav-GCC svg.navbar_home_button:hover{
 stroke:#1B72AF;
	fill:white;
	/*fill:#002f6c;*/
}

 
 /* ============= Other Styling ============= */
 
.top_navbar{
	/* vertical-align: baseline; */
	grid-row: 2/2;
	/* display: inline-block; */
}



 .top_menu ul{
	margin: 0;
	padding: 0;
	float:right;
}

ul.nav_content_ul > li{
	float: right;
}
li.home{
	margin-top:1px;
}
li.home > a {
  padding: 6px;
  text-decoration: none;
}
button.search_btn, button.nav_btn{
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding-left: 6px;
}
button.search_btn > svg{
  margin-top: 3px;
}
button:focus{
	outline: none;
}
a#button.btn-search:active{
  border-color: lightgray;
  z-index: 1;
}
svg.navbar_search_button:hover{
	stroke:#1B72AF; /* split into separate styles for each navbar icon */
}
svg.navbar_home_button:hover{
	fill:#1B72AF;
	/*fill:#002f6c;*/
}
}

@media print{
	.nav_content_ul{
		display: none;
	}
	.navbar_content{
		border-bottom: 1px solid black;
	}
	h1.title, h2.title, h3.title {
	    padding-top: 1em;
	    margin: 0 0 -0.5em 0;
	}
	div.tableborder, div.tablenoborder, table.note {
	    padding: 1em 0;
	    margin: 0.5em 0;
	}
	.itemgroup {
	    padding-top: 1em;
	}
}