.elementor-1700 .elementor-element.elementor-element-63552b2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1700 .elementor-element.elementor-element-0bff341{--display:flex;--min-height:373px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:10px 10px 10px 10px;}.elementor-1700 .elementor-element.elementor-element-0bff341:not(.elementor-motion-effects-element-type-background), .elementor-1700 .elementor-element.elementor-element-0bff341 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://trainr-group.com/wp-content/uploads/2025/04/Location_Assen-1536x576-1.jpg");background-position:bottom center;}.elementor-1700 .elementor-element.elementor-element-fb37934{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1700 .elementor-element.elementor-element-a41ab72{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1700 .elementor-element.elementor-element-a41ab72.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), helvetica;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-1700 .elementor-element.elementor-element-e43c137{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-1700 .elementor-element.elementor-element-e43c137 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), helvetica;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-accent );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), helvetica;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1700 .elementor-element.elementor-element-2ad7e4d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;font-family:var( --e-global-typography-text-font-family ), helvetica;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-twbb_button_inv );}.elementor-1700 .elementor-element.elementor-element-2ad7e4d > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-1700 .elementor-element.elementor-element-2ad7e4d a{color:var( --e-global-color-5a8624f );}.elementor-1700 .elementor-element.elementor-element-c8c9d19{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1700 .elementor-element.elementor-element-c8c9d19.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1700 .elementor-element.elementor-element-ac3dc43{column-gap:0px;}@media(max-width:1024px){.elementor-1700 .elementor-element.elementor-element-63552b2{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:80px;--padding-bottom:80px;--padding-left:15px;--padding-right:50px;}.elementor-1700 .elementor-element.elementor-element-fb37934{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:80px;--padding-bottom:80px;--padding-left:15px;--padding-right:50px;}.elementor-1700 .elementor-element.elementor-element-a41ab72{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1700 .elementor-element.elementor-element-e43c137{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1700 .elementor-element.elementor-element-e43c137 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1700 .elementor-element.elementor-element-2ad7e4d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1700 .elementor-element.elementor-element-2ad7e4d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1700 .elementor-element.elementor-element-c8c9d19{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1700 .elementor-element.elementor-element-63552b2{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-1700 .elementor-element.elementor-element-63552b2.e-con{--align-self:center;}.elementor-1700 .elementor-element.elementor-element-fb37934{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-1700 .elementor-element.elementor-element-fb37934.e-con{--align-self:center;}.elementor-1700 .elementor-element.elementor-element-a41ab72{--width:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1700 .elementor-element.elementor-element-a41ab72.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1700 .elementor-element.elementor-element-e43c137{width:100%;max-width:100%;text-align:center;}.elementor-1700 .elementor-element.elementor-element-e43c137.elementor-element{--align-self:center;}.elementor-1700 .elementor-element.elementor-element-e43c137 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1700 .elementor-element.elementor-element-2ad7e4d{width:100%;max-width:100%;text-align:center;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1700 .elementor-element.elementor-element-2ad7e4d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1700 .elementor-element.elementor-element-2ad7e4d.elementor-element{--align-self:center;}.elementor-1700 .elementor-element.elementor-element-c8c9d19{--width:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1700 .elementor-element.elementor-element-c8c9d19.e-con{--align-self:center;}}@media(min-width:768px){.elementor-1700 .elementor-element.elementor-element-63552b2{--content-width:1280px;}.elementor-1700 .elementor-element.elementor-element-0bff341{--width:100%;}.elementor-1700 .elementor-element.elementor-element-fb37934{--content-width:1280px;}.elementor-1700 .elementor-element.elementor-element-a41ab72{--width:50%;}.elementor-1700 .elementor-element.elementor-element-c8c9d19{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1700 .elementor-element.elementor-element-a41ab72{--width:50%;}.elementor-1700 .elementor-element.elementor-element-c8c9d19{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-63552b2 */.hero-section {
  background-color: #000; /* black background */
  color: white;
  padding-bottom: 40px; /* to create space below the text */
}

.hero-image {
  width: 100%;
  display: block;
  margin-bottom: -5px; /* optional: eliminate gap between image and text */
}

.hero-text {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 20px 0 20px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ac3dc43 *//* === General Form Styling === */
.main-contact-form {
    max-width: 600px;
    margin: auto;
    background: #121212;
    padding: 20px;
    border-radius: 10px;
}

/* === Spaces Between Sections === */
.name-email, .dropdown-wrapper, .form-row, .message-wrapper, .submit-wrapper {
    margin-bottom: 10px;
}

/* === Platform & Game/App in the Same Row === */
.form-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

/* Each dropdown takes 50% width */
.platform-wrapper, .game-wrapper {
    width: 50%;
}

/* === Label Styling (Field Headers) === */
label .label-text {
    font-size: 14px;
    font-weight: bold;
    color: #f2f2f2; /* White for all headers */
    margin-bottom: 5px;
}

/* === Input & Dropdown Styling === */
select, input, textarea {
    background: #000;
    border: 1px solid #444;
    color: #4194FF; /* BLUE user input */
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    width: 100%;
}

/* === Placeholder Styling for Inputs & Textarea === */
input::placeholder, textarea::placeholder {
    color: #97999d; /* Light grey for placeholders */
    opacity: 1;
}

/* === Fix for Placeholder Text in Dropdowns === */
select option:first-child {
    color: #97999d !important; /* Light grey for dropdown placeholders */
    font-style: italic;
    text-transform: capitalize;
}

select:invalid {
    color: #97999d !important;
}

/* === Textarea Styling === */
textarea {
    min-height: 120px;
}

/* === Submit Button Styling === */
.submit-wrapper input[type="submit"] {
    background: #4194FF; /* BLUE button */
    color: #fff;
    font-weight: bold;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s ease;
}

/* Hover Effect */
.submit-wrapper input[type="submit"]:hover {
    background: #3178d8;
}

/* === Responsive Fixes === */
@media (max-width: 600px) {
    .form-row {
        flex-direction: column;
    }
    .platform-wrapper, .game-wrapper {
        width: 100%;
    }
}

/* === Force blue text in all input fields including error states === */
.main-contact-form input[type="text"],
.main-contact-form input[type="email"],
.main-contact-form textarea,
.main-contact-form select {
    color: #4194FF !important;
}

/* === Ensure textarea stays blue on focus and error === */
.main-contact-form textarea:focus,
.main-contact-form textarea:invalid,
.main-contact-form textarea.wpcf7-not-valid {
    color: #4194FF !important;
}

/* === Optional: make all form fields keep blue text during interaction === */
.main-contact-form input:focus,
.main-contact-form input:invalid,
.main-contact-form input.wpcf7-not-valid,
.main-contact-form select:focus,
.main-contact-form select:invalid,
.main-contact-form select.wpcf7-not-valid {
    color: #4194FF !important;
}

/* === Force the dropdown (select) to match input styles visually === */
.main-contact-form select {
    background-color: #000 !important;
    color: #4194FF;
    border: 1px solid #444;
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Optional: Add a dropdown arrow mimic if appearance is removed */
.main-contact-form select {
    background-image: url("data:image/svg+xml;utf8,<svg fill='%234194FF' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px 16px;
    padding-right: 40px;
}/* End custom CSS */