/*
Theme Name: Milestone Management
Description: Thema voor Milestone Management
Version: 1.0
Author: Richard Pater
Template: hello-elementor
*/

* { margin: 0; padding: 0; }

.social-buttons { width: 100%; }
.social-buttons a { font-family: var( --e-global-typography-primary-font-family ), Sans-serif; background: #fff; color: #000 !important; width: 100%; display: block; text-align: center; padding: 7px 0; margin: 15px 0; }
.social-buttons a:hover { color: #fff; opacity: 0.85; }

.social-artist { width: 100%; padding: 25px 35px; background: rgba(255,255,255,0.55); }
.social-artist .item { margin: 10px 0; width: 100%; font-size: 26px; font-weight: 400; font-family: var( --e-global-typography-primary-font-family ), Sans-serif; display: flex; align-items: center; }
.social-artist .item .icon { padding: 10px; margin-right: 15px; background: #000; color: #fff; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }

.booking-form { display: flex; flex-wrap: wrap; justify-content: space-between; }
.booking-form .field-block { width: 73%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.booking-form .field-block .item { width: 31.33%; }
.booking-form .field-block .item label { margin-bottom: 8px; }
.booking-form .textarea-block { width: 25%; }
.booking-form .textarea-block .item { width: 100%; }
.booking-form .textarea-block .item textarea { max-height: 114px; }
.booking-form .send-form { width: 100%; display: table; }
.booking-form .wpcf7-submit { margin-top: 15px; margin-left: auto; background: #fff; color: #000; border: 0; }
.booking-form .wpcf7-submit:hover { background: #fff; color: #000; opacity: 0.85; }

.elementor-posts--thumbnail-top .elementor-post__thumbnail__link { margin-bottom: 0 !important; }

#footer .menu { padding-left: 0; list-style: none; }
#footer .menu li { color: #fff; }
#footer .menu li a { color: #fff; }
#footer .menu li a:hover { text-decoration: underline; color: #fff; }

.nieuwsbrief-form { display: flex; flex-wrap: wrap; justify-content: space-between; }
.nieuwsbrief-form .item { width: 39%; }
.nieuwsbrief-form .item:last-child { width: 20%; }
.nieuwsbrief-form .item .wpcf7-submit { width: 100%; background: var( --e-global-color-primary ); color: #000; border-color: var(--e-global-color-primary ); }
.nieuwsbrief-form .item .wpcf7-submit:hover { opacity: 0.85; }

.wpcf7-form .wpcf7-submit { background: #fff; color: #000; border-color: #fff; }
.wpcf7-form .wpcf7-submit:hover { background: #fff; color: #000; opacity: 0.85; }

ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover { border-left: 0 !important; }

.social-title-artist { display: flex; color: #fff; align-items: center; justify-content: flex-end; }
.social-title-artist .fab { color: #fff; margin-left: 20px; font-size: 28px; }
.social-title-artist .fas { color: #fff; margin-left: 20px; font-size: 28px; }
.social-title-artist .far { color: #fff; margin-left: 20px; font-size: 28px; }

.custom-icon-list { background: #fff; padding: 25px;}
.custom-icon-list .elementor-icon-list-icon i { color: #3BB300 !important; }
.custom-icon-list .elementor-icon-list-text { font-size: 18px; }

.artist-status { padding: 35px 35px; background: #f4f4f4; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 10%); }
.artist-status .title { font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #fff; }
.artist-status .form { display: flex; }
.artist-status .form button { margin-left: 20px; background: #fff; color: #000; border-color: #fff; }
.artist-status .message { width: 100%; display: table; padding: 10px 15px; border-radius: 5px; margin-bottom: 20px; }
.artist-status .message.success { background: #008000; color: #fff; }

@media only screen and (max-width: 767px) {

    .booking-form .field-block { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
    .booking-form .field-block .item { width: 48.5%; margin: 3px 0; }
    .booking-form .textarea-block { width: 100%; }
    .booking-form .textarea-block .item { width: 100%; }

    .nieuwsbrief-form .item { width: 49%; }
    .nieuwsbrief-form .item:last-child { width: 100%; margin-top: 15px; }

    input[type="date"]
    {
        display:block;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        min-height: 42px;
    }


}