/*
Theme Name: Telsco Security Systems 2015
Theme URI: http://www.telsco.com/
Author: Tony Kwon
Author URI: http://www.telsco.com/
Description: A base theme to get your WordPress development started.
Version: 0.1
Tags: responsive, media-queries, zurb foundation 3
*/

@charset "UTF-8";

.ie7 * {
	*behavior: url(/wp-content/themes/telsco2015/javascripts/boxsizing.htc);
}

/**
 * offcanvas navigation configuration
 *
 *	#side-navigation	- hidden menu
 *	#canvas				- everything else
 *
 */
#side-navigation .button {
	display: inline-block;
	background: transparent;
	margin: 16px 16px 12px;
	padding: 10px 20px;
	font-size: 12px;
	font-style: italic;
	border: 1px solid #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#side-navigation .button:hover {
	color: #ddd;
}
.hide-extras [role="complementary"],
#side-navigation {
	display: block;
}

#side-navigation {
	xvisibility: hidden;
}
#side-navigation,	/* [role="complementary"] */
#canvas				/* [role="main"] */ {
	padding: 0;
}
#side-navigation[role="complementary"] {
	width: 90%;				/* 80% */
}
/* which leaves about 10% space for the toggling menu */
.active #canvas[role="main"] {
	margin-right: -90%;		/* -80% */
}

#canvas {
	background: #FFF;
}

/**
 * base types
 * refer to http://blog.typekit.com/2011/06/27/new-from-typekit-variation-specific-font-family-names-in-ie-6-8/
 */
html {
	font-size: 100%;
}
body {
	font-size: 1.2em;
	font-family: 'proxima-nova-n4', 'proxima-nova', 'arial', sans-serif;
	background: #363636;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'proxima-nova-n4', 'proxima-nova', 'arial', sans-serif;
	font-weight: normal;
	color: #ce2427;
}

h1 {
	font-size: 44px;
	color: #78706b;
	line-height: 1.3em;
}
h2 {
	font-size: 23px;
	line-height: 1.4em;
	font-family: "Open Sans", Arial, Sans-Serif;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 13px;
}

a {
	color: #ce2427;
	font-weight: normal;
}

a:hover {
	color: #0079C1;
}

*::-moz-selection {
    background: #ce2427;
    color: #fff;
}

::selection {
	background: #ce2427;
    color: #fff;
}

/**
 * component: #side-navigation
 *
 * @see stylesheets/mobile-navigation.css
 *
 */

/**
 * component: section.header
 *
 * @see stylesheets/mediaqueries.css
 *
 */
section.header {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce0913+0,cd0915+11,bf0711+51,be0814+57,bc0612+60,bc0612+68,b80711+70,b0060f+100 */
	background: #ce0913; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlMDkxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iI2NkMDkxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2JmMDcxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iI2JlMDgxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2JjMDYxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2JjMDYxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2I4MDcxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMDA2MGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ce0913 0%, #cd0915 11%, #bf0711 51%, #be0814 57%, #bc0612 60%, #bc0612 68%, #b80711 70%, #b0060f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce0913), color-stop(11%,#cd0915), color-stop(51%,#bf0711), color-stop(57%,#be0814), color-stop(60%,#bc0612), color-stop(68%,#bc0612), color-stop(70%,#b80711), color-stop(100%,#b0060f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ce0913 0%,#cd0915 11%,#bf0711 51%,#be0814 57%,#bc0612 60%,#bc0612 68%,#b80711 70%,#b0060f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ce0913 0%,#cd0915 11%,#bf0711 51%,#be0814 57%,#bc0612 60%,#bc0612 68%,#b80711 70%,#b0060f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ce0913 0%,#cd0915 11%,#bf0711 51%,#be0814 57%,#bc0612 60%,#bc0612 68%,#b80711 70%,#b0060f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ce0913 0%,#cd0915 11%,#bf0711 51%,#be0814 57%,#bc0612 60%,#bc0612 68%,#b80711 70%,#b0060f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0913', endColorstr='#b0060f',GradientType=0 ); /* IE6-8 */
	border-bottom: 8px solid #fff;
}

/**
 * component: .top-nav
 *
 * @see stylesheets/mediaqueries.css
 *
 */
p.top-nav {
	height: 26px;
	margin: 9px 15px 0 0;
	padding: 2px 0;
	text-align: right;
	color: #fff;
}
p.top-nav a {
	color: #fff;
	border-right: solid 1px #fff;
	padding: 0px 15px;
}
p.top-nav a:hover {
	text-decoration: underline;
}

/**
 * component: #mobile-bar
 *
 * @see stylesheets/mediaqueries.css
 *
 *	#sidebarButton
 *	#searchform
 *		#s
 *		#search-submit
 */
#mobile-bar h1 {
	margin: 0;
	line-height: 0;
	font-size: 0;
	text-align: center;
}
#mobile-bar h1 a {
	display: inline-block;
	padding: 14px 0;
}

