/*
	Theme Name: Courage Cultural Opposition
	Theme URI: http://cultural-opposition.eu
	Description: Courage Wordpress template v2
	Version: 8889
	Author: SZTAKI DSD
	Author URI: http://dsd.sztaki.hu
	Tags: Courage, SZTAKI
	Text Domain: courage
*/

/* Bitter font (only bold, because we just used that) */
@font-face {
	font-family: 'Bitter';
	font-style: normal;
	font-weight: 700;
	src: local('☺'), url('fonts/Bitter-Bold.woff2') format('woff2'), url('fonts/Bitter-Bold.woff') format('woff'), url('fonts/Bitter-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Bitter';
	font-style: normal;
	font-weight: 400;
	src: local('☺'), url('fonts/Bitter-Bold.woff2') format('woff2'), url('fonts/Bitter-Bold.woff') format('woff'), url('fonts/Bitter-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Bitter';
	font-style: normal;
	font-weight: 100;
	src: local('☺'), url('fonts/Bitter-Regular.woff2') format('woff2'), url('fonts/Bitter-Italic.woff2') format('woff2'), url('fonts/Bitter-BoldItalic.woff2') format('woff2');
}

/* Dosis updated font, fixed character problems */
@font-face {
	font-family: 'Dosis';
	font-style: normal;
	font-weight: 200;
	src: url('fonts/Dosis-v2031b-200ExtraLight.woff2') format('woff2'), url('fonts/Dosis-v2031b-200ExtraLight.woff') format('woff'), url('fonts/Dosis-v2031b-200ExtraLight.ttf') format('truetype');
}

@font-face {
	font-family: 'Dosis';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/Dosis-v2031b-300Light.woff2') format('woff2'), url('fonts/Dosis-v2031b-300Light.woff') format('woff'), url('fonts/Dosis-v2031b-300Light.ttf') format('truetype');
}

@font-face {
	font-family: 'Dosis';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/Dosis-v2031b-400Regular.woff2') format('woff2'), url('fonts/Dosis-v2031b-400Regular.woff') format('woff'), url('fonts/Dosis-v2031b-400Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Dosis';
	font-style: normal;
	font-weight: 500;
	src: url('fonts/Dosis-v2031b-500Medium.woff2') format('woff2'), url('fonts/Dosis-v2031b-500Medium.woff') format('woff'), url('fonts/Dosis-v2031b-500Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Dosis';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/Dosis-v2031b-600SemiBold.woff2') format('woff2'), url('fonts/Dosis-v2031b-600SemiBold.woff') format('woff'), url('fonts/Dosis-v2031b-600SemiBold.ttf') format('truetype');
}

@font-face {
	font-family: 'Dosis';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/Dosis-v2031b-700Bold.woff2') format('woff2'), url('fonts/Dosis-v2031b-700Bold.woff') format('woff'), url('fonts/Dosis-v2031b-700Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Dosis';
	font-style: normal;
	font-weight: 800;
	src: url('fonts/Dosis-v2031b-800ExtraBold.woff2') format('woff2'), url('fonts/Dosis-v2031b-800ExtraBold.woff') format('woff'), url('fonts/Dosis-v2031b-800ExtraBold.ttf') format('truetype');
}

/*
	Main design components
*/

html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	background-color: #FFFFFF;
	color: #4b4a4a;
	font-family: 'Dosis', sans-serif;
	font-weight: 400;
}

.container {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

.clear {
	clear: both;
}

img {
	max-width: 100%;
	vertical-align: bottom;
	height: auto;
	z-index: -100;
}

.ug-item-wrapper img, 
.gm-style img,
button img {
    z-index: 10;
}

a, a:visited {
	color: #b4b4b4;
	text-decoration: underline;
	word-wrap: break-word;
	font-weight: 500;
}

a:hover {
	color: #4b4a4a;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

a:hover, a:active {
	outline: 0;
}

a.anchor, div.anchor {
	display: block;
	position: relative;
	top: -93px; /* Header + WP admin bar */
	visibility: hidden;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	/*font-family: 'Bitter', serif;*/
}

h2 {
	font-size: 34px;
	margin-bottom: 25px;
}

/*
	Header components
*/
header {
	position: fixed;
	margin: 0 auto;
	width: 100%;
	height: 61px;
	background-color: #FFFFFF;
	z-index: 20000;
	color: #4b4a4a;
}

.header_container {
	width: 100%;
	max-width: 1920px;
	height: 61px;
	margin: 0 auto;
	position: relative;
}

.logo {
	width: 229px;
	height: 46px;
	padding: 10px 5px 5px 28px;
	margin: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("images/logo.png");
	box-sizing: content-box !important;

	/* Responsive (retina) images */
	/* Source: https://cloudfour.com/examples/image-set/ */
	/* Source: https://css-tricks.com/responsive-images-youre-just-changing-resolutions-use-srcset/ */
	/* Source: https://www.html5rocks.com/en/mobile/high-dpi/ */
	background-image: -webkit-image-set(url("images/logo.png") 1x, url("images/logo-2x.png") 2x);
	background-image: -moz-image-set(url("images/logo.png") 1x, url("images/logo-2x.png") 2x);
	background-image: -o-image-set(url("images/logo.png") 1x, url("images/logo-2x.png") 2x);
	background-image: -ms-image-set(url("images/logo.png") 1x, url("images/logo-2x.png") 2x);

	transition: all 0.3s ease;
	text-indent: -9999px;
	display: inline-block;
}

/* National sites' logos */
#logo-al {
	background-image: url("images/logo-al.png");
	background-image: -webkit-image-set(url("images/logo-al.png") 1x, url("images/logo-al-2x.png") 2x);
	background-image: -moz-image-set(url("images/logo-al.png") 1x, url("images/logo-al-2x.png") 2x);
	background-image: -o-image-set(url("images/logo-al.png") 1x, url("images/logo-al-2x.png") 2x);
	background-image: -ms-image-set(url("images/logo-al.png") 1x, url("images/logo-al-2x.png") 2x);
}

#logo-bg {
	background-image: url("images/logo-bg.png");
	background-image: -webkit-image-set(url("images/logo-bg.png") 1x, url("images/logo-bg-2x.png") 2x);
	background-image: -moz-image-set(url("images/logo-bg.png") 1x, url("images/logo-bg-2x.png") 2x);
	background-image: -o-image-set(url("images/logo-bg.png") 1x, url("images/logo-bg-2x.png") 2x);
	background-image: -ms-image-set(url("images/logo-bg.png") 1x, url("images/logo-bg-2x.png") 2x);
}

#logo-cz {
	background-image: url("images/logo-cz.png");
	background-image: -webkit-image-set(url("images/logo-cz.png") 1x, url("images/logo-cz-2x.png") 2x);
	background-image: -moz-image-set(url("images/logo-cz.png") 1x, url("images/logo-cz-2x.png") 2x);
	background-image: -o-image-set(url("images/logo-cz.png") 1x, url("images/logo-cz-2x.png") 2x);
	background-image: -ms-image-set(url("images/logo-cz.png") 1x, url("images/logo-cz-2x.png") 2x);
}

#logo-de {
	background-image: url("images/logo-de.png");
	background-image: -webkit-image-set(url("images/logo-de.png") 1x, url("images/logo-de-2x.png") 2x);
	background-image: -moz-image-set(url("images/logo-de.png") 1x, url("images/logo-de-2x.png") 2x);
	background-image: -o-image-set(url("images/logo-de.png") 1x, url("images/logo-de-2x.png") 2x);
	background-image: -ms-image-set(url("images/logo-de.png") 1x, url("images/logo-de-2x.png") 2x);
}

