/*
 Theme Name:   Hello Elementor Child
 Description:  Child Theme by DIGITALEWEGE
 Author:       Christoph Geier
 Author URI:   https://digitalewege.de/
 Template:     hello-elementor
 Version:      1.0
 Text Domain:  hello-elementor-child
*/

:root {
    --flowingtext: #575756;
    --orange: #EC6624;
    --blue: #0086B3;
    --prim-button-hover: #C64600;
    --sec-button-hover: #B1DBE9;
    --white: #fff;
    --grey: #F4F4F4;
    
}

.btn-primary{
    color: var(--white )!important;
    background-color: var(--orange );
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #02010100;
    padding: 15px 30px 10px 30px;
    border-radius: 3px;
    transition-duration: 0.5;
}

.btn-primary:hover{
    color: var(--white )!important;
    background-color: var(--prim-button-hover );
}

input[type=date], input[type="datetime-local"], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border: 1px solid var(--grey);
    padding: 0.5rem 0.9rem;
    background-color: var(--grey);
    width: 100%;
    border-radius: 3px;
}

.dw_form_row {
    gap: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
}

#dw_dsgvo_input {
    -webkit-appearance: none;
    appearance: none;
    background-color: #F5F5F5;
    margin-top: 6px;
    padding: 6px;
    color: #161A1D;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid #F5F5F5;
    border-radius: 0px;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

#dw_dsgvo_input::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #161A1D;
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

#dw_dsgvo_input:checked::before {
    transform: scale(1);
}

.form-field.dw_checkbox {
    /* display: flex; */
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: flex;
    gap: 10px;
}

.ekt_termin_admin{
    background-color: var(--grey);
    padding: 10px 20px;
    border-radius: 3px;
}

.ekt_termin{
    background-color: var(--grey);
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 3px;
}

.ekt_termin-row{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

.ekt_termin a{
    background-color: var(--orange);
    color: white;
    border-radius: 3px;
    padding: 18px 50px 12px 50px;
}

.ekt_termin a:hover{
    background-color: var(--prim-button-hover);
    color: white!important;
}

.ekt_termin .date{
    color: var(--blue);
}

td.jet-calendar-week__day{
    padding: 0px 0px 0px 0px;
}

.jet-calendar-week__day-date {
    align-items: baseline;
}

table {
    caption-side: top!important;
}


.availability-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}


.availability-day {
    border: solid 1px #EEEEEE;
    border-radius: 3px;
    padding: 20px;
}

.remove-time{
    color: var(--orange )!important;
    background-color: var(--white)!important;
    border-width: 0px 0px 0px 0px!important;
    padding: 0px!important;
    font-size: 21px!important;
    line-height: 30px!important;
}

.add-time{
    color: var(--orange )!important;
    background-color: var(--white)!important;
    border-width: 0px 0px 0px 0px!important;
    padding: 0px!important;
    font-size: 45px!important;
    line-height: 30px!important;
}

.add-day{
    color: var(--orange )!important;
    background-color: var(--white)!important;
    border-width: 0px 0px 0px 0px!important;
    padding: 0px!important;
    font-size: 45px!important;
    line-height: 30px!important;
}

.availability-times-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0rem;
}

.availability-day {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    min-width: 325px;
}

#ekt_save_availability{
    margin-top: 20px;
}

.not-availability-day{
    margin-top: 40px;
}

.availability-times {
    display: flex;
    gap: 20px;
}

.not-availability-times-box {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

.availability-times {
    display: flex;
    gap: 20px;
    flex-direction: row;
    align-items: flex-end;
}

#ekt_save_not_availability{
    margin-top: 20px;
}

.availability-day h3{
    color: var(--blue);
}

.availability-times input[type="datetime-local"]{
    color: var(--blue);
}

.availability-times input[type="time"]{
    color: var(--blue);
    border: 1px solid var(--grey);
    padding: 0.5rem 0.9rem;
    background-color: var(--grey);
    width: 100%;
    border-radius: 3px;
}

.not-availability-form-heading{
    color: var(--blue)!important;
}

.availability-form-heading{
    color: var(--blue)!important;
}

#availability-form{
    margin-top: 20px;
}

.toast-header img{
    width: 30px;
}

.btn-close{
    color: var(--orange )!important;
    background-color: var(--white)!important;
    padding: 10px!important;
}

#ekt_modal_inner_content li{
    color: var(--blue );
}

.dw_edit_workshop_left_preview_link {
    display: flex;
    background-color: var(--grey);
    justify-content: space-between;
    padding: 18px;
    border-radius: 3px;
}

.modal-content-inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ekt_appointment_btn_eval_icon {
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/uploads/2023/09/evaluate-appointment.svg);
    object-fit: contain;
}

.ekt_appointment_btn_down_icon{
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/uploads/2023/09/download-appointment.svg);
    object-fit: contain;
}

.ekt_appointment_btn_cancel_icon{
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/uploads/2023/09/cancel-appointment.svg);
    object-fit: contain;
}

.ekt_appointment_btn {
    display: flex!important;
    align-items: center!important;
    gap: 15px!important;
    text-decoration: underline!important;
}

.ekt_appointment_btn{
    color: var(--orange )!important;
    background-color: var(--white)!important;
    border-width: 0px 0px 0px 0px!important;
    padding: 0px!important;
    font-size: 20px!important;
    font-weight: 400!important;
}
.ekt_appointment_btn:hover{
    color: var(--orange )!important;
}

.ekt-col-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.ekt-col-actions-container {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 40px;
}

.dw_edit_workshop_left_preview_link_icon{
    cursor: pointer;
}

.dw_edit_workshop_left_preview_link_icon:hover{
    color: var(--orange);
}

.dw_submit_add_to_calender{
    cursor: pointer;
}

img#dw_form_user_image_preview {
    width: 90px;
    height: 90px;
    object-fit: cover;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0rem;
}

#ekt_modal_inner_auswerten_content{
    flex-direction: column;
}

.ekt_appointment_list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.jet-calendar-week__day-event{
    cursor: pointer;
}


.dw_my_link{
    margin-bottom: 20px;
}

.dw_ub_container {
    width: fit-content;
    display: flex;
    gap: 20px;
    padding: 20px;
    background-color: #EAF8F1;
    border-radius: 3px;
}

.dw_ub_icon i {
    color: #7AD5AA;
    font-size: 45px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.dw_ub_container_loggedin {
    margin: 40px 0px;
}

.dw_ub_headline {
    font-family: "Eurostile Black Regular";
}

.dw_display_author_name{
    color: var(--white);
}

.dw_availible_time {
    width: 10px;
    height: 25px;
}

.dw_time_slot {
    display: flex;
}

table td, table th {
    padding: 0px;
}

td:first-child {
    color: #0086B3;
    text-align: center;
}

tbody:first-child {
    color: #0086B3;
    text-align: center;
}

.dw_timtable_bottom {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 40px;
}

.dw_timtable_bottom_user {
    display: flex;
    gap: 15px;
    align-items: center;
}

.dw_timtable_bottom_user_img{
    border-radius: 50%;
    border: solid 2px;
    width: 25px;
    height: 25px!important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dw_timtable_bottom_user_img img {
    border-radius: 50%;
    width: 20px;
    height: 20px!important;
    object-fit: cover;
}

.dw_logout_url{
    color: #f4f4f4!important;
    font-weight: bold;
    font-size: 1em;
    font-family: "Eurostile Black Regular";
    line-height: 2em;
}