.kcj_top_of_page_banner {
	width:100%;
	background-color:white;
	height:100px;
}

@media (max-width: 768px) {
	.kcj_top_of_page_banner {
		height:160px;
	}
}


/** Code in Class 2019 **/
.kcj_banner_codeInClass_2019 {
	background-color:#2781b7;
	height:100%;
}

.kcj_banner_codeInClass_2019_text {
	color:white;
	font-size:18px;
	font-weight:700;
	line-height: 22px;
}

.kcj_banner_codeInClass_2019_text.subHeading {
	color:#ACDDFA;
	font-size:16px;
	font-weight:400;
}

.kcj_link_buttons.kcj_text_codeInClass_2019, .kcj_link_buttons.kcj_text_codeInClass_2019:visited, .kcj_link_buttons.kcj_text_codeInClass_2019:link, .kcj_link_buttons.kcj_text_codeInClass_2019:active {
	background-color:white;
	border:white 2px solid;
	color:#2781b7!important;
}


.kcj_banner_codeInClass_2019_img{
	min-width: 325px;
	min-height: 120px;
}

.kcj_banner_codeInClass_2019_btn_holder-fr{
	padding-left: 0px;
	padding-right: 30px;
}

/** Astro Pi 2020 **/

.kcj_banner_astroPi_2020 {
	background-color:#403F71;
	height:100%;
}

.kcj_banner_astroPi_2020_text {
	color:white;
	font-size:18px;
	font-weight:700;
	line-height: 22px;
}

.kcj_banner_astroPi_2020_text.subHeading {
	color:#AAA9CB;
	font-size:16px;
	font-weight:400;
}

.kcj_link_buttons.kcj_text_astroPi_2020, .kcj_link_buttons.kcj_text_astroPi_2020:visited, .kcj_link_buttons.kcj_text_astroPi_2020:link, .kcj_link_buttons.kcj_text_astroPi_2020:active {
	background-color:white;
	border:white 2px solid;
	color:#403F71!important;
}