#logo-ee {
	background-image: url("images/logo-ee.png");
	background-image: -webkit-image-set(url("images/logo-ee.png") 1x, url("images/logo-ee-2x.png") 2x);
	background-image: -moz-image-set(url("images/logo-ee.png") 1x, url("images/logo-ee-2x.png") 2x);
	background-image: -o-image-set(url("images/logo-ee.png") 1x, url("images/logo-ee-2x.png") 2x);
	background-image: -ms-image-set(url("images/logo-ee.png") 1x, url("images/logo-ee-2x.png") 2x);
}

#logo-hu {
	background-image: url("images/logo-hu.png");
	background-image: -webkit-image-set(url("images/logo-hu.png") 1x, url("images/logo-hu-2x.png") 2x);
	background-image: -moz-image-set(url("images/logo-hu.png") 1x, url("images/logo-hu-2x.png") 2x);
	background-image: -o-image-set(url("images/logo-hu.png") 1x, url("images/logo-hu-2x.png") 2x);
	background-image: -ms-image-set(url("images/logo-hu.png") 1x, url("images/logo-hu-2x.png") 2x);
}

#logo-hr {
	background-image: url("images/logo-hr.png");
	background-image: -webkit-image-set(url("images/logo-hr.png") 1x, url("images/logo-hr-2x.png") 2x);
	background-image: -moz-image-set(url("images/logo-hr.png") 1x, url("images/logo-hr-2x.png") 2x);
	background-image: -o-image-set(url("images/logo-hr.png") 1x, url("images/logo-hr-2x.png") 2x);
	background-image: -ms-image-set(url("images/logo-hr.png") 1x, url("images/logo-hr-2x.png") 2x);
}

#logo-lt {
	background-image: url("images/logo-lt.png");
	background-image: -webkit-image-set(url("images/logo-lt.png") 1x, url("images/logo-lt-2x.png") 2x);
	background-image: -moz-image-set(url("images/logo-lt.png") 1x, url("images/logo-lt-2x.png") 2x);
	background-image: -o-image-set(url("images/logo-lt.png") 1x, url("images/logo-lt-2x.png") 2x);
	background-image: -ms-image-set(url("images/logo-lt.png") 1x, url("images/logo-lt-2x.png") 2x);
}

#logo-lv {
	background-image: url("images/logo-lv.png");
	background-image: -webkit-image-set(url("images/logo-lv.png") 1x, url("images/logo-lv-2x.png") 2x);
	background-image: -moz-image-set(url("images/logo-lv.png") 1x, url("images/logo-lv-2x.png") 2x);
	background-image: -o-image-set(url("images/logo-lv.png") 1x, url("images/logo-lv-2x.png") 2x);
	background-image: -ms-image-set(url("images/logo-lv.png") 1x, url("images/logo-lv-2x.png") 2x);
}

