/*
Theme Name: WP Devs
Author: Maria Joao Fontes
Author URI: https://wordpress.org/
Description: Beautiful layout for Beloteiros.pt 
Tested up to: 6.4
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wp-devs
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, style-variations, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news


/**
1. Normalize
2. Theme Specific CSS
*/

/* 1. Normalize */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	overflow-x: hidden;
}

/* Sections
     ========================================================================== */

/**
   * Remove the margin in all browsers.
   */

body {
	margin: 0;
	max-height: 100%;
	overflow-x: hidden;
	background-color: #292929;
}

/**
   * Render the `main` element consistently in IE.
   */

main {
	padding-top: 21px;
	display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */

/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
     ========================================================================== */

/**
   * Remove the gray background on active links in IE 10.
   */

a {
	color: inherit;
	text-decoration: none;
	transition: all 0.4s;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

b,
strong {
	font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */

small {
	font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
     ========================================================================== */

/**
   * Remove the border on images inside links in IE 10.
   */

img {
	border-style: none;
}

/* Forms
     ========================================================================== */

/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
/*
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
/*font-size: 100%; /* 1 */
/* line-height: 1.15; /* 1 */
/*margin: 0; /* 2 */
/*}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
	/* 1 */
	overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

button,
select {
	/* 1 */
	text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

progress {
	vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */

textarea {
	overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
     ========================================================================== */

/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

details {
	display: block;
}

/*
   * Add the correct display in all browsers.
   */

summary {
	display: list-item;
}

/* Misc
     ========================================================================== */

/**
   * Add the correct display in IE 10+.
   */

template {
	display: none;
}

/**
   * Add the correct display in IE 10.
   */

[hidden] {
	display: none;
}

/* 2. Theme Specific CSS */

/* General */

:root {
	/* Measurements */
	--wpdevs-big-padding: 0 0 50px 0;
	--wpdevs-mobile-padding: 20px 0;
	--wpdevs-light-padding: 0 25px;
	/* Colors */
	--wpdevs-gray1: #7c7c7c;
	--wpdevs-gray2: #f7f7f7;
	--wpdevs-gray3: #dddddd;
	--wpdevs-light-blue: #2a92d3;
	--wpdevs-deep-blue: #213c4d;
	--wpdevs-black: #000000;
	--wpdevs-black-blue: #001e32;
	--wpdevs-yellow: #cfaf07;
	/*Fonts*/
	--heading-font: 'Montserrat', sans-serif;
	--nav-font: Jost, sans-serif;
	--nav-font-size: "17px";
	--nav-font-weight: 700;
	--nav-font-letter-spacing: 0.1rem;
	--form-bd-width: 1px;
}
.highlight {
	background: linear-gradient(to top, #69f0c3 30%, transparent 30%);
}
*,
::after,
::before {
	box-sizing: border-box;
}

nav {
	font-family: --nav-font;
	letter-spacing: var(--nav-font-letter-spacing);
}

body {
	font-family: "Montserrat", sans-serif;
	font-stretch: 50%;
	letter-spacing: 0.1em;
	color: #343434;
}

h1 {
	font-family: var(--heading-font);
	font-size: 46px;
	line-height: 1.9em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}
h2 {
	font-family: var(--heading-font);
	font-size: 24px;
	line-height: 1.9rem;
	letter-spacing: 0.1rem;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}
h3 {
	font-family: "pecita";
	font-size: 18px;
	line-height: 3.6rem;
	font-weight: bold;
}
h4 {
	font-family: var(--heading-font);
	font-size: 14px;
	color: #ffffff;
	line-height: 1.9rem;
	letter-spacing: 0.1rem;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}
h5 {
	font-family: var(--heading-font);
	font-size: 12px;
	line-height: 2.2rem;
	font-weight: bold;
}
h6 {
	font-family: var(--heading-font);
	font-size: 18px;
}
p {
	font-family: var(--heading-font);
	font-size: 14px;
	line-height: 1.9rem;
	letter-spacing: 0.05rem;
	-webkit-font-smoothing: antialiased;
}
a {
	color: var(--wpdevs-gray1);
	text-decoration: none;
}
a:hover,
a:visited {
	color: #6d6d6d;
}
img {
	max-width: 100%;
	height: auto;
}

/* Containers */

.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
@media (max-width: 575px) {
	.container {
		padding: var(--wpdevs-light-padding);
	}
}
@media (min-width: 576px) {
	.container {
		max-width: 540px;
		/* padding-right: 15px;
		padding-left: 68px;*/
	}
}
@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
}
@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 100%;
		max-width: 100%;
		left: calc(50% - 50vw);
	}
}

/*Contacto de FormUlário*/

.wpcf7-form * {
	outline: 0;
}

.wpcf7-form ul {
	position: relative;
	margin: 0 auto;
	list-style: none;
}

.wpcf7-form ul > li > label {
	display: block;
	margin-bottom: 0;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2;
}

.wpcf7-form li fieldset {
	padding: 0;
	margin: 0;
	border: none;
}

.wpcf7-form button {
	cursor: pointer;
}

.wpcf7-form input[type="text"],
input[type="email"],
input[type="url"],
input[type="file"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="search"],
input[type="tel"],
textarea,
select {
	height: 20px;
	padding: 5px var(--form-side-padding);
	background: none;
	border-color: var(--form-bd);
	border-bottom: 1px solid #ccc !important;
	border: 0;
	border-width: var(--form-bd-width);
	border-radius: var(--form-radius);
	color: var(--text-color);
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
	font-weight: 400;
	transition: 0.3s;
	-webkit-appearance: none;
}

.wpcf7-form input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="file"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
	outline: 0;
	border-color: var(--form-bd-focus);
}

.wpcf7-form .pt-form-underline input[type="text"],
.pt-form-underline input[type="email"],
.pt-form-underline input[type="url"],
.pt-form-underline input[type="file"],
.pt-form-underline input[type="password"],
.pt-form-underline input[type="number"],
.pt-form-underline input[type="date"],
.pt-form-underline input[type="search"],
.pt-form-underline input[type="tel"],
.pt-form-underline textarea,
.pt-form-underline select {
	border-top: none;
	border-right: none;
	border-left: none;
}

.wpcf7-form input[type="text"],
input[type="email"],
input[type="url"],
input[type="file"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="search"],
input[type="tel"],
textarea {
	width: 100%;
}

.wpcf7-form .pt-form-underline {
	--form-radius: 0px;
	--form-side-padding: 0px;
}

.wpcf7-form.pt-form-square {
	--form-radius: 0px;
	--form-side-padding: 15px;
}

.wpcf7-form .pt-form-rounded {
	--form-radius: 5px;
	--form-side-padding: 15px;
}

.wpcf7-form .pt-form-pill {
	--form-radius: 50px;
	--form-side-padding: 15px;
}

.wpcf7-form textarea {
	display: block;
	min-height: 120px;
	resize: vertical;
}

.no-touch input[type="submit"]:not(.pt-btn-underline):hover {
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
}

.no-touch input[type="submit"]:not(.pt-btn-underline):not(.pt-btn-outline):hover {
	background: var(--btn-bg-hover);
	color: var(--btn-color-hover);
}

.wpcf7-response-output {
	color: #ffffff;
}

/************** HOME PAGE *****************/
/*Logo*/

img.custom-logo {
	max-width: 220px;
}
.logo {
    padding-left: 68px;
}
/* Top Bar Section */
.top-bar {
	background-color: #292021;
	padding: 15px 0;
}
.top-bar .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.search-area {
	background-color: #f1f1f1;
	padding: 10px 0;
	text-align: center;
}
.searchbox form {
	display: flex;
	justify-content: center;
}

.searchbox input[type="search"] {
	padding: 10px;
	font-size: 16px;
	border: 1px solid #ccc;
	width: 70%;
}
/*
.searchbox input[type="submit"] {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #333;
    border-left: none;
    background-color: #333;
    color: white;
    cursor: pointer;
}

.searchbox input[type="submit"]:hover {
    background-color: #ddd;
    color: black;
}*/

.searchbox input[type="text"] {
	padding: 7px 10px;
	border: 1px solid #c6c6c6;
}
.searchbox input[type="submit"] {
	padding: 9px 10px;
	background: #000000;
	color: #ffffff;
	border: none;
}
@media (max-width: 768px) {
	.searchbox {
		display: none;
	}
	.top-bar .container {
		justify-content: center;
	}
}

/* Main Menu */

/*.menu-area {
  background: var(--wpdevs-gray2);
}*/

/*Inicio da animação do menu*/

.main-menu {
	font-family: var(--nav-font);
	font-size: var(--nav-font-size);
	height: 55px;
	display: flex;
	justify-content: center;
}

.main-menu ul {
	margin: 0;
	padding-left: 0;
}
.main-menu ul li {
	display: inline-block;
	line-height: 15px;
	position: relative;
}

.main-menu ul li.current_page_item > a {
	font-weight: bold;
}

.main-menu ul li a {
	color: #f9f9f9;
	padding: 23px;
	text-decoration: none;
	font-weight: 500;
	display: block;
}

.main-menu ul li:before {
	content: "";
	position: absolute;
	inset: calc(100% - 3px) 0 0 0; /* 3px = the thickness */
	background: #ce4f20; /* the color */
	scale: 0 1;
	transition: .3s, translate 0s .3s;
}

.main-menu ul li a:hover,
.main-menu ul li a:active {
	color: var(--wpdevs-gray1);
	transition: 0.5s all;
}

.main-menu ul li a:focus + ul {
	display: block;
}

.main-menu li.menu-item-has-children::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: calc(50% - 6px);
	width: 0px;
	height: 0px;
	border-top: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #000000;
	border-left: 6px solid transparent;
}

.main-menu ul.sub-menu {
	position: absolute;
	padding-left: 0;
	background-color: #000000;
	z-index: 1;
	text-align: left;
	display: none;
}

.main-menu ul .menu-item-has-children:hover > ul,
.main-menu ul .menu-item-has-children:focus + ul {
	display: block;
}

.main-menu ul.sub-menu li {
	width: max-content;
}

.main-menu ul.sub-menu a {
	color: #ffffff;
}

/* New CSS for the hover underline effect */
.main-menu ul li a::after {
	content: '';
	display: block;
	width: 0;
	height: 3px;
	background: #e7ad41;
	transition: width 0.3s;
}

.main-menu ul li a:hover::after {
	width: 100%;
}

.menu-icon,
.check-button {
	cursor: pointer;
	display: none;
}
.menu-icon .bar1,
.menu-icon .bar2,
.menu-icon .bar3 {
	width: 28px;
	height: 3px;
	background-color: #b5734c;
	margin: 5px 0;
	transition: 0.4s;
}
.searchbox {
	margin-right: 126px;
}
@media (max-width: 767px) {
	.menu-icon,
	.check-button {
		display: block;
	}
	.check-button {
		border: none;
		background: transparent;
		/* height: 55px;
    padding-top: 120px;*/
	}
	.main-menu ul {
		position: absolute;
		width: 100%;
		background: #000000;
		left: -999px;
		text-align: left;
		transition: all cubic-bezier(0.79, 0.14, 0.15, 0.86) 0.5s;
		padding: 0;
		margin: 0;
		z-index: 1;
	}
	.main-menu ul:not(.sub-menu) {
		margin-top: 55px;
		padding: 78px;
		margin-top: 100px; /*MJ*/
		z-index: 1;
	}
	.main-menu ul li {
		display: block;
		margin: 15px 0;
		line-height: 30px;
	}
	.main-menu ul li a {
		color: #ffffff;
	}
	.main-menu ul.sub-menu {
		position: relative;
		top: 0;
		margin-left: 30px;
		display: block;
		width: auto;
	}
	.main-menu ul.sub-menu a {
		color: var(--wpdevs-gray1);
	}
	.show-dropdown {
		left: 0 !important;
	}
	/* Faz a animação do menu hamburguer*/
	.animate-button .bar1 {
		-webkit-transform: rotate(-45deg) translate(-4px, 4px);
		transform: rotate(-45deg) translate(-4px, 4px);
	}
	.animate-button .bar2 {
		opacity: 0;
	}
	.animate-button .bar3 {
		-webkit-transform: rotate(45deg) translate(-7px, -7px);
		transform: rotate(45deg) translate(-7px, -7px);
	}
}

/* Contact Form7 */
#nome {
	width: 50%;
	height: 12px;
	float: left;
	padding-right: 10px;
}
#email {
	width: 50%;
	float: right;
}
#assunto {
	width: 100%;
	float: left;
}
#mensagem {
	width: 100%;
	height: 120px;
	float: left;
}

