@charset "UTF-8";

/*
Theme Name: H+F
Theme URI: https://www.urbanstudio.de
Description:  responsive WordPress Theme for henriplusfrank.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:#f2f2f2;overflow-y:scroll;min-height:100vh;height:100%;}
body{background:#f2f2f2;color:#000;font-family:'Fira Sans', sans-serif;font-size:16px;font-weight:300;line-height:1.5;-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;}
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%;}
::selection{background:#285224;color:#fff !important;}

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

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

#wrapper{width:auto;margin:0;padding:58px 0 0 0;z-index:0;z-index:1;}

a.instagram{position:fixed;bottom:50px;right:0;height:48px;width:58px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(0,0,0,.1);border-radius:6px 0 0 6px;padding:0 10px 0 0;z-index:999;}
	a.instagram span{display:block;width:48px;height:48px;background:url('images/instagram.svg') no-repeat 50%;background-size:30px 30px;}
@media only screen and (min-width:500px){
	a.instagram{position:fixed;bottom:100px;}
}

h2.h2home{font-size:32px;font-weight:600;margin:0 0 30px 0;color:#FFFFFF;text-shadow:0 1px 0 rgba(0,0,0,.2), 0 0 10px rgba(0,0,0,.1);}
h2.h2home a{color:#FFFFFF;text-decoration:none !important;}

#header{position:fixed;top:0;left:0;right:0;width:100%;height:58px;margin:0 0 0 0;padding:0 0 0 0;background:#FFFFFF;z-index:999;overflow:visible;text-align:center;transition:all 0.2s ease-in-out;
	box-shadow:0 1px 0 0 rgba(0,0,0,.1);}
	#header .center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;float:none;display:block;margin-right:auto;margin-left:auto;
		display:-webkit-box;display:-ms-flexbox;display:flex;height:58px;-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;max-width:100px;max-height:58px;text-align:left;}
			a#logo{display:inline-block;} a#logo img{display:block;height:58px;object-fit:contain;max-width:inherit;} /*a#logo img{display:block;height:31px;object-fit:contain;}*/ .claim{display:none;}

		/*.branding{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;box-sizing:border-box;z-index:1;align-self:center;max-width:100px;max-height:31px;text-align:left;}
			a#logo{display:inline-block;} a#logo img{display:block;height:31px;object-fit:contain;} .claim{display:none;}*/
		#counter{display:none;}


	@media only screen and (min-width:320px){
		#counter{display:block;font-size:14px;font-weight:400;line-height:58px;text-align:right;color:rgba(0,0,0,.5);/*pointer-events:none;*/position:relative;top:0;left:0;cursor:default;}
			#counter #established{display:none;position:absolute;top:0;right:0;left:-90px;width:80px;padding:0;text-align:right;white-space:nowrap;z-index:9;}
				#counter #established:before{position:absolute;top:0;left:14px;bottom:0;width:66px;height:58px;content:'';z-index:-1;background:#FFFFFF;}
				#counter #established:after{position:absolute;top:0;left:-66px;bottom:0;width:80px;height:58px;content:'';z-index:-1;
					/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
					background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
			/*#counter #established{display:none;position:absolute;top:42px;right:0;width:auto;background:#FFFFFF;padding:0;font-size:10px !important;line-height:10px !important;letter-spacing:2px;text-transform:uppercase;text-align:right;white-space:nowrap;}*/
			#counter:hover #established{display:block;}
			#hasCountdown{}
	}
	@media only screen and (max-width:767px){
		#counter{margin-right:40px;}
	}

	@media only screen and (min-width:768px){
		#navbtn{display:none;}
		.topnav{flex-grow:1;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:58px;width:100%;content:'';} #navigation ul:after{clear:left;}
		.topnav > ul > li{display:inline-block;width:auto;height:58px;padding:0 25px 0 25px;position:relative;top:0;left:0;} #navigation ul li:first-child{padding-left:0 !important;} #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,.5);display:block;font-size:14px;font-weight:400;line-height:58px;padding:0 0;text-decoration:none;cursor:pointer;position:relative;top:0;left:0;transition:all 0.2s ease-in-out;text-transform:lowercase;}
			.topnav ul li:hover > a{color:#285224 !important;}
			.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,.12);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:#285224 !important;font-weight:700 !important;}
		.topnav ul li ul.sub-menu{display:none;}

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

	}


	@media only screen and (max-width:767px){
		#navbtn{display:block;position:fixed;top:6px;right:5px;width:50px;height:50px;cursor:pointer;z-index:999999 !important;transition:all 0.2s ease-in-out;border-radius:25px;background:transparent;}
		#navbtn.opened{/*position:fixed;top:13px;*/}
			#navbtn span{position:absolute;top:16px;left:15px;display:block;width:20px;height:2px;background-color:#285224;transition:all 0.2s ease-in-out;z-index:2;}
				body.fixed #navbtn span,
					body.topnav-open #navbtn span{background-color:#285224;}
				body #navbtn span{background-color:#285224;}

			#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:#285224;}
			#navbtn span.line2{top:22px;} #navbtn.opened span.line2{opacity:0;}
			#navbtn span.line3{top:28px;} #navbtn.opened span.line3{top:23px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#285224;}

		.topnav{display:grid; align-items: center;
   justify-content:center;position:fixed;top:58px;left:0;bottom:0;width:calc(100vw);height:calc( 100vh - 58px );background:transparent;overflow:scroll;z-index:9999;transition:all 0.6s 0.1s ease-in-out;transform:translate(0,80%);pointer-events:none;opacity:0;}
		.topnav.open{display:grid;transform:translate(0,0);pointer-events:auto;opacity:1;}
		.topnav.open:after{opacity:1;}
		.topnav > ul{display:block;align-self: center;
  justify-self: center;width:100vw;/*background:rgba(255,255,255,.2);box-shadow:0 0 10px rgba(0,0,0,.3),0 0 100px rgba(0,0,0,.3)min-height:calc( 100vh - 58px );;*/}
		.topnav ul li{margin:0;} .topnav > ul{padding-bottom:113px;}
		.topnav ul li a{color:rgba(255,255,255,.66);display:block;height:auto;font-size:22px !important;font-weight:400;padding:25px 15px 25px 15px;text-align:center !important;text-decoration:none;box-sizing:border-box;cursor:pointer;text-shadow:0 1px 20px rgba(0,0,0,.5);}
		.topnav ul li a:hover{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{color:#FFFFFF;text-shadow:0 1px 0 rgba(0,0,0,.1);}
		body:after{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;content:'';opacity:0;transition:all 0.6s ease-in-out;z-index:900;transform:translate(0,0);background-color: rgba(28, 28, 28, 0.95);pointer-events:none;}
		body.topnav-open:after{opacity:1;opacity:1;}
	}





#overlay{position:fixed;top:58px;left:0;right:0;bottom:0;background:rgba(40,82,36,.92);background: radial-gradient(circle, rgba(40,82,36,0.8) 0%, rgba(40,82,36,1) 80%, rgba(40,82,36,1) 100%);display:flex;align-items:center;padding:30px;z-index:860;cursor:pointer;}
	#overlay .overlay-content{max-width:600px;color:#FFFFFF;align-self:center;margin-left:auto;margin-right:auto;text-align:center !important;text-shadow:0 -1px 5px rgba(0,0,0,.1), 0 0 50px rgba(0,0,0,.33);text-transform:uppercase;}
	#overlay .overlay-content h2{font-size:160px;transform: skewY(-6deg);transition:all 0.2s ease-in-out;}
	#overlay .overlay-content h2 sup{position:relative;top:-45px;}
	#overlay .overlay-content h3{margin:0 0 20px 0;letter-spacing:2px;}
	#overlay .overlay-content h4{font-weight:300;letter-spacing:2px;opacity:.6;}

@media only screen and (min-width:768px){
	#overlay .overlay-content h2{font-size:260px;}
	#overlay .overlay-content h2 sup{top:-75px;}
	#overlay .overlay-content h3{font-size:24px;margin:0 0 40px 0;}
	#overlay .overlay-content h4{font-size:18px;font-weight:300;letter-spacing:3px;}
}

@media only screen and (min-width:1024px){
	#overlay .overlay-content h3{margin:0 0 60px 0;}
}

@media only screen and (min-width:1680px){
	#overlay .overlay-content h2{font-size:360px;}
	#overlay .overlay-content h2 sup{top:-120px;}
	#overlay .overlay-content h3{font-size:30px;letter-spacing:4px;}
	#overlay .overlay-content h4{font-size:24px;letter-spacing:6px;}
}


main{position:relative;top:0;left:0;z-index:0;transition:all 0.2s ease-in-out;}


/* FOOTER */
#footer{position:relative;z-index:99;color:rgba(0,0,0,.5);font-size:12px;margin-top:30px;}
#footnav{display:block;font-size:12px;font-weight:400;margin:0 0 10px 0;text-align:center;}
#footnav{text-align:center;}
#footnav li{margin:0 8px 0 8px;display:inline-block;}
#footnav li a{display:block;font-weight:400;text-decoration:none;color:rgba(0,0,0,.33);transition:all 0.1s 0.1s;}
#footnav li a:hover{color:rgba(0,0,0,.66);}

#footer-copy{padding-bottom:30px;}
span.us{display:block;font-size:10px;color:rgba(0,0,0,.16);text-align:center;}
span.us a{color:rgba(0,0,0,.16) !important;text-decoration:none;}

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


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

}

/* Bubbles */



.hfbubble{padding:30px 30px 30px 30px;border-radius:8px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.7);border-top:1px solid rgba(255,255,255,1);box-shadow:0 0 0 1px rgba(0,0,0,.08), 0 0 10px rgba(0,0,0,.08), 0 0 30px rgba(0,0,0,.1);margin:0 0 30px 0;
	-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.hfbubble:last-child{margin:0 0 0 0;}



.bubble-form-contact{position:relative;top:0;left:0;background-color:#FFFFFF;border-radius:6px 6px 0 0;padding:30px;}
	.bubble-form-contact:after{position:absolute;bottom:-1px;left:0;right:0;height:1px;content:'';background:rgba(0,0,0,.1);}
	.bubble-form-contact .wp-block-columns{margin-bottom:0 !important;}
	.bubble-form-contact .wp-block-column p:last-child{margin-bottom:0 !important;}
.bubble-form{padding:30px;}
@media only screen and (min-width:768px){
.bubble-form-contact{padding:60px 30px;}
}

/* FEED: BLOG OVERVIEW */
main.blog{}
main.blog div.feed{margin:0 10px;padding:10px 0 10px 0;}
article.post{position:relative;top:0;left:0;max-width:inherit !important;width:100%;min-height:66vh;margin-bottom:10px;border-radius:6px;overflow:hidden;}
article.post .image{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;transition: all 0.2s ease-in-out;}
article.post .image a{display:block;position:relative;top:0;left:0;}
article.post .image a:after{display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.05);content:'';border-radius:6px;}
article.post .image img, article.post .image video{object-fit:cover;width:100vw;height:100%;object-position:center;border-radius:6px;}
	article.post.img-position-top .image img{object-position:50% 0;}
	article.post.img-position-middle .image img{object-position:50% 50%;}
	article.post.img-position-bottom .image img{object-position:50% 100%;}
article.post .video{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;transition: all 0.2s ease-in-out;}
	article.post .video a{display:block;position:relative;top:0;left:0;}
	article.post .video a:after{display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.05);content:'';border-radius:6px;}
	article.post .video video{object-fit:cover;width:100vw;height:100%;object-position:center;border-radius:6px;max-width:100%;}
		article.post.img-position-top .video video{object-position:50% 0;}
		article.post.img-position-middle .video video{object-position:50% 50%;}
		article.post.img-position-bottom .video video{object-position:50% 100%;}

