/**
 * main.css
 *
 * 1. General HTML tags
 * 2. Masthead area
 * 3. Main content and sidebar
 * 4. Footer
 * 5. Media queries for responsive layout
 * 6. Accessibility helpers
 *
 */

/*********************************************************************
 * 1. General HTML tags
 *
 */
/*add fonts*/

@import url('https://rsms.me/inter/inter.css');
html { font-family: 'Inter', sans-serif; }



@font-face {
	font-family: "CalsonPro";
	src: url('https://fairyfiles.org/site/templates/styles/fonts/adobe-caslon-pro-4.eot');
	src: url("https://fairyfiles.org/site/templates/styles/fonts/adobe-caslon-pro-4.otf")format("opentype");
	src: url('https://fairyfiles.org/site/templates/styles/fonts/adobe-caslon-pro-4.eot?#iefix') format('embedded-opentype'),
	url('https://fairyfiles.org/site/templates/styles/fonts/adobe-caslon-pro-4.woff2') format('woff2'), /* Super Modern Browsers */
	url('https://fairyfiles.org/site/templates/styles/fonts/adobe-caslon-pro-4.woff') format('woff'), /* Modern Browsers */
	url("https://fairyfiles.org/site/templates/styles/fonts/adobe-caslon-pro-4.ttf") format("ttf"),/* Safari, Android, iOS */
	url('https://fairyfiles.org/site/templates/styles/fonts/adobe-caslon-pro-4.svg') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'Inter';
	font-style:  normal;
	font-weight: 100;
	font-display: swap;
	src: url("https://fairyfiles.org/site/templates/styles/fonts/InterHinted/Inter-Thin-BETA.woff2?v=3.11") format("woff2"),
		 url("https://fairyfiles.org/site/templates/styles/fonts/InterHinted/Inter-Thin-BETA.woff?v=3.11") format("woff");
  }

  @font-face {
	font-family: 'Inter';
	font-style:  italic;
	font-weight: 100;
	font-display: swap;
	src: url("https://fairyfiles.org/site/templates/styles/fonts/InterWeb/Inter-ThinItalic-BETA.woff2?v=3.11") format("woff2"),
		 url("https://fairyfiles.org/site/templates/styles/fonts/InterWeb/Inter-ThinItalic-BETA.woff?v=3.11") format("woff");
  }

* {
	box-sizing: border-box;
	margin-bottom: 0;
}
body {
	padding-top: 0;
	padding-left: 11%;
	max-width: 1500px;
	margin: 0 auto;
	background-color: #fff;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	overflow-x: hidden;
	margin-bottom: 0;
}

body, td, input[type=text], textarea {
	font-family: 'Inter';
	font-size: 120%;
	line-height: 1.8em;
	color: rgb(16, 16, 16);
	max-width: 87vw;
}

img {
	max-width: 100%;
	margin: 0;
}

#home-title {
	//margin-top: 2%;
}


h1 {
	font-family: "CalsonPro", serif;
	font-weight: normal;
	font-size: 155%;
	//margin-top: 10%;
	padding-top: 150px;
	margin-bottom: 35px;
}

h1#home.events-index{
    margin-bottom: 0px;
}

h2 {
	font-family:"CalsonPro", serif;
	font-weight: bold;
	font-size: 155%;
}

h3 {
	font-family: 'Inter', sans-serif;
	padding: 0.5;
}

a {
	color: dodgerblue;
}


#banner {
	position: fixed;
	z-index: 10;
	width: 105vw;
	margin-left: -11%;
	margin-top: -4%;
}

#home-banner {
	position: fixed;
	z-index: 10;
	width: 110vw;
	margin-left: -11.5%;
	margin-top: -5.5%;
}

#sidebar-home {
	margin-top: 200px;
	margin-bottom: 5%;

}


.navbar-nav {
    display: flex;
    margin-left: 3vw;
    margin-top: 1vh;
    margin-bottom: 0;
    list-style: none;
}

