/*
Theme Name: ECG
Theme URI: https://www.ecgassociation.eu
Author: Comith
Author URI: https://www.comith.be/
Description: Het thema ECG werd in 2019 ontwikkeld door het allround communicatiebureau Comith in Affligem.
Version: 1.0
Text Domain: ecg
*/


@font-face {
    font-family:"canada-type-gibson-italic";
    src:url("/wp-content/themes/ecg/fonts/Gibson-LightItalic.woff2") format("woff2"),url("/wp-content/themes/ecg/fonts/Gibson-LightItalic.otf") format("opentype"),url("/wp-content/themes/ecg/fonts/Gibson-LightItalic.ttf") format("truetype");
    font-display:auto;font-style:italic;font-weight:100;font-stretch:normal;
}


body {
    font-family: canada-type-gibson, sans-serif;
    font-weight: 400;
    color: #06192b;
    font-size: 1.1rem;
}
.container {
    margin-right: auto!important;
    margin-left: auto!important;
}
.fixed-top {
    background-color: #FFF;
}
p {
    font-family: canada-type-gibson, sans-serif;
    font-weight: 300;
    font-size: 1.1rem;
}
p em {
    font-family: canada-type-gibson-italic;
    font-display:auto;font-style:italic;font-weight:200;font-stretch:normal;
}

h2 {
    font-weight: 600;
    font-size: 1.6rem;
    color: #0d52a0;
    margin: 1.4rem 0;
}
h3 {
    font-weight: 600;
    font-size:19px;
}
h1::after,h2::after,h3::after,h4::after {
    content:".";
    color: #449f36;
    margin-left:0;
}
a:not(.nav-link):not(.btn) {
    color: #0d52a0;
    font-weight: 100;
}

.text-blue {
    color: #0d52a0 !important;
}
.text-green {
    color: #449f36 !important;
}

/* NEWS  */
.news {

}
.news.category {
    font-size: 1rem;
    color: #0d52a0 !important;
}
.news.category a {
    color: #449f36 !important;
    margin-right:1rem
}


.events  {
background: rgba(254,254,254,1);
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 46%, rgba(241,243,246,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(46%, rgba(255,255,255,1)), color-stop(100%, rgba(241,243,246,1)));
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 46%, rgba(241,243,246,1) 100%);
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 46%, rgba(241,243,246,1) 100%);
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 46%, rgba(241,243,246,1) 100%);
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 46%, rgba(241,243,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f1f3f6', GradientType=0 );
min-height: 300px!important;
}
.events p {
    font-weight: 600;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
.events p:nth-child(even) {
    margin-top: 32px;
}
span {
    font-size:13px;
    font-weight: 400;
}
span.time::before {
    content: "\f017";
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    color: #449f36;
}
span.time {
    float: left;
}
span.place {
    float: right;
}
span.place::before {
    content: "\f3c5";
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    color: #449f36;
}
a.ecgbtn {
    background-color: #0e5dab;
    border-radius: 7px 7px 7px 20px;
    padding: 10px 15px;
    color: #FFF;
    float: right;
    font-size:15px;
    margin:15px 0 15px 15px;
    display: block ruby;
}
a.floating-btn {
    bottom: 15px;
    position: absolute;
    right: 0;
    margin: 15px;
}
a.btn.ecgbtn::after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    background-color: #095096;
    height: 100%;
    padding: 13px 15px;
    border-radius: 7px;
    margin-right: -15px;
    margin-left: 10px;
}
a.btn.member-btn::after {
    content: "\f007"!important;
}
a.btn.btn-cal::after {
    content: "\f271"!important;
}
.dark {
    background-color:#f1f3f6;
}
.road {
    background-image: url('/wp-content/uploads/2019/10/road-traffic.png');
    background-position: right bottom;
    background-repeat: no-repeat;
}
.bigText p  {
    font-size:22px;
    font-weight:200;
    text-align: center;
}
ul.branches {
    font-weight: 600;
    font-size: 20px;
    list-style-type: none;
    margin-bottom:25px;
}
.branches i {
    width: 30px;
}
.branches li {
    padding: 5px 0;
}
.road .col-4 {
    padding-bottom: 45px;
}
ul.transport {
    font-weight: 500;
    font-size: 20px;
    list-style-type: none;
    margin-bottom:25px;
    color: #449f36;
    display: flex;
}
ul.transport li {
    width:20%;
    text-align: center;
}

