/*
 Theme Name: MusicHackspace 2020 Branding
 Description: Custom theme for MusicHackspace
 Author: Balraj Jutla
 Template: mhs_2017
 Version: 1.0.0
 Text Domain: mhs_2020_branding
*/

/*
    Add your custom styles here
*/

/* LOAD FONTS */

@import url("https://use.typekit.net/yuu8tqo.css");
@font-face {
  font-family: Faktum-Regular;
  src: url("../mhs_2020_brand/fonts/Faktum-Regular/font.woff2");
  font-weight: normal;
}
@font-face {
  font-family: Faktum-Bold;
  src: url("../mhs_2020_brand/fonts/Faktum-Bold/font.woff2");
  font-weight: normal;
}

body {
  font-family: "Faktum-Regular", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  color: black;
  font-size: 1rem !important;

  overflow-x: hidden !important;
}

.mh-navbar {
  overflow-x: hidden !important;
}

.mh-w-100 {
  max-width: 100%;
}

.container-fluid a:focus,
.container-fluid a:hover,
.container-fluid a:active {
  background: none;
}

/* .container {
  min-width: 80% !important;
} */

.container a,
.container-fluid a {
  color: black;
  text-decoration: underline !important;
}

.container a:hover,
.container-fluid a:hover {
  color: #fdb589;
  text-decoration: underline !important;
}

.about-us {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.about {
  background: black;
  color: white;
}

.title {
  font-size: 5rem !important;
}

@media only screen and (max-width: 956px) {
  .title {
    font-size: 3rem !important;
  }
}


.course-title {
  font-family: "Faktum-Regular", sans-serif !important;
}

.search-input {
  border: 2px solid #fdb589 !important;
  border-radius: 0px !important;
  height: 55px;
  color: black;
  min-width: 350px;
  background: white;
}

.bord-bottom-thick {
  border-bottom: 3px solid black !important;
}
.bord-bottom {
  border-bottom: 1.5px solid black !important;
}

.course-card {
  box-shadow: none !important;
  border: 1px solid black;
  border-radius: 0px;
}

.flex {
  display: flex !important;
}

/* Nav */

.main-nav ul ul {
  display: none;
}

.main-nav ul li {
  display: inline-block;
  margin: 5px;
}

.main-nav ul li:hover > ul {
  display: block;
}

.main-nav ul ul {
  display: none;
  position: absolute;
  top: 1.4em;
  padding: 10px;
  left: 0;
  z-index: 99999;
  width: 180px;
  background: #fff;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}

.main-nav li {
  position: relative;
}

a.large-link {
  font-size: 8rem !important;
}

@media only screen and (max-width: 600px) {
  a.large-link {
    font-size: 4rem !important;
  }
}

/**
* FOOTER STYLE
*
*/

.musichackspace-footer {
  background-color: #fdb589 !important;
  padding: 2rem 0 2rem 0;
}

.musichackspace-footer a {
  color: black !important;
}

/** BUTTON STYLE
*/

.btn-primary {
  background: #fdb589 !important;
  color: black;
  border-radius: 0px !important;
  border: none !important;
}

.btn-primary:hover {
  color: #e9a57b !important;
  background: black !important;
}

/** Postarea fix for image height */
.postarea img {
  height: auto !important;
}

/** LINKS
*/

a.link-dark {
  color: #ffffff !important;
  font-family: "Faktum-Regular", sans-serif !important;
  text-decoration: underline;
}
a.link-dark:hover {
  color: #fb3100 !important;
  text-decoration: underline !important;
}

/* Responsive video */

.video-container {
  position: relative;
  width: 100%;
  height: 100%;
  /* padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; */
}

.video-container iframe,
.video-container object,
.video-container embed {
  /* position: absolute; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}