html {
overflow: visible !important;
margin-right: 0 !important;
}
body {
text-align: left;
font-family: 'Open Sans', sans-serif;
line-height: 160%;
background: #fff;
margin: 0 0 0 0;
opacity: 1;
filter: Alpha(Opacity=100);/*IE7 fix*/
transition: all 1s;
-webkit-transition: all 1s;
transition-timing-function: ease;
position: relative;
padding-bottom: 100px;
}
body.indevelopment {
margin: 115px 0 0 0;
}
body.fade-out {
opacity: 0;
filter: Alpha(Opacity=0);/*IE7 fix*/
transition: all 1s;
-webkit-transition: all 1s;
}
@keyframes fade-in-down-sm {
0% {
transform: translateY(-100px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.js-accordion-timetable--shown {
position: absolute;
background: white;
left: 0px;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 750ms ease-in-out;
-moz-transition: all 750ms ease-in-out;
-ms-transition: all 750ms ease-in-out;
-o-transition: all 750ms ease-in-out;
transition: all 750ms ease-in-out;
z-index: 1;
}
.hide-on-desktop {
display: none;
}
/* MENU CONTAINER */
img.menu-logo {
height: 60px;
position: absolute;
left: 10px;
top: 10px;
}
.menu-container {
width: auto;
position: fixed;
top: 0;
left: 0;
right: 0;
background: #fff;
height: 80px;
box-shadow: 0px 1px 1px #0000001a;
z-index: 998;
}
.menu-items {
position: absolute;
right: 140px;
top: 0;
}
.menu-items ul {
margin: 0;
padding: 0;
}
.menu-items ul li {
list-style-type: none;
margin: 0;
padding: 0;
display: inline-block;
position: relative;
border-right: 1px solid #F8F8F8;
float: left;
}
.menu-items ul li.menu-item-first {
border-left: 1px solid #F8F8F8;
}
.menu-items ul li a {
text-decoration: none;
height: auto;
display: block;
padding: 32px 0;
color: #727272;
line-height: 1;
width: 140px;
text-align: center;
}
.menu-items ul li a:hover {
background: #f8f8f8;
transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.menu-items ul li.menu-active a {
background: #F8F8F8;
}
li.menu-active span.menu-active-border {
background: #CE175C;
width: 20px;
height: 1px;
display: inline-block;
position: absolute;
bottom: 20px;
left: 60px;
right: auto;
}
.mle-switch {
position: absolute;
right: 20px;
top: 24px;
}
.mle-switch select {
border: none;
font-size: 0.8em;
color: #aeaeae;
border-bottom: 1px solid #aeaeae;
padding: 0;
line-height: 1;
margin: 0px 0 0 0;
cursor: pointer;
outline: none;
}
/* LOGIN */
body.loginpage_body {
background: #f6f6f6;
}
h2.title.title--page {
display: block;
margin: 0 0 10px 0;
}
.login_logobox {
height: auto;
background-image: url(../images/login_bg.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
text-align: center;
min-height: 100px;
line-height: 1;
}
.loginbox p {
margin: 0 0 30px 0;
color: inherit;
}
span.login_poweredby {
display: block;
text-align: center;
font-size: 0.9em;
margin: 20px 0 0 0;
color: inherit;
}
.login_mlebox.mle-switch select {
color: #fff;
border-bottom: 1px solid #fff;
}
.login_mlebox.mle-switch {
position: absolute;
right: 10px;
top: 5px;
}
.login_mlebox.mle-switch option {
color: #000;
}
.login_logobox img.menu-logo {
position: relative;
top: auto;
left: auto;
padding: 40px 0;
height: 80px;
}
.login_formbox {
padding: 20px;
}
.vert_alignwrap {
min-height: 100vh;
position: relative;
}
.loginbox {
background: #fff;
width: 80%;
margin: 0 auto;
max-width: 460px;
border-radius: 5px;
position: relative;
overflow: hidden;
box-shadow: 0px 1px 4px 0px #919191;
}
.content-container.loginbox_holder {
width: auto;
padding: 0 20px;
margin: 0 0 100px 0;
opacity: 1;
filter: Alpha(Opacity=100);
position: absolute;
top: 50px;
left: 0;
right: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.content-container.loginbox_holder.hide {
margin: 50px 0 100px 0;
opacity: 0;
filter: Alpha(Opacity=0);
transform: translateY(-50%);
}
.content-container.loginbox_holder.pullup {
margin: 0 0 100px 0;
opacity: 1;
filter: Alpha(Opacity=100);
}
button.loginbutton {
-webkit-appearance: none;
border: none;
background: #E61454;
color: #fff;
border-radius: 5px;
padding: 10px 15px;
outline: none;
transition: all 0.2s;
-webkit-transition: all 0.2s;
}
button.loginbutton:hover {
background: #b40b3e;
}
/* VISUAL CONTAINER */
.visual-container {
width: auto;
height: 60vh;
margin-top: 80px;
background-image: url(../images/dvddl_bg.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
min-height: 530px;
}
.visual-captionbox {
width: auto;
text-align: center;
}
.visual-captionbox-inner {
width: auto;
padding: 0 20px;
max-width: 1366px;
margin: 0 auto;
}
img.visual-captionbox-logo {
width: 100%;
max-width: 600px;
}
span.visual-captionbox-title {
display: block;
color: #fff;
font-size: 2em;
text-transform: uppercase;
}
span.visual-captionbox-title {
display: block;
color: #fff;
font-size: 2em;
text-transform: uppercase;
font-weight: 600;
text-shadow: 0px 1px 1px #0000009c;
line-height: 1;
margin: 0 0 10px 0;
}
span.visual-captionbox-subtitle {
display: block;
color: #fff;
font-size: 1.8em;
font-weight: 400;
text-shadow: 0px 1px 1px #0000009c;
line-height: 1;
margin: 0 0 10px 0;
}
/* CONTENT CONTAINER */
.content-main-inner hr {
background: #d5d5d5;
border: none;
height: 1px;
margin: 25px 0;
}
h2 {
display: block;
font-size: 1.4em;
font-weight: 600;
margin: 0 0 10px 0;
text-transform: uppercase;
}
h3 {
display: block;
font-size: 1.4em;
font-weight: 600;
margin: 0 0 10px 0;
text-transform: uppercase;
}
h4 {
margin: 0 0 10px 0;
font-size: 1.1em;
font-weight: 600;
}
h5 {
margin: 0 0 0 0;
font-size: 0.9em;
font-weight: 600;
}
p {
display: block;
margin: 0 0 10px 0;
font-size: 0.8em;
line-height: 1.7;
}
a {
color: #E61454;
text-decoration: none;
}
.content-container ul:not(.cd-schedule ul) {
padding: 0 0 0 20px;
margin: 0 0 10px 0;
}
.content-container {
width: auto;
padding: 0 20px;
margin: 50px 0 100px 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-webkit-transition-delay: 0.5s; /* Safari */
transition-delay: 0.5s;
opacity: 0;
filter: Alpha(Opacity=0);/*IE7 fix*/
min-height: 50vh;
}
.content-container.pullup {
margin: 0 0 100px 0;
opacity: 1;
filter: Alpha(Opacity=100);/*IE7 fix*/
}
.content-row {
max-width: 1200px;
margin: 0 auto;
}
.content-holder {
width: 100%;
background: #fff;
box-shadow: 0px 2px 4px #00000038;
margin: -100px 0 0 0;
display: flex;
overflow: hidden;
}
.content-sidebar {
width: 45%;
background: #F9F9F9;
}
.content-sidebar-inner {
padding: 20px 40px;
}
.content-main {
width: 55%;
}
.content-main-inner {
padding: 20px 40px;
}
.content-success-inner {
padding: 20px 40px;
}
.content-sidebar hr {
margin: 30px 0 30px 0;
width: 40px;
border-color: #707070;
}
a.sidebar-cta {
color: #E61454;
text-transform: uppercase;
font-size: 0.8em;
font-weight: 600;
}
span.poweredby {
position: absolute;
font-size: 0.8em;
background: #aeaeae;
padding: 10px 15px;
color: #fff;
line-height: 1;
border-radius: 5px 0 0 0;
bottom: 0;
right: 0;
}
.program_line {
display: flex;
overflow: hidden;
margin: 0 0 15px 0;
}
.program_time {
float: left;
display: inline-block;
margin: 0 0 0 0;
width: 20%;
min-width: 120px;
}
.program_time span {
display: block;
margin: 0 0 0 0;
font-size: 0.8em;
line-height: 1.7;
color: #063e85;
font-weight: bold;
}
.program_text {
display: inline-block;
float: left;
width: 80%;
}
.program_text p {
margin: 0 0 0 0;
}
.warning {
color: red;
font-weight: bold;
margin-bottom: 1em;
}
.speaker-item {
display: flex;
background: #F9F9F9;
margin: 0 0 20px 0;
box-shadow: 0px 1px 1px #00000026;
}
.speaker-item-image {
width: 25%;
}
.speaker-item-content {
width: 75%;
}
.speaker-item-content-inner {
padding: 20px;
}
span.speaker-time {
display: block;
font-size: 0.8em;
color: #EEA031;
line-height: 1;
}
span.speaker-name {
display: block;
text-transform: uppercase;
font-size: 0.9em;
font-weight: 600;
color: #EEA031;
}
span.speaker-text {
display: block;
font-size: 0.8em;
line-height: 1.5;
margin: 0 0 0 0;
}
.speaker-item-image {
width: 25%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.content-main-inner.location {
padding: 0;
height: 100%;
position: relative;
}
.mapholder {
position: absolute;
overflow: hidden;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.mapholder iframe {
position: absolute;
top: 0;
left: 0;
width: auto !important;
height: auto !important;
min-width: 100%;
min-height: 100%;
}
.image-source-link {
color: #98C3D1;
}
.speaker-item {
max-height: 150px;
transition: all 0s ease;
overflow: hidden;
position: relative;
}
.speaker-item.openspeaker {
max-height: 9999px;
transition: all .8s ease;
}
span.speaker-text {
display: block;
font-size: 0.8em;
line-height: 1.5;
margin: 0 0 0 0;
max-height: 80px;
overflow: hidden;
text-overflow: ellipsis;
content: "";
position: relative;
}
.openspeaker span.speaker-text {
max-height: 9999px;
}
span.speaker-text:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(#f9f9f900 20px, #f9f9f9);
}
.openspeaker span.speaker-text:before {
background: none;
}
.speaker-item-image {
max-height: 150px;
}
.speaker-item-content-inner {
padding: 23px;
overflow: hidden;
max-height: 110px;
}
.openspeaker .speaker-item-content-inner {
max-height: 9999px;
}
.open_close_holder {
position: absolute;
right: 5px;
top: 4px;
height: 20px;
overflow: hidden;
text-align: right;
cursor: pointer;
}
span.openspeakerbtn {
display: block;
font-size: 0.8em;
line-height: 1;
margin: 5px 0;
color: #7f7fb3;
transition: all 0.2s;
-webkit-transition: all 0.2s;
}
span.closespeakerbtn {
display: block;
font-size: 0.8em;
line-height: 1;
margin: 5px 0;
color: #7f7fb3;
}
.openspeaker span.openspeakerbtn {
margin: -12px 0 5px 0;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: .8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: 0!important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-content {
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(50%);
width: 100%;
max-width: 960px;
}
.mfp-image-holder .mfp-content {
/*max-width: 100%;*/
}
/*
.mfp-wrap.mfp-gallery.mfp-auto-cursor.mfp-with-zoom.mfp-img-mobile.mfp-ready {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000000d4;
z-index: 9999;
}
*/
.mfp-figure {
text-align: center;
}
.mfp-figure figure {
margin: 10px;
width: auto;
}
.zoom-gallery {
display: flex;
flex-wrap: wrap;
}
a.gallery-image-link {
width: 23%;
height: auto;
overflow: hidden;
margin: 1%;
line-height: 0;
}
img.gallery-image {
width: 100%;
height: auto;
}
img.mfp-img {
width: 100%;
max-width:960px;
}
.mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: inset transparent;
}
button.mfp-arrow, button.mfp-close {
overflow: visible;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
display: block;
outline: 0;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow {
position: absolute;
opacity: .65;
filter: alpha(opacity=65);
margin: -55px 0 0;
top: 50%;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-arrow-left .mfp-b, .mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow .mfp-b, .mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: .7;
}
.mfp-arrow-left .mfp-a, .mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow .mfp-a, .mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow-right .mfp-b, .mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-arrow-right .mfp-a, .mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
/***FAQ STYLING ***/
.accordion {
color: #000;
cursor: pointer;
padding: 1em 0;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 16px;
transition: 0.4s;
border-top: 1px solid #E2E2E2;
font-weight: 600;
position: relative;
padding-right: 2em;
box-sizing: border-box;
}
.accordion-box {
border-bottom: 1px solid #E2E2E2
}
.panel {
padding: 0;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.panel p{
margin-top: 0;
font-size: 13px;
line-height: 1.7;
font-weight: 400;
padding-right: 3.5em;
margin: 0 0 20px 0;
}
.accordion:after {
content: url(../images/expand_more.svg);
width: 10px;
height: 10px;
top: 17px;
right: 12px;
position: absolute;
}
.active:after {
content: url("../images/expand_less.svg");
}
/**** FORM STYLING ****/
@supports (-ms-ime-align:auto) { input[type=radio] { width:15px !important; height:15px !important; } }
.login_formbox .message.message--error {
background: #ff6a6a;
padding: 10px;
border-radius: 5px;
margin: 0 0 20px 0;
color: #fff;
}
.loginbox .login_formbox .message.message--error p {
margin: 0 0 0 0;
}
.mainform {
margin: 50px 0;
}
.form_element {
background: #f9f9f9;
border-radius: 5px;
box-shadow: 0px 1px 1px #b4b4b4;
padding: 5px 10px;
width: auto;
margin: 0 0 20px 0;
display: block;
position: relative;
}
.form_label {
display: block;
color: #7A7983;
margin: 0 0 0 0;
}
.form_label_plain a {
text-decoration: underline;
}
input,
select,
textarea {
width: 100%;
padding: 0;
margin: 0 0 5px 0;
border: none;
font-size: 18px;
outline: none;
background: none;
}
.form_check {
position: absolute !important;
right: 4px !important;
bottom: 2px !important;
top: auto !important;
left: auto !important;
height: auto !important;
color: #4bd07a;
}
label.form_error {
font-size: 11px;
color: #fc0000;
background-image: url(../../../base/assets/images/exclamation.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 20px;
}
.form_error_box {
border: 1px solid red;
background: #ece3e3;
}
.navbuttons {
position: relative;
width: 100%;
overflow: hidden;
}
button.js-multipage-next {
border: none;
background: #E61454;
color: #fff;
border-radius: 5px;
padding: 10px 15px;
outline: none;
float: right;
}
button.js-multipage-previous {
border: none;
background: #939393;
color: #fff;
border-radius: 5px;
padding: 10px 15px;
outline: none;
float: left;
}
span.navbutton_text {
text-transform: uppercase;
font-size: 14px;
margin: 0 10px 0 0;
}
button.js-multipage-previous span.navbutton_text {
margin: 0 0 0 10px;
}
button.js-submit {
border: none;
background: #E61454;
color: #fff;
border-radius: 5px;
padding: 10px 15px;
outline: none;
}
button.js-multipage-submit.js-submit {
float: right;
}
.form_input_check, .form_input_radio {
display: block;
margin: 0 0 20px 0;
}
.form_input_radio .form_label {
font-size: 13px;
margin: 0 0 10px 0;
color: #000;
}
.form_input_check .form_label {
font-size: 13px;
margin: 0 0 10px 0;
color: #000;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #f9f9f9 inset !important;
}
span.form_input_check_title {
font-weight: bold;
font-size: 1em;
display: block;
margin: 0 0 0 0;
}
.form_input_check label.cust_check {
margin: 20px 0 30px 0;
}
.multipage_nav {
overflow: hidden;
}
/* Customize the label (the container) */
.cust_check {
display: block;
position: relative;
padding-left: 44px;
cursor: pointer;
font-size: 0.8em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.cust_check input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 2px;
width: 2px;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
border: 1px solid #bcbcbc;
}
/* On mouse-over, add a grey background color */
.cust_check:hover input ~ .checkmark {
}
/* When the checkbox is checked, add a blue background */
.cust_check input:checked ~ .checkmark {
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.cust_check input:checked ~ .checkmark:after {
display: block;
}
label.radio {
display: block;
}
/* Style the checkmark/indicator */
.cust_check .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid #101010;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.form_label_plain {
display: block;
margin: 0 0 10px 0;
font-size: 0.8em;
line-height: 1.7;
}
span.radio_text {
display: block;
font-size: 0.9em;
font-weight: bold;
}
.radio_input {
margin-bottom: 15px;
display: block;
overflow: hidden;
}
/* Customize the label (the container) */
.cust_radio {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default radio button */
.cust_radio input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 2px;
width: 2px;
}
/* Create a custom radio button */
.radioshape {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #fff;
border-radius: 50%;
border: 2px solid #c8c8c8;
}
/* On mouse-over, add a grey background color */
.cust_radio:hover input ~ .radioshape {
}
/* When the radio button is checked, add a blue background */
.cust_radio input:checked ~ .radioshape {
background-color: #fff;
border: 2px solid #000000;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.radioshape:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
.cust_radio input:checked ~ .radioshape:after {
display: block;
}
/* Style the indicator (dot/circle) */
.cust_radio .radioshape:after {
top: 5px;
left: 5px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #000000;
}
.form_input textarea {
width: 100%;
padding: 0;
background: none;
border: none;
outline: none;
}
/**********************
* Rondeselectie
**********************/
.round {
background: #F1F1F1;
padding: 15px;
margin: 10px 0;
cursor: pointer;
}
.round.selected {
border: 1px solid #e91e54;
}
.round .js-round-selector {
visibility: hidden;
height: 3px;
width: 3px;
position: absolute;
}
.round--inactive {
cursor: not-allowed;
}
.round_title {
font-size: 20px!important;
color: #000;
margin: 0!important;
display: flex;
text-transform: none;
justify-content: space-between;
}
.round.selected .round_title {
color: #e91e54;
}
.round--inactive .round_title {
color: #D6D6D6;
}
.themes {
margin-top: 20px;
border: 1px solid transparent;
}
.themes--alternative {
color: #000;
}
.theme {
padding: 5px;
margin: 10px 0;
}
.theme_header {
display: flex;
align-items: center;
}
.theme_icon {
margin-right: 20px;
}
.theme_title {
margin: 0;
display: flex;
width: 100%;
justify-content: space-between;
}
.theme_workshop {
border: 1px solid #fff;
border-radius: 5px;
padding: 15px;
margin: 15px 0;
}
.round .js-round-selector:disabled + .theme_workshop {
cursor: not-allowed;
background: #6d6d6d;
}
.round .js-round-selector:disabled + .theme_workshop .cust_check, .round .js-round-selector:disabled + .theme_workshop .cust_radio {
cursor: not-allowed;
}
.round .js-round-selector:checked + .theme_workshop .checkmark:after, .round .js-round-selector:checked + .theme_workshop .radioshape:after {
display: block;
}
.workshop_title {
font-size: 1.1em;
font-weight: bold;
}
.workshop_description, .time {
font-size: 0.8em;
}
button[disabled] {
cursor: not-allowed;
background-color: #CCCCCC !important;
color: #939393 !important;
}