/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:600,800');

body {
	font-size: 16px;
}

body,
h1, 
h2, 
h3,  
h4, 
h5, 
h6,
.navigation a,
.widget-title {
	font-family: 'Open Sans', sans-serif;
}

.navigation a {
	font-size: 16px;
}

.nav-hold {
	height: 60px;
}

.hero .logo h1 {
	line-height: unset;
}

.hero .logo a {
	color: #fff;
	background-color: #000;
	padding: 10px;
}

.entry-portfolio-item .entry-portfolio-title {
	font-size: 28px;
	background-color: #000;
	padding: 10px;
}

.col-md-4 .entry-portfolio-item .entry-portfolio-title {
	font-size: 20px;
}

.entry-portfolio-item {
	max-height: 325px;
    overflow: hidden;
}

.home .entry-portfolio-item {
	max-height: 212px;
}

article.page h2.entry-title {
	padding: 0px 10px;
}

.footer-widgets .gallery-item img {
	max-height: 108px;
    width: auto;
}

.entry .entry-meta dt:first-child,
.entry .entry-meta dd:nth-child(2),
.entry .entry-meta dt:nth-child(9), 
.entry .entry-meta dd:nth-child(10)  {
    display: none;
}

.mm-listview > li:not(.mm-divider):after {
	left: 0px;
}

.entry .entry-meta dt {
	display: block;
	width: 100%;
}

/* BUTTON COLOUR */
.red.btn {
	font-size: 13px;
    text-transform: uppercase;
    font-style: normal;
    background-color: #fe0d32;
    border-style: solid;
    border-color: #fe0d32;
    font-family: "Roboto", Sans-serif;
    font-weight: 500;
    padding: 12px 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
}
.red.btn:hover {
	color: #fe0d32;
    background-color: rgba(0,0,0,0);
    border-color: #fe0d32;
}

.postid-330 .col-md-3 {
	display: none;
}
.postid-330 .col-md-9 {
	width: 100%;
}

@media only screen and (max-width: 1200px) {

	.entry-portfolio-item {
		max-height: 265px;
	}

	.home .entry-portfolio-item {
		max-height: 172px;
	}

}

@media only screen and (max-width: 991px) {

	.entry-portfolio-item,
	.home .entry-portfolio-item {
		max-height: auto;
		text-align: center;
	}

}

@media only screen and (max-width: 850px) {
	.navigation a {
		 padding: 16px 6px;
	}
}

@media only screen and (max-width: 760px) {

	.logo {
		width: 100%;
	}
	.hero .logo h1 {
		padding: 10px;
    	background-color: #000;
	}
}