input[type="email"], input#searchtxt {
    border: 0;
    background-color: #f1f3f6;
    width: 100%;
    padding: 10px 25px;
    border-radius: 7px 7px 7px 20px;
    font-size:15px;
}
input#searchtxt {
    background-color: #fff;
    padding: 0px 25px!important;
}
form#searchform {
    margin: 5px 0;
}
button[type="submit"] {
    right: 4px;
    top: 0;
    position: absolute;
    padding: 9px 15px;
    border-radius: 7px 7px 7px 20px;
    border: 0;
    background-color: #095096;
    color: #FFF;
}
input:focus, textarea:focus, select:focus{
    outline: none;
}
.wrapper {
    position: relative;
}
.footer {
    background-color:#0d52a0;
    font-size:13px;
    color:#FFF;
    font-weight:300;
    padding:15px 0;
}
.footer p {
    font-size:14px;
    color:#FFF;
    font-weight:300;
}
.footer p+p {
    margin-top: 15px;
}
.footer a {
    display: block;
    color:#FFF;
}
p span img {
    margin-top: -1px;
    margin-left: 1px;
}
  a.btn.ecgbtn:hover {
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
  box-shadow: inset 0 0 0 0 #095096;
}
a.btn.ecgbtn:hover {
    box-shadow: inset 160px 0 0 0 #095096;
    color:#FFF;
  }
  .banner-slide {
    height:100%;
  }
  li.nav-item {
    margin: auto;
    padding:0 5px;
}
li.nav-item a:not(.member-btn):not(.dropdown-item) {
    color: #0d52a0!important;
    text-align: center;
}
li.nav-item:hover a:not(.member-btn):not(.dropdown-item) {
    color: #095096!important;
    font-weight:500;
}
li.nav-item:hover a:not(.member-btn)::after {
    content: ".";
    color: #449f36;
    margin-left: 0px;
}
li.nav-item.active a:not(.member-btn) {
    color: #095096;
    font-weight:500;
}
li.nav-item.active a:not(.member-btn)::after {
    content: ".";
    color: #449f36;
    margin-left: 0px;
}
/*li.nav-item.nav-highlight.active a {
    background-image: url(/wp-content/uploads/2019/10/pseudo3.png);
    background-repeat: repeat-x;
    background-position: bottom;
}*/
.topBar {
    background-color: #f1f3f6;
    font-size: 12px;
    color: #002d59;
    text-align: right;
}
.topBar input[type="email"] {
    background-color: #FFF;
    padding: 5px 15px;
    margin: 5px 0;
    font-size: 10px;
    line-height: 5px;
}
.topBar button[type="submit"] {
    padding: 4px 11px;
    margin: 0 -5px;
    font-size: 10px;
}
.hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 125px 0;
}
.hero h1 {
    text-align: center;
    background-color: #0d52a0;
    color:#FFF;
    display: table;
    margin: auto;
    padding: 8px 15px;
}
.team-wrapper {
    color: #FFF;
    height: 200px;
    background-size: cover;
    background-position: center top;
}
.team-wrapper .team-hover {
    display:none;
    padding:0 5px;
    padding-top:30%;
}
.team-wrapper:hover {
    background-color: #095096;
    background-blend-mode: multiply;
    transition: .4s all;
}
.team-wrapper:hover .team-hover {
    display:block;
}
.team-hover h4 {
    font-size: 16px;
    margin: 0;
}
.team-hover p {
    font-size: 13px;
    margin-bottom:5px;
}
.team-hover .mini_info {
    font-size: 40%;
}


