/**
Theme Name: Utique
Author: watchyy*
Author URI: https://watchyy.com/
Description: Custom theme for Utique
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: utique
Template: astra
*/

/*
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;700&display=swap');
@font-face {
    font-family: 'ChulaCharasNew_custom';
	src: url('assets/fonts/chulacharasnewreg.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'ChulaCharasNew_custom';
	src: url('assets/fonts/chulacharasnewbold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'tepc_chulanarak_custom';
    src: url('assets/fonts/tepc_chulanarak.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'tepc_chulanarak_custom';
    src: url('assets/fonts/tepc_chulanarak_bol.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;700&display=swap');
@font-face {
    font-family: 'Umpush';
    src: url('assets/fonts/umpush-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Umpush';
    src: url('assets/fonts/umpush.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Umpush';
    src: url('assets/fonts/umpush-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}
*/

@font-face {
    font-family: 'Anantason Reno';
    src: url('assets/fonts/AnantasonReno/AnantasonReno-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Anantason Reno';
    src: url('assets/fonts/AnantasonReno/AnantasonReno-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
	font-display: swap;
}
@font-face {
    font-family: 'Anantason Reno';
    src: url('assets/fonts/AnantasonReno/AnantasonReno-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Anantason Reno';
    src: url('assets/fonts/AnantasonReno/AnantasonReno-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
	font-display: swap;
}


body {
	font-family: 'Anantason Reno', sans-serif;
	font-size: 16px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

/* Header */
.site-header.is-sticky {
  position: fixed !important;
  width: 100%;
  animation: slideDown 0.35s ease-out;
  background-color: #fff;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

/* Carousel */
.course-card {
	background-color: #fff;
	height: 100%;
	cursor: pointer;
	text-align: center;
}
.course-card .pic img {
	width: 100%;
}
.course-card .card-content {
	padding: 30px;
}
.course-card .card-content .lotus {
	margin-bottom: 20px;
}
.course-card .card-content p {
	margin-bottom: 0;
}
#myCarousel {
	--f-carousel-slide-width: 100%;
	--f-carousel-spacing: 30px;
}
@media (min-width: 768px) {
	#myCarousel {
		--f-carousel-slide-width: calc((100% - 60px) / 2);
	}
}
@media (min-width: 1024px) {
	#myCarousel {
		--f-carousel-slide-width: calc((100% - 60px) / 3);
	}
}