:root {

	--primary-50: #FEF3E7;

	--primary-100: #FEE7D7;

	--primary-200: #FDCAB1;

	--primary-300: #F9A589;

	--primary-400: #F3826A;

	--primary-500: #EB4B3B;

	--primary-600: #CA2C2B;

	--primary-700: #A91D27;

	--primary-800: #881224;

	--primary-900: #700B23;



	--gray-100: #F3F4F6;

	--gray-200: #E5E7EB;

	--gray-300: #D1D5DB;

	--gray-400: #9CA4B2;

	--gray-500: #6B7280;

	--gray-600: #4B5563;

	--gray-700: #374151;

	--gray-800: #1F2937;

	--gray-900: #111827;



	--owl-default-space: 24px;



}



/* Fonts */

@font-face {

	font-family: "Inter";

	src: url(../fonts/Inter-Light.ttf);

	font-weight: 300;

	font-display: swap;

}

@font-face {

	font-family: "Inter";

	src: url(../fonts/Inter-Regular.ttf);

	font-weight: 400;

	font-display: swap;

}

@font-face {

	font-family: "Inter";

	src: url(../fonts/Inter-Medium.ttf);

	font-weight: 500;

	font-display: swap;

}

@font-face {

	font-family: "Inter";

	src: url(../fonts/Inter-SemiBold.ttf);

	font-weight: 600;

	font-display: swap;

}

@font-face {

	font-family: "Inter";

	src: url(../fonts/Inter-Bold.ttf);

	font-weight: 700;

	font-display: swap;

}



/* Defautl  */

body {

	font-family: "Inter", "Segoe UI", Arial, Segoe, "DejaVu Sans",

		"Trebuchet MS", Verdana, sans-serif;

	font-size: 14px;

	line-height: 1.4;

	color: var(--gray-900);

	background-color: #fff;

	position: relative;

}

a {

	text-decoration: none;

	-webkit-transition: all 0.25s;

	-o-transition: all 0.25s;

	transition: all 0.25s;

}

a:hover,

a:focus {

	color: var(--gray-900);

	text-decoration: none;

}

*,

*::after,

*::before {

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

* {

	padding: 0;

	margin: 0;

	outline: none !important;

}

img {

	max-width: 100%;

}



/* CONTAINER */

.container,

.container-fluid {

	width: 100%;

	padding-right: var(--owl-default-space, 15px);

	padding-left: var(--owl-default-space, 15px);

	margin-right: auto;

	margin-left: auto;

}

@media (min-width: 576px) {

	.container {

		max-width: calc(576px - calc(var(--owl-default-space) * 2));

        /* 528px */

	}

}

@media (min-width: 768px) {

	.container {

		max-width: calc(768px - calc(var(--owl-default-space) * 2));

         /* 720px */

	}

}

@media (min-width: 992px) {

	.container {

		max-width: calc(992px - calc(var(--owl-default-space) * 2));

         /* 944px */

	}

}

@media (min-width: 1200px) {

	.container {

		/* max-width: calc(1200px - calc(var(--owl-default-space) * 2)); */

        /* 1152px */

		max-width: 1140px;

	}

}

@media (min-width: 1440px) {

	.container {

		/* max-width: calc(1440px - calc(var(--owl-default-space) * 2)); */

        /* 1392px */

		max-width: 1320px;

	}

}



/* END CONTAINER */





/* STICKY FOOTER */

#page-wrapper {

	min-height: 100vh;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	position: relative;

}



#site-content {

	-webkit-box-flex: 1;

	-ms-flex: 1;

	flex: 1;

}

/* END STICKY FOOTER */



/* Font size */



/* Button */

.theme-btn {

	display: -webkit-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	gap: 8px;

	padding: 10px 24px;

    -webkit-transition: all .25s;

    -o-transition: all .25s;

    transition: all .25s;

	border: 0;

	cursor: pointer;

	text-align: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

    border-radius: 12px;

    font-size: 16px;

    font-weight: 500;

    overflow: hidden;

    position: relative;

}

.theme-btn svg {

	width: 24px;

	height: 24px;

}

.btn-primary {

	background-image: -webkit-gradient(linear, left top, right top, from(var(--primary-500)), to(var(--primary-300)));

	background-image: -o-linear-gradient(left, var(--primary-500) 0%, var(--primary-300) 100%);

	background-image: linear-gradient(90deg, var(--primary-500) 0%, var(--primary-300) 100%);

    color: #fff;

}

.btn-primary > * {

    position: relative;

    z-index: 2;

}

.btn-primary:after {

    content: "";

    -webkit-transition: all .25s;

    -o-transition: all .25s;

    transition: all .25s;

    opacity: 0;

	background-image: -webkit-gradient(linear, left top, right top, from(var(--primary-600)), to(var(--primary-400)));

	background-image: -o-linear-gradient(left, var(--primary-600) 0%, var(--primary-400) 100%);

	background-image: linear-gradient(90deg, var(--primary-600) 0%, var(--primary-400) 100%);

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}

.btn-primary:hover,

.btn-primary:focus {

    color: #fff;

}

.btn-primary:hover:after,

.btn-primary:focus:after {

    opacity: 1;

}



@media (max-width: 767.98px) {

    .theme-btn {

        padding: 8px 24px;

        font-size: 14px;

    }

    .theme-btn svg {

        width: 20px;

        height: 20px;

    }

}






/* FIX POST DETAIL */

.text-editor-content-detail {
    line-height: 1.6;
}

.text-editor-content-detail blockquote,
.text-editor-content-detail dl,
.text-editor-content-detail figure,
.text-editor-content-detail form,
.text-editor-content-detail ol,
.text-editor-content-detail p,
.text-editor-content-detail div,
.text-editor-content-detail pre,
.text-editor-content-detail ul {
    margin-bottom: 20px;
}

.text-editor-content-detail ol li,
.text-editor-content-detail ul li {
    margin-bottom: 0.6em;
}

.text-editor-content-detail ol li,
.text-editor-content-detail ul li {
    margin-left: 1.3em;
}

.text-editor-content-detail h1,
.text-editor-content-detail h2,
.text-editor-content-detail h3,
.text-editor-content-detail h4,
.text-editor-content-detail h5,
.text-editor-content-detail h6 {
    margin-bottom: 0.5em;
}

.text-editor-content-detail p,
.text-editor-content-detail div {
    word-break: break-word;
}

.text-editor-content-detail img {
    border-radius: 6px;

    max-width: 100%;

    height: auto;
    display: inline-block;
    vertical-align: middle;
}

.text-editor-content-detail iframe[src*="youtube.com"] {
    width: 100% !important;

    height: auto !important;

    aspect-ratio: 16 / 9;

    border-radius: 6px;

    overflow: hidden;
}

.text-editor-content-detail iframe {
    width: 100% !important;
}

.text-editor-content-detail .wp-caption {
    max-width: 100%;
}

.text-editor-content-detail .wp-caption .wp-caption-text {
    padding: 0.4em;

    font-size: 0.9em;

    display: block;
}

.text-editor-content-detail .wp-caption-text {
    text-align: center;
}
.text-editor-content-detail {
    /* font-size: 16px; */
}

article {
    max-width: 100%;

    overflow: hidden;

    min-width: 1px;

    display: block;

    position: relative;
}


.text-editor-content-detail .video>p {
    margin: 0;
}

.text-editor-content-detail .video iframe {
    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: center;

    object-position: center;
}

.text-editor-content-detail .video {
    position: relative;

    overflow: hidden;

    margin-bottom: 20px;

    width: 100%;
}