/*
Theme Name: Land of the Loon
Theme URI: https://landoftheloonfestival.com/
Description: This is the theme for Land of the Loon. 
Author: Kimberly Kladivo
Author URI: https://wafishermn.com/
License: 
License URI: 
Template: wafish
Version: 0.1
*/
@import url("../wafish/style.css");
@import url("//use.typekit.net/iyp2cwu.css");

/*@import url("fonts/fontawesome/css/brands.css");*/
/*@import url("fonts/fontawesome/css/solid.css");*/
/*@import url("fonts/fontawesome/css/regular.css");*/
/*@import url("fonts/fontawesome/css/light.css");*/
/*@import url("fonts/fontawesome/css/thin.css");*/
/*@import url("fonts/fontawesome/css/duotone.css");*/
/*@import url("fonts/fontawesome/css/sharp-solid.css");*/
:root {
	--darkblue: #3a4251;	
	--lightblue: #3c5178;
	--effra: "effra", sans-serif;
	--din: "din-condensed", sans-serif;

}
body {
	font-family: var(--effra);
	line-height: 1.2em;
	font-weight: 300;
	color: #414141;
	font-size: 18px;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
	font-family: var(--din);	
	color: var(--darkblue);	
	margin-bottom: 10px;
}
h2, h3, h4, h5, h6 {
	margin-top: 10px;
	color: var(--lightblue);	
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;	
}
p, ul, ol {
	margin-bottom: 10px;
	line-height: 1.2em;
}
ul {
	list-style: disc;
	margin-left: 40px;	
}
ol {
	list-style: decimal;
	margin-left: 40px;	
}
ol.letters {
	list-style-type: lower-alpha;
}
a {
	color: inherit;
}
a:hover {
	opacity: .8;
}
a img {
	opacity: 1;
}
strong, b {
	font-weight: 600;	
}
em, i {
	font-style: italic;	
}
hr {
	margin: 50px auto;
	border-bottom-color: var(--darkblue);	
}
.row {
		
}
.button {
	background: var(--darkblue);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1pt;
}	
.link {
	color: #9FB1BC;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1pt;
	font-size: .8em;	
}
.callout {
	color: inherit;	
}
header {
	background: #fff;
	height: 85px;
}
.top-bar, .top-bar ul {
	background: none;
}
.top-bar {
	max-width: 1600px;
	margin: 0 auto;
}
.top-bar-title {
	position: relative;
	float: none;
}
.top-bar-title a {
	position: absolute;
	z-index: 300;
	display: block;	
}
header .logo {
	max-height: 150px;	
	display: block;

}
.logo:hover {
	opacity: 1;	
}
.dropdown.menu > li > a {
	font-family: var(--din);
	text-transform: uppercase;	
	color: var(--darkblue);
	padding: 25px 15px;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	border: none;	
	content: '\f107';
	font: var(--fa-font-sharp-solid);
	font-size: .6em;
	top: 30px;
	right: 17px;
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
	left: 0;
	right: auto;	
	background: #fff;
	border: none;
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu > li a {
	font-family: var(--din);
	text-transform: uppercase;	
	color: var(--darkblue);
	font-size: .95em;
}
.orbit {
	min-height: 50vh;
	position: relative;	
	background: #000;
}
.orbit img, .orbit video, .orbit iframe {
	opacity: .8;
}
#countdown {
	font-family: var(--din);
	font-size: 2.5em;
	line-height: 1em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	width: 100%;

}
#countdown span {
	opacity: 1;	
}
#countdown span, #countdown div.smalltext {
	display: inline-block;
}
#countdown div.smalltext {
	opacity: .7;
}	
#countdown .small-heading {
	font-size: .75em;
	display: block;
	opacity: .7;
}
#countdown .heading {
	display: block;
	opacity: 1;
}
.main-content, .interior-content {
	margin: 80px 20px;	
}
.callout-section {
	margin-bottom: 50px;	
}
.callout-section .columns .content {
	background: var(--darkblue);
	color: #fff;
	padding: 50px;
}
.callout-section h2 {
	color: #fff;	
}
.callout-section .columns .content * {
	color: #fff;
}
.callout-section .columns .content .link {
	font-size: .95em;	
}
.featured-links .content {
	background: #000;
}
.featured-links .content a {
	position: relative;	
	display: block;
}
.featured-links .content img {
	opacity: .8;	
	display: block;
}
.featured-links .content span {
	position: absolute;
	bottom: 20px;
	left: 20px;	
	font-family: var(--din);
	color: #fff;
	font-size: 2em;
	display: block;
}
.content-banner {
	background: var(--darkblue);
	color: #fff;
	padding: 100px;
}	
.flex-content {
	margin-bottom: 100px;	
}
.interior-image {
	text-align: center;
}
.banner-image {
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	min-height: 400px;
	margin-top: 50px;
}
footer {
	background-color: var(--darkblue);
	color: #fff;
	padding: 50px;	
	font-size: .9em;
}
footer span {
	margin-top: 60px;
	font-family: var(--din);
	display: block;	
	text-transform: uppercase;
	font-size: 1.2em;
}
.copyright {
	width: 100%;
	font-size: .8em;
	text-align: center;
	color: #fff;
	background: #222327;
	padding: 20px;
}
.add-cookie {
	display: none;
}
#gdpr {
	position: fixed;
	bottom: 0;
	background: #000;
	color: #fff;
	padding: 20px;
	text-align: center;
	font-size: .8em;
	width: 100%;	
}
#gdpr .close-cookie-banner {
	float: right;
	color: #fff;
	font-weight: 700;
}
#lightgallery div img {
	cursor: pointer;
}
select {
	background-color: #fafafa;
	background-size: 8px;
    background-position: right 0rem center;
}
input[type='tel'] {
	background-color: #fafafa;
}
label, legend {
	color: var(--darkblue)!important;	
}
.gform_wrapper.gravity-theme .gfield {
	margin: 10px 0;
}	
.gform_wrapper.gravity-theme .gfield_label {
	margin-bottom: 0!important;	
	font-size: 1em!important;
}
.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
	font-size: .95em!important;	
}
.gfield-choice-input {
	margin-bottom: 0;	
}
.gfield_signature_ui_container canvas {
	width: 100%!important;
}