#logo-pl {
	background-image: url("images/logo-pl.png");
	background-image: -webkit-image-set(url("images/logo-pl.png") 1x, url("images/logo-pl-2x.png") 2x);
	background-image: -moz-image-set(url("images/logo-pl.png") 1x, url("images/logo-pl-2x.png") 2x);
	background-image: -o-image-set(url("images/logo-pl.png") 1x, url("images/logo-pl-2x.png") 2x);
	background-image: -ms-image-set(url("images/logo-pl.png") 1x, url("images/logo-pl-2x.png") 2x);
}

#logo-ro {
	background-image: url("images/logo-ro.png");
	background-image: -webkit-image-set(url("images/logo-ro.png") 1x, url("images/logo-ro-2x.png") 2x);
	background-image: -moz-image-set(url("images/logo-ro.png") 1x, url("images/logo-ro-2x.png") 2x);
	background-image: -o-image-set(url("images/logo-ro.png") 1x, url("images/logo-ro-2x.png") 2x);
	background-image: -ms-image-set(url("images/logo-ro.png") 1x, url("images/logo-ro-2x.png") 2x);
}

/*#logo-si {
	background-image: url("images/logo-si.png");
	background-image: -webkit-image-set(url("images/logo-si.png") 1x, url("images/logo-si-2x.png") 2x);
	background-image: -moz-image-set(url("images/logo-si.png") 1x, url("images/logo-si-2x.png") 2x);
	background-image: -o-image-set(url("images/logo-si.png") 1x, url("images/logo-si-2x.png") 2x);
	background-image: -ms-image-set(url("images/logo-si.png") 1x, url("images/logo-si-2x.png") 2x);
}*/

#logo-sk {
	background-image: url("images/logo-sk.png");
	background-image: -webkit-image-set(url("images/logo-sk.png") 1x, url("images/logo-sk-2x.png") 2x);
	background-image: -moz-image-set(url("images/logo-sk.png") 1x, url("images/logo-sk-2x.png") 2x);
	background-image: -o-image-set(url("images/logo-sk.png") 1x, url("images/logo-sk-2x.png") 2x);
	background-image: -ms-image-set(url("images/logo-sk.png") 1x, url("images/logo-sk-2x.png") 2x);
}

#logo-rs {
	background-image: url("images/logo-rs.png");
	background-image: -webkit-image-set(url("images/logo-rs.png") 1x, url("images/logo-rs-2x.png") 2x);
	background-image: -moz-image-set(url("images/logo-rs.png") 1x, url("images/logo-rs-2x.png") 2x);
	background-image: -o-image-set(url("images/logo-rs.png") 1x, url("images/logo-rs-2x.png") 2x);
	background-image: -ms-image-set(url("images/logo-rs.png") 1x, url("images/logo-rs-2x.png") 2x);
}

#logo-ua {
	background-image: url("images/logo-ua.png");
	background-image: -webkit-image-set(url("images/logo-ua.png") 1x, url("images/logo-ua-2x.png") 2x);
	background-image: -moz-image-set(url("images/logo-ua.png") 1x, url("images/logo-ua-2x.png") 2x);
	background-image: -o-image-set(url("images/logo-ua.png") 1x, url("images/logo-ua-2x.png") 2x);
	background-image: -ms-image-set(url("images/logo-ua.png") 1x, url("images/logo-ua-2x.png") 2x);
}
/* End of national sites' logos */

.logo a, .logo-slogen a {
	display: block;
}

/*
div.slogan {
    background: url("http://cultural-opposition.eu/wp-content/uploads/2018/04/szlogen1.jpg") no-repeat;
    height: 120px;
    margin-left: 50px;
}
.slogan:hover {
    background-image: url("http://cultural-opposition.eu/wp-content/uploads/2018/04/szlogen2.jpg");
}
*/
/*.home2 .eu_bar {
    margin-top: 120px;
}*/

.logo .page_name, .logo .slogan {
	display: none;
}

.print_logo {
	display: none;
}

.mobile_hamburger {
	display: none;
}

.home2 .mobile_hamburger,
.home3 .mobile_hamburger
{
display: inline-block;
min-width: 20px;
}

	.home2 .mobile_hamburger,
	.home3 .mobile_hamburger
    {
		display: block;
		float: right;
		width: 35px;
		height: 50px;
		background: transparent;
		border: 0;
		outline: none;
		color: #4b4a4a !important;
	}

	.home2 .mobile_hamburger:after,
	.home3 .mobile_hamburger:after {
		height: 3px;
		width: 15px;
		position: absolute;
		top: 5px;
		right: 20px;
		bottom: 0;
		background: #4b4a4a;
		/*color: #4b4a4a;*/
		box-shadow: 0 5px 0 #4b4a4a, 0 -5px 0 #4b4a4a;
		content: '';
		display: block;
		margin: auto 0;
	}

	.home2 .mobile_hamburger:hover,
	.home3 .mobile_hamburger:hover {
		background: transparent;
		/*color: #4b4a4a;*/
	}


.mobile-hexa-menu {
	display: none;
}

/*
	Navigation
*/
nav {
	margin: 0;
	position: absolute;
	top: 34px;
	right: 28px;
	background-color: #FFFFFF;
	font-family: 'Dosis', sans-serif;
}

nav ul > li.topmenu-login {
    display: none;
}

nav ul, .mobile_navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

nav ul li, .mobile_navigation ul li {
	display: inline-block;
	background-color: #FFFFFF;
	height: 24px;
}

