css

/*Additions to general font styles*/
/*p{
font-size: 1.12rem;
font-family: ‘Archivo’, sans-serif;
color: #000;
font-weight: 400;
line-height: 1.7;
}*/
a{
color:#E40622;
}
strong{
font-weight:600!important;
color:#000;
font-family:’Exo 2′,Helvetica,Arial,Lucida,sans-serif!important;
}
/*h2{
font-weight:500!important;
color:#363636!important;
font-family:’Archivo Black’,Helvetica,Arial,Lucida,sans-serif!important;
font-size:1.75rem!important;
line-height: 1.7!important;
letter-spacing:0px!important;
}*/
h3{
font-weight:600!important;

}

/*Make menu items sloping*/
#menu-fc-utrecht-experience li{
background-color:#000;
transform: skewX(-20deg);
margin-left:10px;
}
#menu-fc-utrecht-experience li a{
padding:10px 5px 10px 5px!important;
transform: skewX(20deg);
}
#menu-fc-utrecht-experience li:hover{
cursor:pointer;
}
#menu-fc-utrecht-experience li a:hover{
cursor:pointer;
}
#menu-fc-utrecht-experience .current-menu-item{
background-color:#E40622;
}

/*Style events table*/
.ninjatable_cart_wrapper{
display:none;
}
.events_table tr{
background-color:#e60000;
margin-bottom:5px!important;
}

.events_table table, .events_table .woocommerce-Price-amount bdi{
border-spacing:0px 10px!important;
border:none!important;
background:none!important;
font-family: ‘PT sans’!important;
color: #fff!important;
}

.events_table .event_title{
font-size:1.12rem;
font-family:’Exo 2′,Helvetica,Arial,Lucida,sans-serif!important;
font-weight:600;
}
.events_table .event_details{
font-size:1rem;
font-weight:400;
}
.events_table .event_inschrijven a{
background-color:#aa000f!important;
text-transform:uppercase;
font-weight:400;
}

#page-container{
padding-top:0!important;
}

/*Display socials inline*/
.socials_inline{
display:inline-block;
}
.socials_inline .et_pb_social_icon{
width:40px;
}

/*Remove table style in footer*/
.footer_links_left table, .footer_links_left td{
border:none!important;
}
.footer_links_left a, .no_link_style a{
text-decoration:none;
color:inherit;
}

/*Set footer column height for lines*/
.footer_borders{
height:25vh;
}

/*Set underline color manifest*/
.footer_manifest a{
border-bottom: 2px solid #EE1A2E;
padding-top:2px;
font-weight:600!important;
font-size:1rem!important;
}
.footer_manifest a{
text-decoration:none;
color:inherit;
}

/*style footer conditions*/
.footer_conditions{
font-weight:400;
}
.footer_conditions table{
border:none;
}
.footer_conditions td{
border:none;
padding-left:20px;
}
.footer_statements{
width:max-content!important;
}
@media (max-width:980px){
.footer-statements{
width:100%;
}
.footer_conditions .et_pb_column{
margin-bottom:5px;
}
}
.footer_statements a{
color:inherit;
text-decoration:none;
}
.footer_statements a:hover{
text-decoration:underline;
}

/*style blurbs*/
.et_pb_blurb_description{
font-weight:400!important;
}
.et_pb_blurb .et-pb-icon{
font-size:18px!important;
}

/*display header columns inline*/
@media (max-width:450px){
.header_row_mobile .et_pb_column{
display:inline-block;
width:33%!important;
}
.header_row_mobile .et_pb_column.et-last-child{
width:67%!important;
}
}

/*add text to menu icon*/
#et_mobile_nav_menu::before {
content: ‘My Menu’;
position: absolute !important;
bottom: 29px;
right: 35px;
color: black;
}

/*place team fields at checkout inline*/
.team_selection{
display:inline-block;
width:15.7%
}
.team_selection label{
width:max-content;
}

