/* Annual Customisations in this extra.css file - updated - 10.11.22  */

/* background */
	.outer-bg{ 
		width:100%; 
		background-position:center;	
		background-color: #FFFFFF;
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed     
	}
	.outer-bg #bottom-logos{
		background-image:none;  
		
	}
	.outer-bg #footer {  
		background-color:  rgba(0,0,0,0.4);
		padding-bottom: 40px;
		margin-top: 0px;
	}
	@media screen and (max-width:1300px){
 
	}	
	
	@media screen and (max-width:960px){		
		.outer-bg header#logo h1{ margin-top:0px; padding-top:20px }	
		.outer-bg {background-size: cover; }
	}
 

/* home */
	.banner-content-wrapper{
		display:flex;
		flex-direction: row;
	}
	.banner-content-wrapper .banner-content{
		width:auto;
	}
	.banner-content-wrapper .banner-image{
		margin-left:20px; 
	}
	.banner-content-wrapper .banner-image img{
		width:412px;
	}
	.home .home-banner{ 
		text-align: left;
		margin-top: 65px;
		color: #ffffff;
		width: 100%;
		margin-right: 30;
		margin-bottom: 50px;
	}
	.home .home-banner h1, .home .home-banner h2, .home .home-banner h3, .home .home-banner h4, .home .home-banner h5, .home .home-banner h6, .home .home-banner p, .home .home-banner a, .home .home-banner li {  
		color: #fff; 
	}
	.home .home-banner h1{    
		font-size: 128px;
		line-height: 108px;
		font-weight: bold;
		font-family: proxima-nova,  sans-serif ;
		font-style: normal;
		margin-bottom:24px;	
	 }
	 .home .home-banner h1 strong{ 
		font-size: 134px;
		line-height: 108px;
		font-weight: 800;
		font-family: proxima-nova,  sans-serif ;
		font-style: normal;
	 }   
	
	.home .home-banner h2{ font-size: 50px; line-height: 62px; font-weight: bold; }
	.home .home-banner h3{ font-size:48px; line-height:52px; font-weight:bold; }
	.home .home-banner h4{ font-size:44px; line-height:48px; font-weight:bold; }
	.home .home-banner h5{ font-size:38px; line-height:44px; font-weight:bold; }
	.home .home-banner h6{ font-size:33px; line-height:38px; font-weight:bold; }
	.home .home-banner p { font-size: 32px; line-height: 33px; }
	.home .home-banner hr { margin: 11px 0 11px 0px; }
	
	@media screen and (max-width:1300px){
		.banner-content-wrapper .banner-image img{
			width:312px;
		}		
		.home .home-banner h1{ font-size: 84px; line-height: 70px; font-weight: bold; }
		.home .home-banner h2{ font-size: 62px; line-height: 64px; font-weight: bold; }
		.home .home-banner h3{ font-size: 46px; line-height: 48px;font-weight: bold; }
		.home .home-banner h4{ font-size:30px; line-height:36px; font-weight:bold; }
		.home .home-banner h5{ font-size:30px; line-height:36px; font-weight:bold; }
		.home .home-banner h6{ font-size:30px; line-height:36px; font-weight:bold; }
		.home .home-banner p { font-size: 20px; line-height: 22px; }
		.home .home-banner hr{ margin: 11px 0 11px 0px; }			
	}	
	
	@media screen and (max-width:960px){
		.banner-content-wrapper .banner-image img{
			width:273px;
		}			
		.home .home-banner h1{ font-size: 64px; line-height: 54px; font-weight: bold; }
		.home .home-banner h2{ font-size: 52px; line-height: 54px; font-weight: bold; }
		.home .home-banner h3{ font-size: 46px; line-height: 48px;font-weight: bold; }
		.home .home-banner h4{ font-size:30px; line-height:36px; font-weight:bold; }
		.home .home-banner h5{ font-size:30px; line-height:36px; font-weight:bold; }
		.home .home-banner h6{ font-size:30px; line-height:36px; font-weight:bold; }
		.home .home-banner p { font-size: 20px; line-height: 22px; }
		.home .home-banner hr{ margin: 11px 0 11px 0px; }	
	}
	@media screen and (max-width:760px){ /* MOBILE */
		.banner-content-wrapper{
			display:flex;
			flex-direction: column;
			text-align:center;
		}
		.banner-content-wrapper .banner-image img{
			width:412px;
		}
	}	
 
	#main-message{  text-align:left; padding-top:11px; padding-bottom:11px; }
	#main-message img.message-image{max-width:430px; margin-top:-50px;  margin-right:10px; width:100%; float:left; }

