body div.home .tab button{
    width: 49.8%;
}

body div.home #gradbox_inner .title{
	margin:0 0 0 0;
}

/* [Current Links Box] */
#what-we-do {
	width: 212px;
    float: right;
    margin: 20px 0 0 0;
    text-align: left;
    border-radius: 7px;
    border: 2px solid #e8e8e8;
    background: #fff;
}

#what-we-do p,
#what-we-do p.grey {
	background: #0f8799;
    padding: 6px 8px;
    color: #fff;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#what-we-do p.mid {
	background: #0f8799;
	padding: 6px 8px;
	color: #fff;
	font-weight: bold;
	margin-top: 1px;
	border-radius: 0px;
}

#what-we-do p a {
	color: #fff;
	text-decoration: none;
}

#what-we-do p.mid a:hover,
#what-we-do p a:active,
#what-we-do p a:focus {
	color: #bedce0;
}

#what-we-do p.grey a:hover,
#what-we-do p a:active,
#what-we-do p a:focus {
	color: #EAE8E8;
}


#what-we-do ul {
	margin: 10px 10px 10px 30px;
	list-style-image: url('/media/agricultureie/styleassets/images/li_dot.gif');	
}

#what-we-do ul li {
	padding: 3px 0;
}

#what-we-do ul li a {
	color: #484848;
	text-decoration: none;
	font-weight: normal;
}

#what-we-do ul li a:hover,
#what-we-do ul li a:active,
#what-we-do ul li a:focus {
	color: #484848;
	text-decoration: underline;
}

#what-we-do ul li span {
	color: #484848;
	font-weight: bold;
}

#what-we-do ul li.farmLinks a {
	color: #ff0000;
	text-decoration: none;
	font-weight: normal;
}

#what-we-do ul li.red a {
	color: #9A0000;
	text-decoration: none;
	font-weight: bold;
}

#what-we-do ul li.red a:hover {
	color: #9A0000;
	text-decoration: underline;
}
/****************************************************
Article listing
****************************************************/

.article-listing {
	margin-top: 10px;
	margin-right:10px;
}

.article-listing * {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.article-listing a {
	text-decoration: none;
}

/*
.article-listing a:hover h2 {
	text-decoration: underline;
	color:#108799;
}

*/

.article-listing  h2 a:hover{
	text-decoration: underline;
	color:#108799;
}

/* feature */

/*
.article-listing__grid a:first-of-type {
	margin-bottom: 30px;
	width: 100%;
}

.article-listing__grid a:first-of-type img {
	width: 100%;
}
.article-listing__grid a:first-of-type figcaption {
	width: 100%;
	padding: 10px 0;
}
*/

.article-listing__grid .article-listing__single:first-of-type {
	margin-bottom: 30px;
	width: 100%;
}

.article-listing__grid .article-listing__single:first-of-type img {
	width: 100%;
}
.article-listing__grid .article-listing__single:first-of-type figcaption {
	width: 100%;
	padding: 10px 0;
}


@media(min-width:768px) {
	/*
	.article-listing__grid a:first-of-type {
		position: relative;
		height: 0;
		padding-bottom: 42%;
		overflow: hidden;
	}

	.article-listing__grid a:first-of-type {
		top: 0;
		left:0;
		width:100%;
	}

	.article-listing__grid a:first-of-type img {
		width: 75%;
		float:left;
		
	}
	.article-listing__grid a:first-of-type figcaption {
		width: 25%;
		padding: 10px;
		float:right;
	}
	*/
	
	.article-listing__grid .article-listing__single:first-of-type {
		position: relative;
		height: 0;
		padding-bottom: 42%;
		overflow: hidden;
	}

	.article-listing__grid .article-listing__single:first-of-type {
		top: 0;
		left:0;
		width:100%;
	}

	.article-listing__grid .article-listing__single:first-of-type img {
		width: 75%;
		float:left;
		
	}
	.article-listing__grid .article-listing__single:first-of-type figcaption {
		width: 25%;
		padding: 10px;
		float:right;
	}
	
}

/* grid */

.article-listing__grid {
	display: inline-block;
	margin-bottom:10px;
}

/*
.article-listing__grid a {
	width: calc(50% - 5px);
	float:left;
	margin-bottom:30px;
}

.article-listing__grid a:nth-of-type(even) {
	margin-right:10px;
}

*/


.article-listing__grid .article-listing__single {
	width: calc(50% - 5px);
	float:left;
	margin-bottom:30px;
}

.article-listing__grid .article-listing__single:nth-of-type(even) {
	margin-right:10px;
}



.article-listing__grid figcaption {
	padding: 10px 0 0;
}

/* article copy */

.article-listing figcaption h2 {
	font-size:18px;
	line-height: 20px;
	color: #05252e;
	margin-bottom:10px;
}

.article-listing figcaption h2 a{
	color: #05252e;
}

.article-listing figcaption p {
	font-size: 13px;
	line-height: 15px;
	color: #484848;
}

/* classes */

.fluid-img {
	width:100%;
}