/*Theme Name: Urban Square
Theme URI:
Author: Jason Gonzalez
Author URI: 
Description: Urban Square is a theme based on a BlankSlate core. With this theme, your template will no longer have to look like anyone else's. You can change the header image/logo, background image and colors behind the background, header/footer/sidebar, menus and widgets. Urban Square is high definition ready, providing retina.js on option for inline images and an image upload for @2x backgrounds. The Header Image section in the Customizer has additions that let you choose three display modes for header images: Responsive- where images stretch with the browser window, Fixed- fixed size until the browser window becomes smaller than the image, and Repeating- for simple repeating textures/patterns.
Version: 1.2.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: red, white, light, two-columns, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready, custom-background, custom-header, custom-colors, right-sidebar
Text Domain: urban-square

This theme uses BlankSlate for core code.

BlankSlate WordPress Theme © 2011-2014 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-size: 100%;
	font: inherit;
	padding: 0;
	border: 0;
	margin: 0;
	vertical-align: baseline;
}
	
body {background:#fff;
	line-height: 1;
}
.menu-company-services-container{display:block !important;}
#sidebar ul{display:inline !important;}
ol,ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* */

.clear {
	clear: both;
}

.center {
	text-align: center;
}

/* WordPress */
.sticky {
	background: #f5f5f5;
	border-top: 2px solid #c0c0c0;
	border-bottom: 2px solid #c0c0c0;
	padding: 1em;
}

.bypostauthor .comment-author {
	background: #f5f5f5;
	border-bottom: 2px solid #c0c0c0;
}

.wp-caption {
	max-width: 90% !important;
	/* Responsive captioned images */
}

.wp-caption img {
	margin: 0;
}

.wp-caption-text,
.gallery-caption,
.entry-caption {
	text-align: center;
	font-weight: bold;
	font-size: 0.75em;
}

/* Gallery */
.gallery {
	margin: auto;
}

.gallery-item {
	width: 100%;
	text-align: center;
}
/* */

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
} /* Responsive images */
/* */

/* Embedded fonts/icon fonts @font-face */
@font-face {
	font-family: 'fontawesome';
	src:url('fonts/fontawesome.eot?2yg3hl');
	src:url('fonts/fontawesome.eot?#iefix2yg3hl') format('embedded-opentype'),
		url('fonts/fontawesome.woff?2yg3hl') format('woff'),
		url('fonts/fontawesome.ttf?2yg3hl') format('truetype'),
		url('fonts/fontawesome.svg?2yg3hl#fontawesome') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'fontawesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* for font rendering smoothing for icons, see css3-extensions.css */
}

.icon-arrow-down:before {
	content: "\f063";
}

.icon-bars:before {
	content: "\f0c9";
}

.icon-list-ul:before {
	content: "\f0ca";
}

.icon-tags:before {
	content: "\f02c";
}

.icon-book:before {
	content: "\f02d";
}

.icon-pencil:before {
	content: "\f040";
}

.icon-arrow-right:before {
	content: "\f061";
}

.icon-comment:before {
	content: "\f075";
}

.icon-folder-open:before {
	content: "\f07c";
}

.icon-sort-desc:before {
	content: "\f0dd";
}

.icon-sort-asc:before {
	content: "\f0de";
}
.icon-phone:before{
content: "\f095";
}

.icon-envelope:before{
content: "\f0e0";
margin-right:7px;
}

.icon-sort-desc {
	float: right;
}

.icon-bars,
.icon-list-ul {
	margin: 0 0.5em;
}
.home-recent {
       background-color: #fce461;
    margin-top: 20px;
    padding: 10px;
}
.entry-content p span{padding-left:10px;}

#post-47 header h1.entry-title, #post-47 header h1.entry-title, #post-43 header h1.entry-title{display:none;}
.entry-content h3 {
    color: #8b0e04;
    font-size: 17px;
    padding: 28px 0 10px;
	font-weight:normal;
}
.blog section.entry-meta{display:none;}
#menu-company-services li a{text-decoration:none;color:#fff;}
#menu-company-services li a:hover{text-decoration:none;color:#4a4a4a;background:none;}
#menu-company-services li {
    background: #8b0e04 none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
    margin: 0;
}
#menu-company-services li:hover, #menu-company-services li.current-menu-item {background: #f2c300 none repeat scroll 0 0;}
#menu-company-services li:hover a, #menu-company-services li.current-menu-item a{text-decoration:none;color:#4a4a4a;}

