:root{
  --bs-blue: #0c4b8a;
  --bbs-color: #0c4b8a;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #e74c3c;
  --bs-orange: #fd7e14;
  --bs-yellow: #f39c12;
  --bs-green: #00bc8c;
  --bs-teal: #20c997;
  --bs-cyan: #3498db;
  --bs-black: #121314;
  --bs-white: #718096;
  --bs-gray-dark: #121314;
  --bs-gray-100: #f7f7f7;
  --bs-gray-200: #ebebeb;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #f7f7f7;
  --bs-gray-600: #718096;
  --bs-gray-700: #4A5568;
  --bs-gray-800: #2D3748;
  --bs-gray-900: #1A202C;
  --bs-primary: #0c4b8a;
  --bs-secondary: #0c4b8a;
  --bs-success: #00bc8c;
  --bs-info: #0c4b8a;
  --bs-warning: #f39c12;
  --bs-danger: #e74c3c;
  --bs-light: #adb5bd;
  --bs-dark: #303030;
  --bs-primary-rgb: 55, 90, 127;
  --bs-secondary-rgb: 68, 68, 68;
  --bs-success-rgb: 0, 188, 140;
  --bs-info-rgb: 52, 152, 219;
  --bs-warning-rgb: 243, 156, 18;
  --bs-danger-rgb: 231, 76, 60;
  --bs-light-rgb: 173, 181, 189;
  --bs-dark-rgb: 48, 48, 48;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 255, 255, 255;
  --bs-body-bg-rgb: 34, 34, 34;
  --bs-font-sans-serif: 'Source Sans 3', 'NotoSansKR';
  --bs-font-english: : 'Source Sans 3', sans-serif;
  --bs-body-font-family: 'Source Sans 3', 'NotoSansKR';
  --bs-body-font-family-eng: 'Source Sans 3', sans-serif;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 500;
  --bs-body-line-height: 1.5;
  --bs-body-color: #fff;
  --bs-body-bg: #222;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #9a9a9a;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0rem;
  --bs-border-radius-sm: 00rem;
  --bs-border-radius-lg: 0rem;
  --bs-border-radius-xl: 0rem;
  --bs-border-radius-2xl: 0rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #00bc8c;
  --bs-link-hover-color: #009670;
  --bs-code-color: #e83e8c;
  --bs-highlight-bg: #fdebd0;
  --bs-font-color-white:#ffffff;
  --bs-button-border:#1A202C;
  --bs-button:#1A202C;
  --bs-button-sub-color:#c4c4c4;

  --bs-navbar-color:var(var(--bs-black));

  --bs-footer-bg:#f7f7f7;

  --bbs-cont-bg:#081a48;
  
  --bs-breadcrumb-item-padding-x: 0.4rem;
  --bs-breadcrumb-divider-color: #c7c7c7;

  --bb-header-menu-hover:#2e2e2e
}

:root:has(.navbar-brand > img[src*="logo_giai"]) {
  --bbs-color:#0c4b8a;
  --bbs-sub-color:#40b9ff;
  --bbs-point-color:#0693e3;
  --bbs-primary: #0c4b8a;
  --bbs-secondary: #0c4b8a;
  --bbs-info: #0c4b8a;
  --bbs-button:#1A202C;
  --bbs-button-sub-color:#f1f1f1;
  --bbs-button-sub-border-hover:#0468b1;
  --bbs-button-border-hover:#0468b1;
  --bbs-button-hover:#0468b1;
  

  --bbs-footer-bg:#f7f7f7;

  --bbs-verse-border:#0c4b8a;
  --bbs-verse-bg:#e3f2fd;

  --bbs-feed-bg:#f1f8ff;
}
/* economy */
:root:has(img[src*="logo_theeconomy"]),
:root body.page-user-login:has(img[src*="logo_giai"]) {
  --bbs-color:#0c4b8a;
  --bbs-sub-color:#40b9ff;
  --bbs-point-color:#0693e3;
  --bbs-primary: #0c4b8a;
  --bbs-secondary: #0c4b8a;
  --bbs-info: #0c4b8a;
  --bbs-button:#1A202C;
  --bbs-button-sub-color:#c4c4c4;
  --bbs-button-sub-border-hover:#0468b1;
  --bbs-button-border-hover:#0468b1;
  --bbs-button-hover:#0468b1;

  --bbs-footer-bg:#f7f7f7;

  --bbs-verse-border:#0c4b8a;
  --bbs-verse-bg:#e3f2fd;
}

