/* Global Styles */

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000000;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000000;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #000000;
}


/* Buttons */

input[type='submit'],
.button {
    width: auto;
    display: inline-block;
    outline: none;
    background: transparent;
    color: #3EA7FF;
    padding: 11px 30px 11px 30px;
    border: 2px #3EA7FF solid;
    margin: 0;
    cursor: pointer;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-weight: 700;
    -webkit-transition: 0.3s background-color ease-in, 0.3s color ease-in;
    -moz-transition: 0.3s background-color ease-in, 0.3s color ease-in;
    -o-transition: 0.3s background-color ease-in, 0.3s color ease-in;
    transition: 0.3s background-color ease-in, 0.3s color ease-in;
    position: relative;
}

.button.simple {
    padding: 0 30px 11px 0;
    border: none;
}

.button.simple:hover,
.button.simple:active,
.button.simple:focus {
    background: none;
    color: #000000;
}


/* Filters */

.filter-item-check .filter-item-on,
.filter-item-check .filter-item-on label {
    background: transparent !important;
}

.filter-item-check .filter-item-on {
    width: 20px;
}

.filter-item-on:before,
.filter-item-on:after {
    display: none;
}

.filter-item-check .filter-item-on label {
    left: 0;
    width: 200px;
}

.filter-item-check .filter-item-on label:hover,
.filter-item-check .filter-item-on label:active,
.filter-item-check .filter-item-on label:focus,
.filter-item-check .filter-item-on label:after:hover,
.filter-item-check .filter-item-on label:after:active,
.filter-item-check .filter-item-on label:after:focus {
    cursor: pointer;
    color: #000000;
}

.filter-item-check .filter-item-on label:after {
    content: '';
    background: none !important;
    color: #898989;
    left: 0;
    top: -3px;
    z-index: 0;
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    line-height: 1.6rem;
    font-size: 18px;
}

.filter-item-check .filter-item-on input[type=checkbox]:checked+label {
    left: 0;
}

.filter-item-check .filter-item-on input[type=checkbox]:checked+label:after {
    color: #3EA7FF;
}

.filter-item-check .filter-main-label {
    padding-left: 30px;
}

@media screen and (max-width: 780px) {
    .sidebar-show-button {
        display: none !important;
    }
    .sidebar-advanced-filters-inner {
        display: block !important;
    }
}


/* Homepage */

.eventsSlick .slick-dots {
    display: none !important;
}


/* Workshops */

.pricePer {
    color: #246B53;
    display: block;
    font-weight: 700;
    padding: 0 0 0.5rem 0;
}

ul#faq {
    padding: 0;
}

ul#faq li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#faq li h3 {
    color: #000000;
}


/* Exhibitions */

ul.triangle {
    list-style: none;
    list-style-image: url('./images/triangle.png');
    padding: 20px 0 0 40px !important;
}

.contentLine {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}


/* Tutor */

.tutor {
    background: #f6f6f6;
    padding: 1.5rem !important;
    border: 1px solid #B7B7B7;
    margin-bottom: 2rem;
}


/* Grid */

#cta .textArea {
    display: block;
    padding: 5.5rem 0;
}


/* Footer */

footer form p:first-of-type {
    margin-bottom: 0;
    width: 60%;
}

footer form p {
    display: inline;
    clear: none;
    float: left;
    width: 40%;
}

.eventBrite iframe {
    min-height: 361px;
}

.bannerTitle {
    width: -webkit-calc(100% / 12 * 8 - 0.1px);
    padding: 35px 40px 2px 40px !important;
}

.bannerTitle h1,
#noImgHeader h1 {
    padding: 0.15rem 0 0.75rem 0;
}

.mc-field-group {
    display: flex;
    flex-basis: 70%;
    padding-right: 10px;
}

.mce-responses {
    width: 0;
    float: left;
}

#mc_embed_signup_scroll {
    display: flex;
}

#mce-responses {
    display: none;
}

.mce-button {
    width: 30% !important;
}

.clear {
    width: 100%;
    float: left;
}

.mc-field-group input[type="email"],
.mc-field-group input[type="text"] {
    background: rgba(255, 255, 255, 0.4);
    color: #FFFFFF !important;
    border: none;
    margin-bottom: 10px;
    outline: none;
    padding: 14px;
    width: 100%;
}

.mc-field-group label {
    width: 50%;
    align-self: center;
}

.gdprRequired {
    border: none;
    margin-bottom: 10px;
    padding: 0;
}

.gdprRequired input[type="checkbox"] {
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.gdprRequired span {
    font-size: 14px;
}

#cta .gdprRequired span {
    color: #FFF;
}

footer #mc_embed_signup_scroll input[type='submit']:hover {
    border-color: #ffffff;
    color: #ffffff;
}

footer .mc-field-group input[type="email"] {
    color: #000000 !important;
}

#mc_embed_signup_scroll input[type='submit'] {
    float: right;
    font-size: 1em;
    background: none;
    border-color: #3EA7FF;
    color: #3EA7FF;
    padding: 12px 0;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .bannerTitle {
        padding: 30px 10px 2px 10px !important;
        width: 100%;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
    }
}

.filter-item-wrapper:last-of-type .filter-item-check {
    padding-bottom: 10px;
}

.filter-item-wrapper:last-of-type .filter-main-label.fright {
    pointer-events: none;
    text-align: right;
    position: relative;
    padding: 5px 0 0 0 !important;
}

@media only screen and (max-width: 1024px) {
    .filter-item-wrapper {
        width: 50% !important;
        padding-bottom: 20px;
    }
}

body.large,
body.yellowLarge {
    font-size: 1.2em;
}

body.yellowBg p,
body.yellowBg strong,
body.yellowBg ul li,
body.yellowBg ul li a,
body.yellowBg h1,
body.yellowBg h2,
body.yellowBg h3,
body.yellowBg h4,
body.yellowBg h5,
body.yellowBg h6,
body.yellowBg span,
body.yellowBg small,
body.yellowLarge p,
body.yellowLarge strong,
body.yellowLarge ul li,
body.yellowLarge ul li a,
body.yellowLarge h1,
body.yellowLarge h2,
body.yellowLarge h3,
body.yellowLarge h4,
body.yellowLarge h5,
body.yellowLarge h6,
body.yellowLarge span,
body.yellowLarge small,
body.yellowLarge .sliderHeadline h1 span {
    background: yellow !important;
    color: #000000 !important;
}

/* News page */
.row {
    display: flex;
    flex-wrap: wrap;
}

.articleContent {
    margin-bottom: 0 !important;
}

.articleContent .articlePreview {
    float: left;
    margin-bottom: 80px;
}