@charset "UTF-8";

/*
Theme Name: Hanna Schön 2020
Theme URI: https://www.urbanstudio.de
Description:  responsive WordPress Theme for hannaschoen.de
Version: 1.0
Author:		urbanstudio
Theme URI:  https://www.urbanstudio.de
Author URI: https://www.urbanstudio.de
License URI:
*/

*{margin:0;padding:0;border:0;outline:none;font-size:100%;vertical-align:baseline;background:transparent;box-sizing:border-box;}
html{background:#FFFFFF;overflow-y:scroll;overflow-x:hidden;min-height:100vh;height:100%;}
body{color:rgba(0,0,0,.75);font-family:'PT Serif', serif;font-size:18px;font-weight:400;line-height:1.8;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;transition:all 0.2s ease-in-out;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0,0,0,.3);
overflow: initial !important;

}
blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
del{text-decoration:line-through;} abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
input, select{vertical-align:middle;outline:none;} textarea{resize:vertical;overflow-y:auto;outline:none;}
label, input[type=button], input[type=submit], button{cursor:pointer;}
ul{list-style:none;list-style-type:none;}
img{border:0;display:block;max-width:100%;}
* a{color:inherit;text-decoration:inherit;}

pre.box{max-width:1220px;margin:30px auto 30px auto;box-sizing:border-box;padding:20px;background:#EBEDF0;border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 1px 10px rgba(0,0,0,.1);overflow:scroll;font-size:14px;border-radius:6px;max-height:300px;overflow:scroll;}

a.textlink:after, a.theme-button-textlink:after{content:'\27F6';transition:all 0.2s ease-in-out;padding-left:10px;}
a.textlink:hover:after, a.theme-button-textlink:hover:after{padding-left:20px;}

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

html{/*-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;*/}
.center{width:auto;max-width:1220px;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:30px;padding-right:30px;transition:all 0.2s ease-in-out;box-sizing:border-box;}
@media only screen and (max-width:767px){
	.center{padding-left:15px;padding-right:15px;}
}

#wrapper{width:auto;margin:0;padding:80px 0 0 0;z-index:0;min-height:calc( 100vh - 80px );transition:all 0.2s ease-in-out;/*background:#FFFFFF;*/}
/*body.background, body.background #wrapper{background-color:#f2f2f2;}*/


@media only screen and (min-width:850px){
	body.fixed #header{position:fixed;top:0;background:#FFFFFF;}
	body.fixed #wrapper{padding-top:80px;}
}
#header{position:absolute;top:0;left:0;right:0;width:100%;height:80px;margin:0 0 0 0;padding:0 0 0 0;z-index:999;overflow:visible;text-align:center;background:#FFFFFF;transition:none;box-shadow:0 1px 0 rgba(0,0,0,.1);}
	.mainheader .center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;max-width:1220px;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:30px;padding-right:30px;
		display:-webkit-box;display:-ms-flexbox;display:flex;height:80px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;transition:all 0.2s ease-in-out;align-items:stretch;justify-content:space-between;}
		.branding{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;box-sizing:border-box;z-index:1;align-self:center;}
			a#logo{display:block;padding:10px 0 10px 0;margin-right:50px;line-height:30px;font-weight:600;color:#9F804B;text-align:left;font-size:26px;font-family: 'Fira Sans',sans-serif;letter-spacing: 1px;text-transform: uppercase;}
			a#logo span{}
			a#logo img{display:block;height:50px;object-fit:contain;}
			.claim{display:none;}
	@media only screen and (min-width:440px){
		a#logo{margin-right:0;}
		a#logo img{max-width:300px;}
	}
	@media only screen and (max-width:767px){
		#wrapper{padding-top:0;}
		#header{position:relative;top:0;height:60px;box-sizing:content-box;padding:0;}
		.mainheader .center{height:60px;}
		a#logo img{height:20px;}
		#navbtn{top:5px !important;}
	}

	@media only screen and (min-width:850px){
		#navbtn{display:none;}
		.topnav{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:0;padding:0;align-self:stretch;font-family: 'Fira Sans',sans-serif;}
		.topnav ul{list-style:none;margin:0;padding:0;height:80px;width:100%;content:'';} #navigation ul:after{clear:left;}
		.topnav > ul > li{display:inline-block;width:auto;height:80px;padding:0 25px 0 25px;position:relative;top:0;left:0;} #navigation ul li:last-child{padding-right:0 !important;}
		/*.topnav > ul > li:first-child{display:none !important;}*/
		.topnav > ul > li:last-child::after{display:none;padding-right:0;}
		.topnav > ul > li > a{position:relative;color:rgba(0,0,0,.66);display:block;font-size:16px;font-weight:400;line-height:80px;padding:0 0;text-decoration:none;cursor:pointer;position:relative;top:0;left:0;transition:all 0.2s ease-in-out;text-transform:uppercase;letter-spacing:1px;}
			.topnav ul li:hover > a{color:#000000 !important;}
			.topnav > ul > li:hover > a:before{display:block;position:absolute;z-index:-1;left:-26px;right:-28px;top:0;bottom:0;content:'';background:#F7F6F3;transform:skewX(-20deg);box-sizing:border-box;}
			.topnav > ul > li:after{position:absolute;z-index:-2;right:-2px;width:1px;top:50%;height:30px;margin-top:-15px;background:rgba(0,0,0,.22);content:'';transform:rotate(20deg);box-sizing:border-box;}
		.topnav > ul > li.current-menu-item > a,
		.topnav > ul > li.current_page_parent > a,
		.topnav > ul > li.current-menu-parent > a{color:#9F804B !important;font-weight:500 !important;}
		.topnav ul li ul.sub-menu{display:none;}
			.topnav ul li.right ul.sub-menu{left:auto !important;right:-15px !important;} .topnav ul li.right:hover ul.sub-menu:before{left:auto !important;right:30px !important;}
		.topnav ul li:hover ul.sub-menu{display:none;}
			.topnav ul li:hover ul.sub-menu:before{position:absolute;top:-6px;left:30px;content:'';background:url('images/arrow.svg') no-repeat 0 0;background-size:12px 6px;width:12px;height:6px;}
			.topnav ul li ul.sub-menu li{display:block;text-align:left;padding:0;height:auto;border-bottom:1px solid rgba(0,0,0,.1);} .topnav ul li ul.sub-menu li:last-child{border-bottom:0 !important;}
			.topnav ul li ul.sub-menu li a{display:block;color:#000000;line-height:18px;padding:10px 15px;text-transform:none;text-shadow:0 1px 0 rgba(255,255,255,.1);font-size:14px !important;font-weight:400 !important;}
			.topnav ul li ul.sub-menu li a:hover{background:#9E0208;color:#FFFFFF;text-shadow:0 1px 0 rgba(0,0,0,.1);padding-left:22px;transition:all 0.2s ease-in-out;}
			.topnav ul li ul.sub-menu li:first-child a{border-radius:3px 3px 0 0;} .topnav ul li ul.sub-menu li:last-child a{border-radius:0 0 3px 3px;}

			.topnav ul li ul.sub-menu li.current-menu-item a,
			.topnav ul li ul.sub-menu li.current_page_parent a{color:#9F804B !important;font-weight:600 !important;}
			.topnav ul li ul.sub-menu li.current-menu-item a:hover,
			.topnav ul li ul.sub-menu li.current_page_parent a:hover{color:#FFFFFF !important;}

		#whitenav > ul > li > a{color:#FFFFFF !important;}

	}
	@media only screen and (max-width:989px){
		.topnav ul li a{font-size:16px !important;}
	}
	@media only screen and (max-width:849px){
		#navbtn{display:block;position:fixed;top:15px;right:15px;width:50px;height:50px;cursor:pointer;z-index:999999 !important;transition:all 0.2s ease-in-out;border-radius:25px;background:transparent;}
		#navbtn:after{position:absolute;top:0;left:0;width:80px;height:50px;border-radius:3px 0 0 3px;background:#FFFFFF;content:'';z-index:0;transition:all 0.2s ease-in-out;}
		body.fixed #navbtn:after,
			body.topnav-open #navbtn:after{background:#891D2B;}
		body.fixed #navbtn span{background:#FFFFFF;}
		#navbtn.opened{/*position:fixed;top:13px;*/}
			#navbtn span{position:absolute;top:17px;left:15px;display:block;width:20px;height:2px;background-color:#FFFFFF;transition:all 0.2s ease-in-out;z-index:2;}
				body.fixed #navbtn span,
					body.topnav-open #navbtn span{background-color:#FFFFFF;}
				body #navbtn span{background-color:#000000;}

			#navbtn span.line3{margin:0 0 0 0;} #navbtn.opened span.line1{top:23px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#FFFFFF;}
			#navbtn span.line2{top:23px;} #navbtn.opened span.line2{opacity:0;}
			#navbtn span.line3{top:29px;} #navbtn.opened span.line3{top:23px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#FFFFFF;}

		.topnav{display:block;position:fixed;top:0;left:0;bottom:0;width:calc(100vw);height:100vh;background:transparent;overflow:scroll;z-index:9999;transition:all 0.6s 0.1s ease-in-out;transform:translate(-120%,0);pointer-events:none;}
		.topnav.open{display:block;transform:translate(0,0);pointer-events:auto;}
		.topnav.open:after{opacity:1;}
		.topnav > ul{display:block;width:calc( 100vw - 85px );background:#FFFFFF;box-shadow:0 0 10px rgba(0,0,0,.3),0 0 100px rgba(0,0,0,.3);min-height:100vh;}
		.topnav ul li{margin:0;border-bottom:1px solid rgba(0,0,0,.15);} .topnav > ul{padding-bottom:113px;}
		.topnav ul li a{color:#000000;display:block;height:auto;font-size:18px !important;font-weight:400;padding:15px 15px 15px 30px;text-align:left !important;text-decoration:none;box-sizing:border-box;cursor:pointer;}
		.topnav ul li ul li{border-top:1px solid rgba(0,0,0,.15);border-bottom:0;}
		.topnav ul li ul li a{padding-left:60px;background:#f2f2f2;font-size:16px !important;}
		.topnav ul li a:hover{background:#891D2B;color:#FFFFFF;text-shadow:0 1px 0 rgba(0,0,0,.1);}
		.topnav ul li.current-menu-item a,
		.topnav ul li.current-menu-item a:hover{font-weight:600;background:#891D2B;color:#FFFFFF;text-shadow:0 1px 0 rgba(0,0,0,.1);}
		body:after{display:block;position:fixed;top:0;left:0;width:200vw;height:100vh;content:'';opacity:0;transition:all 0.6s ease-in-out;z-index:900;transform:translate(-100%,0);/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.66+50,0+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0.66) 0%, rgba(0,0,0,0.66) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.66) 0%,rgba(0,0,0,0.66) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.66) 0%,rgba(0,0,0,0.66) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
		}
		body.topnav-open:after{opacity:1;transform:translate(0,0);}
	}
	@media only screen and (max-width:399px){
		.topnav ul li ul li a{padding-left:30px;}
	}

	#globalsearch{display:none;}


main{position:relative;top:0;left:0;z-index:0;transition:all 0.2s ease-in-out;}
main.blog{padding-top:30px;}
@media only screen and (min-width:768px){
	main.blog{padding-top:56px;}
}

/* FOOTER */
#footer{background:#323232;clear:left;position:relative;font-family: 'Fira Sans',sans-serif;}
#footer-secondary{position:relative;top:0;left:0;background:#323232;font-size:14px;color:rgba(255,255,255,.66);font-weight:400;}
	#footer-secondary:before{position:absolute;top:0;left:0;right:0;height:1px;width:100%;background:rgba(0,0,0,.15);content:'';}
	.footer-navigation{margin:0;padding:30px 0 30px 0;text-align:center;}
		.footer-navigation ul{font-weight:400;}
		.footer-navigation ul li{margin:0 10px 0 10px;display:inline-block;}
		.footer-navigation ul li a{display:block;height:30px;line-height:30px;font-size:14px;color:rgba(255,255,255,.8);font-weight:400;text-decoration:none;transition:all 0.1s 0.1s;}
		.footer-navigation ul li a:hover{color:rgba(255,255,255,1);}
	.footer-copy{display:block;text-align:center;color:rgba(255,255,255,.66);line-height:20px;margin:0 0 30px 0;text-transform:none;}
	#footer-secondary:after{display:table;clear:both;content:'';}

@media only screen and (min-width:800px){

	.footer-navigation{float:left;clear:none;text-align:inherit;width:66%;margin:0 4% 0 0;padding:0;text-align:left;}
		.footer-navigation ul{font-weight:400;max-width:500px;}
		.footer-navigation ul li{margin:0 20px 0 0;}
		.footer-navigation ul li a{display:block;height:80px;line-height:80px;}
	.footer-copy{float:left;display:block;width:30%;text-align:right;line-height:80px;margin:0 !important;}
}



/* LOOP */
.archive{position:relative;top:0;left:0;background-color:#f5f5f5;padding-top:60px;padding-bottom:60px;margin-top:60px;margin-bottom:-60px;}
.archive article{display:block;clear:none;text-align:inherit;margin-left:0%;}
.archive .gutter-sizer{width:40px;}

@media only screen and (min-width:1220px){
	.archive article{width:360px;}
}
@media only screen and (min-width:941px) and (max-width:1219px){
	.archive article{width:calc( (100% - 60px) / 3 );}
	.archive .gutter-sizer{width:30px;}
}
@media only screen and (min-width:768px) and (max-width:940px){
	.archive article{width:calc( (100% - 30px) / 2 );}
	.archive .gutter-sizer{width:30px;}
}
@media only screen and (max-width:767px){
	.archive article{width:100%;}
}

.archive article .image{position:relative;top:0;left:0;}
.archive article .image a{display:block;position:relative;top:0;left:0;}
.archive article .image a:before{position:absolute;top:0;left:0;right:0;bottom:0;border:0px solid transparent;width:100%;height:100%;content:'';-webkit-transition: border-width 0.2s, border-color 0.2s;transition: border-width 0.2s, border-color 0.2s;box-sizing:border-box;}
.archive article .image:hover a:before{border-width:11px;border-color:#738591;}
.archive article .image img{display:block;width:100%;height:auto;border-bottom:8px solid #738591;vertical-align:middle;}

.archive article time{display:block;margin:20px 0 20px 0;color:#666666;font-size:14px;}

.archive h3.article-title{font-size:26px;line-height:1.3 !important;margin-bottom:20px;margin-top:20px;text-transform:uppercase;overflow-wrap:break-word;}
.archive h3.article-title a,
.archive h3.article-title a:hover{color:#000000 !important;text-decoration:none !important;}

.archive span.excerpt{font-size:19px;}

/* SEARCH */
.search-archive{position:relative;top:0;left:0;background-color:#f5f5f5;padding-top:60px;padding-bottom:60px;margin-top:60px;margin-bottom:-60px;}
.search-archive .center{max-width:760px;box-sizing:content-box;}
.search-archive article{display:block;clear:both;text-align:inherit;margin-left:0%;}
.search-archive article:after{content:'';display:table;clear:both;}
.search-archive article .image{position:relative;top:0;left:0;width:26.6666%;height:auto;margin:0 3.3333% 0 0;float:left}
.search-archive article .image a{display:block;position:relative;top:0;left:0;}
.search-archive article .image a:before{position:absolute;top:0;left:0;right:0;bottom:0;border:0px solid transparent;width:100%;height:100%;content:'';-webkit-transition: border-width 0.2s, border-color 0.2s;transition: border-width 0.2s, border-color 0.2s;box-sizing:border-box;}
.search-archive article .image:hover a:before{border-width:11px;border-color:#738591;}
.search-archive article .image img{display: block;width:100%;height:auto;border-bottom:8px solid #738591;vertical-align:middle;}

.search-archive article .content{width:70%;height:auto;float:left;max-width:760px;}
.search-archive article.no-image .content{width:100%;height:auto;float:none;max-width:760px;}
.search-archive article .content h4{margin-top:0 !important;font-size:16px;font-weight:700;}
.search-archive article .content h2{margin:10px 0 16px 0 !important;} .search-archive article .content h2 a, .search-archive article .content h2 a:hover{color:#000000;text-decoration:none !important;}

@media only screen and (max-width:594px){
.search-archive article .image,
.search-archive article .content{width:100%;float:none;clear:left;}
.search-archive article .image{margin: 0 0 30px 0;}

}


/* INLINE SEARCH */
#inlinesearch{display:block;position:relative;top:0;left:0;margin:32px 0 32px 0;}
#inlinesearch .search input{font-family:'Lato', sans-serif;font-size:20px;font-weight:300;color:#666666;padding:10px 43px 10px 10px;width:100%;box-sizing:border-box;border:1px solid #D3D3D3;border-radius:2px;transition: all 0.2s ease-in-out;-webkit-appearance:none;-moz-appearance:none;}
#inlinesearch .search input:focus{border:1px solid #333333;color:#333333;outline:none;}
#inlinesearch .searchbtn{position:absolute;top:1px;right:1px;width:43px;height:43px;line-height:43px;text-align:center;background:#FFFFFF;color:#999999;cursor:pointer;border-radius:3px;transition: all 0.2s ease-in-out;} #inlinesearch .searchbtn i.fa{font-size:18px;font-weight:700;}
#inlinesearch .searchbtn:hover{color:#666666;}


/* ARTICLE */
article{padding:0 0 0 0;width:auto;max-width:700px;margin:0 auto 0 auto;transition:all 0.2s ease-in-out;color:rgba(0,0,0,.75);text-shadow:0 1px 0 rgba(255,255,255,.5);}
	article:after{display:table;clear:both;content:'';}
article h2,
article h3,
article h4,
article h5{font-family:'Fira Sans', sans-serif;font-weight:400;color:#000000;}
article h2{font-size:28px;line-height:38px;text-transform:none;margin:56px 0 0 0;font-weight:400;}
article h3{font-size:20px;line-height:26px;text-transform:uppercase;margin:32px 0 0 0;}
article h4{font-size:18px;line-height:1.8;text-transform:none;margin:32px 0 -25px 0;font-weight:500;}

article a{color:#000000;font-weight:400;text-decoration:none;transition:all 0.2s ease-in-out;outline:0;position:relative;}
	article p > a{box-shadow:inset 0 -10px 0 rgba(159,128,75,.22);}
article > *:last-child{margin-bottom:0 !important;}
article a:hover{color:#000000;text-decoration:none;}
	article p > a:hover{box-shadow:inset 0 -10px 0 rgba(159,128,75,.12);}
article p{font-size:18px;font-weight:400;line-height:1.8;margin:25px 0;margin-bottom:0;}

article b, article strong{font-family:'Fira Sans',sans-serif;font-weight:500;}
article p b, article p strong{font-family:'Fira Sans',sans-serif;font-weight:500;font-size:15px;text-transform:uppercase;letter-spacing:1px;}

/*article p span.initial{display:inline-block;font-size:68px;line-height:50px;float:left;margin:0 0 0 0;padding:5px 0 0 0;}*/

article ul{margin:25px 0 25px 18px;font-size:18px;font-weight:400;list-style:none;list-style-position:outside;padding-left:0;line-height:1.8;}
article ul li{box-sizing:border-box;position:relative;}
article ul li:before{display:block;position:absolute;left:-18px;top:15px;height:2px;width:6px;background:#9F804B;content:'';}
article ol{margin:25px 0 25px 0;font-size:18px;line-height:1.8;list-style-position:inside;counter-reset:item;}
article ol li{display:block;}
article ol li:before{content:counter(item) ". ";counter-increment:item;color:#666666;margin-right:2px;width:20px;display:inline-block;font-size:15px;line-height:1.8;font-weight:700;}
article blockquote{border:0;margin:0 0 25px 0;padding:0 0 0 0;color:#9e804b;font-style:italic;}
article blockquote.alignright{float:right;width:300px;margin:0 -50px 30px 30px;transition:all 0.2s ease-in-out;box-sizing:border-box;}
article blockquote p{color:#666666;font-weight:400;margin:0 0 0 0 !important;font-size:22px !important;line-height:36px !important;}
article blockquote cite, article blockquote p.author{color:rgba(0,0,0,.5);font-size:16px;font-family: 'Lato', sans-serif;font-weight:400;font-style:normal;}


/* LOOP */
article.loop{margin:0 0 30px 0;padding:30px;background:#FFFFFF;border-top:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);border-radius:3px;}
article.loop .post-image{width:180px;height:auto;float:left;}
article.loop .post-image a{display:block;position:relative;top:0;left:0;} article.loop .post-image a:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.1);content:' ';}
article.loop .post-image img{display:block;width:100%;height:auto;}
article.loop .post-content{margin:0 0 0 210px;}
article.loop.no-image .post-content{margin:0 0 0 0;}
main article.loop h2{margin:0 0 20px 0;font-size:28px;line-height:1.3 !important;} main article.loop h2 a{text-decoration:none !important;color:#9F804B !important;} main article.loop h2 a:hover{color:#9F804B !important;}
article.loop .post-description{position:relative;top:0;left:0;margin:0 0 15px 0;max-height:100px;overflow:hidden;}
	article.loop .post-description:after{display:block;position:absolute;bottom:0;right:0;width:90px;height:20px;content:'';background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%);}
	article.loop .post-description p{margin:0 0 0 0 !important;font-size:14px;line-height:20px !important;color:rgba(0,0,0,.75);}
article.loop .post-meta{font-size:10px;font-weight:400;color:rgba(0,0,0,.3);line-height:20px;text-transform:uppercase;font-family: 'Lato', sans-serif;} .post-meta span{padding:0 10px 0 0;} main .post-meta i{display:inline-block;min-width:14px;padding-right:3px;}
main .post-meta a{color:#666666;text-decoration:none;} main .post-meta a:hover{color:#666666;}


/* MASONRY LOOP */
.grid-sizer{width:100%;}
.gutter-sizer{width:30px;}
.masonry article.loop{display:block;width:100%;margin:0 0 15px 0;border-top:0;padding:0;background-color:transparent !important;box-shadow:0 0 0 transparent;border-radius:3px;box-shadow:0 7px 5px -5px rgba(0,0,0,.05);}
.masonry article.loop .post-image{width:100%;height:auto;float:none;position:relative;top:0;left:0;border-radius:3px 3px 0 0;}
.masonry article.loop .post-image a:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.1);content:'';border-radius:3px 3px 0 0;}
.masonry article.loop .post-image img{display:block;width:100%;height:auto;border:0;border-radius:3px 3px 0 0;}
.masonry article.loop .post-content{margin:0 0 0 0;padding:25px 30px 30px 30px;border-radius:0 0 3px 3px;background:#FFFFFF;border:1px solid #D9D5CB;border-top:0;
}
.masonry article.loop.no-image .post-content{border-radius:8px;border-top:1px solid rgba(0,0,0,.1);}
#main .masonry article.loop h2{margin:0 0 15px 0;font-size:18px;line-height:28px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}

.post-image a span.play-btn{background:none;border:none;cursor:pointer;width:100px;height:100px;left:50%;margin-left:-50px;margin-top:-50px;position:absolute;top:50%;text-align:center;background-color:rgba(51,51,51,.5);border:5px solid #fff;border-radius:50px;transition:all 0.2s ease-in-out;}
.post-image a:hover span.play-btn{-webkit-transform:scale(1.1);transform:scale(1.1);background-color:rgba(51,51,51,.66);box-shadow:0 0 0 1px rgba(0,0,0,.1), 0 0 30px rgba(0,0,0,.3);text-shadow:0 0 30px rgba(0,0,0,.4);}
.post-image a span.play-btn i{position:absolute;top:50%;left:50%;width:36px;height:60px;margin:-30px 0 0 -13px;line-height:60px;color:#FFFFFF;font-size:36px;}

@media only screen and (max-width: 400px) {
.post-image a span.play-btn{width:60px;height:60px;left:50%;margin-left:-30px;margin-top:-30px;border:3px solid #fff;border-radius:50px;}
.post-image a span.play-btn i{width:20px;height:30px;margin:-15px 0 0 -8px;line-height:30px;font-size:20px;}
}
@media only screen and (min-width: 900px) {
.post-image a span.play-btn{width:60px;height:60px;left:50%;margin-left:-30px;margin-top:-30px;border:3px solid #fff;border-radius:50px;}
.post-image a span.play-btn i{width:20px;height:30px;margin:-15px 0 0 -8px;line-height:30px;font-size:20px;}
}


@media only screen and (min-width:691px){
	.grid-sizer{width:calc(( 100% - 30px ) / 2 );}
	.gutter-sizer{width:30px;}
	.masonry article.loop{display:block;width:calc(( 100% - 30px ) / 2 );margin:0 0 30px 0;}
}

@media only screen and (min-width:900px){
	.grid-sizer{width:calc(( 100% - 60px ) / 3 );}
	.gutter-sizer{width:30px;}
	.masonry article.loop{display:block;width:calc(( 100% - 60px ) / 3 );margin:0 0 30px 0;}
}


/* PAGINATION */
.pagination{display:block;background:#FFFFFF;position:relative;top:0;left:0;clear:left;margin:0;padding:56px 0 56px 0;margin-top:56px;color:#999999;font-size:14px;font-weight:600;line-height:26px;text-align:center !important;overflow:visible;z-index:10;}
.pagination:before{position:absolute;top:-1px;left:0;right:0;background:rgba(0,0,0,.1);height:1px;content:'';}
.pagination h2{display:none;}
.pagination .nav-links{max-width:1200px;margin:0 auto;padding-left:30px;padding-right:30px;}
.pagination .nav-links a, .pagination .nav-links a:hover{display:inline-block;background-color:rgba(255,255,255,.66);border:1px solid rgba(0, 0, 0, .15);border-radius:2px;text-shadow:0 1px 0 #FFFFFF;color:#262C30;text-decoration:none;font-weight:700;padding:0 12px !important;height:36px !important;line-height:36px !important;margin:0 8px 0 0 !important;box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 1);transition:all .2s ease-in-out}
.pagination .nav-links a:hover{background:rgba(255,255,255,1);color:#333333;border:1px solid #B80607;}
.pagination .nav-links .current, .pagination .nav-links .current:hover{display:inline-block;background-color:#B80607;border:1px solid rgba(0,0,0, .2);border-radius:2px;text-shadow:0 1px 0 rgba(0,0,0, .2);color:#FFFFFF;text-decoration:none;font-weight:700;padding:0 12px !important;height:36px !important;line-height:36px !important;margin:0 8px 0 0 !important;transition:all .2s ease-in-out}
span.page-numbers.dots{margin:0 8px 0 0 !important;}
.pagination .nav-links a:last-child{margin:0 0 0 0 !important;}

@media only screen and (max-width:767px){
.pagination{padding:30px 0 30px 0;margin-top:30px;}
.pagination .nav-links{padding-left:15px;padding-right:15px;}
}

/* REQUEST */
#request{position:relative;top:0;left:0;background:#FFFFFF;}
#request h2{font-size:30px !important;line-height:40px !important;font-weight:400 !important;margin:-5px 0 35px 0 !important;color:#B80607;text-shadow:0 1px 0 rgba(255,255,255,.66);}

/* Blocks */
.alignwide, .alignfull{position:relative;width:100%;margin-left:0px;margin-right:0px;z-index:2;}
.alignfull{width:100vw;left:calc(-50vw + 50%);margin-left:0px;margin-right:0px;}
.alignwide{width:calc(100% + 520px);left:-260px;margin-left:0px;margin-right:0px;padding:0 30px 0 30px;}
@media only screen and (max-width: 1210px) {
.alignwide,
.wp-block-image.alignwide{width:100vw;left:calc(-50vw + 50%);margin-left:0px;margin-right:0px;}
}

@media only screen and (max-width: 760px) {
.alignwide,
.wp-block-image.alignwide{padding:0 15px 0 15px !important;}
}

.wp-block-embed{max-width:none !important;margin-bottom:55px !important;margin-top:55px !important;}
article ul.wp-block-gallery{margin-left:0 !important;margin-bottom:35px !important;}
ul.wp-block-gallery li:before,
article ul.blocks-gallery-grid li:before{display:none !important;}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption{box-sizing:border-box !important;color:#FFFFFF;font-family: 'Fira Sans',sans-serif;font-weight:400;}
figure.is-type-video{min-width:100%;max-width:none !important;margin-bottom:55px !important;margin-top:55px !important;background:transparent;}
figure.is-type-video figcaption{margin:0 auto;font-size:14px;line-height:22px;padding:0;box-sizing:border-box;color:rgba(0,0,0,.5);font-family: 'Fira Sans',sans-serif;font-weight:400;text-align:left;padding:5px 0 0 0;}
.wp-block-embed__wrapper{position:relative;padding-bottom:55%;padding-top:15px;height:0;overflow:hidden;}
.wp-block-embed__wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.wp-block-image{max-width:none !important;margin-bottom:55px !important;margin-top:55px !important;/*background:#FFFFFF;*/}
figure.wp-block-image figcaption{margin:0 auto;font-size:14px;line-height:22px;padding:0;box-sizing:border-box;color:rgba(0,0,0,.5);font-family: 'Fira Sans',sans-serif;font-weight:400;text-align:left;padding:5px 0 0 0;}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption{padding:30px 10px 10px 10px !important;line-height:20px !important;text-shadow:0 0 6px rgba(0,0,0,.33);}

.block_us_textwithborder_html{border-radius:3px !important;padding:25px 30px 0 30px;border-style:solid;border-width:1px;border-color:#d9d9d9;margin-bottom:25px;box-sizing: border-box;}
.block_us_textwithborder_html.bold{border-width:3px;}

.wp-block-file{border:1px solid rgba(0,0,0,.15);border-left:0;border-right:0;padding:25px 0 25px 0;overflow:auto;background:#FFFFFF;}
.wp-block-file a{display:block;line-height:32px;text-align:center;padding:0 0 15px 0;}
.wp-block-file a.wp-block-file__button{display:inline-block;line-height:32px;border-radius:20px;font:14px 'Lato', sans-serif;background:#666666;color:#FFFFFF;font-weight:700 !important;text-transform:uppercase;transition: all 0.2s ease-in-out;-webkit-appearance:none;cursor:pointer;letter-spacing:2px !important;border:1px solid rgba(0,0,0,.15);margin:0 auto;text-shadow:0 1px 0 rgba(0,0,0,.2);}
.wp-block-file a.wp-block-file__button:hover{opacity:.9;/*background:#7970ab;*/}

a.theme-button,
a.theme-button-primary {
	display: inline-block;
    color: #FFFFFF !important;
	background:#9F804B !important;
    font-size:16px !important;
    font-weight: 600 !important;
    margin:0 0 0 0 !important;
    height: 44px !important;
    line-height: 40px !important;
    padding: 0 20px 0 20px !important;
    width: auto;
    text-align: center;
    border: 0;
    border-radius:25px!important;
    text-decoration: none;
    text-transform:uppercase;
    transition: all 0.2s ease-in-out;
    text-shadow:0 1px 0 rgba(0,0,0,.3);
    cursor: pointer;
    letter-spacing:1px !important;
    background-color:transparent;
    border:2px solid #9F804B;
    opacity:1;
	font-family: 'Fira Sans', sans-serif;
}
a.theme-button:hover,
a.theme-button-primary:hover{
	background:#9F804B !important;
	border:2px solid #9F804B !important;
}

a.theme-button-secondary {
  display: inline-block;
  color: #9F804B !important;
  font-size:16px !important;
  font-weight: 600 !important;
  margin:0 0 0 0 !important;
  height: 44px !important;
  line-height: 40px !important;
  padding: 0 20px 0 20px !important;
  width: auto;
  text-align: center;
  border: 0;
  border-radius:25px!important;
  text-decoration: none;
  text-transform:uppercase;
  transition: all 0.2s ease-in-out;
  text-shadow:0 1px 0 rgba(255,255,255,1);
  cursor: pointer;
  letter-spacing:1px !important;
  background-color:transparent;
  border:2px solid #9F804B;
  opacity:1;
  font-family: 'Fira Sans', sans-serif;
}

a.theme-button-secondary:hover{color:#9F804B !important;border:2px solid #9F804B;}

.btn{display:inline-block;margin:0.31rem 0;padding:0.625rem 0.875rem;background:none;cursor:pointer;color:#000;text-decoration:none !important;}

.btn-primary{background-color:#000;border-radius:100px;border:0;color:#fff;font-family:'larseit', sans-serif;font-weight:700;font-size:1.18rem;letter-spacing:0.05rem;line-height:1.41rem;padding:1rem 1.5rem;text-transform:uppercase;-webkit-transition:all 0.2s 0.1s;transition:all 0.2s 0.1s;}
.btn-primary:hover{text-decoration:none;background-color:#9F804B;color:#FFFFFF !important;}

/* Tags */
.meta-tags{max-width:700px;margin:0 auto;margin-bottom:55px !important;margin-top:55px !important;}
/*background-color: #d8d8d8;
font-weight: 400;
font-size: 0.88rem;
margin-right: 0.5rem;
-webkit-transition: all 0.1s 0.1s;
transition: all 0.1s 0.1s;
margin-bottom: 1rem;box-sizing: border-box;padding: 0.41rem 0.65rem;
text-decoration: none;
color:#000000;
}
.meta-tags a:hover{background-color: #f5f5f5;text-decoration: none;
color: #000;}*/
.meta-tags{display:block;color:#9B9B9B;font-size:12px;font-family: 'Lato', sans-serif;font-weight:400;line-height:18px !important;text-align:left;text-transform:uppercase;padding-left:30px;box-sizing:border-box;position:relative;top:0;left:0;}
.meta-tags a{display:inline-block;position:relative;top:0;left:0;color:#9B9B9B;text-decoration:none;font-weight:400 !important;line-height:20px !important;margin:0 10px 6px 0;transition:color 0.3s ease-in-out;}
.meta-tags a:hover{color:#000000;}
.meta-tags a:before{background-color:#9B9B9B;content:'';height:1px;position:absolute;bottom:1px;transition:width 0.3s ease-in-out;width:100%;}
.meta-tags a:hover:before{width:0;}
.meta-tags i{width:30px;font-size:18px;line-height:18px;position:absolute;top:0;left:0;}

/* Comments */
#comments-wrap{position:relative;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
#comments-wrap:before{position:absolute;top:-1px;left:0;right:0;background:rgba(0,0,0,.1);height:1px;content:'';}
#comments{max-width:700px;margin:0 auto;margin-bottom:60px;}
#comments h3{font-family:'larseit', sans-serif;font-weight:700;color:#000000;font-size:23px;line-height:30px;text-transform:uppercase;margin:64px 0 30px 0;} #comments #respond h3{margin-bottom:30px;}
ol.comment-list, ol.children{margin:0;padding:0 0 0 0;list-style:none;}
li.comment{margin:30px 0 30px 0;padding:0;word-wrap:break-word;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.15);color:#000000;font-size:16px !important;line-height:1.5 !important;}
ol.children li.comment{margin:0 0 0 0;padding:30px 0 0 0;word-wrap:break-word;box-sizing:border-box;border-top:1px solid rgba(0,0,0,.15);border-bottom:0 solid #000000;color:#000000;}
.comment-container{margin:0 auto;padding:0 0 30px 0;} ol.children .comment-container{padding-left:30px;}
li.comment p{color:#000000;margin:0 0 30px 0;}
li.comment a{color:#000000;text-decoration:underline;transition:all 0.2s ease-in-out;outline:0;} li.comment a:hover{color:#666666;text-decoration:none;}
.comment-author{display:block;margin:0 0 0 0;padding:0 0 15px 0;font-weight:700 !important;color:#000000;} .comment-author a{color:#000000;text-decoration:none;}
.comment-author:after{clear:both;content:'';}
.comment-content{padding:0 0 25px 0;}
main .comment-content p:last-child{margin:0 0 0 0 !important;max-width:100% !important;}
.comment-content a{color:#000000;text-decoration:none;word-wrap:break-word;}
#comments .date, #comments .reply{display:block;width:50%;float:left;color:#9B9B9B;font-size:12px;line-height:12px;text-align:left;font-family: 'Lato', sans-serif;text-transform:uppercase;}
#comments .reply{text-align:right;} #comments .date a, #comments .reply a{color:#9B9B9B;text-decoration:none;}


/* Comment Form */
.comment-form{display:block;margin:0 auto;padding:0 0 0 0;word-wrap:break-word;box-sizing:border-box;max-width:760px;font-size:16px;line-height:26px;color:#000000;}
.comment-form label{display:block;font-weight:700;padding:0 0 8px 0;font-size:16px;line-height:26px;}
.comment-form input[type='text'],.comment-form input[type='email'],.comment-form input[type='password'],.comment-form input[type='url'],.comment-form textarea{border:1px solid #D3D3D3;width:100%;padding:8px;color:#666;background:#FFFFFF;font-size:16px;font-family: 'Lato', sans-serif;font-weight:400;box-sizing:border-box;border-radius:3px;transition:all 0.2s ease-in-out;-webkit-appearance:none;}
.comment-form input[type='text']:focus,.comment-form input[type='email']:focus,.comment-form input[type='password']:focus,.comment-form input[type='url']:focus,.comment-form textarea:focus{background-color:#FFFFFF;border:1px solid #333333;font-size:16px;font-family: 'Lato', sans-serif;color:#000000;outline:none;}
p.form-submit{text-align:center;}
.comment-form input[type='submit']{background-color:#000;border-radius:100px;border:0;color:#fff;font-family:'larseit', sans-serif;font-weight:700;font-size:1.18rem;letter-spacing:0.05rem;line-height:1.41rem;padding:1rem 1.5rem;text-transform:uppercase;-webkit-transition:all 0.2s 0.1s;transition:all 0.2s 0.1s;opacity:1;}
.comment-form input[type='submit']:hover{text-decoration:none;background-color:#738591;color:#FFFFFF !important;}
.comment-form input[type='submit']:disabled{opacity:.5;}
.comment-form p{margin:0 0 25px 0 !important;}
.comment-notes{color:#999999;}
span.required{color:#C72C3C;}
p.logged-in-as{display:inline-block;float:right;padding:0 8px 0 8px;line-height:26px;text-align:right !important;border-radius:3px;font-size:12px;color:#666666;background-color:rgba(0,0,0,.05);margin:0 !important;}
p.logged-in-as a{color:#333333;text-decoration:none;}
.comment-form .form-submit{margin:0 0 0 0 !important;}
.comment-form #gdpr-comments-compliance-text p{text-align:center;/*padding:0 0 35px 0;*/}
.comment-form #gdpr-comments-compliance-text a{color:#000000;text-decoration:underline;}
.comment-form #us-gdpr-comments-checkbox-wrap input{float:left;width:20px;margin-top:6px;}
.comment-form #us-gdpr-comments-checkbox-wrap label{margin:0 0 0 30px;font-family: 'Lato', sans-serif;font-size:16px;line-height:26px;font-weight:400 !important;padding:0 0 20px 0;}


/* BLOG NAVIGATION */
.blog-navigation-container{display:block;background:#FFFFFF;position:relative;top:0;left:0;clear:left;margin:0;color:#999999;font-size:14px;font-weight:600;line-height:26px;text-align:left !important;overflow:visible;z-index:10;clear:both;text-shadow:0 1px 0 rgba(255,255,255,.66);}
.blog-navigation-container:before{position:absolute;top:-1px;left:0;right:0;background:rgba(0,0,0,.1);height:1px;content:'';}
.blog-navigation-container:after{content:'';display:table;clear:both;}
.blog-navigation-container .center{display:flex;}
.blog-navigation-container .previous{text-align:inherit;width:48%;margin-left:0%;margin-right:4%;min-height:90px;position:relative;}
/*.blog-navigation-container .overview{text-align:inherit;width:32.33333333333333%;margin-left:0%;margin-right:1.5%;margin-bottom:16px;margin-top:16px;text-align:center;}*/
.blog-navigation-container .next{text-align:inherit;width:48%;margin-left:0%;margin-right:0;min-height:90px;position:relative;text-align:right;}
.blog-navigation-container p.previous-label,
.blog-navigation-container p.next-label{display:block;font-family:'Lato', sans-serif;font-size:10px;font-weight:500;letter-spacing:2px;margin:0 0 10px 0;color:rgba(0,0,0,.33);text-transform:uppercase;}
.blog-navigation-container p.next-label{margin-left:0;margin:0 0 10px 0;}
.blog-navigation-container a.previous-link,
.blog-navigation-container a.next-link{display:block;color:#9F804B;font-size:28px;font-weight:500;margin-top:0;line-height:1.3 !important;position:relative;text-transform:uppercase;text-decoration:none;margin:0 0 0 0;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.blog-navigation-container a.next-link{margin:0 0 0 0;}
@media only screen and (max-width:600px){
	.blog-navigation-container a.previous-link,
	.blog-navigation-container a.next-link{margin:0 0 0 0;font-size:20px;}
}
@media only screen and (max-width:413px){
	.blog-navigation-container .center{display:block;}
	.blog-navigation-container .previous,
	.blog-navigation-container .next{width:100%;margin-left:0%;margin-right:0;margin-bottom:16px;margin-top:16px;min-height:auto;text-align:left;}
	.blog-navigation-container p.previous-label,
	.blog-navigation-container p.next-label{margin-left:0;margin-right:0;font-size:12px;}
	.blog-navigation-container a.previous-link,
	.blog-navigation-container a.next-link{margin:0 0 0 0;font-size:18px;}
}

/* WP Columns Fix */
.wp-block-columns.has-2-columns .wp-block-column{width:50% !important;margin:0 0 30px 0 !important;padding:0 15px 0 15px !important;box-sizing:border-box;}
.wp-block-columns.has-3-columns .wp-block-column{width:33% !important;margin:0 0 30px 0 !important;padding:0 15px 0 15px !important;box-sizing:border-box;}
.wp-block-columns.has-4-columns .wp-block-column{width:25% !important;margin:0 0 30px 0 !important;padding:0 15px 0 15px !important;box-sizing:border-box;}


/* TOOLS */
.topline{position:absolute;top:0;left:0;height:1px;width:100%;background:rgba(0,0,0,.1);} .topline.white{background:rgba(255,255,255,.12);}
.bottomline{position:absolute;bottom:0;left:0;height:1px;width:100%;background:rgba(0,0,0,.1);} .bottomline.white{background:rgba(255,255,255,.12);}
.topline.outside{top:-1px;}
.bottomline.outside{bottom:-1px;}
.clear{clear:left;}
.align-left{text-align:left;} .align-right{text-align:right;} .align-center{text-align:center;}
.float-right{float:right;}
.opacity50{opacity:.5;}
.no-padding{padding:0 0 0 0 !important;}
.no-margin{margin:0 0 0 0 !important;}
.no-margin-bottom{margin-bottom:0 !important;}
.display-block{display:block !important;}
.hide{display:none;}

.margin-top{margin-top:56px !important;}
.margin-bottom{margin-bottom:56px !important;}
.padding-top{padding-top:56px !important;}
.padding-bottom{padding-bottom:56px !important;}

@media only screen and (max-width:767px){
	.margin-top{margin-top:30px !important;}
	.margin-bottom{margin-bottom:30px !important;}
	.padding-top{padding-top:30px !important;}
	.padding-bottom{padding-bottom:30px !important;}
}

/* COLUMNS */
.column{display:block;}
.column p:last-child{margin-bottom:0;}
@media only screen and (min-width:768px) and (max-width:1079px){
.column.one-third{display:block;float:left;width:calc((100% - 30px) / 2);margin:0 0 0 0;}
.column.one-third:first-child{margin-right:30px;}
.column.one-third.last,
.column.full{width:100%;margin:0 0 30px 0;}
.column.first{clear:both;}
.column.last{margin:0 0 30px 0 !important;}
.column.last.no-margin-bottom{margin-bottom:0 !important;}
}

@media only screen and (min-width:1080px){
.column.one-third, .column.one-third:first-child{display:block;float:left;width:calc((100% - 60px) / 3);margin:0 30px 0 0;}
.column.full{width:100%;margin:0 0 30px 0;}
.column.first{clear:both;}
.column.last{margin:0 0 30px 0;}
}

/* Contact */
.notification {
    font-face:inherit !important;
	font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    text-align: left !important;
    padding: 20px !important;
    margin-bottom: 30px !important;
    border-radius: 3px !important;
	text-align: left !important;
}

article .notification p {
    font-weight: 400 !important;
}

.notification.success {
    background-color: #EBF6E0;
    box-shadow: inset 0 0 0 4px rgba(180, 220, 130, .4);
    color: #5f9025;
    border: 1px solid #5f9025 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
}

.notification.error {
    background-color: #ffe9e9;
    box-shadow: inset 0 0 0 4px rgba(251, 196, 196, .5);
    color: #de5959;
    border: 1px solid #de5959 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
}




.ui-loader{display:none !important;}

/* Dropcap */
p.has-drop-cap:not(:focus)::first-letter{float:left;font-size:62px;line-height:64px;font-weight:inherit;margin:0 10px 0 0;text-transform:uppercase;font-style:normal}
p.has-drop-cap:not(:focus)::after{content:'';display:table;clear:both;padding-top:0 !important;}



@media only screen and (max-width:640px){ body{background:#f2eeeb url('images/bg-mobile.jpg') 50% 100%;background-size:cover;background-attachment:fixed;} }
@media only screen and (min-width:641px){ body{background:#f2eeeb url('images/bg-medium.jpg') 50% 100%;background-size:cover;background-attachment:fixed;} }
@media only screen and (min-width:1400px){ body{background:#f2eeeb url('images/bg-big.jpg') 50% 100%;background-size:cover;background-attachment:fixed;} }



/* Global Gradients */
.to-gray{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.from-gray{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}