@font-face {
font-family: 'NeutraText-Bold';
src: url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/NeutraText-Bold.eot);
src: url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/NeutraText-Bold.woff) format('woff'), url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/NeutraText-Bold.ttf) format('truetype'), url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/NeutraText-Bold.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Neutra-Text-Book';
src: url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/Neutra-Text-Book.eot);
src: url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/Neutra-Text-Book.woff) format('woff'), url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/Neutra-Text-Book.ttf) format('truetype'), url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/Neutra-Text-Book.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'EamesCenturyModern-Thin';
src: url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/EamesCenturyModern-Thin.eot?#iefix) format('embedded-opentype'),  url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/EamesCenturyModern-Thin.otf)  format('opentype'), url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/EamesCenturyModern-Thin.woff) format('woff'), url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/EamesCenturyModern-Thin.ttf)  format('truetype'), url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/EamesCenturyModern-Thin.svg#EamesCenturyModern-Thin) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Neutraface-Display';
src: url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/NeutrafaceDisplay-Bold.eot);
src: url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/NeutrafaceDisplay-Bold.eot?#iefix) format('embedded-opentype'),
url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/NeutrafaceDisplay-Bold.woff2) format('woff2'),
url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/NeutrafaceDisplay-Bold.woff) format('woff'),
url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/NeutrafaceDisplay-Bold.ttf) format('truetype'),
url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/NeutrafaceDisplay-Bold.svg#NeutrafaceDisplay-Bold) format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'NeutraDisp-Bold';
src: url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/NeutraDisp-Bold.eot?#iefix) format('embedded-opentype'),url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/NeutraDisp-Bold.otf)  format('opentype'),url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/NeutraDisp-Bold.woff) format('woff'), url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/NeutraDisp-Bold.ttf) format('truetype'),url(//www.johnkanderson.com/wp-content/themes/understrap-child/fonts/NeutraDisp-Bold.svg#NeutraDisp-Bold) format('svg');
font-weight: normal;
font-style: normal;
}
.project-info-wrap,.b-lazy {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-o-transition: opacity 0.5s linear;
transition: opacity 0.5s linear;
}
a.header-instargam-icon {
margin-left: 45px;
position: relative;
top: 90px;
}
.nav-active .header-instargam-icon {
top: 0 !important;
z-index: 9999;
}
.fadein,
.b-loaded {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.top-scroll {
display: none;
width: 40px;
height: 40px;
cursor: pointer;
position: fixed;
bottom: 70px;
right: 45px;
}
.sec-video-wrap p {
display: none;
}
.nav-active .drop-nav {
height: auto !important; }
.video-controls {
position: absolute;
top: 50%;
z-index: 99;
left: 50%;
}
.common-section {
background: gray;
}
.col-content-wrap {
transform: translateY(-50%);
top: 50%;
position: absolute;
width: 100%;
padding: 50px;
padding-left: 45px;
}
.section-one .d-flex .column-content:first-child {
-webkit-align-self: flex-end!important;
-ms-flex-item-align: end!important;
align-self: flex-end!important;
}
.col-content-wrap strong{
font-family: 'NeutraText-Bold';
}
.contact-info p,
.contact-info .col-content-wrap strong,
.contact-info a {
font-size: 1rem;
}
.col-content-wrap a{
color:#fff;
}
.color-white{
color:#fff;
}
.color-dark-gray,
.color-off-dark{
color:#58595B;
}
.site-info a:hover {
text-decoration: none;
color: #292828;
}
.common-section .column-content p,
.section-one .column-content p {
color: #58595B;margin-bottom: 0;
}
.section-2-column div:not(.team-info ).text-wrap p,
div:not(.explore-work).column-content p, 
.common-section div:not(.explore-work).column-content,
.common-section div:not(.explore-work).column-content p{
color: #000;
}
.neutra-disp-bold {
font-family: 'NeutraDisp-Bold';	
}
.neutra-text-book {
font-family: 'Neutra-Text-Book';	
}
#header ul#main-nav li.menu-item a,
#header ul#menu-main-menu li.menu-item a {
font-size: 1.25rem;
}
#header #main-nav ul li {
margin-bottom: 20px;
}
.home .section-one {
background: #E5E5E5;
}
.bg-light-gray {
background: #E5E5E5;
}
.neutra-text-bold {
font-family: 'NeutraText-Bold';	
}
.eames-century-modern {
font-family: 'EamesCenturyModern-Thin';
color: #000 !important;
}
.color-light-gray {
color: #404041;
}
h2.project-title {
font-size: 1.5rem;
}
h5.project-info {
font-size: 0.95rem;
}  .explore-work p,
.info-wrap {
font-size: 0.9rem;
line-height: 1.5rem;
}
.neutraface-display {
font-family: 'Neutraface-Display';	
}
.h-100v {
height:100vh;
}
.video-controls button {
border: 0;
background: transparent;
}
.video-controls button:focus {
outline: none;
border: 0;
}
.embed-container {
padding:56.25% 0 0 0;
position:relative;
overflow: hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
body.page-id-156 {
max-width: 1600px;
margin: 0 auto !important;
}
.nav-opener {
top: 50px !important;
left: 60px !important;
}  .menu-wraper {
position: absolute;
left: 0;
top: 0;z-index: 9999;
width: calc(100% - 50px);	
height: 100%;
}
body:not(.home).nav-active .menu-wraper {	
background-image: url(//www.johnkanderson.com/wp-content/themes/understrap-child/images/CynthiaWood-home-scaled.jpg);
position: fixed;
width: 100%;
padding-top: 40px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
body:not(.home).nav-active .menu-wraper:before {
background: #8a8a8dd9;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.drop-nav {
left: 60px !important;display: none;
}
.nav-active .drop-nav {
top: calc(80px) !important; display: block;  
}
.admin-bar.nav-active .menu-wraper .drop-nav{
top: calc(80px) !important; 
}
.next-div-scroll {
position: absolute;
bottom: 60px;
left: 50%;
transform: translateX(-50%);
z-index: 99999;
}
.sec-top-img {
width: 100%; background-size: cover; background-repeat: no-repeat;
overflow: hidden;
}
.logo-n-arrow-wrap {
position: absolute;
top: 0;
width: 100%;
height: 100vh;
max-height: 100%;
}
ul#main-nav li.menu-item a, ul#menu-main-menu li.menu-item a {
text-transform: uppercase;
}
ul#main-nav li.menu-item a:hover{
text-decoration:none;
}
.object-fit-cover	{
object-fit: cover;
width: 100%;
}
.object-fit-cover-h100	{
object-fit: cover;
width: 100%;
height:100% !important;
}
.sec-top-wrap {
width: 100%;
height: 100vh;
}
.sec-top-img:before {
position: absolute;
content: '';
background: #8a8a8dd9;
z-index: 0;
height: 100%;
width: 100%;
}
.column-content {
padding: 8% 45px;
font-family: 'EamesCenturyModern-Thin';	
} .header-section .media-text-wrap .sub-heading,
.section-2-column .text-wrap,
.column-content {
font-size: 1.2rem;
}
.header-info-wrap {
font-size: 0.9rem;
}
section.common-section img {
width: 100%;
object-fit: cover !important;
} span.down-arrow img {
width: 25px;
cursor: pointer;
}
.top-scroll a.top-arrow {
width: 30px;
height: 30px;
background: #000000c9;
display: block;
border-radius: 50%;
position: relative;
margin-left: auto;
cursor: pointer;
}
.top-scroll a.top-arrow:after {
content: '';
height: 12px;
width: 12px;
border: 1px solid #fff;
position: absolute;
transform: rotate(44deg);
border-bottom-color: transparent;
border-right-color: transparent;
top: 12px;
left: 9px;
}
.header-section .logo {
position: absolute;
z-index: 9;
top: 50%;
left: 50%;
width: auto;
transform: translate(-50%, -50%);
text-align: center;
z-index: 9;
}
.nav-active .drop-nav {
z-index: 99;
}
a.navbar-brand.custom-logo-link {
margin-right: 0 !important;
}
.page-id-156 {
background: #E5E5E5;
}
body:not(.home) .nav-opener:before,
body:not(.home) .nav-opener:after,
body:not(.home) .nav-opener span:before,
.page-id-340.nav-active .nav-opener .close-btn:after,
.page-id-340.nav-active .nav-opener .close-btn:before,
.page-id-340.nav-active .nav-opener:after,
.page-id-340.nav-active .nav-opener:before,
.page-id-340 .nav-opener:before,
.page-id-340 .nav-opener:after,
.page-id-340 .nav-opener span:before{
background: #828386;
}
body.page-id-160 .nav-opener:before,
body.page-id-160 .nav-opener:after,
body.page-id-160 .nav-opener span:before{
background: #fff;
}
.page-id-156.nav-active .nav-opener .close-btn:after,
.page-id-156.nav-active .nav-opener .close-btn:before,
.page-id-156.nav-active .nav-opener:after,
.page-id-156.nav-active .nav-opener:before,
body:not(.home).nav-active .nav-opener:before,
body:not(.home).nav-active .nav-opener:after{
background: #ffffff;
}
.nav-active {
overflow-y: scroll !important;
}
.section-2-column .text-wrap {
padding: 50px 45px 50px;
}
body:not(.page-id-160) .two-columns .col-content-wrap strong {
color: #58595B;
text-transform: uppercase;
font-family: 'Neutra-Text-Book';
font-weight: normal;
font-size: 0.8em;
}
body:not(.page-id-160) .two-columns .col-content-wrap .eames-century-modern p {
color: #58595B;
}
body p {
margin-bottom: 10px;
}
.media-text-wrap p a {
display: inline-block;
margin-bottom: 5px;
clear: both;
}
.header-section .media-text-wrap .sub-heading {
font-family: 'EamesCenturyModern-Thin';
font-size: 0.9rem;
color: #000;
}
.section-2-column .text-wrap {
font-family: 'EamesCenturyModern-Thin';
font-size: 1.2rem;
}
.section-2-column .text-wrap.team-info{
font-family: 'Neutra-Text-Book';
color: #58595B;
text-align: right;
width: 100%;
font-size: 1.1rem;
}
section.about_2_columns_2 p strong {
font-family: 'NeutraText-Bold';
font-size: 1.2rem;
}
.mt-m-15 {margin-top:-15px;}
section.section-2-column .img-wrap img {
object-fit: cover;
width: 100%;
}
.project-info-wrap {
position: absolute;
left: 0;
top: 0;
background: #ffffffe6;
bottom: 0;
right: 0; text-align: center;
}
section.project-section-wrap .img-wrap {
position: relative;
}
footer#colophon {
padding-left: 30px;
}
.project-section-wrap .img-wrap:hover .project-info-wrap {
display: block;	
}
.explore-work p a,
.common-section .column-content p a,
section.two-columns .media-text-wrap p a,
section.project-section-wrap .text-wrap p a {
color: #58595B;
}
.info-inner-wrap {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
div#wrapper-footer { padding: 0;
} .content-top-wrap {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.cover-no-repeat {
background-size: cover;
background-repeat: no-repeat;
} .min-h-100v {
min-height: 100vh;
}
section.common-section .column-content, section.common-section .text-wrap {
Color: #ffff;
Width:100%;
Padding:8% 45px;
Font-size:1.2rem;
}
section.common-section .text-wrap {
font-family: 'Neutraface-Display';
}
.explore-work p	{
font-family: 'NeutraDisp-Bold';	
}
.explore-work h3,
section.common-section .text-wrap h3 {
font-family: 'NeutraText-Bold';
font-size: 1.5rem;
color: #58595B;
}
.NeutraText-Bold {
font-family: 'NeutraText-Bold';
}
.Neutraface-Display {
font-family: 'Neutraface-Display';
}
.header-section .media-text-wrap .header-info-wrap{
font-family: 'NeutraDisp-Bold';	
} .top-heading,
.media-text-wrap .heading ,
.header-section .heading {
font-family: 'NeutraText-Bold';
font-size: 1.5rem;
color: #58595B;
}
.header-section .sub-heading {
font-family: 'Neutra-Text-Book';
font-size: 0.8rem;
color: #58595B;
margin-bottom: 1.5rem!important;
} .mx-100vh	{
max-height:100vh;
}  .bg-pos-center {
background-position: center;
}
.mc4wp-form .form-inline {
position: relative !important;
width: 80%;
}
.mc4wp-form .form-group {
width: 80%;
border: 1px solid #fff;
border-top: 0;
border-right: 0;
padding-left: 10px;
border-radius: 0 0 0 2px;
margin-top: 20px;
}
.mc4wp-form input[type="email"] {
width: 100%;
border: none;
font-size: 1.02rem;
line-height: 40px;
background: transparent;
color: #fff;
}
.mc4wp-form input[type=submit] { background: transparent;
border: none;
color: #fff;
}
.mc4wp-form input::-webkit-input-placeholder { color: #fff;
}
.mc4wp-form input:-ms-input-placeholder { color: #fff;
}
.mc4wp-form input::placeholder {
color: #fff;
}
.mc4wp-form input[type="email"]:focus, .mc4wp-form input[type=submit]:focus {
outline: none;
}
button.pause {
background: #58595b;
border-radius: 50%;
height: 38px;
width: 38px;
color: #fff;
margin-left: 6px;
}
.explore-work p a:hover,
.common-section .column-content p a:hover,
section.two-columns .media-text-wrap p a:hover,
section.project-section-wrap .text-wrap p a:hover {
text-decoration: none;
color: #2f2f2f;
}
.contact-info p,
.contact-info p a{
color: #fff;
}
.contact-info p a:hover{
color: #313131;
text-decoration: none;
}
.empty-column .column-content {
padding: 0 !important;
}
.header-section.two-columns .text-wrap.col-content-wrap.top-100 {
top: 150px !important;
transform: none !important;
padding-top: 0;
}
.pt-32p {
padding-top: 32px;
}
.mc4wp-form input[type=submit],
.mc4wp-form input[type="email"],
.contact-info p, .contact-info p a {
font-size: 0.9rem;
}
.contact-info.col-content-wrap strong {
font-size: 1rem;
margin-top: 8px;
clear: both;
display: inline-block;
}
.page-id-431 .common-section-2 .col-lg-8.col-xl-8 img,
.page-id-411 .common-section-2 .col-lg-5.col-xl-5 img,
.page-id-340 .common-section-6 .align-items-xl-start img {
height: 100%;
} @media (max-width: 992px){
.mobile-insta-icon {
text-align: center;
}
.nav-active .mobile-insta-icon {
text-align:left;
}
.next-div-scroll {
bottom: 100px;
}
.home section.header-section.image, .home section.header-section.image .container-fluid, .home section.header-section.image .container-fluid .row {
min-height: 100vh;
}
.header-section.two-columns .text-wrap.col-content-wrap.top-100 {
position: static;
}
.home section.header-section.image .sec-top-img {
background-position: center !important;
}
.home .nav-opener {
left: calc(50% + 24px) !important;
transform: translateX(-50%);
}
.image-top-spacer {
margin-top: 0 !important;
}
.project-section-wrap div[class^='col-'] {
padding: 45px 45px 0 !important;margin-top: 0 !important;
}
.project-section-wrap .row.pt-32p div[class^='col-']:first-child {
padding-top: 0 !important;
}
.column-content {
padding: 8% 45px;
}
.header-section.two-columns .col-content-wrap {
position: relative;
padding: 100px 15px 20px 45px !important;
}
.header-section.two-columns .col-content-wrap.contact-info {
padding: 50px 15px 20px !important;
}
.section-2-column .text-wrap p	{
margin: 0 !important;
}
.section-2-column .text-wrap	{
padding: 50px 45px !important;
}
.header-section.two-columns .content-top-wrap .contact-info {
padding: 30px 20px 20px 60px !important; }
.page-id-160 .two-columns {
height: 100vh;
}
}
@media (max-width: 460px){
section.project-section-wrap div[class^='col-'] {
padding: 45px 45px 0 !important;
}
}
@media screen and (min-width: 1200px) {
.top-heading, .media-text-wrap .heading, .header-section .heading {
font-size: 1.9rem;
}
.header-section .media-text-wrap .header-info-wrap,
.explore-work p, .info-wrap {
font-size: 1rem;
line-height: 2rem;
}
.header-section .media-text-wrap .sub-heading,
.header-section .sub-heading {	
font-size: 1.1rem;
}
.header-info-wrap {
font-size: 1rem;
}
}
@media screen and (min-width: 1400px) {
section.common-section .column-content,
section.common-section .text-wrap,
.section-2-column .text-wrap,
.column-content {
font-size: 1.5rem;
}
.contact-info p strong,
.contact-info.col-content-wrap strong,
.contact-info a {
font-size: 1.2rem;
}
.mc4wp-form input[type=submit], .mc4wp-form input[type="email"],
.contact-info p, .contact-info p a {
font-size: 1rem;
}
.top-heading, .media-text-wrap .heading, .header-section .heading {
font-size: 2rem;
}
.explore-work p, .info-wrap {
font-size: 1rem;
line-height: 1.9rem;
}
}
@media screen and (min-width: 1600px) {
section.common-section .column-content,
section.common-section .text-wrap,
.section-2-column .text-wrap,
.column-content {
font-size: 1.8rem;
}
.contact-info p strong,
.contact-info.col-content-wrap strong,
.contact-info a {
font-size: 1.5rem;
}
.mc4wp-form input[type=submit], .mc4wp-form input[type="email"],
.contact-info p, .contact-info p a {
font-size: 1.1rem;
}
.explore-work p,
.info-wrap {
font-size: 1rem;
line-height: 1.9rem;
}
}
@media screen and (min-width: 1900px) {
section.common-section .column-content,
section.common-section .text-wrap,
.section-2-column .text-wrap,
.column-content{
font-size: 1.7rem;
}
.contact-info p strong,
.contact-info.col-content-wrap strong,
.contact-info a{
font-size: 1.8rem;
}
.mc4wp-form input[type=submit], .mc4wp-form input[type="email"],
.contact-info p, .contact-info p a {
font-size: 1.3rem;
}	
}
@media all and (max-width: 1090px) and (min-width: 992px) { .mt-m-15 {
margin-top: -32px;
}
body:not(.page-id-160) .two-columns .col-content-wrap .eames-century-modern p{
font-size: 0.8rem;
}
.selected-projects_projects_grid_1.header-section  .info-wrap {
line-height: 2.1rem;
}
}