/*
Theme Name: The Mystery Partnership
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: the-mystery-partnership
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

The Mystery Partnership is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #444444;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
    margin: 0;
    padding: 0;
    font-weight: normal;
    line-height: 1.25em;
    color: #002C60;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

#enquiry-form {
    padding: 50px 0;    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(img/testimonials-bg.jpg);
    background-attachment: fixed;
    text-align: center;
}

div.wpcf7-response-output {
    margin: 1em 0 1.5em;
    padding: 12.5px;
    font-size: 0.938em;     
}

#enquiry-form p {
    font-size: 0.938em;   
    margin-bottom: 0;
}

#enquiry-form label {
    font-size: 0.938em;   
}

.wpcf7 span {
    color: red;
}

.wpcf7 span span {
    color: #444444;
}

.wpcf7 span span.wpcf7-not-valid-tip {
    color: red;
}

.wpcf7 fieldset {
    display: inline-block;
    vertical-align: text-top;
    border: none;
    margin: 0;
    padding: 0 1em 0 0;
    width: 50%;
    text-align: left;    
}

#enquiry-form .wpcf7 p {
    text-align: left;
}

.wpcf7 fieldset:last-of-type {
    float: right;
    padding: 0 0 0 1em;
}

.g-recaptcha {
    display: block;
    width: 100%;
    max-width: 304px;
    margin: 0 0 1.5em;    
}

#wpcf7-f157-o1 .g-recaptcha {
    margin: 0 auto;
}

#wpcf7-f182-p113-o1 h3 {
    margin: 40px 0 10px;
}

#wpcf7-f182-p113-o1 a:hover,
#wpcf7-f182-p113-o1 a {
    border-bottom: none;
    text-decoration: underline;
}

.wpcf7-radio,
.wpcf7-checkbox span.wpcf7-list-item {
    display: block;
    width: 100%;
    clear: both;
    padding: 2.5px 0;
}

#wpcf7-f182-p113-o1 .wpcf7-checkbox .wpcf7-list-item.last input {
    margin-bottom: 1.5em;
}

.dob-fields .wpcf7-form-control-wrap {
    width: 33%;    
    clear: none;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; 
    padding: 0;
    margin: 0;
}

#wpcf7-f158-p43-o1 {
    text-align: center;
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.dob-fields {
    font-size: 0.938em;     
}

.wpcf7 label {
    font-size: 0.938em;     
}

.wpcf7 p {
    font-size: 0.938em; 
    margin-bottom: 1.5em;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	border-radius: 0;
    -webkit-appearance: none;
	background: #002c60;
	color: #fff;
	line-height: 1;
	padding: 17.5px 50px;
    display: inline-block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;      
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #000;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 5px;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;  
    text-align: left;
}

#wpcf7-f157-o1 .wpcf7-form-control-wrap {
    width: 100%;
    clear: both;
    display: block;   
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #002C60;
    text-decoration: none;
}

a:hover {
	color: #002C60;
    border-bottom: 1px dotted #002C60;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation ul {
	list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

.main-navigation li {
	display: inline-block;
	position: relative;
    font-size: 0.938em;
    margin-left: 15px;
}

.main-navigation li:first-of-type {
    margin-left: 0;
}

.main-navigation li li,
.main-navigation li li:first-of-type {
    margin-left: 0;    
    padding: 5px 0;
}

.main-navigation a {
	display: block;
	text-decoration: none;
    color: #AAAAAA;
}

.main-navigation a:hover {
    border-bottom: none;
}

.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
    text-align: left;
    padding: 10px;
    background: rgba(255, 229, 170, 0.75); 
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 220px;
    color: #002c60;
}

.main-navigation ul ul a:hover {
    color: #000;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
    color: #333;
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
    color: #002D61;
    font-weight: bold;
}

#responsive-menu-pro-container a:hover,
#responsive-menu-pro-container a {
    border-bottom: none;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------
# Top Bar Section Styles */

#top-bar {
    background-color: #002E62;
    color: #fff;
    font-size: 0.938em;
    padding: 2.5px 0;
}