.nav li {
    list-style: none;
    text-align: left;
    padding: 0 30px;
}

.nav a {
    padding-top: 0;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'Inter';
    color: rgb(31, 26, 26);
    font-size: 102%;
    white-space: nowrap;
}

a.brand {
margin-top: 1vh;
}
	a:hover,
	.nav a:hover {
		color: rgb(183, 136, 214);
		cursor: pointer;
	}

	html body.has-sidebar main#main aside#sidebar ul.nav {
		display:none;
	}

blockquote {
	margin-left: 0;
	padding-left: 1.5em;
	padding-right: 2em;
	border-left: 4px solid #ddd;
	font-style: italic;
	color: rgb(31, 26, 26);
}

pre, code {
	background: #eee;
	border: 1px solid #ddd;
}

pre {
	font-size: 14px;
	line-height: 1.4em;
	padding: 1em;
	border-left: 4px solid #ddd;
}


/*footer:after {
	content: "";
	display: table;
	clear: both;
  }*/

/* Popup windows*/


.box {
	width: 55%;
	margin: 0 auto;
	padding: 15px;
	background: rgba(255,255,255,0.2);
	background-clip: padding-box;
	border-radius: 20px/50px;
	text-align: center;
  }

  #a-z, #org_lang {
	font-size: 1em;
	padding: 10px;
	margin-bottom: 7%;
	float: left;
	color: black;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease-out;
	background-color: rgb(255, 255, 255);
	-webkit-box-shadow: 1px 4px 8px 0px rgb(123, 160, 238);
	-moz-box-shadow: 1px 4px 8px 0px rgba(123, 160, 238);
	box-shadow: 1px 4px 8px 0px rgba(123, 160, 238);
	filter: drop-shadow(1px 4px 8px 0px rgba(123, 160, 238));
}

	#org_lang.active {
		color: #A892FE;
	}

  #a-z-pubs {
		font-size: 1em;
		padding: 11px;
		margin-bottom: 7%;
		float: left;
		color: black;
		text-decoration: none;
		cursor: pointer;
		transition: all 0.3s ease-out;
		background-color: rgb(255, 255, 255);
		-webkit-box-shadow: 1px 4px 8px 0px rgb(123, 160, 238);
		-moz-box-shadow: 1px 4px 8px 0px rgba(123, 160, 238);
		box-shadow: 1px 4px 8px 0px rgba(123, 160, 238);
		filter: drop-shadow(1px 4px 8px 0px rgba(123, 160, 238));
  }

  #a-z-land {
	font-size: 1em;
	padding: 11px;
	float: left;
	margin-right: 80%;
	margin-bottom: 3%;
	color: black;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease-out;
	background-color: rgb(255, 255, 255);
	-webkit-box-shadow: 1px 4px 8px 0px rgb(123, 160, 238);
	-moz-box-shadow: 1px 4px 8px 0px rgba(123, 160, 238);
	box-shadow: 1px 4px 8px 0px rgba(123, 160, 238);
	filter: drop-shadow(1px 4px 8px 0px rgba(123, 160, 238));
  }

  #a-z:hover, #a-z-pubs:hover {
	background: rgb(153, 116, 116);
	cursor: pointer;
  }

  .overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255,0.2);
	visibility: hidden;
	opacity: 0;
  }

  .overlay:target {
	visibility: visible;
	opacity: 1;
  }

  .popup {
	margin: 70px auto;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	width: 50%;
	height: 200%;
	position: relative;
	overflow: auto;
	font-size: 0.85em;
  }

  .popup h2 {
	margin-top: 0;
	padding-top: 20px;
	color: #333;
	font-family: 'Inter', sans-serif;
	font-size: 120%;
	font-weight: 750;
  }

  .popup .close {
	position: absolute;
	top: 20px;
	right: 25px;
	transition: all 200ms;
	font-size: 20px;
	font-weight: 750;
	text-decoration: none;
	color: #333;
  }
  .popup .close:hover {
	color: #06D85F;
  }

  .popup .content {
	max-height: 30%;
	overflow: auto;
  }

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

		ul.dropdown-menu.show {
		    left: initial;
		    position: relative!important;
		}

		ul.dropdown-menu.show li.nav-item{
			padding-left: 20px!important;
		}

	#banner {
		position: fixed;
		z-index: 10;
		min-width: 110vw;
		min-height:12vh;
		margin-left: -12%;
		margin-top: -11%;
	}

	#home-banner {
		position: fixed;
		z-index: 10;
		width: 105vw;
		margin-left: -12%;
		margin-top: -8.5%;
	}


	#search_lang {
		padding: 4px;
	}

	#search_land {
	padding: 4px;
	}

	.archive {
	margin-top: 6%;
	}
	.navbar-nav {
		display: block;
		margin-left: 3vw;
		margin-top: 1vh;
		margin-bottom: 0;
		list-style: none;
		text-align: left;
	}
	a.brand {
		font-size: 1.2rem;
		margin-top: 0vh;
		margin-right: 0;
		margin-left: 17%;
	}

	#footer {
		max-height: 5%;
		font-size: 1,6em;
		padding-left: 17% !important;
	}
	body.has-sidebar #sidebar {
		margin-top: 36vh;
		width: 100%;
	}

	h1 {
		margin-bottom: 10%;
	}
  }

  @media screen and (max-width: 500px){
	#banner {
		position: fixed;
		z-index: 10;
		min-width: 105vw;
		min-height:12vh;
		margin-left: -12%;
		margin-top: -17%;
	}

	.container-forms {
		flex-direction: column;
	}
	/* #logo-home {
		margin-top: 19%;
		margin-left: 50%;
		display: none;
	} */
	.navbar-nav {
		display: block;
		margin-left: 3vw;
		margin-top: 1vh;
		margin-bottom: 0;
		list-style: none;
		text-align: left;
	}

	.navbar-nav .dropdown-menu {
	    position: absolute;
	    float: none;
	}

	body.has-sidebar #content {
		width: 100%;
		padding-left: 0;
	}

	body.has-sidebar #sidebar {
		margin-top: 36vh;
		width: 100%;
	}

	#content {
	width: 100%;
	padding-left: 0;
	}
	#archive-link {
		margin-left: 70% !important;
	}
	.container-forms {
		width: 80vw;
		display: flex;
		flex-direction: column !important;
		color:	black;
		font-family: 'Inter', sans-serif;
		margin-bottom: 30px !important;
		padding-left: 0;
		margin-left: 0px !important;
	}
	label[for=search_land] {
		margin-right: 80% !important;
	}

  }

  @media screen and (max-width: 350px){
	#banner {
		position: fixed;
		z-index: 10;
		min-width: 105vw;
		min-height:12vh;
		margin-left: -12%;
		margin-top: -8%;
	}
	#home-banner {
		position: fixed;
		z-index: 10;
		width: 105vw;
		margin-left: -12%;
		margin-top: -9.5%;
	}
	/* #logo-home {
		margin-top: 19%;
		margin-left: 50%;
		display: none;
	} */
	.navbar-nav {
		display: block;
		margin-left: 3vw;
		margin-top: 1vh;
		margin-bottom: 0;
		list-style: none;
		text-align: left;
	}
	a.brand {
		font-size: 1.2rem;
		margin-top: 1vh;
		margin-right: 0;
		margin-left: 17%;
	}
	.nav li {
		text-align: left;
		padding: 5%;

	}

	.dropdown-menu {
		left: auto!important;
	}

	.dropdown-menu.show .nav li {
		text-align: left;
		padding: 5%;

	}





	body.has-sidebar #content {
		width: 100%;
		padding-left: 0;
	}

	#content {
	width: 100%;
	padding-left: 0%;
	}

	body.has-sidebar #sidebar {
		margin-top: 6vh;
		width: 100%;
	}
	#archive-link {
		margin-left: 50%;
	}
	#footer {
		max-height: 5%;
		font-size: 1,6em;
		padding-left: 17% !important;
	}


  }

