/* Custom css */

/* Colours

Baggrund til bokse: #331122;

Overskrifter: #331122
Lysere overskrifter: #4422133

*/ 

h1 {
	color: #331122;
}

h2 {
	color: #442233;
}

.gray {
	color: #442233;
}

.mid-gray {
	color: #553344;
}

nav img {
	border-radius: 4px;
}


main.mycontent {
    padding-left: 9px;
    padding-right: 9px;
}

.pb7 {
    padding-left: 9px;
    padding-right: 9px;
}

.info {
    font-size: 90%;
    padding: 2px 9px 2px 9px ;  
    border-style: thin;
    border-radius: 4px;
    background-color: #331122;
    color: white;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.bliv-medlem {
	padding: 12px;
	background-color: rgb(207, 247, 247);
	color: black;
	border-radius: 24px;
}

.bliv-medlem img {
	border-radius: 24px;
}

.mybutton {
	display: block;
	text-decoration-line: none;
	text-align: center;
	padding: 4px 1em 4px 1em;
	background-color: #221122;
	border-style: inset;
	border-radius: 4px;
}


.mybutton-block {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

table.table-grid {
	border: solid;	
	border-width: 1px;
}

.table-grid th, .table-grid td {
	border: dotted;	
	border-width: 1px;
}


.folder {
	margin-top: 1em;
	padding: 8px;

	border-color: grey;
	border-style: solid;
	border-width: 1px;
	border-radius: 8px;

}

.folder-yellow {
	background-color: #fcf3ec;
}

.folder-green {
	background-color: #e4fae4;
}

.folder-blue {
	background-color: #dbf9fd;
}

.folder-orange {
	background-color: #f5dfc8;
}

.folder-red {
	background-color: #f5c4c4;
}

div.featured-image {
	padding: 8px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	text-align: center;
}

img.featured-image {	
	margin-left: auto;
	margin-right: auto;
	border-radius: 4px;
}