/* public/base.css */
/*
	(c)2012 - visuallizard.com
	
	Inspired by:
	Skeleton				www.getskeleton.com
	Bootstrap				twitter.github.com/bootstrap/
	HTML5 ✰ Boilerplate		h5bp.com
*/

/* Table of Content

	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons & Messages
	#Tabs
	#Forms
	#Misc */


/* !Reset & Basics ============================== */
	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; }
	article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
		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; }

	::-moz-selection { background: #0f9ae1; color: #fff; text-shadow: none; }
	::selection { background: #0f9ae1; color: #fff; text-shadow: none; }

/* !Basic Styles ============================== */
	html {
		font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; 
	}
	body {
		background: #fff;
		font: 16px/22px "brandon-grotesque", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
		/*-webkit-font-smoothing: antialiased;  Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* !Typography ============================== */
	h1, h2, h3, h4, h5, h6 {
		color: #0f9ae1;
		font-family: "brandon-grotesque", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: normal;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 38px; line-height: 42px; margin-bottom: 10px; }
	h3 { font-size: 24px; line-height: 30px; margin-bottom: 8px; }
	h4 { font-size: 20px; line-height: 24px; margin-bottom: 4px; }
	h5 { font-size: 16px; line-height: 20px; }
	h6 { font-size: 16px; line-height: 20px; }

	p { margin: 0 0 20px 0; color: #0d2c54; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	i, em { font-style: italic; }
	b, strong { font-weight: 700; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 18px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 10px 20px 0 15px; border-left: 5px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #666; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #666; }



/* !Links */
	a		{ color: #0f9ae1; outline: none; }
	a:hover	{ color: #000; outline: none;}
	a:focus	{ color: #000; outline: none; }
	a:active { outline: none; }

	p a { line-height: inherit; }


/* !Lists */
	ul, ol { margin: 0 0 20px 25px; }
	ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
	ul { list-style: disc; }
	ol { list-style: decimal; }
	li { line-height: 20px; }
	ul.unstyled { list-style: none; margin-left: 0; }
	dl { margin-bottom: 20px; }
	dl dt, dl dd { line-height: 20px; }
	dl dt { font-weight: bold; }
	dl dd { margin-left: 20px; }
	
	dd:after {
		/* http://lea.verou.me/2012/02/flexible-multiline-definition-lists-with-2-lines-of-css/ */
		content: '\D\A';
		white-space: pre;
	}


/* !Images */
	img {
	  border: 0;
	  -ms-interpolation-mode: bicubic;
	}
	img.scale-with-grid {
		max-width: 100%;
		height: auto;
	}
	.img_left {
		float: left;
		margin: 0 1em 0.5em 0;
	}
	.img_right {
		float: right;
		margin: 0 0 0.5em 1em;
	}

/* !Other */
	code, pre {
	  padding: 0 3px 2px;
	  font-family: Monaco, Andale Mono, Courier New, monospace;
	  font-size: 12px;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	}
	code {
	  background-color: #eee;
	  color: rgba(0, 0, 0, 0.75);
	  padding: 1px 3px;
	}
	pre {
	  background-color: #f5f5f5;
	  display: block;
	  padding: 8.5px;
	  margin: 0 0 18px;
	  line-height: 18px;
	  font-size: 12px;
	  border: 1px solid #ddd;
	  border: 1px solid rgba(0, 0, 0, 0.15);
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	  white-space: pre;
	  white-space: pre-wrap;
	  word-wrap: break-word;
	}
	
	hr {
		clear: both;
		height: 0;
		margin: 20px 0 19px;
		border: 0;
		border-bottom: 1px solid #ddd;
	}
	
	address {
		display: block;
		line-height: 18px;
		margin-bottom: 18px;
	}
	
	.lower { text-transform: lowercase; }
	.upper { text-transform: uppercase; }


/* !Buttons & Messages ============================== */
	.button.danger,
	.message.danger,
	.button.danger:hover,
	.message.danger:hover,
	.button.error,
	.message.error,
	.button.error:hover,
	.message.error:hover,
	.button.success,
	.message.success,
	.button.success:hover,
	.message.success:hover,
	.button.info,
	.message.info,
	.button.info:hover,
	.message.info:hover {
		color: #ffffff;
	}
	.button .close, .message .close, .remove {
	  font-family: Arial, sans-serif;
	  line-height: 18px;
	}
	.button.danger,
	.message.danger,
	.button.error,
	.message.error {
	  background-color: #c43c35;
	  background-repeat: repeat-x;
	  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
	  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	  background-image: linear-gradient(top, #ee5f5b, #c43c35);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  border-color: #c43c35 #c43c35 #882a25;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}
	.button.success, .message.success {
	  background-color: #57a957;
	  background-repeat: repeat-x;
	  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
	  background-image: -moz-linear-gradient(top, #62c462, #57a957);
	  background-image: -ms-linear-gradient(top, #62c462, #57a957);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
	  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	  background-image: -o-linear-gradient(top, #62c462, #57a957);
	  background-image: linear-gradient(top, #62c462, #57a957);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  border-color: #57a957 #57a957 #3d773d;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}
	.button.info, .message.info {
	  background-color: #339bb9;
	  background-repeat: repeat-x;
	  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
	  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
	  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
	  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
	  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
	  background-image: linear-gradient(top, #5bc0de, #339bb9);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  border-color: #339bb9 #339bb9 #22697d;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}
	.button {
	  cursor: pointer;
	  display: inline-block;
	  background-color: #e6e6e6;
	  background-repeat: no-repeat;
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
	  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
	  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	  padding: 4px 14px 5px;
	  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	  text-decoration: none;
	  color: #333;
	  font-size: 13px;
	  line-height: normal;
	  border: 1px solid #ccc;
	  border-bottom-color: #bbb;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	  -webkit-transition: 0.1s linear all;
	  -moz-transition: 0.1s linear all;
	  -ms-transition: 0.1s linear all;
	  -o-transition: 0.1s linear all;
	  transition: 0.1s linear all;
	}
	.button:hover {
	  background-position: 0 -15px;
	  color: #333;
	  text-decoration: none;
	}
	.button:focus {
	  outline: 1px dotted #666;
	}
	.button.primary {
	  color: #ffffff;
	  background-color: #0064cd;
	  background-repeat: repeat-x;
	  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
	  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
	  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
	  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
	  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
	  background-image: linear-gradient(top, #049cdb, #0064cd);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  border-color: #0064cd #0064cd #003f81;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}
	.button.active, .btn:active {
	  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	}
	.button.disabled {
	  cursor: default;
	  background-image: none;
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	  filter: alpha(opacity=65);
	  -khtml-opacity: 0.65;
	  -moz-opacity: 0.65;
	  opacity: 0.65;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	}
	.button[disabled] {
	  cursor: default;
	  background-image: none;
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	  filter: alpha(opacity=65);
	  -khtml-opacity: 0.65;
	  -moz-opacity: 0.65;
	  opacity: 0.65;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	}
	
	
	.close  {
	  float: right;
	  color: #000000;
	  font-size: 20px;
	  font-weight: bold;
	  line-height: 13.5px;
	  text-shadow: 0 1px 0 #ffffff;
	  filter: alpha(opacity=25);
	  -khtml-opacity: 0.25;
	  -moz-opacity: 0.25;
	  opacity: 0.25;
	}
	.close:hover{
	  color: #000000;
	  text-decoration: none;
	  filter: alpha(opacity=40);
	  -khtml-opacity: 0.4;
	  -moz-opacity: 0.4;
	  opacity: 0.4;
	}
	a.remove, a.progress_action {
		margin: 0;
		width: auto;
		height: auto;
		padding: 0;
		line-height: 1;
		font-size: 18px;
		font-weight: bold;
		color: #c43c35;
		text-decoration: none;
		text-shadow: 0 1px 0 #ffffff;
		text-align: center;
		
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		opacity: .8;
	}
	a.remove:hover, a.progress_action:hover {
		opacity: 1;
	}
	.message {
	  position: relative;
	  padding: 7px 15px;
	  margin-bottom: 18px;
	  color: #404040;
	  background-color: #eedc94;
	  background-repeat: repeat-x;
	  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
	  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
	  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
	  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
	  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
	  background-image: linear-gradient(top, #fceec1, #eedc94);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  border-color: #eedc94 #eedc94 #e4c652;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	  border-width: 1px;
	  border-style: solid;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	}
	.message .close {
		text-decoration: none;
		margin-top: 1px;
		*margin-top: 0;
	}
	.message a {
	  font-weight: bold;
	  color: #404040;
	}
	.message.danger p a,
	.message.error p a,
	.message.success p a,
	.message.info p a {
	  color: #ffffff;
	}
	.message p {
	  margin-bottom: 0;
	}



/* !Forms ============================== */

	form {
		margin-bottom: 20px;
	}
	fieldset {
		margin-bottom: 20px;
	}
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff;
	}
	select {
		padding: initial;
		width: 220px;
	}
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px;
		min-width: 210px;
	}
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;
	}
	.input.checkbox label, .input.radio label {
		margin-left: 5px;
		display: inline-block;
	}
	
	/* 	cat4 required field indicator */
	.required > label:after,
	.required-field > label:after {
		content: " *";
	}
	
	/* 	for jquery.overlabel  */
	label.overlabel-apply {
		position: absolute;
		top: 3px;
		left: 5px;
		z-index: 1;
		font-weight: normal;
		color: #777;
	}
	div.overlabel-wrapper {
		position: relative;
	}
	
	
	input[type=checkbox], input[type=radio] {
	  width: auto;
	  height: auto;
	  padding: 0;
	  margin: 3px 0;
	  *margin-top: 0;
	  /* IE6-7 */
	
	  line-height: normal;
	  border: none;
	  display: inline-block;
	}
	input[type=file] {
	  background-color: #ffffff;
	  padding: initial;
	  border: initial;
	  line-height: initial;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	}
	input[type=button], input[type=reset], input[type=submit] {
	  width: auto;
	  height: auto;
	}
	select, input[type=file] {
	  height: 27px;
	  *height: auto;
	  line-height: 27px;
	  *margin-top: 4px;
	  /* For IE7, add top margin to align select with labels */
	
	}
	select[multiple] {
	  height: inherit;
	  background-color: #ffffff;
	}
	textarea {
	  height: auto;
	}

	.poll label .description {
		font-weight: normal;
	}


	.input.file p {
		margin: 0;
	}
	input.form-error {
		margin-bottom: 0;
	}
	.error-message {
		color: #ee5f5b;
		margin-bottom: 10px;
	}
	
	/* 	Recaptcha */
	#recaptcha_image {
		margin: 1em 0;
	}
	#recaptcha_widget_div {
		margin-bottom: 20px;
	}


/* !Media grid ============================== */
	.media-grid {
		margin-left: -20px;
		margin-bottom: 0;
		zoom: 1;
	}
	.media-grid:before, .media-grid:after {
		display: table;
		content: "";
		zoom: 1;
	}
	.media-grid:after {
		clear: both;
	}
	.media-grid li {
		display: inline;
	}
	.media-grid a, .media-grid div.group {
		float: left;
		padding: 4px;
		margin: 0 0 20px 20px;
		border: 1px solid #ddd;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	}
	.media-grid a img {
		display: block;
	}
	.media-grid a:hover {
		border-color: #7a2;
		-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
		-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
		box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	}
	
	.media-grid .caption {
		display: block;
	}



/* !Tabs (activate in tabs.js) ============================== */
/* New Tabs */
.tabs-nav {
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	/* border-bottom: solid 1px #ddd; */
}
.tabs-nav li {
	display: block;
	width: auto;
	height: 30px;
	padding: 0;
	float: left;
	margin-bottom: 0;
}
.tabs-nav li a {
	display: block;
	text-decoration: none;
	width: auto;
	height: 29px;
	padding: 0px 20px;
	line-height: 30px;
	border: solid 1px #ddd;
	border-width: 1px 1px 0 0;
	margin: 0;
	background: #f6f6f6;
	font-size: 13px;
}
	.tabs-nav li a:hover {
		background: #f0f0f0;
	}
.tabs-nav li a.active {
	background: #fff;
	height: 30px;
	position: relative;
	top: -4px;
	padding-top: 4px;
	border-left-width: 1px;
	margin: 0 0 0 -1px;
	color: #111;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 32px;
	border-top-right-radius: 3px;
}
.tabs-nav li:first-child a.active {
	margin-left: 0;
}
.tabs-nav li:first-child a {
	border-width: 1px 1px 0 1px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}
.tabs-nav li:last-child a {
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}

.tabs-content { margin: 0; padding: 2em; border: 1px solid #ddd; display: block; list-style: none; clear: both;}
.tabs-content > .tab { display:none; }
.tabs-content > .tab.active { display: block; }



/* !Tables  ============================== */
table {
  width: 100%;
  margin-bottom: 18px;
  padding: 0;
  font-size: 14px;
  border-collapse: collapse;
}
table th, table td {
  padding: 10px 10px 9px;
  line-height: 18px;
  text-align: left;
}
table th {
  padding-top: 9px;
  font-weight: bold;
  vertical-align: middle;
}
table td {
  vertical-align: top;
  border-top: 1px solid #ddd;
}
table tbody th {
  border-top: 1px solid #ddd;
  vertical-align: top;
}

/* 	table types: .condensed-table  and .bordered-table */
.condensed th, .condensed td {
  padding: 5px 5px 4px;
}
.bordered {
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapse; /* IE7, collapse table to remove spacing */

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.bordered th + th, .bordered-table td + td, .bordered th + td {
  border-left: 1px solid #ddd;
}
.bordered thead tr:first-child th:first-child, .bordered tbody tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
.bordered thead tr:first-child th:last-child, .bordered tbody tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.bordered tbody tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.bordered tbody tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}

/* 	sortable and zebra-striped tables */
.striped tbody tr:nth-child(odd) td, .striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.striped tbody tr:hover td, .striped tbody tr:hover th {
  background-color: #f5f5f5;
}
table .header {
  cursor: pointer;
}
table .header:after {
  content: "";
  float: right;
  margin-top: 7px;
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: #000 transparent;
  visibility: hidden;
}
table .headerSortUp, table .headerSortDown {
	background-color: #85c446;
	background-color: rgba(133,196,70,.3);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
table .header:hover:after {
  visibility: visible;
}
table .headerSortDown:after, table .headerSortDown:hover:after {
  visibility: visible;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
table .headerSortUp:after {
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  visibility: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}


/* !Pagination  ============================== */
	.pagination {
	  height: 38px;
	  margin: 20px 0;
	  -moz-user-select: none;
	  user-select: none;
	}
	.pagination ul {
	  float: left;
	  margin: 0;
	  padding: 0;
	  border: 1px solid #ddd;
	  border-right: 0;
	  border: 1px solid rgba(0, 0, 0, 0.15);
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	  
	  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	}
	.pagination li {
		display: inline;
	}
	.pagination a,		.pagination .current {
	  float: left;
	  padding: 0 15px;
	  line-height: 38px;
	  border-right: 1px solid;
	  border-right-color: #ddd;
	  border-right-color: rgba(0, 0, 0, 0.15);

	  text-decoration: none;
	}
	.pagination a:hover, .pagination .active a,		.pagination .current {
	  background-color: #85c446;
	  background-color: rgba(133,196,70,.3);
	}
	.pagination .disabled a, .pagination .disabled a:hover {
	  background-color: transparent;
	  color: #bfbfbf;
	}
	.pagination .last a {
	  border: 0;
	}

/* !Non-semantic helper classes ============================== */

	/* For image replacement */
	.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
	.ir br { display: none; }
	
	/* Hide from both screenreaders and browsers: h5bp.com/u */
	.hidden { display: none !important; visibility: hidden; }
	
	/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
	.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	
	/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
	.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
	
	/* Hide visually and from screenreaders, but maintain layout */
	.invisible { visibility: hidden; }
	
	/* Contain floats: h5bp.com/q */ 
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { zoom: 1; }





/* !Catalyst specific  ============================== */
	.w5 { width: 5%; }
	.w10 { width: 10%; }
	.w15 { width: 15%; }
	.w20 { width: 20%; }
	.w25 { width: 25%; }
	.w30 { width: 30%; }
	.w35 { width: 35%; }
	.w40 { width: 40%; }
	.w45 { width: 45%; }
	.w50 { width: 50%; }
	.w55 { width: 55%; }
	.w60 { width: 60%; }
	.w65 { width: 65%; }
	.w70 { width: 70%; }
	.w75 { width: 75%; }
	.w80 { width: 80%; }
	.w85 { width: 85%; }
	.w90 { width: 90%; }
	.w95 { width: 95%; }
	.w100 { width: 100%; }
	
	.h1 { height: 1em; }
	.h2 { height: 2em; }
	.h3 { height: 3em; }
	.h4 { height: 4em; }
	.h5 { height: 5em; }
	.h6 { height: 6em; }
	.h7 { height: 7em; }
	.h8 { height: 8em; }
	.h9 { height: 9em; }
	.h10 { height: 10em; }
	.h11 { height: 11em; }
	.h12 { height: 12em; }
	.h13 { height: 13em; }
	.h14 { height: 14em; }
	.h15 { height: 15em; }
	.h16 { height: 16em; }
	.h17 { height: 17em; }
	.h18 { height: 18em; }
	.h19 { height: 19em; }
	.h20 { height: 20em; }

	.block { display: block; }
	.inline { display: inline; }
	.hidden { display: none; }
	
	.left { text-align: left; }
	.right { text-align: right; }
	.center { text-align: center; }
	
	.cke div.c1,
	.cke div.c2,
	.cke div.c3,
	.cke div.c4,
	.cke div.c5,
	.cke div.c6 {
		margin-left: 2%;
		float: left;
	}
	
	.cke div.c1 { width: 100%; }
	.cke div.c2 { width: 49%; }
	.cke div.c3 { width: 32%; }
	.cke div.c4 { width: 23.5%; }
	.cke div.c5 { width: 18.4%; }
	.cke div.c5 { width: 15%; }
	
	.cke div.c1,
	.cke div.first {
		clear: both;
		margin-left: 0;
	}
	
	.cke:before, .cke:after { content: "\0020"; display: block; height: 0; visibility: hidden; } 
	.cke:after { clear: both; }
	.cke:after { zoom: 1; }


/* !Debug & CakePHP Debug SQL table ============================== */
	body.debug:before {
		content: attr(class);
		position: fixed;
		top: 0px;
		right: 10px;
		color: #ddd;
		z-index: 1000;
		font-size: 10px;
	}

	table.cake-sql-log {
		display: none;
		clear: both;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		text-align: left;
		border-top: 1px solid #000;
		border-left: 1px solid #000;
		color: #333;
		background-color: #eee;
	}
	
	table.cake-sql-log td,
	table.cake-sql-log th {
		border-bottom: 1px solid #999;
		border-right: 1px solid #999;
		padding: 0.5em;
	}
	
	table.cake-sql-log caption {
		text-align: center;
		background-color: #900;
		color: #fff;
		font-weight: bold;
		font-size: 1.5em;
		padding: 0.5em;
	}

/* public/skeleton.css */
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column                      { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }

        .container .one.column                      { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 348px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

/* public/layout.css */
/*
	(c)2012 - visuallizard.com
	
	General Layout Styles.
	Sets major blocking (and minor styles) to genaral elements in the template.
	All can be removed and started from scratch or elemnts can be adjusted individually.
*/

.container {
/*
	Set site width only here and use this class to centre the content in browser window.
	Default width is 960px and can be changed in skeleton.css to maintain resposivnes.
*/
	box-sizing: border-box;
	width: 1100px;
	margin: 0 auto;
	padding: 0;
	position: relative;

}

/* Header */
	#header {
		display: block;
		position: relative;
		box-sizing: border-box;
		clear: both;
		min-height: 300px;
		margin: 0;
		padding: 0;
/*
		background: url("https://www.icelandicfestival.com/img/temp-stars.t1466011591.jpg") no-repeat center center;
		background-size: 100%;
*/
	}
	#header.home { min-height: 575px; padding: 0; }
		#header h1 { position: absolute; top: 0; left: -9999em; margin: 0 20px 20px 0; display: block; float: left; }
		#header h1 .logo {
			display: block;
		/* 	background: url(https://www.icelandicfestival.com/css/public/http:/visuallizard.com/img/logo.png) 0 0 no-repeat transparent; */
		/* 	text-indent: -99999em; */
			text-decoration: none;
			cursor: pointer;
		}
		#header a:hover,
		#header a:focus { color: #aaa; }
	#promotion-bar {
		display: block;
		position: relative;
		z-index: 9;
		width: 100%;
		padding: 0;
		margin: -130px 0 20px 0;
		background: #fff;
	}
		#promotion-bar .promotion {
			display: block;
			position: relative;
			float: left;
			box-sizing: border-box;
			width: 25%;
			min-height: 100px;
			padding: 1%;
			border-right: 1px solid #a5e7f2;
		}
		#promotion-bar .promotion:first-of-type { border-left: 1px solid #a5e7f2; }


/* 	Navigations */
	#nav {
		display: block;
		position: absolute;
		clear: both;
		top: 0;
		z-index: 10;
		width: 100%;
		margin: 0;
		background: none;
	}
	#nav .container { width: 1200px; background: rgba(15, 155, 225, 0.9); }
		#nav ul {
			display: flex;
			position: relative;
			box-sizing: border-box;
			margin: 0;
			padding: 0;
			list-style: none;
			font-size: 12px;
			font-weight: 700;
		}
		#nav ul.nav_1 { float: left; width: 83%; }
			#nav ul li {
				display: block;
				position: relative;
				float: left;
				flex-grow: 1;
				box-sizing: border-box;
				padding: 0;
				margin: 0;
			}
			#nav ul li#nav_li_item_31 {
				width: 180px;
				margin-right: 2%;
				text-indent: -9999em;
				background: #0d2c54 url("https://www.icelandicfestival.com/img/logo_icelandicfest_wht.t1466011559.png") no-repeat center center;
				background-size: 120px;
			}
				#nav ul li a {
					display: block;
					position: relative;
					padding: 35px 15px;
					text-align: center;
					text-decoration: none;
					text-transform: uppercase;
					color: #fff;
				}
				#nav ul li a:hover,
				#nav ul li.at a { color: #e4e4e4; }
				#nav ul li#nav_li_item_215 > a {
					background: #1fc2de;
					color: #0f2c52;
				}
				#nav ul li#nav_li_item_215:hover > a,
				#nav ul li#nav_li_item_215.at > a {
					background: #0f2c52;
					color: #fff;
				}
				
				
		/* 	Drop-downs */
		#nav ul.nav_1 > li > ul {
			display: none;
			position: absolute;
			float: left;
			top: 100%;
			left: 0;
			z-index: 1000;
			width: 300px;
			padding: 0;
			margin: 0;
			list-style: none;
			-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			font-size: 12px;
			line-height: 18px;
			text-transform: uppercase;
			background: #eee;
		}
		#nav ul.nav_1 > li:hover > ul { display: block; }
			#nav ul.nav_1 > li >  ul li { display: block; width: 100%; }
			#nav ul.nav_1 > li >  ul a {
				display: block;
				position: relative;
				clear: both;
				padding: 10px 15px;
				text-align: left;
				color: #555;
			}
			#nav ul.nav_1 > li.at > ul a { background: none; }
			#nav ul.nav_1 li ul li:hover > a,
			#nav ul.nav_1 li ul li.at a {
				background: #e3e4e4;
				color: #000;
			}
				#nav ul.nav_1 > li > ul > li > ul {
					display: none;
					position: relative;
					float: left;
					width: 100%;
					padding: 0;
					margin: 0;
					list-style: none;
					font-size: 12px;
					line-height: 18px;
					text-transform: uppercase;
					background: #ddd;
				}
				#nav ul.nav_1 > li:hover > ul > li > ul { display: block; }
					#nav ul.nav_1 > li >  ul li ul li { display: block; width: 100%; }
					#nav ul.nav_1 > li >  ul li ul a {
						display: block;
						position: relative;
						clear: both;
						padding: 5px 15px 5px 30px;
						text-align: left;
						color: #555;
					}
					#nav ul.nav_1 > li > ul li.at ul a { background: none; }
					#nav ul.nav_1 li ul li ul li:hover > a,
					#nav ul.nav_1 li ul li ul li.at a {
						background: #d3d4d4;
						color: #000;
					}
						#nav ul.nav_1 > li > ul > li > ul > li > ul {
							display: none;
							position: relative;
							float: left;
							width: 100%;
							padding: 0;
							margin: 0;
							list-style: none;
							font-size: 12px;
							line-height: 18px;
							text-transform: uppercase;
							background: #ccc;
						}
						#nav ul.nav_1 > li:hover > ul > li > ul > li > ul { display: block; }
							#nav ul.nav_1 > li >  ul li ul li ul li { display: block; width: 100%; }
							#nav ul.nav_1 > li >  ul li ul li ul a {
								display: block;
								position: relative;
								clear: both;
								padding: 5px 15px 5px 45px;
								text-align: left;
								color: #555;
							}
							#nav ul.nav_1 > li > ul li ul li ul a { background: none; }
							#nav ul.nav_1 li ul li ul li ul li:hover > a,
							#nav ul.nav_1 li.at ul li ul li ul li.at a {
								background: #fff;
								color: #000;
							}
			
		
			
		#nav ul.social { float: right; width: 17%; border-left: 1px solid #00c2e1; }
		#nav ul.social li { width: 25%; }
		#nav ul.social li a { padding: 35px 0; font-size: 20px; text-align: center; }
		
		
		