/* footer */

	#footer {  
		color: #fff; 
		margin-top: 0px; 
		padding-top:108px; 
	}

	#footer p, #footer hr, #footer p a,  #footer h1, #footer h2, #footer h3, #footer  h4, #footer h5, #footer h6, #footer span, #footer ul, #footer .post-item .date, #footer .post-item .comments  {
		color: #fff;
	}
	#footer a:hover, #footer .post-item .comments:hover{
		color: #fff;
	 
	}
	#footer h3 {    text-transform: uppercase; margin: 20px 0px 10px 0px  ; font-size:26px;}
	#footer p, #footer ul { line-height: 20px; font-size: 15px; }
	#footer ul li { line-height: 24px; margin-bottom: 0; display: inline; margin-right: 10px; }
	#footer a {   font-size: 15px; line-height:22px; text-decoration:none;  }
	#footer a span{display:none;}
	#footer a:hover {   text-decoration:underline; }
	#footer a:hover span{ display:inline;}
	#footer a:hover img { opacity: .9; filter: alpha(opacity=90); }
	#footer .post-item { margin-bottom: 13px; }
	#footer .post-item img { float: left; margin-right: 10px; }
	#footer .post-item .title { line-height: 14px; padding: 5px 0; }
	#footer .post-item .date, #footer .post-item .comments {   font-size: 11px; }
	#footer .post-item .date span { display: inline-block; width: 10px; height: 12px; margin-right: 4px; position: relative; top: 1px; background: url(../images/sprite-gray-yellow.png) no-repeat 0 0; }
	#footer .post-item .comments { float: right; }
 
	#footer .flickr-feed a { float: left; display: block; width: 60px; height: 60px; margin-right: 13px; margin-bottom: 13px; }
	#footer .flickr-feed a img { display: block }
	#footer .bottom { margin-top: 20px; background: #D4282C; vertical-align: middle; padding: 20px 0 10px; }

/* footer - bottom*/

	#bottom-logos{
		width: 100%;
		min-height: 120px;
		text-align: center;
		margin-top: 0px;
		padding-top: 20px;
		padding-bottom: 40px;
		text-align: center;
		background: rgba(73, 187, 88, 0.8); 
		display:flex;
		justify-content: center;
		align-items: center;	
		flex-wrap: wrap;
		flex-direction: column;	
	}
	#bottom-logos a img{
		margin-right: 30px;
		margin-top: 25px;
		margin-left: 30px;	
	}
	
	#bottom-sponsors{
		text-align:center;
		width:100;
		padding: 50px 0 100px 0;
		min-height:120px;
		margin-top:0px;
		background:rgba(73, 187, 88, 0.6);
		display:flex;
		justify-content: center;
		align-items: center;	
		flex-wrap: wrap;
		flex-direction: column;	
	}
	#bottom-sponsors h3{
		color: #ffffff;
		font-size: 26px;
		padding-top: 10px;
	}
	#bottom-sponsors .sponsor-logos.first{ 
		margin-top:30px;
	}
	#bottom-sponsors .sponsor-logos{	
		padding:20px 0 20px 0;
		display:flex;
		justify-content:center;
		width:1021px;
		flex-wrap: wrap;	
		align-items: center;	
	}
	#bottom-sponsors img{ 
		margin-right: 40px;
		margin-left: 40px;
		padding-top:5px;
	} 
	#bottom-sponsors a.last img{ margin-right:0px; }
	#bottom-boxes{ margin-top:18px;}
	#bottom-boxes img{margin-right:27px;}
	#bottom-boxes img.last{ margin-right:0px;}
	
	#bottom-boxes .bottom-box{ position:relative; float:left}
	#bottom-boxes .bottom-box img.box-sticker1{ position:absolute; right:-20px; top:-20px; }
	#bottom-boxes .bottom-box img.box-sticker2{position:absolute; right:-25px; top:-23px; }
	#bottom-boxes .bottom-box img.box-sticker3{  position:absolute; right:-55px; top:-22px;}

	@media screen and (max-width:960px){
		#footer {  
 
			padding-top:28px; 
		}		
		#bottom-sponsors .sponsor-logos{
			width:100%;	
			display:flex;
			justify-content:space-around;		
		}
		#bottom-sponsors .sponsor-logos img{
			margin-bottom:10px;			
		}	
	}	
 
	@media screen and (max-width:760px){   
		#bottom-sponsors h3{
			width:100%;
			margin-right:0px;
			margin-bottom:36px;
		}		
		.content-bg.home .container{  	
			min-height: 330px; padding-top:20px;	
		}
		#bottom-logos h3{
			width:100%;
			margin-right:0px;
		}
		#bottom-logos a img {	
			margin-top: 0;
		}	
	}

