/*
Theme Name:  Spektrum
Theme URI:   http://www.themesawesome.com
Author:      Themes Awesome
Author URI:  http://www.themesawesome.com
Template:    hello-elementor
Description: Spektrum Theme
Text Domain: Spektrum
-----------------------------------------------------------------------------------
BASE
-----------------------------------------------------------------------------------*/
body {
    background-color: #000000;
}

.container {
    max-width: 1678px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

/*-----------------------------------------------------------------------------------
Agenda Page Template
-----------------------------------------------------------------------------------*/
.agenda-loop-title {
    display: inline-block;
    position: relative;
    font-family: HeadingNow;
    font-size: 160px;
    font-weight: 600;
    line-height: 1.5;
    color: #FFFFFF;
    margin-top: 0;
    margin-bottom: 78px;
    text-transform: uppercase;
}

.agenda-loop-title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 23px;
    background-color: #FFFFFF;
}

.agenda-filter-wrap .filter-btn {
    display: flex;
    width: 266px;
    height: 77px;
    align-items: center;
    justify-content: space-between;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: HeadingNow;
    font-size: 60px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #98D7D4;
    background: transparent;
    padding: 0;
}

.agenda-filter-list-loop {
    display: none;
    margin-top: 32px;
}

.agenda-filter-list-loop.active {
    display: block;
}

.agenda-filter-list-wrap {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: 20px;
}

.agenda-filter-list .parent-cat-name {
    font-family: HeadingNow;
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
    color: #FFFFFF;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.agenda-filter-item.child-category {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.agenda-filter-item.child-category>input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.agenda-filter-item.child-category>label {
    position: relative;
    cursor: pointer;
    font-family: HeadingNow;
    font-weight: 300;
    font-size: 20px;
    line-height: 1;
    color: #FFFFFF;
}

.agenda-filter-item.child-category>label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2.5px solid #ffffff;
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.agenda-filter-item.child-category>input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.current-agenda-loop {
    margin-top: 163px;
}

.current-agenda-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.agenda-date-wrap {
    width: 25%;
    min-width: 25%;
}

.current-agenda-item-detail {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    width: 75%;
    min-width: 75%;
}

.agenda-date,
.agenda-time-archive {
    font-family: HeadingNow;
    font-size: 100px;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    margin: 0;
}

.agenda-time {
    font-family: HeadingNow;
    font-size: 100px;
    font-weight: 200;
    line-height: 1;
    color: #ffffff;
    margin: 0;
}

.current-agenda-image>img {
    display: block;
    width: 407px;
    min-width: 407px;
    height: 220px;
    object-fit: cover;
}

.current-agenda-detail-text {
    flex: 1;
}

