.dark #copyrights {
	background-color: #1a3062;
	border-top-color: #1a2131;
}

#footer.dark, .dark #footer {
	background-color: #1a3062;
}

.dark #footer .social-icon.si-borderless, #footer.dark .social-icon.si-borderless {
    color: #ffbd3a !important;
}

#header, #header-wrap, #logo img {
	height:180px;
}

.trier {
	width: 100%;
	height: 300px;
	background-image: url('images/rudi/trier.png');
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.85;
	transition: opacity 0.3s;
}

.voidmod {
	width: 100%;
	height: 300px;
	background-image: url('images/rudi/voidmod.png');
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.85;
	transition: opacity 0.3s;
}

.media {
	width: 100%;
	height: 300px;
	background-image: url('images/rudi/media.png');
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.85;
	transition: opacity 0.3s;
}

.voidmod:hover, .media:hover {
	opacity: 1;
}



.title-block {
    padding: 2px 0 3px 20px;
    border-left: 7px solid #ffbd3a;
    margin-bottom: 30px;
}

.feature-box p {
    margin: 8px 0 0 0;
    color: #999;
    font-size: 14px!important;
}

.card-body p {
	font-size: 14px!important;
}

.card-body .user-content p.blockquote-footer {
	font-size: 90%!important;
}




/* ==== Cards using Bootstrap === */

#cards .card {
  border-radius: 20px;
  min-height: 60%;
  box-shadow: 1px 0px 15px 5px rgba(0,0,0,0.56);	
  background-color:white;
}

#cards .heading-border {
  position: absolute;
  width: 100%;
  top: 60%;
}

#cards .card .user-picture img {
  position: absolute;
  top: -20%;
  right: 3%;
  background: #ffbd3a!important;
  padding: 10px;
  box-shadow: 1px 0px 10px 3px rgba(0,0,0,0.56);
}

#cards .card .user-content .user-name {
  margin-right: 120px;
  color:#555;
  font-size: 1.15rem;
  font-weight: 500;
}

#cards .card .user-content p.blockquote-footer {
	color:#555;
	font-size: 90%;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
	width: 30px;
	height: 30px;
}




 * {
	 box-sizing: border-box;
}


 .blog-card {
	 display: flex;
	 flex-direction: column;
	 max-width: 1100px;
	 margin: 3rem auto;
	 box-shadow: 1px 0px 15px 5px rgba(0,0,0,0.56);
	 margin-bottom: 1.6%;
	 background: #fff;
	 line-height: 1.45;

	 border-radius: 15px;
	 overflow: hidden;
	 z-index: 0;
}
 .blog-card a {
	 color: inherit;
}
 .blog-card a:hover {
	 color: #ffc400;
}
 .blog-card:hover .photo {
	 -webkit-transform: scale(1.15) rotate(2deg);
	 transform: scale(1.15) rotate(2deg);
}
 .blog-card .meta {
	 position: relative;
	 z-index: 0;
	 height: 200px;
}
 .blog-card .photo {
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 background-size: cover;
	 background-position: center;
	 transition: -webkit-transform 0.2s;
	 transition: transform 0.2s;
	 transition: transform 0.2s, -webkit-transform 0.2s;
}
 .blog-card .description {
	 padding: 1rem;
	 background: #fff;
	 position: relative;
	 z-index: 1;
	 padding: 50px;
}
 .blog-card .description h1, .blog-card .description h2 {
	 
}
 .blog-card .description h1 {
	 line-height: 1;
	 margin: 0;
	 font-size: 1.7rem;
	 color: #555;
	 font-weight: 400;
	 padding-bottom: .5rem;
}
 .blog-card .description h2 {
	 font-size: 1rem;
	 font-weight: 300;
	 text-transform: uppercase;
	 color: #a2a2a2;
	 margin-top: 5px;
	 
}
 .blog-card .description .read-more {
	 text-align: right;
}
 .blog-card .description .read-more a {
	 color: #ffc400;
	 font-size: 16px;
	 display: inline-block;
	 position: relative;
	 text-decoration: none;
	 background: #fff7de;
	 padding: 5px 15px;
	 border-radius: 15px;
}
 .blog-card .description .read-more a:after {
	 content: "\f054";
	 font-family: FontAwesome;
	 margin-left: -10px;
	 opacity: 0;
	 vertical-align: middle;
	 transition: margin 0.3s, opacity 0.3s;
}
 .blog-card .description .read-more a:hover:after {
	 margin-left: 5px;
	 opacity: 1;
}
 .blog-card p {
	 position: relative;
	 margin: 1rem 0 0;
	 color: #555;
	 font-size: 13px;
}
 .blog-card p:first-of-type {
	 margin-top: 1.25rem;
}
 .blog-card p:first-of-type:before {
	 content: "";
	 position: absolute;
	 height: 3px;
	 background: #ffc400;
	 width: 75px;
	 top: -1rem;
	 border-radius: 3px;
}
 .blog-card:hover .details {
	 left: 0%;
}
 @media (min-width: 640px) {
	 .blog-card {
		 flex-direction: row;
	}
	 .blog-card .meta {
		 flex-basis: 40%;
		 height: auto;
	}
	 .blog-card .description {
		 flex-basis: 60%;
	}
	 .blog-card .description:before {
		 -webkit-transform: skewX(-3deg);
		 transform: skewX(-3deg);
		 content: "";
		 background: #fff;
		 width: 30px;
		 position: absolute;
		 left: -10px;
		 top: 0;
		 bottom: 0;
		 z-index: -1;
	}
	 .blog-card.alt {
		 flex-direction: row-reverse;
	}
	 .blog-card.alt .description:before {
		 left: inherit;
		 right: -10px;
		 -webkit-transform: skew(3deg);
		 transform: skew(3deg);
	}
	 .blog-card.alt .details {
		 padding-left: 25px;
	}
	 .blog-card p {
		 font-size: 16px;
	}
}