/*
	Theme Name: MinhaArvore
	Theme URL: https://minhaarvoregenealogica.com.br
	Author: Kezily Correa | Inovalize
	Author URL: http://inovalize.com.br
	Description: Tema desenvolvido por Inovalize
	Version: 1.0
*/

/* GERAL */

* {
	border: none;
	margin: 0;
}

body {
	background-color: #fff;
	color: var(--gray-dark);
	font: 400 16px/1.6 'Titillium Web', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering:optimizeLegibility;
	-webkit-text-rendering:optimizeLegibility;
}

body.frontend:not(.page-template-page-links):before {
    content: "";
    height: 220px;
    background-color: #f2f4f0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

body.home:before {
    height: 450px;
}

a {
	color: var(--bg-color-1);
	border: none;
	text-decoration: none;
}

a:hover {
	color: #6d6d6d;
	text-decoration: none;
}

a {
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

img,
iframe,
video {
	vertical-align: bottom;
}

div,
section,
h1,
article {
	position: relative;
}

/* FORM */

.wpcf7 {
	max-width: 800px;
	margin: 0 auto;
}

.wpcf7 p,
.entry .wpcf7 p {
	margin: 0;
}

span.wpcf7-list-item {
	margin-left: 0;
}

.no-valid {
    border-color: #ce2121;
}

form label {
    font-size: 0.9rem;
}

form p > label {
	margin: 0 0 0.2rem;
	font-weight: 600;
	line-height: 1.3;
}

input,
textarea,
select {
	width: 100%;
	padding: 10px 15px;
	margin-bottom: 20px;
	color: #000;
    background-color: #fff;
	box-sizing: border-box;
	outline: none;
	font-size: 14px;
	border: 1px solid #c7c7c7;
	position: relative;
	z-index: 1;
	border-radius: 5px;
}

input[type="radio"],
input[type="checkbox"] {
	width: auto;
	height: auto !important;
	margin: 0 2px 0 0;
	top: 2px;
}

.custom-select {
	height: 48px;
	background: url(images/angle-down.png) no-repeat right .75rem center/10px #fff;
	border-color: var(--bg-color-1);
    border-radius: 10px;
    font-size: 14px;
}

textarea {
	width: 100%;
	height: 130px;
	margin: 0 0 20px;
	box-sizing: border-box;
	outline: none;
	resize: none;
}

input[type="submit"] {
	width: auto;
	height: auto;
	padding: 10px 30px !important;
	margin-top: 20px;
	background-color: var(--bg-color-2);
	color: #fff;
	font-size: 1.3em;
	font-weight: 700;
	text-transform: uppercase;
	outline: none;
	border: none;
	cursor: pointer;
	border-radius: 5px;
}

input[type="submit"]:disabled {
    background-color: #c0c0c0;
}

input::-webkit-input-placeholder {
	color: #707070;
}

textarea::-webkit-input-placeholder {
	color: #707070;
}

input::-moz-placeholder {
	color: #707070;
}

input:-ms-input-placeholder {
	color: #707070;
}

form select {
	-webkit-appearance: none;
}

form h3 {
	margin-top: 10px;
	font-size: 17px;
	text-transform: uppercase;
}

.screen-reader-response p {
    display: none;
}

.intl-tel-input {
	margin-bottom: 1rem;
}

.wpcf7-form-control-wrap {
	display: block;
	clear: both;
}

.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.8rem;
}

.wpcf7-radio span.wpcf7-list-item {
	min-width: 15%;
}

.wpcf7-radio span .wpcf7-list-item-label {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
  }
  
.wpcf7-radio span > label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.wpcf7-radio span .wpcf7-list-item-label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #e3e3e3;
	border-radius: 50%;
}

.wpcf7-radio span .wpcf7-list-item-label:after {
	content: "";
	top: 6px;
	left: 6px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
}

.wpcf7-radio span input:checked ~ .wpcf7-list-item-label:after {
	background-color: var(--bg-color-2);
}

.wpcf7-not-valid-tip {
	font-size: 12px;
	margin-top: -1rem;
}

