/* === General ===*/

#memorial-page .container {
	padding: 25px 0px;
}

#memorial-page .row {
	font-family: "Open Sans";
	font-weight: 300;
	margin: 20px 0px;
}

#memorial-page .btn-outline-sort {
	background-color: #fff;
	color: #6f6f6f;
	border-color: #6f6f6f;
}

#memorial-page .btn-outline-sort:hover {
	background-color: #87111D;
	color: #fff;
}

#memorial-page .btn-primary {
	font-weight: 300;
	background-color: #87111D;
}

#memorial-page .btn-primary:hover {
	background-color: #6f6f6f;
	color: #fff;
}

#memorial-page .input-group-text {
	background-color: #87111D;
	color: #fff;
}

/* === Social icons ===*/

#social-icons {
	margin-top: 0;
	margin-bottom: 0;
    color: #6c757d;
}

/*#social-icons .mail{
    font: normal normal normal 14px/1 FontAwesome;
    padding-top: 0;
	padding-bottom: 0;
	margin-top: -7px;
	margin-bottom: 0;
    color: #e7e7e7;
   font-size: 2em !Important; 
}*/
#social-icons a, #social-icons a i {
    color: #6c757d;
    font-size: 1.3em !Important;
    padding: 0px 0px 0px 5px; 
}


.social {
	padding-left: 0.3rem;
}
.social:hover, .social:visited {
	text-decoration: none;
}

.social .fa-twitter:hover {
	color: #1DA1F2;
}

.social .fa-facebook-f:hover {
	color: #3B5998;
}

.social .fa-google-plus-g:hover {
	color: #DB4437;
}

.social .fa-pinterest:hover {
	color: #BD081C ;
}

.hidden {
	display: none !important;
}

/* === Deceased ===*/

#deceased .card {
	font-family: "Open Sans";
	font-weight: 300;
	background-color: #fff;
	margin-bottom: 25px;
}

#deceased .card:hover,
#deceased .card:focus {
	filter: grayscale(100%);
	/*FF*/
	-moz-transition: 0.7s;
	/*Opera*/
	-o-transition: 0.7s;
	/*Safari, Chrome*/
	-webkit-transition: 0.7s;
	/*IE9*/
	-ms-transition: 0.7s !important;
	/*CSS3 default*/
	transition: 0.7s;
}

#deceased .card img {
	width: 100%;
	height: 28vh;
	object-fit: cover;
}

/* Portrait Höhe fix*/
@media (max-width: 760px) { #memorial-page #deceased .card img {

	height: 100% !Important}
}


#deceased .card-title {
	font-family: "Lora";	
	font-size: 2.8rem ;
	font-weight: normal;
	margin-bottom: 0;
}

#deceased .card-body {
	/* height: 15vh; */
	color: #87111D;
    padding: 2em ;
}

#deceased .card-footer {
	color: #6f6f6f;
	font-size: 1.7rem;
}


#deceased a:hover {
	text-decoration: none;
}

/*== Videos==*/
.video-container .vp-controls-wrapper {
    
    display: none; 
}



/* === Obituary ===*/

#obituary {
	background-color: #fff;
	border: solid;
	border-color: #6f6f6f;
}


#obituary #portrait-frame {
	width: 100%;
	padding: 1rem;
}

#obituary #portrait-frame img {
	object-fit: cover;
	height: 35vh;
}

#obituary #obituary-information {
	font-family: "Open Sans";
	font-weight: 300;
	padding: 1rem;
	margin-top: auto;
	margin-bottom: auto;
	height: 100%;
}

#obituary #obituary-information h1 {
	font-family: "Lora";
	font-weight: 400;
}

#obituary #obituary-information .dates {
	font-size: auto;
	padding-top: 2.1rem;
}

#obituary #obituary-information p {
	font-size: 1.8rem;
}

/* === Burning candles ===*/

#burning-candles img {
	height: 12vh;
	width: 12vh;
}

/* === Nav pills ===*/

.nav-pills <!--{
	background-color: #e1e1e1;
}-->

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	font-family: "Open Sans";
	font-weight: 300;
	color: #fff;
	background-color: #87111D;
}

.nav-pills .nav-link {
	font-family: "Open Sans";
	font-weight: 300;
	color: #000;
}

/* === Funeral information ===*/

.topic {
	font-weight: bold;
}