nav a, .mobile_navigation a {
	display: block;
	padding: 0 10px;
	/*font-size: 14px;*/
	/*line-height: 50px;*/

	font-size: 16px;
	font-weight: 600;
	line-height: 1;

	text-decoration: none;
	color: #4b4a4a !important;
}

.sub-menu a {
	color: #4b4a4a !important
}

nav a:hover, nav .active > a, .mobile_navigation a:hover, .mobile_navigation .active > a {
	background-color: #FFFFFF;
	color: #f74a1f !important;
}

nav ul ul, .mobile_navigation ul ul {
	display: none; /* Hide submenu items by default */
	position: absolute;
	top: 26px;
	border-top: 2px solid transparent;
	margin-left: 6px;
}

nav ul li:hover > ul {
	display: inherit; /* Display submenu on hover */
}

/* First level submenus */
nav ul ul li, .mobile_navigation ul ul li {
	min-width: 70px;
	height: auto;
	/*text-align: center;*/
	float: none;
	display: list-item;
	position: relative;
	background-color: #f2f1f0;
	/*border-bottom: 1px solid #433E49;*/
	/*border-left: 1px solid #433E49;
	border-right: 1px solid #433E49;*/
}

nav ul ul li:first-of-type, .mobile_navigation ul ul li:first-of-type {
	padding-top: 2px;
}

nav ul ul li:last-of-type, .mobile_navigation ul ul li:last-of-type {
	padding-bottom: 2px;
}

nav ul ul a:hover, .mobile_navigation ul ul a:hover {
	background-color: #f2f1f0;
	color: #f74a1f !important;
}

nav ul ul li a, .mobile_navigation ul ul li a {
	line-height: 30px;
	font-size: 14px;
	text-transform: none;
	color: #b4b4b4 !important;
	padding: 0 25px 0 10px;
	letter-spacing: 0.75px;
}

/* Second (and more deeper) submenus */
nav ul ul ul li, .mobile_navigation ul ul ul li {
	position: relative;
	top: -61px;
	left: 90px;
}

.fb-menuitem {
	background: transparent url('images/fb-icon.png') no-repeat left;
	text-indent: -9999px;
	width: 24px;
	height: 16px !important;
	background-size: 16px;
}

.fb-menuitem a {
	background: transparent !important;
}

.login_popup {
	position: absolute;
	z-index: 21000;
	top: 0;
	right: 0;
	max-width: 400px;
	width: 100%;
	height: 190px;
	max-height: 314px;
	background-color: #f2f1f0;
	display: none;
	letter-spacing: 0.75px;
}

.login_popup .login_title {
	position: absolute;
	top: 37px;
	right: 31px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	padding: 0 10px;
	letter-spacing: 0;
}

.login_popup .login_title:hover {
	color: #f74a1f !important;
	cursor: pointer;
}

.login_popup label {
	width: 90px;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
}

.login_popup input {
	width: 270px;
	background-color: #f2f1f0;
}

.login_user {
	position: absolute;
	top: 65px;
	left: 0;
	padding: 10px 15px;
}

.login_password {
	position: absolute;
	top: 100px;
	left: 0;
	padding: 10px 15px;
}

.login_signin {
	position: absolute;
	top: 135px;
	left: 90px;
	padding: 10px 15px;
}

.login_signin > a {
	margin-right: 5px;
	height: 24px;
	/*line-height: 24px;*/
}

.show_forgotpw {
	vertical-align: -2px;
}

.login_forgotpw {
	display: none;
}

.login_newpassword {
	position: absolute;
	top: 180px;
	left: 0;
	padding: 10px 15px;
	font-size: 14px;
}

.login_email {
	position: absolute;
	top: 210px;
	left: 0;
	padding: 10px 15px;
}

.login_send {
	position: absolute;
	top: 245px;
	left: 90px;
	padding: 10px 15px;
}

/* End of navigation */

/* Slider */
.metaslider {
	max-width: 1920px;
	max-height: 971px;
	padding-top: 61px;
}

/* .home-slider li {
    width: 25% !important;
} */

.flex-direction-nav a {
	background: url('images/bg_direction_nav.png') no-repeat 0 0 !important;
}

.flex-direction-nav .flex-prev {
	left: 27px !important;
}

.flex-direction-nav .flex-next {
	background-position: 100% 0 !important;
	right: 27px !important;
}

.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
	opacity: 1 !important;
}

.slider-bg {
	/*background: transparent url('images/slider-shadow.png') top no-repeat;*/
	width: 1020px;
	height: 228px;
	position: absolute;
	left: 28px;
	bottom: 0;
	transform-origin: bottom left;
	transition: all .2s ease-in-out;
}

.slider-text {
	position: absolute;
	bottom: 38px;
	color: #FFFFFF;
	font-family: 'Bitter', serif;
	font-size: 30px;
	line-height: 1.3;
}

.slider-text .heading {
	width: auto;
	display: inline-block;
	padding-bottom: 2px;
	border-bottom: 1px solid #FFFFFF;
	font-size: 50px;
	font-weight: bold;
	line-height: 1;
}

/* Eu bar */

.eu_bar {
	width: 100%;
	max-width: 1920px;
	margin: 1px auto 0;
	height: 122px;
	background-color: #4b4a4a;
	position: relative;
}

