/*
Theme Name: Newsberg
Theme URI: https://themeansar.com/free-themes/newsberg/
Author: Themeansar
Author URI: https://themeansar.com
Description: Newsberg is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. Newsberg is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. Newsberg is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demo.themeansar.com/newsup and documentation at https://docs.themeansar.com/docs/newsup/
Version: 1.9.2
Requires PHP: 7.4
Tested up to: 6.8
Requires at least: 6.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: newsup
Text Domain: newsberg
Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks

Newsberg WordPress Theme is child theme of Newsup, Copyright 2020 Themeansar
Newsberg is distributed under the terms of the GNU General Public License v3

Newsberg is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

@media screen and (max-width: 767px) and (min-width: 240px) {
.mg-headwidget .navbar-wp .navbar-nav > li> a {
    position: relative;
    border-bottom: 1px solid rgba(225,225,225,0.4);
}
}

/* Keep the main menu on one line in both languages — English labels run
   longer than Thai, so this base size is tuned for English's tighter fit;
   Thai gets its own larger override below since it has room to spare. */
.mg-headwidget .navbar-wp .navbar-nav > li > a {
	padding: 10px 2px;
	font-size: 12px;
	letter-spacing: -0.3px;
}
/* Thai labels are shorter than their English counterparts, so there's
   spare room to size the Thai menu up without it wrapping to two lines
   the way the English one would at the same size. */
body.newsberg-lang-th .mg-headwidget .navbar-wp .navbar-nav > li > a {
	padding: 10px 10px;
	font-size: 17px;
	letter-spacing: -0.2px;
}
@media (max-width: 991px) {
	.navbar-wp .navbar-nav > li> a i {
    	display: none;
	}	
}

big{
	font-size: 120%; 
}

abbr, acronym { 
	border-bottom: 1px dotted #eee;
	cursor: help; 
}

pre {
	background: #f6f6f6;
	margin-bottom: 16px;
	max-width: 100%;
	overflow: auto;
	padding: 16px;
}

.wp-block-quote p {
	padding: 0;
}

b, strong {
    font-weight: 600;
}

.wp-block-search .wp-block-search__label::before, .mg-widget .wp-block-group h2::before {
    width: 0;
    position: absolute;
    right: -30px;
    top: 0px;
    height: 0;
    border-style: solid;
    border-width: 40px 0 0px 30px;
    content: "";
}

.wp-block-search .wp-block-search__label, .mg-widget .wp-block-group h2 {
    border-width: 0 0 2px 0;
    border-style: solid;
    margin: 0px -20px 20px -20px;
    font-size: 22px;
    line-height: 40px;
    font-weight: 600;
    padding: 0 8px 0 15px;
    position: relative;
    width: auto;
    height: 40px;
    display: inline-block;
}

.wp-block-calendar th, .wp-block-calendar tbody td {
    border: 1px solid #f7f7f7;
}

.wp-block-calendar table caption
{
    color: #fff;
}

*,
body,
button,
input,
optgroup,
select,
textarea {
	font-family: 'Noto Sans Thai', sans-serif !important;
}

/* Keep icon glyph fonts intact — the rule above would otherwise
   overwrite the icon font-family and blank out every icon glyph. */
.fa,
.fa:before,
[class^="fa-"],
[class^="fa-"]:before,
[class*=" fa-"],
[class*=" fa-"]:before {
	font-family: 'FontAwesome' !important;
}

.dashicons,
.dashicons:before,
[class^="dashicons-"],
[class^="dashicons-"]:before {
	font-family: 'dashicons' !important;
}

/* ===================== Hero banner effects ===================== */
.mg-nav-widget-area-back {
	position: relative;
	overflow: hidden;
	animation: newsberg-kenburns 22s ease-in-out infinite alternate;
}

@keyframes newsberg-kenburns {
	0%   { background-size: 100% 100%; }
	100% { background-size: 118% 118%; }
}

.mg-nav-widget-area-back:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(120deg, rgba(106,13,173,.55), rgba(24,10,46,.65) 45%, rgba(178,58,238,.45));
	background-size: 220% 220%;
	animation: newsberg-gradient-shift 12s ease infinite;
	mix-blend-mode: multiply;
}