.team-contact {
    text-align: center;
}
.team-contact a {
    color: #FFF;
}
#genre_filter li {
    display: inline!important;
}
#genre-filter input[type="checkbox"] {
    display: none;
}
#genre-filter li {
    display: inline;
    background-color: #0d52a0;
    color: #FFF;
    padding: 5px 15px;
    margin: 15px;
    border-radius: 7px 7px 7px 20px;
    font-size: 14px;
    font-weight: 100;
    cursor:pointer;
    border: 2px solid #0d52a0;
}
#genre-filter ul {
    margin:auto;
    text-align:center;
    margin-bottom:15px;
}
#genre-filter li.selected {
    background-color: transparent;
    color: #449f36;
    border: 2px solid #449f36;
}
.featured  {
background: rgba(254,254,254,1);
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 46%, rgba(241,243,246,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(46%, rgba(255,255,255,1)), color-stop(100%, rgba(241,243,246,1)));
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 46%, rgba(241,243,246,1) 100%);
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 46%, rgba(241,243,246,1) 100%);
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 46%, rgba(241,243,246,1) 100%);
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 46%, rgba(241,243,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f1f3f6', GradientType=0 );
padding:15px;
}
.featured h2::after, .featured h3::after  {
    content:"";
}
.featured h2  {
    text-transform: uppercase;
    margin:0;
}
.featured h3  {
    text-transform: uppercase;
    color:#449f36;
    margin:0 0 15px 0;
    font-size:15px;
}
.featured h4 {
    font-weight: 600;
    font-size: 14px;
}
.featured a, .featured a:hover {
    text-decoration:none;
    color:unset;
}
.tcol span {
    float: unset;
    display: block;
}
.tcol p {
    font-weight: 100;
    margin-top: 15px;
}
.events.tcol {
    padding: 15px 15px 50px 15px;
    min-height: 230px;
}
.tcol p:nth-child(even) {
    margin-top: 15px;
}
.tcol h3 {
    font-weight: 600;
    font-size: 15px;
}
.dark input[type="email"] {
    background-color: #fff;
}
.searchResults .row:nth-child(even) {
    background-color:#f1f3f6;
}
.searchResults .row {
    padding:15px 0;
}
td .btn::after {
    display:none;
}
.table-striped thead {
    background-color: #0d52a0;
    color: #FFF;
    font-weight: 200!important;
    font-family: inherit;
}
.table-striped th {
    font-weight: 600!important;
    font-family: inherit;
}
.table-striped a.btn {
    margin: auto!important;
}
.dropdown-toggle::after {
    display: inline-flex;
    margin-left: .255em;
    margin: 0;
    vertical-align: 0.100em;
    content: ""!important;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.dropdown-item.active, .dropdown-item:active {
    color: #FFF!important;
    text-decoration: none;
    background-color: #095096!important;
}
.dropdown-item {
    font-size: 14px;
    font-weight:400;
}
.page-item.active .page-link {
    background-color: #095096;
    border-color: #095096;
}
#cf7md-form .mdc-text-field .mdc-floating-label {
    top: 10px!important;
}
#cf7md-form .mdc-text-field:not(.mdc-text-field--textarea), #cf7md-form .mdc-select {
    height: 45px!important;
}
#cf7md-form .mdc-floating-label {
    font-size: 14px!important;
}
#cf7md-form .mdc-text-field .mdc-line-ripple, #cf7md-form .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-line-ripple, #cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox::before, #cf7md-form .mdc-checkbox::after, #cf7md-form .mdc-radio::before, #cf7md-form .mdc-radio::after, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__track, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::before, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::after, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::before, #cf7md-form .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay::after, #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, #cf7md-form .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after {
    background-color: #095096!important;
        border: 0;
}
.mdc-textfield--focused .mdc-textfield__label {
    color: #095096!important;
}
.mdc-textfield--focused::after {
    background-color: #095096!important;
}
#cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle {
    border-color: #095096!important;
}
#cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
    background-color: #095096!important;
}
button.wpcf7-form-control.wpcf7-submit.cf7md-submit-btn.mdc-button.mdc-button--raised.cf7md-initialized.mdc-ripple-upgraded {
    background-color: #095096!important;
}

.private::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f007";
    color: #FFF;
    transition: all ease .5s;
    position: absolute;
    right: 15px;
    top: 0px;
    background-color: #449f36;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 0px 7px 0px 13px;
    font-size: 15px;
    padding: 3px;
}
.private:hover::after {
    color: #449f36;
    transition: all ease .5s;
    background-color: #FFF;
}
.private > div > div, .subBlock > div > div  {
    background-color: #095096;
    border-radius: 7px 7px 7px 30px;
    padding-top: 35px;
    transition: all ease .5s;
}
.private:hover > div > div, .subBlock:hover > div > div {
    background-color: #449f36;
}
.private:hover h3, .private:hover p {
    visibility:hidden;
}

