/* mixed classes */
.transition(@e:all, @s:0.3s){ transition:@e @s; -moz-transition:@e @s; -webkit-transition:@e @s; -o-transition:@e @s; }
.radius(@px:5px){ -webkit-border-radius:@px; -moz-border-radius:@px; border-radius:@px; }
.shadow(@x:0, @y:0, @b:1px, @c:#000){ box-shadow:@x @y @b @c; -webkit-box-shadow:@x @y @b @c; -moz-box-shadow:@x @y @b @c; }
.shadowinset(@x:0, @y:0, @b:1px, @c:#000){ box-shadow:inset @x @y @b @c; -webkit-box-shadow:inset @x @y @b @c; -moz-box-shadow:inset @x @y @b @c; }
.boxsizing{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.textshadow(@x:1px, @y:1px, @c:#000000){ text-shadow:@x @y @c; }



/* colors */

 


/* fonts */
.fubo{ font-family:futura-book,'futura-book','Myriad Pro',Arial,Verdana !important; }
.fubl{ font-family:futura-bold,'futura-bold','Myriad Pro',Arial,Verdana !important; }
.fuli{ font-family:futura-light,'futura-light','Myriad Pro',Arial,Verdana !important; }
.fume{ font-family:futura-medium,'futura-medium','Myriad Pro',Arial,Verdana !important; }
.fude{ font-family:futura-demi,'futura-demi','Myriad Pro',Arial,Verdana !important; }
.arch{ font-family:archive,'archive','Myriad Pro',Arial,Verdana !important; }



/* layout */
html, body{ margin:0; }
body{ font-size:20px; padding-top:3em; padding-top:40px; .fubo; }
table, tr, td{ font-size:20px; }
a{ outline:none; }
.row{ max-width:80rem !important; }



/* header */
header#head{ position:absolute; left:0; right:0; top:50px; z-index:10; height:70px;
	.hrLeft{ height:34px; position:absolute; left:0; right:50%; top:55px; margin-right:113px; background:url('../img/header-hr.png') no-repeat center right; }
	.hrRight{ height:34px; position:absolute; left:50%; right:0; top:55px; margin-left:113px; background:url('../img/header-hr.png') no-repeat center left; }
	h1{ width:96px; height:185px; display:block; text-indent:-999em; background:url('../img/baf-logo.png') no-repeat center; background-size:96px auto; position:absolute; top:30px; left:50%; margin:0 0 0 -48px; }
	.menu-main-menu-left-container, .menu-main-menu-right-container{ float:left;
		ul{ margin:7px 0 0 0; padding:0; height:65px;
			li{ list-style:none; margin:0 50px 0 0; padding:0; display:inline-block; height:65px;
				a{ color:#fff; text-transform:uppercase; font-size:14px; text-decoration:none; letter-spacing:3px; line-height:65px; position:relative; .fude;
					&:after{ content:''; display:block; height:1px; position:absolute; left:-100%; right:100%; bottom:-3px; opacity:0; background:#fff; background:rgba(217,68,54,.8); .transition; }
					&:hover{
						&:after{ left:0; right:0; opacity:1; }
					}
				}
			}
		}
	}
	.menu-main-menu-right-container{ float:right;
		ul{ text-align:right;
			li{ margin:0 0 0 50px; }
		}
	}
}

#notification{ background:#d94436; padding:10px 0;
	p{ text-align:center; color:#fff; margin:0; font-size:16px; line-height:20px;
		a{ color:inherit;
			&:hover{ text-decoration:none; }
		}
	}
}


/* mast */
#mast{ height:750px; background:url('../img/mast-desktop.jpg') no-repeat; background-size:cover; position:relative;
	.row{ height:100%;
		.columns{ height:100%; }
	}
	.valign{ padding-top:225px; width:100%; height:100%; .boxsizing;
		.middle{ width:100%; height:100%; }
	}
	.mastBorder{ height:7px; width:100%; position:absolute; top:0; left:0; right:0; background:rgba(217,68,54,.8); }
	h1, h2, h3, h4, h5, h6{ color:#fff; text-align:center; text-transform:uppercase; margin:0; font-weight:normal; font-size:80px; line-height:80px; .fubo; }
	hr{ border:none; display:block; width:340px; height:23px; background:url('../img/mast-hr.png') no-repeat center; background-size:340px auto; margin:30px auto; }
	p{ color:#fff; font-size:24px; line-height:24px; letter-spacing:4px; text-align:center; text-transform:uppercase; margin:0; .fubo; }
}


/* services */
#services{
	.columns{ padding:0; }
	h2{ height:100px; background:url('../img/header-services.png') no-repeat center; background-size:auto 90px; color:#656565; text-align:center; margin:100px auto 80px auto; text-transform:uppercase; line-height:100px; font-size:40px; font-weight:normal; .fubo; }
	table{ width:100%; margin:80px 0 100px 0; table-layout:fixed; 
		tr{
			td{ vertical-align:top; padding:0 30px;
				img{ display:block; margin:0; width:100%; }
				h3{ border-left:3px solid #f46521; margin:30px 0 20px 0; padding-left:22px; color:#393939; text-transform:uppercase; font-size:20px; font-weight:normal; letter-spacing:2px; line-height:17px; text-align:left; .fubl; }
				p{ color:#8d8d8d; font-size:18px; line-height:28px; margin:25px 25px 25px 25px; text-align:left; .fubo; }
			}
		}
	}
	h3{ color:#202020; text-transform:uppercase; text-align:center; font-weight:normal; font-size:32px; max-width:820px; margin:20px auto; .fubl; }
	p{ color:#a3a3a3; text-align:center; max-width:740px; margin:20px auto; font-size:32px; line-height:42px; .fubo; }
	table ~ table{ width:100%; margin:80px 0 100px 0; table-layout:fixed; 
		tr{
			td{ vertical-align:top;
				img{ width:76px; height:auto; display:block; margin:0 auto; }
				h4{ margin:25px 0 0 0; border:1px solid #d7d7d7; text-align:center; font-weight:normal; padding:10px; color:#393939; text-transform:uppercase; font-size:18px; line-height:20px; letter-spacing:1px; .fubl; }
				p{ color:#393939; font-style:italic; font-size:14px; line-height:16px; text-align:center; margin:5px; .fubo; }

				ul{ margin:10px 0; padding:0;
					li{ margin:0; padding:7px 0; border-bottom:1px solid #d7d7d7; list-style:none;
						p{ font-style:normal; font-size:16px; color:#8d8d8d; margin:5px 10px;
							strong, a{ color:#d94436; text-decoration:none; .fubl; }
							a:hover{ text-decoration:underline; }
						}
					}
					li:last-of-type{ border-bottom:none; }
				}
			}
		}
	}
}


/* about us */
#about{ height:550px; background:url('../img/about-desktop.jpg') no-repeat; background-size:cover; position:relative;
	.row{ height:100%;
		.columns{ height:100%; }
	}
	.valign{ width:100%; height:100%;
		.middle{ width:100%; height:100%; }
	}
	.aboutBorder{ height:10px; width:100%; position:absolute; bottom:0; left:0; right:0; background:url('../img/about-hr.png') repeat-x center bottom; }
	h1, h2, h3, h4, h5, h6{ color:#d94436; max-width:520px; text-align:center; text-transform:uppercase; margin:0 auto 40px auto; font-weight:normal; font-size:50px; line-height:50px; .fubo; }
	p{ color:#858585; max-width:560px; font-size:34px; line-height:44px; text-align:center; margin:40px auto; .fubo; }
	img{ position:absolute; display:block; left:50%; width:216px; height:auto; margin-left:-108px; bottom:-108px; }
}

#about-text{
	table{ width:100%; margin:125px 0 35px 0; table-layout:fixed; 
		tr{
			td{ vertical-align:top;
				p{ color:#787878; font-size:18px; line-height:28px; margin:25px 30px 25px 0; .fubo;
					strong{ .fude; }
				}
			}
			td + td{
				p{ margin:25px 0 25px 30px; }
			}
		}
	}
}


/* gallery */
#gallery{ border-top:1px solid #e1e1e1;
	h2{ color:#656565; text-align:center; margin:90px auto; text-transform:uppercase; font-weight:normal; line-height:68px; font-size:68px; letter-spacing:1px; .fubo; }
	h3{ color:#656565; text-align:center; margin:115px auto 0 auto; text-transform:uppercase; font-weight:normal; line-height:32px; font-size:26px; letter-spacing:1px; .fubl; }
	p{ text-transform:uppercase; color:#656565; font-size:22px; line-height:24px; max-width:750px; margin:15px auto; text-align:center; }

	.ngg-galleryoverview{ text-align:center; margin:0 -35px; width:auto; 
		.ngg-gallery-thumbnail-box{ display:inline-block; margin:37px; float:none;
			.ngg-gallery-thumbnail{ float:none; border:none;
				img{ border:1px solid transparent; padding:0; margin:0; .transition;
					&:hover{ border:1px solid #d94436; }
				}
				p{ margin:10px 0 0 0; font-size:14px; }
			}
		}
	}
}


/* events */
#events{	
	h2{ height:51px; background:url('../img/header-events.png') no-repeat center; background-size:auto 51px; color:#656565; text-align:center; margin:150px auto 90px auto; text-transform:uppercase; line-height:51px; font-size:50px; font-weight:normal; .fubo; }
	.event{ margin:0 0 100px 0;
		.ico{ width:53px; height:54px; background:url('../img/ico-and.png') no-repeat center; background-size:53px auto; margin:0 auto; }
		p{ color:#656565; text-transform:uppercase; margin:0 0; letter-spacing:.2em; text-align:center; line-height:2.4em;
			strong{ .fude; }
		}
		hr{ width:115px; border:none; border-bottom:5px solid #e1e1e1; margin:30px auto; }
		img{ margin:40px auto; display:block; max-width:100%; height:auto; }
	}
}


/* footer */
footer{ background:#d94436; position:relative; padding:0 0 2rem 0;
	.columns{ padding:60px 15px 20px 15px; }
	.logo{ width:74px; height:140px; background:url('../img/baf-logo-footer.png') no-repeat center; background-size:74px auto; position:absolute; top:30px; left:50%; margin-left:-37px; }
	p{ color:#fff; text-transform:uppercase; margin:0; font-size:14px;
		strong{ font-size:16px; .fude; }
	}
	table{
		tr{
			td{ vertical-align:top; padding:0 60px 0 0; }
		}
	}
	.right{
		p{ text-align:right;
			a{ color:#fff; text-decoration:none;
				&:hover{ text-decoration:underline; }
			}
		}
	}
	p.copy{ color:#e1695e; margin:30px 0 0 0; font-size:12px; text-align:center; clear:both; .fubl; }
}

#vacation{ background:#d94436; position:fixed; bottom:0; width:21rem; right:0; padding:2rem 1rem; 
	.close{ position:absolute; width:16px; height:24px; background:url('../img/ico-close.svg') no-repeat center; background-size:contain; cursor:pointer; right:10px; top:10px; }
	p{ .fubo; font-size:0.9rem; letter-spacing:1px; margin:0; color:#fff; text-align:center; }
}


/* misc */
.clearfix{ height:0 !important; clear:both !important; float:none !important; list-style:none !important; }
input:focus, button:focus, textarea:focus{ outline:none !important; .shadow(0,0,0,transparent) !important; }
.valign{ height:inherit; display:table;
	.middle{ content:''; height:inherit; display:table-cell; vertical-align:middle; }
}
.fixed{ position:fixed; }
.hidden{ opacity:0; }
.visible{ opacity:1; }