@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400&family=Roboto:wght@300&display=swap');

body, html {
    font-family: 'Roboto', sans-serif;
}

.bg-dark {
    background-color: #304257 !important;
}
.bg-blue  {
    background-color: #5D7697 !important;
}
.bg-grey  {
    background-color: rgba(0,0,0,0.1) !important;
}
.bg-white  {
    background-color: #FFFFFF !important;
    color: #304257;
}

.side-box {
    padding: 15px;
    margin-bottom: 15px;
}

.text-white, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white a, .text-white a:link, .text-white a:hover {
    color: #FFFFFF !important;
}

.text-white h2 {
    font-size: 30px !important;
}

.container-content h1, .container-content h2, .container-content h3, .container-content h4, .container-content h5, .container-content h6 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

.container-content h2 {
    font-size: smaller;
    color: #5D7697;
}

.container-content h3 {
    font-size: smaller;
    color: #5D7697;
}

.container-content h4 {
    font-size: smaller;
    font-weight: 200;
    color: #5D7697;
}

.container-content strong {
    font-weight: bold;
    color: #304257;
}

.container-content a, .container-content a:link, .container-content a:hover {
    color: #304257;
}
.section {
  padding: 50px 0;
  position: relative;
}

.btn-gcoc-blue {
    background-color: #304257 !important;
  border: 1px solid #5D7697 !important;
  color: #FFFFFF !important;
    text-transform: uppercase;
  box-shadow: 0 3px 5px 0 rgba(0,48,95,0.5) !important;
}

.btn-primary {
  background-color: #5D7697 !important;
  border: 1px solid #5D7697 !important;
  color: #FFFFFF !important;
  box-shadow: 0 3px 5px 0 rgba(145, 188, 209, 0.3) !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus {
  background-color: #D1D3D4 !important;
  border-color: #D1D3D4 !important;
  color: #FFFFFF !important;
  box-shadow: 0 3px 5px 0 rgba(209, 211, 212, 0.3) !important;
}

.feature {
    background-color: #304257 !important;
}

.display-4 {
  font-size: 40px !important;
    text-transform: uppercase;
}

.home-sponsors {
    background-color: #FFFFFF;
}
.home-date {
    font-size: 30px !important;
    text-transform: uppercase;
    color:rgba(255,255,255,.75);
}
.align-items-top {
    padding-top: 130px;
}

.bg-footer .fb-link a, .bg-footer .fb-link a:link, .bg-footer .fb-link a:hover {
    color: #FFFFFF !important;
}

.bg-gradient-chemtrain {
    background: url('http://chemtrain.codesnap.com.au/theme/custom/chemtrain/images/chemtrain/chemtrain-home-background.jpg') no-repeat center center !important;
    -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.bg-small-100 {
  padding: 150px 0;
  background-size: cover;
  align-self: center;
  position: relative;
  background-position: center center;
}

.p-b-50 {
    padding-bottom: 50px;
}

.table {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.table-thead {
    --bs-table-bg: #304257;
    --bs-table-striped-bg: #304257;
    --bs-table-striped-color: #ffffff;
    --bs-table-active-bg: #304257;
    --bs-table-active-color: #ffffff;
    --bs-table-hover-bg: #304257;
    --bs-table-hover-color: #ffffff;
    color: #ffffff;
    border-color: #ffffff;
}

.table-tbody {
    --bs-table-bg: #5D7697;
    --bs-table-striped-bg: #5D7697;
    --bs-table-striped-color: #ffffff;
    --bs-table-active-bg: #5D7697;
    --bs-table-active-color: #ffffff;
    --bs-table-hover-bg: #5D7697;
    --bs-table-hover-color: #ffffff;
    color: #ffffff;
    border-color:#ffffff;
}

.footer-white a, .footer-white a:link, .footer-white a:hover {
    color: #FFFFFF !important;
}

/* NAVIGATION */
#topnav {
  background-color: #304257 !important;
}
#topnav .has-submenu.active a {
  color: #ffffff;
}

#topnav .has-submenu.active .submenu li.active > a {
  color: #5D7697 !important;
}

#topnav .has-submenu.active.active .menu-arrow {
  border-color: #5D7697;
}
#topnav .navigation-menu > li:hover > a,
#topnav .navigation-menu > li.active > a {
  color: #5D7697 !important;
}
#topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:active {
  color: #5D7697;
}
#topnav.scroll .navigation-menu > li:hover > a, #topnav.scroll .navigation-menu > li.active > a {
  color: #5D7697;
}
#topnav.scroll .navigation-menu > li:hover > .menu-arrow, #topnav.scroll .navigation-menu > li.active > .menu-arrow {
  border-color: #5D7697;
}
#topnav.nav-sticky .navigation-menu.nav-light > li.active > a {
  color: #5D7697 !important;
}

#topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow, #topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow {
  border-color: #5D7697 !important;
}
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > a, #topnav.nav-sticky .navigation-menu.nav-light > li.active > a {
  color: #5D7697 !important;
}


#topnav .navigation-menu > li .submenu li a:hover {
    color: #5D7697 !important;
  }
  #topnav .navigation-menu > li:hover > .menu-arrow {
    border-color: #5D7697;
  }
  #topnav .navigation-menu > li:hover > a,
  #topnav .navigation-menu > li.active > a {
    color: #5D7697 !important;
  }

@media (min-width: 992px) {
  #topnav .navigation-menu > li .submenu li a:hover {
    color: #5D7697 !important;
  }
  #topnav .navigation-menu > li:hover > .menu-arrow {
    border-color: #5D7697;
  }
  #topnav .navigation-menu > li:hover > a,
  #topnav .navigation-menu > li.active > a {
    color: #5D7697 !important;
  }
}

@media (max-width: 991px) {
  #topnav .navigation-menu > li > a:hover,
  #topnav .navigation-menu > li .submenu li a:hover,
  #topnav .navigation-menu > li.has-submenu.open > a {
    color: #5D7697;
  }
  #topnav .has-submenu.active a {
    color: #5D7697;
  }
}

@media (min-width: 992px) {
  #topnav .navigation-menu > li .submenu {
    background-color: #304257 !important;
  }
}

@media (max-width: 991px) {
  #topnav {
    background-color: #304257;
  }
}