@import url('https://fonts.googleapis.com/css?family=Dancing+Script|Courgette|Montserrat');

* {
  box-sizing: border-box;
}

body {
  position: relative;
  overflow-x: hidden;
}

.row {
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/* html, body {
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
} */

/* Paralax effect */
.paralax {
  height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Zoom effect */
.zoom {
  transition: transform .5s;
}
.zoom:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); 
}

/* Section padding */
.sectionPadding {
  padding-top: 5%;
}

/* Landing responsive carousel */
.carousel-item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Navbar colors */
#navbar {
  font-family: "Montserrat", sans-serif !important;
}
nav .navbar-nav li a{
  color: rgb(145, 38, 30) !important;
}
nav .active {
  border-bottom: 1px solid #FFC107 !important;
}
.logo {
  display: none;
}
.logo:hover {
  cursor: pointer;
}
#logoLink {
  font-family: 'Dancing Script', cursive;
}
.navbar-brand {
  font-size: 25px !important;
  padding: 0 !important;
}
.dropdown-menu-left {
  right: 0; 
  left: auto; 
}
.dropdown-item {
  padding-left: 10px !important;
}
/* nav form.form-inline .form-control:focus {
  border-color: #FFC107;
  box-shadow: 0 0 10px #FFC107 !important;
} */

/* Removing dropdown arrows */
.dropdown-toggle::after {
    display: none;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #f8f9fa !important; 
}

/* Headings */
.headingBorder {
  background-color:  rgb(145, 38, 30);
  width: 10%;
  margin-top: 0;
  height: 1.5px;
}

/* Events section */
#events h5, #online-events h5 {
  color: rgb(145, 38, 30);
}
#events a {
  color: rgb(145, 38, 30);
  float: right;
}
#events a:hover {
  color: #FFC107;
}
#online-events a:hover {
  text-decoration: none;
}
#events .card, #online-events .card {
  border: none !important;
}

/*Videos section*/
.rounded {
  border-radius: 1rem !important;
}

/* About section*/
#about {
  background-image: url('../img/aboutBg.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: whitesmoke;
  margin-top: 5%;
  padding-top: 5%;
}
#about h3 {
  border-left: 2px solid rgb(145, 38, 30);
  padding-left: 2%;
  margin-top: 3%;
}
#about h5 {
  color: black !important;
}
#about .card:hover {
  border: 1px solid #FFC107;
}
#about p {
  text-align: justify;
}
.accordion > .card {
  background-color: transparent !important;
  border: none;
}
.accordion > .card > .card-header {
  background-color: transparent !important;
  border: none !important;
}
.accordion > .card:hover {
  border: none !important;
}
.aboutSchoolLinks {
  color: rgba(255, 193, 7, 0.644) !important;
}
.aboutSchoolLinks:hover {
  text-decoration: none;
}
#about h6 {
  color: rgba(255, 193, 7, 0.644);
}

/* Borders under headings 2 */
.headingBorder1 {
  background-color:  rgb(145, 38, 30);
  width: 30%;
  margin-top: 0;
  height: 1.5px;
}

/* Contact and projects section */
#contactAndProjects i {
  font-size: 50px;
  color: black;
}
#contactAndProjects h3 {
  color: black;
}
#contactAndProjects h3:hover {
  color: silver;
}
#contactAndProjects a {
  text-decoration: none;
}
.years {
  color: rgb(145, 38, 30);
}
.fa-envelope-open:hover {
  color: rgba(255, 193, 7, 0.644) !important;
}
.fa-heart:hover {
  color: rgb(218, 58, 58) !important;
}

/* Divider section*/
.divider1 {
  background-image: url('../img/divider1.jpg');
  height: 150px;
}
.divider h5 {
  border-left: 1px solid rgba(0, 0, 0, 0.212);
  border-right: 1px solid rgba(0, 0, 0, 0.212);
}

/* Footer */
footer {
  background-color: whitesmoke;
}
.footerDivider {
  border-right: 1px solid black;
}
footer a {
  color: black;
  text-decoration: none !important;
}
.fb:hover {
  color: #3B5998;
}
.yt:hover {
  color: red;
}
.footerRight {
  position: relative;
}
/* .copyright {
  position: absolute;
  bottom: 0;
  left: 1.5rem;
} */
footer span {
  color: #2B93CF;
}

/* .contest1Text{
  text-align: justify;
} */
.contestHeadingsPadding {
  padding-top: 5%;
}
.contest1 li, #contest2 li, .contest8 li, .contest9 li, .contest13 li {
  list-style-type: none;
}
.award1 {
  color: gold;
}
.award2 {
  color: silver;
}
.commingSoon {
  font-family: 'Dancing Script', cursive;
  color: #FFC107;
}

.commingSoon2 {
  font-family: 'Courgette', cursive;
  color: rgb(145, 38, 30);
}

@media (max-width: 1260px) {
  .arrows {
    margin-top: 1rem;
  }
}
@media (max-width: 1200px) {
  .navbar-nav > .nav-item > .nav-link {
    font-size: 91% !important;
  }
  .navbar-brand {
    font-size: 20px !important;
  } 
}
@media (max-width: 990px) {
  .navbar-nav > .nav-item > .nav-link {
    font-size: 91% !important;
    padding-left: 4% !important;
  }
}
@media (max-width: 768px) {
  .arrows {
    float: none !important;
  }
  .arrowMargin {
    margin-bottom: 1rem !important;
  }
  .navbar-nav > .nav-item > .nav-link {
    font-size: 91% !important;
    padding-left: 3% !important;
  }
  .videoMT {
    margin-top: 1rem;
  }
}
@media (max-width: 576px) {
  footer p {
    text-align: center !important;
  }
  .footerDivider {
    border: none !important;
  }
  .footerRight {
    text-align: center !important;
    padding-top: none !important;
  }
  .footerRight a {
    float: none !important;
  }
  
}

@media (max-width: 450px) {
  /* footer p {
    font-size: 12px;
  } */
  #navbar {
    padding-left: 25px;
  }
}
/* @media (max-width: 420px) {
  footer p {
    font-size: 13px;
  }
}
@media (max-width: 375px) {
  footer p {
    text-align: end;
    font-size: 11px;
  }
}
@media (max-width: 360px) {
  footer p {
    text-align: end;
    font-size: 12px;
  }
}
@media (max-width: 330px) {
  footer p {
    text-align: end;
    font-size: 10px;
  }
} */

#info p {
  font-size: large;
}