/* --- GENERAL STYLES --- */

body{
    font-family: 'Inter', sans-serif;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'Roboto Slab', serif;
	font-weight:400;
}

h1, h2, h3{
	color: #1c2f57;
}

h4, h5, h6{
	color: #1c2f57;
}

p,ul,ol{
    font-family: 'Inter', sans-serif;
    font-weight: 300;
}

a{
	color: #3468A1;
}

a:hover{
	color: #1c2f57;
}

.py-60{
    padding: 60px 0;
}

.form-control{
    font-weight: 300;
}

.blue{
    color:#3468A1;
}

.green{
	color: #7abc43!important;
}

.orange{
	color: #F36A48;
}

.bg-lighter-blue {
  background-color: rgba(29,48,88,0.2);
}

.bg-main-blue {
  background-color: #1c2f57;
}

.btn-green{
	padding:8px 20px;
	border-radius: 0;
	background-color: #7abc43;
	color:#fff;
	transition: .5s ease;
}
.btn-green:hover{
	background-color: #dc4027;
	color:#fff;
}

.btn-orange{
	padding:8px 20px;
	background-color: #F36A48;
	color:#fff;
	transition: .5s ease;
}
.btn-orange:hover{
	background-color: #1c2f57;
	color:#fff;
}

.btn-blue{
	padding:8px 20px;
	background-color: #1c2f57;
	color:#fff;
	transition: .5s ease;
}
.btn-blue:hover{
	background-color: #3468A1;
	color:#fff;
}

.btn-light-blue{
    padding: .375rem 1.5rem;
    border:2px solid #3468A1;
    background-color:#3468A1;
    color:#fff!important;
}
.btn-light-blue:hover{
    border:2px solid #3468A1;
    background-color:transparent;
    color:#3468A1!important;
}
.hp-highlights .btn-light-blue:hover {
  border: 2px solid #cececd;
  background-color: transparent;
  color: #cececd !important;
}

.btn-award{
	border-radius: 0;
	background-color: transparent;
	color:#3f3f3f;
}
.btn-award:hover{
	color:#3468A1;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,255,255,0);
}

.btn-group-xs > .btn, .btn-xs {
    padding  : .35rem .4rem;
	margin-bottom:5px;
    font-size  : .875rem;
    line-height  : .5;
    border-radius : .2rem;
	color:#fff!important;
}

.g-recaptcha{
	clear:both;
	margin-bottom:10px;
}

@media (max-width: 767px) {
	.g-recaptcha{
		transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;
	}
}

/* --- GENERAL STYLES END --- */


/* --- HEADER & NAVIGATION --- */

.header{
	padding-top:15px;
}

.logo{
	padding-bottom:10px;
}
.logo img{
    max-width:150px;
}

.head-btns{
	text-align: right;
	margin-top:20px;
}


header .bg-dark {
    background-color: #1c2f57 !important;
}

header .navbar {
	padding-top:0;
	padding-bottom:0;
}

header .navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
header .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #CECECD;
	text-decoration: none;
}

header .nav-link {
    padding: .75rem 1rem;
}

header .navbar-dark .navbar-nav .active > .nav-link, header .navbar-dark .navbar-nav .nav-link.active, header .navbar-dark .navbar-nav .nav-link.show, header .navbar-dark .navbar-nav .show > .nav-link {
	color: #CECECD !important;
	text-decoration: none;
}

/* --- CUSTOMISE BOOTSTRAP NAVBAR - DESKTOP HOVER & PARENT LINKABLE --- */

/* Hide standard caret */
.dropdown-toggle::after{
	display: none;
}

/* Parent links on navbar selectable */
.dropdown-li {
    display:inline-block !important;
}
.dropdown-link {
    display:inline-block !important; 
    padding-right:4px !important;
}
.dropdown-caret {
    display:inline-block !important; 
    padding-left:0px !important;
}

/* Hover states at same time - desktop */
.dropdown-li:hover .dropdown-link{
	color: #CECECD!important;
	text-decoration: none!important;
}
.dropdown-li:hover .dropdown-caret{
	color: #CECECD!important;
}