@keyframes newsberg-gradient-shift {
	0%   { background-position: 0% 50%; }
	50%  { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

.mg-nav-widget-area-back .overlay,
.mg-nav-widget-area-back .inner {
	position: relative;
	z-index: 2;
	background: transparent !important;
}

.mg-nav-widget-area-back .blob {
	position: absolute;
	z-index: 1;
	border-radius: 50%;
	filter: blur(40px);
	opacity: .35;
	pointer-events: none;
}
.mg-nav-widget-area-back .blob-1 { width: 260px; height: 260px; left: -60px; top: -80px; background: #d68cff; animation: newsberg-float-1 14s ease-in-out infinite; }
.mg-nav-widget-area-back .blob-2 { width: 200px; height: 200px; right: -40px; bottom: -60px; background: #6a0dad; animation: newsberg-float-2 18s ease-in-out infinite; }
.mg-nav-widget-area-back .blob-3 { width: 140px; height: 140px; right: 20%; top: -50px; background: #ffffff; opacity: .12; animation: newsberg-float-1 10s ease-in-out infinite; }

@keyframes newsberg-float-1 {
	0%, 100% { transform: translate(0, 0) scale(1); }
	50% { transform: translate(30px, 20px) scale(1.15); }
}
@keyframes newsberg-float-2 {
	0%, 100% { transform: translate(0, 0) scale(1); }
	50% { transform: translate(-25px, -15px) scale(1.1); }
}

.mg-nav-widget-area-back .site-logo,
.mg-nav-widget-area-back .site-branding-text {
	animation: newsberg-hero-in 1s cubic-bezier(.2,.8,.2,1) both;
}
.mg-nav-widget-area-back .site-branding-text { animation-delay: .15s; }

@keyframes newsberg-hero-in {
	0%   { opacity: 0; transform: translateY(24px) scale(.96); }
	100% { opacity: 1; transform: translateY(0) scale(1); }
}

.mg-nav-widget-area-back .site-title a {
	display: inline-block;
	animation: newsberg-title-glow 3.2s ease-in-out infinite;
}

@keyframes newsberg-title-glow {
	0%, 100% { text-shadow: 0 0 10px rgba(255,255,255,.15); }
	50%      { text-shadow: 0 0 22px rgba(214,140,255,.65); }
}

@media (prefers-reduced-motion: reduce) {
	.mg-nav-widget-area-back,
	.mg-nav-widget-area-back:before,
	.mg-nav-widget-area-back .blob,
	.mg-nav-widget-area-back .site-logo,
	.mg-nav-widget-area-back .site-branding-text,
	.mg-nav-widget-area-back .site-title a {
		animation: none !important;
	}
}

/* ===================== Homepage extras: hover polish ===================== */
.newsberg-member {
	transition: transform .35s ease, box-shadow .35s ease;
	border-radius: 8px;
	padding: 10px;
}
.newsberg-member img {
	transition: transform .35s ease;
	animation: newsberg-bob 5s ease-in-out infinite;
}
.newsberg-member:nth-child(2n) img { animation-delay: .6s; }
.newsberg-member:nth-child(3n) img { animation-delay: 1.2s; }
.newsberg-member:hover { box-shadow: 0 10px 24px rgba(106,13,173,.18); transform: translateY(-4px); }
.newsberg-member:hover img { transform: scale(1.08) rotate(-2deg); }

@keyframes newsberg-bob {
	0%, 100% { transform: translateY(0); }
	50%      { transform: translateY(-6px); }
}

.newsberg-video-box .newsberg-video-embed {
	transition: transform .4s ease, box-shadow .4s ease;
}
.newsberg-video-box .newsberg-video-embed:hover {
	transform: translateY(-3px) scale(1.01);
	box-shadow: 0 14px 32px rgba(106,13,173,.25);
}

.mg-blog-post, .small-post, .mg-widget {
	transition: transform .3s ease, box-shadow .3s ease;
}
.mg-blog-post:hover, .small-post:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 26px rgba(0,0,0,.12);
}

@media (prefers-reduced-motion: reduce) {
	.newsberg-member img, .newsberg-member, .newsberg-video-box .newsberg-video-embed, .mg-blog-post, .small-post {
		animation: none !important;
		transition: none !important;
	}
}