/*
Theme Name:     Martha Colburn
Theme URI:      
Description:
Author:         André Pahl
Author URI:
Version:		1.0
*/


/*  =============================================================================
	Plugins
	============================================================================= */

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}




/* swiper */
/* without swiper-container-3d, swiper-button-prev, swiper-pagination-progressbar, swiper-lazy-preloader, swiper-container-cube, swiper-container-cube, swiper-container-coverflow, swiper-pagination

/**
 * Swiper 4.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 13, 2018
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}

.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}

.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}

.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}






/*  =============================================================================
	other helpers, some taken from Boilerplate
	Author: Aaron T. Grogg, based on the work of Paul Irish, Divya Manian, and Elliot Jay Stocks
	http://aarontgrogg.com/
	============================================================================= */

.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}






/*  =============================================================================   
    colors

    red #dc2523
  	========================================================================== */


/* 	-----------------------------------------------
	fonts
	----------------------------------------------- */

@font-face {
    font-family: 'inconsolata-gg';
    src: url('assets/fonts/inconsolata-g-webfont.woff2') format('woff2'),
         url('assets/fonts/inconsolata-g-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'moderatmedium';
    src: url('assets/fonts/Moderat-Medium.woff2') format('woff2'),
         url('assets/fonts/Moderat-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'moderatregular';
    src: url('assets/fonts/Moderat-Regular.woff2') format('woff2'),
         url('assets/fonts/Moderat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'moderatitalic';
    src: url('assets/fonts/Moderat-Regular-Italic.woff2') format('woff2'),
         url('assets/fonts/Moderat-Regular-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




/* 	-----------------------------------------------
	General
	----------------------------------------------- */

html,
button,
input,
select,
textarea {
    color: #000;
}

html {
	font-size:100%;
	/* base 16px = 1em/rem */
}

body {
	font-family: 'moderatregular', sans-serif;
	font-size: 1.875em; 		/* 30 px */
	line-height: 1.2em; 		/* 36 px -> 36/30 */
	font-weight: normal;
	color: #000;
	overflow-x: hidden;
	overflow-y: scroll;
}

div,
article,
section,
header,
aside,
nav,
footer,
figure {
	position: relative;
	width: 100%;
}

iframe {
	border: none !important;
}

figure {
	margin:0;
}

p {
	margin-top:0;
}

table {
	border-collapse:collapse;
	border-spacing:0; 
}

table td {
	vertical-align:top;
	text-align:left;
	padding:0;
	margin:0;
}

.table_view {
	display:table;
	table-layout:fixed;	
}

.table_view_nonfix {
	display:table;
}

.table_cell_mid {
	display:table-cell;
	vertical-align:middle;
}

.table_row {
	display:table-row;
}

.table_cell {
	display:table-cell;
	vertical-align:top;
}

ul,
ol {
	list-style:none;
    list-style-image:none;
	margin: 0;
	padding: 0;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

*,
*:before,
*:after {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
}

*::selection {
	background:#eee;
	color:#dc2523;
	text-shadow:none;
}

*::-moz-selection {
	background:#eee;
	color:#dc2523;
	text-shadow:none;
}

* {
	outline:0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-focus-ring-color:rgba(0, 0, 0, 0);
}

a:active,
a:focus {
	outline: 0;
}

.clickable {
	cursor:pointer;
	touch-action: manipulation;
	-ms-touch-action: manipulation;
	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
	-webkit-touch-callout: none;
	user-select: none;
}

.noselect {
	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
	-webkit-touch-callout: none;
	user-select: none;
}


a[x-apple-data-detectors],
a[href^="tel"] {
	color: inherit !important;
	text-decoration: inherit !important;
	font-size: inherit !important;
	font-family: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
}

.nowrap {
	white-space:nowrap;
}

.nowrap a {
	-ms-word-break: keep-all;
	word-break: keep-all;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

.hw_acc {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.faded_out {
	opacity:0!important;
}

.faded_soft {
	opacity: 0.3!important;
}

.v_center_parent {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.v_center {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}



/* input styling & placeholders */
textarea,
input {
     -webkit-appearance:none; /* for iOS */
     border-radius:0;
}

input,
textarea {
	border:0;
	width:100%;
	background:transparent;
	-webkit-appearance:none;
	border-radius:0;
	padding:0;
	display:inline-block;
}

textarea {
	border:1px solid #000;
	padding:5px;
	resize:none;
}


/* edit post todo */
/*
.post-edit-link {
	display:none;
	
	margin-bottom:0;
	text-align:left;
	display:block;
	position:absolute;
	left:59px;
	bottom:10px;
	color:transparent !important;
	padding:30px 0;
	z-index:100;
}

.post-edit-link:hover {
	color:#000 !important;
}
*/

/* form placeholders  */

::-webkit-input-placeholder {
	color: #000;
}

:-moz-placeholder {
	color: #000;
}

::-moz-placeholder {
	color: #000;
}

:-ms-input-placeholder {
	color: #000;
}

:focus::-webkit-input-placeholder {
	opacity:0.2;
}

:focus:-moz-placeholder {
	opacity:0.2;
}

:focus::-moz-placeholder {
	opacity:0.2;
}

:focus:-ms-input-placeholder {
	opacity:0.2;
}





/* 	-----------------------------------------------
	animations
	----------------------------------------------- */

.opacity_fade03 {
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.opacity_fade06 {
	-webkit-transition: opacity .6s ease-out;
	-moz-transition: opacity .6s ease-out;
	-o-transition: opacity .6s ease-out;
	-ms-transition: opacity .6s ease-out;
	transition: opacity .6s ease-out;
}

.opacity_fade10 {
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-o-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}

.transform_all_03 {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.transform_all_06 {
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}

.transform_all_10 {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}




/* 	-----------------------------------------------
	Typography [mce]
	reflect changes in custom-editor-style.css 
	----------------------------------------------- */

h1,
h2,
h3 {
	margin-top: 0;
	font-style: normal;
	font-weight: normal;
    font-size: inherit;
    line-height: inherit;
}

i,
em {
	font-family: 'moderatitalic', serif;
	font-style: normal;
	font-weight: normal;
}

b,
strong {
	font-family: 'moderatmedium', sans-serif;
	font-style: normal;
	font-weight: normal;
}

b i,
strong i,
b em,
em b,
i b,
i strong {
	font-family: 'moderatmedium', sans-serif;
	font-style: normal;
	font-weight: normal;
}

.smaller_type {
    font-family: 'moderatmedium';
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 20px;
    line-height: 1.25rem;
}

.page_headline {
    text-align: center; 
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    width: auto;
}

.headline {
    text-align: center;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    width: auto;
}

.headline::after {
    content: '';
    border-bottom: 2px solid;
    border-bottom: 0.125rem solid;
    position: absolute;
    left: 0;
    top: 90%;
    width: 100%;
}

.red_headline {
    text-align: center;
    position: relative;
    display: inline-block;
    width: auto;
    margin-bottom: 0;
    color: #dc2523;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 23px;
    line-height: 1.4375rem;
}



/* other typography */
a,
.like_link {
	color: #000;
	text-decoration: none;
	touch-action: manipulation;
	-ms-touch-action: manipulation;
}

.no-touch a:hover,
.no-touch .like_link:hover {
    text-decoration: underline;
}

.red {
    color: #dc2523;
}

/* todo?
.no-touch .red:hover {
    color: #000;
    text-decoration: none !important;
}
*/

.ul {
	text-decoration: underline;
}

.no-touch a.ul:hover,
.no-touch a .ul:hover,
.no-touch .clickable.ul:hover {
	text-decoration: none;
}

.uppercase {
	text-transform:uppercase;
}

.editor_content a {
	text-decoration: underline;
    -ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.no-touch .editor_content a:hover {
	text-decoration: none;	
}

.editor_content a.no_ul {
	text-decoration: none;
}

.no-touch .editor_content a.no_ul:hover {
	text-decoration: underline;	
}

a.disable_ul {
    text-decoration: none !important;
}


.editor_content p:last-of-type {
	margin-bottom: 0;
}

.editor_content p {
    text-indent: 40px; /* same as #news_inner h3 & .editor_content h2 */
    text-indent: 2.5rem;
}

.editor_content h2 {
    padding-left: 40px;
    padding-left: 2.5rem;
    margin-bottom: 0;
}

.editor_content h2 + p { 
    text-indent: 0;
}

#content_inner_inner h1.page_headline {  
    position: fixed;
    z-index: 100;
    width: auto;
    left: 0;
    right: 0;
    top: 40px; /* not rem! */  
}

.is_mobile_view #content_inner_inner h1.page_headline {
    /* background-color: red; /* todo for later: besserer clip, HL nicht 100% sondern centern */
    display: inline-block;
    clip: rect(0px, 450px, 36px, 0px);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out; 
}

.is_mobile_view #content_inner_inner h1.page_headline.clipped {
   clip: rect(0px, 80px, 36px, 0px); 
}

.no-touch #content_inner_inner h1.page_headline.clickable:hover {
    color: #dc2523;
}

.p_no_bm {
	margin-bottom:0 !important;
}

.no_indent {
    text-indent: 0 !important;
}

.center {
    text-align: center;
}

.caption {
    font-family: 'inconsolata-gg';
    font-size: 12px;
    line-height: 14px;
    position: relative;
    padding-top: 7px;
    text-align: center;
}

.im_caption {
     padding-top: 7px;
     text-align: center;
}

#content_overlay .im_caption {
     text-align: left; /* todo ok ? */
}

.red {
    color: #dc2523;
}


/* 	-----------------------------------------------
	Images / Videos
	----------------------------------------------- */

img {
	width:100%;
	max-width:100%;
	height:auto;
}

.lazy_img_cont {
	overflow:hidden;
}

.lazy_img_cont img {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	width: 100%!important;
	opacity: 0;
	
	-webkit-transition: opacity .6s ease-in-out;
	-moz-transition: opacity .6s ease-in-out;
	-o-transition: opacity .6s ease-in-out;
	-ms-transition: opacity .6s ease-in-out;
	transition: opacity .6s ease-in-out;
}


.lazy_img_cont.is_svg img {
	position:relative;
}

.lazy_img_cont .lazy_bg {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
    height: auto;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	
	opacity:0;
	
	-webkit-transition: opacity .6s ease-in-out;
	-moz-transition: opacity .6s ease-in-out;
	-o-transition: opacity .6s ease-in-out;
	-ms-transition: opacity .6s ease-in-out;
	transition: opacity .6s ease-in-out;
}

.video_container {
	-webkit-backface-visibility:hidden;
	height:0;
	overflow:hidden;
	width:100%;
	position:relative;
}

.aspect1609 {
	padding-bottom:56.25%;
}

.video_container iframe,
.video_container object,
.video_container embed,
.video_container video { 
	position:absolute;
	top:0;
	left:0;
	width:100%!important;
	height:100%!important;
	z-index:1;
}

.max_w_wrap {
	display:inline-block;
	width:100%;
}




/* 	-----------------------------------------------
	menu [mmm]
	----------------------------------------------- */

#mm_menu_trigger {
	position: fixed;
	top: 0;
	left: 0;
	width: 100px;
    width: 6.25rem;
	height: 96px;
    height: 6rem;
    z-index: 1000;
    -webkit-mix-blend-mode: multiply;
    -moz-mix-blend-mode: multiply;
    -o-mix-blend-mode: multiply;
    -ms-mix-blend-mode: multiply;
    mix-blend-mode: multiply;
}

#mm_menu_trigger.mouseover {
    -webkit-mix-blend-mode: normal;
    -moz-mix-blend-mode: normal;
    -o-mix-blend-mode: normal;
    -ms-mix-blend-mode: normal;
    mix-blend-mode: normal;
}


#mm_dot {
	position: absolute;
	top: 32px;
	left: 35px;
    width: 32px;
    width: 2rem;
    height: 32px;
    height: 2rem;
    z-index: 0;
}

#mm_text {
    position: absolute;	
	left: calc(35px + 2rem + 10px);
    z-index: 0;
    text-transform: uppercase;
    font-family: 'moderatmedium';
    clip: rect(0px, 100px, 36px, 0px);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out; 
}

#mm_text.clipped {
   clip: rect(0px, 0px, 36px, 0px); 
}

body.home #mm_text {
    top: 32px;
    margin-top: -3px;
    margin-top: -0.125rem;
    text-transform: none;
    
}

body:not(.home) #mm_text {
    top: 40px;
    margin-top: 0;
}