@media only screen and (min-width: 992px) {
	/* Navbar hover for over 768px */
	.navbar .dropdown:hover > .dropdown-menu {
		display: block;
	}
	/* Without this, clicking will make it sticky */
	.navbar .dropdown > .dropdown-toggle:active {
		pointer-events: none;
	}
	.navbar .dropdown-menu {
	    margin: -0.125rem 0 0;
	}	
}

@media (max-width: 991px) {
	.dropdown-link {
		position: relative;
		width:100%;
		background-color: transparent;
	}
	.dropdown-li {
		width:100%;
		position:relative!important;
		display:block !important;
	}
	.dropdown-caret {
		position:absolute!important;
		top:0;
		right:15px;
		display:inline-block !important; 
		padding-right:10px !important;
	}	
	.dropdown-li:hover .dropdown-link{
		color: #CECECD!important;
	}
	.dropdown-li:hover .dropdown-caret{
		color: #CECECD!important;
	}
	header .dropdown-item:focus, .dropdown-item:hover {
		text-decoration: none;
		color: #CECECD!important;
	}
	
}

/* --- CUSTOMISE BOOTSTRAP NAVBAR - DESKTOP HOVER & PARENT LINKABLE END --- */

header .dropdown-menu{
	top:50px;
}


header .navbar-dark .dropdown-menu {
    background-color: #1c2f57;
    border: 1px solid #1c2f57;
    border-radius: 0;
}
header .navbar-dark .dropdown-menu a{
    color: #fff!important;
}
header .navbar-dark .dropdown-menu a:hover{
    color: #CECECD !important;
}

header .dropdown-item:focus, .dropdown-item:hover {
    background-color: #1c2f57;
    text-decoration: none;
}

header .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .7rem;
    padding-left: .7rem;
}

@media (max-width: 991px) { 
	
	.head-btns{
		margin-right:-15px;
	}

	header .navbar {
		padding-top:10px;
		padding-bottom:10px;
	}
		
	header .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
		color: #CECECD !important;
		background-color: #1c2f57;
	}
	
	header .nav-item.active{
		background-color: #1c2f57;
		color: #CECECD !important;
	}
	
	header .navbar-toggler {
		text-align: right!important;
		float: right!important;
	}
	
}

@media (max-width: 575px) { 
	.logo{
		text-align: center;
	}
	
	.head-btns{
		text-align: center;
		margin-top:0px;
		margin-bottom:19px;
	}
}

/* --- HEADER & NAVIGATION END --- */

/* --- BANNER --- */

.banner img{
	width:100%;
}

/* --- BANNER END --- */

/* --- MAIN CONTENT --- */

.main-content{
	margin:60px 0;
}

.main-content h2{
	margin-bottom:30px;
}

.hp-banner{
    width:100%;
    min-height:400px;
    padding: 20px;
    background-size: cover;
    background-position: center center;
}

.hp-banner .circle {
	position: relative;
	width: 200px;
	height: 200px;
	border-radius: 100vmax;
	display: flex;
	align-items: center;
	justify-content: center;
}

.circle-date {
	display:flex;
    flex-direction: column;
    height:100%;
	justify-content: center;
    align-items: center;
}

.circle-text {
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 17px;
    font-weight: 600;
	animation: textRotation 8s linear infinite;
}

@keyframes textRotation {
	to {
		transform: rotate(360deg);
	}
}

.circle-text span {
	position: absolute;
	left: 50%;
	font-size: 1.2em;
	transform-origin: 0 100px;
}

@media(max-width: 480px){
    .hp-banner-content h1{
        font-size:1.75rem;
    }
    .hp-banner-content p{
        font-size:1rem;
    }
}


/* --- MAIN CONTENT END --- */

/* --- HOME PAGE SECONDARY --- */

.hp-secondary-content{
    padding: 80px 0;
}

/* --- HOME PAGE SECONDARY --- */

/* --- HOME PAGE FEATURES --- */

.hp-features{
	margin-top:100px;
	margin-bottom:80px;
}

.hp-features a:hover{
	text-decoration: none;
}

