.rr_confirmation {
z-index: 999999999999;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #ffffff;
opacity: 1;
background: repeating-linear-gradient( -45deg, #f9f9f9, #f9f9f9 3px, #ffffff 3px, #ffffff 15px );
}:root {
--clr-gold-500: #DAA520;
}
.et_pb_row.th_fullWithSection {
width: 100vw;
margin: 0px;
left: 0px;
max-width: 100vw;
overflow-y: visible!important;
}
.th_carroussel {
padding: 20px;
overflow: visible!important;
}
.th_carroussel_card {
transform-style: preserve-3d!important;
}
.th_carroussel_card_inner.th_resultaat {
position: relative; background-color: #fafafa;
border-radius: 10px;
margin: 10px;
width: var(--th_card);
height: var(--th_card);
background-size: cover;
background-position:Center;
transform-style: preserve-3d!important;
transform: translateZ(0px);
}
.th_resultaat {
}
.th_car_content {
position: absolute;
left: -20px;
top: 20px;
transform: translateZ(50px);
transform-style: preserve-3d!important;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
}
.th_car_content >.th_title,
.th_car_content > .th_subtitle {
background-color: #5e2751;
color: white;
padding: 3px 10px;
border-radius: 10px 10px 10px 0px;
float:left;
}
.th_car_nieuws .th_car_content >.th_title{
background-color: #DAA520;
font-family: 'Akrobat';
font-style: bold;
font-weight: 800;
font-size: 20px;
border-radius: 0px 10px 10px 10px;
}
.th_car_feestjes .th_car_content >.th_title{
background-color: white;
color: #DAA520;
font-family: 'Akrobat';
font-style: bold;
font-weight: 800;
letter-spacing: -1px;
border-radius: 0px 10px 10px 10px;
}
.th_car_feestjes .th_car_content >.th_subtitle{
font-size: 16px;
font-weight: 600;
}
.th_car_nieuws .th_car_content >.th_subtitle{
font-size: 16px;
font-weight: 600;
}
:root {
--th_card: 300px;
}
@media (max-width: 1100px) {
:root {
--th_card: 250px;
}
}
@media (max-width: 500px) {
:root {
--th_card: 300px;
}
}
.th_car_content.th_feestje_content {
bottom: 40px;
top: unset;
left: -12px;
}
.th_feestje_content > .tj_title{
color: #DAA520;
background-color: white;
}
.slick-list{
overflow-y: visible!important;
}
.th_nav_elements > div {
width: 40px;
height: 40px;
background-color: white;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.th_nav_elements {
display: flex;
gap: 10px;
transform: translateX(300px);
}
.th_car_nav {
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}
.th_nav_elements > div:hover{
background-color: #5e2751;
cursor: pointer;
}
.th_car_nav_dark > div > div > svg,
.th_nav_elements > div:hover > svg{
filter: brightness(0) invert(1);
}
.th_nav_elements > div:active{
transform: scale(0.8);
}
.th_car_nav_dark > div > div {
background-color: #5e2751;
}
.th_car_nav_dark{
margin-top: -60px;
}
@media screen and (max-width: 700px) {
.th_nav_elements{
transform: translateX(0px);
}
.th_car_nav_dark{
margin-top: 0px;
}
.et_pb_module.et_pb_code.et_pb_code_2 > div {
display: flex;
flex-direction: column-reverse;
flex-wrap: nowrap;
gap: 20px;
}
}
.th_popup_fade {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
display: flex;
z-index: 999999999999999999999999!important;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.th_popup {
max-width: 700px;
background-color: white;
padding: 0;
overflow: hidden;
border-radius: 15px;
display: grid;
grid-template-columns: 1fr 250px;
grid-gap: 0px;
}
.th_col {
padding: 15px;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 7px;
background-color: #F5F5F5;
background-size: cover;
background-position:center;
}
.th_col > *{
font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
margin: 0px!important;
padding: 0px!important;
}
.th_popup > .th_col > *{
margin: 0px!important;
padding: 0px!important;
}
.th_popup > h1,
.th_popup > h2,
.th_col > h2,
.th_col > h1 {
color: #daa51f;
font-size: 19px;
font-weight: 300;
}
.th_col > h2{
font-size: 24px;
font-weight: 600;
margin-bottom: 20px;
color: #5E2750;
}
.th_col > p {
font-size: 15px;
font-weight: 300;
line-height: 21px;
color: #494949;
}
.th_fields {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 7px;
}
.th_span2{
grid-column: span 2;
}
.th_divider{
height: 10px;
}
.th_field > input, .th_field > select {
width: 100%;
padding: 9px 10px!important;
border-radius: 5px;
border: 1px solid #e0e0e0;
font-size: 15px;
font-weight: 300;
color: #5E2750;
max-width: 100%;
}
button.th_btn {
background-color: #daa51f;
color: white;
padding: 10px 5px;
border-radius: 5px;
font-size: 14px;
font-weight: 600;
border: 0px solid red;
width: 100%;
cursor: pointer;
transition: all 0.3s;
width: 100px;
}
.th_col_bg{
background-size: cover;
background-position: center;
}
@media screen and (min-width: 800px)
{
.th_col{
padding: 40px!important;
max-width: 800px;
}
}
@media screen and (max-width: 700px) {
.th_popup{
width: 90%;
grid-template-columns: 1fr;
}
.th_col_bg{
display: none;
}
.th_field > *{
padding: 10px!important;
}
}
@media screen and (max-width: 400px) {
.th_popup{
width: 95%;
border-radius: 3px;
height: calc(100vh - 20px);
overflow-y: scroll;
}
.th_fields{
grid-template-columns: 1fr;
}
.th_span2{
grid-column: span 1;
}
}
.th_center{
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
align-content: center;
gap: 20px;
background-color: white;
}
.th_center > *{
margin: 0px!important;
padding: 0px!important;
}
.loader {
width: 45px;
aspect-ratio: 1;
--c: no-repeat linear-gradient(#000 calc(50% - 10px),#0000 0 calc(50% + 10px),#000 0);
background: 
var(--c) 0%   100%,
var(--c) 50%  100%,
var(--c) 100% 100%;
background-size: 20% calc(200% + 20px);
animation:l4 1s infinite linear;
}
@keyframes l4 {
33%  {background-position: 0% 50%,50% 100%,100% 100%}
50%  {background-position: 0%  0%,50%  50%,100% 100%}
66%  {background-position: 0%  0%,50%   0%,100%  50%}
100% {background-position: 0%  0%,50%   0%,100%   0%}
}
p.th_error{
color: red;
font-size: 14px;
font-weight: 300;
} ul.th_footer_links{
padding: 0px !important;
margin-top: 8px;
}
ul.th_footer_links > li{
margin-bottom: 6px;
}
ul.th_footer_links > li > a{
font-family: 'Akrobat';
font-weight: 900;
font-size: 18px;
color: var(--clr-gold-500);
text-decoration: none;
}