#sidebarButton {
	font-size: 13px;
	line-height: 26px;
	padding-left: 20px;
	color: #FFF;
	background: transparent url(images/menu-icon.png) center left no-repeat; /* 16 x 16 */
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	border: none;
}
#searchform {
	margin: 0;
}
#s,
#search-submit {
	margin: 9px 0;
}
#sidebarButton {
	margin: 9px 5px;
}
#s {
    background-color: #fff;
    border-radius: 0;
    color: #fff;
    display: block;
    height: auto;
    padding: 0;
    width: 100%;
}
#search-submit {
	display: block;
	width: 100%;
}
#s,
#search-submit {
	border: none;
	border-bottom: 1px solid #fff;
	font-family: inherit;
    font-size: 16px;
    font-weight: normal;
	padding: 4px 4px 8px;
	height: 26px;
	line-height: 1; /* rendered height is unaffected ... only factor is the font size */
	background: transparent;
	outline: none;
}
#s::-webkit-input-placeholder,
#search-submit::-webkit-input-placeholder {
	padding: 4px 0;
    height: 26px;
    line-height: 1;
    color: #fff;
}

#s:-moz-placeholder,
#search-submit:-moz-placeholder { /* Firefox 18- */
	padding: 4px 0;
    height: 26px;
    line-height: 1;
    color: #fff;
}

#s::-moz-placeholder,
#search-submit::-moz-placeholder {  /* Firefox 19+ */
	padding: 4px 0;
    height: 26px;
    line-height: 1;
    color: #fff;
}

#s:-ms-input-placeholder,
#search-submit:-ms-input-placeholder {
	padding: 4px 0;
    height: 26px;
    line-height: 1;
    color: #fff;
}
#search-submit {
	margin-left: -1px;
	background: transparent url(images/mag-glass.png) center right no-repeat;
	/*background: transparent url(images/icon-search.svg) center right no-repeat;*/
	background-size: 24px 24px;
	line-height: 1.4; /* for webkit */
	color: #FFF;
	cursor: pointer;
}

.no-box-shadow,
#s.no-box-shadow {
	/* to remove box shadows from input type text per se */
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.search-toggle {
	text-align: right;
}
.search-toggle a {
	display: inline-block;
	background: transparent url(images/mag-glass.png) right bottom no-repeat;
	background-size: 24px 24px;
	width: 40px;
	height: 34px;
}
.search-toggle a.open {
	background: transparent url(images/search-close.png) right bottom no-repeat;
}
.search-form {
	display: inline;
	display: none;
	margin-bottom: 12px;
}

/*#mobile-bar .row .mobile-one {
	width: 25% !important;
}*/


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

	#s,
	#search-submit {
		border: none;
		border-bottom: 1px solid #fff;
	}
	#sidebarButton,
	#s,
	#search-submit {
		margin-bottom: 0;
	}
	.search-form {
		display: inline !important;
		margin-bottom: 0;
	}

}

/**
 * component: #header
 *
 * @see stylesheets/mediaqueries.css
 *
 * .mobile-one
 *		#telsco-logo
 * .mobile-two
 *		.mobile-one-up
 *			.call-us
 *			.toll-free
 *			.motto
 */
#header {
	background-color: #fff;
	padding: 16px 0 0;
}
#header h1 {
	margin: 0;
}

/* block-grid two-up mobile-one-up */
#header ul {
	text-align: center;
}
#header .call-us,
#header .toll-free,
#header .motto {
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 0;
	padding-bottom: 0;
	font-size: 16px;
	line-height: 1.3;
	text-align: right;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	float: none;
}
#header .call-us p,
#header .toll-free p,
#header .motto p {
	font-family: "proxima-nova-n4", "proxima-nova", sans-serif;
	font-size: 16px;
	line-height: 1.3;
	color: #CF2427;
	margin-top: 0;
	margin-bottom: 0;
}

#header .call-us a,
#header .toll-free a {
	color: #CF2427;
}

#header .call-us p.toll-free, #header .call-us p.toll-free a {
	font-size:14px!important;
}


#header .motto {
	width: 100%;
	text-align: right;
	clear: both;
}
#header .motto p {
	font-size: 16px;
	color: #877a73;
}
#header .button {
	background: transparent;
	margin: 16px 0 12px;
	padding: 10px 20px;
	font-size: 11px;
	font-style: italic;
	border: 1px solid #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	float: right;
}
#header .button:hover {
	color: #ddd;
}
#header .row .mobile-one {
	/* 25% ... telsco logo */
	width: 40% !important;
}
#header .row .mobile-three {
	/* 75% ... phone number(s) */
	width: 60% !important;
	padding-left: 0;
}

@media screen and (min-width: 768px) { /* foundation single breaking point */

	#header {
		background-color: transparent;
		padding: 24px 0;
	}

	#header .call-us,
	#header .toll-free,
	#header .motto {
		/*padding: 0 15px;*/
		float: right;
	}
	#header .call-us p {
	}
	#header .call-us span {
		/*display: none;*/
	}
	#header .call-us p,
	#header .call-us p a,
	#header .toll-free p,
	#header .toll-free p a,
	#header .motto p,
	#header .motto p a {
		font-size: 24px;
		color: #fff;
	}
	#header .motto p {
		font-size: 19px;
	}
}

