/*
 *  @template       GSM_Lepton 7 Standard
 *  @version        see info.php of this template
 *  @author         Gerard Smelt
 *  @copyright      2014-2024 ContractHulp
 *  @license        see info.php of this template
 *  @license terms  see info.php of this template
 *  @platform       see info.php of this template
 */
 
 /* definition textgroups and main illustration */

#main1 {background-size: cover; padding: 32px 0px 0px 0px; background-color: black; color: white; } /* 1st paramete shift illustration 3rd border under*/
#main2 {background-size: cover; padding: 0px 0px 0px 0px; background-color: white; color: black; }
#main3 {top: -150px; background-size: cover; padding: 0px 0px 0px 0px; background: rgba(256,256,256, 0); color: black; }
#main4 {background-size: cover; padding: 15px 0px 0px 0px;}
#main5 {background-size: cover; padding: 15px 0px 0px 0px; background-color:  #A0A0A0; color: white; } /*blue background-color: #0E6EB8; */

.full.height.image1 {background-image: url("../img/ill1.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; min-height: 200px; }
.full.height.image2 {background-image: url("../img/ill2.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; min-height: 200px; }  
.full.height.image3 {background-image: url("../img/ill3.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; min-height: 200px; }
.full.height.image4 {background-image: url("../img/ill4.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; min-height: 200px; }  
 
/* overrules and side menu definitions */  
body { color: Black; min-height: 101%;	font-family: 'Lato', sans-serif;	line-height: 130%;}
#header, #footer	{ background: rgba(255,255,255, 1); /* change transparency */ position:fixed; display:block; width: 100%; z-index: 1000; color: #111;}
#header				{ top:0px; }
#footer				{ bottom:0px;}
#hwrap				{ width: 100%; background: rgba(256,256,256, 1); /* colour menu background*/ margin: 0 auto;} 
ul.menu-top 		{ list-style: inside none none; margin: 0; padding: 0;}
ul.menu-top li 		{ float: left;width: auto;}
ul.menu-top ul		{ list-style: inside none none; margin: 0; padding-left: 1em;}
.ui.menu 			{ font-size: 1em; }
.ui.vertical.menu .item > .header:not(.ui) { font-size: 1,em;}
.ui.vertical.menu .menu .item,.right.menu { font-size: 1em;padding: 0.5em 1.5em;}
.ui.left.sidebar 	{ width: 240px;}
.ui.segment 		{ background: rgba(255,255,255,0); } /* transparency segment*/
.masthead.segment 	{ min-height: 650px;}
.ui.vertical.stripe .floated.image { clear: both; } 
a.item				{ color: white; font-size: 14px;} 
a.itemb				{ color: white; font-size: 14px;} 
a.rechts.raam		{ float: right; color: white; font-size: 14px;}

/* main navigartion  for more navigation add navigation css */ 
#main-navigation		{ float: left;	padding-top: 1px;}
#main-navigation  li	{ float: left;	position: relative;	padding: 15px 0px 0px 0px; }
#main-navigation  ul li a { font-size: 20px; font-weight: bolder; color: #111; } /*color size of menu text*/
#main-navigation a		{ color: #444444; display: block; float: left; padding: 0px 0 0 20px; height: 20px;}
#main-navigation a:hover, 
#main-navigation ul li:hover > a	{color: #0FBE7C;}

/* add icons */
a.pdf 		{ background: url('../img/class_pdf_32.png') no-repeat; padding-left: 32px; min-height: 32px; display: block;}
a.zip 		{ background: url('../img/class_zip_32.png') no-repeat; padding-left: 32px; min-height: 32px; display: block;}
a.jpg 		{ background: url('../img/class_jpg_32.png') no-repeat; padding-left: 32px; min-height: 32px; display: block;}
a.mp4 		{ background: url('../img/class_mp4_32.png') no-repeat; padding-left: 32px; min-height: 32px; display: block;}
a.csv 		{ background: url('../img/class_csv_32.png') no-repeat; padding-left: 32px; min-height: 32px; display: block;}

/* block formats */
h1,h2,h3,h4,h5,h6 {	padding: 0 0 5px 0;	font-family: font-family: 'Lato', sans-serif; }
h5 			{ font-size: 1.3em; background:rgba(0,0,255,0.4) url('../img/class_addr_32.png') no-repeat left; border:1px solid #0000ff; padding:20px 52px; margin-bottom:10px;}
h6 			{ font-size: 1.3em; background:rgba(0,255,0,0.4) url('../img/class_tick_32.png') no-repeat left; border:1px solid #00ff00; padding:20px 52px; margin-bottom:10px;}
blockquote 	{ font-size: 1.3em; background:rgba(255,0,0,0.4) url('../img/class_bloc_32.png') no-repeat left; border:1px solid #ff0000; padding:20px 52px; margin-bottom:10px;}
pre 		{ background: url('../img/class_code_32.png'); border: 1px solid #C7C7C7; color: #333333; display: block; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0; outline: 0 none; overflow-x: visible; overflow-y: hidden; padding: 0 30px; vertical-align: baseline;}
address		{ font-size: 12px; padding: 10px; background: none repeat scroll 0 0 #f8f8f8; border: 1px solid #cccccc; color: #aa0000; display: block;}
  
/* display suppress intentionally */  
.nixhier, .handy, .quickform.hidden   { display:none; }
 
@media only screen and (max-width: 768px) {

	/* smaller illustration image for small screens */
	.full.height.image1	{ background-image: url("../img/ill1_768.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; min-height: 200px; }

	#main-navigation, 
	.ui.fixed.menu						{ display: none !important; }
	.secondary.pointing.menu .toc.item 	{ display: block; }
	.secondary.pointing.menu .item 		{ display: none; }

	#main3 {background-size: cover; padding: 0px 0px 0px 15px; background-color: white; color: black; }
 }