/* Login form */
/*
	header form input[type="text"],
	header form input[type="password"],
	header form input[type="email"] {
		margin: 0 5px 0 0;
		width: auto;
	}
	header form .input {
		display: inline-block;
	}
	
	header .login-nav,
	header .login-form,
	header .search-form {
		position: relative;
		color: #fff;
		float: left;
		display: block;
		vertical-align: top;
		margin:  0 20px 0 0;
	}
		.login-nav,
		.login-options {
			list-style: none;
			margin: 0 0 .5em 0;
		}
	header .login-nav li {
		display: inline-block;
	}
	header .login-nav a,
	header .login-form a {
		font-size: 13px;
		padding: 0 5px 0 0;
		margin: 0;
		text-transform: none;
		text-decoration: none;
	}
	header .login-form .error-message {
		position: absolute;
		bottom: 0; left: 0;
		margin: 0;
		color: #ee5f5b;
		font-size: 13px;
	}
*/


/* !sidebar navigation */
ul.snav_2 {
	display: block;
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
	margin: 5px 0 0 0;
	border-bottom: 1px solid #e4e4e4;
	list-style: none;
}
	ul.snav_2 li {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		border-top: 1px solid #e4e4e4;
	}
		ul.snav_2 li a {
			display: block;
			position: relative;
			box-sizing: border-box;
			width: 100%;
			padding: 10px 5px 10px 15px;
			margin: 0;
			text-decoration: none;
		}
		ul.snav_2 li:hover a,
		ul.snav_2 li.at a { color: #ef003d; }
		ul.snav_2 li a:before {
			content: "+";
			display: block;
			position: absolute;
			top: 50%;
			left: 0;
			margin-top: -12px;
			font-weight: 700;
			color: #ef003d;
		}
	ul.snav_2 li ul#snav_217 { display: none; }

/* !footer navigation */
ul.fnav_1 {
	display: block;
	position: relative;
	float: left;
	width: 67%;
	padding: 0;
	margin: 0 0 5px 0;
	list-style: none;
	font-size: 12px;
	font-weight: 700;
}
	ul.fnav_1 li {
		display: block;
		position: relative;
		float: left;
		border-left: 1px solid #0d2c54;
		line-height: 14px;
		text-transform: uppercase;
	}
	ul.fnav_1 li:first-of-type { border: none; }
		ul.fnav_1 li a { padding: 0 7px; text-decoration: none; color: #0d2c54; }
		ul.fnav_1 li:first-of-type a { padding: 0 7px 0 0; }

/* 	Columns and Sections	*/
	#content {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
	}
		#content .container {
			padding: 50px 0;
		}
	#sidebar {
		display: block;
		position: relative;
		float: left;
		box-sizing: border-box;
		width: 25%;
		padding: 0;
		margin: 0;
	}
	#main {
		display: block;
		position: relative;
		float: right;
		box-sizing: border-box;
		width: 73%;
		min-height: 300px;
		padding: 0;
		margin: 0;
	}
	#main.wide { width: 100%; }
	
	.parallax {
		display: block;
		position: relative;
		z-index: 0;
		clear: both;
		float: left;
		width: 100%;
		min-height: 550px;
		background: url("https://www.icelandicfestival.com/img/temp-mars.t1466011589.jpg") no-repeat center center fixed;
		background-size: cover;
	}
	
	#news,
	#blog,
	#videos,
	#quicklinks,
	#sponsorship {
		display: block;
		position: relative;
		z-index: 1;
		clear: both;
		float: left;
		width: 100%;
		min-height: 350px;
		padding: 0;
		margin: 0;
		background: #fff;
	}
	#news { background: #1fc2de url("https://www.icelandicfestival.com/img/bk_lightblue.t1466011542.png") no-repeat center bottom; }
		#news .container { padding: 70px 0; }
	#blog { background: #0f2c52 }
		#blog .container { padding: 70px 0; }
	#videos { background: #1f9bde url("https://www.icelandicfestival.com/img/bk_medblue.t1466011544.png") no-repeat center bottom; }
		#videos .container { padding: 70px 0; }
	#quicklinks { min-height: 30px; }
		#quicklinks .container { padding: 70px 0; }
	#sponsorship .cke div.c3 { padding: 20px 0; margin-bottom: 0; border-top: 1px solid #e4e4e4; }