#menu-what-we-do li a{text-decoration:none;color:#fff;}
#menu-what-we-do li a:hover{text-decoration:none;color:#4a4a4a;background:none;}
#menu-what-we-do li {
    background: #8b0e04 none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
    margin: 0;
}
#menu-what-we-do li:hover, #menu-what-we-do li.current-menu-item {background: #f2c300 none repeat scroll 0 0;}
#menu-what-we-do li:hover a, #menu-what-we-do li.current-menu-item a{text-decoration:none;color:#4a4a4a;}

#menu-what-we-specialise-in li a{text-decoration:none;color:#fff;}
#menu-what-we-specialise-in li a:hover{text-decoration:none;color:#4a4a4a;background:none;}
#menu-what-we-specialise-in li {
    background: #8b0e04 none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
    margin: 0;
}
#menu-what-we-specialise-in li:hover, #menu-what-we-specialise-in li.current-menu-item {background: #f2c300 none repeat scroll 0 0;}
#menu-what-we-specialise-in li:hover a, #menu-what-we-specialise-in li.current-menu-item a{text-decoration:none;color:#4a4a4a;}

#copyright #text-2 .textwidget, #copyright #text-2 .textwidget div{display:block !important;}


body {
	color: #4a4a4a;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 22px;
	margin:0;
}

h1, h2, h3, h4, h5, h6 {
	margin:5px 0 0.5em;
	line-height: 1em;
	font-weight: bold;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

h1 {
	font-size: 2.250em; /* ~36px */
}

h2 {
	font-size: 1.875em; /* ~30px */
}

h3 {
	font-size: 1.5em; /* ~24px */
}

h4 {
	font-size: 1.125em; /* ~18px */
}

h5 {
	font-size: 0.875em; /* ~14px */
}

h6 {
	font-size: 0.75em; /* ~12px */
}

p, li, dl  {
	margin: 1em 0;
}

a:link, a:visited {
	color: #800000;
}

a:active {
	color: #f08080;
}

blockquote p, q {
	margin-left: 5%;
	background: #f5f5f5;
	padding: 1em;
}

blockquote p,
q,
cite {
	font-style: italic;
}

img {
	
	max-width: 100%;
	height: auto;
}

video { /* for responsive html5 videos */
  width: 100% !important;
  height: auto !important;
}

cite a:link,
cite a:visited {
	text-align: right;
	text-decoration: none;
}

small {
	font-size: 75%;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

dt {
	font-weight: bold;
}

dd {
	text-indent: 1em;
	font-style: italic;
}

table {
	border: 1px solid #c0c0c0;
	margin: 1em auto;
}

table caption, table th {
	font-weight: bold;
}

table tbody {
	background: #f5f5f5;
}

table th, table td {
	padding: 0.5em;
	line-height: 1em;
}

textarea,
input, 
select {
	display: inline-block;
}

fieldset, form {
   display: block;
}


input[type="reset"], input[type="submit"] {
	min-width: 4.5em; /* ~72 px width; for touchscreens */
}

input[type="checkbox"], input[type="radio"] {
	/* ~57px */
	width: 3.563em;
	height: 3.563em;
}

select, option, input[type="reset"], input[type="submit"] {
	min-height: 2.75em; /* ~44px */
}

form textarea {
	width: 100%;
}

/* */

pre {
	margin: 1em 0;
	padding: 1em;
	background: #f5f5f5;
	overflow-x: auto;
}

pre, code {
	font: normal 0.750em "Deja Vu Sans Mono", "Andale Mono", Monaco, monospace;
}

strong {
	font-weight: bold;
}

hr {
	color: #e6e6e6;
}

/* HTML sections/WP template classes and IDs */
#wrapper {
	max-width: 120em; /* ~1920px */
}


#site-title h1 {
	/* unstyle #site-title h1 tag */
	font-size: 1em;
	font-weight: normal;
	/*line-height: normal;*/
	margin: 0;
}

#site-title h1,
#site-title div {
	line-height: 1.5em;
}

#site-title a {
	/* restyle #site-title here for non index pages */
	font-size: 1.75em;
	font-weight: bold;
	text-decoration: none;
}


#menu {
	width: 95%;
	padding: 0;
}

span.screen-reader-text {
	/* send text off screen so screen readers can still read it */
	position: absolute;
	top: 0;
	left: -9999px;
}

#search {
	margin-bottom: 1em;
}

.search-form > label {
	display: inline-block;
	max-width: 80%;
}

