/*
Theme Name:   Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description:  Divi child theme
Author:       Muneer
Author URI:   muneerweb.dev
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template:     Divi
Text Domain:  Divichild
*/

h1,
h2,
h3,
h4 {
    color: #173a64;
    font-family: Overpass;
    font-weight: 700;
}
h3 {
    font-size: 28px;
}
.event-info {
    color: #173a64;
    font-style: normal;
    font-weight: 500;
    align-items: center;
    gap: 5%;
}
.event-info span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
}

.event-info .date::before,
.event-info .location::before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -4px;
}
.event-info .date::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="21" viewBox="0 0 19 21" fill="none"><path d="M2.275 20.4065C1.64533 20.4065 1.10875 20.1848 0.66525 19.7413C0.22175 19.2978 0 18.7612 0 18.1315V4.275C0 3.64533 0.22175 3.10875 0.66525 2.66525C1.10875 2.22175 1.64533 2 2.275 2H3.20325V0H5.34075V2H13.0658V0H15.2032V2H16.1315C16.7612 2 17.2978 2.22175 17.7413 2.66525C18.1848 3.10875 18.4065 3.64533 18.4065 4.275V18.1315C18.4065 18.7612 18.1848 19.2978 17.7413 19.7413C17.2978 20.1848 16.7612 20.4065 16.1315 20.4065H2.275ZM2.275 18.1315H16.1315V8.20325H2.275V18.1315Z" fill="%23173A64"/></svg>');
}

.event-info .location::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="21" viewBox="0 0 17 21" fill="none"><path d="M8.6095 10.263C9.1795 10.263 9.66525 10.0622 10.0667 9.6605C10.4684 9.259 10.6692 8.77325 10.6692 8.20325C10.6692 7.63325 10.4684 7.1475 10.0667 6.746C9.66525 6.34433 9.1795 6.1435 8.6095 6.1435C8.0395 6.1435 7.55375 6.34433 7.15225 6.746C6.75058 7.1475 6.54975 7.63325 6.54975 8.20325C6.54975 8.77325 6.75058 9.259 7.15225 9.6605C7.55375 10.0622 8.0395 10.263 8.6095 10.263ZM8.6095 20.4065C5.86233 18.0833 3.80833 15.9376 2.4475 13.9693C1.08667 12.0009 0.40625 10.1376 0.40625 8.37925C0.40625 5.82458 1.23083 3.78942 2.88 2.27375C4.52917 0.757917 6.439 0 8.6095 0C10.78 0 12.6898 0.757917 14.339 2.27375C15.9882 3.78942 16.8127 5.82458 16.8127 8.37925C16.8127 10.1376 16.1323 12.0009 14.7715 13.9693C13.4107 15.9376 11.3567 18.0833 8.6095 20.4065Z" fill="%23173A64"/></svg>');
}

html body .tradeshow-list {
    font-family: Overpass;
    list-style: none;
    padding: 0;
}

.tradeshow-list h3 {
    padding-bottom: 22px;
}

.tradeshow-list p.event-description {
    padding: 18px 0;
    font-size: 18px;
}

.tradeshow-shortcode:not(.category-webinars) ul.tradeshow-list li + li {
    padding-top: 60px;
    border-top: 1px solid #dcdcdc;
    margin-top: 60px;
}

.tradeshow-shortcode:not(.category-webinars) .tradeshow-list li > .info {
    flex: 1;
}
.tradeshow-shortcode {
    display: flex;
    flex-direction: column;
}

button.load-more-tradeshows,
ul.tradeshow-list .btn,
.gform_wrapper.gravity-theme .gform_footer input[type="submit"] {
    color: #173a64;
    border: 2px solid;
    padding: 12px 36px 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 40px;
    display: inline-block;
    line-height: 1;
    background: transparent;
    transition: 0.3s;
}
button.load-more-tradeshows:hover,
ul.tradeshow-list .btn:hover,
.gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover {
    background: #173a64;
    color: white;
}

button.load-more-tradeshows {
    margin: 50px auto 0;
}

.tradeshow-shortcode.category-webinars .tradeshow-list .webinar-wrapper *:not(.location) {
    color: white;
}

.tradeshow-shortcode.category-webinars ul.tradeshow-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    grid-gap: 24px;
}

.webinar-wrapper {
    border-radius: 12px;
    padding: 32px;
    aspect-ratio: 528/301;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    background-color: #192945;
    background-size: cover;
    background-position: center;
}

.webinar-wrapper .date {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 16px;
}

.webinar-wrapper .location {
    border-radius: 500px;
    background: #a2d184;
    padding: 7px 12px 4px;
    color: #173a64;
    line-height: 1;
    font-size: 13px;
    margin-bottom: 21px;
}
p.gform_required_legend {
    display: none;
}

.gfield_description.validation_message.gfield_validation_message {
    padding: 10px;
    font-size: 12px;
    line-height: 1;
}

.gform_wrapper.gravity-theme .gfield_label.gform-field-label {
    color: var(--Dark-Blue, #173a64);
    font-family: Overpass;
    font-size: 16px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 29px;
}

@media (min-width: 575px) {
    .gfield_checkbox > div {
        width: 50%;
    }

    .gfield_checkbox {
        display: flex;
        flex-wrap: wrap;
    }
    .tradeshow-shortcode:not(.category-webinars) .tradeshow-list li {
        list-style: none;
        display: flex;
        align-items: center;
        gap: 10%;
    }

    .event-info {
        display: flex;
        text-align: right;
    }
}
