/*
Theme Name: Maven Associates
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: Mix Digital
Author URI: https://mix.nz
Description: Based on the Bootstrap 4 template language.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	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;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	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: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.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;
}


/*--------------------------------------------------------------
3.0 Bootstrap Overrides
--------------------------------------------------------------*/

.no-padding-left {
	padding-left:0 !important;
}

.no-padding-right {
	padding-right:0 !important;
}

@media (min-width: 768px) {
.no-padding-left-md {
	padding-left:0 !important;
}

.no-padding-right-md {
	padding-right:0 !important;
}
}

.clear-15 {
	clear:both;
	height:15px;
}

.clear-30 {
	clear:both;
	height:30px;
}

.clear-50 {
	clear:both;
	height:50px;
}

.clear-60 {
	clear:both;
	height:60px;
}

.clear-80 {
	clear:both;
	height:80px;
}

.clear-100 {
	clear:both;
	height:100px;
}

.clear-30-mobile {
	display:none;
}

.clear-50-mobile {
	display:none;
}

.hr-mobile-30 {
	display:none;
}

@media (max-width: 991px) {
.clear-30-mobile {
	clear:both;
	height:30px;
	display:block;
}

.clear-50-mobile {
	clear:both;
	height:50px;
	display:block;
}

.hr-mobile-30 {
	clear:both;
	height:2px;
	display:block;
	border-top:2px solid #efedea;
	margin-top:30px;
	margin-bottom:28px;
}
}

/*--------------------------------------------------------------
Brand Colours
--------------------------------------------------------------*/

.maven-blue {
	color:#003c71;
}


/*--------------------------------------------------------------
Pagination
--------------------------------------------------------------*/

.maven-pagination {
	font-size:0.85rem;
	padding-top:25px;
	border-top:#eae8e5 1px solid;
	margin:40px 0px 60px 0px;
}

.maven-pagination-prev {
	width:25%;
	float:left;
	text-align:left;
	color:#d4d4d4;
}

.maven-pagination-prev a:link, .maven-pagination-prev a:visited {
	color:#000;
	font-family:"Neutraface Text Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight:normal;
	text-decoration:none;
}

.maven-pagination-prev a:hover {
	text-decoration:underline;
}

.maven-pagination-current {
	width:50%;
	float:left;
	text-align:center;
}

.maven-pagination-current a:link, .maven-pagination-current a:visited {
	color:#333;
	font-family:"Neutraface Text Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight:normal;
}

.maven-pagination-current a:hover {
	text-decoration:underline;
}

.maven-pagination-next {
	width:25%;
	float:right;
	text-align:right;
	color:#d4d4d4;
}

.maven-pagination-next a:link, .maven-pagination-next a:visited {
	color:#000;
	font-family:"Neutraface Text Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight:normal;
	text-decoration:none;
}

.maven-pagination-next a:hover {
	text-decoration:underline;
}


.maven-breadcrumb {
	color:#003c71;
	padding:40px 0px;
	font-size:0.9rem;
}

.maven-breadcrumb a:link, .maven-breadcrumb a:visited {
	color:#003c71;
	font-family:"Neutraface Text Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight:normal;
	text-decoration:none;
}

.maven-breadcrumb a:hover {
	text-decoration:underline;
}

.project-detail-text h3 {
	margin-top:2rem;
	margin-bottom:1rem;
}

.project-detail-text h5 {
	margin-top:1.75rem;
	margin-bottom:1rem;
}

.project-detail-text ul {
	margin-left:0px;
	padding-left: 1.25em;
 	text-indent: -20px;
}

.project-detail-text ul li {
	margin-bottom:4px;
	list-style: none;
}

.project-detail-text ul li::before {
	color:#009cde;
	content:"\2022"; 
	font-size:1rem; 
	padding-right:1em; 
	position: relative;
	top: 0em; 
}

.project-detail-stats h4 {
	margin-bottom:0.1rem;
}

.project-detail-stats {
	text-align:center;
}

.project-detail-stats p {
	margin-bottom:1.5rem;
	line-height:130%;
}

.project-detail-stats > p:last-child {
	margin-bottom: 0 !important;
}

.project-detail-stats a:link, .project-detail-stats a:visited {
	text-decoration:none;
	color:#333;
	border-bottom:1px solid #009cde;
}

.entry-title {
	margin-bottom:2rem;
}

.page-intro {
	font-size:1.15rem;
}

.project-detail-quotes {
	color:#009cde;
	text-align:center;
	font-style:italic;
}

.project-detail-quotes > p:last-child {
	margin-bottom: 0 !important;
}

.project-detail-text > p:last-child {
	margin-bottom: 0 !important;
}

@media (min-width: 992px) {
.project-detail-text p {
	padding-right:30px;
}

.project-detail-stats {
	text-align:left;
}

.project-detail-quotes {
	text-align:right;
}
}

