/* WEBINARS */
.layout-onecolumn .content-column.full-bleed.gray,
.layout-onecolumn .dk-breadcrumb.full-bleed.gray {padding: 0;}
.layout-onecolumn .content-column.full-bleed.gray:before,
.layout-onecolumn .dk-breadcrumb.full-bleed.gray:before {display: none;}
#main-layout-content {position: relative;}

.layout-onecolumn .content-column h2 {font-size: 18px; text-transform: uppercase;}

/* HEADER BANNER STYLES */
.custom .content {display: flex; flex-flow: wrap; flex: 100%; align-items: center; background-size: 100% auto; background-position: top; width: 100%; left: 0px; background: var(--red);}
    .rtl .custom .content {right: 0px; left: auto;}
.custom .content .content-body {flex: 1; padding: 0 50px;}
.custom .content .content-body h1 {font-size: 42px !important; font-weight: 700; line-height: 1.0 !important; color: var(--white);}
.custom .content .content-text {margin: 0; padding: 0; font-size: 22px !important; font-weight: 700; line-height: 1.3 !important; color: var(--white);}
html[lang="ko-kr"] .custom .content .content-text {font-size: 22px !important;}
.custom .content .content-banner-white {position: relative; flex: 1; width: 100%; min-height: 250px; background: var(--white); -webkit-clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%);}
    .rtl .custom .content .content-banner-white {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);}
.custom .content .content-banner-black {position: absolute; top: 0; bottom: 0; left: 0; right: 10px; background: var(--black); -webkit-clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%);}
    .rtl .custom .content .content-banner-black {left: 10px; right: 0; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);}
.custom .content .content-img-body {position: absolute; top: 0; bottom: 0; left: 0; right: 20px; -webkit-clip-path: polygon(0% 0, 100% 0, 85% 100%, 0 100%);  clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);}	
    .rtl .custom .content .content-img-body {left: 20px; right: 0; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);  clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);}	
.custom .content .content-img-body img {width: 100%;}


