/*
Theme Name: BZHTheme
Author: Mike Schneider
Description: Theme to the website of Bruzaholms samhällsförening
*/

body {
	font-family: sans-serif;
	margin: 100px auto;
}
p {
	font-size:18pt;
}
h2 { 
	font-size:30pt;
}
h3 {
	font-size:20pt;
}
nav {				/*Härifrån och ner till ".content" styr hur och vad navigations menyn gör/ser ut.*/
    position: fixed;
    top: 0;
    width:  100%;
}
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: Green;	/*rgba(70, 166, 20, 0.3);*/

}

nav li {
    float: left;
}

nav li a:hover, .dropdown:hover .dropbtn {
    background-color: lightgreen;
}

.dropdown {
    display: inline-block;
}

.dropdown-content a {
    color: black;
    padding: 12px 20px;
    text-decoration: none;
    display: block;
	background-color: lightgreen;
	position: relative;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.dropdown:hover .dropdown-content {
    display: block;
}



nav li a, .dropbtn {
    display: inline-block;
    color: white;
    text-overflow: clip;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    border-right:  1px solid black;
    border-bottom: 1px solid black;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: lightgreen;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	overflow:hidden;								/* Sköter scrollningen på droppdown*/
    -moz-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
	overflow:auto;
    max-height:265px; 			/* Hur mycket som ska ses innan scrollning*/
}

.dropdown-content a:hover {background-color: green}

.active {
    background-color: Black;
}


.content {                             /* Sköter utseendet på "StartBruza.html" texten och bakgrunden*/
	text-align:center;
	background-color: rgba(0,0,0,0.5);
	color: white;
	margin: 100px auto;
	width: 400px;
	padding: 20px;
	border-radius: 50px;
}
.center {                       /*centrerar table i "styrelsen" på Samhallsforeningen.html*/
	  margin-left: auto;
	  margin-right: auto;
	  width:400px;
	  height:400px;
}
.content2 {                      /*centrerar en headline/Paragraph, går att använda på flera platser*/
	text-align:center;
}

.content3 {
    margin: auto;
    width:  50%;
    text-align:center;
    padding-bottom: 50px;
}
.center2 {                        /*centrerar table i "roteombud" på Samhallsforeningen.html*/
	  margin-left: auto;
	  margin-right: auto;
}
.Clist {							/*centrerar listor, går att använda på flera platser*/
	text-align:center;
	font-size:18pt;
}

.fling-minislide {width:350px; height:400px; overflow:hidden;  }  /*Sköter bildloopen på Fritid.html*/
.fling-minislide img{ position:absolute; animation:fling-minislide 20s infinite; opacity:0; width: 30%; height: auto; }

@keyframes fling-minislide {25%{opacity:1;} 40%{opacity:0;}}
.fling-minislide img:nth-child(4){animation-delay:0s;}
.fling-minislide img:nth-child(3){animation-delay:5s;}
.fling-minislide img:nth-child(2){animation-delay:10s;}
.fling-minislide img:nth-child(1){animation-delay:15s;}

.round { 
	border-radius: 50%; /*Ger bilder rundade hörn*/
}

.mindre {
	font-size:15pt; /*Gör texten mindre, går att använda på flera platser samt ändra storleken*/
}

.Clist2 {			/*Lägger texten i listan på "Service returstation" på vänster sida i listan*/
	font-size:18pt;
	list-style-position: inside;
	display: table; 
    margin: 0 auto;
    text-align: left;
}