#top-bar:after {
    content: '';
    display: block;
    clear: both;    
}

#top-bar section {
    float: left;
    width: 66.6%;
}

#top-bar section:last-of-type {
    text-align: right;
    width: 33.3%;
}

#top-bar section p {
    display: inline-block;
    margin: 2.5px 40px 0 0;
    padding: 0;
}

#top-bar section p:last-of-type {
    margin-right: 0;
}

#top-bar section i {
    font-size: 1.3em;
    right: 5px;
    position: relative;
    top: 1px;
}

#top-bar section li i {
    font-size: 1.75em;
}

#top-bar section p#email-mobile {
    display: none;
}

#top-bar section li:first-of-type i {
    font-size: 1.3em;
}

#top-bar a {
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;      
}

#top-bar a:hover {
    border-bottom: none;  
}

#top-bar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#top-bar li {
    display: inline-block;
    margin-left: 15px;
}

#top-bar li a:hover {
    border-bottom: none;
}

#top-bar li:first-of-type {
    margin-left: 0;
}


/*--------------------------------------------------------
# Header Section Styles */

header#masthead:after {
    content: '';
    display: block;
    clear: both;     
}

header#masthead {
    padding-bottom: 40px;
}

#logo {
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position:  top left;  
    background-image: url(img/the-mystery-partnership-logo.jpg);
    width: 33.3%;
    max-width: 341px;
    height: 125px;
    float: left;
}

nav#site-navigation {
    float: right;
    width: 66.6%;
    margin-top: 70px;
}


/*--------------------------------------------------------
# General Page Content Styles */

.home #arve .arve-wrapper {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;    
}

.center-content {
    width: 100%;
    max-width: 1060px;
    padding: 0 15px;
    margin: 0 auto;
    clear: both;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;      
}

.center-content:after {
    content: '';
    display: block;
    clear: both;    
}

main section {
    width: 100%;
    clear: both;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;        
}

.bg-fade {
    background: rgba(1, 45, 97, 0.75); 
    width: 100%;
    height: 140px;    
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;    
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;    
}

#page-content {
    padding: 50px 0;    
}

.page .entry-content ul,
.page .content ul {
    margin-left: 0;
}

.page .content h2 {
    margin-bottom: 0.5em;
}

.page .entry-content li,
.page .entry-content p,
.page .content li,
.page .content p {
    font-size: 0.938em;    
}

.page .entry-content li,
.page .content li {
    padding: 2.5px 0;
}

#content section h2 {
    font-size: 1.563em;
    text-align: center;
}

#content section#page-content h2 {
    margin: 30px 0 10px;
    text-align: left;
}


/*--------------------------------------------------------
# Our Assessors Page Template Styles */

#assessor-intro .center-content,
#assessors .center-content {
    max-width: 860px;
}

#assessors article {
    padding: 40px 0;    
}

#assessors article:nth-child(odd) {
    background-color: #f0f0f0;
}

.assessor-title {
    float: left;
    width: 50%;
}

.assessor-image {
    float: right;
    width: 50%;
    text-align: right;
}

.assessor-image img {
    border: 5px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 1.5px 1.5px 2.5px 3px #555;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    1.5px 1.5px 2.5px 3px #555;  /* Firefox 3.5 - 3.6 */
    box-shadow:         1.5px 1.5px 2.5px 3px #555;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */   
    width: 130px;
}

.assessor-body {
    padding-top: 10px;
}

.center-content .tablepress tfoot th, .center-content .tablepress thead th {
    text-align: center;
    color: #fff;
    background-color: #002C60;
}

.center-content .tablepress td, .center-content .tablepress th {
    padding: 4px 8px;
}

.center-content .tablepress {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 40px auto;
    border: 1px solid #999;
    max-width: 860px;
    font-size: 0.9em;
}

.assessor-header:after,
.likes-dislikes:after,
.assessor-row:after {
    content: '';
    display: block;
    clear: both;    
}

.assessor-row {
    padding-bottom: 15px;
}