/*Set tenue selection positions*/
.tenue_check{
width:47%;
}
.tenue_selection{
width:47%!important;
margin-left:53%!important;
}
#sizes_info_field h3,#sizes_info_jack_field h3{
display:none!important;
}
#sizes_info_field p, #sizes_info_jack_field p{
font-size:0.7rem!important;
}

/*Add padding to form rows*/
.form-row{
padding: 0 0 10px!important;
}

/*=====Checkout styling, colors, fonts, buttons etc=====*/

/*Change timeline width*/
.thwmsc-layout-time-line ul.thwmsc-tabs li{
width:33.3%!important;
}

/*Change step fontsize*/
.thwmsc-layout-time-line.thwmsc_title_below ul.thwmsc-tabs li a {
padding-left:30px!important;
padding-right:30px!important;
}
.thwmsc-tab-label{
font-size:1.12rem!important;
}

/*Change input fontsize*/
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
padding: 10px!important;
font-size: 16px!important;
border-radius: 0.3rem!important;
font-weight:500!important;
background-color: #f3f3f3;
color: #242424;
opacity: 1;
border:none!important;
box-shadow: 0 0 0 2px transparent, 0 1px 0 rgb(0 0 0 / 8%) inset;
transition: all 0.3s;
}

.select2-selection__rendered{
font-size:16px!important;
color:#363636!important;
background-color: #f3f3f3!important;
opacity: 1!important;
border:none!important;
box-shadow: 0 0 0 2px transparent, 0 1px 0 rgb(0 0 0 / 8%) inset!important;
transition: all 0.3s!important;
color: #242424!important;

}

/*Table text colors*/
.entry-content thead th, .entry-content tr th, body.et-pb-preview #main-content .container thead th, body.et-pb-preview #main-content .container tr th {
color: #363636;
}
.product-quantity{
color:#aa000f;
font-family:’Exo 2′!important;
font-weight:600;
}
/*Button style*/
.et_pb_section button, .et_pb_section button.button{
font-size: 1rem!important;
font-weight: 500!important;
font-family: ‘PT sans’!important;
padding: 0.6em 0.8em!important;
cursor: pointer!important;
justify-content: center!important;
white-space: nowrap!important;
text-align: center!important;
border: none!important;
background-color: #e60000!important;
color: #fff!important;
text-transform: uppercase!important;
line-height:inherit!important;
border-radius:0px!important;
}
.more_button{
margin-bottom:-20px!important;
font-size: 1rem!important;
font-weight: 500!important;
font-family: ‘PT sans’!important;
padding: 0.6em 0.8em!important;
cursor: pointer!important;
justify-content: center!important;
white-space: nowrap!important;
text-align: center!important;
border: none!important;
background-color: #e60000!important;
color: #fff!important;
text-transform: uppercase!important;
line-height:inherit!important;
border-radius:0px!important;
}
a.wc-forward{
font-size: 0.9rem!important;
font-family: ‘Archivo’!important;
font-weight: 700!important;
background-color: #000!important;
padding-bottom: .5rem!important;
padding-left: .75em!important;
padding-right: .75em!important;
padding-top: .5rem!important;
text-transform: uppercase!important;
border-radius:0px!important;
border:none!important;
color:#fff!important;
cursor:pointer!important;
}
.nt_woo_view_cart::after{
display:none!important;
}
.nt_woo_items{
display:none!important;
}
.fooicon-basket{
display:none!important;
}
body #page-container .et_pb_section .et_pb_button_0, body #page-container .et_pb_section .et_pb_button_0:hover {
padding-bottom: .5rem!important;
padding-left: .75em!important;
padding-right: .75em!important;
padding-top: .5rem!important;
}
.et_pb_section button#place_order{
font-size: 1rem!important;
font-weight: 500!important;
font-family: ‘PT sans’!important;
padding: 0.6em 0.8em!important;
cursor: pointer!important;
justify-content: center!important;
white-space: nowrap!important;
text-align: center!important;
border: none!important;
background-color: #e60000!important;
color: #fff!important;
text-transform: uppercase!important;
line-height:inherit!important;
border-radius:0px!important;
}