.gform_wrapper.gravity-theme .field_sublabel_above .description, .gform_wrapper.gravity-theme .field_sublabel_above .gfield_description, .gform_wrapper.gravity-theme .field_sublabel_above .gsection_description {
	margin-top: 0!important;
	padding:0!important;
}
.gform_wrapper.gravity-theme .field_sublabel_above .gfield_consent_description {
	font-size: 1em!important;
	padding: 1rem!important;	
}
.events h2 {
	margin-top: 40px;	
}
.event-item {
	margin-bottom: 10px;	
}
.event-item .title {
	font-weight: 600;	
	color: var(--darkblue);
}
.event-item .time {
	color: var(--lightblue);
	font-weight: 600;
}
.event-item p {
	margin-left: 10px;
	font-size: .9em;	
	margin-bottom: 0;
}
.single-events .date {
	font-weight: 600;	
	color: var(--lightblue);
	font-size: .9em;	
	letter-spacing: 1pt;
	text-transform: uppercase;
}
.single-events .date:after {
	content: '|';
	margin: 0 4px 0 7px;	
}
.single-events .date:last-of-type:after {
	content: '';
	margin: 0;	
}
@media screen and (max-width:1025px) {
	.top-bar-right.hide-for-large a {
		font-size: 1.5em;
		color: var(--darkblue);
		line-height: calc(90px - 1rem);
	}
	body, .off-canvas {
		background: var(--darkblue);	
	}
	.off-canvas .close-button {
		color: #fff;	
	}
	.off-canvas .menu {
		margin: 20px;	
	}
	.off-canvas .menu li a {
		color: #fff;
		font-family: var(--din);
		text-transform: uppercase;	
		padding: .5rem;	
	}
	.orbit {
		min-height: auto;	
	}
	.main-content, .interior-content {
		margin: 50px 20px;	
	}
}
@media screen and (max-width:640px) {
	#wpadminbar {
		position: fixed!important;	
	}	
	header .logo {
		max-height: 70px;
	}
	.top-bar-right {
		text-align: right;
	}
	#countdown {
		font-size: 1.5em;
	}
	.featured-links .column {
		margin-bottom: 1.875rem;	
	}	
	footer, footer .text-right {
		text-align: center;	
	}
}