.assessor-column {
    float: left;
    width: 50%;
}

#assessors h5,
.assessor-column h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.9em;
}

.surprising-experience {
border-top: 1px solid #999;
padding: 30px 0;
    margin: 10px 0;
border-bottom: 1px solid #999; 
}

.assessor-column h3 {
    font-size: 1.4em;
}

.assessor-body p {
    margin: 10px 0 20px;
    padding: 0;
}

.surprising-experience h5 {
    font-weight: bold;
    text-transform: uppercase;    
}

.surprising-experience p {
font-size: 1.4em;
margin: 0;
padding: 10px 0 0;
font-weight: bold;
text-transform: lowercase;
line-height: 1.3em;
}

.assessor-column p {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 0.9em;
}

.assessor-body p small {
    font-size: 77.5%;
    text-transform: uppercase;
}

.likes {
    float: left;
    width: 50%;
    padding-right: 20px;
}

.dislikes {
    float: right;
    width: 50%;
    padding-left: 20px;
}

#assessor-intro {
    padding: 20px 0;
}

/*--------------------------------------------------------
# Home - Introduction Section Styles */

#introduction {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: center;
    color: #fff;
    height: 275px;
}

#introduction .bg-fade {
    height: 275px;    
}

.home #introduction .bg-fade 
.home #introduction {
    height: 350px;     
}

#introduction .center-content {
    max-width: 760px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);    
}

#introduction h1 {
    color: #fff;
    font-size: 2em;
}

.home #introduction h1 {
    font-size: 1.563em;    
}


/*--------------------------------------------------------
# Home - Services Section Styles */

#services {
    padding: 50px 0;
}

#services article {
    display: inline-block;
    vertical-align: text-top;
    width: 25%;
    border: 10px solid #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;     
    text-align: center;
    margin: 35px 0 0;     
}

.box-img {
    width: 100%;
    height: 140px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;   
    background-image: url(img/box-img.jpg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;    
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;       
}

.box-img:hover {
    background-size: 105% 105%;    
}

#services a article h3 {
    color: #fff;
    font-size: 1.125em;
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);      
    border-bottom: none;
}

#services a:hover {
    border-bottom: none;
}

#services article p {
    color: #444;
    font-size: 0.938em;
    margin: 10px 0 0;
}

/* Industry Expertise Sub-pages Service Box Styles */

.page-template-page-industries #services article {
    width: 33.3%;
}

.page-template-page-industries #services article .bg-fade {
    height: 200px;
}


/*--------------------------------------------------------
# Home - Testimonial Section Styles */

#covid19 {
    padding: 25px 0;    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(img/testimonials-bg.jpg);
    background-attachment: fixed;    
    text-align: center;
}

#covid19 p {
    font-size: 1.1em;
    color: #002c60;
    line-height: 1.75em;
    margin: 0 auto;
    padding: 0;
    font-weight: bold;
    display: block;
    width: 100%;
    max-width: 800px;
}

#covid19 a {
    text-decoration: underline;
    display: block;
}

#testimonials {
    padding: 50px 0;    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(img/testimonials-bg.jpg);
    background-attachment: fixed;
}

.testimonial {
    display: none;
}

.testimonial img {
    border: 5px solid #fff;
    -webkit-box-shadow: 1.5px 1.5px 2.5px 3px #999;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    1.5px 1.5px 2.5px 3px #999;  /* Firefox 3.5 - 3.6 */
    box-shadow:         1.5px 1.5px 2.5px 3px #999;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */    
    border-radius: 100px;
    float: left;
    width: 18%;
}

.testimonial-content {
    float: right;
    width: 78%;
}

.testimonial p {
    font-size: 1.063emx;
    color: #002c60;
    line-height: 1.75em;
}

.testimonial h3 {
    font-size: 0.875em;
    font-weight: bold;
}


/*--------------------------------------------------------
# Home - Scrolling Section Styles */

#scrolling-logos {
    padding: 50px 0;        
}

#scrolling-logos h2 {
    margin-bottom: 25px;
}


