/*
Theme Name: Shop
Description: Học liệu Việt child theme for Flatsome
Author: UX Themes
Template: flatsome
Version: 4.0
*/

@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/inter-vietnamese-400-normal.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/inter-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/inter-vietnamese-500-normal.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/inter-latin-500-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/inter-vietnamese-600-normal.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/inter-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/inter-vietnamese-700-normal.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/inter-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --antd-primary:#0070F0;
  --antd-primary-hover:#005EC7;
  --antd-primary-active:#004B9E;
  --antd-primary-bg:#EAF3FF;
  --antd-text:#10233E;
  --antd-text-secondary:#526176;
  --antd-text-tertiary:#6D7B8D;
  --antd-border:#DCE4EF;
  --antd-border-secondary:#DCE4EF;
  --antd-bg-container:#FFFFFF;
  --antd-bg-layout:#F5F8FC;
  --antd-success:#147D43;
  --antd-success-bg:#EDF9F2;
  --antd-warning:#9A6700;
  --antd-warning-bg:#FFF8E5;
  --antd-error:#B42318;
  --antd-error-bg:#FFF1F0;
  --antd-accent:#0070F0;
  --antd-accent-bg:#EAF3FF;
  --antd-radius-sm:8px;
  --antd-radius:12px;
  --antd-radius-lg:16px;
  --primary-color:var(--antd-primary);
}

html{scroll-behavior:smooth}
body,button,input,select,textarea{font-family:Inter,"Segoe UI",Arial,sans-serif}
body{background:var(--antd-bg-layout);color:var(--antd-text)}
a{color:var(--antd-primary)}

.footer-section .widget-title{background-size:20px 20px!important;background-position:left 2px!important;padding-left:28px}
.header-nav-main>li>a{font-weight:600;letter-spacing:0;text-transform:none}
.header-nav-main>li>a:hover,.header-nav-main>li.current-menu-item>a,.header-nav-main>li.current_page_item>a{color:var(--antd-primary)}
.section-title-bold .section-title-main{border-left:4px solid var(--antd-primary);font-weight:700;letter-spacing:0;padding-left:14px;text-transform:none}
.section-title-bold a{color:var(--antd-primary)!important;font-size:13px;font-weight:600;text-transform:none}

.product-small.box,.box-blog-post{background:#fff;border:1px solid var(--antd-border);border-radius:16px;box-shadow:none;overflow:hidden;transition:border-color .18s ease}
.product-small.box:hover,.box-blog-post:hover{border-color:#AFC1D7;box-shadow:none;transform:none}
.product-small.box .box-text,.box-blog-post .box-text{padding:16px 18px!important}
.product-small .product-title,.box-blog-post .post-title{color:var(--antd-text);font-weight:600}
.product-small:hover .product-title a,.box-blog-post:hover .post-title{color:var(--antd-primary)}
.box-blog-post .is-divider{background:var(--antd-primary);height:2px;width:40px}
.product-small .price{color:var(--antd-primary);font-weight:700}

#logo a{display:inline-flex;align-items:center;line-height:1}
#logo img{height:72px!important;max-height:72px!important;width:auto!important;object-fit:contain}

.button,button,input[type=submit],input[type=button]{border-radius:12px;box-shadow:none!important;font-weight:600;letter-spacing:0;text-transform:none}
input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid #C9D5E5;border-radius:12px;box-shadow:none;min-height:40px}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--antd-primary);box-shadow:0 0 0 3px rgba(0,112,240,.14)}

@media(max-width:760px){
  #logo img{height:58px!important;max-height:58px!important}
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px;min-height:44px}
}