/*
Theme Name: EuroPris 2017 THEME
Theme URI: http://www.tunaweb.com
Description: Theme for EuroPris.org
Author: Tuna
Author URI: http://www.tunaweb.com/
Version: 2.0
Tags: europris

License:
License URI:

*/

.component_yellow_box .component_accordion .__heading.ac_rec_head	{
	
	border-radius: 0;
	background-color: transparent !important;
}

.component_yellow_box .component_accordion .__heading a	{
	
	padding: 10px;
	
}

.component_yellow_box .component_accordion + .component_accordion	{
	
	margin-top: 0;
	
}

.component_yellow_box .component_accordion + .component_accordion .__heading.ac_rec_head	{
	
	border-top: none;
	
}

.component_yellow_box .component_accordion .__body.ac_rec_body	{
	
	padding-top: 10px !important;
	
}

.component_yellow_box .component_accordion select	{
		width: auto;
		border: solid 2px #1e376d;
		text-align: left;
		margin: 0;
}

.component_yellow_box .component_accordion .facetwp-number	{
	
		padding: 5px 10px;
		border: solid 2px #1e376d;
}

.component_yellow_box .component_accordion .facetwp-submit	{
	
		padding: 6px 10px;
}

dl	{
	
	margin: 5px;
	display: grid;
	grid-template-columns: max-content 3fr;
	grid-gap: 10px;
}