#page-container button#place_order::after{
display:none!important;
}
#page-container button.button::after{
display:none;
}
/*add padding to place order section*/
.place-order{
padding:1em!important;
}
.place-order p{
font-size:0.8rem!important;
line-height:0.8rem!important;
}

/*coupon information styling*/
.woocommerce-info, a.showcoupon{
background-color:#fff!important;
color:#333333!important;
}
.woocommerce-form-coupon{
border-radius:0px!important;
}
.woocommerce-message{
background-color:#fff!important;
color:#000!important;
}

/*Woocommerce errors on checkout styling*/
.woocommerce-message{
background-color:#fff!important;
color:#000!important;
}
.woocommerce-NoticeGroup-checkout li strong{
color:#000!important;
}
.woocommerce-noticegroup-checkout li{
color:#000!important;
}
.woocommerce-error{
background-color:#fff!important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
color:#33333!important;
}
.woocommerce-info{
margin-bottom:0!important;
}

/*Order complete styling*/
.woocommerce-thankyou-order-received{
padding-bottom:50px!important;
}

/*Remove deelnemer on order recieved*/
.woocommerce-table–custom-fields{
display:none!important;
}

/*Hide size info fields on accordion*/
.isClosed#sizes_info_field{
display:none!important;
}

/*Hide close button on datepicker for idiots*/
.ui-datepicker-close{
display:none;
}

/*hide tenue’s on order confirmation page*/
.woocommerce-order-received .static_tenue, .woocommerce-order-received .variable_tenue {
display:none;
}

/*WP forms styling*/
.contact_page_form label{
font-family: ‘Archivo’,Helvetica,Arial,Lucida,sans-serif!important;
font-weight: 500!important;
font-size: 1.12rem!important;
color: #000!important;
}
.contact_page_form input{
border-radius:0px!important;
border:1px solid #bbb!important;
padding: 10px!important;
font-size: 16px!important;
border-radius: 0px!important;
color: #363636!important;
font-weight: 500!important;
font-family: ‘Archivo’,Helvetica,Arial,Lucida,sans-serif!important;
}
.contact_page_form input:focus{
border:1px solid #000!important;
}

/**** Nesting Menu ****/

/* when mobile menu is open, change hamburger icon to x icon */

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
content: ‘\4d’;
}
/* makes sub sub menu icon be right arrow instead of down arrow */

#top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after,
#et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {
content: ‘5’;
}
/* – mobile menu toggling elements, injected via jQuery – */
/* make menu list item be relative, to be able to position toggle within this item */

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
position: relative;
}
/* the new toggle element, which is added via jQuery */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
position: absolute;
z-index: 1;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 50%;
top: 5px;
right: 30px;
cursor: pointer;
text-align: center;
}
/* the new toggle element when popped */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
background-color: rgba(255,255,255, 0.2);
}
/* toggle icon */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
font-family: “ETmodules” !important;
font-weight: normal;
font-style: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 36px;
font-size: 24px;
text-transform: none;
speak: none;
content: ‘\33’;
color: #da1755;
}
/* toggle icon when triggered */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
content: ‘\32’;
}
/* hide sub menus by default */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
display: none !important;
padding-left: 0;
}
/* show sub menu when triggered via jQuery toggle, and add slight bg color */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
display: block !important;
}
/* remove sub menu list item left padding, since padding will be on anchors */

#main-header #mobile_menu.et_mobile_menu li li {
padding-left: 0;
}
/* adjust mobile menu anchors side paddings */

#main-header #mobile_menu.et_mobile_menu li a {
padding-left: 20px;
padding-right: 20px;
}
/* indent sub sub menus further */

#main-header #mobile_menu.et_mobile_menu li li li a {
padding-left: 60px;
padding-right: 20px;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
background-color: transparent;
font-weight: inherit;
}
/* make the current page’s mobile menu link be different */