#mm_menu_trigger.mouseover #mm_text {
    opacity: 0;
}


#mm_menu_trigger .mm_mo {
    position: absolute;
    top: 3px;
    left: 10px;
    opacity: 0;
}



/* menu overlay */
#mm_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	color: #fff;
	z-index: 1001;
}

#mm_overlay a {
    color: #fff;
    text-decoration: none !important;
}

#mm_bg {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	color: #fff;
	z-index: 1000;
	background-color: #000;
    background: url(assets/gfx/menu-background.jpg) no-repeat;
    background-position: center center;
    background-size: cover; 
}

#mm_bg,
#mm_overlay {
    -webkit-transform: translateX(-101%);
    -moz-transform: translateX(-101%);
    -o-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    transform: translateX(-101%);

    /* http://cubic-bezier.com/#.15,.21,.25,.98 */
    -webkit-transition: 	-webkit-transform 700ms cubic-bezier(.15,.21,.25,.98);
    -moz-transition: 		-moz-transform 700ms cubic-bezier(.15,.21,.25,.98);
    -ms-transition: 		-o-transform 700ms cubic-bezier(.15,.21,.25,.98);
    -o-transition: 			-ms-transform 700ms cubic-bezier(.15,.21,.25,.98);
    transition:         	transform 700ms cubic-bezier(.15,.21,.25,.98);
}