.wpcf7-acceptance {
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 767px) {
	.wpcf7-radio span.wpcf7-list-item {
		min-width: 44%;
	}

	input[type="submit"] {
		width: 100%;
		padding: 10px 20px !important;
		font-size: 1.1em;
	}
}

/* GENERAL */

.clear {
	clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat';
}

.intitle {
    color: var(--bg-color-1);
	font: 700 1.7em/1.3 'Montserrat';
	position: relative;
    letter-spacing: -0.5px;
}

.intitle strong {
    color: var(--bg-color-2);
}

.has-white-color.intitle strong,
.has-white-color .intitle,
.text-white .intitle {
	color: #fff;
}

@media (max-width: 767px) {
    .intitle {
        font-size: 1.5em;
    }
    p.intitle:not(.bigger-mob) {
        font-size: 1.3em !important;
    }
	.intitle br {
		display: none;
	}
}

.single-servicos #product p a,
.single-servicos #product li a {
    color: var(--bg-color-2);
    text-decoration: underline;
}

/* HEADER */

#header {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.menu-language {
	position: absolute;
	right: 2.5rem;
    top: 20px;
}

.menu-language .gtranslate_wrapper {
    z-index: 99;
}

.menu-language .gt_float_switcher {
    padding: 0;
    box-shadow: none;
    font-size: 12px;
}

.menu-language .gt_float_switcher img {
    width: 14px;
}

.menu-language .gt_float_switcher .gt-selected .gt-current-lang {
    padding: 0.1rem 0.6rem;
}

.menu-language .menu-item-gtranslate > div {
    padding: 2rem 1.2rem;
}

@media (min-width: 992px) {
    .menu-language {
        right: 15px;
		top: 12px;
    }

	.home .menu-language {
		top: 5px;
    }
}

/* MAIN NAV */

#main-nav {
	width: 100%;
	margin: 0 auto;
	padding: 5px 15px;
	border: none;
	z-index: 999;
	font: 600 14px 'Montserrat';
	letter-spacing: -0.5px;
}

#main-nav h1 {
    line-height: 0;
}

.navbar-brand {
	margin: 0;
	padding: 0;
}

.navbar-brand img {
  width: 100%;
  max-width: 45px;
}

#main-nav ul > li > a {
	padding: 10px 0.7rem;
	color: #4f535a;
	position: relative;
	display: block;
}

#main-nav ul > li:last-child > a {
    padding-right: 0;
}

#main-nav ul > li.active a,
#main-nav ul > li > a:hover,
#main-nav ul > li.dropdown:hover > a,
#main-nav ul > li.dropdown.show > a {
	color: var(--bg-color-1);
}

#main-nav ul>li>ul {
  padding: 0;
  background-color: #f5f5f5;
  border-radius: 0;
  border: none;
  font-size: inherit;
  top: 97%;
}

#main-nav ul>li>ul>li > a {
  	padding: 12px 15px;
  	border-bottom: 1px solid #fff;
  	border-top: 0;
  	text-transform: none;
	display: block;
	font-weight: 400;
	letter-spacing: 0;
 }

#main-nav ul>li>ul>li:last-child a {
	border: none;
}

 #main-nav ul>li>ul>li>a:hover {
 	background: #f1f1f1;
 }
.navbar-toggler {
   border: none;
   padding: 0;
   outline: none;
 }

 @media (max-width: 991px) {
	#main-nav {
		padding: 5px 15px;
        border-radius: 0;
	}
	#main-nav .navbar-collapse {
		width: 100%;
		max-width: 250px;
		padding: 10px;
		background-color: #fff;
		position: absolute;
		top: 75%;
		right: 0;
		z-index: 9;
		border-radius: 10px;
	}
	#main-nav ul li a {
		padding: 10px 15px;
	}
}

 @media (min-width: 992px) {
    #main-nav h1 {
        height: 95px;
    }
    
    #main-nav .navbar-collapse {
        margin-top: 30px;
    }
	.navbar-brand img {
	    max-width: 86px;
	}
	#main-nav ul > li > a {
		padding: 10px 0.8rem;
	}
	#main-nav ul > li > a span {
		position: relative;
	}

	#main-nav ul > li > a span:before {
		content: "";
		width: 100%;
		height: 1px;
		background-color: transparent;
		position: absolute;
		bottom: -10px;
	}
	#main-nav ul > li.active > a span:before,
	#main-nav ul > li:hover > a span:before {
		background-color: var(--bg-color-1);
	}
	#main-nav ul>li>ul {
		width: 200px;
	}
	#main-nav ul>li:hover>ul {
		display: block;
		position: absolute;
	}
}