.eu_bar .eu_logo {
	width: 73px;
	height: 49px;

	position: absolute;
	padding: 0;
	margin: 22px 0 0 28px;
}

.eu_text {
	width: 525px;
	height: 70px;
	font-family: 'Dosis', sans-serif;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.75px;
	color: #ffffff;
	position: absolute;
	left: 115px;
	top: 22px;
}

.image_credits {
	position: absolute;
	right: 27px;
	top: 22px;
	letter-spacing: 0.75px;
}

.image_credits a:hover {
	color: #FFFFFF;
}

/*
	Hexagons
*/
.hexagons {
	/*background-color: #000;*/ /* just for testing */
	width: 900px;
	position: absolute;
	top: -64px;
	right: 70px;
	font-family: 'Bitter', serif;
	transform-origin: right 30%;
	transition: all .2s ease-in-out;
}

.partners_hexagons {
	position: relative;
	height: 800px;
	margin: 25px auto;
	width: 750px;
}

.hexagon {
	width: 170px;
	height: 196px;
	position: absolute;
	text-align: center;
	/*line-height: 196px;*/
	display: table;
	transition: all 0.5s ease;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	overflow: hidden;
	z-index: 2000;
	/* IMPORTANT: background properties should not merged together, because the subclasses would overwrite them. */
	background-image: url("images/hexagon-whiteborder.png");
	background-repeat: no-repeat;
	background-position: center;

	/* Fixing blurry images/texts on hovering hexagons and scaling up them */
	backface-visibility: hidden;
	transform: translateZ(0);
	-webkit-font-smoothing: subpixel-antialiased;
}

.hexagon-orange {
	background-image: url("images/hexagon-orange.png");
	width: 207px;
	height: 233px;
	text-align: left;
	display: table;
}

.hexagon a {
	text-decoration: none;
	color: #FFFFFF;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.3;
	font-weight: 600;
	padding: 0 10px;
	word-break: break-word;
}

.hexagon-orange a {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 0.5px;
	color: #4b4a4a;
	display: table-cell;
	vertical-align: middle;
	padding-left: 11px;
	padding-right: 15px;
}

.hexagon-hover {
	z-index: 10000;
	/*transform: scale(1.1);*/
}

.hexagon-hover a {
	color: #FFFFFF;
}

.hexagon-orange:hover a {
	color: #FFFFFF;
}

/* Colored hexagons */
.hexagon-orange:hover {
	background-image: url("images/hexagon-orange-hover.png");
}

.hexagon-collections:hover, .hexagon-registry:hover {
	background-image: url("images/hexagon-collections.png");
}

.hexagon-learning:hover {
	background-image: url("images/hexagon-education.png");
}

.hexagon-handbook:hover {
	background-image: url("images/hexagon-research.png");
}

.hexagon-exhibition:hover {
	background-image: url("images/hexagon-exhibition.png");
}

.hexagon-film-festival:hover {
	background-image: url("images/hexagon-film-festival.png");
}

.hexagon-games:hover {
	background-image: url("images/hexagon-training.png");
}

.hexagon-policy:hover {
	background-image: url("images/hexagon-policy.png");
}

/*
	Footer
*/
footer {
	width: 100%;
	/*height: 175px;*/
	padding: 10px 0 10px 0;
	border-top: 1px solid #4b4a4a;
	background-color: #ffffff;
	color: #000000;
	clear: both;
}

.footer_container {
	width: 100%;
	max-width: 1920px;
	/*height: 175px;*/
	margin: 0 auto;
	position: relative;
}

.footer_credits {
	display: none;
}

.footer_texts {
	margin: 0 auto;
	width: 100%;
	max-width: 750px;
	/*height: 160px;*/
	font-family: 'Dosis', sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.75px;
	color: #4b4a4a;
}

/*.footer_texts a {
	color: #b4b4b4;
	display: inline;
}*/

/* Fix for empty space below the EU image in footer */
footer img {
	padding: 0;
	margin: 0 10px 10px 0;
	/*display: block;*/
	float: left;
}

.error404 .container {
	width: 750px;
	margin: 0 auto;
	padding: 61px 0 0 0;
	position: relative;
}

/*
	SUBPAGE related classes.
	Subpage specific colors
*/
.subpage {
	background-color: #ffffff;
	color: #4b4a4a;
}

.subpage .container, .single .container {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 65px 0 0 0;
	position: relative;
}

.subpage_header {
	width: 100%;
	height: 120px;
	font-size: 30px;
	font-weight: 600;
	line-height: 30px;
	margin: 1px auto;
	background-color: #4b4a4a;
}

.subpage_header_container {
	width: 750px;
	height: 120px;
	margin: 0 auto;
	position: relative;
}

.subsubpage_header {
	width: 100%;
	font-size: 30px;
	font-weight: 600;
	line-height: 30px;
	margin: 1px auto;
}

.subsubpage_header_container {
	width: 750px;
	margin: 0 auto;
	position: relative;
}

.subsubpage_container {
	width: 750px;
	margin: 0 auto;
}

.subsubpage_container h2, .subsubpage_header h2 {
	text-transform: none;
	font-size: 23px;
	font-weight: normal;
	margin-bottom: 8px;
}

.subsubpage_container h3 {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.3px;
	margin: 0;
}

