/*
CTC Separate Stylesheet
Updated: 2022-03-25 09:42:26
*/

body {
	overflow-x: hidden;
}

.navbar {
    width: 100%;
    padding-top: 20px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
	z-index: 20;
}

.sticky,
.onload {
	position: fixed;
	top: 0;
}

.navbar.sticky,
.navbar.onload {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fff;
	box-shadow: 1px 1px 15px 0 rgba(0,0,0,.12);
}

.sticky.navbar,
.onload.navbar {
	padding: 5px 0;
}

.navbar .elementor-container,
.navbar .elementor-column,
.navbar .site-logo-colour img,
.navbar .site-logo-white img {
	transition: height 0.25s ease;
}

.onload.navbar .elementor-container,
.onload.navbar .elementor-column,
.onload.navbar .site-logo-colour img,
.onload.navbar .site-logo-white img {
	transition: none;
}

.navbar .elementor-container,
.navbar .elementor-column {
	height: 125px;
}

.sticky.navbar .elementor-container,
.onload.navbar .elementor-container {
	min-height: initial !important;
}

.sticky.navbar .elementor-container,
.onload.navbar .elementor-container,
.sticky.navbar .elementor-column,
.onload.navbar .elementor-column,
.sticky.navbar .site-logo-colour img,
.sticky.navbar .site-logo-white img,
.onload.navbar .site-logo-colour img,
.onload.navbar .site-logo-white img {
	height: 80px;
}

.navbar .site-logo-colour {
	visibility: hidden;
}

.navbar .site-logo-white {
	visibility: visible;
}

.sticky.navbar .site-logo-white,
.onload.navbar .site-logo-white {
	visibility: hidden;
}

.sticky.navbar .site-logo-colour,
.onload.navbar .site-logo-colour {
	visibility: visible;
}

.sticky.navbar .hfe-nav-menu .menu-item a.hfe-menu-item,
.onload.navbar .hfe-nav-menu .menu-item a.hfe-menu-item {
	color: #0a0a0a !important;
}

/* Home (gold) */
.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) #menu-item-10.menu-item.parent a.hfe-menu-item:after {
	background-color: #ffc300;
}

/* Information (blue) */
.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) #menu-item-9.menu-item.parent a.hfe-menu-item:after {
	background-color: #1171d1;
}
.hfe-nav-menu #menu-item-9.menu-item.parent.menu-item-has-children .sub-menu {
	border-top: 3px solid #1171d1;
	margin-top: -3px;
}
.elementor .elementor-element.elementor-element-256062c #menu-item-9.menu-item.parent.menu-item-has-children .sub-menu a.hfe-sub-menu-item:hover,
.elementor .elementor-element.elementor-element-256062c #menu-item-9.menu-item.parent.menu-item-has-children .sub-menu a.hfe-sub-menu-item.hfe-sub-menu-item-active {
	background-color: #1171d1;
	color: #ffffff;
}

/* Registrations (orange) */
.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) #menu-item-11.menu-item.parent a.hfe-menu-item:after {
	background-color: #fe8100;
}
.hfe-nav-menu #menu-item-11.menu-item.parent.menu-item-has-children .sub-menu {
	border-top: 3px solid #fe8100;
	margin-top: -3px;
}
.elementor .elementor-element.elementor-element-256062c #menu-item-11.menu-item.parent.menu-item-has-children .sub-menu a.hfe-sub-menu-item:hover,
.elementor .elementor-element.elementor-element-256062c #menu-item-11.menu-item.parent.menu-item-has-children .sub-menu a.hfe-sub-menu-item.hfe-sub-menu-item-active {
	background-color: #fe8100;
	color: #ffffff;
}

/* About (green) */
.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) #menu-item-12.menu-item.parent a.hfe-menu-item:after {
	background-color: #6ecf3f;
}
.hfe-nav-menu #menu-item-12.menu-item.parent.menu-item-has-children .sub-menu {
	border-top: 3px solid #6ecf3f;
	margin-top: -3px;
}
.elementor .elementor-element.elementor-element-256062c #menu-item-12.menu-item.parent.menu-item-has-children .sub-menu a.hfe-sub-menu-item:hover,
.elementor .elementor-element.elementor-element-256062c #menu-item-12.menu-item.parent.menu-item-has-children .sub-menu a.hfe-sub-menu-item.hfe-sub-menu-item-active {
	background-color: #6ecf3f;
	color: #ffffff;
}