/* fecon */
:root:has(img[src*="logo_fecon"]) {
  --bbs-color:#0468b1;
  --bbs-sub-color:#40b9ff;
  --bbs-point-color:#0693e3;
  --bbs-primary: #0468b1;
  --bbs-secondary: #0468b1;
  --bbs-info: #0468b1;
  --bbs-button:#1A202C;
  --bbs-button-sub-color:#c4c4c4;
  --bbs-button-sub-border-hover:#0468b1;
  --bbs-button-border-hover:#0468b1;
  --bbs-button-hover:#0468b1;

  --bbs-footer-bg:#f7f7f7;
  --bbs-verse-border:#0468b1;
  --bbs-verse-bg:#e3f2fd;
}

/* policy */
:root:has(img[src*="logo_policyecon"]) {
  --bbs-color:#313139;
  --bbs-sub-color:#ffb300;
  --bbs-point-color:#ffb300;
  --bbs-primary: #0468b1;
  --bbs-secondary: #0468b1;
  --bbs-info: #0468b1;
  --bbs-button:#1A202C;
  --bbs-button-sub-color:#c4c4c4;
  --bbs-button-sub-border-hover:#0468b1;
  --bbs-button-border-hover:#0468b1;
  --bbs-button-hover:#0468b1;

  --bbs-footer-bg:#f7f7f7;
  --bbs-verse-border:#313139;
  --bbs-verse-bg:#eeeeee;
}


/* tech */
:root:has(img[src*="logo_techecon"]) {
  --bbs-color:#c91b1d;
  --bbs-sub-color:#ffb300;
  --bbs-point-color:#ffb300;
  --bbs-primary: #0468b1;
  --bbs-secondary: #0468b1;
  --bbs-info: #0468b1;
  --bbs-button:#1A202C;
  --bbs-button-sub-color:#c4c4c4;
  --bbs-button-sub-border-hover:#0468b1;
  --bbs-button-border-hover:#0468b1;
  --bbs-button-hover:#0468b1;

  --bbs-footer-bg:#f7f7f7;
  --bbs-verse-border:#c91b1d;
  --bbs-verse-bg:#ffeded;
}



/* giai korea */
:root:has(img[src*="logo_giaikorea"]) {
  --bbs-color:#0c4b8a;
  --bbs-sub-color:#40b9ff;
  --bbs-point-color:#0693e3;
  --bbs-primary: #0c4b8a;
  --bbs-secondary: #0c4b8a;
  --bbs-info: #0c4b8a;
  --bbs-button:#1A202C;
  --bbs-button-sub-color:#f1f1f1;
  --bbs-button-sub-border-hover:#0468b1;
  --bbs-button-border-hover:#0468b1;
  --bbs-button-hover:#0468b1;

  --bbs-footer-bg:#f7f7f7;

  --bbs-verse-border:#0c4b8a;
  --bbs-verse-bg:#e3f2fd;

  --bbs-feed-bg:#f1f8ff;
}


/* edutimes */
:root:has(img[src*="logo_edutimes"]) {
  --bbs-color:#132d63;
  --bbs-sub-color:#40b9ff;
  --bbs-point-color:#0693e3;
  --bbs-primary: #0c4b8a;
  --bbs-secondary: #0c4b8a;
  --bbs-info: #0c4b8a;
  --bbs-button:#1A202C;
  --bbs-button-sub-color:#c4c4c4;
  --bbs-button-sub-border-hover:#0468b1;
  --bbs-button-border-hover:#0468b1;
  --bbs-button-hover:#0468b1;

  --bbs-footer-bg:#f7f7f7;

  --bbs-verse-border:#0c4b8a;
  --bbs-verse-bg:#e3f2fd;

  --bbs-feed-bg:#f1f8ff;
}

