/* CSS Document */
 /*Responsive Style*/

 @media only screen and (max-width: 1289px) {
   nav .logo {
     width: 320px;
     margin-top: 30px;
     margin-bottom: 5px;
   }
	 
   .strapline {
     top: 15px;
   }
	
 }


 @media only screen and (max-width: 1199.98px) {
	 
	    nav .logo {
     width: 320px;
     margin-top: 30px;
     margin-bottom: 5px;
   }
   .strapline {
     top: 15px;
	   z-index: -1
   }
	
nav.shrink button.navbar-toggler {
		 
		 margin:55px 10px 20px
	 }
	 
   .page-title-heading {
     position: absolute;
     top: 52%;
     left: 50%;
     transform: translateY(-48%);
     -webkit-transform: translate(-48%);
	   width:100%
   }


   
	 
	 .mySlides video {
     height: 100vh;
     min-height: 400px;
		 max-height: 1000px
   }

   .slideshow-container .text {
     top: 35%;
     padding: 0px 20px;
   }
   .slideshow-container .text img {
     width: 35%;
     margin-top: -60px;
     margin-bottom: -80px;
   }
   .slideshow-container .text h1 {
     font-size: 60px;
   }
   .slideshow-container .text p {
     color: #fff;
     font-size: 26px;
   }
	 
 }


 @media only screen and (max-width: 1024px) {
	 
	 
	 #page-title .page-title-heading {
		 
		 top: 40%;
	 }
   
	 .mobile-hide {
		 
		 display:none;
max-height: 0px;
	 }
	 
	 .strapline {
     display: none
   }
   nav .logo {
     margin-top: 10px;
   }

	.mySlides video {
     height: 80vh;
     min-height: 400px;
   }

   .slideshow-container .text {
     top: 35%;
     padding: 0px 20px;
   }
   .slideshow-container .text img {
     width: 30%;
     margin-top: -60px;
     margin-bottom: -80px;
   }
   .slideshow-container .text h1 {
     font-size: 52px;
   }
   .slideshow-container .text p {
     color: #fff;
     font-size: 22px;
   }
	 
	 .sponsorship-slideshow-section {
    
    padding: 60px 0px
}
	 
	 
.aboutPanelsOuter {
    border: 2px solid white;
  }

	 
 }

 @media only screen and (max-width: 991px) {
   .page-title-heading {
     position: absolute;
     top: 52%;
     left: 30%;
     transform: translate(-30%, -48%);
     -webkit-transform: translate(-30%, -48%);
   }
   .fixed-top {
     position: relative !important
   }
   nav .logo {
     width: 280px;
     margin-top: 30px;
     margin-bottom: 15px
   }
   .nav-item {
     padding-top: 0px;
   }
   .nav-link:hover {
     color: white !important;
   }
   .nav-link {
     padding-top: 0px !important;
   }
   .navbar-toggler {
     margin: 35px 20px 0px 0px ;
     padding: 5px 10px
   }
   .nav-item a:hover::after {
     width: 20%;
     transition: width .3s;
   }
	 
	  /** alternative key dates **/
   .timeline-inner {}
   .timeline-inner::after {
     content: "";
     border-bottom: 0px;
     border-left: 4px grey dotted;
     position: absolute;
     width: 0%;
     height: 1%;
     top: 10;
     right: 50%;
     z-index: -10
   }
   .topLast::after {
     width: 0px !important;
   }
   .bottomlast::after {
     height: 0;
   }
 }
 @media only screen and (min-width: 768px) {}
 @media only screen and (max-width: 767px) {
	 
	 
	 .second-heading {
    
    font-size: 28px;
    font-weight:900;
    color: #f59231;
    padding-bottom: 0px;
    text-transform: uppercase;
    /*border-bottom: 1px solid #F59231;*/
    margin-bottom: 25px;
    display: inline-block;
        margin-top: 10px


}
	 
	   .nav-transparency {
     background: linear-gradient(185deg, rgba(27, 14, 54, 1) 38%, rgba(23, 20, 25, 1) 100%);
   }
	 
   .mySlides video {
     display: none
   }
   .poster-1 {
       background-image:url(../images/headers/2025-winners-hero.jpg)
   }
   .poster-2 {
     background-image: url(../images/posters/Slide-2-poster-mobile.jpg)
   }
   .poster-3 {
     background-image: url(../images/posters/Slide-3-poster-mobile.jpg)
   }
   .poster-4 {
     background-image: url(../images/posters/Slide-4-poster-mobile.jpg)
   }
	  .poster-5 {
     background-image: url(../images/posters/Slide-5-poster-mobile.jpg)
   }
	 

	 .header-background {
	background-size:cover !important; 
	background-position: center !important;	
	background-repeat: no-repeat !important
}
	 
	 .header-background-overlay:before {
		 
		 content: "";
		 display: block;
		 width:100%;
		 height:100%;
		 position: absolute;
		 background: rgba(0,0,0,0.25);
		 z-index: 0
		 
		 
	 } 

.categories-header {
	
	background:url(../images/headers/category-header-mobile.jpg);
}

.the-evening-header {
	background:url(../images/headers/evening-header-mobile.jpg);
}

.attend-header {
	background:url(../images/headers/attendance-header-mobile.jpg);
}

.meet-sponsors-header {
	background:url(../images/headers/sponsors-header-mobile.jpg);
}

.entry-process-header {
	background:url(../images/headers/entry-header-mobile.jpg);
}

.sponsor-header {
	background:url(../images/headers/sponsor-header-mobile.jpg);
}

.current-winners-header {
	background:url("../images/headers/2025-winners-header-mobile.jpg");
}

.previous-winners-header {
	background:url(../images/headers/winners-header-mobile2023.jpg);
}

.current-judges-header {
	background:url(../images/headers/judge-header-mobile.jpg);
}

.previous-judges-header {
	background:url(../images/headers/judge-header-mobile.jpg);
}

.contact-header {
	background:url(../images/headers/contact-header-mobile.jpg);
}

.finalist-header {
	background:url(../images/headers/finalist-header-mobile.jpg);
}
	 
   .slick-initialized .slick-slide {
     width: 100%;
     height: 80vh;
     min-height: 400px;
   }
   .slideshow-container .text {
     top: 40%;
     padding: 0px 30px;
   }
   .slideshow-container .text img {
     width: 50%;
     margin-top: -80px;
     margin-bottom: -80px;
   }
   .slideshow-container .text h1 {
     font-size: 50px;
   }
   .slideshow-container .text p {
     color: #fff;
     font-size: 20px;
   }
   #page-title {
     height: 40vh;
     min-height: 400px;
   }
   .page-title-heading {
     position: absolute;
     top: 40%;
     left: 30%;
     transform: translate(-30%, -48%);
     -webkit-transform: translate(-30%, -48%);
   }
   .page-title-heading h1 {
     font-size: 40px;
   }
   nav .logo {
     margin-top: 35px
   }
   .nav-date-venue {
     font-size: 16px;
     width: 100%;
     border-radius: 0px;
     top: 0;
     right: 0;
     text-align: center
   }
   nav .navbar-toggler {
     margin-top: 0px !important
   }
	 
	 	 .sponsorship-slideshow-section {
    
    padding: 30px 0px
}
	 
	 .fancy:before, .fancySpecial:before{
    display: none

  }
  
 }
 @media (max-width: 575px) {
  
	 
	 .mySlides video {
     height: 60vh;
     min-height: 400px;
   }
   .slideshow-container .text {
     top: 35%;
     padding: 0px 20px;
   }
   .slideshow-container .text img {
     width: 70%;
     margin-top: -80px;
     margin-bottom: -80px;
   }
   .slideshow-container .text h1 {
     font-size: 32px;
   }
   .slideshow-container .text p {
     color: #fff;
     font-size: 20px;
     margin: 10px 0px;
   }
   .btn-white-bdr {
     margin-top: 0px;
     font-size: 3.8vw;
     display: block;
     margin-top: 20px
   }
   .navbar {
     position: relative !important
   }
   .fixed-top {
     position: relative !important
   }
   nav .logo {
     margin-top: 40px;
     margin-left: 10px;
     width: 250px
   }
   nav .navbar-toggler {
 
   }
   .nav-item a:hover::after {
     width: 30% !important;
   }
 
	 
	 	 	 .sponsorship-slideshow-section {
    
				 margin:-90px 0px;
    padding: 0px 0px
}
 }
 @media only screen and (max-width: 480px) {}
 @media (max-width: 417px) {
   nav .logo {
     margin-top: 55px;
     margin-left: 0px;
     width: 230px;
     margin-bottom: 3px;
     margin-right: 0px
   }
   nav .navbar-toggler {
     margin-right: 10px !important;
     margin-top: 40px !important
   }
   .nav-date-venue {
     font-size: 15px !important;
   }
   .nav-item a:hover::after {
     width: 40% !important;
   }
 }