.current-agenda-detail-text>h3 {
    font-family: HeadingNow;
    font-size: 100px;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.current-agenda-detail-text>h3 a {
    color: inherit;
    transition: all 0.3s ease;
}

.current-agenda-detail-text>h3:hover {
    color: #98D7D4;
}

.current-agenda-detail-text>p {
    font-family: "HeadingNow", sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    color: #ffffff;
    max-width: 667px;
    margin: 0;
}

.current-agenda-item:not(:last-child) {
    margin-bottom: 89px;
}

.agenda-experience-wrap {
    display: flex;
    align-items: center;
    column-gap: 110px;
}

.agenda-experience-text-wrap {
    max-width: 750px;
}

.agenda-experience-text-wrap h3 {
    font-family: HeadingNow;
    font-size: 110px;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 12px;
}

.agenda-experience-text-wrap p {
    font-family: "HeadingNow", sans-serif;
    font-size: 25px;
    font-weight: 300;
    line-height: 1.2;
    color: #ffffff;
    max-width: 690px;
    margin-bottom: 35px;
}

.agenda-experience-text-wrap p>strong {
    font-family: inherit;
    font-weight: 600;
}

.agenda-experience-text-wrap a {
    border: 2.5px solid;
    border-color: #98D7D4;
    background: transparent;
    color: #98D7D4;
    padding: 10px 25px;
    font-family: HeadingNow;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 2px;
    transition: all 0.3s ease;
}

.agenda-experience-text-wrap a:hover {
    border-color: #ffffff;
    background: #ffffff;
    color: #000000;
}

.agenda-experience-wrap {
    margin-top: 216px;
    margin-bottom: 190px;
}

.archive-agenda-loop {
    margin-top: 163px;
}

.archive-agenda-item {
    display: flex;
    align-items: flex-start;
    column-gap: 84px;
}

.archive-agenda-item:not(:last-child) {
    margin-bottom: 89px;
}

.agenda-archive-gallery {
    display: flex;
    align-items: center;
    /* gap: 16px; */
    width: 40%;
}

.agenda-archive-gallery>img {
    width: 50%;
    height: 220px;
    object-fit: cover;
    padding-right: 16px;
}

.archive-agendda-detail {
    display: flex;
    align-items: flex-start;
    column-gap: 22px;
    width: 60%;
}

.archive-agenda-date-wrap {
    width: 125px;
    min-width: 125px;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
}

.archive-agenda-text-wrap {
    flex: 1;
}

.archive-agenda-text-wrap h3 {
    font-family: HeadingNow;
    font-size: 100px;
    font-weight: 400;
    line-height: 1.2;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.archive-agenda-text-wrap h3:hover {
    color: #98D7D4;
}

.archive-agenda-text-wrap h3>a {
    color: inherit;
}

.archive-agenda-text-wrap p {
    font-family: "Heading Now", sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.15;
    color: #ffffff;
    margin: 0;
}

.archive-agenda-date-wrap>h3 {
    font-family: HeadingNow;
    font-size: 50px;
    font-weight: 200;
    line-height: 1;
    color: #ffffff;
    margin: 0;
    text-align: right;
}

.clear-filter-btn {
    display: block;
    font-family: HeadingNow;
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
    color: #98D7D4;
    margin-top: 20px;
    text-transform: uppercase;
}

.empty-agenda-msg {
    font-family: HeadingNow;
    font-size: 50px;
    font-weight: 400;
    line-height: 2;
    color: #ffffff;
    margin: 0;
}

.spektrum-agenda-page-template {
    margin-top: 100px;
}

/* Langguage Menu */
.custom-language .trp-language-switcher {
    height: auto;
    width: auto;
}

.elementor-shortcode .trp-ls-shortcode-current-language,
.elementor-shortcode .trp-ls-shortcode-language {
    width: auto !important;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-image: none !important;
    background-color: transparent;
    display: flex;
    align-items: center;
}

.custom-language .trp-language-switcher>div>a {
    font-family: Montserrat;
    font-size: 15px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 7px 3px;
    /* 	text-align: center; */
}

.trp-language-switcher:focus .trp-ls-shortcode-language,
.trp-language-switcher:hover .trp-ls-shortcode-language {
    padding: 0;
}

.custom-language .trp-language-switcher>div>a:hover {
    background: transparent;
    border-radius: 0;
}

.custom-language .trp-ls-shortcode-current-language::before {
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.49854C13.143 1.49854 16.5015 4.85703 16.5015 9.00004C16.5015 13.1423 13.143 16.5 9 16.5C4.857 16.5 1.5 13.1423 1.5 9.00004C1.49925 4.85703 4.857 1.49854 9 1.49854ZM11.205 12.375H6.79575C7.28475 14.1863 8.13525 15.3765 9.00075 15.3765C9.86625 15.3765 10.716 14.1855 11.205 12.375ZM5.63175 12.375H3.58875C4.31311 13.5336 5.3894 14.4299 6.66 14.9325C6.2685 14.3175 5.94525 13.548 5.7075 12.6713L5.63175 12.375ZM14.4105 12.375H12.369C12.126 13.3763 11.775 14.25 11.3393 14.9333C12.5293 14.4625 13.5508 13.6455 14.2717 12.588L14.4105 12.375ZM5.3205 7.50004H2.802L2.79825 7.51278C2.68228 8.00001 2.62413 8.4992 2.625 9.00004C2.62428 9.7685 2.7625 10.5308 3.033 11.25H5.41275C5.3021 10.5052 5.2477 9.75306 5.25 9.00004C5.25 8.48703 5.274 7.98453 5.32125 7.49928M11.5485 7.49928H6.45225C6.3206 8.74828 6.35464 10.0092 6.5535 11.2493H11.4465C11.6454 10.0092 11.6802 8.74828 11.5485 7.49928ZM15.1987 7.49928H12.6803C12.7267 7.98453 12.7515 8.48703 12.7515 8.99928C12.7536 9.75233 12.6989 10.5045 12.588 11.2493H14.9678C15.2385 10.5301 15.377 9.76779 15.3765 8.99928C15.3765 8.48253 15.315 7.98003 15.1987 7.49928ZM6.66 3.06603L6.64275 3.07204C5.1075 3.68524 3.86922 4.86895 3.1875 6.37504H5.4735C5.709 5.06104 6.1185 3.91654 6.66075 3.06754M9.00075 2.62429L8.913 2.62804C7.965 2.71504 7.04775 4.21579 6.6225 6.37504H11.379C10.9545 4.22254 10.0417 2.72329 9.09525 2.62879L9.00075 2.62429ZM11.3407 3.06679L11.4202 3.19804C11.9228 4.03203 12.303 5.12704 12.5265 6.37579H14.8125C14.1616 4.93873 13.0026 3.79285 11.5583 3.15829L11.3407 3.06679Z' fill='white'/%3E%3C/svg%3E%0A");
    margin-top: 3px;
}

.custom-language .trp-ls-shortcode-current-language::after {
    content: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.01514 0.676758L4.90634 4.56796L8.79754 0.676758' stroke='white'/%3E%3C/svg%3E%0A");
    margin-top: -6px;
}

.trp-language-switcher:focus .trp-ls-shortcode-current-language,
.trp-language-switcher:hover .trp-ls-shortcode-current-language {
    visibility: visible;
}

.trp-language-switcher:focus .trp-ls-shortcode-language,
.trp-language-switcher:hover .trp-ls-shortcode-language {
    top: 35px;
    width: 100% !important;
    background-color: #ffffff;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: -3px 10px 17px 1px rgb(0 0 0 / 13%);
    -webkit-box-shadow: -3px 10px 17px 1px rgb(0 0 0 / 13%);
    -moz-box-shadow: -3px 10px 17px 1px rgb(0 0 0 / 13%);
}

.trp-language-switcher:focus .trp-ls-shortcode-language a,
.trp-language-switcher:hover .trp-ls-shortcode-language a {
    color: #000000;
    padding: 7px 7px;
}

.trp-language-switcher:focus .trp-ls-shortcode-language a:hover,
.trp-language-switcher:hover .trp-ls-shortcode-language a:hover {
    background: #7B6DEB;
    color: #ffffff;
}

/* end Langguage Menu */
.agenda-detail-btn {
    display: inline-block;
    border: 2.5px solid;
    border-color: #98D7D4;
    background: transparent;
    color: #98D7D4;
    padding: 5px 15px;
    font-family: HeadingNow;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 2px;
    transition: all 0.3s ease;
    margin-top: 15px;
}

.agenda-detail-btn:hover {
    border-color: #ffffff;
    background: #ffffff;
    color: #000000;
}

.agenda-filter-list .parent-cat-name,
.agenda-loop-title,
.agenda-filter-wrap .filter-btn,
.clear-filter-btn {
    font-family: "HeadingNow-65Medium", Sans-serif !important;
}

.agenda-filter-item.child-category>label {
    font-family: "HeadingNow-64Regular", Sans-serif;
}

.agenda-experience-text-wrap a,
.agenda-experience-text-wrap h3,
.current-agenda-detail-text>h3,
.agenda-date,
.archive-agenda-text-wrap h3,
.archive-agenda-date-wrap>h3,
.agenda-time-archive {
    font-family: "HeadingNow-24Regular", Sans-serif;
}

.current-agenda-detail-text>p,
.archive-agenda-date-wrap,
.archive-agenda-text-wrap p,
.agenda-experience-text-wrap p,
.agenda-experience-text-wrap p>strong {
    font-family: "HeadingNow-63Book", Sans-serif;
}

.agenda-time {
    font-family: "HeadingNow-22Light", Sans-serif;
}

/* single agenda custom style */

.single-agenda {
    color: #fff;
    background-color: #000;
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* Hero Image */
.single-agenda__hero {
    max-width: 1785px;
    height: 790px;
    margin: 50px auto 0;
    overflow: hidden;
}

.single-agenda__hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;

}


/* Layout utama */
.single-agenda__content-area {
    display: flex;
    /* gap: 95px; */
    max-width: 1785px;
    margin: 60px auto;
    padding: 0 60px;
}

.single-agenda__text {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
}

.single-agenda__text figure,
.single-agenda__text p:has(> img) {
    flex: 1 1 calc(50% - 15px);
    /* dua kolom, dikurangi setengah gap */
    aspect-ratio: 481 / 384;
}

.single-agenda__text figure img,
.single-agenda__text p img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;

}

.single-agenda__text p {
    width: 100%;
    font-size: 20px;
    line-height: 1.6;
    font-weight: 300;
    color: #FFFFFF;
    margin-top: 0;
    font-family: "HeadingNow-63Book";
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    height: auto;
}




/* Kiri */
.single-agenda__left {
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 95px;
}

.single-agenda__date {
    font-size: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 10px;
    font-family: "HeadingNow-24Regular";
}

.single-agenda__title {
    font-size: 110px;
    font-weight: 400;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 40px;
    font-family: "HeadingNow-24Regular";
}

.single-agenda__meta {
    display: flex;
    gap: 60px;
    margin-bottom: 40px;
}

.single-agenda__meta .meta-title {
    font-family: HeadingNow-63Book;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 6px;
    color: #FFFFFF;
}

.single-agenda__meta .meta-value {
    font-family: HeadingNow-65Medium;
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    margin: 0;
    color: #FFFFFF;
}

/* Kanan */
.single-agenda__right {
    width: 30%;
}

.single-agenda__right-title {
    font-size: 60px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 40px;
    letter-spacing: 0.5px;
    font-family: "HeadingNow-24Regular";
}

.single-agenda__recent-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 22px;
}

