@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Roboto:wght@100;400;700;900&display=swap');

body {
	font-family:'Roboto',sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	color:#F14404;
	font-weight:700;
	text-align:center;
	text-transform: uppercase
}

h2,h3,h4,h5,h6 {
	text-align:left;
	color: #1189BE
}

hr {
	border:none;
	border-top:1px #1189BE solid;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
}

header {
    -webkit-backdrop-filter: saturate(0) blur(0);
    background-color: rgba(255, 255, 255, 0.85);
    box-shadow:0 3px 8px rgba(0,0,0,0.5);
    height: 140px;
}

div.logo img {
    max-height: 120px;
}

#slider {
	margin:0 0 0 0;
}

#pagecell {
    max-width: 2000px;
    overflow: hidden;
}

#content_container {
	background-image: url('../images/background-blue-bird.png');
	background-repeat: no-repeat;
    background-position: right bottom;
}

body.home #content_container {
    padding-bottom: 0;
}

#content {
	padding: 25px 20%;
}

body.mobile #content {
	padding: 25px 5%;
}

body.home #content {
	padding: 0;
}

/* body.home div.logo {
	display: none;
}

body.home.scroll div.logo {
	display: block;
} */

#background_bird {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: -10px;
}

body.scroll #folklore_gray, body.scroll #folklore_yellow {
	opacity: 0;
	transition:all .6s ease;
}

nav {
	background-color: #1189BE;
	margin-right: 0;
	clear: both;
	margin-top: 4px
}

#folklore_purple {
	float:right;
	clear:both;
	padding: 5px 0 5px 10px;
	margin-top: 15px;
    margin-bottom: -5px;
	margin-right:0px;
	width: auto;
	height: 30px;
	background-color: #330067;
}

#folklore_purple a {
	color:#FFF !important;
	text-decoration: none;
	padding: 0 15px;
    font-size: .8em;
    font-weight: bold;
}

#folklore_purple a.last {
	padding: 0 0 0 15px;
}

#folklore_purple a:hover:not(.a_folklore_orange), #folklore_purple a.active {
	opacity: .5;
}


#folklore_purple span.folklore_orange {
	display: block;
	float:right;
	clear:both;
	padding: 6px 25px;
	margin-top: -20px;
	margin-right:0px;
	width: auto;
	height: 45px;
	background-color: #F14404;
	font-size: 16px;
	text-align: center
}

#folklore_purple span.folklore_orange a {
	color:#FFF !important;
	text-decoration: none;
	padding: 0px;
    font-size: 1em;
    font-weight: bold;
}

#folklore_purple a span.folklore_orange:hover {
	color: #FECD43 !important;
}

#folklore_purple span.folklore_orange span {
	display: block;
	font-size: .7em
}

#folklore_gray {
	float:right;
	clear:both;
	padding:0;
	margin-top:0;
	margin-right:0px;
	width: 400px;
	height: 20px;
	background-color: #382B24;
}

#folklore_yellow {
	float:right;
	clear:both;
	padding:0;
	margin-top:0;
	margin-right:0px;
	width: 300px;
	height: 35px;
	background-color: #FECD43;
}

nav > ul {
	padding-left:20px;
}

nav ul li a {
    padding: 10px 5px;
    font-weight: bold;
    text-transform: uppercase;
}

nav ul li a span {
	border-right:none;
}

nav ul > li > a:hover,nav ul > li.nav_active > a:link,nav ul > li.nav_active > a:visited,nav ul > li.nav_active > a:active,nav ul > li.nav_active > a:hover {
/* 	color:#FECD43; */
	color: #FFF;
	opacity: .5;
}

nav ul li a:link,nav ul li a:visited {
	color:#FFF;
}

nav ul > li > a:hover,nav ul > li.nav_active > a:link,nav ul > li.nav_active > a:visited,nav ul > li.nav_active > a:active,nav ul > li.nav_active > a:hover {
/* 	color:#FECD43; */
	color: #FFF;
	opacity: .5;
}

nav > ul > li > a[aria-haspopup="true"]::after {
	border-top:8px solid #FFF;
	left: 25px;
	bottom: -5px;
}

nav > ul > li > a[aria-haspopup="true"]::after {
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:6px solid #FFF;
}