/* NOTICE BAR */

.notice-bar {
	padding: 0.5rem 1rem;
	background-color: var(--bg-color-1);
	color: #fff;
	display: none;
	font-size: 1.1rem;
	font-weight: 500;
	text-align: center;
}

.notice-bar a {
	padding: 0.2rem 1rem;
	margin-left: 0.5rem;
	background-color: var(--bg-color-2);
	border-radius: 2rem;
	color: #fff;
	display: inline-block;
	font-weight: 700;
	text-transform: uppercase;
}

/* BREADCRUMB */

#breadcrumbs {
	max-width: 680px;
	background: transparent;
	padding: 0;
	font: 12px 'Montserrat';
}

@media (max-width: 768px) {
    #breadcrumbs {
        justify-content: center;
    }
}

/* ENTRY */

.entry {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	word-wrap: break-word;
	z-index: 1;
}

.entry p {
	margin-bottom: 0.8rem;
}

.entry h1,
.entry h2,
.entry h3 {
	margin-bottom: 0.8rem;
}

.entry h3.intitle {
    font-size: 1.5em;
    margin-bottom: 5px;
}

.single .entry h1,
.single .entry h2,
.single .entry h3 {
	margin-top: 2rem;
}

.entry blockquote {
    margin-bottom: 30px;
    padding-left: 20px;
    font-size: inherit;
    border-left: 1px solid var(--bg-color-1);
}

.entry blockquote cite {
    font-size: 12px;
}

.wp-block-image img {
    max-width: 100%;
	height: auto;
}

.block-contact p {
	margin-bottom: 5px;
}

.single #blog .container {
    max-width: 950px;
    margin: 0 auto;
}

.entry iframe {
	width: 100%;
	max-width: 800px;
	height: 400px;
	margin: 0 auto;
	display: block;
}

.entry p a,
.entry li a {
    text-decoration: underline;
}

.wp-block-image {
	margin-bottom: 40px;
}

.wp-block-image img {
	height: auto;
}

.wp-block-image figcaption {
	font-size: 12px;
	text-align: center;
	color: #8d8d8d;
}

.single-post .entry {
    font-size: 1.1em;
}

.single-post .entry h1 {
    margin: 20px 0;
    font-size: 2em;
}

