/*
Theme Name: Bong88
Theme URI: https://oxopotine.com/
Author: Bạn
Author URI: https://oxopotine.com/
Description: Theme tối ưu hiệu suất và SEO cho WordPress
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive, SEO, minimal, performance
Text Domain: bong88
*/
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
body{font-family: "Mulish", sans-serif; margin:0;padding:0;font-size:16px;background:#ffffff; color: #333333}
img{border:none}
a{text-decoration:none;color:#0F0F0F}
p{margin:0;color:#0F0F0F}
h2, h3, h4 {color:#0F0F0F}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}
.header {background: #87aca3}
.container{margin-right:auto;margin-left:auto}
.logo {padding: 5px 0;}
.main-navigation {background-color: #2b7c85; padding: 7px 0; height: 40px; line-height: 40px;}
.main-navigation .menutop {float: left;}
.main-navigation .menutop ul {display: flex ; gap: 30px}
.main-navigation .menutop ul li {list-style: none;text-transform: uppercase; font-weight: bold; font-size: 13px; font-family: Arial;}
.main-navigation .menutop a {color: aliceblue}
.main-navigation .menutop a:hover {color: #fb8f37}
.main-navigation .btn {display: flex ; align-content: center; align-items: center; float: right; gap: 15px; text-transform: uppercase; font-weight: bold; font-family: Arial; font-size: 13px;}
.main-navigation .btn a {color: #000000}
.main-navigation .btn .primary {background: #ece4b7; padding: 0 15px; border-radius: 5px;}
.main-navigation .btn .secondary {background: #ece4b7;padding: 0 15px; border-radius: 5px;}
.content {display: flex; flex-direction: row; margin: 30px 0;}
.content_left {width: 810px; margin-right: 30px;}
.content .home .breadcrumb p {font-size: 14px;}
.content .home h1 {text-align: center; text-transform: uppercase; font-size: 28px; font-weight: 900; margin-bottom: 10px;}
.content .home h2, h3, h4 {text-transform: uppercase; margin-bottom: 15px;}
.content .home h2 {font-size: 25px;}
.content .home h2 {font-size: 22px;}
.content .home h4 {font-size: 20px;}
.content .home p {font-size: 18px; line-height: 25px; margin-bottom: 20px;}
.content .home li {margin-left: 15px;font-size: 18px; margin-bottom: 20px;}
.content .home table {font-size: 18px;border: 1px solid #f0f0f0}
.content .home table td {border: 1px solid #f0f0f0;}
.content_left figure {margin-bottom: 15px}
.content .home a {color: #05418a}
.content .home .wp-block-button {margin-bottom: 20px;}
.content .home .wp-block-image img {border-radius: 7px;}
.content .home .wp-block-button a {color: aliceblue; font-family: Arial; font-size: 13px; background: #fb8f37; font-weight: bold; text-transform: uppercase; border-radius: 5px;}
.content .home .category-posts .first-post {width: 100%; float: left; margin-bottom: 15px;}
.content .home .category-posts .post-thumbnail {float: left; width: 25%; margin-right: 15px;}
.content .home .category-posts .post-thumbnail img {width: 100%; height: auto; margin-right: 15px;}
.content_right {width: 300px; float: right;}
.content .home .category-posts h2 {font-size: 19px; text-transform: none;}
.content_right .latest-posts {background: #fff; border: 1px solid #175873; padding: 5px; border-top: 0; margin-bottom: 30px;}
.content_right .category-title {color: #fff; text-align: center;background: #175873; padding: 5px 15px; text-transform: uppercase; font-size: 20px;}
.content_right .first-post {margin-bottom: 20px;}
.content_right .first-post .post-thumbnail img {width: 100%; height: auto}
.content_right .first-post h3 {font-size: 18px; margin-top: 10px;}
.content_right .first-post h3 a {color: #1e73be;}
.content_right .first-post p {font-size: 15px;color: rgba(102, 102, 102, var(--1xjav2e, 1))}
.content_right .post-item {margin-bottom: 15px; border-bottom: 1px dotted #ebebeb; padding-bottom: 10px;}
.content_right .post-item h3{font-size: 13px; font-family: Arial; text-transform: none; margin: 0;}
.content_right .post-item a {color: #155993;}
.site-footer {background: #2b7c85; padding: 15px 0;}
.site-footer .nav_footer {text-align: center}
.site-footer .nav_footer h3 {color:#fff}
.site-footer .nav_footer .menufooter {display: flex ; justify-content: center;}
.site-footer .nav_footer .menufooter ul {display: flex ; gap: 25px;}
.site-footer .nav_footer .menufooter li {display: flex; flex-direction: row; flex-wrap: nowrap; list-style: none}
.site-footer .nav_footer .menufooter a {color: #ffffff; font-family: Arial; font-weight: bold; font-size: 13px}
.site-footer .footer-info {text-align: center; margin-top: 15px; border-top: 1px solid #b8b8b8; padding: 15px 0; margin-bottom: 20px;}
.footer-info p {font-size: 13px; color: #fff; margin-bottom: 10px;font-family: Arial; line-height: 20px;}