/* Contact (red) */
.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) #menu-item-260.menu-item.parent a.hfe-menu-item:after {
	background-color: #b00e09;
}

.hfe-nav-menu > .menu-item.current-menu-item a.hfe-menu-item:after,
.hfe-nav-menu > .menu-item.current-menu-parent a.hfe-menu-item:after {
	opacity: 1 !important;
}

/*
body {
	font-family: 'Open Sans', sans-serif;
	color: #0a0a0a;
}

header {
	background: url("images/crowded.jpg") center;
	background-size: cover;
	position: relative;
}

header:before {
	content: " ";
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}

header > * {
	position: relative;
	z-index: 2;
}

.competition-page header > .container > div {
	height: 400px;
}

.navbar-holder {
	position: fixed;
	top: 0;
	width: 100%;
	padding-top: 20px;
	position: absolute;
	z-index: 20;
}

.onload .navbar,
.onload .navbar .navbar-brand .site-logo-colour,
.onload .navbar .navbar-brand .site-logo-white {
	transition: none;
}

.sticky,
.onload {
	position: fixed;
	top: 0;
}

.navbar-holder.sticky,
.navbar-holder.onload {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fff;
	box-shadow: 1px 1px 15px 0 rgba(0,0,0,.12);
}

.navbar {
	height: 125px;
	width: 100%;
	-ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
	transition: all .25s ease;
}

.sticky .navbar,
.onload .navbar {
	height: 80px;
}

.navbar .navbar-brand {
	position: relative;
	padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 0px;
}

.navbar .navbar-brand .site-logo-colour,
.navbar .navbar-brand .site-logo-white {
	width: auto;
	height: 125px;
	position: relative;
	transition: height .25s ease;
}

.navbar .navbar-brand .site-logo-white {
	-webkit-filter: brightness(0%) invert(100%);
    filter: brightness(0%) invert(100%);
	position: absolute;
	top: 0;
	left: 0;
}

.sticky .navbar .navbar-brand .site-logo-colour,
.sticky .navbar .navbar-brand .site-logo-white,
.onload .navbar .navbar-brand .site-logo-colour,
.onload .navbar .navbar-brand .site-logo-white {
	height: 80px;
}

.navbar .navbar-brand .site-logo-colour {
	visibility: hidden;
}

.navbar .navbar-brand .site-logo-white {
	visibility: visible;
}

.sticky .navbar .navbar-brand .site-logo-white,
.onload .navbar .navbar-brand .site-logo-white {
	visibility: hidden;
}

.sticky .navbar .navbar-brand .site-logo-colour,
.onload .navbar .navbar-brand .site-logo-colour {
	visibility: visible;
}

.home-page .top-bar .top-bar-right {
    margin-right: auto;
}

.navbar-nav {
	position: relative;
}

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

.navbar-nav .nav-link {
    font-size: 19px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
	position: relative;
}

.nav-item a,
.nav-item a:hover,
.nav-item a:active,
.nav-item .is-active > a {
	color: #fff;
}

.sticky .navbar .nav-item a.nav-link,
.sticky .navbar .nav-item a.nav-link:hover,
.sticky .navbar .nav-item a:active,
.sticky .navbar .nav-item.active a.nav-link,
.onload .navbar .nav-item a.nav-link,
.onload .navbar .nav-item a.nav-link:hover,
.onload .navbar .nav-item a:active,
.onload .navbar .nav-item.active a.nav-link {
	color: #0a0a0a;
}

.dropdown-toggle::after {
    display: inline-block;
    border: none;
	font-family: "FontAwesome";
	font-size: 14px;
	font-weight: 400;
    content: '\f078';
    border-bottom-width: 0;
    border-top-style: none;
    border-color: transparent;
    position: relative;
	right: 0;
	top: 2px;
	margin-left: 5px;
    margin-top: 0;
}

.nav-link > span {
	position: relative;
}

.nav-link > span:after {
	display: block;
	content: " ";
	border-top: solid 3px transparent;
	position: absolute;
    left: 0px;
    bottom: -0.7rem;
    width: 100%;
}

.active.home .nav-link > span:after,
.home .nav-link:hover > span:after {
	border-top: solid 3px #ffc300;
}

.active.information .nav-link > span:after,
.information .nav-link:hover > span:after,
.information .dropdown-menu {
	border-top: solid 3px #1171d1;
}

.active.registrations .nav-link > span:after,
.registrations .nav-link:hover > span:after,
.registrations .dropdown-menu {
	border-top: solid 3px #fe8100;
}

.active.about .nav-link > span:after,
.about .nav-link:hover > span:after,
.about .dropdown-menu {
	border-top: solid 3px #6ecf3f;
}

.active.contact .nav-link > span:after,
.contact .nav-link:hover > span:after {
	border-top: solid 3px #b00e09;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: auto;
	right: 0;
	z-index: 1000;
    min-width: 200px;
	padding: 0;
	margin: 0;
	margin-top: 0px;
	color: #212529;
	text-align: left;
	background: #fefefe;
	border: 1px solid #cacaca;
	box-shadow: 1px 1px 15px 0 rgba(0,0,0,.12);
	border-radius: 0;
}

.dropdown-menu a {
	font-size: 16px;
	color: #0a0a0a;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
	padding: .7rem 1rem;
}

.dropdown-menu a:hover,
.dropdown-menu a:active {
	color: #fff;
}

.information .dropdown-menu a:hover,
.information .dropdown-menu a:active {
	background: #1171d1;
}

.registrations .dropdown-menu a:hover,
.registrations .dropdown-menu a:active {
	background: #fe8100;
}

.about .dropdown-menu a:hover,
.about .dropdown-menu a:active {
	background: #6ecf3f;
}

@media screen and (min-width: 768px){
	.dropdown:hover .dropdown-menu,
	.btn-group:hover .dropdown-menu {
		display: block;
	}
	.dropdown-menu {
		margin-top: 0;
	}
	.dropdown-toggle {
		margin-bottom: 2px;
	}
	.navbar .dropdown-toggle, .nav-tabs .dropdown-toggle {
		margin-bottom: 0;
	}
}

.festival-details {
	color: #fff;
	text-align: center;
	margin-top: 180px;
    margin-bottom: 45px;
}

.festival-details > * {
	line-height: 1;
}

.festival-details .title {
	font-family: 'Anton', sans-serif;
	font-size: 102px;
	text-transform: uppercase;
	margin-bottom: 38px;
}

.festival-details .subtitle {
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 26px;
}

.festival-details .countdown-box {
	border-radius: 5px;
    width: calc(100% - 7px);
    max-width: 120px;
    height: 120px;
	margin-left: 7px;
	margin-bottom: 36px;
}

.festival-details .countdown-box:first-child {
	margin-left: 0px;
}

.festival-details .countdown .week {
	background: #fe8100;
}

.festival-details .countdown .day {
	background: #6ecf3f;
}

.festival-details .countdown .hour {
	background: #1171d1;
}

.festival-details .countdown .minute {
	background: #ffc300;
}

.festival-details .countdown .second {
	background: #b00e09;
}

.festival-details .time-count,
.festival-details .time-label {
	font-family: 'Anton', sans-serif;
	line-height: 1;
}

.festival-details .time-count {
	font-size: 48px;
	margin-bottom: 9px;
}

.festival-details .time-label {
	font-size: 22px;
	margin: 0px;
}

.festival-details .donate-cta {
	
}

.ride-pass-cta {
	margin-top: 15px;
}

.btn.btn-primary,
.btn.btn-secondary {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	border: none;
	padding: 16px;
	padding-top: 0;
	padding-bottom: 0;
	transition: all .15s ease;
}


.btn.btn-primary,
.btn.btn-primary:focus,
.btn.btn-primary:active {
    color: #0a0a0a;
	background-color: #fff;
	position: relative;
	top: 0;
	box-shadow: none;
}

.btn.btn-primary:hover {
    color: #0a0a0a;
	background-color: #fff;
	top: 5px;
	box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	color: #0a0a0a;
	background-color: #fff;
    border-color: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: none;
}

.ride-pass-cta .btn.btn-primary {
	position: relative;
	z-index: 3;
}

.cta-button {
	width: 100%;
	margin-top: 20px;
}

.btn.btn-secondary {
	color: #fff;
	background-color: #b00e09;
}

.btn.btn-secondary:focus,
.btn.btn-secondary:hover,
.btn.btn-secondary:active,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
	background: #fe8100;
	box-shadow: none;
}

.divider {
	position: absolute;
	left: 0;
	top: -13px;
	width: 100%;
	z-index: 1;
}

.divider.flip {
	transform: scaleX(-1);
}

.blue-divider {
	fill: #1171d1;
}

.gold-divider {
	fill: #ffc300;
}

.orange-divider {
	fill: #fe8100;
}

.green-divider {
	fill: #6ecf3f;
}

.section {
	position: relative;
	padding: 80px 0;
}

.section-title {
	font-size: 52px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 60px;
}

.df-logo {
	width: 100%;
}

.cta-box {
	height: 119px;
	border: solid 9px #ffc300;
	border-radius: 10px;
	position: relative;
	margin-top: 46px;
}

.cta-icon {
	font-size: 72px;
	color: #b00e09;
	background: #fff;
	height: 100px;
	width: 100px;
	position: absolute;
	top: -9px;
	right: -9px;
	margin-top: -46px;
}

.cta-title {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	color: #b00e09;
	margin-bottom: 7px;
	text-transform: uppercase;
	position: relative;
	z-index: 10;
}

.festival-box {
	width: 100%;
	height: 250px;
	position: relative;
	margin: 15px;
 }
 
 .festival-box:before,
 .festival-box-cta:before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
 
 .festival-box-cta {
	color: #fff;
	height: 530px;
	position: relative;
	margin: 15px;
	background: url("images/tea-cup-ride.jpg");
	background-size: cover;
 }
 
 .festival-box-cta:before {
	background-color: rgba(176, 14, 9, 0.9);
}

.box-1 {
	background: url("images/entertainment.jpg");
	background-size: cover;
 }
 
 .box-1:before {
	background-color: rgba(17, 113, 209, 0.9);
}

.box-2 {
	background: url("images/art-competition.jpg");
	background-size: cover;
}

.box-2:before {
	background-color: rgba(255, 195, 0, 0.9);
}

.box-4 {
	background: url("images/stall.jpg");
	background-size: cover;
}

.box-4:before {
	background-color: rgba(254, 129, 0, 0.9);
}

.box-5 {
	background: url("images/workshop.jpg");
	background-size: cover;
}

.box-5:before {
	background-color: rgba(110, 207, 63, 0.9);
}

.festival-title {
	font-family: 'Anton', sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	position: relative;
	z-index: 2;
}

.festival-box-cta-holder {
	width: 100%;
	height: 100%;
	margin: 0px;
	position: absolute;
}

.page-description {
	text-align: center;
	font-weight: 700;
	padding-bottom: 40px;
	width: 620px;
}

footer {
	padding: 30px 0 40px 0; 
	background: #f8f4f3;
}

footer .dccq-logo {
	width: auto;
	height: 108px;
}

footer .first-df-logo {
	width: auto;
	height: 170px;
}

.copyright-text {
	margin-top: 20px;
}

@media only screen and (max-width: 991px) {

	.festival-box-cta-holder {
		position: relative;
	}
	
	.festival-box-cta {
		width: 100%;
		height: 250px;
		position: relative;
		margin: 15px;
	}
	
}

@media only screen and (max-width: 767px) {
	
	.festival-box,
	.festival-box-cta {
		margin-left: 0;
		margin-right: 0;
	}
	
}

@media only screen and (max-width: 575px) {

	.navbar {
		height: 80px;
	}
	
	.navbar .navbar-brand .site-logo-colour,
	.navbar .navbar-brand .site-logo-white {
		height: 80px;
	}
	
	.festival-details {
		margin-top: 120px;
	}
	
	.festival-details .title {
		font-size: 50px;
		margin-bottom: 20px;
	}
	
	.festival-details .subtitle {
		font-size: 18px;
		margin-bottom: 10px;
	}
	
	.festival-details .countdown-box {
		height: 95px;
		margin-bottom: 20px;
	}
	
	.festival-details .time-count {
		font-size: 36px;
	}
	
	.festival-details .time-label {
		font-size: 18px;
	}
	
	.cta-box {
		height: auto;
		margin-top: 0px;
	}
	
	.cta-icon {
		color: #b00e09;
		background: #fff;
		height: 100px;
		width: 100px;
		position: relative;
		top: 0px;
		right: 0px;
		margin-top: 0px;
	}
	
	footer .dccq-logo {
		height: 86px;
	}
	
	footer .first-df-logo {
		height: 136px;
	}

}