/**
 * component: #primary-navigation
 *
 *	.menu
 *
 */
#primary-navigation {
	background: #544d4b;
	overflow: hidden;
}

#primary-navigation .menu {
	margin: 0 0 0 -1px;
	padding: 0;
	list-style-type: none;
    display: table;
    border-spacing: 0;
    table-layout: fixed;
    text-align: center;
    border-left: 1px solid #736D6B;
}
.lt-ie8 #primary-navigation .menu {
	/* source http://tanalin.com/en/projects/display-table-htc/ */
	behavior: url(/wp-content/themes/telsco2015/javascripts/display-table.min.htc);
	-dt-border-spacing: 0;
}

#primary-navigation .menu-item {
	display: table-cell;
    width: 16.6%;
    height: auto;
    vertical-align: bottom;
	border-right: 1px solid #37312f; /* dark */
}
#primary-navigation .menu-item:first-child {
	border-left: 1px solid #37312F;
}
.lt-ie8 #primary-navigation li.menu-item {
	float: left; /* needed for IE 7 */
	-dt-display: table-cell;
	background: #544d4b; /* match against #primary-navigation as inherit doesn't seem to work on ie < 8 */
}

#primary-navigation .menu-item a {
    display: block;
    min-height: 100%;
    margin: 0;
    padding: 17px 16px;
    color: white;
    font-size: 15px;
    /*font-weight: bold;*/
    line-height: 1;
    border-right: 1px solid #736d6b; /* light */
    border-bottom: 0;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#primary-navigation .menu-item:last-of-type a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce0913+0,cd0915+11,bf0711+51,be0814+57,bc0612+60,bc0612+68,b80711+70,b0060f+100 */
	background: #ce0913; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlMDkxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iI2NkMDkxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2JmMDcxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iI2JlMDgxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2JjMDYxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2JjMDYxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2I4MDcxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMDA2MGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ce0913 0%, #cd0915 11%, #bf0711 51%, #be0814 57%, #bc0612 60%, #bc0612 68%, #b80711 70%, #b0060f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce0913), color-stop(11%,#cd0915), color-stop(51%,#bf0711), color-stop(57%,#be0814), color-stop(60%,#bc0612), color-stop(68%,#bc0612), color-stop(70%,#b80711), color-stop(100%,#b0060f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ce0913 0%,#cd0915 11%,#bf0711 51%,#be0814 57%,#bc0612 60%,#bc0612 68%,#b80711 70%,#b0060f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ce0913 0%,#cd0915 11%,#bf0711 51%,#be0814 57%,#bc0612 60%,#bc0612 68%,#b80711 70%,#b0060f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ce0913 0%,#cd0915 11%,#bf0711 51%,#be0814 57%,#bc0612 60%,#bc0612 68%,#b80711 70%,#b0060f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ce0913 0%,#cd0915 11%,#bf0711 51%,#be0814 57%,#bc0612 60%,#bc0612 68%,#b80711 70%,#b0060f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0913', endColorstr='#b0060f',GradientType=0 ); /* IE6-8 */
}
#primary-navigation .menu-item a:hover {
	background: #474343;
}

#primary-navigation .current-menu-item a,
#primary-navigation .current-page-ancestor a {
	background: transparent url(images/horiz-navigation-current.png) center bottom no-repeat;
}
#primary-navigation .current-menu-item.menu-item a:hover,
#primary-navigation .current-page-ancestor.menu-item a:hover {
	background: #474343 url(images/horiz-navigation-current.png) center bottom no-repeat;
}

/**
 * component: #page
 *	the container that has main components
 *
 *	#frontpage-slider
 *	#frontpage-ctas
 *		.cta-heading
 *		.cta-text
 *		.cta-link
 *	#content
 *		#main
 *			article
 *				.entry-header
 *				.entry-content
 *				.entry-meta
 *		#sidebar
 *			section.widget-area
 */

#page {
	background: transparent;
}
@media screen and (min-width: 768px) { /* foundation single breaking point */
	#page {
		background: transparent url(images/page-background.png) repeat-x;
	}
}

/**
 * component: #telsco-hero
 */
#telsco-hero {
	width: 100%;
}

/**
 * Responsive Hero
 * component: #hero-desktop
 */