#main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
font-weight: bolder;
}

/****** Code Style: Menu Slide-In ******/

/* Font Awesome */
.fa {
margin-right: 15px ;
}

@media only screen and (max-width: 980px){
#mobile_menu {
display: block !important;
min-height: 100vh;
height: 100%;
top: 0;
right: 0;
position: fixed;
z-index: 9998;
overflow: scroll;
border-top: none;
padding-top: 60px !important;
}

.et_mobile_menu li a {
color: #da1755 !important;
width: 100%;
float: left;
text-align: left;
border-bottom: 1px solid #ddd;
margin: 5px;
transition: .2s;
text-transform: uppercase;
}
.mobile_nav ul#mobile_menu .current_page_item > a {
color: #fff !important;
background-color: rgba(255, 255, 255, 0.1);
}

.mobile_nav.closed #mobile_menu {
background: rgba(51,51,51,0.9) !important;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s 0s;
-moz-transition: -moz-transform 0.4s 0s;
transition: transform 0.4s 0s;
background: rgba(51,51,51,0.9) !important;
}

.mobile_nav.opened #mobile_menu {
background: rgba(27,29,30,0.98) !important;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-overflow-scrolling: touch;
-webkit-transition: -webkit-transform 0.4s 0s;
-moz-transition: -moz-transform 0.4s 0s;
transition: transform 0.4s 0s;
}

#main-header .container.clearfix.et_menu_container {
width: 100%;
}

.mobile_menu_bar:before {
color: #1b1d1e !important;
}
.mobile_nav.opened .mobile_menu_bar:before {
content: ‘\4d’;
color: #fff !important;
z-index: 9999;
}
}

@media only screen and (max-width: 980px) {
.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {
z-index: 9999;
}
#et-top-navigation {
padding-right: 5px;
}

@media only screen and (min-width: 481px) {
#mobile_menu {
width: 340px;
margin-left: calc(100% – 340px);
}
}
@media only screen and (max-width: 480px) {
#mobile_menu {
width: 290px;
margin-left: calc(100% – 290px);
}
}

/*Change img icon size*/
.et_pb_main_blurb_image span{
width: 75%;
margin-left: 0px;
}

/*Change button alignment in footer*/
@media (min-width:1024px){
.footer_blocks .et_pb_column{
min-height:550px!important;
}
.more_button{
position: absolute!important;
bottom: 0!important;
}
}

/*Required sterretje*/
.required, .optional{
display:none;
}

/*Mobile menu color*/
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
background-color:#E40622!important;
}

.mobile_nav.opened .mobile_menu_bar:before {
color:#000!important;
}

/*Table styling mobile*/
@media (max-width:450px){
.semantic_ui .ui.compact.table td {
padding: .5em .1em!important;
}
.event_title{
font-size: 12px!important;
line-height: 14px!important;
}
.event_periode{
font-size:12px!important;
width:60px!important;
}
.nt_button_woo{
font-size: 10px!important;
padding: 2px 2px!important;
}
.event_inschrijven{
width:90px;
}
.footable-toggle{
display:none!important;
}
}

/*Footer blurb style*/
.footer_blurb .et_pb_blurb_container{
padding-left:0px!important;
}

.inline{
display:inline-block!important;
}
}

/*Change header font checkout*/
.et_pb_text_0 .participantHeadingWrapper h3{
font-size: 2rem!important;
font-family: ‘Exo 2′!important;
font-weight: 400!important;
color: #000!important;
}

/*Change total font*/
.woocommerce-Price-amount .amount strong{
font-family:’Exo 2’!important;
}
bdi{
color:#000;
}

/*Footer styling*/
@media (max-width:450px){
.footer_row .et_pb_column{
width:100%!important;
margin-bottom:25px!important;
}
}

.variable_tenue{
display:none;
}
.tenue_true .variable_tenue{
display:block;
}