#enviar {
	float: right;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	width: 100%;
	padding: 12px;
	margin-bottom: 15px;
}

/* Hero */
.hero {
	background-size: cover;
	background-position: center center;
	color: #ffffff;
	text-align: center;
}
.hero-items {
	padding: var(--wpdevs-light-padding);
}
.hero .overlay {
	background: rgb(0 0 0 / 27%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.hero .hero-items h1 {
	margin-top: 0;
	font-weight: normal;
}
.hero .hero-items a {
	color: #ffffff;
	padding: 15px 25px;
	display: inline-block;
	background: var(--wpdevs-light-blue);
	margin: 20px 0 0;
}
.hero .hero-items a:hover {
	background: var(--wpdevs-yellow);
	transition: 0.5s all;
}

/* Carrocel Bloco de Notas */
/* Services */
.psac-slider-and-carousel .owl-dots .owl-dot {
	display: none;
}

/* Services */
.services {
	background: var(--wpdevs-deep-blue);
	padding: var(--wpdevs-big-padding);
	color: #ffffff;
}
.services .container {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
.services .container > * {
	flex: 1 1 250px;
}
.services-item {
	padding: var(--wpdevs-light-padding);
}
.services-item p {
	margin-bottom: 40px;
}
.services-item figure {
	background: var(--wpdevs-black-blue);
	padding: 15px;
}
.services h2 {
	text-align: center;
	position: relative;
}
.services h2::after {
	content: "";
	position: absolute;
	background-color: var(--wpdevs-light-blue);
	width: 35px;
	height: 5px;
	right: calc(50% - 15px);
	bottom: 0;
}
.services h4 {
	margin: 0;
}
@media (max-width: 768px) {
	.services .container {
		flex-direction: column;
		padding: 0;
	}
	.services-item {
		max-width: 100%;
	}
}

/* Home Blog */
.home .home-blog {
	padding: var(--wpdevs-big-padding);
}
.home-blog .container article:first-child {
	grid-area: feat-item;
}
.home-blog .container {
	display: grid;
	grid-template-areas: "feat-item feat-item";
	grid-gap: 25px;
}
.home .home-blog h2 {
	text-align: center;
	position: relative;
}
.home .home-blog h2::after {
	content: "";
	position: absolute;
	background-color: var(--wpdevs-light-blue);
	width: 35px;
	height: 5px;
	right: calc(50% - 15px);
	bottom: 0;
}
.home .home-blog .latest-news {
	text-align: center;
}
.home .home-blog .col-12 .latest-news {
	margin-bottom: 40px;
}
.home .home-blog .latest-news img {
	float: none !important;
	margin: 0 0 25px 0 !important;
}
.home .home-blog .latest-news h3 {
	color: #000000;
	margin: 0;
	line-height: 2.6rem;
}
.home .home-blog .meta-info p {
	font-weight: bold;
	margin-bottom: 0;
}
.home .home-blog .meta-info p:last-child {
	margin-top: 5px;
}
.home .home-blog span,
.home .home-blog span a {
	color: var(--wpdevs-gray1);
	font-weight: normal;
	text-decoration: none;
	margin: 0 2px 0 0;
}
.bloco_codigo {
	border: 1px solid;
	border-radius: 26px;
}
@media (max-width: 768px) {
	.home-blog .container {
		display: block;
	}
}

/* Footer */
footer {
	background: var(--wpdevs-black);
	padding: 15px 0;
	color: #ffffff;
	position: fixed;
	width: 100%;
	bottom: 0px;
}
footer .container .row {
	align-items: center;
}

/* Footer - Footer Menu */
.site-footer .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.site-footer .copyright p {
	margin: 0;
	padding-left: 68px;
}
.footer-menu ul {
	font-family: 'Jost';
	font-size: 15px;
	text-transform: uppercase;
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer-menu ul li {
	display: inline;
	margin: 0 15px 0 0;
}
.footer-menu ul li:last-child {
	margin: 0;
}
.footer-menu ul li a {
	text-decoration: none;
	color: #ffffff;
}
.footer-menu ul li.current_page_item a {
	font-weight: bold;
}
.error-404 p{
	font-size: 12px;
	color: #f0f0f0;
}
.error-404 h1{
	color: #f0f0f0;
}
@media (max-width: 768px) {
	.site-footer .container {
		justify-content: safe;
	}
}
.menu-footer-menu-container {
    margin-right: 20px;
}
@media (max-width: 575px) {
	.site-footer .container {
		flex-wrap: wrap;
	}
}

/************** INNER PAGES *****************/

/* Blog, Archive, Search */
.blog main .container,
.archive main .container {
	display: flex;
}
.blog .blog-items,
.archive .archive-items {
	padding: 0 15px 0 0;
	flex: 1;
}
.blog .blog-items h2,
.archive .blog-items h2 {
	margin-top: 0;
}
.blog article {
	margin-bottom: 20px;
}
.blog aside,
.archive aside,
.sidebar {
	padding: 0 30 30 20;
	background: #373434;
	height: 100%;
	width: 30%;
	float: right;
	left: 12px;
}
@media screen and (max-width: 991px) {
	.blog aside,
	.archive aside,
	.blog .blog-items,
	.archive .archive-items {
		min-width: 100%;
	}
}
.blog h3,
.archive h3 {
	text-align: center;
	margin-top: 0;
}
.archive-description {
	text-align: center;
	max-width: 50%;
	margin: 0 auto 30px auto;
}
.archive-description p {
	font-size: 85%;
}
.home #primary > #main {
	padding: 0;
}
#primary > #main {
	padding: var(--wpdevs-big-padding);
}
@media screen and (max-width: 991px) {
	#primary > #main {
		padding: var(--wpdevs-mobile-padding);
	}
}
.meta-info p {
	margin: 0;
}
.wp-post-image {
	margin: 0 0px 40px 0;
}

@media screen and (max-width: 550px) {
	.wp-post-image {
		width: 50%;
	}
}
article {
	display: inline-block;
	width: 60%;
	padding: 30px;
}
article.post h1,
.search h1,
.archive h1 {
	font-size: 50px;
	line-height: 4rem;
	margin-bottom: 15px;
}
article.post h2 {
	line-height: 3rem;
	text-transform: none;
}
article h2 {
	margin-top: 58px;
	line-height: 2rem;
	margin-bottom: 10px;
	text-transform: none;
	display: -webkit-box;
	min-height: 3rem !important;
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 3 !important;
}
article.post h3,
article.post h4,
article.post h5 {
	margin-bottom: 0;
}

.widget-wrapper {
    padding: 7px 51px 4px 26px;
}

.searchform input[type="text"] {
	padding: 7px 10px;
	border: 1px solid #c6c6c6;
}
.searchform input[type="submit"] {
	padding: 11px 10px;
	background: #000000;
	color: #ffffff;
	border: none;
}
.searchform div {
	display: flex;
}
.searchform input[type="text"] {
	max-width: 70%;
}
.searchform input[type="submit"] {
	max-width: 70%;
}
@media (max-width: 991px) {
	.blog .container,
	.archive .container {
		flex-wrap: wrap;
	}
}

/************** NEWSLETTER *****************/

.newsletter-form input {
	border: none;
	padding: 0 10px;
	display: block;
	line-height: 64px;
	background: none;
}

.newsletter-form input[type="email"] {
	padding: 0 35px 0 0;
	width: 95%;
	border: none;
	line-height: 65px;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: left;
	font-size: 16px;
	font-weight: 500;
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 0;
	color: #fff;
}

.newsletter-form input[type="email"]:focus {
	border-bottom-color: #ffd45f;
}

.newsletter-form input[type="email"]::-webkit-input-placeholder {
	color: #fff;
}

.newsletter-form input[type="email"]::-moz-placeholder {
	color: #fff;
}

.newsletter-form input[type="email"]:-ms-input-placeholder {
	color: #fff;
}

.newsletter-form input[type="email"]:-moz-placeholder {
	color: #fff;
}

.newsletter-form .form-action {
	line-height: 42px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 11;
	width: 35px;
	height: 60px;
}

.newsletter-form .form-action i {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 11;
	margin-top: -7px;
	font-size: 22px;
	color: #fff;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}

.newsletter-form .form-action input.newsletter-submit {
	border: none;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
	opacity: 0;
}

i.fas.fa-paper-plane {
	margin-top: -30px;
}

.newsletter-form .form-action:hover i {
	color: #ffd45f;
}

.mc4wp-form:before,
.mc4wp-form:after {
	content: " ";
	display: table;
}

.mc4wp-form:after {
	clear: both;
}

.mc4wp-form .mc4wp-response {
	margin-top: 8px;
	color: #fff;
	opacity: 0.8;
}

.mc4wp-form .mc4wp-response a {
	color: #fff;
}

.mc4wp-form .mc4wp-response p {
	margin: 0;
}

.form-black .mc4wp-form .newsletter-form input[type="email"] {
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	color: var(--zilom-body-color);
}

.form-black .mc4wp-form .newsletter-form input[type="email"]:focus {
	border-bottom-color: #ffd45f;
}

.form-black .mc4wp-form .newsletter-form input[type="email"]::-webkit-input-placeholder {
	color: var(--zilom-body-color);
}

.form-black .mc4wp-form .newsletter-form input[type="email"]::-moz-placeholder {
	color: var(--zilom-body-color);
}

.form-black .mc4wp-form .newsletter-form input[type="email"]:-ms-input-placeholder {
	color: var(--zilom-body-color);
}

.form-black .mc4wp-form .newsletter-form input[type="email"]:-moz-placeholder {
	color: var(--zilom-body-color);
}

.form-black .mc4wp-form .mc4wp-response {
	color: #1c1e27;
}

.form-black .mc4wp-form .mc4wp-response a {
	color: #1c1e27;
}

.form-black .mc4wp-form .mc4wp-response p {
	margin: 0;
}

.elementor-section .elementor-container {
	display: flex;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

/* Botões Saber mais MJ*/

.bsaber {
	text-decoration: underline;
	line-height: 1px;
	font-weight: 500px;
	overflow: hidden;
	color: inherit;
	padding: 10px 20px;
	border-radius: 5px;
	transition: color 0.3s, border-color 0.3s;
	text-decoration-color: #e7ad41;
}

.bsaber:hover {
	text-decoration: underline;
	line-height: 1px;
	text-decoration-thickness: 2px;
	text-decoration-color: #e7ad41;
}

/* Comments */
#commentform input[type="submit"] {
	color: #ffffff;
	padding: 15px 25px;
	display: inline-block;
	background: var(--wpdevs-light-blue);
	margin: 20px 0 0;
	border: none;
}
#commentform input[type="submit"]:hover {
	background: var(--wpdevs-yellow);
	transition: 0.5s all;
}
#commentform label {
	display: block;
}
#commentform label[for="wp-comment-cookies-consent"] {
	display: inline;
	margin-left: 5px;
}
#commentform input[type="text"],
#commentform textarea {
	padding: 7px 10px;
	border: 1px solid #c6c6c6;
	width: 100%;
}
.comments-area #reply-title {
	border-top: 1px solid #ebebeb;
	padding: 20px 0 0;
}