/* Footer	 */
	#footer {
		clear: both;
		position: relative;
		padding: 0;
		margin: 0;
		background: #fff;
	}
	#footer .container { padding: 50px 0; border-top: 1px solid #e4e4e4; }
		#footer .copyright {
			display: block;
			position: relative;
			float: left;
			width: 67%;
			margin: 0 0 5px 0;
			font-size: 11px;
			font-weight: 700;
			line-height: 14px;
			text-transform: uppercase;
			color: #0f9ae1;
		}
		#footer #social-block { display: block; position: relative; float: right; width: 33%; padding: 0; margin: 0; }
		#footer #social-block img { display: block; position: relative; float: right; width: 40%; margin-top: -20px; }
		#footer ul.social { float: left; width: 50%; margin: 0; }
		#footer ul.social li { display: block; float: left; width: 25%; }
		#footer ul.social li a { display: block; padding: 5px 0; font-size: 20px; text-align: center; text-decoration: none; color: #0d2c54; }



/* Content layout (appearence) */
.content-display {
	
}
	.content-display:after { clear: both; }
	
	.content-display .content-block {
		width: 45%;
		float: left;
		margin: 0 2.5% 0 0;
	}
	
	/* 	single */
	.content-display.type-0 {
		
	}
	
	/* 	double */
	.content-display.type-1 .content-block {

	}
	
	/* double, wide-top */
	.content-display.type-2 .content-block:nth-child(3n+1) {
		width: 100%;
		clear: both;
		float: none;
		margin: 0;
	}

	/* double, wide-bottom */
	.content-display.type-3 .content-block:nth-child(3n+3) {
		width: 100%;
		clear: both;
		float: none;
		margin: 0;
	}
	
	
	/* triple */
	.content-display.type-4 .content-block {
		width: 30%;
		margin-right: 3%;
		float: left;
	}


