/*
 Theme Name:   Mboton - GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      1.0
*/

/* Header */
.site-header {
	position: sticky;
	top:0;
	z-index:99;
}
.menu-toggle {
		font-size: 22px!Important;
		padding: 10px!Important;
}
/* Desktop Sub */
.main-navigation ul ul {
	padding-top:10px;
	padding-bottom:10px;
	box-shadow:none;
	box-shadow: 0px 10px 15px 5px rgba(97,97,97,0.07);
}
.main-navigation ul ul li {
	border-bottom:1px solid #f1f1f1;
}
.main-navigation ul ul li:last-child { border-bottom:none;}
.main-navigation ul ul:before {
	content: " ";
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 9px solid #fff;
	width: 0;
	top: -9px;
	height: 0;
	left: 18%;
}

/* Custom Search */
.custom_search form {
	overflow:hidden;
	display: flex;
	row-gap: 8px;
	flex-direction: column;
}
.custom_search input,
.custom_search select {
	width:100%;
	font-size:14.5px;
	border-radius:5px;
	border:1px solid var(--light-gray);
}
.custom_search select {
	background-image: url(images/chevron-down.svg)!Important;
	background-repeat: no-repeat!Important;
	background-position: 95% center!Important;
	background-size: 14px auto;
	appearance: none;
}
.custom_search button {
	border-radius: 5px;
	font-size: 15px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 7px;
}
.custom_search button svg {
	fill:#fff;
}
.src_col form {
	flex-direction: row;
	column-gap: 6px;
}
.search header.page-header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 8px;
	row-gap: 5px;
	padding:0;
}
.search h1.page-title {
	font-size: 16px;
	margin: 0;
}
.search .search-meta {
	display: flex;
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 6px;
}
.search .search-meta a {
	font-size:14px;
	border-bottom:1px solid var(--accent);
}
.src_trans input,
.src_trans select,
.src_trans button {
	border-radius:50px;
}

/* Archive Style */
.paging-navigation {
    margin: 0;
    background: none!important;
    text-align: center;
    font-size: 14px;
    padding: 25px 0!important;
}
.nav-links {
	display:flex;
	gap:10px;
	justify-content: center;
}
.paging-navigation span, 
.paging-navigation a {
	padding: 5px 10px !important;
	color: var(--contrast)!important;
	border-radius: 0;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
}
.paging-navigation span.current {
   border: 2px solid var(--accent);
	box-shadow: 0px 0px 0 7px #f1f1f1;
}
a.prev,
a.next,
a.prev span,
a.next span {
    display: none;
}
.masonry-load-more.load-more {
	text-align:center;
	margin:30px 0 0;
}
.masonry-load-more.load-more a {
	font-weight:bold;
	border-radius:6px;
}
blockquote {
	border-left: 5px solid var(--accent);
}
.vertica_text {
	writing-mode:vertical-lr;
	text-orientation: sideways;
	transform: rotate(-180deg);
}
.tax_list .gb-text {
	display:flex;
	flex-wrap:wrap;
	column-gap: 5px;
}
.ps_left {
	min-width: 220px;
	position: absolute;
	text-transform: uppercase;
	top: 22px;
	left:-55px;
	transform: rotate(-35deg);
	z-index: 2;
}
.round img {
	border-radius:5px;
}

/* Splide Slider Style */
.splide__pagination { 
	bottom:25px;
	position: static;
	display: flex;
	gap: 6px;
	margin-top: 15px;
}
.splide__pagination li {
	justify-content: center;
	align-items: center;
	display:flex;
	opacity:1;
	background:none;
	border-radius:50px;
}
.splide__pagination button { 
	margin:0;
	width:8px;
	background:#ccc!Important;
	height:8px;
}
.splide__pagination__page.is-active {
	width:18px;
	margin:0 3px;
	height:6px;
	border-radius:10px;
}
.splide__pagination {
	justify-content:center;
	padding-right:40px;
	padding:0;
}

