/* main menu styles */
/* current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children  */

/* [aria-current="page"], .current-menu-parent a { color: #295fcc !important; } */

/* .subjects-parent a { color: #295fcc !important; } */

li.menu-item.current-menu-parent.current-page-parent a { color: #295fcc; }

/*
.site-header-item-main-navigation {
    margin-left: 50px;
}
*/

.main-navigation .primary-menu-container > ul > li > a {  
	color: #141B33;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 17px;
	text-align: right;
	padding-left: 0;
	padding-right: 32px;  
}
.main-navigation .primary-menu-container > ul > li > a:hover { color: #295FCC; }
.main-navigation .nav-drop-title-wrap { padding-right: 0; }	
.site-header-item-main-navigation { margin-right: 0; }
#main-header .header-button { font-size:14px; color:#E7ECF1; height: 30px; padding: 5px 15px; }

#main-header .btnLoginHeader a { border-radius: 20px; border: 2px solid #182552; background-color: #fff; height:30px; 
	color: #182552; font-size: 14px; padding: 5px 15px; text-decoration: none; line-height:normal; }

#main-header .header-button:hover, #main-header .btnLoginHeader a:hover { 
	background-color:#295FCC !important; border-color:#295FCC; color:#fff; }

/* submenu styles */
/*
.top-submenu { background-color: #F6F7F8; padding:20px 0px; }
.top-submenu h2 { font-size:20px; }
.top-submenu .submenuCol2 { padding-left:3%; float: left;}
.top-submenu .submenuCol1 { width: 25%; float: left; }
.top-submenu ul { display: inline-block; list-style-type:none; vertical-align: top; margin-left: -40px !important; }
.top-submenu li { float: left; padding-left: 20px; }
.top-submenu li a { font-size:14px; text-decoration:none; }
.top-submenu .current_page_item a { color: #295FCC; }
*/
/* disable menu dropdown */

#primary-menu .dropdown-nav-toggle { display: none !important; }
/*
#primary-menu .menu-item-has-children:hover .sub-menu { display: none !important; }
.top-submenu .sub-menu { display: none; }
*/

/*
@media (max-width:1023px) {
	.top-submenu h2 { padding-left: 30px; }
}	

@media (max-width:460px) {
	.top-submenu .submenuCol1 { width: 100%; float: none; }
	.smenuoverflow ul { justify-content: initial; margin-left: 0px;}
	.top-submenu h2 { text-align:center; margin-left: 0px !important; }
	.top-submenu .submenuCol2 {margin-left: auto; margin-right: auto; display: table; float: inherit;}	
	.top-submenu ul {margin-left: 0px !important;}
}
*/

/* mobile menu styles */
.mobile-navigation ul li.current-menu-item:not(.menu-item-has-children) > a, .mobile-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap {
    color: #fff;
}


/* subjects menu */
.subjects-menu { background-color: rgba(237, 240, 242, 0.5); }
#menu-subjects-menu { padding: 0; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; }
@media (max-width:460px) { 
	#menu-subjects-menu { flex-wrap: wrap; }
}
#menu-subjects-menu img { background-color: #fff; border-radius: 8px; width: 60px; height: 60px; padding:8px; }
#menu-subjects-menu li { display: inline-block; }
#menu-subjects-menu .menu-image-title { font-size: 12px; }


#menu-subjects-menu li a { font-size:12px; text-align:center; }
#menu-subjects-menu li::before {
	display:block;
	width: 60px; height: 60px; padding:8px;
	background-color: #fff;
	border-radius: 8px;	
}	
#menu-subjects-menu .languages::before {
	content: url('../svg/icon-languages.svg');
}
#menu-subjects-menu .languages:hover::before {
	content: url('../svg/icon-languages-white.svg');
	background-color: #00B8FF;
}
#menu-subjects-menu .english::before {
	content: url('../svg/icon-english.svg');
}
#menu-subjects-menu .english:hover::before {
	content: url('../svg/icon-english-white.svg');
	background-color: #7F5AE9;
}
#menu-subjects-menu .mathematics::before {
	content: url('../svg/icon-maths.svg');
}
#menu-subjects-menu .mathematics:hover::before {
	content: url('../svg/icon-maths-white.svg');
	background-color: #46C290;
}
#menu-subjects-menu .humanities::before {
	content: url('../svg/icon-humanities.svg');
}
#menu-subjects-menu .humanities:hover::before {
	content: url('../svg/icon-humanities-white.svg');
	background-color: #AFBE1F;
}
#menu-subjects-menu .science::before {
	content: url('../svg/icon-science.svg');
}
#menu-subjects-menu .science:hover::before {
	content: url('../svg/icon-science-white.svg');
	background-color: #ECAB39;
}
#menu-subjects-menu .health::before {
	content: url('../svg/icon-health.svg');
}
#menu-subjects-menu .health:hover::before {
	content: url('../svg/icon-health-white.svg');
	background-color: #CC4F81;
}
#menu-subjects-menu .digitech::before {
	content: url('../svg/icon-digitech.svg');
}
#menu-subjects-menu .digitech:hover::before {
	content: url('../svg/icon-digitech-white.svg');
	background-color: #DB4C2F;
}
#menu-subjects-menu .eal::before {
	content: url('../svg/icon-eal.svg');
}
#menu-subjects-menu .eal:hover::before {
	content: url('../svg/icon-eal-white.svg');
	background-color: #4D5EFF;
}

