/*!
Theme Name:   Trường Nguyên
Theme URI:    https://namlbn.com/
Author:       namlbn
Author URI:   https://www.facebook.com/lebaonhatnam
Description:  This theme is use for the Trường Nguyên Website
Version:      1.0
Text Domain:  namlbn
Tags: custom post type, acf-pro, e-commerce,contact form 7
*/

/* reset css - open */
html,body {
  margin: 0; width: 100%; height: 100%; font-family: Nunito ;
}
body{
  overflow-x: hidden;
}
:root {
  font-family: sans-serif; font-size: 16px; color:#333; font-weight: normal;
  line-height: 1.4; 
  --color_linear: linear-gradient(135deg, #2257a5 0%, #193660 100%);
  --title: #193660;
}
p, li,h1,h2,h3,h4,h5,h6 { margin:0; margin-bottom: 5px }
h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
}
h5 {font-size: 1.1em;}
h4 {font-size: 1.3em;}
h3 {font-size: 1.5em; }
h2 {font-size: 1.7em;}
h1 {font-size: 2em;}
img {display: table;max-width: 100%;height: auto;-o-object-fit: cover;object-fit: cover}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignleft {
  float: left;
  margin: 0 1em 0.5em 0;
}
.alignright {
  float: right;
  margin: 0 0 0.5em 1em;
}
.slick-arrow {
  position: absolute;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); z-index: 1;
  display: -webkit-box;display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;
  align-items: center; background:transparent;border:none; font-size: 30px; color:#ffffff73;
  cursor: pointer; background: rgba(0,0,0,0.5);padding: 5px;
}
.slick-prev {
  left: 0
}
.slick-next {
  right: 0
}
.slide-item {
  padding: 0 15px
}
.slick-slider:focus,.slick-track:focus,.slick-slide:focus,.slick-slide a:focus,
.slick-arrow:focus {
  outline: none
}
.slick-dots{
  position: absolute;bottom: 0;display: flex;padding: 0;margin: 10px 0;width: 100%;
  justify-content: center;list-style: none;
}
ul.slick-dots li button { font-size: 0; line-height: 0;display: block; margin: 0 5px;transition: 0.3s;
  padding: 5px;cursor: pointer;color: transparent;border: 0; outline: none; background: gray;opacity: 0.4;
  border-radius: 100%;
}
ul.slick-dots li.slick-active button,ul.slick-dots li button:hover{
  opacity: 1;
}
/* reset css - close */

/*Font - open*/
/* thai */
/*@font-face {
  font-family: 'Charmonman';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Charmonman Regular'), local('Charmonman-Regular'), url(assets/fonts/MjQDmiR3vP_nuxDv47jiaIKivYdh.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}*/
/* vietnamese */
/*@font-face {
  font-family: 'Charmonman';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Charmonman Regular'), local('Charmonman-Regular'), url(assets/fonts/MjQDmiR3vP_nuxDv47jiaJmivYdh.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}*/
/* latin-ext */
/*@font-face {
  font-family: 'Charmonman';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Charmonman Regular'), local('Charmonman-Regular'), url(assets/fonts/MjQDmiR3vP_nuxDv47jiaJiivYdh.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin */
/*@font-face {
  font-family: 'Charmonman';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Charmonman Regular'), local('Charmonman-Regular'), url(assets/fonts/MjQDmiR3vP_nuxDv47jiaJaivQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/
/* thai */
/*@font-face {
  font-family: 'Charmonman';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Charmonman Bold'), local('Charmonman-Bold'), url(assets/fonts/MjQAmiR3vP_nuxDv47jiYC2HqKxA9dhm.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
  font-family: 'Charmonman';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Charmonman Bold'), local('Charmonman-Bold'), url(assets/fonts/MjQAmiR3vP_nuxDv47jiYC2HqLdA9dhm.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Charmonman';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Charmonman Bold'), local('Charmonman-Bold'), url(assets/fonts/MjQAmiR3vP_nuxDv47jiYC2HqLZA9dhm.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Charmonman';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Charmonman Bold'), local('Charmonman-Bold'), url(assets/fonts/MjQAmiR3vP_nuxDv47jiYC2HqLhA9Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/

/*Font - close*/

.flex_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.full_width{
  margin: 0;
}
.relative,.padding_ratio {
  position: relative;
}
.absolute,.full_relative {
  position: absolute;
}
.padding_ratio:before {
  content:'';display: block; padding-bottom: 40%;
}
.full_relative {
  width: 100%;height: 100%;top:0;left: 0;
}
.is_mask {
  z-index: 0;
}
.is_content {
  z-index: 1;
}
.align_center {
  text-align: center;
}
.margin_center {
  display: table; margin:0 auto;
}
.main_txt {
  color: #23743A
}
.second_txt {
  color:#ED3237;
}
.white_txt {
  color: white
}
.main_bgr {
  background-color: #23743A
}
.first_bgr {
  background-color: #ED3237
}
.second_bgr {
  background-color: #38ac59
}
.third_bgr {
  background-color: #FFF212
}
.page_section {
  padding:30px 0;
}
.section_title, .page_title {
  font-size: 3.3rem; font-weight: bold;margin-bottom: 15px;font-family: 'Charmonman';color: var(--title);
}
.section_title *, .page_title * {
  font-size: inherit; font-weight: inherit; margin-bottom: inherit;
}
.page #content_single_gtbh030620 .article-content {
  max-width: 1059px;
}
@font-face {
  font-family: 'star';
  src: url('assets/fonts/star.eot');
  src: url('assets/fonts/star.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/star.woff') format('woff'),
    url('assets/fonts/star.ttf') format('truetype'),
    url('assets/fonts/star.svg#star') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'WooCommerce';
  src: url('assets/fonts/WooCommerce.eot');
  src: url('assets/fonts/WooCommerce.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/WooCommerce.woff') format('woff'),
    url('assets/fonts/WooCommerce.ttf') format('truetype'),
    url('assets/fonts/WooCommerce.svg#WooCommerce') format('svg');
  font-weight: normal;
  font-style: normal;
}
.woocommerce p.stars.selected a:not(.active):before {
    content: "\e020";
}
.woocommerce p.stars.selected a.active:before {
    content: "\e020";
}
.woocommerce p.stars.selected a.active~a:before {
    content: "\e021";
}
.wp-caption {
  max-width: 100%
}
.wp-caption-text {
  text-align: center; font-style: italic;
}



footer .wpcf7 form.sent .wpcf7-response-output,
footer .wpcf7 form.invalid .wpcf7-response-output, 
footer .wpcf7 form.unaccepted .wpcf7-response-output, footer .wpcf7 form.payment-required .wpcf7-response-output {
  color: #fff;
}