.kcj_banner_astroPi_2020_rocket {
	position: relative;
	display: inline-block;
	width:59px;
	height:100px;
	background-image: url(../data/top_of_the_page_banners/2020_astro_pi/rocket_2.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	transform: rotate(45deg);
}

.kcj_banner_astroPi_2020_rocket_flame {
	position: obsolute;
	top:0;
	left:0;
	width:59px;
	height:100px;
	background-image:url(../data/top_of_the_page_banners/2020_astro_pi/rocket.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	animation: fadeFlickerIn .3s;
	animation-iteration-count: infinite;
}


@keyframes fadeFlickerIn {
    0% {
        opacity: 0;
    }

    49% {
        opacity: 0;
    }

	50% {
		opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

/** Algorithm Literacy 2020 **/

.kcj_banner_algorithmLiteracy_2020 {
	background-color:#2D69B2;
	height:100%;
	background-image: url(../data/top_of_the_page_banners/2020_algorithm_literacy/backdrop_pattern.png);
}

.kcj_banner_algorithmLiteracy_2020_text {
	color:#D5E1F0;
	font-size:18px;
	font-weight:700;
	line-height: 22px;
}

.kcj_banner_algorithmLiteracy_2020_button_text {
	color:#D5E1F0;
}

.kcj_banner_algorithmLiteracy_2020_text.subHeading {
	color:#D5E1F0;
	font-size:16px;
	font-weight:400;
}

.kcj_link_buttons.kcj_text_algorithmLiteracy_2020, .kcj_link_buttons.kcj_text_algorithmLiteracy_2020:visited, .kcj_link_buttons.kcj_text_algorithmLiteracy_2020:link, .kcj_link_buttons.kcj_text_algorithmLiteracy_2020:active {
	background-color:white;
	border:white 2px solid;
	color:#2D69B2!important;
}


.kcj_banner_algorithmLiteracy_2020_img{
	min-width: 325px;
	min-height: 120px;
}

.kcj_banner_algorithmLiteracy_2020_btn_holder-fr{
	padding-left: 0px;
	padding-right: 30px;
}

/* RESOURCES BANNER */
.kcj_banner_resourcesCreativity_2020 {
	background-color:var(--kcj-picton_blue);
	height:100%;
}

.kcj_banner_resourcesCreativity_2020_text {
	color:white;
	font-size:18px;
	font-weight:700;
	line-height: 22px;
}

.kcj_banner_resourcesCreativity_2020_text-fr{
	color:white;
	font-weight:400;
	font-size:16px;
	line-height: 22px;
}

.kcj_banner_resourcesCreativity_2020_text.subHeading {
	font-weight:400;
}

.kcj_link_buttons.kcj_text_resourcesCreativity_2020, .kcj_link_buttons.kcj_resourcesCreativity_2020:visited, .kcj_link_buttons.kcj_text_resourcesCreativity_2020:link, .kcj_link_buttons.kcj_text_resourcesCreativity_2020:active {
	background-color:white;
	border:white 2px solid;
	font-weight: 500;
	color:var(--kcj-picton_blue)!important;
}

/* VIRTUAL CODE CLUB BANNER */
.kcj_banner_codeClubVirtual_2020 {
	background-color:#A9DFBC;
	height:100%;
}

.kcj_banner_codeClubVirtual_2020_text {
	color:#1C6A36;
	font-size:18px;
	font-weight:700;
	line-height: 22px;
}

.kcj_banner_codeClubVirtual_2020_text-fr{
	color:#1C6A36;
	font-weight:400;
	font-size:16px;
	line-height: 22px;
}

.kcj_banner_codeClubVirtual_2020_text.subHeading {
	font-weight:400;
}

.kcj_link_buttons.kcj_text_codeClubVirtual_2020, .kcj_link_buttons.kcj_codeClubVirtual_2020:visited, .kcj_link_buttons.kcj_text_codeClubVirtual_2020:link, .kcj_link_buttons.kcj_text_codeClubVirtual_2020:active {
	background-color:white;
	border:white 2px solid;
	font-weight: 500;
	color:#1C6A36!important;
}

@media(max-width:1199px){
	.kcj_banner_resourcesCreativity_2020_text, .kcj_banner_resourcesCreativity_2020_text.subHeading {
		font-size: 16px;
	}

	.kcj_banner_codeClubVirtual_2020_text, .kcj_banner_codeClubVirtual_2020_text.subHeading, .kcj_link_buttons.kcj_text_codeClubVirtual_2020{
		font-size: 16px;
	}
}


/* VIRTUAL EVENTS BANNER */
.kcj_banner_virtualEvents_2020 {
	background-color:#d7effd;
	height:100%;
}

.kcj_banner_virtualEvents_2020_text {
	color:#2781b7;
	font-size:18px;
	font-weight:700;
	line-height: 22px;
}

.kcj_banner_virtualEvents_2020_text.subHeading {
	font-weight:400;
}

.kcj_link_buttons.kcj_text_virtualEvents_2020, .kcj_link_buttons.kcj_text_virtualEvents_2020:visited, .kcj_link_buttons.kcj_text_virtualEvents_2020:link, .kcj_link_buttons.kcj_text_virtualEvents_2020:active {
	background-color:white;
	border:white 2px solid;
	font-weight: 500;
	color:#2781b7!important;
}


/* SUMMER ACTIVITIES */
.kcj_banner_summerActivities_2020 {
	background-color:var(--kcj-hawkes-blue);
	height:100%;
}

.kcj_banner_summerActivities_2020_text {
	color:var(--kcj-picton_blue);
	font-size:18px;
	font-weight:700;
	line-height: 22px;
}

.kcj_banner_summerActivities_2020_text-fr{
	color:var(--kcj-picton_blue);
	font-weight:400;
	font-size:16px;
	line-height: 22px;
}

.kcj_banner_summerActivities_2020_text.subHeading {
	font-weight:400;
}

.kcj_link_buttons.kcj_text_summerActivities_2020, .kcj_link_buttons.kcj_text_summerActivities_2020:visited, .kcj_link_buttons.kcj_text_summerActivities_2020:link, .kcj_link_buttons.kcj_text_summerActivities_2020:active {
	background-color:white;
	border:white 2px solid;
	font-weight: 500;
	color:var(--kcj-picton_blue)!important;
}

/* OUR HEROINES */
.kcj_banner_ourHeroines_2020 {
	background-color:var(--kcj-hawkes-blue);
	height:100%;
}

.kcj_banner_ourHeroines_2020_text {
	color:var(--kcj-picton_blue);
	font-size:18px;
	font-weight:700;
	line-height: 22px;
}

.kcj_banner_ourHeroines_2020_text-fr{
	color:var(--kcj-picton_blue);
	font-weight:400;
	font-size:16px;
	line-height: 22px;
}

.kcj_banner_ourHeroines_2020_text.subHeading {
	font-weight:400;
}

.kcj_link_buttons.kcj_text_ourHeroines_2020, .kcj_link_buttons.kcj_text_ourHeroines_2020:visited, .kcj_link_buttons.kcj_text_ourHeroines_2020:link, .kcj_link_buttons.kcj_text_ourHeroines_2020:active {
	background-color:white;
	border:white 2px solid;
	font-weight: 500;
	color:var(--kcj-picton_blue)!important;
}

/* Code in the Classroom */
.kcj_banner_cic_2020 {
	background-color:var(--kcj-peach-orange);
	height:100%;
}

.kcj_banner_cic_2020_text {
	color:var(--kcj-indochine);
	font-size:18px;
	font-weight:700;
	line-height: 22px;
}

.kcj_banner_cic_2020_text-fr{
	color:var(--kcj-indochine);
	font-weight:400;
	font-size:16px;
	line-height: 22px;
}

.kcj_banner_cic_2020_text.subHeading {
	font-weight:400;
}

.kcj_link_buttons.kcj_text_cic_2020, .kcj_link_buttons.kcj_text_cic_2020:visited, .kcj_link_buttons.kcj_text_cic_2020:link, .kcj_link_buttons.kcj_text_cic_2020:active {
	background-color:white;
	border:white 2px solid;
	font-weight: 500;
	color:var(--kcj-indochine)!important;
}

/* kids2030 Challenge*/
.kcj_banner_kids2030challenge_2020 {
	background-color:var(--kcj-malibu);
	height:100%;
}

.kcj_banner_kids2030challenge_2020_text {
	color:white;
	font-size:18px;
	font-weight:700;
	line-height: 22px;
}

.kcj_banner_kids2030challenge_2020_text-fr{
	color:var(--kcj-malibu);
	font-weight:400;
	font-size:16px;
	line-height: 22px;
}

.kcj_banner_kids2030challenge_2020_text.subHeading {
	font-weight:400;
}

.kcj_link_buttons.kcj_text_kids2030challenge_2020, .kcj_link_buttons.kcj_text_kids2030challenge_2020:visited, .kcj_link_buttons.kcj_text_kids2030challenge_2020:link, .kcj_link_buttons.kcj_text_kids2030challenge_2020:active {
	background-color:white;
	border:white 2px solid;
	font-weight: 500;
	color:var(--kcj-malibu)!important;
}

/* Giving Season*/
.kcj_banner_givingSeason {
	background-color:var(--kcj-hawkes-blue);
	height:100%;
}

.kcj_banner_givingSeason_text {
	color:var(--kcj-picton_blue);
	font-size:18px;
	font-weight:700;
	line-height: 22px;
}

.kcj_banner_givingSeason_text-fr{
	color:var(--kcj-picton_blue);
	font-weight:400;
	font-size:16px;
	line-height: 22px;
}

.kcj_banner_givingSeason_text.subHeading {
	font-weight:400;
}

.kcj_link_buttons.kcj_text_givingSeason, .kcj_link_buttons.kcj_text_givingSeason:visited, .kcj_link_buttons.kcj_text_givingSeason:link, .kcj_link_buttons.kcj_text_givingSeason:active {
	background-color:white;
	border:white 2px solid;
	font-weight: 500;
	color:var(--kcj-picton_blue)!important;
}

/* Teacher Training */
.kcj_banner_teacherTraining {
	background-color:var(--kcj-Tequila);
	height:100%;
}

.kcj_banner_teacherTraining_text {
	color:var(--kcj-indochine);
	font-size:18px;
	font-weight:700;
	line-height: 22px;
}

.kcj_banner_teacherTraining_text-fr{
	color:var(--kcj-indochine);
	font-weight:400;
	font-size:16px;
	line-height: 22px;
}

.kcj_banner_teacherTraining_text.subHeading {
	font-weight:400;
}

.kcj_link_buttons.kcj_text_teacherTraining, .kcj_link_buttons.kcj_text_teacherTraining:visited, .kcj_link_buttons.kcj_text_teacherTraining:link, .kcj_link_buttons.kcj_text_teacherTraining:active {
	background-color:white;
	border:white 2px solid;
	font-weight: 500;
	color:var(--kcj-indochine)!important;
}