.private h3, .private p, .subBlock h3, .subBlock p {
    color: #FFF;
    margin:0;
}
.subBlock a {
    color: #FFF!important;
    margin:0!important;
    text-decoration:none!important;
    width:100%;
    height:100%;
    font-size:20px;
    font-weight:600!important;
}
.subBlock h3 {
    width: 100%;
    height: 100%;
}
.private h3, .subBlock h3 {
    content:"";
    font-size:20px;
}
.private h3::after, .subBlock h3::after {
    content:"";
}
.private:hover > div > div::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 50px;
    color: #FFF;
    text-align: center;
    width: 100%;
    position: absolute;
    margin-left: -15px;
    height: 100%;
    top: 20%;
}
.capacity:hover > div > div::after {
    content: "\f240";
}
.digitalisation:hover > div > div::after {
    content: "\f109";
}
.health:hover > div > div::after {
    content: "\f21e";
}
.maritime:hover > div > div::after {
    content: "\f21a";
}
.quality:hover > div > div::after {
    content: "\f058";
}
.sustainability:hover > div > div::after {
    content: "\f06c";
}
.nodec {
    font-weight: 600!important;
    font-size: 16px;
    color:#06192b!important;
}
input.uwp_textfield {
    border-radius: 7px 7px 7px 20px;
    border: 0;
    font-size:16px!important;
}
.uwp-login, .uwp-registration, .uwp-forgot, .uwp-account {
    background: #f1f3f6 none repeat scroll 0 0;
}
li.menu-item.active, li.menu-item:hover {
    background-repeat: no-repeat;
    background-position: center bottom;
}
.navbar-collapse>ul>li.menu-item.active:nth-child(1), li.menu-item:nth-child(1):hover {
    background-image: url(/wp-content/uploads/2019/10/pseudo1.png);
}
.navbar-collapse>ul>li.menu-item.active:nth-child(2), li.menu-item:nth-child(2):hover {
    background-image: url(/wp-content/uploads/2019/10/pseudo2.png);
}
.navbar-collapse>ul>li.menu-item.active:nth-child(3), li.menu-item:nth-child(3):hover {
    background-image: url(/wp-content/uploads/2019/10/pseudo3.png);
}
.navbar-collapse>ul>li.menu-item.active:nth-child(4), li.menu-item:nth-child(4):hover {
    background-image: url(/wp-content/uploads/2019/10/pseudo4.png);
}
.navbar-collapse>ul>li.menu-item.active:nth-child(5), li.menu-item:nth-child(5):hover {
    background-image: url(/wp-content/uploads/2019/10/pseudo5.png);
}
.counters b {
    font-weight:300;
}
.counters li {
    font-weight: 300!important;
}
table td:last-of-type {
    text-align: center!important;
}
table td:last-of-type a {
    float:unset!important;
}
address strong {
    font-weight: 600;
}
.uwp_page h2 {
    color: #0d52a0!important;
    text-align: left!important;
}
.uwp-rf-icon, .uwp-lf-icon {
    display: none;
}
.uwp_page .uwp-login-form input[type="submit"], .uwp_page .uwp-registration-form input[type="submit"], .uwp_page .uwp-forgot-form input[type="submit"], .uwp_page .uwp-change-form input[type="submit"], .uwp_page .uwp-account-form input[type="submit"], .uwp_widgets .uwp-login-form input[type="submit"], .uwp_widgets .uwp-registration-form input[type="submit"], .uwp_widgets .uwp-forgot-form input[type="submit"], .uwp_widgets .uwp-change-form input[type="submit"], .uwp_widgets .uwp-account-form input[type="submit"], .uwp_adv_search_form .uwp-login-form input[type="submit"], .uwp_adv_search_form .uwp-registration-form input[type="submit"], .uwp_adv_search_form .uwp-forgot-form input[type="submit"], .uwp_adv_search_form .uwp-change-form input[type="submit"], .uwp_adv_search_form .uwp-account-form input[type="submit"] {
    background: #0d52a0 none repeat scroll 0 0!important;
    border: 0 none;
    color: #fff;
    font-weight: 600!important;
    text-transform: uppercase;
    width: 100%;
    border-radius: 7px 7px 7px 20px!important;
}
#loginregister .uwp-footer-link.uwp-register-now, #loginregister .uwp-footer-link.uwp-login-now {
    display: none;
}
img.logo {
    max-width: 335px;
}
.fbc-wrap a:hover {
    text-decoration: none;
}
li:not(.nav-item) {
    font-family: canada-type-gibson, sans-serif;
    font-weight: 300;
    font-size: 18px;
}
.newsarticles p a {
    color:#449f36!important;
}
.filter a {
    color:#FFF!important;
}
li.paginate_button a {
    font-size: 16px;
}
a.ecgbtn.green {
    background-color: #449f36;
    float:left;
}
a.ecgbtn.green::after {
    background-color: green;
}
a.ecgbtn.green:hover {
    box-shadow: inset 160px 0 0 0 green;
}
img.alignleft {
    float: left;
    margin-right: 15px;
}
p a {
    font-weight: 400!important;
}
.grecaptcha-badge {
    visibility:hidden;
}
.dropdown-menu {
    border: 1px solid rgba(0,0,0,.10);
    border-radius: 7px 7px 7px 20px;
}
a.dropdown-item {
    font-weight: 400!important;
}
ul ul ul {
    display: none!important;
    margin-left: 65px!important;
    margin-top:-15px!important;
}
ul ul ul ul {
    display: none!important;
    margin-left: 65px!important;
    margin-top: 0!important;
}
ul ul li:hover > ul {
    display: block!important;
}
ul ul ul li:hover > ul {
    display: block!important;
}
.footer a {
    color: #FFF!important;
}
.social {
    /* padding: 2px; */
    text-align: left;
    margin: 0;
}
.social i {
    font-size: 15px;
    color: #0d5dab;
    margin-right:5px;
}
.members img {
    max-height: 80px;
    max-width: 70%;
}
.members>div {
    padding:15px;
    text-align: center;
    padding-bottom:25px;
    height:100px;
}
.pagination-wrapper {
  width:100%;
  text-align:center;
}

