/* Reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* Common */
.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.pointer {
	cursor: pointer;
}

.cleaner {
	width: 100%;
	height: 0px;
	display: block;
	clear: both;
	float: left;
	
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.stretch-img {
	object-fit: contain;
	max-width:100%;
	display: block;
	margin: 0px auto 0px auto;
}

.stretch-v-img {
	zoom: 2; 
    display: block;
    margin: auto;

    height: auto;
    max-height: 100%;

    width: auto;
    max-width: 100%;
}

/* LKFA */

body {
	font-family: 'Roboto', Helvetica, sans-serif;
	color: #25251B;
	background: #f6f3ec;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	font-size: 100%;
}

* {
	font-family: 'Roboto', Helvetica, sans-serif;
	line-height: 1.5;
}




/* Typography */
/* H1 */
h1 {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 56px;
	padding: 40px 0px 40px 0px;
	text-decoration: none;
}

h1.dark {
	color:#4E4E40;
}

h1.light {
	color:#F6F3EC;
}

/* H2 */
h2 {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 40px;
	padding: 20px 0px 20px 0px;
	text-decoration: none;
}

h2.dark {
	color:#4E4E40;
}

h2.light {
	color:#F6F3EC;
}

h2.left {
	text-align: left;
}

h2.right {
	text-align: right;
}

/* H3 */
h3 {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 36px;
	padding: 20px 0px 20px 0px;
	text-decoration: none;
}

h3.dark {
	color:#4E4E40;
}

h3.light {
	color:#F6F3EC;
}

/* H4 */
h4 {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 22px;
	padding: 20px 0px 10px 0px;
	text-decoration: none;
}

h4.dark {
	color:#4E4E40;
}

h4.light {
	color:#F6F3EC;
}

/* H5 */
h5 {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 22px;
	padding: 10px 0px 10px 0px;
	text-decoration: none;
}

h5.dark {
	color:#4E4E40;
}

h5.light {
	color:#F6F3EC;
}

/* P */
p {
	line-height: 1.5;
	margin: 10px 0px 10px 0px;
}

p.marginless {
	margin: 0px 0px 0px 0px;
}

p.dark {
	color:#4E4E40;
}

p.light {
	color:#D3D3D1;
}

p.thin {
	font-weight: 300;
}

p.larger {
	font-size: 20px;
	padding: 20px 0px 20px 0px;
}

p.left {
	text-align: left;
}

p.right {
	text-align: right;
}




/* Header */

.header {
	width: 100%;
	height: 60px;
	background: #ffffff;
	float: left;
	display: block;
}

.header>.center {
	max-width: 1200px;
	height: 60px;
	margin: 0px auto 0px;
}



.header>.center>.navigation {
	width: auto;
	height: 60px;
	float: right;
	display: block;
	cursor: pointer;
}

.header>.center>.navigation>a {
	width: auto;
	height: 60px;
	line-height: 60px;
	color:#5f5f5f;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	padding: 0px 0px 0px 20px;
	cursor: pointer;
}

.header>.center>.navigation>a:hover {
	color: #000000;
}

.header>.center>.navigation>a.active {
	color: #000000;
	font-weight: 700;
}


/* News */
.news-cover {
	width:100%;
	height: 570px;
	float: left;
	display: block;
	background: blue;
}

.news-article {
	width: auto;
	max-width: 1200px;
	height: auto;
	margin: 0px auto 0px;
	padding: 0px 40px 100px 40px;
	display: table;
	overflow: auto;
	clear: both;
}

.news-article>.news-title {
	width: 100%;
	height: 60px;
	line-height: 60px;
	float: left;
	display: block;
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 36px;
	margin: 60px 0px 0px 0px;
	color: #25251B;
}

.news-article>.news-date {
	width: 100%;
	height: 20px;
	line-height: 20px;
	float: left;
	display: block;
	font-weight: 700;
	font-size: 16px;
	margin: 0px 0px 0px 0px;
	color: #4E4E40;
}

.news-article>.news-summary {
	width: 100%;
	height: auto;
	float: left;
	display: block;
	font-weight: 300;
	font-size: 20px;
	line-height: 120%;
	margin: 40px 0px 0px 0px;
	color: #4E4E40;
}

.news-article>.news-content {
	width: 100%;
	height: auto;
	float: left;
	display: block;
	font-weight: 300;
	font-size: 16px;
	line-height: 120%;
	margin: 20px 0px 0px 0px;
	color: #4E4E40;
}

.news-article>.news-content>p {
	margin: 0px 0px 20px 0px;
	float: left;
	display: block;
}




/* Header Wrapper */
.header-wrap {
	background-color: #ffffff;
	width: 100%;
	height: 60px;
	display: block;
}

a.lkfa-logo {
	width: 220px;
	height: 46px;
	float: left;
	display: block;
	background: url(img/logo.svg) top left no-repeat;
	background-size: 220px 46px;
	margin: 7px 0px 7px 0px;
}

.header-button-wrapper {
	width: auto;
	float: right;
}

a.header-button {
	width: auto;
	height: auto;
	display: block;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 60px;
	font-size: 14px;
	font-weight: 400;
	color: #4E4E40;
	padding: 0px 10px 0px 10px;
}
a.header-button:hover {
	color: #4E4E40;
	line-height: 60px;
}

a.header-button:last-of-type {
	padding: 0px 0px 0px 10px;
}

.header-button-wrapper>a.active {
	font-weight: 700;
	color: #4E4E40;
}

a.burger {
	width: 22px;
	height: 22px;
	float: right;
	display: block;
	background: url(img/burger.svg) top left no-repeat;
	background-size: 22px 22px;
	margin: 19px 0px 19px 0px;
}



/* Blank Wrapper */
.blank-wrap {
	background-color: #F6F3EC;
	padding: 40px 0px 40px 0px;
}
.blank-wrap p {
	padding: 5px 0px 5px 0px;
}

/* Home Header Wrapper */
.home-wrap {
	background-color: #25251B;
	padding: 0px 0px 0px 0px;
}

/* Styles */
html,body {
  height:100%;
  margin:0;
}

.homecontent {
  height:80%;
  min-height:80%;/*for mozilla*/
}

html>body .homecontent {
  height:auto;
}

#one {
  background: url(http://cloud.niklausgerber.com/1b0r2D2Z1y0J/dark-red.png) center center no-repeat scroll #520E24;
}

#two {
  background: url(http://cloud.niklausgerber.com/1a2n2I3J1h0M/red.png) center center no-repeat scroll #8F2041;
}

#three {
  background: url(http://cloud.niklausgerber.com/1X180T1X2v3d/dark-orange.png) center center no-repeat scroll #DC554F;
}

#four {
  background: url(http://cloud.niklausgerber.com/432W0y1g2h05/orange.png) center center no-repeat scroll #FF905E;
}

#five {
  background: url(http://cloud.niklausgerber.com/2N002H122B0d/yellow.png) center center no-repeat scroll #FFDB77;
}


/* News List Wrapper */

.news-list-wrap {
	background-color: #F6F3EC;
	padding: 40px 0px 40px 0px;
}

.news-button {
	width: 100%;
	height: auto;
	display: block;
	float: left;
	text-decoration: none!important;
	margin: 20px 0px 20px 0px;
	background:#ffffff;
}

.news-button>img {
	zoom: 2;  
	display: block;
	margin: auto;

	height: auto;
	max-height: 100%;

  width: auto;
  max-width: 100%;
	float: left;
}

.news-button>.news-title {
	width: 100%;
	height: auto;
	float: left;
	display: block;
	clear: both;
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 22px;
	padding: 20px 0px 10px 30px;
	text-decoration: none;
	color:#4E4E40;
}

.news-description {
	clear: both;
	float: left;
	padding: 0px 30px 30px 30px;
	color:#4E4E40;
	font-weight: 300;
}

.news-button p.date {
	padding: 0px 0px 0px 30px;
	clear:both;
}

news-avatar {}


/* News Wrapper */
.news-cover-wrap {
	background-color: #25251B;
	padding: 0px 0px 0px 0px;
}
.news-wrap {
	background-color: #F6F3EC;
	padding: 40px 0px 40px 0px;
}
.news-wrap p {
	padding: 5px 0px 5px 0px;
}


/* Split Wrapper */
.dark-split-wrap {
	background-color: #4E4E40;
	padding: 40px 0px 40px 0px;
}

.light-split-wrap {
	background-color: #F6F3EC;
	padding: 40px 0px 40px 0px;
}

.white-split-wrap {
	background-color: #ffffff;
	padding: 40px 0px 40px 0px;
}







/* Photographer Wrapper */
.photographer-wrap {
	background-color: #F6F3EC;
	padding: 40px 0px 40px 0px;
}

.photographer-text-wrap {
	background-color: #ffffff;
	padding: 40px 0px 40px 0px;
}

.gallery-wrap {
	padding: 40px 5px 40px 5px;
}

.facebook {
	width: 36px;
	height: 36px;
	display: block;
	float: left;
	background: url(img/icon-facebook.svg) top left no-repeat;
	margin: 5px;
	clear: both;
}
.instagram {
	width: 36px;
	height: 36px;
	display: block;
	float: left;
	background: url(img/icon-instagram.svg) top left no-repeat;
	margin: 5px;
}
.twitter {
	width: 36px;
	height: 36px;
	display: block;
	float: left;
	background: url(img/icon-twitter.svg) top left no-repeat;
	margin: 5px;
}


/* Photographer List Wrapper */
.photographer-list-wrap {
	background-color: #F6F3EC;
	padding: 40px 0px 40px 0px;
}

.photographer-button {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none!important;
	margin: 20px 0px 20px 0px;
}

.photographer-button>img {
	zoom: 2;  
	display: block;
	margin: auto;

	height: auto;
	max-height: 100%;

  width: auto;
  max-width: 100%;
	float: left;
}

.photographer-button>.photographers-name {
	width: auto;
	height: auto;
	float: left;
	display: block;
	clear: both;
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 22px;
	padding: 10px 0px 10px 0px;
	text-decoration: none;
	color:#4E4E40;
}





/* Calendar Wrapper */
.calendar-wrap {
	background-image: url(img/calendar-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #4E4E40;
	padding: 40px 0px 40px 0px;
}

.calendar-fake {
	object-fit: contain;
	max-width:100%;
	display: block;
	margin: 20px auto 20px auto;
}

.calendar-button {
	width: auto;
	max-width:420px;
	height: 60px;
	clear: both;
	display: block;
	margin:0px auto 0px auto;
	background: #25251B;
	text-align: center;
	line-height: 60px;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	font-size:16px;
}


/* Footer Wrapper */
.footer-wrap {
	background-color: #25251B;
	padding: 40px 0px 40px 0px;
}

.footer-button {
	width: auto;
	height: 30px;
	border-bottom: 2px solid #D7B677;
	display: block;
	float: left;
	line-height: 30px;
	text-decoration: none;
	color: #D7B677;
	font-size:16px;
	font-weight: 300;
}

.footer-wrap input {
	background: white;
	border: 0px solid white;
	border-radius: 0px;
	width: 100%;
	height: 46px;
	padding: 0px;
	margin: 0px;
	font-size: 22px;
	float: right;
	margin: 10px 0px 0px 0px;
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	text-align: center;
	color: #4E4E40;
}

.check-date-button{
	width: 100%;
	height: 46px;
	float:right;
	display: block;
	margin:10px auto 0px auto;
	background: #D7B677;
	text-align: center;
	line-height: 46px;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	font-size:16px;
}


/* Legal Wrapper */
.legal-wrap {
	background-color: #4E4E40;
	text-align: center;
	line-height: 60px;
	color: #ffffff;
	background: #4E4E40;
	font-weight: 300;
	font-size: 14px;
}