/*  
Theme Name: Neo 2014
Theme URI: http://www.reframemarketing.com/
Version: 1.0
Description: Designed by <a href="http://www.reframemarketing.com/">Reframe Marketing</a>.
Author: Reframe Marketing
Author URI: http://www.reframemarketing.com
Template: twentyfourteen
Copyright: (c) 2010-2014 Reframe Marketing.
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../twentyfourteen/style.css");

/* Change Fonts */
body,
button,
input,
select,
textarea {
	color: #2b2b2b;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 100;
	line-height: 1.5;
}
.comment-reply-title,
.comments-title {
	font: 900 16px/1.5 Roboto, sans-serif;
	margin: 0;
	text-transform: uppercase;
}

/* Centre align site */
.site {
	margin: 0 auto;
	/*max-width: 1260px;*/
	max-width: none;
}
.site-header {
	max-width: none;
}
.site-inner {
	margin: 0 auto;
	max-width: 1260px;
}
.header-main {
	min-height: 48px;
}


/* Header Mods */
img#site-logo {
	max-width: 100%;
	height: auto;
}
.search-toggle {
	display: none;
}
.phone-display {
	float: right;
	height: 48px;
	margin-right: 38px;
	text-align: center;
	width: 148px;
	color: #497c9a;
	padding: 0px 12px;
	white-space: nowrap;
	line-height: 48px;
}

.home-header {
	/* background-color: #eee5ca; */
	max-width: none;
	background: #948b7c url(img/hometestbg.jpg) no-repeat center top;
	background-size: auto 100%;
}
.home-header img { 
    max-width: 100%;
}
.home-action {
	background-color: #e2eaef;
	font-size: 24px;
	font-weight: 300;
}
.action-call {
	float: right;
	padding: 20px 30px;
}
.action-call a {
	background-color: #8dc63f;
	border-radius: 20px;
	color: #fff;
	display: inline-block;
	padding: 3px 24px 3px;
	margin-left: 24px;
	text-decoration: none;
	cursor: pointer;
}
.action-call a:hover {
	background-color: #a0e049;
	color: #fff;
}
.sub-header {
	background-color: #497c9a;
	background-color: #e2eaef;
	border-top: 15px solid #4b535b;
	max-width: none;
	height: 60px;
}


.featured-content .entry-header {
	display: none;
	min-height: 0px;
	padding: 0px;
}
.slider-viewport .entry-header {
	display: none;
}
.slider-direction-nav {
	display: none;
}

/* Color Adjustments */
a {
	color: #497c9a;
	text-decoration: none;
}
a:active,
a:hover {
	color: #497c9a;
}
.site-header {
	background-color: #fff;
}
.site-title {
	line-height: none;
}
.site-title a,
.site-title a:hover {
	width: 100px;
	height: 22px;
	background-image: url(img/NeoLogoheader.png);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	margin-top: 12px;
}
.search-toggle:before {
	color: #000;
	font-size: 20px;
}
.search-box {
	background-color: #497c9a;
}
.search-box .search-field {
	background-color: #fff;
	font-size: 16px;
}
.site-navigation a {
	color: #000;
	text-transform: uppercase;
}

.site-navigation a:hover {
	background-color: #497c9a;
	color: #fff;
}
.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	background-color: #497c9a;
	color: #fff;
	font-weight: 900;
}
.menu-toggle:before {
	color: #000;
}
.site-footer {
	background-color: #eff4f6;
}
.site-footer, .site-info, .site-info a {
    color: #000;
}
.site-info {
	padding: 15px 10px;
}

#supplementary + .site-info {
	border-top: 2px solid #abadae;
}
.site-info a:hover {
	color: #497c9a;
}

/* Homeareas */
#homearea-1, #homearea-2, #homearea-3 {
	padding: 10px;
}