.single-post .entry .post-cat,
.single-post .entry time {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.single-post .entry .post-cat a,
.single-post .entry time {
	padding: 3px 7px;
	background-color: var(--bg-color-2);
	color: var(--white);
	border-radius: 3px;
	font-weight: 700;
}

.single-post .entry .post-cat a:nth-child(n+2) {
    display: none;
}

@media (max-width: 575px) {
    .single-post .entry h1 {
        font-size: 1.4em;
    }
}

@media (min-width: 992px) {
    .single-post .entry .content {
        padding: 0 80px;
    }  
}

/* SHARE */

.share-icons span {
    padding-right: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
  
.share-icons [class*="icofont"] {
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-color: var(--bg-color-2);
    color: var(--white);
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 30px;
}

.share-icons [class*="icofont"]:hover {
    background-color: var(--bg-color-1);
}

/* TAG CLOUD */

.tagcloud a {
	padding: 2px 5px;
	margin: 3px 1px;
	font-size: 12px !important;
	display: inline-block;
	background-color: #e5e5e5;
	text-decoration: none;
	border-radius: 3px;
}

/* IMAGENS */

.alignnone {
	margin: 5px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
	text-align: center;
}

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

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

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

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

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

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

.wp-caption {
	background: var(--white);;
	max-width: 100%;
	padding: 0;
	text-align: center;
}

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

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

.wp-caption.alignright {
	margin: 5px 0 10px 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;
}

/* PRODUCTS */

#related {
    background-color: #f1f3ee;
}

/* SIDEBAR */

#sidebar {
    padding: 80px 30px;
    margin-top: -80px;
    background-color: #f5f5f5;
    background: -o-linear-gradient(top, #f5f5f5, #fff);
    background: -moz-linear-gradient(top, #f5f5f5, #fff);
    background: -webkit-linear-gradient(top, #f5f5f5, #fff);
    background: linear-gradient(to bottom, #f5f5f5, #fff);
}

div.sidebar h2 {
	padding: 10px 10px 10px 30px;
	margin-left: -30px;
	background-color: var(--white);
	color: #6e6e6e;
    font: 700 14px 'Montserrat';
    text-transform: uppercase;
    border-radius: 0 30px 30px 0;
}

.sidebar {
    margin-bottom: 50px;
}

.sidebar ul {
    padding: 0 !important;
    margin: 0 !important;
}

.sidebar ul li {
    list-style: none;
    position: relative;
    font-size: 14px;
}

.sidebar ul li a {
	padding: 10px 0;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid #dbdbdb;
	display: block;
}

.sidebar ul li:last-child a {
	padding-bottom: 0;
	margin-bottom: 0;
	border: none;
}

.sidebar ul li ul {
    display: none;
}

.sidebar ul li:last-child {
    border-bottom: 0;
}

.sidebar ul li a:hover {
    text-decoration: underline;
}

.sidebar ul li.parent .fa {
    width: 30px;
    height: 30px;
    background-color: #f0f0f0;
    line-height: 30px;
    position: absolute;
    top: 13px;
    right: 0;
    cursor: pointer;
    border-radius: 30px;
}

/* SEARCH */

.searchform input[type=text] {
	padding: 5px;
	margin-bottom: 0;
	border-color: #d7d7d7;
}

.searchform input[type="submit"] {
    width: 100%;
    padding: 5px 10px !important;
    margin: 5px 0 0;
    font-size: 16px;
}

/* COMMENTS */

#comments .navigation {
	border: none;
}

.comments-list {
	position: relative;
	list-style: none;
	padding: 0;
}

.comments-list>.comment,
.comments-list>li {
	padding: 25px;
	margin-bottom: 25px;
	background: #f7f7f7;
	border-radius: 10px;
}

.comments-list .pingback {
	padding: 30px 50px;
}

.comments-list .pingback p {
	margin: 0;
}

.comments-list .comment-meta {
	overflow: hidden;
	vertical-align: top;
	margin: 0;
	font-weight: 700;
}

.comments-list .comment-meta span {
	display: block;
}

.comments-list .comment-meta span.comment-time {
	font-size: 16px;
}

.comments-list .comment-meta .comment-edit-link {
	font-size: 12px;
}

.comments-list .comment .children {
	padding-top: 40px;
	padding-left: 40px;
	list-style: none;
}

.comments-list .comment .children:before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	margin-top: -30px;
	border-top: 1px solid #e8e8e8;
}

.comments-list .comment p:last-child {
	margin-bottom: 0;
}

.comments-list .children .comment {
	position: relative;
	margin-bottom: 20px;
}

.comments-list .children .comment:after {
	top: 40px;
	width: 18px;
	height: 1px;
}

.comment-respond .section-head {
	display: block;
}

.comment-form .required {
	color: #efa4a4;
}

.comment-form .reply-field.cf {
	clear: both;
}

.comment-form .form-submit {
	display: block;
	margin: 0;
}

.children .comment-form {
	margin-bottom: 0;
}

#cancel-comment-reply-link {
	position: relative;
	float: right;
	margin-top: -27px;
	background: var(--white);
	padding-left: 22px;
	color: #b4b4b4;
	font-size: 0;
}

/* WP-PAGENAVI */

nav.pagenav {
	display: block;
    margin: 30px 0;
	font-size: 14px;
	text-align: center;
	clear: both;
}

nav.pagenav .total-pages {
    margin: 0 15px;
    display: inline-block;
    color: #858585;
}

/* WHATSAPP */

.whats-btn {
	width: 60px;
	height: 60px;
	background: #5eca55;
	border-radius: 100%;
	text-align: center;
	line-height: 72px;
	position: fixed;
	bottom: 25px;
	right: 25px;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	z-index: 9999;
}

.whats-btn i {
	color: #fff;
	font-size: 36px;
}

/* CTA BOX */

.cta-box .btn-action {
    margin: 5px 10px;
}

/* CLIENT AREA */

#client-area {
    min-height: 100vh;
    padding: 100px 0 80px;
    background: #f2f4f0;
}