/*  pages  */

	.side-box{
		background-color:rgba(6, 59, 45, 0.7); 
	}
	.panel-content{ background-color:rgba(6, 59, 45, 0.7); }
	.panel-content span, .panel-content p, 
	.panel-content h1,.panel-content h2,.panel-content h3, .panel-content h4, .panel-content h5, 
	.panel-content h1.page-title,.panel-content h2.page-title,.panel-content h3.page-title, .panel-content h4.page-title, .panel-content h5.page-title { 
		color:#fff; 
	}
/* judges page */
    .judges-page-container.container{ 
        background-color:rgba(6, 59, 45, 0.7); margin-top:20px; margin-bottom:20px; padding:20px 30px 20px 30px;
    } 

/* registrations */

	.promo-message{ 
		width:40%; float:left; 
		margin-bottom:20px;
		border-radius:25px;
		padding:10px 5% 5px 5%;	
		background: #EED857;
		color:#FFF;
	}
	.promo-message.no-win{ background-color: #EED857;}
	.promo-message h2{ font-weight:bold }
	.main-message{width:100%; float:left;}
	
	#Form_doSubmission5_PromoCode_Holder{
			width:90%;
			border-radius:25px;
			padding:10px 5% 0px 5%;
			background: #7ECBB7;
	}

	#Form_doSubmission5_PromoCode_Holder input{
			border: 1px solid #fff;
			border-radius:10px;
			width:99%
	}
	#Form_doSubmission5_PromoCode_Holder label{
		color:#000;
		text-transform:uppercase;
		
	}
	input#Form_doSubmission5_action_doSubmission5i, input#Form_processPendingSubmissions_action_processPendingSubmissions, input#Form_doSubmission5_action_doSubmission5 {
	
		font-size: 19px !important;
	}
	.panel-content .half_left{width:43%; margin-right:2%; float:left;}
	.panel-content .half_right{width:55%; float:right;}

 

	img.ssl_icon{ width:180px; margin-top:0px; float:right}
	img.ssl_icon2{width:180px; margin-top:-40px; float:right}

	.member-page .panel-content{ 
		margin-top:0px;
		width: 86%;
		color:#fff;
        background-color: rgba(6, 59, 45, 0.7);
	}

  
	.member-page form label {
		color:#fff	
	}
	.member-page form ul.optionset li label {
		color:#fff;	
	}
	.member-page ul{ margin-left:20px;}
	.member-page ul li{ color:#fff}
	.member-page footer#footer{ display:none; }
	.member-page #bottom-logos{ margin-top:40px;}

	/* delete - red*/
	input#Form_doDeleteSubmission_action_doDeleteSubmission{ 
        background: #E81524 !important; 
        box-shadow: 3px 3px 0px 0px  #EF8B92 ;
        font-size:19px;
    }
	input#Form_doDeleteSubmission_action_doDeleteSubmission:hover{
        background: #000000 !important; 
        box-shadow: 3px 3px 0px 0px rgba(255,255,255,0.8); 
    }

	/* complete - green */
 

	input#Form_doSubmission5_action_doSubmission5, 
    input#Form_processPendingSubmissions_action_processPendingSubmissions, 
    input#Form_doSubmission5_action_doSubmission5{
        background-color:#71A46D;
		font-size:22px;
        text-decoration:none;
        padding:15px 15px;
	}
	input#Form_doSubmission5_action_doSubmission5:hover, 
    input#Form_processPendingSubmissions_action_processPendingSubmissions:hover, 
    input#Form_doSubmission5_action_doSubmission5:hover {  
        background-color:#000000; text-decoration:none  ;
     }
	/* red */
	.button.red, button.red, input[type=submit].red, input[type=reset].red,input[type=button].red { background: #E81524 !important;  color:#fff !important;   }
	.button.red.pdf-download img{ float:right; margin-left:10px;}
	.button.red.pdf-download:hover{ text-decoration:underline }

	/* orange */
	.button.orange, button.orange, input[type=submit].orange, input[type=reset].orange,input[type=button].orange { background: #EA9431 !important; box-shadow: 4px 4px 0px #B27835;   }
	.button.orange.pdf-download img{ float:right; margin-left:10px;}
	.button.orange.pdf-download:hover{ text-decoration:underline }

	/* blue */
	.button.blue, button.blue, input[type=submit].blue, input[type=reset].blue,input[type=button].blue { background: #3BB0E2 !important; box-shadow: 4px 4px 0px #428CBD }

	/* aqua */
	.button.aqua, button.aqua, input[type=submit].aqua, input[type=reset].aqua,input[type=button].aqua { background: #63BAC3 !important; box-shadow: 4px 4px 0px #2B97A1 }


	/* pink */
	.button.pink, button.pink, input[type=submit].pink, input[type=reset].pink,input[type=button].pink { background: #EC136C !important; box-shadow: 4px 4px 0px #be468c; }

	/* Yellow */
	.button.yellow, button.yellow, input[type=submit].yellow, input[type=reset].yellow,input[type=button].yellow {background: #FDEB00;  box-shadow: 4px 4px 0px #f39200; color: #000 !important;}

	/* Green */
	.button.green, button.green, input[type=submit].green, input[type=reset].green,input[type=button].green {background: #cccccc;  box-shadow: 4px 4px 0px #B4B4B4; color: #000 !important;}

	/* Orange */
	.button.orange, button.orange, input[type=submit].orange, input[type=reset].orange,input[type=button].orange {background: #F39200;  box-shadow: 4px 4px 0px #FDCC83; color: #fff !important;}


	.button.small, button.small, input[type=submit].small, input[type=reset].small, input[type=button].small { 
        font-size: 12px;
        margin-bottom: 0;
        line-height: 7px; 
        text-align: center;
    }
	.button.big, button.big, input[type=submit].big, input[type=reset].big, input[type=button].big { font-size: 21px; padding: 15px 30px; }
 	.button.dark, button.dark, input[type=submit].dark, input[type=reset].dark, input[type=button].dark, 
     .button.small:hover { background-color: #000; color: #fff; }



	/* JJS 2024 - HOVER BUTTONS !!! */
	.button, button, input[type=submit], input[type=reset],input[type=button] { 
		background: #4E8B56; 
		color: #FFF ; 
		padding: 10px 14px;
		border-radius:8px;
		border: 0;
		display: block; font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; cursor: pointer; margin-bottom: 20px; margin-left: 0; line-height: normal; 
		min-width:10px;
        box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.2); 
	}
	.button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover,input[type=button]:hover {
        background-color: #000;  
        box-shadow: 3px 3px 0px 0px rgba(255,255,255,0.8); 
    } 

	.button.current{ color: #fff; background: #EE008B; }
    .button:hover{ 
        background-color: #000;  
        box-shadow: 3px 3px 0px 0px rgba(255,255,255,0.8); 
        text-decoration: none !important; 
        transition: background-color 0.5s;
    }
    /* SIDEBAR - 2024 */
    a.button.right.red{
        font-size:16px !important;
    }
	a.button.right:hover,
    a.button.right.red:hover{ 
        text-decoration:none;  
        box-shadow: 3px 3px 0px 0px rgba(255,255,255,0.8); 
        background-color: #000 !important;
    }
 
	#sidebar .button:hover, #sidebar   button:hover, #sidebar  input[type=submit]:hover, #sidebar  input[type=reset]:hover, #sidebar   input[type=button]:hover { 
        color:#fff;   
        background:#000;
        box-shadow: 3px 3px 0px 0px rgba(255,255,255,0.8); 
        text-decoration: none !important;
    }
	#sidebar .button.process    
    {
        background-color:#71A46D; 
        padding-left:5px;
        padding-right:5px;
        font-size:18px;
    }
	#sidebar .button.process:hover  {
        background-color: #000;  
        box-shadow: 3px 3px 0px 0px rgba(255,255,255,0.8);  
    }      
    h5 strong.pending{ color: #71A46D;}

/* section - contact */	

	.contact-section{
		width:90%;
		padding:100px 5% 100px 5%;
		background:rgba(0,0,0,0.2); 
		/*   
		#9DC3B7 - green - rgba(157,195,183,0.5)
		#A0B3CD - blue - rgba(160,179,205,0.5)
		#CBA5CC - pink - rgba(203,165,204,0.5)
		#B0A0D1 - purple - rgba(176,160,209,0.5)
		*/
		display:flex;
		justify-content: center;
		text-align:center;
		flex-direction:column;
		color:#fff;
	}
	.contact-section p{
			font-size:22px; 
			line-height:29px;
		 
		
	}
	.contact-section h3{
			font-size:38px; line-height:44px;
			margin-bottom:20px;
	}		
	.contact-section a, .contact-section p, .contact-section h1,
	.contact-section h2, .contact-section h3,.contact-section h4
	{
		color:#fff;
		
	}
	.contact-section a.contact-button{
		margin-top:20px;
		background: #4E8B56;
		display: inline-block;
		border: 1px solid #4E8B56;
		border-radius: 15px;
		font-size: 16px;
		color: #ffffff;
		text-decoration: none;
		text-align: center;
		padding: 10px 20px 10px 20px;
	}



/* Generic */

	a.button-link{
		background:#4E8B56; color:#fff; border-radius:15px; padding: 5px 15px 6px 15px; text-decoration:none;
	}

	@media screen and (max-width: 960px){
		.promo-message{ width:90%; float:left; margin-bottom:20px; margin-top:20px;}
		.main-message{width:100%; float:left;}

        .panel-content .half_left{width:100%; margin-right:0%; float:left;}
        .panel-content .half_right{width:100%; float:left;}
    

	}