/*
 Theme Name:     TELLIT Divi Child
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Template:       Divi
 Version:        1.0.0
*/
 


body.page-id-202 .et_pb_text_0 h1
{
    font-size: min(100px, max(60px, 8vw)) !important;
}

body.page-id-137 .et_pb_text_0 h1
{
    font-size: min(50px, max(30px, 8vw)) !important;
}


/**
 * Header
 * -------------------
 */


.menu_cta {
background-color: #ff6900;
color: #fff;
padding: 0 !important;
}

.menu_cta a {
color: #fff !important;
padding: 15px 15px 15px 15px !important;
}

/* Set the Divi Mobile Nav to Fixed on scroll */
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
}
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}
/* Add the word MENU after the mobile nav hamburger icon */
.mobile_menu_bar:after {
    content: 'MENU';
    bottom: 10px;
    left: 10%;
    position: relative !important;
    color: #FFF;
}
/* Change the hamburger icon to an X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '4d';
}

#mobile_menu li:not([id]) { 
    display:none !important; 
}


@media (max-width: 980px)
#et_top_search {
    margin: 0 25px 0 0;
    float: left;
}

.et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 24px;
    padding-right: 20px;
}


/**
 * 5.14 Recent Blog Posts and Recent Portfolio Entries
 * ----------------------------------------------------------------------------
 */
/* Related Posts Single Post Page */
.recent-posts-single-container { max-width: 1200px; width: 92%; margin: 0 auto; clear: both; position: relative; }
.recent-posts-single-container + .navigation { border-top: 0 none; margin: 0 auto 25px; }

/* Related Posts */
.recent-heading-container { max-width: 1125px; width: 92%; margin: 0 auto; clear: both; position: relative; }
.recent-blog-container { max-width: 1200px; width: 92%; margin: 0 auto -28px; clear: both; position: relative; z-index: 160; }
.recent-heading-container + .recent-blog-container { padding-top: 35px; }