.client-area-logo {
    max-width: 100px;
    display: block;
    margin: 0 auto 30px;
}

.client-area-form {
	width: 100%;
	max-width: 450px;
	padding: 40px;
	margin: 0 auto;
	background: var(--bg-color-1);
	border-radius: 10px;
	position: relative;
}

.client-area-inner {
    z-index: 1;
}

.client-area-form h2 {
    margin-bottom: 30px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-align: center;
}
.client-area-form .input {
    margin-top: 40px;
    text-align: left;
}

.client-area-form .inputBox label {
    display: block;
    color: #fff;
    margin-bottom: 5px;
}
.client-area-form .inputBox input {
    position: relative;
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    padding: 5px 15px;
}
.client-area-form .inputBox input[type="submit"] {
    height: auto;
    background-color: #66ae0a;
}
.client-area-form .inputBox input[type="submit"]:hover {
    background: #76c90b;
}

.client-area-menu {
    max-width: 450px;
    padding: 0;
    margin: 0 auto;
    list-style: none;
}

.client-area-menu a {
    padding: 10px 20px;
    margin-bottom: 15px;
    background-color: var(--bg-color-2);
    color: var(--white);
    font-size: 1.1em;
    display: block;
    border-radius: 10px;
    position: relative;
}

.client-area-menu a:after {
	content: "";
	width: 15px;
	height: 20px;
	margin-top: -10px;
	background: url(images/nav-right-wt.png) center no-repeat;
	background-size: 6px;
	position: absolute;
	right: 15px;
	top: 50%;
}

.client-area-menu a:hover {
    background-color: var(--bg-color-1);
}

.alert {
    max-width: 450px;
    padding: 10px 15px;
    margin: 0 auto 20px;
    background-color: #fff;
    border-radius: 10px;
}

.alert:not(.alert-danger) {
    color: #739c47;
    border: 1px solid #739c47;
}

.alert.alert-danger {
    color: #b93333;
    border: 1px solid #b93333;
}

/* AUDIO PLAYER */

.header-player {
	position: absolute;
	right: 0;
	top: 60px;
}

.audio-player:hover {
    cursor: pointer;
}

.audio-player-button {
    width: 30px;
    height: 27px;
    background: url(images/pause-icon.svg) center no-repeat var(--bg-color-2);
    background-size: 16px;
    display: block;
    border-radius: 3px;
}

.audio-player-button.pause {
    background: url(images/play-icon.svg) center no-repeat var(--bg-color-2);
    background-size: 16px;
}

@media (min-width: 992px) {
	.header-player {
        right: 130px;
        top: 13px;
    }
    .home .header-player {
        top: 5px;
    }
}

@media (min-width: 1200px) {
	.header-player {
        right: -25px;
    }
}

/* UL FEAT LIST */

ul.feat-list {
	padding: 0;
	list-style: none;
    line-height: 1.3;
}

ul.feat-list>li {
	display: block;
	padding: 0.4rem 0 0.4rem 1.6rem;
	position: relative;
}

ul.feat-list>li:before {
	content: "\e904";
    font: 1em 'icofont';
    position: absolute;
    left: 0;
    top: 1.05rem;
    transform: translateY(-50%);
}

ul.feat-list>li a:hover {
    text-decoration: underline;
}

/* SOCIAL BUTTONS */