.project-box-text {
	padding:30px;
	margin-bottom:20px;
	font-size:0.9rem;
	line-height:1.35;
}

.project-box-text p {
	margin-bottom:0.65rem;
}

.project-box-text h3 {
	color:#000;
	font-size:0.9rem;
	text-transform:uppercase;
	font-family:"Neutraface Text Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight:normal;
}

.project-highlight-box-text {
	font-size:1rem;
}

.project-highlight-box-text h3 {
	font-size:1rem;
	margin-bottom:0.70rem;
}

.home-highlight-box-text {
	padding-left:0;
}

.home-highlight-box-text h3 {
	font-size:1.25rem;
}

.project-box-text h3 a:link, .project-box-text h3 a:visited {
	color:#000;
	text-decoration:none;
}

.project-box-text h3 a:hover {
	text-decoration:underline;
}

.project-box-link a:link, .project-box-link a:visited {
	color:#003c71;
	text-decoration:none;
}

.project-box-link a:hover {
	text-decoration:underline;
	color:#009cde;
}

.director-box-text h3 {
	font-size:1.25rem;
}

.director-box-text p {
	font-size:1rem;
	line-height:2rem;
}

.back-link a:link, .back-link a:visited {
	color:#003c71;
}

.back-link a:hover {
	color:#009cde;
	text-decoration:underline;
}

.secondary-header-image {
	min-height:120px !important;
	max-height:325px !important;
	height:17vmax;
}

.tertiary-header-image {
	min-height:150px !important;
	max-height:200px !important;
	height:12vmax;
}

.secondary-title-holder {
	background:#eae8e5;
}

@media (max-width: 574px) {
.secondary-title {
	padding-left:0 !important;
}
}

.secondary-title h1 {
	color:#003c71;
	font-size:1.75rem;
	margin:35px 0px 32px 0px;
}

.secondary-title p {
	font-size:1.15rem;
}

.secondary-title > p:last-child {
	margin-bottom:34px;
}

.services-box-text {
	padding:30px;
}

.services-box-text h3 {
	margin-bottom:20px;
	font-family:"Neutraface Text Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight:normal;
	text-transform:uppercase;
}

.services-box-text ul {
	margin-left:-20px;
	padding-left: 1.25em;
 	text-indent: -20px;
}

.services-box-text ul li {
	margin-bottom:4px;
	list-style: none;
}

.services-box-text ul li::before {
	color:#009cde;
	content:"\2022"; 
	font-size:1rem; 
	padding-right:1em; 
	position: relative;
	top: 0em; 
}

.services-box-url {
	font-size:1.25rem;
}

.services-box-text span {
	font-size:0.9rem;
	color:#6d89a7;
}

.page-detail-text h3 {
	margin-top:1rem;
	margin-bottom:1.5rem;
}

.page-detail-text p {
	margin-bottom:1.5rem;
}

.page-detail-text ul {
	margin-left:0px;
	padding-left: 1.25em;
 	text-indent: -20px;
}

.page-detail-text ul li {
	margin-bottom:4px;
	list-style: none;
}

.page-detail-text ul li::before {
	color:#009cde;
	content:"\2022"; 
	font-size:1rem; 
	padding-right:1em; 
	position: relative;
	top: 0em; 
}

.page-cta-text {
	color:#009cde;
	font-size:1.25rem;
	margin-top:1.5rem;
}

.page-cta-text a:link, .page-cta-text a:visited {
	color:#009cde;
	text-decoration:underline;
}

.desktop-nav {
	font-size:1.15rem;
}

.desktop-nav img {
	float:left;
	max-width:75px;
	height:auto;
	margin-top:17px;
}

.desktop-nav ul {
	float:right;
	list-style-type:none;
	margin-top:35px;
	margin-bottom:52px;
	height:15px;
	margin-right:0;
}

.desktop-nav ul li {
	float:left;
	margin-left:40px;
}

.desktop-nav ul li:first-child {
	margin-left:0;
}

.desktop-nav ul li a:link, .desktop-nav ul li a:visited {
	color:#000;
}

.desktop-nav ul li a:hover {
	text-decoration:none;
	color:#009cde;
}

.navbar-brand img {
	width:50px;
	height:auto;
}

.navbar ul {
	margin-left:0;
}

.navbar-light .navbar-nav .nav-link {
	padding-top:12px;
	padding-bottom:12px;
	border-top:1px solid #eae8e5;
	font-size:1.5rem;
}

.filter-by {
	font-size:0.9rem;
}

@media (min-width: 768px) {

.filter-by {
	text-align:right;
	font-size:1rem;
}

.padded-left-text {
	padding-left:30px;
}

}

.filter-by a:link, .filter-by a:visited {
	color:#000;
	text-decoration:none;
	border-bottom: 1px solid #009cde;
}

