/*
Theme Name: GVitals v09/2024
Theme URI: https://grumft.com/
Author: Grumft
Author URI: https://grumft.com/
Description: 
Developer: Aron Medeiros
Developer URI: https://aronmedeiros.com.br/
Version: 3.4.5
Tags: 
*/

* { margin: 0; padding: 0; box-sizing: border-box; } body { color: var(--almost-black); background: var(--white); font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } a { color: var(--color-primary); font-weight: 600; text-decoration: none; transition: all 0.3s; } a:hover { color: var(--color-secondary); text-decoration: none; } h1, h2, h3, h4, h5, h6 { clear: both; color: var(--almost-black); font-weight: 600; margin-top: 24px; margin-bottom: 15px; } p { margin-bottom: 1rem; } table { width: 100%; max-width: 100%; border-collapse: collapse; overflow-x: auto; display: block; } canva, iframe { max-width: 100%; border-radius: 5px; } .wp-caption, picture, figure, video, audio, img { max-width: 100%; border-radius: 5px; height: auto; } picture { margin: 0; padding: 0; display: block; } dl, ol, ul { margin-top: 0; margin-bottom: 1rem; padding-left: 2rem; } dl li, ol li, ul li { font-size: 16px; margin-bottom: 0.5rem; } .has-text-align-center, .aligncenter{ text-align: center; margin: auto; max-width: 100%; } #content { padding: 30px 0; } .container { width: 100%; max-width: 1320px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .mb-4 { margin-bottom: 1.5rem; } .d-block { display: block; } .vertical-center { min-height: 100%; display: flex; align-items: center; } .ads-bg { background: url('./inc/assets/images/publicity.png'); width: 100%; height: 280px; display: flex; justify-content: center; align-items: center; max-width: 100%; overflow-x: auto; overflow-y: hidden; } #breadcrumbs { margin: 0; font-size: 14px; } .row { display: flex; flex-wrap: wrap; margin-right: calc(-.5 * 1.5rem); margin-left: calc(-.5 * 1.5rem); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(1.5rem * .5); padding-left: calc(1.5rem * .5); } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-12 { flex: 0 0 auto; width: 100%; } @media (min-width: 768px) { .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-6 { flex: 0 0 auto; width: 50%; } } @media (min-width: 992px) { .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } } header#masthead { background: var(--bg-header); width: 100%; height: 86px; display: flex; align-items: center; box-shadow: 0 .5rem 1rem rgb(0 0 0 / 5%), inset 0 -1px 0 rgb(0 0 0 / 10%); } header#masthead nav.navbar { max-width: 1320px; margin-right: auto; margin-left: auto; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 5px 15px; } header#masthead nav.navbar .navbar-brand a { display: block; max-height: 76px; } header#masthead nav.navbar #mobile-nav { display: flex; justify-content: flex-end; flex-grow: 1; } header#masthead nav.navbar #mobile-nav ul.navbar-nav { display: inline-flex; list-style: none; margin: 0; padding: 0; } header#masthead nav.navbar #mobile-nav ul.navbar-nav li { margin-bottom: 0; } header#masthead nav.navbar #mobile-nav ul.navbar-nav li a { color: var(--text-header); padding: 0 12px; font-size: 15px; font-weight: 500; text-transform: uppercase; } header#masthead nav.navbar #mobile-nav ul.navbar-nav li a.active { font-weight: 600; } header#masthead nav.navbar #mobile-nav ul.navbar-nav li .dropdown-menu { display: none; min-width: 13.5rem; margin: 1rem 0 0; z-index: 1000; text-align: left; list-style: none; background-clip: padding-box; padding: 5px; background-color: var(--white); box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); border-radius: 5px; } header#masthead nav.navbar #mobile-nav ul.navbar-nav li .dropdown-menu li a { white-space: normal; background: 0 0; line-height: 1.6; font-size: 1rem; font-weight: 500; padding: 0.5rem 1rem; display: block; color: var(--almost-black); } header#masthead  nav.navbar #mobile-nav ul.navbar-nav li a.dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; transition: all 0.3s; } header#masthead  nav.navbar #mobile-nav ul.navbar-nav li a.dropdown-toggle.show::after { transform: rotate(180deg); } header#masthead nav.navbar .dropdown-menu.show { display: block !important; } @media (min-width: 968px) { header#masthead nav.navbar .navbar-toggler { display: none; } } @media (min-width: 1200px) { header#masthead nav.navbar .navbar-nav .dropdown-menu { position: absolute; } } @media (max-width: 968px) { header#masthead nav.navbar { max-width: 100%; padding: 5px 15px; } header#masthead nav.navbar #mobile-nav { z-index: 99999; position: fixed; top: 86px; bottom: 0; left: -100%; width: 100%; min-height: 100vh; overflow-y: auto; background: var(--bg-header); border-top: 1px solid var(--white); display: block; } header#masthead nav.navbar #mobile-nav.show { right: 0; left: 0; } header#masthead nav.navbar #mobile-nav ul.navbar-nav li .dropdown-menu { background-color: rgba(255, 225, 255, 0.1); margin: 0; } header#masthead nav.navbar #mobile-nav ul.navbar-nav li .dropdown-menu li a { color: var(--text-header); padding: 10px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } header#masthead nav.navbar .navbar-toggler { background-color: transparent; padding: 0; font-size: inherit; line-height: 0; border: unset; border-radius: unset; } header#masthead nav.navbar .barras-search, header#masthead nav.navbar .navbar-toggler .linhasmr { position: relative; width: 50px; height: 50px; } header#masthead nav.navbar .navbar-toggler .linhasmr > span { background-color: var(--text-header); height: 2px; right: 10px; position: absolute; top: 0; width: 28px; border-radius: 10px; transition: all .3s ease 0s; } header#masthead nav.navbar.navbar-toggler .linhasmr .b1, header#masthead nav.navbar .navbar-toggler .linhasmr .b2, header#masthead nav.navbar .navbar-toggler .linhasmr .b3 { transform: unset; -webkit-transform: unset; width: 28px; } header#masthead nav.navbar .navbar-toggler .linhasmr .b1 { top: 14px; } header#masthead nav.navbar .navbar-toggler .linhasmr .b2 { top: 22px; } header#masthead nav.navbar .navbar-toggler .linhasmr .b3 { top: 30px; } header#masthead nav.navbar .navbar-toggler.collapsed .linhasmr .b1 { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 22px } header#masthead nav.navbar .navbar-toggler.collapsed .linhasmr .b2 { width: 0 } header#masthead nav.navbar .navbar-toggler.collapsed .linhasmr .b3 { transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 22px } header#masthead nav.navbar #mobile-nav ul.navbar-nav { display: block; } header#masthead nav.navbar #mobile-nav { padding: 20px 0; } header#masthead nav.navbar #mobile-nav ul.navbar-nav li a { display: block; text-align: center; padding: 15px 0; } } #EmphasisHome h1 { font-size: 14px; margin: 0 0 10px 0; padding: 0; color: var(--almost-black); text-transform: uppercase; } #EmphasisHome .titleCircle { font-size: 1.2rem; font-weight: 600; color: var(--almost-black); margin: 0; } #EmphasisHome .titleCircle span { color: var(--color-primary); margin-right: 15px; } @media (max-width: 768px) { #EmphasisHome h1 { text-align: center; } } #MostRead { margin: 20px 0 40px; background-color: var(--color-primary); background-image: linear-gradient(var(--color-primary), var(--color-secondary)); padding: 2rem 1.5rem; } #MostRead h2.titleInit { text-align: center; font-size: 1.25rem; color: var(--white); font-weight: 500; margin-top: 0; } .CategoriesHome { margin: 20px 0; } .CategoriesHome .catLink { border-bottom: 2px solid var(--color-primary); display: block; } .CategoriesHome .catLink h2.catTitle { background-color: var(--color-primary); width: fit-content; padding: 5px 15px; display: block; color: var(--white); border-radius: 12px 12px 0 0; font-size: 1.25rem; font-weight: 500; margin-bottom: 0; } .btn-primary { background-color: var(--color-primary); border-radius: 12px; border: 2px solid var(--color-primary); color: var(--white); padding: 10px 15px; display: inline-block; transition: all 0.3s; } .btn-primary:hover { background-color: transparent; color: var(--color-primary); } #LatestNews .newsLink { border-bottom: 2px solid var(--color-primary); display: block; } #LatestNews .newsLink h2.newsTitle { background-color: var(--color-primary); width: fit-content; padding: 5px 15px; display: block; color: var(--white); border-radius: 12px 12px 0 0; font-size: 1.25rem; font-weight: 500; margin-bottom: 0; } .ads-sidebar { position: sticky; top: 20px; } .h1dados { margin: 0 0 20px; padding-bottom: 20px; border-bottom: 1px solid var(--white-light); } #PageCategory h1, #PageLatestNews h1 { color: var(--color-primary); font-size: 1.8rem; margin: 0 0 10px; } #PageCategory .carddefaults .content h2, #PageLatestNews .carddefaults .content h2 { color: var(--color-primary); } #PageCategory .cardbg { height: 280px; } #page-numbers { text-align: center; margin-top: 20px; } .nav-previous a, .nav-next a, .page-numbers { background-color: var(--white-light); min-width: 3rem; height: 3rem; color: var(--almost-black); font-weight: 500; text-align: center; text-decoration: none; line-height: 3rem; display: inline-block; font-size: 14px; padding: 0 0.5rem; margin: 0 0.25rem 0.5rem; border-radius: 12px; cursor: pointer; } .nav-previous a, .nav-next a { padding: 0 15px; } .nav-previous a::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; transform: rotate(90deg); transition: all 0.3s; } .nav-next a::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; transform: rotate(-90deg); transition: all 0.3s; } .nav-next:hover a, .nav-previous:hover a, .page-numbers:hover, .page-numbers.current { background-color: var(--color-primary); color: var(--white); } #postSingle { justify-content: center; } #postSingle article.post header.entry-header .chapeu { color: var(--white); font-size: 14px; background-color: var(--color-primary); display: table; padding: 3px 15px; border-radius: 25px; font-weight: 500; } #postSingle article.post header.entry-header { border-bottom: 1px solid var(--white-light); padding-bottom: 15px; margin-bottom: 15px; } #postSingle article.post header.entry-header h1 { font-size: 1.6em; font-weight: 600; margin: 0; } #postSingle article.post header.entry-header .date, #postSingle article.post header.entry-header .autor { font-size: 14px; margin: 0; } #postSingle article.post header.entry-header .date { color: var(--light); font-weight: 500; margin-bottom: 7px; margin-top: 15px; } #postSingle article.post header.entry-header .autor { color: var(--color-primary); font-weight: 700; } #postSingle article.post .post-thumbnail { margin: 15px 0; } #postSingle article.post .post-thumbnail img { width: 100%; object-fit: cover; border-radius: 5px; height: 450px; } #postSingle article.post .entry-content figcaption, #postSingle article.post .post-thumbnail figcaption { color: var(--light); font-size: 0.9rem; text-align: center; margin-bottom: 1rem; } #postSingle article.post .entry-content figure { display: block; margin: auto; text-align: center; } #postSingle article.post .entry-content p { font-size: 1.25rem; margin-bottom: 1rem; font-weight: 400; line-height: 2rem; color: var(--almost-black); } #postSingle article.post .entry-content p iframe { display: block; margin: auto; } #postSingle article.post .entry-content .tagContent { max-width: 100%; word-break: break-all; display: inline-block; } #postSingle article.post .entry-content .tagEndPost { font-size: 14px; text-transform: uppercase; padding: 10px 15px 10px 0; display: block; height: 40px; font-weight: 600; } .bg-loading { background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%); background-size: 200% 100%; animation: 1s shine linear infinite; } @keyframes shine { to { background-position: -200% 0; } } @media (max-width: 768px) { #postSingle article.post .post-thumbnail img { height: 230px; } #mod-relacionadas .post a { border-bottom: unset !important; display: inline-block !important; } #postSingle article.post header.entry-header h1 { font-size: 1.4em; } } #sharelink { margin: 30px 0 20px 0; } #sharelink a { color: var(--white); display: inline-block; width: 40px; height: 40px; border-radius: 50%; text-align: center; cursor: pointer; padding: 10px; margin-right: 10px; } #sharelink a img, #sharelink a svg { fill: var(--white); width: 20px; max-height: 20px; filter: invert(1); } #sharelink .facebook { background: #3B5998; } #sharelink .linkedin { background: #007bb5; } #sharelink .whatsapp { background: #1EEA5F; } #sharelink .twitter { background: #55ACEE; } #sharelink .share { background: #ff6600; } #dataAuthor { box-shadow: 2px 2px 2px rgb(0 0 0 / 10%); background-color: var(--white-light); border-radius: 5px; margin-top: 40px; padding: 20px; } #dataAuthor .row { min-height: 100%; display: flex; align-items: center; justify-content: center; } #dataAuthor .avatar { position: relative; text-align: center; } #dataAuthor .avatar:before { position: absolute; content: ""; top: 50%; left: calc( 50% - 75px ); transform: translateY(-50%); border-radius: 50%; height: 150px; width: 150px; background: linear-gradient(90deg, var(--color-primary), var(--color-primary) 22.16%, var(--color-secondary) 48.26%, var(--color-secondary) 73.1%, var(--black)); } #dataAuthor .avatar img { position: relative; padding: 4px; height: 150px; width: 150px; border-radius: 50%; margin: auto; } #dataAuthor .subtitle { font-size: 14px; margin-bottom: 0; font-weight: bold; } #dataAuthor .title { font-size: 16px; margin-top: 10px; font-weight: 600; } #dataAuthor .description { font-size: 14px; margin: 0; color: var(--almost-black); } #modalCookie { font-family: Arial, Helvetica, sans-serif; display: none; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; } #modalCookie.show { display: block; } #modalCookie > div.bodymodal { width: 365px; position: fixed; padding: 20px 15px; background: var(--white); z-index: 999999; margin: auto; font-size: 14px; color: var(--almost-black); bottom: 110px; left: 10px; border-radius: 5px; text-align: center; line-height: 1.4; box-shadow: 0 5px 5px 4px rgb(0 0 0 / 10%); } #modalCookie > div.bodymodal a { color: var(--almost-black); text-decoration: underline; } #buttonAceitoCookie { border-radius: 5px; padding: 0.375rem 0.75rem; width: 100%; background-color: var(--color-primary); border-color: var(--color-primary); margin-top: 6px; cursor: pointer; font-size: 14px; font-weight: 700; color: var(--white); transition: all 0.3s; } #buttonAceitoCookie:hover{ background-color: var(--white); color: var(--color-primary); } @media (max-width: 768px) { #modalCookie > div.bodymodal { width: calc( 100% - 20px ); margin: 0px auto; font-size: 13px; } } footer#footer { margin-top: 50px; } footer#footer .menufooter { padding: 20px 0; border-top: 2px solid var(--almost-black); } footer#footer .menufooter h2 { font-size: 16px; line-height: 1.33em; color: var(--almost-black); text-transform: uppercase; margin: 0 0 15px; font-weight: 600; } footer#footer .menufooter .menus { display: inline-flex; list-style: none; padding: 0; margin: 0; } footer#footer .menufooter .menus li { margin-bottom: 0px; margin-right: 25px; } footer#footer .menufooter .menus li a { font-weight: 600; font-size: 16px; padding: 12px 0; display: block; color: var(--bg-default); } footer#footer .menufooter #redesMedia a { display: inline-block; margin-right: 12px; width: 32px; height: 32px; text-align: center; } footer#footer .menufooter #redesMedia a svg { height: 32px; width: 32px; fill: var(--color-primary); } footer#footer .copyright { background-color: var(--bg-default); padding: 10px; } footer#footer .copyright p { margin: 0; color: var(--white); text-align: center; font-size: 14px; font-weight: 400; } @media (max-width: 768px) { footer#footer .menufooter .menus { display: block; margin-bottom: 20px; } footer#footer .menufooter .menus li { text-align: center; } footer#footer #redesMedia { text-align: center; } }