dt, dd	{
	margin: 0;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?350vkj');
  src:  url('fonts/icomoon.eot?350vkj#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?350vkj') format('truetype'),
    url('fonts/icomoon.woff?350vkj') format('woff'),
    url('fonts/icomoon.svg?350vkj#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chevron-down:before {
  content: "\f0a3";
}
.icon-chevron-left:before {
  content: "\f0a4";
}
.icon-chevron-right:before {
  content: "\f078";
}
.icon-chevron-up:before {
  content: "\f0a2";
}
.icon-three-bars:before {
  content: "\f05e";
}
.icon-triangle-down:before {
  content: "\f05b";
}
.icon-triangle-left:before {
  content: "\f044";
}
.icon-triangle-right:before {
  content: "\f05a";
}
.icon-triangle-up:before {
  content: "\f0aa";
}
.icon-marker_am .path1:before {
  content: "\e90d";
  color: rgb(255, 208, 0);
}
.icon-marker_am .path2:before {
  content: "\e90e";
  margin-left: -1.0166015625em;
  color: rgb(0, 0, 0);
}
.icon-marker_am .path3:before {
  content: "\e90f";
  margin-left: -1.0166015625em;
  color: rgb(0, 0, 0);
}
.icon-marker_fm .path1:before {
  content: "\e910";
  color: rgb(34, 26, 111);
}
.icon-marker_fm .path2:before {
  content: "\e911";
  margin-left: -1.0166015625em;
  color: rgb(0, 0, 0);
}
.icon-marker_fm .path3:before {
  content: "\e912";
  margin-left: -1.0166015625em;
  color: rgb(0, 0, 0);
}
.icon-marker_pm .path1:before {
  content: "\e913";
  color: rgb(60, 131, 217);
}
.icon-marker_pm .path2:before {
  content: "\e914";
  margin-left: -1.0166015625em;
  color: rgb(0, 0, 0);
}
.icon-marker_pm .path3:before {
  content: "\e915";
  margin-left: -1.0166015625em;
  color: rgb(0, 0, 0);
}
.icon-marker_apm .path1:before {
  content: "\e90a";
  color: rgb(255, 252, 139);
}
.icon-marker_apm .path2:before {
  content: "\e90b";
  margin-left: -1.0166015625em;
  color: rgb(0, 0, 0);
}
.icon-marker_apm .path3:before {
  content: "\e90c";
  margin-left: -1.0166015625em;
  color: rgb(0, 0, 0);
}
.icon-kms:before {
  content: "\e900";
}
.icon-epis:before {
  content: "\e901";
}
.icon-twitter_circle:before {
  content: "\e902";
}
.icon-twitter:before {
  content: "\e903";
}
.icon-linked_in:before {
  content: "\e904";
}
.icon-magnifier:before {
  content: "\e905";
}
.icon-user:before {
  content: "\e906";
}
.icon-envelope:before {
  content: "\e907";
}
.icon-megaphone:before {
  content: "\e908";
}
.icon-calendar:before {
  content: "\e909";
}

.acf-fields {
    display: flex;
    flex-wrap: wrap;
}

.acf-field  {
    flex-basis: 100%;
}

.acf-fields.-left > .acf-field.__col_left {
    flex-basis: 50%;
    width: 50%;
    float: left;
    clear: initial;
}
.acf-fields.-left > .acf-field.__col_left .acf-label {
    width: 40%;
}
.acf-fields.-left > .acf-field.__col_left .acf-input {
    width: 60%;
}
.acf-fields.-left > .acf-field.__col_left:before   {
    width: 40%;
}

.acf-fields.-left > .acf-field.__col_right    {
    flex-basis: 50%;
    width: 50%;
    float: left;
    clear: initial;
}
.acf-fields.-left > .acf-field.__col_right:before   {
    width: 40%;
}
.acf-fields.-left > .acf-field.__col_right .acf-label    {
    width: 40%;
}
.acf-fields.-left > .acf-field.__col_right .acf-input {
    width: 60%;
}


body    {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}

.section    {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
}

.section.hero .section_background   {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.4+0,0+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.section.hero .section_background .background_image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.section.hero   {
    max-width: 100%;
    position: relative;
    height: 250px;
}

.section.top_header em  {
    color: #1e376d; /* dark blue */
    font-style: normal;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 3px;
    position: absolute;
    width: 500px;
    text-align: left;
    top: 46px;
    left: 330px;
    font-weight: 600;
    line-height: 1;
}

.section.top_header {
    position: relative;
}

.section.top_header .logo   {
    width: 350px;
    height: auto;
    display: block;
}

.section.top_header .logo img   {
    width: 100%;
    height: auto;
}

.section.top_header .tools  {
  position: absolute;
  right: 0;
  top: 25px;
  text-align: right;
}

.section.top_header .tools_item {
  position: relative;
  line-height: 35px;
  display: block;
}
.section.top_header .tools_item span.__icon {
    font-size: 30px;
    vertical-align: middle;
}

.section.sub_hero   {
    max-width: 100%;
    background-color: #1e376d; /* dark blue */
    color: white;
}

.section.sub_hero .sub_section  {
  overflow: initial;
}

.section_title  {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.section_title h2   {
    position: absolute;
    top: 200px;
    left: 0;
    color: #1e376d; /* dark blue */
    background-color: #fec52d; /* yellow */
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    padding: 0px 15px;
    line-height: 50px;
    font-size: 34px;
    display: inline-block;
}

.activities {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 300px;
    height: 34px;
    font-size: 18px;
    line-height: 30px;
    border: solid 2px white;
    z-index: 2;
}

.activities a   {
    color: white;
}

.activities .activity_selector  {
    padding: 0px 20px;
    text-align: center;
    display: block;
}

.activities:hover,
.activities.__opened {
    background-color: #fec52d; /* yellow */
    cursor: pointer;
}
.activities .sub_nav  {
  width: 300px;
  -webkit-transition: all 200ms ease-in-out;
  transition:         all 200ms ease-in-out;
  max-height: 300px;
  overflow-y: auto;
  position: absolute;
    top: 30px;
    left: -2px;
    width: 300px;
    border: solid 2px white;
    border-top: none;
}
.activities:hover .sub_nav  {
    display: block;
    transform: scaleY(1);
    opacity: 1;
    -webkit-transition: all 200ms ease-in-out;
    transition:         all 200ms ease-in-out;
}

.activities .sub_nav:before {
    content: none;
}

.section.footer {
    max-width: 100%;
    background-color: #d2d4d4 /* light-gray */
}

.section.footer .sub_section    {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
}

/* navigation */
.section.hero .nav  {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    padding-top: 20px;
}
.section.sub_hero {
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.section.hero .nav ul,
.section.sub_hero .nav ul   {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.section.sub_hero .nav  {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}

.nav > ul > li > a    {
    transition: transform .5s;
    z-index: -1;
}
.nav > ul > li > a:hover    {
    color: #fec52d; /* yellow */
    transform: translateY(-2px);
    transition: transform .2s;
}

.nav > ul > li.active > a   {
    color: #fec52d; /* yellow */
}

.section.sub_hero .nav ul   {
    text-align: left;
}

.nav > ul > li {
    display: inline;
    position: relative;
    padding-bottom: 50px;
}

.nav > ul > li > a   {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    padding: 20px 15px;
    display: inline;
}

ul.sub_nav  {
  transform: scaleY(0);
  transform-origin: 50% 0%;
  opacity: 0;
  /*-webkit-transition: all 150ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition:         all 150ms cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
  display: block;
  position: absolute;
  z-index: 10;
  margin: 0;
  padding: 0;
  top: 40px;
  width: 250px;
  left: 0;
  background-color: #fec52d; /* yellow */
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
  z-index: 100;
}

ul.sub_nav:before   {
    position: absolute;
    content: '';
    top: -10px;
    left: 30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fec62d transparent;
}

.nav li:hover ul.sub_nav  {
  transform: scaleY(1);
  transform-origin: top;
  opacity: 1;
  top: 50px;
    -webkit-transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition:         all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: initial;
    left: 0;
}

ul.sub_nav li    {
    display: block;
}

ul.sub_nav li a {
    display: block;
    text-align: left;
    color: #1e376d; /* dark blue */
    text-decoration: none;
    padding: 10px 10px;
    font-size: 14px;
}

ul.sub_nav li.sub_header a   {
    text-transform: uppercase;
    font-weight: 600;
}

ul.sub_nav li.active.sub_header {
    position: relative;
}

ul.sub_nav li.active.sub_header a:before    {
    left: 2px;
    top: 17px;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #1e376d; /* dark blue */
}

ul.sub_nav li.separator {
    border-top: solid 1px rgba(30, 55, 109, 0.2); /* dark blue */
    margin: 0 10px 0px 10px;
    height: auto;
    width: auto;
}

ul.sub_nav li.separator:last-of-type {
  border-top: none;
}

ul.sub_nav ul.sub_nav   {
    position: static;
}

/* footer */
.legal  {
    color: #1e376d; /* dark blue */
    font-size: 12px;
}

.legal .org {
    text-transform: uppercase;
    width: 80%;
    margin-bottom: 20px;
}

.eu {
    margin-top: 50px;
}

.eu img  {
    float: left;
   /* width: 25%;*/
}

.eu p    {
    float: left;
    width: 63%;
    margin-left: 5%;
    margin-top: 0px;
}

.footer .social a    {
    color: #1e376d; /* dark blue */
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    padding: 5px;
    text-decoration: none;
    font-size: 14px;
}
.footer .social a.linked_in,
.footer .social a.twitter {
  width: 50px;
  height: 50px;
  background-color: #1e376d; /* dark blue */
  color: white;
  text-align: center;
  font-size: 30px;
  line-height: 45px;
}

/* search */
.searchform,
.inlineform {
  margin: 20px 0;
}
.searchform label,
.inlineform label {
  display: inline-block;
  line-height: 30px;
}
.searchform input[type='text'],
.inlineform select {
  width: 40%;
  padding: 0 5px;
  font-family: inherit;
  outline: none;
  color: #1e376d; /* dark blue */
  display: inline-block;
  background-color: transparent;
  font-size: 16px;
  margin: 0;
  line-height: 28px;
  border: solid 1px #fec52d; /* yellow */
  text-align: left;
}

/* headers */
h1  {
  line-height: initial;
}
h3  {
    background-color: #fec52d; /* yellow */
    color: #1e376d; /* dark blue */
    margin: 0;
    padding: 10px;
    font-weight: 600;
    text-transform: uppercase;
}
h3 a    {
    color: inherit;
}
.section.__space_around {
    margin-top: 10px;
}
h3.__space_around	{
	margin: 10px 0;
}
h4  {
  text-transform: uppercase;
}
h1.with_logo img    {
    width: 70px;
    height: auto;
    vertical-align: middle;
    margin-right: 10px;
}
h3.with_icon  {
  position: relative;
  padding-left: 50px;
}
h3.with_icon span {
  background-color: #1e376d; /* dark blue */
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 35px;
  text-align: center;
  width: 40px;
  height: 40px;
}

/* grid */
.separator {
    width: 100%;
    height: 50px;
    clear: both;
}
.push_down  {
    margin-top: 20px;
}
hr  {
    border: none;
    border-top: solid 1px #1e376d; /* dark blue */
    max-width: 1200px;
    margin: 20px auto;
}
.section    {
    clear: both;
}
.row    {
    clear: both;
}
.section.right_sidebar .left.column {
    width: 66.66%;
    padding-right: 20px;
    float: left;
}
.section.right_sidebar .right.column    {
    width: 33.33%;
    float: left;
}
.section.split_in_half .column  {
  width: 50%;
  float: left;
}
.sub_section.three_columns  {
    overflow: hidden;
}
.sub_section.three_columns .column  {
    width: 33.33%;
    float: left;
}
.sub_section.two_columns .column  {
    width: 50%;
    float: left;
}
.sub_section.three_columns:after,
.sub_section.two_columns:after    {
    content: '';
    display: table;
    clear: both;
}
.sub_section    {
    /* overflow: hidden; */
}
.column {
    padding-right: 20px;
}
.column:last-of-type {
    padding-right: 0;
}
/* fix the padding, because of nested columns the left column on home page would be smaller */
.section.right_sidebar .left.column .column:first-child {
    padding-right: 10px;
}
.section.right_sidebar .left.column .column:last-child {
    padding-left: 10px;
}
.section.sub_hero + .section.full   {
    margin-top: 20px;
}

img {
    max-width: 100%;
    height: auto;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a   {
    text-decoration: none;
    color: #3679bd; /* light blue */
}

.hidden {
    display: none;
}

.relative   {
    position: relative;
}

table {
  border-collapse: collapse;
  width: 100%;
}

table td  {
  vertical-align: top;
  padding: 5px;
  border-bottom: solid 1px #1e376d; /* dark blue */
}

table tr[data-click]:hover  {
    cursor: pointer;
}

table th  {
  text-transform: uppercase;
  text-align: left;
  font-weight: 600;
  padding: 5px;
  background-color: #efefef;
  font-size: 14px;
  color: #1e376d;
}

span[role=button],
a[role=button],
input[type='button'],
button,
input[type='submit']  {
  background-color: #1e376d; /* dark blue */
  border: none;
  color: white;
  font-size: 16px;
  line-height: 20px;
  font-family: inherit;
  display: inline-block;
  padding: 5px;
}
[role=button].__secondary   {
    background-color: gray;
    color: white;
}
[role=button].__disabled    {
    background-color: #efefef;
    color: silver;
}

h1 [role=button]	{
	font-weight: normal;
	vertical-align: middle;
}

/*generic forms*/
.acf-fields select	{
	text-align: left;
}
select  {
  padding: 0px 20px;
  font-family: inherit;
  border: solid 2px white;
  background-color: transparent;
  text-align: center;
  font-size: inherit;
  display: block;
  line-height: 30px;
  height: 30px;
}
select option {
  display: block;
  padding: 10px;
}
.clear  {
    clear: both;
}

.bullet {
    display: inline-block;
    width: 15px;
    height: 15px;
    font-size: 0;
    line-height: 0;
    border-radius: 50%;
    border: solid 2px white;
    vertical-align: middle;
}

.bullet.privacy-public  {
    background-color: green;
}
.bullet.privacy-private  {
    background-color: orange;
}
.bullet.privacy-internal  {
    background-color: red;
}

.__chevron  {
    width: 20px;
    display: inline-block;
}

.login_notice   {
    background-color: #fec52d;
    padding: 10px;
    margin: 0 0 20px 0;
}

.login_notice a {
    color: #1e376d;
    text-decoration: underline;
}


/*components*/

.component_message.__error  {
    padding: .5em;
    color: red;
    border: solid 1px red;
    margin: 1em 0;
}
.component_message.__success  {
    padding: .5em;
    color: #00810f;;
    border: solid 1px #00810f;
    margin: 1em 0;
}
.component_message.__bordered   {
    border: solid 1px #00810f;
    padding: 1em;
    margin-bottom: 1em;
}
.component_compare_table .__separator  {
  background-color: #efefef;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  padding-top: 20px;
  border-bottom-width: 2px;
}
.component_compare_table .__not_set	{
	color: gray;
}
.component_compare_table tr:hover td  {
  background-color: rgba(254, 193, 60, 0.3);
}
.component_compare_table td {
  border-bottom-color: #afafaf;
  font-size: 14px;
  padding: 10px 0 10px 10px;
}
.component_compare_table ul {
  margin: 0;
  padding: 0 0 0 10px;
}
.component_compare_table tr th {
  border-bottom: solid 2px #1e376d ! important;
}
.__file_icon    {
    width: 50px;
    height: auto;
  max-width:50px;
}
.component_tabs a {
  display: inline-block;
  font-size: 18px;
  padding: 10px;
  margin-right: 10px;
  border: solid 2px #3679bd; /* light blue */
  border-bottom: none;
  background-color: #3679bd; /* light blue */
  color: white;
}
.component_tabs a.active  {
  color: #3679bd; /* light blue */
  background-color: white;
  position: relative;
}
.component_tabs a.active:after  {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  z-index: 200;
  height: 2px;
  background-color: white;
  content: '';
}
.component_tabs {
  border-bottom: solid 2px #3679bd; /* light blue */
}
.component_search_result_item {
  overflow: hidden;
  width: 100%;
  clear: both;
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
  border-bottom: solid 1px #d2d4d4; /* light-gray */
}
.component_search_result_item .wp-post-image {
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
component_search_result_item .__permalink {
  display: block;
  font-weight: 600;
}
.component_agency_table img {
  max-width: 50px;
  max-height: 50px;
}
.component_agency_table [role='button'] {
    width: 100%;
    text-align: center;
}
.component_agency_table .__summary td {
  border-bottom: none;
}
.component_agency_table .__details  {
  font-size: 12px;
  color: #555;
}
.component_agency_table .__details .__logo {
    float: left;
    width: 50px;
    margin-right: 20px;
}
.component_agency_table .__details td  {
    padding-left: 70px;
}

.recommendations_comments .header	{
	display: grid;
	grid-template-columns: 20% 20% auto;
	grid-gap: 10px;
	font-weight: bold;
	font-size:large;
	padding-bottom: 10px; 
}

.recommendations_comments .row	{
	display: grid;
	grid-template-columns: 20% 20% auto;
	grid-gap: 10px;
}

.recommendations_comments .row.hidden	{
	display: none;
}

.recommendations_comments .row + .row	{
	
	margin-top: 20px;
	
}

.component_accordion .__last_updated    {
    font-size: 13px;
    background-color: rgba(0,0,0,.03);
    padding: 10px;
    border-bottom: solid 1px rgba(0,0,0,.08);
    font-style: italic;
}
.component_accordion .__section_is_obsolete    {
    font-size: 13px;
    background-color: rgba(255,0,0,.05);
    padding: 10px;
    color: red;
    border-bottom: solid 1px rgba(0,0,0,.08);
    font-style: italic;
}
.component_accordion .__heading {
  background-color: #fec13c; /* yellow */
  margin: 0;
  padding: 5px;
  position: relative;
}
.component_accordion .__heading .__is_obsolete    {
    overflow-wrap: break-word;
    word-wrap: break-word;
    padding-right: 10px;
    color: red;
}
.component_accordion .__heading .__right    {
    padding-right: 10px;
}
.component_accordion .__heading .__right span    {
    display: inline-block;
    width: 60px;
    padding-left: 10px;
}
.component_accordion .__epis td:last-child  {
    text-align: right;
    min-width: 200px;
}
.component_accordion .__epis td   {
    border-bottom-color: rgba(254, 193, 60, 0.2) /* yellow */;
}
.component_accordion .__epis ul   {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.component_accordion .__epis tr:last-child td   {
    border-bottom: none;
}
.component_accordion + .component_accordion  {
    margin-top: 5px;
}
.component_accordion .__body  {
  border: solid 1px rgba(254, 193, 60, 0.2); /* yellow */
  padding: 10px;
}
.component_accordion .component_inline_popup    {
    top: 30px;
}
.component_accordion .__heading a {
  color: #1e376d; /* dark blue */
  display: grid;
  grid-template-columns: min-content auto;
}
.component_accordion .__section {
    flex-basis: 50%;
    flex-grow: 3;
}
.component_accordion .__body  {
  display: none;
}
.component_accordion .__body.__on   {
    display: block;
}
.component_highlighted_items .__more {
  display: block;
  text-align: right;
  width: 100%;
}
.component_highlighted_items  {
  margin: 10px 0px;
  padding-bottom: 10px;
}
.component_highlighted_items table  {
  table-layout:fixed;
  border: none;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 10px;
}
.component_highlighted_items td {
  border-bottom: solid 1px #1e376d; /* dark blue */
  padding: 15px 5px 15px 0;
  font-weight: 600;
  vertical-align: top;
  width: 24%;
}
.component_highlighted_items td:first-child {
  text-transform: uppercase;
  width: 50%;
}
.component_highlighted_items._custom_news td:first-child {
  text-transform: uppercase;
  width: 75%;
}
.component_highlighted_items td:last-child {
  width: 2%;
}
.component_feature_image    {
    overflow: hidden;
}
.component_feature_image img    {
    width: 66.66%;
    float: left;
    padding-right: 20px;
    height: auto;
}
.component_feature_image .__content {
    width: 33.33%;
    float: left;
}

.component_topic_list_with_icon {
    display: table;
}
.component_topic_list_with_icon .icon-chevron-right {
    position: absolute;
    right: 10px;
    top: calc(50% - 12px);
    color: #fec52d;
    font-size: 25px;
}
.component_topic_list_with_icon h3 {
    padding-right: 35px;
}
.component_topic_list_with_icon .__header {
    position: relative;
}
.component_topic_list_with_icon._custom_epis .__header   {
    background-color: #3679bd; /* light blue */
    overflow: hidden;
}
.component_topic_list_with_icon._custom_epis h3 {
    background-color: #1e376d; /* dark blue */
    color: white;
}
.component_topic_list_with_icon._custom_epis .icon-epis {
  font-size: 50px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  display: block;
  color: #fff;
}
.component_topic_list_with_icon._custom_kmd .__header   {
    background-color: #fec13c; /* yellow */
    overflow: hidden;
}
.component_topic_list_with_icon._custom_kmd h3 {
    background-color: #1e376d; /* dark blue */
    color: #fec13c ;/* yellow */
}
.component_topic_list_with_icon._custom_kmd .icon-kms {
  font-size: 50px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  display: block;
  color: #1e376d; /* dark blue */
}
.component_topic_list_with_icon .__icon {
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}
.component_topic_list_with_icon h3  {
    display: table-cell;
    width: 70%;
    vertical-align: middle;
}
.component_topic_list_with_icon p   {
    clear: both;
}

.component_sidebar_list.__topic_list  {
  margin: 5px 0;
  min-height: 100px;
}
.component_sidebar_list.__topic_list .__left  {
  max-width: 100px;
  height: auto;
}
.component_sidebar_list {
    overflow: hidden;
    margin-bottom: 10px;
}
.component_sidebar_list.__yellow_header h3  {
  background-color: #fec52d; /* yellow */
  color: #1e376d; /* dark blue */
}

.component_sidebar_list h3  {
    background-color: #1e376d; /* dark blue */
    color: white;
    margin-bottom: 10px;
}

.component_sidebar_list:after   {
    content: '';
    display: table;
    clear: both;
}
.component_sidebar_list hr  {
    clear: both;
}
.component_sidebar_list .__left {
    float: left;
    width: 30%;
}

.component_sidebar_list .__right    {
    float: left;
    width: 70%;
    padding-left: 20px;
}
.split_in_half .component_event_list_item   {
    width: 50%;
}
.component_event_list_item  {
    width: 25%;
    float: left;
    padding:10px;
  min-height:400px;
}

.component_event_list_item img  {
    height: auto;
  max-height: 200px;
  border:1px solid grey;
}
.component_silver_box   {
    overflow: hidden;
}
.component_silver_box hr    {
    margin: 0px 10px 20px 10px;
}
.component_silver_box ul  {
  margin: 0 0 25px 0;
  padding: 0 25px;
}
.component_silver_box ul li {
    padding: 10px;
}
.component_silver_box p {
    margin: 0px 10px 10px 10px;
}

.component_silver_box.__has_inline_form {
    padding: 10px 5px;
    display: flex;
    border-bottom: solid 1px grey;
}

.component_silver_box.__has_inline_form label {
    line-height: 30px;
    margin-right: 10px;
}

.component_silver_box.__has_inline_form select    {
    margin-right: 10px;
}

.component_silver_box,
.component_silver_box h3    {
    background-color: #efefef; /* silver */
    color: #5d5d5d; /* dark blue */
}
.right.column > .component_yellow_box,
.right.column > .component_silver_box {
  margin-top: 20px;
}
.component_definitions_filter   {
    display: flex;
}
.component_definitions_filter .col  {
    padding: 20px;
}
.component_definitions_filter   input[type='text'],
.component_definitions_filter   input[type='search']    {
  width: 300px;
  padding: 0 5px;
  font-family: inherit;
  outline: none;
  color: #1e376d; /* dark blue */
  display: inline-block;
  background-color: white;
  font-size: inherit;
  margin: 0;
  line-height: 30px;
  height: 30px;
  border: solid 1px #1e376d; /* dark blue */
  text-align: left;
}
.component_definitions_filter   select    {
  width: 200px;
  padding: 0 5px;
  font-family: inherit;
  outline: none;
  color: #1e376d; /* dark blue */
  display: inline-block;
  background-color: white;
  font-size: inherit;
  margin: 0;
  line-height: 30px;
  height: 30px;
  border: solid 1px #1e376d; /* dark blue */
  text-align: left;
}

.component_yellow_box .__topic_menu .active a   {
    font-weight: bold;
    text-decoration: underline;
}
.component_yellow_box + .component_silver_box,
.component_silver_box + .component_yellow_box   {
    margin-top: 10px;
}
.component_yellow_box input[type='text']  {
  vertical-align: middle;
  width: 100px;
  padding: 0 5px;
  font-family: inherit;
  outline: none;
  color: #1e376d; /* dark blue */
  display: inline-block;
  background-color: white;
  font-size: inherit;
  margin: 0;
  line-height: inherit;
  border: solid 1px #1e376d; /* dark blue */
  text-align: left;
}
.component_yellow_box .facetwp-facet label {
    margin-right: 10px;
}
input[type='text'] + label  {
    margin-left: 10px;
}
.component_yellow_box .__separator  {
    border-color: rgba(30, 55, 109, 0.2);
}
.component_yellow_box input[type='button']  {
    font-size: inherit;
    line-height: 22px;
    padding: 0 5px;
    margin-left: 10px;
    vertical-align: middle;
}
.component_yellow_box .facetwp-facet    {
    margin: 10px;
    overflow: hidden;
    font-size: 14px;
    color: black;
}
.component_yellow_box .facetwp-type-fselect .fs-wrap, 
.component_yellow_box .facetwp-type-fselect .fs-dropdown  {
   /* width: 100%; removed cb 13/9 */ 
}
.component_yellow_box .facetwp-hidden   {
    display: none;
}
.component_yellow_box,
.component_yellow_box h3    {
    background-color: #fec52d; /* yellow */
    color: #1e376d; /* dark blue */
}
.component_yellow_box h4  {
  margin: 0 10px;
  font-size: 14px;
}
.component_yellow_box ul  {
  margin: 0 0 25px 0;
  padding: 0 25px;
}
.component_yellow_box ul a  {
  padding: 5px 0;
}
.component_yellow_box select  {
  margin: 10px;
}
.component_yellow_box dl  {
  margin: 10px;
  overflow: hidden;
}
.component_yellow_box dt  {
  display: block;
  margin: 0 10px 10px 0;
  clear: both;
  float: left;
  font-size: 20px;
  line-height: 0px;
}
.component_yellow_box dd  {
  display: block;
  margin: 0 10px 10px 0;
  line-height: 20px;
}
.component_yellow_box a.active  {
  /*background-color: #1e376d; /* dark blue */
  /*color: white;*/
  font-weight: bold;
  text-decoration: underline;
}
.component_yellow_box   {
   /* margin-bottom: 20px;
    overflow: hidden;*/
}
.component_yellow_box a[role=button] {
  color: white;
  display: inline-block;
  margin: 10px 10px;
  padding: 5px;
}
.component_yellow_box hr    {
    margin: 0px 10px 20px 10px;
}
.component_yellow_box a {
    color: #1e376d; /* dark blue */
    display: block;
    padding: 20px 10px;
}
.component_yellow_box._custom_stay_connected a  {
  font-weight: 600;
}

.component_yellow_box._custom_stay_connected span  {
  font-size: 30px;
  vertical-align: middle;
}
.component_hero_cta {
  text-align: center;
}
.component_hero_cta .__item {
  width: 300px;
  display: inline-block;
  line-height: 60px;
  position: relative;
}
.component_hero_cta .__item a span {
  color: white;
  border-bottom: solid 1px #fec52d; /* yellow */
}
.component_hero_cta .__item a:hover span {
  color: #fec52d; /* yellow */
}
.component_hero_cta .__item a span.__icon {
  border-bottom: none;
  font-size: 30px;
  vertical-align: middle;
  color: #fec52d; /* yellow */
}
.component_form label {
  display: block;
  width: 100%;
  float: left;
}
.component_form p {
  clear: left;
  overflow: hidden;
  margin-bottom: 20px;
  line-height: 30px;
}
.component_form .__hint {
    font-size: 14px;
    color: gray;
    display: block;
    clear: both;
    font-style: italic;
}
.component_form .__error label  {
  color: red;
}
.component_form .__error.__inline .__error   {
    margin-left: 0;
    display: inline;
}
.component_form .__error input {
  border-color: red ! important;
}
.component_form .__error .__error {
  color: red;
  font-style: italic;
  display: block;
  clear: both;
  font-size: 14px;
  margin-left: 40%;
}
.component_form .__important  {
  padding: 10px;
  background-color: rgba(254, 197, 45, 0.2); /* yellow */
  border-radius: 10px;
  margin: 0 0 30px 0;
}
.component_form input[type='text']:focus,
.component_form input[type='email']:focus,
.component_form input[type='password']:focus  {
  border-color: #1e376d; /* dark blue */
}

.component_form input[type='text'],
.component_form input[type='email'],
.component_form input[type='password']  {
  float: left;
  width: 40%;
  padding: 0 5px;
  font-family: inherit;
  outline: none;
  color: #1e376d; /* dark blue */
  display: inline-block;
  background-color: transparent;
  font-size: 16px;
  margin: 0;
  line-height: inherit;
  border: solid 1px #fec52d; /* yellow */
  text-align: left;
}
.component_inline_popup {
  z-index: 200;
  font-size: 0;
  position: absolute;
  top: 63px;
  left: 26px;
  background-color: white;
  width: 300px;
  border: solid 2px #1e376d; /* dark blue */
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
  color: black;
  padding: 10px;
  transform: scale(1,1);
  transform-origin: 20% 0%;
  -webkit-transition: transform 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition:         transform 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.component_inline_popup .__normal_font   {
    font-size: 16px ! important;
    text-align: left;
}
.component_inline_popup h4  {
    font-size: 16px;
    margin: 0;
}
.component_inline_popup p.text  {
    font-size: 16px;
}

.component_inline_popup.__right {
  left: initial;
  right: 0;
  top: 50px;
  transform-origin: 80% 0%;
}

.component_inline_popup label,
.component_inline_popup input[type="text"],
.component_inline_popup input[type="password"] {
  font-family: inherit;
  outline: none;
  color: #1e376d; /* dark blue */
  display: inline-block;
  border: none;
  background-color: transparent;
  font-size: 16px;
  padding: 0;
  margin: 0;
  line-height: 20px;
  border-bottom: solid 1px #fec52d; /* yellow */
  text-align: left;
}

.component_inline_popup label {
  width: 40%;
  margin: 0;
  padding: 0;
}
.component_inline_popup input[type="text"],
.component_inline_popup input[type="password"] {
  width: 60%;
}
.component_inline_popup p + p {
  margin: 15px 0;
}
.component_inline_popup p {
  margin: 0;
  padding: 0;
  height: inherit;
  width: 100%;
  line-height: initial;
}
.component_inline_popup p.login-register    {
    font-size: 16px;
    text-align: left;
}
.component_inline_popup p.login-register a  {
    display: inline-block;
    padding: 10px 0;
}
.component_inline_popup p.login-submit,
.component_inline_popup p.submit
{
  text-align: right;
  margin-bottom: 0;
}
.component_inline_popup p.email label   {
    width: 20%;
}
.component_inline_popup p.email input   {
    width: 80%;
}
.component_inline_popup p.login-remember label  {
  width: 100%;
  border-bottom: none;
}
.component_inline_popup input[type="submit"]  {
  background-color: #1e376d; /* dark blue */
  border: none;
  color: white;
  font-size: 16px;
  line-height: 20px;
  font-family: inherit;
  display: inline-block;
  padding: 5px;
}
.component_inline_popup:after,
.component_inline_popup:before {
    content: '';
    display: block;
    position: absolute;
    left: 40px;
    width: 0;
    height: 0;
    border-style: solid;
}

.component_inline_popup:after {
    top: -20px;
    border-color: transparent transparent #fff transparent;
    border-width: 10px;
}

.component_inline_popup:before {
    top: -24px;
    left: 38px;
    border-color: transparent transparent #1e376d transparent; /* dark blue */
    border-width: 12px;
}

.component_inline_popup.__right:after {
  right: 40px;
  left: initial;
}
.component_inline_popup.__right:before  {
  right: 38px;
  left: initial;
}

.component_inline_popup.hidden  {
    display: block;
    visible: hidden;
    transform: scale(0,0);
    opacity: 0;
    -webkit-transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition:         all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.component_profile_list_item  {
    width: 25%;
    float: left;
    padding-right: 20px;
    margin-bottom: 30px;
}

.component_profile_list_item img  {
    height: auto;
    display: block;
}
.component_profile_list_item p,
.component_profile_list_item h4  {
  margin: 10px 0px;
  font-size: 14px;
}
.component_profile_list_item h4 {
  text-transform: uppercase;
}
.component_profile_list_item .__position  {
  background-color: #fec52d; /* yellow */
  color: #1e376d; /* dark blue */
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px;
  font-size: 16px;
  margin: 0px; 
}

a[href="#toggle_nav"] {
  display: none;
}

.recommendations_comments .header.desktop_only	{
	display: grid;
}
.recommendations_comments .row .mobile_only	{
	display: none;
}

@media only screen and (min-width: 300px) and (max-width: 768px) {
	
.recommendations_comments .header.desktop_only	{
	display: none;
}
.recommendations_comments .row .mobile_only	{
	display: grid;
	font-weight: bold;
}

.recommendations_comments .row	{
	
	grid-template-columns: 1fr 1fr;
	border-bottom: solid 1px silver;
	margin-bottom: 10px;
	padding-bottom: 10px;
	
}

.recommendations_comments .row .comments	{
	grid-column: 1/3;
}

  .section.top_header {
    padding-bottom: 35px;
  }
  .section.top_header .logo {
    width: 35%;
  }
  .section.top_header em  {
    position: static;
    display: block;
    font-size: 11px;
    letter-spacing: initial;
    line-height: initial;
    width: 50%;
    padding-left: 1.5em;
  }
  .section.top_header .tools  {
    clear: both;
    top: 5px;
    right: 5px;
  }
  .section.hero .nav ul,
  .sub_hero .nav  {
    display: none;
  }
  .nav > ul > li  {
    display: block;
    padding-bottom: initial;
    text-align: left;
  }
  .nav > ul > li > a  {
    background-color: transparent; /* yellow */
    color: #1e376d; /* dark blue */
    display: block;
    position: relative;
    padding: 10px;
  }
  a[href="#toggle_nav"] {
    display: block;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    padding: 10px;
    text-align: right;
  }

  body.__nav_opened .section,
  div.separator,
  body.__nav_opened .section .section_title,
  body > hr {
    display: none;
  }
  body.__nav_opened .section.hero,
  body.__nav_opened .section.top_header,
  body.__nav_opened .section.footer {
    display: block;
  }
  .sub_section.three_columns .column,
  .sub_section.two_columns .column {
    width: 100%;
    float: none;
  }
  .sub_section.three_columns .column.logo  {
    width: 40%;
  }
  .sub_section.three_columns .column.legal  {
    overflow: hidden;
  }
  .legal .eu p  {
    width: 70%;
  }
  .legal .org {
    width: 100%;
  }
  .nav > ul > li.active > a {
    color: white;
    background-color: #1e376d; /* dark blue */
  }
  .nav ul li .sub_nav li.active a:before {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    border-style: solid;
    margin-right: 5px;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #000;
  }
  ul.sub_nav  {
    display: block;
    opacity: 1;
    transform: scale(1);
    position: static;
    width: 100%;
    background-color: #fed667;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
  }
  .activities ul.sub_nav    {
      display: none;
  }
  ul.sub_nav:before {
    left: 10px;
    border-color: transparent transparent #fed667 transparent;
  }
  ul.sub_nav li a {
    color: #444;
    font-size: 12px;
  }
  ul.sub_nav li.sub_header a    {
      font-weight: 300;
  }
  .nav ul li .sub_nav li.active a   {
      font-weight: 600;
  }
  .nav > ul > li > a  {
    z-index: 2;
  }
  
  .nav > ul > li > a:hover  {
      background-color: transparent;
      color: inherit;
      transform: none;
  }
  
  .nav > ul {
      background-color: #fec52d;
  }
  .section_title    {
      position: static;
  }
  .section_title h2 {
      top: auto;
      bottom: 0;
      z-index: 100;
  }
  .section.right_sidebar .left.column,
  .section.right_sidebar .right.column {
    width: 100%;
    padding: 0px ! important;
    float: none;
  }
  
  .section > h2,
  .section h1,
  .section p    {
      padding: 5px;
  }
  .section.right_sidebar .right.column .component_yellow_box,
  .component_accordion,
  .component_topic_list_with_icon,
  .component_sidebar_list,
  .sub_section,
  .component_feature_image,
  .section.right_sidebar .right.column .component_silver_box
  {
      margin: 5px;
  }
  
  .column   {
      padding-right: 0;
  }
  
  .component_feature_image img  {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .component_feature_image .__content {
    width: 100%;
    float: none;
  }

  [data-name="resources"] td:first-child  {
    min-width: 50px;
  }

  .component_event_list_item,
  .component_profile_list_item  {
    width: 100%;
    padding: 5px;
    margin: 0;
    float: none;
  }
  .component_form label,
  .component_form input[type='text'], 
  .component_form input[type='email'], 
  .component_form input[type='password'] {
    width: 100%;
  }
  .component_form .__important  {
    margin: 5px;
  }
  .component_form .__error .__error {
    margin-left: 0;
  }
}

/* Added in 7/9/17 cb */

.form-horizontal.kms_response, .form-horizontal.kms_submission, textarea {
     
    width: 100%;
  padding: 20px;}
.form-horizontal.kms_response, .form-horizontal.kms_submission, input[type="text"],input[type="email"] {
     
    width: 100%;
  padding: 10px;}
.form-horizontal.kms_response radio {
     
    width: auto;
  padding: 10px;}

.form-horizontal.kms_response select, .form-horizontal.kms_submission select {
     
   border:1px solid #cccccc;
}
.error {color:red}

/* added in on request of kirsten*/
.epevent {
  background-color: #a6b6c6;
}

.groups {min-height:320px;}


/*added 6/2/19 change oreder on topics page*/
@media only screen and (min-width: 768px)   {
  .topic_col {width:50%; float:left;} }

/* ACF FORM hide repeater controls */
.acf-fields.-left>.acf-field.hide_repeater_controls:before  {
    content: unset;
}

.hide_repeater_controls > .acf-label  {
    display: none;
}

.hide_repeater_controls .acf-row-handle  {
    display: none;
}

.hide_repeater_controls .acf-row  {
    border-bottom: solid 2px silver;
}


/* added 3/17/90 */
.__inline_flex  {
    display: flex;
}

.__inline_flex > *  {
    margin-right: 20px;
}

.component_silver_box .component_accordion  {
    margin: 10px;
}

.component_silver_box input[type='text'],
.component_silver_box input[type='password'] {
    background-color: white;
    width: 100%;
}

/* data tables */
table.dataTable thead th {
    position: relative;
    background-image: none !important;
}
  
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute;
    top: 12px;
    right: 8px;
    display: block;
    font-family: Dashicons;
}
table.dataTable thead th.sorting:after {
    content: "\f156";
    color: #969696;
}
table.dataTable thead th.sorting_asc:after {
    content: "\f142";
}
table.dataTable thead th.sorting_desc:after {
    content: "\f140";
}

/* dashboard */
.dashboard.crossroad    {
    display: flex;
}
.dashboard.crossroad .item em    {
    font-size: 12px;
}

.dashboard.crossroad .col:first-child    {
    flex-basis: 70%;
    display: flex;
    flex-wrap: wrap;
}
.dashboard.crossroad .col:last-child    {
    flex-basis: 30%;
    padding-left: 20px;
}
.dashboard.crossroad .col h3    {
    flex-basis: 100%;
}
.dashboard.crossroad .agency    {
    flex-basis: 50%;
    flex-grow: 2;
    padding: 5px 5px 0 0;
    box-sizing: border-box;
    display: flex;
}
.dashboard.crossroad .profile    {
    margin-top: 5px;
    box-sizing: border-box;
    display: flex;
}
.dashboard.crossroad .agency .item   {
    background-color: #efefef;
    padding: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.dashboard.crossroad .profile .item   {
    background-color: #efefef;
    padding: 10px;
    width: 100%;
}

.dashboard.crossroad h4 {
    margin: 0;
}

.dashboard.crossroad .col hr   {
    border-top: solid 1px #8a8a8a4f;
    margin-left: -10px;
    margin-right: 10px;
    width: calc(100% + 20px);
}
.dashboard.crossroad ul {
    margin: 0;
    padding: 0 0 0 1em;
    font-size: 14px;
    list-style-type: square;
}

.dashboard.crossroad .item_head p {
    margin-bottom: 0;
}
.dashboard.crossroad .item_head {
    min-height: 80px;
}

.glossarizer_replaced	{
	
	text-decoration: underline;
	background-color: yellow;
	
}

.ep_tooltip	{
	position: absolute;
	z-index: 10000;
	width: auto;
	max-width: 300px;
	background-color: #ffffb8;
	border: solid 1px #b9b96c;
	padding: 10px;
	box-shadow:
	  2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),
	  6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),
	  12.5px 12.5px 10px rgba(0, 0, 0, 0.035),
	  22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042),
	  41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),
	  100px 100px 80px rgba(0, 0, 0, 0.07)
	;
}

.ep_tooltip h4	{
	margin-top: 0;
}