/*
 Theme Name:   BGE+
 Description:  Child theme voor Hello Elementor
 Author:       Flaire
 Template:     hello-elementor
 Version:      1.0.0
*/

/* ==========================================================================
   *** GLOBAL STYLES ***
   ========================================================================== */

@media screen and (max-width: 1200px) {
	span, h1, h2, h3, h4, p, a {
        overflow-wrap: break-word;
        word-break: break-word;
    }
}

.elementor-widget-text-editor a { color: #0090D4 !important; text-decoration: underline !important; }

/* Footer items  */
.footer li.e-n-menu-item { width: 100%; }

/* Main items */
.elementor-nav-menu .menu-home a {
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.elementor-nav-menu .menu-home a::before {
  content: "\f015";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 18px;
  color: inherit;
}

.elementor-nav-menu .menu-home a:hover::before {
  color: #0f8572;
}

/* Training */
.flairenl-training-overview {
	--font-display: "Work Sans", sans-serif;
	--font-body: "Work Sans", sans-serif;
}

.fto-single-wrap { padding-top: 0px; }
.fto-single-container { max-width: 1160px; padding: 0; }
.fto-single-card, .fto-single-content { box-shadow: none; border-radius: 0; }
.fto-single-header { padding-bottom: 0; }
.fto-single-card, .fto-single-badges { margin-bottom: 0px; }
.fto-single-content { padding-top: 0; }


h1.fto-single-title { font-family: "Farro", sans-serif; font-size: 3em; }

.no-results-title, .no-results-sub, .flairenl-training-overview .results-count, .ninja_table_permalink, .author-color, .footable-filtering, .wpgmza-title, .wpgmza-category-legends, .wpgmza-category-legend { font-family: "Work Sans", sans-serif !important; }
.fto-btn-clear { background: #0090D4 !important; border-color: #0090D4 !important; }
.wpgmza-category-legend label { color: #5A5A72 !important; font-size: 16px !important; font-weight: 400 !important; }

.custom-table .ninja_column_2 { text-align: center !important; }
.custom-table select.ninja_select_type_dynamic_data { display: none !important; }
.custom-table .form-inline { display: grid !important; grid-template-columns: 1fr 1fr 1fr; }
.custom-table .btn.btn-default.dropdown-toggle { display: none !important; }
.custom-table .ninja-custom-filter.ninja_custom_select > .SumoSelect { margin-top: 20px; }
.custom-table .SumoSelect > .CaptionCont { width: 200px !important; }
.custom-table .form-group.ninja_custom_select_checkbox { display: grid !important; grid-template-columns: 1fr 1fr !important; }
.custom-table .form-group.ninja-custom-filter > *:first-child { grid-column: 1 / -1 !important; }
.custom-table .form-group.ninja-custom-filter > * { display: flex !important; align-items: center !important; }
.custom-table .form-group.ninja-custom-filter label { margin-left: 5px !important; }
.custom-table .input-group { margin-top: 40px; }
.custom-table .ninja_table_afcs_columns_4 thead .footable-filtering th .form-inline > .form-group { width: 90% !important; }
.custom-table .footable-filtering-search { order: 1; }
.custom-table .ninja_custom_select_checkbox { order: 2; }
.custom-table .ninja_custom_select { order: 3; }
.custom-table .table-font a { text-decoration-line: none !important; font-family: 'Farro' !important; }

.custom-table [class$="-tag"] {
  display: inline-block;
  padding: 3px 8px !important;
  margin-bottom: 2px !important;
  border-radius: 12px;
  color: white;
  font-size: 0.9em;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border: 1px solid transparent;
}
.custom-table [class$="-tag"]:hover { color: black; background: white; border: 1px solid black; }
.custom-table .green-tag       { background: linear-gradient(135deg, #4CAF50, #45a049); }
.custom-table .purple-tag      { background: linear-gradient(135deg, #9C27B0, #8E24AA); }
.custom-table .orange-tag      { background: linear-gradient(135deg, #FF9800, #FB8C00); }
.custom-table .teal-tag        { background: linear-gradient(135deg, #009688, #00897B); }
.custom-table .pink-tag        { background: linear-gradient(135deg, #E91E63, #D81B60); }
.custom-table .brown-tag       { background: linear-gradient(135deg, #795548, #6D4C41); }
.custom-table .olive-tag       { background: linear-gradient(135deg, #808000, #556B2F); }
.custom-table .blue-tag        { background: linear-gradient(135deg, #2196F3, #1E88E5); }
.custom-table .red-tag         { background: linear-gradient(135deg, #F44336, #E53935); }
.custom-table .indigo-tag      { background: linear-gradient(135deg, #3F51B5, #3949AB); }
.custom-table .cyan-tag        { background: linear-gradient(135deg, #00BCD4, #00ACC1); }
.custom-table .magenta-tag     { background: linear-gradient(135deg, #FF00FF, #EA00EA); }
.custom-table .yellow-tag      { background: linear-gradient(135deg, #FFEB3B, #FDD835); }
.custom-table .lightblue-tag   { background: linear-gradient(135deg, #ADD8E6, #87CEEB); }
.custom-table .grey-tag        { background: linear-gradient(135deg, #9E9E9E, #757575); }
.custom-table .lime-tag        { background: linear-gradient(135deg, #CDDC39, #C0CA33); }
.custom-table .maroon-tag      { background: linear-gradient(135deg, #800000, #A52A2A); }
.custom-table .darkgreen-tag   { background: linear-gradient(135deg, #006400, #004d00); }
.custom-table .gold-tag        { background: linear-gradient(135deg, #FFD700, #E6C200); }
.custom-table .skyblue-tag     { background: linear-gradient(135deg, #87CEEB, #75BFDA); }
.custom-table .violet-tag      { background: linear-gradient(135deg, #8A2BE2, #7A1ED2); }
.custom-table .oceanblue-tag   { background: linear-gradient(135deg, #337ab7, #2a6496); }
.custom-table .biogreen-tag    { background: linear-gradient(135deg, #0f910f, #0c780c); }
.custom-table .cosmos-tag      { background: linear-gradient(135deg, #7b68ee, #5d4db9); }
.custom-table .steelblue-tag   { background: linear-gradient(135deg, #4682B4, #3E6D94); }
.custom-table .forestgreen-tag { background: linear-gradient(135deg, #228B22, #1E7E1E); }

@media screen and (max-width: 600px) {
  .custom-table .form-inline {
    display: flex !important;
    flex-direction: column;
  }
}
@media screen and (max-width: 1600px) {
  .custom-table .form-group.ninja_custom_select_checkbox {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}