/* declaration font MC */
@font-face {
  font-family: 'Minecraftia Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Minecraftia Regular'), url('../fonts/Minecraftia.woff') format('woff');
  }


/* #html html elements -------------------------------------------------------------------------------------------- */

body {
  height: 100%;
}

/* hide scrollbar */
body::-webkit-scrollbar {
  display: none;
}

/* fixed ul dots */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

/* no ugly links */
a {
  text-decoration: none !important;
}


/* #id ids stuff -------------------------------------------------------------------------------------------- */

/* navbar stuff color */
#navcolor {
  color: white;
}

/* transparency layer navbar */
#wrapper {
  background-color: rgba(0, 0, 0, 0.5);
}

/* team section height and background color/image */
#bgteam {
  min-height: 96vh;
  background-color: #2c878a;
}

/* navbar hover color */
#navcolor:hover {
  color: violet;
}

/* backUp button */
#backTopbtn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

button#backTopbtn {
  font-size: 2rem;
}

/* max logo width on desktop */
#logo-mid {
  width: 70rem;
}

/* #class classes stuff -------------------------------------------------------------------------------------------- */

/* mc button style */
.mcbtn {
  background-image: url(../images/buttonbar.png);
  background-size: cover;
  background-repeat: round;
  width: 20rem;
  height: 4rem;
  margin-top: 0px;
  border-style: none;
  padding: 0;
}

/* mcbutton on hover outline like in the game */
.mcbtn:hover {
  outline: 3px solid white;
}

/* backtotop button styling */
.mcbtn.btn-floating {
  background-image: url(../images/buttonsquare.png);
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
}

/* propic largeness */
.propic {
  max-height: 12em;
}

/* text stuff in team section */
.nomi {
  color: violet;
  font-size: 2rem;
}

/* font size of sections requiring custom font */
.mcfont {
  font-size: 1.9em;
}

/* button mc style */
.mcfont, .mcfont:hover {
  color: #e0e0e0;
  font-family:'Minecraftia Regular';
  font-weight:normal;
  text-shadow: 4px 3px #0e0e0eea;
}

/* navbar font stuff */
.navfont {
  font-family:'Minecraftia Regular';
  font-size: 1rem;
}

/* smaller text in propic description */
.mcfont#bgteam {
  font-size: medium;
  text-shadow: 2px 2px black;
}

/* landpage section background */
.landHeight {
  background-size: cover;
  background-image: url("../images/bgblur.png");
  background-position: center;
}

/* footer background */
.bg-footer {
  background-image: url(../images/dirt.png);
  background-size: contain;
  background-repeat: round;
}

/* footer text stuff */
.footer-strong {
  font-size: medium;
  color: rgb(255, 255, 255);
}

/* footer height */
.footer {
  min-height: 2em;
}

/* dimension landpage bg */
.landHeight {
  min-height: 100vh;
}

/* icons colors */
.iconsTeam:hover {
  color: violet;
}

/* white icons under team profiles */
.iconsTeam {
  color: white;
}

.dropdown-item:hover {
  color:violet !important;
}

.dropdown-item:focus {
  background-color: transparent !important;
}

.dropdown-item {
  padding-left: 0.5rem !important;
  padding-right: 0 !important;
}

.dropdown-menu {
  padding: 0 !important;
}

/* #form forms stuff -------------------------------------------------------------------------------------------- */

/* custom modal styling */
.modal-content {
  background-color: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  background-image: url(../images/book.png);
  background-size: cover;
  background-repeat: round;
}

/* modal spacing fix */
.modal-header {
  border: 0 !important;
  padding: 0 !important;
}

/* other fix */
.modal-header.fix {
  justify-content:unset;
}

/* login modal custom bg */
.modal-content.loginbg {
  background-image: url(../images/booklogin.png);
  background-size: contain;
  background-repeat: round;
}

/* mcfont fix for form text */
.mcfont.formtext {
  color: #030100;
  font-weight:lighter;
  font-size: 1rem;
  text-shadow: none;
}

/* custom submit button */
.mcbtn.btn-submit {
  color: white;
  text-shadow: 4px 3px #0e0e0eea;
  font-size: 1.2rem;
  width: 7.5em;
  height: 2.2em;
}

/* close icon styling */
.iconclose{
  background-color: transparent;
  background-image: url(../images/close.png);
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 1em;
  min-width: 1em;
  border: 0;
}

/* align text inside form input fields */
input.form-control {
  text-align: center;
}

/* spacing fix for modal body */
.modal-body.fix {
  padding-top: 0;
  padding-bottom: 1em;
  padding-left: 0;
  padding-right: 0;
}

/* custom h5 formatting inside modals */
h5.formtext {
  font-size: 1.1rem;
}

/* smaller text for disclaimers */
.question {
  font-size: .7rem;
  letter-spacing: -0.1px;
}

/* cute hover color on important text */
.highlight:hover, a.termsfont:hover {
  color: violet;
}

/* font sizing for checkbox */
.form-check-label.fix {
  font-size: 0.7em;
}

/* font sizing for terms label */
.terms {
  font-size: 0.6em;
}

/* other spacing fixes */
.mcbtn.form {
  margin: 0;
}

/* bolder font for important words */
.termsfont {
  color: black;
  font-weight: bold;
}

/* checkbox color style */
.checkboxform:checked {
  background-color: violet !important;
  border-color: violet !important;
}

/* spacing fix checkbox */
.checkboxform {
  margin-top: 0 !important;
}


/* #tablet mid screen fixing -------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 500px) and (max-width: 790px) {
  
  #navcolor {
    font-size: 1rem;
  }

  #bgteam {
    padding-top: 2em !important;
  }

  .navbar {
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .padfix {
    width: 100% !important;
  }

  .nav-link {
    padding: .35rem .8rem !important;
  }

  .desktoplogo {
    display: block;
  }

  .mcbtn {
    width: 42vw;
  }

  .mcfont {
    font-size: 1.7em;
  }

/* leave this bracket alone   */
}


/* #mobile small screen fixing -------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 500px) {

  #bgteam {
    padding-top: 2em !important;
  }

  #navcolor {
    font-size: 3.5vw;
  }

  .landHeight {
    padding-bottom: 5em;
  }

  .navbar {
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .padfix {
    width: 100% !important;
    padding-bottom: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .nav-link {
    padding: .5rem .5rem !important;
  }

  .mcbtn {
    width: 7em;
    height: 50px;
  }

  .mcfont {
    font-size: 1.4rem;
  }

  .mcfont.formtext, h5.formtext {
    font-size: 1rem;
  }

  .mcbtn.btnfix {
    margin: 0 !important;
  }

  /* font size reduced in forms for mobile viewport */
  .form-control {
    font-size: 0.8rem !important;
  }

/* leave this bracket alone   */
}