/*
 * Theme Name: Basic
 * Description: Basic is fully responsive, clean and minimal WordPress theme. It has various options in WordPress Customizer to change look of the theme - primary design color, background and header, page layout (left or right sidebar, full or centered content). Clean valid code, semantic markup, markup by Schema.org, full adaptation to mobile devices. Basic is ready to use with child themes and gives for developers simple design change with custom hooks and action. Translation Ready (English, Russian, Ukrainian, French, German, Polish, Turkish). Fully compatible with WPML, WooCommerce, bbPress.
 * Theme URI: http://wp-puzzle.com/basic/
 * Author: WP Puzzle
 * Author URI: http://wp-puzzle.com/
 * Version: 1.3.10
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: two-columns, one-column, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, microformats
 * Text Domain: basic
 */



/* montserrat-regular - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('/wp-content/themes/basic/fonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Montserrat Regular'), local('Montserrat-Regular'),
	url('/wp-content/themes/basic/fonts/montserrat-v14-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/wp-content/themes/basic/fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('/wp-content/themes/basic/fonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('/wp-content/themes/basic/fonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/wp-content/themes/basic/fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url('/wp-content/themes/basic/fonts/montserrat-v14-latin-600.eot'); /* IE9 Compat Modes */
	src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
	url('/wp-content/themes/basic/fonts/montserrat-v14-latin-600.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/wp-content/themes/basic/fonts/montserrat-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
	url('/wp-content/themes/basic/fonts/montserrat-v14-latin-600.woff') format('woff'), /* Modern Browsers */
	url('/wp-content/themes/basic/fonts/montserrat-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/wp-content/themes/basic/fonts/montserrat-v14-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-900 - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: url('/wp-content/themes/basic/fonts/montserrat-v14-latin-900.eot'); /* IE9 Compat Modes */
	src: local('Montserrat Black'), local('Montserrat-Black'),
	url('/wp-content/themes/basic/fonts/montserrat-v14-latin-900.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/wp-content/themes/basic/fonts/montserrat-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
	url('/wp-content/themes/basic/fonts/montserrat-v14-latin-900.woff') format('woff'), /* Modern Browsers */
	url('/wp-content/themes/basic/fonts/montserrat-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/wp-content/themes/basic/fonts/montserrat-v14-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}




*{
	font-family: Montserrat, "Helvetica Neue", sans-serif;
}




















/* reset & 12 columns
 * ============================================================================ */ 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;margin:0;font-size:100%;vertical-align:baseline;border:0}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}
ol,ul{list-style:none}a:focus{outline:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:''}table{border-collapse:collapse;border-spacing:0}img,object,embed,video{max-width:100%}
object,embed,video{width:100%}img{height:auto;vertical-align:middle;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
.grid{width:90%;margin-left:auto;margin-right:auto}.grid [class*=col]{width:100%;margin-left:0}
@media screen and (min-width:1024px) {.grid{width:100%}.grid [class*=col]{float:left}.grid:after,.grid:before,.grid .newrow:before{display:table;line-height:0;content:""}.grid:after,.grid .newrow,.grid .newrow:before{clear:both}.grid [class*=col]{margin-left:1.694915254%;margin-right:0}.grid .newrow,.grid [class*=col]:first-of-type{margin-left:0}
.grid .col1{width:6.779661017%}.grid .col2{width:15.25423729%}.grid .col3{width:23.72881356%}.grid .col4{width:32.20338983%}.grid .col5{width:40.6779661%}.grid .col6{width:49.15254237%}.grid .col7{width:57.62711864%}.grid .col8{width:66.10169492%}.grid .col9{width:74.57627119%}.grid .col10{width:83.05084746%}.grid .col11{width:91.52542373%}.grid .col12{width:100%}}
.fl{float:left}.fr{float:right}.b{font-weight:bold}.i{font-style:italic}.tl{text-align:left}
.tc{text-align:center}.tr{text-align:right}.pn{padding:0}.mn{margin:0}.hide{display:none}
/* ============================================================================ */


/* ============================================================================
 *		LAYOUT
 * ============================================================================ */
html { height: 100%; margin-top: 0 !important;}
body { width: 100%; min-width: 280px; background: #fff; }
.wrapper { margin: 0 auto; min-height: 100vh; position: relative;}
#header { height: 300px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
#main { padding: 60px 0; margin: 0 auto; position: relative; }
.top-content-wrapper{padding-bottom: 16rem;}
#content { width: 100%; float: none; }
#sidebar { display: none; }
#sidebar.block{ display: block;}
#footer { width: 100%; padding: 20px 0; margin: 0; background: #575756; }
.maxwidth { margin: 0 auto; position: relative;  max-width: 1200px; padding: 0 10px;}
body.custom-background .wrapper { margin: 0 auto; background: #fff; max-width: 1160px; }

/* adaptive layout */
@media screen and (min-width: 1024px) {
	#content { width: 67.12962962962963%; float: left; }
	#sidebar { width: 27.77777777777778%; margin-top: 0; float: right; display: block; }
	.layout-leftbar #sidebar { float: left; }
	.layout-leftbar #content { float: right; }
	.layout-full #sidebar { display: none; }
	.layout-full #content { float: none; width: 100%; }
	.layout-center #sidebar { display: none; }
	.layout-center #content { float: none; width: 100%; margin-left: auto; margin-right: auto; }
	.wrapper { width: 100%; }
}
/* ============================================================================ */

* {
	box-sizing: border-box;

}

/* For mobile phones: */
[class*="col-"] {
	width: 100%;
}

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





/* ============================================================================
 *		inline HTML TAGS
 * ============================================================================ */
body { font: 16px/1.4 Montserrat, "Helvetica Neue", sans-serif; color:  #575756; word-wrap: break-word; }

a { color: #575756; text-decoration: underline; }
a:hover { color: #12b9e6; }

p { padding: 0 0 1em 0; }
p:last-child { padding-bottom: 0; }

h1, h2, h3, h4, h5, h6, .wtitle, .title { 
	margin: 0;
	padding: 0 0 0.5em;
	line-height: 1.1;
	font-weight: 600;
	color: #575756;
}
h1 { font-size: 1.3rem; padding: 0; text-transform: uppercase; }
h2 { font-size: 1.1rem; }
.dissemination-content h1 {
	padding-bottom: 25px;
}
h3 { font-size: 1rem; }
h4 { font-size: 0.9rem; }
h5, h6 { font-size: 18px; }
p {font-size: 0.9rem;}
@media screen and (min-width: 768px){
	h1 { font-size: 1.5rem; padding: 0; }
	h2 { font-size: 1.3rem;; }
	h3 { font-size: 1.2rem; }
	h4 { font-size:  0.9rem; }
	h5, h6 { font-size: 18px; }

	p {font-size: 0.8rem;}

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

blockquote, q { 
	position: relative;
	padding: 30px 30px 30px 80px;
	margin: 10px 0 20px 30px;
	color: #444;
	font-weight: normal ;
	font-size: 1.2rem;
	background: #EFEFEF;
	border-left: 3px solid #12b9e6;
	border-radius: 3px;
	display: block;
}
blockquote:after {
	content: '”';
	position: absolute;
	top: 10px;
	left: 20px;
	font-size: 4em;
	line-height: 1;
}

table th { background: #ddd; border-right: 1px solid #fff; padding: 10px 20px; }
table tr th:last-child { border-right: 1px solid #ddd; }
table td { padding: 5px 20px; border: 1px solid #ddd; }

pre { background: #f5f5f5; border: 1px solid #ddd; padding: 10px; text-shadow: 1px 1px rgba(255, 255, 255, 0.4); font-size: 12px; line-height: 1.25; margin: 0 0 1em 0; overflow:auto }
sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline }
sup { bottom: 1ex }
sub { top: .5ex }
small { font-size: 75% }
big { font-size: 125% }



/* ============================================================================
 *		FORM HTML TAG
 * ============================================================================ */
input, textarea, select, button {
	padding: 10px 10px 10px 0;
	border-color: #ddd;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font: 300 16px/1.25 sans-serif;
	color: #222;
}
textarea { 
	min-height: 90px; 
	max-width: 100%; 
	box-sizing: border-box;
}
textarea,
select,
input[type=text], 
input[type=password], 
input[type=email], 
input[type=url], 
input[type=tel], 
input[type=date], 
input[type=datetime], 
input[type=datetime-local], 
input[type=time],
input[type=month], 
input[type=week], 
input[type=number], 
input[type=search] { 
	padding: 9px 10px;
	border-width: 1px; 
	border-style: solid;
	min-height: 20px;
	/*height: 20px; */
}
input[type=search] { 
	height: 40px;
}
input[type=color] { 
	padding: 0; 
	border: 0; 
	background: #fff;
}
input:focus, textarea:focus, select:focus {
	outline: none; 
	border-color: #12b9e6;
	-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.08); 
	box-shadow: inset 0 0 8px rgba(0,0,0,0.08); 
}
input[type=submit], 
input[type=button],
button, .submit, .button {
	padding: 10px 20px;
	min-height: 20px;
	/*height: 40px;*/
	line-height: 20px;
	border: 0;
	background-color: #12b9e6;
	color: #fff;
	cursor: pointer;
}
input[type=submit]:hover, 
input[type=button]:hover,
button:hover,
.submit:hover,
.button:hover {
	opacity: 0.9;
}
/* ============================================================================ */





	/*.sitetitle { text-align: center; }*/
/*.logo { margin: 0 auto; padding: 30px 0; }*/
/*#logo {*/
/*	display: block; margin: 0; padding: 0; color: #936; text-decoration: none;*/
/*	font: bold 26px/0.83 'PT Serif', Tahoma, Verdana, Segoe, sans-serif; letter-spacing: -0.02em;*/
/*}*/
/*#logo:hover { opacity: 0.9; }*/
/*.sitedescription {!*text-align: center;*!padding-top: 10px;}*/
/*.sitetitle.center .custom-logo { margin-left: auto;margin-right: auto; }*/
/*.sitetitle.right .custom-logo { margin-left: auto;margin-right: 0; }*/
/*.custom-logo-top { display: block; margin-bottom: 20px;}*/
/*.custom-logo-bottom { display: block; margin-top: 20px; }*/
/*.sitetitle .custom-logo-left { float: left; margin-right: 20px; }*/
/*.sitetitle .custom-logo-right { float: right; margin-left: 20px; }*/
/*.sitetitle.right .custom-logo-right, .sitetitle.left .custom-logo-right { margin-left: 20px; margin-right: 0; }*/
/*.sitetitle.left .custom-logo-left, .sitetitle.right .custom-logo-left { margin-left: 0; margin-right: 20px; }*/

/*@media screen and (min-width: 768px){*/
/*	#logo {font-size:60px;}*/
/*}*/

/*!* mobile navigation button *!*/
/*#mobile-menu { display: block; padding: 15px 0; text-decoration: none; text-transform: uppercase; color: #fff;*/
/*	text-align: center; font-weight: 500; cursor: pointer; background: #936;!*#eee;*! z-index: 999; position: relative; }*/
/*#mobile-menu:hover { opacity: 0.8; }*/


/*!* header navigation *!*/
/*.topnav nav {display: none;z-index:9999;}*/
/*.top-menu { background: #936; position: absolute; z-index: 1000; width: 90%; left: 5%; }*/
/*.top-menu li { padding: 0; display: block; }*/
/*.top-menu li a, .top-menu li span {*/
/*	display: block; padding: 15px 20px; color: #fff; line-height: 20px;*/
/*	font-weight: 500; text-decoration: none; position: relative; cursor: pointer;*/
/*}*/
/*.top-menu li a:hover,*/
/*.top-menu li span:hover,*/
/*.top-menu li .sub-menu > li > a:hover,*/
/*.top-menu li .sub-menu > li > span:hover  {*/
/*	background-color: rgba(255,255,255,0.2);*/
/*}*/
/*.top-menu .current_page_item > a,*/
/*.top-menu .current_page_item > span,*/
/*.top-menu .current-menu-item > a,*/
/*.top-menu .current-menu-item > span {*/
/*	background-color: rgba(0, 0, 0, 0.22)*/
/*}*/
/*.top-menu .current-menu-item > a:hover,*/
/*.top-menu .current-menu-item > span:hover { color: #fff; }*/
/*.top-menu .sub-menu { margin: 0; }*/

/*@media screen and (min-width: 1024px) {*/
/*	.top-menu .open-submenu:after, .top-menu .open-submenu { display: none; }*/
/*}*/

/*@media screen and (max-width: 1023px) {*/
/*	.topnav { background: #936; }*/
/*	.top-menu { margin-top: 1px; box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.25); }*/
/*	.top-menu .sub-menu li a { padding: 10px 20px; }*/
/*	.top-menu .sub-menu { margin: 0 0 0 20px; font-size: 14px; }*/
/*	.top-menu li.menu-item-has-children { position: relative; }*/
/*	.top-menu li.menu-item-has-children > .open-submenu {*/
/*		width: 50px; height: 50px; position: absolute; top: 0; right: 0;*/
/*		background: rgba(255,255,255,0.3); box-sizing: border-box; font-size: 24px;*/
/*		line-height: 50px; padding: 0; text-align: center;*/
/*	}*/
/*	.top-menu a { border-bottom: 1px solid #ffffff1a; }*/
/*	.top-menu .sub-menu li.menu-item-has-children > .open-submenu { height: 40px; line-height: 40px; }*/
/*	.top-menu .sub-menu.closed { display: none; }*/
/*	.top-menu .submenu-opened .sub-menu.closed { display: none; }*/
/*	.top-menu .open-submenu:before { content: '+'; position: absolute; width: 100%; top: 0; left: 0; }*/
/*	.top-menu .submenu-opened > .open-submenu:before { content: '–'; }*/
/*}*/

/*!* ============================================================================ *!*/



/* ============================================================================
 *		CONTENT
 * ============================================================================ */
.entry-box { margin: 30px 0 0; }
/*.entry-box .entry {	padding-bottom: 80px;}*/

.fullwidth {
	padding-top: 25px;
	background-color: rgb(233, 233, 233);
}

.home-content .entry {
	padding-bottom: 0;
}

.home-content {
	margin-bottom: 80px;
}

.home-image {
	text-align: center;
}

.home-image img {
	margin: 0 auto;
	float: none;
}

.entry-box ul,
.entry-box ol { margin: 0.5em 0 1em 50px; }
.entry-box ul { list-style: outside url("/wp-content/themes/basic/img/li.svg"); }
.entry-box ol { list-style: decimal; }
.entry-box ul ul,
.entry-box ul ol,
.entry-box ol ol,
.entry-box ol ul { margin-top: 0; margin-bottom: 0; }
.entry-box li { padding-top: 5px; }
.entry-box ul li { padding-left: 5px; position: relative; }
.ftrwidget ul { list-style: outside url("/wp-content/themes/basic/img/li.svg"); }

.video-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; margin-bottom: 1em;  }
.video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute;  }

.comment-body ol, .comment-body ul { margin: 0.2em 0 0.5em 40px }
.comment-body ul {list-style-type: disc;}
.comment-body ol {margin-left: 40px;list-style-type: decimal;}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6,
.comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6 {
	padding-bottom: 10px;
}
.sticky{border:5px solid #eee;padding:30px;}

.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden;}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
	clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;
	left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;
}

.blog-home-header {margin-bottom: 50px;}

.two-column-text {
	margin-bottom: 2rem;
}

 
/* ANONS 
 * ----------------------------------------- */
.anons { margin-bottom: 60px;}
.anons h2 { font-size: 30px; padding-bottom: 0; }
.anons-thumbnail { display: none; }
.anons-thumbnail.show { display: block; }
.anons img { margin-bottom: 15px; margin-top: 5px; max-width: 100%; height: auto; }

.largeimage { margin: 0 0 1em; max-width: 100%; height: auto; }
.medium, .thumbnail { float: left; margin: 5px 1.5em 0.5em 0; }
.medium { max-width: 50%; height: auto; }
.thumbnail {  height: auto; }

.more-link-box {text-align: right;}
.more-link { display: inline-block; padding: 10px 20px; background: #12b9e6; color: #fff; text-decoration: none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; position: relative; }
.more-link:after { content: '➤'; float: right; margin-left: 10px; margin-right: -5px; }
.more-link:hover { opacity: 0.8; color: #fff; }

	
/* __________ post __________ */
.meta { margin: 10px 0 0; font-size: 12px; }
.meta span {  padding-right: 20px; }
.meta span.hide { display: none; }
.meta .fa { padding: 0 5px 0 0; }
.meta, .meta a { color: #999999; }
.meta a { text-decoration: none; }
.meta a:hover { text-decoration: underline; }


/* __________ archive __________ */
.inform { margin-bottom: 2em; border-bottom: 1px dotted #e2e2e2; }
.inform h1 { padding-bottom: 1em; }
.inform .archive-desc { padding: 0 0 2em 4em; }

/* __________ socialshare __________ */
.social_share { margin: 30px 0 0; padding: 30px 0 0; border-top: 1px solid #DDD; }
.social_share li, .social_share ul { margin: 0 !important; padding: 0 10px 0 0 !important; list-style: none; }
.social_share li:before { display: none; }
.psb { display: block; float: left; height: 40px; width: 40px; margin: 0 10px 0 0; background: url(/wp-content/themes/basic/img/socialshare.png) 0 0 no-repeat; transition: top 0.3s; position: relative; top: 0; }
.psb, .share42-item { transition: top 0.3s; position: relative; top: 0; }
.psb:hover, .share42-item:hover { position: relative; top: 3px; }
.fb { background-position: 0 0; }
.ok { background-position: -80px 0; }
.tw { background-position: -40px 0; }
.vk { background-position: -120px 0; }
.gp { background-position: -160px 0; }



/* __________ images __________*/
.entry iframe { max-width: 100%; }
.entry img { max-width: 100%; height: auto; margin-bottom: 10px; margin-top: 8px; }
.alignleft img {display: block;margin: 0 auto 0 0;}
.alignright img {display: block;margin: 0 0 0 auto;}
img.alignleft, .alignleft { float: left; margin-right: 20px; margin-left: 0; }
img.alignright, .alignright { float: right; margin-left: 20px; margin-right: 0; }
.aligncenter, div.aligncenter, img.centered { display: block; margin-left: auto; margin-right: auto; }
.entry .attachment, .entry .caption, .entry .gallery-caption { text-align: center; }
.entry .attachment .navigation { height: 150px; }
.wp-caption, .attachment img { text-align: center; max-width: 100%; }
.wp-caption img { margin-top: 0; margin-bottom: 0;}
.wp-caption-text, .wp-caption p.wp-caption-text { font-size: 12px; color: #222; margin: 0 0 15px; }
.entry .wp-smiley { margin: 0; padding: 0; border: 0; }

/* __________ galleries __________*/
.gallery { border: 2px solid #eee;padding: 15px 20px;margin: 20px 0 30px; }
.gallery:after { content: '';display: table;clear: both;}
.gallery-item img { display: block;margin: 0 auto; }

.gallery-columns-1 .gallery-item { width: 100%; padding: 10px 0; }

.gallery-columns-2 .gallery-item { width: 48%; padding: 10px 1%; float: left; }
.gallery-columns-2 .gallery-item:nth-child(2n+1) { clear: both; }

.gallery-columns-3 .gallery-item { width: 31.33333333333333%; padding: 10px 1%; float: left; }
.gallery-columns-3 .gallery-item:nth-child(3n+1) { clear: both; }

.gallery-columns-4 .gallery-item { width: 23%; padding: 10px 1%; float: left; }
.gallery-columns-4 .gallery-item:nth-child(4n+1) { clear: both; }

.gallery-columns-5 .gallery-item { width: 18%; padding: 10px 1%;float: left; }
.gallery-columns-5 .gallery-item:nth-child(5n+1) { clear: both; }

.gallery-columns-6 .gallery-item { width: 14.66666666666667%;padding: 10px 1%; float: left; }
.gallery-columns-6 .gallery-item:nth-child(6n+1) { clear: both; }

.gallery-columns-7 .gallery-item { width: 12.28571428571429%; padding: 10px 1%; float: left; }
.gallery-columns-7 .gallery-item:nth-child(7n+1) { clear: both; }

.gallery-columns-8 .gallery-item { width: 10.5%; padding: 10px 1%; float: left; }
.gallery-columns-8 .gallery-item:nth-child(8n+1) { clear: both; }

.gallery-columns-9 .gallery-item { width: 10%; padding: 10px 0.5555555555555556%; float: left; }
.gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: both; }




/* __________ paginate __________ */
.nav-links { line-height: 40px; }
.nav-links a { text-decoration: none; }
.nav-links .page-numbers { padding: 4px 12px 6px; margin-right: 5px; background: #ddd; color: #444; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: background, color 0.3s; transition: background, color 0.3s; }
.nav-links a:hover, .nav-links .current { background: #12b9e6; color: #fff; }
.nav-links .total { margin-right: 5px; }


/* ============================================================================
 *		COMMENTS
 * ============================================================================ */
#comments, #respond { margin: 60px 0 0; }
.comments-title, #reply-title { font-size: 30px; padding: 20px 0 5px 0; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
.comments-title .cnt { float: right; font-size: 0.7em; }
.comment-list { margin: 10px 0 0 0; }
.comment-body { margin: 0 0 20px 0; padding: 20px 20px 20px 100px; background: #F9F9F9; -webkit-border-radius: 4px; border-radius: 4px; position: relative; }
.comment-body a { text-decoration: none; }
.comment-body a:hover { text-decoration: underline; }
.comment .avatar { position: absolute; top: 20px; left: 20px; -webkit-border-radius: 4px; border-radius: 4px; }
.comment-author { float: left; margin-right: 10px; line-height: 20px; }
.comment-metadata { font-size: 0.7em; line-height: 17px; padding-top: 3px; }
.says { display: none; }
.comment-content { margin: 10px 0; font-size: 14px; line-height: 1.3; clear: both; }
.comment-reply-link { font-size: 10px; text-transform: uppercase; font-weight: 500; color: #C5C5C5; position: absolute; bottom: 5px; right: 10px; }
.bypostauthor .comment-body { background: #EFEFEF; }


/* _____ REPLY to comment  */
.rinput,.rcomment { margin-bottom: 10px; }
.rinput input { width: 92%; padding-left: 4%; padding-right: 4%; }
.rcomment textarea { width: 100%; }
#cancel-comment-reply-link { font-size: 14px; float: right; }
.comment #respond { margin: -20px 0 60px 0; }


/* ============================================================================
 *		SIDEBAR
 * ============================================================================ */
#widgetlist { margin: 0; padding: 0; list-style: none; }
#widgetlist > li:last-child { margin-bottom: 0; }
.widget, .categories, #widgetlist > li { margin-bottom: 60px; padding: 0; }
.wtitle { padding: 0 0 5px 0; margin-bottom: 15px; border-bottom: 2px solid #555; color: #555; font-size: 20px; text-align: center; text-transform: uppercase; }
.widget ul { margin: 0 0 0 15px; list-style: outside url("/wp-content/themes/basic/img/li.svg");}
.widget li { padding: 5px 0 5px 5px; }
.widget .children { margin-left: 20px; }
.widget_calendar td, .widget_calendar th {padding: 10px}
.widget a {	text-decoration: none; }
.widget a:hover {	text-decoration: underline; }


/* ============================================================================
 *		OTHER
 * ============================================================================ */
 
/* _____ Search & Results */
.search-results .inform { margin-bottom: 4em; }
.searchform { width: 100%; max-width: 400px; margin: 0; padding: 0; position: relative; }
#header .searchform { display: none; margin: 30px auto; max-width: 300px; }
#content .searchform { margin: 30px 0; }
input.s { width: 90%; }
input.search_submit { position: absolute; top: 0; right: 0; width: 40px; padding-left: 12px; padding-right: 12px; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
.serp { margin-bottom: 40px; margin-left: 20px; position: relative; }
.serp:before { content: ''; position: absolute; left: -20px; top: 8px; border: 3px solid #575756; border-radius: 50%; }
.serp h2 { font-size: 20px; }
.serp .meta { margin: 5px 0 0 0; font-size: 10px; line-height: 1; }
.serp .entry { margin-top: 10px; }
.serp .entry p { font-size: 14px; line-height: 1.3; }


/* _____ Woocommerce */
.product_meta { font-size: 0.9em;  }
.product_meta > span { display: block;  }
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background: #12b9e6;
	line-height: 22px;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.woocommerce-page .page-description {margin: 1em 0 2em;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background: #12b9e6;
	opacity: 0.8;
}

/* ________ BB Press _________ */
form#bbp-search-form {
	margin-bottom: 20px;
}

form#bbp-search-form input[type=text] {
	padding: 5px 10px;
}

form#bbp-search-form input[type=submit] {
	padding: 7px 15px;
	margin-left: -10px;
}
#bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar {
	margin-bottom: 0;
	border: 1px solid #ddd;
	padding: 1px;
	background: #fff;
}
#wp-bbp_reply_content-editor-container {
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#qt_bbp_reply_content_toolbar{
	border-radius: 6px 6px 0 0;
}
/*.bbp-body .bbp-topic-title,*/
.bbp-topic-permalink,
.bbp-forum-title {
	text-decoration: none;
	font: bold 18px/125% sans-serif;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content {
	margin: 0;
	color: #818181;
}

#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
	padding: 20px;
}


.bbp-header .bbp-topic-title .bbp-topic-title,
.bbp-header .bbp-forum-info {
	padding-left: 10px;
	box-sizing: border-box;
}
li.bbp-topic-title {
	width: 47%;
}
li.bbp-forum-topic-count {
	text-align: left;
}
li.bbp-forum-reply-count,
li.bbp-topic-voice-count,
li.bbp-topic-reply-count {
	text-align: left;
	width: 13%;
}
li.bbp-forum-freshness,
li.bbp-topic-freshness {
	text-align: left;
	width: 19%;
}

.nf-before-form-content {
	max-width: 1000px;
	padding: 5px;
	margin: 0 auto;
}

.nf-response-msg {
	max-width: 1000px;
	margin: 0 auto;
	margin-bottom: 2rem;
	padding-left: 5px;
}


/* ============================================================================ */



/* ============================================================================
 *		FOOTER
 * ============================================================================ */
#footer { color: #fff; font-size: 14px; line-height: 1.25; text-decoration: none; height: 16rem; position: absolute;
	bottom: 0;}
#footer a {color: #fff; transition: opacity 0.3s;}
#footer a:hover { color: #999999; text-decoration: underline; }
#footer .maxwidth { position: relative;}

.footer-menu { border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 30px; }
.footmenu { padding: 0 0 20px 0; margin: 0; text-align: center; }
.footer-menu li { display: inline-block; padding: 5px 10px; }
#footer .footer-menu a:hover { color: #fff; opacity: 0.7; }

#copy { text-align: center; margin-bottom: 20px; padding-left: 10px }
#designedby { text-align: center; opacity: 0.8; }
#toTop { position: fixed; z-index: 1000; bottom: 20px; right: 20px; margin: 0; padding: 0 12px; display: none; cursor: pointer;
	background: #222; color: #fff !important; border-radius: 2px; font-size: 24px; text-align: center; }
#toTop:hover { background: #999; text-decoration: none !important; border-radius: 3px; }

#eu_funded_wrap {
	text-align: center;
}

#eu_funded_wrap img {
	padding: 0 10px; 
}

.contact-mailto {
	float: left;
	text-align: center;
	margin-bottom: 20px;
}

@media only screen and (min-width: 390px) {
	#eu_funded_wrap img {
		max-width: 350px;
	}
} 

@media only screen and (min-width: 700px) {
	#eu_funded_wrap img {
		max-width: 100%;
	}
} 

@media only screen and (min-width: 1200px) {
	#eu_funded_wrap img {
		max-width: 350px;
	}
} 


/* #eu_funded_wrap {
	display: flex;
	height: 100%;
}

#eu_emblem_wrap {
	float: left;
	width: 20%;
}

#eu_emblem_wrap img {
	max-height: 50px;
	float: right;
}

#eu_text_wrap {
	position: relative;
	width: 80%;
	padding-left: 10px;
	float: left;
}

#eu_text_wrap span {
	position: absolute;
	top: 50%;
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	font-size: 10px;
	line-height: 120%;
}

@media only screen and (min-width: 390px) {
	#eu_text_wrap span {
		font-size: 12px;
	}
} */



/* ============================================================================
 *		ADAPTIVE
 * ============================================================================ */

/* ___ Laptop/Tablet ( > 768px )  --------------------------------------------- */
@media only screen and (min-width: 700px)  {

	.two-column-text {
		column-count: 2;
	}

	.sitetitle { text-align: left; }
	.sitetitle.center { text-align: center; }
	.sitetitle.right { text-align: right; }
	#header {height: 600px;}
	#header .searchform { display: block; float: right; margin: 35px 0 0; }
	body.custom-background #header {background-size: contain;}

	.anons-thumbnail { display: block; }

	.rinput { display: inline-block; width: 30%; margin-right: 4%; }
	.rurl { margin-right: 0; }

	.copytext {
		padding-bottom: 0;
		float: left;
	
	}

	#copy {
		text-align: left;
	}

	#eu_funded_wrap {
		float: left;
		text-align: right;
	}

	#designedby {text-align: right;}

	#footer {
		height: 10rem;
	}

	.top-content-wrapper {
		padding-bottom: 10rem;
	}


	/* For desktop: */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}

}

/* ___ Desktop ( > 1024px ) ------------------------------------------------ */
@media only screen and (min-width: 1024px) {

	body.custom-background #header .menu{width:100%;margin:0;padding:0 40px;border-radius:0}
	body.custom-background .wrapper {margin: 40px auto;}
	body.custom-background .wrapper {border-radius:10px;}
	body.custom-background #footer {border-radius: 0 0 10px 10px;}
	
	#mobile-menu { display: none; }
	.topnav nav {display: block;}
	.top-menu { border-radius: 5px; position: static; text-align: center; }
	.top-menu li { display: inline-block; position: relative; }
	.top-menu li a { border-bottom: 0; font-weight: normal; color: #fff; -webkit-transition: background 0.3s; transition: background 0.3s; }
	.top-menu > li:hover > a { background: rgba(255,255,255,0.3);  }
	.top-menu .sub-menu, .top-menu .children { display: none; margin: 0; position: absolute; top: 100%; left: 0; background: #12b9e6; width: 300px; z-index: 1000;  box-shadow: 3px 3px 0 rgba(87, 87, 86, 0.1); }
	.top-menu .sub-menu li, .top-menu .children li { display: block; text-align: left;}
	.top-menu .sub-menu li a, .top-menu .children li a { color: #fff; border-top: 1px solid rgba(255,255,255,0.2); }
	.top-menu li:hover > .sub-menu,
	.top-menu li:hover > .children { display: block; }
	.top-menu .sub-menu .sub-menu,
	.top-menu .children .children { display: none; top: 0; left: 100%; padding: 0; border-top: 0; border-left: 3px solid #fff; }
	.top-menu .sub-menu li:hover > .sub-menu,
	.top-menu .children li:hover > .children { display: block; }
	.top-menu .menu-item-has-children > a:after, .top-menu .menu-item-has-children > span:after,
	.top-menu .page_item_has_children > a:after, .top-menu .page_item_has_children > span:after{
		content: '»'; position: absolute; right: 20px; margin: 1px 0 0 15px; transform: rotate(90deg);
	}
	.top-menu .sub-menu > .menu-item-has-children > a:after, .top-menu .sub-menu > .menu-item-has-children > span:after,
	.top-menu .children > .page_item_has_children > a:after, .top-menu .children > .page_item_has_children > span:after {
		content: '»'; margin: 0; transform: none;
	}
	.top-menu .menu-item-has-children> a, .top-menu .menu-item-has-children> span,
	.top-menu .page_item_has_children> a, .top-menu .page_item_has_children> span {
		padding-right: 40px;
	}
	
}

/* ___ Desktop ( > 1200px ) ------------------------------------------------ */
@media only screen and (min-width: 1280px) {
	body.custom-background #header {border-radius: 10px 10px 0 0;}
	#navpages li { padding-left: 10px; }
	#navpages .sub-menu { margin-left: 10px; }
	#navpages .sub-menu .sub-menu { left: 190px; }
	#navpages li a { font-size: 16px; padding: 10px; }
	
	.comment-list ul.children {margin: 0 0 50px 30px;}

}

/* -------------------------------------------------------------------------- */




/*!* ============================================================================*/
/* *		HEADER*/
/* * ============================================================================ *!*/


ul.top-menu{
	width: auto;
}

#menu-topline {
	background-color: white;
}

.header-top-wrap{
	background-color: white;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}


.header-content{
	max-width: 1200px;
	margin: auto;
}

.site-title  img, #menu-topline img{
	width: auto;
	height: 70px;
	margin: 5px;
}


@media (max-width: 900px){

	.topnav nav{
		display: none;
	}

	.site-title{
		display: none;
	}

	/* Mobile - Menu*/

	#mobile-menu {
		width: 60px;
		height: 60px;
		margin: 10px;
		display: block;
		padding: 15px 0;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		text-align: center;
		font-weight: 600;
		cursor: pointer;
		background: #12b9e6;
		z-index: 999;
		position: relative;
		float: right;
	}

	#mobile-menu.active-btn{
		background:#575756;
	}

	.top-menu li a, .top-menu li span {
		display: block;
		padding: 20px;
		color: #fff;
		line-height: 20px;
		font-weight: 400;
		text-decoration: none;
		text-transform: uppercase;
		position: relative;
		cursor: pointer;
		background-color: #12b9e6;
		z-index: 999;
		border-top: 1px solid white;
	}

	.top-menu li span, li.current_page_item > a{
		background-color: #575756;
		font-weight: 600;
	}

}








/* Slideshow container */
.slideshow-container {
	position: relative;
}

.slideshow-container img{
	float: left;
}


.logo-box{
	float: left;
	padding: 7px;
	margin: 20px 0;
}

.hover-box{background-color: #bcbec0;}

.image{
	height: 100px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90%;
	background-color: white;

}

.text{
	margin: 10px 15px 5px 15px;
}

.text a, .text h3, .text{
	text-decoration: none;
}



/* Next & previous buttons */
.prev, .next {
	display: none;
}


/* Number text (1/3 etc) */
.numbertext {
display: none;
}

/* The dots/bullets/indicators */
.dot {
	display: none;
}

.dots{
	margin-bottom: 80px;
	padding-bottom: 25px;
}

table.dissemination {
	margin-top: 12px;
	margin-bottom: 50px;
}


@media screen and (min-width: 900px) {

	/*   HEADER   */
	/*No Mobile Menu on Screens*/
	#mobile-menu, #menu-topline {
		display: none;
	}

	/*Desktop Menu*/
	.topnav nav {
		display: block;
		margin: 30px 0 auto auto;
		float: right;
		width: auto;

	}

	header ul.top-menu {
		list-style-type: none;
		width: auto;
		font-weight: 600;
	}

	.top-menu li {
		display: inline;
		margin: 0 5px;

	}

	.top-menu li a, .top-menu li span {
		color: #575756;
		font-size: 1.1rem;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: 400;
	}

	.top-menu li a:focus, .top-menu li a:hover {
		color: #12b9e6;
	}

	.top-menu li span, li.current_page_item > span,  li.current_page_item > a {
		font-weight: 600;
		color: #12b9e6;
	}


	/* Slideshow container */
	.slideshow-container {
		position: relative;
	}

	.slideshow-container img{
		float: left;
	}


	.logo-box{
		float: left;
		padding: 7px;

		margin: 0;
	}

	.hover-box{background-color: #bcbec0;}

	.image{
		height: 250px;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: white;
	}

	.text{
		margin: 10px 15px 5px 15px;
	}

	.text a, .text h3, .text{
		text-decoration: none;
	}


	/* Hide the images by default */
	.mySlides {
		display: none;
	}

	/* Next & previous buttons */
	.prev, .next {
		display: inline;
		cursor: pointer;
		position: absolute;
		top: 50%;
		width: auto;
		margin-top: -22px;
		margin: -20px;
		padding: 16 0px;
		font-weight: bold;
		font-size: 2rem;
		border-radius: 0 3px 3px 0;
		user-select: none;
		text-decoration: none;
	}

	/* Position the "next button" to the right */
	.next {
		right: 10px;
		border-radius: 3px 0 0 3px;
	}

	.prev {
		margin-left: -10px;
	}

	/* Number text (1/3 etc) */
	.numbertext {

		display: inline;
		color: #575756;
		font-size: 12px;
		padding: 15px 20px;
		position: absolute;
		top: 0;
	}

	/* The dots/bullets/indicators */
	.dot {
		cursor: pointer;
		height: 15px;
		width: 15px;
		margin: 0 2px;
		background-color: #bbb;
		border-radius: 50%;
		display: inline-block;
		transition: background-color 0.6s ease;
	}


	.active, .dot:hover {
		background-color: #12b9e6;
	}

	/* Fading animation */
	.fade {
		-webkit-animation-name: fade;
		-webkit-animation-duration: 1.5s;
		animation-name: fade;
		animation-duration: 1.5s;
	}

	@-webkit-keyframes fade {
		from {opacity: .4}
		to {opacity: 1}
	}

	@keyframes fade {
		from {opacity: .4}
		to {opacity: 1}
	}

	.background{
		padding: 50px 0;
		background-color: rgba(188, 190, 192, 0.34);
		width: 100%
	}

	.overlay h3{
		margin: 0 0 15px 0;
	}

	.overlay p, a{
		font-size: 0.9rem;
	}

	.dissemination-content a {
		font-size: 1rem;
	}

	.container {
		position: relative;
	}


	.overlay {
		position: absolute;
		bottom: 0;
		right: 15px;
		left: 15px;
		overflow: hidden;
		height: 45px;
		transition: .5s ease;
	}

	.container:hover .overlay {
		height: 100%;
	}


	table{
		box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	}



	.type, .date, .category{
		display: table-cell;
	}



	.download .name{
		width: 40%;
	}

	.download .type{
		width: 10%;
	}

	.download .icon{
		width: 5%;
	}

	.download .category{
		width: 15%;
	}

	.download .date{
		width: 15%;
	}

	.download th{
		padding: 10px 0;
	}

	.dissemination .name{
		width: 50%;
	}

	.dissemination .date{
		width: 15%;
	}

	.dissemination .conf_name{
                width: 20%;
        }

        .dissemination .location{
                width: 15%;
        }

	.dissemination .type{
		width: 15%;
	}

	.dissemination th{
		padding: 10px 0;
	}

}

@media only screen and (min-width: 1200px) {
	.prev {
		margin-left: -10px;
	}

	.next {
		right: 10px;
	}
}

@media only screen and (min-width: 1280px) {
	.prev {
		margin-left: -20px;
	}

	.next {
		right: 0px;
	}
}

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

	/* Hide the images by default */
	.mySlides {
		display: block !important;
	}
}


.people .image{
	background-size: cover;
}

.person{
	float: left;
	padding: 15px 0;
	color: white;
}

.person .image {
	height: 320px;
	background-position: center 30%;
}

.intro{
	padding: 15px;
}


.overlay {
	background-color: rgba(18, 185, 230, 0.95);
}
.overlay h3{
	color: white;
	margin: 0 0 15px 0;
}

.overlay p{
	color: white;
}

.overlay a.mail{
	color: white;
	font-weight: 600;
}


.download td, .dissemination td {
	vertical-align: middle;
}

.download tr:nth-child(even), .dissemination tr:nth-child(even) {
	background-color: rgba(41, 173, 227, 0.48);
}

.file-icon{
	font-size: 2rem;
	color : #fff;
	margin: 15px;
	padding: 0;
}

thead{
	background-color: #c8c1e1;
}
table{
	border-collapse: collapse;
}

.news {
	margin: 30px 0;
	position: relative;
}

.news .image{
	float: left;
}

.news > .text{
	float: left;
	padding: 10px 15px;
	margin: 0;
}


.image-overlay{
	position: absolute;
	top: 0;
	width: inherit;
	z-index: 100;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 10px 15px;
}

.image-overlay p{
	font-size: 1.8rem;
	display: block;
	padding: 0;
}

.news p.type{
	color: #12b9e6;
	font-weight: 600;
	text-transform: uppercase;
}


hr{
	border: 1px solid;
}

.date{
	display: none;
}

@media only screen and (min-width: 700px) {
	.person {
		padding-left: 15px;
		padding-right: 15px;
	}

	.date{
		display: table-cell;
	}
}

.nf-field-label label{
    font-weight: 600 !important;
}

.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
    padding: 15px 30px !important;
}

.nf-form-content, .nf-before-form-content{
    margin: 0 !important;
}