#funeral-information > ul > li p {
	font-family: "Open Sans";
	font-weight: 300;
	margin-bottom: 0;
}

#funeral-information .topic {
	font-family: "Open Sans";
	font-weight: 400;
	margin-bottom: 0;
}

/* === Funeral Map ===*/

#funeral-map {
	position: fixed;
        min-height: 50vh;
        z-index: 9;
}

.gm-style-iw .firstHeading {
	font-size: 1.0rem;
	margin-bottom: 0;
}

.gm-style-iw .map-links {
	border-top: 1px solid lightgrey;
}

/* === Light candle ===*/

#light-candle h3 {
	font-size: 2.1rem ;
}

#light-candle .candles input {
	display: none;
}

#light-candle .candles .rot {
	background-image: url(../images/candles/stills/rot-gedenkseite.jpg);
}

#light-candle .candles .weiss {
	background-image: url(../images/candles/stills/weiss-gedenkseite.jpg);
}

#light-candle .candles .blau {
	background-image: url(../images/candles/stills/blau-gedenkseite.jpg);
}

#light-candle .candles .rosa {
	background-image: url(../images/candles/stills/rosa-gedenkseite.jpg);
}

#light-candle .candles .braun {
	background-image: url(../images/candles/stills/braun-gedenkseite.jpg);
}

#light-candle .candles .gruen {
	background-image: url(../images/candles/stills/gruen-gedenkseite.jpg);
}

#light-candle .candles input:checked + .rot {
	background-image: url(../images/candles/gifs/rot-brennt-gedenkseite.gif);
}

#light-candle .candles input:checked + .weiss {
	background-image: url(../images/candles/gifs/weiss-brennt-gedenkseite.gif);
}

#light-candle .candles input:checked + .blau {
	background-image: url(../images/candles/gifs/blau-brennt-gedenkseite.gif);
}

#light-candle .candles input:checked + .rosa {
	background-image: url(../images/candles/gifs/rosa-brennt-gedenkseite.gif);
}

#light-candle .candles input:checked + .braun {
	background-image: url(../images/candles/gifs/braun-brennt-gedenkseite.gif);
}

#light-candle .candles input:checked + .gruen {
	background-image: url(../images/candles/gifs/gruen-brennt-gedenkseite.gif);
}

.candle {
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 12vh;
	height: 12vh;
}

/* === Gallery ===*/

#gallery .card-img:hover {
	opacity: 0.7;
	cursor: pointer;
}

/* === Condolence ===*/

#condolence blockquote {
	border-bottom: 1px solid lightgrey;
	border-left-width: 0 !important;
	padding: 0 !important;
	font-size: 1.6rem !important;
	font-size: 2rem !important;
	font-style: Open Sans;
	font-weight: 300;
	color: #000;
}

#condolence blockquote cite {
	color: #6f6f6f;
	font-size: 1.3rem !important;
}

#condolence > #condolenceResponse div
{
	color: #fff;
	background-color: #87111D;
	border-radius: 0.7rem !important;
}

#condolence .form-row {
	font-family: "Open Sans";
	font-weight: 300 !important;
	color: #6f6f6f;
}

/* === Contact panel ===*/

#contact-panel {
	display: none;
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	bottom: 0;
	border-radius: 0.7rem;
	/*FF*/
	/* -moz-transform: rotate(-90deg); */
	/*Opera*/
	/* -o-transform: rotate(-90deg); */
	/*Safari, Chrome*/
	/* -webkit-transform: rotate(-90deg); */
	/*IE9*/
	/* -ms-transform: rotate(-90deg) !important; */
	/*CSS3 default*/
	/* transform: rotate(-90deg); */
	/* zoom: 1; */
	/*NEEDED FOR IE8*/
	z-index: 999;
	background-color: #005BA9;
	color: #ffffff;
	border-color: lightgrey;

}

#contact-panel:hover {
	background-color: #fff;
	color: #6f6f6f;
	border-color: #6f6f6f;
}

/* Contact modal window */

#contact-modal .modal-body {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0;
}

#contact-modal h3 {
	font-size: 1.2rem;
	color: #6f6f6f;
}

#contact-modal button:hover {
	color: #005BA9;
	background: transparent;
}

/* === Helping classes ===*/

.d-relative {
	position: relative;
}

#map-blocker
{
  background: #efefef;
  margin-bottom: 1em;
  padding: 1em;
  text-align: center;
}