/* Custom CSS
   Veracles - Studentenvolleybal Groningen (homepage)
   www.veracles.nl/home
   https://manager.congressus.nl/settings/websites/13/edit/custom-css
*/

/* scroll page title overflow */
.content-header .container {
 overflow: scroll;
 width: 95vw;
}

/* page header and menu */
header,
div.top,
section#content > .content-header {
	background: #75b700;
}
section#content .content-header a,
section#content .content-header h2,
section#content .content-header .active,
section#content li:before,
header button .fa,
.sf-menu > li > a,
.top .login p a {
  color: white;
}

section#content .content-header .active {
    font-weight: bold;
}

/* carousel homepage */
@media (min-width: 400px) {
    .hidden-xs {
        display: block !important;
    }
}

#carousel-homepage .carousel-inner,
#carousel-homepage .carousel-inner .item {
	height: 20vw;
	min-height: 200px;
	max-height: 700px;
}

/* green header subpages */
section#content .content-header .container {
	background: url(https://congressus-static-frontend.s3-eu-west-1.amazonaws.com/static/_templates/veracles/img/header_volleybal.png) no-repeat;
	background-size: 50px;
	background-position: 35px;
	padding-left: 130px;
}

/* active menu item */
.sf-menu>li.active, .sf-menu>li.path, .sf-menu>li:hover, .sf-menu>li:focus {
    border-color: black;
}

.sf-menu>li>ul {
    border-top: 2px solid black;
}

/* collapse menu subpages on small screens */
@media (min-width: 768px) {
    .collapse {
        display: block;
    }
}

/* Beach and Preseason top corner badges (Joost Kranendon; itcie@veracles.nl; joostkranendonk@gmail.com) */
div.corner-badge {
  display: block;
  z-index: 99999;
  position: fixed;
  top: 0px;

  max-width: 200px;
  max-height: 200px;
  width: 21vw;
  height: 21vw;

  background:rgba(216, 255, 216, 1);

  filter: drop-shadow(0 1px 9px #000000);
  -webkit-filter: drop-shadow(0 1px 9px #000000);
}

.corner-badge-left {
  left: 0px;

  border-radius: 0 0 70%;
  -moz-border-radius: 0 0 70%;
  -webkit-border-radius: 0 0 70%;
}

.corner-badge-right {
  right: 0px;

  border-radius: 0 0 0 50%;
  -moz-border-radius: 0 0 0 50%;
  -webkit-border-radius: 0 0 0 50%;
}

div.corner-badge .corner-badge-img {
  position: relative;
  top: 10%;
  left: 19%;

  max-width: 150px;
  max-height: 150px;
  width: 17vw;
  height: 17vw;

  transform: rotate(35deg);
  -webkit-transform: rotate(35deg);
  -moz-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -o-transform: rotate(35deg);
}

div.corner-badge .corner-badge-text {
  position: relative;
  top: 8%;

  text-decoration: none;
  color: black;
  font-weight: 400;
  line-height: 1.1em;
  font-size: 2.4em;

  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
}

.corner-badge-text a:hover,
.corner-badge-text a:link,
.corner-badge-text a:visited,
.corner-badge-text a:active,
.corner-badge-text a:focus {
  text-decoration: none;
}

.corner-badge-firstline {
  margin-left: 29px;
}