/* Roboto (font mặc định của toàn bộ website) và Prata (tiêu đề slide): mỗi kiểu chữ tách thành hai file latin / vietnamese,
   trình duyệt chỉ tải file chứa ký tự mà trang thật sự dùng (theo unicode-range).
   Roboto là font biến thiên (variable): một file cho mọi độ đậm từ 100 đến 900. */
@font-face {
	font-family: 'Roboto';
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/Roboto-vietnamese.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: 'Roboto';
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/Roboto-latin.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: 'Prata';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/Prata-Regular-vietnamese.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: 'Prata';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/Prata-Regular-latin.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;
}
/* icofont-theme.woff2 chỉ chứa các icon theme dùng (liệt kê ở unicode-range) nên rất nhẹ.
   Icon khác vẫn hoạt động: trình duyệt chỉ tải icofont.woff2 đầy đủ (khai báo trong icofont.min.css)
   khi trang thật sự dùng một icon nằm ngoài danh sách này. Thêm icon mới vào theme thì thêm mã vào đây
   và tạo lại file font rút gọn. */
@font-face {
	font-family: 'IcoFont';
	font-weight: 400;
	font-style: normal;
	src: url('../fonts/icofont-theme.woff2?v=4') format('woff2');
	unicode-range: U+E962, U+EA36, U+EA69, U+EA95, U+EAB2, U+EAB5, U+EAB8, U+EAC9-EACA, U+ED12, U+ED37, U+ED5D, U+ED7A, U+EE21, U+EEAC, U+EEC1, U+EECD, U+EED1, U+EEDC, U+EEE1, U+EEF4, U+EF12, U+EF21, U+EF47, U+EF68, U+EF9D, U+EFA2, U+EFBB, U+EFE7, U+F005, U+F00F;
}
/* Màu chủ đạo của website (nút, giá, nhãn, liên kết khi rê chuột...). Đổi màu ở Giao diện > Tùy biến > Màu sắc:
   khi đó functions.php in đè ba biến này ngay sau file CSS này (ctitsea_primary_color_css).
   -dark: bản đậm hơn cho nút khi rê chuột; -rgb: ba kênh màu, dùng với rgba() khi cần màu trong suốt. */
:root{
	--ctitsea-primary: #df2021;
	--ctitsea-primary-dark: #c81b1c;
	--ctitsea-primary-rgb: 223, 32, 33;
}
/* Màu nền mặc định của website, khớp với 'default-color' của custom-background trong functions.php
   (đổi ở Giao diện > Tùy biến > Màu sắc > Màu nền). */
body{
	background-color: #f2f4f7;
	color: #252525;
	font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	margin: 0 auto;
}
h1, h2, h3, h4, h5, h6, p{
	line-height: normal;
}
p{
	padding: 0;
	margin: 0 auto;
}
ul{
	padding: 0;
	margin: 0 auto;
}
li{
	list-style: none;
}
a{
	color: #333;
	line-height: normal;
}
a:hover{
	color: var(--ctitsea-primary);
	text-decoration: none;
}
img{
	display: block;
	max-width: 100%;
	height: auto;
	-webkit-transition: all .4s ease;
	   -moz-transition: all .4s ease;
	    -ms-transition: all .4s ease;
	     -o-transition: all .4s ease;
	        transition: all .4s ease;
}

input, button, li{
	line-height: normal;
	outline: none;	
} 
a, input, button{
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
:focus, button:focus{
	outline: none;
}
input.form-control{
	font-size: .9rem;
	font-weight: normal;
	height: auto;
	line-height: normal;
	padding: .6rem 1rem;
	text-transform: capitalize;
}
.btn{
	line-height: normal;
}
/* WooCommerce chèn chữ dành cho trình đọc màn hình vào giá sản phẩm; CSS của WooCommerce
   không nạp ở trang chủ nên theme tự ẩn chúng. */
.screen-reader-text{
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal;
}
/*------------------------------------
		Style Follow Us Area
--------------------------------------*/
.facebook{
	background-color: #4867AA;
}
.facebook:hover{
	background-color: #30436b;
}
.youtube{
	background-color: #ff0000;
}
.youtube:hover{
	background-color: #cc0000;
}
.google{
	background-color: #DD3F34;
}
.google:hover{
	background-color: #DD3F34;
}