div#wrapper{
	display:none;
}
.archive .page-title, 
.archive .entry-title {
    display: none !important;
}


.header-button-2 a {
  color: #ffffff;
  background: linear-gradient(to bottom, #FF0000 50%, #00FFFF);
  height: 40px;
  width: 140px;
  padding-top: 2.5px;
}
.header-button-2 a:hover {
  color: #FFFFFF;
  background: linear-gradient(to bottom, #0e6ab5 50%, #57a2df);
  height: 40px;
  width: 140px;
  padding-top: 2.5px;
}
.header-button-2::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 2px solid #1ceb00;
    transition: all .5s;
    animation: clippath 3s infinite linear;
    border-radius: 7px;
}
.header-button-2::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 2px solid #d75c08;
    transition: all .5s;
    animation: clippath 3s infinite -1.5s linear;
    border-radius: 7px;
}
@keyframes clippath {
0%, 100% {
    clip-path: inset(0 0 98% 0);
}
25% {
    clip-path: inset(0 98% 0 0);
}
50% {
    clip-path: inset(98% 0 0 0);
}
75% {
    clip-path: inset(0 0 0 98%);
}
}
.header-button-1 a {
  color: #ffffff;
  background: linear-gradient(to bottom, #FF0000 50%, #00FFFF);
  height: 40px;
  width: 140px;
  padding-top: 2.5px;
}
.header-button-1 a:hover {
  color: #FFFFFF;
  background: linear-gradient(to bottom, #0e6ab5 50%, #57a2df);
  height: 40px;
  width: 140px;
  padding-top: 2.5px;
}
.header-button-1::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 2px solid #1ceb00;
    transition: all .5s;
    animation: clippath 3s infinite linear;
    border-radius: 7px;
}
.header-button-1::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 2px solid #d75c08;
    transition: all .5s;
    animation: clippath 3s infinite -1.5s linear;
    border-radius: 7px;
}
@keyframes clippath {
0%, 100% {
    clip-path: inset(0 0 98% 0);
}
25% {
    clip-path: inset(0 98% 0 0);
}
50% {
    clip-path: inset(98% 0 0 0);
}
75% {
    clip-path: inset(0 0 0 98%);
}
}



h1, h2, h3, h4 {
    font-family: 'Segoe UI', sans-serif;
    font-weight: 800;
    margin: 32px 0 16px;
    position: relative;
    line-height: 1.4;
}

/* H1 */
h1 {
    font-size: 2rem;
    color: #0f3d91;
    padding-bottom: 10px;
    position: relative;
}

h1::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:80px;
    height:4px;
    background:#f5b301;
    border-radius:20px;
}

/* H2 */
h2 {
    font-size: 1.6rem;
    color: #174ea6;
    border-left: 6px solid #f5b301;
    padding-left: 14px;
    background: #f8fbff;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 4px;
}

/* H3 */
h3 {
    font-size: 1.3rem;
    color: #0b6e4f;
    border-bottom: 2px solid #0b6e4f;
    display: inline-block;
    padding-bottom: 5px;
}

/* H4 */
h4 {
    font-size: 1.15rem;
    color: #555;
    border-left: 4px solid #4a90e2;
    padding-left: 12px;
    font-style: normal;
}



h2, h3 {
  margin-top: 15px !important;
  margin-bottom: 4px !important; /* gần sát với đoạn văn */
}

p {
  margin-top: 3px !important;
  margin-bottom: 6px !important; /* thu hẹp khoảng giữa các đoạn */
}