﻿/*!
 * Theme Name:  Sàn thuốc Theme
 * Theme URI:    https://lexuanbao.vn
 * Author:       Lê Xuân Bảo
 * Author URI:   https://lexuanbao.vn
 * Description:  Một sản phẩm của Lê xuân Bảo.
 * Version:      1.0.0
 */:root{--font-main: "Montserrat", sans-serif;--container-full: 1230px;--container: 1020px;--b-txt: #000000;--b-bg-1: #fff;--b-bg-2: #eceff4;--b-line: #eceff4;--b-link: #009FE0;--b-btn-bg: #009FE0;--b-btn-txt: #009FE0;--b-focus: #009FE0;--color-accent: #009FE0;--color-accent2: #1AD7C4}*,::before,::after{box-sizing:border-box}html:focus-within{scroll-behavior:smooth}body{background-image:url("./images/BG.png");background-position:center center;background-repeat:no-repeat;background-size:cover;margin:auto;font-family:var(--font-main);text-rendering:optimizeSpeed;line-height:1.5;-moz-tab-size:4;tab-size:4;word-break:break-word;overflow-wrap:break-word;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%}.container-full{width:100%;max-width:var(--container-full);margin-inline:auto;padding-inline:15px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:15px}h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,details,blockquote,pre,figure,table,address,hr,fieldset,iframe,audio,video{margin:0 0 1.5rem}h1,h2,h3,h4,h5,h6{line-height:1.25;margin-top:2rem;color:var(--color-accent)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}h5{font-size:.875rem}h6{font-size:.75rem}a{color:var(--b-link);text-decoration:none;transition:.3s ease}a:hover{cursor:pointer}img,video,svg{max-width:100%;height:auto}embed,iframe,object{max-width:100%}iframe{border-style:none}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}blockquote{margin-left:0;padding:.5rem 0 .5rem 1.5rem;border-left:.25rem solid var(--b-txt)}blockquote>:last-child{margin-bottom:0}small{font-size:.875rem}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}hr{height:0;border:0;border-bottom:1px solid var(--b-line)}pre,code,kbd,samp,tt,var{background:var(--b-bg-2);border-radius:.25rem;padding:.125rem .25rem;font-family:var(--b-font-mono);font-size:.875rem}pre{padding:1rem;overflow:auto;white-space:pre}pre code{padding:0}details{display:block;padding:.5rem 1rem;background:var(--b-bg-2);border:1px solid var(--b-line);border-radius:.25rem}details>:last-child{margin-bottom:0}details[open]>summary{margin-bottom:1.5rem}summary{display:list-item;cursor:pointer;font-weight:bold}summary:focus{box-shadow:none}table{border-collapse:collapse;width:100%;text-indent:0}table caption{margin-bottom:.5rem}tr{border-bottom:1px solid var(--b-line)}td,th{padding:.5rem 0 .5rem 1rem;word-break:normal}td:first-child,th:first-child{padding-left:0}th{text-align:left}ul,ol,dd{padding-left:2rem}li>ul,li>ol{margin-bottom:0}fieldset{padding:.5rem .75rem;border:1px solid var(--b-line);border-radius:.25rem}legend{padding:0 .25rem}label{cursor:pointer;display:block;margin-bottom:.25rem}button,input,select,textarea{margin:0;padding:.5rem .75rem;max-width:100%;background:var(--b-bg-2);border:0;border-radius:.25rem;font:inherit;line-height:1.125;color:var(--b-txt)}button,select{text-transform:none}select,input:not([size]):not([type=button i]):not([type=submit i]):not([type=reset i]):not([type=checkbox i]):not([type=radio i]){width:100%}[type=color i]{min-height:2.125rem}select:not([multiple]):not([size]){padding-right:1.5rem;background-repeat:no-repeat;background-position:right .5rem center;-moz-appearance:none;-webkit-appearance:none;appearance:none}textarea{width:100%;resize:vertical}textarea:not([rows]){height:8rem}button{touch-action:manipulation}button,[type=button i],[type=submit i],[type=reset i]{-webkit-appearance:button;display:inline-block;text-align:center;white-space:nowrap;background:var(--b-btn-bg);color:var(--b-btn-txt);border:0;cursor:pointer;transition:opacity .25s}button:hover,[type=button i]:hover,[type=submit i]:hover,[type=reset i]:hover{opacity:.75}button[disabled],[type=button i][disabled],[type=submit i][disabled],[type=reset i][disabled]{opacity:.5}progress{vertical-align:baseline}[type=search i]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.5}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}[aria-busy=true i]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true i],[disabled]{cursor:not-allowed}:focus,details:focus-within{outline:none}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0 !important;transition-duration:0 !important}}select:not([multiple]):not([size]){background-image:url("./images/select.png")}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:#eee;clip:auto !important;clip-path:none;color:var(--color-base);display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#content[tabindex="-1"]:focus{outline:0}h2.title{font-size:30px;line-height:36px;font-weight:700;color:var(--color-accent)}.breadcrumbs a,.breadcrumbs span{font-weight:500}.breadcrumbs span{color:var(--color-accent)}.breadcrumbs .breadcrumb.breadcrumb--last{font-weight:700}.pagination .nav-links{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:50px}.pagination .nav-links a{font-size:22px;font-weight:400}.pagination .nav-links span{font-size:22px;color:var(--color-accent);font-weight:700}.pagination .nav-links svg path{fill:var(--color-accent)}@media(max-width: 767px){h2.title{font-size:24px;line-height:32px}.pagination .nav-links{padding-top:30px}}.nav{text-transform:capitalize;line-height:21px;font-size:18px;font-weight:500;z-index:1;color:#fff}.nav ul{display:none;padding:0;list-style-type:none}.nav li{border-top:1px solid var(--color-light)}.nav a{display:block;padding:10px;color:var(--color-accent);text-transform:initial}.nav a:hover{text-decoration:none}.nav .menu{box-shadow:var(--shadow-md);border-bottom:1px solid var(--color-light)}.nav .sub-menu{text-indent:12px;font-size:var(--text-xs)}.nav .sub-menu ul{text-indent:24px}.nav .sub-menu ul ul{text-indent:36px}.current-menu-item>a,.current-menu-item>.menu-text,.current-menu-ancestor>.menu-text{color:var(--color-accent2)}.menu-toggle svg{width:24px;height:24px}.menu-text{display:flex;justify-content:space-between;align-items:center;position:relative}.menu-text a{padding-right:0;flex:1}.sub-menu-toggle{color:inherit;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;padding:12px 12px 12px 0}.sub-menu-toggle svg{width:16px;height:16px;transition:all .2s;fill:#fff}.is-open>.menu-text svg{transform:rotate(180deg)}.is-open>ul{display:block}.is-open>.menu{position:absolute;top:100%;left:0;right:0;z-index:9;background-image:url("./images/footer.png");background-position:center center;background-repeat:no-repeat;background-size:cover}.no-js .nav li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative}.no-js .nav li .sub-menu-toggle.is-open+.sub-menu{display:block;width:100%}.no-js .menu-text{flex:1}.no-js .menu-text .sub-menu-toggle{display:none}@media(min-width: 1024px){.menu-toggle{display:none}.nav .menu{box-shadow:none;display:flex;align-items:center;margin:0}.nav li{position:relative}.nav .sub-menu{position:absolute;left:0;top:100%;z-index:999;width:220px;box-shadow:var(--shadow-md);text-indent:0;background:#4f5955}.nav .sub-menu ul{top:0;left:100%}.nav .menu,.nav .menu>li,.nav li:first-child{border:none}.nav li:hover>ul{display:block}.nav li:hover>a,.nav li:hover>.menu-text{color:var(--color-accent2)}.sub-menu .sub-menu-toggle svg{transform:rotate(-90deg)}}.header-full .header-inner{max-width:none}.header-narrow .header-inner{max-width:792px}.header,.header-bottom{border-bottom:1px solid var(--color-light)}.header-inner{display:flex;justify-content:space-between;align-items:center;position:relative;padding-top:8px;padding-bottom:8px}.header-sticky .header,.header-sticky.menu-bottom .header-bottom{position:sticky;top:0;background:#fff;z-index:9999}.header-sticky.menu-bottom .header{position:unset}@media(min-width: 601px)and (max-width: 782px){.header-sticky.admin-bar .header,.header-sticky.admin-bar.menu-bottom .header-bottom{top:46px}}@media(min-width: 783px){.header-sticky.admin-bar .header,.header-sticky.admin-bar.menu-bottom .header-bottom{top:32px}}.header-transparent .header{position:absolute;left:0;right:0;background:none;border-bottom-color:rgba(255,255,255,.2)}.header-transparent .site-description,.header-transparent .site-title a{color:#fff}.header-transparent .site-title a:hove{opacity:.75}.branding{display:flex;z-index:1;margin-right:auto}.custom-logo-link{margin-right:12px;display:inline-block}.custom-logo{display:block}.hide-site-name .site-name{display:none}.site-title{font-size:var(--text-xl);font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0}.site-title a{color:var(--color-dark);text-decoration:none}.header-icon{padding:8px 0 8px 12px;border:0;display:block;color:rgba(0,0,0,0);position:relative;background:rgba(0,0,0,0)}.header-icon:hover{opacity:.75}.header-icon svg{width:24px;height:24px;fill:#fff;display:block;stroke:currentColor;stroke-width:2}.header-highlight-last-item .nav .menu>li:last-child>a{background:var(--color-accent);color:#fff;border-radius:4px;padding:8px 12px;transition:all .25s}.header-highlight-last-item .nav .menu>li:last-child>a:hover{opacity:.75}@media(min-width: 768px){.header-bottom .menu>li:first-of-type>a{padding-left:0}.header-icon~.header-icon{padding-left:24px}.header-highlight-last-item .nav .menu>li:last-child>a{margin-left:12px}}@media(min-width: 1024px){.header-transparent .nav>ul>li>a,.header-transparent .nav>ul>li>.menu-text>a,.header-transparent .nav>ul>li>.menu-text>.sub-menu-toggle{color:#fff}.header-transparent .nav>ul>li:hover>a,.header-transparent .nav>ul>li:hover>.menu-text>a,.header-transparent .nav>ul>li:hover>.menu-text>.sub-menu-toggle{opacity:.75}}.menu-toggle{background:rgba(0,0,0,0);border:none;line-height:1;cursor:pointer;padding:5px 15px;color:var(--color-accent);display:none}.menu-toggle svg{fill:var(--color-accent)}@media all and (max-width: 1023px){.menu-toggle{display:block}.menu-toggle.is-close svg:first-child{display:none}.menu-toggle.is-close svg:last-child{display:block}.menu-toggle svg:first-child{display:block}.menu-toggle svg:last-child{display:none}}.admin-bar .header.mnfixed{top:32px}.header{position:absolute;top:0;left:0;right:0;z-index:99;padding:60px 0 26px}.header.mnfixed{padding:16px 0;background-image:url("./images/footer.png");background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;position:fixed;z-index:9;top:0}.header__wrap{display:flex;justify-content:space-between;align-items:center}.header__logo h1{margin:0}.header__right{display:flex;align-items:center;gap:10px}.header__right .btn-header{display:flex;align-items:center;gap:20px}.header__right .btn-header a{height:24px;line-height:24px;width:106px;border-radius:50px;font-size:14px;text-align:center}.header__right .btn-header .dang-ky{background:var(--color-accent);color:#fff}.header__right .btn-header .dang-ky:hover{background:var(--color-accent2)}.header__right .btn-header .dang-nhap{background:#fff;border:1px solid var(--color-accent2);color:var(--color-accent2)}.header__right .btn-header .dang-nhap:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.banner{position:relative;z-index:2}.banner .image{width:100%;height:auto;object-fit:cover}.banner .banner-content{position:absolute;left:0;top:0;bottom:0;right:0}.banner .banner-content h2{margin:222px 0 26px;font-size:36px;line-height:43px;font-weight:700}.banner .banner-content h4{font-size:20px;line-height:24px;font-weight:500;margin:0 0 39px}.banner .banner-content p{font-size:16px;line-height:25px;margin:0 0 39px;max-width:534px}.banner .banner-content .banner-btn{display:flex;align-items:center;gap:23px}.banner .banner-content .banner-btn .tn,.banner .banner-content .banner-btn .phone{background:#009fe0;color:#fff;width:222px;height:46px;line-height:46px;text-align:center;border-radius:50px;font-size:16px;font-weight:500}.banner .banner-content .banner-btn .tn:hover,.banner .banner-content .banner-btn .phone:hover{background:var(--color-accent2)}.banner .banner-content .banner-btn .phone{font-size:20px;font-weight:600;background:var(--color-accent2);display:flex;gap:24px;align-items:center;justify-content:center}.banner .banner-content .banner-btn .phone:hover{background:var(--color-accent)}@media(max-width: 1024px){.header{padding:0}.header .mnfixed{padding:8px 0}.header__wrap{gap:15px;align-items:center}.header__logo img{height:40px;object-fit:contain}.header__right .btn-header{gap:10px}.header__right .btn-header a{width:100px}.header .nav a{font-size:16px}.banner img{min-height:500px}.banner .banner-content h2{margin:150px 0 26px;font-size:30px;line-height:40px}.banner .banner-content h4{font-size:18px;line-height:24px;margin:0 0 20px}.banner .banner-content .banner-btn{gap:15px}.banner .banner-content .banner-btn .tn,.banner .banner-content .banner-btn .phone{height:36px;line-height:36px;width:150px;gap:5px}.banner .banner-content .banner-btn .tn img,.banner .banner-content .banner-btn .phone img{min-height:unset}}.footer{padding:100px 0 116px;background-image:url("./images/footer.png");background-position:center center;background-repeat:no-repeat;background-size:cover}.footer .footer__contact h2{font-size:18px;line-height:24px;text-transform:uppercase;margin:0 0 30px;font-weight:500}.footer .footer__contact p{display:flex;gap:5px;margin:0 0 10px;font-size:14px;font-weight:400}.footer .footer__contact p label{margin:0;font-weight:400}.footer .footer__contact p a{color:var(--b-txt);cursor:pointer}.footer .footer__contact p a:hover{color:var(--color-accent)}.footer .footer__contact P:last-child{margin:0}@media(max-width: 768px){.footer{padding:60px 0}.footer .footer__inner{display:grid;grid-template-columns:repeat(1, 1fr);gap:30px}.footer .footer__inner .lien-he{padding:8px 12px}.footer .footer__inner .footer__col1,.footer .footer__inner .footer__col2,.footer .footer__inner .footer__col3{width:100%}.footer .footer__inner .footer__col1 h3,.footer .footer__inner .footer__col2 h3,.footer .footer__inner .footer__col3 h3{font-size:24px;line-height:30px}.footer .footer__info{padding-top:30px}.footer .footer__info .footer__copy{display:block}.footer .footer__info .coppyright img{margin-bottom:15px}.footer .footer__info .coppyright .copy{gap:20px;flex-wrap:wrap;margin-bottom:30px}}.chat-live{position:fixed;bottom:100px;right:0;display:flex;flex-direction:column;z-index:9}.chat-live a:hover{cursor:pointer}.chat-live a:hover svg{opacity:.7}/*# sourceMappingURL=style.css.map */