article.post header{display:block;position:absolute;left:0;right:0;padding:30px;z-index:999;}
article.post header h4{font-size:12px;line-height:12px;font-weight:400;text-transform:uppercase;margin:0 0 10px 0 !important;max-width:500px;opacity:.66;letter-spacing:2px;}
article.post header h3{font-size:24px;line-height:34px;font-weight:400;margin:0 !important;max-width:500px;}
article.post header h3 a{text-decoration:none !important;}
article.post.text-position-top header{top:0;border-radius:6px 6px 0 0;}
article.post.text-position-bottom header{bottom:0;border-radius:0 0 6px 6px;}
article.post span.excerpt{display:block;margin-top:10px;font-size:14px;line-height:1.5;max-width:500px;font-weight:400;}


article.post.text-light header a{color:#FFFFFF;text-shadow:0 1px 0 rgba(0,0,0,.1), 0 0 10px rgba(0,0,0,.1);}
article.post.text-light span.excerpt{color:#FFFFFF;}
article.post.text-light.text-position-top.text-shadow:after{display:block;z-index:0;border-radius:6px;content:'';position:absolute;top:0;left:0;right:0;width:100%;height:300px;pointer-events:none;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+50 */
background: -moz-linear-gradient(175deg,  rgba(0,0,0,.66) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(175deg,  rgba(0,0,0,.66) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(175deg,  rgba(0,0,0,.66) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
article.post.text-light.text-position-bottom.text-shadow:after{display:block;z-index:0;border-radius:6px;content:'';position:absolute;bottom:0;left:0;right:0;width:100%;height:300px;pointer-events:none;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+50 */
background: -moz-linear-gradient(9deg,  rgba(0,0,0,.66) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(9deg,  rgba(0,0,0,.66) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(9deg,  rgba(0,0,0,.66) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


article.post.text-dark header a{color:#000000;text-shadow:0 1px 0 rgba(255,255,255,.1), 0 0 10px rgba(255,255,255,.1);}
article.post.text-dark span.excerpt{color:#000000;}
article.post.text-dark.text-position-top.text-shadow:after{display:block;z-index:0;border-radius:6px;content:'';position:absolute;top:0;left:0;right:0;width:100%;height:300px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+50 */
background: -moz-linear-gradient(175deg,  rgba(255,255,255,.66) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(175deg,  rgba(255,255,255,.66) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(175deg,  rgba(255,255,255,.66) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
article.post.text-dark.text-position-bottom.text-shadow:after{display:block;z-index:0;border-radius:6px;content:'';position:absolute;bottom:0;left:0;right:0;width:100%;height:300px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+50 */
background: -moz-linear-gradient(9deg,  rgba(255,255,255,.66) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(9deg,  rgba(255,255,255,.66) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(9deg,  rgba(255,255,255,.66) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}



@media only screen and (min-width:768px){
main.blog div.feed{
	display: grid;
	grid-gap: 10px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr;
}
article.post{margin:0;}
article.post:nth-child(1){grid-column: 1 / span 2;}
article.post:nth-child(2){grid-column: 1;}
article.post:nth-child(3){grid-column: 2;}
article.post:nth-child(4){grid-column: 1 / span 2;}
article.post:nth-child(5){grid-column: 1;}
article.post:nth-child(6){grid-column: 2;}
article.post:nth-child(7){grid-column: 1 / span 2;}
article.post:nth-child(8){grid-column: 1;}
article.post:nth-child(9){grid-column: 2;}
article.post:nth-child(10){grid-column: 1 / span 2;}
article.post:nth-child(11){grid-column: 1;}
article.post:nth-child(12){grid-column: 2;}
article.post:nth-child(13){grid-column: 1 / span 2;}
article.post:nth-child(14){grid-column: 1;}
article.post:nth-child(15){grid-column: 2;}
article.post:nth-child(16){grid-column: 1 / span 2;}
article.post:nth-child(17){grid-column: 1;}
article.post:nth-child(18){grid-column: 2;}
article.post:nth-child(19){grid-column: 1 / span 2;}

article.post header h3{font-size:32px;line-height:42px;}
}


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



/*article.post .image:hover{top:-20px;right:-20px;bottom:-20px;left:-20px;}*/
}


@media only screen and (min-width:1800px){
/*main.blog div.feed{
	display: grid;
	grid-gap: 10px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
}
article.post{margin:0;}
article.post:nth-child(1){grid-column: 1 / span 2;}
article.post:nth-child(2){grid-column: 3;}
article.post:nth-child(3){grid-column: 1;}
article.post:nth-child(4){grid-column: 2 / span 2;}*/


article.post header h3{font-size:32px;line.height:42px;}
}



/* NOTES */
main.notes{}
main.notes .center{padding-top:20px;}

.notesbubble{display:block;border-radius:8px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.7);border-top:1px solid rgba(255,255,255,1);
	box-shadow:0 0 0 1px rgba(0,0,0,.1);margin-bottom:20px;}
.notesbubble .video{display:block;vertical-align:middle;padding:20px;background:#FFFFFF;border-radius:6px 6px 0 0;text-align:center;}
.notesbubble .video video{width:auto;margin:0 auto;}
.notesbubble .content{border-top:1px solid rgba(0,0,0,.1);padding:20px 10px;}
.notesbubble .content h2{margin:0 0 0 0;font-size:12px;line-height:1.5 !important;font-weight:300 !important;text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.notesbubble .content h2 a{color:rgba(0,0,0,.75);font-weight:300 !important;text-decoration:none !important;}

@media only screen and (min-width:768px){
	main.notes .center{padding-top:40px !important;}
	.notesbubble .video video{width:100%;height:auto;margin:0 auto;}
}

@media only screen and (min-width:500px) and (max-width:767px){
.notesbubble .video video{width:100%;height:auto;margin:0 auto;}
main.notes .center{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;transition:none;align-self:stretch;justify-content:flex-start;flex-wrap:wrap;}
.notesbubble{margin-right:15px;margin-bottom:15px;flex-basis:calc((100% - 15px) / 2 );}
.notesbubble:nth-child(2n){margin-right:0;}
}

@media only screen and (min-width:768px) and (max-width:820px){
main.notes .center{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;transition:none;align-self:stretch;justify-content:flex-start;flex-wrap:wrap;}
.notesbubble{margin-right:30px;flex-basis:calc((100% - 60px) / 3 );}
.notesbubble:nth-child(3n){margin-right:0;}
}

@media only screen and (min-width:821px) and (max-width:1049px){
main.notes .center{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;transition:none;align-self:stretch;justify-content:flex-start;flex-wrap:wrap;}
.notesbubble{margin-right:30px;flex-basis:calc((100% - 90px) / 4 );}
.notesbubble:nth-child(4n){margin-right:0;}
}

@media only screen and (min-width:1050px) and (max-width:1599px){
main.notes .center{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;transition:none;align-self:stretch;justify-content:flex-start;flex-wrap:wrap;}
.notesbubble{margin-bottom:40px;margin-right:40px;flex-basis:calc((100% - 120px) / 4 );}
.notesbubble:nth-child(4n){margin-right:0;}
}


@media only screen and (min-width:1600px){
main.notes .center{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;transition:none;align-self:stretch;justify-content:flex-start;flex-wrap:wrap;}
.notesbubble{margin-bottom:40px;margin-right:40px;flex-basis:calc((100% - 200px) / 6 );}
.notesbubble:nth-child(6n){margin-right:0;}
}
/*.notesbubble{padding:0;border-radius:6px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.8);
	box-shadow:0 0 0 1px rgba(0,0,0,.1);margin:0 0 20px 0;}


@media only screen and (min-width:768px){
	main.notes .center{padding-top:40px !important;}
	.notesbubble{margin:0 0 40px 0 !important;}

}
@media only screen and (min-width:1020px){
	main.notes .center{
		display: grid;
		grid-gap: 40px;
		grid-template-rows: auto;
		grid-template-columns: 1fr 1fr;
	}


}

@media only screen and (min-width:1920px){
	main.notes .center{
		display: grid;
		grid-gap: 40px;
		grid-template-rows: auto;
		grid-template-columns: 1fr 1fr 1fr;
	}
}


.notes-flex{display:block;}
	.notes-flex .video{position:relative;margin:0 0 0 0;padding:15px;height:auto;border-radius:6px 6px 0 0;background:#FFFFFF;}
		.notes-flex .video:after{position:absolute;bottom:-1px;top:auto;left:-1px;right:-1px;height:1px;content:'';background:rgba(0,0,0,.08);}
	.notes-flex .content{position:relative;margin:0 0 0 0;height:auto;color:#000000;font-size:14px;padding:30px;text-align:left;}
		.notes-flex .content .text{text-shadow:0 1px 0 rgba(255,255,255,.5);}
			.notes-flex .content .text h2{margin:0 0 15px 0 !important;font-size:18px;font-weight:400 !important;text-transform:lowercase;}
			.notes-flex .content .text div, .notes-flex .content .text div p{max-height:100px;max-width:500px;overflow:hidden;font-size:14px !important;line-height:20px !important;font-weight:300 !important;color:rgba(0,0,0,.75);margin:0 0 0 0 !important;}
		.notes-flex .content:after{position:absolute;top:1px;left:-1px;right:-1px;bottom:auto;height:1px;content:'';background:rgba(255,255,255,.75);}

@media only screen and (min-width:768px){
	.notes-flex{-ms-flex-align:center;align-items:center;width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-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;}
		.notes-flex .video{flex-basis:260px;border-radius:6px 0 0 6px;}
			.notes-flex .video:after{right:-1px;top:-1px;bottom:-1px;left:auto;width:1px;height:auto;}
		.notes-flex .content{flex-basis:calc(100% - 270px);}
			.notes-flex .content .text{position:absolute;bottom:30px;left:30px;right:30px;top:auto;text-shadow:0 1px 0 rgba(255,255,255,.5);}
				.notes-flex .content .text div, .notes-flex .content .text div p{max-height:100px;max-width:500px;overflow:hidden;}
			.notes-flex .content:after{left:1px;top:-1px;bottom:-1px;width:1px;height:auto;}
}*/



/* REFERENCES */
main.references{}
main.references .center{padding-top:20px;}

.refbubbles{}
.refbubble{display:block;border-radius:8px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.7);border-top:1px solid rgba(255,255,255,1);
	box-shadow:0 0 0 1px rgba(0,0,0,.1);margin-bottom:20px;}
.refbubble .image{display:block;vertical-align:middle;padding:20px;background:#FFFFFF;border-radius:6px 6px 0 0;min-height:120px;line-height:120px;text-align:center;}
.refbubble .image img{width:auto;margin:0 auto;}
.refbubble .content{border-top:1px solid rgba(0,0,0,.1);padding:20px 10px;}
.refbubble .content h2{margin:0 0 0 0;font-size:12px;line-height:1.5 !important;font-weight:300 !important;text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.refbubble .content h2 a{color:rgba(0,0,0,.75);font-weight:300 !important;text-decoration:none !important;}

.refbubble.lastbubble{font-size:12px;line-height:22px !important;font-weight:300 !important;text-align:center;color:rgba(0,0,0,.5);padding:20px;position:relative;top:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}


@media only screen and (min-width:768px){
	main.references .center{padding-top:40px !important;}
}

@media only screen and (min-width:500px) and (max-width:809px){
.refbubbles{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;transition:none;align-self:stretch;justify-content:flex-start;flex-wrap:wrap;}
.refbubble{margin-right:15px;margin-bottom:15px;flex-basis:calc((100% - 15px) / 2 );}
.refbubble:nth-child(2n){margin-right:0;}
.refbubble.lastbubble div{display:block;position:absolute;top:50%;left:0;right:0;bottom:auto;margin-top:-66px;}
}

@media only screen and (min-width:810px) and (max-width:1049px){
.refbubbles{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;transition:none;align-self:stretch;justify-content:flex-start;flex-wrap:wrap;}
.refbubble{margin-right:30px;flex-basis:calc((100% - 60px) / 3 );}
.refbubble:nth-child(3n){margin-right:0;}
}

@media only screen and (min-width:1050px) and (max-width:1599px){
.refbubbles{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;transition:none;align-self:stretch;justify-content:flex-start;flex-wrap:wrap;}
.refbubble{margin-bottom:40px;margin-right:40px;flex-basis:calc((100% - 120px) / 4 );}
.refbubble:nth-child(4n){margin-right:0;}
}


@media only screen and (min-width:1600px){
.refbubbles{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;transition:none;align-self:stretch;justify-content:flex-start;flex-wrap:wrap;}
.refbubble{margin-bottom:40px;margin-right:40px;flex-basis:calc((100% - 200px) / 6 );}
.refbubble:nth-child(6n){margin-right:0;}
}





/* LOOP */
#archive_title{display:block;padding:20px 0 10px 0;}
#archive_title h1{display:block;font-size:24px;line-height:34px;font-weight:400;color:#000000;margin:0;text-align:center;}
@media only screen and (min-width:768px){
	#archive_title{display:block;padding:30px 0 20px 0;}
	#archive_title h1{display:block;font-size:32px;line-height:42px;}
}
@media only screen and (min-width:900px){
	#archive_title{display:block;padding:40px 0 30px 0;}
	#archive_title h1{font-size:50px;line-height:60px;}
}



.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 h4.project{color:#000000;font-family:'Lato', sans-serif;font-size:19px;font-weight:400;line-height:26px;text-align:left;text-transform:none;margin-top:33px;margin-bottom:16px;}

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

/* SEARCH */
body.search, body.search #wrapper{background-color:#f2f2f2;}
.search-archive-inlinesearch{position:relative;top:0;left:0;background-color:#ffffff;padding:30px 0 30px 0;}

#search-headline{display:block;padding:0;margin:0 0 40px 0;position:relative;top:0;left:0;}
#search-headline h1{display:block;margin:0;color:#891D2B;font-size:36px;line-height:46px;font-family:'Lato', sans-serif;font-weight:400 !important;text-align:center;}

.search-archive{position:relative;top:0;left:0;padding-top:40px;} body.error404 .search-archive{padding-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%;border:1px solid #D4D6D8;border-radius:3px;box-shadow:0 7px 5px -5px rgba(212,214,216,.75);margin:0 0 20px 0;background:#FFFFFF;padding:30px;}
.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:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.1);content:'';}
.search-archive article .image img{display:block;width:100%;height:auto;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{font-size:10px;line-height:10px;font-weight:600;text-transform:uppercase;margin:5px 0 6px 0 !important;opacity:.44;letter-spacing:2px;color:#000000;}
.search-archive article .content h2{margin:0 0 15px 0;font-size:24px;line-height:1.3 !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.search-archive article .content h2 a, .search-archive article .content h2 a:hover{text-decoration:none !important;color:#891D2B !important;}


.search-archive article .content .post-description{position:relative;top:0;left:0;margin:0 0 15px 0;max-height:40px;overflow:hidden;font-size:14px;line-height:20px !important;color:#000000;}
.search-archive article .content .post-description p{font-size:14px;line-height:20px !important;color:#000000;margin:0 0 0 0 !important;}
.search-archive article .content .post-meta{font-size:10px;font-weight:300;color:#666666;line-height:20px;text-transform:uppercase;}

@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;padding:0;}
#inlinesearch .search input{font-family:'Lato', sans-serif;font-size:20px;font-weight:400;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;}


/* CONTACT */
.twoimages{padding:10px 10px 0 10px;}
.twoimages-image{position:relative;top:0;left:0;max-width:inherit !important;width:100%;min-height:44vh;margin-bottom:10px;border-radius:6px;overflow:hidden;}
.twoimages-image .image{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;transition: all 0.2s ease-in-out;}
.twoimages-image .image:after{display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.05);content:'';border-radius:6px;z-index:2;}
.twoimages-image .image img{object-fit:cover;width:100vw;height:100%;object-position:center;border-radius:6px;}

.twoimages-image header{display:block;position:absolute;left:0;right:0;padding:30px;z-index:999;top:0;border-radius:0 0 6px 6px;}
.twoimages-image header h4{font-size:12px;line-height:12px;font-weight:400;text-transform:lowercase;margin:0 0 10px 0 !important;max-width:500px;opacity:.66;color:#000000;letter-spacing:2px;}
.twoimages-image header h3{font-size:24px;line-height:34px;font-weight:400;margin:0 !important;max-width:500px;color:#000000;}

.twoimages-image header:after{display:block;z-index:-1;border-radius:6px;content:'';position:absolute;top:0;left:0;right:0;width:100%;height:300px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+50 */
background: -moz-linear-gradient(175deg,  rgba(255,255,255,.66) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(175deg,  rgba(255,255,255,.66) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(175deg,  rgba(255,255,255,.66) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


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

.twoimages{padding:10px 10px 0 10px;display:grid;grid-gap:10px;grid-template-rows:auto;grid-template-columns:1fr 1fr;}
.twoimages-image{min-height:40vh}
}

@media only screen and (min-width:1200px){
.twoimages-image{min-height:55vh}
}





/* 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 */
main.blog-single{background:#FFFFFF;}
article{padding:0 0 0 0;width:auto;max-width:660px;margin:0 auto 0 auto;transition:all 0.2s ease-in-out;color:#000000;}
	article:after{display:table;clear:both;content:'';}
article h1,
article h2,
article h3,
article h4,
article h5{font-weight:400;color:#000000;}
article h1{font-size:30px;line-height:38px;text-transform:none;margin:50px 0 30px 0;font-weight:600;}
article h2{font-size:26px;line-height:34px;text-transform:none;margin:25px 0 25px 0;font-weight:400;}
article h3{font-size:22px;line-height:30px;text-transform:none;margin:25px 0 25px 0;font-weight:400;}
article h4{font-size:16px;line-height:24px;text-transform:none;margin:25px 0 25px 0;font-weight:400;}

article hgroup{margin:26px 0 36px 0;}
	article hgroup h4{margin:0 0 10px 0;}
	article hgroup h4, article hgroup h4 a{font-size:14px;font-weight:300;line-height:1.5;color:#c1c1c1 !important;text-align:center;text-transform:uppercase;letter-spacing:2px;}
	article hgroup h1, article hgroup h1 a{font-size:32px;font-weight:400;line-height:42px;text-transform:none;margin:0;color:#000000;text-align:center;}

article a{color:#285224;font-weight:400;text-decoration:none;transition:all 0.2s ease-in-out;outline:0;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
/*article > *:last-child{margin-bottom:0 !important;}*/
article a:hover{color:#285224;text-decoration:none;}
article p{font-size:16px;font-weight:300;line-height:1.5;margin:0 0 25px 0;color:rgba(0,0,0,.75);}

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 strong, article b,
article p strong, article p b{font-weight:600 !important;}

article ul{margin:16px 0 16px 18px;font-size:16px;font-weight:300;list-style:square;list-style-position:outside;padding-left:0;line-height:1.5;color:rgba(0,0,0,.75);}
article ul li{box-sizing:border-box;}
article ol{margin:25px 0 25px 0;font-size:14px;line-height:1.5;list-style-position:inside;counter-reset:item;color:rgba(0,0,0,.75);}
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.5;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-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 15px 0;} #main article.loop h2 a{text-decoration:none !important;color:#000000 !important;}
article.loop .post-description{margin:0 0 12px 0;} 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:300;color:#B5B5B5;line-height:20px;text-transform:uppercase;} .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:#B5B5B5;text-decoration:none;} #main .post-meta a:hover{color:#B5B5B5;}


/* 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;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border-radius:8px;}
.masonry article.loop .post-image{width:100%;height:auto;float:none;position:relative;top:0;left:0;border-radius:8px 8px 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:8px 8px 0 0;}
.masonry article.loop .post-image img{display:block;width:100%;height:auto;border:0;border-radius:8px 8px 0 0;}
.masonry article.loop .post-content{margin:0 0 0 0;padding:30px;border-radius:0 0 8px 8px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.7);border-top:1px solid rgba(255,255,255,1);
		box-shadow:0 0 0 1px rgba(0,0,0,.08), 0 0 10px rgba(0,0,0,.08), 0 0 30px rgba(0,0,0,.1);
}
.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;position:relative;top:0;left:0;clear:left;margin:0;padding:30px 0 0 0;color:#999999;font-size:14px;font-weight:600;line-height:26px;text-align:center !important;overflow:visible;z-index:10;}
	.pagination h2{display:none;}
	.pagination .nav-links{max-width:1200px;margin:0 auto;padding:0 20px 0 20px;}
	.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 #262C30;}
	.pagination .nav-links .current, .pagination .nav-links .current:hover{display:inline-block;background-color:#262C30;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;}




/* 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{display:none !important;}
.wp-block-gallery{margin-top:55px;margin-bottom:55px;}
.blocks-gallery-item,
.wp-block-gallery .blocks-gallery-item img{border-radius:6px !important;}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption{box-sizing:border-box !important;color:#FFFFFF;font-weight:300;}
figure.is-type-video{min-width:100%;max-width:none !important;margin-bottom:55px !important;margin-top:55px !important;background:#FFFFFF;}
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-weight:300;text-align:left;padding:10px 0 0 0;max-width:660px;}
.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;*/}
.wp-block-image img{border-radius:6px !important;height:auto !important;}
figure.wp-block-image figcaption,
div.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-weight:300;text-align:left;padding:10px 0 0 0;max-width:660px;}

@media only screen and (max-width: 650px) {
.wp-block-image .alignleft,
.wp-block-image .alignright{float:none;display:block;} .wp-block-image img{display:block;width:100% !important;height:auto;}
.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption{display:block;}
}

@media only screen and (min-width: 920px) {
.wp-block-image .alignleft{position:relative;margin:0 0 20px -100px !important;padding-right:30px;width:430px !important;height:auto;} .wp-block-image .alignleft img, .wp-block-image .alignright img{display:block;width:430px !important;height:auto;}
.wp-block-image .alignright{position:relative;margin:0 -100px 20px 0 !important;padding-left:30px;width:430px !important;height:auto;} .wp-block-image .alignright>figcaption{display:block;}
}

.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);}

.wp-block-video video{border-radius:6px !important}

.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{padding:25px 0 25px 0;margin:35px 0 35px 0;text-align:center;overflow:auto;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.9+40,0.9+60,0+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0.9) 60%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 40%,rgba(255,255,255,0.9) 60%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 40%,rgba(255,255,255,0.9) 60%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

}
	.wp-block-file:before, .wp-block-file:after{position:absolute;top:0;left:0;right:0;width:100%;height:1px;content:'';/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.15+40,0.15+60,0+100 */
background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0.15) 60%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 40%,rgba(0,0,0,0.15) 60%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 40%,rgba(0,0,0,0.15) 60%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
	.wp-block-file:after{top:auto;bottom:0;}
article .wp-block-file a,
.wp-block-file a{color:#000000 !important;display:block;text-align:center;padding:0 0 15px 0;font-size:18px;line-height:28px;text-transform:none;font-weight:400;}
article .wp-block-file a.wp-block-file__button,
.wp-block-file a.wp-block-file__button{display:inline-block;color:#FFFFFF !important;font-size:14px !important;font-weight:400 !important;margin:0 0 0 0 !important;height:34px !important;line-height:34px !important;padding:0 15px 0 15px !important;
	width:auto;text-align:center;border:0;border-radius:6px!important;text-decoration:none;text-transform:lowercase;transition:all 0.2s ease-in-out;text-shadow:0 1px 0 rgba(0,0,0,.15);box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;cursor:pointer;letter-spacing:0 !important;background:#285224;}
article .wp-block-file a.wp-block-file__button:hover,
	.wp-block-file a.wp-block-file__button:hover{opacity:1;}



.wp-block-gallery.contact{}
.wp-block-gallery.contact .blocks-gallery-item figure,
.wp-block-gallery.contact .blocks-gallery-item figure img{position:relative;border-radius:6px !important;}
.wp-block-gallery.contact .blocks-gallery-item figure:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.1);border-radius:6px !important;content:'';}



a.theme-button,
a.theme-button-primary {
  display: inline-block;
  color: #FFFFFF !important;
  font-size:18px !important;
  font-weight: 400 !important;
  margin:0 0 0 0 !important;
  height: 44px !important;
  line-height: 44px !important;
  padding: 0 20px 0 20px !important;
  width: auto;
  text-align: center;
  border: 0;
  border-radius:6px!important;
  text-decoration: none;
  text-transform:lowercase;
  transition: all 0.2s ease-in-out;
  text-shadow:0 1px 0 rgba(0,0,0,.15);
  box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;
  cursor: pointer;
  letter-spacing:0 !important;

  background:#000000;
  opacity:1;
}


a.theme-button-secondary {
  display: inline-block;
  color: #60ACBF !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:3px!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:#FFFFFF;
  border:2px solid #000000;
  opacity:1;
}

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

.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:#738591;color:#FFFFFF !important;}

/* Tags */
.meta-tags{max-width:660px;margin:0 auto;margin-bottom:26px !important;margin-top:16px !important;}
.meta-tags{display:block;color:rgba(0,0,0,.5);font-size:12px;font-weight:400;line-height:14px !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:rgba(0,0,0,.5);text-decoration:none;font-weight:300 !important;line-height:20px !important;margin:0 10px 6px 0;transition:color 0.3s ease-in-out;}
.meta-tags a:hover{color:rgba(0,0,0,1);}
.meta-tags a:before{background-color:rgba(0,0,0,.25);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:14px;line-height:18px;position:absolute;top:0;left:0;color:rgba(0,0,0,.4);}

/* Comments */
#comments{max-width:760px;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{background:#F5F5F5;padding-bottom:70px;padding-top:70px;margin-bottom:-60px;} .blog-navigation-container:after{content:'';display:table;clear:both;}
.blog-navigation-container .previous{float:left;clear:none;text-align:inherit;width:32.33333333333333%;margin-left:0%;margin-right:1.5%;min-height:90px;position:relative;}
.blog-navigation-container .overview{float:left;clear:none;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{float:left;clear:none;text-align:inherit;width:32.33333333333333%;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-size:19px;font-weight:400;margin:0 0 10px 20px;}
.blog-navigation-container p.next-label{margin-left:0;margin:0 20px 10px 0;}
.blog-navigation-container a.previous-link,
.blog-navigation-container a.next-link{display:block;color:#000;font-size:20px;font-weight:700;margin-top:0;line-height:24px;position:relative;text-transform:uppercase;text-decoration:none;margin:0 0 0 20px;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.blog-navigation-container a.next-link{margin:0 20px 0 0;}
.blog-navigation-container .previous i{content:'';display:block;height:28px;line-height:28px;position:absolute;left:-20px;top:50px;font-size:28px;text-align:right;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;}
.blog-navigation-container .next i{content:'';display:block;height:28px;line-height:28px;position:absolute;right:-20px;top:50px;font-size:28px;text-align:left;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;}
@media only screen and (max-width:766px){
	.blog-navigation-container .previous,
	.blog-navigation-container .overview,
	.blog-navigation-container .next{float:none;clear:both;text-align:inherit;width:100%;margin-left:0%;margin-right:0;margin-bottom:16px;margin-top:16px;min-height:auto;}
	.blog-navigation-container p.previous-label,
	.blog-navigation-container p.next-label{margin-left:0;margin-right:0;font-size:14px;}
	.blog-navigation-container a.previous-link,
	.blog-navigation-container a.next-link{margin:0 0 0 0;font-size:15px;}
	.blog-navigation-container .previous i,
	.blog-navigation-container .next i{display:none;}
}

/* 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;}

.position-relative{position:relative;top:0;left:0;}


@media only screen and (max-width:768px){
	.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 !important;}
}

/* Contact */


.contactform_section .center{max-width:1180px;padding: 0 15px 0 15px;}
@media only screen and (min-width:760px){
	.contactform_section .center{padding: 0 30px 0 30px !important;}
}

.usfield p.info a{color:#285124;}

#uscontact {
}

.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: center !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);
}
/* 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;}


/* MFP */
img.mfp-img{border-radius:6px !important;margin: 40px 0 40px !important;padding:0 !important;max-height:90vh !important;
/* margin: 0 auto; */}


/* 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 */
}