/*
Theme Name: Smart Mag Child
Theme URI: http://theme-sphere.com/
Description: A child theme of SmartMag
Author: ThemeSphere
Author URI: http://theme-sphere.com
Template: smart-mag
Version: 1.0
*/

@import url("../smart-mag/style.css");

/****************************************/
/* GENERAL */
/****************************************/

body.boxed {
	background: #ffffff;
}

body {
font-family: 'Spartan', sans-serif;
font-size:12px;
line-height:18px;
font-weight: 400;
color: #000000;
}

.boxed .main-wrap {
	-webkit-box-sizing: none;
	-moz-box-sizing: none;
	box-sizing: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: 'Spartan', sans-serif;
	color: #000000;
	text-transform:uppercase;
}



/****************************************/
/* HEADER */
/****************************************/

.top-bar {
	display:none;
}

#top-bar {
    border: 0px;
    height: 25px;
    color: #fff;
    background-color: #94BA61 !important;
    text-transform: uppercase;
}
	
	#top-bar .std-menu {
	width: 100%;
    margin: 0 auto;
    padding: 0 25px;
    text-align: left;
	}
	
	#menu-top-bar-menu {
	float:right;	
	}

	#top-bar .container .tb-left {
	display:none;
	}

	#top-bar .container .tb-right {
	width:100% !important;
	float:none !important;
	}

	#top-bar nav .menu > li {
    position:relative;
	float:left;
	}
	
	#top-bar nav .menu > li > a {
    line-height: 25px;
    display: inline-block;
	}
	
	#top-bar .tb-text > a,
	#top-bar nav .menu > li > a {
    color: #ffffff !important;
	padding: 0px 0px 0px 10px;
	}
	
		#top-bar nav .menu > li.current-menu-ancestor > a,
		#top-bar nav .menu > li.current-menu-item > a,
		#top-bar nav .menu > li.current-scroll-item > a {
		color: #994F36 !important;
    	box-shadow: none !important;
		}
	
		#top-bar .tb-text > a .menu-item-text,
		#top-bar nav .menu > li > a .menu-item-text {
		padding-right: 10px;
	    border-right: solid 2px #ffffff;
		}
			
		#top-bar nav .menu > li > a[title*="donate"] {
		color:#ffffff !important;
		background-color:#03473D !important;
		}
		
			#top-bar nav .menu > li > a[title*="donate"] .menu-item-text,
			#top-bar nav .menu > li > a[title*="donate"]:hover .menu-item-text {
			border-right: 0px;
			}
			
			#top-bar nav .menu > li > a[title*="donate"]:hover {
			color:#ffffff !important;
			}

		#top-bar nav .menu > li > a[title*="updates"] {
		color:#ffffff !important;
		background-color:#03473D !important;
		}
		
			#top-bar nav .menu > li > a[title*="updates"] .menu-item-text,
			#top-bar nav .menu > li > a[title*="updates"]:hover .menu-item-text {
			border-right: 0px;
			}
			
			#top-bar nav .menu > li > a[title*="updates"]:hover {
			color:#ffffff !important;
			}
	
		#top-bar nav .menu > li > a[title*="twitter"],
		#top-bar nav .menu > li > a[title*="facebook"],
		#top-bar nav .menu > li > a[title*="instagram"] {
		font-size:16px;
		padding: 0 7px;
		}
		
			#top-bar nav .menu > li > a[title*="twitter"] .menu-item-text,
			#top-bar nav .menu > li > a[title*="facebook"] .menu-item-text,
			#top-bar nav .menu > li > a[title*="instagram"] .menu-item-text {

			display:none;
			}
			
			#top-bar nav .menu > li > a[title*="twitter"] i,
			#top-bar nav .menu > li > a[title*="facebook"] i,
			#top-bar nav .menu > li > a[title*="instagram"] i {
			margin-right:0px;
			}
			
	#top-bar nav .menu > li > a:hover {
	text-decoration:none;
	color:#ffffff !important;
	background-color:#994F36;
	}
		
		#top-bar nav .menu > li > a:hover .menu-item-text {
		border-right: solid 2px #994F36;
		}
			
			#top-bar nav .menu > li > a[title*="donate"]:hover .menu-item-text,
			#top-bar nav .menu > li > a[title*="updates"]:hover .menu-item-text,
			#top-bar nav .menu > li > a[title*="roots"]:hover .menu-item-text {
			/* border-right: 0px; */
			}
					
	#top-bar nav .menu li {
		font-size: 10px;
		line-height: 10px;
		font-weight: 700;
	}

