/*
Theme Name: EasyWP PRO Child
Theme URI: https://themesdna.com/easywp-pro-wordpress-theme/
Template: easywp-pro
Author: ThemesDNA
Author URI: https://themesdna.com/
Version: 1.1.3
Updated: 2025-06-11 10:08:09

*/


/* Layout Styles NEEDED */
#easywp-body-wrapper{margin:0;padding:0;}
#easywp-outer-wrapper{width:1150px;margin:10px auto 0;padding:0;text-align:left;}
#easywp-header-wrapper{width:1150px;margin:0 auto 0;height:auto;padding:0;overflow:hidden;background:#e0e0e0;border:none;}
#easywp-header-inner{margin:0;padding:0;border-left:0px solid #f9f9f9;border-right:0px solid #f9f9f9;border-top:0px solid #f9f9f9;}
#easywp-header-content{margin:0;padding:15px 0 15px 0;display:none;}
#easywp-content-wrapper{padding:15px 10px;background:transparent url(/img/sb-lt-rt3.png) repeat-y scroll top left;overflow:hidden;text-align:justify;}
#easywp-main-wrapper{width:730px;margin:0 0 0 200px;padding:0 10px;float:left;word-wrap:break-word;overflow:hidden;}

/* STOP double head posts */
#easywp-header-content {
	display: none;
	background-color: #ef510f;
    margin: 0;
    padding: 15px 0 15px 0;
}

/* === Header Wrapper Video === */
.easywp-header-video-wrapper {
  position: relative;
  width: 1150px;
  height: 250px;
  overflow: hidden;
  margin: 0 auto;
}

/* === Video Container === */
.easywp-header-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 776px; /* 16:9 of 1380px */
  transform: translate(-50%, -50%);
  pointer-events: none;
  user-select: none;
}

/* === Video Element === */
.easywp-header-image iframe,
.easywp-header-image video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: none;
  display: block;
}

/* === Frame Overlay === */
.easywp-header-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 1150px;
  height: 250px;
  z-index: 2;
  pointer-events: none;
}

.easywp-header-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* === Mobile Override === */
@media screen and (max-width: 1150px) {
  .easywp-header-video-wrapper {
    width: 100%;
    height: auto;
    aspect-ratio: 23 / 5;
  }
/*#bottom-post {
   background-image: none !important;
  }*/
  .easywp-header-frame {
    width: 100%;
    height: auto;
  }
}
/* Header Wrapper Video ENDED */

/* Spinning logo started */
/* Wat logo */
#watLogo {
    position: absolute;
    top: 60px;        /* same vertical offset you already use */
    right: 69px;      /* replaces padding-right */
    width: 72px;	/* Spin Logo size */
    height: 88px;	/* Spin Logo size */
    background-image: url(/img/_style/images/wat_spin2.gif);
    background-repeat: no-repeat;
	background-size: contain;
    z-index: 9999;      /* puts it above header image/video */
    pointer-events: none;
}
/* Spinning logo ended */

/* Below are modified Styles by Johnny */
#easywp-right-sidebar, #easywp-left-sidebar {
	display: none;
}

/* Apply header image sizing only when header video is disabled */
.no-header-video .easywp-header-image {
  width: 100%;
  height: 100%;
}

/* Zero gaps top & bottom & header img */
.easywp-header-image {
	width: 100%;
}
#easywp-outer-wrapper {
   margin: 0px auto 0;
}
#easywp-site-info {
    margin-bottom: 0px;
}
/* Custom Styles and Header Banner */
.easywp-social-icons-inner {
    position: relative;
    background-image: url(/img/header-post3.png);
    width: 100%;
    height: 51px;
    background-color: transparent;
    border: none;
    /*font-family: Angtaso; /* optional: applies to both lines */
}

.easywp-social-icons {
    background-color: transparent !important;
    border: none;
}

/* Main title */
.easywp-social-icons-inner::before {
    content: "នត្ថិ សន្តិ បរំ សុខំ";
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
	font-family: Angtaso;
    color: red;
    font-size: 16px;
    font-weight: 700;
    text-shadow: 0 0 4px rgba(0,0,0,0.6);
    pointer-events: none;
}

/* Subtext */
.easywp-social-icons-inner::after {
    content: "សុខដទៃក្រៅពីសេចក្តីស្ងប់ពុំមានឡើយ។";
    position: absolute;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
    color: green;
    font-size: 12px;
    font-weight: 400;
    opacity: 0.9;
    text-shadow: 0 0 3px rgba(0,0,0,0.5);
    pointer-events: none;
}

#bottom-post {
    background-color: none;
    background-image: url(/img/foot-lt-rt3.png);
    width: 100%;
    height: 52px;
	padding: 1px;
}

#app {
  max-width: 100%;
  padding: 0 10px;
}

.kDate, .enDate {
  font-size: clamp(10px, 1.2vw, 15px); /* More aggressive scaling */
  color: var(--date-color, green);
  line-height: 1.6;
  margin: 0;
  padding: 0;
  font-family: chenla;
  display: block;
}
.kDate img{
  border-radius: 0px; /* Buddhist flag */
}

/* Hit Counter */
.kh-hit-counter {
	display: inline;
	padding-left: 2em;
	font-family: chenla;
	font-size: .8em;
	color: inherit;
}
/* Ensure Dharma Wheel stays inline */
#wheel {
  display: inline-block;
  vertical-align: middle;
}

#wheel img {
  display: inline-block;
  vertical-align: middle;
  height: 16px; /* or keep your 35px if preferred */
  margin-right: 6px;
}

/* Optional: tighten spacing around the text */
#easywp-copyrights span {
  vertical-align: middle;
  display: inline-block;
  /* Removed font-size to allow parent scaling */
}

#easywp-copyrights {
  background-color: #ef510f;
  /*margin: 0 20px;*/
  margin: 0 0px;
  padding: 5px 0;
  font-size: clamp(10px, 1.2vw, 14px); /* Scales between 10px and 15px */
}

/* Below ADDED by Johnny
/* Randomize TEXT Box Style */
.rtb-content {
    text-align: left;
    font-size: 20px;
    color: graytext;
}

.rtb-content .rtb-emoji {
    display: inline-block;
    margin-right: 1px;
    line-height: 1;
}

#rtb-next-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.0em 1em .8em !important;
    border-radius: 8px;
    margin: 0 auto;
}

/* ========== Mobile Portrait ========== */
/*@media screen and (max-width: 200px) and (max-width: 1150px) {
  #bottom-post {
    background-image: none !important;
  }
}