/*===============================================
| Header Top
===============================================*/
.header-wrapper {
   font-family: var(--app-font-poppins);

   width: 100%;
   padding: 10px;
   background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(var(--app-dark-blue)),
      to(var(--app-dark-blue))
   );
   background-image: linear-gradient(
      90deg,
      var(--app-dark-blue) 0,
      var(--app-dark-blue) 100%
   );
}

.admission-promotion img {
   margin-bottom: 5px !important;
}
.promotion-link {
   color: var(--app-dirty-white);
   text-shadow: none;
   text-decoration: none;
   opacity: 0.9;
   transition: all ease 0.5s;
}
.promotion-link:hover {
   text-decoration: underline;
   opacity: 1;
   color: var(--app-dirty-white);
}

.social-container {
   padding: 0;
}

.social-link {
   color: var(--app-dirty-white);
   text-shadow: none;
   text-decoration: none;
   opacity: 0.9;
   margin-left: 5px;
   transition: all ease 0.5s;
}
.social-link i {
   font-size: 16px !important;
}

/*===============================================
| Navbar
===============================================*/
.navbar {
   background: #ffffff;
}
/* TODO: Design for navigation bar (currently no elements) */

/*===============================================
| Footer
===============================================*/
.footer {
   background: #040b14;
   opacity: 0.9;
   margin-bottom: 0px;
   overflow: hidden !important;
}
.footer-bg-text-container {
   margin-left: -60px;
   pointer-events: none;
}
.footer-bg-text-container img {
   width: 1400px;
   height: 420px;
}
/* .footer-hr {
   color: var(--app-pure-white) !important;
   margin-top: 40px;
} */
.footer-nav-link {
   color: var(--app-dirty-white) !important;
   font-size: 13px;
   font-weight: bold;
   opacity: 0.5;
}
/* .footer-nav-link img {
   width: 30px;
   height: 30px;
} */
@media only screen and (max-width: 600px) {
   .footer {
      /* background: #040b14; */
      /* opacity: 0.9; */
      /* margin-bottom: 0px; */
      /* overflow: hidden !important; */
      margin-top: -56px;
   }
   .footer-bg-text-container {
      margin-left: -10px;
      /* margin-left: -60px;
      pointer-events: none; */
      display: flex;
      justify-content: center;
      align-items: center;
   }
   .footer-bg-text-container img {
      width: 420px;
      height: 130px;
   }
   /* .footer-hr {
   color: var(--app-pure-white) !important;
   margin-top: 40px;
} */
   .footer-nav-link {
      /* color: var(--app-dirty-white) !important; */
      font-size: 12px;
      /* font-weight: bold; */
      opacity: 0.3;
      margin-top: 20px;
   }
   /* .footer-nav-link img {
      width: 30px;
      height: 30px;
   } */
   .footer-nav-link.right {
      margin-top: -26px;
   }
}

/*===============================================
| Sidebar (floating; socials icon)
===============================================*/
.social-media-icons {
   width: 50px;
   height: 50px;
   position: fixed;
   top: 55%;
   left: 0;
   border-radius: 50%;
   cursor: pointer;
   z-index: 2;
}
ul {
   margin: 0;
   padding: 0;
   list-style: none;
   text-decoration: none;
   box-sizing: border-box;
}

.social-media-icons li {
   height: 60px;
   position: relative;
   font-size: 20px;
}
.social-media-icons li a {
   opacity: 0.8;
   color: white;
   display: block;
   height: 100%;
   width: 100%;
   line-height: 60px;
   padding-left: 25%;
   border-bottom: 1px solid rgba(0, 0, 0, 0.4);
   transition: all 0.3s linear;
}
.social-media-icons li:nth-child(1) a {
   background: #333;
   /*  background: #4267B2;*/
}
.social-media-icons li:nth-child(2) a {
   background: #4267b2;
   /*  background: #1DA1F2;*/
}
.social-media-icons li:nth-child(3) a {
   background: #1da1f2;
   /*  background: #E1306C;*/
}
.social-media-icons li:nth-child(4) a {
   /*  background: #2867B2;*/
   background: #ff0000;
}
.social-media-icons li:nth-child(5) a {
   background: #333;
}
.social-media-icons li:nth-child(6) a {
   background: #ff0000;
}
.social-media-icons li a i {
   position: absolute;
   top: 17px;
   left: 20px;
   font-size: 27px;
}

/*===============================================
| Back to top button
===============================================*/
.btt-btn {
   width: 50px;
   height: 50px;
   position: fixed;
   bottom: 65px;
   right: 20px;
   border-radius: 50%;
   cursor: pointer;
   z-index: 2;
   background: rgba(74, 74, 74, 0.34);
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(12.8px);
   -webkit-backdrop-filter: blur(12.8px);
   border: none !important;
}
.btt-btn:hover,
.btt-btn:focus {
   background: rgba(74, 74, 74, 0.34);
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(12.8px);
   -webkit-backdrop-filter: blur(12.8px);
   border: none !important;
   opacity: 0.8;
   color: #5a3b2f;
}
.btt-icon {
   /* font-size: 25px;
   color: #ffffff;
   margin-top: 10px !important; */
   width: 30px;
   margin-top: 14px !important;
   /* display: flex;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center; */
}