/*
Theme Name: brilli brilliant 2015
Description: Wordpress Theme
Version: 1.0
Author: Robert Schulke
Author URI: http://heartshapedwork.com/
Tags: images, float, responsive
*/


/* http://meyerweb.com/eric/tools/css/reset/ 
	 v2.0 | 20110126
	 License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*** Clearfix ********************************/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}


/*** border-box ********************************/

* {
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}


/*** Prevent font scaling in landscape ********************************/

html {
	-webkit-text-size-adjust: none;
}


/*** Prevent blue outline ********************************/

*:focus {
    outline: none;
}

/*** SVG ********************************/

svg {
	width: 100%;
	height: 100%;
}

.bbicon-fb-19,
.bbicon-instagram {
		position: relative;
		top: 2px;
    height: 14px;
    width: 14px;
    margin-right: 5px;
    display: inline-block;
    fill: currentColor;
}

.bbicon-arrow-left,
.bbicon-arrow-right {
    fill: #ffffff;
}

.bbicon-hotel-1 {
    fill: #ff6699;
}

/*** Main ********************************/

ul, li {
	list-style: none;
	list-style-type: none;
}

html, body {
	width: 100%;
	height: 100%;

	font-size: 16px;
	line-height: 32px;

	font-family: 'FuturaBT-BookItalic', 'Verdana', sans-serif;

	-webkit-font-smoothing: antialiased;
}

img {
	width: 100%;
}


/*** Structure ********************************/

footer,
header {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	padding: 20px;
	z-index: 9999;
 }

.container {
	max-width: 980px;
	margin: 0 auto 20px auto;
	padding: 0 20px;
	z-index: 1;
}

#brillibrilliant .container {
	margin: 0px auto 20px auto;
}

/*** Header ********************************/


.meta,
.meta a {
	font-size: 12px !important;
	line-height: 20px !important;
	display: inline;
	text-decoration: none !important;
}

#nav {
	text-align: right;
	justify-content: flex-end;
	margin: 40px 0;
}

#nav .menu-item {
	overflow: hidden;
}

#nav .menu-item a {
	display: block;
	font-size: 26px !important;
	line-height: 40px !important;
	text-decoration: none;
	text-align: left;
}

#logo {
	background: url('assets/img/brilli-logo.png') no-repeat right top;
	background-size: 100px 100px;
	height: 180px;
	z-index: 9999;
}

	#logo a {
		display: block;
		width: 100%;
		height: 100%;
	}

#nav .nav-top {
	margin-top: 10px;
}

#nav .nav-center {
	margin-top: 50px;
}

#nav .nav-bottom {
	margin-top: 90px;
}