#mm_overlay.active,
#mm_bg.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); 
}

#mm_swiper {
	position: absolute !important;
	top: 0px;
	width: 100%;	
	height: 100vh;
}

#mm_content,
#mm_menu_items_wrap {
    height: 100vh;
    min-height: 100vh;
    width: 100%;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 48px;
    line-height: 3rem;
}

#mm_menu_items_wrap {
    padding: 0 20%;
}

#mm_menu_items {
    max-width: 560px;
}

#mm_menu_items h1 {
    font-size: inherit;
    line-height: inherit;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 0;
}

#mm_menu_items a {
	position: relative;
}

.no-touch #mm_menu_items a:hover::after,
#mm_menu_items a.current_page::after {
    content: '';
    border-bottom: 3px solid;
    border-bottom: 0.1875rem solid;
    position: absolute;
    left: 0;
    top: 92%;
    width: 100%;
}

#mm_x {
	position: fixed;
	top: 28px;
	left: 30px;
	width: 46px;
    width: 2.875rem;
	height: 2.875rem;
	z-index: 100;
}

.no-touch #mm_x.leave:hover .line1,
.no-touch #mm_x.leave:hover .line2 {
    stroke: #fff !important;
}





/* 	----------------------------------------------------------------------------------------------
	content [ccc]
	--------------------------------------------------------------------------------------------- */

