/**
** styles for the WWWI sidebars
**/

/* styles for all */



.sidebar {
	width: 25%;
	background-color:#f2f2f2;
	height:100%;
	position:absolute;
	right:0;
	box-shadow: 1px 0px 5px #333;
}
@media all and (max-width: 1199px) {
	.sidebar {
		width: 33%;
	}
}
	.sidebar h2 {
		padding:0;
		margin: 50px 30px 20px 30px;
		font-size: 40px;
	}

	.sidebar.tools {
		background-color:#f2f2f2;
		background:url(../images/green_emerald_bg.png);
	}

	.sidebar.marketing {
		background-color:#f2f2f2;
		background:url(../images/gold_weave_bg.png);
	}

/* navigation styles */

.sidebar-nav {
	list-style: none;
	margin: auto 30px auto 30px;
	padding: 0;
}

.sidebar-nav a {
	color:inherit;
	text-decoration:none;
}



	/* tools sidebar */

	.tools a {
		color: #444737;
	}

	.tools h2 {
		color:#444737;
	}

	.tools .sidebar-nav > li {
		font-size: 23px;
		font-weight: 900;
		margin-bottom: 20px;
	}

	/* marketing sidebar */
	#menu-gww-sidebar {
		color: #c3e0de;
	}

	.sidebar.marketing .sidebar-nav.gww-sidebar a {
		color: #c3e0de;
	}


	/* gww sidebar */
	.sidebar.gww {
		background-color: #daebeb;
		-webkit-box-shadow: -3px 0px 5px 0px rgba(186,186,186,1);
		-moz-box-shadow: -3px 0px 5px 0px rgba(186,186,186,1);
		box-shadow: -3px 0px 5px 0px rgba(186,186,186,1);
		background: url(../images/light_teal_weave.png);
	}
	.sidebar.resources {
		background-color: #daebeb;
		-webkit-box-shadow: -3px 0px 5px 0px rgba(186,186,186,1);
		-moz-box-shadow: -3px 0px 5px 0px rgba(186,186,186,1);
		box-shadow: -3px 0px 5px 0px rgba(186,186,186,1);
		background:url(../images/green_emerald_bg.png);
	}
	
	.sidebar.resources a {
		color: #DAEBEB;
	}
	
	.gww-sidebar * {
		/* reset the list */
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.gww-sidebar {
		margin: 50px 10px 50px 30px;
		font-size: 30px;
	}

	.gww-sidebar a {
		/*color: #39676d; when active */
		color: #74c0bd;
		font-weight: 900;
	}

	.gww-sidebar li {
		margin:10px 0;
	}

	.gww-sidebar .sub-menu {
		font-size: 20px;
		margin: 10px 0;
	}

	.gww-sidebar .sub-menu .sub-menu {
		font-size: 18px;
	}

	a.gww-active-item-1, a.gww-active-item-2 {
		color:#2e5f65;
	}

	.sidebar-nav.gww {
		margin:50px 30px 20px 30px;
	}

	/* hiding and revealing menu */

	.gww-sidebar .sub-menu {
		display: none;
	}

	.gww-active-item {
		display: inline;
	}

	.gww-active-item-1 > .sub-menu {
		display: block;
	}

	.gww-active-item-2 .sub-menu {
		display: block;
	}

	/* tools beneath gww */
	.sidebar.gww #menu-growing-ww-tools-links {
		margin-right: 15px;
		margin-bottom: 40px;
	}
	.sidebar.gww h2 {
		font-size: 30px;
	}
	.sidebar.gww #menu-growing-ww-tools-links a {
		font-size: 19px;
		font-weight: 900;
	}
	.sidebar.gww #menu-growing-ww-tools-links li {
		margin-bottom: 10px;
		padding-left: 20px;
	}
	/* tools beneath marketing */
	.sidebar.marketing #menu-marketing-tool-links {
		margin-right: 15px;
		color: #3B2313 !important;
	}
	.sidebar.marketing h2 {
		font-size: 30px;
	}
	.sidebar.marketing #menu-marketing-tool-links a {
		font-size: 19px;
		font-weight: 900;
	}
	.sidebar.marketing #menu-marketing-tool-links li {
		margin-bottom: 10px;
	}

	/* news sidebar */

	.sidebar.recentposts, .sidebar.twitter {
		background-color: #00a29a;
	}

  .sidebar.recentposts, .sidebar.twitter {
		background:url(../images/green_emerald_bg.png);
	}

	.recentposts .sidebar-inner, .twitter .sidebar-inner {
		background-color: #003b40;
		margin: 35px 20px;
		border-radius: 15px;
	}

		.sidebar-inner h3 {
			color: #70999d;
			display: block;
			font-size: 30px;
			margin: 0;
			padding: 20px 20px 10px;
		}

		.white-gold-title {
			display: block;
			background-color: #fff;
			width: 97%;
			margin: 10px auto 10px -20px;
			text-align: right;
			padding: 5px 10px;
			font-weight: 600;
			color: #c3994c;
			font-size: 16px;
		}
		.sidebar-title {
			color: #00a29b;
			text-decoration: none;
			padding: 0 20px;
			font-weight: 600;
			font-size: 20px;
			display: block;
		}
		.sidebar-title:hover {
			text-decoration:underline;
		}
		.sidebar-white-output {
			padding: 5px 20px;
			display: block;
			color: #fff;
			font-size: 14px;
		}
		.sidebar-see-all {
			color: #00a29b;
			text-decoration: none;
			padding: 30px 20px;
			font-weight: 900;
			font-size: 25px;
			display: block;
			text-align: center;
		}
		.sidebar-see-all:hover {
			text-decoration:underline;
		}

	.sidebar.twitter .aiwidgetscss.widget {
		width: 90%;
		margin: 0px 15px;
		padding-bottom: 5px;
	}

@media all and (max-width: 767px) {
	.gww-sidebar {
		font-size: 22px;
	}
	.gww-sidebar .sub-menu {
		font-size: 18px;
	}
	.gww-sidebar .sub-menu .sub-menu {
		font-size: 15px;
	}
}
@media all and (max-width: 639px) {
	.gww-sidebar {
		font-size: 19px;
	}
	.gww-sidebar .sub-menu {
		font-size: 15px;
	}
	.gww-sidebar .sub-menu .sub-menu {
		font-size: 13px;
	}
	.sidebar.gww h2 {
		font-size: 22px;
	}
	.sidebar.gww #menu-growing-ww-tools-links a {
		font-size: 16px;
	}
}