.row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 100%;

	margin-left: -10px;
	margin-right: -10px;
	margin-top: -10px;
	margin-bottom: 10px;

	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;

	-moz-align-items: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.block {
	position: relative;
	display: inline-block !important;
	text-align: center;

	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.l-eight {
	width: 100% !important;

	-webkit-box-ordinal-group: 0;
	-moz-box-ordinal-group: 0;
	-ms-flex-order: 0;
	-webkit-order: 0;
	order: 0;
}

.l-seven {
	width: calc(87.5% - 20px) !important;

	-webkit-box-ordinal-group: 0;
	-moz-box-ordinal-group: 0;
	-ms-flex-order: 0;
	-webkit-order: 0;
	order: 0;
}

.l-six {
	width: calc(75% - 20px) !important;

	-webkit-box-ordinal-group: 0;
	-moz-box-ordinal-group: 0;
	-ms-flex-order: 0;
	-webkit-order: 0;
	order: 0;
}

.l-five {
	width: calc(62.5% - 20px) !important;

	-webkit-box-ordinal-group: 0;
	-moz-box-ordinal-group: 0;
	-ms-flex-order: 0;
	-webkit-order: 0;
	order: 0;
}

.l-four {
	width: calc(50% - 20px) !important;

	-webkit-box-ordinal-group: 0;
	-moz-box-ordinal-group: 0;
	-ms-flex-order: 0;
	-webkit-order: 0;
	order: 0;
}

.l-three {
	width: calc(37.5% - 20px) !important;

	-webkit-box-ordinal-group: 0;
	-moz-box-ordinal-group: 0;
	-ms-flex-order: 0;
	-webkit-order: 0;
	order: 0;
}

.l-two {
	width: calc(25% - 20px) !important;

	-webkit-box-ordinal-group: 0;
	-moz-box-ordinal-group: 0;
	-ms-flex-order: 0;
	-webkit-order: 0;
	order: 0;
}

.l-one {
	width: calc(12.5% - 20px) !important;

	-webkit-box-ordinal-group: 0;
	-moz-box-ordinal-group: 0;
	-ms-flex-order: 0;
	-webkit-order: 0;
	order: 0;
}

.l-none {
	display: none !important;
}

.position-top {
	-webkit-align-self: flex-start*;
	align-self: flex-start;
}

.position-bottom {
	-webkit-align-self: flex-end;
	align-self: flex-end;
}

.position-center {
	-webkit-align-self: center;
	align-self: center;
}

.displace {
	margin-left: -11.4%;
	z-index: 999;
}

.nondisplace {
	margin-left: 17.7%;
	z-index: 999;
}

.block.blank {
	display: block;
}

.inline {
	display: inline !important;
}

.block .headline-container {
	position: relative;
}

.block .headline-container img {
	width: 100%;
	height: auto;
	display: block;
}

.block .headline-container .headline {
	position: absolute;
	top: 0;
	left: 5%;
	width: 90%;
	height: 100%;
	
	text-align: center;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	}

.block .headline-container .headline h1 {
	-webkit-align-self: center;
	align-self: center;
	text-align: center;
	position: relative;
	margin: 0 auto;
}

.courier,
.courier p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 20px;
	font-family: 'Courier New', 'Courier', 'Georgia', serif;
	font-style: normal !important;
}

.futura,
.futura p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 32px;
	font-family: 'FuturaBT-BookItalic', 'Arial', sans-serif;
}

.padding {
	padding: 30px 60px;
}

.border {
	border: 5px solid #000000;
}

.text-pink.border {
	border: 5px solid #ff6699;
}

.outline:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: 2px solid #000000;
}

.text-pink.outline:before {
  border: 2px solid #ff6699;
}

.text-pink {
	color: #ff6699;
}

.text-black {
	color: #000000;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.current-menu-item,
.current_page_item,
.text a {
	font-family: 'FuturaBT-BookItalic', 'Arial', sans-serif;
	text-decoration: underline;
	color: inherit;
}

.block a {
	font-family: 'FuturaBT-BookItalic', 'Arial', sans-serif;
	font-size: 16px;
	line-height: 32px;
	text-decoration: underline;
	color: inherit;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}




/*** Tumblr / RSS ********************************/





/*** Map ********************************/

.map {
	position: relative;
	width: 100%;
}

.map:before {
	content: "";
	display: block;
	padding-top: 75%;
}

.map #map {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.gm-style {
	font-family: 'Courier New', 'Courier', 'Georgia', serif !important;
	font-size: 16px !important;
	line-height: 20px !important;
	text-decoration: none;
}

.gm-style h2 {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 16px 0;
}

/*** Menu ********************************/

.menu_item {
		display: table;
		width: 100%;
}

.menu_item .table {
		display: table-row;
}

.menu_item h3 {
		display: table-cell;
		padding-right: 2px;
		white-space: nowrap;
}

.menu_item .dots {
		display: table-cell;
		border-bottom: 1px dotted #ff6699;
		width: 100%;
		position:relative;
		bottom: 10px;
}

.menu_item .right {
		display: table-cell;
		padding-left: 2px;
		white-space: nowrap;
}



/*** HL ********************************/

h1 {
	font-family: 'FuturaBT-BookItalic', 'Arial', sans-serif;
	font-size: 26px;
	line-height: 40px;
	margin-bottom: 40px;
}

h2 {
	font-family: 'FuturaBT-BookItalic', 'Arial', sans-serif;
	font-size: 16px;
	line-height: 32px;
	margin: 16px;
	text-decoration: underline;
}

