/*
Theme Name: Dnholic
Theme URI: https://danang-holic.com/
Author: Conovi
Author URI: https://danang-holic.com/
Description: Travel
Version: 1.0
Text Domain: dnhl
*/
/* Import fonts */
font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
	font-display: swap;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
	font-display: swap;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
	font-display: swap;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
	font-display: swap;
}
/* End font */
/* Var color */
:root{
    --body-color: #222222;
	--black-color: #000000;
	--dark-gray: #555555;
	--main-orange: #F8B62D;
	--bg-menu: #FFF7E7;
	--bg-green: #0BC755;
	--light-color: #ffffff;
	--color-orange: #FFF2D6;
	--bg-content: #f2f2f2;
	--color-grs: #A5A5A5;
	--bg_dot: #D9D9D9;
	--bg-graya: #D5D5D5;
	--color-pink: #E85298;
	--color-red: #E60012;
	--bg-pink: #EF93BE;
	--pink-color: #F25BA3;
	--green-color: #22A977;
	--support-bg: #F8F5FD;
	--support-colora: #8466D4;
	--support-line: #B8A3EF;
	--support-cm: #F5F5F5;
	--support-mes: #6fe67a;
	--light-color: #ffffff;
	--beige: #FFF7E7;
}
/* End var color */
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html{
    font-size: 16px;
}
body{
    background-color: var(--white_color);
    font-family:"Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
    font-style: normal;
    color: var(--body-color);
    font-weight: 500;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}
body:lang(vi){
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
a img, a{
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}
h1, h2, h3, h4, h5, h6, .fzk{
	font-family: 'Zen Kaku Gothic Antique', "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
h1:lang(vi), h2:lang(vi), h3:lang(vi), h4:lang(vi), h5:lang(vi), h6:lang(vi){
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
.fzk:lang(vi){
	font-family: 'Roboto', sans-serif;
}
h1{
    font-size: 2rem;
}
h2{
    font-size: 1.75rem;
}
h3{
    font-size: 1.375rem;
}
h4{
    font-size: 1.125rem;
}
h5{
    font-size: 1rem;
}
h6{
    font-size: 0.875rem;
}
.zfk{
	font-family: 'Zen Kaku Gothic Antique', sans-serif;
	font-size: 1rem;
	font-weight: 500;
}
.zfk:lang(vi){
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	font-weight: 500;
}
.fnts{
	font-family: 'Noto Sans JP', sans-serif;
}
.fnts:lang(vi){
	font-family: 'Roboto', sans-serif;
}
a:focus {
	text-decoration: none;
	outline: 0;
}
ul, li {
    list-style: none;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
img{
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.txt_center{
    text-align: center;
}
.clear-fix:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
/* Line */
.white_line{
    background:rgba(0, 0, 0, 0) linear-gradient(transparent 55%, var(--white_color) 0%) repeat scroll 0 0;
}
.pink_line {
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 72%, #D8558C 0%) repeat scroll 0 0;
}
.blue_line{
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #B1FDF6 0%) repeat scroll 0 0;
}
.yellow_line {
	background:rgba(248, 201, 95, 0) linear-gradient(transparent 70%, var(--bg_yellow) 0%) repeat scroll 0 0;
}
.act_line{
	background-position:-100% 1.3em;
}
.act_line_off{
	background:0% 1.3em;
}
.pink_line_narrow{
	padding:3px 1px;
	background-size:200% 4px;
	background-repeat:repeat-x;
	-webkit-transition:all 5s ease;
	-moz-transition:all 5s ease;
	-o-transition:all 5s ease;
	-ms-transition:all 5s ease;
    transition: all 5s ease;
	background-image:-webkit-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(255,4,183,0.75) 50%);
	background-image:-moz-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(255,4,183,0.75) 50%);
	background-image:-o-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(255,4,183,0.75) 50%);
	background-image:-ms-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(255,4,183,0.75) 50%);
	background-image:linear-gradient(left, rgba(130,255,5,0) 50%, rgba(255,4,183,0.75) 50%);
	background-position:-100% 1.3em;
}
.blue_line_narrow {
	padding:3px 1px;
	background-size:200% 4px;
	background-repeat:repeat-x;
	-webkit-transition:all 5s ease;
	-moz-transition:all 5s ease;
	-o-transition:all 5s ease;
	-ms-transition:all 5s ease;
    transition: all 5s ease;
	background-image:-webkit-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(2,255,204,0.75) 50%);
	background-image:-moz-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(2,255,204,0.75) 50%);
	background-image:-o-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(2,255,204,0.75) 50%);
	background-image:-ms-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(2,255,204,0.75) 50%);
	background-image:linear-gradient(left, rgba(130,255,5,0) 50%, rgba(2,255,204,0.75) 50%);
	background-position:-100% 1.3em;
}
.yellow_line_narrow{
	padding:3px 1px;
	background-size:200% 4px;
	background-repeat:repeat-x;
	-webkit-transition:all 5s ease;
	-moz-transition:all 5s ease;
	-o-transition:all 5s ease;
	-ms-transition:all 5s ease;
    transition: all 5s ease;
	background-image:-webkit-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(248,255,0,0.92) 50%);
	background-image:-moz-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(248,255,0,0.92) 50%);
	background-image:-o-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(248,255,0,0.92) 50%);
	background-image:-ms-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(248,255,0,0.92) 50%);
	background-image:linear-gradient(left, rgba(130,255,5,0) 50%, rgba(248,255,0,0.92) 50%);
	background-position:-100% 1.3em;
}
/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media screen and (max-width:768px){
.noWrapSP {
	display:none;
}
} /* end media query 768px */