.hp-feat{
	height:100%;
	padding:0 25px 25px 25px;
	background-color:#1c2f57;
	color:#fff;
	transition: .5s ease;
}
.hp-feat:hover{
	background-color:rgba(29,48,88,0.6);
}
.hp-feat img{
	margin-top:-40px;
	margin-bottom: 15px;
}
.hp-feat h4{
	color:#fff;
}

@media (max-width: 767px) { 
	
	.hp-features{
		margin-bottom:0px;
	}
	
	.hp-feat{
		height:auto;
		margin-bottom:80px;
	}
	
}

/* --- HOME PAGE FEATURES END --- */

/* --- GALLERY --- */

.jQueryMosaic > .item:hover > .overlay {
    opacity: 0.6!important;
}

#swipebox-overlay {
	background: rgba(0, 0, 0, 0.9);
	z-index: 999999999999999!important;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #fff;
}

.img-container:hover .overlay {
  opacity: 0.8;
}

.icon {
  color: #294187;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/* --- GALLERY END --- */

/* --- PORTAL PAGE --- */

.portal{
	margin-top:40px;
}
.portal h2{
	margin-bottom:10px;
}

.portal-form{
	border:1px solid #ced4da;
	padding:10px;
}

.portal-form label{
	font-weight: 600;
}

.forgot-pass{
	display: block;
	margin-bottom:10px;
}

.custom-radios input[type="radio"] {
  display: none;
}
.custom-radios input[type="radio"] + label {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.custom-radios input[type="radio"] + label span {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  /* border-radius: 50%; */
  border: 1px solid #ced4da;
  /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); */
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 24px;
}
.custom-radios input[type="radio"] + label span img {
  opacity: 0;
  transition: all 0.3s ease;
}
.custom-radios input[type="radio"]:checked.color-1 + label span {
  background-color: #7abc43;
}
.custom-radios input[type="radio"]:checked.color-2 + label span {
  background-color: #dc4027;
}
.custom-radios input[type="radio"]:checked + label span img {
  opacity: 1;
}

@media (max-width: 575px) { 
	.reg-title{
		margin-top:40px!important;
	}
}

#forgot-form{
	display:none;
}
#reset-title{
	display:none;
}

.judge-cat-form .table th, .judge-cat-form .table td{
    font-size:14px;
}


/* --- PORTAL PAGE END --- */

/* --- DASH AREA --- */

.dash-banner{
	background-color:#3468A1;
	padding:30px 0;
}

.dash-banner h2{
	color:#fff;
}
.dash-area h2{
	text-transform:capitalize;
}


.dash-area h2, .dash-area h3{
	color: #1c2f57;
}

.countdown-container{
	padding:20px 0;
	margin-bottom:20px;
	background-color:#1c2f57;
}

.countdown-container p{
	font-family: 'Roboto Slab', serif;
	font-size: 28px;
	font-weight:300;
	color:#fff;
	margin-bottom: 0px;
}

.dash-nav-title{
	margin-top:15px;
	padding-bottom:10px;
	border-bottom:2px solid #1c2f57;
    color:#1c2f57;
}

.dash-nav a{
    color:#1c2f57;
}

.dash-nav a:hover, .dash-nav a.active{
	color:#3468A1;
}
.dash-nav .nav-item{
	border:1px solid #ced4da;
	margin-bottom:5px;
}

.dash-title{
	padding-bottom:10px;
	border-bottom:2px solid #1c2f57;
	margin-bottom:16px!important;
}

.dash-area{
	padding:50px 0 60px 0;
}

.dash-area label{
	font-weight: 600;
}

.dash-area .table-success, .table-success > td, .table-success > th {
  background-color: rgba(195,230,203,0.3);
}
.dash-area .table-warning, .table-warning > td, .table-warning > th {
  background-color: rgba(255, 238, 186, 0.3);
}

/*
.dash-area textarea{
    height:400px;
}
*/

.dash-area .table.table-striped th{
	background-color: #1c2f57;
	color:#fff;
}
.dash-area .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #DEE7F1;
}
.dash-area .table-striped tbody tr:nth-of-type(2n) {
    background-color: #fafafa;
}

