/* Change menu to light */

.WaGadgetMenuVertical ul.firstLevel {
	background:#f4f8fa;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
color:#FFFFFF;
}
.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a {
color:#FFFFFF;
}

.WaGadgetMenuVertical ul.firstLevel>li>.item>a {
	background:inherit;
	color:#000000;
	text-transform:none;
}
.WaGadgetMenuVertical ul.firstLevel>li>.item:hover>a {
	background:#f4f8fa;
	color:#000000;
}
.WaGadgetMenuVertical ul.firstLevel>li.sel>.item>a {
	color:#000000;
}
.WaGadgetMenuVertical ul ul li>.item>a,
.WaGadgetMenuVertical ul ul li>.item>a:link {
	background:#f4f8fa;
	color:#000000;
	text-transform:none;
}
.WaGadgetMenuVertical ul ul li>.item:hover>a {
	background:#f4f8fa;
	color:#000000;
}
.WaGadgetMenuVertical ul ul li.sel>.item>a {
	color:#000000;
}
.WaGadgetMenuVertical ul ul li.sel>.item:hover>a {
	color:#000000;
}

/* Change hover and text color */

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item:hover>a {
    color: #b4f063;
}

.WaGadgetMenuHorizontal .menuInner ul ul li>.item:hover>a {
	background:#8dc641;
}


@media screen and (max-width:479px) {
	/* Remove vertical menu on mobile */
	.WaGadgetMenuVertical {
		display:none;
	}
	/* Mobile spacing fixes*/
	.WaPlaceHolderContent>div {
    padding:0;
	}
	#id_S6CyWvo img { /* Main logo size */
		width:60%;
		height:60%;
		}
	.gadgetStyle001 .gadgetStyleBody,
	.gadgetStyle002 .gadgetStyleBody {
		padding:0;
	}

        /* Fix search size */
       .WaGadgetSiteSearch .searchBoxField {
           width: 100%;
           font-size:18px;
       }
       .WaGadgetSiteSearch .searchBoxFieldContainer {
           width: 100%;
       }
      .WaGadgetSiteSearch .searchBox {
           width: 100%;
      }

}

/* Tab menu reduce height */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
    height: auto;
    padding: 13px 13px 14px 13px;
}

/* Search box reduce height */
@media (max-width: 767px) {
  .WaLayoutTable .WaLayoutItem ~ .WaLayoutItem {
    margin-top: 0;
  }
}

/* OLD styles */
.cnFooterPoweredByContainer {
    display: none;
}
#id_LoginBoxGadget .loginContainer {
}
p#bigJoinBut a, p#bigLogInBut a {
    background-image: url("arrow-white.gif");
    background-position: right center;
    background-repeat: no-repeat;
    color: #ffffff;
    display: block;
    padding: 8px;
    text-decoration: none;
    width: 100%;
}
p#bigLogInBut a {
    background-color: #8c228c;
}
p#bigJoinBut a {
    background-color: #aa3faa;
    font-size: 200%;
}
p#bigJoinBut a:hover, p#bigLogInBut a:hover {
    background-color: #bb64bb;
}

#big_top_tasks-mobile a,
#big_top_tasks a
{
    background-image: url("arrow-white.gif");
    background-position: right center;
    background-repeat: no-repeat;
    color: #ffffff;
    display: block;
    padding: 8px;
    text-decoration: none;
    width: 100%;
    background-color: #8c228c;
}

#big_top_tasks-mobile a:hover,
#big_top_tasks a:hover
{
    background-color: #bb64bb;
}

#big_top_tasks-mobile li,
#big_top_tasks li
{
   display:list-item;
   padding-bottom:3px;
}

#big_top_tasks-mobile li+li:before,
#big_top_tasks li+li:before
{
    margin:0;
    content:none;
}

@media screen and (min-width:768px) {
   .publicContentView #big_top_tasks-mobile{
      display:none;
   }
}

.autoSuggestionBox a,
.autoSuggestionBox a:hover
{
color:#000000 !important;
}

/* Style intro text about BIG on home page */
#big_intro_text{
margin:0 0 10px 0;
/* background-color:#6b9d29; */
background-color:#5a8522;
color:#FFFFFF;
padding:5px;
font-size:120%;
}




@media screen and (min-width:960px) {
/* Desktop fixed width */
  .mLayout {
    background-color: #ffffff;
    width: 960px;
  }
  body {
    background-color: #eeeeee;
  }
}

/* Hide WA powered by text at foot */
#idFooterPoweredByContainer{
  display:none;
}

/* New boxes front page */
.gadgetStyle001 .gadgetStyleTitle {
  padding: 10px 10px 0 10px;
 background-color:#EEEEEE;
}
.gadgetStyle001 .gadgetStyleBody {
  padding: 0 10px 10px 10px;
 background-color:#EEEEEE;
}

.WaGadgetRecentBlogPosts ul li .author {
    display: none;
}
.WaGadgetRecentBlogPosts ul li .date::after {
    content: "";
}