/*
Grønn: color: #74ad44;
blå: background: #014a94;

*/

.dw_treegallery{
	display:grid;
	grid-template-columns: 20% 80%;
	grid-column-gap:20px;

}

.dw_treegallery.dw_tgdisplay_small{
	grid-template-columns: 1fr;
}
.dw_gallery_cattree {
	background:#014a94;
	padding: 20px;
}
.dw_gallery_cattree li,
.dw_gallery_cattree li a {
	color: #FFF;
	font-weight:bold;
	font-family: 'Open Sans Condensed', sans-serif;
}
.dw_gallery_cattree li.dw_active:before { 
	color: #74ad44;
}
.dw_gallery_cattree li.dw_active a{
	text-transform:uppercase;
} 
.dw_gallery_cattree li:before { 
		font-family: "FontAwesome";
	color: #FFF;
	content: "\f111";
	font-size:1em; 
	margin-left: -20px; 
	margin-right: 10px; 
} 
.dw_fancy_gallery{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr ;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

.dw_treegallery.dw_tgdisplay_small .dw_fancy_gallery{
	grid-template-columns: 1fr 1fr 1fr;
}
.dw_fancy_gallery>div{
	border: 1px #ddd solid;
	display:grid;
	grid-template-rows: 4em 200px 1fr min-content;
	text-align:center;
}
.dw_fancy_gallery>div>h3{
	background:  #eee ;
	border-bottom: 1px #ddd solid;
	font-size: 1em;
	text-transform: none;
	font-weight:bold;
	line-height:normal;
	padding: 5px ;
	text-align:center;
}
.dw_fancy_gallery>div>a.dw_imglink{
	padding:10px;
	
	  display: flex;
  align-items: center;
  justify-content: center;
	clear:both;
		background: #F5F5F5;
}
.dw_fancy_gallery>div>a.dw_imglink img{
	max-height:200px;
}
#respond {
	padding: 7px;
	background: #DDD;
}
#respond textarea {
	border: 1px #999 solid;
	
}

.dw_login_form form{
	display:grid;
	grid-template-columns:3fr 1fr 1fr 1fr;
	border: 1px #666 solid;
	margin-top:5px;
	margin-bottom:10px;
	padding: 10px;
	background: #ddd;
}
.dw_comments_list{
	border-bottom: 1px #999 solid;
	margin-top:10px;
	margin-bottom:10px;
}
.dw_comment{
	padding:5px;
	border-top: 1px #999 solid;
	background: #FFE;
	text-align:left;
}
.dw_comment .dw_comment_author{

font-size:0.8em;
font-weight:bold;	
}
.dw_fancy_gallery>div>a.dw_downloadlink{
	margin:10px;
	border: 3px #014a94 solid;
	border-radius: 5px;
	background: #FFF;
	color: #014a94;
	padding:0px 15px;
	font-weight:bold;
	display:inline-block;
}
.dw_fancy_gallery>div>a.dw_downloadlink:hover{
	border: 3px #014a94 solid;
	background: #014a94 !important;
	color: #FFF;
}
.dw_fancy_gallery>div>a.dw_downloadlink:active{
	color: #000;
}
.dw_fancy_gallery>div>a.dw_downloadlink i{
	margin-right:10px;
}
@media only screen and (max-width: 1220px) {
	.dw_fancy_gallery{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
@media only screen and (max-width: 1000px) {
	.dw_fancy_gallery{
		grid-template-columns: 1fr 1fr 1fr;
	}

}
@media only screen and (max-width: 780px) {
	.dw_treegallery{
		display:grid;
		grid-template-columns: 1fr;
		grid-column-gap:20px;
	}
	
	.dw_fancy_gallery{
		grid-template-columns: 1fr 1fr;
	}
	
	.dw_gallery_cattree li {
 		display: block;
 		transition-duration: 0.5s;
	}

	.dw_gallery_cattree li:hover {
  	cursor: pointer;
	}

	.dw_gallery_cattree ul li ul {
	  visibility: hidden;
	  opacity: 0;
	  position: relative;
	  transition: all 0.5s ease;
	  margin-top: 1rem;
	  left: 0;
	  display: none;
	}

	.dw_gallery_cattree  ul li:hover > ul,
	.dw_gallery_cattree ul li ul:hover {
  	visibility: visible;
  	opacity: 1;
  	display: block;
 		clear:both;
 		background: #FF0;
 		height:auto;
	}

	.dw_gallery_cattree ul li ul li {
  	clear: both;
  	width: 100%;
	}

}
@media only screen and (max-width: 480px) {
	.dw_fancy_gallery{
		grid-template-columns: 1fr;
	}

}