.ffa{font-family: Arial, Helvetica, sans-serif}
.ffab{font-family: 'Arial Black', Gadget, sans-serif}
.ffb{font-family: 'Bookman Old Style', serif}
.ffcs{font-family: 'Comic Sans MS', cursive}
.ffco{font-family: Courier, monospace}
.ffcn{font-family: 'Courier New', Courier, monospace}
.ffg{font-family: Garamond, serif}
.ffge{font-family: Georgia, serif}
.ffi{font-family: Impact, Charcoal, sans-serif}
.fflc{font-family: 'Lucida Console', Monaco, monospace}
.ffls{font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif}
.ffgms{font-family: 'MS Sans Serif', Geneva, sans-serif}
.ffny{font-family: 'MS Serif', 'New York', sans-serif}
.ffpl{font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif}
.ffs{font-family: Symbol, sans-serif}
.fft{font-family: Tahoma, Geneva, sans-serif}
.fftnr{font-family: 'Times New Roman', Times, serif}
.fftr{font-family: 'Trebuchet MS', Helvetica, sans-serif}
.ffv{font-family: Verdana, Geneva, sans-serif}
.ffw{font-family: Webdings, sans-serif}
.ffzd{font-family: Wingdings, 'Zapf Dingbats', sans-serif}
.fso{font-style: oblique}
.fsi{font-style: italic}
.full{width: 100%; float: left;}
.ttu{text-transform: uppercase;}
.ttl{text-transform: lowercase;}
#html-body{
font-family: Arial, Helvetica, sans-serif
}


h1, h2, h4, h5 {
	/* default font */
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
margin:0 0 5px 0;
padding: 0;
}
p{
	margin:  0 0 10px 0;

}
h1{
	font-size: 2em;
}
.uk-label {
    background: #b8860b;
	}
#masthead-logo img {
	/* image for masthead logo */
	width: 100px;
}
.uk-label-warning{
	background-color: #b8860b;
}
.hiro .title{font-size: 10em; line-height: 1em;font-weight: bold; color: #b8860b;}
#edit-page {
	/* the edit page link that appears when page is editable */
	position: absolute;
	top: 10px;
	right: 10px
}
.uk-badge{

	font-size: 0.6em
}
.hiro{
	background: #e6e6e6;
    background: -moz-linear-gradient(to right, #e6e6e6 15%, rgba(148, 149, 150, 0.28) 70%);
    background: -webkit-gradient(to right, #e6e6e6 15%, rgba(148, 149, 150, 0.28) 70%);
    , color-stop(100%, rgba(148, 149, 150, 0))): ;
    background: -webkit-linear-gradient(to right, #e6e6e6 15%, rgba(148, 149, 150, 0.28) 70%);
    background: -o-linear-gradient(to right, #e6e6e6 15%, rgba(148, 149, 150, 0.28) 70%);
    background: -ms-linear-gradient(to right, #e6e6e6 15%, rgba(148, 149, 150, 0.28) 70%);
    background: linear-gradient(to right, #e6e6e6 15%, rgba(148, 149, 150, 0.28) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f8f8f', endColorstr='#949596', GradientType=1);
    min-height: 150px;
		height: 100%;
}

.uk-slider-container li{
	min-height: 300px;
}
.hiro .uk-margin-small {
	margin-left: 60px;
	margin-top: -60px;
}
#offcanvas-toggle {
	/* the hamburger icon that toggles the mobile navigation */
	position: absolute;
	top: 10px;
	right: 15px;
}

#offcanvas-nav .uk-search-input {
	/* the search box that appears in offcanvas nav */
	width: 100%;
}

img.uk-comment-avatar {
	/* avatar that appears in comments */
	width: 60px;
	height: 60px;
}

@media only screen and (max-width: 959px) {
	/* custom adjustments for mobile layouts under 960px */
	#masthead {
		/* primary nav is not visible, so it needs some padding here */
		padding-bottom: 20px;
	}
}

.uk-icon svg{
	width: 32px;
	height: 32px;
}

.logo{text-transform: uppercase;    line-height: 1em;}
.logo a{color: #b8860b; text-decoration: none}
.uk-navbar-nav>li.uk-active>a, .uk-link a {color: #b8860b;}
a{color: #999;}
a:hover{color: #777;}
.uk-card-body.topmt{
	padding-top:0;
}
/****************************************************************
 * Bodycopy text and images
 *
 * These styles are good to have on any ProcessWire site
 *
 */

.align_left {
	/* for images placed in rich text editor */
	float: left;
	margin: 0 1em 0.5em 0;
	position: relative;
	top: 0.5em;
	max-width: 50%;
}

.align_right {
	/* for images placed in rich text editor */
	float: right;
	margin: 0 0 0.5em 1em;
	max-width: 50%;
}

.align_center {
	/* for images placed in rich text editor */
	display: block;
	margin: 1em auto;
	position: relative;
	top: 0.5em;
}

figure {
	/* figure for image that has a caption */
	display: table;
	margin: 1em 0;
}

figure figcaption {
	/* display caption text below image contained to image width */
	display: table-caption;
	caption-side: bottom;
	font-size: 13px;
	line-height: 1.4em;
	margin-top: 5px;
	color: #777;
}

@media only screen and (max-width: 767px) {
	/* common PW mobile layout adjustments for widths under 768px */

	.align_left, .align_right, .align_center {
		/* display images in center rather than aligned */
		display: block;
		float: none;
		margin: 1em auto;
		max-width: 100%;
	}

	figure,
    figure figcaption {
		/* let figcaption display as wide as needed below image */
	    display: block;
	    text-align: center;
    }
}
.card.uk-card-default{
  border:1px dashed #000;
  width: 9cm;
  height: 8cm;
	color: #000
}
.bage.uk-card-body {
    padding: 30px 30px;
}
.bage h5{
	line-height: 1.2em;
	font-weight: bold;
}
.bage .uk-icon svg {
    width: 12px;
    height: 12px;
		margin-right: 4px;
		margin-bottom: 8px;
}