@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 200;
src: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-200.eot); src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'),
url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-200.eot?#iefix) format('embedded-opentype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-200.woff2) format('woff2'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-200.woff) format('woff'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-200.ttf) format('truetype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-200.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 100;
src: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-100italic.eot); src: local('Raleway Thin Italic'), local('Raleway-ThinItalic'),
url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-100italic.eot?#iefix) format('embedded-opentype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-100italic.woff2) format('woff2'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-100italic.woff) format('woff'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-100italic.ttf) format('truetype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-100italic.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 200;
src: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-200italic.eot); src: local('Raleway ExtraLight Italic'), local('Raleway-ExtraLightItalic'),
url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-200italic.eot?#iefix) format('embedded-opentype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-200italic.woff2) format('woff2'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-200italic.woff) format('woff'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-200italic.ttf) format('truetype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-200italic.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 300;
src: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-300italic.eot); src: local('Raleway Light Italic'), local('Raleway-LightItalic'),
url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-300italic.eot?#iefix) format('embedded-opentype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-300italic.woff2) format('woff2'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-300italic.woff) format('woff'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-300italic.ttf) format('truetype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-300italic.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 300;
src: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-300.eot); src: local('Raleway Light'), local('Raleway-Light'),
url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-300.eot?#iefix) format('embedded-opentype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-300.woff2) format('woff2'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-300.woff) format('woff'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-300.ttf) format('truetype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-300.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-regular.eot); src: local('Raleway'), local('Raleway-Regular'),
url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-regular.woff2) format('woff2'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-regular.woff) format('woff'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-regular.ttf) format('truetype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-regular.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 400;
src: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-italic.eot); src: local('Raleway Italic'), local('Raleway-Italic'),
url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-italic.eot?#iefix) format('embedded-opentype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-italic.woff2) format('woff2'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-italic.woff) format('woff'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-italic.ttf) format('truetype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-italic.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
src: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-500.eot); src: local('Raleway Medium'), local('Raleway-Medium'),
url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-500.eot?#iefix) format('embedded-opentype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-500.woff2) format('woff2'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-500.woff) format('woff'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-500.ttf) format('truetype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-500.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 500;
src: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-500italic.eot); src: local('Raleway Medium Italic'), local('Raleway-MediumItalic'),
url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-500italic.eot?#iefix) format('embedded-opentype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-500italic.woff2) format('woff2'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-500italic.woff) format('woff'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-500italic.ttf) format('truetype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-500italic.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
src: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-600.eot); src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-600.eot?#iefix) format('embedded-opentype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-600.woff2) format('woff2'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-600.woff) format('woff'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-600.ttf) format('truetype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-600.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 600;
src: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-600italic.eot); src: local('Raleway SemiBold Italic'), local('Raleway-SemiBoldItalic'),
url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-600italic.eot?#iefix) format('embedded-opentype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-600italic.woff2) format('woff2'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-600italic.woff) format('woff'), url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-600italic.ttf) format('truetype'), url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/raleway/raleway-v12-latin-600italic.svg#Raleway) format('svg'); }
@font-face {
font-family: 'ml';
src: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/fontello-9ffddf7e/font/ml.eot?74860688);
src: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/fontello-9ffddf7e/font/ml.eot?74860688#iefix) format('embedded-opentype'),
url(//www.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/fontello-9ffddf7e/font/ml.woff2?74860688) format('woff2'),
url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/fontello-9ffddf7e/font/ml.woff?74860688) format('woff'),
url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/fontello-9ffddf7e/font/ml.ttf?74860688) format('truetype'),
url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/fonts/fontello-9ffddf7e/font/ml.svg?74860688#ml) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "ml";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-facebook:before { content: '\e800'; } .icon-twitter-bird:before { content: '\e801'; } .icon-vimeo:before { content: '\e802'; } .icon-linkedin:before { content: '\e803'; } .icon-pinterest:before { content: '\e804'; } .icon-xing:before { content: '\e805'; } .icon-search:before { content: '\e806'; } .icon-cancel-circle:before { content: '\e807'; } .icon-email:before { content: '\e808'; } .icon-plus:before { content: '\e809'; } .icon-play:before { content: '\e80a'; } .icon-th:before { content: '\e80b'; } .icon-phone:before { content: '\e80c'; } .icon-rss:before { content: '\e80d'; } .icon-rss-1:before { content: '\e80e'; } .icon-github-circled:before { content: '\f09b'; }  .clearfix { zoom:1; }
.clearfix:before, .clearfix:after {
display:table;
content:"";
}
.clearfix:after { clear:both; }
.fade-out { opacity:0 !important; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
table td {
padding: 8px 0 10px 0 !important;
}
table.tablepress td:first-child {
width: 100px;
font-weight: 600;
}
table.tablepress img {
margin-right: 15px;
}
table.tablepress.auto-width td:first-child {
width: auto;
font-weight: normal;
padding-right: 15px !important;
}
table.tablepress.half-width {
width: 50%;
}
table.tablepress.two-thirds-width {
width: 66%;
}
body {
font-family: Raleway, Helvetica, Arial, sans-serif;
color:#ddd;
background-color: #000;
font-size: 13px;
line-height:1.5;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a, a:link, a:visited, a:active, a:focus {
color: #000;
font-weight: 600;
text-decoration: none;
outline: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
a:hover {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a:focus {
outline: none;
} a:focus-visible {
outline: thin dotted #888;
}
a:hover, a:active {
outline: 0;
}
::-moz-selection, ::selection {
color:#ffffff;
text-shadow:none;
}
b {
font-weight: 600;
}
p a, li a, blockquote a, .text-block a {
}
p a:hover, li a:hover, blockquote a:hover, .text-block a:hover {
}
.underlined {
}
.underlined:hover {
}
small { font-size:0.75em; }
h1, h2, h3, h4, h5, h6 {
font-weight: 200;
font-family:inherit;
}
h1 {
font-size: 2.5em;
line-height: 1.1em;
}
h2 {
font-size: 1.8em;
margin: 1.05em 0 .75em;
line-height: 1.3em;
}
h2 strong {
font-weight: 400;
}
h3 {
font-weight: 600;
margin: 20px 0 5px;
line-height: 1.2em;
}
h4, h5, h6 {
font-weight: 600;
margin:1.5em 0 0.5em;
}
p { margin-bottom:1em; }
p img {
display:block;
max-width:768px;
}
ul, ol { margin:0 0 1em 2em; }
li { margin:0 0 0.5em 0; }
blockquote { margin:1em 0 1em 2em; }
pre {
font-family:Courier, monospace;
font-size:0.75em;
line-height:1.2em;
}
input[type="submit"], button, .button {
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
color: #fff;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
background: #555;
cursor:pointer;
display:block;
outline:none;
padding: 0.5em 1em;
position:relative;
text-decoration:none;
border:0;
-webkit-transition:background-color 0.2s ease-in-out;
-moz-transition:background-color 0.2s ease-in-out;
-o-transition:background-color 0.2s ease-in-out;
transition:background-color 0.2s ease-in-out;
}
input[type="submit"]:hover, button:hover, .button:hover { background:#333; }
input[type="submit"]:active, button:active, .button:active { background:#222; }
form label {
display:block;
padding-bottom:0.25em;
margin:0;
line-height:1.6em;
cursor:pointer;
}
form input, form textarea {
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding:0.571428571429em;
line-height:1.6em;
border:1px solid #999999;
margin:0;
}
form input:active, form textarea:active {
}
input:focus,
select:focus,
textarea:focus,
button:focus { }
.sticky .entry-date {
display: none;
}
.two-dim-slider {
position:relative;
width:600px;
height:600px;
z-index:1;
background-color: #000;
}
.two-dim-slider .preloader-container {
position: absolute;
left: 50%;
top: 50%;
}
.two-dim-slider .preloader-container .preloader-spinner {
width: 40px;
height: 40px;
margin-left: -20px;
margin-top: -20px;
background: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/img/preloader.gif);
background-size: cover;
}
.two-dim-slider a.play-button-container {
position:absolute;
left:50%;
top:50%;
display:block;
border:0;
}
.two-dim-slider .play-button {
-webkit-tap-highlight-color:rgba(0,0,0,0);
width:60px;
height:60px;
margin-left:-30px;
margin-top:-30px;
display:block;
cursor:pointer !important;
background: #fff;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
overflow:hidden;
opacity: 0.8;
-webkit-transition:opacity .2s ease-in-out;
-moz-transition:opacity .2s ease-in-out;
-o-transition:opacity .2s ease-in-out;
transition:opacity .2s ease-in-out;
position: relative;
}
.two-dim-slider a.play-button-container:hover .play-button {
opacity: 1;
}
.two-dim-slider a .play-button .play-button-icon {
border: none;
}
.two-dim-slider .play-button .play-button-icon {
border: none !important;
text-decoration: none !important;
color: #000;
font-size: 35px;
margin: 4.5px 0 0 9px;
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 0.8;
}
.two-dim-slider .play-button.play-button-loading {
opacity: 1.0;
background: #000;
}
.two-dim-slider .play-button.play-button-loading .play-video-loading-icon {
display:block;
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
background: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/img/preloader.gif) no-repeat center center #000;
background-size: 30px 30px;
}
.two-dim-slider .play-button.play-button-loading .play-icons-wrap { margin-left:-64px; }
.two-dim-slider .play-button .play-icons-wrap {
width:128px;
margin:0;
display:block;
margin-left:0;
}
.two-dim-slider .back-to-list-button {
position:absolute;
z-index:30;
left:8px;
top:16px;
padding:4px 8px 3px;
background:#ffffff;
display:block;
}
.two-dim-slider .video-overlay {
position:absolute;
left:0;
top:0;
z-index:26;
bottom:0;
right:0;
display:none;
pointer-events: none;
}
.two-dim-slider .video-overlay .video-container {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin: 0;
overflow:hidden;
}
.two-dim-slider .video-overlay .video-container iframe {
pointer-events: auto;
}
.two-dim-slider .video-overlay .video-close-button {
position:absolute;
margin-left: -5px;
z-index:30;
margin-top: -30px;
background: #000;
font-weight: 600;
display:block;
background: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/img/sprite_2.1.svg);
-webkit-filter: drop-shadow( 0px 0px 8px rgba(0, 0, 0, 1.0));
filter: drop-shadow( 0px 0px 8px rgba(0, 0, 0, 1.0));
background-position: -140px 0px;
width: 80px;
height: 80px;
pointer-events: auto;
cursor: pointer;
-webkit-transform: scale(0.5, 0.5);
}
.two-dim-slider .video-overlay .video-close-button a {
color: #fff;
}
.two-dim-slider .video-overlay .video-close-button a:hover {
border: none;
}
.two-dim-slider .close-button {
cursor:pointer;
display:block;
width:32px;
height:32px;
position:relative;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.two-dim-slider .close-button .close-icon {
margin:0;
width:32px;
height:32px;
background-color:#ffffff;
display:block;
}
.two-dim-slider .slider-wrapper {
overflow:hidden;
width:100%;
height:100%;
top:0;
left:0;
margin:0;
zoom:1;
z-index:20;
padding:0;
}
.two-dim-slider .drag-container {
position:relative;
width:100%;
height:100%;
}
.two-dim-slider .album-meta,
.two-dim-slider .item-meta { display:none; }
.two-dim-slider .block {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
overflow:hidden;
-o-transform-origin:0;
}
.two-dim-slider .block img.blocked-by-loop { visibility:hidden !important; }
.two-dim-slider .block-inside {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:0 !important; overflow:hidden;
}
.two-dim-slider .top { top:-100%; }
.two-dim-slider .bottom { top:100%; }
.two-dim-slider .left { left:-100%; }
.two-dim-slider .right { left:100%; }
.two-dim-slider .last-block { background:none !important; }
.two-dim-slider .last-block img { visibility:hidden !important; }
.two-dim-slider .slider-controls {
-webkit-user-select: none; -ms-user-select: none; user-select: none; }
.two-dim-slider .arrow-left a,
.two-dim-slider .arrow-right a {
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-transition:none 0s ease-in-out;
-moz-transition:none 0s ease-in-out;
-o-transition:none 0s ease-in-out;
transition:none 0s ease-in-out;
}
.two-dim-slider .arrow-left .icon-bg:hover,
.two-dim-slider .arrow-right .icon-bg:hover {
background:none;
border:0;
color:#fff;
}
.two-dim-slider .arrow-left .icon-bg:hover .info-text.info-text-visible,
.two-dim-slider .arrow-right .icon-bg:hover .info-text.info-text-visible {
visibility:visible;
opacity:1;
color:#fff;
}
.two-dim-slider .arrow-left .icon-bg .info-text,
.two-dim-slider .arrow-right .icon-bg .info-text {
display: block;
visibility: hidden;
background: none;
float: left;
position: absolute;
top: 10px;
left: 0px;
width: 100%;
padding: 0;
font-size: 12px;
line-height: 18px;
text-align: center;
color: #fff;
opacity: 0;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.two-dim-slider .arrow-right .icon-bg .info-text {
left: auto;
right: 0px;
color: #fff;
}
.two-dim-slider .arrow-left,
.two-dim-slider .arrow-right,
.two-dim-slider .arrow-down {
position: absolute;
top: 50%;
z-index: 2000;
display: block;
width: 90px;
height: 100px;
margin: 0;
margin-top: -50px;
background: transparent;
border: none;
border-radius: 0;
padding: 0;
}
.two-dim-slider .arrow-left:focus-visible,
.two-dim-slider .arrow-right:focus-visible,
.two-dim-slider .arrow-down:focus-visible  {
outline: thin dotted #888;
}
.two-dim-slider .arrow-left .icon-bg,
.two-dim-slider .arrow-right .icon-bg,
.two-dim-slider .arrow-down .icon-bg {
width: 100%;
height: 100%;
display:block;
position:relative;
cursor:pointer; }
.two-dim-slider .arrow-left .icon-bg .icon,
.two-dim-slider .arrow-right .icon-bg .icon,
.two-dim-slider .arrow-down .icon-bg .icon {
float:left;
display:block;
margin: 0;
width: 100%;
height: 100%;
background: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/img/sprite_2.1.svg);
-webkit-filter: drop-shadow( 0px 0px 8px rgba(0, 0, 0, 1.0));
filter: drop-shadow( 0px 0px 8px rgba(0, 0, 0, 1.0));
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.two-dim-slider .arrow-left.disabled-arrow .icon,
.two-dim-slider .arrow-right.disabled-arrow .icon,
.two-dim-slider .arrow-down.disabled-arrow .icon {
opacity:0.2;
}
.two-dim-slider .arrow-left {
left: 3px;
}
.two-dim-slider .arrow-left .icon-bg .icon {
background-position: -63px 0px;
}
.two-dim-slider .arrow-left.prev-album-arrow .icon-bg .icon {
background-position: -65px -100px;
}
.two-dim-slider .arrow-right {
right: 0px;
}
.two-dim-slider .arrow-right .icon-bg .icon {
margin-left: 0px;
background-position: 10px 0px;
}
.two-dim-slider .arrow-right.next-album-arrow .icon-bg .icon {
background-position: 15px -100px;
}
.two-dim-slider .arrow-down {
left: calc(50vw - 45px);
top: auto;
bottom: -15px;
}
.two-dim-slider .arrow-down .icon-bg .icon {
background-position: 15px -100px;
}
.two-dim-slider .slider-album-indicator {
position: fixed;
z-index: 2000;
color: #ffffff;
width: auto;
top: 27px;
right: 80px;
}
.two-dim-slider .slider-album-indicator .album-info-text {
background: none;
height: 22px;
float: right;
padding: 6px 8px 5px 12px;
-webkit-transition:opacity .25s ease-in-out;
-moz-transition:opacity .25s ease-in-out;
-o-transition:opacity .25s ease-in-out;
transition:opacity .25s ease-in-out;
}
.two-dim-slider .slider-album-indicator .album-info-text.album-text-hidden { opacity:0; }
.two-dim-slider .slider-album-indicator a.album-name-indicator {
text-align: right;
float:right;
clear: both;
text-decoration: none;
color: #fff;
font-weight: 500;
}
.two-dim-slider .slider-album-indicator .item-count-indicator {
float:right;
clear: both;
font-weight: 600;
}
.two-dim-slider .grab-cursor { cursor:url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/img/grab.png) 8 8, move; }
.two-dim-slider .grabbing-cursor { cursor:url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/img/grabbing.png) 8 8, move; }
.two-dim-slider .auto-cursor { cursor:auto; }
.two-dim-slider .slider-additional-info {
position: fixed;
z-index: 2000;
color: #fff;
width: auto;
bottom: 27px;
right: 30px;
}
.two-dim-slider .slider-additional-info p {
margin: 0;
}
.two-dim-slider .slider-additional-info a {
color: #fff;
border-bottom: 1px solid #fff;
font-weight: normal;
}
.two-dim-slider .slider-project-button {
position: fixed;
bottom: 30px;
right: 35px;
}
.two-dim-slider .slider-project-button button {
background-color: #fff;
color: #000;
font-size: 14px;
}
@media only screen and (max-width: 620px) {
.two-dim-slider .slider-project-button {
left: 50%;
right: auto;
transform: translateX(-50%);
bottom: 85px;
}
.two-dim-slider .slider-project-button button {
font-size: 16px;
}
}
.album-info-block {
-webkit-text-size-adjust:none;
position: absolute;
display: none;
opacity: 0;
overflow:auto;
padding: 0;
background: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/img/albuminfo-back.png) repeat;
right:0;
top: 0;
width:35%;
color: #fff;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 100;
}
.album-info-block a {
color: #fff;
border-bottom: 1px solid #fff;
-webkit-transition:opacity .2s ease-in-out;
-moz-transition:opacity .2s ease-in-out;
-o-transition:opacity .2s ease-in-out;
transition:opacity .2s ease-in-out;
opacity: 0.8;
}
.album-info-block a:hover {
opacity: 1.0;
}
.album-info-block .bottom-bar {
width:100%;
}
.album-info-block .info-container {
width: 400px;
height: calc(100% - 75px);
position: absolute;
top: 37px;
right: 100px;
pointer-events: auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
display: none;
padding-right: 20px;
}
.album-info-block h3.album-title {
font-size: 2.5em;
font-weight: 200;
position: relative;
margin: -4px 0 20px 0;
}
.album-info-block h4.album-excerpt {
font-weight: 400;
font-size: 17px;
line-height: 21px;
position: relative;
margin: -6px 0 20px 0;
}
.album-info-block .album-content {
position: relative;
font-size: 14px;
line-height: 1.5em;
overflow:auto;
}
.album-info-block .album-edit-link {
margin: 20px 0 0 0;
display: inline-block;
}
.album-info-block ul {
margin: -13px 0 13px 0;
padding: 0;
list-style-type: square;
}
.album-info-block ul li {
list-style-type: none;
background: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/img/dash_white.png) left top no-repeat;
background-position: 0px 10px;
margin: 0;
padding: 0;
padding-left: 12px;
}
.img-desc-block {
-webkit-text-size-adjust:none;
position:absolute;
overflow:auto;
z-index:50;
padding:0;
background:#ffffff;
left:0;
top:8px;
max-width:65%;
color:#3b3a37;
}
.img-desc-block .info-container {
width:auto;
height:auto;
padding:1.0em;
}
.img-desc-block .img-content {
line-height:1.6em;
margin:0;
max-height:300px;
overflow:auto;
}
#info-button-wrapper {
display: block;
position: fixed;
top: 21px;
right: 15px;
z-index: 101;
cursor: pointer;
}
#canvas-info-button {
display: block;
-webkit-tap-highlight-color:rgba(0,0,0,0);
width: 60px;
height: 60px;
opacity: 0;
top: 0;
right: 0;
background-color: transparent;
border: none;
padding: 0;
border-radius: 0;
}
#canvas-info-button:focus-visible {
outline: thin dotted #888;
}
#canvas-info-button canvas {
width: 100%;
height: 100%;
}
.slider-data {
display: none;
color:#ffffff;
z-index:-100;
overflow:hidden;
}
.slider-data a {
color:#ffffff;
border:0;
background:none;
}
.slider-data .album-meta { display:block; }
.action-notifier {
opacity:0;
position:absolute;
left:0;
top:0;
background:#ffffff;
z-index:9999;
white-space:nowrap;
padding:0 8px;
font-size:12px;
-moz-user-select:-moz-none;
-khtml-user-select:none;
-webkit-user-select:none;
-o-user-select:none;
user-select:none;
}
.action-notifier.action-notifier-visible { opacity:1; }
.entry-title a {
color: #000;
font-weight: 200;
border: none;
}
.entry-title a:hover {
border: none;
}
.entry-header {
margin: 0;
}
.entry-meta {
margin: 0px 0 20px 0;
font-weight: normal;
color: #777;
}
.entry-meta .comments-link, .entry-meta .entry-date, .entry-meta .byline { white-space:nowrap; }
.more-link {
margin-top:1em;
display:inline-block;
font-weight: normal;
color:#3b3a37;
overflow:hidden;
line-height:1.3em;
}
.logged-in-as {
margin-bottom:1.14285714286em;
}
.entry-content, .entry-summary { margin:0; }
.entry-content {
margin-bottom: 40px;
} .post-1631 .entry-content, .post-1662 .entry-content {
max-width: 1000px;
}
.entry-meta a, .entry-content a {
color: #222;
border-bottom: 1px solid #555;
opacity: 1.0;
font-weight: 500;
}
.entry-meta a:hover, .entry-content a:hover {
color: #000;
border-bottom: 1px solid #333;
opacity: 1.0;
}
.entry-content img {
max-width: 100%;
height: auto;
}
.page-links {
margin:0 0 1em;
}
.hentry {
max-width: 640px;
margin: 0 0 5em;
}
.page-template-full-width-page-template-php .hentry {
max-width: none;
}
.page-template-full-width-page-template-php #primary {
padding: 15px 100px 15px 30px;
}
#nav-below {
max-width:640px;
margin:0 0 2em;
}
#comments {
max-width:640px;
margin:0;
}
#commentform #author, #commentform #email, #commentform #url {
width:100%;
max-width:400px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
#commentform #comment {
min-height:10em;
max-width:100%;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
.commentlist {
list-style:none;
margin:0;
padding:0;
}
.commentlist .comment-content { padding-left:2em; }
.commentlist .children {
list-style:none;
margin:0 0 0.5em 2em;
}
.commentlist .comment {
margin:0 0 1em;
border-bottom:1px solid rgba(0,0,0,0.05);
padding:1em 0;
}
.commentlist .comment .avatar {
float:left;
width:1.5em;
height:auto;
margin:0 0.5em 0 0;
}
.commentlist .comment time { margin:0 0.3em; }
.commentlist .comment cite {
font-style:normal;
}
.commentlist .comment footer { margin-bottom:1em; }
.commentlist .comment .commentmetadata { display:inline; }
.commentlist .comment .commentmetadata a { color:#929699; }
.commentlist .comment .commentmetadata, .commentlist .comment .reply {
color:#929699;
}
.commentlist .comment .reply { padding-left:2.28571428571em; }
.commentlist .comment.author-comment cite {
background:#fff9b3;
padding:0 2px;
}
#respond {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
#respond form {
margin-top:1.5em;
}
.hyphens {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.alignleft {
display:inline;
float:left;
margin-right: 2em;
margin-top: .4em;
margin-bottom: 1em;
}
.alignright {
display: inline;
float: right;
clear: both;
margin-left: 2em;
margin-top: .2em;
margin-bottom: 1em;
}
.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
}
.aligncenter .wp-caption-text {
text-align: center;
}
.wp-caption a {
opacity: 1;
border: none;
}
.wp-caption-text {
font-size: 11px;
color: #666;
}
.wp-caption-text a {
color: #333;
border-bottom: 1px solid #777;
opacity: 0.7;
}
.wp-caption-text a:hover {
opacity: 1;
}
#nav-below {
padding-bottom:1em;
display:block;
}
.nav-previous {
float: left;
width: 50%;
margin-bottom: 20px;
}
.nav-next {
float: right;
width: 50%;
margin-bottom: 20px;
text-align: right;
}
.nav-previous a, .nav-next a {
font-weight: 500;
color: #222;
border-bottom: 1px solid #555;
}
.nav-previous a:hover, .nav-next a:hover {
color: #000;
border-bottom: 1px solid #333;
}
body {
background: #fff;
}
html, body {
-webkit-font-smoothing: antialiased;
height:100%;
width:100%;
}
#main-wrap {
width: 100%;
height: 100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
#page {
margin: 0;
min-height: 500px;
}
#main {
width: 100%;
height: 100%;
background: transparent;
color: #000;
margin: 0;
opacity: 0;
}
#content {
margin-left: 360px;
margin-top: 17px;
}
@media print {
#content {
margin-left: 0;
}
}
body.single #content, body.archive #content {
max-width: 640px;
}
.push {
height: 30px;
clear: both;
}
#primary {
padding: 15px 30px 15px 30px;
}
#secondary {
color: #000;
float:left;
left: 50px;
}
.main-header {
position: fixed;
height:100%;
pointer-events: none;
background:none !important;
margin-left: 25px;
float:left;
z-index: 1100;
opacity: 0;
}
@media print {
.main-header {
display: none;
}
@page {
size: auto;  margin: 15mm 10mm 15mm 20mm;
}
}
.menus-container {
position: absolute;
left: -300px;
top: 80px;
width: 250px;
height: 100%;
overflow: hidden;
pointer-events: auto;
font-size: 14px;
}
body.ds-gallery-page .menus-container {
display: none;
}
@media print {
.menus-container {
display: none;
}
}
.menus-container .scroll-container {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
height: calc(100% - 60px);
}
.menus-container a,
.menus-container a:link,
.menus-container a:visited,
.menus-container a:active,
.menus-container a:focus {
-webkit-tap-highlight-color: rgba(0,0,0,0);
border: none;
}
.menus-container a,
.menus-container button {
text-decoration:none;
border: none;
padding: 5px 0px;
color:#000;
-webkit-transition:none 0 ease-in-out;
-moz-transition:none 0 ease-in-out;
-o-transition:none 0 ease-in-out;
transition:none 0 ease-in-out;
-webkit-transition:opacity .2s ease-in-out;
-moz-transition:opacity .2s ease-in-out;
-o-transition:opacity .2s ease-in-out;
transition:opacity .2s ease-in-out;
opacity: 0.6;
}
.menus-container a:hover,
.menus-container button:hover {
color: #000;
opacity: 1.0;
}
.menus-container a:focus-visible,
.menus-container button:focus-visible {
opacity: 1.0;
}
.menus-container .social-icon svg path {
fill: #000;
}
#languages-menu {
margin: 0 0 15px 2px;
text-transform: uppercase;
}
#languages-menu .sep {
opacity: 0.7;
}
#languages-menu a {
font-weight: 500;
}
#languages-menu a:hover {
border: none;
}
#languages-menu a.active {
color: #000;
opacity: 1;
}
.menu {
margin: 5px 0 2px 2px;
font-weight: normal;
line-height: 20px;
color: #000;
}
.menu ul {
margin: 0;
list-style:none;
}
.menu li {
margin: 0 0 5px 0px;
list-style: none;
font-size: 19px;
}
.menu li a {
font-weight: 400;
}
.menu a {
padding: 5px 5px;
}
.menu li.important-item a {
background:#afeef5;
opacity: 1;
}
.menu li.current-menu-item > a {
color:#000;
opacity: 1;
}
.menu ul.primary-menu > li:nth-last-child(2) {
font-size: 14px;
font-weight: 500;
margin-top: 30px;
}
.menu ul.primary-menu > li:last-child {
font-size: 14px;
font-weight: 500;
}
.menu-sep {
color: #000;
opacity: 0.7;
}
.project-menu-sep {
margin-bottom:5px;
}
.sub-menu {
display: none;
}
.current-menu-item .sub-menu, .current-menu-ancestor .sub-menu {
display: block;
margin-left: 20px;
}
#gallery-menu {
margin: 12px 0px 20px 20px;
line-height: 20px;
}
#gallery-menu a {
color: #000;
font-weight: 500;
}
#gallery-menu a:hover {
}
#gallery-menu > li.current-album-menu-item a {
cursor: default;
color: #000;
opacity: 1;
}
#gallery-menu > li.current-album-menu-item a:hover {
}
#gallery-menu > li {
font-size: 14px !important;
margin: 0 0 2px 0px;
font-weight: 500;
}
#gallery-menu > li.btn-show-more button {
background-color: transparent;
border: none;
border-radius: 4px;
padding: 3px 7px 4px 7px;
margin-left: 5px;
margin-top: 7px;
margin-bottom: 5px;
background: rgba(255, 255, 255, .2);
}
.social-menu { margin-top: 20px;
margin-left: 6px;
z-index: 100;
font-size: 15px;
float: left;
}
.social-menu a {
padding: 0;
}
body.ds-gallery-page .social-menu {
position: absolute;
bottom: 0;
}
.social-menu .social-icon {
float: left;
padding-top: 5px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 9px;
opacity: 0.7;
}
.social-menu a:first-child .social-icon {
padding-left: 0px;
}
.social-menu .social-icon:hover {
opacity: 1;
}
.social-menu .social-icon.icon-vimeo,
.social-menu .social-icon.icon-twitter-bird {
font-size: 90%;
margin-top: -1px;
}
.social-menu .social-icon.icon-linkedin {
margin-top: -1px;
}
.social-menu .social-icon.icon-github-circled {
font-size: 135%;
}
.page-social-icon {
vertical-align: -1px;
padding-right: 1px;
}
.mobile-menu-overlay {
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 1.0);
z-index: 1000;
display: none;
opacity: 0;
}
#canvas-menu-button {
display: none;
position: fixed;
top: 24px;
left: 12px;
z-index: 50;
pointer-events: auto;
cursor: pointer;
width: 60px;
height: 60px;
opacity: 0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
background-color: transparent;
border: none;
padding: 0;
border-radius: 0;
}
#canvas-menu-button:focus-visible {
outline: thin dotted #888;
}
#canvas-menu-button canvas {
width: 60px;
height: 60px;
}
body.ds-gallery-page #canvas-menu-button {
display: block;
}
.logo {
margin-top: 5px;
width: 85px;
height: 85px;
letter-spacing:0;
font-size:1em;
position: fixed;
margin-left: 25px;
z-index: 100;
opacity: 0;
}
.logo a {
color: #ffffff;
border: 0;
background: none;
display: block;
position: absolute;
left: 75px;
top: 0;
width: 85px;
height: 85px;
margin: 0 0 0 -14px;
-webkit-transition:opacity .2s ease-in-out;
-moz-transition:opacity .2s ease-in-out;
-o-transition:opacity .2s ease-in-out;
transition:opacity .2s ease-in-out;
}
.logo a:hover {
background:none;
}
.logo a img {
width: 100%;
height: 100%;
pointer-events: auto;
margin-left: 4px;
}
.site-name {
margin-left: 7px;
margin-top: 5px;
margin-bottom: 5px;
color: #000;
opacity: 1.0 !important;
font-size: 16px;
font-weight: 600 !important;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.site-description {
color: #000;
margin-left: 7px;
margin-bottom: 5px;
font-weight: 500;
opacity: 0.7;
width: 180px;
}
.site-description .location {
margin-left: 5px;
color: #555;
}
.site-description .location .pin {
display: inline-block;
vertical-align: top;
margin-top: 4px;
}
.site-description .location .pin path {
fill: #666;
}
.widget {
margin: 10px 0 5px 7px;
clear: left;
}
.widget .widget-title {
font-weight: 600;
margin: 20px 0 5px 0;
color: #000;
}
.widget li, .widget ul {
margin-left:0;
list-style:none;
}
.widget input { padding:0; }
.widget a {
color: #000;
opacity: 0.7;
-webkit-transition:opacity .2s ease-in-out;
-moz-transition:opacity .2s ease-in-out;
-o-transition:opacity .2s ease-in-out;
transition:opacity .2s ease-in-out;
}
.widget a:hover {
border: none;
opacity: 1.0;
}
#footer {
margin: 0 0 0 95px; }
#footer .menu {
width: 260px;
float: left;
margin: 5px 35px 0 0;
padding-bottom: 40px;
}
#footer .menu a {
font-weight: 500;
opacity: 0.7;
-webkit-transition:opacity .2s ease-in-out;
-moz-transition:opacity .2s ease-in-out;
-o-transition:opacity .2s ease-in-out;
transition:opacity .2s ease-in-out;
padding: 5px;
margin-left: 2px;
}
#footer .menu a:hover, #footer .menu li.current-menu-item a {
opacity: 1.0;
}
#footer .top {
display: block;
float: left;
padding: 5px;
margin-left: 2px;
font-weight: 500;
opacity: 0.7;
}
@media print {
#footer .top, #footer .sep {
display: none;
}
}
#footer .top:hover {
opacity: 1;
}
#footer .sep {
float: left;
padding: 5px 10px 5px 5px;
}
#footer .footer-text {
float: left;
color: #555;
padding: 5px 0 40px 0;
}
#footer .footer-text a {
color: #555;
opacity: 0.7;
border-bottom: 1px solid #555;
}
#footer .footer-text a:hover {
opacity: 1;
}
.bypostauthor {
}
.gallery a {
border: none;
}
.gallery-icon {
border: none;
background: white;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
bottom: 0;
left: 0;
text-align: left;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.page-template-ds-gallery-masonry-template-php .hentry { max-width:none; }
.page-template-ds-gallery-masonry-template-php .albums-thumbnails { width:auto; }
.page-template-ds-gallery-masonry-template-php .slider-data { display:none; }
.page-template-ds-gallery-masonry-template-php .two-dim-slider {
display:none;
left:0;
position:absolute;
top:0;
right:0;
bottom:0;
padding:8px;
width:auto;
height:auto;
overflow:hidden;
background:#ffffff;
z-index:45;
}
.albums-thumbnails {
width: 768px;
margin-top: 22px;
}
.albums-thumbnails .img-container {
border: 1px solid #eee;
background-color: #eee;
}
.albums-thumbnails img {
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
display:block;
width:304px;
}
.albums-thumbnails .image-background {
background:#222222;
overflow:hidden;
width:100%;
height:auto;
position:relative;
}
.albums-thumbnails .project-title {
font-weight: 600;
width:100%;
display:block;
text-align:left;
margin: 7px 0 2px 0;
}
.albums-thumbnails .project-description {
font-weight: 400;
line-height: 1.3em;
}
.albums-thumbnails a.project-thumb {
color: #000;
display:block;
position:relative;
float:left;
width: 304px;
height: 280px;
margin-bottom:8px;
margin-right: 15px;
-webkit-transition:none 0 ease-in-out;
-moz-transition:none 0 ease-in-out;
-o-transition:none 0 ease-in-out;
transition:none 0 ease-in-out;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.albums-thumbnails a.project-thumb:hover {
background:none;
border:0;
color: #000;
}
.albums-thumbnails .project-thumb-inside {
padding: 0px;
border:1px solid transparent;
-webkit-transition:border .2s ease-in-out;
-moz-transition:border .2s ease-in-out;
-o-transition:border .2s ease-in-out;
transition:border .2s ease-in-out;
}
.albums-thumbnails .project-thumb-inside .img-container {
height: 200px;
overflow: hidden;
}
.albums-thumbnails .project-thumb-inside:hover {
}
.albums-thumbnails .project-thumb-inside:hover img {
opacity:.7;
}
.albums-thumbnails .project-thumb-inside:hover .project-title {
}
#searchform {
display: block;
position: relative;
height: 24px;
margin: 20px 0 20px 0;
}
#searchform label {
display: none;
}
#searchform #s {
padding: 3px 5px 5px 28px;
border: none;
width: 180px;
height: 18px;
line-height: 14px;
background: #ddd;
background: rgba(0, 0, 0, .15);
color: #000;
-webkit-transition:opacity .2s ease-in-out;
-moz-transition:opacity .2s ease-in-out;
-o-transition:opacity .2s ease-in-out;
transition:opacity .2s ease-in-out;
opacity: 0.7;
margin: 0;
position: absolute;
left: 0;
top: 0;
border-radius: 4px;
font-size: 13px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
}
#searchform #s:focus {
outline: none;
opacity: 1;
}
#searchform #searchsubmit {
background: transparent;
height: 26px;
font-weight: normal;
padding: 3px 5px;
margin: 0 -1px 0 0 ;
width: 26px;
height: 26px;
border-radius: 0;
position: absolute;
left: 0;
top: 0;
-webkit-background-size: cover;
display: none;
}
#searchform .icon-search {
color: #000;
padding: 3px 5px;
margin-top: 7px;
display: block;
width: 20px;
}
#searchform .icon-cancel-circle {
color: #000;
padding: 3px 5px;
margin-top: 7px;
display: block;
width: 20px;
position: absolute;
right: 28px;
top: -7px;
cursor: pointer;
pointer-events: auto;
display: none;
}
h1.page-title {
margin: 17px 0 30px 0;
font-weight: 300;
border: none;
}
h1.entry-title {
clear: both;
margin: 15px 0 35px 0;
}
@media print {
h1.entry-title {
margin-top: 0;
}
}
.archive h1.entry-title, .single h1.entry-title {
margin: 15px 0 20px 0;
}
.search-results .hentry {
}
.search-results .page-header {
}
.search-results .page-title {
}
body.ds-gallery-page {
background: #000;
}
.ds-gallery-page #footer {
display: none;
}
.ds-gallery-page {
height:100%;
overflow:hidden;
}
.ds-gallery-page #main-wrap {
border-color:transparent;
}
.ds-gallery-page #page, .ds-gallery-page #main {
height:100%;
min-height: 0;
float:none;
margin:0;
background: #000;
color: #000;
}
.ds-gallery-page .top-overlay {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 250px;
z-index: 1000;
background: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/img/gradient-top.png) repeat-x;
pointer-events: none;
opacity: 0.4;
}
.ds-gallery-page .main-header-overlay {
display: block;
position: absolute;
top: 0;
left: 0;
display: block;
width: 500px;
height: 100%;
z-index: 10;
background: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/img/gradient-left.png) repeat-y;
pointer-events: none;
opacity: 0;
}
.ds-gallery-page .menus-container a,
.ds-gallery-page .menus-container a:link,
.ds-gallery-page .menus-container a:visited,
.ds-gallery-page .menus-container a:active,
.ds-gallery-page .menus-container a:focus {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.ds-gallery-page .site-name {
color: #fff !important;
}
.ds-gallery-page .site-description {
color: #fff;
max-width: 190px;
}
.ds-gallery-page .site-description .location {
color: #bbb;
}
.ds-gallery-page .site-description .location .pin path {
fill: #aaa;
}
.ds-gallery-page .menu {
color:#fff;
}
.ds-gallery-page .social-icon svg path {
fill: #fff;
}
.ds-gallery-page .menu a,
.ds-gallery-page .menu button {
color:#fff;
}
.ds-gallery-page .menu a:hover,
.ds-gallery-page .menu button:hover {
color:#fff;
}
.ds-gallery-page .menu a:focus-visible,
.ds-gallery-page .menu button:focus-visible {
opacity: 1.0;
}
.ds-gallery-page .menu li.current-menu-item > a {
color:#fff;
} .ds-gallery-page .menu li.menu-item-1555 > a {
opacity: 1.0 !important;
}
.ds-gallery-page .menu-sep {
color:#fff;
}
.ds-gallery-page #languages-menu .sep {
color: #fff;
}
.ds-gallery-page #languages-menu a {
color: #ddd;
}
.ds-gallery-page #languages-menu a.active {
color: #fff;
opacity: 1;
}
.ds-gallery-page #languages-menu a:hover {
color: #fff;
}
.ds-gallery-page #gallery-menu a {
color:#fff;
}
.ds-gallery-page #gallery-menu li.current-album-menu-item a {
color:#fff;
}
.ds-gallery-page #gallery-menu li.current-album-menu-item a:hover {
}
.ds-gallery-page .widget-title {
color: #fff;
}
.ds-gallery-page .widget a {
color: #fff;
}
.ds-gallery-page #searchform {
}
.ds-gallery-page #searchform label {
}
.ds-gallery-page #searchform #s {
background: transparent;
background: rgba(255, 255, 255, .15);
color: #fff;
opacity: 0.7;
}
.ds-gallery-page #searchform #s:focus {
opacity: 1;
}
.ds-gallery-page #searchform .icon-search {
color: #fff;
}
.ds-gallery-page #searchform .icon-cancel-circle {
color: #fff;
}
.ds-gallery-page #primary {
height:100%;
padding:0;
}
.ds-gallery-page #content {
height:100%;
margin: 0;
}
.ds-gallery-page .push { display:none; }
.ds-gallery-page .two-dim-slider {
left:16em;
position:absolute;
top:0;
right:0;
bottom:0;
padding:8px;
width:auto;
height:auto;
overflow:hidden;
}
.ds-gallery-page .mouse-follow-cursor {
position:absolute;
left:0;
top:0;
z-index:9999;
background:#ffffff;
padding:2px 4px;
white-space:nowrap;
}
.ds-gallery-page .mobile-menu-overlay {
background: rgba(0, 0, 0, 0.5);
}
.superscript {
vertical-align: super;
font-size: 0.75em;
}
.projects-overview {
margin: 0px 130px 0px 20px;
float: right;
font-family: 'ml';
}
#main-slider {
padding: 0;
position: fixed;
top: 0;
left: 0;
z-index: 0; } .rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
background-color: #000 !important;
}
.rsDefault {
margin-bottom: 25px !important;
clear: both;
}
.rsDefault a:hover {
background: transparent;
}
.rsDefault .rsThumbsContainer {
}
.rsDefault .rsThumb {
float: left;
overflow: hidden;
width: 96px;
height: 72px;
background: #000 !important;
}
.rsDefault .rsThumb img {
width: 100%;
height: 100%;
opacity: 0.6 !important;
filter: alpha(opacity=60) !important;
}
.rsDefault .rsThumb img:hover {
opacity: 1.0 !important;
filter: alpha(opacity=100) !important;
}
.rsDefault .rsThumb.rsNavSelected {
background: #000 !important;
}
.rsDefault .rsThumb.rsNavSelected img {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.rsDefault.rsHor .rsArrowLeft {
margin-top: -35px;
}
.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
background: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/img/sprite_2.1.svg) no-repeat !important;
-webkit-filter: drop-shadow( 0px 0px 8px rgba(0, 0, 0, 1.0));
filter: drop-shadow( 0px 0px 8px rgba(0, 0, 0, 1.0));
background-color: transparent !important;
background-position: -85px 0px !important;
width: 42px !important;
height: 80px !important;
}
.rsDefault.rsHor .rsArrowRight {
margin-top: -35px;
margin-right: 10px;
}
.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
background: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/img/sprite_2.1.svg) no-repeat !important;
-webkit-filter: drop-shadow( 0px 0px 8px rgba(0, 0, 0, 1.0));
filter: drop-shadow( 0px 0px 8px rgba(0, 0, 0, 1.0));
background-color: transparent !important;
background-position: -15px 0px !important;
width: 42px !important;
height: 80px !important;
}
.rsThumbsArrowLeft {
background-color: transparent !important;
margin-left: 5px;
}
.rsThumbsArrowLeft .rsThumbsArrowIcn {
background: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/img/sprite_2.1.svg) no-repeat !important;
-webkit-filter: drop-shadow( 0px 0px 8px rgba(0, 0, 0, 1.0));
filter: drop-shadow( 0px 0px 8px rgba(0, 0, 0, 1.0));
background-color: transparent !important;
background-position: -90px -10px !important;
width: 14px !important;
height: 75px !important;
top: 5px !important;
}
.rsThumbsArrowRight {
background-color: transparent !important;
}
.rsThumbsArrowRight .rsThumbsArrowIcn {
background: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/img/sprite_2.1.svg) no-repeat !important;
-webkit-filter: drop-shadow( 0px 0px 8px rgba(0, 0, 0, 1.0));
filter: drop-shadow( 0px 0px 8px rgba(0, 0, 0, 1.0));
background-color: transparent !important;
background-position: -37px -10px !important;
height: 75px !important;
top: 5px !important;
}
@media only screen and (max-width: 480px) {
.rsThumbsArrow {
display: none !important;
}
}
.rsDefault.rsHor .rsFullscreenIcn {
background: url(//cdn.markuslerner.com/wordpress/wp-content/themes/touchfolio-ml/img/sprite_2.1.svg) no-repeat !important;
-webkit-filter: drop-shadow( 0px 0px 8px rgba(0, 0, 0, 1.0));
filter: drop-shadow( 0px 0px 8px rgba(0, 0, 0, 1.0));
background-color: transparent !important;
background-position: -160px -110px !important;
width: 50px;
height: 50px;
margin-left: -10px;
margin-top: 5px;
}
.rsDefault.rsHor.rsFullscreen .rsFullscreenIcn {
background-position: -160px -180px !important;
}
.mobile-menu-bar-back {
display: none;
}
::-webkit-scrollbar {
-webkit-appearance: none;
width: 1px;
}
::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: rgba(255,255,255,.5);
width: 10px;
}
::-webkit-scrollbar-track {
background-color: rgba(255,255,255,.2);
border-radius: 2px;
}
#alo_easymail_widget_form table.alo_easymail_form_table label {
width: 60px;
}
#alo_easymail_widget_form .input-submit {
margin-top: 20px;
}
.about-headline img {
display: inline;
float: left;
margin-right: 1em;
margin-bottom: 1.5em;
margin-top: 6px;
}
.clear-left {
clear: left;
} @media only screen and (max-width: 1024px) {
#content {
margin-left: 220px;
}
#footer {
margin: 0 0 0 30px;
}
#footer .menu {
width: 185px;
}
table.tablepress.half-width {
width: 100%;
}
table.tablepress.two-thirds-width {
width: 100%;
}
}
@media only screen and (max-width: 900px) {
.about-headline img { display: block;
float: none;
width: 50%;
}
.about-headline h2 {
}
}
@media only screen and (max-width: 768px) {
img.alignright {
display: block;
float: none;
clear: both;
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
.about-headline img {
width: 50%;
}
.social-menu a:first-child .social-icon {
margin-top: 3px;
}
.social-menu .social-icon.icon-vimeo,
.social-menu .social-icon.icon-twitter-bird {
font-size: 90%;
margin-top: 0px;
}
}
@media only screen and (max-width: 620px) {
#primary {
padding: 14px;
}
.mobile-full-width td {
display: block;
padding: 0 !important;
width: 100% !important;
}
.page-template-full-width-page-template-php #primary {
padding: 14px;
}
#content {
margin-left: 0px;
margin-top: 80px; }
h1.page-title {
margin: 0 0 20px -1px;
font-size: 28px;
}
h1.entry-title {
font-size: 28px;
}
.archive h1.entry-title, .single h1.entry-title {
margin: 12px 0 20px -1px;
}
h2 {
font-size: 1.6em;
}
.album-info-block {
}
.album-info-block .info-container {
width: calc(100% - 115px);
height: calc(100% - 80px);
right: auto;
left: 60px;
top: 50px;
padding-left: 0px;
padding-right: 10px;
}
.album-info-block h3.album-title {
font-weight: 300;
margin-top: -3px;
font-size: 28px;
}
.album-info-block h4.album-excerpt {
font-weight: 400;
}
.album-info-block .album-content {
}
.logo {
left: -100px;
margin-left: 0;
position: fixed;
}
.logo a {
width: 40px;
height: 40px;
margin: -2px 0 -3px -10px;
}
body.ds-gallery-page .logo {
position: absolute;
}
body.ds-gallery-page .logo a {
position: absolute;
margin: -2px 0 -3px 8px;
}
.site-description {
width: 220px;
}
.main-header {
}
.main-header .menus-container {
width: calc(100vw - 95px);
left: -100vw;
position: absolute;
display: none;
}
.site-name {
font-size: 19px;
line-height: 1.5em;
}
.site-description {
font-size: 16px;
}
.site-description .location .pin {
width: 10px;
height: 13px;
margin-top: 6px;
}
.widget {
margin-bottom: 25px;
}
#languages-menu {
font-size: 16px;
}
#searchform #s {
font-size: 16px;
width: calc(100% - 60px);
padding: 6px 5px 6px 28px;
}
#searchform .icon-search, #searchform .icon-cancel-circle {
padding: 5px 5px;
}
.menu {
line-height: 26px;
}
.menu li {
font-size: 21px;
}
#gallery-menu {
line-height: 26px;
}
#gallery-menu > li {
font-size: 16px !important;
}
#gallery-menu > li.btn-show-more button {
font-size: 15px !important;
}
.menu ul.primary-menu > li:nth-last-child(2) {
font-size: 16px;
}
.menu ul.primary-menu > li:last-child {
font-size: 16px;
}
.social-menu {
font-size: 17px;
}
.social-menu .social-icon {
padding-top: 5px;
padding-left: 8px;
padding-right: 10px;
padding-bottom: 12px;
}
.social-menu a:first-child .social-icon {
padding-left: 0px;
}
.social-menu a:last-child .social-icon {
padding-right: 0px;
}
.mobile-menu-bar-back {
display: block;
position: fixed;
background: #fff;
opacity: 1.0;
width: 100%;
height: 50px;
top: 0;
left: 0;
z-index: 1000;
border-bottom: 1px solid #ccc;
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
.mobile-menu-bar-back {
border-bottom: 0.5px solid #ccc;
}
}
body.ds-gallery-page .mobile-menu-bar-back {
display: none;
}
#canvas-menu-button {
display: block !important;
position: fixed;
left: -4px;
top: -5px;
}
body.ds-gallery-page #canvas-menu-button {
position: absolute;
top: 31px;
left: -31px;
}
#info-button-wrapper {
top: 30px;
right: 3px;
width: 50px;
}
#canvas-info-button {
right: 0px;
}
.two-dim-slider .slider-album-indicator {
top: 5px;
right: 5px;
}
.two-dim-slider .slider-album-indicator a.album-name-indicator {
margin-right: 0px;
}
.two-dim-slider .slider-album-indicator .item-count-indicator {
position: absolute;
right: -38px;
display: none;
}
.two-dim-slider .slider-additional-info {
bottom: 15px;
right: 15px;
}
.two-dim-slider .arrow-left {
left: -18px;
}
.two-dim-slider .arrow-right {
right: -20px;
}
.two-dim-slider .arrow-left .icon-bg .info-text {
display: none;
}
.two-dim-slider .arrow-right .icon-bg .info-text {
display: none;
}
.two-dim-slider .video-overlay .video-close-button {
margin-left: 15px;
top: 10px;
}
#footer {
margin: 0 0 0 15px;
}
#footer .menu {
width: 63px;
}
}
@media only screen and (max-width: 480px) {
.albums-thumbnails {
width: 100%;
}
.albums-thumbnails img {
width: 100%;
height: auto;
}
.albums-thumbnails a.project-thumb {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.albums-thumbnails .img-container {
overflow: hidden;
border: none;
} .page-template-full-width-page-template-php table.tablepress td.column-4 {
display: none;
}
#footer .top {
clear: left;
}
} #menu-item-1557, #menu-item-245, #menu-item-23, #menu-item-235 {
display: none;
}
#menu-item-1557.current-menu-item, #menu-item-245.current-menu-item, #menu-item-23.current-menu-item, #menu-item-235.current-menu-item {
display: block;
}