/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.row {background:#0b1427}
.bcdt-tabs .nav > li > a { margin: 0 8px 8px 0; padding: 9px 18px; border: 1px solid rgba(255,196,33,.35); border-radius: 999px; background: #12305e; color: #eaf2ff; font-size: 14px; font-weight: 700; transition: background .18s ease, color .18s ease, border-color .18s ease; }
.bcdt-tabs .nav > li > a:hover { border-color: #ffc421; color: #fff; }
.bcdt-tabs .nav > li.active > a { border-color: transparent; background: linear-gradient(180deg,#ffc421 0%,#ff8a00 100%); color: #3b1d00; box-shadow: 0 6px 16px -6px #ff8a00; }
.bcdt-tabs .tab-panels { padding-top: 18px; }
.bcdt-row .col.bcdt-col { margin-bottom: 20px; padding-bottom: 0; }
.bcdt-col .col-inner { position: relative; }
.bcdt-tile { margin-bottom: 0 !important; border-radius: 10px; overflow: hidden; box-shadow: 0 0 0 1px rgba(255,196,33,.30), 0 8px 18px -10px rgba(0,0,0,.65); transition: box-shadow .22s ease; }
.bcdt-tile .img-inner { border: 0; border-radius: 10px; overflow: hidden; }
.bcdt-tile img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 3; background: #12305e; object-fit: cover; transition: transform .35s ease, filter .25s ease; }
.bcdt-col:hover .bcdt-tile { box-shadow: 0 0 0 1px #ffc421, 0 0 24px -4px rgba(255,196,33,.55), 0 18px 32px -14px rgba(0,0,0,.8); }
.bcdt-col:hover .bcdt-tile img { transform: scale(1.06); filter: brightness(.45); }
.bcdt-name { margin: 8px 0 0; color: #ffc421; font-size: 13px; font-weight: 700; line-height: 1.3; transition: color .18s ease; }
.bcdt-name p { margin: 0; }
.bcdt-col:hover .bcdt-name { color: #ffd966; }
.bcdt-btn.button { position: absolute; left: 12%; right: 12%; top: 0; margin: 0; margin-top: 75%; width: auto; min-width: 0; min-height: 34px; padding: 0 8px; border: 0; border-radius: 8px; background: linear-gradient(180deg,#ffc421 0%,#ff8a00 100%); color: #3b1d00; font-size: 12px; font-weight: 700; line-height: 34px; text-align: center; text-transform: none; white-space: nowrap; opacity: 0; transform: translateY(-50%) scale(.86); pointer-events: none; transition: opacity .2s ease, transform .2s ease; z-index: 2; }
.bcdt-col:hover .bcdt-btn.button, .bcdt-col:focus-within .bcdt-btn.button { opacity: 1; transform: translateY(-50%) scale(1); pointer-events: auto; }
.bcdt-btn.button:hover { background: linear-gradient(180deg,#ffd155 0%,#ff9f2e 100%); color: #3b1d00; box-shadow: 0 8px 18px -8px rgba(0,0,0,.6); }
@media (hover: none) { .bcdt-btn.button { opacity: 1; transform: translateY(-50%) scale(1); pointer-events: auto; } .bcdt-col:hover .bcdt-tile img { transform: none; filter: brightness(.7); } }
@media (max-width: 549px) { .bcdt-tabs .nav > li > a { margin: 0 6px 6px 0; padding: 7px 13px; font-size: 13px; } .bcdt-row .col.bcdt-col { margin-bottom: 16px; } .bcdt-name { font-size: 14px; } .bcdt-btn.button { left: 25%; right: 25%; font-size: 13px; } }
.bcdt-pager { margin: 6px 0 0; }
.bcdt-pager .page-numbers { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.bcdt-pager .page-numbers li { margin: 0; padding: 0; list-style: none; }
.bcdt-pager .page-number { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 12px; border: 1px solid rgba(255,196,33,.35); border-radius: 999px; background: #12305e; color: #ffc421; font-size: 14px; font-weight: 700; line-height: 1; text-decoration: none; transition: background .18s ease, color .18s ease, border-color .18s ease; }
a.bcdt-pager-x, .bcdt-pager a.page-number:hover { border-color: #ffc421; background: #17417c; color: #fff; }
.bcdt-pager .page-number.current { border-color: transparent; background: linear-gradient(180deg,#ffc421 0%,#ff8a00 100%); color: #3b1d00; box-shadow: 0 6px 16px -6px #ff8a00; }
.no-bolder .section-title-main, .no-bolder .section-title-normal{border-bottom:unset;margin:0}
.no-bolder b{display:none}
/* button header */
.header-button-1 .header-button { position: relative; overflow: hidden; padding: 2px; border-radius: 99px; background: #2a1170; box-shadow: 0 0 16px -2px rgba(88,60,230,.8), 0 0 28px -8px rgba(0,229,255,.55); }
.header-button-1 .header-button::before { content: ""; position: absolute; top: 50%; left: 50%; width: 280%; padding-top: 280%; background: conic-gradient(#2a1170 0deg, #2a1170 205deg, #4a2ee8 250deg, #00e5ff 284deg, #ffffff 302deg, #c14fe0 328deg, #2a1170 360deg); animation: bcdt-quay 1.8s linear infinite; }
.header-button-1 a.button.primary { position: relative; z-index: 1; display: block; margin: 0; padding: 0 24px; min-height: 40px; border: 0; border-radius: 99px !important; background: linear-gradient(135deg, #1a0a45 0%, #2a1170 38%, #4530a8 62%, #8a3fae 100%); color: #fff; font-size: 14px; font-weight: 800; line-height: 40px; text-transform: none; box-shadow: inset 0 1px 0 rgba(200,245,255,.5); }
@keyframes bcdt-quay { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }
.post-item .box-vertical .box-image{width:35%!important;border-radius:8px;overflow:hidden;border:1px solid #703fa6;box-shadow:1px 2px 10px #1f0e52}
.post-item .box-blog-post{background:#1d3058;padding:10px;border-radius:8px;overflow:hidden}
.post-item .box-blog-post .box-text{padding:10px 10px}
.post-item .box-blog-post .box-text .is-divider{display:none}
.post-item .box-blog-post .box-text .post-title{margin-bottom:16px}
.post-item .box-blog-post .box-text .post-title a:hover {color:#fff}
:root{--primary:#7440a7;--primary-dark:#1f0f53;--accent:#b285d9;--text:#ffffff;--text-inverse:#ffffff;--border:color-mix(in srgb,var(--primary-dark) 30%,transparent);--hover:color-mix(in srgb,var(--primary) 10%,transparent);--radius:12px}
table{overflow:hidden;border-radius:var(--radius);border-collapse:separate;border-spacing:0;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-dark) 45%,#000) 0%,var(--primary-dark) 100%);color:var(--text);box-shadow:0 8px 24px color-mix(in srgb,var(--primary-dark) 55%,transparent);font-family:inherit}
table tr{transition:background-color 0.25s ease}
table tbody tr:nth-child(even){background-color:color-mix(in srgb,var(--text) 4%,transparent)}
table tbody tr:hover{background-color:var(--hover)}
table thead tr,table:not(:has(thead)) tr:first-child{background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%)}
table thead tr:hover,table:not(:has(thead)) tr:first-child:hover{background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%)}
table thead th,table thead td,table:not(:has(thead)) tr:first-child th,table:not(:has(thead)) tr:first-child td{color:var(--text-inverse);font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:0.6px}
table th,table td{padding:16px 20px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}
table th:first-child,table td:first-child{padding-left:10px!important}
table tbody tr:last-child td{border-bottom:none}
table tbody td:first-child{width:35%;color:var(--primary);font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:0.6px}
table tbody td:last-child{font-size:15px}
table:not(:has(thead)) tr:first-child td:first-child{color:var(--text-inverse)}
.wp-caption img{border-radius:5px 5px 0 0}
.wp-caption .wp-caption-text{color:var(--text-inverse);background:linear-gradient(120deg,var(--primary),var(--primary-dark));border-radius:0 0 5px 5px}
.entry-image img{border-radius:5px;border:1px solid var(--border)}
.entry-header-text .entry-divider{display:none}
#content {padding-top:15px}
#content .row-main{padding-top:15px; border-radius:8px;}
.archive-page-header .row{border-radius:8px 8px 0 0;overflow:hidden}
.archive-page-header + .row{border-radius:0 0 8px 8px;overflow:hidden}
.box-blog-post .box-text .button {background:#fff;color:#000; border-radius:5px; float:right;display:flex; align-items:center;gap:10px}