/* Hide content that requires JavaScript unless JavaScript is running. */
body .requires-js { display: none; }

/* public/style.css */
/*
	(c)2012 - visuallizard.com
	
	General styles. Template, view, plugin specific, etc.
*/

.case {
	/* For demonstrations only. Remove on production */
	margin: 0 0 20px 0;
}
.note {
	padding: 3%;
	background: #ffe596;
}
.small {
	font-size: 10px;
	font-weight: 100;
}
#mobile-menu-toggle { display: none; }

/* !typography styles */
h3 { clear: both; width: 100%; padding: 10px 0; text-transform: uppercase; border-top: 1px solid #0f9ae1; }
h4 { line-height: 26px; }
#main img { max-width: 100%; height: auto; }
iframe.map { width: 100%; }
a.all {
	display: block;
	position: absolute;
	box-sizing: border-box;
	right: 0;
	bottom: 0;
	width: 230px;
	padding: 1%;
	text-transform: uppercase;
	text-decoration: none;
	background: #ef003d url("https://www.icelandicfestival.com/img/icon-arrow-right.t1466011548.png") no-repeat right center;
	color: #fff;
}

/* !banner module styles */
/* additional Slick Slider defaults (project specific) */
.slick-arrow {
	position: absolute;
	top: 0;
	z-index: 100;
	background: rgba(255,255,255,0);
	width: 3%;
	height: 100%;
	text-indent: -10em;
	overflow: hidden;
	border: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50% auto;
	color: rgba(255,255,255,0.5);
	transition: all .2s;
	opacity: .5;
	cursor: pointer;
}
.slick-arrow:hover {
	color: rgba(255,255,255,1);
}
.slick-prev { left: 0;  background-image: url('https://www.icelandicfestival.com/css/public/data:image/svg+xml;utf8,<svg xmlns="http:/www.w3.org/2000/svg" viewBox="0 0 50 100"><polygon fill="%23ffffff" points="50,14.4 14.4,50 50,85.6 50,100 0,50 0,50 50,0"/></svg>'); }
.slick-next { right: 0; background-image: url('https://www.icelandicfestival.com/css/public/data:image/svg+xml;utf8,<svg xmlns="http:/www.w3.org/2000/svg" viewBox="0 0 50 100"><polygon fill="%23ffffff" points="0,14.4 35.6,50 0,85.6 0,100 50,50 50,50 0,0"/></svg>'); }





#header ul.banners {
	display: block;
	position: relative;
	z-index: 0;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	list-style: none;
}
	#header ul.banners li {
		display: block;
		position: relative;
		width: 100%;
		line-height: 0;
	}
		#header ul.banners li img {
			width: 100%;
			height: auto;
			min-height: 300px;
		}
		.home #header ul.banners li img {
			min-height: 550px
		}
		ul.banners li .banner-copy {
			display: block;
			position: absolute;
			box-sizing: border-box;
			z-index: 5;
			top: 30%;
			left: 50%;
			width: 1100px;
			margin: 0 0 0 -550px;
			padding: 2.5% 0;
		}
/*
		ul.banners li.top-left .banner-copy { top: 15%; right: auto; bottom: auto; left: 5%; }
		ul.banners li.top-center .banner-copy { top: 15%; right: 0; bottom: auto; left: 30%; }
		ul.banners li.top-right .banner-copy { top: 15%; right: 5%; bottom: auto; left: auto; }
		ul.banners li.bottom-left .banner-copy { top: auto; right: auto; bottom: 30%; left: 5%; }
		ul.banners li.bottom-center .banner-copy { top: auto; right: 0; bottom: 30%; left: 30%; }
		ul.banners li.bottom-right .banner-copy { top: auto; right: 5%; bottom: 30%; left: auto; }
*/
		ul.banners li .banner-copy h2 {
			width: 65%;
			font-size: 66px;
			font-weight: 700;
			line-height: 62px;
			text-transform: uppercase;
			color: #fff;
		}
		ul.banners li .banner-copy p {
			width: 50%;
			font-size: 22px;
			font-weight: 100;
			line-height: 28px;
			color: #fff;
		}
		ul.banners li .banner-copy a {
			display: block;
			position: absolute;
			box-sizing: border-box;
			left: 0;
			bottom: -2%;
			width: 20%;
			padding: 2%;
			text-transform: uppercase;
			text-decoration: none;
			background: #ef003d url("https://www.icelandicfestival.com/img/icon-arrow-right.t1466011548.png") no-repeat right center;
			color: #fff;
		}