/*********************************************************************
 * 2. Masthead area
 *
 */

.nav {
	padding-bottom: 2vh;
	margin-right: 0;
	margin-bottom: 6vh;
	z-index: 20;
}

	.nav a:hover, #a-z:hover, #a-z-pubs:hover {
		color: rgb(153, 116, 116);
		cursor: pointer;
	}
	.nav li.current a {
		border-color: rgb(153, 116, 116);
	}
	.nav li.edit a {
		background: none;
	}
	.active {
		font-weight: 700;
	}

/* .languages {
	list-style: none;
	margin-top: 4%;
	padding: 0;
	margin-left: 59%;
	width: 10%;
	font-size: 80%;
	position: fixed;
	z-index: 20;
} */

.languages {
    list-style: none;
    padding: 0;
    font-size: 80%;
    position: fixed;
    z-index: 20;
    right: 8%;
    top: 29px;
		text-align: right;
		//-webkit-backdrop-filter: blur(3px);
    //backdrop-filter: blur(3px);
}

	.languages li {
		list-style: none;
		display: inline-block;
		margin: 0;
		padding: 0;
	}

	.languages a {
		padding: 0 0.5em;
		border: none;
		display: inline;
		border-left: 1px solid #ccc;
		font-family: 'Inter';
		color: #000;
	}
		.languages li.current a {
			font-weight: bold;
		}
		.languages li:first-child a {
			border: none;
			padding-left: 0;
		}