.single-agenda__recent-item img {
    width: 236px;
    min-width: 236px;
    height: 150px;
    object-fit: cover;
}

.single-agenda__recent-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.single-agenda__recent-date-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
    width: 311px;
}

.single-agenda__recent-info a {
    color: #fff;
    font-size: 50px;
    font-weight: 400;
    line-height: 1;
    font-family: "HeadingNow-24Regular";
    text-transform: uppercase;
}

.single-agenda__recent-date {
    font-size: 13px;
    color: #ccc;
    font-family: "HeadingNow-24Regular";
}

.single-agenda__recent-time {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    font-family: "HeadingNow-24Regular";
}


.single-agenda__recent-date,
.single-agenda__recent-time {
    font-family: "HeadingNow-24Regular";
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
}

.single-agenda__promo {
    background-color: #0F0F0F;
    color: #fff;
    margin-top: 50px;
    padding: 50px 35px;
}

.single-agenda__promo .promo-box {
    max-width: 560px;
    /* agak lebih lebar biar teks muat */
    /* sesuaikan dengan posisi teks atas */
    margin-right: auto;
}

.single-agenda__promo .promo-box h2 {
    font-family: "HeadingNow-24Regular";
    font-size: 66px;
    /* width: 526px; */
    /* height: 80px; */
    line-height: 1;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 0;
    /* white-space: nowrap; */
}