/* Search Not Found */
.no-results.not-found .inside-article {
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
}
.no-results.not-found .entry-content form.search-form {
	display:none;
}

/* Sidebar sticky */
/*.sticky-sidebar-ads {
	position: sticky;
	top: 100px;
}*/
.inside-right-sidebar {
	position: sticky;
	top: 100px;
}
.list_custom {
    list-style: none;
    counter-reset: my-awesome-counter;
}
.list_custom .gb-loop-item h2 {
    counter-increment: my-awesome-counter;
    position: relative;
	padding-left:35px;
}
.list_custom .gb-loop-item h2:before {
	content: counter(my-awesome-counter) "";
	top: 4px;
	left: 0;
	font-size: 12px;
	font-weight: bold;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-basis: 40px;
	flex-shrink: 0;
	position: absolute;
	top: 4px;
	background-color: var(--accent);
	color:#fff;
}
	
h2.sidebar_loop {
	font-size:16px;
	margin-bottom:0;
	line-height:1.4em;
}
		
/* Breadcrumb */
.rank-math-breadcrumb p { margin-bottom:0; }
.breadcrumb {
		padding: 0!Important;
		display: -webkit-box !important;
		overflow: hidden;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
}


/* Single Post Content */
.single .dynamic-entry-content ul,
.single .dynamic-entry-content ol {
		margin-left: 1em;
}
.single .dynamic-entry-content ul li,
.single .dynamic-entry-content ol li {
	margin-bottom: 5px;		
}

.wp-block-post-author__name {
	font-weight:20px;
	font-weight:bold;
}
.wp-block-post-author__name a { color:var(--contrast);}
.wp-block-post-author__bio { font-size: 15px;}
.wp-block-post-author__avatar { padding-top:3px;}
.wp-block-post-author__avatar img { border-radius:50px;}
	
/* Share Button Style */
.addtoany_list { 
	display:flex!important;
	gap: 8px;
}
.addtoany_list.a2a_kit_size_32 a {
	display: flex!important;
	padding: 0!important;
}
.addtoany_list.a2a_kit_size_32 span {
	height:30px!important;
	width:30px!important;
	border-radius:50px!Important;
	border:1px solid #d2d5db;
	padding: 5px;
	box-shadow:0 1px 2px 0 rgba(0,0,0,.05);
	background: none!Important;
}

/* Tag List */
.taxonomy-post_tag {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
.taxonomy-post_tag a {
    color: var(--contrast);
    position: relative;
	background:var(--light-gray);
    padding: 4px 13px;
    font-size: 14px;
	font-weight:bold;
    line-height: 20px;
    border-radius: 5px;
    display: inline-block;
    transition: all .3s ease-in-out;
}
.taxonomy-post_tag a::before {
	content: "#";
}
.taxonomy-post_tag a:hover {
    background: var(--contrast);
	color:#fff;
}
.wp-block-post-terms__separator {
	display:none;
}
	
/* Table */
.wp-block-table thead {
	border-bottom: 3px solid var(--light-gray);
}
.wp-block-table th {
		border: 1px solid var(--light-gray);
		background: #eee;
}
table, 
td,
.wp-block-table td {
	border-color: var(--light-gray);
}
	
.wp-block-table td,
.wp-block-table th {
		font-size:15px;
}
	
/* Comment */
.comments-area {
    border: 0px solid #f1f1f1;
    padding: 0px!important;
    border-radius: 8px;
    margin-top: 25px;
    font-size: 14px;
    background: none!important;
}
.comment-content {
    padding: 0;
    border: none;
    margin: 8px 0;
    padding: 10px 0!Important;
    border-radius: 8px;
}
.comment-content p {
    margin-bottom: 10px;
        line-height: 21px;
}
.comment-list .reply a {
    border-radius: 20px;
    padding: 2px 10px;
    border: 1px solid #f1f1f1;
}
.comment-list article {
    border: none;
    padding: 0!important;
    margin: 0!important;
}
.comment-list li.depth-1 {
    border: 0px solid #f1f1f1!important;
    padding: 0px!important;
}
.comment .children {
    padding-left: 30px;
    margin: 20px 0 20px 20px!important;
    border-left: 0 dotted rgba(0,0,0,.09)!important;
    border-bottom: none !important;
}
.comment-respond {
    margin-top: 40px;
}
.comment-form input, 
.comment-form textarea {
	border-radius: 5px!Important;
	width:100%;
}
.comment-form input#submit,
.comment-form input#wp-comment-cookies-consent {
	width:auto;
}
.entry-meta.comment-metadata {
	font-size:12px;
}
	