#content {
    position: relative;
	width: 100%;
	margin: 0;
	z-index: 1;
}

body:not(.home) #content_inner_inner {
    padding-top: 134px;
    padding-top: 8.375rem;
}

body.single-post #content_inner_inner {
    padding-top: 0;
}

#ml_body_class {
	display:none;	
}

.content_padding {
	padding-left: 60px;
	padding-right: 60px;
}

.content_module {
	width: 100%;
}


/* margins & columns */
.grid_col {
    width: 83.3333%;
    margin-left: 8.3333%; 
}

.text_col {
    width: 66.6666%;
    margin-left:16.6666%; 
}


.mb_one_line {
    margin-bottom: 2.25rem;
}

.mb_two_line {
    margin-bottom: 4.5rem;
}

.mb_three_line {
    margin-bottom: 6.25rem;
}

.mt_one_line {
    margin-top: 2.25rem;
}

.mt_two_line {
    margin-top: 4.5rem;
}


/* image grid */
.grid_s1 {
    /* 5 width */
    width: 50%;
}

.grid_s2 {
    /* 4 width */
    width: 40%;
}

.grid_item {
    padding: 20px;
    line-height: 1;
    margin-bottom: 2.25rem;
}

.grid_container {
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 4.5rem;
}

.grid_item.s_t {
    margin-top: 2.25rem;
}

