/* ----------------------------------------- */ /* Content Template: loop-item-in-upcoming-webinars - start */ /* ----------------------------------------- */ .webinar-upcoming-container { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } .webinar-first-big { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 calc(68% - 32px); -ms-flex: 0 1 calc(68% - 32px); flex: 0 1 calc(68% - 24px); -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; margin-right: 24px; padding-bottom: 16px; min-height: 300px; } .webinar-right { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 32%; -ms-flex: 0 1 32%; flex: 0 1 32%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .webinar-link-right { display: block; background: #0064cf; color: white; padding: 56px 24px 24px 24px; margin-bottom: 16px; border-radius: 5px; } .webinar-link-first { display: block; color: white; padding: 24px; border-radius: 5px; height: 100%; background-image: url(https://mk0rescopw44njgairg.kinstacdn.com/wp-content/uploads/2021/02/webinar_bg.png); background-repeat: no-repeat; background-size: cover; position:relative; } .webinar-blue-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 100, 207, 0.7); z-index: 0; border-radius: 5px; } .webinar-first-content { z-index: 1; position: relative; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 800px){ .webinar-first-big { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-right: 0; } .webinar-right { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } } /* ----------------------------------------- */ /* Content Template: loop-item-in-upcoming-webinars - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: loop-item-in-webinars-featured - start */ /* ----------------------------------------- */ .webinar-featured { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-align-content: space-between; -ms-flex-line-pack: space-between; align-content: space-between; } .webinar-link { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 calc(33% - 24px); -ms-flex: 0 1 calc(33% - 24px); flex: 0 1 calc(33% - 24px); -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; display: block; background: #0064cf; color: white; padding: 56px 24px 24px 24px; margin-bottom: 16px; border-radius: 5px; margin-right: 24px; } .webinar-featured-content { z-index: 1; position: relative; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .webinar-link:last-child { margin-right: 0px; } @media (max-width: 800px){ .webinar-link { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-right: 0px; } } /* ----------------------------------------- */ /* Content Template: loop-item-in-webinars-featured - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: loop-item-in-past-webinar - start */ /* ----------------------------------------- */ .list { width: 100%; max-width: 100%; margin: 0; border: 1px solid #d7d7d7; border-radius: 5px; } .list-item { border: none; } .list-item:nth-child(odd) { background: #f6f6f7; } .list-item:hover { background: #e4e4e4 !important; } /* ----------------------------------------- */ /* Content Template: loop-item-in-past-webinar - end */ /* ----------------------------------------- */