
*{
	font-family:'jura';
}

body{
	animation-name: pagefadeIn;
	animation-duration: 0.15s;
	animation-iteration-count: 1;
}


aside{
	padding-top:0.6em;
}


nav .author{
	font-family: 'Roboto Slab';
	line-height:1em;
	font-size:1.53em;
	display:inline-block;
	color:#fff;
}

nav .padder{
	padding-left:0.5em;
}

nav .primary-links{
    margin-bottom:2em;
}

nav .menu{
	margin-top:1.2em;
}

nav .menu a{
	font-family: 'GFS Didot';
	font-weight:bold;
	font-size:1em;
	line-height:0.5em;
	color:rgba(255,255,255,.6);
    padding: .7rem 0rem;
}

nav .menu.vertical > li > a:hover {
	color:#fff;
}

nav .menu a.active{
    color:#e67e22;
    background:none;
}

nav ul{
	list-style:none;
	margin-left:0;
}

nav ul.categories li a{
	color:rgba(255,255,255,0.8);
	font-family: 'GFS Didot';
	font-size:0.9em;
}

nav ul.categories li a:hover{
	color:rgba(255,255,255,1);
}


nav h3{
	color:#fff;
	font-family: 'GFS Didot';
    font-weight:bold;
    font-size:1.1em;
}


.no-side-padding{
	padding-left:0;
	padding-right:0;
}

.hidden{display:none;}

.bold{
	font-weight:500;
}

.italic{
	font-style:italic;
}

button{
	color:#90575e;
	font-size:0.85em;
	border:2px solid #e2e2e2;
	padding:0.3em 0.6em;
	border-radius:0.8em;
	transition: all 0.25s ease;
	cursor:pointer;
}


dl dt{
	color: #9b172c;
	margin:0;
	line-height:1.1em;
}

dl dd{
	color:#5b504c;
	font-size:0.9em;
	margin-bottom:0.3rem;
}


.contentform{
	margin-bottom:7em;
}




.sidebar-pattern {
	background: #000;
}


footer{
	font-size:0.8em;
	color:#7b7b7b;
	text-align:center;
	padding:2em 1.2em;
	background:#f6f6f6;
}

footer p{
	color: #757575;
}

footer a{
	color: #ddb335;
}

.content-area{
	margin:1.75em 0em 4em 0em;
}

.content-area ul,
.content-area ol{
	font-size:0.85em;
}

.content-area .float-left img{
    border:4px solid #eee;
    margin:0 1em 1em 0;
}

.content-area .float-right img{
    border:4px solid #eee;
    margin:0 0 1em 1em;
}
    
.content-index{
	margin-top:0.8em;
	margin-bottom:1.7em;
	list-style:none;
	margin-left:0;
}

.content-index li{
	line-height:1.3em;
	padding-left: 1em;
	text-indent: -.7em;
}

.content-index li::before {
	font-size:1.5em;
	line-height:0.4em;
	padding-right:0.4em;
	position:relative;
	top:0.15em;
	content: "• ";
	color: #858585; /* or whatever color you prefer */
}

.content-index li a{
	transition: color 0.25s ease;
}

.content-index li a:hover{
	color: #942d48;
}



.notifications{
	display:inline-block;
	margin-left:4em;
}

.notifications a{
	color: #c7c56d;
}

.notifications a:hover{
	color: #dcd858;
}

.notifications .note{
	display:inline-block;
	transition: background-color 0.25s ease;
}

.notifications .note > a{
	display:inline-block;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0.5em 0.5em 0 0;
	border-radius: 0.5em 0.5em 0 0;
}

.notifications .note > a:hover{
	background:#000;
}

.notifications .note:hover{

}

.notifications .note:hover > a{
	color: #dcd858;
	background:#000;
}

.notifications .note:hover .body{
	display:block;
	background:#000;
}

.notifications .note .body{
	font-size:0.8em;
	border-radius:0em 0.5em 0.5em 0.5em;
	color:#fff;
	position:absolute;
	background:#000;
	padding:1em;
	display:none;
}


.notifications .fa{
	font-size:1.4em;
	padding:0.45em;
}


.breadcrumbs{
	color:#666;
	padding:3em 0.35em 0em 0.35em;
	border-radius:1em;
	font-size:0.8em;
	margin-bottom:0.2em;
}

.breadcrumbs a{
	color: #7c755d;
	transition: all 0.25s ease;
}

.breadcrumbs a:hover{
	color: #69624f;
}

.breadcrumbs .rq{
	display:inline-block;
	content:'»';
	margin:0 0.75em;
	line-height:1em;
	color: #b4b4b4;
	background: #e1e0c7;
	border-radius:0.5em;
	padding:0.05em 0.2em;
}



input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #000;
	opacity:0.6;
}
input::-moz-placeholder { /* Firefox 19+ */
	color: #000;
	opacity:0.6;
}
input:-ms-input-placeholder { /* IE 10+ */
	color: #000;
	opacity:0.6;
}
input:-moz-placeholder { /* Firefox 18- */
	color: #000;
	opacity:0.6;
}




button.neutral{
	background:#ccc;
	border-radius:1em;
	padding:0.4em 0.6em;
	font-size:0.9em;
}



form .neutral-holder ul{
	list-style:none;
	list-position:outside;
	margin:0;
}

form .neutral-holder > label{
	font-size:0.7em;
	border:1px solid #ccc;
	display:inline-block;
	padding:0.05em 0.4em;
	border-radius:0.5em;
	line-height:1.2em;
}

