.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;
}

@media (min-width: 768px) AND (max-width: 991px) {
	.kcj_link_buttons.kcj_text_givingSeason{
		padding-left: 15px !important;
		padding-right: 15px !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;
}

/* 2021 Science Odyssey */
.kcj_banner_scienceOdyssey {
	background-color:var(--kcj-hawkes-blue);
	height:100%;
}

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

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

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

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

/* NINTENDDO CONTEST */
.kcj_banner_nintendoContest_2021 {
	background-color:var(--kcj-hawkes-blue);
	height:100%;
}

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

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

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

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

/** Science Literacy 2021 **/

.kcj_banner_scienceLiteracy_2021 {
	background-color: #FFE7CC;
	height:100%;
}

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

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

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

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

/** IA Maintenant 2021 **/

.kcj_banner_ia_maintenant_2021 {
	background-color: #D7EFFD;
	height:100%;
}

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

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

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

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

/* CCP GAME */
.kcj_banner_ccpGame_2021 {
	background-color:#FFE7CC;
	height:100%;
}

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

.kcj_banner_ccpGame_2021_text-fr{
	color:#BC6700;
	font-weight:400;
	font-size:16px;
	line-height: 22px;
}

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

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

/* JOYEUX MICROBIT 2021 */

.kcj_banner_joyeux_microbit_2021 {
	background-color: #ACDDFA;
	height:100%;
}

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

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

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

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

/* HOURS OF CODE 2021 */
.kcj_banner_hoursOfCode_2021 {
	background-color:var(--kcj-hawkes-blue);
	height:100%;
}

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

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

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

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

/* CODE CLUB 2022 BANNER */
.kcj_banner_CodeClub2022{
	background-color:rgba(169, 223, 188, 0.7);
	height:100%;
}

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

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

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

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

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

/** DIGITAL MOMENT **/

.kcj_banner_digitalMoment {
	background-color: #FEF7EA;
	height:100%;
}

.kcj_banner_digitalMoment {
	color:#F9B235;
	font-size:18px;
	font-weight:700;
	line-height: 22px;
}
.kcj_banner_digitalMoment_text {
	color:#F9B235;
	font-size:18px;
	font-weight:700;
	line-height: 22px;
}

.kcj_banner_digitalMoment_text.subHeading {
	font-weight:400;
	color: var(--kcj-raven);
}

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

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


/* SUMMER INSTITUTE 2022 BANNER */
.kcj_banner_summerInstitute2022{
	background-color: #2781b7;
	height:100%;
}

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

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

.kcj_banner_summerInstitute2022_text.subHeading, .kcj_banner_summerInstitute2022_text-fr.subHeading{
	font-weight:400;
	font-size:14px !important;
}

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

@media(max-width:1199px){

	.kcj_banner_summerInstitute2022_text, .kcj_banner_summerInstitute2022_text.subHeading, .kcj_link_buttons.kcj_text_summerInstitute2022{
		font-size: 14px;
	}
}

/* LUNAR GATEWAY 2022 BANNER */
.kcj_banner_lunarGateway {
	background-color: #2b297c;
	height:100%;
}

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

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

.kcj_banner_lunarGateway_text.subHeading, .kcj_banner_lunarGateway_text-fr.subHeading{
	font-weight:400;
	font-size:14px !important;
}

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

@media(max-width:1199px){

	.kcj_banner_lunarGateway_text, .kcj_banner_lunarGateway_text.subHeading, .kcj_link_buttons.kcj_text_lunarGateway{
		font-size: 14px;
	}
}