[data-device="desktop"][data-transparent],
 [data-device="mobile"][data-transparent]
{
	position: relative !important;
}
#header{
	position: fixed;
  width: 100%;
	background: #190320;
}

#main{
	    margin-top: 118px;
}

.sub-top .tnp-submit{
	background: #F7E38A !important;
	color: #000000 !important;
}

.sub-top .tnp-field-button{
	text-align: center !important;

}

.custom_p p{
	    margin: 0;
}

#table_crew td{
/* 	border: none !important; */
}

@media only screen and (max-width: 1200px){
 #main{
	    margin-top: 68px;
}
}

.wpforms-container .wpforms-form {
	background: #401a54;
	padding: 40px 25px;
	border-radius: 20px
}

.wpforms-container .wpforms-form .wpforms-field-label {
	color: white;
	margin-bottom: 5px;
	padding-left: 5px;
}

.wpforms-field-large.wpforms-field-required, .wpforms-field-medium {
	background: #1c0429!important;
}

.wpforms-container-full input[type=text], .wpforms-container-full input[type=email], .wpforms-container-full input[type=text], .wpforms-container-full .wpforms-form textarea   {
	color: white!important;
	font-family: "Roboto"!important;
	font-weight: 300!important;
}

.wpforms-submit {
	background: #eec55b!important;
	color: #401a54!important;
	font-weight: bold!important;
	padding: 20px 50px!important;
}

.question-container {
    position: relative;
    width: fit-content;
    height: 40px; /* Zorgt ervoor dat de container niet inklapt */
    overflow: visible;
		padding: 0;
}

.question {
    position: absolute;
    left: 0px;
		letter-spacing: 3px;
		line-height: 30px;
    opacity: 0;
    transform: translateX(50px);
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    white-space: nowrap;
		color: white;
		text-transform: uppercase;
		-webkit-box-reflect: below -0px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
	text-transform: uppercase;
}


.question.active {
    opacity: 1;
    transform: translateX(0);
}

.question.fade-out {
    opacity: 0;
    transform: translateX(-50px);
}


.video {
    z-index: 10;
    position: relative;
}


.wpforms-container .wpforms-form#wpforms-form-1438{
	background: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
  align-items: center;
}
}

.wpforms-submit#wpforms-submit-1438 {
	text-transform: uppercase;
	font-family: 'Roboto';

} 

.wpforms-container .wpforms-confirmation-container {
    display: block !important;
}

.wpforms-container form {
    display: block !important;
}

.inner-sponsor-container {
	position: relative;
}

.inner-sponsor-img {
	position: absolute;
	left: 5vw;
}


.tnp-subscription div.tnp-field, .tnp-profile div.tnp-field {
	padding-top: 20px!important;
}
.tnp-subscription label {
	
	display: none!important;
}

.tnp-subscription input.tnp-submit {
	background: #eec55b!important;
	color: #401a54!important;
	font-weight: bold!important;
	padding: 15px 50px!important;
	text-transform: uppercase;
	width: 100%;
}
.ct-menu-link {
    transition: all 0.3s ease-in-out;
}

.menu .ct-menu-link.active {
    color: #EEC55B !important;
    font-weight: bold !important;
}

html {
    scroll-behavior: smooth;
}

.tnp.tnp-subscription.form-1 {
	padding: 80px 60px;
	background: #401A54;
	border-radius: 30px;
}

.tnp-name.form-1, .tnp-email.form-1, .tnp-message.form-1 {
	background: #1C0429!important;
	color: white!important;
	font-family: 'Roboto';
}

.text-live {
	color: #05ce78;
	font-weight: bold;
	
}
.container-subscribe {
	display: flex;
	flex-direction: column;
  align-items: center;
}

.tnp-submit {
	  background: #eec55b !important;
    color: #401a54 !important;
    font-weight: bold !important;
    padding: 15px 50px !important;
    text-transform: uppercase;
    width: 100%;
	border-radius: 10px!important;
}

@media screen and (max-width: 769px) {
  .question-container {
    display: flex;
    width: 100vw;
    height: 16vh; /* Volledige schermhoogte */
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    position: relative;
    overflow: hidden;
		margin-left:-7px;
		height: 15vh;
  }

  .question {
    position: absolute;
    width: 100vw; /* Zorgt dat de vragen een vaste breedte hebben */
    max-width: 600px; /* Voorkomt dat 
    white-space: normal; /* Zorgt dat de tekst netjes wrapped */
    font-size: 1rem !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
  }
}

.button, .ct-button, .entry-tags a, .added_to_cart, [type=submit], .wp-element-button, .wp-block-button__link, button.regform-button, button[class*=ajax], .woocommerce button.button, .woocommerce-message .showlogin, .woocommerce-message .restore-item, .forminator-ui[data-design=none] .forminator-button, .fluentform .ff-el-group button.ff-btn {
    position: relative;
    color: #401a54;
    border: var(--theme-button-border);
    background-color: #eec55b;
}

.woocommerce-info, .woocommerce-thankyou-order-received, .wc-block-components-notice-banner.is-info {
    --theme-text-color: var(--theme-text-color);
    --theme-link-hover-color
--theme-link-hover-color is not defined
: var(--theme-link-hover-color);
    --background-color: #8c8f94;
}

.woocommerce-info, .woocommerce-error, .woocommerce-message, .woocommerce-thankyou-order-received {
    display: flex
;
    color: #401a54;  
}

/* Styling products on shop page */
li.product {
	border: solid 1px #eec55b;
  padding: 1em;
  border-radius: 3px;
}