/*--------------------------------------------------------
# Press Page Template Styles */

#press-content {
    padding: 50px 0;     
}

#press-content article {
    float: left;
    width: 33.3%;
    border: 20px solid #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;   
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;   
}

#content section#press-content h2 {
    color: #000;
    font-size: 0.9em;
    margin-bottom: 15px;
    text-align: left;
}

#press-content img {
    max-height: 275px;
    border: 1px solid #ccc;
}

#press-content p {
    font-size: 0.9em;
    margin-top: 0;
}

#press-content p a {
    text-decoration: underline;
    border-bottom: none;
}

#press-content p a:hover {
    border-bottom: none;    
}


/*--------------------------------------------------------
# Customr Testimonials Page Template Styles */

#testimonial-content {
    padding: 50px 0;     
}

#testimonial-content article:after,
#testimonial-content:after {
    content: '';
    display: block;
    clear: both;    
}

#testimonial-content article:first-of-type {
    border-top: 1px solid #ccc;    
}

#testimonial-content article {
    border-bottom: 1px solid #ccc;
    padding: 25px;
}

#testimonial-content img {
    border: 5px solid #fff;
    -webkit-box-shadow: 1.5px 1.5px 2.5px 3px #999;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    1.5px 1.5px 2.5px 3px #999;  /* Firefox 3.5 - 3.6 */
    box-shadow:         1.5px 1.5px 2.5px 3px #999;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */    
    border-radius: 100px;
    float: left;
    width: 18%;
}

.testimonial-content {
    float: right;
    width: 78%;
}

#testimonial-content article:nth-child(even) img {
    float: right;
}

#testimonial-content article:nth-child(even) .testimonial-content {
    float: left;
}

.testimonial p {
    font-size: 1.063emx;
    color: #002c60;
    line-height: 1.75em;
}

.testimonial h3 {
    font-size: 0.875em;
    font-weight: bold;
}


/*--------------------------------------------------------
# Case Studies Page Template Styles */

.page-template-page-case-studies #content section#page-content h2 {
    text-align: center;
}

#case-studies article:after,
#case-studies:after {
    content: '';
    display: block;
    clear: both;    
}

#case-studies article {
    float: left;
    width: 20%;
    border: 20px solid #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;   
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; 
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(img/case-studies-icon.jpg);
    padding-top: 100px;
}

#case-studies article h2 {
    font-size: 1em;
}

#case-studies article h2 a {
    text-decoration: underline;
    border-bottom: none;
}

#case-studies article h2 a:hover {
    border-bottom: none;   
    color: #000;
}


/*--------------------------------------------------------
# Downloads Page Template Styles */

#downloads-content {
    padding: 50px 0;    
    text-align: left;
}

#downloads-content article:after,
#downloads-content:after {
    content: '';
    display: block;
    clear: both;    
}

#downloads-content article {
    float: left;
    width: 25%;
    border: 20px solid #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;   
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; 
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(img/case-studies-icon.jpg);
    padding-top: 120px;
    min-height: 200px;
}

#downloads-content article h2 {
    font-size: 0.9em;
}

#downloads-content article h2 a {
    text-decoration: underline;
    border-bottom: none;
}

#downloads-content article h2 a:hover {
    border-bottom: none;   
    color: #000;
}


/*--------------------------------------------------------
# Present Opportunities Page Template Styles */

#employment-opportunities {
    text-align: left;
}

#content section #employment-opportunities article {
    margin-bottom: 25px;
}

#content section #employment-opportunities h2 {
    font-size: 1.1em;
    text-align: left;
}


/*--------------------------------------------------------
# Contact Page Template Styles */

.page-template-page-contact #page-content .center-content {
    max-width: 860px;
}

.page-template-page-contact #page-content article {
    float: left;
    width: 42.5%
}

.page-template-page-contact #page-content aside {
    float: right;
    width: 52.5%;
}


/*--------------------------------------------------------
# Misc Page Template Styles */

.page-template-page-industries #scrolling-logos,
.page-template-page-services #scrolling-logos {
    display: none;
}