.search-form {
	width: 100%;
	text-align: center;
}

.search-field {
	min-height: 2.75em;
	max-width: 100%;
	border: 1px solid #800000;
	box-sizing: border-box;
	vertical-align: bottom;
	margin-right: -0.25em;
	padding-left: 0.5em;
}

.search-submit {
	min-width: 2.75em;
	min-height: 2.75em;
	/*margin-left: -0.25em;*/
	background: #800000;
	color: #fff;
	border: 0;
	box-sizing: border-box;
	vertical-align: bottom;
	margin: 0;
}

.button-panel {
	display: inline-block;
    width: 100%;
}

.menu-button-title,
.site-navigation-title {
	background: #800000;
	border: 0;
	color: #fff;
	/*padding: 0.5em;*/
	font-weight: bold;
	margin: 0.5em 1em 0 0;
	float: left;
	width: 4.5em;
	height: 4.5em;
}

.site-navigation-title {
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.menu-label,
.site-nav-label {
	position: absolute;
	left: -9999px; /* send off screen */
}

.menu ul {
	margin-bottom: 0;
}

.menu ul,
ul.menu {
	clear: left;
}

.page_item,
.menu-item {
	clear: both;
}

.menu ul,
ul.menu,
.widget-container ul {
	background: #fff;
	padding: 0.5em;
}

.menu li,
div > ul.menu li,
.widget-container ul li {
	margin: 0;
}

.menu li a:link,
.menu li a:visited,
ul.menu li a:link,
ul.menu li a:visited,
.widget-container ul li a:link,
.widget-container ul li a:visited {
	display: block;
	text-decoration: none;
	padding: 0.5em;
}

.menu .page_item a:active,
.menu .page_item a:focus,
ul.menu .menu-item a:active,
ul.menu .menu-item a:focus,
.widget-container ul li a:focus,
.widget-container ul li a:active {
	
	color: #fff;
}

.menu .children,
ul.menu .sub-menu {
	padding: 0;
	margin-left: 5%;
}

.page_item_has_children a:link,
.page_item_has_children a:visited,
.menu-item-has-children a:link,
.menu-item-has-children a:visited {
	float: left;
	width: 70%;
}

/*.page_item_has_children a:focus ul.children {
	display: block !important;
}*/

.menu .icon-sort-desc {
	display: inline-block;
   float: none;
   font-size: 1em;
   min-width: 4.5em;
   min-height: 2.5em;
   vertical-align: top;
   color: #800000;
   background-color: #fff;
   border: 1px solid #c0c0c0;
}

.post {
	clear: both;
}

.entry-title {
	font-size: 1.875em;
}

.entry-footer,
.entry-meta {
	margin: 1em 0;
}

.entry-footer {
	clear: both;
	display:none;
}
.entry-content a.more-link{display:none;}
.entry-footer span.icon-folder-open,
.entry-footer span.icon-tags,
.entry-footer span.icon-comment{
	margin: 0 0.5em 0 0.5em;
}

.entry-meta,
.cat-links,
.tag-links,
.comments-link {
	font-style: italic;
	font-size: 0.875em;
}

.entry-links {
	text-align: center;
}

.entry-links a:link,
.entry-links a:visited,
a.post-edit-link:link,
a.post-edit-link:visited,
a.comment-reply-link:link,
a.comment-reply-link:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: #800000;
}

a.post-edit-link,
a.comment-reply-link {
	padding: 0.5em;
}

.entry-links a:link,
.entry-links a:visited {
	width: 2.75em;
	height: 2.75em;
	display: inline-block;
}

.entry-links a:active,
a.post-edit-link:active {
	background: #f08080;
}

/* Comments */
#comments-list ul {
	list-style: none;
}

.comment-author,
.comment-meta {
	font-size: 0.875em;
}

.comment-meta a:link,
.comment-meta a:visited {
	text-decoration: none;
}

img.avatar {
	float: left;
	margin: 0 1em 1em 0;
}

cite.fn {
	font-weight: bold;
}

.comment-body p,
.comment-body pre {
	clear: both;
}

.depth-2 {
	/* Threaded comments */
	margin-left: 5%;
}

.pingback a:link,
.pingback a:visited {
	text-decoration: none;
}

#commentform {
	background: #f5f5f5;
	padding: 1em;
}

#commentform input {
	max-width: 100%;
}

.comment-notes,
.form-allowed-tags {
	font-size: 0.875em;
}

.comment-notes {
	font-weight: bold;
}