/* Search Modal Pop-UP */
.search-modal-form {
    background: transparent!important;
}
.gp-modal__container input.search-field {
    margin: 0!important;
    border: none !important;
}
.search-modal-fields {
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

/* Footer */
.wp-block-social-links {
	margin-bottom:0;
}

@media only screen and (max-width: 1200px) {
	.gb_wrapper,
	.site-content,
	.inside-navigation.grid-container {
		padding-left:70px!important;
		padding-right:70px!important;
	}
	body.full-width-content .site-content {
		padding-left:0px!important;
		padding-right:0px!important;
	}
	
	/* Header */
	.inside-header {
		padding-left:0;
		padding-right:0;
	}
	.site-logo {
		padding-left:70px!important;
	}
	.mobile-menu-control-wrapper {
		padding-right:70px!important;
	}
	.main-navigation .menu-toggle {
		line-height: 20px;
	}
	.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
		padding-right:10px;
		font-size:20px;
		padding-top:3px;
	}
	
	/* Nav */
	#site-navigation {
		background:#fff;
	}
	.has-inline-mobile-toggle #site-navigation.toggled {
		margin-top: 6px;
		padding-top:20px;
		padding-bottom:20px;
	}
	.main-navigation .main-nav ul li a {
		color:var(--contrast);
	}
	.main-navigation .main-nav ul li a {
		border-bottom:1px solid #f1f1f1;
	}
	.main-navigation .main-nav ul li:Last-child a,
	.main-navigation ul ul li,
	.main-navigation .main-nav ul ul li a {
		border-bottom:none;
	}
	.main-navigation .main-nav ul li a {
		padding-left:0px!important;
		padding-right:0px!important;
	}
	.main-navigation .main-nav ul ul li a {
		position: relative;
		padding: 10px 0 10px 20px !important;
	}
	.main-navigation .main-nav ul ul li a:before {
		border-style: solid;
		border-width: 1px 1px 0 0;
		content: '';
		display: inline-block;
		height: 6px;
		width: 6px;
		left: 0;
		position: absolute;
		top: 16px;
		transform: rotate(-45deg);
		vertical-align: top;
		transform: rotate(45deg);
	}
	.page.separate-containers .inside-article {
		padding-left:0;
		padding-right:0;
	}
}

@media only screen and (max-width: 767px) {
	.gb_wrapper,
	.site-content,
	.inside-navigation.grid-container {
		padding-left:20px!important;
		padding-right:20px!important;
	}
	.site-logo {
		padding-left:20px!important;
	}
	.mobile-menu-control-wrapper {
		padding-right:20px!important;
	}
	.src_col form {
		flex-direction: column;
	}
	.search h1.page-title {
		text-align: center;
		line-height: 1.25em;
	}
	.archive .site-main > * {
		margin-bottom: 18px;
	}
}


/** Mboton **/
/* In Artikel Ads */
.ad-in-content {
    margin: 20px auto;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
}