.grid_item.s_t2 {
    margin-top: 4.5rem;
}

.g_inner.s_l {
    padding-left: 20%;
}

.g_inner.s_half_l {
    padding-left: 10%;
}

.g_inner.s_r {
    padding-right: 20%;
}

.g_inner.s_half_r {
    padding-right: 10%;
}

.g_mo,
.g_mo .lazy_img_cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.g_mo {
    opacity: 0;
}

.no-touch .g_img:hover .g_mo {
    opacity: 1;
}

/* etc */
#is_small_screen,
#is_mobile_view {
	display: none;
	position: absolute;
	top: -10px;
	left: -10px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}


/* modules */
.divider {
    text-align: center;
}

.cm_images_videos .img_wrap:last-of-type {
	margin-bottom: 0;
}



/* 	-----------------------------------------------
	[001] Startpage & News
	----------------------------------------------- */

body.landscape #startpage_video,
body.landscape #startpage_slideshow {
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

body.portrait #startpage_video,
body.portrait #startpage_slideshow {
    position: relative;
    height: 100vw;
    width: 100vw;
    overflow: hidden;
}

#startpage_slideshow .lazy_img_cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* logo */
#martha_colburn_logo {
    position: fixed;
    width: 18vw;
    height: 25vh;
    z-index: 800;
    left: 30px;
    bottom: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
}

body.portrait #martha_colburn_logo {
    bottom: auto;
    top: calc(100vw - 30px - 25vh);
}

/* enter */
#enter_outer {
    position: fixed;
    z-index: 800;
    text-align: center;
    margin: 0 auto;
    bottom: 6vh;
}

body.portrait #enter_outer {
    bottom: auto;
    top: 50vw;
}

#enter {
    display: inline;
    font-size: 90px;
    font-size: 5.625rem;
    text-transform: uppercase;
    font-family: moderatmedium;
}

.no-touch #enter:hover {
     text-decoration: underline;
}




/* news */
#news h3 {
    font-family: 'moderatitalic';
    padding-left: 40px; /* same as text-indent -> .editor_content and .editor_content h2 */
    padding-left: 2.5rem;
    margin-bottom: 0;
}

#news .news_item h3 + p {
    text-indent: 0;
}

#news_headline_spacer {
    margin-top: calc(4.5rem - 0.625rem);
}

#news_headline_fixed {
    position: fixed !important;
    z-index: 100;
    top: 40px;
    width: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.no-touch #news_headline_fixed:hover {
    color: #dc2523;
}

body:not(.home) #news_headline_fixed {
    display: none !important;
}

#load_more_news {  
    text-align: center;
}

#load_more_news_inner {
    text-decoration: underline;
    display: inline;
}

.no-touch #load_more_news_inner:hover {
     text-decoration: none;
}


/* scroll down */
#scroll_down {
    position: fixed !important;
    z-index: 200;
    top: calc(100vh - 20px - 160px);
    width: 160px;
    height: 160px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#scroll_down img {
    width: auto;
    height: 100%;
}

