/*
 * Theme Name: PT Theme
 * Description: Đây là một theme framework
 * Theme URI: 
 * Version: 1.1
 * Theme Author: PT developer
 * Author URI: 
 * Tags: starter theme, framework theme, bootstrap, customize, framework
 * Textdomain: pttheme
 */

/*
* Import file css
*/
@import url("styles/reset.css");
@import url("styles/bootstrap.min.css");
@import url("styles/header.css");
@import url("styles/page.css");
@import url("styles/archive.css");
@import url("styles/single.css");
@import url("styles/layout.css");
@import url("styles/footer.css");
@import url("styles/woocommerce.css");
@import url("styles/title.css");
@import url("styles/tab.css");
@import url("styles/button.css");
@import url("styles/form.css");
@import url("styles/blog.css");
@import url("styles/slider.css");
@import url("styles/icon.css");
@import url("styles/widget.css");
@import url("styles/video.css");
@import url("styles/breadcrumb.css");

:root {
  --size-title: 30px;
  --color-yellow: #eabe12;
  --color-red: #e81010;
  font-size: 16px;

  --ff-material: 'material icons';
  --ff-material-outline: 'material icons outlined';
  --ff-material-round: 'material icons round';
}

*,
*::after,
*::before {
  color: inherit;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  min-height: 100vh;
  min-height: -webkit-fill-available;
  color: var(--text-basic);
  line-height: 1.5;
}

#body_wrap {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--text-title);
  font-weight: bold;
  line-height: 1.5;
}

p,
ul,
li {
  color: var(--text-basic);
  font-weight: 300;
  line-height: 1.6;
}

i {
  color: inherit;
}

ul {
  list-style: disc;
}

ul.ul_style-none {
  list-style-type: none;
}

ol,
ul {
  list-style-position: inside;
  padding-left: 0;
  margin-bottom: 0;
}

ol li,
ul li {
  margin-bottom: 1em;
}

ins,
a {
  text-decoration: unset;
  color: var(--link-color);
}

a:hover {
  color: var(--link-hover);
}

section {
  position: relative;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

svg {
  max-width: 100%;
}

.text-center {
  text-align: center;
}

.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

input {
  outline: unset;
}

p {
  font-size: 1em;
  margin-bottom: 1.4rem;
}

h1 {
  font-size: 1.7em;
  margin-bottom: 2rem;
}

h2 {
  font-size: 1.4em;
  margin-bottom: 1.2rem;
}

h3 {
  font-size: 1.1em;
  margin-bottom: 1.2rem;
}

h4 {
  font-size: 1.1em;
  margin-bottom: 1.2rem;
}

h5 {
  font-size: 1em;
  margin-bottom: 1.2rem;
}

h6 {
  font-size: 0.8em;
  margin-bottom: 1.2rem;
}

applet,
object,
iframe,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
ins,
kbd,
q,
s,
var,
fieldset,
form,
label,
legend,
table,
caption,
article,
canvas,
details,
embed,
figure,
figcaption,
hgroup,
output,
ruby,
summary,
time,
mark,
audio,
video {
  margin-bottom: 1.2rem;
  color: inherit;
}

.required {
  color: var(--color-red, #e81010);
}

b,
strong {
  font-weight: bold;
}

body .material-icons,
body .material-icons-round,
body .material-icons-outlined {
  font-size: 1.1em;
  vertical-align: text-bottom;
}

.box-the-content {
  padding-top: 20px;
  padding-bottom: 20px;
}

.page_full-width>.box-the-content {
  max-width: var(--theme-width);
  margin: auto;
  padding-right: 16px;
  padding-left: 16px;
}

iframe {
  max-width: 100%;
}

@media only screen and (max-width: 992px) {
  :root {
    --size-title: 25px;
    font-size: 15px;
  }
}

@media only screen and (max-width: 575px) {
  :root {
    --size-title: 22px;
    font-size: 13px;
  }

  .hidden-sm {
    display: none;
  }
}