/* logo*/

/* #logo-home {
position: fixed;
left: 11vw;
top: 10vh;
margin-left:-0.5vw;
width: 95px;
height: 70px;
margin-top: 0;
padding-top: 0;
color: black;
text-indent: -9999px;
z-index: 22;
background-image: url('https://fairyfiles.org/site/fairysite_lou/fairy-files-logo-web-semibold_small.png');
background-repeat: no-repeat;
} */

#logo-home {
    position: fixed;
    width: 95px;
    height: 70px;
    text-indent: -9999px;
    z-index: 1000;
    background-image: url(https://fairyfiles.org/site/fairysite_lou/fairy-files-logo-web-semibold_small.png);
    background-repeat: no-repeat;
    right: 24px;
    top: 65px;
}

#logo {
	position: fixed;
	left: 10.5vw;
	top: 11vh;
	margin-left:-0.5vw;
	width: 85px;
	height: 85px;
	margin-top: 0;
	padding-top: 0;
	color: black;
	text-indent: -9999px;
	z-index: 22;
		}


form.search {
	margin: 20px;
	max-width: 135px;
	padding-bottom: 1em;
	margin-top: 2em;
}
	form.search input {
		padding: 0.25em 0.5em;
		border: 1px solid #ccc;
		width: 100%;
		margin-top: 2em;
	}

/*********************************************************************
 * 3. Main content and sidebar
 *
 */

#main {
	padding-top: 1em;
	margin-top: 1em;
	clear: both;
	background-color: rgba(255,255,255,0.5);
	z-index: 1;
}

body.has-sidebar #content {
	width: 65%;
	float: left;
	margin-right: 5%;
}

body.has-sidebar #sidebar {
	margin-top: 36vh;
	width: 25%;
	padding-left: 5%;
	/*float: left; */
}

#sidebar img + blockquote {
	margin-top: 0;
}

.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 {
	display: table;
	margin: 1em 0;
}

figure img {
	display: table-row;
	margin-bottom: 0.5em;
}

figure figcaption {
	display: table-row;
	font-size: smaller;
	color: #777;
	line-height: 1.4em;
}