.filter-by a:hover {
	color:#009cde;
	text-decoration:none;
}

.padded-left-title {
	margin-bottom:20px;
	font-family:"Neutraface Text Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight:normal;
	text-transform:uppercase;
	font-size:1.5rem;
}

.person-office {
	text-transform:uppercase;
}

.people-person-large-holder {
	position:relative;
	bottom:60px;
	display:block;
	text-align:center;
	margin-bottom:-60px;
}

.people-person-large {
	padding:18px 0px;
	text-align:center;
	background:#003c71;	
	color:#FFF;
	opacity:0.8;
	display:block;
	width:100%;
}

.people-person-large-office {
	color:#d7d2cb;
	text-transform:uppercase;
	font-size:0.85rem;
}

.people-person-mobile-holder {
	display:block;
	text-align:center;
}

.people-person-mobile {
	padding:18px 0px;
	text-align:center;
	background:#003c71;	
	color:#FFF;
	display:block;
	width:100%;
}

.people-person-mobile-office {
	color:#d7d2cb;
	text-transform:uppercase;
	font-size:0.85rem;
}

.hoverable {
	cursor:pointer;
	color:#000;
	text-decoration:none;
	border-bottom:0 !important;
}

.hoverable .person-hover {
	display:none;
}

.hoverable:hover .person-normal {
	display:none;
}

.hoverable:hover .person-hover {
	display:inline-block;
	padding:0px;
	text-align:center;
	background:#003c71;	
	color:#FFF;
	width:100%;
	height:100%;
	font-size:0.9rem;
	border-bottom:0 !important;
}

.person-hover a:link, .person-hover a:visited {
	text-decoration:none;
	border-bottom:0 !important;
}

.person-hover-office {
	color:#d7d2cb;
	text-transform:uppercase;
	font-size:0.7rem;
}

.person-thumb {
	margin-bottom:30px;
}

.person-info-table {
	min-height:90px;
}

@media (min-width: 1200px) {
.person-info-table {
	min-height:112px;
}
}




.people-mobile-wrapper {
	width:100%;
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	&::-webkit-scrollbar {
    display: none;
  }
}

.people-mobile-person {
	display: inline-block;
	width:200px;
	height:256px;
	background:#003c71;
	margin-right:5px;
	text-align:center;
}

.people-mobile-person p {
	margin-top:10px;
	margin-bottom:10px;
	color:#FFF;
	line-height:1.25rem;
}

.project-reference {
	background:#f2f1ef;
    padding:30px;
    border:#efedea 4px solid;
    margin-top:40px;
    font-size:0.95rem;
    line-height:140%;
}

.project-reference p {
	padding-right:0;
}

.project-reference h3 {
	margin-top:0;
}

.project-reference > p:last-child {
	margin-bottom:0;
}

.two-column-text {
	font-size:1.15rem;
}

.two-column-text h3 {
	margin-bottom:20px;
	font-family:"Neutraface Text Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight:normal;
	text-transform:uppercase;
	font-size:1.2rem;
}

@media (max-width: 991px) {
.two-column-image {
	padding-bottom:30px;
}
}

@media (min-width: 1200px) {

.two-column-text-left {
	padding-right:65px;
}

.two-column-text-right {
	padding-left:65px;
}

}

.footer-holder {
	background:#f5f4f2;
	padding-top:30px;
	font-size:0.875rem;
}

.footer-nav ul {
	list-style-type:none;
	margin-left:0;
}

.footer-nav ul li {
	list-style-type:none;
	margin-right:25px;
	padding-bottom:18px;
	font-size:1.2rem;
}

.footer-copyright {
	clear:both;
	margin-bottom:20px;
}

.footer-office {
	margin-top:40px;
}

@media (min-width: 768px) {
	.footer-nav ul li {
		float: left;
		padding-top:0;
		padding-bottom:0;
		font-size:0.875rem;
	}

	.footer-copyright {
		clear:both;
		margin-top:80px;
	}

	.footer-office {
		margin-top:0px;
	}	
}

.footer-nav ul li:last-child {
	margin-right:0;
}

.footer-nav ul li a:link, .footer-nav ul li a:visited {
	color:#003c71;
	text-decoration:none;
}

.footer-nav ul li a:hover {
	text-decoration:underline;
	color:#009cde;
}

.footer-office {
	color:#003c71;
}

.footer-office-heading {
	font-family:"Neutraface Text Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  	font-weight:normal;
  	text-transform:uppercase;
  	font-size:1rem;
}

.footer-office p {
	margin-bottom:0.25rem;
}

.footer-office a:link, .footer-office a:visited {
	color:#003c71;
	text-decoration:none;
	border-bottom:1px solid #009cde;
}

@media (min-width: 768px) {
.column-text-padder {
	padding-right:30px;
}
}