/* sticky Site CSS */
.sticky-ads,.sticky-ads-close{display:flex;background-color:#f7f7f7}@keyframes slideDown{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}#foxads{position:fixed;width:100%!important;z-index:9995;text-align:center;bottom:0;animation:.4s ease-out forwards slideDown}.fade-out{animation:.5s forwards fadeOut}.sticky-ads{position:relative;width:100%;height:90px;align-items:center;justify-content:center;transition:.1s ease-in;z-index:9995}#foxCloseBtn,.sticky-ads-close{width:30px;height:30px;cursor:pointer}.sticky-ads-close{align-items:center;justify-content:center;border-radius:50%;position:absolute;right:10px;top:-15px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.sticky-ads-content{overflow:hidden;display:block;position:relative;height:90px;width:100%;padding:0}#foxCloseBtn{border:none;background-color:#dbdbdb;border-radius:4px;font-weight:700}
/* End GeneratePress Site CSS */
summary{font-size:1.25rem;font-weight:600;background-color:#262b44;background-image:radial-gradient(circle at 40% 91%,rgba(251,251%,251%,4%) 0,rgba(251,251%,251%,4%) 50%,rgba(229,229%,229%,4%) 50%,rgba(229,229%,229%,4%) 100%),radial-gradient(circle at 66% 97%,rgba(36,36%,36%,4%) 0,rgba(36,36%,36%,4%) 50%,rgba(46,46%,46%,4%) 50%,rgba(46,46%,46%,4%) 100%),radial-gradient(circle at 86% 7%,rgba(40,40%,40%,4%) 0,rgba(40,40%,40%,4%) 50%,rgba(200,200%,200%,4%) 50%,rgba(200,200%,200%,4%) 100%),radial-gradient(circle at 15% 16%,rgba(99,99%,99%,4%) 0,rgba(99,99%,99%,4%) 50%,rgba(45,45%,45%,4%) 50%,rgba(45,45%,45%,4%) 100%),radial-gradient(circle at 75% 99%,rgba(243,243%,243%,4%) 0,rgba(243,243%,243%,4%) 50%,rgba(37,37%,37%,4%) 50%,rgba(37,37%,37%,4%) 100%),linear-gradient(90deg,#22deed,#8759d7);color:#fff;padding:1rem;margin-bottom:1rem;outline:0;border-radius:.25rem;text-align:left;cursor:pointer;position:relative}p{text-align:left}details[open] summary{animation:sweep .5s ease-in-out}@keyframes none{0%{opacity:0;margin-top:-10px}100%{opacity:1;margin-top:-10px}}details>summary::after{position:absolute;content:"+";right:20px}details[open]>summary::after{position:absolute;content:"-";right:20px}details>summary::-webkit-details-marker{display:none}
.mboton-social-wrapper{margin:30px 0;font-size:0}.mboton-social-wrapper span{font-weight:700;padding-right:10px;font-size:16px}.mboton-social-sharing{font-size:17px;padding:7px 20px}@media only screen and (max-width:600px){.mboton-social-sharing{font-size:17px;padding:7px 12px;display:inline-block}}.mboton-social-sharing svg{position:relative;top:.15em;display:inline-block}.mboton-social-sharing:first-of-type{border-radius:100px 0 0 100px}.mboton-social-sharing:last-of-type{border-radius:0 100px 100px 0}.mboton-social-facebook{fill:#fff;background-color:#3b5998}.mboton-social-twitter{fill:#fff;background-color:#0f1419}.mboton-social-pinterest{fill:#fff;background-color:#bd081c}.mboton-social-linkedin{fill:#fff;background-color:#0077b5}.mboton-social-whatsapp{fill:#fff;background-color:#25d366}.mboton-social-reddit{fill:#fff;background-color:#ff5700}.mboton-social-sharing:hover{opacity:.8}
.mbotonload-additem,.mbotonload-cari,.mbotonload-catatan,.mbotonload-contact,.mbotonload-gear,.mbotonload-home,.mbotonload-info,.mbotonload-komentar,.mbotonload-mark,.mbotonload-tips,.mbotonload-trash,.mbotonload-warning,.mbotonload-winner{line-height:40px;min-height:38px;padding:10px 12px 12px 68px;margin:5px 0}.mbotonload-additem{background:#abb7b7 url(https://www.mboton.net/wp-content/uploads/2023/10/mbotonload-additem.png) no-repeat 12px 8px;color:#222}.mbotonload-cari{background:#19b5fe url(https://www.mboton.net/wp-content/uploads/2023/10/mbotonload-cari.png) no-repeat 12px 8px;color:#222}.mbotonload-catatan{background:#f4d03f url(https://www.mboton.net/wp-content/uploads/2023/10/mbotonload-catatan.png) no-repeat 12px 8px;color:#222}.mbotonload-contact{background:#52b3d9 url(https://www.mboton.net/wp-content/uploads/2023/10/mbotonload-contact.png) no-repeat 12px 8px;color:#222}.mbotonload-gear{background:#2ecc71 url(https://www.mboton.net/wp-content/uploads/2023/10/mbotonload-gear.png) no-repeat 12px 8px;color:#222}.mbotonload-home{background:#2ecc71 url(https://www.mboton.net/wp-content/uploads/2023/10/mbotonload-home.png) no-repeat 12px 8px;color:#222}.mbotonload-info{background:#dadfe1 url(https://www.mboton.net/wp-content/uploads/2023/10/mbotonload-info.png) no-repeat 12px 8px;color:#222}.mbotonload-komentar{background:#1ba39c url(https://www.mboton.net/wp-content/uploads/2023/10/mbotonload-komentar.png) no-repeat 12px 8px;color:#222}.mbotonload-mark{background:#65c6bb url(https://www.mboton.net/wp-content/uploads/2023/10/mbotonload-mark.png) no-repeat 12px 8px;color:#222}.mbotonload-tips{background:#7cadde url(https://www.mboton.net/wp-content/uploads/2023/10/mbotonload-tips.png) no-repeat 12px 8px;color:#fff}.mbotonload-trash{background:#5c97bf url(https://www.mboton.net/wp-content/uploads/2023/10/mbotonload-trash.png) no-repeat 12px 8px;color:#222}.mbotonload-warning{background:#f7ca18 url(https://www.mboton.net/wp-content/uploads/2023/10/mbotonload-warning.png) no-repeat 12px 8px;color:#fff}.mbotonload-winner{background:#52b3d9 url(https://www.mboton.net/wp-content/uploads/2023/10/mbotonload-winner.png) no-repeat 12px 8px;color:#222}


/* fonts */
 @font-face {
font-family: 'Open Sans';
src: url('/wp-content/uploads/fonts/OpenSans-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}

/* ==========================================
   Ringkasan AI - Modern Gradient & Responsive
========================================== */
.ringkasan-box {
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  padding: 18px 22px;
  margin: 20px 0;
  border-radius: 8px;
  box-sizing: border-box;
  box-shadow: 0 1px 6px rgba(0,0,0,0.05); /* subtle shadow */
}

.ringkasan-box h3 {
  margin-top: 0;
  font-size: 17px;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  color: #333;
}

.ringkasan-box .catatan,
.ringkasan-box .catatan-ai {
  display: inline-flex;              /* fleksibel untuk icon + teks */
  align-items: center;
  gap: 6px;                           /* jarak icon & teks */
  background: linear-gradient(135deg, #4cafef, #0d6efd); /* modern gradient */
  color: #fff;
  padding: 7px 14px;
  border-radius: 5px;
  font-size: 13px;
  line-height: 1.4;
  margin-top: 12px;
  font-family: inherit;
  max-width: 100%;
  word-wrap: break-word;
  box-sizing: border-box;
}

.ringkasan-box .catatan-ai::before {
  content: "ℹ️";                      /* icon informasi */
  font-size: 14px;
}

/* Tablet */
@media (max-width: 1024px) {
  .ringkasan-box {
    padding: 16px 20px;
  }
  .ringkasan-box h3 {
    font-size: 16px;
  }
  .ringkasan-box .catatan,
  .ringkasan-box .catatan-ai {
    padding: 6px 12px;
    font-size: 12px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .ringkasan-box {
    padding: 14px 16px;
  }
  .ringkasan-box h3 {
    font-size: 15px;
  }
  .ringkasan-box .catatan,
  .ringkasan-box .catatan-ai {
    padding: 5px 10px;
    font-size: 11px;
  }
}



/* PORTAL BERITA TENGAH ARTIKEL */
/* Kotak utama */
.related-articles {
  margin: 2em 0;
  padding: 1.2em;
  background: #f9f9f9; /* ganti sesuai warna tema */
  border-left: 4px solid #000000; /*#ff4500; /* warna aksen */
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* Judul */
.related-articles h3 {
  margin: 0 0 0.8em;
  font-size: 1.1em;
  font-weight: 600; 
  color: #000; /* ganti sesuai heading tema */
  border-bottom: 1px solid #eee;
  padding-bottom: 0.4em;
}

/* Daftar link */
.related-articles ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.related-articles ul li {
  margin: 0.4em 0;
  padding-left: 1em;
  position: relative;
}

/* Bullet kustom */
.related-articles ul li::before {
  content: "➤";
  position: absolute;
  left: 0;
  color: #000; /* warna aksen */
  font-size: 0.85em;
}

/* Link */
.related-articles a {
  text-decoration: none;
  color: #2b64f6; /* link warna */ /*#2b64f6*/
  transition: color 0.3s;
}

.related-articles a:hover {
  color: #000000; /* warna saat hover */
  text-decoration: underline;
}

/* ---------------------------------------------------- */
/* font_resizer */
/* ---------------------------------------------------- */

body.text-small {
    font-size: 0.9em; 
}

body.text-large {
    font-size: 1.3em; 
}

#font-size-main-wrapper {
    position: relative; 
    display: inline-block; 
    margin: 15px; 
    z-index: 100;
}

#font-size-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px; 
    height: 40px; 
    border: 1px solid #ccc; 
    border-radius: 8px; 
    background-color: #f7f7f7;
    cursor: pointer;
    font-size: 18px; 
    font-weight: 700;
    color: #333;
    transition: all 0.2s;
    padding: 0; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
}

#font-size-toggle:hover,
#font-size-toggle[aria-expanded="true"] {
    border-color: #000;
    background-color: #eee;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

#font-size-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 5px; 
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    min-width: 150px; 
    display: flex; 
    flex-direction: column;
    overflow: hidden; 
    z-index: 1000; 
    opacity: 0; 
    visibility: hidden; 
    transform: translateY(10px); 
    transition: opacity 0.2s ease-out, transform 0.2s ease-out, visibility 0.2s;
}

#font-size-menu.font-size-menu-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    display: flex;
}

#font-size-menu.font-size-menu-hidden {
    display: none; 
}


#font-size-menu .font-size-btn {
    display: block; 
    padding: 10px 15px;
    text-align: left;
    text-decoration: none;
    color: #555;
    font-size: 15px; 
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
    white-space: nowrap; 
}

#font-size-menu .font-size-btn:hover {
    background-color: #f0f0f0;
    color: #333;
}

#font-size-menu .font-size-btn.active {
    background-color: #e0e0e0; 
    color: #000;
    font-weight: 600;
}

@media (max-width: 768px) {
    #font-size-main-wrapper {
        margin: 10px;
    }

    #font-size-toggle {
        width: 36px;
        height: 36px;
        font-size: 16px;
        border-radius: 6px;
    }

    #font-size-menu {
        min-width: 130px; 
    }

    #font-size-menu .font-size-btn {
        padding: 8px 12px;
        font-size: 14px;
    }
}