.single-agenda__promo .promo-box p {
    font-size: 21px;
    line-height: 1.6;
    margin-bottom: 28px;
    color: #ffffff;
}

.single-agenda__promo .promo-btn {
    font-family: "HeadingNow-24Regular";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 211px;
    height: 74px;
    border: 2px solid #98D7D4;
    color: #98D7D4;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 40px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.single-agenda__promo .promo-btn:hover {
    background-color: #FFFFFF;
    color: #0F0F0F;
}

/* Kadang Gutenberg kasih margin bawah ke block terakhir, ini hapus total */
.single-agenda__text>*:last-child {
    margin-bottom: 0 !important;
}

/* ====== Share + Registre menyatu langsung ====== */
.single-agenda__share-register {
    width: 100%;
    margin-top: 0 !important;
    padding-top: 0 !important;
    text-align: left;
}

/* Garis pemisah tipis */
.share-line {
    width: 100%;
    border: none;
    border-top: 1px solid #444;
    margin: 15px 0;
}

/* Bagian teks “Partager” + ikon-ikon */
.share-section {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0;
    margin-top: 33px;
    margin-bottom: 35px;
}

.share-icons {
    display: flex;
    align-items: center;
    gap: 14px;
    /* 🔹 jarak antar ikon SVG */
}

