/*!
/*
Theme Name: Quick News Child
Theme URI: https://ascendoor.com/themes/quick-news/
Description: Tema filho do Quick News.
Author: Cleber de Miranda
Author URI: https://regiaodopantanal.com.br/
Template: quick-news
Version: 1.0.0
Text Domain: quick-news-child
*/

/* Aqui você pode adicionar seus estilos personalizados */

:root {
	--body-bg: #ffffff;
	--primary-color: #03A250;
	--header-text-color: #03A250;
	--theme-color: var(--primary-color);
	--cat-color: #03A250;
	--light-bg-color: #f0f2f7;
	--text-color-normal: #3D4452;
	--text-color-dark: #1A202B;
	--text-color-light: #83868b;
	--border-color: #E8E9EB;
	--footer-bg-color: #e7e9ef;
	--footer-text-color: #a1a6b1;
	--footer-border-color: #2A313F;
	--error: #ff073a;
	--success: #28a745;
	--shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
	--t-color: var(--theme-color);
	--white: #FFF;
	--black: #000;
	--alpha-bg: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
	--alpha-bg-dark: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.45) 71.35%, rgba(0, 0, 0, 0) 100%);
	--notice-success-bg-color: #D4EDDA;
	--notice-success-text-color: #155724;
	--notice-info-bg-color: #D1ECF1;
	--notice-info-text-color: #0C5460;
	--notice-warning-bg-color: #FFF3CD;
	--notice-warning-text-color: #856404;
	--notice-danger-bg-color: #F8D7DA;
	--notice-danger-text-color: #721C24;
	--clr-foreground: #262626;
	--clr-background: #e7e9ef;
	--clr-sub-background: #fff;
	--clr-sub-border: #f1f1f1;
	--logo-size-custom: 250px;
	--container-width: 1320px;
	--font-size-xs: clamp(0.7rem, 0.17vw + 0.76rem, 0.79rem);
	--font-size-sm: clamp(0.8rem, 0.17vw + 0.76rem, 0.89rem);
	--font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.10rem);
	--font-size-md: clamp(1.25rem, 0.61vw + 1.1rem, 1.58rem);
	--font-size-lg: clamp(1.56rem, 1vw + 1.31rem, 2.11rem);
	--font-size-xl: clamp(1.95rem, 1.56vw + 1.56rem, 2.81rem);
	--font-size-xxl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
	--font-size-xxxl: clamp(2.95rem, 3.54vw + 2.17rem, 5rem);
	--font-main: -apple-system, BlinkMacSystemFont, "Muli", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--font-heading: 'Roboto', serif;
	--font-code: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	--font-pre: "Courier 10 Pitch", courier, monospace;
	--font-line-height-body: 1.5;
	--font-line-height-pre: 1.6;
	--border-radius-all: 4px;
	--border-radius-all-tops: var(--border-radius-all) var(--border-radius-all) 0 0;
	--border-radius-all-bottoms: 0 0 var(--border-radius-all) var(--border-radius-all);
	--border-radius-all-lefts: var(--border-radius-all) 0 0 var(--border-radius-all);
	--border-radius-all-rights: 0 var(--border-radius-all) var(--border-radius-all) 0;
	--border-radius-button: 3px;
}

header .top-middle-header-wrapper {
	background-color: #e7ede2;
}

@media (min-width: 992px) {
	header .middle-header-part .middle-header-wrapper .site-branding {
		width: 18%;
		flex-shrink: 0;
	}
}

@media (min-width: 992px) {
	header .middle-header-part .middle-header-wrapper .mag-adver-part {
		width: 82%;
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--clr-background: #e7ede2;
		--clr-foreground: #fff;
		--light-bg-color: #151618;
		--text-color-normal: #eaeaea;
		--clr-sub-background: #151618;
		--clr-sub-border: #343434;
		--footer-bg-color: #e7e9ef;
	}
}

body {
	background: var(--clr-background);
	font-size: 1rem;
	font-family: var(--font-main);
	color: var(--text-color-normal);
}

@media (max-width: 767.98px) {
	body {
		font-size: 1em;
	}
}

.light-theme {
	--clr-foreground: #262626;
	--clr-background: #e7ede2;
}

.dark-theme {
	--clr-foreground: #fff;
	--clr-background: #e7ede2;
}

body.custom-background.dark-theme {
	--clr-background: #e7ede2;
	background-color: var(--clr-background);
}

header .top-header-part {
	font-size: var(--font-size-sm);
	color: var(--clr-foreground);
	background: var(--light-bg-color);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

body {
	padding-top: 40px; /* mesma altura do top-header-part */
}

/* inicia modulo para imagem email fone a direita no topo */

.top-header-class-personal {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 15px;
}

.top-header-contact-content {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  max-width: 320px;
}

.top-header-contact-image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.top-header-contact-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.top-header-contact-text a {
  color: inherit;
  text-decoration: none;
}

.top-header-contact-text a i {
  margin-right: 5px;
}

/* finaliza modulo para imagem email fone a direita no topo */