.subsubpage_container h3 a {
	color: #4b4a4a;
}

.project .subpage_header {
	background-color: #463f6e;
}

.partners .subpage_header {
	background-color: #f74a1f;
}

.activities .subpage_header {
	background-color: #7c6d38;
}

.media .subpage_header {
	background-color: #c19f6f;
}

.events .subpage_header {
	background-color: #785640;
}

.contact .subpage_header {
	background-color: #e9a224;
}

.project h3.accordion-toggle {
	border-top: 1px solid #463f6e;
	color: #463f6e;
}

.partners h3.accordion-toggle {
	border-top: 1px solid #f74a1f;
	color: #f74a1f;
}

.activities h3.accordion-toggle {
	border-top: 1px solid #7c6d38;
	color: #7c6d38;
}

.media h3.accordion-toggle {
	border-top: 1px solid #c19f6f;
	color: #c19f6f;
}

.events h3.accordion-toggle {
	border-top: 1px solid #785640;
	color: #785640;
}

.contact h3.accordion-toggle {
	border-top: 1px solid #e9a224;
	color: #e9a224;
}

.subpage_header h2 {
	position: absolute;
	margin: 0;
	bottom: 10px;
	left: 0;
	width: 100%;
	font-weight: 500;
	font-size: 30px;
}

.subpage p, .events h1, .events h2, .events h3, .subpage .container ul, .subpage .container ol, .single .container p, .single .container ul, .single .container ol {
	width: 750px;
	/*text-align: justify;*/
	margin: 0 auto 15px;
	line-height: 24px;
	font-size: 16px;
	letter-spacing: 0.75px;
}

.page-main-text {
	width: 750px;
	margin: 15px auto 0;
}

.container ul, .container ol {
	margin: 1em;
	padding: 0;
	line-height: 24px;
	font-size: 16px;
	letter-spacing: 0.75px;
}

.container ul li, .container ol li {
	padding-left: 0;
	margin-left: 1em;
}

.subpage h2.heading {
	color: #ffffff;
}

.credits p {
	clear: both;
	margin-bottom: 20px;
	overflow: auto;
	padding-top: 4px;
}

.credits p img {
	float: left;
	margin-right: 12px;
	margin-top: -4px;
}

.media .accordion-content h3 {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.3px;
	margin: 0;
}

.all_news {
	margin-top: 20px;
	margin-bottom: 30px;
}

.all_news a {
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 0.3px;
	text-transform: lowercase;
	color: #c19f6f;
}

.all_news a:lang(bg-BG) {
	text-transform: none;
}

/* Accordion */
/* Source: http://uniondesign.ca/simple-accordion-without-jquery-ui/ */
.accordion {
	width: 750px;
	margin: 40px auto 25px;
}

.accordion-toggle {
	cursor: pointer;
	padding-top: 0px;
	margin: 0 0 5px 0;
	position: relative;
	text-transform: lowercase;
	font-weight: 300;
	font-size: 23px;
}

.accordion-toggle:after {
	position: absolute;
	right: 2px;
	font-family: 'Dosis', sans-serif;
	font-size: 55px;
	font-weight: bold;
	top: 0;
	width: 20px;
	height: 30px;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	content: 'ˆ';
	opacity: 0.5;
}

.accordion-toggle:hover:after {
	opacity: 1;
}

.accordion-toggle.opened:after {
	content: 'ˆ';
	transform: none;
	top: -10px;
}

.accordion-content {
	display: none;
	padding-top: 5px;
}

.accordion-content.opened {
	display: block;
}

/* Project subpages */
.project h1, .project h2, .project h3, .project h4, .project h5, .project h6 {
	color: #463f6e;
}

/* Activities subpages */
.activities h1, .activities h2, .activities h3, .activities h4, .activities h5, .activities h6 {
	color: #7c6d38;
}

/* Partners subpages */
.partners h1, .partners h2, .partners h3, .partners h4, .partners h5, .partners h6 {
	color: #f74a1f;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	float: none !important;
	width: 750px;
	margin: 0 auto 15px;
	overflow: auto;
	padding: 0;
}

.wpsm_team_1_member_wrapper img {
	float: left;
	width: 200px;
	height: auto;
}

.wpsm_team_1_member_wrapper_inner {
	float: left;
	margin-left: 12px;
	width: 526px;
	text-align: left;
	padding: 0 9px 9px 0 !important;
}

.wpsm_team_1_member_wrapper_inner p {
	width: auto;
	font-family: 'Dosis', sans-serif !important;
}

.wpsm_team_1_member_wrapper_inner h3 {
	text-align: left;
	text-transform: capitalize;
	font-family: 'Dosis', sans-serif !important;
	color: #f74a1f;
	font-size: 23px;
	font-weight: 500;
}

.wpsm_team_1_name_divider {
	display: none;
}

.wpsm_team_1_b_desig {
	font-size: 16px;
	color: #4b4a4a;
}

/* Media subpages */
.media h1, .media h2, .media h3, .media h4, .media h5, .media h6 {
	color: #c19f6f;
}

/* Events subpages */
.events h1, .events h2, .events h3, .events h4, .events h5, .events h6 {
    margin-top: 10px;
	color: #785640;
}

/* Contact subpages */
.contact h1, .contact h2, .contact h3, .contact h4, .contact h5, .contact h6 {
	color: #e9a224;
}