.share-icons a {
    display: inline-block;
    transition: opacity 0.3s;
}

.share-icons a:hover {
    opacity: 0.7;
}


.share-label {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.share-icons a {
    display: inline-block;
    transition: opacity 0.3s;
}

.share-icons a:hover {
    opacity: 0.7;
}

/* ====== Bagian Registre ====== */
.registre-section {
    text-align: left;
    width: 100%;
    color: #fff;
}

.registre-title,
.single-section-title-wrap h3 {
    font-size: 60px;
    font-weight: 400;
    /* margin-top: 45px; */
    margin-bottom: 39px;
    text-transform: uppercase;
    /* line-height: 60px; */
    font-family: "HeadingNow-24Regular";
}

.registre-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.registre-row {
    display: flex;
    gap: 25px;
}

.registre-field {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 50%;
}

/* .registre-field.full {
    width: 100%;
} */

.registre-field label {
    font-size: 13px;
    margin-bottom: 10px;
    color: #ffffff;
    font-family: "HeadingNow-63Book";
}

.registre-field input {
    padding: 10px 12px;
    border: none;
    width: 100%;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    height: 65px;
    outline: none;
    border-radius: 0;
    box-sizing: border-box;
}

.registre-note {
    font-size: 12px;
    opacity: 0.7;
}

/* ====== Tombol Registre versi lebih panjang ====== */
.registre-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    color: #98D7D4;
    border: 2px solid #98D7D4;
    width: 180px;
    height: 74px;
    text-transform: uppercase;
    font-size: 40px;
    font-family: "HeadingNow-24Regular";
    letter-spacing: 1.5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.registre-btn:hover {
    background: #FFFFFF;
    color: #000;
}

/* Hilangkan tinggi tetap biar spasi bawah hilang */
.single-agenda__text p {
    height: auto !important;
}

/* Pastikan “Partager” langsung nempel ke paragraf terakhir */
.single-agenda__text p:last-of-type {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.single-agenda__share-register {
    margin-top: 43px !important;
    padding-top: 0 !important;
}
.single-agenda__video,
.single-agenda__gallery {
    width: 100%;
    border-top: 1px solid #414141;
    margin-top: 40px;
}
.single-agenda-video-wrap iframe {
    height: 537px;
}
.single-agenda-gallery-wrap .swiper-container {
    overflow: hidden;
}
.single-gallery-img {
    width: 100%;
    height: 384px;
    object-fit: cover;
}
.single-agenda__gallery {
    position: relative;
}
.single-agenda-gallery-swiper-nav {
    display: flex;
    align-items: center;
    gap: 20px;
    position: absolute;
    right: 0;
    top: 37px;
}
.reach-maximum-registration {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1A0606;
    padding: 10px 13px;
    gap: 10px;
    max-width: fit-content;
}
.reach-maximum-registration > p {
    font-family: HeadingNow-63Book;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    margin: 0;
    word-wrap: break-word;
}
.reach-maximum-registration > svg {
    min-width: 20px;
}