#menu-main {
	font-size: 12px;
	line-height: 12px;
}

.main-head {
	border-bottom: solid 1px #4E4D4D;
    height: 267px;
	background-image:url(img/header-bg01.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}	

.logo-image {
    width: 621px;
    vertical-align: top;
    padding-top: 57px;
    padding-bottom: 25px;
}	
	
.navigation {
    font-size: 14px;
    font-weight: 700;
}
	
	.navigation .menu li > a {
    padding: 0px 14px;
	}
	
	.navigation .menu > .menu-cat-2:hover > a, .navigation .menu > .menu-cat-2.current-menu-item > a, .navigation .menu > .menu-cat-2.current-menu-parent > a {	border-bottom-color: #D9665C !important;	}
	.navigation .menu > .menu-cat-3:hover > a, .navigation .menu > .menu-cat-3.current-menu-item > a, .navigation .menu > .menu-cat-3.current-menu-parent > a {	border-bottom-color: #994F36 !important;	}
	.navigation .menu > .menu-cat-4:hover > a, .navigation .menu > .menu-cat-4.current-menu-item > a, .navigation .menu > .menu-cat-4.current-menu-parent > a {	border-bottom-color: #5E3B1C !important;	}
	.navigation .menu > .menu-cat-5:hover > a, .navigation .menu > .menu-cat-5.current-menu-item > a, .navigation .menu > .menu-cat-5.current-menu-parent > a {	border-bottom-color: #03473D !important;	}
	.navigation .menu > .menu-cat-6:hover > a, .navigation .menu > .menu-cat-6.current-menu-item > a, .navigation .menu > .menu-cat-6.current-menu-parent > a {	border-bottom-color: #70BE44 !important;	}
	.navigation .menu > .menu-cat-7:hover > a, .navigation .menu > .menu-cat-7.current-menu-item > a, .navigation .menu > .menu-cat-7.current-menu-parent > a {	border-bottom-color: #94BA61 !important;	}
			

.jgi-logo {
    position: relative;
    height: 0px;
    top: -45px;
    float: right;
    right: 200px;
}

	.jgi-logo img {
		height: 24px;
	}

.breadcrumbs {
    font-weight: 700;
	color: #4D4D4D;
	background-color:transparent;
}

.breadcrumbs .location {
	color: #4D4D4D;
}





/****************************************/
/* FOOTER */
/****************************************/

.main-footer {
	background-color: #F3F4F4;
}

	.main-footer .widget {
	}

	.main-footer .widget .col-lg-12 {
	width: 100%;
	}

	.main-footer .widget.bunyad-about {
		
	}

		.main-footer .widget h3.widgettitle {
	    border-bottom: 1px solid #929292;
	    padding-top: 18px;
		}

		.main-footer .widget.bunyad-about h3.widgettitle {
		display: none;
		}

		.main-footer .widget.bunyad-about .logo-text {
		background-repeat:no-repeat;
		background-image:url(/wp-content/themes/smart-mag-child/img/gfan-logo-footer-02.png);
		background-size:100%;
		width: 100%;
		max-width:321px;
		min-height:43px;
	    border-bottom: 1px solid #929292;
		padding-bottom: 10px;
		}
	
			.main-footer .widget.bunyad-about .logo-text span {
				display:none;
			}
		
		.main-footer .widget.bunyad-about ul {
			
		}
		
			.main-footer .widget.bunyad-about ul li {
			border:0px;	
		    padding: 0px 0px;
			}
		
				.main-footer .widget.bunyad-about ul li a {
				font-weight:700;
				text-transform:uppercase;
				}
	
	.main-footer .widget.widget-easy-twitter-feed-widget-kamn {
		
	}

	.main-footer .widget.widget_text {
		
	}

.lower-foot {
	background-color: #E3E4E4;
}







/****************************************/
/* CONTENT */
/****************************************/

.cat-2, .cat-title.cat-2 {	background: #D9665C;	}	/* CONTENT */
.cat-3, .cat-title.cat-3 {	background: #994F36;	}	/* SERIOUSLY GOOD FOR ALL */
.cat-4, .cat-title.cat-4 {	background: #684721;	}	/* PRIMATES */
.cat-5, .cat-title.cat-5 {	background: #73113E;	}	/* CONSERVATION */
.cat-6, .cat-title.cat-6 {	background: #70BE44;	}	/* SCIENCE & TECHNOLOGY */
.cat-7, .cat-title.cat-7 {	background: #94BA61;	}	/* YOUTH POWER */

.main-featured .the-date {
    color: #ffffff;
}

.posts-list .content > a {
    font-family: 'Spartan', sans-serif;
	text-transform:uppercase;
    font-weight: 700;
}


.widget_search {
	/* display:none; */
}

.listing-meta {
    color: #000000;
}

.cat-title {
    font-weight: 700;
}

.post .read-more a {
    font-weight: 700;
}

.highlights .image-link {
    height: 172px;
    overflow: hidden;
    background-color: #eeeeee;
}

.listing-alt article > a {
    height: 185px;
    background-color: #eeeeee;
    width: 100%;
}

.posts-list li > a {
    width: 85px;
    height: 74px;
    background-color: #eeeeee;
}

.widget .about-widget ul {
	
}

	.widget .about-widget ul li {
	border:0px;	
	padding: 2px 0px;
	}

		.widget .about-widget ul li a {
		font-weight:700;
		text-transform:uppercase;
		}

.main .sidebar .widgettitle,
.tabbed .tabs-list {
    font-weight: 700;
}
		


/****************************************/
/* HOMEPAGE */
/****************************************/

.main-featured {
    background-color: transparent;
    border: 0px;
	padding: 0px;
}


.main-featured .flexslider .slides > li {
	height: 336px;
    background-color: #eeeeee;
}

	.flexslider .slides img {
		width: 100%;
	}

.flex-direction-nav a {
	background-color: transparent;
}

.posts-list .content .comments {
    display:none;
}

.posts-list .content time {
    color: #000000;
}

.posts-list .content time {
    color: #666666;
}


.main-featured .row {
	opacity: 1;
}

.no-display {
	opacity: 1;
}

.listing-alt img {
    width: 351px;
}

.cat-title {
    font-size: 10px;
    line-height: 24px;
}

.listing-alt .meta {
	margin-top: 0px;
}




/****************************************/
/* MISC */
/****************************************/

.post-header .post-title {
    font-size: 20px;
	line-height: 30px;
}







/****************************************/
/* RESPONSIVE */
/****************************************/


@media only screen and (max-width: 767px) {
	
	.listing-alt article > a {
    max-width: 100%;
    float: none;
    min-height: 25px;
    display: inline-block;
    height: auto;
	}

}

@media only screen and (max-width: 800px) {
	
	.main-head header {
	    width: 70%;
	}
	
	.main-head {
	    height: 290px;
	}
	
	.jgi-logo {
		position: relative;
		height: 0px;
		top: -30px;
		float: none;
		right: auto;
	    text-align: center;
	}
	
		.jgi-logo img {
			max-width: 100%;
			height: auto;
		}


}

@media only screen and (max-width: 860px) {
	
	.menu-top-bar-menu-container {
		display:none;
	}
	
	#menu-top-bar-menu {
    	float: none;
	}

}





@media only screen and (min-width: 800px) and (max-width: 940px) {
	
	.listing-alt article > a {
		height: 116px;
	}
	
	.sidebar .posts-list .content {
    	margin-left: 100px;
	}

}

@media only screen and (min-width: 800px) and (max-width: 1140px) {
	
	.main-head {
		height: 305px;
	}

}

@media only screen and (max-width: 1128px) {
	
	body.boxed {
		padding: 0px;
	}
	
	#menu-top-bar-menu {
    	float: none;
	}

	.mobile .search-button {
		display:none;
	}

}





@media only screen and (min-width: 1145px) {

	#top-bar .std-menu {
	width: 1078px;
	}

}




.main .post-content {
	font-size:16px !important;
}


@media only screen and (min-width: 1145px) {

	#top-bar .std-menu {
	width: 1078px;
	}
	


}

@media only screen and (min-width: 700px) {


	
	.no-sidebar article.post {
		max-width: 700px;
		margin: 0px auto;	
	}


}


@media (min-device-width: 1824px) {

	.main .post-content {
		font-size:16px !important;
	}
	
}