@import url('/ui/wckd-core.css?v=11');
@import url('/ui/wckd-components.css?v=11');
body{background-color:ghostwhite}
:root{
--max-width: 1440px;
--round-corners: 40px
}
.min-height{min-height: 150px}
.round-corners-top{-webkit-border-top-left-radius: 40px;-webkit-border-top-right-radius: 40px;-moz-border-radius-topleft: 40px;-moz-border-radius-topright: 40px;border-top-left-radius: 40px;border-top-right-radius: 40px;}
.round-corners-bottom{-webkit-border-bottom-right-radius: 40px;-webkit-border-bottom-left-radius: 40px;-moz-border-radius-bottomright: 40px;-moz-border-radius-bottomleft: 40px;border-bottom-right-radius: 40px;border-bottom-left-radius: 40px;}
.menu a.button.text{margin-right:30px}
.head.sticky{width: fit-content;background: rgba(255, 255, 255, 0.4);padding: 10px;border-radius: var(--round-corners);margin: var(--spacing) var(--spacing-tight);}
.columns.round-corners{overflow: hidden}
.wckd-form > div{padding-bottom: 8px}
.wckd-gallery{overflow:hidden;margin:0;padding:0}
.wckd-gallery.round-thumbs:hover a{margin-right:0px}
.wckd-gallery.round-thumbs button {max-width: 45px;overflow: hidden;margin: 12px -8px 12px 0;transition: 0.2s;padding: 0;border-radius: var(--round-corners);border: 3px solid var(--background-color-light);}
.wckd-gallery.round-thumbs button:hover{border:none;max-width:45px}
ul.flat{margin:0; padding: 0}
ul.flat > li{list-style:none; margin:0; padding: 4px 0;border-bottom: 1px solid var(--border-color)}
.column.border-bottom > button{padding:4px 0}

@media (max-width: 1024px){	
	.columns.round-corners{margin:0 8px}
.hero-content-1 h2{font-size: 10vw!important}
	.hero-content-2{width: calc(100% - 40px);
		text-align: center;
		margin: 0 auto;}
	.hero-content-3,
	.hero-content-4{
		float: left;
}
	.hero-content-3 {
		padding: var(--spacing);
		width: calc(40% - 48px);
	}
	.hero-content-4 {
		width: calc(60% - 48px);
	}
	.video-background video{height: 60%}
	#hero > .flex{display: block;z-index: 3; box-sizing: border-box;overflow: hidden;		background-color: var(--background-color-light);-webkit-border-top-left-radius: 40px;
		-webkit-border-top-right-radius: 40px;
		-moz-border-radius-topleft: 40px;
		-moz-border-radius-topright: 40px;
		border-top-left-radius: 40px;
		border-top-right-radius: 40px; margin: 0 8px}
		.round-corners-bottom{margin: 0 8px;overflow:hidden}
}

@media (max-width: 520px){	
	header{flex-wrap: wrap;}
	header nav{	justify-self: normal;
		margin: 0 auto;}
	h1{width: 100%;text-align: center}
	.hero-content-3,
		.hero-content-4{
			float: none;
			text-align: center;
	}

	.hero-content-3 {
		padding:0;
		width: calc(100% - 48px);
	}
	.hero-content-4 {
		width: calc(100% - 48px);
	}
}