/*
 * Bootstrap Template für RV Gross-Umstadt
 * Webdesign by REIKEM
 */

body {
    padding-top: 54px;
}
a {
	color: #171F72 ;
	text-decoration: none;
}
a:hover {
	color: #a7abc9;
	transition: all ease-in 0.4s;
	text-decoration: none;
}
div[itemprop="articleBody"] a {
   	padding: 2px 3px;
	font-weight: 500;
}
div[itemprop="articleBody"] a:hover {
   		background-color: #171F72;
	padding: 2px 3px;
	border-radius: 3px;
}
div[itemprop="articleBody"] p {
	font-size: 1.2rem;
    font-weight: 400;
}
.nav-pills .nav-item.show .nav-link, .nav-pills .active .nav-link {
	background-color: #171F72;
	color: #CCC;
}
.nav-pills .nav-item:hover {
	background-color: #b9bbd4;
	border-radius: 3px;
}
.navbar-toggler {
        z-index: 1;
}
.bg-inverse {
	background-color: #171F72 !important;
}
    
.headerbild {
	margin-top: 0;
	border-radius: 4px;
}
.headerbildtitel {
	
}
.headerbildbeschreibung {
	position: absolute;
	bottom: 0;
	background: rgba(255,255,255,0.7); 
	margin-bottom: 0;
	padding: 10px;
	width: 94%;
}
.headerbildbeschreibung a {
	background-color: #171F72;
    border-color: #171F72;
	color: #FFF;
    padding: .5rem 1rem !important;
	border-radius: 5px;
	float:right;
	border: 1px solid;
}
.jumbotron {
    padding: 2rem 2rem;
}	

.btn-primary {
	background-color: #171F72;
	border-color: #171F72;
	    padding: .5rem 1rem !important;
}
.btn-primary:hover {
	background-color: #3A4187!important;
	border-color: #3A4187!important;
	padding: .5rem 1rem!important;
}

footer a {
	color: #ccc;
}
footer a:hover {
	color: #FFF;
	transition: all ease 0.4s;
	text-decoration: none;
}


/* GUESTBOOK */
#phocaguestbook #adminForm input {
	width: 100%;
	padding-left:5px;
}

/* CARDSLIDER */
@media (min-width: 768px) {
  /* show 3 items */
  .carousel-inner .active,
  .carousel-inner .active + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }

  .carousel-inner
    .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-inner
    .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
    + .carousel-item,
  .carousel-inner
    .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
    + .carousel-item
    + .carousel-item {
    transition: none;
  }

  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  .carousel-inner
    .active.carousel-item
    + .carousel-item
    + .carousel-item
    + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* left or forward direction */
  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .carousel-item-next.carousel-item-left + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left
    + .carousel-item
    + .carousel-item
    + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  /* farthest right hidden item must be abso position for animations */
  .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* right or prev direction */
  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .carousel-item-prev.carousel-item-right + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right
    + .carousel-item
    + .carousel-item
    + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}
.carousel-control-next {
	width:20px;
	right:-20px;
}
.carousel-control-prev {
	width:20px;
	left: -20px;
}
.carousel-control-prev i, .carousel-control-next i {
	color: #171F72;
}


@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
}

@media (max-width: 576px) {
        nav > .container {
            width: 100%;
}
}

.card {
	height: 100%;
}


/* Kalender Formatierungen */
#jevents_body .nav-items div.active a, .jev_header2 .active a {
	background-color: #171F72 ;
}
.nav-items > div:first-child, #jevents_body .nav-items > div a:hover {
    border-left: 1px solid #171F72;
}
.nav-items > div {
	border: 1px solid #171F72;
}
.jev_toprow div.previousmonth, .jev_toprow div.nextmonth {
	background-color: #171F72;
    border: 1px solid #171F72;
}
.jev_toprow div.currentmonth {
	border-top: 1px solid #171F72;
    border-bottom: 1px solid #171F72;
}
.nav-items > div:last-child {
	border-right: 1px solid #171F72;
}

/* Gallerie */
#phocagallery *, #phocagallery *:before, #phocagallery *:after {
    -webkit-box-sizing: inherit !important;
    -moz-box-sizing: inherit !important;
    box-sizing: inherit !important;
}