:root {
	/* Main theme colors */
	--primary-clr: #e03c31;
	--font-clr: #ffffff;
	--background-clr: #2f3441;
	--nav-bg-clr: #1f232c;
	--content-bg-clr: rgb(224, 60, 49, 0.5);
	--secondary-clr: #9b9b9a;
	--btn-clr: #ffffb5;
	--btn-tp-clr: rgb(255, 255, 181, 0.75);

	/* font size */
	--h1-size: 8rem;
	--h2-size: 3rem;
	--h3-size: 1.8rem;
	--p-size: 1rem;

	/* spacing */
	--outer-lg-spacing: 200px;
	--outer-md-spacing: 80px;
	--outer-sm-spacing: 40px;

	/* font spacing */
	--p-spacing: 24px;
	--letter-spacing: 0.1rem;
	--line-heigh: 1.6;

	/* border radius */
	--border-radius: 5px;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	/* outline: 1px solid red; */
}



/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/* 共用css */
.text-justify {
	/* text-align: justify; */
}

/* ----- Logo Img Size (md - ms - xs)  ---- */
@media (max-width: 991px) {
	#logo .retina-logo img {
		height: 80px !important;
	}

	#header {
		position: fixed;
		z-index: 100;
		width: 100%;
	}

	/* #content {
		padding-top: 80px;
	} */

}

/* Footer */
.mg_tb_20 {
	margin: 20px 0;
}

.footer p,
.footer h2{
	cursor: default;
}

.footer .icon-facebook,
.footer .icon-instagram,
.footer .icon-youtube {
	background-color: #505050;
}

.footer .si-facebook:hover,
.si-colored.si-facebook,
.footer .si-instagram:hover,
.si-colored.si-instagram,
.footer .si-youtube:hover,
.si-colored.si-youtube {
	background-color: #999999 !important;
}


.footer-line {
	height: 1px;
	width: 100%;
	background: rgb(255, 255, 255);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(190, 190, 190, 1) 50%, rgba(255, 255, 255, 0.1) 100%);
	margin: 15px 0;
}

.footer-brands {
	opacity: .5;
}

.footer .copyright {
	font-size: 18px;
	margin-top: 40px;
}

@media (max-width: 767px) {
	.footer-gap {
		gap: 35px;
	}

	.footer .copyright {
		font-size: 18px;
		margin-top: 0px;
	}

}