.required {
	color: red;
}
/* */

/* Category, Archive, Search pages */
body.archive h1.entry-title,
body.search h1.entry-title {
	font-weight: normal;
}

body.archive h2.entry-title,
body.search h2.entry-title {
	font-size: 1.5em;
}

/* Widgets */
#wp-calendar tr th {
	background-color: #800000;
	color: #fff;
}

#wp-calendar td a {
	background-color: #800000;
	color: #fff;
	text-decoration: none;
}

#prev,
.pad,
#next {
	padding: 0;
}

#prev a,
#next a {
	padding: 0.5em;
}

#prev a {
	float: left;
}

#next a {
	float: right;
}
/* */

.navigation {
	width: 85%;
	float: left;
	padding: 1em 7.5%;
}

.nav-previous {
	float: left;
}

.nav-next {
	float: right;
}

.back-to-top { /* Works in conjunction with backToTop.js script */
	position: fixed;
	bottom: 2em;
	right: 0;
	background-color: rgba(128,0,0,0.8);
	padding: 0.5em;
	display: none;
}

a.back-to-top:link,
a.back-to-top:visited {
	color: #fff;
	text-decoration: none;
}

a.back-to-top:active {
	background: #800000;
}

#sidebar {
	clear: left;
	bottom: 0;
	width: 100%;
	background-color: #fff;
}

#sidebar ul,
.menu ul,
ul.menu,
ul.children,
ul.sub-menu {
	list-style: none;
	display:inline;
}

.widget-title {
	
	padding: 0.5em 2.5% 0.5em 2.5%;
	font-size: 1em;
	margin: 1em 0 0 0;
	display: inline-block;
	
}
.widget-title + .icon-sort-desc {
	float: none;
	display: inline-block;
	font-size: 1em;
	width: 30%;
	min-width: 4.5em;
	min-height: 2em;
	vertical-align: bottom;
	margin-top: 1em;
	background-color: #800000;
	color: #fff;
	border-left: 1px solid #fff;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
}

/* Footer */
#footer  {
	width: 100%;

}
#footer  #container{	padding: 1em 0%;margin:0 auto;
	background: #4a4a4a;}
#copyright {
	font-size: 1em;
	text-align:center;
	color:#fff;
}
#copyright h2 {
    font-size: 20px;
    margin: 5px 0;
}
/* */

/* Hover states for desktops of all sizes; .desktop class loaded on any non mobile device using !wp_is_mobile() in header.php */
.desktop a:link,
.desktop a:visited,
.desktop .menu-button-title,
.desktop .site-navigation-title {
	transition: background-color, color;
	transition-duration: 0.5s;
	transition-timing-function: linear;
	transition-delay: 0s;
}

.desktop a:hover {
	color: #f08080;
}

.desktop .menu li a:hover,
.desktop ul.menu li a:hover,
.desktop .widget-container ul li a:hover,
.desktop .entry-links a:hover,
.desktop a.post-edit-link:hover,
.desktop a.comment-reply-link:hover,
.desktop #wp-calendar td a:hover {
	
	color: #fff;
}

.desktop .menu .current_page_item a:hover {
	color: #800000;
}

.desktop .site-navigation-title a:hover,
.desktop a.back-to-top:hover {
	color: #fff;
}

/* Media Queries */
@media ( min-width: 37.5em ) { /* small tablets = ~600px */
	/* Gallery CSS targets small tablets, tablets and desktops */
	/* up to four columns in tablet size */
	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		display: inline-block;
		vertical-align: top;
	}
	
	.gallery-columns-2 .gallery-item {
		width: 50%;
	}
	
	.gallery-item,
	.gallery-columns-3 .gallery-item {
		width: 33%;
	}
	
	.gallery-columns-4 .gallery-item {
		width: 25%;
	}
}