.related-posts { padding: 35px 0 40px 0; background-color: #EEEEEE; }
.related-posts-title { float: left; margin-right: 3.5%; margin-left: 3.5%; width: 18%; }
.related-posts-title a { word-wrap: break-word; max-width: 100%; }
.related-posts-title small { word-wrap: break-word; max-width: 100%; }

.related-posts-title a { color: #000; font: 900 150%/1 Novecentowide, sans-serif; float: left; margin-bottom: 0.25em; }
.related-posts-title a:hover { color: #3B95B1; text-decoration: none; }
.related-posts-title small { font-family: Novecentowide, sans-serif; font-weight: 700; font-size: 11px; clear: both; text-transform: uppercase; color: #787878; display: block; }

@media (max-width: 950px) {
    .single-post .recent-blog-container { margin: 0 auto 50px !important; }
}

@media (max-width: 640px) {
    .related-posts { padding-bottom: 0; }
    .related-posts-title { width: 100%; margin: 0 auto 3em auto; padding: 0 20px; } 
    .related-posts-title a { font-size: 22px; } 
}
@media (max-width: 450px) {
    .related-posts-title { float: left; width: 100%; margin-right: 0; }
    .recent-heading h2 { display: block; overflow: visible; }
    .recent-heading .spacer { display: none; }
    .recent-heading a { display: none; }
}

    /* Related Posts */
    /* .related-posts { background-color: transparent; border-top: 1px solid #3b3a3a; }
    .related-posts .related-posts-title { margin-right: 2%; margin-left: 0; width: 23%; }
    .related-posts { padding-top: 25px; padding-bottom: 25px; } */



/**
 * 5.16 Symple Shortcodes
 * ----------------------------------------------------------------------------
 */
 
/* Toggles */
.symple-toggle {
    margin-bottom: 1em !important;
}

.symple-toggle .symple-toggle-trigger {
    padding: 0px 0px 15px 27px !important;
    background: none !important;
    background-color: transparent !important;
    background-position: 0 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #dcdcdc !important;
    font-size: 112.5% !important;
    margin: 0 !important;
    margin-top: 0 !important;
    color: #6B6A73 !important;
    font-weight: 700 !important;
    position: relative;
}

.symple-toggle .symple-toggle-trigger.active {
    color: #282832 !important;
}

.symple-toggle .symple-toggle-trigger:hover {
    background-color: transparent !important;
    font-weight: 700 !important;
    color: #282832 !important;
}

.symple-toggle .symple-toggle-container {
    padding: 1em 0 !important;
    border: 1px solid #ddd !important;
    border: 0 !important;
    border-bottom: 1px solid #dcdcdc !important;
}

.symple-toggle .symple-toggle-trigger:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; }
.symple-toggle .symple-toggle-trigger:before { color: #c7c7c7; content: "\f054"; font-size: 19px; left: 0; position: absolute; top: 1px; }
.symple-toggle .symple-toggle-trigger.active:before { content: "\f078"; color: #282832; }

/* Tabs */
.symple-tabs {
    /* font-size: 87.5%; */
    margin-bottom: 2em;
}

.symple-tabs ul.ui-tabs-nav li a {
    height: 40px !important;
}

@media only screen and (min-width: 521px) { 
    .symple-tabs ul.ui-tabs-nav .ui-state-active a {
        height: 43px !important;
        top: -2px !important;
        padding-top: 0 !important;
        font-weight: 700;
    }
}

@media only screen and (max-width: 520px) {
    .symple-tabs ul.ui-tabs-nav li {
        height: auto !important;
    }
    .symple-tabs ul.ui-tabs-nav li a {
        min-height: 40px !important;
        height: auto !important;
    }
}

/* Accordion */
.symple-accordion {
    margin-bottom: 2em;
}

.symple-accordion h3.symple-accordion-trigger {
    border: none !important;
    margin: 5px 0 0 !important;
}
.symple-accordion .ui-accordion-content {
    /* height: auto !important; */
    overflow: auto;
}

/* Pricing tables */
.symple-pricing-table > div {
    margin-bottom: 2em !important;
}
.symple-pricing-table .symple-pricing-content ul {
    padding: 0 !important;
}

/* Callout */
.symple-callout {
    margin-bottom: 2em;
}

/* Skillbar */
.symple-skillbar {
    margin-bottom: 1em;
}

/* Testimonial */
.symple-testimonial {
    margin-bottom: 2em;
}

/* Boxes */
.symple-box {
    margin-bottom: 2em !important;
}

/* Grid System */
.container { width: 100%; }
.row { width: 92%; max-width: 1200px; margin: 0 auto; }
.row:after, .row:before { content: " "; display: table; }
.row:after { clear: both; }

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12  { float: left; position: relative; margin-right: 3.8%; min-height: 1px; }
.grid_1 { width: 4.85%; }
.grid_2 { width: 13.45%; }
.grid_3 { width: 22.05%; }
.grid_4 { width: 30.75%; }
.grid_5 { width: 39.45%; }
.grid_6 { width: 48%; }
.grid_7 { width: 56.75%; }
.grid_8 { width: 65.4%; }
.grid_9 { width: 74.05%; }
.grid_10 { width: 82.7%; }
.grid_11 { width: 91.35%; }
.grid_12 { width: 100%; }
.last { margin-right: 0; }

.grid_responsive_only { display: none; }

.push_1 { left: 8.65%; }
.push_2 { left: 17.25%; }
.push_3 { left: 25.85%; }
.push_4 { left: 34.55%; }
.push_5 { left: 43.25%; }
.push_6 { left: 51.8%; }
.push_7 { left: 60.55%; }
.push_8 { left: 69.2%; }
.push_9 { left: 77.85%; }
.push_10 { left: 86.5%; }
.push_11 { left: 95.15%; }

.pull_1_last { left: -8.65%; }
.pull_2_last { left: -17.25%; }
.pull_3_last { left: -25.85%; }
.pull_4_last { left: -34.55%; }
.pull_5_last { left: -43.25%; }
.pull_6_last { left: -51.8%; }
.pull_7_last { left: -60.55%; }
.pull_8_last { left: -69.2%; }
.pull_9_last { left: -77.85%; }
.pull_10_last { left: -86.5%; }
.pull_11_last { left: -95.15%; }

.pull_1 { left: -4.85%; }
.pull_2 { left: -13.45%; }
.pull_3 { left: -22.05%; }
.pull_4 { left: -30.75%; }
.pull_5 { left: -39.45%; }
.pull_6 { left: -48.0%; }
.pull_7 { left: -56.75%; }
.pull_8 { left: -65.4%; }
.pull_9 { left: -74.05%; }
.pull_10 { left: -82.7%; }
.pull_11 { left: -91.35%; }

@media (max-width: 720px) {
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12  { width: 100%; margin: 0; }
    .grid_not_responsive { display: none; }
    .grid_responsive_only { display: block; }
    .push_1, .push_2, .push_3, .push_4, .push_5, .push_6, .push_7, .push_8, .push_9, .push_10, .push_11, .push_12  { left: 0; }
    .pull_1, .pull_2, .pull_3, .pull_4, .pull_5, .pull_6, .pull_7, .pull_8, .pull_9, .pull_10, .pull_11, .pull_12  { left: 0; }
    .pull_1_last, .pull_2_last, .pull_3_last, .pull_4_last, .pull_5_last, .pull_6_last, .pull_7_last, .pull_8_last, .pull_9_last, .pull_10_last, .pull_11_last, .pull_12_last  { left: 0; }
}
.symple-one-half, .symple-one-third, .symple-two-third, .symple-three-fourth, .symple-one-fourth, .symple-one-fifth, .symple-two-fifth, .symple-three-fifth, .symple-four-fifth, .symple-one-sixth, .symple-five-sixth { margin-bottom: 0 !important; }

/* Google Maps */
.map_canvas { height: 355px; width: 100%; float: left; margin-bottom: 3em; }
.map_canvas img { max-width: none !important; }

/**
 * 5.17 Portfolio
 * ----------------------------------------------------------------------------
 */

/**
 * 5.17.1 Portfolio Template
 * ----------------------------------------------------------------------------
 */
.portfolio-container { display: none; }
body.viewing-portfolio-grid .portfolio-container { display: block; }
body.viewing-portfolio-grid .entry-header,
body.viewing-portfolio-grid .recent-posts-single-container,
body.viewing-portfolio-grid .post-navigation,
body.viewing-portfolio-grid .page-template-wrapper,
body.viewing-portfolio-grid .archive-template-wrapper,
body.viewing-portfolio-grid .search-template-wrapper,
body.viewing-portfolio-grid .blog-template-wrapper,
body.viewing-portfolio-grid .single-template-wrapper { display: none; }

.tn-grid-container { clear: both; max-width: 1600px; width: 100%; margin: 0 auto; }
.text-grid { width: 92%; padding: 20px 0 20px 0; border-top: 1px solid #ADADAD; }
#container { max-width: 1600px; width: 100%; margin: 0 auto; -webkit-tap-highlight-color: rgba(0,0,0,0); }

.konzept-thumbnails-container,
.konzept-projects-list { max-width: 1600px; margin: 0 auto; width: 100%; min-height: 1px; clear: both; }
.konzept-projects-list { width: 92%; padding: 20px 0 20px 0; border-top: 1px solid #adadad; border-bottom: 1px solid #adadad; }
.konzept-thumbnail { width: 25%; float: left; position: relative; max-width: 400px; overflow: hidden; margin: 0; word-wrap: break-word; border-radius: 0px; }
.konzept-thumbnail:hover { cursor: pointer; }

.konzept-thumbnail * { position: absolute; margin: 0; }
.konzept-thumbnail .thumbnail-meta-data-wrapper { overflow: hidden; left: 0;  top: 0;  padding: 32px 32px 0 32px; width: 100%; word-wrap: break-word; }
.konzept-thumbnail .thumbnail-title { color: #fff; text-transform: uppercase; font-family: 700 212.5%/0.8125 Novecentowide, sans-serif; position: relative; float: left; width: inherit; word-wrap: break-word; z-index: 3; overflow: hidden; max-height: 1.6em; width: 100%; }
.konzept-thumbnail .thumbnail-meta-data-wrapper .thumbnail-title .thumbnail-project-link { max-width: 100%; position: relative; }
.konzept-thumbnail .thumbnail-categories { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; z-index: 3; color: #fff; max-width: 100%; position: relative; text-transform: uppercase; clear: both; display: block; font: 600 68.75%/0.75 Novecentowide, sans-serif; margin-top: 10px; float: left; word-wrap: break-word; }
.konzept-thumbnail .thumbnail-image { z-index: 1; width: 100%; position: relative; display: block; max-width: 100%; height: auto !important; }
.konzept-thumbnail .thumbnail-plus { font: 700 275%/0.5 Novecentowide, sans-serif; position: absolute; bottom: 0; left: 0; padding: 0 0 28px 32px; clear: both; float: left; color: #fff; z-index: 3; }

.thumbnail-hover { z-index: 2; }
.thumbnail-hover,
.thumbnail-title,
.thumbnail-categories,
.thumbnail-plus { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s; transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s; }
.konzept-thumbnail:hover .thumbnail-hover,
.konzept-thumbnail:hover .thumbnail-title,
.konzept-thumbnail:hover .thumbnail-categories,
.konzept-thumbnail:hover .thumbnail-plus  { opacity: 1; visibility: visible; -webkit-transition: opacity 0.25s ease-in-out, visibility 0s;  transition: opacity 0.25s ease-in-out, visibility 0s; }
.thumb-inactive .thumbnail-image { opacity: 0.1; }
.thumb-inactive:hover .thumbnail-hover  { opacity: 0.25; }
.thumb-inactive:hover .thumbnail-title,
.thumb-inactive:hover .thumbnail-categories,
.thumb-inactive:hover .thumbnail-plus  { opacity: 0.9; }

.element { cursor: pointer; float: left; overflow: hidden; position: relative; color: #222; width: 25%; max-width: 400px; word-wrap: break-word; }

.thumbnail-link { background-color: rgba(255, 255, 255, 0.01); width: 100%; height: 100%; position: absolute; text-indent: -9999px; z-index: 4; }
.thumbnail-project-link { background-color: rgba(255, 255, 255, 0.01); width: 100%; height: 100%; position: absolute; text-indent: -9999px; z-index: 4; }
.thumbnail-link-title { }

.element .thumbnail-meta-data-wrapper { left: 0; top: 0; padding: 32px 32px 0 32px; width: 100%; position: absolute; word-wrap: break-word; }
.element .symbol { color: #fff; font: 700 212.5%/0.8125 Novecentowide, sans-serif; width: 100%; position: relative; text-transform: uppercase; z-index: 3; }

.element .categories { display: block; position: relative; clear: both; left: 0; z-index: 3; max-width: 100%; margin-top: 10px; color: #fff; font: 600 68.75%/1 Novecentowide, sans-serif; text-transform: uppercase; word-wrap: break-word; }
.thumbnail-plus { font-size: 275%; font-family: Novecentowide, sans-serif; position: absolute; bottom: 0; left: 0; padding: 0 0 28px 32px; line-height: 0.5; clear: both; float: left; color: #ffffff; font-weight: 700; z-index: 3; }
.thumbnail-separator { display: none; }

.thumbnail-hover { width: 100%; height: 100%; position: absolute; z-index: 2; }
.project-img { width: 100%; max-width: 100%; height: auto; opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; position: relative; display: block; z-index: 1; }
.project-img-visible { opacity: 1; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; }
.project-thumbnail-background { width: 100%; height: 100%; position: absolute; z-index: 0; top: 0; left: 0; }

.element .thumbnail-hover,
.element .symbol,
.element .name,
.element .categories,
.element  .thumbnail-plus { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s; transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s; }
.element:hover .thumbnail-hover,
.element:hover .symbol,
.element:hover .categories,
.element:hover .thumbnail-plus { opacity: 1; visibility: visible; -webkit-transition: opacity 0.25s ease-in-out, visibility 0s; transition: opacity 0.25s ease-in-out, visibility 0s; }
.tn-display-meta .symbol,
.tn-display-meta .categories,
.tn-display-meta  .thumbnail-plus { opacity: 1; visibility: visible; }

.thumb-inactive .project-img { opacity: 0.1; }

/* Project text list */
.element-text { background-color: transparent; width: auto; max-width: none; }
.element-text .thumbnail-link-title { background-color: transparent; color: transparent; display: inline-block; width: auto; height: auto; position: relative; cursor: pointer; font-family: Novecentowide, sans-serif; font-size: 72px; font-weight: 600; line-height: 1.25; text-indent: 0; text-transform: uppercase; word-wrap: break-word; }
.element-text .thumbnail-link-title:before { content: attr(data-title); color: #000; position: absolute; font-weight: 200; }
.element-text.thumb-inactive .thumbnail-link-title:before { text-shadow: 0 0 5px #101010; opacity: 0.22; color: transparent; }
.element-text:hover .thumbnail-link-title:before,
.element-text.thumb-inactive:hover .thumbnail-link-title:before { color: #3b95b1; font-weight: 600; opacity: 1; text-decoration: none; text-shadow: none; }
.element-text .thumbnail-link-title:before, .element-text:hover .thumbnail-link-title:before { 
    transition-property: font-weight, color, text-shadow;
    transition-duration: 300ms, 1s, 600ms;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: font-weight, color, text-shadow;
    -webkit-transition-duration: 300ms, 1s, 600ms;
    -webkit-transition-timing-function: ease-in-out;
}
.element-text + .thumbnail-separator { display: block; color: #000; content: "/"; font-size: 72px; line-height: 1.25; float: left; margin: 0 20px; font-weight: 200; }
.element-text.thumb-inactive + .thumbnail-separator { display: block; color: transparent; opacity: 0.2; text-shadow: 0 0 5px #101010; }
.thumbnail-separator:last-child { display: none; }

.element-text .thumbnail-meta-data-wrapper,
.element-text .symbol,
.element-text .categories,
.element-text .thumbnail-plus,
.element-text .thumbnail-hover,
.element-text .project-img,
.element-text .project-thumbnail-background { display: none; }

/**
 * 5.17.2 Project View
 * ----------------------------------------------------------------------------
 */
 
.daisho-portfolio-viewing-project { overflow: hidden; }

/* Navigation arrows */
.project-navigation,
.portfolio-arrowleft,
.portfolio-arrowright { display: none; }
.daisho-portfolio-viewing-project .project-navigation,
.daisho-portfolio-viewing-project .portfolio-arrowleft,
.daisho-portfolio-viewing-project .portfolio-arrowright { display: block; outline: 0 none; }

/* Arrows to switch between projects */
/* .portfolio-arrowleft, 
.portfolio-arrowright { opacity: 0; visibility: hidden; cursor: pointer; position: fixed; width: 80px; height: 200px; z-index: 305; left: 0; margin: auto; top: 100px; bottom: 100px; text-indent: -9999px; }
.admin-bar .portfolio-arrowleft, 
.admin-bar .portfolio-arrowright { top: 128px; }
.portfolio-arrowleft { left: 0; right: auto; background: url(images/cursors/cursor_prevproject_black.png) no-repeat center center transparent; }
.portfolio-arrowright { left: auto; right: 0; background: url(images/cursors/cursor_nextproject_black.png) no-repeat center center transparent; }
.portfolio-arrowleft-white { background: url(images/cursors/cursor_prevproject_white.png) no-repeat center center transparent; }
.portfolio-arrowright-white { background: url(images/cursors/cursor_nextproject_white.png) no-repeat center center transparent; }
.portfolio-arrowleft-visible,
.portfolio-arrowright-visible { visibility: visible; opacity: 0.3; }
.portfolio-arrowleft-visible:hover, 
.portfolio-arrowright-visible:hover { visibility: visible; opacity: 1; }
.hide-arrow { opacity: 0 !important; visibility: hidden !important; display: none; } */

/* Arrows to switch between slides */
/* .flow_slideshow_box .project-arrow-left,
.flow_slideshow_box .project-arrow-right { opacity: 0; visibility: hidden; cursor: pointer; position: absolute; width: 96px; height: 200px; z-index: 2; left: 0; margin: auto; top: 100px; bottom: 100px; }
.flow_slideshow_box .project-arrow-right { left: auto; right: 0; }
.flow_slideshow_box .project-arrow-left-visible { background: url(images/cursors/cursor_prev_black.png) no-repeat center center transparent; }
.flow_slideshow_box .project-arrow-right-visible { background: url(images/cursors/cursor_next_black.png) no-repeat center center transparent; }
.flow_slideshow_box:hover .project-arrow-left-visible { opacity: 0.3; visibility: visible; }
.flow_slideshow_box:hover .project-arrow-right-visible { opacity: 0.3; visibility: visible; }
.flow_slideshow_box .project-arrow-left,
.flow_slideshow_box .project-arrow-right { -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s ease-out; transition: visibility 0s linear 0.25s, opacity 0.25s ease-out; }
.flow_slideshow_box:hover .project-arrow-left,
.flow_slideshow_box:hover .project-arrow-right { -webkit-transition: visibility 0s linear 0s, opacity 0.25s linear; transition: visibility 0s linear 0s, opacity 0.25s linear; }
.mod-touch .project-arrow-right { display: none; }
.mod-touch .project-arrow-left { display: none; }
.flow_slideshow_box .project-arrow-left-visible.project-arrow-loading, 
.flow_slideshow_box:hover .project-arrow-left-visible.project-arrow-loading { opacity: 0.3; visibility: visible; background: url(images/cursors/cursor_preloader_black_a.gif) no-repeat center center transparent; }
.flow_slideshow_box .project-arrow-right-visible.project-arrow-loading,
.flow_slideshow_box:hover .project-arrow-right-visible.project-arrow-loading { opacity: 0.3; visibility: visible; background: url(images/cursors/cursor_preloader_black_a.gif) no-repeat center center transparent; }
.white.flow_slideshow_box .project-arrow-left-visible.project-arrow-loading,
.white.flow_slideshow_box:hover .project-arrow-left-visible.project-arrow-loading { background: url(images/cursors/cursor_preloader_white_a.gif) no-repeat center center transparent; }
.white.flow_slideshow_box .project-arrow-right-visible.project-arrow-loading,
.white.flow_slideshow_box:hover .project-arrow-right-visible.project-arrow-loading { background: url(images/cursors/cursor_preloader_white_a.gif) no-repeat center center transparent; }
.white.flow_slideshow_box .project-arrow-left-visible { background: url(images/cursors/cursor_prev_white.png) no-repeat center center transparent; }
.white.flow_slideshow_box .project-arrow-right-visible { background: url(images/cursors/cursor_next_white.png) no-repeat center center transparent; }
.flow_slideshow_box:hover .project-arrow-left-visible:hover { opacity: 1; }
.flow_slideshow_box:hover .project-arrow-right-visible:hover { opacity: 1; } */

/* Arrows to switch between projects */
.portfolio-arrowleft, 
.portfolio-arrowright 
{ 
    visibility: hidden; opacity: 0; position: fixed; 
    bottom: 0px; 
    /* bottom: 100px; */ 

    left: 0; z-index: 305; 

    width: 50px; 

    height: 200px; margin: auto; text-indent: -9999px; cursor: pointer; -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s ease-out; transition: visibility 0s linear 0.25s, opacity 0.25s ease-out; 
}


.admin-bar .portfolio-arrowleft, 
.admin-bar .portfolio-arrowright { top: 132px; }

.portfolio-arrowleft { left: 0; right: auto; background: url(images/cursors/cursor_prevproject_black.png) no-repeat center center transparent; }
.portfolio-arrowright { left: auto; right: 0; background: url(images/cursors/cursor_nextproject_black.png) no-repeat center center transparent; }
.portfolio-arrowleft-white { background: url(images/cursors/cursor_prevproject_white.png) no-repeat center center transparent; }
.portfolio-arrowright-white { background: url(images/cursors/cursor_nextproject_white.png) no-repeat center center transparent; }

.portfolio-arrowleft,
.portfolio-arrowright,
.portfolio-arrowleft-white,
.portfolio-arrowright-white
{
    background-size: contain;    
}


.portfolio-is-loading .portfolio-arrowleft-visible,
.portfolio-is-loading .portfolio-arrowright-visible { visibility: visible; opacity: 0.3; }
.cursor-in-viewport.daisho-portfolio-viewing-project .portfolio-arrowleft-visible,
.cursor-in-viewport.daisho-portfolio-viewing-project .portfolio-arrowright-visible { visibility: visible; opacity: 0.3; -webkit-transition: visibility 0s linear 0s, opacity 0.25s linear; transition: visibility 0s linear 0s, opacity 0.25s linear; }
.cursor-in-viewport.daisho-portfolio-viewing-project .portfolio-arrowright-visible:hover,
.cursor-in-viewport.daisho-portfolio-viewing-project .portfolio-arrowleft-visible:hover,
.portfolio-is-loading.daisho-portfolio-viewing-project .portfolio-arrowleft-visible:hover,
.portfolio-arrowleft-visible:hover, 
.portfolio-arrowright-visible:hover { visibility: visible; opacity: 1; }
.daisho-portfolio-viewing-project .hide-arrow { display: none; }

/* Arrows to switch between slides */
.project-arrow-left,
.project-arrow-right { 
    visibility: hidden; opacity: 0; position: absolute; 
    bottom: 0px; /* bottom: 100px; */ left: 0; z-index: 2; 

    width: 50px;
    /* width: 96px; */
    height: 200px; margin: auto; cursor: pointer; -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s ease-out; transition: visibility 0s linear 0.25s, opacity 0.25s ease-out; }

.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-left,
.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-right { 
    -webkit-transition: visibility 0s linear 0s, opacity 0.25s linear; transition: visibility 0s linear 0s, opacity 0.25s linear;     
}
.project-arrow-right { right: 0; left: auto; }
.project-arrow-left-visible { background: url(images/cursors/cursor_prev_black.png) no-repeat center center transparent; }
.project-arrow-right-visible { background: url(images/cursors/cursor_next_black.png) no-repeat center center transparent; }
.white .project-arrow-left-visible { background-image: url(images/cursors/cursor_prev_white.png); }
.white .project-arrow-right-visible { background-image: url(images/cursors/cursor_next_white.png); }
.project-arrow-loading { background: url(images/cursors/cursor_preloader_black_a.gif) no-repeat center center transparent; }
.white .project-arrow-loading { background: url(images/cursors/cursor_preloader_white_a.gif) no-repeat center center transparent; }

.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-left-visible { visibility: visible; opacity: 0.6; }
.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-right-visible { visibility: visible; opacity: 0.6; }
.project-arrow-left-visible.project-arrow-loading { visibility: visible; opacity: 0.6; }
.project-arrow-right-visible.project-arrow-loading { visibility: visible; opacity: 0.6; }
.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-left-visible:hover { opacity: 1; }
.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-right-visible:hover { opacity: 1; }

.project-meta
{
    padding-top: 80px;
}

/* Project Meta */
.project-meta { text-transform: uppercase; color: #000; position: relative; width: 100%; max-width: 700px; }
.project-meta-col-1 { float: left; width: 310px; max-width: 310px; min-width: 310px; margin-right: 40px; }
.project-meta-col-2 { float: left; max-width: 310px; }
.project-meta-data { margin-bottom: 5px; font-size: 75%; }
.project-meta-heading { float: left; font: 900 100%/1 Novecentowide, sans-serif; padding-right: 10px; width: 75px; word-wrap: break-word; }
.project-meta-description { color: #505050; float: left; font: 400 100%/1 Novecentowide, sans-serif; width: 225px; word-wrap: break-word; }
.project-meta-description a { text-decoration: underline; }

/* Sharing Icons */
.sharing-icons { position: absolute; right: 130px; top: 40px; z-index: 10; }
.sharing-icons a { display: inline-block; text-align: center; text-decoration: none; font-family: WebSymbolsRegular; font-size: 16px; width: 16px; color: #000; position: relative; margin-left: 18px; }
.sharing-icons a:hover { color: #000; text-decoration: none; }
.sharing-icons a:first-child { margin-left: 0; }
.sharing-icons-tooltip { position: absolute; bottom: -18px; left: 8px; margin-left: -35px; width: 70px; color: #fff; font: 10px Novecentowide, sans-serif; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s linear 470ms, opacity 450ms 20ms ease-out, bottom 450ms 20ms ease-out; transition: visibility 0s linear 470ms, opacity 450ms 20ms ease-out, bottom 450ms 20ms ease-out; }
.sharing-icons-icon:hover + .sharing-icons-tooltip { visibility: visible; opacity: 1; bottom: -27px; -webkit-transition: visibility 0s linear, opacity 70ms linear, bottom 70ms linear; transition: visibility 0s linear, opacity 70ms linear, bottom 70ms linear; }
.sharing-icons-tooltip:after { color: #fff; content: attr(data-tooltip); font: 600 10px/1.5 Novecentowide, sans-serif; display: inline-block; padding: 2px 6px; text-transform: uppercase; background-color: #000; border-radius: 4px 4px 4px 4px; }
.white .sharing-icons a { color: #fff; }

/* Project Title and Description */
.project-title { color: #000; font: 900 1000%/0.75 Novecentowide, sans-serif; margin: 0.375em 0; text-transform: uppercase; letter-spacing: -4px; width: 100%; word-wrap: break-word; max-width: 1200px; }
.project-description { color: #000; font: 400 137.5%/1.25 Roboto, sans-serif; margin-bottom: 3em; }
.project-description:empty { margin: 0; }

/* Project Slides */
.project-slides p { margin-bottom: 1em; }
.project-slides .wp-caption-text { margin-bottom: 1.75em; margin-top: 10px; font-style: normal; }
.project-slides .wp-caption-text span.caption-title { color: #000; text-transform: uppercase; font-size: 125%; font-weight: 800; line-height: 1; margin: 0 0 0.5em 0; display: block; }
.project-slides .wp-caption-text span.caption-title + br { display: none; }
.project-slides .wp-caption-text.superslide-caption-text { font-size: 87.5%; }
.project-slides iframe { display: block; }
.project-slides .mejs-container { margin-bottom: 1em; }

/* Styles for [slide] shortcode - left for backwards compatibility */
.project-slide img { max-width: 100%; }
.youtube_container { padding-bottom: 56.25%; position: relative; }
.youtube_container iframe,
.youtube_container embed { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.project-slides .wp-caption-text h4 { color: #000; text-transform: uppercase; font-size: 125%; font-family: Roboto, sans-serif; font-weight: 800; line-height: 1; margin: 0 0 0.5em 0; display: block; }

/* Project View */
.portfolio_box { z-index: 210; opacity: 0; visibility: hidden; margin: 0 auto; position: fixed; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; z-index: 300; -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear; transition: visibility 0s linear 0.2s, opacity 0.2s linear; }
.admin-bar .portfolio_box { top: 32px; height: -webkit-calc(100% - 32px); }
.portfolio_box-visible { opacity: 1; visibility: visible; -webkit-transition: visibility 0s linear 0s, opacity 0.25s linear; transition: visibility 0s linear 0s, opacity 0.25s linear; }

#project-slides { overflow: hidden; position: relative; height: 100%; }
.project-slide { position: relative; float: left; overflow: hidden; cursor: -webkit-grab; height: 100%;  -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; }
.project-slide:active { cursor: -webkit-grabbing; }
.project-slide-invisible { opacity: 0; }
.project-slide-image { margin: 0 auto; cursor: -webkit-grab; }
.project-slides img { max-width: 100%; position: relative; display: block; margin: 0 auto; }

.project-slide-image,
.project-slide-video,
.project-slide-youtube,
.project-slide-vimeo { margin: 0 auto; height: 100%; }

.project-slides embed,
.project-slides iframe { width: 100%; height: 100%; }

.mod-touch .project-slides embed, 
.mod-touch .project-slides iframe,
.mod-touch .project-slides video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 50%; height: calc(100% - 200px); height: -webkit-calc(100% - 200px); margin: auto; }

.project-slide .description { position: absolute; left: 0; bottom: 4%; padding: 0 4%; color: #464646; font-family: Roboto, sans-serif; font-size: 14px; max-width: 600px; width: 100%; }
.project-slide .description h4 { color: #000; font-size: 20px; font-family: Novecentowide, sans-serif; text-transform: uppercase; clear: both; margin-bottom: 10px; }

.project-slide.cursor-white .description { color: #BFBFBF; }
.project-slide.cursor-white .description h4 { color: #fff; }

/* Cover Slide */
.project-slide-cover { height: 100%; }
.cover-wrapper { display: table; width: 92%; height: 100%; max-width: 1200px; margin: 0 auto; }
.cover-inner { vertical-align: middle; display: table-cell; }

/* Video Slide */
/* YouTube Videos - [youtube link=""] */
/* Vimeo Videos - [vimeo link=""] */
.youtube_container { padding-bottom: 56.25%; position: relative; margin-bottom: 3em; }
.youtube_container iframe, .youtube_container embed { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.project-slide-video video { display: block; margin: 0 auto; height: 100%; width: 100%; background-color: rgb(0, 0, 0); }
.project-slide-youtube .youtube_container { max-width: 92%; margin: auto; max-height: 92%; padding: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 50%; }
.project-slide-youtube .youtube_container iframe, .project-slide-youtube .youtube_container embed { position: absolute; left: 0; top: 0; bottom: 0; height: 56.25%; width: 100%; margin: auto; }

.video-wrapper { width: 100%; height: 100%; background-color: rgb(221, 221, 221); }
.watching-video .video-wrapper { background-color: #000; }
.video-play { width: 100px; height: 100px; background: url(images/play.png) no-repeat scroll center center transparent; cursor: pointer; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 10; }
.video-play:hover { opacity: .75; }
.video-poster { z-index: 5; }

.exit { background: url(images/close.png) no-repeat center center transparent; cursor: pointer; display: block; height: 56px; right: 45px; top: 25px; width: 57px; position: absolute; background-color: rgba(0, 0, 0, .9); display: none; z-index: 10; }
.exit-visible { display: block; }
.watching-video { cursor: default; }

.element video { max-width: none; z-index: -1; }

/* Project left and right arrows */
.portfolio-arrow-left { visibility: hidden; opacity: 0; top: 0; left: 0; width: 50%; height: 100%; position: fixed; z-index: 210; }
.portfolio-arrow-right { visibility: hidden; opacity: 0; top: 0; right: 0; width: 50%; height: 100%; position: fixed; z-index: 210; }
body.konzept-portfolio-viewing-project .portfolio-arrow-left { visibility: visible; opacity: 1; }
body.konzept-portfolio-viewing-project .portfolio-arrow-right { visibility: visible; opacity: 1; }

.portfolio-arrow-left { cursor: url(images/cursors/cursor_prev_black.png), auto; }
.portfolio-arrow-left-first { cursor: url(images/cursors/cursor_prevproject_black.png), auto; }
.portfolio-arrow-right { cursor: url(images/cursors/cursor_next_black.png), auto; }
.portfolio-arrow-right-last { cursor:url(images/cursors/cursor_nextproject_black.png), auto; }

.portfolio-arrow-left-white { cursor: url(images/cursors/cursor_prev_white.png), auto; }
.portfolio-arrow-left-first-white { cursor: url(images/cursors/cursor_prevproject_white.png), auto; }
.portfolio-arrow-right-white { cursor: url(images/cursors/cursor_next_white.png), auto; }
.portfolio-arrow-right-last-white { cursor:url(images/cursors/cursor_nextproject_white.png), auto; }
            
/* Project loading */
.portfolio-loadingbar { display: none; z-index: 1905 !important; position: fixed; height: 100%; left: -400px; height: 150%; top: 0; bottom: 0; margin: auto;  }
.portfolio-loadingbar-visible { display: block; }
.portfolio-loadinghr { background-color: #838283; width: 1px;transform: rotate(15deg); -moz-transform: rotate(15deg); -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); float: left; height: 100%; }
.portfolio-indicator { font-size: 20px; font-family: Novecentowide, Arial, sans-serif; font-weight:300; color: #838283; height: 100%; display: block; float: left; top: 50%; position: relative; }
.loading { background-image: url(images/cursors/cursor_preloader_white_a.gif); height: 70px; width: 70px; background-repeat: no-repeat; position: fixed; top: 45.5%; left: 48%; display: none; z-index: 234; opacity: 0; }
.portfolio-loadingcursor-black { display: none; }

/* Konzept Project Background */
.project-coverslide { width: 100%; height: 100%; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 240; opacity: 0; visibility: hidden; }
.project-coverslide-visible { opacity: 0.97; visibility: visible; }

/* Portfolio Video Container */
/* Vimeo and YouTube have occasional issues in Mac when they are present in a container with CSS3 transforms enabled. To fix this, we place the video outside the container. */
.portfolio-video-container { position: fixed; top: 0; left: 0; z-index: 2000; /* Above the portfolio slideshow in mobile mode and above the loading bar */ width: 100%; height: 100%; }
.admin-bar .portfolio-video-container { top: 32px; height: calc(100% - 32px); height: -webkit-calc(100% - 32px); }
.portfolio-video-container embed,
.portfolio-video-container iframe { width: 100%; height: 100%; }
.mod-touch .portfolio-video-container embed, 
.mod-touch .portfolio-video-container iframe,
.mod-touch .portfolio-video-container video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 50%; height: calc(100% - 200px); height: -webkit-calc(100% - 200px); margin: auto; }
.portfolio-video-container .exit { background: url(images/close.png) no-repeat center center transparent; cursor: pointer; display: block; height: 56px; right: 45px; top: 25px; width: 57px; position: absolute; background-color: rgba(0, 0, 0, .9); z-index: 2; }

/* Close Button */
.portfolio-cancelclose { background: url(images/close-black.png) no-repeat 0 0 transparent; cursor: pointer; display: block; height: 36px; right: 50px; top: 35px; width: 37px; z-index: 1; position: absolute; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
.portfolio-cancelclose-white { background: url(images/close.png) no-repeat 0 0 transparent; }
.portfolio-cancelclose:hover { -webkit-transform: rotate(180deg); transform:rotate(180deg); }
.portfolio-cancelclose { background-position: center center; height: 56px; right: 45px; top: 25px; width: 57px; }
.white .portfolio-cancelclose { background: url(images/close.png) no-repeat center center transparent; }
.portfolio-cancelclose-cover { background: url(images/close-black.png) no-repeat center center transparent; }
.white .portfolio-cancelclose-cover { background: url(images/close.png) no-repeat center center transparent; }

/* Password Form */
.project-slides > form { position: absolute; background: #fff; background: rgba(255, 255, 255, 0.96); width: 100vw; height: 100%; display: -ms-flex; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; justify-content: center; text-align: center; padding-top: 50px; }
.project-slides > form > p { display: -ms-flex; display: -webkit-flex; display: flex; max-width: 92%; margin: 0 auto 1em auto; }
.project-slides > form > p > label > input  { margin-right: 5px; }







/* ############################################################################### */
.menu_cta {
background-color: #ff6900;
color: #fff;
padding: 0 !important;
}

.menu_cta a {
color: #fff !important;
padding: 15px 15px 15px 15px !important;
}

/* Set the Divi Mobile Nav to Fixed on scroll */
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
}
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}
/* Add the word MENU after the mobile nav hamburger icon */
.mobile_menu_bar:after {
    content: 'MENU';
    bottom: 10px;
    left: 10%;
    position: relative !important;
    color: #FFF;
}
/* Change the hamburger icon to an X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

#mobile_menu li:not([id]) { 
    display:none !important; 
    }



/* 
############################################### */

.project-title {
    font-size: min(70px, max(40px, 8vw)) !important;
}

.project-title {
  line-height: 0.95!important;
}

.single .page-title, .search .page-title, .archive .page-title {
    font-size: 600%;
    color: #ff8320!important;
}



/* -------------- */

.et_pb_module.portfolio-linkbox
{
    height: 420px;

}

.et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container
{

}
.et_pb_module.portfolio-linkbox .et_pb_blurb_content
{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: rgb(255 255 255 / 90%);
    opacity: 0;
    color: #ee7f00;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 24px;
    line-height: 1.3em;
    padding:  20px;
}
.et_pb_module.portfolio-linkbox:hover  .et_pb_blurb_content,
.et_pb_module.portfolio-linkbox:active .et_pb_blurb_content,
.et_pb_module.portfolio-linkbox:focus  .et_pb_blurb_content
{
    opacity: 1;
}

.et_pb_module.portfolio-linkbox .et_pb_blurb_content h4
{
    color: #ee7f00;
    font-size: 24px;
    line-height: 1.3em;
}