.front-page {
	padding-top: 50px;
}
#hero-desktop {
	height: 450px;
	padding-top: 17px;
	position: relative;
	background-image: url(images/hero-images/white-background.png), url(images/hero-images/yellow-house.png), url(images/hero-images/white-building.png), url(images/hero-images/background-skyline.png);
	background-repeat: repeat-x, no-repeat, no-repeat, no-repeat;
	background-position: bottom center,175px 70px, 100% 15px, top center;
	background-size: auto, auto, auto, 100%;
}
#hero-desktop img {
	float: left;
}
#hero-desktop h1,
#hero-desktop h2{
	margin: 0;
	padding: 0;
	font-family: 'proxima-nova', 'arial', sans-serif;
	line-height: 1.2;
}
#hero-desktop h1 {
	color: #ce2427; /* Light Red */
	font-weight: 800;
	font-size: 40px;
    line-height: 1;
    margin-bottom: 10px;
}
#hero-desktop h2 {
	color: #212223; /* Dark Grey */
	font-weight: 700;
	font-size: 25px;
}
#hero-desktop #hero-desktop-text {
	position: absolute;
	bottom: -33px;
	left: 220px;
}
@media screen and (max-width: 951px) {
	#hero-desktop {
		background-position: bottom center,160px 70px, 100% 15px, top center;
	}
	#hero-desktop h1 {
		font-size: 2.5em;
	}
}
@media screen and (max-width: 935px) {
	#hero-desktop {
		background-position: bottom center,140px 70px, 100% 15px, top center;
	}
}
@media screen and (max-width: 920px) {
	#hero-desktop {
		background-position: bottom center,130px 70px, 100% 15px, top center;
	}
}
@media screen and (max-width: 915px) {
	#hero-desktop {
		background-position: bottom center,110px 70px, 100% 15px, top center;
	}
}
@media screen and (max-width: 888px) {
	#hero-desktop {
		background-position: bottom center,100px 70px, 110% 15px, top center;
	}
	#hero-desktop h1 {
		font-size: 2.25em;
	}
}
@media screen and (max-width: 820px) {
	#hero-desktop {
		background-position: bottom center,90px 70px, 120% 15px, top center;
	}
	#hero-desktop h1 {
		font-size: 2em;
	}
	#hero-desktop h2 {
		font-size: 1.25em;
	}
}
@media screen and (max-width: 790px) {
	#hero-desktop {
		background-position: bottom center,80px 70px, 130% 15px, top center;
	}
}
@media screen and (min-width: 769px){
	#hero-mobile-container {
		display:none;
	}
}
@media screen and (max-width: 753px) {
	#hero-desktop h1 {
		font-size: 1.75em;
	}
	#hero-desktop h2 {
		font-size: 1.20em;
	}
}

/**
 * component: #hero-mobile;
 */
@media screen and (max-width: 768px) { /* foundation single breaking point */
	#hero-desktop-container {
		display: none;
	}
	.call-us .tel-number-header {
		display:block;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.call-us .tel-number-header:first-child {
		font-size: 1.5em;
	}
	.front-page {
		padding-top: 15px;
	}
}
#hero-mobile {
	height: 250px;
	background-image: url(images/hero-images/cellphone.png), url(images/hero-images/yellow-house.png), url(images/hero-images/white-building.png), url(images/hero-images/background-skyline.png);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: center 25px,-10% 70px, 100% 65px, top center;
	background-size: auto, 75%, 40%, 100%;
}
#hero-mobile img {
	display: block;
	margin: 0 auto;
}
#hero-mobile-text {
	padding: 25px 0;
	-webkit-box-shadow: 0px -2px 3px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px -2px 3px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px -2px 3px 0px rgba(50, 50, 50, 0.3);
}
#hero-mobile-text h1,
#hero-mobile-text h2{
	margin: 0;
	padding: 0;
	font-family: 'proxima-nova', 'arial', sans-serif;
	line-height: 1.2;
	text-align: center;
}
#hero-mobile-text h1 {
	color: #ce2427; /* Light Red */
	font-weight: 800;
	font-size: 2.5em;
}
#hero-mobile-text h2 {
	color: #585858; /* Grey */
	font-weight: 700;
	font-size: 1.5625em;
	margin-top: 0.25em;
}

#hero-mobile-text .emphasis{
	color: #ce2427; /* light red */
}
@media screen and (max-width: 755px) {
	#hero-mobile {
		background-position: center 25px,-20% 76px, 105% 76px, top center;
		background-size:auto, 75%, 40%, 100%;
	}
}
@media screen and (max-width: 740px) {
	#hero-mobile {
		background-position: center 25px,-30% 85px, 105% 85px, top center;
		background-size:auto, 75%, 40%, 100%;
	}
}
@media screen and (max-width: 699px) {
	#hero-mobile {
		background-position: center 25px,-30% 90px, 105% 90px, top center;
		background-size:auto, 75%, 40%, 120%;
	}
	#hero-mobile-text h1 {
		font-size: 2.25em;
	}

}
@media screen and (max-width: 670px) {
	#hero-mobile {
		background-position: center 25px,-35% 95px, 105% 95px, top center;
		background-size:auto, 75%, 40%, 120%;
	}
}
@media screen and (max-width: 660px) {
	#hero-mobile {
		background-position: center 25px,-35% 105px, 100% 105px, top center;
		background-size:auto, 75%, 40%, 120%;
	}
}
@media screen and (max-width: 630px) {
	#hero-mobile-text h1 {
		font-size: 2em;
	}
	#hero-mobile-text h2 {
		font-size: 1.5em;
	}
}
@media screen and (max-width: 605px) {
	#hero-mobile {
		background-position: center 25px,-35% 115px, 100% 115px, top center;
		background-size:auto, 75%, 40%, 120%;
	}
}
@media screen and (max-width: 560px) {
	#hero-mobile {
		background-position: center 25px,-35% 125px, 100% 125px, top center;
		background-size:auto, 75%, 40%, 125%;
	}
	#hero-mobile-text h1 {
		font-size: 1.75em;
	}
	#hero-mobile-text h2 {
		font-size: 1.25em;
	}
}
@media screen and (max-width: 510px) {
	#hero-mobile {
		background-position: center 25px,-15% 110px, 100% 100px, top center;
		background-size: auto, 90%, 50%, 140%;
	}
}
@media screen and (max-width: 496px) {
	#hero-mobile {
		background-position: center 25px,-50px 110px, 120% 100px, top center;
		background-size: auto, 120%, 60%, 150%;
	}
}
@media screen and (max-width: 384px) {
	#hero-mobile {
		background-position: center 25px,-50px 130px, 130% 125px, top center;
		background-size: auto, 120%, 60%, 150%;
	}
}
@media screen and (max-width: 320px) {
	#hero-mobile {
		background-position: center 25px,-50px 130px, 130% 125px, top center;
		background-size: auto, 120%, 60%, 150%;
	}
	#hero-mobile-text h1 {
		font-size: 1.5em;
	}
	#hero-mobile-text h2 {
		font-size: 1em;
	}
}