/* !promotion block styles */
#promotion-bar .container a#fiftyfifty {
	display: block;
	position: absolute;
	box-sizing: border-box;
	top: -520px;
	right: -30px;
	width: 150px;
	height: 150px;
	padding: 50px 0 0 0;
	margin: 0;
	border-radius: 150px;
	font-size: 24px;
	font-weight: 600;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	transform: rotate(5deg);
	background: rgba(13, 44, 85, 0.7);
	color: #fff;
	transition: all 0.2s ease;
}
#promotion-bar .container a#fiftyfifty:hover {
	transform: rotate(0deg) scale(1.1);
	background: rgba(13, 44, 85, 1);
}
.promotion h3 {
	padding: 0;
	margin: 0 0 5px 0;
	border: none;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px;
	text-transform: uppercase;
	color: #ef003d;
}
.promotion#twitter-feed h3 { cursor: pointer; }
.promotion#twitter-feed h3:after {
	content: "";
	display: block;
	position: absolute;
	top: 12px;
	right: 10px;
	padding: 0;
	margin: 0;
	border: none;
	border-top: 10px solid #ef003d;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	cursor: pointer;
	
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.promotion#twitter-feed h3.active:after {
	border: none;
	border-bottom: 10px solid #ef003d;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.promotion p {
	margin: 0;
	font-size: 12px;
	line-height: 15px;
	color: #00c2e1;
}
.promotion p a {
	display: block;
	margin: 5px 0 0 0;
	text-transform: uppercase;
	text-decoration: none;
	color: #00c2e1;
}
.promotion #twitter-block {
	display: block;
	position: absolute;
	top: 30px;
	left: 0;
	height: 65px;
	overflow: scroll;
	
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.promotion #twitter-block.open {
	height: 430px;
}
.promotion ul.sponsors {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
	.promotion ul.sponsors li {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		line-height: 0;
	}
		.promotion ul.sponsors li a {
			display: block;
			position: relative;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			width: 100%;
			height: 100%;
		}
		.promotion ul.sponsors li img { width: auto; height: 60px; margin: 0 0 0 15%; }

/* !sidebar advertisers and sponsors */
.ad-block h3 { font-size: 16px; line-height: 24px; text-align: center; }
.ad-block ul.sponsors {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
	.ad-block ul.sponsors li {
		width: 180px;
		margin: 0 auto;
	}

/* !news block - home page */
#news h2 { font-size: 66px; font-weight: 700; line-height: 62px;  text-transform: uppercase; color: #fff; }
#news ul.news-list {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0;
	margin: 30px 0 0 0;
	border: none;
	list-style: none;
}
	#news ul.news-list li {
		display: block;
		position: relative;
		float: left;
		width: 49%;
		padding: 0;
		margin: 0 0 2% 0;
		border: none;
	}
	#news ul.news-list li:nth-of-type(2n) { float: right; }
	#news ul.news-list li:nth-of-type(2n+1) { clear: both; }
		#news ul.news-list li img {
			display: block;
			position: relative;
			float: left;
			width: 39%;
			height: auto;
			padding: 0;
			margin: 0;
		}
		#news ul.news-list li .brief {
			display: block;
			position: relative;
			float: right;
			width: 59%;
			padding: 0;
			margin: 0;
			color: #fff;
		}
			#news ul.news-list li .brief span { display: block; margin: 0 0 5px 0; font-size: 16px; }
			#news ul.news-list li .brief > a { display: block; margin: 0 0 5px 0; font-size: 22px; line-height: 24px; text-decoration: none; color: #fff; }
			#news ul.news-list li .brief a.more { display: block; width: 100%; clear: both; margin: 5px 0 0 0; font-size: 16px; text-align: left; text-transform: uppercase; }

/* !blog block - home page */
#blog h2 { font-size: 66px; font-weight: 700; text-transform: uppercase; color: #fff; }
#blog ul.blog-list {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0;
	margin: 30px 0 0 0;
	border: none;
	list-style: none;
}
	#blog ul.blog-list li {
		display: block;
		position: relative;
		float: left;
		width: 49%;
		padding: 0;
		margin: 0 0 2% 0;
		border: none;
	}
	#blog ul.blog-list li:nth-of-type(2n) { float: right; }
	#blog ul.blog-list li:nth-of-type(2n+1) { clear: both; }
		#blog ul.blog-list li img {
			display: block;
			position: relative;
			float: left;
			width: 39%;
			height: auto;
			padding: 0;
			margin: 0;
		}
		#blog ul.blog-list li .brief {
			display: block;
			position: relative;
			float: right;
			width: 59%;
			padding: 0;
			margin: 0;
			color: #fff;
		}
			#blog ul.blog-list li .brief span { display: block; margin: 0 0 5px 0; font-size: 16px; }
			#blog ul.blog-list li .brief > a { display: block; margin: 0 0 5px 0; font-size: 22px; line-height: 24px; text-decoration: none; color: #fff; }
			#blog ul.blog-list li .brief a.more { display: block; width: 100%; clear: both; margin: 5px 0 0 0; font-size: 16px; text-align: left; text-transform: uppercase; }

/* !video block - home page */
#videos h2 { margin-bottom: 30px; font-size: 66px; font-weight: 700; text-transform: uppercase; color: #fff; }
#videos .video {
	display: block;
	position: relative;
	float: right;
	width: 32%;
	max-height: 200px;
	padding: 0;
	margin: 0 0 20px 0;
	line-height: 0;
}
#videos .video.first { float: left; width: 66%; max-height: 500px; }
	#videos .video iframe { width: 100%; height: 195px; }
	#videos .video.first iframe { width: 100%; height: 410px; }

/* !quicklinks block - home page */
#quicklinks a {
	display: block;
	position: relative;
	box-sizing: border-box;
	float: left;
	width: 23.5%;
	padding: 1%;
	margin: 0 0 0 2%;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	background: #0d2c54;
	color: #1fc2de;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
#quicklinks a:first-of-type { margin: 0; }
#quicklinks a span { color: #fff; }
#quicklinks a#link-donation { background: #0d2c54 url("https://www.icelandicfestival.com/img/link-donation.t1466011553.png") no-repeat right center; background-size: 100%; }
#quicklinks a#link-newsletter { background: #0d2c54 url("https://www.icelandicfestival.com/img/link-newsletter.t1466011557.png") no-repeat right center; background-size: 100%; }
#quicklinks a#link-map { background: #1f9bde url("https://www.icelandicfestival.com/img/link-map.t1466011556.png") no-repeat right center; background-size: 100%; }
#quicklinks a#link-app { background: #1f9bde url("https://www.icelandicfestival.com/img/link-app.t1466011551.png") no-repeat right center; background-size: 100%; }
#quicklinks a#link-donation:hover { background: #0d2c54 url("https://www.icelandicfestival.com/img/link-donation-hover.t1466011552.png") no-repeat right center; background-size: 100%; }
#quicklinks a#link-newsletter:hover { background: #0d2c54 url("https://www.icelandicfestival.com/img/link-newsletter-hover.t1466011557.png") no-repeat right center; background-size: 100%; }
#quicklinks a#link-map:hover { background: #1f9bde url("https://www.icelandicfestival.com/img/link-map-hover.t1466011554.png") no-repeat right center; background-size: 100%; }
#quicklinks a#link-app:hover { background: #1f9bde url("https://www.icelandicfestival.com/img/link-app-dl.t1466011549.png") no-repeat right center; background-size: 100%; }

/* !sponsorship block styles */
#sponsorship h3 {
	clear: none;
	padding: 0;
	margin: 0 0 5px 0;
	border: none;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}
#sponsorship p.sponsors img {
	display: block;
	position: relative;
	float: left;
	width: auto;
	height: 100px;
	padding: 0;
	margin: 0 0 25px 25px;
}
#sponsorship p.sponsors img:first-of-type { margin: 0; }
#sponsorship ul { margin: 0 0 15px 15px; list-style: none; font-size: 12px; font-weight: 700; color: #0d2c54; }
#sponsorship ul li { position: relative; }
#sponsorship ul li:before {
	content: "+";
	display: block;
	position: absolute;
	top: 50%;
	left: -15px;
	margin-top: -10px;
}
#sponsorship ul li a { text-decoration: none; color: #0d2c54; }
#sponsorship ul li a:hover { text-decoration: underline; } 

/* !news module */
ul.news-list {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	border-top: 1px solid #e4e4e4;
	list-style: none;
}
	ul.news-list li {
		display: block;
		position: relative;
		box-sizing: border-box;
		float: left;
		width: 100%;
		padding: 2%;
		margin: 0;
		border-bottom: 1px solid #e4e4e4;
	}
		ul.news-list li img {
			display: block;
			position: relative;
			float: right;
			width: 30%;
			height: auto;
			padding: 0;
			margin: 0;
		}
		ul.news-list li .brief {
			display: block;
			position: relative;
			float: left;
			width: 68%;
			padding: 0;
			margin: 0;
		}
			ul.news-list li .brief span { display: block; margin: 0 0 5px 0; font-size: 16px; }
			ul.news-list li .brief > a { display: block; margin: 0 0 5px 0; font-size: 22px; line-height: 24px; text-decoration: none; }
			ul.news-list li .brief a.more { display: block; font-size: 16px; }

/* !blog module */
ul.blog-list {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	border-top: 1px solid #e4e4e4;
	list-style: none;
}
	ul.blog-list li {
		display: block;
		position: relative;
		box-sizing: border-box;
		float: left;
		width: 100%;
		padding: 2%;
		margin: 0;
		border-bottom: 1px solid #e4e4e4;
	}
		ul.blog-list li img {
			display: block;
			position: relative;
			float: right;
			width: 30%;
			height: auto;
			padding: 0;
			margin: 0;
		}
		ul.blog-list li .brief {
			display: block;
			position: relative;
			float: left;
			width: 68%;
			padding: 0;
			margin: 0;
		}
			ul.blog-list li .brief span { display: block; margin: 0 0 5px 0; font-size: 16px; }
			ul.blog-list li .brief > a { display: block; margin: 0 0 5px 0; font-size: 22px; line-height: 24px; text-decoration: none; }
			ul.blog-list li .brief a.more { display: block; font-size: 16px; }