#scroll_down_text {
    position: fixed !important;
    z-index: 200;
    top: calc(100vh - 20px - 20px);
    width: 240px;
    height: 20px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
}



/* 	-----------------------------------------------
	[002] Films
	----------------------------------------------- */

#film_switch {
    position: fixed;
    top: 40px; /* no rem ! */
    right: 35px;
    text-transform: uppercase;
    width: auto;
    z-index: 101;
}

#film_switch span {
    margin-left: 12px;
    margin-left: 0.75rem;
    display: inline-block;
    position: relative;
}

#film_switch span.selected::after,
.no-touch #film_switch span:hover::after {
    content: '';
    border-bottom: 2px solid;
    border-bottom: 0.125rem solid;
    position: absolute;
    left: 0;
    top: 90%;
    width: 100%;
}

#films_list h3 {
    padding-left: 40px;
    padding-left: 2.5rem;
    font-family: 'moderatitalic'; /* moderatregular */
    /* font-style: italic; */
    margin-bottom: 0;  
}

#film_list_trigger.selected,
#film_grid_trigger.selected {
    cursor: default;
}



/* 	-----------------------------------------------
	[003] Exhibition
	----------------------------------------------- */

/* 	-----------------------------------------------
	[004] Exhibition
	----------------------------------------------- */

/* 	-----------------------------------------------
	[005] Studio
	----------------------------------------------- */

.studio_item_headline {
    font-family: 'moderatitalic';
    padding-left: 40px; /* same as text-indent -> .editor_content and .editor_content h2 */
    padding-left: 2.5rem;
    margin-bottom: 0;
    max-width: 1000px;
    text-transform: none;
}

.studio_item_headline + p {
    text-indent: 0;
}

#content_inner_inner .cm_images_videos .img_wrap {
    padding-left: 8.3333%;
    padding-right: 8.3333%;
}

body.page-id-1052 .content_module1.cm_txt .text p:first-child {
    text-indent: 0;   
}


/* 	-----------------------------------------------
	[006] Press
	----------------------------------------------- */

#press .text_item a {
    text-decoration: none;
    position: relative;
}

#press .text_item p {
    text-indent: 0 !important;
}

#press .text_item a::after {
    content: '';
    border-bottom: 2px solid;
    border-bottom: 0.125rem solid;
    position: absolute;
    left: 0;
    top: 90%;
    width: 100%;
}

.no-touch #press .text_item a:hover {
    text-decoration: none;
}

.no-touch #press .text_item a:hover::after {
    border-bottom: none;
}

#press .grid_item .g_img {
    -webkit-transition: all .8s ease-in-out 1.5s;
    -moz-transition: all .8s ease-in-out 1.5s;
    -o-transition: all .8s ease-in-out 1.5s;
    -ms-transition: all .8s ease-in-out 1.5s;
    transition: all .8s ease-in-out 1.5s; 
}

.no-touch #press .grid_item .g_img:hover {
    transform: skewY(-4deg);
     -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s; 
}



/* 	-----------------------------------------------
	[007] About
	----------------------------------------------- */

/* 	-----------------------------------------------
	[008] Contact
	----------------------------------------------- */

/* 	-----------------------------------------------
	Content overlay [ooo]
	----------------------------------------------- */

#content_overlay {
    position:fixed;
	top: 0;
	left: 100px;
	width: calc(100vw - 100px);
	height: 100vh;
	color: #fff;
	z-index: 900;
	background-color: #000;
    background: url(assets/gfx/menu-background.jpg) repeat-y;
    background-size: 100% auto;
   
    -webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
    
    -webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
   
    /* http://cubic-bezier.com/#.15,.21,.25,.98 */
    -webkit-transition: 	-webkit-transform 700ms cubic-bezier(.15,.21,.25,.98);
	-moz-transition: 		-moz-transform 700ms cubic-bezier(.15,.21,.25,.98);
	-ms-transition: 		-o-transform 700ms cubic-bezier(.15,.21,.25,.98);
	-o-transition: 			-ms-transform 700ms cubic-bezier(.15,.21,.25,.98);
	transition:         	transform 700ms cubic-bezier(.15,.21,.25,.98);  
}

