/*
Theme Name: EuroPris 2017 THEME
Theme URI: https://www.wisedesign.nl
Description: Theme for EuroPris.org
Author: WD
Author URI: https://www.wisedesign.nl
Version: 2.0
Tags: EPTA

License:
License URI:

*/

@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";
    color:#fff;
}
.icon-user:before {
    content: "\e907";

}
.icon-epis:before {
    content: "\e901";
}
.icon-twitter_circle:before {
    content: "\e902";
}
.icon-twitter:before {
    content: "\e903";
}
.icon-linked_in:before {
    content: "\e904";
    color:#F16112;
    border: 2px solid #F16112;
    border-radius: 100%;
    margin-right: 2px;
    font-size:22px;
}
.icon-magnifier:before {
    content: "\e905";
}
.icon-president:before {
    content: "\e906";
}
.icon-envelope:before {
    content: "\e907";
}
.icon-megaphone:before {
    content: "\e908";
}
.icon-calendar:before {
    content: "\e909";
}



body    {
    font-size: 14px;
    line-height: 23px;
    margin: 0;
    padding: 0;
    font-family: 'Exo 2', sans-serif;
    color: #58585B;


}
span {
    content: "\2193";
} 


.page-id-202{background-image: url("/wp-content/uploads/2019/07/BG_white.png"); background-repeat:repeat;}
.page-id-202 .section.sub_hero   {

    margin-bottom: 50px !important;
}
.page-id-202 h3.with_icon {
    position: relative;
    padding-left: 50px;
    width: 30%;
}
.section    {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.icon-envelope{color: #F16112;}

.section.hero .section_background   {
    background-color: rgba(0, 0, 0, 0.2);
    background-image: url("/wp-content/uploads/2019/07/header6.jpg") ;
    background-size: auto;
    background-size: cover !important; /*zet een donkere foto*/
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/*   
background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
 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%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=0 );  */



.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: #050080; /* dark blue */
    font-style: normal;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 3px;
    position: absolute;
    width: 500px;
    text-align: center;
    top: 46px;
    left: 330px;
    font-weight: 600;
    line-height: 1;
}

.section.top_header {
    position: relative;
}

.section.top_header .logo   {
    width: 200px;
    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 a {
    color: #F16112;
}
.section.top_header .tools_item a:hover {
    color: #050080;
}
.section.top_header .tools_item span.__icon {
    font-size: 30px;
    vertical-align: middle;
}

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

}
.section.sub_hero li a  {
    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: #fff; /* white */
    background-color: #F16112; /* orange*/
    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 #Fff; /* white */
    z-index: 2;
}

.activities a   {
    color: #fff; /* white */
}

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

.activities:hover,
.activities.__opened {
    background-color: #F16112; /* orange*/
    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 #fff; /* 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: #ddd;
    border-top: 3px solid #ccc;
}
.section.footer a:hover {
    color:  #F16112;

}
.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: #F16112; /* orange */
    transform: translateY(-2px);
    transition: transform .2s;
}

.nav > ul > li.active > a   {
    color: #F16112; /* orange */
}

.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: inherit;
    text-decoration: none;
    font-weight: 600;
    padding: 20px 15px;
    display: inline;
    font-size:18px;
}

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: #f6f6f6; /* grey */
    -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 #F16112 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: #050080; /* dark blue */
    text-decoration: none;
    padding: 8px 10px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}
ul.sub_nav li a:hover {
    color: #f16112; /* orange */

}
ul.sub_nav li.sub_header a   {
    text-transform: none;
    font-weight: 500;
}

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 #050080; /* 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: #050080; /* dark blue */
    font-size: 12px;
    text-align: center;
    margin-top: 40px;
}

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

.eu {
    margin-top:40px;
    text-align: center;
}

.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: #F16112;
    color: #fff;
    margin: 0;
    padding: 10px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px !important;
    letter-spacing: 1px;

}
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: #050080; /* dark blue */
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 40px;
    text-align: center;
    width: 43px;
    height: 43px;
}

/* grid */
.separator {
    width: 100%;
    height: 50px;
    clear: both;
}
.push_down  {
    margin-top: 20px;
}
hr  {
    border: none;
    border-top: solid 1px #ddd; /* dark gery */
    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;
    padding-left: 20px;
}
.section.right_sidebar .right.column    {
    width: 33.32%;
    float: left;
    border-left: 1px dashed #ddd;
    padding-left: 10px;
}
.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; */
}
.component_highlighted_items a:hover    {
    color:#f16112;
}
.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: #050080; /*#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;
}

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;
}