form .neutral-holder.set > label{
	background:#444;
}



form .neutral-holder ul li input[type="radio"]{
	visibility:hidden;
	position:absolute;
}

form .neutral-holder ul li input[type="radio"] + .radiolabel{
	display:inline-block;
}

form .neutral-holder ul li input[type="radio"] + .radiolabel span {
	display:inline-block;
	width:19px;
	height:19px;
	margin:-1px 4px 0 0;
	vertical-align:middle;
	cursor:pointer;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:#eee;
}

form .neutral-holder ul li input[type="radio"]:checked + .radiolabel span {
	background-color:#CC3300;
}

form .neutral-holder ul li input[type="radio"] + .radiolabel span,
form .neutral-holder ul li input[type="radio"]:checked + .radiolabel span {
	-webkit-transition:background-color 0.4s linear;
	-o-transition:background-color 0.4s linear;
	-moz-transition:background-color 0.4s linear;
	transition:background-color 0.4s linear;
}

form .neutral-holder ul li input[type="checkbox"]{
	visibility:hidden;
	position:absolute;
}


form .neutral-holder ul li input[type="checkbox"] + .checklabel span {
	display:inline-block;
	width:19px;
	height:19px;
	margin:-1px 4px 0 0;
	vertical-align:middle;
	cursor:pointer;
	background-color:#eee;
}

form .neutral-holder ul li input[type="checkbox"]:checked + .checklabel span:before {
	color: #CC3300;
	content:"✓";
	font-size:1.3em;
	font-weight:bold;
	position:relative;
	top:-0.35em;
	left:0.15em;
}

form .neutral-holder label.error{
	display:block;
	color:#CC3300;
	font-size: 1.1em;
	font-weight: bold;
	line-height:1.2em;
	margin-top:0.3em;
}



form textarea{
	min-height:8em;
}

form button{
	cursor:pointer;
}

form label.error{
	color:#CC3300;
	margin-top:-1em;
	margin-bottom:0.4em;
}


.paging{
	margin-top:0.95em;
	margin-bottom:3em;
}


.paging a{
	display:inline-block;
	margin-right:0.1em;
	font-size:0.9em;
	color: #90575e;
	border:2px solid #ebebeb;
	padding:0.15em 0.6em;
	border-radius:1em;
	transition: all 0.25s ease;
}


.paging a:hover{
	border:2px solid #949494;
}

.paging a.active{
	font-weight:bold;
	border:2px solid #9cc5cc;
}







.photogallery figure .img-box{
	border:0.25em solid #aeb58f;
	border-radius:1em;
	margin-bottom:1em;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center center;
	height:14em;
}





main .note{
	font-size:0.8em;
	margin-top:2em;
}

main .note .bold{
	font-weight:600;
}


article{
	margin-bottom:2em;
}

article p{
	padding-bottom:0;
}




.form-status-bar{
	font-size:0.8em;
	background:#eee;
	border-radius:0.5em;
	min-height:1.25em;
	padding:0.2em 0.6em;
}


.form-status-bar.success{
	color: #41442e;
	background: #e2f147;
}


.form-status-bar.warning{
	color: #41442e;
	background: #fff51e;
}

.form-status-bar.error{
	color: #fff8eb;
	background: #a10c17;
}


.pdf-wrapper{
	height: 0;
	width: 100%;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
}

.pdf-wrapper object {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


.docview img{
	margin-bottom:4em;
}


#back-to-top{
	cursor:pointer;
}



.consentbox{
	background:#fff;
	padding:1em;
	width:100%;
	position:fixed;
	bottom:0;
	z-index:1500;
}

.consentbox h3{
	font-size:1em;
	color: #a87c59;
}


.consentbox ul{
	padding-left: 1.2rem;
}

.consentbox ul li span{
	text-decoration:underline;
}

.consentbox button{
	border-radius: 1em;
	padding:0.4em 0.8em;
	color: #000;
	border:2px solid #eee;
	margin-right:1em;
	font-size:0.8em;
	transition:all 0.2s ease;
}

.consentbox button:hover{
	cursor:pointer;
	border:2px solid #444;
}


/* ================ MEDIA QUERIES ================== */
/*================================================== */

/* Small only */
@media screen and (max-width: 39.9375em) {
	.content-area {
		margin:1.75em 0;
	}

	.data-footer{
		text-align:center;
	}

	.data-footer .summary{
		text-align:center;
	}

	.notifications {
		margin-left:0.5em;
	}

	.user-status {
		margin-right:0;
	}

	.functions-panel form{
		border-radius:0em 0em 1em 1em;
	}

	.themed-form .color-holder {
		margin-top: 0em;
	}

	.themed-form .neutral-holder {
		margin-bottom: 0.6em;
	}
}

/* Medium and up */
@media screen and (min-width: 40em) {

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	header .quick-menu{
		margin-left:3em;
	}

	.notifications {
		margin-left:1em;
	}

	.content-area {
		margin: 1.75em 1em;
	}

	.themed-form .color-holder {
		margin-top: 0em;
	}
}

/* Large and up */
@media screen and (min-width: 64em) {

}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {

}


/* custom sizes */
@media screen and (max-width: 61.250em) {

}




/* ======================================================= */
/*      Other demo stuff not needed for template usage     */
/* ======================================================= */

.parallax-window {
	min-height: 400px;
	background: transparent;
}
