/*
 Theme Name:     AppWright
 Theme URI:      http://wordpress.org/
 Template: twentysixteen
 Version:        1.0.0
/*



/* =Imports styles from the parent theme
-------------------------------------------------------------- */

@import url('../twentysixteen/style.css');
.page-id-336 h2{
	text-transform: uppercase;
}
.site {
	margin: 0;
}

a {
    color: #0053a0;
}

body {
	color: #444;
}

body:before, body:after {
	content: none!important;
}

hr {
	margin: 0 auto 1.75em auto;
	background-color: rgba(0,0,0,0.2);
}

.continue {
	padding-top: 60px;
}

/* Header */

.site-header {
	padding: 0 4.5455%;
}

.main-navigation {
	margin: 1em -0.875em;
}

.main-navigation a {
	color: #222;
}

	.main-navigation li.current-menu-item a {
		text-transform: uppercase;
		color: #0053a0;
	}

	/*.main-navigation li.current-menu-item a {
		background: #0053a0;
		background: -webkit-linear-gradient(#0053a0, #094477); 
    	background: -o-linear-gradient(#0053a0, #094477); 
    	background: -moz-linear-gradient(#0053a0, #094477); 
    	background: linear-gradient(#0053a0, #094477); 
		color: #fff;
		border-radius: 3px;
		text-transform: uppercase;
	}

		.main-navigation li.current-menu-item a:hover {
			background: #C9D8E6;
			color: #0053a0;
		}*/

.site-description {
	font-family: Montserrat, "Helvetica Neue", sans-serif;
}

.top {
	padding: 3em 0% 0 1%;
}

.social .genericon {
	font-size: 24px;
}

.social {
	float: right;
	padding: 6px 20px;
}

.phone {
	float: right;
	color: #222;
	padding: 3px 10px;
    font-family: Montserrat;
    font-size: 16px;
}

.phone i {
	font-size: 20px;
}

a.ctabutton {
	margin: 2.85em 0 0 1.4em;
    padding: 6px 15px;
    text-transform: uppercase;
    color: #222;
    /*background: #0053a0;
    background: -webkit-linear-gradient(#0053a0, #094477);
    background: -o-linear-gradient(#0053a0, #094477);
    background: -moz-linear-gradient(#0053a0, #094477);
    background: linear-gradient(#0053a0, #094477);*/
    border: 1px solid #222;
    border-radius: 10px;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    letter-spacing: 1px;
    font-weight: 700;
}

a.ctabutton i {
	margin: 0 10px 0 0px;
}

a.ctabutton:hover {
	background: #222;
	color: #fff;
}

.contact-form {
	position: absolute;
	top: 130px;
	right: 310px;
	background: #f9f9f9;
	max-width: 450px;
	padding: 25px;
	border-bottom: 5px solid #222;
	box-sizing: border-box;
	text-align: center;
	color: #444;
	line-height: 125%;
	font-size: 18px;
	z-index: 9999;
}

.contact-form p {
	margin: 0 0 15px 0;
}

.contact-form .wpcf7 input[type="text"], .contact-form .wpcf7 input[type="email"], .contact-form .wpcf7 input[type="tel"] {
	background: #fff;
}

.contact-form a.close {
	float: right;
	margin-bottom: 25px;
	cursor: pointer;
	font-family: Montserrat, Helvetica, sans-serif;
}
.btn-primary {
	margin-top: 15px;
}
.arch-label {
	margin-bottom: 0;
}