.social:not(.w-title) [class^="icofont-"] {
    width: 35px;
    height: 35px;
    margin: 5px 5px 5px 0;
    background-color: var(--bg-color-1);
    color: var(--white);
    font-size: 18px;
    line-height: 35px;
    display: inline-block;
    border-radius: 30px;
    text-align: center;
}

.social.colorized .icofont-facebook {
    background-color: #3f5fcc;
}

.social.colorized .icofont-instagram {
    background-color: #d02f99;
}

.social.colorized .icofont-linkedin {
    background-color: #28438c;
}

.social.colorized .icofont-twitter {
    background-color: #09c0d0;
}

.social.colorized .icofont-youtube,
.social.colorized .icofont-youtube-play {
    background-color: #e00e0e;
}

.social.colorized .icofont-brand-whatsapp {
    background-color: #14ab2a;
}

.social.w-title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.8rem;
}

.social.w-title a {
	padding: 0.1rem 0.6rem;
    border: 1px solid var(--bg-color-2);
    border-radius: 0.3rem;
	color: var(--bg-color-2);
    display: flex;
    align-items: center;
	gap: 0.4rem;
	font-size: 14px;
}

.social.w-title a:hover {
	background-color: var(--bg-color-2);
	color: #fff;
}

.popmake .social {
    text-align: center;
}

.popmake a {
    outline: none;
}

/* SEARCH SURNAME */

.search-surname form {
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 10px 20px;
}

.search-surname form input {
	margin: 0;
}
.search-surname form input[type=text] {
	background-color: transparent;
}

.search-surname form input[type=submit] {
	max-width: 200px;
	padding: 5px 30px !important;
}

.search-surname__table img {
	width: 26px;
	height: auto;
	margin-right: 10px;
}

.search-surname__country {
	display: flex;
	align-items: center;
}

.search-surname_infos {
	max-width: 400px;
	margin: 40px auto 0;
	text-align: center;
}

.search-surname_infos p {
	font-size: 1.2em;
	margin-bottom: 30px;
}

#origemModal .wpcf7 input[type=submit] {
	width: 100%;
    margin: 0;
}

#origemModal .intitle {
	padding: 10px;
	margin: 30px 0 5px;
	background-color: #f1f1f1;
	border-radius: 10px;
	font-size: 1.3em;
}

@media (max-width: 575px) {
	.search-surname form {
		flex-wrap: wrap;
	}
}

/* PRODUCTS */

.products-list {
    padding: 0;
    list-style: none;
}

.prod-item {
    margin-bottom: 4rem;
    position: relative;
}

.prod-item__inner {
	width: 100%;
    height: 100%;
	padding: 0.5rem;
	background-color: var(--wp--preset--color--white);
	border: 1px solid #cdcdcd;
	border-radius: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    text-align: center;
}

.prod-item__inner > a {
	width: 100%;
}

.prod-item__thumb {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.prod-item__thumb img {
	width: 100%;
	height: auto;
	border-radius: 0.5rem;
}

.prod-item h2,
.prod-item h3 {
    min-height: 40px;
    margin: 1rem 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
}

.prod-item .price {
    margin-bottom: 1rem;
    color: var(--bg-color-2);
    display: block;
    font-size: 0.8rem;
}

.prod-item .price ins {
    text-decoration: none;
}

.prod-item .price del {
    color: #898989;
    font-size: 12px;
}

.prod-item a.added_to_cart {
    display: none;
}

.prod-item a.button {
    width: 100%;
    padding: 0.6rem 0.4rem;
}

.prod-item a.button:hover,
.prod-item button.button:hover {
	filter: brightness(120%);
}

.prod-item .outofstock a.button  {
	background-color: var(--wp--preset--color--gray);
    color: var(--wp--preset--color--dark);
}

.related-products {
	margin-top: 5rem;
}

@media (max-width: 991px) {
    .row.products-list {
        --bs-gutter-x: 0.6rem;
    }
}
/* NEWSLETTER */

#newsletter {
    width: 100%;
    padding: 50px 0 110px;
    background: #6dad92;
    margin: 0 auto -70px;
}

#newsletter p {
    font-size: 1.2em;
    line-height: 1.3;
}