@media ( min-width: 48em ) { /* tablets and up = ~768px+ */
	#branding {
			
	}
	
	#site-title {
		
	}
	
	#site-title h1,
	#site-title > div {
		font-size: 1.5em;	
	}
	
		
	#search {
		position: absolute;
		top: 1em;
		right: 5%;	
	}
	
	#menu {
		padding: 0 5% 0 5%;
	}
	
	.menu-button-title,
	.site-navigation-title {
		width: auto;
		height: auto;
		padding: 0.5em;
	}

	.menu-label,
	.site-nav-label {
		position: static;
		left: 0;	
	}
	
	.menu,
	ul.menu {
		margin-bottom: 0;
	}
	
	.menu ul,
	ul.menu {
		background: transparent;
		padding: 0;
		height: 2.5em; /* assigning a height fixes the menu ul above #container div */
		position: relative;
	}
	
	/* Get rid of spaces between list items when inline blocking wp nav menu */
	/*ul.menu {
		font-size: 0;
	}
	
	ul.menu .menu-item {
		font-size: 1rem; /* relative em */
	/*}*/
	
	.menu .page_item,
	ul.menu .menu-item {
		
		vertical-align: top;
		
	}
	
	.menu .page_item a:link,
	.menu .page_item a:visited,
	ul.menu .menu-item a:link,
	ul.menu .menu-item a:visited {
		display: inline-block;
		
	}
	
	.menu .page_item a:active,
	ul.menu .menu-item a:active {
	
	}
	
	.menu .current_page_item a:link,
	.menu .current_page_item a:visited,
	.menu .current_page_item .icon-sort-desc {
		
	}
	
	.menu .current_page_item .children a:link,
	.menu .current_page_item .children a:visited,
	.menu .current_page_item .sub-menu a:link,
	.menu .current_page_item .sub-menu a:visited {
		
	}
	
	.page_item_has_children a:link,
	.page_item_has_children a:visited,
	.menu-item-has-children a:link,
	.menu-item-has-children a:visited {
    		width: auto;
	}
	
	/*.page_item_has_children .icon-sort-desc {
		height: 2em;
	}*/
	
	.menu .children,
	ul.menu .sub-menu {
		border: 1px solid #c0c0c0;
		height: auto; /* restores varied height for .children <ul>s */
		position: absolute;
		background: #f5f5f5;
		margin: 0;
		top: 2.5em; /* 2.5em from top of relatively positioned .menu ul, for proper rendering in Opera 12- */
	}
	
	.menu .children .page_item,
	.menu .children .page_item a,
	ul.menu .sub-menu .menu-item,
	ul.menu .sub-menu .menu-item a {
		display: block;
		position: relative; /* for proper rendering in Opera 12- */	
	}
	
	.children .page_item,
	.sub-menu .menu-item {
		border: 0;	
	}
	
	.menu .icon-sort-desc {
		background-color: #f5f5f5;
		border-left: 1px solid #c0c0c0;
		border-right: 0;
		border-top: 0;
		border-bottom: 0;
	}


	
	#search.admin-bar-search-fix {
		/* pushes search box down if admin bar is present; see header.php */
		top: 3.875em;	
	}
	
	.wp-post-image {
		    border: 1px solid #ccc;
    float: right;
    margin: 0 0 20px 18px;
    padding: 5px;

	}
	.single .entry-content .wp-post-image{display:none;}
}

@media ( min-width: 64.063em ) { /* desktop = ~1025px */
	#site-title {
		
	}
	
	#site-title h1,
	#site-title > div {
		font-size: 2.25em;	
	}

	#search {
		right: 1em;
	}
	
	#search.admin-bar-search-fix {
		top: 3em;	
	}
	
	.menu-button-title { /* send off screen */
		position: absolute;
		left: -9999px;
	}
	
	.site-navigation-title { /* unneeded on desktop; sidebar is at top */
		position: absolute;
		left: -9999px;
	}
	
	#container {
		padding: 0;
		width: 100%;
	}
	
	#content {
		float: left;
		width: 69%;
		margin: 0 3%;
	}
	
	.entry-title {
    color: #8b0e04;
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    padding: 0 0 7px;
    text-transform: uppercase;
}
	.navigation {
		padding: 1em 20%;
		width: 60%;
	}
	
	/* Gallery CSS targets small tablets, tablets and desktops */
	/* up to nine columns in desktop size */
	.gallery-columns-5 .gallery-item {
		width: 20%;
	}
	
	.gallery-columns-6 .gallery-item {
		width: 16.7%;
	}
	
	.gallery-columns-7 .gallery-item {
		width: 14.3%;
	}
	
	.gallery-columns-8 .gallery-item {
		width: 12.5%;
	}
	
	.gallery-columns-9 .gallery-item {
		width: 11.1%;
	}
	
	.back-to-top {
		right: 25%;
		bottom: 0;
	}
	
	#sidebar {
		
		float: right;
		width: 25%;
		clear: none; /* undo clear for mobile */	
	}
	
	.widget-container {
		display: block;
		width: 100%;
	}
	
	.widget-container ul {
		background: none;
		
	}
}