/*Program*/
.event-values {
	font-size: 1rem;
}
.event-labels {
	text-indent: 10%;
	font-weight: bold;
	font-size: 110%;
}
#event-loc {
	font-weight: normal;
}
#format {
	font-weight: bold;
	font-size: 1.6rem;
	font-family: 'Inter', sans-serif;
	margin-bottom: 0px;
}
/*#event-date {
	text-indent: 10%;
	font-weight: 700;
	font-size: 2rem;
	padding: 2%;
}*/
#prog-date {
	font-weight: bold;
	font-size: 1.6rem;
	font-family: 'Inter', sans-serif;
}

/* Toni */

#prog-date.archive-main-date {
		font-family: "CalsonPro", serif!important;
    font-weight: normal;
    font-size: 2.5rem;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 35px;
}

#archive-link {
	margin-left: 90%;
	text-transform: uppercase;
}

/*Archive*/

.poster {
	list-style: none;
	display: block;
	float: left;
	margin-right:4%;
	font-family: 'Inter';
	font-size: 1em;
	font-weight: normal;
	margin-top: 18px;
   }
   .event-link {
	   margin-top: 12px;
		 display: inline-block;
   }

.poster img:hover {
	-webkit-box-shadow: 1px 4px 8px 0px rgb(123, 160, 238);
	-moz-box-shadow: 1px 4px 8px 0px rgba(123, 160, 238);
	box-shadow: 1px 4px 8px 0px rgba(123, 160, 238);
}

.archive {
	   padding-top: 3%;
   }


	 #site-headline {
	     position: fixed;
	     top: 57px;
	     right: 8%;
	 }


	  #site-headline img {
		width: 110px;
		}

small {
	display: none;
}
ins:hover {
	color: rgb(153, 116, 116);
	cursor: pointer;
}

}

/* Read more*/

.voller__text{
	display: none;
  }

/*********************************************************************
 * 4. Footer
 *
 */

#footer {
	min-width: 120vw;
	bottom: -10%;
	color: black;
	clear: both;
	border-top: 1px solid #eee;
	background-image: url('https://fairyfiles.org/site/fairysite_lou/COLORFULL-BOTTOM.png');
	background-size: cover;
	background-position-y: 0px;
	padding-top: 3%;
	padding-bottom: 3%;
	margin-bottom: 0;
	padding-left: 5.5%;
	margin-left: -22%;
	margin-right: -15%;
	padding-right: 10%;
	text-transform: uppercase;
}

#footer a {
	color: black;
}


.col {
	float: left;
	width: 33,33%;
	padding: 10px;
	min-height: 10vh;
	overflow-y: hidden;
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: center;
	font-size: 80%;
  }

  .row {
	min-width: 80vw;
	max-width: 92vw;
	margin-bottom: 0;
	min-height: 35vh;
  }

  .row:after {
	content: "";
	display: table;
	clear: both;
  }

body.has-sidebar #content {
	width: 65%;
	float: left;
	margin-right:5%;
}

body.has-sidebar #sidebar {
	margin-top: 36vh;
	width: 25%;
	padding-left: 5%;
	float: left;
}


/*********************************************************************
 * 5. Media queries for responsive layout
 *
 */