/* Case Studies */
.post-type-archive-case-studies .navigation {
	display: block;
	clear: left;
}
.post-type-archive-case-studies h1.entry-title {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    color: #222;
    text-transform: uppercase;
    letter-spacing: 0.153846154em;
}
.post-type-archive-case-studies .entry-header {
	background-image: url('http://www.appwright.com/wp-content/uploads/2016/03/header.jpg');
	background-size: cover;
	min-height: 300px;
	background-position: center center;
	display: table;
	width: 100%;
	margin-bottom: 40px;
	height: 50vh;
}
.entry-content .pdf-link {
	display: block;
	margin: 1em 0;
	box-shadow: none;
	color: red;
}
.cs-quote {
	font-style: italic;
	font-weight: 700;
	color: #0053a0;
	margin: 0 0 1.75em;
}
.single-case-studies .entry-header {
	padding: 2em 0;
}
.single-case-studies h4 {
	color: #0053a0;
}
.page-template-template-case-studies .testimonials-widget-testimonial.list, .post-type-archive-case-studies .testimonials-widget-testimonial.list{
	overflow: hidden;
}
.page-template-template-case-studies .content-area, .post-type-archive-case-studies .content-area, .single-case-studies .content-area {
    float: none;
    margin-right: 0;
    width: 100%;
}
.inlineImage img {
	width: 100%;
}
.inlineImage {
	margin: 1em 0;
}
/* Overview */

.overview {
	background: url('/wp-content/uploads/2016/03/header.jpg');
	background-size: cover;
	background-position: center center;
	height: 60vh;
	min-height: 400px;
	width: 100%;
}

.overview .overlay {
	height: 100%;
	width: 100%;
	background: rgba(33,33,33,0.4);
	overflow: auto;
	display: table;
}

h2 {
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 28px;
	line-height: 120%;
}

.overview .overlay .text {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 90%;
	padding-bottom: 70px;
}

.overview h2 {
	color: #fff;
	text-shadow: 2px 2px 0px #222;
	font-size: 40px;
	font-style: italic;
	font-family: Merriweather, Georgia, serif;
	padding-top: 60px;
}

.overview .overlay:hover {
	background: rgba(33,33,33,0.4);
}