/* WEBINAR BANNER */
.hero-image--webinar {position: relative; min-height: 250px; background: var(--red) url("/-/media/Images/New Products/New-Products-Banner.jpg") no-repeat center center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

@media (max-width: 800px) {
    .custom .content {display: block; background: var(--red);}   
    .custom .content .content-body {padding: 10px 30px; height: auto;} 
    .custom .content .content-body h1 {font-size: 22px !important; line-height: 0.5 !important;}
    .custom .content .content-text {margin: 0; font-size: 14px !important; line-height: normal !important; color: var(--white);}
    html[lang="ko-kr"] .custom .content .content-text {font-size: 20px !important;}
    .custom .content .content-banner-white {position: relative; flex: 1; width: 100%; min-height: 150px; background: var(--white); -webkit-clip-path: none; clip-path: none;}
        .rtl .custom .content .content-banner-white {-webkit-clip-path: none; clip-path: none;}
    .custom .content .content-banner-black {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: var(--black); -webkit-clip-path: none; clip-path: none;}
        .rtl .custom .content .content-banner-black {left: 0; right: 0; -webkit-clip-path: none; clip-path: none;}
    .custom .content .content-img-body {position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-clip-path: none; clip-path: none;}
        .rtl .custom .content .content-img-body {left: 0; right: 0; -webkit-clip-path: none; clip-path: none;}

    .hero-image--webinar {min-height: 150px;}
}

/* SUGGEST A TOPIC CARD */
.content-column > .dk-card {position: relative; display: block; max-width: 48%; width: 100%; margin: 0 auto; padding: 20px; text-align: center; box-sizing: border-box;}
.content-column > .dk-card .dk-card--marketing__title {font-size: 22px; margin-bottom: 0; text-align: center;}
.content-column > .dk-card .dk-card--marketing__snippet {font-size: 14px; padding: 10px 0 20px;}
.content-column > .dk-card .dk-btn__primary {margin-bottom: 20px;}
.content-column > .dk-card .icon-mail {position: relative;top: 6px;margin: 0;}
.layout-onecolumn .content-column > .dk-card .icon-mail:before {display: none; position: relative;}
   .rtl .layout-onecolumn .content-column > .dk-card .icon-mail:before {display: none; position: relative; top: 25px; left: auto; right: -100px;}
#webinar-thanks {text-align: center;}

@media screen and (max-width: 600px) {
.content-column.full-bleed.gray > .dk-card {max-width: 100%;}
}

@media screen and (max-width:768px) {
    .content-column > .dk-card {max-width: 100%;}
}

/* SUGGEST A TOPIC MODAL */
#webinar-modal #webinar-suggestion {width: 100%; height: auto; min-height: 60px; margin: 10px 0 10px;}
.dk-modal__footer .grecaptcha-badge {margin: 0 206px 0 0;}
    .rtl .dk-modal__footer .grecaptcha-badge {margin: 0 0 0 206px;}
.dk-btn__primary.modal-thanks__button {visibility: hidden; height: 0; margin: 0; padding: 0;}


/*---[ FILTER STYLES ]---*/
.webinar__filters {display: flex; flex-flow: row wrap; width: 100%;}

/* FILTERS - BUTTON, SEARCH TOP */
.filter-row {display: flex; flex-flow: row wrap; justify-content: space-between; width: 100%; margin: 0 0 15px;}

.dk-form-group {position: relative; display: inline-block;}
.webinar__filters .dk-input {position: relative; margin: 0; padding: 7px 30px 7px 15px; background: var(--white); border: 2px solid var(--cloud-grey); border-radius: 100px; box-sizing: border-box; z-index: 1; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;}
    .rtl .webinar__filters .dk-input {padding: 7px 15px 7px 30px;}

    .rtl .webinar__filters .filters button.dk-btn__secondary {margin: 5px 0 5px 8px;}
.webinar__filters .dk-btn__secondary:before {content: "\e900"; position: relative; top: 3px; right: 6px; font-size: 14px; font-weight: normal;}
    .rtl .webinar__filters .dk-btn__secondary:before {left: 6px;}

.dk-search-icon {position: absolute; top: 7px; right: 7px; background: transparent; border: 0; font-size: 0; z-index: 1;}
    .rtl .dk-search-icon {right: auto; left: 7px;}
.dk-search-icon::after {content: "\f02e"; font-family: 'dk' !important; font-size: 15px; font-weight: bold; color: var(--blurple-blue); cursor: pointer;}
.dk-search-icon:hover::after {text-shadow: 0 0 1px var(--blurple-blue);}

.webinar__filters .filter-clear-all {display: block; width: 100%; height: auto; margin: 0 0 15px;}
.webinar__filters .filter-clear-all button.dk-btn__primary {display: block; clear: both; float: right;}
    .rtl .webinar__filters .filter-clear-all button.dk-btn__primary {display: block; clear:both; float: left;}

/* FILTER OPTION BOXES */
.filters-wrapper {display: flex; flex-flow: row nowrap; width: 100%; margin: 7px auto 10px; padding: 0; box-sizing: border-box; overflow-x: auto;}
.search-sidebar__group {position: relative; flex: 1 1 100%; min-width: 250px; margin: 0 8px 0 2px; padding: 0; background-color: var(--white); border: 1px solid var(--cloud-grey); border-radius: 6px; box-shadow: 0 0 6px 0 rgb(0 0 0 / 8%); box-sizing: border-box;}
.search-sidebar__group.active p {display: block; margin: 0; padding: 12px; font-size: 12px; font-weight: bold; color: var(--onyx-grey); line-height: 14px; border: 0; border-bottom: 1px solid var(--cloud-grey);}
.search-sidebar__group > div {height: 240px; padding: 10px 0; overflow-y: auto;}
.search-sidebar__group .dk-checkbox-group {padding: 2px 10px;}

/* FILTERS - RESULTS */
.webinar__results {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; margin: 0 0 25px; justify-content: space-between;}
.webinar__results .dk-card.dk-card--marketing {position: relative; width: 100%; max-width: none; margin: 0; padding: 0;}
.webinar__results .dk-card--marketing__img {height: auto;}
.webinar__results .dk-card--marketing__img > img {display: block; max-width: none; width: 100%; height: auto; margin: 0 auto; border: 0; border-radius: 0.5rem 0.5rem 0 0;}
.webinar__results .dk-card--marketing__title {text-align: center;}
.webinar__results .dk-card--marketing__snippet {margin: 0; padding: 16px 0;}
.webinar__results p:nth-of-type(1).dk-card--marketing__snippet {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 0;}

/* FILTERS - PAGINATION TOP/BOTTOM */
.webinar__upperPagination {display: block; margin: 7px 0 0; padding: 0;}
.webinar__lowerPagination {display: block; margin: 0 auto; padding: 0;}
.webinar__upperPagination .dk-pagination,
.webinar__lowerPagination .dk-pagination {display: inline-block; vertical-align: middle; margin: 0 0 0 10px; padding: 0 0 0 10px; border: 0; border-left: 1px solid var(--stone-grey);}
    .rtl .webinar__upperPagination .dk-pagination,
    .rtl .webinar__lowerPagination .dk-pagination {margin: 0 10px 0 0; padding: 0 10px 0 0; border: 0; border-right: 1px solid var(--stone-grey);}
.webinar__upperPagination select,
.webinar__lowerPagination select {margin: 3px 0 0;}

/* MEDIA QUERIES */
@media screen and (max-width:1100px) {
    #main-layout-content .banner-image {width: 60%; height: 100%;}
    .banner-divide.red {right: calc(-225px - 0px);}
        .rtl .banner-divide.red {right: unset; left: calc(-30px - 0px);}
    .text-container {right: calc(-72px - 0px);}
        .rtl .text-container {right: unset; left: calc(-286px - 0px);}
}

@media screen and (max-width: 1000px) {
    .webinar__results {grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width:850px) {
    .text-container {float: left; height: 0;}
        .rtl .text-container {clear: both; float: right; height: 0;}

    #main-layout-content .banner-image,
        .rtl #main-layout-content .banner-image {width: 100%; height: 80%;}

    #main-layout-content .sublogo__text {height: 218px; margin-top: 0;}
    #main-layout-content .subheader {height: 218px;}

    div.banner-divide.white,
    div.banner-divide.black,
    div.banner-divide.red {display: none;}
        .rtl div.banner-divide.white,
        .rtl div.banner-divide.black,
        .rtl div.banner-divide.red {display: none;}

    .text-container,
        .rtl .text-container {position: relative; width: 0px; height: 0px; margin: inherit;}
        .rtl .text-container {position: relative; top: -274px; right: -225px; width: 70px; height: 70px; margin: 0 auto;}
  
    #main-layout-content .banner-image,
        .rtl   #main-layout-content .banner-image {background-position: 100% center;}
}

@media screen and (max-width: 768px) {
    .dk-modal.visible {max-width: 92%;}
    .content-column > .dk-card {max-width: 100%;}
}

  /* form input {margin-right: 10px;} */

@media screen and (max-width: 700px) {
  .webinar__results {grid-template-columns: 1fr;}
  form input {margin-right: 0px;}
  form {display: flex;flex-direction: column;}
  form input {margin-bottom: 10px;width: 100%;height: auto;border: var(--stone-grey) 0.1em solid;}
  #webinar-modal #webinar-suggestion {border: var(--stone-grey) 0.1em solid;}
}

@media screen and (max-width:600px) {
    .filter-row {flex-direction: column;}
    .filters button.dk-btn__secondary {display: block; width: 100%; margin: 0 0 10px;}
    .webinar__filters .filter-clear-all {margin: 0 auto 15px;}
    .webinar__filters .filter-clear-all button.dk-btn__primary {clear:both; float: none; margin: 0 auto;}

    .dk-form-group {width: 100%;}
    .webinar__filters .dk-input {width: 100%;}

    .webinar__upperPagination {margin: 7px auto 0;}
    .webinar__upperPagination, .webinar__lowerPagination {margin-top: 20px;}
    #main-layout-content .banner-image, 
        .rtl #main-layout-content .banner-image {background-position: 100% center;}
}

@media screen and (max-width: 450px) {
    .dk-modal__footer {height: 110px;}
    .grecaptcha-badge {position: absolute !important; left: 20px;}
        .rtl .grecaptcha-badge {position: absolute !important; left: 20px; right: 20px;}
}

/*===[ DARK MODE ADJUSTMENTS ]===*/

/* FILTERS - BUTTON, SEARCH TOP */
.dkdk .webinar__filters .dk-input {background: var(--bg-color--card); border: 2px solid var(--border-color--card); box-shadow: 0px 0px 0px 1px var(--border-color--card); color: var(--white);}

/* FILTER OPTION BOXES */
.dkdk .search-sidebar__group {background-color: var(--bg-color--card); border: 1px solid var(--border-color--card);}
.dkdk .search-sidebar__group.active p {color: var(--text-color); border-bottom: 1px solid var(--border-color--card);}

.dkdk input[type=checkbox].dk-checkbox {border-color: var(--ice-grey);}
.dkdk input[type=checkbox].dk-checkbox:checked {border-color: var(--red);}

.dkdk .dk-modal--xl, 
.dkdk .dk-modal--large, 
.dkdk .dk-modal--lg, 
.dkdk .dk-modal, 
.dkdk .dk-modal--small, 
.dkdk .dk-modal--sm, 
.dkdk .dk-modal.dk-modal--sm {background-color: var(--bg-color--card);}

.dk-btn__primary:hover, 
.dk-btn__primary.hover-primary {text-decoration: none;}
.dkdk .dk-btn__primary:hover, 
.dkdk .dk-btn__primary.hover-primary {text-decoration: none;}

.dkdk .dk-pagination__link {color: var(--text-color);}
.dkdk .dk-pagination__link:focus, 
.dkdk .dk-pagination__link:hover {text-decoration: none;}