#content_overlay_swiper {
    width: 100%;
    height: 100vh;
    padding: 50px 60px;
    padding: 3.125rem 3.75rem;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

#content_overlay_swiper .swiper-wrapper {
    height: auto !important;
}

#content_overlay.active {
    -webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

#content_overlay_close {
	position: fixed;
	top: 28px;
	right: 40px;
	width: 46px;
    width: 2.875rem;
	height: 46px;
    height: 2.875rem;
	z-index: 100;
}

.no-touch #content_overlay_close:hover .line1,
.no-touch #content_overlay_close:hover .line2 {
    stroke: #dc2523 !important;
}

#content_overlay_close_bg {
    position:fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 899;
}

.page_headline.single {
    font-family: 'moderatitalic';
    padding-left: 40px; /* same as text-indent -> .editor_content and .editor_content h2 */
    padding-left: 2.5rem;
    margin-bottom: 0;
    max-width: 1000px;
    text-transform: none;
}

.page_headline.single + p {
    text-indent: 0;
}

#content_overlay .page_headline {
    text-align: left;
    width: 85%;
    max-width: 1000px;
}

#content_overlay .text_col {
    width: 85%;
    max-width: 1000px;
    margin-left: 0; 
}

#content_overlay .content_padding {
    padding: 0 !important;
}


body.page-id-1049 #content_overlay .content_module1.cm_txt .text.editor_content p:first-child,
body.single-films #content_overlay .content_module1.cm_txt .text.editor_content p:first-child {
    text-indent: 0 !important;
}

/* project has no text -> add space under headline */
#content_overlay .content_module1.cm_images_videos {
    margin-top: 2.25rem;
}




/* 	-----------------------------------------------
	Newsletter / mailchimp
	----------------------------------------------- */

#nl_form_container {
	max-width: 535px;
	margin-left: 0;
}

#nl_form_container .mc-field-group {
	clear:left;
	margin:0;
	padding:0;
}

#nl_form_container .clear {
	clear:both;
}

#nl_form_container input {
	font-family: sans-serif;
	font-size: inherit;
	line-height: inherit;
	font-weight: normal; 
	border: 0;
	width: 100%;
	background: transparent;
	-webkit-appearance: none;
	border-radius: 0;
	padding: 0;
	display: inline-block;
	border-bottom: 3px solid #000;
    border-bottom: 0.1875rem solid #000;
	margin-bottom: 1rem;
}

#nl_subscribe_link {
	display: inline;
}






/* 	-----------------------------------------------
	responsive [rrr]
	----------------------------------------------- */


@media only screen and (max-width : 1024px) { 
	/* ipad landscape  */
    
    .content_padding {
        padding-left: 50px;
        padding-right: 50px;
    }
    
    #film_switch,
    #content_inner_inner h1.page_headline,
    body:not(.home) #mm_text {
        top: 37px;
    }
   
}


@media only screen and (max-width : 768px) { 
	/* ipad portrait */
	
	html {
		font-size:85%;
	}
	
    #mm_menu_items_wrap {
        padding: 0 16%;
    }
    
    .text_col {
        width: 83.3333%;
        margin-left: 8.3333%; 
    }
    
    .grid_col {
        width: 100%;
        margin-left: 0%; 
    }
    
    #martha_colburn_logo {
        width: 22vw;
        height: 25vh;
        bottom: 35px;
    }

    body.portrait #martha_colburn_logo {
        top: calc(100vw - 35px - 25vh);
    }
}

@media only screen and (max-width : 767px) { 
    /* < ipad portrait */
    
    #is_small_screen {
        display: block;
    }
    
    .content_padding {
        padding-left: 40px;
        padding-right: 40px;
    }
    
    #enter_outer {
        display: none !important;
    }
}

