/*
 Theme Name:   Chamomilla Child Theme
 Theme URI:    https://www.bureauimago.nl/
 Description:  Chamomilla - child theme
 Author:       IMAGO
 Author URI:   https://www.bureauimago.nl/
 Template:     dt-the7
 Version:      0.2.0
 Text Domain:  chamomilla
 Domain Path:  /languages/
*/

body {
    position: relative;
}
.fixedBar {
    align-items: center;
    background: #b52a66;
    color: #fff !important;
    display: flex;
    flex-wrap: nowrap;
    font-family: Muli, sans-serif;
    justify-content: space-around;
    left: 300px;
    letter-spacing: 1px;
    padding: 0.5em;
    position: fixed;
    top: 0;
    width: calc(100% - 300px);
    z-index: 5;
}
@media all and (max-width: 1040px) {
    .fixedBar {
        display: none;
    }
}

.usp span + span {
    padding-left: 1em;
}
.usp span + span::before {
    content: '•';
    padding-right: 1em;
}


a.appointmentButton {
    background: #fff;
    border-radius: 0.5em;
    color: #b52a66;
    display: inline-block;
    letter-spacing: 0;
    line-height: 1;
    padding: 1em;
    text-decoration: none;
}
.appointmentButton .fa {
    margin-left: 0.5em;
}
a.floatingButton {
    background: #b52a66;
    color: #fff;
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index: 10;
}
@media all and (min-width: 1040px) {
    a.floatingButton {
        display: none;
    }
}

.wordmark {
    font-size: 1.25em;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
@media all and (max-width: 1199px) {
    .wordmark {
        display: none;
    }
}

a.scroll-top {
    display: none !important;
}


/*** Cookie notice ***/
#cookie-notice {
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.25);
}
.cookie-notice-container {
    text-align: left;
}
#cookie-notice .button.bootstrap {
    background: linear-gradient(to bottom,hsla(140, 100%, 40%, 1),hsla(130, 100%, 30%, 1));
    margin: 0;
    transition: background 0.2s linear;
}
#cookie-notice .button.bootstrap:hover, #cookie-notice .button.bootstrap:active {
    background: linear-gradient(to bottom, hsl(140, 100%, 30%), hsl(130, 100%, 20%));
}
@media all and (min-width: 481px) {
    .cookie-notice-container {
        margin: 0 auto;
        max-width: 600px;
    }
}