/* siai */
:root:has(img[src*="logo_siai"]) {
  --bbs-color:#8a0003;
  --bbs-sub-color:#747474;
  --bbs-point-color:#e60012;
  --bbs-primary: #e60012;
  --bbs-secondary: #00081c;
  --bbs-info: #00081c;
  --bbs-button:#081a48;
  --bbs-button-sub-color:#fcf7f7;
  --bbs-button-sub-border-hover:#0468b1;
  --bbs-button-border-hover:#0468b1;
  --bbs-button-hover:#0468b1;

  --bbs-footer-bg:#f7f7f7;

  --bbs-verse-border:#8a0003;
  --bbs-verse-bg:#e3f2fd;

  --bbs-cont-bg:#081a48;

  --bbs-feed-bg:#fffafa;
}

/* sbr ai */
:root:has(img[src*="logo_sbr"]) {
  --bbs-color:#740003;
  --bbs-sub-color:#747474;
  --bbs-point-color:#740003;
  --bbs-primary: #740003;
  --bbs-secondary: #00081c;
  --bbs-info: #00081c;
  --bbs-button:#081a48;
  --bbs-button-sub-color:#fcf7f7;
  --bbs-button-sub-border-hover:#0468b1;
  --bbs-button-border-hover:#0468b1;
  --bbs-button-hover:#0468b1;

  --bbs-footer-bg:#f7f7f7;

  --bbs-verse-border:#8a0003;
  --bbs-verse-bg:#e3f2fd;

  --bbs-cont-bg:#081a48;

  --bbs-feed-bg:#fffafa;
}


/* mbaranking */
:root:has(img[src*="logo_mbaranking"]) {
  --bbs-color:#132d63;
  --bbs-sub-color:#40b9ff;
  --bbs-point-color:#0693e3;
  --bbs-primary: #0c4b8a;
  --bbs-secondary: #0c4b8a;
  --bbs-info: #0c4b8a;
  --bbs-button:#1A202C;
  --bbs-button-sub-color:#c4c4c4;
  --bbs-button-sub-border-hover:#0468b1;
  --bbs-button-border-hover:#0468b1;
  --bbs-button-hover:#0468b1;

  --bbs-footer-bg:#f7f7f7;

  --bbs-verse-border:#0c4b8a;
  --bbs-verse-bg:#e3f2fd;

  --bbs-feed-bg:#f1f8ff;
}

/* ottranking */
:root:has(img[src*="logo_ottranking"]) {
  --bbs-color:#c4364e;
  --bbs-sub-color:#ffb300;
  --bbs-point-color:#ffb300;
  --bbs-primary: #e60012;
  --bbs-secondary: #00081c;
  --bbs-info: #00081c;
  --bbs-button:#081a48;
  --bbs-button-sub-color:#fcf7f7;
  --bbs-button-sub-border-hover:#0468b1;
  --bbs-button-border-hover:#0468b1;
  --bbs-button-hover:#0468b1;

  --bbs-footer-bg:#f7f7f7;

  --bbs-verse-border:#c4364e;
  --bbs-verse-bg:##cf2f6;

  --bbs-cont-bg:#081a48  
}

/* lawranking */
:root:has(img[src*="logo_lawranking_new"]) {
  --bbs-color:#b60005;
  --bbs-sub-color:#747474;
  --bbs-point-color:#e60012;
  --bbs-primary: #e60012;
  --bbs-secondary: #00081c;
  --bbs-info: #00081c;
  --bbs-button:#081a48;
  --bbs-button-sub-color:#fcf7f7;
  --bbs-button-sub-border-hover:#0468b1;
  --bbs-button-border-hover:#0468b1;
  --bbs-button-hover:#0468b1;

  --bbs-footer-bg:#f7f7f7;

  --bbs-verse-border:#8a0003;
  --bbs-verse-bg:#e3f2fd;

  --bbs-cont-bg:#081a48  ;
  
  --bbs-feed-bg:#fffafa;
}