/* Primary Sidebar, Content Sidebar, Footer Sidebar */
.widget a {
	color: #000;
}
.widget a:hover {
	color: #497c9a;
}
.widget blockquote cite {
	color: #000;
	font-size: 14px;
	line-height: 1.2857142857;
}
.widget input,
.widget textarea {
	background-color: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.2);
	color: #000;
	font-size: 16px;
	padding: 1px 2px 2px 4px;
}
.widget-title,
.widget-title a {
	color: #000;
}

.widget-title a:hover {
	color: #497c9a;
}

.home-sidebar-3 h1 {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0px 0px 20px;
}
.home-sidebar-3 .widget {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	float: left;
	padding: 0 7%;
	width: 33.33%;
	margin-bottom: 20px;
}
.home-sidebar-3 .widget img {
	width: 100%;
	height: auto;
}

/* Footer Mods 
/*.footer-sidebar */
.widget {
	margin-bottom: 20px;
}
.widget p {
	line-height: 1.3em;
	margin: 2px 0px 5px;
}
.widget .widget-title, 
.widget .widget-title a {
	line-height: 1.3em;
	margin: 2px 0px 5px;
}

.content-sidebar .widget a {
	color: #497c9a;
}
.content-sidebar .widget a:hover {
	color: #497c9a;
}
.content-sidebar .widget .widget-title {
	border-top: none;
	font-weight: 300;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: #497c9a;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #497c9a;
	color: #fff;
	text-shadow: none;
}

/* Slider */
@media screen and (min-width: 673px) {
	.slider .featured-content .hentry, .featured-content {
		/*height: auto;*/
		height: 300px;
	}
}

/* Sidebar Removal Mods */
@media screen and (min-width: 783px) {	
	/* Remove Fixed Header */
	.masthead-fixed .site-header {
		position: relative;
		top: 0px;
	}
	.site-header {
		min-height: 60px;
		padding-top: 12px;
	}
	

	.admin-bar.masthead-fixed .site-header {
		top: 0px;
	}

	.masthead-fixed .site-main {
		margin-top: 0px;
	}
	 .primary-navigation {
		 float: right;
		 margin-left: 20px;
	 }
	 
	.primary-navigation li {
		height: 48px;
		line-height: 48px;
	}
	 
	 /* Navigation */
	.site-navigation .current_page_item > a,
	.site-navigation .current_page_ancestor > a,
	.site-navigation .current-menu-item > a,
	.site-navigation .current-menu-ancestor > a {
		background: #497c9a url(img/menuindicator.png) no-repeat center top;
	}

	.site-navigation li .current_page_item > a,
	.site-navigation li .current_page_ancestor > a,
	.site-navigation li .current-menu-item > a,
	.site-navigation li .current-menu-ancestor > a {
		color: #fff;
		background-image: none;
	}
	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #497c9a;
		background: #497c9a url(img/menuindicator.png) no-repeat center bottom;
		color: #fff;
	}
	.primary-navigation ul ul {
		background-color: #497c9a;
	}
	.primary-navigation ul ul a {
		color: #fff;
	}
	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: #fff;
		color: #000;
	}
	
}

@media screen and (min-width: 846px) {
	.content-area,
	.content-sidebar {
		padding-top: 50px;
	}
}