/* !photo gallery styles */
ul.gallery-set,
ul.gallery {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
}
	ul.gallery-set li,
	ul.gallery li {
		display: block;
		position: relative;
		box-sizing: border-box;
		float: left;
		width: 18%;
		padding: 1%;
		margin: 0 0 2% 2.5%;
		line-height: 0;
		background: #1f9bde;
	}
	ul.gallery-set li:nth-of-type(5n+1),
	ul.gallery li:nth-of-type(5n+1) { margin: 0 0 2% 0; }
	ul.gallery-set li img,
	ul.gallery li img { width: 100%; }

/* !list styles for past presidents, maids and fjallkonur */
ul.past-lists {
	display: block;
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;;
	list-style: none;
}
	ul.past-lists li {
		display: block;
		position: relative;
		float: right;
		width: 48.5%;
		padding: 5px 0;
		margin: 0;
	}
	ul.past-lists li:nth-of-type(2n+1) {
		clear: both;
		float: left;
	}


/* !volunteer contact form styles */
form.volunteer {
	display: block;
	position: relative;
	clear: both;
	float: left;
	width: 94%;
	padding: 3%;
	margin: 0 0 2% 0;
	background: #f4f4f4;
}
	form.volunteer .input.text,
	form.volunteer .input.select {
		display: block;
		position: relative;
		float: left;
		width: 50%;
		padding: 0;
		margin: 0 0 1% 0;
	}
		form.volunteer .input.text label,
		form.volunteer .input.select label { margin: 0 0 1% 0; }
		form.volunteer .input.text input,
		form.volunteer .input.select select {
			width: 96%;
			padding: 1%;
			margin: 0;
			border: none;
		}
	form.volunteer .input.description {
		display: block;
		position: relative;
		clear: both;
		float: left;
		width: 100%;
		padding: 0;
		margin: 2% 0;
	}
		form.volunteer .input.description label {
			font-size: 20px;
		}
	form.volunteer .input.checkbox {
		display: block;
		position: relative;
		float: left;
		width: 33%;
		padding: 0 0 1% 0;
		margin: 0;
	}
	form.volunteer .input.textarea {
		display: block;
		position: relative;
		clear: both;
		float: left;
		width: 100%;
		padding: 0;
		margin: 2% 0 0 0;
	}
		form.volunteer .input.textarea label {
			margin: 0 0 1% 0;
		}
		form.volunteer .input.textarea textarea {
			width: 97%;
			padding: 1%;
			border: none;
		}
	form.volunteer input[type="submit"] {
		display: block;
		position: relative;
		clear: both;
		float: left;
	}

/* !event filter form styles */
.schedule-of-events form.search-form {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0;
	margin: 5px 0 30px 0;
}
.schedule-of-events form.search-form h2 {
	margin: 0 0 20px 0;
	font-size: 28px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	background: #0d2c54;
	color: #fff;
}
.schedule-of-events form.search-form div.input.select {
	display: block;
	position: relative;
	float: left;
	width: 32%;
	padding: 0;
	margin: 0 0 2% 2%;
}
.schedule-of-events form.search-form div.date.input.select { margin: 0 0 2% 0; }
	.schedule-of-events form.search-form div.input.select label {
		display: block;
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0 0 5px 0;
		text-transform: uppercase;
		font-size: 18px;
		color: #0d2c54;
	}
	.schedule-of-events form.search-form div.input.select label span { color: #0f9ae1; }
	.schedule-of-events form.search-form div.input.select select {
		display: block;
		position: relative;
		box-sizing: border-box;
		width: 100%;
		height: 40px;
		padding: 5px;
		margin: 0;
		border: none;
		-webkit-appearance: none;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
		font-size: 16px;
		line-height: 30px;
		background: #f4f4f4 url("https://www.icelandicfestival.com/img/select-arrow.t1466011583.png") no-repeat right center;
		color: #0f9ae1;
	}
	.schedule-of-events form.search-form div.input.submit {
		display: block;
		position: relative;
		clear: both;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
	}
		.schedule-of-events form.search-form div.input.submit input[type="submit"] {
			display: block;
			position: relative;
			float: left;
			width: 50%;
			padding: 10px 0;
			margin: 0 25%;
			border: none;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			font-size: 18px;
			font-weight: 600;
			text-transform: uppercase;
			text-shadow: none;
			background: #0f9ae1;
			color: #fff;
			
			-webkit-transition: all 0.25s ease;
			-moz-transition: all 0.25s ease;
			transition: all 0.25s ease;
		}
		.schedule-of-events form.search-form div.input.submit input[type="submit"]:focus,
		.schedule-of-events form.search-form div.input.submit input[type="submit"]:hover {
			background: #1fc2de;
			color: #0d2c54;
		}
.schedule-of-events h2.schedule-heading,
.off-season h2.schedule-heading {
	display: block;
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 28px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	background: #0d2c54;
	color: #fff;
}
.schedule-of-events h2.schedule-heading:before,
.schedule-of-events h2.schedule-heading:after.
.off-season h2.schedule-heading:before,
.off-season h2.schedule-heading:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	background: url("https://www.icelandicfestival.com/img/icon-arrow-down.t1466011547.png") no-repeat center center;
}
.schedule-of-events h2.schedule-heading:after,
.off-season h2.schedule-heading:after { left: auto; right: 0; }
.event-listing {
	display: block;
	position: relative;
	box-sizing: border-box;
	float: left;
	width: 100%;
	padding: 2% 0;
	margin: 0;
	border-top: 1px dotted #ccc;
}
.event-listing.first { border: none; }
	.event-listing h3 { padding: 0; border: none; font-size: 20px; line-height: 24px; }
	.event-listing a { text-decoration: none; }
	.event-listing a:hover { text-decoration: underline; }
	.event-listing img {
		display: block;
		position: relative;
		float: left;
		width: 32%;
		padding: 0;
		margin: 0;
	}
	.event-listing p { margin: 0 0 5px 0; }
	.event-listing .event-info {
		display: block;
		position: relative;
		float: left;
		width: 42%;
		padding: 0;
		margin: 0 0 0 2%;
	}
	.event-listing .event-time {
		display: block;
		position: relative;
		float: left;
		width: 22%;
		padding: 0;
		margin: 0 0 0 2%;
		text-transform: uppercase;
		line-height: 18px;
		color: #0d2c54;
	}
		.event-listing .event-time span { opacity: 0.5; }
#event-display {
	display: block;
	position: relative;
	box-sizing: border-box;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
	#event-display .event-info {
		display: block;
		position: relative;
		clear: both;
		float: left;
		width: 100%;
		padding: 2% 0;
		margin: 0;
		border-top: 1px dotted #d6d6d7;
	}
		#event-display .event-info p { margin: 0 0 5px 0; }
	#event-display .event-time {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		padding: 2% 0;
		margin: 0;
		border-top: 1px dotted #d6d6d7;
		text-transform: uppercase;
		line-height: 18px;
		color: #0d2c54;
	}
		#event-display .event-time span { opacity: 0.5; }
	#event-display .body {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		padding: 2% 0;
		margin: 0;
		border-top: 1px dotted #d6d6d7;
	}

/* !donation form styles */
form#payment-form {
	display: block;
	position: relative;
	clear: both;
	float: left;
	width: 94%;
	padding: 3%;
	margin: 15px 0;
	background: rgba(0, 195, 225, 0.3);
}
	form#payment-form fieldset {
		display: block;
		position: relative;
		float: left;
		width: 49%;
		min-height: 40px;
		padding: 0;
		margin: 0;
	}
	form#payment-form fieldset:nth-of-type(3n+1) { width: 100%; }
	form#payment-form fieldset:nth-of-type(3n) { float: right; }
		form#payment-form fieldset .input {
			display: block;
			position: relative;
			float: left;
			width: 100%;
			padding: 0;
			margin: 0 0 2% 0;
			font-size: 20px;
			line-height: 24px;
		}
			form#payment-form fieldset .input label {
				font-size: 16px;
				text-transform: uppercase;
			}
		form#payment-form fieldset:nth-of-type(3n+1) .input.text {
			width: 94%;
			padding: 5px 3%;
			-webkit-animation: field_fade 3s;
			-moz-animation: field_fade 3s;
			animation: field_fade 3s;
		}
		@-webkit-keyframes field_fade {
			0% { background-color: rgba(0, 195, 225, 1); }
			100% { background-color: none; }
		}
		@-moz-keyframes field_fade {
			0% { background-color: rgba(0, 195, 225, 1); }
			100% { background-color: none; }
		}
		@keyframes field_fade {
			0% { background-color: rgba(0, 195, 225, 1); }
			100% { background-color: none; }
		}
		form#payment-form fieldset:nth-of-type(3n+1) .input.select label {
			display: block;
			position: relative;
			float: left;
			width: 28%;
			padding: 0;
			margin: 0;
			font-size: 40px;
			line-height: 48px;
			color: #0d2c54;
		}
		form#payment-form fieldset:nth-of-type(3n+1) .input.select select {
			display: block;
			position: relative;
			float: right;
			width: 70%;
			height: 50px;
			padding: 0;
			margin: 0;
			font-size: 30px;
			line-height: 48px;
		}
		form#payment-form fieldset .input input[type="text"] {
			width: 96%;
			padding: 0 2%;
			font-size: 20px;
			line-height: 30px;
		}
		form#payment-form fieldset .input input[type="text"]#DonationExp-month,
		form#payment-form fieldset .input input[type="text"]#DonationExpYear {
			display: inline-block;
			position: relative;
			float: left;
			width: 40%;
		}
		form#payment-form fieldset .input input[type="text"]#DonationExp-month { margin-right: 4.5%; }
		form#payment-form fieldset .input input[type="text"]#DonationExpYear { float: right; }
		form#payment-form fieldset button[type="submit"] {
			clear: both;
			float: left;
			width: 60%;
			padding: 10px 0;
			margin: 15px 20%;
		}
		form#payment-form p {
			display: block;
			position: relative;
			clear: both;
			float: left;
			width: 100%;
			text-align: center;
		}


