/*
Theme Name:		 Hello Elementor Child Theme
Theme URI:		 http://www.websitebundles.com/
Description:	 Theme by Site <a href=\"http://childthemegenerator.com/\">http://childthemegenerator.com/</a>
Author:			 WebsiteBundles
Author URI:		 http://childthemegenerator.com/
Template:		 hello-elementor
Version:		 1.0.0
Text Domain:	 Hello-Elementor-child
-------------------------------------------------------------- */

/* =Theme customization starts here
------------------------------------------------------- */

a.attendee-list,
.print-btn {
    background-color: var( --e-global-color-bb425e1 );
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 90px 90px 90px 90px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
    border-color: var( --e-global-color-primary );
    color: var( --e-global-color-primary ) !important;
    cursor: pointer;
    display: inline-block;
    font-family: "Open Sans", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    fill: var( --e-global-color-primary );
    padding: 15px 40px;
}


body.page-template-template-event-attendee .content-wrap{
    background-color: var( --e-global-color-3501472 );
    padding-bottom: 50px;
}

.custom-divider-title {
    background-color: var( --e-global-color-3501472 );
    align-items: center;
    display: flex;
    direction: ltr;
    margin: 0;
    padding: 30px 0;
    position: relative;
}

.custom-divider-title:before,
.custom-divider-title:after{
    border-top: 6px dotted #EA65348F;
    border-bottom: 0;
    content: "";
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 1;
}

.custom-divider-title .entry-title{
    display: block;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2em;
    margin: 0;
    text-align: center;
    z-index: 1;
}

.custom-divider-title .bg-overlay{
    background-color: transparent;
    background-image: linear-gradient(180deg, var( --e-global-color-0bf2454 ) 0%, var( --e-global-color-3501472 ) 100%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
}

.attendee-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    overflow: hidden;
    margin: 0 -20px;
    padding: 0;
}

.attendee-list li {
    display: flex;
    flex-direction: column;
    font-size: 22px;
    padding: 20px;
    text-align: left;
    text-transform: capitalize;
    width: 25%;
}

.attendee-list li img{
    display: block;
    margin: 0 0 20px;
}

#espresso-ajax-notices {
    left: 50% !important;
    margin-left: -300px !important;
    max-width: 100% !important;
    width: 600px !important;
}

#espresso-ajax-notices .espresso-ajax-notices{
    display: block;
    width: 100%;
    margin: 0px;
    max-width: 100%;
    left: auto;
    position: relative;
}

.ee-join-wait-list-btn.float-right.hidden-form-field {
    display: none;
}
/***** RESPONSIVE *****/

@media (max-width: 1024px){
    .custom-divider-title .entry-title{
        font-size: 36px;
    }
}

@media (max-width: 991px){

    .attendee-list li{
        padding: 20px;
        width: 33.33%;
    }
}

@media (max-width: 767px){

    .custom-divider-title .entry-title{
        font-size: 24px;
    }

    .attendee-list li{
        width: 100%;
    }

    #espresso-ajax-notices {
        margin-left: -45% !important;
        width: 90% !important;
    }
}

/***** FOR PRINT *****/

.single-espresso_events .print-event-title{
    display: none;
    margin-bottom: 20px;
}
.single-espresso_events .main_title{
    display: none;
}

.single-espresso_events .print-event-title img {
    max-width: 200px;
}

.single-espresso_events .print-event-title > span {
    display: block;
}

@page { size: auto;  margin: 0mm; }

@media print{

    .single-espresso_events .elementor-location-header,
    .single-espresso_events .elementor-location-footer,
    .single-espresso_events .elementor-location-single > .elementor-section-wrap > section:not(.attendee-sec),
    .single-espresso_events .elementor-widget-divider,
    .single-espresso_events .print-btn,
    .attendee-sec .dashicons-clock,
    .attendee-sec .dashicons-clock + span,
    .attendee-sec .dashicons-clock ~ form,
    .attendee-sec .event-active-status-DTA,
    .attendee-sec .elementor-widget-wrap > .elementor-widget-divider:first-child + .elementor-widget-heading {
        display: none;
    }

    .attendee-sec .ee-event-datetimes-ul {
        margin: 10px 0 0;
        padding: 0;
    }

    .single-espresso_events .print-event-title{
        display: block;
    }

    .attendee-sec .elementor-heading-title{
        font-size: 18px !important;
    }

    .attendee-list{
        display: block;
        flex-direction: initial;
        flex-wrap: initial;
        margin: 0;
        text-align: left;
    }

    .attendee-list li{
        border-width: 0.5px 1px;
        border-style: solid;
        border-color: #000000;
        display: block;
        float: none;
        text-align: left;
        overflow: hidden;
        width: 100%;
        page-break-inside: avoid !important;
    }

    .attendee-list li .attendee{
        margin: 2px 0 !important;
    }

    .attendee-list li img{
        border-right: 1px solid #000000;
        float: left;
        margin: -20px 20px -20px -20px;
        padding: 20px;
        vertical-align: top;
        width: 180px;
    }

}