/* Policy subpage */
.policy h1, .policy h2, .policy h3, .policy h4, .policy h5, .policy h6 {
	color: #7c6d6b;
}

/* Collections subpage */
.collections h1, .collections h2, .collections h3, .collections h4, .collections h5, .collections h6 {
	color: #f74a1f;
}

/* Research subpage */
.research h1, .research h2, .research h3, .research h4, .research h5, .research h6 {
	color: #463f6e;
}

/* Education subpage */
.education h1, .education h2, .education h3, .education h4, .education h5, .education h6 {
	color: #7c6d38;
}

/* Exhibition subpage */
.exhibition h1, .exhibition h2, .exhibition h3, .exhibition h4, .exhibition h5, .exhibition h6 {
	color: #e9a224;
}

/* Film festival subpage */
.film-festival h1, .film-festival h2, .film-festival h3, .film-festival h4, .film-festival h5, .film-festival h6 {
	color: #c19f6f;
}

/* Training subpage */
.training h1, .training h2, .training h3, .training h4, .training h5, .training h6 {
	color: #785640;
}

/* Blog posts (news) subpages */
.single h1, .single h2, .single h3, .single h4, .single h5, .single h6 {
	color: #c19f6f;
}

.single-time {
	color: #4b4a4a !important;
}

button, input[type=button], input[type=reset], input[type=submit], .grey-button {
	min-width: 100px;
	min-height: 24px;
	background-color: #b4b4b4;
	color: #FFFFFF /* !important*/;
	border: 0;
	display: inline-block;
	text-align: center;
	padding: 0 20px;
	text-decoration: none;
	font-weight: 500;
}

div.mejs-button button {
    min-width: 24px;
}

.grey-button {
	margin: 0 5px 5px 0;
	color: #FFFFFF !important;
}

button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .grey-button:hover {
	background-color: #4b4a4a;
	color: #FFFFFF;
}

input, textarea {
	border: 1px solid #4b4a4a;
	outline: none;
	padding: 1px 3px;
	letter-spacing: 0.75px;
}

/* Contact form */
.wpcf7-form {
	width: 750px;
	margin: 0 auto 10px;
}

.wpcf-line {
	text-align: justify;
	margin: 15px auto;
	line-height: 24px;
	font-size: 16px;
	overflow: auto;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.wpcf7-form label {
	margin: 0 5px 0 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.3px;
	min-width: 72px;
	display: inline-block;
}

.wpcf7-form #contact-name {
	width: 278px;
	height: 25px;
}

.wpcf7-form #contact-email {
	width: 278px;
	height: 25px;
}

.wpcf7-form #contact-subject {
	width: 134px;
	height: 25px;
}

.wpcf7-form #contact-message {
	resize: none;
	width: 411px;
	height: 118px;
}

div.wpcf7 img.ajax-loader {
	float: left;
	margin-right: 4px;
}

/* Home images */
.home-image {
	height: 352px;
	background-size: contain;
	/* IMPORTANT: background properties should not merged together, because the subclasses would overwrite them. */
	background-position: bottom;
	background-repeat: no-repeat;
}

.image_0 {
	background-image: url("images/home-image-0.jpg");
}

.image_1 {
	background-image: url("images/home-image-1.jpg");
}

.image_2 {
	background-image: url("images/home-image-2.jpg");
}

.image_3 {
	background-image: url("images/home-image-3.jpg");
}

.image_4 {
	background-image: url("images/home-image-4.jpg");
}

.image_5 {
	background-image: url("images/home-image-5.jpg");
}

.mobile_navigation {
	display: none;
}

/*
	Responsive parts
*/