.pagination {
  display: inline-block;
  text-align:center;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

.pagination a.active {
  background-color: #449f36;
  color: white;
  border-radius: 5px;
}

.pagination a:hover:not(.active) {
  background-color: #f1f3f6;
  border-radius: 5px;
}
@media screen and (min-width: 991px) and (max-width: 1200px) {
img.logo {
    max-width: 190px!important;
}
li.nav-item {
    margin: auto;
    padding: 0 0px;
}
}
@media screen and (max-width: 991px)  {
.navbar-nav > li > ul {
    display: block!important;
}
}
@media screen and (max-width: 767px)  {
#genre-filter li {
    display: block;
}
.subBlock {
    margin-bottom: 25px;
}
.private.wpb_column.vc_column_container {
    margin-bottom: 25px;
}
}
@media screen and (max-width: 500px)  {
ul.transport {
    display: unset;
    text-align: center;
}
ul.transport li {
    text-align: center;
    width: 100%;
    margin-bottom: 25px;
}
}

/* TTK */

/* pager */
.pager-item {
    font-size: .85rem;
    font-weight: 100;
}
.pager-item-link {
    border-radius:50%;
    background: #449f36 !important;
    width:2rem;
    height:2rem;
    display: inline-block;
    color:#ffffff !important;
}

/* single news page   */

 .hero {
     width:100%;
     height:250px;
     background-size: cover;
 }
.headline {
    width:100%;
    height:auto;
    background-color: #0d52a0;
}
.headline h1 {
    text-align: right;
    color: #FFF;
    font-size: 1.35rem;
}

@media(min-width:992px) {
    .headline {
        height:250px;
    }
    .headline h1 {
        font-size: 1.75rem;
    }

    .team-hover .mini_info {
        font-size: 35%;
    }

    .team-wrapper .team-hover h4 {
        font-size:14px !important;
    }
}
@media(min-width:1200px) {
    .hero, .headline {
        height:300px;
    }
    .team-hover .mini_info {
        font-size: 47%;

    }
}