nav ul ul {
	background-color: #1189BE;
	border-top:3px solid #392A24;
}

nav a[aria-haspopup="true"]::after {
	border-right:6px solid #FFF;
	
}

nav > ul > li > a[aria-haspopup="true"]::after {
	border-top:6px solid #FFF;
}

nav ul > li:hover > a:link,nav ul > li:hover > a:visited {
/* 	color:#FECD43; */
	color: #FFF;
}

a.nav_search {
	padding: 10px 5px 0 5px;
}

a.nav_search img {
	height: 18px;
	padding: 0 15px 0 0
}

a.nav_search:hover {
	opacity: .5;
}

.top-bar {
	background-color:#1189BE;
}

.middle-bar {
	background-color:#1189BE;
}

.bottom-bar {
	background-color:#1189BE;
}

.toggle-name {
	color: #F14404;
}

#cssmenu a:hover {
	color:#1189BE!important;
}

#cssmenu > ul > li.active,#cssmenu > ul > li.active > ul > li {
	color:#1189BE!important;
}

#cssmenu ul ul a.nav_active {
	color:#1189BE!important;
}

#cssmenu ul ul a.nav_active span {
	color:#1189BE!important;
}

#cssmenu a.nav_link.nav_active {
	color:#1189BE!important;
}

#mobile_phone a {
	color: #1189BE;
}

#mobile_phone a:hover {
	color: #F14404;
}

a:link,a:visited {
	color:#1189BE;
}

a:visited {
	color:#1189BE;
}

a:hover {
	color:rgba(17, 139, 191, 0.5);
}

a.more {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

section.recent td.publications {
	background-color: #FECD43;
	background-image: url('../images/background_publications.jpg');
	background-size: cover;
}

section.recent a {
	color: #111111
}

section.recent a:hover {
	opacity: .5
}

body.mobile section.recent h2 {
	text-align: center
}

section.blog {
	background-color: #1189BE;
	background-image: url('../images/background_map.jpg');
	background-size: cover;
	color: #FFF;
	text-transform: uppercase;
	font-size: 1.5em;
	overflow: hidden;
}

body.mobile #content section.news img.news_photos {
	margin: 0 0 0 0 !important;
}

body.mobile section.news h2 {
	text-align: center
}

body.mobile section.news table td p {
	text-align: left
}

section.blog table {
	width:100%;
	border-collapse: separate;
	border-spacing: 0
}

section.blog div {
	font-weight: bold;
}

body.mobile section.blog h2 {
	text-align: center
}

section.blog hr {
	border-top:1px #FFF solid;
	padding:10px 0 5px 0;
	margin:5px 0;
	opacity: .5
}

section.blog p {
	padding:5px 0 5px 0;
	margin:5px 0 5px 0;
}

section.blog a {
	color: #FFF
}

section.blog a:hover {
	opacity: .5
}

a.button {
	color: #FFF;
	font-size: 1em;
	padding: 8px 18px;
	background: #F14404;
	background: -moz-linear-gradient(top,  #f36f05 0%, #F14404 100%);
	background: -webkit-linear-gradient(top,  #f36f05 0%,#F14404 100%);
	background: linear-gradient(to bottom,  #f36f05 0%,#F14404 100%);
}

a.button:hover {
	background-color:#FFF;
	color: #F14404;
	box-shadow: inset 0px 0px 0px 2px #F14404;
}

footer {
	background-color: #392B24;
	color: #FFF
}

footer a:link, footer a:visited {
	color: #FFF
}

#footer_logo {
	margin: 0 auto 25px;
	padding: 20px 0 50px 0;
	border-bottom: rgba(255, 255, 255, 0.5) solid thin;
}

#footer_logo img {
	max-width: 300px;
}

#nav-footer {
	font-size: .8em;
	padding: 20px 0 50px 0;
}

#nav-footer a {
	padding: 0 12px 0 12px;
}

#copyright {
	text-transform: uppercase
}

.cycle-overlay-logo {
	float: left;
	width: 50%;
}

.cycle-overlay {
	position:absolute;
	top:30%;
	width:100%;
	z-index:600;
	color:#000;
	padding:15px;
	text-align:center;
	-webkit-backdrop-filter:none;
	background-color:transparent;
}

