/*   
Theme Name: NAV.VC
Author: Rye Development
Version: 1.0
*/

/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
article,aside,figure,footer,header,hgroup,nav,section{display:block;}
img,object,embed{max-width:100%;}
html{overflow-y:scroll;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
img.alignleft,.alignleft{float:left;margin:15px 15px 15px 0;}
img.alignright{float:right;margin:15px 0 15px 15px;}
img.aligncenter{display:block;margin:15px auto;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
th{font-weight:700;vertical-align:bottom;}
td{font-weight:400;vertical-align:top;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
pre{white-space:pre-line;word-wrap:break-word;}
input[type=checkbox]{vertical-align:baseline;}
select,input,textarea{font:99% sans-serif;}
a:hover,a:active{outline:none;}
small{font-size:85%;}
strong,th{font-weight:700;}
td,td img{vertical-align:top;}
sub,sup{font-size:75%;line-height:0;position:relative;}
sup{top:-.5em;}
sub{bottom:-.25em;}
pre,code,kbd,samp{font-family:monospace, sans-serif;}
.clickable,label,input[type=button],input[type=submit],button{cursor:pointer;}
button,input,select,textarea{margin:0;}
button{width:auto;overflow:visible;}
.ie7 img{-ms-interpolation-mode:bicubic;}
.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true));}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
input[type=radio],.ie6 input{vertical-align:text-bottom;} 


/* Universal Styles */

