/* ----------SHORTCUTS to main Dimensions and colors------------------------------------------------------------------------- */
body{
	background-color: var(--primary4);
    color:var(--text1);
}
#wcc_site_specific_area{
	margin-top:12vh;
	background-color:var(--white);
    color:var(--text2);
}

#mobile_icons{
    width:20%;
	margin-right:20%;
	    background-color:var(--white);
}
#navarea{
    background-color:var(--white);
}
#navigation{
    width:60%;
	font-size:1vw;
}
#navigation li a{
    color:var(--black);
}
#navigation ul li a.hascontent{
    background-color:var(--white);
    color:var(--primary3);
	border-top:4px solid var(--primary3);
}
#navigation li a:focus{
    background-color:var(--white);
    color:var(--primary3);
    border-top:4px solid var(--primary3);
}
#navigation ul ul{
    padding-left:18%;
	margin-left:-18%;
	background-color:var(--white);
}
#navigation ul ul li a{
    background-color:transparent;
    color:var(--black);
}

#navigation ul ul li a:hover{
	color:var(--primary3);
	border-top:4px solid var(--primary3);
}

#content{
    width:70vw;
}

/* ----------SITE SPECIFIC STYLES------------------------------------------------------------------------- */
#showsearch{
    background-image:url("../images/search.svg");
}
#home_logo{
 background-image:url("../images/logo_black.png");
}
/* ----------Big Images SLIDE Styles--------------------------- */

#block-ideas23-views-block-ideas-big-image-block-1{
	height:70vh;
}

#block-ideas23-views-block-ideas-big-image-block-1 .slide img{
	height:70vh;
	width:100vw;
}
/* ----------Embedded Videos using Media module---------------------------------------------- */


#sub3{
	width:70vw;
}
.sponsor{
	width:21%;
	margin:1vw;
}
#block-ideas23-views-block-ideas-contact-details-block-1{
	width:55vw;
	background-size:10vw auto;
	padding-left:15vw;
}