/* Pagination */
.wpdevs-pagination {
	display: flex;
	justify-content: space-between;
}
.pages {
	margin-top: 20px;
}
.nav-links {
	margin-top: 40px;
}
.nav-links .page-numbers {
	padding: 10px 15px;
	display: inline-block;
	background: var(--wpdevs-gray3);
}
.nav-links .current {
	background-color: #000000;
	color: #ffffff;
}
.nav-links .next,
.nav-links .prev {
	background-color: transparent;
}
.nav-links .prev {
	padding-left: 0;
}

/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}
.procurar {
	display: flex;
	flex-wrap: wrap;
	width: -webkit-fill-available;
	padding: 20px;
}
.banner {
	display: block;
	background: url(/images/bk.jpg); /*imagem que aparece default*/
	height: 180px;
	margin: 0;
	padding: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
/*.wp-post-image{
  width: 100%;
}*/
.banner h4 {
	margin: 0;
	padding: 50px;
	font-size: large;
}
/*contéudo genérico*/
.generic-content {
	padding: 0 20px 12px 20px;
	text-align: left;
}

article {
	background-color: #f1f1f1;
}

article.resultados_pesquisa {
	display: flex;
	flex-wrap: wrap;
	padding: 30px;
	background-color: #f1f1f1;
	width: 350px;
	margin: 10px;
	text-align: center;
	line-height: 75px;
	font-size: 30px;
}
.noticias {
	background-color: #f1f1f1;
	width: 390px;
	margin: 4px;
	text-align: center;
	line-height: 1em;
	font-size: 12px;
}
thumbnail.noticias {
	width: 100%;
}
h4.archive-title {
	text-align: center;
	font-size: 60px;
}

.paginacao {
	margin: 41px;
}

.post-cat {
	display: inline-block;
	float: left;
	font-family: "Titillium Web", sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.6px;
	line-height: 1.1;
	color: #fff;
	background: #1a1a1a;
	padding: 8px 10px;
	margin-right: 7px;
	margin-bottom: 10px;
}

/* visual styles for Search */

p.searchwp-live-search-no-results {
	font-family: var(--heading-font);
	font-size: 18px;
	color: #ffffff;
}

.searchwp-live-search-results {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #fff;
	-webkit-box-shadow: 0 0 2px 0 rgba(30, 30, 30, 0.4);
	box-shadow: 0 0 2px 0 rgba(30, 30, 30, 0.4);
	border-radius: 3px;
	width: 315px;
	min-height: 175px;
	max-height: 300px;
}

.searchwp-live-search-no-min-chars .spinner {
	opacity: 0.3;
}

.searchwp-live-search-result p {
	font-size: 0.9em;
	padding: 1em;
	margin: 0;
	border-bottom: 1px solid rgba(30, 30, 30, 0.1);
}

.searchwp-live-search-result--focused {
	background: #ddd;
}

.searchwp-live-search-result--focused a {
	color: #000;
}

.searchwp-live-search-result:last-of-type p {
	border-bottom: 0;
}

.searchwp-live-search-result a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Bullet proof Screen Reader Only text */
.searchwp-live-search-instructions {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;
}

@keyframes searchwp-spinner-line-fade-more {
	0%,
	100% {
		opacity: 0; /* minimum opacity */
	}
	1% {
		opacity: 1;
	}
}

@keyframes searchwp-spinner-line-fade-quick {
	0%,
	39%,
	100% {
		opacity: 0.25; /* minimum opacity */
	}
	40% {
		opacity: 1;
	}
}

@keyframes searchwp-spinner-line-fade-default {
	0%,
	100% {
		opacity: 0.22; /* minimum opacity */
	}
	1% {
		opacity: 1;
	}
}