/*generic forms*/
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;
}
/*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_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;
}
.component_accordion .__heading {
    background-color: #f16112; /* orange */
    margin: 0;
    padding: 5px;
    position: relative;
}
.component_accordion .__epis td:last-child  {
    text-align: left;
    min-width: 200px;
	width: 50%;
}
.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: #fff; /* white */
}
.component_accordion .__body  {
    display: none;
}
.component_accordion .__body.__on   {
    display: block;
}
.component_highlighted_items .__more {
    display: block;
    text-align: right;
    width: 100%;
    color:#f16112;
}
.component_highlighted_items .__more a:hover{
    color:#050080;
}
.component_highlighted_items .__more:hover{color:#f16112;}
.component_highlighted_items  {
    margin: 10px 0px;
    padding-bottom: 10px;
    font-size: 15px;
    font-weight: 600 !important;
}
.component_highlighted_items table  {
    table-layout:fixed;
    border: none;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
}
.component_highlighted_items td {
    border-bottom: dashed 1px #ddd; /* grey */
    padding: 15px 5px 15px 0;
    font-weight: 500;
    vertical-align: top;
    width: 24%;
}
.component_highlighted_items td:first-child {
    text-transform: none;
    width: 50%;
}
.component_highlighted_items._custom_news td:first-child {
    text-transform: none;
    width: 75%;
}
.component_event_list_item h4{text-transform: inherit; font-weight: 500;margin-bottom: 30px;}

/*.component_event_list_item .__details  {
    margin-top: 50px;
    padding: 0px !important;
}*/
.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: 100%;/*33.33%*/
   /* float: left;*/
    text-align: justify;
}

.component_topic_list_with_icon {
    display: table;
}
.component_topic_list_with_icon .icon-chevron-right {
    position: absolute;
    right: 10px;
    top: calc(50% - 12px);
    color: #F16112;
    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: #F16112; /* orange */
    overflow: hidden;
}
.component_topic_list_with_icon._custom_epis h3 {
    background-color: #050080; /* dark blue */
    color: white;
    width: 290px;
}


.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_president .__header   {
    background-color: #0544a5; /* dark blue */
    overflow: hidden;
}
.component_topic_list_with_icon._custom_president h3 {
    background-color: #050080; /* light blue */
    color: white;
    width: 290px;
}

.component_topic_list_with_icon._custom_president .icon-president {
    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: #F16112; /* orange */
    overflow: hidden;
}
.component_topic_list_with_icon._custom_kmd h3 {
    background-color: #050080; /* dark blue */
    color: #fff ;/* white */
    width: 290px;
}
.value{
    background: #f0f0f0;
    padding: 10px;
    color: #050080;
    border-left: 5px solid #f16112;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
.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;
    /* border-bottom: 1px solid #ddd;*/
}
.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: #1C82FF; /* blue */
    color: #fff; /* white */
    /*background-image: url("/wp-content/uploads/2019/07/bg-sidebar.jpg");*/
}

.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 a{
    color: #050080; 
}
.component_sidebar_list .__right a:hover{
    color:#F16112 ;
}

.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 h3  {
    background: #050080;
    color: #fff;
}
.component_silver_box{
    background-color: #efefef; /* silver */
    color: #5d5d5d; /* dark blue */
}
.right.column > .component_yellow_box,
.right.column > .component_silver_box {
    margin-top: 20px;
}
.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: #f0f0f0; /* grey*/
    color: #F16112; /* orange */
    border-bottom: 5px solid #ddd;
}
.component_yellow_box    {
    color: #58585B; /* dark grey*/

}
.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:hover {color: #F16112;}
.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: #050080; /* dark blue */
    display: block;
    padding: 20px 10px;
    /*font-size: 18px !important;
font-weight: 500 !important; */
}
.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 #F16112; orange */
}
.component_hero_cta .__item a:hover span {
    color: #F16112; /* orange */
}
.component_hero_cta .__item a span.__icon {
    border-bottom: none;
    font-size: 30px;
    vertical-align: middle;
    color: #F16112; /* orange*/
}
.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 #F16112; /* orange */
    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: #eee;
    font-size: 16px;
    padding: 8px;
    margin: 0;
    line-height: 20px;
    border-bottom: solid 1px #ddd; /* grey */
    text-align: left;
}

.component_inline_popup label {
    width: 99%;
    margin: 0;
    padding: 0;
}
.component_inline_popup input[type="text"],
.component_inline_popup input[type="password"] {
    width:99%;
}
.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: #f16112; /* orange */
    color: #fff; /* white */
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px;
    font-size: 16px;
    margin: 0px; 
}

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