#frontpage-ctas {
	padding: 12px 0 24px 0; /* top padding is sans the height of the shadow */
}
#frontpage-ctas .cta-heading,
#frontpage-ctas .cta-text,
#frontpage-ctas .cta-link {
	text-align: center;
}
#frontpage-ctas .cta-heading {
	font-size: 26px;
	font-weight: bold;
	color: #79716c;
	margin-bottom: 5px;
}
#frontpage-ctas .cta-text p{
	font-size: 17px;
	color: #736357;
	line-height: 1.3em;
}
#frontpage-ctas .cta-link {
	font-size: 14px;
}
#frontpage-ctas .cta-link a {
	display: block;
	line-height: 35px;
	background: transparent url(images/cta-red-5x35.png) repeat-x;
	text-align: center;
	margin: 0 auto;
	color: #FFF;
	/*     behavior: url(/css/border-radius.htc); */
	-webkit-border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
	-khtml-border-radius: 18px 18px 18px 18px; /* for old Konqueror browsers */
	border-radius: 18px 18px 18px 18px; /* future proofing */
	border-bottom: none;
}
#frontpage-ctas .cta-link a:hover {
	color: #ddd;
}

@media screen and (min-width: 768px) { /* foundation single breaking point */
	#frontpage-ctas .cta-link a {
		margin: 0 5%;
		font-weight: bold;
	}
}


#primary {
}
#primary hgroup h1 {
	font-size: 33px;
	color: #78706b;

}
hgroup h1.entry-title {
	font-size: 33px;
}
#primary hgroup h2 {
	font-size: 23px;
	margin: 0 0 30px 0;
	padding-left: .125em;
}

@media screen and (min-width: 768px) { /* foundation single breaking point */

	#primary hgroup h1 {
		margin: 36px 0 0 0;
	}
	#primary hgroup h1,
	hgroup h1.entry-title {
		font-size: 44px;
	}
}

#content {

}

#main {

}

.page #main a {
	border-bottom: 1px solid #ce2427;
}
.page #main a:hover {
	border-bottom: 1px solid #0e39a8;
	color: #0e39a8;
}

#post-0 .entry-content ul,
.page #main .entry-content ul {
	margin-left: 15px;
	padding-left: 1em;
}
p a[rel~="attachment"] {
	border: none;
	overflow: hidden;
	display: block;
}

time.updated {
	color: #ccc;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 1.6;
}

/**
 * component: login form
 */
#divAlarmMessage {
	margin-bottom: 16px;
}
input[type="submit"] {
	margin-top: 12px;
}

/**
 * component: #sidebar
 */

#sidebar {

}

#sidebar .widget-area {
	margin-bottom: 24px;
	/* common margin for all widget components */
}

#sidebar .widget-area .widgets {
	list-style-type: none;
}

#sidebar .sub-pages {
	list-style-type: none;
	background: #6b6464;
}

.sub-pages .page-item a {
	display: block;
	color: #fff;
}

.sub-pages .depth-1 {
	border-bottom: 1px solid #9a9696;
}
.sub-pages .depth-1 a {
	border-bottom: 1px solid #474343;
	padding: .5em 1em;
	padding: 12px 15px 11px 15px;
}
.sub-pages .depth-1 a:hover {
	background: #37312F;
}

.sub-pages .depth-1.last-item,
.sub-pages .depth-1.last-item a {
	border: none;
}

.sub-pages .depth-1.current-page {
	background: #CE2427;
	position: relative;
}
.sub-pages .depth-1.current-page a {
	background: #37312F;
	margin-left: 9px;
	padding-left: 7px;
}

.sub-pages .current-page-indicator {
	background: transparent url(images/vertical-navigation-current.png) center right no-repeat;
	display: block;
	float: right;
	width: 6px;
	height: 18px;
	margin: 16px -6px 0 0;
}

.sidebar-cta {

}