#newsletter .intitle {
    color: var(--bg-color-1);
}

.row10 {
    margin: 0 -5px;
}

.row10 .col-12 {
    padding-left: 5px;
    padding-right: 5px;
}

#newsletter label {
    font-size: 13px;
}

#newsletter input {
    padding: 10px;
    margin-bottom: 5px;
    border: none;
}

#newsletter input[type=submit] {
    width: 100%;
    margin-top: 0;
    padding: 4px 10px !important;
    background-color: var(--bg-color-1);
    font-size: 1em;
}

#newsletter .wpcf7 form.sent .wpcf7-response-output {
    border: 1px solid;
    margin: 0;
}

.cf-turnstile-wrap {
	padding: 0 !important;
}

#newsletter .wpcf7 .wpcf7-spinner {
	position: absolute;
    bottom: -6px;
    left: 0;
}

@media (min-width: 576px) {
    #newsletter input[name=nome] {
        margin-right: 10px;
    }    
}

/* MODAL */

#whatsappModal {
	text-align: center;
}

#whatsappModal img {
	max-width: 100%;
	height: auto;
}

.modal-dialog {
    max-width: 400px;
}

.modal-content {
    padding: 1rem;
    border: none;
    border-radius: 10px;
    line-height: 1.2;
}

#video-item .modal-dialog {
    width: 90%;
    max-width: 1000px;
}

#video-item .modal-content,
#video-item .modal-body {
    padding: 0;
}

#video-item .modal-body iframe {
    width: 100%;
    height: 550px;
    border-radius: 10px;
}

.modal-body .close {
	width: 20px;
	line-height: 1;
    position: absolute;
    right: 0.5rem;
    top: 0;
}

.modal-wpp-btn {
	max-width: 190px;
    padding: 10px;
	margin: 0 auto 30px;
    display: block;
    background-color: #2abf80;
    border-radius: 5px;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase;
}

.modal-wpp-btn,
.modal-wpp-btn:hover {
    color: var(--white);
}

.modal-wpp-btn:hover {
    background-color: #6dad92;
}

.modal-wpp-btn strong {
    display: block;
	font-size: 1.1em;
}

#origemModal .modal-dialog {
	max-width: 700px;
}

#noticeModal .modal-dialog {
	max-width: 600px;
}

#noticeModal p a {
	text-decoration: underline;
}

@media (max-width: 575px) {
    #video-item .modal-body iframe {
        height: 300px;
    }

	#noticeModal .modal-content {
		padding: 0.5rem;
	}
}

/* NOTICE POPUP */

.notice-popup {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden;
	position: fixed;
	bottom: 2rem;
	left: 2rem;
	z-index: 999;
}

.notice-popup img {
	max-width: 100%;
	height: auto;
}

.code-input {
	width: 46px;
    height: 50px;
    padding: 0.5rem;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 1.5rem;
    text-align: center;
}

.code-input:last-child {
	margin-right: 0;
}

.code-container {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
}

button.code-button {
	padding: 0.5rem 1rem;
	margin: 0 auto 1rem;
	background-color: var(--bg-color-2);
	border: none;
	border-radius: 5px;
	color: white;
	cursor: pointer;
	display: table;
	font-weight: 700;
	outline: none;
}

button.code-button:disabled {
	background-color: #cccccc;
	cursor: not-allowed;
}

.code-message {
	margin: 1rem 0;
    color: #f00;
    display: none;
    font-size: 1rem;
    text-align: center;
}

/* FRAME */

.vintage-page {
    height: 100%;
	min-height: 100vh;
	background: url(images/vintage-background.jpg) top center repeat;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0.2rem;
}

.vintage-page__close {
	width: 30px;
    height: 30px;
    color: #f00;
    font-size: 3rem;
    position: absolute;
    right: 2rem;
    top: 2rem;
    text-align: center;
	z-index: 9;
}

.vintage-page .intitle,
.vintage-page .intitle .wp-block-button__link {
	font-family: 'Bentham' !important;
    font-weight: 400;
    text-transform: uppercase;
}

