textarea {
  width: 100%; /* Fills the container width */
  height: 150px; /* Sets a base height */
  padding: 12px; /* Adds spacing inside the box */
  box-sizing: border-box; /* Includes padding and borders in total width */
  border: 2px solid #ccc; /* Adds a clean border */
  border-radius: 6px; /* Rounds the corners */
  background-color: #f8f8f8; /* Gives a soft background color */
  font-family: "Arial", sans-serif; /* Replaces the default fixed-width font */
  font-size: 16px; /* Keeps text readable */
  resize: vertical; /* Allows users to scale only vertically */
}
textarea:focus {
  border-color: #0066cc; /* Changes border color on click */
  outline: none; /* Removes the default browser ring */
  background-color: #ffffff; /* Brightens the background */
}

textarea::placeholder {
  color: #aaa; /* Styles the gray placeholder text */
  font-style: italic;
}

.banner-layout--two .main-banner-wrap .main-banner-slider figure.post-thumb {
    height: 100%;
}
.main-banner-popular-posts .popular-posts-wrap .post-thumb img {
    height: auto;
    width: 100%;
}
 
.single h1.entry-title {
  color: #042C2F;
}
.ticker-news-wrap.layout--three .ticker-title {
    background-color: #052578;
}
.post-thumb .post-count { 
    background-color: #052578;
}
.ticker-news-wrap.layout--three .digital-newspaper-ticker-controls button {
    background-color: #052578;
}.pagination span.current {
    background-color: #052578;
}


.logo-custom { 
    width: 100px;
    height: auto;
    background-color: #fff;

}
/*.site-branding {*/
/*  width: 200px;*/
/*    height: auto;*/
/*    padding-bottom: 0px;*/
/*}*/
.single .entry-header .post-categories li {
  background-color: #052578;
}
.wp-block-search__button, .widget.widget_search .search-submit {
  background-color: #052578;
}

.site-header.layout--default .search-submit {
  background-color: #052578;
}
.search-popup--style-three .search_close_btn i {
  background-color: #f5222d;
}
.search-popup--style-three .site-header.layout--default .search-form-wrap {
    padding: 112px 0 20px;
}
  nav.main-navigation ul.menu, nav.main-navigation ul.nav-menu {
    position: relative;
}
    /*  Navigation Menu Horizontal Scroll by igniel.com */
.dt-container-igniel {
    width: 100%;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    margin-right: auto;
    margin-left: auto;
}
.top-igniel {
    background: linear-gradient(135deg, #0d2b52 0%, #0d2b52 100%);
}
.ignielHorizontal ul {
  background-color: #0d2b52; /* WBackground color */
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.ignielHorizontal {
  color: #ffffff;
  line-height: 0px;
  overflow: hidden;
  border-radius: 0px;
}
.ignielHorizontal a {
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  padding: 10px 13px;
  line-height: 1.5em;
  display: block;
}
.ignielHorizontal a:hover {
  background-color: rgba(0,0,0,.25);
  color: #ffffff;
  text-decoration: none;
}
.ignielHorizontal ul, .ignielHorizontal li {
  list-style: none;
  display: inline-block;
  white-space: nowrap;
  margin: 0px;
  padding: 0px;
}
@media screen and (max-width: 480px){
  .ignielHorizontal a {
    font-size: 13px;
    padding: 8px 11px;
  }
}
@media screen and (max-width: 360px){
  .ignielHorizontal a {
    font-size: 12px;
    padding: 7px 10px;
  }
}

.top-primary {
    background: #ffffff;
}
.primaryHorizontal ul {
  background-color: #ffffff; /* WBackground color */
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.primaryHorizontal {
  color: #00000;
  line-height: 0px;
  overflow: hidden;
  border-radius: 0px;
}
.primaryHorizontal a {
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  padding: 10px 13px;
  line-height: 1.5em;
  display: block;
}
.primaryHorizontal a:hover {
  background-color: rgba(0,0,0,.25);
  color: #fff;
  text-decoration: none;
}
.primaryHorizontal ul, .primaryHorizontal li {
  list-style: none;
  display: inline-block;
  white-space: nowrap;
  margin: 0px;
  padding: 0px;
}
@media screen and (max-width: 480px){
  .primaryHorizontal a {
    font-size: 13px;
    padding: 8px 11px;
  }
}
@media screen and (max-width: 360px){
  .primaryHorizontal a {
    font-size: 12px;
    padding: 7px 10px;
  }
}
.menu {
    max-width: 100%;
    overflow-x: auto;
    display: block;
}
.toptags-inner .title { 
    background: var(--dt-black-color);
    border-radius: 0px;
}
.post .category-badge a { 
    border-radius: 0 1rem 0rem 1rem;
}
.hamburger {
    /**background-color: rgb(221 14 128);**/
  background-color: rgb(2 26 94);
}
.dt_navbar-cart-item .dt_navbar-cart-icon, .dt_navbar-search-item button.dt_navbar-search-toggle {
    background-color: rgb(2 26 94);
}
.dt-current-date span {
    background-color: #ffffff00;
}
.dt_mobilenav-mainmenu-inner .site--close {
    /**background-color: rgb(221 14 128);**/
  background-color: rgb(2 26 94);
}
.menu-menu-saya-container {
  display: flex;
    flex-direction: column-reverse;
}

.dt-container-md {
    width: 100%;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    margin-right: auto;
    margin-left: auto;
}

.banner-layout--two .main-banner-slider .post-element {
    /**background-color: rgb(221 14 128);**/
    width: 100%;
}
.search-wrap {
  margin-top: -280px;
    margin-bottom: 0px;
}

.sidebar-toggle-wrap {
  margin-top: -100px;
    margin-bottom: 0px;
}

.main-navigation {
  margin-top: -280px;
    margin-bottom: 0px;
}

.news-grid .news-grid-post-wrap article .post-element {
    margin-top: 17px;
}
.search-trigger {
  font-size: 19px;
    color: #042C2;
}
.sidebar-toggle-close {
    background: #fb0101;
    padding: 10px 15px;
    color: #f0f0f0;
}
.sidebar-toggle .digital-newspaper-container {
    padding: 12px 15px;
    background-color: #f8f8f8;
}

.wp-block-tag-cloud a {
    /*background-color: #042C2F;*/
}
.widget.widget_block p.wp-block-tag-cloud {
    text-align: left;
}
.widget.widget_block .wp-block-tag-cloud {
    text-align: left;
}
.widget_digital_newspaper_posts_list_widget .layout-three .post-item:not(:first-child) .post_thumb_image span {
    background-color: var(--green-text-color);
}
.widget_digital_newspaper_posts_list_widget .layout-three .post-item:first-child .post-numbering {
    color: var(--green-text-color);
}
.site-header.layout--default .search-wrap .search-trigger {
    font-size: 25px;
}
.button.menu-toggle {
    font-size: 21px;
}
@media screen and (max-width: 480px){
  .ignielHorizontal a {
    font-size: 15px;
    padding: 8px 11px;
  }
}
@media screen and (max-width: 360px){
  .ignielHorizontal a {
    font-size: 12px;
    padding: 7px 10px;
  }
}