.sidebar-cta .box {
	background: #ca2627;
	color: #fff;
	text-align: center;
	/*     behavior: url(/css/border-radius.htc); */
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-khtml-border-radius: 7px 7px 7px 7px; /* for old Konqueror browsers */
	border-radius: 7px 7px 7px 7px; /* future proofing */
	padding: 15px;
}
.sidebar-cta .box h3,
.sidebar-cta .box p,
.sidebar-cta .box a {
	font-style: normal;
}
.sidebar-cta .box h3 {
	color: #FFF;
	font-weight: bold;
}
.sidebar-cta .box p {
	overflow: hidden;
	text-align: center;
}
.sidebar-cta .box a {
	background: #FFF;
	color: #ca2627;
	display: block;
	font-weight: bold;
	width: 90%;
	margin: 0 5%;
	float: left;
	padding: 5px 0;
	/*     behavior: url(/css/border-radius.htc); */
	-webkit-border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px; /* for old Konqueror browsers */
	border-radius: 15px 15px 15px 15px; /* future proofing */
	border-bottom: 0;
}
.sidebar-cta .box a:hover {
	color: #FFF;
	background: #37312F;
}




/**
 * component: #associations
 */
#associations {
}
#associations .row {
	padding: 12px 0;
	border-top: 1px solid #e3d3d3;
}

@media screen and (min-width: 768px) { /* foundation single breaking point */
	#associations .two p {
		min-height: 119px;
		height: auto !important;
		padding-top: 35%;
	}
}
#associations .columns p {
	margin: 0;
}
#associations .two p {
	margin-bottom: 1em;
}

#associations .logo {
	 margin-top: -12px;
	padding: 0;
}
@media screen and (min-width: 768px) { /* foundation single breaking point */
	#associations .logo {
		margin-top: 0;
	}
}
#associations .logo a {
	display: block;
	text-align: center;
	margin: 0 auto;
	border: none;
}
.logo a img {
	border: none;
}
#associations .three p {
	overflow: hidden;
}
#associations .three p a {
	border: none;
}
.three a img {
	float: left;
}
@media screen and (min-width: 768px) { /* foundation single breaking point */
	#associations .three p a {
		float: right;
	}
	#associations .three p {
		text-align: right;
		margin-left: 10%;
		border-left: 1px solid #e3e3e3;
		border-left: 1px solid #E3D3D3;
	}
}

/**
 * component: #footer
 *
 */

#footer {
	border-top: 1px solid #ce2427;
	background: #75645b;
	padding: 24px 0;
}

#footer .block-grid {

}
#footer .block-grid li {
	color: #fff;
}

#footer .columns {
	padding-bottom: 15px;
}

#footer .widgets {
	list-style-type: none;
	margin: 0;
}
#footer .widgets .menu {
	list-style-type: none;
	margin: 0;
}
#footer .menu-item a {
	border-bottom: 1px solid #97867d;
	display: block;
	font-size: 14px;
	line-height: 1.6;
	color: #fff;
}
#footer .menu-item a:hover {
	color: #37312F;
}
#footer .menu .menu-item {
	border-bottom: 1px solid #52463f;
}

#footer .block-grid {
}

#footer #telsco-phone {
	margin-bottom: 15px;
}
#footer #telsco-phone a {
	text-decoration: none;
}

#footer .block-grid p {
	font-size: 14px;
	margin: 0;
}

#footer .block-grid li {
	width: auto;
}
#footer .block-grid li:last-child {
	margin: 1px 0 0 15px;
}

#footer .block-grid p a {
	color: #fff;
	text-decoration: underline;
}

#footer .block-grid li {
	padding-bottom: 0;
}

#footer .block-grid .phone-icon {
	height: 44px; /* 15 */
	background: transparent url(images/mobile-phones-white.png) 15px center no-repeat;
	width:  50px; /* was 50% */
	padding: 0 0 0 12px;
}
#footer .block-grid .phone-numbers {
	width: 80%;   /* was 50% */
}
#footer .block-grid .phone-numbers p {
	font-size: 21px;
	line-height: 1;
	padding-bottom: 3px;
}

#back-to-top {
	text-align: center;
	border-bottom: 5px solid #ce2427;
	background: #75645b url(images/red-arrow-to-top.png) bottom center no-repeat;
	margin-top: -24px;
}
#back-to-top .centered {
	padding-bottom: 0;
}
#back-to-top .centered p {
	margin: 0 auto;
	width: 52px;
	line-height: 36px;
	height: 36px;
	text-transform: uppercase;
	text-align: center;
}

#back-to-top .centered a {
	font-size: 12px;
	display: block;
	width: 100%;
	height: 100%;
	color: #b0998c;
}

#back-to-top .centered a:hover {
	background: #ce2427;
	color: #FFF;
}
@media screen and (min-width: 768px) {
	#footer .block-grid li:last-child {
		margin: 15px 0 0;
	}
}

/**
 * common components
 *
 */
.shadow {
	background: transparent url(images/shadow-980x24.png) center top no-repeat;
}

.alignright {
	float: right;
	margin: 0 0 1em 1em;
}
.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}
.aligncenter {
	margin: 0 auto;
}
.alignnone {
	float: none;
}

/**
 * gravity forms
 */