.overview .button {
    display: inline-block;
    margin: 50px 0 0 0;
    padding: 10px 25px;
    text-transform: uppercase;
    color: #fff;
    background: #0053a0;
    background: -webkit-linear-gradient(#0053a0, #094477);
    background: -o-linear-gradient(#0053a0, #094477);
    background: -moz-linear-gradient(#0053a0, #094477);
    background: linear-gradient(#0053a0, #094477);
    border-radius: 10px;
    font-family: Montserrat;
    text-shadow: 1px 1px 0px #222;
    font-weight: 600;
    letter-spacing: 1px;
}

.overview .button:hover {
	background: #fff;
	color: #0053a0;
	text-shadow: none;
}

.overview .button i {
	font-size: 12px;
	margin: 0 0 0 10px;
}

.overview .continue {
	display: table-row;
	vertical-align: bottom;
	width: 100%;
	float: none;
	text-align: center;
	font-size: 36px;
	text-shadow: 1px 1px 0px #222;
}

.overview .continue a {
	color: #fff;
}

/* Intro */

.intro, .jobcenter {
	background: #eee;
	text-align: center;
	padding: 100px 0 0 0;
	overflow: auto;
}

.intro h2, .jobcenter h2 {
	margin-bottom: 20px;
	text-shadow: 1px 1px 0px #fff;
	color: #0053a0;
	text-transform: uppercase;
}

.intro ul {
	margin: 0 0 30px 0;
	list-style: none;
}

.intro p {
	font-size: 20px;
	padding: 0px 200px;
}

.intro-left, .fltrt {
	float: left;
}

/* Software */

.software {
	background: #0053a0;
	background: -webkit-linear-gradient(#0053a0, #094477); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0053a0, #094477); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0053a0, #094477); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0053a0, #094477); /* Standard syntax */
	text-align: center;
	padding: 100px 0 0 0;
	overflow: auto;
}

.software h2 {
	margin-bottom: 20px;
	text-shadow: 1px 1px 0px #222;
	color: #fff;
	text-transform: uppercase;
}

.software p {
	color: #fff;
	padding: 0px 200px;
}

.software .continue {
	width: 100%;
	float: none;
	text-align: center;
	font-size: 36px;
	text-shadow: 1px 1px 0px #222;
}

.software .continue a {
	color: #fff;
}

/* Intro */

.intro .continue {
	width: 100%;
	float: none;
	text-align: center;
	font-size: 36px;
	text-shadow: 1px 1px 0px #222;
}

.intro .continue a {
	color: #969799;
}

/* Jobcenter */

.jobcenter p {
	padding: 0px 200px;
}

.jobcenter .continue {
	width: 100%;
	float: none;
	text-align: center;
	font-size: 36px;
	text-shadow: 1px 1px 0px #222;
}

.jobcenter .continue a {
	color: #969799;
}

/* Services */

.services {
	width: 100%;
	clear: both;
}

.services .site-inner .service {
	width: 33.3%;
	text-align: center;
	vertical-align: middle;
	float: left;
	padding: 60px 0px;
}

.services i {
	color: #0053a0;
	font-size: 72px;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	text-shadow: 1px 1px 0px #222;
}

.services .continue i {
	width: 100%;
	text-align: center;
	font-size: 36px;
	clear: both;
	color: #969799;
}

/* HOH */

.hoh {
	padding: 60px 0px 80px 0px;
	background: #0053a0;
	background: -webkit-linear-gradient(#0053a0, #094477); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0053a0, #094477); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0053a0, #094477); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0053a0, #094477); /* Standard syntax */
}

.hoh h2 {
	text-align: center;
	margin-bottom: 50px;
	text-transform: uppercase;
}

.hoh h2 a {    
	text-shadow: 1px 1px 0px #222;
    color: #fff;
}

.homepost {width:31.8%; margin: 0px 10px; float:left; height: 250px; background-size: cover; background-position: center center; border: 1px solid #444;}

.homepost:hover {
	border: 1px solid #fff;
}

.homepost a {
	color: #fff;
}

.homepost a:hover, .homepost a:active, .homepost a:focus, .homepost a:hover h3 {
	color: #fff;
}

.overlay {
	background: rgba(0,0,0,0.4);
	height: 100%;
	display: table;
	transition: all 0.2s ease;
	width: 100.1%;
}

.overlay:hover {
	background: rgba(0,83,160,0.4);
}

.overlay h3 {
	margin: 0px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	text-shadow: 1px 1px 0 #222;
	font-size: 18px;
	line-height: 120%;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	letter-spacing: 1px;
}

.overlay .text {
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 240px;
}

.overlay .text span.tiny {
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	padding-top: 20px;
	display: block;
	text-shadow: 1px 1px 0 #222;
	font-weight: 400;
}

/* Pages */

article .site-inner {
	padding: 0 4.5455%;
}

.page header.entry-header {
	background-size: cover;
	height: 50vh;
	min-height: 300px;
	background-position: center center;
	display: table;
	width: 100%;
	margin-bottom: 40px;
}

.page h1.entry-title {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	color: #222;
	text-transform: uppercase;
	letter-spacing: 0.153846154em;
}

.page h1.entry-title span {
	width: 100%;
	background: rgba(255,255,255,0.2);
	display: block;
	padding: 10px 0;
}

img.fltlft {
	float: left;
	margin-right: 25px;
}

.entry-content ul {
	margin-left: 35px;
}

table td, table {
	border: 0px;
}

/* Blog */

/*.blog article:first-of-type .post-thumbnail {
	width: 100%;
	max-width: 100%;
	float: none;
	margin-right: 0;
}

.blog article:first-of-type .post-thumbnail img {
	width: 100%;
}*/

.blog article .post-thumbnail {
	float: left;
	max-width: 40%;
	margin-right: 25px;
	margin-bottom: 1.5em;
}

.blog .meta {
	margin-bottom: 15px;
}

.meta span {
	display: inline-block;
	margin-right: 25px;
}

.meta span:last-of-type {
	margin: 0;
}

.blog h2.entry-title {
	margin-bottom: 15px;
	clear: none;
	font-size: 1.75rem;
}

.blog h2.entry-title a {
	color: #0053a0;
}

.blog h2.entry-title a:hover {
	color: #222;
}

.blog .entry-summary p {
	font-size: 1.1rem;
}

.blog article:first-of-type .entry-right {
	float: none;
	width: 100%;
}

.entry-right {
	float: left;
	width: 55%;
}

.site-main > article {
	margin-bottom: 3em;
}

/* Single */

body:not(.search-results) article:not(.type-page) .entry-content {
	width: 100%;
	float: none;
}

.entry-content h3, .entry-summary h3, .comment-content h3 {
	clear: none;
}

.single .post-thumbnail {
	margin-bottom: 1em;
}

.single .post-thumbnail img {
	width: 100%;
}

.single h1.entry-title {
	margin-bottom: 15px;
}

.single hr {
	margin: 0;
}

.single .meta {
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
}

/* Contact Us */
.textwidget h2.arch-label {
	line-height: 1.5;
}
.contact {
	float: left;
	width: 35%;
}

.form-group {
	line-height: 3;
}

.form {
	float: right;
	width: 65%;
	padding-left: 40px;
	box-sizing: border-box;
}

.form:after {
	content: ' ';
	clear: both;
}
.social li {
	display: inline-block;
	list-type: none;
	padding: 5px;
}
.social li a img {
	width: 50px;
}
/* Sidebars */

.widget {
	border-top: 0;
	padding-top: 0;
}

select {
	width: 100%;
	background: #f7f7f7;
	border: 1px solid #d1d1d1;
	color: #686868;
	padding: 5px 3px;
	box-sizing: border-box;
	border-radius: 2px;
	font-family: Montserrat, Helvetica, sans-serif;
}

.sidebar-cta {
	padding: 70px 0px;
	width: 100%;
	background: #0053a0;
	text-align: center;
	color: #fff;
}

.sidebar-cta i {
	font-size: 60px;
}

.sidebar-cta h4 {
	font-size: 24px;
	font-family: Montserrat;
	margin: 1em 0 0 0;
}

.sidebar-cta:hover {
	opacity: 0.8
}

/* Testimonials */

.page-template-testimonials .content-area {
	width: 100%;
}

/*.testimonials-widget-testimonial.list {
	float: left;
	clear: none;
	width: 33.3%;
	padding: 30px;
	box-sizing: border-box;
}

.list:nth-of-type(5), .list:nth-of-type(8) {
	clear: both;
}*/

.testimonials-widget-testimonial.list {
    padding-bottom: 20px;
    border-bottom: 5px solid rgb(204, 204, 204);
}

.page-id-336 .testimonials-widget-testimonial.list {
    border-bottom: none;
}

.testimonials-widget-testimonial cite::before, .testimonials-widget-testimonial div.credit::before {
    content: "-";
}

.testimonials-widget-testimonial.list blockquote {
	border: 0px;
}

.testimonials-widget-testimonial .image img {
	width: 200px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.page-id-336 .testimonials-widget-testimonial .image img {
	width: 245px;
}

/*
.testimonials-widget-testimonial .image {
	float: none;
}

.testimonials-widget-testimonial .image img {
	width: 100%;
	margin-bottom: 10px;
}*/

/* Case Studies */
.page-id-246 .entry-content a {
    box-shadow: none;
}
.page-id-336 .entry-content a {
    box-shadow: none;
}
#primary .text-case-studies {
	float: left; 
	width: 66%;
}
#primary .case-studies-image {
	float:left;
	width: 25%;
}

/* Footer */

.site-info-links {
	float: right;
}

.totop {
	font-size: 24px;
	float: right;
}

.site-footer .widget {
	float: left;
	color: #fff;
	margin: 4.3076em 40px;
	border: 0px;
}

.site-footer a.totop{
	color: #ccc;
	text-shadow: 1px 1px 0px #222;
}

.site-footer a.totop:hover {
	color: #fff;
}

.site-footer .widget a {
	color: #fff;
}

.site-footer .widget .widget-title {
	font-size: 1.5em;
	text-shadow: 1px 1px 0px #222;
}

.site-footer .social a {
	text-decoration: none;
	box-shadow: none;
	color: #ccc;
	text-shadow: 1px 1px 0px #222;
}

.site-footer .social a:first-of-type {
	margin-right: 7px;
}

.site-footer .social a:hover {
	color: #fff;
}

.site-footer .social {
	float: left;
	padding: 0px 15px 0px 0px;
}

.site-footer .textwidget p {
	color: #fff;
	line-height: 190%;
}

.site-info {
	color: #fff;
	line-height: 100%;
	border-top: 1px solid #333;
	padding-top: 15px;
}

.site-info a {
	color: #fff;
}

.site-info a:hover {
	color: #fff;
	text-decoration: underline;
	box-shadow: none;
}

ul#menu-footer-menu {
	margin: 0px;
}

ul#menu-footer-menu li {
	min-width: 250px;
	list-style: none;
	margin: 0px;
	padding: 5px;
	border-top: 1px solid #333;
}

ul#menu-footer-menu li a {
	color: #fff;
}

ul#menu-footer-menu li a:hover {
	text-decoration: underline;
}

ul#menu-footer-menu li:last-of-type {
	border-bottom: 1px solid #333;
}

footer input[type="search"] {
	background: #333;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 0px;
	color: #ccc;
}

footer .widget button.search-submit {
	background: #555;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

/* RESPONSIVENESSSSSSS */

@media (max-width: 1140px) {
	.top {
		padding: 0px;
		display: block;
		width: 100%;
		margin-bottom: 25px;
	}
	.overview h2 {
		font-size: 32px;
	}
	.intro-left, .fltrt {
		float: none;
	}

	.software p, .jobcenter p, .intro p {
		padding: 0px 20px;
	}

	.homepost {
		width: 300px;
		float: none;
		margin: 10px auto;
	}
	.services {
		padding: 60px 0px 0px 0px;
	}
	.intro, .jobcenter, .software {
		padding: 20px;
	}
	.overview {
		height: 100%;
	}
	.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
		margin: 0px;
	}
}
@media (max-width: 908px) {
	span.contacttxt {
		display: none;
	}
	a.ctabutton i {
		margin: 0px;
	}
	.contact-form {
		right: 0px;
	}
	a.ctabutton {
		margin: 0px 0px 0px 10px;
		border: 1px solid #d1d1d1;
		padding: 0.769230769em;
		border-radius: 2px;
		padding: 2.7px 10px;
	}
	a.ctabutton:hover {
		background: #1a1a1a;
		color: #fff;
		border: 1px solid #1a1a1a;
	}
	.site-header-menu.toggled-on, .no-js .site-header-menu {
	    display: block;
	    position: absolute;
	    right: 0px;
	    background: #f9f9f9;
	    border-bottom: 5px solid #222;
	    top: 130px;
	    width: 100%;
	    box-sizing: border-box;
	    z-index: 9999;
	}
	.main-navigation {
		margin: 0px;
		padding: 40px;
	}
	.post-thumbnail {
		margin: 0px;
	}
	.blog article .post-thumbnail {
		float: none;
		max-width: 100%;
		margin-right: 0px;
	}
	.entry-right {
		float: none;
		width: 100%;
	}
	.blog #primary, .single #primary, .archive #primary {
		padding: 0px 20px;
		box-sizing: border-box;
	}
}
@media (max-width: 768px) {
	.services .site-inner .service {
		width: 200px;
		float: none;
		padding: 0px;
		margin: 20px auto;
	}
	.site-info {
		text-align: center;
	}
	.site-info-links {
		float: none;
		clear: both;
		width: 95px;
		text-align: center;
		margin: 10px auto 40px auto;
	}
	#primary .case-studies-image {
    		width: 95%;
	}
	#primary .text-case-studies {
		width: 100%;
	}
}