/* !golf tournament registration styles */
ul#group_registration li fieldset label,
ul.catalog li#individual_registration fieldset label,
ul.catalog li#dinner_registration fieldset label {
	font-size: 18px;
	margin: 0 0 10px 0;
}
ul#group_registration li fieldset input[type="text"],
ul.catalog li#individual_registration fieldset input[type="text"],
ul.catalog li#dinner_registration fieldset input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	font-size: 30px;
}
ul.catalog li#individual_registration fieldset legend { margin: 0 0 5px 0; font-size: 18px; font-weight: 300; }
ul.catalog li#individual_registration .input.radio fieldset label { font-size: 14px; }
ul.catalog li#individual_registration .input.radio fieldset input[type="radio"] { margin: 0 5px 0 15px; }
ul.catalog li#individual_registration .input.radio fieldset input[type="radio"]#TournamentGolf4ExperienceGolfedOnceOrTwice { margin-left: 0; }


/* !shop styles */
ul.catalog {
	float: left;
	width: 100%;
	margin: 0;
}
ul.catalog li {
	display: block;
	position: relative;
	box-sizing: border-box;
	float: left;
	padding: 2%;
	margin: 0 0 2% 2%;
	background: #f4f4f4;
}
ul.catalog.showing-1-per-row li { width: 100% }
ul.catalog.showing-2-per-row li { width: 49% }
ul.catalog.showing-3-per-row li { width: 32% }

ul.catalog.showing-1-per-row li:nth-of-type(n+1) { clear: both; float: left; margin: 0 0 2% 0; }
ul.catalog.showing-2-per-row li:nth-of-type(2n+1) { clear: both; float: left; margin: 0 0 2% 0; }
ul.catalog.showing-3-per-row li:nth-of-type(3n+1) { clear: both; float: left; margin: 0 0 2% 0; }
	ul.catalog li h3 { font-size: 18px; border: none; margin: 0 0 5px 0; padding: 0; }
	ul.catalog li img{
		display: block;
		position: relative;
		box-sizing: border-box;
		float: left;
		width: 100%;
		height: auto;
		padding: 2%;
		margin: 0 0 10px 0;
		text-align: center;
		background: #e4e4e4;
	}
	ul.catalog.showing-1-per-row li img { width: 30%; }
	ul.catalog li div.group {
		display: block;
		position: relative;
		clear: both;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
	}
		ul.catalog li div.group div.add-form {
			display: block;
			position: relative;
			float: left;
			box-sizing: border-box;
			width: 100%;
			padding: 0;
			margin: 10px 0;
		}
		ul.catalog li div.group ul.price-matrix {
			width: 100%;
			margin: 0;
		}
			ul.catalog li div.group ul.price-matrix li { width: 100%; margin: 0; }
		ul.catalog li div.group fieldset {
			display: block;
			position: relative;
			box-sizing: border-box;
			float: left;
			width: 100%;
			padding: 0;
			margin: 0 0 10px 0;
		}
		ul.catalog li div.group fieldset.favor {
			padding: 1em;
			background: #e4e4e4;
		}
		ul.catalog.showing-1-per-row li div.group fieldset.quantity div.input.text { visibility: hidden; }
			ul.catalog li div.group fieldset .input.text label {
				display: block;
				position: relative;
				float: left;
				width: 30%;
				padding: 0;
				margin: 0;
				line-height: 24px;
			}
			ul.catalog li div.group fieldset .input.text input[type="text"] {
				box-sizing: border-box;
				width: 25%;
				float: left;
			}
			ul.catalog li div.group fieldset .input.text.chars {
				clear: both;
			}
			ul.catalog li div.group fieldset .input.text.chars label {
				width: 10%;
			}
			ul.catalog li div.group fieldset .input.text.chars input[type="text"] {
				box-sizing: border-box;
				width: 60%;
				float: left;
				margin-right: 5px;
			}
			ul.catalog li div.group fieldset .input.text.chars span.length-disclaimer { font-size: 12px; }
			ul.catalog li div.group fieldset input[type="submit"] {
				clear: both;
				float: left;
				width: 100%;
			}
			ul.catalog.showing-1-per-row li div.group fieldset input[type="submit"] { width: 50%; margin: 0 25%; }

/* !purchase cart table styles */
table.cart { font-size: 18px; }
table.cart td.actions a.button.remove {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	border: none;
	line-height: 27px;
	background: #c00;
	color: #fff;
}

/* public/slick.css */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* webfonts/ss-social.css */
@charset "UTF-8";

/*
* Symbolset
* www.symbolset.com
* Copyright © 2012 Oak Studios LLC
* 
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-social.css" rel="stylesheet" />
*/

