@import url(https://p.typekit.net/p.css?s=1&k=gdq2rll&ht=tk&f=52074&a=13881845&app=typekit&e=css);
@font-face {
font-family: "lulo-one";
src: url(https://use.typekit.net/af/0a836b/0000000000000000774ba0ae/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/0a836b/0000000000000000774ba0ae/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/0a836b/0000000000000000774ba0ae/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
font-display: auto;
font-style: normal;
font-weight: 700;
font-stretch: normal;
} @media (min-width: 981px) {
#main-header {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
#main-header .logo_container {
margin-bottom: 50px;
}
#main-header li.menu-item {
position: relative;
}
#main-header li.menu-item:not(:last-of-type):before {
display: block;
content: "";
height: 24px;
top: -5px;
right: 7px;
width: 2px;
background: black;
position: absolute;
}
}
@media (max-width: 980px) {
#main-header #et_mobile_nav_menu .select_page {
display: none;
}
#main-header #et_mobile_nav_menu .mobile_nav {
background: transparent;
}
#main-header #et_mobile_nav_menu .mobile_nav #mobile_menu {
background: white;
}
#main-header #et_mobile_nav_menu .mobile_menu_bar {
top: -20px;
}
#main-header #et_mobile_nav_menu .et_mobile_menu {
top: 30px;
}
#main-header #et_mobile_nav_menu li {
text-transform: uppercase;
text-align: center;
}
#main-header #et_mobile_nav_menu li a {
font-size: 20px;
}
}
@media (min-width: 981px) {
#main-header li a:before,
#et-secondary-menu li:before {
content: "";
position: absolute;
display: block;
height: 2px;
left: 0;
width: 0;
background: black;
-webkit-transition: width 0.25s ease;
transition: width 0.25s ease;
}
#main-header li:hover a:before,
#et-secondary-menu li:hover:before {
width: 100%;
}
#main-header li a:before {
bottom: 18px;
}
#et-secondary-menu li:before {
bottom: 5px;
}
} .custom-projects-feed {
position: relative;
display: -ms-grid;
display: grid;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
grid-gap: 10px;
}
@media (min-width: 981px) {
.custom-projects-feed {
-ms-grid-columns: minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr);
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.custom-projects-feed * {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.custom-projects-feed a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: white;
}
.custom-projects-feed img {
width: 100%;
height: auto;
}
.custom-projects-feed .single-project {
position: relative;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer; }
.custom-projects-feed .single-project .single-project-thumb:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.custom-projects-feed .single-project:hover .project-info {
opacity: 1;
}
.custom-projects-feed .single-project:hover video.project-thumbnail,
.custom-projects-feed .single-project:hover img.project-thumbnail {
filter: grayscale(100%); -webkit-filter: grayscale(100%);
}
.custom-projects-feed .single-project .project-info {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
margin-bottom: 0;
padding-bottom: 0;
opacity: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 2;
padding: 5px;
}
.custom-projects-feed .single-project .project-info img,
.custom-projects-feed .single-project .project-info video {
width: 100%;
margin-bottom: 10px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.custom-projects-feed .single-project .project-info img.light,
.custom-projects-feed .single-project .project-info video.light {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.custom-projects-feed .single-project .project-info h3,
.custom-projects-feed .single-project .project-info h4 {
color: white;
width: auto;
display: block;
line-height: normal;
}
.custom-projects-feed .single-project .single-project-thumb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.custom-projects-feed .single-project .single-project-thumb img {
width: 100%;
height: auto;
-webkit-transition: -webkit-filter 0.3s ease;
transition: -webkit-filter 0.3s ease;
transition: filter 0.3s ease;
transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}
.custom-projects-feed .single-project .single-project-thumb img:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
} .custom-footer-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.custom-footer-row img {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.custom-footer-row img:hover {
opacity: 0.75;
}
@media (max-width: 980px) {
.custom-footer-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.custom-footer-row .et_pb_column:first-of-type {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-bottom: 0;
}
.custom-footer-row .et_pb_column:nth-of-type(2) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-bottom: 50px;
}
.custom-footer-row .et_pb_column:nth-of-type(3) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 50px;
}
} @media (min-width: 981px) {
#main-content {
min-height: 70vh;
}
} body.single.project-template-default #main-content {
background: transparent;
}
body.single.project-template-default #main-content .container:before {
display: none !important;
}
body.single.project-template-default #main-content .container #content-area article img {
width: 100%;
}