.cycle-overlay-content {
	float: right;
	width:50%;
	padding: 40px;
}

.cycle-overlay-content a.button {
	font-size: 14px
}

.cycle-overlay-content div {
	color:#FFF;
	text-align: left;
}

div.cycle-overlay-content div:first-child {
	color:#FECD43;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
}

div.cycle-overlay-content div:nth-child(2) {
	color:#FFF;
	font-size: 1em;
}

div.cycle-overlay-content div:nth-child(3) {
	text-align: center;
	font-size: .5em
}

.venue-form input[type="submit"],input[type="cancel"],input[type="reset"],input[type="button"],.qq-upload-button {
	background-color:#F14404;
	color:#FFF;
	border:#F14404 solid thin;
	text-transform: uppercase;
	font-weight: bold;
}

.venue-form input[type="submit"]:hover,input[type="cancel"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.qq-upload-button:hover {
	border:#F14404 solid thin;
	color: #F14404
}

.venue-form input:focus,.venue-form textarea:focus,.venue-form label:active + input,.venue-form label:active + textarea {
	border:3px solid #1189BE;
}

a.button.black, .venue-form input[type="submit"].black {
	border: 1px #FFF solid;
	border-radius: 5px;
	padding: 10px 30px;
	color: #FFF;
	background: #000;
	font-size: 20px
}


a.button.black:hover, .venue-form input[type="submit"].black:hover {
	background: #FFF;
	color: #F14404;
	opacity: 1;
}


blockquote {
	font-size:20px;
	color: #F14404;
	font-style: italic;
	text-align: left;
}

blockquote p {
	margin: 0;
	padding: 0;
}

cite {
	font-size:20px;
	display: block;
	color: #F14404;
	text-align: right;
	font-style: normal;
}


@media screen and (min-width: 1200px) {
	.cycle-overlay {
		top:40%;
	}
}

@media screen and (min-width: 1600px) {
	.cycle-overlay {
		top:30%;
	}
}

@media screen and (min-width: 1800px) {
	.cycle-overlay {
		top:25%;
	}
}

@media screen and (max-width: 1200px) {
	
	#folklore_yellow {
		height: 15px;
	}
	
	header {
		height: 120px;
	}
	
	div.logo {
		top:20px;
	}
	
    div.logo img {
        max-height:60px;
    }
	
	body.scroll div.logo {
		top:10px;
	}
    
    .cycle-overlay {
		top:40%;
	}
	
	div.cycle-overlay div:nth-child(2) {
		font-size: 1.25em;
	}
	
	.cycle-overlay-content {
		padding: 10px;
	}
	 
}

@media screen and (max-width: 960px) {
	
	#folklore_purple, #folklore_purple span.folklore_orange, #folklore_gray, #folklore_yellow {
		display:none;
	}
	
	#pagecell {
	    background-position-y: 85px;
	}
	
	div.logo {
		top:10px;
	}

	
    div.logo img {
        max-height:60px;
    }
    
    div.cycle-overlay div:nth-child(2) {
		font-size: 1em;
	}
    
    .cycle-overlay-content {
		padding: 5px;
	}
	
}

@media screen and (max-width: 700px) {

   #slider {
	   margin-top:85px;
   }
   
   .cycle-overlay {
		top:30%;
	}
	
}

@media screen and (max-width: 481px) {
	
	#mobile_nav {
		top: 65px;
	}
	
	#mobile_phone {
		top: 120px;
	}
	
	body.home div.logo {
		display: block;
	}
	
	body div.logo {
		top:0px;
	}
	
	.cycle-overlay-logo {
		display: none;
	}
	
	.cycle-overlay-content {
		float: none;
		width: 100%;
		margin-top:-40px !important; 
	}
	
	#slider {
	   margin-top:150px;
   	}
   
    div.cycle-overlay-content div:first-child {
	    text-align: center 
    }

	
}

@media screen and (max-width: 350px) {
	
   div.cycle-overlay-content div:nth-child(2) {
		display: none;
	}
	
}

.paging {
	text-align:center 
}
.paging ul {
	list-style:none 
}
.paging ul li {
	display: inline-block;
	list-style: none;
	padding:5px !important 
}
.paging ul li:before {
	content:none !important 
}