@media ( min-width: 1000px ) { 
body [class*="grid"] {display: inline-block;vertical-align:top; position: relative;margin: 0;}
#container {width: 1000px;margin: 0 auto;position: relative;}
#branding {width: 1000px;margin: 0 auto;position: relative;padding:45px 0 158px;margin:0 auto -158px;background:url('images/header.jpg');}
.grid-1 {width: 100px;}
.grid-2 {width: 240px;}
.grid-3 {width: 270px;}
.grid-4 {width: 400px;}
.grid-5 {width: 430px;}
.grid-6 {width: 600px;}
.grid-7 {width: 700px;}
.grid-8 {width: 800px;}
.grid-9 {width: 900px;}
.grid-10 {width: 1000px;}
#site-description span{font-size:13px;width:140px;line-height:18px;margin:20px auto 0;display:block;}
#site-title{text-align:center;padding-top:60px;}
#site-title a {
    color: #8b0e04;
    text-decoration: none;
	font-size: 32px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
	display:block;
}
#site-title span{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
  
    padding-top: 20px;
    text-align: center;
    
}
#site-title h1, #site-title > div {
    font-size: 32px;
    line-height: 40px;
}
nav#menu{display:none;}
#nav_menu-3{display:Inherit;}
#sidebar {
    margin-top:-18px;
    clear: none;
    float: left;
    width: 250px;
}
#sidebar ul {padding:0;}
#content {
    float: right;
    margin: 30px 10px;
    width: 720px;
}
article{padding:15px;}
.menu-company-services-container{display:block !important;}
.width47{width:47%;}
.menu li, div > ul.menu li, .widget-container ul li {
    margin: 0;
}
.widget-container h3.widget-title{
    color: #8b0e04;
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 5px;
    text-transform: uppercase;
	font-weight:normal;
	margin-bottom: 5px;
    margin-left: 0;
    margin-top: 0;}
.menu-main-menu-container ul.menu  li a {
    background-image: url('images/menu_bg.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    color: #8b0e04;
    font-weight: bold;
    height: 31px;
    padding-bottom: 2px;
    padding-left: 40px;
    padding-top: 21px;
    text-decoration: none;
    text-transform: uppercase;
	width:200px;
}	
.menu-main-menu-container ul.menu  li a:hover, .menu-main-menu-container ul.menu  li.current-menu-item a, .menu-main-menu-container ul.menu  li a:visited {background-position: 0 -54px;color:#4a4a4a;}
}

#footer .back-to-top{ font-size: 30px;
    height: 30px;
    right: 50px;
    width: 30px;
	bottom:50px;
	border-radius:50%;}
#footer .back-to-top .fa{    display: block;
    font-size: 40px;
    line-height: 20px;
    text-align: center;}	
p.icon-phone b{font-family:arial;}
p.icon-envelope a{color:#fff;font-size:15px; text-decoration:none;font-family:arial;}	
#footer p{padding:0;margin:5px 0;}

@media only screen and (min-width: 768px) and (max-width: 999px) {
body [class*="grid"] {display: inline-block;vertical-align:top; position: relative;margin: 0;}
#container {width: 768px;margin: 0 auto;position: relative;}
#branding {width: 768px;margin: 0 auto;position: relative;padding:35px 0 100px;margin:0 auto -100px;
           background-image:url('images/header.jpg');
		   background-position:top center;
		   background-size:cover;}
    .grid-1 {width: 64px;}
	.grid-2 {width: 172px;}
	.grid-3 {width: 206px;}
	.grid-4 {width: 256px;}
	.grid-5 {width: 340px;}
	.grid-6 {width: 384px;}
	.grid-7 {width: 448px;}
	.grid-8 {width: 512px;}
	.grid-9 {width: 576px;}
	.grid-10 {width: 640px;}
#site-description span{font-size:13px;width:140px;line-height:18px;margin:0 auto;display:block;}
#site-title{text-align:center;padding-top:45px;}
#site-title a {
    color: #8b0e04;
    text-decoration: none;
	font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
	display:block;
}
#site-title span{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
  
    padding-top: 20px;
    text-align: center;
    
}
#site-title h1, #site-title > div {
    font-size: 32px;
    line-height: 40px;
}
nav#menu{display:none;}
#nav_menu-3{display:Inherit;}
#sidebar {
    margin-top:-10px;
    clear: none;
    float: left;
    width: 196px;
}
#sidebar ul {padding:0;}
#content {
    float: right;
    margin: 20px 10px 10px; 
    width: 546px;
}