@media screen and (min-width: 1008px) {
	.site:before {
		background-color: #fff;
	}
	.secondary-navigation li:hover > a,
	.secondary-navigation li.focus > a {
		background-color: #497c9a;
		color: #fff;
	}

	.secondary-navigation ul ul a:hover,
	.secondary-navigation ul ul li.focus > a {
		background-color: #fff;
		color: #000;
	}
	
/* Home Sidebar-1, Home Sidebar-2 */


	#homearea-1, #homearea-2, #homearea-3 {
		float: left;
		padding: 0px;
	}
	#homearea-1 {
		width: 100%;
		margin: 40px 0px 0px;
	}
	#homearea-2 {
		width: 66.66%;
		margin: 20px 0px 20px;
	}
	#homearea-3 {
		width: 33.33%;
		margin: 20px 0px 40px;
	}
	.home-sidebar-1, .home-sidebar-2, .home-sidebar-3, {
		posittion: relative;
	}
	.home-sidebar-1 {
		padding: 0 20px;
	}
	.home-sidebar-1 .widget {
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
		float: left;
		padding: 0 10px;
		width: 33.33%;
	}
	.home-sidebar-1 .widget a {
		min-height: 180px;
		border-radius: 5px;
		display: inline-block;
		padding: 20px;
		background-color: #eff4f6;
		position: relative;
	}
	.home-sidebar-1 .widget h1 {
		font-size: 20px;
		font-weight: 100;
		line-height: 1.2;
	}
	.home-sidebar-1 .widget .widget-title {
		min-height: 75px;
		margin: 0px;
		-moz-hyphens: none;
		word-wrap: none;
		text-transform: capitalize;
	}
	.home-sidebar-1 .widget .widget-thumbnail {
		float: right;
		width: 100px;
		height: 88px;
		margin: 35px 0px 5px 15px
	}
	#text-10 .widget-thumbnail {
		background-image: url(img/icon-devel.png);
	}
	#text-11 .widget-thumbnail {
		background-image: url(img/icon-FileMaker.png);
	}
	#text-12 .widget-thumbnail {
		background-image: url(img/icon-manage.png);
	}

	.home-sidebar-2 {
		padding: 60px 0 0 20px;
	}
	
	.home-sidebar-2 .widget {
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
		float: left;
		padding: 0 20% 0 10px;
		height: 10em;
		width: 50%;
	}
	.home-sidebar-2 .widget a {
		background-color: #eff4f6;
		position: relative;
	}
	.home-sidebar-2 .widget h1 {
		font-size: 20px;
		font-weight: 100;
		line-height: 1.2;
	}
	.home-sidebar-2 .widget .widget-title {
		min-height: 60px;
		margin: 15px 0px 0px;
		-moz-hyphens: none;
		word-wrap: none;
		text-transform: capitalize;
	}
	.home-sidebar-2 .widget .widget-thumbnail {
		float: left;
		width: 75px;
		height: 69px;
		margin: -15px 10px 2px 0px
	}
	#text-13 .widget-thumbnail {
	background-image: url(img/icon-hosting.png);
	}
	#text-14 .widget-thumbnail {
		background-image: url(img/icon-marketing.png);
	}
	#text-15 .widget-thumbnail {
		background-image: url(img/icon-Moneyworks.png);
	}
	#text-16 .widget-thumbnail {
		background-image: url(img/icon-FAQs.png);
	}


	.home-sidebar-3 h1 {
		min-height: 40px;
		font-size: 20px;
		font-weight: 100;
		line-height: 1.2;
		margin: 0px;
		padding: 0px 10px 12px 24px;
		text-transform: capitalize;
	}
	/* Clearing floats */

	#homearea-1:before, 
	#homearea-2:before, 
	#homearea-3:before,
	#homearea-1:after, 
	#homearea-2:after, 
	#homearea-3:after {
		content: "";
		display: table;
	}
	#homearea-1:after, 
	#homearea-2:after, 
	#homearea-3:after {
		clear: both;
	}
	
	/* Footer Mods */
	.footer-sidebar .widget {
	    padding: 0px 20px;
	    width: 16.66%;
	}
	.footer-sidebar .widget .widget-title, 
	.footer-sidebar .widget .widget-title a {
	font-size: 12px;
	font-weight: 400;
	height: 3em;
	}
}
		
@media screen and (min-width: 1110px) {
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		padding-left: 55px;
	        }
}
		
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
		max-width: 874px;
        }
.comments-area {
		max-width: 874px;
        }
.post-navigation, .image-navigation {
		max-width: 874px;
        }
.site:before,
#secondary {
		width: 0;
		display: none;
	    }
.featured-content {
		padding-left: 0;
        }
.site-content, .site-main .widecolumn {
		margin-left: 0;
        }
.hentry {
		max-width: 900px;
        }
.post-thumbnail img {
		width: 100%;
		}