.page #main .entry-content .gform_fields {
	padding-left: 0;
}
.gform_wrapper span.gform_description {
	line-height: 1.6;
}
.gform_wrapper select {
	font-size: 16px;
}

.gform_wrapper input[type="text"],
.gform_wrapper textarea {
	font-size: 1em;
	padding: 0 10px;
}

.gform_wrapper textarea {
	padding: 10px;
}

.entry-content .gform_wrapper li.gfield.gfield_error {
	border: none;
	background: none;
	padding: 0 !important;
	margin: 0 0 8px 0 !important;
}

.entry-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
	margin: 10px 0 4px;
}

.entry-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
	margin: 0;
}

.entry-content .gform_wrapper .top_label .gfield_error {
	width: 100%;
}

.entry-content .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half {
	width: 49%;
}

.entry-content .gform_wrapper li.gfield.gfield_error input,
.entry-content .gform_wrapper li.gfield.gfield_error textarea{
	border: 1px solid #ce2427;
}

/**
 * paginator
 */
.paginator {
	/* nav */
	overflow: hidden;
}
.wp-pagenavi {
	float: right;
}
.wp-pagenavi a,
.wp-pagenavi span {
	float: left;
}
.wp-pagenavi .pages {
	float: right;
}

/**
 * attachment page
 */

/* post navigation */
.attachment-meta {
	/* nav */

}

ul.attachment-meta,
ul.image-meta {
	padding-left: 1em;
}

.attachment-meta .image-link {
	list-style-type: none;
	overflow: hidden;
}
.attachment-meta .prev-image-link,
.prev-image-link span {
	float: left;
	display: block;
}
.attachment-meta .next-image-link,
.next-image-link span {
	float: right;
	display: block;
}
.prev-image-link span a,
.next-image-link span a {
	display: block;
}

/**
 * override foundation classes that interfere with WordPress classes
 */
article.sticky {
	float: none;		/* left */
	overflow: auto;		/* hidden */
}
article.fixed {
	left: auto;			/* 0 */
    position: static;	/* fixed */
    top: auto;			/* 0 */
    width: auto;		/* 100% */
    z-index:inherit;	/* 99 */
}

/**
 * TODO: eventually merge and/or remove the declarations below
 */
#debug {
	background: #FFFFE0;
	padding: 1.5em 0;	/* 24@16 */
}

#debug p,
#debug pre,
.paginator {
	font-size: 12px;
	line-height: 1.5;
}


/* full vertical padding */
#content {
	padding: 24px 0;
}

p.designated {
	font-size: 13px;
	font-style: italic;
	margin: 0;
	line-height: 1.846153846153846em;
}

.orbit, .orbit-wrapper {
	margin-top: 20px;
}

.testimonials-widget-testimonial {
	background-color:#fff;
}

input[type='tel'] {
	width:100%!important;
}
/** MOBILE BREAKPOINT */
@media only screen and (max-width: 767px){
	#frontpage-ctas .cta-heading {
		font-size: 16px;
		margin-top: 10px;
		/*font-weight: bold;
		color: #79716c;
		margin-bottom: 5px;*/
	}
	#frontpage-ctas .cta-link {
		margin-bottom: 5px;
	}
	#frontpage-ctas .home-consultation-button {
		
	}
	#frontpage-ctas .home-consultation-button a.button {
		text-align: center;
		color: #FFF;
		padding: 15px 0;
		margin: 0 auto;
		margin-bottom: 25px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0f13+0,cf2427+100 */
		background: #ff0f13; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		/* It's in _parts/frontpage-ctas.php */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMGYxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjI0MjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #ff0f13 0%, #cf2427 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0f13), color-stop(100%,#cf2427)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ff0f13 0%,#cf2427 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ff0f13 0%,#cf2427 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ff0f13 0%,#cf2427 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ff0f13 0%,#cf2427 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0f13', endColorstr='#cf2427',GradientType=0 ); /* IE6-8 */
		width: 265px;
	}
	#frontpage-ctas .home-consultation-component {
		display: none;
	}
	#mobile-bar svg #telsco-mobile {
		fill: #fff;
	}
	#mobile-bar .mobile-svg-logo a {
		width: 106px;
		height: 16px;
	}
	#mobile-bar .mobile-svg-logo svg {
		width: 106px;
		height: 16px;
		viewbox: 0 0 300 100;
	}
}
@media only screen and (min-width: 768px){
	#frontpage-ctas .home-consultation-button {
		display: none;
	}
	#frontpage-ctas .home-consultation-component {
		display: block;
	}
	#header .svg-logo a {
		width: 292px;
		height: 64px;
	}
	#header .svg-logo svg {
		width: 292px;
		height: 64px;
		viewbox: 0 0 300 100;
	}
	#header svg #Telsco-Logo-Main {
		fill: #fff;
	}
}



/**
 * Blog Page
**/

.blog #content,
.category #content {
	background: #f6f5f3;
    margin-top: -15px;
    padding-top: 30px;
}

@media only screen and (min-width: 767px){
	.blog #content,
	.category #content {
		background: none;
		margin-top: 0;
		padding-top: 25px;
	}
}