article{padding:15px;}
.menu-company-services-container{display:block !important;}
.width47{width:47%;}
.menu li, div > ul.menu li, .widget-container ul li {
    margin: 0;
}
.widget-container h3.widget-title{
    color: #8b0e04;
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 5px;
    text-transform: uppercase;
	font-weight:normal;
	margin-bottom: 5px;
    margin-left: 0;
    margin-top: 0;}
.menu-main-menu-container ul.menu  li a {
    background-image: url('images/menu_bg.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    color: #8b0e04;
    font-weight: bold;
    height: 31px;
    padding-bottom: 2px;
    padding-left: 50px;
    padding-top: 21px;
    text-decoration: none;
    text-transform: uppercase;
	width:140px;
}	
.single .entry-content .wp-post-image {
    display: none;
}
#menu-company-services li, #menu-what-we-specialise-in li, #menu-what-we-do li {margin-left:0;}
.menu-main-menu-container ul.menu  li a:hover, .menu-main-menu-container ul.menu  li.current-menu-item a, .menu-main-menu-container ul.menu  li a:visited {background-position: 0 -54px;color:#4a4a4a;}
.wp-image-391, .wp-image-404{width:100%;margin-bottom:20px;}
	
}	
@media only screen and (min-width: 481px) and (max-width: 767px) {
	body {-webkit-tap-highlight-color: transparent;}
    .container {width: 480px;}
    .container [class*="rt-grid"] {display: block;float: none;position: relative;width: 100%;}
    .container [class*="rt-push"], [class*="rt-pull"] {left: auto;}
    .container [class*="rt-prefix"] {padding-left: 0;}
	
body [class*="grid"] {display: inline-block;vertical-align:top; position: relative;margin: 0;}
#container {width: 480px;margin: 0 auto;position: relative;}
#branding {width: 480px;margin: 0 auto;position: relative;
           background-image:url('images/header_mobile.jpg');
		   background-position:top center;
		   background-size:cover;}
  .container [class*="grid"] {display: block;float: none;position: relative;width: 100%;}

	
#site-description span{    clear: both;
    display: block;
    font-size: 13px;
    line-height: 18px;
    padding: 6px 10px;
    width: 220px;}
#site-title {
    padding: 15px 10px 45px;
    text-align: left;
}
#site-title a {
    color: #8b0e04;
    text-decoration: none;
	font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
	display:block;
}
#site-title span{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
  
    padding-top: 20px;
    text-align: center;
    
}
#site-title h1, #site-title > div {
    font-size: 32px;
    line-height: 40px;
}
nav#menu{display:inherit;}
#nav_menu-3{display:none;}
#menu {
    margin: 0 auto;
    padding: 0;
    width: 480px;
}
#sidebar {
  float:left;
    clear: both;
   
}
#sidebar ul {padding:0;}
#content {
    float: none;
    margin: 0 1%;
    width: 98%;
}

article{padding:0 5px;}
.menu-company-services-container{display:block !important;}
.width47{width:47%;}
.menu li, div > ul.menu li, .widget-container ul li {
    margin: 0 0 0 10px;
}
.widget-container h3.widget-title{
    color: #8b0e04;
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 5px;
    text-transform: uppercase;
	font-weight:normal;
	margin-bottom: 5px;
    margin-left:5px;
    margin-top: 0;}
.menu-main-menu-container ul.menu  li a {
    background-image: url('images/menu_bg.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    color: #8b0e04;
    font-weight: bold;
    height: 31px;
    padding-bottom: 2px;
    padding-left: 50px;
    padding-top: 21px;
    text-decoration: none;
    text-transform: uppercase;
	width:160px;
}	
.single .entry-content .wp-post-image {
    display: none;
}
#menu-company-services li, #menu-what-we-specialise-in li, #menu-what-we-do li {margin-left:10px;width:98%;}
.menu-what-we-specialise-in-container, .menu-what-we-do-container{display:block !important;}
.menu-main-menu-container ul.menu  li a:hover, .menu-main-menu-container ul.menu  li.current-menu-item a, .menu-main-menu-container ul.menu  li a:visited {background-position: 0 -54px;color:#4a4a4a;}
.wp-image-391, .wp-image-404{width:100%;margin-bottom:20px;}
.menu-button-title, .site-navigation-title {
    background: #800000 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    float: left;
    font-weight: bold;
    height: 3.5em;
    margin: 0 1em 0 10px;
    top: -20px;
    width: 4.5em;
}	
	
	
}

@media only screen and (max-width: 480px) {
	body {-webkit-tap-highlight-color: transparent;}
    .container {width: 95%;}
    .container [class*="rt-grid"] {display: block;float: none;position: relative;width: 100%;}
    .container [class*="rt-push"], [class*="rt-pull"] {left: auto;}
    .container [class*="rt-prefix"] {padding-left: 0;}
	
body [class*="grid"] {display: inline-block;vertical-align:top; position: relative;margin: 0;}
#container {width: 95%;margin: 0 auto;position: relative;}
#branding {width: 95%;margin: 10px auto 0;position: relative;
           background-image:url('images/header_mobile.jpg');
		   background-position:center center;
		   background-size:cover;}

#site-description span{    display: block;
    font-size: 11px;
    line-height: 13px;
    padding-left: 5px;
    width: 60%;}
