/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20 nov. 2024, 15:29:00
    Author     : Anja
*/

	* {
	box-sizing: border-box;
}
	
	body {
	height: 100%;
	width: 100%;
	background-color: rgba(127,184,255,1);
	font-family: Arial, Verdana, sans-serif;
}


        .nav.navbar-nav {
	border-radius: 6px;
	background-color: #285387;
}

        .navbar {
	border: 0;
	border-radius: 6px;
	background-color: rgba(40,83,135,1) !important;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em; 
	letter-spacing: 1px;
	padding: 10px 15px 15px 15px;
	margin-bottom: 0px;
	margin-left: -15px;
	margin-right: -15px;
}

        .navbar li a, .navbar .navbar-brand {
        color: #FFFFFF !important;
  }
  
        .navbar-nav li a:hover, .navbar-nav li.active a {
        color: #28a0a4 !important;
  }
  
        .navbar-inverse .navbar-toggle {
        border-color: transparent;
        color: #FFFFFF !important;
}


	/* article */        
	.col-sm-12.col-lg-12 {
	background-color: #FFFFFF;
	color: #000000;
	text-align: left;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 50px;
        padding-top: 2.5rem;
	border-radius: 6px;
}

	/* article 2 colomns */      
	.col-sm-12.col-lg-9 {
	background-color: #FFFFFF;
	color: #000000;
	text-align: left;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 50px;
	padding-top: 2.5rem;
        border-radius: 6px;
}

	.col-sm-12.col-lg-3.text-center {
	background-color: #28a0a4; 
	text-align: center;
	/*front-size: 0.875em;*/
        color: black;
	border-radius: 6px;
	padding-top: 100px;
}            

	/* links page */    
	.list-group {
	width: 80%;
	margin: auto;
}

	.list-group-item {
	color: black !important;
	text-align: center;
}

	footer {
	background-color: rgba(40,83,135,1);
	border-radius: 6px;
	text-align: center;
	color: white;
}

	.col-sm-12.col-lg-5 {
	padding: 12px 4px -1px 4px;
	text-align: center;
}

	.col-12.col-lg-2 {
	padding: 4px 4px 2px 4px;
	margin: auto;
}

	img {
	margin: auto;
        position: relative;
        z-index: 0;
}

	p {
	font-size: 1.2em;
	margin: 0.7em;
}


	ul {
	list-style-type: none;
	font-size: 1.2em;
	color: #000000;
        margin: 0;
        padding: 0;
}		


	 /* unvisited link */
	a:link {
        color: #FFFFFF;
}


	/* mouse over link */
	a:hover {
        color: black;
}