.error-404 {
    text-align: center;
    min-height: 450px;
    padding-top: 35px;
}

.page-id-33 .entry-content h2 {
    display: none;
}

.page-id-33 .entry-content li {
    padding: 5px 0;
}


/*--------------------------------------------------------
# Footer Section Styles */

footer {
    background-color: #002E62;
    padding: 35px 0;
    text-align: center;
    color: #fff;
    font-size: 0.875em;
}

footer p {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 0.938em;     
}

footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer li {
    display: inline-block;
    font-size: 0.938em;     
}

footer li + li:before {
    content: " | ";
}

footer a:hover,
footer a {
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;      
}

footer a:hover {
    border-bottom: 1px dotted #fff;
}


/*--------------------------------------------------------
# Tablet Break Point Styles */
@media screen and (max-width: 1023px) {
    #logo {
        width: 50%;
    }
    #services article {
        width: 50%;
    }
    .box-img,
    .bg-fade {
        height: 200px;
    }
    footer {
        font-size: 0.7em;
    }
    #image-horizontal-reel-scroll-slideshow table div {
        width: 100%!important;
    }
    #case-studies article {
        width: 25%;
    }
    #downloads-content article {
        width: 33.3%;
    }
    .page-template-page-industries #services article .bg-fade {
        height: 175px;
    }
    .dob-fields .wpcf7-form-control-wrap {
        width: 32%;
    }
}


/*--------------------------------------------------------
# Phone Break Point Styles */
@media screen and (max-width: 767px) {
    button#responsive-menu-pro-button {
        top: 60px!important;
    }
    #top-bar section p#email-desktop {
        display: none;
    }
    #top-bar section p#email-mobile {
        display: inline-block;
    }
    header#masthead {
        padding-bottom: 10px;
    }
    #logo {
        width: 75%;
        height: 90px;
    }
    #top-bar section {
        width: 100%;
    }
    #top-bar section:last-of-type {
        display: none;
    }
    #services a article h3,
    #content section h2,
    #introduction h1 {
        font-size: 1.4em;
    }
    #page-content,
    #scrolling-logos,
    #testimonials,
    #services {
        padding: 35px 0;
    }
    #services article {
        width: 100%;
        margin-top: 20px;
        border-left: 0;
        border-right: 0;        
    }
    #testimonial-content,
    #testimonials {
        text-align: center;
    }    
    #testimonial-content img,
    .testimonial img {
        float: none;
        width: 50%;
    }
    #testimonial-content article:nth-child(2n) img {
        float: none;
    }
    .testimonial-content {
        width: 100%;
    }
    .testimonial p {
        font-size: 0.9em;
    }
    footer {
        font-size: 0.7em;
    }
    .page-template-page-contact #page-content article,
    .page-template-page-contact #page-content aside {
        float: none;
        width: 100%;
    }
    button, input[type="button"], input[type="reset"], input[type="submit"] {
        width: 100%;
        padding: 25px 50px;
    }
    #introduction,
    #introduction .bg-fade {
        height: 200px
    }
    #content section#press-content h2 {
        text-align: center;
    }
    #press-content article {
        width: 100%;
        border-left: none;
        text-align: center;
        border-right: none;
    }
    .wpcf7 fieldset:last-of-type,
    .wpcf7 fieldset {
        width: 100%;
        padding: 0;
        float: none;
    }
    #downloads-content article,
    #case-studies article,
    .page-template-page-industries #services article {
        width: 100%;
    }
    #services a article h3, #content section h2, #introduction h1 {
        font-size: 1.2em;
    }
    .home #introduction h1 {
        font-size: 1.4em;
    }
    .home #introduction p {
        font-size: 0.9em;
    }   
    .home #introduction .bg-fade,
    .home #introduction {
        height: 275px;
    }
    .assessor-title,
    .assessor-image,
    .likes,
    .dislikes {
        float: none;
        width: 100%;
        padding: 0;
    }
    .assessor-image {
        text-align: left;
        margin: 10px 0;
    }
    
}


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}