.margin-top {
	display: block;
	margin-top: 20px;
}


/*** Links ********************************/

a {
	color: #000;
	text-decoration: none;
	opacity: 1;
}

.border.text-pink,
a.border.text-pink {
	color: #ff6699 !important;
	text-decoration: none !important;
	opacity: 1;
	border-color: #ff6699;
}

a:not(.disabled):hover {
	opacity: 0.5;
}

.submit {
	display: block;
  width: 100%;
	padding: 3px 4px;
	text-align: center;
}

.border {
	border-width: 5px;
}



	/*** Queries ********************************/
	
	@media (max-width: 768px) {
	
		html, body {
		}
	
		#nav .menu-item a {
			display: block;
			font-size: 24px !important;
			line-height: 36px !important;
			text-decoration: none;
			text-align: left;
		}

		h1 {
			font-size: 24px !important;
			line-height: 36px !important;
		}

		#nav .nav-top {
			margin-top: 10px;
		}
		
		#nav .nav-center {
			margin-top: 46px;
		}
		
		#nav .nav-bottom {
			margin-top: 82px;
		}

		#logo {
			background: url('assets/img/brilli-logo.png') no-repeat left top;
			background-size: 100px 100px;
		}

		.block {
			display: inline-block !important;
		}

		.m-eight {
			width: 100% !important;
		}
		
		.m-seven {
			width: calc(87.5% - 20px) !important;
		}

		.m-six {
			width: calc(75% - 20px) !important;
		}

		.m-five {
			width: calc(62.5% - 20px) !important;
		}
		
		.m-four {
			width: calc(50% - 20px) !important;
		}
		
		.m-three {
			width: calc(37.5% - 20px) !important;
		}

		.m-two {
			width: calc(25% - 20px) !important;
		}

		.m-one {
			width: calc(12.5% - 20px) !important;
		}
	
		.m-none {
			display: none !important;
		}

		.row .none {
			margin-left: 0;
		}

		.displace {
			margin-left: 10px;
		}

		.block.bottom {
			-webkit-align-self: flex-start;
			align-self: flex-start;
		}
	
		.block.blank {
			display: none;
		}

	}
	
	
	@media (max-width: 480px) {
	
		html, body {
		}
	
		#nav .menu-item a {
			display: block;
			font-size: 18px !important;
			line-height: 24px !important;
			text-decoration: none;
			text-align: left;
		}

		h1 {
			font-size: 18px !important;
			line-height: 24px !important;
		}

		#nav .nav-top {
			margin-top: 10px;
		}
		
		#nav .nav-center {
			margin-top: 34px;
		}
		
		#nav .nav-bottom {
			margin-top: 58px;
		}

		#logo {
			background-size: contain;
		}
	
		.block {
			display: inline-block !important;
		}

		.s-eight {
			width: 100% !important;
		}
		
		.s-seven {
			width: calc(87.5% - 20px) !important;
		}

		.s-six {
			width: calc(75% - 20px) !important;
		}

		.s-five {
			width: calc(62.5% - 20px) !important;
		}
		
		.s-four {
			width: calc(50% - 20px) !important;
		}
		
		.s-three {
			width: calc(37.5% - 20px) !important;
		}

		.s-two {
			width: calc(25% - 20px) !important;
		}

		.s-one {
			width: calc(12.5% - 20px) !important;
		}
	
		.position-bottom {
			-webkit-align-self: flex-start;
			align-self: flex-start;
		}
	
		.padding {
			padding: 20px 20px;
		}
		
		.s-none {
			display: none !important;
		}

	}
	

	@media (max-width: 360px) {
	
		html, body {
		}
	
		#nav .menu-item a {
			display: block;
			font-size: 16px !important;
			line-height: 26px !important;
			text-decoration: none;
			text-align: left;
		}

		#nav .nav-top {
			margin-top: 10px;
		}
		
		#nav .nav-center {
			margin-top: 36px;
		}
		
		#nav .nav-bottom {
			margin-top: 62px;
		}