@media only screen and (min-width: 300px) and (max-width: 768px) {

    .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; yellow */
        -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 #f16112 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: #f16112;
    }
    .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: #ddd;
    color: #f16112 !important;
    border-right: 3px solid #ccc;

}

.groups {min-height:320px;}
/* blog styling*/
.blog .blog-title a {
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    text-decoration: none;
    text-transform: none;
}

.grid-category-post a {
    color: #555;
    text-decoration: none;
    display: none;
}
.blog-author, .blog-author a {
    font-size: 13px;
    margin-bottom: 5px;
    display: none;
}
a.blog-more-link {
    background: #fff;
    color: #050080;
    clear: both;
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    text-decoration: none !important;
    border: 1px solid #050080;
}
.component_topic_list_with_icon._custom_president {
    margin-bottom: 10px;
}
.component_topic_list_with_icon._custom_epis {
    margin-bottom: 10px;
}
.component_topic_list_with_icon._custom_kmd {
    margin-bottom: 10px;
}
.agency-sidebar-top-image img{margin:auto;display:block;}

/*agency member form and edit related csss*/

.epta-agency-member{width: 80%;margin: 0 auto;}
.wpcf7 input[type="text"] {
    border: 1px solid lightgray;
}
.wpcf7-custom input[type="text"] {
    border: 1px solid lightgray;
}

.wpcf7-form textarea {
    border: 1px solid lightgray;
}
label {font-size: 15px;}
.wpcf7-form h3{    color: black;
                   margin: 0;
                   padding: 0px 0px 0px;
                   font-weight: 700;
                   text-transform: uppercase;
                   font-size: 14px !important;
                   letter-spacing: 1px;
                   background-color: white;}
.wpcf7-form h2{display: block;
               font-size: 1.8em;
               margin-block-start: 0.83em;
               margin-block-end: 0.83em;
               margin-inline-start: 0px;
               margin-inline-end: 0px;
               font-weight: bold;}
.wpcf7 input[type="text"]{margin-bottom: 10px;width:95%;}
.wpcf7-custom input[type="text"]{margin-bottom: 10px;width:95%;}
.wpcf7-form p{margin-top: 1px;}
.lable-class{margin-right: 30px;}
.minimum_age_trainess input[type="text"] {width: 85%;}
.maximum_age_trainess input[type="text"] {width: 85%;}
.physical_assessment input[type="text"] {width: 86%;}
.psychological_personality input[type="text"] {width: 73%;}
.language input[type="text"] {width: 85%;}
.weeks_class_room input[type="text"] {width: 66%;}
.practical_prison_work input[type="text"] {width: 66%;}
.wpcf7-form textarea {
    width: 85%;
    padding: 20px;
}
.lable-class-other{vertical-align: top;margin-right: 56px;}
.lable-class-prison-work{margin-right: 10px;}
.lable-weeks-class-room{margin-right: 80px;}
.user-email-epta{display: none;}
input[type="submit"] {
    background-color: #1e376d;
    border: none;
    color: white;
    font-size: 16px;
    line-height: 27px;
    font-family: inherit;
    display: inline-block;
    padding: 7px 13px 7px 13px;
}
.attachments-possibility{background-color: #ddd; margin-top: 10px; padding: 10px;}
#agency-post-data-collect{    padding: 0px 20px;
                              font-family: inherit;
                              border: 2px solid gray;
                              background-color:transparent;
                              text-align: center;
                              font-size: inherit;
                              display: block;
                              line-height: 30px;
                              height: 30px;}
.agency-member-title h3{
    background-color: white;
    color: black;
    margin: 0;
    padding: 10px 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px !important;
    letter-spacing: inherit;
}
.agency-member-title h2{margin-bottom:1px;}
.edit-agency-button{width: 30%; float: right;}
.tdForntBold{    
	color: black;
    margin: 0;
    padding: 10px 0;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px !important;
    }
.success-section h2{
text-align: center;
background-color: #fff;
padding: 20px;
color: #04399f;
line-height: 1.8em;
font-size: 16px;
border: 2px solid #04399f
}
.lock-heading {
    background-color: #f16112;
    margin: 0;
    padding: 5px;
    position: relative;
	margin-bottom:10px;
}
.lock-heading a{
   color:#fff;
}
.component_inline_popup {
  font-size: 16px !important;
  color: #050080;
    text-align: left;
}