@media only screen and (max-width: 1100px) {
	/* mobile layout */

	.languages {
		width: 30%;
		margin-bottom: 1em;
		right: 8%;
		//margin-top:20px;
		}
	.nav {
		float: none;
		clear: both;
		width: 100%;
	}
	a.brand {
		margin-top: 1vh;
		margin-right: 0;
	}
	form.search {
		display: none;
	}

	body {
		overflow-x: hidden;
		padding-left: 5%;
	}

	body, td, textarea {
		font-size: 60%;
	}

	body.has-sidebar #content {
		width: 100%;
		margin-bottom: 5%;
	}
	form.search {
		float: none;
		width: 100%;
		padding-bottom: 5px;
	}
	#content {
		width: 100%;
	}
	#sidebar {
		padding-top: 1em;
	}
	.align_left, .align_right, .align_center {
		display: block;
		float: none;
		margin: 1em auto;
		max-width: 100%;
	}
	html body.has-sidebar aside#sidebar p a {

		padding-left: 2vw;
		font-size: 120%;
		padding-top: 0px;
		text-transform: uppercase;
		color: rgba(10, 138, 197, 0.952);
		margin-bottom: 0;
	}
	body.has-sidebar #sidebar {
		width: 100%;
		margin-top: 5%;
	}

	/* #logo-home {
		display: none;
	} */
	.row {
		min-width: 100vw;
		margin-bottom: 0;
		min-height: 10vh;
	}
	#sidebar-home {
		margin-bottom: 15%;
		text-align: center;
	}
	.poster {
		margin-bottom: 5vh;
	}
}



/* publishers grid*/

	.pubs-el {
		list-style: none;
		display: block;
		float: left;
		padding-right: 2em;
		padding-left: 2em;
		padding-bottom: 1em;
		padding-top: 1em;
		margin-right: 1vw;
		margin-bottom: 9vh;
		font-family: 'Inter';
		position: relative;
		text-align: center;
		color: black;
		font-weight: normal;
		background-image: url('https://fairyfiles.org/site/fairysite_lou/button_pale.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-color: #fff;
		-webkit-box-shadow: 1px 2px 4px 0px rgba(173,163,173,1);
		-moz-box-shadow: 1px 2px 4px 0px rgba(173,163,173,1);
		box-shadow: 1px 2px 4px 0px rgba(173,163,173,1);
   }

   .pubs-el a {
	color: black;
	font-size: 1em;
   }

	 .pubs-el:hover {
		     box-shadow: 1px 4px 8px 0px rgba(123, 160, 238);
	 }
   /*
   .pubs-el :before,
   .pubs-el :after {
	content: "";
	position: absolute;
	left: 0; right: 0;
	bottom: 100%;
	border-bottom: 15px solid  rgba(221, 221, 255, 0.9);
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
   }

   .pubs-el :after {
	bottom: auto;
	top: 100%;
	border-bottom: none;
	border-top: 15px solid  rgba(221, 221, 255, 0.9);
   } */

   .container-forms {
	width: 80vw;
	display: flex;
	flex-direction: row;
	color: black;
	font-family:'Inter', sans-serif;
	margin-bottom: 20px;
	padding-left: 0;
	margin-left:-20px;
	text-transform: uppercase;
   }

   #form_lang {
	   padding: 2%;
		 padding-top: 0;
   }
   #form_land {
		padding: 2%;
		padding-top: 0;
	}
	#search_lang {
		background-color: #fff;
		color: black;
		padding: 12px;
		font-size: 16px;
		border: none;
		cursor: pointer;
		font-family:'Inter', sans-serif;
		-webkit-box-shadow: 1px 4px 8px 0px rgb(123, 160, 238);
		-moz-box-shadow: 1px 4px 8px 0px rgba(123, 160, 238);
		box-shadow: 1px 4px 8px 0px rgba(123, 160, 238);
		filter: drop-shadow(1px 4px 8px 0px rgba(123, 160, 238));
				}
		#search_land {
		background-color: #fff;
		color:black;
		padding: 12px;
		font-size: 16px;
		border: none;
		cursor: pointer;
		font-family:'Inter', sans-serif;
		-webkit-box-shadow: 1px 4px 8px 0px rgb(123, 160, 238);
		-moz-box-shadow: 1px 4px 8px 0px rgba(123, 160, 238);
		box-shadow: 1px 4px 8px 0px rgba(123, 160, 238);
		filter: drop-shadow(1px 4px 8px 0px rgba(123, 160, 238));
			}



	#pubs-by-land {
		width: 80vw;
	}