#menu-subjects-menu .maori::before {
	content: url('../svg/icon-maori.svg');
}
#menu-subjects-menu .maori:hover::before {
	content: url('../svg/icon-maori-white.svg');
	background-color: #2E2E2E;
}

/*
#menu-subjects-menu .languages a:hover img { background-color:#00B8FF; }
#menu-subjects-menu .english a:hover img { background-color:#7F5AE9; }
#menu-subjects-menu .mathematics a:hover img { background-color:#46C290; }
#menu-subjects-menu .science a:hover img { background-color:#ECAB39; }
#menu-subjects-menu .humanities a:hover img { background-color:#AFBE1F; }
#menu-subjects-menu .health a:hover img { background-color:#CC4F81; }
#menu-subjects-menu .digitech a:hover img { background-color:#DB4C2F; }
#menu-subjects-menu .eal a:hover img { background-color:#4D5EFF; }
*/

/* old style */
/*
.menu-subjects-menu-container { text-align: center; }
#menu-subjects-menu li {
    display: inline-block;
    margin-right: 20px;
	text-align:center;
}
#menu-subjects-menu li::before {
	display:block;
	width: 80px;
	background-color: #EDF0F2;
	border-radius: 8px;
	padding-top: 10px;
	fill:#ffffff;
}
#menu-subjects-menu li a {
    text-align:center;
}
#menu-subjects-menu li:hover::before { background-color: #00B8FF; fill:#ffffff; }
.languages::before { content: url('/wp-content/uploads/2020/10/Icon-Languages.svg'); }
.english::before { content: url('/wp-content/uploads/2020/10/Icon-English.svg'); }
.mathematics::before { content: url('/wp-content/uploads/2020/10/Icon-Maths.svg'); }
.science::before { content: url('/wp-content/uploads/2020/10/Icon-Science.svg'); }
.humanities::before { content: url('/wp-content/uploads/2020/10/Icon-Humanities.svg'); }
.health::before { content: url('/wp-content/uploads/2020/10/Icon-Health.svg'); }
.digitech::before { content: url('/wp-content/uploads/2020/10/Icon-Digitech.svg'); }
.eal::before { content: url('/wp-content/uploads/2020/10/Icon-EAL.svg'); }
*/


/* subjects menu */
.subjects-block { /* background-color: rgba(237, 240, 242, 0.5); */ padding-top:20px; }
.subjects-block .vc_column-inner { padding: 0; }
.subjects-block-wrapper { padding: 0; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; }
.subjects-block-wrapper div { text-align: center; }
@media (max-width:460px) { 
	.subjects-block { flex-wrap: wrap; }
}
.subjects-block img { background-color: #fff; border-radius: 8px; width: 60px; height: 60px; padding:8px; }
/* .subjects-block li { display: inline-block; } */
.subjects-block .title { font-size: 12px; text-decoration:none; }
/* .subjects-block a { text-decoration:none; text-align:center; } */

.subjects-block-wrapper a { text-decoration:none; }
.subjects-block-wrapper div .image {
	display:block;
	/* width: 60px; height: 60px; */
	padding:8px;
	background-color: #fff;
	border-radius: 8px;		
	margin:0 auto;
}
@media (max-width:460px) {
	.subjects-block-wrapper { overflow: auto; white-space: nowrap; padding-bottom:20px; }
	.subjects-block { margin-right: -24px !important; margin-left: -10px !important;}
	.subjects-block-wrapper a { min-width:90px; }
}	

	
.subjects-block .languages .image {
	content: url('../svg/icon-languages.svg');
}
.subjects-block .languages .image:hover, .languages.hovered .image {
	content: url('../svg/icon-languages-white.svg');
	background-color: #00B8FF;
}
.subjects-block .english .image {
	content: url('../svg/icon-english.svg');
}
.subjects-block .english .image:hover, .english.hovered .image  {
	content: url('../svg/icon-english-white.svg');
	background-color: #7F5AE9;
}
.subjects-block .mathematics .image {
	content: url('../svg/icon-maths.svg');
}
.subjects-block .mathematics .image:hover, .mathematics.hovered .image  {
	content: url('../svg/icon-maths-white.svg');
	background-color: #46C290;
}
.subjects-block .humanities .image {
	content: url('../svg/icon-humanities.svg');
}
.subjects-block .humanities .image:hover, .humanities.hovered .image  {
	content: url('../svg/icon-humanities-white.svg');
	background-color: #AFBE1F;
}
.subjects-block .science .image {
	content: url('../svg/icon-science.svg');
}
.subjects-block .science .image:hover, .science.hovered .image  {
	content: url('../svg/icon-science-white.svg');
	background-color: #ECAB39;
}
.subjects-block .health .image {
	content: url('../svg/icon-health.svg');
}
.subjects-block .health .image:hover, .health.hovered .image  {
	content: url('../svg/icon-health-white.svg');
	background-color: #CC4F81;
}
.subjects-block .digitech .image {
	content: url('../svg/icon-digitech.svg');
}
.subjects-block .digitech .image:hover, .digitech.hovered .image  {
	content: url('../svg/icon-digitech-white.svg');
	background-color: #DB4C2F;
}
.subjects-block .eal .image {
	content: url('../svg/icon-eal.svg');
}
.subjects-block .eal .image:hover, .eal.hovered .image  {
	content: url('../svg/icon-eal-white.svg');
	background-color: #4D5EFF;
}

.subjects-block .maori .image {
	content: url('../svg/icon-maori.svg');
}
.subjects-block .maori .image:hover, .maori.hovered .image {
	content: url('../svg/icon-maori-white.svg');
	background-color: #2E2E2E;
}