body{ }
body, select, input, textarea{ color: #5c5c5c; font-family: "adelle", Georgia, serif;}

a{ color: #3858a4;}
a:hover{ color: #333;}

::-moz-selection{ background: #3858a4; color: #fff; text-shadow: none;}
::selection{ background: #3858a4; color: #fff; text-shadow: none;} 
a:link{ -webkit-tap-highlight-color: #3858a4;} 
ins{ background-color: #3858a4; color: #fff; text-decoration: none;}
mark{ background-color: #3858a4; color: #fff; font-style: italic; font-weight: bold;}

h1, h2, h3, h4, h5, h6{ font-family: 'Avenir', Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: .11em; line-height: normal; text-transform: uppercase;}
h1{ font-size: 42px;}
h2, .post-title{ color: #252d33; font-size: 32px; font-weight: 300; line-height: 36px;}
h3{ font-size: 22px;}
h4{ font-size: 12px;}
h5{}
h6{}

#page-wrap{ padding: 100px 0 90px;}
.wrapper{ width: 90%; max-width: 1000px; margin: 0 auto;}
.wrapper:after{ content: ""; display: table; clear: both;}

#header{ width: 100%; border-bottom: 1px solid #ececec; font-family: 'Avenir', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .11em; font-size: 12px; background-color: #fff; position: fixed; z-index: 10000; top: 0;}
#header .logo{ float: left; width: 100px; margin: 20px 0;}
#header #nav{ float: right; text-align: right;}
#header #nav li{ display: inline-block;}
#header #nav li a{ display: block; text-decoration: none; color: #81889b; padding: 24px 50px 23px;}
#header #nav li a:hover, #header #nav li.current-menu-item a, #filter-nav li.active a{ background-color: #3858a4; color: #fff;}

#mobile-nav{ display: none; position: relative; width: 100%; top: 0; z-index: 9999;}
#mobile-nav div{ display: none;}
#mobile-nav button{ position: absolute; top: 20px; right: 15px; border: 0; text-indent: -9999px; overflow: hidden; background: rgba(256, 256, 256, 0.2) url("images/mobilenav.png") center no-repeat; border-radius: 3px; background-size: 80%; width: 35px; height: 30px; outline: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#mobile-nav button.expanded{}
#mobile-nav a { display: block; color: #3858a4; background-color: #fff; padding: 25px 30px; border-bottom: 1px solid #ececec; text-decoration: none;}
#mobile-nav a:hover{ color: #333;}

#content{ width: 65%; max-width: 660px; padding-right: 20px; float: left;}

#sidebar{ width: 25%; max-width: 250px; float: right; font-size: 13px;}
#sidebar .widget{ margin-top: 50px;}
#sidebar h4{ font-size: 12px; margin-bottom: 14px; color: #3858a4; font-weight: bold;}
#sidebar a{ color: #5c5c5c;}
#sidebar a:hover{ text-decoration: none; color: #333;}
#sidebar li{ line-height: 26px; font-style: italic;}

.post-title{ margin-bottom: 15px;}
.post-title a{ text-decoration: none; color: #252d33;}
.post-title a:hover{ color: #3858a4;}
.post p, .entry-content p{ margin-top: 15px; font-size: 14px; font-style: italic; line-height: 30px;}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ margin-top: 25px;}
.post ul, .entry-content ul{ list-style: disc; margin: 15px 0 0 30px;}
.post ol, .entry-content ol{ margin: 15px 0 0 30px;}
.blog .post{ margin-bottom: 50px;}
.meta, .date{ font-family: 'Avenir', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .11em; font-size: 12px; color: #8f929b; margin-top: 30px; padding-bottom: 15px; border-bottom: 1px solid #ececec;}
.meta img{ margin-right: 5px;}
.meta p{ font-style: normal; font-size: 12px;}
.navigation{ clear: both;}
.next-posts{ width: 45%; float: left;}
.prev-posts{ width: 45%; float: right; text-align: right;}
.archive-nav{ padding-top: 63px; color: #9ea3a6; width: 100%; margin-bottom: 15px; font-size: 11px; letter-spacing: .11em;}
.archive-nav .ss-icon{ font-size: 9px;}
.archive-nav a{ text-decoration: none; color: #9ea3a6; text-transform: uppercase; font-family: 'Avenir', Helvetica, Arial, sans-serif;}
.archive-nav a:hover{ color: #666;}
.wrapper img{ height: auto;}

.page-id-13{ background-image: url("images/teambkg.jpg"); background-repeat: no-repeat; background-position: center 63px;}
.page-id-13 .introduction{ font-size: 21px; font-family: "adelle", Georgia, serif; font-style: normal; color: #3858a4; text-transform: none; font-style: italic; line-height: 42px; text-align: center; padding: 0 0 85px; border-bottom: 1px solid #cfd3d6;}

.investment-sector-archive h1{ margin: 30px 0;}
.investment-sector-archive .featuredimg{ float: left; width: 15%; height: 150px; position: relative;}
.investment-sector-archive .featuredimg img{ max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto;}
.investment-sector-archive article{ margin-bottom: 30px; padding-bottom: 30px; clear: both; border-bottom: 1px solid #cfd3d6;}
.investment-sector-archive article:after{ content: ""; display: table; clear: both;}
.investment-sector-archive .entry{ width: 80%; float: right;}

#searchform{}
#s{}
#searchsubmit{}

#footer{ width: 100%; text-transform: uppercase; font-size: 12px; color: #9ea3a6; letter-spacing: .11em; border-top: 1px solid #ececec; text-align: center; padding: 25px 0; font-family: 'Avenir', Helvetica, Arial, sans-serif;}
#footer .copyright{ float: left; padding-top: 5px;}
#footer .logo{ width: 110px; }
#footer #menu-footer{ float: right; padding: 2px;}
#footer #menu-footer li{ display: inline;}
#footer #menu-footer li a{ text-decoration: none; color: #9ea3a6; margin-left: 25px;}
#footer #menu-footer li a:hover{ color: #666;}


/* Homepage */

.slider{ padding-top: 58px;}
.slider img{ width: 100%; height: auto; position: relative; z-index: 1;}
.slider .slide-quote{ position: absolute; z-index: 2; top: 25%; left: 42%; width: 46%;}
.slider .slide-quote .quote{ font-size: 30px; font-family: "adelle", Georgia, serif; font-style: italic; line-height: 45px; color: #192730;}
.slider .slide-quote .quote:before{ content: url("images/slidequote-open.png"); margin-right: 5px;}
.slider .slide-quote .quote:after{ content: url("images/slidequote-close.png"); margin-left: 5px;}
.slider .slide-quote .quote-author{ float: right; font-size: 16px; font-weight: 700; color: #3858a4; font-style: normal; font-family: 'Avenir', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .11em; margin-top: 15px; background: url("images/quote-author.png") no-repeat left top; padding: 20px 0 0 15px;}
.slider .slide-quote .quote-author span{ font-size: 14px; line-height: 24px; font-style: italic; font-family: "adelle", Georgia, serif; text-transform: none; letter-spacing: 0; color: #5c5c5c; font-weight: normal;}
.slider .company-details{ background: rgba(256, 256, 256, 0.8); padding: 20px 0 40px; z-index: 2; width: 100%; height: 50px; margin-top: -115px; position: relative; z-index: 10;}
.slider .company-details-wrap{ width: 90%; max-width: 1200px; margin: 0 auto; font-family: 'Avenir', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .08em; font-size: 12px;}
.slider .company-details-left{ width: 45%; float: left; padding: 10px 30px 10px 0; text-align: right; border-right: 1px solid #5c5c5c;}
.slider .company-details-left img{ max-width: 150px; height: auto; float: right;}
.slider .company-details-right{ width: 45%; float: left; padding: 0 0 10px 30px;}
.slider .company-details-right p{ margin-top: 3px;}
.slider .company-details-right a{ text-decoration: none; font-family: 'Avenir', Helvetica, Arial, sans-serif; color: #fff; letter-spacing: .11em; background-color: #cccfd1; padding: 4px 8px 3px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 11px; margin: 0 8px 8px 0; text-transform: uppercase;}
.slider .company-details-right a:hover{ background-color: #3858a4;}
.slide-quote-mobile{ display: none;}
.home .bx-wrapper .bx-viewport{ box-shadow: none;}
  
.home #page-wrap{ padding: 0 0 70px;}
.home .mission h2{ font-size: 21px; font-family: "adelle", Georgia, serif; font-style: normal; color: #3858a4; text-transform: none; font-style: italic; line-height: 26px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d5d9dc;}
.home .mission{ text-align: center; width: 100%; max-width: 960px; margin: 0 auto;}
.home .mission ul li{ display: inline-block; line-height: 30px;}
.home .mission ul li a{ text-decoration: none; font-family: 'Avenir', Helvetica, Arial, sans-serif; color: #fff; letter-spacing: .11em; background-color: #cccfd1; padding: 6px 8px 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 11px; margin: 0 8px 8px 0; text-transform: uppercase;}
.home .mission ul li a:hover{ background-color: #3858a4;}
#sub-footer{ background-color: #f1f1f1; padding: 50px 0 20px;}
#sub-footer .footer-1, #sub-footer .footer-2, #sub-footer .footer-3{ width: 30%; float: left;}
#sub-footer .footer-2{ margin: 0 5%;}
#sub-footer .footer-3{ float: right;}
#sub-footer h4{ font-size: 14px; font-weight: 700; color: #182832; font-style: normal; padding-bottom: 20px; border-bottom: 1px solid #bdc1c3;}
#sub-footer .footer-1 li a{ display: block; text-decoration: none; padding: 15px 0; border-bottom: 1px solid #bdc1c3; font-style: italic;}
#sub-footer .footer-2 h4, #sub-footer .footer-3 h4{ margin-bottom: 15px;}
#sub-footer .footer-2 h5, #sub-footer .footer-2 p{ font-size: 14px; line-height: 24px; font-style: italic; font-family: "adelle", Georgia, serif; text-transform: none; letter-spacing: 0; margin-bottom: 5px;}
#sub-footer h5 a{ text-decoration: none;}
#sub-footer .footer-3 a{ text-decoration: none; font-family: 'Avenir', Helvetica, Arial, sans-serif; color: #fff; letter-spacing: .11em; background-color: #cccfd1; padding: 6px 8px 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 11px; margin: 0 8px 8px 0; text-transform: uppercase; float: left;}
#sub-footer .footer-3 a:hover{ background-color: #3858a4;}
#sub-footer .footer-widgets{ border-bottom: 1px solid #bdc1c3; padding-bottom: 20px; margin-bottom: 20px;}
#sub-footer .footer-widgets:after{ content: ""; display: table; clear: both;}
#sub-footer .footer-social{ text-align: center;}
#sub-footer .footer-social a{ color: #fff; background-color: #afb4b8; text-decoration: none; font-size: 18px; padding: 6px 8px 0 9px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 0 5px;}
#sub-footer .footer-social a:hover{ color: #fff; background-color: #3051a0;}
#tint{ background-color: #ebecee;}


/* Contact */

#contact-info{ background-color: #ebecee; padding: 140px 0 20px; background-image: url("images/contactbkg.jpg"); background-repeat: no-repeat;}
#contact-info .location1, #contact-info .location2{ background-color: #fff; width: 48%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; float: left; margin-bottom: 50px; font-style: italic; line-height: 24px; border-bottom: 3px solid #ececec;}
#contact-info .location2{ float: right;}
#contact-info .location-address, #contact-info .location-numbers{ width: 44%; height: 100%; float: left; border-right: 1px solid #ececec; padding: 15px 2.5%;}
#contact-info .location-numbers{ float: right; border: none;}
#contact-info h2{ color: #fff; padding: 65px 35px; font-style: normal;}
#contact-info .location1 h2{ background-image: url("images/location-reston.jpg");}
#contact-info .location2 h2{ background-image: url("images/location-cambridge.jpg");}
#contact-info .subheading{ text-transform: uppercase; font-family: 'Avenir', Helvetica, Arial, sans-serif; letter-spacing: .11em; font-size: 12px; color: #3858a4; margin-bottom: 5px; font-style: normal;}
#contact-info .location1 i, #contact-info .location2 i{ font-size: 11px; margin-right: 10px; color: #c0c4cd;}
#contact-info .contact-social, #contact-info .contact-buttons{ text-align: center; width: 100%; clear: both;}
#contact-info .contact-buttons{ padding-bottom: 30px;}
#contact-info .contact-buttons li{ display: inline-block; margin-bottom: 18px;}
#contact-info .contact-buttons li a{ text-decoration: none; font-family: 'Avenir', Helvetica, Arial, sans-serif; color: #fff; letter-spacing: .11em; background-color: #3858a4; padding: 8px 11px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 11px; margin: 0 5px; text-transform: uppercase; margin-bottom: 8px;}
#contact-info .contact-buttons li a:hover{ background-color: #cccfd1;}
#contact-info .contact-social a{ color: #fff; background-color: #afb4b8; text-decoration: none; font-size: 18px; padding: 6px 8px 0 9px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 0 5px;}
#contact-info .contact-social a:hover{ color: #fff; background-color: #3051a0;}

.contact-team { text-align: center; }
.contact-team h2{ width: 100%; text-align: center; margin-bottom: 50px;}
.contact-team .contact-team-member{ width: 30%; display: inline-block; text-align: left; vertical-align: top; margin: 0 2.5% 60px 0; font-size: 13px;}
.contact-team .contact-team-member a{ text-decoration: none;}
.contact-team .contact-team-member a{ color: #5c5c5c;}
.contact-team .contact-team-member a:hover, .contact-team .contact-team-member h4{ color: #3858a4;}
.contact-team .contact-team-member .team-contact-thumb{ height: 60px; width: 60px; float: left; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; margin-right: 15px;}
.contact-team .contact-team-member img{ width: 60px; height: 60px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; float: left;}
.contact-team .contact-team-member:hover .team-contact-thumb{ background-color: #3858a4;}
.contact-team .contact-team-member:hover img{ opacity: .2;}
.contact-team .contact-team-member .contact-icons{ margin-top: 4px;}
.contact-team .contact-team-member .contact-icons i{ font-size: 12px; padding: 0;}
.contact-team .contact-team-member .contact-icons a{ color: #fff; padding: 0 5px;}


/* Team Templates */

.post-type-archive-team{ background-image: url("images/teambkg.jpg"); background-repeat: no-repeat; background-position: center 63px;}
.post-type-archive-team #page-wrap{ padding: 60px 0 90px;}
#team-intro{ padding-top: 63px;}
#team-intro p{ font-size: 21px; font-family: "adelle", Georgia, serif; font-style: normal; color: #3858a4; text-transform: none; font-style: italic; line-height: 42px; text-align: center; padding: 85px 0; border-bottom: 1px solid #cfd3d6;}
.team-wrapper:after{ content: ""; display: table; clear: both;}
.post-type-archive-team h1, .post-type-archive-team h2{ width: 100%; text-align: center; font-size: 32px; font-weight: 300; color: #252c32; margin: 75px 0 50px; clear: both;}
.team-wrapper, .entrepreneur-wrapper{ text-align: center;}
.team-grid, .entrepreneur-grid{ width: 305px; display: inline-block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #3858a4; font-style: italic; font-size: 12px; margin: 0 1% 25px; max-height: 210px; overflow: hidden;}
.team-grid:hover, .entrepreneur-grid:hover{ background-color: #fff;}
.team-grid img, .entrepreneur-grid img{ opacity: .2; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.team-grid a, .entrepreneur-grid a{ color: #fff; text-decoration: none;}
.team-grid h3, .entrepreneur-grid h3{ font-family: 'Avenir', Helvetica, Arial, sans-serif; font-size: 15px; font-style: normal; font-weight: 400;}
.team-grid:hover a, .entrepreneur-grid:hover a{ color: #5c5c5c;}
.team-grid:hover a h3, .entrepreneur-grid a h3{ color: #3858a4;}
.team-grid .team-info, .entrepreneur-grid .team-info{ margin-top: -22%; position: relative; z-index: 10; padding-bottom: 7%;}
.entrepreneur-grid{ width: 140px; height: 140px; overflow: hidden;}
.entrepreneur-grid .entrepreneur-info{ margin-top: -75px; position: relative; z-index: 1000;}
.entrepreneur-grid a h3{ color: #fff;}
.entrepreneur-grid a:hover h3{ color: #3858a4}

.single-team #page-wrap{ padding: 35px 0 90px;}
.single-team .entry-content{ width: 90%; max-width: 560px;}
#sidebar-team{ max-width: 305px; width: 30%; float: left; font-size: 13px; font-style: italic;}
#sidebar-team h4, #content-team h4, #content-team h2{ font-size: 12px; margin-bottom: 14px; color: #3858a4; font-style: normal;}
#sidebar-team .widget{ margin-top: 50px;}
#sidebar-team .wpcf-field-first-degree-value, #sidebar-team .wpcf-field-second-degree-value, #sidebar-team .wpcf-field-third-degree-value, #sidebar-team .wpcf-field-fourth-degree-value, #sidebar-team .wpcf-field-fifth-degree-value{ color: #afb4b7;}
#sidebar-team li{ line-height: 24px; margin-bottom: 15px;}
#sidebar-team .profile-img img{ -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px;}
#sidebar-team .quote{ background-color: #3051a0; color: #fff; padding: 25px; margin-top: -5px; display: block; line-height: 24px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.wpcf-field-quote-value:before{ content: url(images/teamquote-open.jpg); margin-right: 5px;}
.wpcf-field-quote-value:after{ content: url(images/teamquote-closed.jpg); margin-left: 5px;}
.team-email, .team-twitter, .team-facebook, .team-linkedin{ color: #fff; background-color: #afb4b8; text-decoration: none; font-size: 16px; padding: 4px 6px 0 7px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-right: 5px;}
.team-email:hover, .team-twitter:hover, .team-facebook:hover, .team-linkedin:hover{ color: #fff; background-color: #3051a0;}
.team-file{ color: #c0c4cd;}
.team-file .ss-icon{ font-size: 12px; margin-right: 4px;}
.team-file a{ color: #5c5c5c;}
.team-file a:hover{ color: #3858a4;}
#content-team{ max-width: 625px; width: 60%; float: right;}
#content-team .post-title{ margin-bottom: 5px;}
#content-team h2{ line-height: normal; margin: 0; font-weight: 400;}
#content-team h4{ margin-top: 40px;}
.team-focus a{ text-decoration: none; font-family: 'Avenir', Helvetica, Arial, sans-serif; color: #fff; letter-spacing: .11em; background-color: #cccfd1; padding: 6px 8px 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 11px; margin: 0 8px 8px 0; text-transform: uppercase; display: inline-block;}
.team-focus a:hover{ background-color: #3858a4;}
.team-interest{ text-transform: uppercase; font-family: 'Avenir', Helvetica, Arial, sans-serif; letter-spacing: .11em; font-size: 12px; text-align: center; float: left; margin-right: 30px; color: #80889d;}
.team-interest img{ border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; width: 50px; height: auto; margin-bottom: 5px;}
.team-companies{ clear: both; width: 100%; padding-top: 60px; text-align: center;}
.team-companies a{ display: block; width: 30%; float: left; margin: 0 1.5% 60px;}


/* Portfolio */

.post-type-archive-portfolio .subnav{ margin-top: 63px; border-bottom: 1px solid #ececec; width: 100%; font-family: 'Avenir', Helvetica, Arial, sans-serif; letter-spacing: .11em; font-size: 12px; text-transform: uppercase; position: fixed; top: 0; background-color: #fff; z-index: 1000;}
.post-type-archive-portfolio #subnav-filters{ padding: 30px 0 20px; border-bottom: 1px solid #ececec; width: 100%;}
.post-type-archive-portfolio .subnav li{ display: inline; margin-right: 15px;}
#filter-nav{ width: 55%; float: left; padding: 19px 0 0;}
#filter-nav li a{ padding: 28px 30px 22px;}
#filter-nav a, .investment-button a{ text-decoration: none; color: #81889b;}
#filter-nav a:hover{ color: #333;}
.investment-button{ width: 35%; float: right; margin-right: 5%; text-align: center; text-transform: uppercase; font-family: 'Avenir', Helvetica, Arial, sans-serif; letter-spacing: .11em; font-size: 12px;}
.investment-button a{ text-decoration: none; display: block; width: 100%; padding: 20px 0; border-left: 1px solid #ececec; border-right: 1px solid #ececec;}
.investment-button a:hover{ color: #3858a4;}
.investment-button a i{ margin-right: 10px; font-size: 10px;}
#subnav-filters{ display: none; text-align: left;}
.investment-button #subnav-filters{ width: 1000px; margin-left: -605px;}
.post-type-archive-portfolio #subnav-filters .filter li{ display: inline-block; margin: 0 25px 12px 0;}
.post-type-archive-portfolio #subnav-filters .filter li a{ text-decoration: none; font-family: 'Avenir', Helvetica, Arial, sans-serif; color: #fff; letter-spacing: .11em; background-color: #cccfd1; padding: 6px 8px 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 11px; text-transform: uppercase; text-align: center;}
.post-type-archive-portfolio #subnav-filters .filter li a:hover{ background-color: #3858a4;}
.investment-button #subnav-filters .filter li{ display: none;}
.investment-button #subnav-filters .filter li.Ad-Tech, .investment-button #subnav-filters .filter li.Tech, .investment-button #subnav-filters .filter li.Consumer, .investment-button #subnav-filters .filter li.Cybersecurity, .investment-button #subnav-filters .filter li.Digital, .investment-button #subnav-filters .filter li.E-Commerce, .investment-button #subnav-filters .filter li.Enterprise, .investment-button #subnav-filters .filter li.Mobile, .investment-button #subnav-filters .filter li.Education{ display: inline-block;}

.post-type-archive-portfolio #page-wrap{ padding-top: 230px;}
.post-type-archive-portfolio .filterable-grid{ text-align: center; width: auto !important; height: auto !important;}
.portfolio-grid{ width: 300px; height: 200px; display: inline-block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #fff; font-style: italic; font-size: 13px; border: 1px solid #ededed; border-bottom: 3px solid #ededed; margin: 20px 10px 30px;}
.portfolio-grid a{ display: block; height: 100%; width: 100%;}
.portfolio-grid h3 { text-transform: capitalize; text-align: center; }
.portfolio-grid .portfolio-details{ display: none; height: 100%; width: 100%; color: #fff;}
.portfolio-grid .portfolio-details h2{ padding-top: 10px;}
.portfolio-grid .portfolio-details p{ padding: 0 30px;}
.portfolio-grid a{ text-decoration: none;} 
.portfolio-grid:hover .portfolio-details{ display: block; position: relative; z-index: 100; background-color: rgba(56, 88, 164, .85);}
.portfolio-grid .portfolio-image{ position: relative; z-index: 1;}
.portfolio-grid h2, .portfolio-grid h3{ font-family: 'Avenir', Helvetica, Arial, sans-serif; font-size: 15px; font-style: normal; font-weight: 400; color: #fff;}
.hover-container{ height: 200px; overflow: hidden;}
.portfolio-grid h3{ color: #5c5c5c; text-transform: uppercase; margin-top: 15px;}
.portfolio-grid h3.successful-exits{ height: 0; width: 0; overflow: hidden; margin-top: 32px;}

.single-portfolio #page-wrap{ padding: 35px 0 5px;}
.company-bkg{ background-color: #3858A4; background-size: contain !important; background-repeat: no-repeat; background-position: center; width: 100%; height: 335px;}
.company-info{ width: 80%; max-width: 600px; background-color: #fff; border: 1px solid #ededed; border-bottom: 3px solid #ededed; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 30px; margin: -60px auto 0; text-align: center; margin-bottom: 50px;}
.company-info .company-details{ color: #c4c8cb; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e8e9eb;}
.company-info .company-details span{ font-family: 'Avenir', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: 400; text-transform: uppercase; color: #3858a4; letter-spacing: .11em;}
.company-info .company-content{ margin-bottom: 30px; border-bottom: 1px solid #e8e9eb; font-size: 14px; font-style: italic; line-height: 30px; padding: 0 20px 30px;}
.company-info .company-details a{ text-decoration: none; font-family: 'Avenir', Helvetica, Arial, sans-serif; color: #fff; letter-spacing: .11em; background-color: #cccfd1; padding: 6px 8px 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 11px; margin: 0 0 8px 8px; text-transform: uppercase;}
.company-info .company-details a:hover{ background-color: #3858a4;}
.company-meta{ text-align: left; font-size: 13px;}
.company-meta p{ font-style: italic;}
.company-meta:after{ content: ""; display: table; clear: both;}
.company-meta h4{ font-size: 13px; color: #3858a4; margin-bottom: 10px;}
.company-meta .company-social{ width: 30%; float: left;}
.company-meta .company-links{ width: 30%; float: left; margin: 0 5%;}
.company-meta .company-hq{ width: 30%; float: left; line-height: 24px;}
.company-meta p{ margin-bottom: 8px;}
.company-meta i{ font-size: 11px; color: #c0c4cd; margin-right: 2px;}
.company-meta a{ color: #5c5c5c;}
.company-meta a:hover{ color: #3858a4;}
.company-media{ padding-bottom: 60px; clear: both; text-align: center;}
.connected-team, .connected-entrepreneurs{ width: 100%; clear: both;}
.media-embed{ vertical-align: top; width: 20%; margin: 0 2.3%; display: inline-block; font-family: 'Avenir', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: 400; text-transform: uppercase; color: #3858a4; letter-spacing: .11em;}
.media-embed iframe{ width: 100%; height: auto; margin-bottom: 10px;}

a, .button, button{ transition: background-color .1s linear;}


/* Resources */

#resources-nav{ background-color: #fff; display: block; width: 100%; border-bottom: 1px solid #ececec; margin-top: 63px; font-family: 'Avenir', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .11em; font-size: 12px;}
#resources-nav li{ display: inline-block;}
#resources-nav li a{ display: block; text-decoration: none; color: #81889b; padding: 24px 50px 23px;}
#resources-nav li a:hover, #resources-nav li.current_page_item a{ background-color: #3858a4; color: #fff;}
.page-template-nav-resources #page-wrap{ padding-top: 40px;}


/* Plugin Wrangling */


/* Media queries */

@media (max-width: 1080px) {
	#header #nav li a{ padding: 24px 23px 23px;}
	.slider .slide .slide-quote{ top: 15%; width: 55%;}
	.slider .slide .slide-quote .quote{ font-size: 18px; line-height: 24px;}
	.slider .slide-quote .quote:before, .slider .slide-quote .quote:after{ content: ""; margin: 0;}
	.slider .slide-quote .quote-author{ font-size: 14px;}
	.investment-button #subnav-filters{ width: 800px; margin-left: -440px;}
}

@media (max-width: 800px) {
	#page-wrap{ padding: 30px 0;}
	#header{ text-align: center; position: relative;}
	#header .logo{ width: 150px; float: none; margin: 30px 0 0;}
	#header #nav{ float: none; clear: both; text-align: center;}
	#header #nav li a{ padding: 15px 10px 14px;}
	#content, #sidebar{ float: none; clear: both; width: 100%; max-width: 800px;}
	#sidebar .widget{ width: 45%; float: left; margin: 0 2.5% 30px;}
	#footer{ text-align: center;}
	#footer p{ float: none; clear: both; width: 100%; margin-bottom: 15px;}
	#footer .logo{ margin: 0 auto 15px;}
	#footer #menu-footer{ float: none;}
	#footer #menu-footer li a{ margin: 0 5px;}
	.contact-team .contact-team-member{ text-align: center; margin: 0 0 60px; width: 30%; padding: 0 1.5%;}
	.contact-team .contact-team-member .team-contact-thumb{ float: none; display: block; margin: 0 auto 10px;}
	.slider{ padding-top: 0;}
	.slider .slide-quote .quote{ font-size: 16px !important; line-height: normal;}
	.slider .company-details-left{ width: 20%;}
	.slider .company-details-left img{ width: 120px; height: auto;}
	.slider .company-details-right{ width: 65%;}
	.media-embed{ width: 45%; margin-bottom: 30px;}
	.post-type-archive-portfolio .subnav{ position: relative; margin-top: 0; text-align: center;}
	#filter-nav, .investment-button{ float: none; width: 100%;}
	#filter-nav{ padding-bottom: 0;}
	.post-type-archive-portoflio li{ display: block; width: 100%; text-align: center;}
	.post-type-archive-portfolio .filter2 li a{ display: inline-block; text-align: center; margin: 0 5px 10px;}
	.investment-button a{ border: none;}
	.investment-button #subnav-filters{ width: 100%; margin-left: 0; text-align: center;}
	.post-type-archive-portfolio #page-wrap{ padding-top: 50px;}
	#contact-info .location1, #contact-info .location2{ width: 100%; float: none; clear: both;}
	#contact-info .location1:after, #contact-info .location2:after{ content: ""; display: table; clear: both;}
	.post-type-archive-team #page-wrap{ padding-top: 0;}
	#contact-info{ padding-top: 70px;}
	#resources-nav{ margin-top: 0;}
	#resources-nav li a{ padding: 15px 10px 14px;}
}

@media (max-width: 600px) {
	.hide-sm{ display: none;}
	#mobile-nav{ display: block;}
	#header .logo{ margin: 25px 0;}
	#sub-footer .footer-1, #sub-footer .footer-2, #sub-footer .footer-3{ width: 100%; clear: both; float: none; margin: 0 0 30px;}
	.company-info .company-details a{ display: block; margin-top: 5px;}
	.company-meta{ text-align: center;}
	.company-meta .company-social, .company-meta .company-links, .company-meta .company-hq{ width: 100%; float: none; margin: 0 0 20px;}
	.contact-team .contact-team-member{ width: 50%; padding: 0;}
	.slider .slide .slide-quote{ display: none;}
	.slide-quote-mobile{ display: block; margin-top: -10px;}
	.slider .slide-quote-mobile .quote-author{ background: none; background-color: #2B4B8B; color: #fff !important; width: 100%; float: none; text-align: center; padding: 20px 0;}
	.slider .slide-quote-mobile .quote-author span{ color: #fff;}
	.slider .company-details{ margin-top: 0; height: auto; background: rgba(255, 255, 255, 1); color: #192730; border-bottom: 1px solid #ececec;}
	.slider .company-details-left, .slider .company-details-right{ width: 100%; float: none; clear: both; text-align: center; padding: 0; border: none;}
	.company-details-wrap:after{ content: ""; display: table; clear: both;}
	.slider .company-details-right p{ margin-bottom: 10px;}
	.slider .company-details-right strong{ display: block; width: 100%; margin-bottom: 4px;}
	.slider .company-details-left img{ display: block; margin: 0 auto 10px; float: none;}
	.bx-wrapper .bx-controls-direction a{ margin-top: 30px;}
	.home #page-wrap{ padding: 60px 0;}
	#sidebar-team, #content-team{ width: 100%; float: none; clear: both;}
	#content-team{ margin-top: 50px;}
	.media-embed{ width: 95%;}
	.media-embed iframe{ min-height: 250px;}
	.bx-wrapper .bx-controls-direction a{ top: 55% !important;}
	.portfolio-grid{ max-width: 90%;}
	#contact-info .location-address, #contact-info .location-numbers{ width: 100%; float: none; clear: both; text-align: center;}
	.investment-sector-archive .entry, .investment-sector-archive .featuredimg{ width: 100%; float: none; clear: both;}
	.investment-sector-archive .featuredimg{ width: 50%; height: 150px; max-width: 600px; margin: 0 auto;}
	#resources-nav li a{ padding: 15px 5px 14px;}
}

@media (max-width: 500px) {
	.slider .slide .slide-quote{ top: 21%;}
}

@media (min-width: 800px) {
	#footer .logo { position: relative; left: 30px; }
}