/* publisher profiles*/

	#pub-full-name {
		//margin-top: -8%;
		//margin-left: 65px;
	}

	/* .pubs-fields {
		list-style: none;
		display: inline-block;
		margin-top: -5%;
		max-width: 97%;
	} */

	.pubs-fields {
	    list-style: none;
	    /* display: inline-block; */
	    margin-top: -5%;
	    max-width: 97%;
	    clear: both;
	    padding-left: 0;
	}

	.pbs-labels {
		list-style: none;
		font-weight: bold;
	}

	.img-profiles {
		margin-bottom: 16%;
	}

	.link-profile {
		float: right;
	}
	.os-profiles {
		float: right;
	}

.pbs-values {
	margin-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
	/* extra-wide desktop layout */

	body, td, textarea {
		font-size: 115%;
		margin-bottom: 0;
	}

	#footer {
		margin-bottom: -10%;
		bottom: -10%;
	}

}



@media (min-width: 576px) {
.navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}


}

/*********************************************************************
 * 6. Accessibility helpers
 *
 */

/* Hide visually, but remain approachable for screenreader */

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	white-space: nowrap;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	border: 0;
}

/* Show bypass link on hover */

.element-focusable:focus {
	clip: auto;
	overflow: visible;
	height: auto;
}

/* Sample styling for bypass link */

.bypass-to-main:focus {
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #333;
	color: #fff;
}



form.search {
	margin-left: 0px;
}

.margin-right {
	margin-right: 10px;
}

ul.dropdown-menu.show {
    padding-left: 0;
}

.navbar-collapse.collapse.show {
	-webkit-box-shadow: 1px 4px 8px 0px rgb(123, 160, 238);
	-moz-box-shadow: 1px 4px 8px 0px rgba(123, 160, 238);
	box-shadow: 1px 4px 8px 0px rgba(123, 160, 238);
	background-color: #fff;
}

li.nav-item.show.open {
    text-align: left;
}

li.nav-item.show.open .nav-item {
    padding-left: 4px;
		text-align: left
}


a[data-toggle="dropdown"]:after {
  content: " ▾";
}

a.dropdown-toggle::after {
    display: inline-block!important;
    margin-left: 4px!important;
    vertical-align: middle!important;
    border-top: 0!important;
    border-right: 0!important
    border-bottom: 0!important;
    border-left: 0!important;
}

ul.dropdown-menu.show {
	left: initial;
	position: absolute;
}

/* No greater than 900px, no less than 400px */

/* @media (max-width:700px) and (min-width:100px) {
ul.dropdown-menu.show {
    left: initial;
    position: relative;
}
} */

@media (max-width:870px) and (min-width:701px) {
.languages{
	top: 70px;
}
#site-headline {
	top: 100px;
	//display: none;
	}
}

@media (min-width: 1510px) {

	.home__images p img {
		margin-top: 60px;
	}

	.home__images p:first-child img{
		margin-right: 10px;
		float: left;
	}

}

/* @media (max-width:699px) {
	.languages{
		top: 8px!important;
		margin-top: 8px!important;
	}
	#site-headline {
		top: 45px!important;
		//display: none;
		}
}​ */

/* No greater than 900px, no less than 400px */
@media (max-width:1106px) and (min-width:700px) {
	.nav li {
	    padding: 0 15px;
	}
}​



/* Toni */

#prog-date.archive-main-date {
		font-family: "CalsonPro", serif!important;
    font-weight: normal;
    font-size: 155%;
    //margin-top: 10%;
    padding-top: 150px;
    margin-bottom: 35px;
}

span.spacer {
    display: inline-block;
    width: 2px;
}

span.spaceroneone {
    letter-spacing: -2px;
}

li.orig_lang {color: rgb(168, 146, 254)}
li.orig_lang  strong {color: #000;}