.blog .post,
.category .post {
	margin-bottom: 50px;
}

@media only screen and (min-width: 767px){
	.blog .post,
	.category .post {
		float: left;
		width: 48%;
		margin: 0 1%;
	}
}

.blog .featured-image,
.single-post .featured-image,
.category .featured-image {
	height: 0;
    padding-top: 50%;
    background-repeat: no-repeat;
    background-position: center center;
   	background-size: cover;
    border-radius: 5px 5px 0 0;
}

.single-post .featured-image {
	padding-top: 40%;
	margin-bottom: 30px;
}

.blog .entry-header,
.category .entry-header {
	background: white;
	padding: 20px 15px;
}

.blog .entry-header .post-categories,
.single-post .entry-header .post-categories,
.category .entry-header .post-categories {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
}

.blog .entry-header .post-categories li,
.single-post .entry-header .post-categories li,
.category .entry-header .post-categories li {
	display: inline-block;
}

.blog .entry-header .post-categories li a,
.single-post .entry-header .post-categories li a,
.category .entry-header .post-categories li a {
	display: block;
	color: #888;
	font-size: 14px;
	padding: 0 5px;
	color: #888;
	border-left: 1px solid #ccc;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1.3;
}

.blog .entry-header .post-categories li a:hover,
.single-post .entry-header .post-categories li a:hover,
.category .entry-header .post-categories li a:hover {
	color: #333;
}

.blog .entry-header .post-categories li:first-child a,
.single-post .entry-header .post-categories li:first-child a,
.category .entry-header .post-categories li:first-child a {
	padding: 0 5px 0 0;
	border-left: none;
}

.blog .entry-header h2,
.category .entry-header h2 {
	margin-top: 10px;
	margin-bottom: 0;
}

.blog .entry-header h2 a,
.category .entry-header h2 a {
	color: #ce2427;
}

.blog .entry-content,
.category .entry-content {
	padding: 5px 15px;
	background: white;
}

.blog .entry-meta,
.category .entry-meta {
	padding: 5px 15px 20px;
	background: white;
}

.blog .entry-meta .read-more,
.category .entry-meta .read-more {
	display: inline-block;
	padding: 10px 30px;
	border: 2px solid #ce2427;
	color: #ce2427;
	border-radius: 30px;
	margin-bottom: 15px;
}

.blog .entry-meta .read-more:hover,
.category .entry-meta .read-more:hover {
	background: #ce2427;
	background: white;
}

.blog .entry-meta a,
.category .entry-meta a {
	color: #222;
}

.blog #sidebar .widget_search,
.single-post #sidebar .widget_search,
.category #sidebar .widget_search {
	position: relative;
}

.blog #sidebar .widget_search label,
.single-post #sidebar .widget_search label,
.category #sidebar .widget_search label {
	display: none;
}

.blog #sidebar .widget_search input[type="text"],
.single-post #sidebar .widget_search input[type="text"],
.category #sidebar .widget_search input[type="text"] {
	background: white;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	font-size: 16px;
	border-bottom: 2px solid #ce2427;
	width: 100%;
	color: #222;
	box-shadow: none;
}

.blog #sidebar .widget_search input[type="text"]:focus,
.single-post #sidebar .widget_search input[type="text"]:focus,
.category #sidebar .widget_search input[type="text"]:focus {
	bottom: 0;
}

.blog #sidebar .widget_search input[type="submit"],
.single-post #sidebar .widget_search input[type="submit"],
.category #sidebar .widget_search input[type="submit"] {
	font-size: 0;
	color: transparent;
	border: none;
	background: url(images/mag-glass-grey.png) no-repeat center center;
	width: 40px;
	height: 40px;
	margin: 0;
	box-shadow: none;
	position: absolute;
	right: 0;
	outline: none !important;
	bottom: 2px;
}

.blog #sidebar .widget,
.single-post #sidebar .widget,
.category #sidebar .widget {
	margin-bottom: 30px;
}

.blog #sidebar .widget h2,
.single-post #sidebar .widget h2,
.category #sidebar .widget h2 {
	margin-top: 0;
	margin-bottom: 10px;
}

.blog #sidebar .widget ul,
.single-post #sidebar .widget ul,
.category #sidebar .widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
}

.blog #sidebar .widget ul a,
.single-post #sidebar .widget ul a,
.category #sidebar .widget ul a {
	display: block;
	color: #222;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	-webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.blog #sidebar .widget ul a:hover,
.single-post #sidebar .widget ul a:hover,
.category #sidebar .widget ul a:hover {
	background: #ce2427;
	color: white;
	padding: 5px 15px;
}

.blog #sidebar .widget ul li:first-child a,
.single-post #sidebar .widget ul li:first-child a,
.category #sidebar .widget ul li:first-child a {
	border-top: 1px solid #ccc;
}

.single-post .entry-author {
	font-size: 14px;
}

.single-post .entry-author a {
	color: #888;
	text-decoration: underline;
}

.single-post #sidebar {
	margin-top: 50px;
}

@media only screen and (min-width: 767px){
	.single-post #sidebar {
		margin-top: 0;
	}
}