#site-title{  padding: 15px 5px 30px;
    text-align: left;}
#site-title a {
    color: #8b0e04;
    text-decoration: none;
	font-size: 14px;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
	display:block;
}
#site-title span{
    color: #fff;
    font-size: 13px;
    font-weight: bold;
  
    padding-top: 20px;
    text-align: center;
    
}
#site-title h1, #site-title > div {
    font-size: 32px;
    line-height: 40px;
}
#menu {
    margin: 0 auto;
    padding: 0;
    width: 95%;
}
nav#menu{display:inherit;}
#nav_menu-3{display:none;}
.menu ul, ul.menu, .widget-container ul {
    background: #fff none repeat scroll 0 0;
    margin-top: 0;
    padding: 0;
}
#sidebar {
    clear: none;
    float: left;
    width: 100%;
}
#sidebar ul {padding:0;}
#content {
    float: none;
    margin: 0 auto;
    width: 100%;
}

article{padding:15px 0;}
.menu-company-services-container{display:block !important;}
.width47{width:47%;}
.menu li, div > ul.menu li, .widget-container ul li {
    margin: 0;
}
.widget-container h3.widget-title{
    color: #8b0e04;
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 5px;
    text-transform: uppercase;
	font-weight:normal;
	margin-bottom: 5px;
    margin-left: 0;
    margin-top: 0;}
.menu-main-menu-container ul.menu  li a {
    background-image: url('images/menu_bg.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    color: #8b0e04;
    font-weight: bold;
    height: 31px;
    padding-bottom: 2px;
    padding-left: 50px;
    padding-top: 21px;
    text-decoration: none;
    text-transform: uppercase;
	width:160px;
}	
.single .entry-content .wp-post-image {
    display: none;
}
#menu-company-services li, #menu-what-we-specialise-in li, #menu-what-we-do li {margin-left:0;}
.menu-what-we-specialise-in-container, .menu-what-we-do-container{display:block !important;}
.menu-main-menu-container ul.menu  li a:hover, .menu-main-menu-container ul.menu  li.current-menu-item a, .menu-main-menu-container ul.menu  li a:visited {background-position: 0 -54px;color:#4a4a4a;}
.wp-image-391, .wp-image-404{width:100%;margin-bottom:20px;}
	
	
}

aside#sidebar {
    margin-bottom: 15px;
}

em {
font-style:italic !important;
}

b {
font-weight:bolder !important;
}


/*CUSTOM CSS*/
#header, #footer {
    background: #fff;
}

#site-description {
    font-style: normal;
    font-weight: 200;
}

.widget-title {
    background-color: #fff;
}

button.icon-sort-desc.reverse-supporting-color {
    display: none;
}

.widget-area .widget-container {
    display: block;
    width: 100%;
    margin: 13px 0 0 0;
}

.menu-main-menu-container ul.menu li a {
    background-image: url(images/menu_bg.jpg)!important;
}

h3.widget-title.supporting-bgcolor.reverse-supporting-color {
    width: 100%;
}

.widget-area {
    border-bottom: 0px;
    width: auto;
    padding-left: 0;
    margin-left: 0;
}

body {
    overflow-x: hidden !important;
}

#container {
    padding: 0;
}

#footer {
    padding: 0;
}

div#copyright li {
    list-style: none;
}

@media only screen and (max-width: 767px) {
.menu-main-menu-container ul.menu li a {
    padding-bottom: 2px !important;
    padding-left: 50px !important;
    padding-top: 21px !important;
}

#branding {
    padding: 0;
}
}