/*
Theme Name: NORRED Classic
Author: phuongpv
Description: Giao diện website Dự án NORRED.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: norred-classic
License: GNU General Public License v2 or later
*/

.main-header .logo a { height: 100%; }
.main-menu .menu li:first-child a { border-left: 0; padding-left: 0; }
.main-menu .menu li a:hover, .main-menu .menu li a:focus-visible { text-decoration: underline; }
.main-menu .menu li ul { display: none; position: absolute; z-index: 5; background: #ce2931; }
.main-menu .menu li:hover > ul, .main-menu .menu li:focus-within > ul { display: block; }
.main-menu .menu li ul li { float: none; padding: 8px; }
.main-menu .menu li ul li a { border: none; padding: 8px; }
.main-menu .mobile-menu { display: none; }
.main-body .row-home::after, .main-body .news-item::after, .norred-interior::after { content: ""; display: block; clear: both; }
.norred-slideshow { overflow: hidden; }
.norred-slideshow .rslides li { position: absolute; display: block; opacity: 0; transition: opacity 500ms; }
.norred-slideshow .rslides li.is-current { position: relative; float: left; opacity: 1; }
.norred-slideshow .rslides_tabs button { display: block; background: #fff; border: 1px solid #ccc; padding: 0; width: 14px; height: 14px; cursor: pointer; }
.norred-slideshow .rslides_tabs li.rslides_here button { background: #ce2931; }
.norred-home-project { display: flow-root; }
.norred-activity-list .news-item { min-height: 80px; }
.main-footer a { color: inherit; }
.main-footer .main { box-sizing: border-box; }
.content-detail img { height: auto; }
.content-detail { overflow-wrap: anywhere; }
.content-detail .aligncenter { display: block; margin-inline: auto; }
.content-detail .alignleft { float: left; margin-right: 1rem; }
.content-detail .alignright { float: right; margin-left: 1rem; }
.content-detail ul, .content-detail ol { margin-block: 1em; padding-left: 30px; }
.content-detail ul { list-style: disc; }
.content-detail table, .norred-document-list { max-width: 100%; border-collapse: collapse; }
.norred-document-list { border-collapse: separate; border-spacing: 2px; }
.norred-document-list td { padding: 1px; vertical-align: top; }
.norred-document-list td:first-child { white-space: nowrap; }
.norred-document-list a:hover, .norred-attachments a:hover { text-decoration: underline; }
.norred-attachments { clear: both; margin: 0 0 .5em; }
.norred-attachments table { width: 100%; border: 1px solid #c0c0c0; border-spacing: 2px; border-collapse: separate; line-height: 160%; margin-bottom: 4px; }
.norred-attachments caption { text-align: left; font-size: 110%; font-weight: bold; margin-top: 4px; }
.norred-attachments tbody tr:nth-child(even) td { background: #eee; }
.norred-attachments td { padding: 5px 3px; vertical-align: middle; }
.norred-attachments .at_filename a { font-family: "Times New Roman", serif; font-weight: bold; }
.norred-attachments .at_file_size { text-align: right; white-space: nowrap; }
.norred-attachments img { width: 16px; vertical-align: text-bottom; margin-right: 4px; }
.norred-pagination { margin-top: 22px; }
.norred-pagination .page-numbers { display: inline-block; margin: 2px; padding: 4px 8px; border: 1px solid #ddd; }
.norred-pagination .current { color: #133689; font-weight: 700; }
.norred-contact-form input, .norred-contact-form textarea { box-sizing: border-box; max-width: 100%; }
.norred-contact-form .controls { margin-left: 120px; }
.norred-contact-form .controls button { margin-left: 0; cursor: pointer; }
.norred-contact-notice { padding: 10px; background: #fff; border: 1px solid #ccc; }
.norred-contact-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

.norred-login { float: right; position: relative; z-index: 10; margin-top: 2px; }
.norred-login > summary { list-style: none; display: block; border: 0; border-radius: 3px; color: #fff; background: #788c09; padding: 0 18px; line-height: 27px; box-shadow: 1px 1px 1px rgba(0,0,0,.5); cursor: pointer; }
.norred-login > summary::-webkit-details-marker { display: none; }
.norred-login[open] > summary { filter: brightness(1.12); }
.norred-login-panel { position: absolute; z-index: 11; right: 0; top: 34px; width: 350px; max-width: calc(100vw - 24px); box-sizing: border-box; background: #fff; border: 1px solid #dadada; border-radius: 4px; box-shadow: 8px 8px 8px rgba(0,0,0,.4); overflow: hidden; text-align: left; }
.norred-login-panel h3 { background: url('assets/images/header_bglogin.jpg') repeat-x; margin: 0; padding: 3px 19px 0; line-height: 35px; font-weight: normal; font-size: 18px; text-transform: uppercase; }
.norred-login-panel form, .norred-login-links { padding: 0 20px; }
.norred-login-panel .login-username, .norred-login-panel .login-password { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.norred-login-panel input[type='text'], .norred-login-panel input[type='password'] { width: 190px; max-width: 57%; border: 1px solid #dadada; border-radius: 4px; height: 26px; padding: 0 5px; box-sizing: border-box; }
.norred-login-panel .login-remember { text-align: right; }
.norred-login-panel .login-submit { text-align: center; border-top: 1px solid #ddd; padding-top: 6px; }
.norred-login-panel .login-submit input { background: #788c09; color: #fff; border: 0; border-radius: 3px; padding: 5px 12px; cursor: pointer; }
.norred-login-links { padding-bottom: 14px; }
.norred-login-links a { display: inline-block; padding: 3px 0; }
.norred-login-links a:hover { text-decoration: underline; }

@media (max-width: 1120px) {
    .main-header > .main, .main-menu > .main, .main-body > .main, .main-footer > .main { width: calc(100% - 20px); }
}
@media (max-width: 1000px) {
    .main-menu .mobile-menu { display: block; position: absolute; z-index: 12; top: 6px; left: 0; background: none; border: 0; cursor: pointer; padding: 0 4px; }
    .main-menu .mobile-menu span { display: block; width: 25px; height: 3px; margin: 4px 0; background: #fff; }
    .main-menu #norred-menu { display: none; position: absolute; z-index: 11; top: 45px; left: 0; width: min(300px, calc(100vw - 24px)); height: auto; margin: 0; background: #ce2931; }
    .main-menu #norred-menu.menu-active { display: block; }
    .main-menu #norred-menu li { float: none; padding: 0; margin: 0; border: none; }
    .main-menu #norred-menu li a, .main-menu #norred-menu li:first-child a { padding: 15px; border: 0; border-bottom: 1px solid #fff; }
    .main-left .menu.norred-side-menu { display: block; position: static; margin: 0; width: auto; height: auto; background: transparent; }
}
@media (max-width: 600px) {
    .main-header .logo { left: 0; }
    .norred-contact-form .controls { margin-left: 0; }
    .norred-contact-form .control-label label { float: none !important; width: auto !important; display: block; text-align: left !important; padding-bottom: 5px; }
    .main-footer { height: auto !important; min-height: 120px; }
    .main-footer .main { padding-bottom: 12px; }
    .norred-activity-list .news-item img { margin-right: 10px !important; }
}
@media (prefers-reduced-motion: reduce) {
    .norred-slideshow .rslides li { transition: none; }
}