.inner-border {
	width: 100%;
	height: 100%;
	margin: auto;
	border: 2px solid #c99f85;
	display: flex;
    justify-content: center;
    flex-direction: column;
	position: relative;
}

.outer-border {
	width: 100%;
	max-width: 1280px;
	height: 100%;
	padding: 6px;
	margin: 0 auto;
	border: 2px solid #c99f85;
}

.mid-border {
    border: 4px solid #c99f85;
    height: 100%;
    width: 100%;
    padding: 4px;
    margin: auto;
}

@media (min-width: 992px) {
	.vintage-page {
		padding: 3rem;
	}

	.vintage-page__close {
		top: 1rem;
	}

	.inner-border {
		padding: 2rem;
	}

	.mid-border {
		border-width: 6px;
		padding: 6px;
	}
}

.corner-decoration {
	height: auto;
	position: absolute;
    width: 3em;
    margin: -2px;
}

@media (min-width: 768px) {
	.corner-decoration {
		width: 3.5em;
	}
}

@media (min-width: 992px) {
	.corner-decoration {
		width: 4em;
	}
}

@media (min-width: 1200px) {
	.corner-decoration {
		width: 5em;
	}
}

.corner-decoration.corner-left-top {
	left: 0;
	top: 0;
}

.corner-decoration.corner-right-top {
	top: 0;
	right: 0;
	 -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.corner-decoration.corner-right-bottom {
	right: 0;
	bottom: 0;
	 -webkit-transform: scale(-1);
  	transform: scale(-1);
}

.corner-decoration.corner-left-bottom {
	left: 0;
	bottom: 0;
	-webkit-transform: scaleY(-1);
  	transform: scaleY(-1);
}

.vertical-decoration {
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 11em;
}


@media (min-width: 768px) {
	.vertical-decoration {
		width: 16em;
	}
}


@media (min-width: 992px) {
	.vertical-decoration {
		width: 20em;
	}
}

@media (min-width: 1200px) {
	.vertical-decoration {
		width: 27em;
	}
}

.vertical-decoration.top {
	top: 0;

}

.vertical-decoration.bottom {
	bottom: 0;
	-webkit-transform: scaleY(-1);
  	transform: scaleY(-1);
}

/* FOOTER */

#footer {
	width: 95%;
	margin: 0 auto;
	font-size: 14px;
	background-color: #f1f3ee;
	position: relative;
	bottom: 0;
	border-radius: 10px;
}

#footer img {
    max-width: 100%;
}

#footer .logo img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

#footer h2:not(.intitle) {
	font-size: 1em;
	font-weight: 800;
	text-transform: uppercase;
}

#footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#footer ul.menu li {
	display: block;
	padding: 3px 0;
    line-height: 1.2;
}

#footer ul.menu li a:hover {
	text-decoration: underline;
}

#footer ul.block-contact li {
    padding: 10px 8px 10px 0;
}

#footer ul.block-contact li [class^="icofont-"] {
	top: 3px;
	font-size: 24px;
	margin-right: 10px;
	position: relative;
}

#footer ul.block-contact li .icofont-brand-whatsapp {
	font-size: 21px;
}

#footer p:empty {
	display: none;
}

a.btn-book {
    padding-left: 24px;
    color: #a50000;
	font: 800 0.9em 'Montserrat';
	text-transform: uppercase;
    position: relative;
}

a.btn-book:before {
    content: "";
    width: 18px;
    height: 18px;
    background-color: #a50000;
    border-radius: 100%;
    position: absolute;
    left: 0;
	top: -3px;
}

#footer .copyright {
	padding: 15px 0;
	font-size: 13px;
	background-color: #fff;
	letter-spacing: 0.5px;
}

#footer .copyright p {
	margin: 0;
}

@media (max-width: 991px) {
	#footer .logo img {
		max-width: 150px !important;
	}
}

/* MEDIA QUERIES */

@media (max-width: 575px) {
    .container {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (min-width: 1366px) {
    .container {
		  max-width: 1150px;
		}
	 #content {
		 padding-right: 40px;
	 }
}