body {
  color: #3b3b3b;
  background: #292929;
}

#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
  background: #fff;
}

.tabs ul.primary li a.is-active {
  background-color: #fff;
}

.tabs ul.primary li.is-active a {
  background-color: #fff;
  border-bottom-color: #fff;
}

#navbar-top {
  background-color: var(--bbs-color)
}

body:has(img[src*="logo_theeconomy"]) #navbar-main,
body.page-user-login:has(img[src*="logo_giai"]) #navbar-main{
  background-color: var(--bbs-color)!important
}


body:has(img[src*="logo_fecon"]) #navbar-main,
body.page-user-login:has(img[src*="logo_theeconomy"]) #navbar-main {
  background-color: var(--bbs-color)!important
}

body:has(img[src*="logo_policyecon"])  #navbar-main {
  background-color: var(--bbs-color)!important
}

body:has(img[src*="logo_techecon"]) #navbar-main {
  background-color: var(--bbs-color)!important
}

body:has(img[src*="logo_giai"]) #navbar-main {
  background-color: var(--bbs-color)!important
}

body:has(img[src*="logo_giaikorea"]) #navbar-main {
  background-color: var(--bbs-color)!important
}

body:has(img[src*="logo_theeconomy"]) pre.wp-block-verse {
  color: #000000;
  border-color: var(--bbs-verse-border);
  background-color: var(--bbs-verse-bg);
}

body:has(img[src*="logo_fecon"]) pre.wp-block-verse {
  color: #000000;
  border-color: var(--bbs-verse-border);
  background-color: var(--bbs-verse-bg);
}

body:has(img[src*="logo_techecon"]) pre.wp-block-verse {
  color: #000000;
  border-color: var(--bbs-verse-border);
  background-color: var(--bbs-verse-bg);
}

body:has(img[src*="logo_policyecon"]) pre.wp-block-verse {
  color: #000000;
  border-color: var(--bbs-verse-border);
  background-color: var(--bbs-verse-bg);
}

body:has(img[src*="logo_giaikorea"]) pre.wp-block-verse {
  color: #000000;
  border-color: var(--bbs-verse-border);
  background-color: var(--bbs-verse-bg);
}

body:has(img[src*="logo_giai"]) pre.wp-block-verse {
  color: #000000;
  border-color: var(--bbs-verse-border);
  background-color: var(--bbs-verse-bg);
}

body:has(img[src*="logo_giai"]) pre.wp-block-verse {
  color: #000000;
  border-color: var(--bbs-verse-border);
  background-color: var(--bbs-verse-bg);
}

body:has(img[src*="logo_ottranking"]) pre.wp-block-verse {
  color: #000000;
  border-color: var(--bbs-verse-border);
  background-color: var(--bbs-verse-bg);
}


a,
.link {
  color: var(--bbs-point-color)
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: var(--bbs-point-color)
}
.nav-item .dropdown-item a.active {
  color: var(--bbs-point-color)
}
.nav-link {
  color: var(--bbs-point-color)
}
.nav-link:hover,
.nav-link:focus {
  color: var(--bbs-point-color)
}
a:active,
.link:active {
  color: var(--bbs-point-color)
}

.page-item.active .page-link {
  background-color: var(--bbs-color);
  border-color: var(--bbs-color)
}

.page-link,
.page-link:hover {
  color: var(--bbs-point-color)
}

.sidebar .block {
  background-color: #f6f6f2;
  border-color: #f9f9f9;
}

.btn-primary {
  background-color: transparent;
  border-color: transparent;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--bbs-color)
}

.site-footer {
  background: var(--bs-gray-800)
}

.region-header,
.region-header a,
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
  color: #fffeff;
}


/* ---------- Color Form ----------- */

[dir="rtl"] .color-form .color-palette {
  margin-left: 0;
  margin-right: 20px;
}

[dir="rtl"] .color-form .form-item label {
  float: right;
}

[dir="rtl"] .color-form .color-palette .lock {
  right: -20px;
  left: 0;
}