/* 
Theme Name:		 KOH Mobile First V2
Description:	 Theme by Phalla Lay
Author:			 Phalla Lay
Author URI:		 phalla.info
Version:		 2.0.5

Text Domain: koh_twentytwenty_one;
-------------------------------------------------------------- */
/* =Theme customization starts here
------------------------------------------------------- */

/** Generated by FG **/
@font-face {
    font-family: 'Koh-Santepheap-Head';
    src: url('fonts/KohSantepheapHead.eot');
    src: local('☺'), url('fonts/KohSantepheapHead.woff') format('woff'), url('fonts/KohSantepheapHead.ttf') format('truetype'), url('fonts/KohSantepheapHead.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* koh-santepheap-regular - khmer */
@font-face {
    font-family: 'Koh-Santepheap-Body';
    font-style: normal;
    font-weight: 400;
    src: local(''),
       url('fonts/koh-santepheap-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/koh-santepheap-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* koh-santepheap-700 - khmer */
@font-face {
    font-family: 'Koh-Santepheap-Body-Bold';
    font-style: normal;
    font-weight: 700;
    src: local(''),
       url('fonts/koh-santepheap-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/koh-santepheap-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    text-shadow: none;
}

::selection {
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

* {
    -webkit-overflow-scrolling: touch;
    word-wrap: break-word;
}

iframe {
    overflow: hidden;
    max-width: 100%;
}

.signin legend {
  display: none;
}

#load_more_wrapper .submit-wrapper {
  text-align: center;
}

#takeover {
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    position: fixed;
    left: 0;
    top: 0;
    filter: alpha(opacity=80);
    opacity: 0.8;
}
#takeover-ads {
    z-index: 1001;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -240px;
    color: #FFF;
}
#takeover-ads .close,
#bannerFooter .close {
	width: 15px;
	height: 15px;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.7);
}
#bannerFooter .close {
	top: 0;
	right: 15px;
}
#takeover-ads .close:before,
#takeover-ads .close:after,
#bannerFooter .close:before, #bannerFooter .close:after {
	background-color: #fff;
}

.close-wrapper {
	position:absolute; 
	top: -13px; 
	right: -40px;
}

@media screen and (max-width: 768px) {
	#takeover-ads {
		width: 320px;
		left: 50%;
    	top: 50%;
    	margin-left: -160px;
    	margin-top: -120px;
	}
}

@media screen and (max-width: 340px) {
	.close-wrapper {
		top: 0; 
		right: 0;
	}
}