.application-exclamation{
	font-size:120px;
	color:#7abc43;
}


@media (max-width: 1199px) {
	.dash-area .table td, .dash-area .table th {
		padding: .25rem;
	}
}

@media (max-width: 991px) {
	.dash-nav-title{
		font-size:14px;
		margin-top:5px;
		padding-bottom:10px;
		border-bottom:2px solid #7abc43;
	}	
	.dash-title{
		font-size:22px!important;
	}
	.countdown-container p{
		font-size: 20px;
	}
	.dash-area table{
		font-size:11px;
	}
}

@media (max-width: 767px) {
	.dash-area{
		padding:0;
	}
	.dash-nav-title{
		margin-top:0px;
	}
	.dash-title{
		margin-top:15px;
	}
	.dash-btn{
		margin-bottom:10px;
	}	
}

@media (max-width: 480px) {
	.countdown-container p{
		font-size: 14px;
	}
}


/* --- DASH AREA END --- */

/* --- 404 --- */

.not-found-title{
	font-size:200px;
	line-height: 1;
}

.not-found-text{
	font-size:50px;
}

@media (max-width: 400px) {
	.not-found-title{
		font-size:120px;
	}

	.not-found-text{
		font-size:30px;
	}
}

/* --- 404 END --- */


/* --- AWARD CATS PAGE --- */

.award-cats{
	margin-top:20px;
	margin-bottom:30px;
}

.award-cats .card{
	border:none;
}
.award-cats .card-body {
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.award-cats .card-header {
    padding: .75rem 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.award-cats .accordion .card-header button{
	width:100%;
	text-align: left;
}
.award-cats .accordion .card-header button:after {
  content: '-';
  position: absolute;
  right: 15px;
  top:15px;
  font-size:30px!important;
  font-weight: 600!important;
}
.award-cats .accordion .card-header button.collapsed:after {
  content: '+';
  font-size:30px!important;
  font-weight: 600!important;
}

.award-cat-img{
	max-width:120px;
}

.award-more{
	display: block;
	margin-top:10px;
}

.award-btn-group{
	margin-top:40px;
}

/* --- AWARD CATS END --- */

/* --- AWARD WINNERS --- */

.award-win{
	margin-top:60px;
}

.aw-grid{
	padding:60px 40px;
	border-top:1px solid #ced4da;
}
.aw-grid p{
	margin-bottom:0!important;
}
.aw-grid img{
    margin:15px 0;
}

.aw-grid:first-child, .aw-grid:nth-child(2){
	border-top:none;
}

.aw-grid:first-child, .aw-grid:nth-child(3), .aw-grid:nth-child(5), .aw-grid:nth-child(7), .aw-grid:nth-child(9), .aw-grid:nth-child(11), .aw-grid:nth-child(13), .aw-grid:nth-child(15), .aw-grid:nth-child(17), .aw-grid:nth-child(19){
	border-right:1px solid #ced4da;
}

@media (max-width: 767px) {
	.award-win{
		margin-top:0px;
	}
	.aw-grid:nth-child(2){
		border-top:1px solid #ced4da;
	}	
	.aw-grid:first-child, .aw-grid:nth-child(3), .aw-grid:nth-child(5), .aw-grid:nth-child(7), .aw-grid:nth-child(9), .aw-grid:nth-child(11), .aw-grid:nth-child(13), .aw-grid:nth-child(15), .aw-grid:nth-child(17), .aw-grid:nth-child(19){
		border-right:none;
	}
}

@media (max-width: 400px) {
	.aw-grid{
		padding:40px 0;
	}
}

/* --- AWARD WINNERS END --- */

/* --- FOOTER --- */

footer{
	padding: 40px 0;
	background-color: #131F2D;
}

footer p, footer a{
	color:#fff;
	transition: .5s ease;
}

footer a:hover{
	color:#8d8ea7;
	text-decoration: none;
}

.copyright{
	margin-bottom:0;
	padding-bottom:0;
}

/* --- FOOTER END --- */