@media only screen and (max-width : 736px) { 
	/* iphone 6+ landscape  */

	
}

@media only screen and (max-width : 735px) { 
	/* < iphone 6+ landscape  */
		
}



@media only screen and (max-width : 667px) { 
	/* iphone 6 landscape  */
	
}

@media only screen and (max-width : 666px) { 
	/* 
    < iphone 6 landscape
    MOBILE VIEW
    */
    
    #is_mobile_view {
		display: block;
	}
    
    html {
		font-size:72%;
	}
    
    /* content */
    .content_padding {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    #content_overlay {
	    left: 30px;
	    width: calc(100vw - 30px);
    }
    
    #content_overlay_swiper {
        padding: 5.6rem 30px 3.125rem 30px;
    }
    
    #content_overlay .page_headline,
    #content_overlay .text_col {
        width: 100%;
    }
    
    #content_overlay_close {
       right: 19px;
    }
    
    #content_overlay .img_wrap.mb_two_line {
       margin-bottom: 3.375rem; 
    }
    
    
    /* type */
    .smaller_type {
        font-size: 15px; /* 1.16875rem; */ /* * 1.1 */
        line-height: 1.15; /* 1.375rem; */
    }
    
    .red_headline {
        font-size: 17px;
        line-height: 1.15;
    }
    
    #film_switch,
    #content_inner_inner h1.page_headline {
        top: 36px;
    }
    
    body:not(.home) #mm_text {
        top: 36px;
        left: calc(19px + 2rem + 12px);
    }
    
    /* menu & navigation */
    #mm_x {
        left: 17px;
    }
    
    #mm_menu_trigger .mm_mo {
        top: 16px;
    }
    
    #mm_menu_trigger {
        width: 5.25rem;
    }

    #mm_dot {
        top: 30px;
        left: 19px;
        width: 28px;
        height: 28px;
    }
    
    #film_switch {
        right: 19px;
    }
    
    
    /* text */
    .text_col {
        width: 100%;
        margin-left: 0;
    }
    
    
    /* grid */
    .grid_item {
       margin-bottom: 0;
    }
    
    .grid_s1,
    .grid_s2 {
        width: 100%;
    }
    
    .grid_item.s_t {
        margin-top: 0;
    }

    .g_inner.s_l,
    .g_inner.s_half_l {
        padding-left: 0;
    }

    .g_inner.s_r,
    .g_inner.s_half_r {
        padding-right: 0;
    }

    #content .grid_item {
        padding-left: 0;
        padding-right: 0;
    }
    
    .grid_container {
        margin-left: -30px;
        margin-right: -30px;
    }
}


@media only screen and (max-width : 568px) { 
	/* iphone 5 landscape  */
    
     #mm_menu_items_wrap {
        padding: 0 30px;
    }
	
}

@media only screen and (max-width : 414px) { 
	/* iphone 6+ portrait  */
    
    #martha_colburn_logo {
        width: 24vw;
        height: 26vh;
        bottom: 25px;
    }
    
    /*
    #content_inner_inner h1.page_headline {
        position: absolute;
    }
    */
    
    #film_switch span {
        margin-left: 1.1rem;
    }

    body.portrait #martha_colburn_logo {
        top: calc(100vw - 25px - 26vh);
    }
    
    #content_overlay_swiper {
        padding: 5.6rem 25px 3.125rem 25px;
    }
    
    #content_overlay {
        left: 25px;
        width: calc(100vw - 25px);
    }
    
    #mm_menu_items a {
        margin-bottom: 1px;
        display: inline-block;
    }

}

@media only screen and (max-width : 375px) { 
	/* iphone 6 portrait  */
	
}

@media only screen and (max-width : 320px) { 
	/* iphone 5 portrait  */
	
}


/* 	-----------------------------------------------
	bad browser
	todo
	----------------------------------------------- */

body.bad-browser #todo {
	display: none !important;
}