/*  ======================================
Header
 ======================================*/
 
.cwf-logo {
	background: url("//cdn.tigweb.org/images/tiged/class/cwf/Canadian-Wildlife-Federation.png") no-repeat;
	height: 50px;
	text-indent: -9999px;
	width: 225px;
}

@media only screen and (max-width: 64.063em) {	
.cwf-logo {
	background: url("//cdn.tigweb.org/images/tiged/class/cwf/Canadian-Wildlife-Federation-sm.png") no-repeat;
	height: 40px;
	text-indent: -9999px;
	width: 180px;
	margin-top: 4px !important;
}
}

/******************************************************************************
 * Header Top
 ******************************************************************************/
.cwf-header {
	font-family: "NavigationProximaNovaRegular", Helvetica, Arial, sans-serif;	
	clear: both;	/* Don't get overlapped by the Admin bar if it has more elements than fit on one line */
}

.cwf-class-bar {
	height: 50px;
	border-bottom: 1px solid #a9a8a8;
}

.cwf-class-bar .menu-icon span::after {
	box-shadow: 0 0px 0 1px #a9a8a8,0 7px 0 1px #a9a8a8,0 14px 0 1px #a9a8a8;
}

.cwf-class-bar .left-small {
	border-right: none;	
}

.cwf-header .contain-to-grid, .cwf-class-bar {
	background: url("//cdn.tigweb.org/images/tiged/class/cwf/cwf_bg.jpg") no-repeat;
}

.cwf-header .top-bar, 
.cwf-header .tab-bar { 
	height: 90px;	
}

.cwf-header .top-bar, 
.cwf-header .tab-bar {
	background: url("//cdn.tigweb.org/images/tiged/class/cwf/cwf_bg.jpg") no-repeat;
}

.cwf-header .top-bar .name {
	padding-top: 20px;
}

.cwf-header .nav-bar {
	float: right;	
	padding-top: 6%;
}

.cwf-header .nav-bar ul.button-group li a, .cwf-header .nav-bar ul.button-group li a:focus, .cwf-header .nav-bar ul.button-group li a:active {
	color: #333;
	font-size: 19px;
	background: transparent !important;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
}

.cwf-header .nav-bar ul.button-group li a:hover, cwf-footer a:hover {
	color: #ac341c;
}

.cwf-header section.tab-bar-section.middle {
	padding-top: 10px;
}

.cwf-header .left-off-canvas-menu a {
	color: #fff;
}

.cwf-header ul.off-canvas-list li a {
	color: #fff;
	
}

.cwf-header ul.off-canvas-list li a.nav8-small-section { 
	padding-left: 55px; 
}

.nav8-nav { 
	margin-top: 20px; 
	padding: 0; 
}
 
.nav8-nav li { 
	line-height: 28px; 
	list-style: none; 
}

.donate-now {
	background: url("//cdn.tigweb.org/images/tiged/class/cwf/donate-btn.png") no-repeat;
	width: 77px;
	height: 79px;
	margin-top: 5px;
}

.donate-now:hover {
	background: url("//cdn.tigweb.org/images/tiged/class/cwf/donate-btn-hover.png") no-repeat;
}

.donate-now-text {
	font-family: "ProximaNovaBold", Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 17px;
	line-height: 18px;
	padding: 24px 0 0 6px;
	text-align: center;
	display: block;
	width: 71px;
}

/******************************************************************************
 * Header Bottom
 ******************************************************************************/

.nav8-bottom {
	font-family: "NavigationProximaNovaRegular", Helvetica, Arial, sans-serif;
    width: 100%;
    padding: 8px 0;    
    background-color: #faf7f1;
    border-bottom: solid 1px #c2c2c2;
}

.nav8-bottom a, 
.nav8-bottom a:visited {
    color: #555555;
    font-size: 0.8rem;
}

.nav8-bottom .inline-list {
	margin: 0; 
}

.nav8-bottom .inline-list > li { 
	margin: 0 20px 0 0; 
}

.nav8-bottom .inline-list > li:last-child {
	margin-right: 0; 
}

.nav8-bottom .f-dropdown:before {
	display: none;
}

.nav8-bottom .f-dropdown:after {
	display: none;
}

/******************************************************************************
 * Footer
 ******************************************************************************/
.cwf-footer {
    background: #555;
    color: #eee; 
	padding: 30px 0 25px 0;
}

.cwf-footer ul {
	margin-bottom: 10px;	
}

.cwf-footer a { 
	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	color: #eee; 
	font-weight: normal; 
	font-size: 13px;
}

.cwf-footer  .copyright {
	font-size: 11px;
	color: #eee;
	text-shadow: none;
	margin-bottom: 5px;
}

.question-box {
	background: #faf7f1 !important;
	border: solid 1px #c2c2c2 !important;
}

.quiz-list .box {
	background: #faf7f1 !important;
	border: solid 1px #c2c2c2 !important;
}