/* @override http://fcd.kissr.com/stylesheets/foundation-plus.css */

/* -----------------------------------------
   Quick animation
----------------------------------------- */
.ani{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/* -----------------------------------------
   Drop Shadow
----------------------------------------- */

.drop-shadow {
	-webkit-box-shadow: 2px 2px 14px -4px rgba(0,0,0,0.55);
	-moz-box-shadow: 2px 2px 14px -4px rgba(0,0,0,0.55);
	box-shadow: 2px 2px 14px -4px rgba(0,0,0,0.55);
}


/* -----------------------------------------
   No Select
----------------------------------------- */
.no-select {
	  -webkit-user-select: none;  /* Chrome all / Safari all */
	  -moz-user-select: none;     /* Firefox all */
	  -ms-user-select: none;      /* IE 10+ */
	
	  /* No support for these yet, use at own risk */
	  -o-user-select: none;
	  user-select: none;          
}

/* -----------------------------------------
   No Underline
----------------------------------------- */

.no_ul,
a.no_ul,
.no_ul a{
	text-decoration: none;
	border-bottom: none;
}
.no_ul:hover,
a.no_ul:hover,
.no_ul a:hover
{
	text-decoration: none;
	border-bottom: none;
}


/* -----------------------------------------
   Padding
----------------------------------------- */
.pad-right-s{padding-right:2%;max-width: 98%}
.pad-right{padding-right:4%;max-width: 96%}
.pad-right-l{padding-right:8%;max-width: 92%}

.pad-left-s{padding-left:2%;max-width: 98%}
.pad-left{padding-left:4%;max-width: 96%;}
.pad-left-l{padding-left:8%;max-width: 92%}

.pad-top-xs{padding-top:1%}
.pad-top-s{padding-top:2%}
.pad-top{padding-top:4%}
.pad-top-l{padding-top:6%}
.pad-top-xl{padding-top:12%}
.pad-top-half{padding-top:25%}
.pad-bottom-xs{padding-bottom:1%}
.pad-bottom-s{padding-bottom:2%}
.pad-bottom{padding-bottom:4%}
.pad-bottom-l{padding-bottom:8%}
.pad-bottom-xl{padding-bottom:12%}

.gap-top-xs{margin-top:1%}
.gap-top-s{margin-top:2%}
.gap-top{margin-top:4%}
.gap-top-l{margin-top:6%}
.gap-top-xl{margin-top:12%}
.gap-top-half{margin-top:25%}
.gap-bottom-xs{margin-bottom:1%}
.gap-bottom-s{margin-bottom:2%}
.gap-bottom{margin-bottom:4%}
.gap-bottom-l{margin-bottom:8%}
.gap-bottom-xl{margin-bottom:12%}

@media all and (max-width: 1024px) {

.pad-m-top-none{padding-top:0%}
.pad-m-bottom-none{padding-bottom:0%}


.pad-m-top-xs{padding-top:1%}
.pad-m-top-s{padding-top:2%}
.pad-m-top{padding-top:4%}
.pad-m-top-l{padding-top:6%}
.pad-m-top-xl{padding-top:12%}
.pad-m-top-half{padding-top:25%}
.pad-m-bottom-xs{padding-bottom:1%}
.pad-m-bottom-s{padding-bottom:2%}
.pad-m-bottom{padding-bottom:4%}
.pad-m-bottom-l{padding-bottom:8%}
.pad-m-bottom-xl{padding-bottom:12%}


.gap-m-top-none{margin-top:0%}
.gap-m-bottom-none{margin-bottom:0%}


.gap-m-top-xs{margin-top:1%}
.gap-m-top-s{margin-top:2%}
.gap-m-top{margin-top:4%}
.gap-m-top-l{margin-top:6%}
.gap-m-top-xl{margin-top:12%}
.gap-m-top-half{margin-top:25%}
.gap-m-bottom-xs{margin-bottom:1%}
.gap-m-bottom-s{margin-bottom:2%}
.gap-m-bottom{margin-bottom:4%}
.gap-m-bottom-l{margin-bottom:8%}
.gap-m-bottom-xl{margin-bottom:12%}

}

/*	--------------------------------------------------
CSS Columns
-----------------------------------------------*/
.css-two-columns{-moz-column-count:2; -webkit-column-count:2; column-count:2;}
.css-three-columns{-moz-column-count:3; -webkit-column-count:3; column-count:3;}
.css-four-columns{-moz-column-count:4; -webkit-column-count:4; column-count:4;}
.css-five-columns{-moz-column-count:5; -webkit-column-count:5; column-count:5;}
.css-six-columns{-moz-column-count:6; -webkit-column-count:6; column-count:6;}

@media only screen and (max-width: 1024px) {		
.css-two-columns,
.css-three-columns,
.css-four-columns,
.css-five-columns,
.css-six-columns{-moz-column-count:2; -webkit-column-count:2; column-count:2;}
}
@media only screen and (max-width: 570px) {		
.css-two-columns,
.css-three-columns,
.css-four-columns,
.css-five-columns,
.css-six-columns{-moz-column-count:1; -webkit-column-count:1; column-count:1;}
}


/* -----------------------------------------
   Inline Lists
----------------------------------------- */
ul.inline{
	max-width: 75%;
}
.inline li{	display: inline-block;	margin-bottom: 0;zoom: 1; *display: inline;*margin-right:10px;float: left;white-space:normal;
}
.inline.dash li::after{content: '\00a0\00a0—\00a0\00a0'}
.inline.dot li::after{content: '\00a0•\00a0'}
.inline.bar li::after{content: '\00a0\00a0|\00a0\00a0'}
.inline.comma li::after{content: ',\00a0'}
.inline li:last-child::after{content: '';}

@media all and (max-width: 570px) {

.inline.dash li::after,.inline.dot li::after,.inline.bar li::after,.inline li:last-child::after{content: '';}
.inline li{		clear: left; }
.inline.comma li {
	clear: none;
	float: left;
}
}

/* -----------------------------------------
   Ajax loading etc
----------------------------------------- */
body, html{
	min-width: 100%;
	min-height: 100%;
}

body.loading{cursor: wait; }


/* -----------------------------------------
  Motherland Ajax loading etc
----------------------------------------- */
.loadframe{
	width: 100%;
	position: fixed;
	border: 0px solid;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	transition: border .2s ease-in-out;
	-webkit-transition: border .2s ease-in-out;
	-moz-transition: border .2s ease-in-out;
}

body.loading .loadframe{
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	border-top:5px solid;
	}

.fullheight{
	height: 100%;
	display: block;
}

.fullwidth{
	width: 100%;
	display: block;
}