/* Common parts between 400 and 960px resolutions */
@media only screen and (max-width: 959px) {
	.mobile-hexa-menu {
		z-index: 999999;
		top: 0;
		left: 0;
		right: 0;
		position: fixed;
		background: rgba(187, 187, 187, 0.8);
		color: #FFFFFF;
		-webkit-box-shadow: 0 0 15px rgba(50, 50, 50, 0.75);
		-moz-box-shadow: 0 0 15px rgba(50, 50, 50, 0.75);
		box-shadow: 0 0 15px rgba(50, 50, 50, 0.75);
		margin-left: auto;
		margin-right: auto;
		overflow-y: scroll;
		width: 100%;
		height: 100%;
		padding-top: 100px;
	}

	.mobile_hexagons {
		position: absolute;
		overflow-x: scroll;
		width: 320px;
		height: 85%;
		right: 10%;
	}

	.mobile-hexa-menu .hexagon {
		width: 120px;
		height: 138px;
		background-size: contain;
	}

	.mobile-menu-close {
		width: 50px;
		height: 52px;
		font-size: 47px;
		font-weight: bold;
		color: #FFFFFF;
		position: fixed;
		top: 25px;
		right: 3px;
		text-align: center;
		cursor: pointer;
		line-height: 47px;
	}

	nav {
		top: 23px;
		right: 45px;
	}

	nav ul ul {
		top: 36px;
	}

	nav ul > li:not(.topmenu-language) {  /* :not(.topmenu-login) */
		display: none;
	}

	nav ul li.topmenu-language:hover > ul {
		display: inherit; /* Display submenu on hover */
	}

	nav ul li.topmenu-language:hover > ul li {
		display: inline-block; /* Display submenu on hover */
	}

	.mobile_hamburger {
		display: block;
		float: right;
		width: 35px;
		height: 50px;
		background: transparent;
		border: 0;
		outline: none;
		color: #4b4a4a !important;
	}

	.mobile_hamburger:after {
		height: 3px;
		width: 15px;
		position: absolute;
		top: 5px;
		right: 20px;
		bottom: 0;
		background: #4b4a4a;
		/*color: #4b4a4a;*/
		box-shadow: 0 5px 0 #4b4a4a, 0 -5px 0 #4b4a4a;
		content: '';
		display: block;
		margin: auto 0;
	}

	.mobile_hamburger:hover {
		background: transparent;
		/*color: #4b4a4a;*/
	}

	.hexagons {
		display: none;
	}

	.mobile_navigation {
		display: block;
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: #FFFFFF;
		z-index: 99999;
		padding: 10px;
	}

	.mobile_navigation ul > li.topmenu-language, .mobile_navigation ul > li.topmenu-login {
		display: none;
	}

	.mobile_navigation .sub-menu {
		display: none;
	}

	.footer_credits {
		display: block;
	}

	.eu_bar {
		display: none;
		height: auto;
		min-height: 122px;
	}

	/*.eu_bar .eu_logo {
		position: static;
		margin: 0;
		float: left;
		padding: 25px 15px;
	} */

	.eu_text {
		position: static;
		width: auto;
		height: auto;
		padding: 10px;
		text-align: justify;
	}

	.subpage_header {
		height: 60px;
	}

	.subpage_header_container {
		width: calc(100% - 20px);
		height: 60px;
		padding: 0 10px;
	}

	.subpage_header h2 {
		width: calc(100% - 20px);
		left: 10px;
	}

	.subpage p, .subpage .container ul, .subpage .container ol, .single .container p, .single .container ul, .single .container ol {
		width: 100%;
		margin: 0 auto 15px;
		line-height: 24px;
		font-size: 16px;
		padding: 10px 0;
	}

	.accordion, .page-main-text, .subsubpage_header_container, .subsubpage_container {
		width: calc(100% - 20px);
		padding: 0 10px;
	}

	.wpcf7-form {
		width: calc(100% - 20px);
		padding: 0 10px;
	}

	.wpcf7-form .float-left, .wpcf7-form .float-right {
		float: left;
		display: block;
		width: 100%;
		margin: 3px 0;
	}

	.wpcf7-form label {
		width: 95px;
	}

	.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea {
		width: calc(100% - 7px) !important;
		padding: 2px;
	}

	.wpcf7-submit {
		margin-right: 2px;
		float: right;
	}

	.wpcf-line {
		margin: 0 auto;
	}

	.footer_texts {
		width: calc(100% - 20px);
		padding: 0 10px;
		text-align: justify;
	}
}

/* Below 360px */
@media only screen and (max-width: 360px) {
	.mobile_hexagons {
		right: 0;
	}
}

/* Below 400px */
@media only screen and (max-width: 400px) {
	.login_popup {
		height: auto;
		max-height: none;
	}

	.login_user {
		clear: both;
	}

	.login_popup .login_title {
		position: relative;
		float: right;
		padding-top: 37px;
		padding-right: 31px;
		top: 0;
		right: 0;
	}

	.login_user, .login_password, .login_signin, .login_newpassword, .login_email, .login_send {
		position: relative;
		top: initial;
		left: initial;
	}

	.login_popup label {
		display: block;
		margin-bottom: 5px;
	}
}

/* 400-750px */
@media only screen /*and (min-width: 400px) */
and (max-width: 750px) {
	.logo {
		transform: scale(0.7);
		transform-origin: 0 center;
	}

	.slider-bg {
		transform: scale(0.5);
		display: none;
	}

	.partners_hexagons {
		width: calc(100% - 20px);
		padding: 0 10px;
		height: auto;
		overflow: auto;
	}

	.partners_hexagons .hexagon {
		position: relative;
		top: 0 !important;
		left: 0 !important;
		margin: 2px auto 0;
	}

	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		width: 100%;
		overflow: hidden;
	}

	.wpsm_team_1_member_wrapper img {
		float: none;
		max-width: 200px;
		width: 100%;
	}

	.wpsm_team_1_member_wrapper_inner {
		float: none;
		max-width: 526px;
		width: 100%;
	}
}

/* 751-959px */
@media only screen and (min-width: 751px) and (max-width: 959px) {
	.slider-bg {
		transform: scale(0.6);
	}
}

/* 960-1360px */
@media only screen and (min-width: 960px) and (max-width: 1360px) {
	.slider-bg {
		transform: scale(0.6);
	}

	.hexagons {
		transform: scale(0.7);
	}
}

/*
	Selection colors
*/
::selection {
	background: #f74a1f;
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #f74a1f;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #f74a1f;
	color: #FFF;
	text-shadow: none;
}

/*
	Wordpress core design elements
*/
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 15px 15px;
}

.alignleft {
	float: left;
	margin: 5px 15px 15px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #FFF;
	border: 1px solid #F0F0F0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption .wp-caption-text, .gallery-caption {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.sticky {

}

.bypostauthor {

}

/*
	Print design
*/
@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: "";
	}

	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr, img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}

	h2, h3 {
		page-break-after: avoid;
	}
}