.column-text-padder ul {
	margin-top:-15px;
	margin-bottom:30px;
}

.contact-office-image {
	text-transform:uppercase;
	padding:30px;
	height:250px;
}

.contact-office-image h3 {
	color:#FFF;
	font-size:1.5rem;
	margin-bottom:0;
	margin-top:170px;
}

.contact-office-text {
	padding-left:30px;
}

.contact-office-text p {
	margin-bottom:1.25rem;
}

.contact-office-text h5 {
	text-transform:uppercase;
	color:#000;
	margin-bottom:2px;
}

.contact-office-text a:link, .contact-office-text a:visited {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #009cde;
}

@media (max-width: 767px) {
	.contact-office-text {
		padding-bottom:70px;
	}
}

.homepage-office-image {
	text-transform:uppercase;
	padding:30px;
	height:365px;
}

.homepage-office-image h3 {
	color:#FFF;
	font-size:2rem;
	margin-bottom:0;
	margin-top:255px;
	text-align:center;
}

@media (min-width: 768px) {
	.homepage-office-image h3 {
		margin-top:235px;
		text-align:left;
		font-size:1.4rem;
	}
}

.home-highlights-holder {
	background:#eceff3;
}

.home-people-quote {
	font-size:1.2rem;
	padding:8px 10px 10px 45px;
	background-image:url('../images/Quote-Open.svg'), url('../images/Quote-Close.svg');
	background-repeat:no-repeat;
	background-position:-45px 0px, right bottom;
	background-size:28px 22px;
	background-origin:content-box;
}

@media (min-width: 576px) {
	.home-people-quote {
		background-position:-45px 0px, right bottom%;
	}
}

@media (min-width: 768px) {
	.home-people-quote {
		padding:8px 90px 10px 45px;
		
	}
}

@media (min-width: 1200px) {
	.home-people-quote {
		background-position:-45px 0px, 101% 92%;
	}
}

.homepage-office-enquire {
	background-color: rgba(0,156,222,0.6);
	margin-top:-53px;
	padding:10px 30px;
}

.homepage-office-enquire a:link, .homepage-office-enquire a:visited {
	color:#FFF;
	text-decoration:none;
	font-size:1.4rem;
	opacity:1.0 !important;
}

.homepage-hero {
	background:#003c71;
	height:calc((100vh - 252px));
	min-height:450px;
	position:relative;
}

.fade-slide {
	position:absolute;
	top:0;
	left:0;
	background:#003c71;
	height:calc((100vh - 252px));
	min-height:450px;
	width:100%;
	display:none;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	background-attachment:scroll;
}

@media (min-width: 1025px) {
.fade-slide {
	background-attachment: fixed;
}
}

.fade-current {
	display:block;
}

.hero-tagline-holder {
	background-color:#003c71;
}

.hero-tagline {
	text-align:center;
	color:#FFF;
	font-family:"Neutraface Text Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  	font-weight:normal;
	font-size:1.2rem;
  	padding-top:16px;
  	padding-bottom:20px;
}

@media (min-width: 768px) {
.hero-tagline {
	font-size:1.75rem;
  	padding-top:22px;
  	padding-bottom:26px;
}
}

.home-intro {
	text-align:center;
	font-size:1.25rem;
}

.home-intro h1 {
	font-size:1.4rem;
	margin-bottom:1rem;
}

.home-intro p {
	margin-bottom:1.25rem;
}

.home-intro a:link, .home-intro a:visited {
	text-decoration:none;
	color:#333;
	border-bottom:1px solid #009cde;
}

.home-intro-cta a:link, .home-intro-cta a:visited {
	text-decoration:none;
	color:#003c71;
	border-bottom:0;
	font-size:1.4rem;
}

.hero-fader-text-holder {
	text-align:center;
	color:#FFF;
	font-size:1.15rem;
	height:100px;
	position:absolute;
	bottom:0;
	right:0;
	padding-top:10px;
	background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)) !important;
}

@media (min-width: 768px) {
.hero-fader-text-holder {
	text-align:right;
	padding-right:45px;
}
}

.hero-fader-text p {
	margin-bottom:2px;
}

.hero-fader-text a:link, .hero-fader-text a:visited {
	color:#FFF;
	text-decoration:none;
	font-family:"Neutraface Text Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  	font-weight:normal;
  	border-bottom:1px solid #009cde;
}

.home-reference-quote-holder {
	text-align:center;
}

.home-reference-quote-text {
	font-size:1.2rem;
	padding:40px 0px 25px 0px;
	background-image:url('../images/Quote-Open.svg'), url('../images/Quote-Close.svg');
	background-repeat:no-repeat;
	background-position:top center, bottom center;
	background-size:28px 22px;
}

.home-reference-quote-author {
	font-size:1.2rem;
	margin-top:15px;
	color:#000;
}