@font-face {
  font-family: "SSSocial";
  src: url('https://www.icelandicfestival.com/css/webfonts/ss-social-circle.t1466011514.eot');
  src: url('https://www.icelandicfestival.com/css/webfonts/ss-social-circle.t1466011514.eot?#iefix') format('embedded-opentype'),
       url('https://www.icelandicfestival.com/css/webfonts/ss-social-circle.t1466011516.woff') format('woff'),
       url('https://www.icelandicfestival.com/css/webfonts/ss-social-circle.t1466011516.ttf') format('truetype'),
       url('https://www.icelandicfestival.com/css/webfonts/ss-social-circle.t1466011515.svg#SSSocialCircle') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "SSSocial";
  src: url('https://www.icelandicfestival.com/css/webfonts/ss-social-regular.t1466011517.eot');
  src: url('https://www.icelandicfestival.com/css/webfonts/ss-social-regular.t1466011517.eot?#iefix') format('embedded-opentype'),
       url('https://www.icelandicfestival.com/css/webfonts/ss-social-regular.t1466011519.woff') format('woff'),
       url('https://www.icelandicfestival.com/css/webfonts/ss-social-regular.t1466011518.ttf') format('truetype'),
       url('https://www.icelandicfestival.com/css/webfonts/ss-social-regular.t1466011518.svg#SSSocialRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.ss-icon, [class^="ss-"]:before, [class*=" ss-"]:before, 
.ss-icon.ss-social-circle, [class^="ss-"].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before,
.ss-icon.ss-social, [class^="ss-"].ss-social:before, [class*=" ss-"].ss-social:before {
  font-family: "SSSocial";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -moz-font-feature-settings: "liga", "dlig";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
}

.ss-icon.ss-social-circle, [class^="ss-"].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before {
  font-weight: bold;
}

.ss-facebook:before{content:''}.ss-twitter:before{content:''}.ss-linkedin:before{content:''}.ss-googleplus:before{content:''}.ss-tumblr:before{content:''}.ss-wordpress:before{content:''}.ss-blogger:before{content:''}.ss-posterous:before{content:''}.ss-youtube:before{content:''}.ss-vimeo:before{content:''}.ss-flickr:before{content:''}.ss-instagram:before{content:''}.ss-pinterest:before{content:''}.ss-dribbble:before{content:''}.ss-behance:before{content:''}.ss-github:before{content:''}.ss-paypal:before{content:''}.ss-foursquare:before{content:''}.ss-skype:before{content:''}.ss-mail:before{content:'✉'}

/* public/upload.css */
form div.files.single {
	position: relative;
	overflow: hidden;
	width: 210px;
	max-width:100%;
	height: 21px;
	margin: 0;
	padding:0;
	border: none;
}
form div.files.single div.fade {
	position:absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	border: none;
	width: 210px;
	width:100%;
	height: 21px;
}

form div.files a.x {
	position:absolute;
	top: 0;
	right: 0;
}


.files .progress {
  opacity: 0.50
}
.fileupload-processing .fileupload-loading {
  display: block;
}

.progress {
  height: 21px;
  margin: 0;
  overflow: hidden;
  background-color: transparent;
  background-repeat: repeat-x;
}

.progress .bar {
  width: 0;
  height: 21px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background-color: #0e90d2;
}

.progress-danger .bar {
  background-color: #dd514c;
}

.progress-success .bar {
  background-color: #5eb95e;
}

.progress-info .bar {
  background-color: #4bb1cf;
}

.progress-warning .bar {
  background-color: #faa732;
}

/* public/magnific-popup.css */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure figure {
    margin: 0; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  font-size: 1.2rem;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */ }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* public/responsive.css */
/*
	(c)2012 - visuallizard.com
	
	Mobile styles using Media Queries
*/


/* !Media Queries ============================== */

.mobile-menu-toggle { display: none; }

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1099px) {
		#header.home { min-height: 500px; }
		#nav { position: absolute; }
		#nav .container,
		#promotion-bar .container { width: 100%; }
		#promotion-bar { margin: 0; }
		#news .container,
		#blog .container,
		#videos .container,
		#quicklinks .container,
		#sponsorship .container,
		#footer .container { box-sizing: border-box; width: 100%; padding: 50px 3%; }
		ul.banners li .banner-copy { top: 30%; left: 0; width: 100%; margin: 0; padding: 0 5%; }
		ul.banners li .banner-copy h2 { width: 85%; }
		ul.banners li .banner-copy p { width: 85%; }
		ul.banners li .banner-copy a { left: 5%; bottom: -15%; }
		#nav ul.nav_1 { width: 90%; }
		#nav ul li { width: 12%; }
		#nav ul li#nav_li_item_31 { width: 140px; margin: 0; background-size: 100px; }
		#nav ul li a { padding-left: 0; padding-right: 0; }
		#nav ul.social { width: 10%; }
		#nav ul.social li a { font-size: 16px; }
	}
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1024px) {
		#nav { position: relative; }
		#nav ul.nav_1 { display: block; width: 100%; }
		#nav ul.social { display: none; }
		#promotion-bar .container a#fiftyfifty { right: 10px; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 768px) {
		#mobile-menu-toggle {
			display: block;
			position: absolute;
			top: 20px;
			right: 20px;
			z-index: 1;
			width: 30px;
			height: 2px;
			border-top: 6px double #fff;
			border-bottom: 6px double #fff;
		}
		#mobile-menu-toggle:before {
			content: "menu";
			display: block;
			position: absolute;
			top: -6px;
			right: 35px;
			padding: 0;
			margin: 0;
			line-height: 16px;
			text-transform: uppercase;
			color: #fff;
		}
		#nav {
			display: none;
			position: relative;
			float: left;
			width: 100%;
			padding: 0;
			margin: 0;
		}
		#nav .container { padding: 0; }
		#nav ul.nav_1 { width: 100%; }
		#nav ul li { display: block; box-sizing: border-box; width: 100%; padding: 0; margin: 0; }
		#nav ul li#nav_li_item_31 { width: 100%; text-indent: 0; background: none; }
		#nav ul li a,
		#nav ul li#nav_li_item_31 a { display: block; z-index: 1; box-sizing: border-box; width: 100%; padding: 2%; text-align: left; }
		#nav ul.nav_1 > li > ul,
		#nav ul.nav_1 > li:hover > ul { display: none; position: relative; top: auto; left: auto; z-index: auto; width: 100%; box-shadow: none; }
		#nav ul.nav_1 > li.page-type-node:after {
			content: "";
			display: block;
			position: absolute;
			top: 10px;
			right: 20px;
			z-index: 0;
			border: 0;
			border-top: 10px solid #fff;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			
			-webkit-transition: all 0.25s ease;
			-moz-transition: all 0.25s ease;
			transition: all 0.25s ease;
		}
		#nav ul.nav_1 > li.page-type-node.open:after {
			border: 0;
			border-bottom: 10px solid #fff;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
		}
		#header.home,
		#header { display: block; min-height: 200px; background: #0f2c52 url("https://www.icelandicfestival.com/img/logo_icelandicfest_wht.t1466011559.png") no-repeat 30px center; background-size: 200px; }
		#header ul.banners { display: none; }
		.container,
		#content .container,
		#news .container,
		#blog .container,
		#videos .container,
		#quicklinks .container { width: 100%; padding: 50px 3%; }
		#quicklinks .container a { box-sizing: border-box; width: 49%; padding: 1.5% 1%; float: left; margin: 0 0 2% 0; }
		#quicklinks .container a:nth-of-type(2n) { float: right; }
		#quicklinks a#link-donation,
		#quicklinks a#link-newsletter,
		#quicklinks a#link-map,
		#quicklinks a#link-app,
		#quicklinks a#link-donation:hover,
		#quicklinks a#link-newsletter:hover,
		#quicklinks a#link-map:hover,
		#quicklinks a#link-app:hover { background-size: 80%; }
		.parallax,
		#promotion-bar { display: none; }
		#news ul.news-list li img,
		#blog ul.blog-list li img { width: 100%; margin: 0 0 2% 0; }
		#news ul.news-list li .brief,
		#blog ul.blog-list li .brief { width: 100%; }
		.parallax { min-height: 400px; }
		#sidebar { display: none; }
		#main { width: 100%; padding: 0 3%; }
		.schedule-of-events form.search-form div.input.select { float: right; width: 49%; margin: 0 0 5% 0; }
		.schedule-of-events form.search-form div.input.select:nth-of-type(2n) { float: left; }
		.schedule-of-events form.search-form div.input.submit { clear: both; float: left; }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 680px) { /* landscape */
		#header.home,
		#header { display: block; min-height: 160px; background-size: 200px; }
		#videos .video,
		#videos .video.first { width: 100%; }
		#videos .video iframe,
		#videos .video.first iframe { width: 100%; height: 215px; }
		#quicklinks .container { padding: 30px 3% 0 3%; }
		#quicklinks .container a { width: 80%; padding: 1.5%; float: left; margin: 0 10% 2% 10%; }
		#quicklinks a#link-donation,
		#quicklinks a#link-newsletter,
		#quicklinks a#link-map,
		#quicklinks a#link-app,
		#quicklinks a#link-donation:hover,
		#quicklinks a#link-newsletter:hover,
		#quicklinks a#link-map:hover,
		#quicklinks a#link-app:hover { background-size: 80%; }
		#sponsorship p.sponsors img,
		#sponsorship p.sponsors img:first-of-type { width: 50%; height: auto; margin: 0 25% 3% 25%; }
		#sponsorship p.sponsors img:nth-of-type(4n) { width: 20%; margin: 0 40% 3% 40%; }
		.cke div.c2,
		.cke div.c3 { width: 100%; }
		#content .container { width: 100%; padding: 30px 0; }
		#main iframe { max-width: 100%; max-height: 240px; }
		.schedule-of-events form.search-form div.input.select { width: 100%; margin: 0 0 5% 0; }
		#footer .container { padding: 30px 3%; }
		#footer #social-block { float: left; width: 100%; }
		#footer #social-block img { height: auto; margin: 0 30% 5% 30%; }
		#footer ul.social { width: 100%; margin: 0 0 5% 0; }
		#footer .copyright { width: 60%; margin: 0 20%; text-align: center; }
		ul.fnav_1 { display: none; }
	}
	
	@media only screen and (max-width: 520px) { /* portrait */
		#header.home,
		#header { display: block; min-height: 160px; background-size: 200px; }
		ul.news-list li,
		ul.blog-list li { width: 100% !important; margin: 0 0 3% 0; }
		ul.news-list li img,
		ul.blog-list li img { width: 100%; margin: 0 0 2% 0; }
		ul.news-list li .brief,
		ul.blog-list li .brief,
		#videos .video,
		#videos .video.first { width: 100%; }
		#videos .video iframe,
		#videos .video.first iframe { width: 100%; height: 215px; }
		ul.catalog.showing-3-per-row li { width: 100% !important; }
		form#payment-form fieldset { width: 100% !important; clear: both; float: left; }
		form#payment-form fieldset .input.select label { width: 100% !important; text-align: center; }
		form#payment-form fieldset .input.select select { width: 100% !important; }
		ul.catalog.showing-1-per-row li img { width: 100% !important; }
		ul.catalog.showing-1-per-row li div.group { width: 100% !important; clear: left; float: left; }
		ul.catalog li div.group fieldset { padding: 0.5em !important; }
		ul.catalog li div.group fieldset .input.text.chars label{ width: 100%; }
		ul.catalog li div.group fieldset .input.text.chars input[type="text"] { width: 57%; margin: 0 0 0.5em 0; }
		ul.catalog li div.group fieldset .input.text.chars span.length-disclaimer { display: inline-block; width: 40%; text-align: right; }
		.schedule-of-events form.search-form div.input.select { width: 100%; margin: 0 0 5% 0; }
		.event-listing { padding: 5% 0; }
		.event-listing.first { padding: 0 0 5% 0; }
		.event-listing img,
		.event-listing .event-info,
		.event-listing .event-time { width: 100%; margin: 0 0 2% 0; }
		
		/* Mobile menu toggle */
		.js nav .mobile-menu-toggle {
			position: relative;
			padding-left: 1.25em;
			background: transparent;
			display: block;
			font-size: 16px;
			line-height: 16px;
			position: absolute;
			top: 12px;
			right: 0;
			margin: 0;
			opacity: 0.50;
		}
		.js nav .mobile-menu-toggle:before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 1em;
			height: 0.125em;
			border-top: 0.375em double #000;
			border-bottom: 0.125em solid #000;
		}
		.js nav.show .mobile-menu-toggle {
			opacity: 0.25;
		}
		.js nav .mobile-menu-toggle:hover {
			opacity: 1;
		}
		
		.js nav ul li {
			display: none;
		}
		.js nav.show ul li,
		.js nav ul li.at {
			display:block;
		}
		
	}